/*###### Poker CSS File Structure ######*//*

[ ------[ Styles Breakdown ][start]------ ]
1. Tag Overide
2. Classes
3. Header
4. Column Layout
5. Main
6. Sidebar
7. Footer
8. Sitemap
9. Components
10. Table Styles
11. 3 Column list Styles 

[ ------[ Styles Breakdown ][end]------ ]

*//*###### Poker CSS File Structure ######*/

/*[ ------[1][ Tag Overide ][start]------ ]*/
body { text-align: center; }
h1 { font-size: 36px; }
h2 { font-size: 30px; }
h3 { font-size: 24px; }
h4 { font-size: 18px; }
h5 { font-size: 14px; }
h6 { font-size: 12px; }
/*[ ------[1][ Tag Overide ][end]------ ]*/


/*[ ------[2][ Classes ][start]------ ]*/
.container { clear: both; margin: 0 auto; text-align: left; width: 960px; }

.clearitem { clear: both; }

.no-margin *{margin:0!important;}
/* Markup free clearing
** Details: http://www.positioniseverything.net/easyclearing.html */
.clearer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearer { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearer { height: 1%; }
.clearer { display: block; }

.footnote { font-size: 10px; color: #999; }
.small-text, .small_text {font-size: 10px; line-height: 14px; }
/*[ ------[2][ Classes ][end]------ ]*/


/*[ ------ [3][ Header ][start]------ ]*/
#branding {  }
    #branding #logo a {  }


.site-navigation { }
    .site-navigation ul { margin: 5px 0px 5px 10px; }
        .site-navigation ul li { margin-right: 10px; }
    .site-navigation a { text-decoration: none; }

.secondary-site-navigation { }

.brand-navigation { }
    .brand-navigation h5 { }
    .brand-navigation ul { margin: 5px 0px; }
        .brand-navigation ul li { margin-right: 10px; }
    .brand-navigation a { text-decoration: none; }

.breadcrumbs { padding: 5px 0px; clear: both; }
    .breadcrumbs h5 { margin: 0px 20px 0px 10px; }
    .breadcrumbs ul { display: block; }
        .breadcrumbs ul li { display: inline; list-style: none; margin-right: 10px; }
            .breadcrumbs ul li a { }
/*[ ------ [3][ Header ][end]------ ]*/


/*[ ------ [4][ Column Layout ][start]------ ]*/
.one-column #main { float: left; padding: 16px; width: 928px; }

.two-column #sidebar,
.two-column-footer #sidebar { float: left; margin: 0 30px; padding: 30px 0 0 0; width: 200px; }
.two-column #main,
.two-column-footer #main,
.two-column-right #main,
.two-column-right-footer #main { float: left; padding: 30px 30px 0 30px; width: 640px; }

.three-column #sidebar,
.three-column-footer #sidebar { float: left; margin: 0 20px; padding: 30px 0 0 0; width: 200px; }
.three-column #main,
.three-column-footer #main { float: left; padding: 30px 10px 0 10px; width: 460px; }
.two-column-right #secondary-sidebar,
.two-column-right-footer #secondary-sidebar,
.three-column #secondary-sidebar,
.three-column-footer #secondary-sidebar { float: left; margin: 0 0 0 20px; padding: 30px 0 0 10px; width: 180px; }

.two-column-footer #content-footer,
.two-column-right-footer #content-footer,
.three-column-footer #content-footer { clear: both; padding: 5px 16px 16px 16px; }
/*[ ------ [4][ Column Layout ][end]------ ]*/


/*[ ------ [5][ Main ][start] ------ ]*/
#content .container { min-height: 550px; height: auto !important; height: 550px; }
    #content .container p { margin: 0 0 15px 0; }
    #content .container strong { font-weight: bold; }

#main { }
    #main ul, #main ol { margin: 0 0 15px 0; padding-left: 15px; }
        #main ul ul, #main ol ol { margin: 4px 0 -5px 0; }
        #main ul li, #main ol li { line-height: 16px; padding: 6px 0 4px 5px; margin-left: 15px; }
        #main ol li { list-style-type: decimal; }
        #main ol li ol li { list-style-type: decimal; margin: 0 0 0 5px; }
        
        #main .list-i ol li, #main .list-i ul li { list-style-type: lower-roman; }
        #main .list-a ol li, #main .list-a ul li { list-style-type: lower-alpha; }

        /* DAN - TOURNAMENT RULES TEMP STYLES */
        #main .list-rules li  { list-style-type: none; padding:0px; margin: 16px 0px; font-size:22px; line-height: 20px; }
            #main .list-rules li li { list-style-type: decimal;font-size:12px; font-weight:normal; }
                #main .list-rules li li li { list-style-type: lower-alpha; margin:3px 0px 0px 40px;  font-weight: normal; font-style: italic; }        
        #main .list-rules ol { padding: 0px; margin: 20px 0; }
            #main .list-rules ol ol { padding:0 20px; margin: 20px 0 40px; font-size: 20px; }
                #main .list-rules ol ol ol { padding:0 20px; margin: 0 0 20px; font-size: 20px; }

    #main h1, #main h2, #main h3, #main h4, #main h5, #main h6 { margin: 0 0 15px 0; }

    #main blockquote { clear: both; font-family: Georgia, serif; font-style: italic; margin: 25px 0; padding: 15px 20px 15px 15px;  }
        #main blockquote p { margin: 0 0 15px 0; }
        #main blockquote a:link, #main blockquote a:visited { text-decoration: underline; }

    #main img.left, #main img.right, #main img.left-clear, #main img.right-clear, #main img.center, #sidebar .left, #sidebar .right, #sidebar .left-clear, #sidebar .right-clear, #sidebar .center { padding: 5px; }
    #main div.image.left, #sidebar .left, #main div.image.left-clear, #sidebar .left-clear { float: left; margin: 5px 10px 5px 0px; }
    #main div.image.left-clear, #sidebar .left-clear { clear: left; }
    #main div.image.right, #sidebar .right, #main div.image.right-clear, #sidebar .right-clear { float: right; margin: 5px 0px 5px 10px; }
    #main div.image.right-clear, #sidebar .right-clear { clear: right; }
    #main div.image.center { display: block; margin: 20px auto; text-align: center; }

    #main #glossary-index ul { margin: 0; padding: 0; }
        #main #glossary-index ul li { margin: 0 0 0 10px; padding: 0; list-style: none; display: inline; }
/*[ ------ [5][ Main ][end]------ ]*/


/*[ ------ [6][ Sidebar ][start]------ ]*/
#sidebar { }
    #sidebar .center { margin-top: 10px; text-align: center; }
        #sidebar .center img { float: none; margin: 0% auto; }

div#above-navigation, div#below-navigation { clear: both; }

.page-navigation { }
    .page-navigation ul li { display: block; list-style: none; }
        .page-navigation ul li li { }
        .page-navigation ul li li a { padding-left: 20px; }
            .page-navigation ul li li li {}
            .page-navigation ul li li li a { padding-left: 30px; }
/*[ ------ [6][ Sidebar ][end]------ ]*/


/*[ ------ [7][ Footer ][start]------ ]*/
#footer { }
    #footer .container { text-align: left; }
        #footer .container p { clear: both; text-align: center; }
        #footer .container ul { display: block; margin: 5px 0px 10px 0px; }
            #footer .container ul li { list-style: none; margin-right: 10px; }
                #footer .container ul li a { }
        #footer .container h5 { font-weight: bold; }

        #footer #footer-navigation,
        #footer #legal-information,
        #footer .language-navigation { margin: 0px; width: 200px; }

        #footer #disclaimer { margin:0 auto 20px; width:960px; }
            #footer #disclaimer p { text-align: center; }
/*[ ------ [7][ Footer ][end]------ ]*/


/*[ ------ [8][ Sitemap ][start]------ ]*/
.linkcontainer .linkcontainer .linkcontainer { margin: 5px 0px 5px 40px; }
#main .linkcontainer .link a, #main .linkcontainer .link a:hover { font-weight: normal; }
/*[ ------ [8][ Sitemap ][end]------ ]*/


/*[ ------ [9][ Components ][start]------ ]*/
.flash-container { }
    .flash-container .top-cap { }
    .flash-container .inner-container { }
    .flash-container .bottom-cap { }

.image-switcher-container { height: 200px; }
    .image-switcher-container .nav { position: absolute; z-index: 200; }
        #main .image-switcher-container .nav li { float: left; list-style: none; border: 1px solid #999; background-color: #CCC; width: 10px; height: 10px; margin: 0 10px 0 0; padding: 0; }
            #main .image-switcher-container .nav li.select { background-color: #FFF; }
    .image-switcher-container .section.image { position: absolute; }

.hp-slider { position: relative; width: 616px; height: 250px; }
    .hp-slider .arrow-left, .hp-slider .arrow-right, .hp-slider .slider-mask, .hp-slider .slider, .hp-slider .promotion a, .hp-slider .promotion h3, .hp-slider .promotion p, .hp-slider .promotion img { position: absolute; }
    .hp-slider .arrow-left, .hp-slider .arrow-right { top: 115px; left: 5px; display: block; }
    .hp-slider .arrow-right { left: auto; right: 5px; }
    .hp-slider .arrow-left a, .hp-slider .arrow-right a { display: block; padding: 10px; text-decoration: none; }
    .hp-slider .slider-mask { top: 16px; left: 35px; width: 534px; height: 220px; overflow: hidden; position:relative;}
    .hp-slider .slider { top: 0; left: 0; width: 1000px; height: 220px; }
    .hp-slider .promotion { position: relative; float: left; width: 170px; height:220px;  margin-right: 8px; cursor: pointer; background-color: #000;}
        .hp-slider .promotion a { top: 0; left: 0; width: 170px; height: 220px; z-index: 100; display: block; text-indent: -99999px; color: red; }
        #main .hp-slider .promotion h3 { top:0; left: 0; width: 160px; z-index: 20; text-align: center; margin: 180px 5px 0; padding: 0; }
            #main .hp-slider .promotion h3 a { width: auto; height: auto; position: relative; text-indent: 0; line-height: 1.2em; font-size: 14px; color: #FFF; text-decoration: none; }
        #main .hp-slider .promotion p { top: 0; left: 0; margin: 240px 10px 10px; z-index: 1; cursor: pointer; line-height: 1.2em; font-size: 11px; color: #FFF; }
        .hp-slider .promotion img { top: 0; left: 0; width: 170px; height: 220px; display: block; z-index: 15; border: 0; cursor: pointer; }
            .hp-slider .promotion img.overlay { z-index: 25; }
    #main .hp-slider .slide-down .promotion h3 { margin: 10px 5px 0; }
    #main .hp-slider .slide-down .promotion p { bottom: 10px; }
        .hp-slider .promotion .last { margin-right: 0; }
/*[ ------ [9][ Components ][end]------ ]*/


/*[ ------ [10][ Table Styles ][start]------ ]*/
#main table { width: 100%; border-width: 1px 1px 3px 1px; border-style: solid; border-color: #CCC #FFF #CCC #CCC; margin: 10px auto; clear: both; }
    #main th { background: #2E2E2E url("../images/table_bg_black.gif") repeat-x 0 0; color: #FFF; padding: 6px; text-shadow: 0px 1px #606060; font-weight: bold; border-style: solid; border-width: 0 1px; border-color: #232323 #232323 #232323 #434343; line-height: normal; }
    #main tr { background-color: #ECECEC; }
    #main td { color: #000; border-style: solid; border-width: 1px 1px 0; border-color: #CCC #CCC #CCC #FFF; padding: 6px; line-height: normal; }

/* Tournament Structure Tables */
#main table.left_single, #main table.right_single, #main table.left, #main table.right { width: 223px; margin: 10px 0px; clear: both; float: left; }
#main table.left_single { margin: 10px 20px 10px 0; }
#main table.right_single, #main table.right { float: right; }
#main table.left { clear: none; float: left; }
#main table.right { clear: right }

/* Custom Table Header Backgrounds */
#main table td.gold, #main table th.gold { background: #FAE169 url("../images/table_bg_gold.gif") repeat-x 0 0!important; color: #000; border: none; }
#main table th.gold { text-shadow: 0px 1px #FEE77A; } 

#main table td.silver, #main table th.silver { background: #C3C3C3 url("../images/table_bg_silver.gif") repeat-x 0 0!important; color: #000; border:none; }
#main table th.silver { text-shadow: 0px 1px #FFF; } 

#main table td.bronze, #main table th.bronze { background: #D4BB8E url("../images/table_bg_bronze.gif") repeat-x 0 0!important; color: #000; border: none; }
#main table th.bronze { text-shadow: 0px 1px #FFF; }

#main table td.light_green, #main table th.light_green { background: #709E2F url("../images/table_bg_light_green.gif") repeat-x 0 0!important; color: #FFF; border: none; }
#main table th.light_green { text-shadow: 0px 1px #000; }

#main table td.dark_green, #main table th.dark_green { background:#335f21 url("../images/table_bg_green.gif") repeat-x 0 0!important; color: #FFF; border: none; }
#main table th.dark_green { text-shadow: 0px 1px #000; } 

#main table td.red, #main table th.red { background: #EB3E3A url("../images/table_bg_red.gif") repeat-x 0 0!important; color: #FFF; border: none; }
#main table th.red { text-shadow:0px 1px #b91c1b;}  

/* Table alternation row colour */
#main table tr.highlight td { background-color: #F9F9F9; }
/*[ ------ [10][ Table Styles ][end]------ ]*/

/*[ ------ [11][ 3 Column list Styles ][end]------ ]*/
#main .threecollist {margin-bottom: 15px;}
#main .threecollist ul {width: 670px; margin: 0; padding: 0; display: block;}
#main .threecollist ul li {margin: 0; padding: 2px 0; width: 222px; float: left; list-style: none; font-size: 11px;}
/*[ ------ [11][ 3 Column list Styles ][end]------ ]*/
 /*downtimeMessage*/
#footer #downtimeMessage {
     visibility:hidden; /*--Maintenance Mode OFF hack*/
     display:none!important; 
}
#footer #downtimeMessage .container {text-align:left!important;overflow: visible;}
#footer #downtimeMessage {position:fixed;display:none;width:100%!important;bottom:0;background:rgba(0,0,0,0.9)!important;opacity:1!important;width:100%;border-top:1px solid #404040;float:left;left:0!important;right:0!important;z-index:9999;padding:20px 0 20px !important;}
#footer #downtimeMessage p{color:#fff;width:70% !important;padding:0 75px 0 !important;margin:0;font-size:11px;font-style:italic;text-align:left;}
#footer #downtimeMessage p a{color:#fff;font-size:11px;}
#footer #downtimeMessage .container {padding:0px!important;position:relative;} 
#footer #downtimeMessage .container img{float: left; padding:0 20px; height:35px !important; width:35px !important;position: absolute;top: 50% !important;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); vertical-align:middle !important;
}
#footer #downtimeMessage .container .closeWindow {position:absolute;top:-4px;right:-60px !important;}
#footer #downtimeMessage .container .closeWindow a{color:#fff !important;text-decoration:none;font-size:10px !important;font-family:verdana; font-style:normal;}
#footer #downtimeMessage .container .closeWindow a:hover{text-shadow:0px 0px 12px #f00;} 
#footer #downtimeMessage h3{color:#fff; padding: 0px 75px 8px 0px !important ;margin: 0 75px;font-size:14px;font-style:italic; font-weight:bold;}
#footer #downtimeMessage .cta_button a{ -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;text-align:center;box-shadow:#999 0 1px 2px;text-decoration:none;display:inline-block;}
#footer #downtimeMessage .cta_button .smallButton a{font-size:12px;padding:.5em 1em .5em;}
#footer #downtimeMessage .downtime-button-blk a{width:70px; opacity:1 !important; background:#e8490d;background-color:#404040;background-image:-webkit-linear-gradient(top,#777 1px,#404040 1px,#000 100%);background-image:-moz-linear-gradient(top,#777 1px,#404040 1px,#000 100%);background-image:-o-linear-gradient(top,#777 1px,#404040 1px,#000 100%);background-image:-ms-linear-gradient(top,#777 1px,#404040 1px,#000 100%);background-image:linear-gradient(top,#777 1px,#404040 1px,#000 100%);border:1px solid #000;text-shadow:1px 1px #404040;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-o-transition:all .3s ease;transition:all .3s ease; position:absolute;top: 50% !important;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); vertical-align:middle !important;
}
#footer #downtimeMessage .cta_button {right:170px; position:absolute; top: 50% !important;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%); vertical-align:middle !important;
 }
 