/* --- CONTAINER --- */
body
{
    background-color: #3399cc;
}
#container
{
    text-align: center;
    color: #000000;
    background-image: url(/css/main-bg.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 1000px;
    margin: 0px auto;
    border-left: solid 1px blue;
    border-right: solid 1px blue;
}
#gamecontainer
{
    text-align: center;
    color: #000000;
    background-image: url(/css/game-bg.jpg);
    background-repeat: no-repeat;
    height: auto;
    width: 1000px;
    margin: 0px auto;
    border-left: solid 1px blue;
    border-right: solid 1px blue;
}
/* Icon Link */

.refresh_link
{
    padding-left: 18px;
    background-image: url(/img/arrow_refresh.png);
    background-repeat: no-repeat;
}
.more_link
{
    padding-right:10px;
    padding-left: 18px;
    background-image: url(/img/Application_more.png);
    background-repeat: no-repeat;
}





/* The new layout code - blue boxes */
.blue320
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 310px;
    float: left;
    height: auto;
}


h1
{
    font-size: 1.2em;
    font-weight: bold;
    clear: both;
    padding: 0px 0px 5px 10px;
    margin: 0px 0px 0px 0px;
    background-color: #023175;
    border-left: solid 1px #404040;
    border-right: solid 1px #404040;
    border-bottom: solid 1px #404040;
    color: #eeeeee;
    background-image: url(/css/bluetop.gif);
    background-repeat: repeat-x;
    background-position: 0px -5px;
}
h1 a
{
    color: #BBBBFF;
}
.blue-content
{
    background-color: #eeeeee;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    padding: 5px 10px 5px 10px;
    background-image: url(/css/grayfade.gif);
    background-repeat: repeat-x;
}
.dark-content
{
    background-color: #000;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    padding: 5px 10px 5px 10px;
    background-image: url(/css/grayfade.gif);
    background-repeat: repeat-x;
}
.pool-content a
{
    color: #aaaadd;
}
.pool-content
{
    background-color: #1D82B6;
    border-left: 1px solid #404040;
    border-right: 1px solid #404040;
    padding: 5px 10px 5px 10px;
    background-image: url(/images/screenshot.png);
    background-repeat: no-repeat;
    background-position: top center;
    height: 40px;
    color: #F7D56C;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}
.blue-content p,.dark-content p
{
    text-indent: 20px;
    margin: 5px 0px 5px 0px;
}
.blue-content h2,.dark-content h2
{
    font-size: 1.2em;
    background-image: none;
}
.tl
{
    background-image: url(/css/circle.gif);
    width: 5px;
    height: 5px;
    float: left;
    font-size: 0;
}
.tr
{
    background-image: url(/css/circle.gif);
    background-position: 5px 0px;
    width: 5px;
    height: 5px;
    float: left;
    font-size: 0;
}
.tm
{
    background-color: #023175;
    background-image: url(/css/bluetop.gif);
    background-repeat: repeat-x;
    height: 4px;
    float: left;
    border-top: 1px solid #808080;
    width: 960px;
}
.blue320 .tm
{
    width: 300px;
}
.bm
{
    background-color: #eeeeee;
    height: 4px;
    float: left;
    border-bottom: 1px solid #404040;
}
.blue320 .bm
{
    width: 300px;
}
.bl
{
    background-image: url(/css/circle.gif);
    background-position: 0px 5px;
    width: 5px;
    height: 5px;
    float: left;
    font-size: 0;
}
.br
{
    background-image: url(/css/circle.gif);
    background-position: 5px 5px;
    width: 5px;
    height: 5px;
    float: right;
    font-size: 0;
}
/* 650px blue box */

.blue580
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 580px;
    float: left;
    height: auto;
}

.blue580 .bm
{
    width: 570px;
}
.blue580 .tm
{
    width: 570px;
}
/* Box 480 */
/* 650px blue box */

.blue650
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 630px;
    float: left;
    height: auto;
}

.blue650 .bm
{
    width: 620px;
}
.blue650 .tm
{
    width: 620px;
}
/* Box 480 */
/* 650px blue box */

.blue450
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 450px;
    float: left;
    height: auto;
}

.blue450 .bm
{
    width: 440px;
}
.blue450 .tm
{
    width: 440px;
}
/* Blue 180 */
.blue180
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 180px;
    float: left;
    height: auto;
}

