/*
=============================================================================================================================================
| rules from old template.css:
| + Fonts size definition
| + CSS base
| + Main visual grid definition
| + Templates design : Header + Footer
=============================================================================================================================================
*/

/*
======================================
| new site header
======================================
*/
/*
======================================
| new site header
======================================
*/

body {font: 80% Verdana, Geneva, sans-serif;}
.header-and-menu{z-index:1}
div.header-and-menu div#hd { width: 974px; background: #000 url(../img/header-betonline.jpg);} 
div.header-and-menu div#bet-logo { float: left; height: 64px; width: 713px; } 
div.header-and-menu div#log-in { float: left; padding: 5px 10px 0 5px; width: 240px;}
div.header-and-menu div#log-in a { color: #fff;}
div.header-and-menu div#log-in form { height: 30px; }
div.header-and-menu div#log-in .txtBox { width:80px; height:15px; }
div.header-and-menu div#log-in .txtBox a { color: #fff; }
div.header-and-menu ul.site-nav { margin: 0; padding: 0; border:0; height: 30px; }
div.header-and-menu ul.site-nav li { margin: 0; padding: 0; list-style: none; text-align: center; width: 122px; background: url(../img/nav-up.gif); float: left; }	
div.header-and-menu ul.site-nav li a { padding-top: 3px; color: #FFF; text-decoration: none; display: block; height: 18px; text-transform:uppercase; margin-top: 5px;}
div.header-and-menu ul.site-nav li:hover { background: url(../img/nav-over.gif) repeat scroll top; }
div.header-and-menu ul.site-nav li.last-tab {width: 120px;}
div.header-and-menu .button-login { background:#870303; color:#fff; border: 0; height:20px; margin-top:0px; float:none; cursor:pointer; width: 55px;} 
div.header-and-menu .button-logout { background:#870303; color:#fff; border: 0; height:20px; float: right;cursor:pointer;} 
div.header-and-menu .clear { clear: both; margin: 0; padding: 0; }
div#header-nav-tooltip
{
	display:none;
	background-color:#ffa;
	border:0px solid #cc9;
	padding:3px;
	font-size:10px;
	-moz-box-shadow: 2px 2px 10px #666;
	-webkit-box-shadow: 2px 2px 10px #666;
	z-index: 40000;
}      

/* 
======================================
| start BetOnline Font sizes
| NEVER MODIFY THOSE SIZES
| (Unless you want to make fundamental 
| changes to site's layout)
======================================
*/
html {
    height: 100%; /* requested for FancyBox's overlay */
    width: 100%;
    min-height: 100%;
    background: white url(../img/bg-body.jpg) repeat-x left top;
}

body {
    font-family: verdana,arial,helvetica,clean,sans-serif;
    font-size: 69%; /*10px*/
    height: 100%; /* requested for FancyBox's overlay */
    color: #333;
}

h1,h2 {
    font-size: 136%; /* 15px */
    margin: 1em 0 0.5em 0;
}

h3 {
    font-size: 109%; /* 12px */
    margin: 0.5em 0;
}

h4 {
    margin: 0.5em 0;
}

h1,h2,h3,h4,h5,h6,strong {
    font-weight: bold; 
}

a,
a:link,
a:visited,
a:hover,
a:active {
    text-decoration: underline;
    outline: none; /* This prevents the link from having a dotted outline in Firefox */
}

a,a:link {
    color: #981C1F; /* red */
}

a:visited {
    color: #704a52; /* purple */
}

a:hover {
    color: black;
}

a:active {
    color: #C22426; /* light red */
}
/* end BetOnline Font sizes */

/* 
======================================
| start CSS base (adds to Yahoo's YUI base.css)
| try not to touch these rules as they form
| foundation of all styles
======================================
*/
div {
    position: relative;
}

iframe {
    width: 100%;
    border: 0; /* ie7 is a known bug */
    background-color: #fff;
}

abbr,acronym {
    border-bottom: 0px dotted black;
    cursor: help;
} 
strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

strong em,
em strong {
    font-style: italic;
    font-weight: bold;
}

big {
    font-size: 120%;
}

small {
    font-size: 84%;
}

del {
    text-decoration: line-through;
}

code {
    font-size: 120%;
    line-height: 1em;
    color: #004D00;
}

h1 code,
h2 code,
h3 code,
h4 code { font-weight: bold; }

h2 code { font-size: 197%; }

h3 code { font-size: 146.5%; }

blockquote {
    /*giving blockquotes room to breath*/
    margin: 1em;
}

ul, ol {
    /*giving blockquotes and lists room to breath*/
    margin: 0 0 1em 0.5em;
}

ul {
    min-height: 1%;
    *height: 1%; /*ie*/
}

ol {
    /*bringing lists on to the page with breathing room */
    margin-left: 1.6em;
    vertical-align: top;     
}

li {
    margin-left: 1em;
    text-align: left;
    border-color: #999;
}

ul li {
    /* giving UL's LIs generated disc markers */
    list-style: disc outside;
    *margin-left: 1.32em; /* fix IE6+IE7 bug */
}

ol li,
ul li ol li {
    /* giving OL's LIs generated numbers */
    list-style: decimal outside !important;
}

dl { 
    display: block;
    min-height: 1%;
    overflow: auto;
}

dt {
    float: left;
    clear: left;
    width: auto;
    font-weight: bold;
}

dd {
    float: left;
    width: auto;
}

th, td {
    /*borders and padding to make the table readable*/
    border: 0px solid #000;
    padding: .5em;
    text-align: left;
}

th {
    /*distinguishing table headers from data cells*/
    font-weight: bold;
}

thead th {
    background-color: #eee;
}

table {
    width: 100%;
    line-height: 1.2em;
    font-size: 93%;
    background-color: white;
}

table h2,table h3,table h4 {
    margin: 0;
}

table p,table ul,table dl {
    margin: 0 0 0.25em 0;
}

caption {
    /*coordinated margin to match cell's padding*/
    margin-bottom: .5em;
    /*centered so it doesn't blend in to other content*/
    text-align: center;
}

p,fieldset,table,pre {
    /*so things don't run into each other*/
    margin-bottom: 1em;
}

li p {
    margin-bottom: 0.25em;
}

object {
    margin: 0;
    padding: 0;
}

/* Quotes */
q {
    font-style: italic;
}

/* English lang quotes */
html[lang=en] q:before, :lang(en) q:before {
    content: "“"; /*left*/
}

html[lang=en] q:after, :lang(en) q:after {
    content: "”"; /*right*/
}

/* French lang quotes */
html[lang=fr] q:before, :lang(fr) q:before,
html[lang=es] q:before, :lang(es) q:before {
    content: "« "; /*left*/
}

html[lang=fr] q:after, :lang(fr) q:after,
html[lang=es] q:after, :lang(es) q:after {
    content: " »"; /*right*/
}

/* start IE7 debug: Eliminating uncontrolled padding in button element */
* html button { overflow: visible; width: 1%; }

*:first-child + html button { overflow: visible; }
/* end of IE7 debug */

button {
    width: auto;
    padding: 0;
    font-family: verdana,arial,helvetica,clean,sans-serif;
    font-weight: normal;
    line-height: 1em;
    border: 0px solid Gray;
    cursor: pointer;
}

/* These class are aply to HTML tags implemented for non standard browsers that do not support CSS 2.1 and above */
.semantic {
    display: none;
}

a.semantic {
    display: block;
    position: absolute;
    left: -9000px;
    width: 50px;
    overflow: hidden;
}
/* end CSS base (adds to Yahoo's YUI base.css) */

/* 
===================================
| start YUI grid overwrites
===================================
*/
#doc4 {
    width: 974px; /* Frfx: 974px = 88.1em.  IE7: 974px = *88.05em */
    background: white url(../img/bg-body.jpg) repeat-x left top;
}

/* YUI hd = header */
/*#hd {
    height: 188px;
    padding-bottom: 1em;
    background: transparent;
}*/

/* YUI bd = body (page's content) */
/*#bd {
    clear: both;
}*/
/* end YUI grid overwrites */

/* 
===================================
| start header content
===================================
*/

/* site's logo for printing */
#hd .siteLogo a img {
    display: none;
}

/* start site's logo */
#hd div.siteLogo {
    width: auto;
    float: left;
    margin: 24px 0 0 20px;
}

#hd .siteLogo a {
    display: block;
    width: 307px;
    height: 85px;
    background: transparent url(../img/logo-BetOnline.gif) no-repeat left top;
    margin-bottom: 16px; /* ie6 debug */
}

/* little house that shows up on mouse over site's logo */
#hd .siteLogo a:hover {
    width: 328px; /* enlarge to show the hidden home icon positionned on the bottom right of the logo */
}
/* end site's logo */

/* Header Tools contains Search, Login, Toll free and Time stamp */
#hd div.tools {
    float: right;
    width: 57.8%; /* align with header's top links */
    margin-top: 4.6em;
}

#hd div.searchBox {
    float: left;
    clear: left;
    width: auto;
    margin-bottom: 25px;
    display: none; /*...DO NOT DELETE the search. The search will be integrated back in the site in the second delivery. (M.Dube) */
}

#hd .searchBox label {
    position: absolute;
    left: -9000px; /* out of screen view */
    width: 0px;
    overflow: hidden;
}

#hd a.loginLink,
#hd a.logoutLink {
    display: block;
    float: right;
    margin-bottom: 0.2em;
    background-color: transparent;
    background-repeat: no-repeat;
}

#hd a.loginLink {
    margin-top: -8px;
}

#hd a.logoutLink {
    margin-top: -20px;
    *margin-top: -23px;
    margin-right: 10px;
}

.tools a.loginLink span { /* hidding the inner content for better accessibility */
    position: absolute;
    left: -9000px;
    width: 0px;
    overflow: hidden;
}

#hd .tools p {
    /* ........................ DO NOT DELETE. This related to searchBox positionning. (M.Dube) 
    float: none;
    clear: both;
    margin-bottom: 0.5em; .....................................................................*/
    float: left;
}

#hd .tools span.timeStamp {
    float: right;
    display: none;
}

#hd .tools .toolFree strong,
#hd .tools .timeStamp strong {
    font-size: 136%; /* 15px */
}

#hd .tools span.toolFree {
    margin-top: -2em;
}

#hd .tools .toolFree strong {
    display: block;
    clear: both;
}

/* container for header's navigations (all three menus: red main nav, black subnav, and the one on very top with links like 'home', 'join', etc.) */
div.top_nav_container {
    width: 100%;
    *z-index: -1; /*  IE7 fix for displaying the Customer betting info on top of the nav  */
}

div.top_nav_container ul {
    width: 100%;
    height: 1%;
    margin: 0;
    padding: 0;
}

div.top_nav_container li {
    display: inline;
    float: left;
    position: relative;
    margin-left: 0;
    list-style: none;
    background-color: transparent;
    background-repeat: no-repeat;
    background-position: center left;
}

div.top_nav_container li a {
    display: block;
    text-decoration: none!important;
}

/* Header's top links (the one on very top with links like 'home', 'join', etc.) */
#hd div.links {
    position: absolute;
    right: 0;
    top: -0px;
    *top: -129px; /*ie*/
    float: right;
    width: auto;
    background: transparent url(../img/bg-hd-topLinks-sprite.gif) repeat-x left top;
}

#hd .links a {
    display: inline;
    margin: 0;
    padding: 0.7em 1.7em 0.5em 1.7em;
    line-height: 2.1em;
    border-bottom: 0px solid red;
    text-decoration: none;
    background: transparent no-repeat right 60%;
    border-color: #D3D3D3;
    background-image: url(../img/bg-nav-pipe.gif);
}

#hd .links a.liveHelp {
    font-size: 136%; /* 15px */
    line-height: 1em;
    *padding-top: 0;
    padding-right: 0.8em;
    padding-bottom: 0.3em;
    padding-left: 1.2em;
    background-image: none;
}

#hd .links a:hover {
    border-color: #981C1F;
}

#hd .links a.liveHelp em {
    font-weight: bold;
}

#hd .links span {
    display: none; /* show pipes characters for printer only */
}

/* header's links */
#hd, #hd a, #hd a:link, #hd a:visited, #hd a:hover, #hd a:active {
    color: white;
}

/* header's login button */
#hd .tools a.loginLink {
    width: 170px;
    height: 63px;
    background-image: url(../img/bt-loginLink-170x63.gif);
}

/* header's logout button */
#hd .tools a.logoutLink,
#hd .tools a.logoutLink:link,
#hd .tools a.logoutLink:visited,
#hd .tools a.logoutLink:active {
    text-decoration: none;
}

#hd .tools a.logoutLink:hover {
    text-decoration: underline;
}

.tools a.loginLink span {
    position: absolute;
    left: -9000px;
    width: 0px;
    overflow: hidden;
}

#hd .tools .timeStamp strong {
    font-style: italic;
}

#hd .links .bg,
#hd .links .bgL,
#hd .links .bgR {
    display: inline;
    float: left;
    position: relative;
    width: auto;
    height: 25px;
    background-color: transparent;
}

#hd .links .bgL {
    width: 10px;
    background: transparent url(../img/bg-hd-topLinks-sprite.gif) repeat-x left bottom;
}

#hd .links .bgR {
    width: 10px;
    background: transparent url(../img/bg-hd-topLinks-sprite.gif) repeat-x 10px bottom;
}

/* start header's main red navigation menu */
#mainNav {
    font-size: 136%; /* 15px */
    float: left;
    clear: both;
    width: 100%;
    height: 32px;
    margin-bottom: 6px;
    background: Gray;
}

#mainNav .bg,
#mainNav .bgL,
#mainNav .bgR {
    height: 32px;
    background: transparent none repeat-x left top;
}

#mainNav .bgL {
    position: absolute;
    left: 0;
    width: 10px;
    padding: 0;
    background-position: left -120px;
    background-repeat: no-repeat;
}

#mainNav .bgR {
    position: absolute;
    right: 0;
    width: 10px;
    padding: 0;
    background-position: right -120px;
    background-repeat: no-repeat;
}

#mainNav div.bg {
    position: relative;
    float: left;
    left: 10px;
    width: 98%;
    background-position: right -40px;
}

#mainNav ul {
}

#mainNav li {
    margin: 0;
    padding: 0;
    border-width: 0;
}

/* Main Nav links width and status behavior */
#mainNav li a {
    display: block;
    margin: 0 0 0px 0;
    padding: 0.45em 2.635em; /*2.635em*/
    *padding: 0.4em 39px 0.4em 40px; /*ie7*/
    text-transform: uppercase;
    background: #750101 none no-repeat left -40px;
    white-space: nowrap;
    font-weight: bold;
}


#mainNav .loggedIn li a {
    padding-right: 1.5em;
    padding-left: 1.5em;
    *padding-right: 20px; /*ie7*/
    *padding-left: 20px; /*ie7*/
}

