
/* ******************** */
/*   CSS FOR OLD SITE   */
/* ******************** */

.clear-both {clear:both;}

.scheduleHeader,
.standard-margin,
.prod-head,
.tipsBlock,
.contentBlock{text-align:left;}

/* editorial */

div.snapshot {
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:9px;
    color:#666;
    padding:3px;
    border:1px solid #aaa;
}

div.snapshot-left {
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:9px;
    color:#666;
    padding:3px;
    border:1px solid #aaa;
    float:left;
    margin-right:8px;
    margin-bottom:8px;
}

div.snapshot-right {
    font-family:Verdana,Helvetica,Arial,sans-serif;
    font-size:9px;
    color:#666;
    padding:3px;
    border:1px solid #aaa;
    float:right;
    margin-left:8px;
    margin-bottom:8px;
}

/* form */

.buttonCont {
	text-align:right;
	border-top:solid 1px #ccc;
	margin-top:10px;
	padding-bottom:12px;
	padding-top:5px;
}

/******** affiliates ************/

p.writeup {
    font-size:9px;
    border:solid 1px #666;
    padding-left:6px;
}

div.writeup {
    font-family:Courier New;
    font-size:11px;
    border:solid 1px #666;
    padding:6px;
}

.affiliates-ol {padding-left:26px;}

.affiliates-form-table{border:solid 1px #8C8C8C;}

.affiliates-form-table th {
    text-align:left;
    background-color:#B3C0C7;
    color:#fff;
    font-size:11px;
}

.affiliates-odd {background-color:#DAE0E5;}

.affiliates-even {background-color:#E6EAED;}

.affiliates-form-table .input-text{
    margin:1px 0;
    font-family:verdana;
    font-size:10px;
}

.required-field {font-weight:bold;}

/*******************************/
/* STYLES FOR NEW BODOG DESIGN */
/*******************************/

/* PAGE BLOCK FOR CENTERING ON SCREEN*/

#master-block {text-align:center;}

#master-block #container {
    width:762px;
    margin:0 auto;
    text-align:left;
	z-index:0;
	position:relative;
}
 
/* FAMILY (PROPERTIES) BAR BLOCK (UL) */

#familybar {    
        margin:0px;
        padding:0px;
        line-height:16px;
        font-family:Verdana,Helvetica,Arial,sans-serif;
        font-size:10px;
        color:#3E4347;
        text-align:center;
        width:100%;
        margin:0 auto;
        text-align:left;
        white-space: nowrap;
}

#family-bar-underline {
    border-top:1px solid #000;
    margin: 0 1px 3px 1px;
}

#header-family-bar {
    line-height:14px;
    height:19px;
	margin: 0;
	padding: 0;
    background:#000 url(/images/template/family-bar-bg.gif) top repeat-x;
    border-left:1px solid #000;
    border-right:1px solid #000;
}

#header-family-bar ul, 
#header-family-bar li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}
	
#header-family-bar a:link, 
#header-family-bar a:visited {
	float: left;
	background: url(/images/template/family-bar-divider.gif) right no-repeat;
	font-size: 10px;
	padding: 2px 15px 3px 14px;
	margin-right: 0px;
	text-decoration: none;
	color: #8A9499;
}

#header-family-bar a:hover {color:#CCD6DB;}

#header-family-bar li.current a:link, 
#header-family-bar li.current a:visited {color:#CCD6DB;}

#header-family-bar li.no-pipe a:link, 
#header-family-bar li.no-pipe a:visited {background: none;}

/* JOINED BANNER AND CALL-TO-ACTION BUTTONS */

#header-promo-block {
    padding:0 1px;
    border-bottom:1px solid #36444D;
    height:136px;
    background:#000;
}

    #promo-banner {
        overflow: hidden;
        float:left;
        width:570px;        
    }
    
    .promo-buttons {
        overflow:hidden;
        width:190px;
        float:left;
    }

        #promo-buttons-ca a,
        #promo-buttons-com a,
        #promo-buttons a {background:url(/images/template/promo-buttons.gif);}
        
		#promo-buttons-uk a {background:url(/images/template/promo-buttons-uk.gif);}
        
        .promo-buttons a{
            overflow: hidden;
            float:left;
            width:190px;
            height:136px;
            background-position:0;
            text-indent:-666px;
        }
        
        .promo-buttons.notjoined a{background-position:0 0  !important;}
        
        .promo-buttons.notjoined a:hover{background-position:0 -136px !important;;}
        
        .promo-buttons.loggedout a{background-position:-190px 0 !important;}
        
        .promo-buttons.loggedout a:hover{background-position:-190px -136px !important;}
        
/* GLOBAL NAV AND BODOG LOGO BLOCK */