.blue180 .bm
{
    width: 170px;
}
.blue180 .tm
{
    width: 170px;
}
/* Box 500 */

.blue500
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 490px;
    float: left;
    height: auto;
}

.blue500 .bm
{
    width: 480px;
}
.blue500 .tm
{
    width: 480px;
}

/* Box 810 */


.blue810
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 780px;
    float: left;
    height: auto;
}

.blue810 .bm
{
    width: 770px;
}
.blue810 .tm
{
    width: 770px;
}
/* box 710 */
.blue720
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 720px;
    float: left;
    height: auto;
}

.blue720 .bm
{
    width: 710px;
}
.blue720 .tm
{
    width: 710px;
}
/* box 980 */

.blue980
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 955px;
    float: left;
    height: auto;
}

.blue980 .bm
{
    width: 945px;
}
.blue980 .tm
{
    width: 945px;
}

.blue400
{
    background-color: transparent;
    font-size: 1em;
    overflow: hidden;
    padding: 0px 5px 5px 5px;
    margin-top: 5px 0px 0px 0px;
    width: 400px;
    float: left;
    height: auto;
}

.blue400 .bm
{
    width: 390px;
}
.blue400 .tm
{
    width: 390px;
}
/*End blue box section */


.box h3
{
    font-weight: bold;
}


/* --- HEADER --- */
#header-outter
{
    height: 75px;
}
#header-inner
{
    width: 960px;
    margin: 0px auto;
    text-align: left;
}
#header-links
{
    top: 0px;
    right: 0px;
    margin-top: 5px;
    margin-right: 1px;
    text-align: right;
}
#header-links a
{
    color: #fff;
    font-size: .8em;
}



/* --- MENU --- */



/* --- INFO --- */
#info-outter
{
    width: 960px;
    margin: 0px auto;
    text-align: left;
    background-color: #40AAdd;
}
#info-inner
{
    margin: .4em .2em .0em .2em;
}
#info-ad
{
    float: right;
    background-color: #ccc;
    width: 468px;
    height: 60px;
}
#info-notice
{
    margin-top: .5em;
    font-size: 1.2em;
}
/* User List */

ul.userlist
{
    list-style-type: none;
    text-decoration: none;
    margin: 0 0 0 0;
}
ul.userlist li
{
    line-height: 14px;
    font-size: 12px;
    margin: 0px 0px 0px 5px;
    list-style-type: none;
    text-decoration: none;
    display: inline;
}
div.bracketjoin


    {
       
    border-top: solid 1px gray;
    border-right: solid 1px gray;
    border-bottom: solid 1px gray;
}
div.bracketperson
{
    background-image:url(/img/bracket.png);
    
    width: 160px;
    height: 60px;
    font-weight: bold;
   
}
div.bracketpersonodd
{
    background-color:Transparent;
   
    width: 160px;
    height: 60px;
    font-weight: 500;
    
}
div.bracketname 
{
    width:160px;
    font-size: 12px;
    text-align: left;
    color: #fafafa; 
    text-indent: 0;
    font-weight: bold;
}
div.bracketnamesmall 
{
    width:160px;
    font-size: 11px;
   
    color: #fafafa; 
    text-indent: 0;
    text-align: left;
    font-weight: bold;
}
div.brackpersonfinal
{
    background-image:url(/img/bracket.png);
    text-indent: 0;
    width: 160px;
    height: 60px;
    font-size: 11px;
    text-align:center;
    color: #fafafa;
}
div.bracketPop 
{
    height: 13px;
    width: 60px;
    background-color:#dddddd;
    color: #222222;
    font-size: 10px;
    border: solid 1px gray;
}
div.bracketperson a 
{
    color: White;
}

div.sql
{
    width: 70%;
    border: solid 1px gray;
    padding: 5px 5px 5px 5px;
    margin: 5px 5px;
    background-color: #eeeeee;
}
/* -- ABOUT BOXES -- */


#about-outter
{
    /*position: relative;*/
    width: 970px;
    margin: 0px auto;
    text-align: left;
}

#about-inner
{
    width: 970px;
}
#about-inner .box
{
    float: left;
    background-color: #fbe9b8;
    background-image: url(/img/bluetitle.png);
    background-repeat: repeat-x;
    height: auto;
    margin: 10px 10px 10px 10px;
}