/* Hover state */
#mainNav li a:hover,
#mainNav li a.on,
#mainNav li a:active,
#mainNav li a.active,
#mainNav li a.on:active {
    background-position: left -80px;
}

#mainNav,
#mainNav li {
    background-color: transparent;
}

#mainNav div.bg,
#mainNav div.bgL,
#mainNav div.bgR,
#mainNav li a {
    font-weight: bold;
    background-image: url(../img/bg-mainNav-sprite.gif);
}
/* end header's main red navigation menu */

/* start header's black sub-navigation menu */
#subNav {
    float: left;
    clear: both;
    width: 100%;
    background-color: transparent;
}

#subNav .bg,
#subNav .bgL,
#subNav .bgR {
    height: 28px;
    background: transparent url(../img/bg-hd-gradient-sprite.gif) no-repeat left top;
}

/* left rounded corner */
#subNav .bgL {
    position: absolute;
    left: 0;
    width: 10px;
    padding: 0;
    background-position: left -82px;
}

/* right rounded corner */
#subNav .bgR {
    position: absolute;
    right: 0;
    width: 10px;
    padding: 0;
    background-position: -10px -82px;
}

/* menu's central part */
#subNav div.bg {
    position: relative;
    float: left;
    left: 10px;
    width: 98%;
    background-position: left -52px;
}

#subNav li a {
    display: block;
    margin: 0 0 0px 0;
    padding: 0.64em 1em;
    background: transparent url(../img/bg-hd-gradient-sprite.gif) no-repeat right -52px;
}

#subNav li a:hover {
    background-position: right -82px;
}

#subNav li a.active,
#subNav li a.on {
    background-position: right -112px;
}
/* end header's black sub-navigation menu */

/* 
===================================
| start footer content
===================================
*/

#ft {
    margin-top: 2em;
    padding: 0 0 1em 0;
}

#ft .footerMenuCtn {
    /*border: 0px solid #999999;*/
    margin: 1em auto;
    padding: 0.5em 0;
    width: 100%;
    overflow: hidden;
}

#ft p.copyright {
    text-align: center;
    margin-top: 2em;
}

.footerMenu {
    float: left;
    width: 19%;
    padding-left: 1em;
}

#twoColumn {
    width: 38%;
}

.footerMenu h3 {
    height: 2em;
}

.footerMenu li {
    display: block;
    font-size: 93%;
    text-align: left;
    width: 90%;
    float: left;  
    margin: 0 0 0.5em 0;
    padding: 0 1em 0 0;
    list-style: none;
}

#twoColumn li {
    width: 42%;
}

/* YUI ft - footer */

#ft a:link {
    color: #333;      
}

#ft a:visited {
    color: #666; /* purple */
}

#ft a:hover {
    color: black;
}

#ft a:active {
    color: #666; /* grey */
}


#ft .links li,
#ft .text {
    text-align: center;
}

#ft .links .main a {
    font-weight: bold;
    text-transform: uppercase;
}

#ft .links span {
    padding: 0 0.5em;
}
/* end footer content */

/*
==============================================================================
| YUI bd - body content!
|
| .sectionDefaultMaster         = Section's Index (SectionDefault.Master)
| .detailMaster                 = Section's Detail Pages (Section.Master)
| .landingMaster                = Any page not
| #homePage.landingMaster       = Homepage (Home/Index.aspx)
| #secureMaster.formPage        = Any full page form (example: Join)
| #rootPage.orphanPageMaster    = Any static page located on the root of the site
| #rootPage .staticPage         = All Static Pages (Shared/StaticPage.aspx)
|
==============================================================================
*/

/* Hidden H1 content. Approved by Bryan Villeneuve (SEO) */
#bd #homePage h1 {
    position: absolute;
    left: -9000px; /* out of screen view */
    overflow: hidden;
}

/* Left Column, 2/3 wide, used in all Masters */
#bd div.mainColl {
    float: left;
    clear: left;
    width: 67%; /*opera*/
    *width: 66.6%; /*ie7*/
    max-width: 66.6%; /*frfx*/
}

/* Right Column, 1/3 wide, used in all Masters */
#bd div.coll {
    float: right;
    width: 33%;
}

/* Two Feed Boxes side-by-side (refers to Home Page layout).
   A feed box is any boxed container that has a black header and
   content below */ 
.mainColl .x2first {
    float: left;
    clear: both;
    width: 49.5%;
    *margin-top: -0.5em; /*ie7 mediaArea height bug*/
    margin-left: 0;
}

.mainColl .x2 {
    float: left;
    width: 49.5%;
    *margin-top: -0.5em; /*ie7 mediaArea height bug*/
    margin-left: 0.75%;
}

/* Used in Home, Default and Detail Pages */
#bd div.media {
    float: left;
    clear: both;
    width: 100%;
    margin-bottom: 0.5em;
}

/* Used in CASINO Default Page */
#bd div.mediaWide {
    clear: both;
    width: 100%;
    margin-bottom: 0.5em;
}

/*
| Detail Pages (.detailMaster)
| Horizontal container following the top media. 
| Used in Default and Detail Pages
*/
#bd div.content {
    float: left;
    clear: both;
    width: 100%;
    *margin-top: -0.6em; /*ie7 fix: mediaArea height bug */
}

#bd .detailMaster .content,
.sportsBook #sportsBook .content{
    *margin-top: -0.1em; /*ie7 fix: mediaArea height bug */
    _margin-top: -0.6em; /*ie6 fix: mediaArea height bug */
}

#bd #casino div.content,
#bd #sportsBetting div.content {
    *margin-top: 0; /* reset previous ie7 fix */
}

/* Content located next to left menus */
#bd .mainContent {
    float: left;
    width: 83.5%;
}

/* Detail Pages containing iframes */
.iframeContainer iframe {
    min-height: 500px;
    *height: 500px; /*ie*/
}

/* Default Pages (.sectionDefaultMaster) - the first 
   page you get when you click on any main navigation 
   menu (red) item */
div.mainColl div.nav {
    width: 22.25%; /* about 140px */
}

#bd .mainColl .mainContent {
    min-width: 75.75%;
    width: 75.75%;
}

/* 
| All other Master Pages
| Master Form Page
*/
div.staticPage,
div.formPage,
div.errorPage {
    padding: 0;
    background: transparent;
}


/* 
============================================================
| Sports Betting Edge
| This section does not follow the site master convention.
============================================================
*/

/* 
| Detail Master (of Sports Betting Edge)
| This master needs a RIGHT COLLUMN just as we have on the Default Master.
| So we wrap the existing <div.mainColl> and <div.coll> within the <div.content>
 */

/* SportsBettingEdge Category Index: Article Previews */
#sportsBetting .mainContent div.mainColl {
    width: 61%; /*opera*/
    *width: 60%; /*ie7*/
    max-width: 60.25%; /*frfx*/
}

#sportsBetting .mainContent div.coll {
    width: 39.3%;
}

/* 
| Section Default Master (of Sports Betting Edge)
| This master use an added DIV for CENTRAL COLLUMN: <div.centralColl>.
| We need this because we use the same control throughout the entire section.
| This added DIV is inserted between the <div.nav> and the secong <div.coll> and contains the <div.mainColl>.
*/

#bd div.centralColl {
    float: left;
    width: 61%; /*opera*/
    *width: 60%; /*ie7*/
    max-width: 60.25%; /*frfx*/
}

#bd .centralColl div.mainColl {
    width: 100%;
    max-width: 100%;
}

/* 
| SportsBettingEdge Detail Page: Full Article Page
| For the full articles to show
*/
#sportsBetting .mainContent .articleFullView div.mainColl {
    width: 61%; /*opera*/
    *width: 60%; /*ie7*/
    max-width: 60.25%; /*frfx*/
}

#sportsBetting .mainContent .articleFullView div.coll {
    width: 39.3%;
}


/*======================================================================================================================================
all the stuff from the old all-together.css 
/*======================================================================================================================================

This file is a conjunction of the CSS files whose names are listed below (in this order):

@import url("module/nav-subtree.css");
@import url("module/feed-rotator.css");
@import url("module/lines.css");
@import url("module/overlay.css");
@import url("module/pager.css");

This is for preproduction purposes only. If you feel that you need to modify this, 
then just modify the appropriate file instead. The file is being included in media-screen.css

*/

/*
===================================================
| nav-subtree.css
| the infamous Left Menu (do not touch this)
===================================================
*/

/* first (default) level */
div.nav ul {
    *height: auto; /*ie*/
    margin: -2px 0 0 0;
    padding: 2px 0 0 0;
}

div.nav ul li {
    margin: 0;
    padding-bottom: 2px;
    padding-right:0;
    list-style: none;
}

/* all levels */
div.nav ul li a {
    display:block;
    margin: 0;
    padding: 2px 2px 2px 5px;
    text-decoration: none;
    outline: none;
    width: auto; /*previously 95%*/
}

/* second level */
div.nav ul ul {
    margin: 0;
    padding: 0;
}

div.nav li li {
    margin-top: 0px;
    background: #e7e7e7;
}

/* second level links */
div.nav li li a {
    padding-left: 10px;
}

/* button style nav links */
div.nav ul.btn li a {
    padding: 0.7em 0.2em;
}

/* static titles with darker background */
div.nav h2 {
    display: block;
    width: auto;
    margin: 0;
    padding: 0.7em 0.5em;
    font-size: 0.9em;
    text-align: left;
    background: gray;
    cursor: default;
    margin-bottom: 2px;
}

/*
=========================
| start dynamic navigation (anything expandable/collapsible in the left menu)
=========================
*/

/* 
| Nav controls style
| .nav .dyn a           = All links
| .nav .dyn a.collapsed = Plus [+] icon
| .nav .dyn a.expanded  = Minus [-] icon
*/
div.nav .dyn a {
    color: black;
    font-weight: bold;
    background: gray none no-repeat left top;
}

/* Multi-selection nav form button */
div.nav fieldset {
    display: block;
    position: relative;
    margin-bottom: 2px;
    padding: 0 0 0 7%;
    *padding: 0 0 0.7em 9%; /*ie*/
    background-color: #ccc;
}

div.nav button.submit {
    display: block;
    width: auto;
    height: auto;
    margin: 0.7em 0;
    padding: 0.6em 0.45em;
    font-size: 0.9em;
}

/* multi-selection nav with checkboxes (sportsbook only) */
div.nav ul.selection ul li input {
    display: inline-block;
    margin: 0.4em 0.25em 0.4em 0.4em;
    *margin: 0.18em 0 0.18em 0.36em; /*ie7 only*/
    vertical-align: top;
    background:transparent;
}

div.nav ul.selection ul li span,
div.nav ul.selection ul li label {
    width: 10em;
    margin: 0.4em 0 0.4em 0.4em;
    *margin: 0.36em 0 0.36em 0.36em;
    display: inline-block;
    cursor: default;
}

/* 'Select All' checkbox */
div.nav ul.selection ul li.first {
    height: 1.9em;
    font-style: italic;
}

div.nav ul.selection ul li.first input,
div.nav ul.selection ul li.first span,
div.nav ul.selection ul li.first label {
    float: right;
    text-align: right;
}

div.nav button.submit span {
    white-space: nowrap;
    padding-right: 10px;
    background: transparent url(../img/bt-nav-submit.gif) no-repeat right center;
}

/* background on first-level items */
div.nav .dyn a {
    color: black;
    font-weight: bold;
    background: #CCC none no-repeat left top;
}

/* first-level links */
div.nav ul.dyn li a {
    height: auto;
}

/* makeLink class indicates that the item in the menu will 
   actually be clickable as a normal link */
div.nav ul.makeLink li a.linkItem {
    display: inline-block;
    width:82%;  /* 10.72em;  */
    padding-top:0.275em;
    *padding-top:0.22em; /*ie*/
    padding-bottom:0.23em;
}

/* the little 'plus-minus' sign that expands/collapses the second level */
div.nav ul.makeLink li span span {
    display: block;
    width: 14px;
    height: 14px;
    padding: 0.30em 2px 0.165em 2px;
    *padding-bottom: 0.16em;
}

/* the first, wrapping span that forms the little icon */
ul.makeLink li span.expCollPos {
    display: inline-block; 
    vertical-align: bottom;
}

/* second span that forms that little icon */
div.nav .dyn span.collapsed, /* Collapsed = Plus [+] icon */
div.nav .dyn a.collapsed,
div.nav .dyn span.expanded,  /* Expanded = Minus [-] icon */
div.nav .dyn a.expanded { 
    cursor: pointer;
}
/* end dynamic navigation */

/*
===================================================
| Horizontal list of page numbers to select from (pager.css)
| Used in /Secure/Account.Master
===================================================
*/
.pager ul.pages {
    display: block;
    border: none;
    text-transform: uppercase;
    font-size: 10px;
    padding: 10px 0 35px 0;
    *padding: 10px 0 10px 0;
    margin: 0;
}

/* default style */
.pager ul.pages li {
    list-style: none;
    float: left;
    border: 0px solid #ccc;
    text-decoration: none;
    margin: 0 .5em 0 0;
    padding: .5em;
    cursor: pointer;
}

.pager ul.pages li:hover {
    border-color: #003f7e;
}

/* dead links */
.pager ul.pages li.pgEmpty,
.pager ul.pages li.pgEmpty:hover {
    border-color: #eee;
    color: #eee;
    cursor: default;
}

/* active links */
.pager ul.pages li.pgCurrent {
    border-color: #003f7e;
    color: #000;
    font-weight: 700;
    background-color: #eee;
}

/*
===================================================
| start media area above feed rotator - links and images
| (the thing that says 'join now' or 'bet now')
===================================================
*/
.media div.addBanner {
    width:100%;
    height:54px;
    margin-bottom:.5em;
}

#joinNow, 
#betNow a {
    display:block;
    width:100%;
    height:54px;
    cursor:pointer;
}

#joinNow {
    float:left;
    width:63.5%;
    background:transparent url(../m/img/interface/bg-joinNow-addBanner2.gif) no-repeat left top; /* can be modified in m.css */
}

#betNow a {
    background:transparent url(../m/img/interface/bg-betNow-addBanner.gif) no-repeat left top; /* can be modified in m.css */
    cursor:pointer;
}

#joinNow:hover {
    background-position: left -56px; /* can be modified in m.css */
}

#betNow a:hover {
    background-position: left -54px; /* can be modified in m.css */
}

/* the little button on the right from the 'join now' banner */
#asSeenOn {
    float:left;
    width:35.1%;
    margin-right:0;
    padding:9px 0 9px 9px;
    background:transparent url(../m/img/interface/bg-joinNow-news.gif) no-repeat right top;  /* can be modified in m.css */
}

#asSeenOn span {
    display:block;
    float:left;
    width:100px;
    padding-top:6px;
    padding-left:5px;
    font-style:italic;
    font-weight:bold;
}

#asSeenOn span strong {
    font-style:italic;
    color:#981C1F;
}

