﻿body { background:#016574; color:#000; font:12px/1.5em Arial, Sans-Serif; margin:0; padding:0; }

#fullContent { background-color:#e3f3f5; border: 0px solid #000; margin: 10px; padding: 10px; width: 96%; }
#leftContent { background-color:#019AAF; border: 0px solid #000; float: left; margin:10px; font-size: 14px; font-weight: bold; width: 20%; }
#mainContent { background-color:#e3f3f5; border: 0px solid #000; float: left; margin:10px; padding: 10px; width: 72%; }
#gdContent { background-color:#ffe1f0; border: 0px solid #000; margin: 10px; padding: 10px; width: 96%; }
	
.gdColour { background-color:#ffe1f0; }

/* ====== */
/* Common */
/* ====== */

.sectionTitle { font: bold 16px Sans-Serif; text-transform:uppercase; padding:10px 0; }
.contentBody { background-color:#fff; border:solid 1px #999; font:10pt Verdana, Tahoma, Helvetica; padding:8px; }	
.contentBetBody { background-color:#ddd; border:solid 1px #999; font:10pt Verdana, Tahoma, Helvetica; text-align: center; padding:8px; }
.searchSection { border:solid 0px #999; padding:5px; width:1200px; text-align:left; }
.popUpTitle { color:#fff; font:bold 16px Sans-Serif; text-align:center; text-transform:uppercase; padding:10px; }
.contentReceipt { background-color:#ddd; border:solid 1px #999; font:10pt Verdana, Tahoma, Helvetica; padding:8px; }

.height_150 { height:150px; }
.height_210 { height:210px; }
.height_270 { height:270px; }

.bold { font-weight:bold; }
.border_1 { border:1px solid #000; }
.height_10 { height:10px; }	
.height_100 { height:100px; }
.height_108 { height:108px; }
.marginBottom_10 { margin-bottom:10px; }
.marginTop_10 { margin-top:10px; }
.minHeight_400 { min-height:400px; }
.paddingLeft_30 { padding-left: 30px; }

.maxHeight_500 { max-height:500px; overflow:auto; }

.width_8 { width:8px; }
.width_10 { width:10px; }
.width_20 { width:20px; }
.width_40 { width:40px; }
.width_80 { width:80px; }
.width_100 { width:100px; }
.width_300 { width:300px; }
.width_400 { width:400px; }

.alignCenter { margin:0 auto; }
.center { text-align: center; }
.alignRight { text-align:right; }
.blueColor { color:Blue; }
.redColor { color:Red; }
.red2Color { color:#9b001c; }
.whiteColor { color: #fff; }
.greenColor { color:Green; }

.infoMessage { color:green; margin:10px 0; }
.errorMessage { color:red; margin:10px 0; }	

.date{ color:#fff200; font-weight:bold; text-transform:uppercase; }

.invisible {display:none; visibility:hidden;}

/* ===== */
/* Login */
/* ===== */
	
.loginBody { background:#f0f0f0 url(images/index_bg.jpg) repeat-x top left; border:0px solid #000; }
.loginFrame { background-image:url(images/index_panel.jpg); margin:108px auto 0; width:580px; height:320px; border:0px solid #000; }
.titleLogin { font-weight:bold; font-size:20px; line-height:32px; text-transform:uppercase; color:#fff; border:0px solid #000; }
.loginInputFrame { margin-left:300px; color:#fff; border:0px solid #000; }

.slice_2 { background:url(page_images/bg_slice_02.jpg) top right no-repeat; float:left; height:23px; width:335px; }
.slice_3 { background:url(page_images/bg_slice_03.jpg) top left no-repeat; float:left; height:23px; width:615px; }
.languageBar { float:right; margin:3px 0px 3px 0px; padding-left:10px; border-left:1px solid #bcbcbc; font-family:Tahoma, Geneva, sans-serif; font-size:11px; line-height:14px; color:#666; width:40px; }
.clockBar { width:250px; float:right; margin:3px 0px 3px 0px; padding-right:10px; font-family:Tahoma, Geneva, sans-serif; font-size:10px; line-height:14px; color:#9a9a9a; text-align:right; }

.container950 { width:950px; padding:0px 10px 0px 10px; height:445px; }
.leftbox { width:335px; float:left; height:445px; background:url(page_images/bg_slice_05.jpg) top right no-repeat; }
.titlebox { margin:250px 10px 5px 10px; padding-left:5px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:15px;
	font-weight:bold; color:#707070; line-height:22px; border-bottom:1px solid #fff; }
#announcement_select ul { list-style-type: none; width: 315px; padding:0px 0px 5px 0px; margin: 0px 10px 0px 10px; border-bottom:1px solid #fff; } 
#announcement_select li a { color: #707070; display: block; font-size: 12px; font-weight:normal; text-align:left; padding:4px 6px;
		margin: 0; text-decoration: none; cursor:pointer; border: solid 1px #ffe564; min-height:10px; width:auto; }
* html #announcement_select li a { width: 315px; }
#announcement_select li a:hover { background: #fafafa; color: #333; border: solid 1px #ffffff; }
#announcement_select a em { color: #666; display: inline-block; line-height:14px; }
#announcement_select a span { line-height: 22px; font-size:14px; font-weight:bold; }
.announcementButton { margin:5px 10px; padding: 0 5px; }
.rightbox { width:615px; float:left; height:445px; background:url(page_images/bg_slice_06.jpg) top left no-repeat #fff; }
.loginbox { margin-top:85px; padding:0px 10px 0px 10px; min-height:100px; }
.fieldTitle { font-size:16px; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; line-height:28px; font-weight:bold; color:#f7941d; }
.accesscode { padding:5px 10px 0 0; height:40px; width:180px; }
.fieldAccesscode { height:25px; width:165px; padding:15px 0 0 2px; }
.box_loginbutton { width:auto; padding:5px 50px 0 0; }
.box_footerIndex { width:950px; padding:0px 10px; }
.footerIndex { width:auto; font-family:'Trebuchet MS', Arial, Helvetica, sans-serif; font-size:10px; color:#9a9a9a; font-weight:bold; line-height:28px; }
.left{ float:left; left:0; }
.right{ float:right; right:0; }

/* =========== */
/* Top Message */
/* =========== */

.msgBG {
	background:url(images/msg_bg.jpg) top left repeat-x;
	height:32px;
	float:left;
	position:fixed;
	width:100%;
	z-index:9999px;
	top:0;
	left:0;
}
.msg {
	padding:0px 0 0 0;
	background:url(images/msg_bg2.jpg) top left repeat-x #fff;
	height:32px;
}
.msgBuletine {
	width:100%;
	padding:3px 0 0 0px;
	height:24px;
	line-height:24px;
}
.ticker {
	float:left;
	position:relative;
	padding:6px 0 0 0px;
	margin:0 0 0 30px;
	color:#333;
	width:80%;
	top:0;
	left:0;
}
.ticker span {
	font: 14px bold #fff arial;
}

/* ================= */
/* Basic Master Page */
/* ================= */

/* .basicBody { background:url(page_images/bg.jpg) top left no-repeat; } */
.basicBody { }

/* ======= */
/* Content */
/* ======= */

.contentTopLeft { float:left; background:url(page_images/img_content_topleft.jpg) top left no-repeat; width:15px; height:15px; }
.contentTopRight { float:right; background:url(page_images/img_content_topright.jpg) top left no-repeat; width:15px; height:15px; }
.contentBottomLeft { float:left; background:url(page_images/img_content_botleft.jpg) top left no-repeat; width:15px; height:15px; }
.contentBottomRight { float:right; background:url(page_images/img_content_botright.jpg) top left no-repeat; width:15px; height:15px; }

.pContentDesc{
	min-height:300px; width:auto; background-color: #fcf1ad; padding:0px 20px; border-left:1px solid #ffdf4f; border-right:1px solid #ffdf4f;
}
.pContentDesc .title{
	font-weight:bold; font-size:16px; color:#f26922; text-decoration:underline; line-height:24px; margin: 0 0 10px 0; padding:10px 0;
}
.clear{
	clear:both; display:block; height:0;
}

/* ======== */
/* Bet Form */
/* ======== */

.betTable { border:1px solid #cabc99; width:auto; margin-bottom:10px; padding:5px 0 5px 0; background-color:#fff; }
.bettingTable { line-height:32px; margin:0 auto; }

/* ============ */
/* Fluid Border */
/* ============ */

.topCenter { border-top:1px solid #ffdf4f; height:10px; }
.botleft { float:left; bottom:0; left:0; }
.botCenter{ border-bottom:1px solid #ffdf4f; height:14px; background-color: #fcf1ad; }

/* ====== */
/* Banner */
/* ====== */

.banner { background: url(images/banner_bg.jpg) repeat-x top left; width: 100%; height:165px; margin-top:32px; }
.bannerPanel { background:url(images/panel_details.jpg); color:#898989; font-size:12px; height:150px; line-height:26px;
    margin-left:20px; padding:3px 5px 5px 8px; width:347px; float:left; }
.bannerContent { background:url(images/banner.jpg) no-repeat -160px 0; color:#fff; padding:0; 
    min-width:600px; width:auto; height:165px; float:left; text-align:left; }
.logUser { color: #8dc63f; font-size: 13px; padding-top: 4px; line-height:18px; text-decoration:none; font-weight:bold; 
    text-transform:uppercase; width:100px; display:inline-block; }

/* ====== */
/* Button */
/* ====== */

input[type="button"],input[type="submit"]
{
	color: #fff;
	background-color: #0392A3;	
	border-color: #037E8D;
    border-bottom-style: double;
    border-left-style: double;
    border-right-style: double;
    border-top-style: double;
	font-size:12px;
	height:30px;
    text-transform:uppercase;
}

/* ======================= */
/* Odd & Even Row settings */
/* ======================= */

.myTable { color: #333; padding: 2px; line-height: 24px; font-size:11px; }
.myTable2 { color: #333; padding: 2px; line-height: 24px; font-size:11px; }
.myTable td{ padding:0 10px; }
.trHeader { text-align:center; background-color: #0392a3; font-weight:bold; color:#fff;}
.trFooter { background-color: #91cfd7; color:#333; }
.oddTr { background-color: #e3f3f5; color: #333; }
.evenTr { background-color: #c3e6ea; color: #333; }
.trOver { background-color: #91cfd7; color: #fff; }
/*.trOver { background-color: #0392a3; color: #fff; }*/
.trClick { background-color: #00CCCC; }
.tdBg { background-color: #0392a3; color:#fff; }
.tdSubBg { background-color: #CABC99; }
.tdBg2 { background-color: #a6d8de; color: #333; }

.title2{ font-size:14px; font-weight:bold; line-height:24px; height:32px; color:#fff; text-transform:uppercase; }

/* ======================== */
/* Odd & Even Row settings2 */
/* ======================== */

.myTable2 { color: #333; padding: 2px; line-height: 24px; font-size:11px; text-align:center; }
.oddTr2 { background-color: #fffff2; color: #333; }
.evenTr2 { background-color: #f8f1e0; color: #333; }
.trOver2 { background-color: #cabc99; color: #fff; }
.trClick2 { background-color: #00CCCC; }
/*.tdBg2 { background-color: #CABC99; }*/

/* ====== */
/* Panel  */
/* ====== */

.panelTopLeft { float:left; background:url(page_images/welcome_topleft.jpg) top left no-repeat; width:8px; height:8px; }
.panelTopRight { float:right; background:url(page_images/welcome_topright.jpg) top right no-repeat; width:8px; height:8px; }
.panelBottomLeft { float:left; background:url(page_images/welcome_bottomleft.jpg) top left no-repeat; width:8px; height:8px; }
.panelBottomRight { float:right; background:url(page_images/welcome_bottomright.jpg) top right no-repeat; width:8px; height:8px; }
.panelArrowDown { margin-left:25px; width:15px; height:7px; background:url(page_images/arrow_down.jpg) top left no-repeat; }

/* ===== */
/* Menu  */
/* ===== */

.menu { 
 	border:none;
 	border:0px;
 	margin:0px;
 	padding:0px;
 	font-family: Arial, Helvetica, sans-serif;
 	font-size:13px;
 	font-weight:bold;
}
.menu ul {
	background:#ffe564;
	height:26px;
	list-style:none;
	margin:0;
	padding:0;
}
.menu li {
	float:left;
	padding:0px;
}
.menu li a {
	background-color:#ffe564;
	color:#757575;
	display:block;
	font-weight:normal;
	line-height:20px;
	height:26px;
	margin:0px;
	padding:0px 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	text-decoration:none;
}
.menu li a:hover, .menu ul li:hover a {
	background: url(page_images/arrow_up.jpg) bottom center no-repeat #ffe564 ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#f26922;
	text-decoration:none;
}

.menu ul ul {
	background: #ffe564;
	display:none;
	height:auto;
	padding:0px;
	margin:0px;
	border:0px;
	position:absolute;
	width:150px;
	z-index:200;
		}
.menu li:hover ul {
	display:block;
}

.menu ul ul li {
	display:block;
	float:none;
	margin:0px;
	padding:0;
	width:200px;
	background-color:#fff;
	border-bottom: 1px dotted #ccc;
}
.menu li:hover li a {
	background:none;
	padding-top:5px;
}
.menu ul ul li a:hover{
	background-color:lightyellow;
}
.menu li ul a {
	display:block;
	height:25px;
	font-size:12px;
	font-style:normal;
	margin:0px;
	padding:0px 10px 0px 15px;
	text-align:left;
	background-color:orange;
}

.menu p {
	clear:left;
}

/* =============== */
/* Drop Down Menu  */
/* =============== */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul { list-style: none; margin: 0; padding: 0; }
ul.dropdown { font: bold 12px Arial, Helvetica, sans-serif; position: relative; z-index: 597; float: left; width:800px; }
ul.dropdown a:link,
ul.dropdown a:visited { color: #fff; text-decoration: none; }
ul.dropdown a:hover { color: #fff; text-decoration: none; }
ul.dropdown a:active { color: #fff; }
ul.dropdown li { padding: 0; color: #fff; float: left; line-height: 1.3em; vertical-align: middle; min-width:80px; text-align:center; }
ul.dropdown li.hover,
ul.dropdown li:hover { background-color: #222; position: relative; z-index: 599; cursor: default; }
ul.dropdown li:hover > ul { visibility: visible; }
ul.dropdown li.dir { padding: 3px; }
ul.dropdown li a { display: block; padding: 7px 12px; }
ul.dropdown ul { margin-left: -6px; padding-bottom: 9px; background: url(images/dropdown_pane.png) 0 100% no-repeat; width:170px;
    color: #000; font-size: 11px; font-weight: normal; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; }
ul.dropdown ul a { padding: 4px 5px 4px 12px; }
ul.dropdown ul a:link,
ul.dropdown ul a:visited { color: #000; }
ul.dropdown ul a:hover { color: #000; text-decoration: none; padding: 3px 5px 3px 11px; border: solid 1px #ddd; background-color: #eee; font-weight: bold; } 
ul.dropdown ul a:active { color: #000; }
ul.dropdown ul li { float: none; text-align:left; background-color: transparent; color: #000; }
ul.dropdown ul li.hover,
ul.dropdown ul li:hover { background-color: transparent; }
ul.dropdown ul li.empty { padding: 12px 12px 7px !important; font-weight: bold; color:#099; }
ul.dropdown ul li.dir { padding-right: 15px; }
ul.dropdown ul ul { top: 1px; left: 99%; }
ul.dropdown ul ul { display: none; }
ul.dropdown ul ul li {}
ul.dropdown *.dir { padding-right: 12px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat; }
ul.dropdown-horizontal ul *.dir { padding-right: 15px; background-image: url(images/nav-arrow-right.png); background-position: 100% 50%; background-repeat: no-repeat; }
ul.dropdown-vertical *.dir { background-image: url(images/nav-arrow-right.png); }
ul.dropdown-vertical-rtl *.dir { padding-right: 15px; background-image: url(images/nav-arrow-left.png); background-position: 0 50%; }
    
/* ============================ */
/* for the liquid round corners */
/* ============================ */

.top-left { margin-top:-9px; background-image: url(images/top_left.jpg); height: 9px; font-size: 2px; width:9px; 
    position:relative; float:left; }
.top-right { margin-top: -9px; background-image: url(images/top_right.jpg); background-position: 100% 0; height: 9px;
	font-size: 2px; width:9px; position:relative; float:right; }
.top-center{ height:6px; border-top:1px solid #000; margin:-9px 9px 0 9px; background-color:#efefef; }
.bottom-left { background-image: url(images/bot_left.jpg); background-position: 0 -9px; height: 9px; width:9px; 
	font-size: 2px; float:left; position:relative; }
.bottom-right { background-image: url(images/bot_right.jpg); background-position: 100% -9px; height: 9px;
	font-size: 2px; width:9px; float:right; position:relative; }
.bottom-center{ height:8px; border-bottom:1px solid #000; margin:0 9px -9px 9px; background-color:#efefef; }
.inside { color: #000000;
	padding: 9px 10px; line-height:18px; overflow:auto; }
	
/* first layer */
.inside ul{ margin:0px; padding:0; list-style:none; font-weight:bold; }
.inside ul li{ color:#fff; list-style:none; text-decoration:none; text-transform:uppercase; }
.inside ul li a:link,
.inside ul li a:active,
.inside ul li a:visited { font-size:11px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; }
.inside ul li a:hover { font-size:11px; color:#fff; font-weight:bold; text-decoration:none; text-transform:uppercase; }

/* second layer */
.inside ul ul{ margin: 0 0 0 10px; list-style:none; font-size:11px; color:#fff;}
.inside ul ul li{ color:#fff; list-style:none; text-decoration:none; }
.inside ul ul li a:link, 
.inside ul ul li a:active, 
.inside ul ul li a:visited{ font-size:11px; color:#fff; text-decoration:none; }
.inside ul ul li a:hover{ font-size:11px; color:#fff; text-decoration:none; }

/* third layer */
.inside ul ul ul{ margin:0 0 10px 15px; font-size:11px; color:#09C;}
.inside ul ul ul li{ color:#09c; list-style:none; }
.inside ul ul ul li a:link, 
.inside ul ul ul li a:active, 
.inside ul ul ul li a:visited{ font-size:11px; color:#09c; }
.inside ul ul ul li a:hover{ font-size:11px; color:#3CC; }

.notopgap { margin-top: 0; }
.nobottomgap { margin-bottom: 0; }
    
/* =============== */
/* Anchor settings */
/* =============== */

A:link.link2 
{
	color: #8dc63f;
	font-size: 13px;
	padding-top: 4px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

A:active.link2 
{
	color: #8dc63f;
	font-size: 13px;
	padding-top: 4px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

A:visited.link2 
{
	color: #8dc63f;
	font-size: 13px;
	padding-top: 4px;
	line-height: 11px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

A:hover.link2 
{
	color: #8dc63f;
	font-size: 13px;
	padding-top: 4px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
}

/* Ajax Toolkit */
.CustomTabStyle .ajax__tab_header {
    color: #fff;
	background: #745405;
	height:30px;
	border-top: 2px solid #F4F4F4;
	border-left: 2px solid #F4F4F4;
	border-bottom: 2px outset #573f05;
	border-right: 2px outset #573f05;
	font-size:12px;
}

.bgRed { background-color:Red; }

/* ------------------------------ DRAW RESULTS ------------------------------ */
.drawtbl { width: 100%; text-align: center; }
.drawtbl tr { height:36px; }
.drawtbl td { font-weight:600; }
.tdmag { border:1px solid #ff0; }
.tdpmp { border:1px solid #00f; }
.tdtot { border:1px solid #c00; }
.tdsin { border:1px solid #4c8ed1; }
.tdsan { border:1px solid #008835; }
.tdsar { border:1px solid #00540e; }
.tdsab { border:1px solid #e51d20; }

.drawNumber { background: #fff; }
.drawNumTxt { font-size: 16px; color: #383838; }
.drawNumTxt2 { background: #dddddd; font-size: 16px; color: #383838; }