#global-nav-container {
    height:65px;
	width:762px;
    background:#000 url(/images/template/global-nav-bg.gif) repeat-x top;
}

    #global-nav-container #bodog-logo {
        float:left;
        margin:25px 0 0 0;
    	padding:0 0 0 22px;
        height:31px;
    }
    
    #global-nav-container #bodog-print-logo {display:none;}	
    
    #global-nav-container div#nav-buttons{
        float:left;
    	margin-left:0px;
        height:56px;
        width:332px;
    }
    
    #global-nav-container div#nav-buttons div.nav-button a{
        height:56px;
        text-indent:-666px;
        overflow:hidden;
        float:left;
        width:83px;
        background:url(/images/template/global-nav-button-states.gif) no-repeat;
    }
    
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-poker{background-position:0 0;}
            
            #global-nav-container div#nav-buttons div.nav-button a#main-tab-poker:hover{background-position:0 -112px;}
            
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-poker-selected{background-position:0 -56px;}
       
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-casino{background-position:-83px 0;}
            
            #global-nav-container div#nav-buttons div.nav-button a#main-tab-casino:hover{background-position:-83px -112px;}
        
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-casino-selected{background-position:-83px -56px;}
        
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-sports{background-position:-166px 0;}
            
            #global-nav-container div#nav-buttons div.nav-button a#main-tab-sports:hover{background-position:-166px -112px;}
        
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-sports-selected{background-position:-166px -56px;}
        
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-horses{background-position:-249px 0;}
            
            #global-nav-container div#nav-buttons div.nav-button a#main-tab-horses:hover{background-position:-249px -112px;}
        
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-horses-selected{background-position:-249px -56px;}
        
        #global-nav-container div#nav-buttons div.nav-button a#main-tab-live {background-position:-332px 0;}
		
		#global-nav-container div#nav-buttons div.nav-button a#main-tab-live:hover {background-position:-332px -112px;}
		
		#global-nav-container div#nav-buttons div.nav-button a#main-tab-live-selected {background-position:-332px -56px;}
        
    #global-nav-container div#tool-bar {
    	float:left;
        text-align:right;
        margin:30px 0 0 0;
    	width:257px;
        font-size:10px;
        color:#85A5B1;
    }
    
    #global-nav-container #tool-bar span#service-number {
        color:#B3B3B3;
        background:url(/images/template/global-nav-phone-icon.gif) no-repeat left;
        padding-left:3px;
        margin-left:0px;
    }
    
    #global-nav-container a#service-email {
        background:url(/images/template/global-nav-mail-icon.gif) no-repeat left;
        padding-left:9px;
    }
    
    #global-nav-container #tool-bar #signin-link-nav {margin:1px 0 0 0;}
    
    #global-nav-container a:link, 
    #global-nav-container a:visited {
    	font-size: 10px;
    	text-decoration: none;
    	color: #85A5B1;
    }
    
    #global-nav-container a:hover {
    	color:#CCD6DB;
        text-decoration:underline;
    }

/* TIME ZONE BLOCK START*/

#time-zone{
	z-index:12;
	top:5px;
	right:12px;
	position:absolute;
	color:#ddd;
}

#time-zone-container{
	width:203px;
	text-align:center;
	margin:0 0 0 89px;
}

#time-zone img{display:inline;}

#time-zone-menu{
	line-height:11px;
	padding:3px 0;
}

.time-zone-closed{
	border:1px solid #2f3b40;
	background:#0f1315;
	cursor:pointer;
}

.time-zone-closed.over{
	border:1px solid #5e5f60;
	background:#222;
}

.time-zone-open{
	border-width:1px 1px 0 1px;
	border-style:solid;
	border-color:#5e5f60;
	cursor:pointer;
	background:#1c2327;
}

#time-zone-panel{
	display:none;
	background:#1c2327;
	width:292px;
}

#time-zone-panel-content{
	border-width:0 1px 1px 1px;
	border-style:solid;
	border-color:#5e5f60;
	line-height:10px;
}

#time-zone-panel-content .top-border{
	height:1px;
	background:#5e5f60;
	overflow:hidden;
	width:89px;
}

#time-zone-panel-content form{
	padding:8px 0 0 0;
	text-align:center;
}

#time-zone-panel-content input{
   color:#777;
   font-family:verdana;
   font-size:10px;
   padding:3px;
   font-weight:bold;
   background:#000;
   border-width:1px;
   border-style:solid;
   border-color:#2a3c43;
}

#time-zone-panel-content input.over{
   color:#cacaca;
   font-family:verdana;
   font-size:10px;
   padding:3px;
   font-weight:bold;
   background:#121415;
   border-width:1px;
   border-style:solid;
   border-color:#02586e;
}

#time-zone-panel-content #time-zone-select .buttons{padding:8px 0 0 0;}