#asSeenOn img {
    float:left;
    margin-left:3px;
}

#betNow {
    float:left;
    width:100%;
    height:54px;
    background:transparent url(../img/interface/bg-betNow-addBanner.gif) no-repeat left top;
}

#betNow strong, 
#betNow span {
    display:block;
    float:left;
    width:auto;
}

#betNow strong {
    clear:left;
    width:38%;
    padding:10px 0 13px 24px;
    font-size:24px;
    font-weight:bold;
    font-style:italic;
    letter-spacing:.1em;
    color:white;
}

#betNow span {
    width:50%;
    margin-top:16px;
    font-size:155%;
    font-weight:bold;
    font-style:italic;
    color:#981C1F;
    text-transform:uppercase;
}

#betNow span.loggedIn {
    margin-top:20px;
    color:#ed8d11;
    text-align:center;
}

#betNow span.customer {
    margin-top:20px;
    color:#ed8d11;
    text-align:center;
}
/* end media area above feed rotator */

/*
========================================================================================================================================
| modules.css
| + form
| + feed box
| + feed rotator
| + ads (banner and links)
========================================================================================================================================
*/
 
/* 
| dl.image
| These list contains Title + Image on left + Paragraph description on right
| Dimensions refers to Casino/Index: dl width=490, image width=170
*/
/* TODO not being used currently
dl.image dt {
    clear: left;
    width: 60%;
    *width: 58%;
    margin-top: 1em;
    padding-left: 40%;
}

dl.image dd {
    clear: left;
    width: 60%;
    *width: 58%;
    padding-left: 40%;
}

dl.image dd img {
    float: left;
    margin-top: -1.1em;
    margin-left: -64%;
}

dl.image dd p {
    float: left;
    width: 86%;
    *width: 100%; 
}*/

/* Basic list are styled to show DT and DD side by side */
dl.basic {
    margin-left: 1em;
    margin-bottom: 1em;
}

dl.basic dt {
    margin-right: 0.25em;
}

/* Data list designed as grid, having DT and DD contained side-by-side within a fixed width
   some pages that use it: LoyaltyPointBuy.aspx, Payout/Request.aspx, Payout/ThankYou.aspx */
dl.grid {
    margin-bottom: 1em;
}

dl.grid dt {
    clear: left;
    width: 50%;
    margin-right: 0.5em;
    margin-bottom: 0.25em;
}

dl.grid dd {
    width: 49%;
    margin-bottom: 0.25em;
}

/* Question and Answers DL - To style any content like FAQs. */
dl.questionAnswer dt {
    clear: left;
    margin-bottom: 0.5em;
}

dl.questionAnswer dd {
    clear: left;
    margin-bottom: 1em;
    padding-left: 2em;
}

/* Default horizontal seperator */
div.hr {
    height: 1em;
    margin-top: 1em;
    border-top: 0px solid #ccc;
}

.hr hr {
    display: none;
}

/*
===============================
| Forms
===============================
*/
select,
input,
textarea {
    font-family: verdana,arial,helvetica,clean,sans-serif;
    line-height: 1.2em;
    border: 0px solid transparent;
    outline: none;
}

/* setting a consistent width, 160px (control of type=file still not possible) */
input[type=text],
input[type=password],
textarea {
    width: 12.25em;
    *width: 11.9em; /*ie*/
}

input {
    height: 1.2em;
    padding: 0.2em;
}

/* inputs type checkbox and radio buttons */
input.radio, input[type=radio],
input.checkbox, input[type=checkbox] {
    width: auto !important;
    margin-top: 0.25em;
    margin-right: 0.3em;
    padding: 0;
    background-color:Transparent;
    *border: none !important; /*ie*/
}

input.radio, input[type=radio] {
    border-width: 0 !important;
}

input.readonly {
    background-color: #efefef;
}

select {
    width: auto;
    /*max-width: 20em; removing this "default" styling. It is generating problem within LoyaltyPoint, when <select> are not within our markup. Martin Dube */
}

select option {
    background-color: white;
}

/* this if for the first line of a select option, where value = 0. (Refer to Backend's Theme Selecter) */
select .first {
    color: gray;
    font-style: italic;
}

label {
    position: relative;
    padding-top: 0.15em;
    color: gray;
}

button,
a.btn {
    background: gray none no-repeat left top;
}

a.btn {
    display: inline-block;
    width: auto;
    min-height: 16px;
    padding: 0;
}

button span,
a.btn span {
    display: block;
    padding: 0;
    line-height: 16px;
    background: transparent none no-repeat left top;
    outline: none; /* This prevents the link from having a dotted outline in Firefox */
}

fieldset,
div.fieldset {
    padding: 1em;
    border: 0px solid gray;
}

div.fieldset {
    clear: both;
    margin-bottom: 1em;
}

fieldset.action,
div.fieldset-action {
    margin-bottom: 2em;
}

.action button,
.action a.btn  {
    *margin-right: 0.5em; /*ie7*/
}

/* Navigation button (LoyaltyPoints) */
fieldset.navBt {
    padding-left: 0;
}

fieldset.navBt .next {
    float: right;
}

fieldset.navBt .previous {
    float: left;
}

fieldset legend {
    padding: 0 0.25em;
    font-size: 131%;
    color: gray;
}

/* Mandatory asterisk label */
p.mandatory {
    clear: both;
    margin-bottom: 0;
    text-align: right;
}

.mandatory big {
    vertical-align: text-bottom;
    letter-spacing: 0;
    line-height: 60%;
}

/* a container for form fields */
ul.fields {
    margin-left: 0;
}

ul.fields li {
    list-style-type: none;
    margin-bottom: 0.5em;
    padding: 0.3em;
}

ul.fields li ul,
ul.fields li ol {
    padding-left: 2em; /* vertically aligned width text inputs. */
}

ul.fields li li {
    margin-bottom: 0.2em;
    padding-top: 0;
}

ul.radio, 
ul.fields li.radio ul,
ul.checkbox, 
ul.fields li.checkbox ul {
    margin-left: 0;
}

ul.radio li, 
ul.fields li.radio ul li,
ul.checkbox li, 
ul.fields li.checkbox ul li {
    list-style-type: none;
    margin-left: 0;
    margin-bottom: 0;
    padding: 0.3em;
}

/* form elements */
.fields label {
    display: block;
    float: left;
    width: 20%;
}

.fields label.mailToFriend {
    width : 13%;
}

.fields li.btnSend {
    padding-left: 5.5em;
}

.fields li.btnSubscribe {
    padding-left: 8.5em;
}

.fields input,
.fields textarea {
    width: 25%;
}

.fields .wide input,
.fields .wide textarea {
    width: 75%;
}

.fields .narrow input {
    width: 10%;
}

.fields .wide textarea {
    height: 7em;
}

.fields select {
    min-width: 25%;
    width: 25%;
}

.fields select.short {
    min-width: 4em;
    width: 5.5em;
    margin-right: 1em;
}


/*
===============================
| Form Page Validation
===============================
*/
.fields .field-validation-error,
.error .field-validation-error,
.validation-error .field-validation-error {
    padding-top: 0.15em; /* making vertical space for 16px height icone */
}

.formPage .errors .validation-summary-errors {
    display: block;
    margin-top: 0.5em;
    margin-left: 0.2em;
}

.errors .validation-summary-errors {
    margin-top: 0.5em;
    margin-left: 0.2em;
}

span.validation-summary-errors {
   display: inline-block;
}

.formPage .wide .field-validation-error,
.myAccount .wide .field-validation-error {
    display: block;
    margin-top: 0.1em;
    margin-left: 19%;
}

/*
===========================
| Empty data alerts
===========================
*/
.emptyData {
    margin-bottom: 0.5em;
    padding: 1em 1em 0.25em 1em;
}

div.nav .emptyData {
    padding-bottom: 1em;
}

.emptyData .ico {
    float: none;
    width: auto;
    margin: 0;
    padding-left: 20px;
    font-weight: bold;
    background: transparent none no-repeat left -400px; /* yellow diamond icon */
    *padding-top: 2px; /*ie7*/
    *background-position: left -399px; /*ie7*/
}

.emptyData p {
    padding-left: 20px;
}

/*
===========================
| Errors or Problem containers
| Problem: stronger than an alert but less important than an error
===========================
*/
div.errors,
div.problem {
    margin-bottom: 0.5em;
    padding: 1em; /* 0 1em */
    clear: both;
    *width: 94.9%;   /* IE7 hack */
    _width: auto;    /* reset hack for IE6 */
}

div.errors {
    display: none;
}

div.errors span,
div.errors ul,
div.erros ul li {
    clear: both;
}

div.nav div.errors,
div.nav div.problem {
    padding-bottom: 0;
    border-width: 0;
}

/* area above the form with a list of errors */
div ul.validation-summary-errors {
    margin: 5px 0 0 0;
    padding: 4px 4px 4px 25px;
}

.errors .ico,
.problem .ico {
    float: none;
    width: auto;
    margin: 1em 0 0 0;
    padding-left: 20px;
    font-weight: bold;
    background: transparent none no-repeat left -50px; /* red triangle icon */
    *padding-top: 2px; /*ie7*/
    *background-position: left -399px; /*ie7*/
}

.errors p,
.problem p {
    padding-left: 19px;
    padding-top: 0.5em;
}

/* this shows up when flash is disabled or not installed */
div.flashAlt {
    clear: both;
    display: none;
}


/*
===============================
| Master Form Page 
| .formPage is a container for any form
===============================
*/
/* fieldset */
.formPage fieldset {
    clear: both;
}

.formPage .fields label {
    clear: left;
}

.formPage ul.fields li ul,
.formPage ul.fields li ol {
    padding-left: 20%; /* vertically aligned width text inputs. */
}

/* Labels for inputs type checkbox and radio styling */
.formPage ul.checkbox li,
.formPage ul.radio li {
    padding-left: 20%; /* vertically aligned width text inputs. */
}

/* For those two the inputs comes first (on the left) and the label after */
.formPage ul.checkbox li label,
.formPage ul.checkbox li input,
.formPage ul.radio li label,
.formPage ul.radio li input {
    float: left;
    clear: none;
    width: auto;
}

/* button container */
.formPage fieldset.action {
    padding-left: 21%; /* vertically aligned width text inputs. */
}

.myAccount fieldset.action {
    padding-left: 22%; /* vertically aligned width text inputs. */
}

.myAccount fieldset.navBt,
.myAccount fieldset.action.navBt {
    padding-left: 1em;
}

fieldset .fields li.action {
    padding-left: 20.5%; /* vertically aligned width text inputs. */
}

/*
===============================
| Links
===============================
*/
a.more {
    display: inline;
}

/* Links with 16x16px image sprite */
a.link {
    display: block;
    min-height: 16px;
    *height: 16px; /*ie*/
    padding-left: 1em;
    background: transparent none no-repeat left top;
}

/* any list with links inside */
ul.links {
    width: 95%;
    margin-bottom: 0.5em;
}

ul.links li {
    margin-left: 0;
    list-style: none;
}

ul.links li a {
    padding-left: 1em;
    background: transparent none no-repeat left top; /* default = red arrow icons */
}

a.link:hover,
ul.links li a:hover {
    background-position: left -300px; /* hover = black arrow */
}

/* Static 16x16px icons sizes - Ex <span class="ico ico-add"> */
.ico {
    display: block;
    float: left;
    position: relative;
    width: 16px;
    padding: 0;
    background: transparent no-repeat left top;
}

div.ico, span.ico {
    display: block;
}

div.ico span, span.ico span {
    position: absolute;
    left: -9000px;
}


/*
===============================
| Ads (banners and links)
===============================
*/
.add h2, .add h3, .add h4, .add p {
    margin: 0;
}

.add {
    clear: both;
    margin-bottom: 0.5em;
}

.addLink h3 {
    margin-bottom: 1em;
}


/*
===============================
| Media area (the 'join/bet now' button AND the rotator);
| on detail pages, the banner is shortened
| See details in "module/feed-rotator.css"
===============================
*/
div.media {
    clear: left;
    float: left;
    position: relative;
    width: 100%;
    background: transparent none no-repeat left top;
}

/* the container for the rotator (or the shorter banner section on detail pages) */
.media .mediaArea {
    *margin-bottom: 0.5em; /*ie*/
    background: transparent none no-repeat left top;
}


/*
===============================
| start feed box and index box rules
| feedBox = Home/Index.aspx
| indexBox = Section.Master + SectionDefault.Master
===============================
*/

div#livelines-grid{
	max-height: 340px;
	height: inherit;
	overflow: auto;
}

div.feedBox,
div.indexBox {
    width: 100%;
    float: left;
    margin-bottom: 0.5em;
}

div.feedBox div, 
div.feedBox div fieldset,
div.feedBox div fieldset ul li label {
     _position: static; /* IE6 bug */
}

/* Box Headers (round corners) */
.feedBox div.hd,
.indexBox div.hd {
    clear: left;

}

/* Box header (round corners) */
.feedBox .hd .bg,
.feedBox .hd .bgL,
.feedBox .hd .bgR,
.indexBox .hd .bg,
.indexBox .hd .bgL,
.indexBox .hd .bgR {
    height: 30px;
    background: black none no-repeat left top;
}

.feedBox .hd .bgL,
.indexBox .hd .bgL {
    position: absolute;
    left: 0;
    width: 10px;
    padding: 0;
    background-position: -1000px top;
}

.feedBox .hd .bgR,
.indexBox .hd .bgR {
    position: absolute;
    right: 0;
    width: 10px;
    padding: 0;
    background-position: -1010px top;
}

.feedBox #sentConfirmationWindow h2 {
    margin-bottom: 1em;
}

/* 
| All boxes (FeedBox and IndexBox) located over the site's top background gradient use a different set of Round Corners.
| All pages that are not showing top MediaArea needs to be adress here.
*/
.coll .top .feedBox .hd .bgL,
.orphanPageMaster .mainColl .indexBox .hd .bgL,
.orphanPageMaster .coll .feedBox .hd .bgL,
.formPage .indexBox .hd .bgL,
.errorPage .indexBox .hd .bgL,
.myAccount .indexBox .hd .bgL, 
#mySpecs .bgL {
    background-position: -1020px top; /* over gray background */
}

.coll .top .feedBox .hd .bgR,
.orphanPageMaster .mainColl .indexBox .hd .bgR,
.orphanPageMaster .coll .feedBox .hd .bgR,
.formPage .indexBox .hd .bgR,
.errorPage .indexBox .hd .bgR,
.myAccount .indexBox .hd .bgR,
#mySpecs .bgR {
    background-position: -1030px top; /* over gray background */
}

.feedBox .hd div.bg,
.indexBox .hd div.bg {
    position: relative;
    float: left;
    left: 10px;
    width: 94%;
}

/* detailMaster's indexBox = ~840px */
.indexBox .hd div.bg {
    width: 98%;
}