.box-gray
{
    float: left;
    background-color: transparent;
    background-image: url(/css/graytitle.png);
    background-repeat: no-repeat;
    background-position: left top;
    height: auto;
    margin: 10px 10px 10px 10px;
}

div.pale
{
    background-color: #dddddd;
}

#about-inner .box-blue
{
    float: left;
    background-color: #eeeeFF;
    background-image: url(/css/bluetitle.png);
    background-repeat: repeat-x;
    height: auto;
    margin: 10px 10px 10px 10px;
}
#about-inner .box-ylw
{
    float: left;
    background-color: #EEEEEE;
    background-image: url(/css/graytitle.png);
    background-repeat: repeat-x;
    height: auto;
    margin: 10px 10px 10px 10px;
}

#about-inner .box-grn
{
    float: left;
    background-color: #eeffee;
    background-image: url(/css/greentitle.png);
    background-repeat: repeat-x;
    height: auto;
    margin: 10px 10px 10px 10px;
}

#about-inner .box-title
{
    padding: 7px 5px 2px 7px;
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    height: 22px;
}
.blue-content h2
{
    font-size: 1.2em;
    background-image: none;
}
#about-inner .box-content
{
    padding: 10px; /*     line-height:1.4em;     background-image:url(/images/grayfade.gif);     background-position: left;     background-repeat: repeat-y;     background-color: White;     margin: 0px 5px 5px 5px;     */
}
#about-inner ul
{
    list-style-type: square;
    list-style-position: outside;
    margin-left: 10px;
}
#about-inner li
{
    padding-bottom: 10px;
}
#about-inner #games
{
    width: 420px;
    margin-right: 20px;
}
#about-inner #features
{
    width: 250px;
    margin-right: 20px;
}
#about-inner #news
{
    width: 250px;
    clear: right;
}
#about-inner #fullwidth
{
    width: 100%;
    height: 100%;
    clear: right;
}

.topdesc, .TopDesc
{
    margin: 5px 5px 10px 5px;
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    font-size: 1.1em;
}

.topdesc a, .TopDesc a
{
    color: #ddddff;
}

.topdesc p
{
    text-indent: 15px;
    margin-top: 5px;
    margin-left: 10px;
    margin-right: 10px;
}


/* --- FOOTER --- */
#footer-outter
{
    margin-top: .2em;
}
#footer-ad
{
}

#footer-links
{
    text-align: right;
    font-size: .8em;
}
.suggest_link
{
    background-color: #FFFFFF;
    padding: 2px 6px 2px 6px;
}
.suggest_link_over
{
    background-color: #3366CC;
    padding: 2px 6px 2px 6px;
}

.div .box
{
    height: auto;
}

#search_suggest
{
    margin-left: 13.3em;
    float: none;
    background-color: White;
    color: Black;
    width: 15em;
    visibility: hidden;
    border: inset 1px black;
    position: absolute;
}

.gamebox
{
    background-image: url(/images/games/grayfade.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

/* Registration Page */

.box-register input
{
    border: solid 1px gray;
}

.box, .box-blue p
{
    text-indent: 20px;
    margin-bottom: 10px;
}
.box-content
{
    margin-bottom: 3px;
}
.box-content fieldset, .blue-content fieldset
{
    /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
    border-color: #000;
    border-width: 1px;
    border-style: solid;
    padding: 10px; /* padding in fieldset support spotty in IE */
    margin: 0;
}

.box-content label, .blue-content label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 150px;
    padding: 0;
    margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
    text-align: right;
}
.drilldown
{
    line-height: 14px;
    height: 14px;
}
.drilldown label
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 90px;
    padding: 0;
    text-align: right;
    font-weight: bold;
}

.drilldown span
{
    display: block; /* block float the labels to left column, set a width */
    float: left;
    width: 200px;
    padding: 5px;
    text-align: left;
}

.box-content fieldset legend, .blue-content fieldset legend
{
    font-size: 1.1em; /* bump up legend font size, not too large or it'll overwrite border on left */ /* be careful with padding, it'll shift the nice offset on top of border  */
}

.valid
{
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of                               label aligns textarea better in IE */
    display: block;
    float: left;
}