#time-zone-panel-content #time-zone-deny .buttons{padding:8px 0 8px 0;}

#time-zone-panel .time-zone-title{
	background:url(../../images/template/dotted-line-time-zones.gif) repeat-x bottom;
	font-weight:bold;
	color:#cacaca;
	padding:0 0 0 11px;
	margin:7px 0 0 0;
	height:20px;
	overflow:hidden;
}

#time-zone-panel .time-zone-title img{
	float:left;
	padding:0 9px 0 0;
}

#time-zone-panel .time-zone-title .time-zone-detected{
	float:left;
	padding:2px 0 0 0;
}

#time-zone-panel .time-zone-body{
	color:#999;
	padding:5px 11px 11px 11px;
	line-height:14px;
}

#time-zone-panel .time-zone-body .change-time-zone{
	text-align:center;
	padding:9px 0 0 0;
}

#time-zone-panel .time-zone-body .change-time-zone strong{color:#cacaca;}

#time-zone-panel .time-zone-body .change-time-zone a:visited,
#time-zone-panel .time-zone-body .change-time-zone a:link{text-decoration:underline;}

/* DASHBOARD BLOCK */

#dashboard-wrap {
    background-color: #1B2226;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
}

#dashboard-wrap #dashboard-box {
    border-left:1px solid #13181A;
    border-top:1px solid #13181A;
    border-bottom:1px solid #283238;
    border-right:1px solid #283238;
}

#dashboard-wrap #dashboard-box a:link, 
#dashboard-wrap #dashboard-box a:visited{
    text-decoration:none;
    color:#85A5B1;
}

#dashboard-wrap #dashboard-box a:hover{
    text-decoration:underline;
    color:#85A5B1;
}

#dashboard-box #dashboard-account-info {
    padding:3px 10px 4px 10px;
    background: url(/images/template/dashboard-dotted-line.gif) bottom repeat-x #1B2226;
    font-size:10px;
    color:#B3B3B3;
}

#dashboard-box #dashboard-account-item {
    display:inline;
    padding-right:35px;
}

#dashboard-box #dashboard-account-links {
	clear:both;
    background:#1B2226;
    padding:3px 10px;
    color:#36444D;
    font-size:10px;
}

/* CONTENT BLOCK (EVERYTHING BELOW THE HEADER/DASHBOARD AND ABOVE FOOTER) */

#master-content-block {
    clear:both;
	float:left;
	overflow:visible;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-bottom:1px solid #000;
    background-color:#fff;
}

.no-margin {margin:0;}

.no-padding {padding:0;}

/* for the help section primarily (since contentBlock has been stripped) */

.content-padding {padding:16px;}

/* PROMO BLOCK/BANNER */

#promo-block-notjoined {
	clear:both;
    height:136px;
    border-left:1px solid #000;
    border-right:1px solid #000;
    border-top:1px solid #36444D;
    border-bottom:1px solid #36444D;
}

#promo-block-notjoined #promo-banner {
    overflow: hidden;
    position:relative;
    float:left;
    width:571px;
    height:136px;
    font: 1px/1px sans-serif !important;
    font: 0px/0px sans-serif;
}

#promo-block-notjoined #promo-buttons {
    overflow: hidden;
    position:relative;
    float:right;
    width:189px;
    height:136px;
    text-align:right;
    background:url(/images/template/promo-btn-dotted-bg.gif) repeat-y left;
}

#promo-block-notjoined #promo-buttons img{display: inline;}

#promo-index-notjoined {
    height:217px;
    border-left:1px solid #000000;
    border-right:1px solid #000000;
    border-top:1px solid #36444D;
    border-bottom:2px solid #000000;
}

/* sub nav tabs START */

#sub-nav-tabs-container{
	height: 21px;
	padding: 12px 0 0 0;
	background: #000 url(/images/template/tab-line-bg.gif) repeat-x bottom;
	width:760px;
}

#sub-nav-tabs-container #sub-nav-tabs {
	margin: 0;
	float:left;
}

#sub-nav-tabs-container #sub-nav-tabs img{
	padding:0;
	display:block;
}

#sub-nav-tabs-container #sub-nav-tabs ul, 
#sub-nav-tabs-container #sub-nav-tabs li {
	margin: 0; 
	padding:0 1px 0 0;
	display:block;
	list-style-type: none;
	float:left;
}

#sub-nav-tabs-container #sub-nav-link {
	float:right;
	padding:1px 20px 0 0;
	background:#000;
}

#sub-nav-tabs-container #sub-nav-link a:link, 
#sub-nav-tabs-container #sub-nav-link a:visited {
	color:#8DA3B0;
	text-decoration: underline;
}

#sub-nav-tabs-container #sub-nav-link a:hover{
	color:#8DA3B0;
	text-decoration: none;
}