/* sectionDefaultMaster's indexBox = ~500px */
.mainColl .indexBox .hd div.bg {
    width: 96.75%;
}

/* orphanPageMaster is on any page that doesn't belong on any main sections (i.e. 'banking') */
.orphanPageMaster .mainColl .indexBox .hd div.bg {
    width: 97%;
}

/* Box header titles */
.feedBox .hd h1, .feedBox .hd h2, .feedBox .hd h3,
.indexBox .hd h1, .indexBox .hd h2, .indexBox .hd h3 {
    float: left;
    width: auto;
    margin: 0;
    padding: 0.87em 0;
    line-height: 1em;
    color: white;
    background-color: transparent;
}

/* Feed Box titles */
.feedBox .hd h2, 
.feedBox .hd h3 {
    font-size: 100%; /*10px*/
}

/* Index Box titles */
.indexBox .hd h1,
.indexBox .hd h2,
.indexBox .hd h3 {
    font-size: 100%; /*10px*/
}

.orphanPageMaster .indexBox .hd h1,
.formPage .indexBox .hd h1,
.myAccount .indexBox .hd h2,
.errorPage .indexBox div.bd {
    margin-left: 1em;
}

/* box body
   feedbox: any box that has black header with white text in it and rounded corners
   indexbox: almost a feedbox, except it houses current page's main content
 */
.feedBox div.bd,
.indexBox div.bd {
    clear: left;
    position: relative;
    padding: 2px;
    *padding:0px 0px;
    border: 0px solid black;
    border-top-width: 0;
    background-color: white;
}

.staticPage .indexBox div.bd { /* adding horizontal padding */
    padding-right: 0.75em;
    padding-left: 0.75em;
    *padding-right: 0.25em; /*ie*/
    *padding-left: 0.25em; /*ie*/
}

.orphanPageMaster .staticPage .indexBox div.bd,
.formPage .indexBox div.bd,
.myAccount .indexBox div.bd,
.errorPage .indexBox div.bd { /* adding more horizontal padding for Orphan Pages */
    padding-right: 1.75em;
    padding-left: 1.75em;
    *padding-right: 1em; /*ie*/
    *padding-left: 1em; /*ie*/
}

.feedBox .bd table,
.indexBox .bd table {
    margin: 0;
    *width: 99%;
}

/* any feedbox that whose height has to be restricted */
div.scrollable {
    *padding-right: 14px; /*ie6+ie7 needs padding on the right otherwise the scrollbar shows over and hide the contents */
    border: 0px solid white;
    border-top-width: 0;
    border-left-width: 0;
    background-color: black;
    overflow: auto;
    overflow-x: hidden; /*ie*/
}

/* variable heights for scrollable boxes; one of these classes
   has to be used together with the above class (i.e. class='scrollable shortBox') 
   */

.veryShortBox { /* futures and props widget only */
    height: 93px;
    *height: 90px; /* ie7 */
}

.shortBox { /* to the right of the media area on any detail page */
    height: 159px; 
}

.mediumBox { /* to the right of the media area on any DEFAULT page */
    height:340px; 
}

div.tallBox { /* only on home page for now: most-bet-on games and last minute lines */
    height: 440px; 
    padding-right: 0;
}

.detailMaster .top .mediumBox { /* sportsbetting edge */
    height: 136px; 
}

.feedBox div.scrollable table {
    clear: both;
    _width: 100%!important; /*IE6 bug */
}

.feedBox .bd .clear {
    height: 0;
}
/* end feed box and index box rules */


/*
| Box contents
*/

/* Live Lines FeedBox, located inside div.top in all Default Pages of main sections */
#livelines div.bd
{
	clear: both;
}

#liveLines .bd fieldset {
    display: block;
    position: relative;
    margin-bottom: 0;
    padding: 0.25em 0.25em 0.25em 1em;
    border: 0px solid black;
    *border-bottom-width: 0; /*ie7*/
    background-color: #666;
}

#liveLines .bd fieldset legend {
    display: none;
}

#liveLines .bd fieldset label {
    display: block;
    float: left;
    color: white;
}

#liveLines .bd fieldset select {
    float: right;
    width: 50%;
    height: 1.6em;
    *height: 1.8em;
}

#liveLines table thead th {
    padding-top: 0.1em;
    padding-bottom: 0.15em;
    text-align: center;
}

/* List of any type of group illutrated by a set of icons */
.feedBox ul.ico-group,
.indexBox ul.ico-group {
    margin: 0;
}

ul.ico-group li {
    position: relative;
    margin-bottom: 0.05em;
    margin-left: 0;
    list-style: none;
}

/* Static (No-Link) type of preview list
   right now is used in 'most bet-on games, last minute lines, futures and props boxes */
ul.ico-group li img {
    float: left;
}

ul.ico-group li h2 {
    float: left;
    margin: 0;
}

ul.ico-group li p {
    float: left;
}

/* Static preview list in Feed Box */
.feedBox .ico-group li h2 {
    width: 70%;
}

.feedBox .ico-group li h2.ico {
    width: 65%;
}

.feedBox .ico-group li p {
    width: 70%;
}

/* Static preview list in Index Box */
.indexBox .ico-group li h2 {
    width: 80%;
}

.indexBox .ico-group li h2.ico {
    width: 77%;
}

.indexBox .ico-group li p {
    width: 80%;
}

/* start preview list with links 
   used for both rotator animations, futures-props, contests boxes */
.feedBox ul.preview,
.indexBox ul.preview {
    margin: 0;
}

ul.preview li {
    clear: both;
    position: relative;
    margin-bottom: 0.5em;
    margin-left: 0;
    list-style: none;
}

.futurePropositions ul.preview {
    *height: auto;   
}

.futurePropositions ul.preview li {
    border-top: 0px solid #999999;
    margin: 0;
    padding: 0;
    height:auto;
}

.futurePropositions ul.preview li a {
    margin-top: 0.5em;
    min-height:3.8em;
    padding-bottom:1em;
}

ul.preview li a {
    display: block;
    float: left;
    text-decoration: none;
}

ul.preview li a img {
    float: left;
    clear: left;
    display: block;
    margin: 0;
    padding: 0 0.5em 0 0;
    border: 0;
    cursor: pointer;
}

ul.preview li a big { /* title*/
    display: block;
    float: left;
    position: relative;
    width: 5em; /*62%*/
    margin-top: 0.2em;
    cursor: pointer;
    text-decoration: none;
    color: #981C1F; /* red title */
}

ul.preview li a span { /* text */
    display: block;
    float: left;
    width: 70%;
    margin-top: 0.4em;
    color: #333;
    cursor: text;
}

ul.preview li a:visited big,
ul.preview li a:visited span.more {
    color: #704a52; /* purple red */
}

ul.preview li a:hover big,
ul.preview li a:hover span.more {
    color: black;
    text-decoration: underline;
}

ul.preview li a big.icoSport {
    width: 8em;
}

ul.preview li a span.proposition {
    width: 15em;
    cursor:pointer;
}

ul.preview li a span.more { /* link */
    display: inline;
    float: none;
    color: #981C1F; /* red link */
    cursor: pointer;
    text-decoration: underline;
}
/* end preview list with links */

/*
| Product list
| Displaying a list of product in shopping carts
| Each links content = [img]BR[title]BR[caption]. These 3 elements should be seperated by a tag <br class="semantic" />
*/
/* TODO not being used currently?
ul.products {
    margin: 0;
}

ul.products li {
    float: left;
    position: relative;
    width: auto;
    margin-right: 2%;
    margin-bottom: 1em;
    margin-left: 0;
    list-style: none;
}*/

/* Generating a 3 collumns layout */
/* TODO not being used currently?
.loyalityPoints ul.products li {
    width: 31%;
    margin-right: 2%;
}

ul.products li a.item {
    display: block;
    float: left;
    text-decoration: none;
}

.products .item img {
    margin: 0;
    padding: 0;
    border: 0;
    cursor: pointer;
}

.products .item big {
    display: block;
    position: relative;
    margin-top: 0.2em;
    cursor: pointer;
    text-decoration: none;
}

.products .item span {
    display: block;
    margin-top: 0.4em;
    cursor: pointer;
}*/

/* Data List of Product Details (loyalityPoints) */
dl.productDetails dt {
    margin-right: 0.5em;
    margin-bottom: 0.5em;
    font-size: 110%; /*12px*/
    line-height: 1.2em;
}

dl.productDetails dd {
    margin-bottom: 0.5em;
    padding-top: 0.15em;
    line-height: 1.2em;
}

dl.productDetails dd.text {
    clear: left;
    padding-left: 1em;
}

/*
=================================================
| Datagrid - Category index and Detail pages
=================================================
*/

/* Line only */
.line ul.ico-group li h2 {
    float: none;
    clear: both;
    width: auto;
    font-size: 109%; /* 12px */
}

.line ul.ico-group li h2.ico {
    width: 94.35%;
    padding-top: 0.38em;
    padding-bottom: 0.42em;
    margin-top: 0.1em;
    margin-bottom: 0.2em;
}

.line ul.ico-group li p {
    float: none;
    margin: 0px;
    text-indent: 4px;
    width: 100%;
    padding: 0.4em 0;
    background: #b4b4b4;
}

.line li dl {
    clear: both;
    margin: 0px;
    width: 100%;
    padding: 0.1em 0;
}

.line li dl dt {
    clear: left;
    width: 64%;
    margin-bottom: 0px;
    text-indent: 4px;
    background: #ddd;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    font-weight: normal;
}

.line li dl dd {
    float: right;
    width: 35%;
    padding-right: 1%;
    background: #ccc;
    margin-bottom: 0px;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
}
    
dd span.spread,
dd span.moneyline {
    display: block;
}

.line dl dt.fav,
.line dl dd.fav {
    font-weight: bold;
}

dd span.spread {
    width: 60%;
    float: left;
}

dd span.moneyline {
    width: 30%;
    float: right;
}

/* Icon Sports Sprites in Grid */
.line .ico-row span.ico {
    display: block;
    position: relative;
    width: 12px;
    height: 12px;
    padding: 0 !important;
    line-height: 0.8em;
    text-indent: -9000px;  /* Render text out of screen view */
    background: green no-repeat left top;
}

.line .ico-row span.baseball        { background-position: left -50px; }
.line .ico-row span.basketball      { background-position: left -100px; }
.line .ico-row span.entertainment   { background-position: left -150px; }
.line .ico-row span.football        { background-position: left -200px; }
.line .ico-row span.hockey          { background-position: left -250px; }
.line .ico-row span.race,
.line .ico-row span.motorsports-info { background-position: left -300px; }
.line .ico-row span.soccer          { background-position: left -350px; }
.line .ico-row span.tennis          { background-position: left -400px; }
.line .ico-row span.golf            { background-position: left -449px; }
.line .ico-row span.tennis          { background-position: left -499px; }
.line .ico-row span.golf            { background-position: left -449px; }
.line .ico-row span.horse,
.line .ico-row span.horse-racing-tips   { background-position: left -499px; }
.line .ico-row span.cricket         { background-position: left -549px; }

/* Icon Sports Sprites in List */
.line .ico-group h2.ico {
    width: 92%;
    padding-left: 18px;
    background: green no-repeat left top;
}

.line .ico-group h2.baseball            { background-position: 2px -44px; }
.line .ico-group h2.basketball          { background-position: 2px -94px; }
.line .ico-group h2.entertainment       { background-position: 2px -144px; }
.line .ico-group h2.football            { background-position: 2px -194px; }
.line .ico-group h2.hockey              { background-position: 2px -244px; }
.line .ico-group h2.race,
.line .ico-group h2.motorsports-info    { background-position: 2px -294px; }
.line .ico-group h2.soccer              { background-position: 2px -344px; }
.line .ico-group h2.tennis              { background-position: 2px -394px; }
.line .ico-group h2.golf                { background-position: 2px -449px; }
.line .ico-group h2.horse,
.line .ico-group h2.horse-racing-tips   { background-position: 2px -499px; }
.line .ico-group h2.cricket             { background-position: 2px -549px; }

/*
=================================================
| Article List - Category index and Detail pages
=================================================
*/

/* Article only */
.article ul.ico-group li {
    min-height: 48px; /* img = 90x48 */
    _height: 48px;
}

.article .ico-group li h2 {
    float: right;
    clear: right;
    font-size: 109%; /* 12px */
}

.article .ico-group li p {
    float: right;
}

/* Icon Sports Sprites in List */
.article .ico-group h2.ico {
    padding-left: 18px;
    background: green no-repeat left top;
}

.article .ico-group h2.baseball             { background-position: 2px -49px; }
.article .ico-group h2.basketball           { background-position: 2px -99px; }
.article .ico-group h2.entertainment        { background-position: 2px -149px; }
.article .ico-group h2.football             { background-position: 2px -199px; }
.article .ico-group h2.hockey               { background-position: 2px -249px; }
.article .ico-group h2.race,
.article .ico-group h2.motorsports-info     { background-position: 2px -299px; }
.article .ico-group h2.soccer               { background-position: 2px -349px; }
.article .ico-group h2.tennis               { background-position: 2px -399px; }
.article .ico-group h2.golf                 { background-position: 2px -449px; }
.article .ico-group h2.horse,
.article .ico-group h2.horse-racing-tips    { background-position: 2px -499px; }
.article .ico-group h2.cricket              { background-position: 2px -549px; }

/* 
| Sports icones links 
| <ul class="sportLinks"><li><a class="ico football">
*/
ul.sportLinks li {
    list-style: none;
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    margin-left: 0;
}

.sportLinks li a.ico {
    padding-left: 2em;
    padding-bottom: 0.35em;
    list-style: none;
    display: block;
    background: url(../img/ico-sports-sprite-bg-white.gif) no-repeat left top;
    float: none;
    min-height: 0;
    width: auto;
}

.sportLinks li a.baseball           { background-position: 2px -49px; }
.sportLinks li a.basketball         { background-position: 2px -97px; }
.sportLinks li a.entertainment      { background-position: 2px -148px; }
.sportLinks li a.football           { background-position: 2px -197px; }
.sportLinks li a.hockey             { background-position: 2px -246px; }
.sportLinks li a.race,
.sportLinks li a.motorsports-info   { background-position: 2px -295px; }
.sportLinks li a.soccer             { background-position: 2px -349px; }
.sportLinks li a.tennis             { background-position: 2px -393px; }
.sportLinks li a.golf               { background-position: 2px -449px; }
.sportLinks li a.horse,
.sportLinks li a.horse-racing-tips  { background-position: 2px -500px; }
.sportLinks li a.cricket            { background-position: 2px -545px; }

/* 
| Sportsbook icones (16x16) 
| <class="icoSport football">
*/
.icoSport {
    min-height: 16px;
    *height: 16px; /*ie7*/
    padding-left: 5px;
    /* background: transparent url(../img/ico-sports-sprite-bg-white.gif) no-repeat left top;   *****buggy - dynamic class generation failing. Too many variances. *****  */
}