.box-content input, .box-content textarea, .box-content select, img.indent, .blue-content input, .blue-content textarea, .blue-content select, .blue-content img.indent
{
    /* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
    width: auto; /* set width of form elements to auto-size, otherwise watch for wrap on resize */
    margin: 5px 0 0 10px; /* set margin on left of form elements rather than right of                               label aligns textarea better in IE */
    display: block;
    float: left;
    height: auto;
}
.box-regformhelp 
{
    width: 550px;
    border-left: 2px solid #3398cc;
    border-top: 2px solid #3398cc;
    border-bottom: 2px solid #01183a;
    border-right:2px  solid #01183a;
   
    text-align: center;
    background-color: #0a3376;
    color: #fafafa;
    padding: 5px 5px 5px 5px;
}
.box-regformerror 
{
    width: 380px;
    text-align: left;
    background-color: #aa2222;
    color: #fff;
    padding: 5px 5px 5px 5px;
    margin-left:160px;
    margin-top:4px;
    border: dashed 1px black;
}
a.whitelink
{
    color: #1030a0;
}
.box-content h4
{
    display: block;
    margin-top: 5px;
    margin-left: 10px;
    height: 16px;
    width: auto;
    background-color: White;
    border: inset 2px black;
    padding: 2px 5px 0px 2px;
    float: left;
    font-weight: normal;
}
.box-register label
{
    width: 20px;
}
.FormHelpAbove
{
    padding: 0 0 0 30px;
    display: block;
    margin: 10px 0 0 0;
    line-height: 10px;
    font-size: 12px;
}
.FormValidBelow
{
    padding: 5px 0 0 30px;
    display: block;
    margin: 10px 0 10px 0;
    line-height: 10px;
    font-size: 12px;
    color: #c00000;
    font-style: italic;
    font-weight: bold;
}
.warning
{
    margin-top: 5px;
    text-align: left;
}
.box input#reset
{
    margin-left: 0px; /* set margin-left back to zero on reset button (set above) */
}

.box small
{
    display: block;
    margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
    padding: 1px 3px;
    font-size: 88%;
}



