/*by G. Borel - 20070307, gborel@gmail.com*/
*{	padding:0; 	margin:0; list-style: none;}
body{	font-family: Arial,Verdana, Geneva,  Helvetica, sans-serif; font-size: 10px; text-align: center; color: #A1A1A1;
background-color: #ffbc03; font-weight: normal; background-image: url(../images/global/bodyBG2.gif);}

.noMargin{ margin: 0 !important;}
.noImg{ background: none !important;}

/*global rules - may be overided with specific classes - do not use !important on any of these rules*/

/*floating and positioning  rule - all divs have relative positioning for specific*/
/*classes just add top and left to position*/
div, ul, li, dl, dt, dd, p, form, input, img, h1, h2, h3, h4, a, table, tr, th, td, thead, tbody{ float: left; position: relative;}

/*img tag rules*/
img{border:none;}

/*clear both rule for specific html tags*/
ul, p, .rowLine{clear:both;}

/*font-size rule for headers - overrides default sizes*/
h1, h2, h3, h4{ font-size: 14px;clear: both;}

/*text link rule*/
a,  a *{color: #BBB; position: relative; text-decoration: none;}
a:hover, a:hover * {color:white;}

a span{ cursor: pointer; float: left; text-align: justify;}

/*img rollover rule*/
.imgHolder a {background-position: top center; background-repeat: no-repeat; width:100%; height: 100%; display: block; cursor: pointer;}
.imgHolder a:hover {background-position: bottom center;}
.imgHolder h1{ float: left; height: 100%; width:100%;}

/*paragraph rule*/
p{ width: 90%; left: 5%; line-height: 14px; padding-bottom: 5px;  text-align: justify; font-size: 11px;}
p *{float: none !important; width: auto !important; background: none !important; display: inline !important;}
p b{ color: #191970;}
p a{color:  #cc0000;}
p a:hover{ text-decoration: underline; color: #De3801;}

/*layered positionings*/
.innerPage{ z-index: 1;}
.logo{ z-index: 100;}
.header{	z-index: 108;}
.content{z-index: 20;}
.mainMenu {z-index:40;}
.footerGlobal{ z-index: 102;}
/*********************/

/*global page rules*/
.globalPage{ padding: 0 20px 0 0; background: transparent url(../images/global/bodyBGLf.jpg) repeat-y 0 0;}
.globalPage .innerPage{width:925px; left: 10px;}
.globalPage .content{ width:925px; background: #ffbc03; padding: 0 20px 0 0; }
.globalPage a.logo{ left: 20px; clear: both; top: -12px;}
.globalPage .contentBox{width: 895px; left: 0; clear:both;}
.globalPage .contentBox .contentBox{top:0; padding: 0 0 10px; background: url(../images/default/barra_top.gif) no-repeat 0 0;}

/*----> top menu rules- site map, about, etc*/
.globalPage ul.topMenu{background-image:  url(../images/global/bar_top.gif); padding:0; top:0; width:258px; height: 21px; left:632px;}
.globalPage ul.topMenu li{ padding: 0; float: right;}
.globalPage ul.topMenu li h2 a {font-size: 9px;padding: 4px 12px 0 11px; text-transform:  uppercase;}

/*----> Main menu rules - ul.mainMenu chained to .imgHolder*/
.globalPage ul.mainMenu{top:7px; left: 20px; width:100%; padding-bottom: 3px;}
.globalPage ul.mainMenu li{ height: 17px;}
.globalPage ul.mainMenu li, .globalPage ul.mainMenu li a{ background: no-repeat top left;}
.globalPage ul.mainMenu li a:hover{ background-position: bottom left;}
.globalPage ul.mainMenu li.mmHome, .globalPage ul.mainMenu li.mmHome a{ background-image: url(../images/global/nav/menu_home.gif);width:65px;}
.globalPage ul.mainMenu li.mmSportsbook, .globalPage ul.mainMenu li.mmSportsbook a{ background-image:  url(../images/global/nav/menu_sportsbook.gif);width:115px;}
.globalPage ul.mainMenu li.mmRacebook, .globalPage ul.mainMenu li.mmRacebook a{ background-image: url(../images/global/nav/menu_racebook.gif);width:95px;}
.globalPage ul.mainMenu li.mmCasino, .globalPage ul.mainMenu li.mmCasino a{ background-image: url(../images/global/nav/menu_casino.gif);width:75px;}
.globalPage ul.mainMenu li.mmParlay, .globalPage ul.mainMenu li.mmParlay a{ background-image:  url(../images/global/nav/menu_parlay_cards.gif); width:118px;}
.globalPage ul.mainMenu li.mmTeaser, .globalPage ul.mainMenu li.mmTeaser a{ background-image:  url(../images/global/nav/menu_teaser_cards.gif); width:118px;}
.globalPage ul.mainMenu li.mmLive, .globalPage ul.mainMenu li.mmLive a{ background-image:  url(../images/global/nav/menu_live_odds.gif); width:96px;}
.globalPage ul.mainMenu li.mmDeposits, .globalPage ul.mainMenu li.mmDeposits a{ background-image:  url(../images/global/nav/menu_deposits.gif); width:96px;}
.globalPage ul.mainMenu li.mmPayouts, .globalPage ul.mainMenu li.mmPayouts a{ background-image:  url(../images/global/nav/menu_payouts.gif); width:96px;}

.globalPage ul.mainMenu li a span{display:none; top: -30px; position: absolute; left: 10%; width:80%; font-weight:bold;}
.globalPage ul.mainMenu li.tabHolder{ display: none; position: absolute; background-position:0 0; height: 40px;}

/*----> global rules for subMenu section*/
.globalPage .rowLine {width:100%; margin: 10px 0 0;}
.globalPage .rowLine ul{width:100%;}
.globalPage .rowLine ul.subMenu {left: 0;}
.globalPage .rowLine ul.subMenu li{background: top center no-repeat;}
	/*.----> mainpromo contains the main image of everypage. Here also rules for CalltoAction List. Positionings, heights & widths are set on each page*/
.globalPage .rowLine ul.subMenu li.mainpromo{position: absolute; margin: 0;  background-color: transparent; height: 250px; top: -31px !important; width:475px;}
.globalPage .rowLine ul.subMenu li.mainpromo h1{ font-size: 12px; height: auto; text-align: center; }
.globalPage .rowLine ul.subMenu li.mainpromo p{font-size: 11px; position: absolute;}
.globalPage .rowLine ul.subMenu li.mainpromo ul{position: absolute;}
.globalPage .rowLine ul.subMenu li.mainpromo ul li, .globalPage .rowLine ul.subMenu li.mainpromo ul li a{ background: url(../images/global/icon-list.gif) 0 2px no-repeat; width: 100%; height: auto;}
.globalPage .rowLine ul.subMenu li.mainpromo ul li a span{text-align: left; font-size: 12px; font-weight: bold; float: left; width: 90%; position: relative; left: 10%;}
.globalPage .rowLine ul.subMenu li.liveoddsHolder{ margin:0; background:#242424 no-repeat 0 0; position: absolute; left: 678px; height: 194px; top: 0;
width: 256px;}
.globalPage .rowLine ul.subMenu li.liveoddsHolder a{ background: none;}
.globalPage .rowLine ul.subMenu li.liveoddsHolder img{ margin: 0; left: 0; top: 0;}
/*----> chained to .rowLine - usually used to encompass bottom items on a black background*/
.globalPage .divisor{ background-color: transparent; width:100%; padding: 10px 0 5px; margin: 20px 0 0;}
/*----> Side SubMenu rules - usually used for news display - chained to rowLine*/
.globalPage .subMenuAlt{ margin:0; clear:none; width:189px; background: #060f42 url(../images/sportsbook/navi2_bg.gif) bottom right no-repeat; left: 10px; }
.globalPage .subMenuAlt dl{ width:100%; left: 0; background:url(../images/sportsbook/navi2_bg.gif) top right no-repeat; padding: 0 0 10px 0;  top: 0;}
.globalPage .subMenuAlt dl *{ height: auto; padding: 0; top: 0;}
.globalPage .subMenuAlt dl span{ padding: 0 0 4px;}
.globalPage .subMenuAlt dl dt{width: 93%; text-align: left; clear: both; padding: 7px 0 4px; left: 4px; font-weight: bold; color: white;}
.globalPage .subMenuAlt dl dt a{ color: #fff;}
.globalPage .subMenuAlt dl dt span{width: 98%; position: relative; left:0; top:0; line-height: 10px; float: left; color: #BBB;}
.globalPage .subMenuAlt dl dd{ clear: both; height: auto; left: 4px; width:95%;}
.globalPage .subMenuAlt dl dd img{position: absolute; top:1px; left: -15px;}
.globalPage .subMenuAlt dl dd ul li{width: 100%; clear: both; background: url(../images/global/icon-list-small.gif) 3px 5px no-repeat;}
.globalPage .subMenuAlt dl dd ul li a{ width: 100%; color: #fff;}
.globalPage .subMenuAlt dl dd ul li a:hover,.globalPage .subMenuAlt dl dd ul li a:hover span{text-decoration: underline;}
.globalPage .subMenuAlt dl dd ul li a span{ font-family: Arial, Helvetica, sans-serif; font-size: 12px; height: auto; text-align: left; top: 0; left: 12px;
width: 95%;}
.globalPage .subMenuAlt dl dd ul li p{ font-style: italic;}
.globalPage .subMenuAlt dl dd ul li p a{ font-style: normal;}

/*.contactinfo chained to .rowline*/
.globalPage .contactInfo{margin:0; width: 100%; top:-20px; left: 0;}
.globalPage .contactInfo li{float: left; color: #000; padding:0 8px 0 12px; font-size: 10px; background: url(../images/global/icon-list.gif) no-repeat 0 1px; left: 12px;}
.globalPage .contactInfo li.noImg{ padding: 0;}
.globalPage .contactInfo li img{ position: absolute; top: -3px; left: 0;}

/*.----> botContent chained to .rowLine*/
.globalPage .botContent{ background: transparent ; margin: 7px 0 0; padding-bottom: 55px;}
.globalPage .botContent ul.contentDetail li{width: 20%; top: -10px; }
	/*----> submenu tabs*/
.globalPage .botContent ul.contentSubmenu{ width:100%; background:#100d58; padding: 0;}
.globalPage .botContent ul.contentSubmenu li{width:auto; height: 22px; background:  url(../images/global/btn-submenu2.gif) 100% 0 no-repeat ;}
.globalPage .botContent ul.contentSubmenu li h2{ padding: 0 12px 0 5px; height: 100%; border-left: #666666 1px solid;}
.globalPage .botContent ul.contentSubmenu li h2 a span{ top: 4px; font-size: 10px; font-weight: normal; display: block;}
	/*----> highlights selected tab - used only through js menus*/
.globalPage li.selectedbtn{ background-image: url(../images/global/btn-submenu2gray.gif) !important;}
.globalPage li.selectedbtn span{ color: #000;}

/*----> positioning images for "hot" and "new"*/
.globalPage .hotnewImg{	position: absolute ; left: -16px !important; top:2px !important;}

/*----> footer rules*/
.globalPage .footerGlobal{clear: both; left: 0; background-color:#ffbc03; width: 945px !important;  padding:0 0 20px 0; }
.globalPage .footerGlobal img{ float: none;}
.globalPage .footerGlobal p{ left: 0; width:945px; height: 15px;text-align: center;font-size: 10px; color: #000; border-top:#333 1px solid; padding: 5px 0 0;}
.globalPage .logoTopFX{ position: absolute; left: 42px; top:-12px; z-index: 1500; }
.text_botton {font-size: 20px; color: #000, margin: auto;text-transform: uppercase;}

/*----> login globals*/
.globalPage .header{ position: absolute; top:42px; left:520px; }
.globalPage .header ul.miscItems{background: url(../images/global/img_bar_login.gif) no-repeat 100px 0; height:30px;}
.globalPage .header ul.miscItems li{top: 6px;}
.globalPage .header ul.miscItems li img{ }
.globalPage .header ul.miscItems li.login{ top: 6px;}
.globalPage .header ul.miscItems li.login form.formbox .textfield{background-color:  #fadc8a; width:65px; height: 12px; float: left; font-size: 9px;
padding: 2px; margin: 0 0 0 8px; border: #898989 1px solid;	color: #000 !important; text-transform: uppercase;}
.globalPage .header ul.miscItems li.login form.formbox .loginBtn .login_button{ margin: 0 5px 0 7px; top: 2px;}
.globalPage .header ul.miscItems li.login form.formbox .remembertxt{ color: #000; top: 2px; left: 5px;}
.globalPage .header ul.miscItems li.login form.formbox .remembertxt .remember{ width:12px; height: 12px; top: 1px;}
.globalPage .header ul.miscItems li.login form.formbox .remembertxt span{float: left; padding: 0 0 0 4px;}

/*Landing Pages - .LPage chained to .globalPage and with .xxxPage (e.g: .SBK-Skin, .casinoPage, etc)*/

	/*----> this displays tab for selected page - tab positioning is set on each page*/
.LPage ul.mainMenu li.tabHolder{ top:-12px; display: block; z-index:-102;}

.LPage .topContent{background: #000 no-repeat 100% 0; width:893px; top:-2px; padding-bottom: 13px;}

.LPage .rowLine ul.subMenu{width: 665px;  height: 195px; padding: 0 0 0px; top:7px; left: 6px; background-color:#000;}
.LPage .rowLine ul.subMenu li{ width:179px; height: 45px; clear: both; top: 4px; left: 4px; margin-bottom:2px; background: no-repeat 0 0;}
.LPage .rowLine ul.subMenu li a img{ float: right; top: 18px; left: -5px;}
.LPage .rowLine ul.subMenu li.liveoddsHolder{ margin:0; background:#242424 no-repeat 0 0; position: absolute; left: 621px;
height: 194px; width: 256px; top: 0;}
	/*----> next rule will hide the span of each submenu option behind the mainImg - left & top values entered on each page*/
.LPage .rowLine ul.subMenu li a span{position: absolute;left: 200px; color: #000;}
.LPage .rowLine ul.subMenu li.btnJoinNow, .LPage .rowLine ul.subMenu li.btnJoinNow a{ background-image: url(../images/global/btnJoinNow.gif);}
.LPage .rowLine ul.subMenu li.mainpromo{ top: 4px; left:188px;}
.LPage .rowLine ul.subMenu li.mainpromo h1{color: white;}
.LPage .rowLine ul.subMenu li.mainpromo p{color: white;}
.LPage .rowLine ul.subMenu li.mainpromo ul.mainActions{display:block;}
.LPage .rowLine ul.subMenu li.blankMenuItem{background: none #242424; }

.LPage .botContent .currEvent{padding: 0 0 10px; clear: none; width: 100%;}
.LPage .botContent .currEvent img{ float: none; margin: 15px 0 0;}
.LPage .botContent .currEvent h3{ width: 94%; left: 3%; color:#990000; text-align: left; padding: 15px 0 5px; font-weight: bold;}
.LPage .botContent .currEvent h4{ width: 94%; left: 3%; color: #000; text-align: left; padding: 5px 0; font-weight: bold; }
.LPage .botContent .currEvent p{ width: 94%; left: 3%; color: #242424; padding-bottom: 10px;}
.LPage .botContent .currEvent ul{width: 94%; left: 3%; width:90%;}
.LPage .botContent .currEvent ul li{ clear: both; padding: 3px 0; background: url(../images/global/icon-list-red.gif) 5px 6px no-repeat; width: 100%;}
	/*----> Overrides last rule when list is needed without list style*/
.LPage .botContent .currEvent ul.simpleUL li{ clear: none; padding: 0;  width: auto; background: none !important;}
.LPage .botContent .currEvent ul a, .LPage .botContent .currEvent ul a span{color: #De3801; font-weight: bold; text-align: left;}
.LPage .botContent .currEvent ul a:hover, .LPage .botContent .currEvent ul a:hover span{text-decoration: underline; color: #990000;}
.LPage .botContent .currEvent ul a span{ position: relative; left: 20px; width:90%; font-size: 12px; }

/*TBD*/
.LPage .cgamesGlobal{ width: 555px; clear: none; left: 26px; top: -15px; margin-bottom: -20px;}

/*.defaultPage front page - chained to .globalPage*/
.defaultPage .topContent{ background-color: #ffbc03; height: 284px;}
.defaultPage .topContent ul.subMenu{}
.defaultPage .topContent ul.subMenu li{ height: auto; width: 385px; clear: left; height: 49px; left: 508px;}
.defaultPage .topContent ul.subMenu li a {}
.defaultPage .topContent ul.subMenu li a span{color: #000; top:37px;}
.defaultPage .topContent ul.subMenu li a:hover span{ color: #0E0E0E;}

.defaultPage .topContent ul.subMenu li.mainpromo{width:508px; height: 280px; background-image:  url(../images/global/img_prin.jpg); left: 0; top:0px !important;}
.defaultPage .topContent ul.subMenu li.mainpromo h1{font-size: 14px; width:100%; height: 100%; font-weight: normal;}
.defaultPage .topContent ul.subMenu li.mainpromo span{color: #000; width:80%; top: 150px; left: 15px; text-align: left;  position: relative; float: left;font-weight: bold;}
/*.defaultPage .topContent ul.subMenu li.mainpromo a:hover span{ color: #FFF;}*/

.defaultPage .topContent ul.subMenu li.btnSignup,
.defaultPage .topContent ul.subMenu li.btnSignup a{ background-image:  url(../images/global/btn_signup.jpg); height: 121px;}
.defaultPage .topContent ul.subMenu li.btnSignup a span{ top:120px; color: #c32505;}
.defaultPage .topContent ul.subMenu li.btnSignup a:hover span{ color: #F37502}

/*sustituido por linea de pagos - ana
.defaultPage .topContent ul.subMenu li.btnPromos,
.defaultPage .topContent ul.subMenu li.btnPromos a{ background-image: url(../images/default/go-promotion.jpg);}

.defaultPage .rowLine ul.subMenu li.btnTaketour,
.defaultPage .rowLine ul.subMenu li.btnTaketour a{ background-image: url(../images/default/go-taketour.jpg);}

.defaultPage .rowLine ul.subMenu li.btnWhyus,
.defaultPage .rowLine ul.subMenu li.btnWhyus a{ background-image: url(../images/default/go-whyus.jpg);}
.defaultPage .rowLine ul.subMenu li.btnWhyus{border-bottom: #494949 1px solid;}
*/

.defaultPage .contactInfo{ top: -10px;}

	/*----> .botContent chained to .rowline*/
.defaultPage .divisor{ padding: 0;}
.defaultPage .botContent{}
.defaultPage .botContent ul{ }
.defaultPage .botContent ul li{height: 84px; width:20%;}
.defaultPage .botContent ul li.smallPromo{background: no-repeat top center;}
.defaultPage .botContent ul li.prodSports, .defaultPage .botContent ul li.prodSports a{ background-image:  url(../images/global/btn_sportsbook.gif);}
.defaultPage .botContent ul li.prodCasino, .defaultPage .botContent ul li.prodCasino a{ background-image:  url(../images/global/btn_casino.gif);}
.defaultPage .botContent ul li.prodHorses, .defaultPage .botContent ul li.prodHorses a{ background-image: url(../images/global/btn_racebook.gif);}
.defaultPage .botContent ul li.prodTeaser, .defaultPage .botContent ul li.prodTeaser a{ background-image:  url(../images/global/btn_teaser.gif);}
.defaultPage .botContent ul li.prodParlay, .defaultPage .botContent ul li.prodParlay a{ background-image: url(../images/global/btn_parlay.gif);}
.defaultPage .botContent .smallPromo a span{ position: absolute;}
.defaultPage .botContent .smallPromo a span.titleP{ top: 44px; width:44%; text-align: center; left: 5%; color: #F9B459; text-align: left; font-weight: bold; font-size: 9px;}
.defaultPage .botContent .smallPromo a span.descP{ top: 86px; width:90%; text-align: left; left: 5%; display: none; }
.defaultPage .botContent .smallPromo a:hover span.descP{ color: #000; display: block;}
	/*----> newcomer layout*/
.defaultPage .topContent .welcome{ width: 100%; padding: 50px 0; margin: 0 0 5px; height: 150px; background-color:#000;}
.defaultPage .topContent .welcome ul.newsFlash { width: 30%; left: 65%; top: -30px;}
.defaultPage .topContent .welcome ul.newsFlash li{ width: 100%;}
.defaultPage .topContent .welcome ul.newsFlash li p b{ color: #F9960F;}
.defaultPage .topContent .welcome ul.newsFlash li.quickMenu { width: 90%; left: 10%; }
.defaultPage .topContent .welcome ul.newsFlash li.quickMenu li{ width: 100%; background: url(../images/global/icon-list.gif) 5px 8px no-repeat; padding: 5px 0; font-size: 12px;}
.defaultPage .topContent .welcome ul.newsFlash li.quickMenu li a{ width: 90%; left: 10%;}
.defaultPage .topContent .welcome ul.newsFlash li.quickMenu li a:hover{ text-decoration: underline;}
.defaultPage .topContent .welcome ul.newsFlash li.quickMenu li a b{ color: #F00; padding: 0 4px 0 0; text-decoration: none; }
.defaultPage .topContent .welcome ul.newsFlash li.quickMenu li a:hover b{ color: #F9960F; text-decoration: underline;}
.defaultPage .topContent img.biglogo, .defaultPage .topContent .biglogo{position: absolute; top: 105px; left: 35px;}

.defaultPage .topContent ul.subMenu li.btnPromos {width: auto; height: 162px;}
.btnPromos .table_payouts {width: 383px;border:1px solid #001059;background-color: #001059; height: auto;}
.btnPromos .table_payouts h1 {height: auto;font-size:12px;  text-transform: uppercase; color: #fff; background-color:#001059; padding: 1px 0 3px 0; }
.btnPromos .table_payouts a p {height: auto;font-size:12px;  text-transform: uppercase; color: #fff!important; font-weight: bold; padding: 4px 0 2px 5px; }
.btnPromos .table_payouts .table_left, .btnPromos .table_payouts .table_right  {width: 191px; float:left; background-color: #fff;}
.btnPromos .table_payouts .table_left tr, .btnPromos .table_payouts .table_right tr {clear:both; background-color: #fff;}
.btnPromos .table_payouts .table_left td, .btnPromos .table_payouts .table_right td {width: auto; color:#000; font-size:12px; font-weight: bold; background-color: white;padding: 3px 0 3px 12px;margin-left: 1px;}
/*text submenus*/
.subMenu li.optA h2{font-size: 13px; color:#fff; padding: 15px 0px 0 10px;*/ text-transform: uppercase; text-align: center;width: 160px;}
.subMenu li.optB h2{font-size: 13px; color:#fff; padding: 15px 0px 0 10px; */text-transform: uppercase; text-align: center;width: 160px;}
.subMenu li.optC h2{font-size: 13px; color:#fff; padding: 15px 0px 0 10px;*/ text-transform: uppercase; text-align: center;width: 160px;}


.currEvent .table_parlay, .currEvent .table_odds  {width: 200px;;margin-left: 20px; border:1px solid #001059; }
.currEvent .table_parlay h1, .currEvent .table_odds h1 {width:100%; clear:both; text-align: center; background-color:#001059; color: #fff; padding: 2px 0 }
.currEvent .table_parlay .colum_1, .currEvent .table_odds .colum_1{width:80px; padding: 2px 0  2px 10px;float:left; }
.currEvent .table_parlay .colum_2, .currEvent .table_odds .colum_2{width:98px; padding: 2px 0  2px 10px;text-align:center;float:left;}

/*customized for specific tables - overrides*/
table.table_teaser {width: auto; border:1px solid #001059; margin-left: 20px;background-color:#DAA520;}
table.table_teaser * {float:none;}
table.table_teaser h1 {width:100%; clear:both; text-align: center; background-color:#001059; color: #fff; padding: 2px 0 }
table.table_teaser td {width: 100px;  padding: 2px 0; background-color: #FFFACD;color: #000}
table.table_teaser tr {width: auto;border-bottom: 1px solid  #001059 }
table.table_teaser td.table_title {width: auto;}