/*   ------------- USELESS - Code cannot generate the proper class. Needs development.
.icoSport.baseball              { background-position: left -49px; padding-left: 20px;}
.icoSport.basketball            { background-position: left -99px; padding-left: 20px;}
.icoSport.entertainment         { background-position: left -149px; padding-left: 20px;}
.icoSport.football              { background-position: left -199px; padding-left: 20px;}
.icoSport.hockey                { background-position: left -249px; padding-left: 20px;}
.icoSport.race,
.icoSport.motorsports-info      { background-position: left -299px; padding-left: 20px;}
.icoSport.soccer                { background-position: left -349px; padding-left: 20px;}
.icoSport.tennis                { background-position: left -399px; padding-left: 20px;}
.icoSport.golf                  { background-position: left -448px; padding-left: 20px; }
.icoSport.horse,
.icoSport.horse-racing-tips     { background-position: left -499px; padding-left: 20px;}
.icoSport.cricket               { background-position: left -549px; padding-left: 20px;}

*/

/*
| Media icones links
| <ul class="mediaLinks"><li><a class="facebook">
*/
ul.mediaLinks li {
    margin-bottom: 0.5em;
    margin-left: 0;
    list-style: none;
    background-image: none;
}

.mediaLinks li a {
    padding: 0.5em 0 0.5em 2em;
    background: url(../img/ico-mediaLinks-sprites.gif) no-repeat top left;
}

.mediaLinks li a.facebook   { background-position: left -96px; }
.mediaLinks li a.twitter    { background-position: left -196px; }
.mediaLinks li a.youtube    { background-position: left -296px; }
.mediaLinks li a.flickr     { background-position: left -396px; }

/* Generic tools for users */
#bd .tools a {
    background: url(../img/ico-article-tools.gif) no-repeat;
}

#bd .tools a.printer {
    padding: 2px 0 2px 20px;
    background-position: 0 -84px;
    cursor: pointer;
}

/* WCM container */

/* Some WCM content need some breathing room between top black bar and the content */
.staticPage .wcmText {
    padding-top: 1.5em;
}



/*
======================================================================================================================================
| page.css
| + Detail MasterPage Designs
| + Static Pages Design
======================================================================================================================================
*/


/* orange 'loading' message line in the top portion of all pages */
.blockUI span {
    display: block;
    font-weight: bold;
    background: none no-repeat left center;
    padding: .5em;
    background-color: orange;
    cursor: wait;
}

.blockUI span.loading {
    background-image: url("../img/ajax-loader-orange.gif");
}

.blockUI h1 {
    margin: 0;
}

.blockUI .indexBox .hd div.bg {
    width: 100%;
    left: 0;
}

.blockUI .indexBox .hd h1 {
    margin-left: 1em;
}


/*
==========================
| Deposit Funds
==========================
*/
div#deposit_cc fieldset.action {
    margin-bottom: 0;
}

/* for deposit pages: Located within <fieldset.action> */
span.loading {
    display: none;
    background-image: url("../img/ajax-loader.gif");
    background-repeat: no-repeat;
    padding: .2em 0 .2em 20px;
    margin: auto 1em;
}

#depositMethods #depositAmountRow .field-validation-error {
    display: block;
    clear: both;
}

/* Deposit by credit card */
div#deposit_cc_detail {
    display: none;
    margin: auto;
}

/* Deposit CC Bonus */
div#deposit_bonus {
    margin: 1.5em auto;
}

/* Deposit Finalize */
div#deposit_finalize div.terms {
    margin-top: 1em;
    margin-bottom: 1em;
}

div#deposit_finalize h2 {
    margin-bottom: 1em;
}

div#deposit_finalize dl {
    margin: 2em auto;
}

div#deposit_finalize dt {
    width: 25%;
    margin-bottom: .5em;
}

div#deposit_finalize dd {
    width: 70%;
    margin-bottom: .5em;
}

div#deposit_finalize fieldset.action {
    min-height: 2.8em;
    height: 2.8em;
}

div#deposit_thanks {
    min-height: 350px;
    height: 350px; /*ie*/
}

/*
| Deposit CC - Overlay
*/
div#overlay_cvv {
    background-color: white;
    color: black;
    margin: 0 1em 0 1em;
    padding-top: 1.5em;
}

div#overlay_cvv p {
    margin: .5em;
}

div#overlay_cvv div.img {
    text-align: center;
    margin-top: 2em;
}

/*
================================
| My history
================================
*/
fieldset.filters {
    margin-bottom: 1em;
}

fieldset.filters select {
    margin-right: 1em;
}

/*     history -> pending wagers */

div.wagers_table_wrapper,
div.payouts_table_wrapper,
div#transactions_list_container,
div#trn_table_wrapper {
    padding: 0;
    margin-left: auto;
    margin-right: auto;
    *zoom: 1;/* ".myAccount .indexBox div.bd" rule in module is pushing the content of this wrapper in for some reason */
}

div.message {
    margin-top: 1em;
    margin-bottom: 1em;
}

.indexBox .bd table {
    *width: 99%;
}

.bd div.wagers_table_wrapper table,
.bd div#trn_table_wrapper table,
.bd div.payouts_table_wrapper table {
    width: 99.9%;
}

.hidden {
    display: none;
}

table.headers,
table.footers {
    margin-bottom: 0;
    border: 0px solid white;
    border-collapse: separate;
    *border-collapse: collapse;
    border-top: none;
    border-bottom: none;
}

table.headers td,
table.footers td,
table.record thead td {
    background-color: #ddd;
    padding: 0.5em;
    text-transform: uppercase;
    text-align: center;
    color: black;
    font-weight: bold;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 0px solid white;
}

table.headers td:first-child,
table.footers td:first-child,
table.record thead td:first-child {
    border-left: none;
}

table.record {
    height: auto;
    border-collapse: separate;
    *border-collapse: collapse; /*ie6*/
    border: 0;
    margin: 0;
    padding: 0;
}

table.record td {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 0px solid #eee;
    text-align: center;
}

/*  Pending Wagers Detail  */
div.wager_detail,
div.lpoints_detail {
    width: 100%; /* fixes container 'skip' at bottom when it's being expanded with JS */
    *width: 99.9%;
    margin: 0 0 0.2em 0;
    background-color: #eee;
}

div.wager_detail h2,
div.lpoints_detail h2 {
    margin: 0 0 1em 0.6em;
    padding: 0;  
    padding-top: 1em;
}

div.wager_detail dl,
div.lpoints_detail dl {
    margin-left: 1em;
}

div.wager_detail dt,
div.wager_detail_desc dt,
div.trn_inner dt,
div.lpoints_detail dt {
    width: 25%;
    margin-bottom: 0.4em;
}

div.wager_detail dd,
div.wager_detail_desc dd,
div.trn_detail dd,
div.lpoints_detail dd {
    width: 65%;
    margin-bottom: 0.2em;
}

div.wager_detail_desc {
    margin: 1em;
    padding: 0 0 0px 0;
}

div.wager_detail_desc dl {
    clear: both;
}


/*     history -> transactions */

div.trn_detail {
    border-bottom: 1em solid #981C1F;
    border-left: 1em solid #981C1F;
    width: 98.5%;
    padding: 0;
    margin: 0;
}

div.trn_detail h2 {
    padding: 0.5em 1em;
    display: block;
    margin: 0;
}

div.trn_detail dl {
    margin-bottom: 1em;
}



/*
===========================
| My player points
===========================
*/

/* my player points -> recent transactions */
div#trn_table_wrapper div.trn_inner {
    margin-left: .5em;
    margin-right: .5em;
}


/* order details table */

div.order_details_wrapper {
    padding: 1em;
}

div#trn_table_wrapper table.order_details {
    margin-bottom: 1em;
    border: 0px solid #ccc;
}

table.order_details td,
table.order_details th {
    border: none;
}

table.order_details th {
    text-align: center;
    background-color: #ddd;
    color: black;
}

table.order_details tbody td {
    background-color: white;
    padding: 0.5em;
    text-align: center;
    color: black;
    border-bottom: 0px solid #eee;
}

table.order_details tfoot td {
    background-color: #ddd;
    font-weight: bold;
}

table.order_details td.total {
    text-align: center;
}

/* end order details table */
/*
div#trn_table_wrapper h2 {
    padding-left: 0;
    padding-right: 0;
}*/

div#trn_table_wrapper table.footers {
    margin-top: 1.5em;
}

td.col_points_date {
    width: 35%;
}

td.col_points_activity {
    width: 20%;
}

td.col_points_reason {
    width: 25%;
}

td.col_points_points {
    width: 20%;
}

table.footers td.col_balance_title {
    width: 87%;
    text-align: left;
}

table.footers td.col_balance_amt {
    width: 13%;
    text-align: right;
}

/*
| Player Points v2: 
*/
.loyalityPoints dl.productDetails dt {
    width: 21%;
}

.loyalityPoints dl.productDetails dd {
    width: 77%;
}

.loyalityPoints dl.productDetails dd.text {
    width: auto;
    *width: 97%; /*ie7*/
}

#buyCheckout div.tools {
    position: absolute;
    right: 0;
    top: 0;
    width: 30%;
    text-align: right;
}

#buyCheckout .tools a.printer {
    padding: 2px 0 2px 20px;
    background: transparent url(../img/ico-article-tools.gif) no-repeat 0 -84px;
    cursor: pointer;
}

/*
======================================
| Error page: /shared/error.aspx 
======================================
*/
.errorPage .indexBox div.bd {
    min-height: 300px; /*w3c*/
    min-height: auto !important; /* TODO this does not validate */
    height: 300px; /*ie*/
    margin-left: 0;
}

/*
======================================
| Login page
======================================
*/
.loginForm fieldset legend {
    display: none;
}

/*
====================================
| Casino Media
====================================
*/
.sectionDefaultMaster .mediaWide div.mediaArea,
.sectionDefaultMaster .mediaWide div.banner {
    width: 100%;
    height: 340px;
    padding: 0 0 0.5em 0 ;
    border: 0;
}

.detailMaster .mediaWide div.mediaArea,
.detailMaster .mediaWide div.banner {
    width: 100%;
    height: 197px;
    padding: 0 0 0.5em 0;
    border: 0;
}

.detailMaster .coll .bd {
    overflow: hidden;
    height: inherit;
}

/* the progressive ticker on casino's main page */
#ticker {
    text-align: center;
}

#ticker > div {
    margin-left: auto;
    margin-right: auto;
    background: transparent url(../m/img/content/progressive-casino/back.jpg) no-repeat center center;
}

/*
=========================================================
| Root Master (orphan page master)
| Static pages located out the 6 Main Red Nav sections
=========================================================
*/
.orphanPageMaster div.bd {
    padding-top: 1.5em;
    *padding-top: 0.75em; /*ie7*/
    padding-bottom: 2em;
    *padding-bottom: 1em; /*ie7*/
}

.orphanPageMaster .staticPage .wcmText {
    *width: 96.5%; /*ie7*/
    padding-top: 0;
}

/*
===========================================================
| User's Account Info-Window
| Located within the header, but visible only when logged in.
| Customer Info mouseover for header
===========================================================
*/

.tooltipContainer {
    position: absolute;
	width: 100%;
    height: 26px; /* default height when no mouse over */
    overflow: hidden;
    z-index: 2;
    background: transparent url(../img/bg-accountWindow-hd-right.gif) no-repeat right top;
    float: left;
}

.tooltipHeader {
    float: left;
    width: 100%;
    background: transparent url(../img/bg-accountWindow-hd-left.gif) no-repeat left top;
    cursor: default;
        height: 30px;
}

.userName
{
    margin: 0.6em 0 0.7em 0;
    float: left;
    white-space: nowrap;
    font-size: 1em;
    overflow: hidden;
    text-align:center;
    width:130px;
    padding-left:3px;
    padding-right:3px;
}

.userIdent {
    width:80px;
    text-align:right;
    padding-right:3px;
    margin: 0.6em 0 0.7em 0;
    float: left;
    white-space: nowrap;
    font-size: 1em;
    overflow: hidden;
}

a#expColl {
    float: right;
    margin-right: 0.6em;
    margin-top: 0.4em;
    width: 14px;
    height: 16px;
    cursor: default;
}

div.tooltipContainer span#mailIcon {
    background-image: url(../img/ico-message-anim.gif);
    width: 18px;
    height: 13px;
    display: none;
    float: right;
    margin: 0.7em 0.4em 0 0;
}

.tooltipBody {
    float: left;
    width: 252px;
    background: #565656 url(../img/bg-accountWindow-bd.gif) repeat-x left bottom;
    border-left:solid 0px #333;
    border-right:solid 0px #333;
}

dl.userAccount {
    float: left;
    clear: left;
    width: 100%;
    margin-bottom: 0.5em;
    overflow: hidden;
}

dl.userAccount dt {
    clear: left;
    float: left;
    width: 45%;
    margin-left: 1.5em;
    *margin-left: 0.5em; /*ie6*/
    margin-top: 0.25em;
    margin-bottom: 0px;
    padding: 0;
    font-weight: normal;
}

dl.userAccount dd 
{
	clear: right;
    float: right;
    width: 40%;
    margin-top: 0.25em;
    margin-bottom: 0px;
    margin-right: 1.25em;
    *margin-right: 0.75em; /*ie6*/
    padding: 0;
    text-align: right;
    cursor: default;
}

#hd a.closed {
    background-image: url(../img/ico-toggle-btn-sprite.gif); 
    background-position: 98% -47px;
}

#hd a.opened { 
    background-image: url(../img/ico-toggle-btn-sprite.gif);
    background-position: 98% -97px; 
}

#hd .tooltipContainer div.btn a {
    list-style: none;
    float: left;
    display: block;
    margin-top: 0.2em;
    padding-bottom: 0.5em;
}

#hd .tooltipContainer ul.btn li.first {margin-left: 0.55em;}

#hd .tooltipContainer div.btn {margin: 0 0 0 0.9em;padding: 0;}

#hd .tooltipContainer div.btn a,
#hd .tooltipContainer div.btn a:link,
#hd .tooltipContainer div.btn a:visited,
#hd .tooltipContainer div.btn a:hover,
#hd .tooltipContainer div.btn a:active {
    display: block;
    margin: 1em 1em 1em 1em;
    padding: 0;
    width: 10em;
    height: 2em;
    text-align: center;
    text-decoration: none;
    line-height: 1.9em;
    background: transparent url(../img/bg-button-sprite.gif) repeat-x left top; 
    font-size: 0.9em;
}

#hd .tooltipContainer div.btn a:hover {
    background-position: left -100px;
}


/*
====================================
| MyAccount/ My Messages
====================================
*/
ul.messageList {
    margin: 0;
    padding: 0;
}