/*horses specific START */

#sub-nav-link #customer-service-link a:link, 
#sub-nav-link #customer-service-link a:visited{
	background:url(/images/template/global-nav-mail-icon.gif) no-repeat left;
	padding:0 0 0 12px;
	color:#85a5b1;
	text-decoration:none;
}

#sub-nav-link #customer-service-link a:hover {
	text-decoration:underline; 
	color:#B3B3B3;
}

#customer-service-link span {
    color:#B3B3B3;
    background:url(/images/template/global-nav-phone-icon.gif) no-repeat left;
    padding:0 0 0 8px;
    margin:0 0 0 10px;
}

/*horses specific END */

/* sub nav tabs END */

/* FOOTER BLOCK */

#footer{
    clear:both;
    width:762px;
	color:#6C7980;
}

#footer #link-block {background: url(/images/template/footer-bg.gif) no-repeat bottom #1B2226;}

#footer a:link, 
#footer a:visited{
    text-decoration:none;
    color:#85A5B1;
}

    #footer #international-sites {
    	float:right;
    	padding:7px 17px 0 0;
    }

#footer a:hover{
    text-decoration:underline;
    color:#85A5B1;
}
#footer p {
    padding:6px 0 7px 0;
    margin:0 15px 0 15px;
    background: url(/images/template/footer-dotted-line.gif) bottom repeat-x;
    font-size:9px;
    color:#6C7980;
}
#footer p.no-underline {background: none;}

/* MISC STYLES FOR CONTENT */

/* primarily for the poker guide and download block on the poker homepage */

div#info-block {margin-bottom:10px;}

div#info-block div.head {
    border:1px solid #242424;
    padding:1px;
}

div#info-block div.head h2{margin:0;}

div#info-block div.body {
    padding:1px;
    border:1px solid #242424;
    border-top:0px;
}

div#info-block div.body div{margin:0;}

#info-block .body #content {
    width:357px;
    float:left;
}

#info-block .body #sub-nav {
    margin-left:10px;
    float:left;
    width:155px;
    text-align:left;
    font-size:10px;
    line-height:9px;
}

#info-block .body #sub-nav a:link, 
#info-block .body #sub-nav a:visited, 
#info-block .body #sub-nav strong{
    display:block;
    line-height:11px;
}

/* LAYOUT STYLES FOR COLUMNS */

div#content-col-layout {
    font-size:11px;
    color:#3D474D;
    float:left;
	/*outside width is already set in #master-block #container2 pixels is added in for borders too*/  
	width:760px;
	overflow:visible;
    padding:15px 0 20px 0;
}

div#content-col-layout .col-A{
    float:left;
    width:170px;
    text-align:left;
	padding:0;
	margin:0 0 0 11px;
    overflow:visible;
	/* IE fix for double margin bug - only happens on first float */
	display:inline;
}

div#content-col-layout .col-BC {
    float:left;
    width:340px;
    text-align:left;
    padding:0;
	margin:0 0 0 17px;
    overflow:visible;
}

div#content-col-layout .col-D {
    float:left;
    width:200px;
    text-align:left;
	padding:0;
	margin:0 0 0 10px;
    overflow:visible;
}
	
div#content-col-layout .col-ABC {
    float:left;
    width:530px;
    text-align:left;
	margin:0 0 0 11px;
	overflow:visible;
	/* IE fix for double margin bug - only happens on first float */
	display:inline;
}

div#content-col-layout .col-BCD {
    float:left;
    width:550px;
    text-align:left;
    padding:0;
	margin:0 0 0 10px;
    overflow:visible;
}

div#content-col-layout .col-BCD-nopadding {
    float:left;
	width:567px;
    text-align:left;
    overflow:visible;
	/* still need padding on left to separate from .col-A */
	margin:0 0 0 8px;
}

div#content-col-layout .col-ABCD {
    float:left;
    width:760px;
    text-align:left;
    overflow:visible;
}

/* section-specific styles dependant on body level ID in template <body id="sportsbook-articles">*/

div#sportsbook-articles div#content-col-layout .col-A {width:150px;}

div#sportsbook-articles div#content-col-layout .col-BC {
	width:390px;
	margin-right:30px;
}
div#sportsbook-articles div#content-col-layout .col-D {width:125px;}

div#sportsbook-articles div#content-col-layout {padding-top:30px;}

/* section-specific styles dependant on body level ID in template <body id="poker-body">*/

body#poker-body div#content-col-layout .col-BC {
	margin:0 0 0 10px;
	width:430px;
}

body#poker-body div#content-col-layout .col-BCD {
	margin:0 0 0 10px;
	width:559px;
}

body#poker-body #content-col-layout .col-D{
	margin:0 0 0 10px;
	width:110px;
}