.box br, .box-blue br, .blue-content br
{
    clear: left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

.fineprint
{
    color: Black;
    background-color: #ead8a7;
    font-family: Verdana;
    font-size: 1.2em;
    display: block;
    text-align: center;
    margin-top: .5em;
}

a.TitleLink
{
    color: White;
}

.SearchResults
{
    color: Black;
    font-family: Verdana;
    font-size: 1.2em;
    line-height: 1.3em;
}
.SearchResults table tr td
{
    border-bottom: 1px dashed Gray;
}


.SearchResults A
{
    text-decoration: none;
    color: black;
    background-color: Transparent;
    font-size: x-small;
}

.SearchResults tr td A:link
{
    text-decoration: none;
    color: black;
    background-color: Transparent;
    font-size: x-small;
}


.img-shadow
{
    background: url(/img/alphashadow.png) no-repeat bottom right !important;
    background: url(/img/alphashadow.png) no-repeat bottom right;
    padding: 0px 6px 6px 0px;
}

.img-shadow img
{
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.SearchResults tr td A:visited
{
    text-decoration: none;
    color: black;
    background-color: Transparent;
    font-size: x-small;
}


.SearchResults tr td A:active
{
    text-decoration: none;
    color: black;
    background-color: Transparent;
    font-size: x-small;
}


.SearchResults tr td A:hover
{
    text-decoration: none;
    color: black;
    background-color: Red;
    font-size: x-small;
}

.LinkList li
{
}
.LinkButton li
{
    display: block;
    float: left;
    text-align: center;
    margin-right: 10px;
}
.LinkButton A
{
    display: block;
    color: White;
    font-weight: bold;
    font-size: 14px;
    background-color: #F9CB4F;
    padding-top: 6px;
    padding-bottom: 6px;
    width: 140px;
}
.LinkButton A:hover
{
    background-color: #fbe9b8;
    color: Blue;
    text-decoration: none;
}

/* Menu related CSS */

.menu1
{
    display: block;
    margin: 0px 0px 5px 0px;
    padding: 7px 0px 0px 0px;
    height: 23px;
    width: 1004px;
    background-image: url(/img/menuback.png);
    background-repeat: repeat-x;
   
    
}

.menu1 li.active
{
    display: inline;
    list-style: none;
    position: relative;
    margin: 0px 1px 0px 0px;
    padding:  7px 10px 10px 10px;
    background-image: url(/img/menuactive.png);
    background-repeat: repeat-x;
   
}
.menu1 li
{
    display: inline;
    list-style: none;
    position: relative;
    margin: 0px 1px 0px 0px;
    padding:  7px 10px 10px 10px;
    background-image: url(/img/menuinactive.png);
    background-repeat: repeat-x;
}

.menu1 li:hover
{
    display: inline;
    list-style: none;
    position: relative;
    margin: 0px 1px 0px 0px;
    padding:  7px 10px 10px 10px;
     background-image: url(/img/menuhover.png);
         background-repeat: repeat-x;
}

.menu_Home 
{
    padding-left: 20px;
    background-image: url(/img/application_home.png);
    background-repeat:no-repeat;
}
.menu_mall 
{
    padding-left: 20px;
    background-image: url(/img/cart.png);
    background-repeat:no-repeat;
}
.menu_Admin
{
    padding-left: 20px;
    background-image: url(/img/cog.png);
    background-repeat:no-repeat;
}
.menu_Stats 
{
      padding-left: 20px;
    background-image: url(/img/chart_line.png);
    background-repeat:no-repeat;
}
.menu_Forum 
{
      padding-left: 20px;
    background-image: url(/img/comments.png);
    background-repeat:no-repeat;
}
.menu_Rewards 
{
      padding-left: 20px;
    background-image: url(/img/coins.png);
    background-repeat:no-repeat;
}

.menu_Contact
{
      padding-left: 20px;
    background-image: url(/img/email_add.png);
    background-repeat:no-repeat;
}
.menu_TourPub
{
      padding-left: 20px;
    background-image: url(/img/medal_gold_1.png);
    background-repeat:no-repeat;
}

.menu_Logout
{
      padding-left: 20px;
    background-image: url(/img/telephone_delete.png);
    background-repeat:no-repeat;
}


.menu_Profile
{
      padding-left: 20px;
    background-image: url(/img/comments.png);
    background-repeat:no-repeat;
}
.menu1 li a
{
    color: #404040;
   
}


div.pager
{
    float: right;
    margin-right: 10px;
    color: Black;
}

/* Nifty *//*Nifty Corners Cube CSS by Alessandro Fulciniti
The following classes are added dinamically by javascript,
and their use should be avoided in the markup */

b.niftycorners, b.niftyfill
{
    display: block;
}
b.niftycorners *
{
    display: block;
    height: 1px;
    line-height: 1px;
    font-size: 1px;
    overflow: hidden;
    border-style: solid;
    border-width: 0 1px;
}
/*normal*/
b.r1
{
    margin: 0 3px;
    border-width: 0 2px;
}
b.r2
{
    margin: 0 2px;
}
b.r3
{
    margin: 0 1px;
}
b.r4
{
    height: 2px;
}
b.rb1
{
    margin: 0 8px;
    border-width: 0 2px;
}
b.rb2
{
    margin: 0 6px;
    border-width: 0 2px;
}
b.rb3
{
    margin: 0 5px;
}
b.rb4
{
    margin: 0 4px;
}
b.rb5
{
    margin: 0 3px;
}
b.rb6
{
    margin: 0 2px;
}
b.rb7
{
    margin: 0 1px;
    height: 2px;
}
b.rb8
{
    margin: 0;
    height: 2px;
}
b.rs1
{
    margin: 0 1px;
}
/*transparent inside*/
b.t1
{
    border-width: 0 5px;
}
b.t2
{
    border-width: 0 3px;
}
b.t3
{
    border-width: 0 2px;
}
b.t4
{
    height: 2px;
}
b.tb1
{
    border-width: 0 10px;
}
b.tb2
{
    border-width: 0 8px;
}
b.tb3
{
    border-width: 0 6px;
}
b.tb4
{
    border-width: 0 5px;
}
b.tb5
{
    border-width: 0 4px;
}
b.tb6
{
    border-width: 0 3px;
}
b.tb7
{
    border-width: 0 2px;
    height: 2px;
}
b.tb8
{
    border-width: 0 1px;
    height: 2px;
}
b.ts1
{
    border-width: 0 2px;
}


.linkbar
{
    text-align: left;
}
.linkbar a
{
    display: block;
    width: 84px;
    height: 16px;
    color: White;
    background-image: url(/media/gamebutton.png);
    float: left;
    margin-left: 10px;
    margin-top: 2px;
    text-align: center;
    text-decoration: none;
}

.linkbar h2
{
    float: right;
    width: 280px;
    color: White;
    font-size: 12px;
    padding-top: 1px;
}