ul.messageList li.msg {
    list-style: none;
    margin-left: 0;
    padding: .2em .25em .25em .25em;
    background: transparent none no-repeat 0.5em 0.5em;
}

/* Message header area */
ul.messageList .messageHd span.control {
    display: block;
    position: absolute;
    top: -0.2em;
    *top: 4px; /*ie*/
    left: -32px;
}

.messageHd .control a span {
    position: absolute;
    left: -9000px;
}

.messageHd .control a.collapsed,
.messageHd .control a.expanded {
    display: block;
    width: 32px;
    height: 20px;
    background: transparent url(../img/ico-toggle-btn-sprite.gif) no-repeat left top;
}

.messageHd .control a.collapsed {
    background-position: center -46px; /* plus icon */
}

.messageHd .control a.collapsed:hover {
    background-position: center -146px;
}

.messageHd .control a.expanded {
    background-position: center -96px; /* minus icon */
}

.messageHd .control a.expanded:hover {
    background-position: center -196px;
}

ul.messageList span.ico-new {
    position: absolute;
    top: 24px;
    left: 6px;
}

ul.messageList .msg h3 {
    float: none;
    clear: both;
    margin: .5em 0 .25em .5em;
    *margin-top: -0.6em; /*ie*/
}

/* Message body area */
ul.messageList .msg .messageBd,
ul.messageList .msg .replyBd {
    padding: .25em .5em;
}

ul.messageList .msg h4 {
    margin: 0 0 0.5em 0;
}

ul.messageList div.details_wrapper,
ul.messageList div.reply_wrapper,
ul.messageList div.replyBd {
    *zoom: 1;
}

ul.messageList .msg .replyBd {
    margin-left: 3%;
}

ul.messageList .msg dl {
    clear: both;
}

ul.messageList .msg .messageBd dl {
    overflow: hidden; /* scrollbar shows for a few pixels. I did not find what was pushing it */
}

ul.messageList .msg dl dt {
    width: 10%;
}

ul.messageList .msg dl dd {
    width: 88%;
}

ul.messageList .msg dl dd.text {
    padding-bottom: 0.5em;
}

ul.messageList .msg dl dd p {
    display: inline;
}

/* Detailed Messages */
.messageList ul.detailedMsg {
    width: 88%;
    height: auto;
    margin-left: 3%;
}

.detailedMsg .icoUser {
    position: absolute;
    left: 0.5em;
}

.messageList ul.detailedMsg li {
    margin: .25em 0 0 0;
    padding: 0.25em;
    list-style: none;
}

/* Reply Message */
.messageList .replyBd fieldset {
    width: 88%;
}


/*
====================================
| Glossary - Static Pages
====================================
*/

.glossaryTop {
    padding: 1em 0 2em 0;
}

.glossaryTop h2 {
    margin-top: 0;
    color: #981C1F;
}

ul.glossaryMenu {
    border: 0px solid #ccc;
    display: block;
    margin: 1em auto;
    padding: 3px 0px 3px 4px;
    width: auto;
    height: 22px;
    background: transparent url(../img/bg-hd-gradient-sprite.gif) no-repeat scroll right -52px;
}

.glossaryMenu li {
    list-style: none;
    float: left;
    margin: 0 0px 0 0;
    padding: 0;
    text-align: center;
}

.glossaryMenu li a,
.glossaryMenu li a:link,
.glossaryMenu li a:visited,
.glossaryMenu li a:hover,
.glossaryMenu li a:active {
    color: #fff;
    border: 0px solid #000;
    padding: 3px 5px;
    margin: 0;
    width: 40px;
    min-width: 13px;
    height: 14px;
    display: block;
}

.glossaryMenu li a.selected,
.glossaryMenu li a.selected:link,
.glossaryMenu li a.selected:visited,
.glossaryMenu li a.selected:hover,
.glossaryMenu li a.selected:active {
    border: 0px solid #003f7e;
    background: #eee;
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

dl.glossaryItems dd {
    clear: left;
    padding-bottom: 1.5em;
    margin-top: 0.1em;
}


/*
=========================================
| BettingEdge's Articles (Dynamic Pages)
=========================================
*/
#sportsBetting .categoryHeader,
#sportsBetting .categoryFooter {
    clear: both; /* fixing a weird floating bug when within ul.articlePreview */
}

/* sports-betting edge article section  */
div.breadcrumb {
    padding-top: 0.6em;
    padding-bottom: 0.8em;
    *padding-bottom: 0;
}

.breadcrumb ul {
    *height: 1%;
    margin-left: 0;
    padding-left: 0;
}

.breadcrumb ul li {
    list-style: none;
    float: left;
    margin: 0;
    padding-left: 2em;
}

.breadcrumb a, 
.breadcrumb a:link,
.breadcrumb a:visited,
.breadcrumb a:active {
    color: white;
    font-weight: bold;
}

.breadcrumb a:hover {
    text-decoration: none;
}

/* 
| Article list (DynamicPageList.ascx)
| .articlePreview = Default Page + Category Index Pages (DynamicPageList.ascx)
| .article        = Detail Page (DynamicPage.aspx)
*/
.dynamicPage {
    margin-left: 0.75em;
    margin-right: 0.75em;    
}

#sportsBetting ul.articlePreview {
    margin: 0;
}

#sportsBetting ul.articlePreview li {
    margin-top: 1em;
    margin-left: 0.5em;
    padding: 0 1em 1em 0.75em;
    list-style: none;
    background: transparent url(../img/ico-links-sprite.gif) no-repeat left top;
}

#sportsBetting .centralColl ul.articlePreview li {
    width: 94.3%!important; /* debug #2767 */
}


/*
| Article title layouts
| Event titles = .pageTitle
| Subject titles = .pageSubTitle
*/
.articlePreview .introduction .pageTitle,
.articlePreview .introduction .pageTitle a,
.article .introduction .pageTitle,
.article .introduction .pageTitle a {
    clear: left;
    margin-bottom: 0.1em;
}

.articlePreview .introduction .pageSubTitle,
.article .introduction .pageSubTitle {
    margin-top: 0;
    margin-bottom: 0.25em;
}

.introduction .author {
    display: block;
    clear: left;
    margin-bottom: 1.5em;
}

.article .wcmText,
.dynamicPage .wcmText {
    clear: left;
    margin-left: 0;
}

.article .wcmText p  {
    margin-bottom: 1em;
}

/* ArticlePreview.ascx */
.articlePreview .introduction .pageTitle,
.articlePreview .introduction .pageSubTitle {
    float: left;
}

.articlePreview .introduction .author {
    margin-bottom: .5em;
}

/* Preview list */
.articlePreview .introduction h2 a .pageTitle {
    padding-right: 0.25em;
}

.articlePreview .introduction h2 a .pageSubTitle {
    margin-bottom: 0.3em;
}


/* 
==============================================
| Sports Betting Edge Archives
| Styled using Left Menu Accordian functionality
==============================================
*/
#articleArchives div.bd {
    padding-top: 0;
    padding-left: 1em;
    *padding-left: 0.5em; /*ie*/
}

#articleArchives ul.links {
    width: 99%;
    *width: 98.5%; /*ie7*/
    *height: auto; /*ie*/
    margin: 0;
    padding: 0;
}

#articleArchives ul.links li {
    margin-bottom: 2px;
    padding-top: 2px;
    margin: 0;
    padding-right: 0;
    list-style: none;
    border-bottom: 0px solid #ccc;
    background-image: none;
}

#articleArchives ul.links li:last-child {
    border: none;
    margin-bottom: 0.25em;
}

#articleArchives ul.links li ul {
    width: 100%;
    margin: 0;
    padding: 0 0 0.5em 0;
}

#articleArchives ul.links li li {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 2em;
    border: none;
    list-style: none;
    background: transparent url(../img/ico-links-sprite.gif) no-repeat 10px -398px;
}

#articleArchives ul.links li li span {
    display: inline-block;
    width: 18%;
    margin: 0;
    padding: 2px 0;
    color: #666;
    vertical-align: top;
}

#articleArchives ul.links li a {
    display: block;
    margin: 0;
    padding: 0.25em 0.2em 0.4em 2em;
    background-image: none;
}

#articleArchives ul.links li li a {
    display: inline-block;
    width: 80%;
    margin: 0;
    padding: 2px 0 2px 0;
    font-weight: normal;
    background-color: white;
    background-image: none;
}

#articleArchives ul.links li a {
    background-image: url(../img/ico-toggle-btn-sprite.gif);
    background-repeat: no-repeat;
}

#articleArchives ul.links li a.collapsed {
    background-position: 2px -47px;
}

#articleArchives ul.links li a.collapsed:hover {
    background-position: 2px -147px;
}

#articleArchives ul.links li a.expanded {
    background-position: 2px -97px;
}

#articleArchives ul.links li a.expanded:hover {
    background-position: 2px -197px;
}


/* 
=======================================
| Follow BetOnline
| BettingEdge's feed box for Media Links
=======================================
*/   
#sportsBetting .followBetOnline div.first {
    float: left;
    width: 49%;
    margin-top: 0.25em;
    margin-bottom: 0.1em;
}

.followBetOnline .first ul {
    margin-top: 1em;
    margin-bottom: 1em;
}

.followBetOnline div.rssFeeds {
    float: left;
    width: 49%;
    border-left: 0px solid #ccc;
}

.followBetOnline .rssFeeds span {
    display: block; 
    margin-top: 1em;
    margin-left: 1em;
}

.followBetOnline .rssFeeds a {
    display: block;
    margin-top: 1em;
    margin-left: 1em;
    padding: 1em 0 1em 4em;
    background: url(../img/ico-RSS-32x32.gif) no-repeat 0 2px;
}

/* 
=======================================
| Newsletter Feed Box
| Used in both Page Parts and Controls
=======================================
*/
.newsletter div.bd span {
    padding: 1em 1em 0 1em;
    display: block;
    width: 70%;
}

.newsletter div.bd a {
    display: block;
    padding: 1em 0 1.5em 1em;
}


/* 
=============================================================
| Tools 
| [send to friend] [print]
| Located after the article's content in Sports Betting Edge
=============================================================
*/
#sportsBetting .article .tools {
    clear: both;
    width: 100%;
    *width: 99.2%;
    bottom: -0.25em;
    position: relative;
    margin-left: -0.25em; /* compensate the horizontal padding set on the parent to make it flush on each sides */
    padding-right: 0.5em; /* fill the gap on each side for background-color */
    border: 0 solid #ccc;
    border-top-width: 0px;
}

#sportsBetting .article .tools p {
    display: inline;
    margin: 1em 1.4em;
    font-weight: bold;
    line-height: 4em;
}

#sportsBetting .article .tools a {
    margin: 1em 1.4em;
    line-height: 4em;
    padding-left: 2em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    background: transparent none no-repeat left top;
}

#sportsBetting .article .tools a.printer {
    background-position: left -84px;
    cursor: pointer;
}

#sportsBetting .article .tools a.mail {
    background-position: left -34px;
}

#sportsBetting .rss {
    display: block;
    width: 17px;
    height: 17px;
    background: url(../img/ico-mediaLinks-sprites.gif) no-repeat top left;
    float: right;
    margin-top: 6px;
}

div#emailtofriend,
div.overlay div.feedBox,
div#sentConfirmationWindow { /* ie6 */
    position: static;
}

div#sentConfirmationWindow {
    margin-bottom: 2em;
}

div#emailtofriend input {
    width: 20em;
}


/* 
==========================================
| Refer your friends page (logged-in state) 
==========================================
*/
p.nothanks {
    margin-bottom: 2em;
}

div#refer_3col {
    width: 100%;
}

div#refer_3col div.refer_left {
    float: left;
    width: 21%;
}

div#refer_3col div.refer_right {
    float: right;
    width: 52%;
}

div#refer_3col div.refer_center {
    margin-left: 24%;
    margin-right: 55%;
}


/* 
==========================================
| Payouts (logged-in state) 
==========================================
*/

/* Payout: My Payout History */
table.record thead th,
table.record tbody th {
    height: auto;
    color: black;
    text-align: center;
    border-collapse: separate;
    *border-collapse: collapse; /*ie7*/
    border: none;
    border-bottom: 0px solid #eee;
}

table.record thead th {
    text-transform: uppercase;
    text-align: center;
    background-color: #ddd;
}

table.record tbody th {
    font-weight: normal;
    background-color: transparent;
}

/* Payout: Comments (v2) */
#payout_comments blockquote {
    width: 50%;
    padding: 2em;
    text-align: center;
    background-color: #ccc;
}

#payout_comments blockquote h3 {
    width: auto;
    margin: 0;
    font-size: 220%;
    font-family: serif;
    font-weight: normal;
    white-space: nowrap;
}

#payout_comments div.reasons {
    border-top: 0px solid #ccc;
    margin-top: 1em;
}

/* Payout: Payout Request Form (v2) */
#payoutRequest .note .important {
    color: black !important; /* overruling shorthand.css */
}

#payoutRequest .note .payoutsVar {
    font-weight: bold;
    color: #981C1F;
}

#payoutRequest #mvcValidation { /* trying to fix IE6 problem. Not tested yet */
    clear: both;
    position: relative;
}

#payoutRequest .fields input.readonly {
    width: 10%;
    margin-right: 0.5em;
}

#payoutRequest .confirmationInfo dl {
    width: 70%;
    margin-left: 22%;
}

#payoutRequest dl.grid dt {
    width: 30%;
}

#payoutRequest dl.grid dd {
    width: 65%;
}

/* if the rules append to be positionned within the list it will be styled as is */
#payoutRequest li.first div#rules {
    position: absolute;
    right: 1em;
    margin-top: -1.5em;
    width: 40%;
    background-color: #eee;
}


/* 
==========================================
| Refer Friend
==========================================
*/

div#refer_3col p {
    float: left;
    width: 26%;
}

div#refer_3col p.first {
    width: 26%;
}

div#refer_3col p.last {
    width: 46%;
}

div#refer_3col input.referfriendemail {
    width: 27em;
}

/* 
==========================================
| Contests box
==========================================
*/
#contestList.feedBox .bd div.scrollable {
    /*background-color: white;*/
}

#contestList ul.preview {
    height: auto;
    width: 100%;
    background-color: white;
}

#contestList ul.preview li {
    overflow: auto;
    display: block;
    margin: 0;
    *margin-bottom: -2px; /*ie7*/
    _margin-bottom: 0; /*ie6*/
    padding: 0;
    border: 0;
}

#contestList ul.preview li a {
    width: 97.75%;
    padding-top: 0.4em;
    padding-bottom: 0.35em;
    *padding-top: 0.35em; /*ie7*/
    *padding-bottom: 0.3em;
    padding-left: 0.25em;
    text-decoration: none;
    border: 0 solid #999;
    border-top-width: 0px;
    background-color: white;
}

#contestList ul.preview li:first-child a,
#contestList ul.preview li.first a {
    padding-top: 0.2em;
    border-top-width: 0;
}

#contestList ul.preview li a:hover {
    background-color: #ccc;
}

#contestList ul.preview li a big {
    width: 77%;
    margin-top: -0.1em;
    font-style: italic;
    font-variant: small-caps;
    color: #000; 
    text-decoration: none; 
}

#contestList ul.preview li a span {
    width: 77%;
    margin-top: 0.25em;
    *margin-top: 0.1em; /*ie7*/
    color: #333;
    cursor: pointer;
}

#contestList ul.preview li a:hover span.more {
    color: black;
    text-decoration: none;
}

/*
=====================
| Loyalty Points
=====================
*/

/* Loyalty Points images links <a class="imgLoyalty" > */
ul.links li a.imgLoyalty, 
ul.links li img { 
    background-image: none;
    padding: 0;
    margin: 0;
}

ul.loyalityPoints {
    width: 97%;  /* 30em for two-column or 50em for three columns ... BAD: Too dangerous for cross-browser and/or prints */
}

ul.loyalityPoints li {
    float: left;
    width: 33%;
    text-align: center;
}

#freePlays span { 
    padding-left: 0.9em;
}

/* Loyalty Points -  Reward Details */
div.loyalityPoints br {
    clear: both;
}

/* Loyalty Points - Reward Deatils V2 */
.loyalityPoints div.topImg {
    float: left;
    width: 44%;
    text-align: center;
}

.loyalityPoints div.topText {
    float: right;
    width: 55%;
}

.loyalityPoints .topText h2 {
    width: auto;
    padding-top: 0.25em;
    font-size: 250%;
}

.loyalityPoints .topText fieldset li {
    margin: 0;
    padding: 0;
}

.loyalityPoints .topText fieldset label {
    width: auto;
    padding-right: 0.25em;
}

.loyalityPoints dl.productDetails {
    clear: both;
    margin-top: 1em;
}



/*
| Loyalty Point V2 (My Account/My player points/Redeem points) 
*/
.loyalityPoints table.pointDisplay {
    margin-bottom: 2em;
}

table.pointDisplay td,
table.pointDisplay th {
    border: none;
}

table.pointDisplay th {
    color: Black;
    text-transform: uppercase;
    text-align: center;
    background-color: #DDDDDD;
    border-top: none;
    border-right: none;
    border-bottom: none;
    border-left: 0px solid white;
}

table.pointDisplay tbody th,
table.pointDisplay tbody td {
    border-bottom: 0px solid #eee;
}

table.pointDisplay tbody th {
    background-color: White;
}

table.pointDisplay tbody td,
table.pointDisplay tfoot td {
    text-align: center;
}

table.pointDisplay thead th,
table.pointDisplay .ptQty,
table.pointDisplay .ptOptions {
    text-align: center;
}

table.pointDisplay tfoot th {
    text-align: right;
}

table.pointDisplay tfoot td {
    font-weight: bold;
    background-color: #DDDDDD;
}

.pointDisplay .ptQty input {
    width: 2em;
}

#buyPoints dl.grid {
    width: 51%;
    margin-left: 22%;
}

#buyPoints .grid dt {
    width: 70%;
}

#buyPoints .grid dd {
    width: 15%;
    text-align: right;
}

div#thankYou {
    height: 21.2em;
}


/* 
=========================
| RSS Feed Page
=========================
*/
dl.rssBd {
    margin: 3em auto 0 auto;
    background-color: #eaeaea;
    border: 0px solid #cccccc;
    width: 80%;
    padding: 5px;
}

.rssBd dt {
    width: 26%;
    margin: 0px;
    padding: 0.5em;
    background-color: #FFF;
}

.rssBd dd {
    width: 71%;
    *width: 70.2%;
    margin: 0px;
    background-color: #FFF;
    padding: 0.5em 0 0.5em 0;
}

.rssBd dd a.icoRSS {
    margin-left: 0.75em;
    padding-left: 16px;
    background: transparent url("../img/ico-RSS-12x12.gif") no-repeat left 55%;
}

.rssBd dt.indent {
    text-indent: 1em;
    font-weight: normal;
}

.rssBd dt.header,
.rssBd dd.header {
     background-color: #eaeaea;
}

.rssIntro {
    padding-left: 1em;
}
 
/*
====================
| Join Now
====================
*/
div#form_join .fields select {
    *width: 20em; /* Fix for IE6 and IE7 dropdown that was reducing after every selection */
}

div#form_join .fields select.short {
    *width: 6em; /* Fix for IE6 and IE7 dropdown that was reducing after every selection */
}

div#form_join div.bd {
    *padding-bottom: 2em; /* ie7 */
    _padding-bottom: 0; /* ie6 */
}



/*
=======================
| Forgot Your Password
=======================
*/
#forgotPassword div.bd {
    height: 20em;
}

#forgotPassword .x2first {
    float: left;
    clear: left;
    width: 55%;
}

#forgotPassword .fields label {
    width: 30%;
}

#forgotPassword .fields input {
    float: left;
}

#forgotPassword .fields div.message {
    float: left;
    width: 42%;
    margin-left: 0.5em;
}

#forgotPassword fieldset .fields li.action {
    clear: left;
    padding-left: 30%;
}

/* Forgot Your Password and Account Number */
#forgotPassword .x2 {
    float: right;
    width: 43%;
}

#forgotPassword .x2 .wcmText {
    padding: 1em;
    border: 0px solid #ccc;
}


#footerLogo ul li a img
{
    height: 30px;
}

#footerLogo ul li
{
    display: inline;
}

/* Site Map */
ul.siteMap {
    width: 49%;
    margin: 0;
    float: left;
}

ul.siteMap li {
    list-style: none;
    margin-left: 0;
    margin-bottom: 2em;
    margin-top: 0.5em;
    padding-left: 0;
}

ul.siteMap li ul {
    margin-left: 0;
    margin-bottom: 3em;
}

ul.siteMap li ul ul {
    margin-bottom: 1em;
}

ul.siteMap li ul li {
    margin-left: 2em;
    margin-bottom: 1em;
    list-style-type: disc;
}

ul.siteMap li ul li ul li {
    list-style: circle;
    margin-bottom: 0.5em;
}

ul.siteMap li a,
ul.siteMap li a:link,
ul.siteMap li a:visited,
ul.siteMap li a:hover,
ul.siteMap li a:active {
    text-decoration: none;
}

ul.siteMap li h3 {
    color: #981c1f;
    margin-top: 0.25em;
    margin-bottom: 0.75em;
}

/*
=======================
| Sportsbook help
=======================
*/
div.help em {
    font-style: normal;
    font-weight: bold;
}

div.help p.intro {
    margin-top: 2em;
}

div.help img.live_support {
    float: right;
    margin-right: 0;
    border: 0px solid #ddd;
    padding: 0px;
}

/* static pages in horse-betting */
div.stadium_plan { /* stadium plans */
    text-align: center;
}

div.stadium_plan img { /* stadium plans */
    border: 0px solid #ccc;
    padding: 0px;
}

div.horseBetting .iframeContainer {
    width: 100%;
}

div.horseBetting .iframeContainer iframe,
div.casino .iframeContainer iframe{
    height: 900px;
    width: 99.6%;
} 

/*
=======================
| Contests 
=======================
*/

.contestParagraph {
    width: 665px;
    float: right;
}

.contestBanner {
    width: 973px;
    height: 200px;
    background: url(../img/content/contests/nfl-survivor-banner.gif) no-repeat;  /* default banner that is shown if no associated image class assigned to contest */
}

.footballnflregular {
    background: url(../img/content/contests/footballnflregular.gif) no-repeat;
}

.footballnflunderdog {
    background: url(../img/content/contests/footballnflunderdog.gif) no-repeat;
}

.contestText {
    padding: 1em;   
    *padding: 0.5em 0.5em 1em 0.5em;     
    _padding: 1em;  
}

.contestText h2 {
    margin-top: 0;        
}

.contestMenu {
    clear: both; 
    padding: 1em;  
}

.contestMenu ul {
    width: auto;
    float: right;
}

.contestMenu ul li {
    list-style: none;  
    float: left;
    background: url(../img/bg-ft-nav-pipe.gif) no-repeat;
    padding-left: 1em;
}

.contestMenu ul li.first {
    background: none;
}

.contestMenu ul li a,
.contestMenu ul li a:link,
.contestMenu ul li a:visited,
.contestMenu ul li a:active {
    text-decoration: none;
    font-weight: bold;
    color: #000;
}

.contestMenu ul li a:hover {
    text-decoration: underline;
    color: #000;
}
    
.contestLegend {
    clear: both;
    border: 0;
    width: 100%;
}

.contestLegend td {
    border: 0;
}

.contestText .pick {
    margin-top: 2em;
    font-weight: bold;   
}

.contestPage { clear: both; }

.contestPage .w33P { 
    width: 33%; 
    border-left: 0;
}

.contestPage .w34P { width: 34%; }

.contestPage .w50P { width: 50%; }

.contestPage .bg h2 { width: 100%; }

.contestPage .bg h2 span { display: inline-block; }

.contestPage .indexBox .bd {
    _width: 99.75%;
    padding: 0;
}

.contestPage td {
    border-bottom: 0;
    border-top: 0;
    border-color: #666;
}

.contestPage td.last {
    border-right: 0;
}

.contestPage .indexBox input {
    _border: none;
}

table.contest_rules td {
    text-align: right;
    border: 0;
}

/*
=======================
| /mySpecs page
=======================
*/
div#mySpecs li {
    margin-top: 1em;
    margin-left: 0.5em;
    padding: 0 1em 1em 0.75em;
    list-style: none;
    background: transparent url(../img/ico-links-sprite.gif) no-repeat left top;
}

div#mySpecs .bd h2,
div#mySpecs .specs_server_side, 
div#mySpecs .specs_client_side {
    margin-left: 1em;
    margin-right: 1em;
}

div#mySpecs li span {
    display: inline-block;
    width: 60%;
}

div#mySpecs li span.def {
    width: 15%;
    font-weight: bold;
    vertical-align: top;
}

div#mySpecs .specs_server_side, 
div#mySpecs .specs_client_side {
    border: 0px solid #efefef;
    margin-bottom: 1em;
    margin-top: 1em;
}


/*
=====================================================================================================================================
| skin.css
| All interface colors and image path
| Default Red = #981C1F
| Darker Red = #750101
| Light Red = #C22426
=====================================================================================================================================
*/


/* Links inside Adds (addBanners and addLinks) */
.add a,
.add a:link,
.add a:visited,
.add a:hover,
.add a:active {
    text-decoration: none;
    color: #981C1F; /* red */
}

.add a:hover {
    color: black;
}

/* 
| default = red arrow icons
| hover = black arrow
*/
a.link,
ul.links li a {
    background-image: url(../img/ico-links-sprite.gif);
}

/* 
| Form buttons and link buttons 
*/
button,
a.btn {
    padding: 0.25em 0.5em 0.4em 0.5em;
    color: white;
    font-weight: bold;
    border-color: black;
    background: black url(../img/bg-button-sprite.gif) repeat-x left -0px;
}

a.btn {
    padding: 0.5em 0.7em 0.6em 0.7em; /* can't explain why but the link needs about 0.2em more padding, in all browsers */
    cursor: pointer;
    text-decoration: none;
}

button:hover,
a.btn:hover {
    background-color: #981C1F; /*gray*/
    background-position: left -50px;
}

button span,
a.btn span {
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat left top;
}

/* Submit arrow icon */
button.submit span,
a.submit span,
button.go span,
a.go span {
    padding-right: 24px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat right -200px;
}

button.submit:hover span,
a.submit:hover span,
button.go:hover span,
a.go:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
    background-position: right -250px;
}

/* Submit check icon */
button.ok span,
a.ok span,
button.check span,
a.check span {
    padding-right: 24px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat right -100px;
}

button.ok:hover span,
a.ok:hover span,
button.check:hover span,
a.check:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
    background-position: right -150px;
}

/* Reset icon */
button.reset span,
a.reset span {
    padding-right: 24px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat right -300px;
}

button.reset:hover span,
a.reset:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
    background-position: right -350px;
}

/* Back arrow icon */
button.back span,
a.back span {
    padding-left: 20px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat left -450px;
}

button.back:hover span,
a.back:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
    background-position: left -500px;
}

/* Icons to be used ONLY within real forms */

/* Form: Edit icon (pencil) */
button.edit span,
a.edit span {
    padding-left: 20px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat left -550px;
}

button.edit:hover span,
a.edit:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
}

/* Form: Delete icon (minus within red circle) */
button.delete span,
a.delete span {
    padding-left: 20px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat left -600px;
}

button.delete:hover span,
a.delete:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
}

/* Form: Add icon (plus within green circle) */
button.add span,
a.add span {
    padding-left: 20px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat left -650px;
}

button.add:hover span,
a.add:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
}

/* Form: Cancel icon (X within a red circle) */
button.cancel span,
a.cancel span {
    padding-left: 20px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat left -700px;
}

button.cancel:hover span,
a.cancel:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
}

/* Form: Refresh and/or Update icon */
button.refresh span,
a.refresh span,
button.update span,
a.update span {
    padding-left: 20px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat left -750px;
}

button.refresh:hover span,
a.refresh:hover span,
button.update:hover span,
a.update:hover span {
    background-image: url(../img/ico-form-btn-sprite-bg-gray.gif);
}

/*
===============================
| Forms
===============================
*/
label {
    color: #666;
    font-weight: bold;
}

label strong, label b {
    color: #333;
}

select,
input,
textarea {
    border: 0px solid #999;
    background-color: white;
}

input:focus, textarea:focus, select:focus {
    color: black;
    border-color: black;
    background-color: #FFFFE5;
}

input.readOnly, input.readonly,
textarea.readOnly, textarea.readonly { /* this is design out-of-the-air, it was not tested in a working view. */
    color: #666;
    border-color: #CCC;
    background-color: #EFEFEF;
}

/* fieldset */
fieldset,
div.fieldset, 
div.fieldset-action {
    border-color: #ccc;
}

/* button container */
fieldset.action,
fieldset.actions,
fieldset.filters,
div.fieldset-action {
    background-color: #eee;
}

fieldset legend {
    font-size: 131%;
    color: #999999;
}

/* Mandatory (line of text above fieldset) */
.mandatory {
    color: #666;
}

ul.fields label em,
.mandatory big {
    color: black;
}

.mandatory big {
    vertical-align: text-bottom;
    letter-spacing: 0;
    line-height: 60%;
    font-size: 130%;
    *font-size: 100%; /*ie*/
}


/*
===============================
| Form Page Validation
===============================
*/
.fields .validation-error label {
    color: black;
}

.field-validation-error {
    padding-left: 26px;
    color: #CC0000; /* red error */
    background: transparent url(../img/ico-form-btn-sprite-bg-white.gif) no-repeat 5px -50px;
}

.errors span.field-validation-error {
    padding-left: 20px;
    background: transparent url(../img/ico-list-bullet-red.gif) no-repeat 5px;
}

/* Error Page */
.errorPage .bd .introduction {
    padding-left: 48px;
    background: transparent url(../img/ico-form-btn-sprite-32x32-bg-white.gif) no-repeat left -48px;
}

.errorPage .bd .introduction h2 {
    margin-bottom: 0;
}

/* Flash alternative content */
.flashAlt p {
    margin: 1em;
    padding: 10px 10px 10px 30px;
    color: black;
    width: auto;
    border: 0px solid #CC0000;
    _border-top-width: 2px;
    background: white url(../img/ico-form-btn-sprite-bg-white.gif) no-repeat 10px -40px; /* red triangle icon */
}

.flashAlt a {
    font-weight: bold;
}

/*
=========================================
| Empty data and Problems alerts
=========================================
*/
.emptyData .ico,
.problem .ico,
.errors .ico {
    background-image: url(../img/ico-form-btn-sprite-bg-white.gif);
}

div.problem,
div.errors {
    border: 0px solid #CC0000; /* red error */
    color: #CC0000;
}

div span.validation-summary-errors {
    font-weight: bold;
    background: transparent none no-repeat scroll left -50px;
    background-image: url(../img/ico-form-btn-sprite-bg-white.gif);
    padding-left: 2em;
}

/*
=============================================
| Icons library (refers to image sprites)
| You need 2 class names to layout the icon
=============================================
*/
.ico-new {
    width: 18px;
    height: 10px;
    background: transparent url(../img/ico-new-anim.gif) no-repeat center center;
    text-indent: -9000px; /* hiding inner content */
}

/*
================================
| Tables
================================
*/
caption {
    margin: 0 0 0 -0px; /* -0px = to be positioned over the missing left border */
    padding: 0.75em 0px 0.75em 0; /* 0px on right = fix for the above -0px on margin-left */
    text-indent: 0.5em;
    text-align: left;
    text-transform: uppercase;
    font-weight: bold;
    color: white;
    background-color: black;
}

thead th,
tfoot th {
    color: white;
    background-color: #666;
}

tbody th {
    color: black;
    background-color: #B4B4B4;
}

/* live Lines FeedBox */
#liveLines .bd fieldset {
    background-color: #000; /*black*/
    border-color: #999;
}

#liveLines table thead th {
    text-align: center;
}

#liveLines table tbody th {
    width: 30%;
    text-align: left;
}

#liveLines .first strong {
    font-weight: normal;
}

/* show which team is 'favourited' */
#liveLines .fav strong {
    font-weight: bold;
}

#liveLines table tbody td {
    height: 2.5em; /* to limit the difference between 2 lines and single lines text. (M.Dube) */
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    text-align: center;
}



/*
========================
| YUI bd - content
========================
*/

/* Media PagePart content */
#bd .media h1 {
    margin-bottom: 0;
    font-size: 108%;
    color: #981C1F; /*red*/
}

#bd .media .main h2 {
    margin-top: 0;
}

.mainColl .media .mediaArea {
    height: 138px;
    border-width: 0;
    background-image: url(../img/bg-mediaAreaDetail.gif);
}

/* 
| Box header
| FeedBox and indexBox
*/
.feedBox .hd .bg,
.feedBox .hd .bgL,
.feedBox .hd .bgR,
.indexBox .hd .bg,
.indexBox .hd .bgL,
.indexBox .hd .bgR {
    height: 30px;
    background-color: transparent;
    background-image: url(../img/bg-hd-gradient-sprite.gif);
}

.feedBox div.bd,
.indexBox div.bd {
    border-color: #999;
    background-color: white;
}

/* Icon Sports Sprites in list */
#bd .line .ico-row span.ico {
    background-color: transparent;
    background-image: url(../img/ico-sports-sprite-bg-gray.gif);
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/UI/img/ico-sports-sprite.png', sizingMethod='crop');*/
}

#bd .line .ico-group h2 {
    color: white;
    background-color: #666;
}

#bd .line .ico-group h2.ico {
    background-image: url(../img/ico-sports-sprite-bg-gray.gif);
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/UI/img/ico-sports-sprite.png', sizingMethod='crop');*/
}

#bd .line li dl dt {
    color: #000;
}

#bd .line li dl dd {
    text-align: right;
    color: #000; 
}

/* Icon Sports Sprites in Article */
#bd .article .ico-group h2 {
    color: #981C1F; /*red*/
    background-color: transparent;
}

#bd .article .ico-group h2.ico {
    background-image: url(../img/ico-sports-sprite-bg-white.gif);
    /*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/UI/img/ico-sports-sprite.png', sizingMethod='crop');*/
}

/* Live Lines module */
.feedBox th, 
.feedBox td {
    border-color: #eee;
} 
.feedBox .bd div.scrollable {
    background-color: #999;
	max-height:500px;
}

.contests .bd div.scrollable {
    background-color: #fff;
}

/*
========================
| Left Menu
========================
*/
div.nav {
    border-color: #999;
    background-color: white;
}

div.nav fieldset {
    background-color: #ccc;
}

div.nav button.submit span {
    background-image: url(../img/bt-nav-submit.gif);
}

/* Left menu: Dynamic navigation controls (sprite image) */
div.nav .dyn a {
    color: black;
    font-weight: bold;
}

ul.makeLink li span.expCollPos {
    background-color: #ccc;
}

/* Left menu: Collapsed = Plus [+] icon */
div.nav .dyn span.collapsed,
div.nav .dyn a.collapsed { 
    background: #ccc url(../img/ico-toggle-btn-sprite.gif) no-repeat 0px -47px;
}

div.nav .dyn a.collapsed,
div.nav .dyn a.collapsed:hover {
    background-position: 98% -47px;
}

div.nav .dyn span.collapsed:hover {
    background-position: 0px -147px;
}

/* Left menu: Expanded = Minus [-] icon */
div.nav .dyn span.expanded,
div.nav .dyn a.expanded {
    background: #ccc url(../img/ico-toggle-btn-sprite.gif) no-repeat 0px -97px; 
}

div.nav .dyn a.expanded,
div.nav .dyn a.expanded:hover {
    background-position: 98% -197px;
}

div.nav .dyn span.expanded:hover {
    background-position: 0px -197px;
}

/* Left menu: checkbox */
div.nav ul.selection li ul li input {
    border: none; /*ie6*/
}

/* Left menu: Second level of dynamic navigation */
div.nav .dyn li li a {
    font-weight: normal;
    background-color: #e7e7e7;
}

/* Left menu: Titles */
div.nav h2 {
    color: white;
    border-color: #333;
    background: gray;
}

/* Left menu: Sportsbook button style links */
div.nav .btn li {
    text-align: center;
}

div.nav button,
div.nav .btn li a,
div.nav .btn li a:link,
div.nav .btn li a:hover,
div.nav .btn li a:visited,
div.nav .btn li a:active {
    color: white;
    font-weight: bold;
    text-decoration: none;
    background: transparent url(../img/bg-button-sprite.gif) repeat-x left top;
}

div.nav button,
div.nav .btn li a,
div.nav .btn li a:visited {
    background-color: #750101; /*red*/
    background-position: left top;
}

div.nav button:hover,
div.nav .btn li a:hover,
div.nav button.active {
    background-color: black;
    background-position: left -50px;
}

div.nav .btn li a:active,
div.nav .btn li a.active {
    background-color: #333;
    background-position: left -100px;
}


/*
| My Account / My Messages
*/
ul.messageList li.msg {
    padding-left: 38px;
    background-image: url(../img/ico-message-32x32.gif);
}

.messageHd .control a.collapsed,
.messageHd .control a.expanded {
    background-image: url(../img/ico-toggle-btn-sprite.gif);
}

ul.messageList .msg dl dt {
    font-weight: normal;
    font-size: 84%;
    color: #666;
}

ul.messageList .msg dl dd {
    color: #666;
}

ul.messageList .msg dl dd p {
    color: black;
    font-family: "trebuchet ms",verdana,arial,helvetica,sans-serif; /* better readability */
    font-size: 118%;
}

/* row bg-color */
ul.messageList li.odd {
    background-color: #efefef;
}

ul.messageList li.even {
    background-color: #ddd;
}

/* detailed messages */
.messageList ul.detailedMsg {
    border-top: 0px solid #999;
}

.messageList ul.detailedMsg li.odd,
.messageList ul.detailedMsg li.even {
    background-color: transparent;
    border-bottom: 0px solid #999;
}

.icoUser {
    width: 16px;
    height: 16px;
    text-indent: -9000px;
    background: transparent url(../img/ico-user-sprite.gif) no-repeat left top;
}

.icoUser.management {
    background-position: left -16px;
}

.even .even .icoUser,
.even .odd .icoUser {
    background-position: -16px top;
}

.even .even .icoUser.management,
.even .odd .icoUser.management {
    background-position: -16px -16px;
}

/* Reply area */
.replyBd fieldset {
    border-color: #999;
}

/*
| BettingEdge's Articles (Dynamic Pages)
*/
.breadcrumb ul li {
    padding-left: 2em;
    background: url(../img/ico-links-sprite.gif) no-repeat 0.75em -100px; /* white arrow */
}

.breadcrumb ul li.first {
    padding-left: 0;
    background-image: none;
}

.article .introduction {
    width: 100%;
}

.article .introduction .pageTitle {
    color: #981C1F; /*red*/
}

.article .introduction .pageSubTitle {
    color: #333;
    font-size: 164%;
}

.article .introduction .author {
    color: #666;
    font-size: 84%;
}

.articlePreview .introduction h2 {
    clear: left;
    margin: 0;
    font-size: 100%;
}

.articlePreview .introduction a .pageTitle,
.articlePreview .introduction a .pageSubTitle {
    clear: left;
    font-size: 120%;
    color: #981C1F; /*red*/
    text-decoration: underline;
}

.articlePreview .introduction a .pageSubTitle {
    font-size: 160%;
    font-family: Arial;
}

.articlePreview .introduction a:hover .pageTitle,
.articlePreview .introduction a:hover .pageSubTitle {
    color: black;
}

/* Sports Betting Edge - Article Full View */
#sportsBetting .article .tools {
    border-color: #ccc;
    background-color: #e7e7e7;
}

#sportsBetting .article .tools a {
    background-image: url(../img/ico-article-tools.gif);
}

/* Sports Betting Edge - ARCHIVE */
#articleArchives ul.links li a.control {
    font-weight: bold;
    text-decoration: none;
}

#articleArchives ul.links li li a {
    text-decoration: none;
}

#articleArchives ul.links li li a:hover {
    text-decoration: underline;
}

/* Sportsbook's Future and Propositions */
.futurePropositions .icoSport,
.futurePropositions .preview a {
    text-transform: capitalize;
}

.futurePropositions .bd div.scrollable {
    background-color: transparent;
}

/* 'terms and conditions' overlay on join page */
div#overlay_join_terms {
    height: 400px;
    overflow: auto;
    margin: 0;
    padding: 1.5em;
    background-color: white;
    color: black;
}

div#overlay_join_terms p {
    margin-bottom: 1em;
}
/* end 'terms and conditions' overlay on join page */

a.bold {
    font-weight: bold;
}

/* Overlay */
.boxy-wrapper .title-bar {
    background: transparent url(../img/bg-hd-gradient-sprite.gif) repeat-x left top;
}

.boxy-wrapper .title-bar h2 {
    font-weight: bold;
}

.boxy-wrapper .title-bar a.close {
    width: 18px;
    height: 18px;
    background: transparent url(../img/ico-form-btn-sprite-bg-black.gif) no-repeat center -700px;
}

.boxy-wrapper .title-bar a.close span {
    display: block;
    position: absolute;
    text-indent: -9000px;
}

/* Newsletter */
.newsletter div.bd {
    background: white url(../img/bg-newsletter.jpg) no-repeat 100% -5px;
}



/*
======================================================================================================================================
| shorthand.css
| Basic class library to be used on contents (like Page Parts, Static Pages, etc)
======================================================================================================================================
*/

/*
| Bet Online Colors
*/
.default-color, .defaultColor, .defaultcolor {
    color: #333;
}
.gray, .light, 
.light-gray, .lightGray, .lightgray {
    color: #666 !important; /* dark = default text is #ccc */
}
.black, .dark, .dark-text {
    color: black !important; /* dark = default text is #ccc */
}
.red {
    color: #981C1F !important; /* red */
}
.light-red, .lightRed, .lightred {
    color: #C22426 !important; /* light red */
}
.important {
    color: #CC0000 !important; /* vivid red */
}
.empty {
    color: #666 !important;
    font-style: italic !important;
}

/*
| Generic layout
*/

.nobr {
    white-space: nowrap !important; /* Because the <nobr> HTML tag is depreciated in XHTML */
}
/* recreate double BR spacing after and element */
.br-after {
    clear: both;
    margin-bottom: 1em;
}
.spacer {
    width: 1%;
    height: 1em;
}
.spacer-y {
    height: 1em;
}
.spacer-x {
    width: 1%;
}
/* Clear: Fix horizontal alignment after floating stuff */
.clear {
    clear: both !important;
}

.clearThin {
    clear: both !important;
    height: 0;
}
.clear-none {
    clear: none !important;
}
.float,
.float-left {
    float: left !important;
    position: relative;
}
.float-right {
    float: right !important;
    position: relative;
}
.inline {
    display: inline !important;
}
/* 
| Display a list inline.
| Verify IE6 rendering for this one. It is unstable depending on the context. 
*/
ul.inline {
    margin-left: 0;
}
ul.inline li {
    float: left;
    margin-right: 0;
    margin-left: 1.5em;
    padding-left: 1.5em;
    list-style: none;
    border-left: 0px solid #999;
}
ul.inline li.first,
ul.inline li:first-child {
    clear: left;
    margin-left: 0;
    padding-left: 0;
    border-left-width: 0;
}
/*
| imgCaption = DIV containg a small image and a caption text
| Image located within an article, by default aligned to right.
*/
div.imgCaption {
    float: right;
    width: auto;
    margin: .2em 0 .2em .2em;
    padding: .1em;
    vertical-align: baseline;
    color: #666;
    font-size: 84%;
}
.imgCaption img {
    clear: both;
    margin-bottom: 0.25em;
}

div#ft center a img
{
	position: relative;
	display: inline;
	float: left;
}

.print-ticket-image{display:none;}
body{background-image:none;background-color:White;font-size: 12pt;margin-left: 10%;}
#hd{display:none;}
#header-and-menu{display:none;}
.nav{display:none;}
.headers{display:none;}
.record tr {display:none;}
.record .active {display:inherit;}
#ft {display:none;}
.bd{border:0;}
.bg{display:none;}
.ticketWagerDetail{border:0;}
a:link, a:visited {
	color: #520;
	background: transparent;
	font-weight: bold;
	text-decoration: underline;
	}