body,div,dl,dt,dd,ul,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0; line-height:normal;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal; line-height:normal;}ol,ul,li {list-style:disc; list-style-position:outside;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%; line-height:normal;}q:before,q:after{content:'';}

body { background-color:#0C0F14; }
body, div, p, ul, li, td, select { font-size:11px; line-height:normal; font-family:Arial, Helvetica, sans-serif; color:#76c4d8; list-style:disc;}
p { margin:0px 0px 20px 0px; }
h1 { display:block; width:100%; font:bold 14px "Trebuchet MS", trebuchet, Arial; color:#fff; margin:0px 0px 10px 0px; text-transform:uppercase; border-bottom:1px solid #2c5278; }	
h2 { font-size:12px; font-weight:bold; color:#fff; }
h3 { font-size:11px; font-weight:bold; color:#fff; }
th { padding-left:1px; font-weight:bold; }
td { vertical-align:top; }
.ulgeneral li { list-style-type:disc; list-style-position:outside; margin:0px 0px 5px 20px; }

a, a:active, a:visited, a:focus { color:#fff; text-decoration:none; outline:none; -moz-outline:none; } 
a:hover { color:#41ffe3; text-decoration:none; }

a.lightbluelink, a.lightbluelink:active, a.lightbluelink:visited { color:#49efdd; }
a.lightbluelink:hover { color:#fff; }

.size10 { font-size:10px; }
.bluetext { color:#76c4d8; }
.graytext { color:#cfdde4; }
.graytextbold { color:#cfdde4; font-weight:bold; font-size:12px;}
.whitetext { color:#fff; }
.bold { font-weight:bold; }
.normalfont { font-weight:normal; font-style:normal; font-variant:normal; }
.errortext { color:Red;}

.clearfloat { clear:left; line-height:0px; height:0px; }


/* SUBNAV */
.subnavcontainer { display:block; position:relative; width:276px; height:auto; margin:0px 0px 20px 10px; }
.subnavitemlink { position:absolute; padding-left:1px; margin:5px 0px 0px 15px; z-index:50; font-weight:bold; color:#49efdd; }
.subnavlandingflash { position:relative; z-index:auto; top: 10; width:204; height:25; margin:1px 0px 4px 0px; }
/* /SUBNAV */


/* TOOL TIP */
.tooltip { width:130px; height:63px; position:absolute; display:none; padding:20px; margin:0px; background:url(/images/popup.gif) no-repeat; font:10px Arial; color:#315678; z-index:10; }
.tooltiptitle { font-size:11px; font-weight:bold; color:#000; line-height:11px; margin-bottom:5px; }
.tooltipcat { color:#000; }
.tooltiptype { font-size:11px; font-weight:bold; }
/* /TOOL TIP */


/* BLUE BTN */
.bluebtncontainer { display:block; padding:10px 0px 0px 0px; margin:0px; height:16px; text-align:right; }
.bluebtncontainerleft { display:block; padding:10px 0px 0px 0px; margin:0px; height:16px; text-align:left; }
.bluebtncontainerstat { display:block; padding:10px 0px 0px 0px; margin:0px; height:16px; text-align:center; vertical-align:middle;}
.bluebtn { display:block; }
.bluebtn img { border:0px; position:relative; top:5px; left:5px; }
.bluebtn a, .bluebtn a:active, .bluebtn a:visited { padding:3px 5px 3px 10px; background:#0f2d3f url( /images/btnCornerTL.gif) no-repeat; font-size:9px; font-weight:bold; font-family:Verdana, Arial, sans-serif; color:#41ffe3; text-decoration:none; }
.bluebtn a:hover { background-color:#153e57; color:#fff; cursor:pointer; }
/* /BLUE BTN */


/* LIGHT BTN */
.lightbtncontainerwrap { display:block; clear:both; }
.lightbtncontainer { display:block; float:left; padding:8px 0px 0px 0px; margin:0px; height:16px; }
.lightbtn { display:block; }
.lightbtn img { border:0px; position:relative; top:5px; left:2px; }
.lightbtn a, .lightbtn a:active, .lightbtn a:visited { padding:3px 2px 3px 8px; background:#d3f2fa url(/images/btnCornerLightTL.gif) no-repeat; font-size:9px; font-weight:bold; font-family:Verdana, Arial, sans-serif; color:#0079a8; text-decoration:none; }
.lightbtn a:hover { background-color:#76c4d8; color:#fff; cursor:pointer; }
/* /LIGHT BTN */


/* FORMS */
input { margin-right:3px; vertical-align:middle; }
.txtfield { height:16px; width:150px; padding:2px 0px 2px 2px; background-color:#325678; border:1px solid #2cafe7; font-size:11px; color:#fff; }
.txtfieldmulti { height:80px; width :150px; padding:2px 0px 2px 2px; background-color:#325678; border:1px solid #2cafe7; font-size:11px; color:#fff; }
.txtfieldsmall { height:16px; width:30px; padding:2px 0px 2px 2px; background-color:#325678; border:1px solid #2cafe7; font-size:11px; color:#fff; }
.dropdown1 { height:16px; width:154px; padding:1px 0px 1px 1px; margin-top:4px;  background-color:#325678; border:1px solid #2cafe7; font-size:11px; color:#fff; }
.dropdown1small { height:16px; width:70px; padding:1px 0px 1px 1px; margin-top:4px;  background-color:#325678; border:1px solid #2cafe7; font-size:11px; color:#fff; }
.dropdown2 {  height:16px; width:154px; padding:1px 0px 1px 1px; background-color:#325678; border:1px solid #2cafe7; font-size:11px; color:#fff; }
.formtwocoltitle { float:left; width:30%; margin-right:10px; text-align:right; font-weight:bold; }
.formtwocol { margin-bottom:15px; }
.formtwocol li { margin-bottom:5px;} 
/* /FORMS */


/* MAIN BOXES */
.mainboxtop { display:block; width:555px; height:42px; margin:0px 0px 0px 20px; }
.mainboxmid { display:block; width:555px; height:auto; margin:0px 0px 0px 20px; background:url( /images/main/mainBoxMid.gif) repeat-y; }
.mainboxmidbg { display:block; width:555px; height:auto; padding:1px 0px 1px 0px; background:url(/images/main/mainBoxMidBg.gif) no-repeat; }
.mainboxbottom { display:block; width:555px; height:10px; margin:0px 0px 20px 20px; background:url(/images/main/mainBoxBottom.gif) no-repeat; }

.mainlightboxmid { display:block; width:555px; height:auto; margin:0px 0px 0px 20px; background:url(/images/main/mainLightBoxMid.gif) repeat-y; }
.mainlightboxmidbg { display:block; width:555px; height:auto; padding:1px 0px 1px 0px; background:url(/images/main/mainLightBoxMidBg.gif) no-repeat; }
.mainlightboxbottom { display:block; width:555px; height:10px; margin:0px 0px 20px 20px; background:url(/images/main/mainLightBoxBottom.gif) no-repeat; }

.mainboxcontentcontainer { display:block; width:500px; height:auto; padding-left:1px; margin:0px 0px 10px 0px; }
/* /MAIN BOXES */

/* MAIN LARGE BOXES */
.mainlargeboxtop { display:block; width:852px; height:42px; margin:0px 0px 0px 35px; }
.mainlargeboxmid { display:block; width:852px; height:auto; margin:0px 0px 0px 35px; background:url( /images/main/mediaBoxMid.gif) repeat-y; text-align: left;}
.mainlargeboxmidbg { display:block; width:852px; height:auto; padding:1px 0px 1px 0px; background:url(/images/main/mediaBoxMidBg.gif) no-repeat; }
.mainlargeboxbottom { display:block; width:852px; height:10px; margin:0px 0px 20px 35px; background:url(/images/main/mediaBoxBottom.gif) no-repeat; }

.mainlargeboxcontentcontainer { display:block; width:800px; height:auto; padding-left:1px; margin:10px 0px 10px 26px; }
.mainlargeboxcontentcontainer li,ul { list-style-type:disc; list-style-position:outside; margin:0px 0px 0px 5px; padding:0px 0px 0px 5px; }
.mainlargeboxmid a, .mainlargeboxmid a:active , .mainlargeboxmid a:visited, .mainlargeboxmid a:focus { color:#fff; text-decoration:underline; outline:none; -moz-outline:none; } 
.mainlargeboxmid a:hover { color:#41ffe3; text-decoration:none; }
/* /MAIN LARGE BOXES */


/* SMALL BOX */
.twocolboxtopcontainer { display:block; width:555px; height:49px; margin-left:20px; }
.twocolboxtop { float:left; width:267px; height:49px; }
.twocolboxmidcontainer { display:block; width:555px; height:auto; margin-left:20px; background:url( /images/main/twoColBoxMid.gif) repeat-y; }
.twocolboxmid { float:left; width:227px; height:auto; padding:0px 20px 0px 20px; }
.smallboxbg { background:url( /images/main/smallBoxBg.gif) repeat; }
.twocolboximg img { margin-bottom:10px; border:1px solid #2eb5ef; }
.twocolboximg img:hover { border:1px solid #fff; }
.twocolboxbottom { display:block; width:555px; height:10px; margin:0px 0px 20px 20px; background:url(/images/main/twoColBoxBottom.gif) no-repeat; }
/* /SMALL BOX */


/* MEDIA BOX */
.mediaboxtop { display:block; clear:both; width:852px; height:42px; margin:0px 0px 0px 35px; }
.mediaboxmid { display:block; width:852px; height:auto; margin:0px 0px 0px 35px; background:url( /images/main/mediaBoxMid.gif) repeat-y; text-align: left;}
.mediaboxplainmid { display:block; width:852px; height:auto; margin:0px 0px 0px 35px; background:url( /images/main/mediaBoxPlainMid.gif) repeat-y; }
.mediaboxmidbg { display:block; width:852px; height:auto; padding:1px 0px 1px 0px; background:url(/images/main/mediaBoxMidBg.gif) no-repeat; }
.mediaboxbottom { display:block; width:852px; height:10px; margin:0px 0px 20px 35px; background:url(/images/main/mediaBoxBottom.gif) no-repeat; }

.mediaboxcontentcontainer { display:block; width:800px; height:auto; padding-left:1px; margin:10px 0px 10px 26px; }
.mediacolumncontainer { display:block; width:819px; height:auto; margin:7px 0px 0px 21px; }
.mediagaleriecontainer { display:block; width:819px; height: 500px; margin:7px 0px 0px 21px; }
.medialeftcolumn { float:left; width:548px; height:100%; border-right:1px solid #2c5278; }


.selectedmedia { padding:0px 14px 14px 0px; border-bottom:1px solid #2c5278; }
.selectedmediadesc { border:0px; display:block; padding:10px 30px 0px 0px; }
.selectedmediadesc li,ul { list-style-type:disc; list-style-position:outside; margin:0px 0px 0px 5px; padding:0px 0px 0px 5px; }
.selectedmedia img { border:1px solid #2eb5ef; }
.selectedmedia img:hover { border:1px solid #fff; }
.mediatotal { float:right; }

.mediaitems td { border-bottom:1px solid #0b2e4c; font-size:10px; }
.mediaitemstitle { font-size:11px; font-weight:bold; }
.mediaitems a, .mediaitems a:active, .mediaitems a:visited { display:block; padding:13px 10px 17px 15px; }
.mediaitems a:hover { display:block; background-color:#0b2e4c; }
.mediaitems img { float:left; margin:0px 10px 0px 0px; border:1px solid #2eb5ef; }
.mediaitems td.selected { display:block; background:url(/images/mediaItemSelectedBg.gif) repeat-x; }
.mediaitems td.selected img { border:1px solid #fff; }
.mediaitems td.selected a, .mediaitems td.selected a:active, .mediaitems td.selected a:visited { color:#49efdd; }
.mediaitems td.selected a:hover { display:block; background:url(/images/mediaItemSelectedBg.gif) repeat-x; }

.mediaitemthumb { position:relative; float:left; }
.mediaitemthumb img { margin-right:10px; border:1px solid #2eb5ef; }
.mediaitemthumb img:hover { border:1px solid #fff; }
.mediaitemdesccontainer { font-size:10px; }

.medialeftcolumn a, .medialeftcolumn a:active , .medialeftcolumn a:visited, .medialeftcolumn a:focus { color:#fff; text-decoration:underline; outline:none; -moz-outline:none; } 
.medialeftcolumn a:hover { color:#41ffe3; text-decoration:none; }
/* /MEDIA BOX */


/* PROFILE */
.table2col { width:100%; }
.table2col th { border-bottom:1px solid #0b2e4c; width:50%; }
.table2col td { border-bottom:1px solid #0b2e4c; text-align:right; padding-right:10px; }

.table3col { width:100%; }
.table3col th { border-bottom:1px solid #0b2e4c; width:30%; }
.table3col td { border-bottom:1px solid #0b2e4c; }

.table4col { width:100%; }
.table4col th { color:#fff; font-size:12px; border-bottom:1px solid #0b2e4c; width:17%; }
.table4col td { border-bottom:1px solid #0b2e4c; padding-right:10px;}
.table4col td.wide, th.wide {width:40%;}

.twocol50 {float:left; width:47%; height:auto; margin:0px 20px 20px 0px; }
.onecolb {float:left; width:100%; height:auto; margin:0px 20px 20px 0px; }

.twocolprofile {float:left;  margin:0px 20px 20px 0px; padding-bottom:10px; height:126px; }

.tablestat { width:100%; margin-bottom:20px; }
.tablestat th { color:#fff; font-size:12px; border-bottom:1px solid #0b2e4c; text-align:center }
.tablestat th.th2 { font-size:11px; border:0px; text-align:center}

/* PROFILE */

/* BUDDY LIST*/

.tableBuddyList { width:100%;}
.tableBuddyList th { border-bottom:1px solid #0b2e4c; width:50%; }
.tableBuddyList td { border-bottom:1px solid #0b2e4c; text-align:right; padding-right:10px; }

/* /BUDDY LIST*/


/* PROFILE POPUP */
.profilepopup { width:248px; height:128px; position:absolute; display:none; padding:0px; margin:0px; background:url(/images/profilePopup.gif) no-repeat; z-index:20; }
.btnpopupclose { display:block; width:248px; height:18px; text-align:right; }
.profilecontentcontainer { display:block; width:235px; height:110px; padding-left:13px; }
.profileavatarcontainer { float:left; width:46px; height:100%; margin-right:24px; }
.profiledesccontainer { float:left; width:148px; height:100%; font:10px Arial; color:#315678; line-height:12px; }
.profileavatarcontainer img { border:1px solid #4e93b1; }
/* /PROFILE POPUP */


/* LATEST NEWS */
.newscontainer { display:block; width:500px; height:auto; margin:0px 0px 0px 0px; }
.newsitemcontainer li { display:block; width:500px; height:60px; padding:13px 0px 2px 0px; }
.newsthumb { float:left; width:94px; height:54px; margin-right:15px; }
.newsthumb img { border:1px solid #2eb5ef; } 
.newsthumb img:hover { border:1px solid #fff; }
.laddernewsthumb { float:left; width:32px; height:28px; margin-right:10px; }
.laddernewsdescription { position:relative; left:10px; padding-left:2px; text-align:justify }
.laddernewsdescription a, .newsdescription a:active, .newsdescription a:visited { color: #76c4d8; }
.laddernewsdescription a:hover { color: #fff; }
/*
.laddernewsthumb img { border:1px solid #2eb5ef; } 
.laddernewsthumb img:hover { border:1px solid #fff; }
*/
.newsitem { float:left; width:391px; height:auto; }
.newsdate { float:left; color:#cfdde4;  }
.newstitle { color:#fff; font-weight:bold; }
.newsdescription { position:relative; left:10px; padding-left:2px; }
.newsdescription a, .newsdescription a:active, .newsdescription a:visited { color: #76c4d8; }
.newsdescription a:hover { color: #fff; }
.newstype { font-weight:bold; margin-bottom:10px; }
.featurednewsimg { float:left; border:1px solid #2eb5ef; padding:0px; margin:0px 20px 10px 0px; }
/* /LATEST NEWS */


/* GAME CAST TOP EVENTS */
.battlecastcontainer { display:block; margin-left:35px; width:852px; height:850px; }
.gamecastcontainer { display:block; margin-left:13px; width:529px; height:355px; }
.eventcontainer { float:left; width:163px; }
.livecontainer { float:left; width:193px; margin:0px 5px 0px 5px; }
.archivetitlebox { display:block; width:163px; height:30px; margin-bottom:1px; background:url(/images/main/archiveTitleBox.gif) no-repeat; }
.livetitlebox { display:block; width:193px; height:30px; margin-bottom:1px; background:url(/images/main/liveTitleBox.jpg) no-repeat; }
.upcomingtitlebox { display:block; width:163px; height:30px; margin-bottom:1px; background:url(/images/main/upcomingTitleBox.gif) no-repeat; }

.matchlinks { padding:0px; margin:0px; }
.matchlinks li { display:block; padding:0px; margin:0px; list-style-type:none; }
.matchlinks li a, .matchlinks li a:active, .matchlinks li a:visited { display:block; padding:4px 10px 4px 10px; margin:2px 0px 0px 0px; width:143px; height:14px; background-color:#325678; font:11px Arial; text-decoration:none; color:#cfdde4; }
.matchlinks li a:hover { text-decoration:none; color:#fff; background-color:#35628d; }
.matchlinks li.selected a, .matchlinks li.selected a:active, .matchlinks li.selected a:visited { background-color:#046994; color:#76c4d8; padding:4px 10px 4px 10px; margin:2px 0px 0px 0px; } /*selected main tab */
.matchlinks li.selected a:hover { text-decoration:none; } /*selected main tab */
.matchcontentstyle { display:block; padding:0px; margin:0px; width:163px; } /*tab content container*/
.matchcontentbox { display:block; padding:10px 14px 10px 14px; margin:0px; width:135px; height:184px; background-color:#0B2E4C; font-size:10px; }
.versus { display:block; width:135px; height:52px; margin-top:5px; background:url(/images/main/vsDark.gif) no-repeat top center; }
.versus img { border:1px solid #2eb5ef; }
.versus img:hover { border:1px solid #fff; }
.versuspadding { margin-right:40px; }

.matchlinkslive { padding:0px; margin:0px; }
.matchlinkslive li { display:block; padding:0px; margin:0px; list-style-type:none; }
.matchlinkslive li a, .matchlinkslive li a:active, .matchlinkslive li a:visited { display:block; padding:4px 10px 4px 10px; margin:2px 0px 0px 0px; width:173px; height:14px; background-color:#5498b5; font:bold 11px Arial; text-decoration:none; color:#fff; }
.matchlinkslive li a:hover { text-decoration:none; color:#fff; background-color:#6da8c1; }
.matchlinkslive li.selected a, .matchlinkslive li.selected a:active, .matchlinkslive li.selected a:visited { background-color:#046994; color:#76c4d8; padding:4px 10px 4px 10px; margin:2px 0px 0px 0px; } /*selected main tab */
.matchlinkslive li.selected a:hover { text-decoration:none; } /*selected main tab */
.matchcontentstylelive { display:block; padding:0px; margin:0px; width:193px; } /*tab content container*/
.matchcontentboxlive { display:block; padding:10px 11px 10px 11px; margin:0px; width:171px; height:184px; background:#046994 url(/images/main/gameCastLiveBg.jpg) no-repeat; font-size:12px; }
.versuslive { display:block; width:167px; height:50px; margin-top:5px; }
.versuslive img { border:1px solid #2eb5ef; }
.versuslive img:hover { border:1px solid #fff; }
/* /GAME CAST TOP EVENTS */

/* LADDER FEATURE */
.versus_ladder img { border:1px solid #2eb5ef; }
.versus_ladder img:hover { border:1px solid #fff; }

.ladderHighlightedPlayer { color:#41ffe3; font-size:14px; height:18px; margin:5px 0px 10px 0px; width:auto;}
.ladderHighlightedPlayer a { color:#41ffe3; font-size:14px; height:18px; margin:5px 0px 10px 0px; width:auto;}
/* / LADDER FEATURE */


/* BLUE TABS */
.tabcontainer { width:527px; margin:0px 0px 0px 0px; }
.bluetabs { height:34px; padding:0px; margin:0px; font:bold 11px Arial; text-transform:uppercase; }
.bluetabs li { display:inline; padding:0px; margin:0px; list-style-type:none; }
.bluetabs li a, .bluetabs li a:active, .bluetabs li a:visited { float:left; padding:8px 8px 7px 8px; margin:0px 1px 0px 0px; border:2px solid #0e1a26; background-color:#000; text-decoration:none; color:#01b5ea; }
.bluetabs li a:hover { text-decoration:none; color:#33ffff; border:2px solid #12364b; background-color:#0f2d3f; }
.bluetabs li.selected a, .bluetabs li.selected a:active, .bluetabs li.selected a:visited { border-bottom:2px solid #0e1a26; background-color:#0e1a26; color:#fff; padding:8px; margin:0px 1px 0px 0px; } /*selected main tab */
.bluetabs li.selected a:hover { text-decoration:none; border:2px solid #0e1a26; } /*selected main tab */

.bluetabswithIcon { height:40px; padding:0px; margin:0px; font:bold 11px Arial; text-transform:uppercase; vertical-align:top }
.bluetabswithIcon li { display:inline; padding:0px; margin:0px; list-style-type:none; }
.bluetabswithIcon li a, .bluetabs li a:active, .bluetabs li a:visited { float:left; padding:8px 8px 7px 8px; margin:0px 1px 0px 0px; border:2px solid #0e1a26; background-color:#000; text-decoration:none; color:#01b5ea; }
.bluetabswithIcon li a:hover { text-decoration:none; color:#33ffff; border:2px solid #12364b; background-color:#0f2d3f; }
.bluetabswithIcon li.selected a, .bluetabs li.selected a:active, .bluetabs li.selected a:visited { border-bottom:2px solid #0e1a26; background-color:#0e1a26; color:#fff; padding:8px; margin:0px 1px 0px 0px; } /*selected main tab */
.bluetabswithIcon li.selected a:hover { text-decoration:none; border:2px solid #0e1a26; } /*selected main tab */

.tabcontentstyle { display:block; width:527px; } /*tab content container*/
.tabcontentbox { display:block; width:527px; height:160px; background-color:#0e1a26; padding:20px 0px 0px 0px; margin:0px; }
.tabcontent { display:none; }
@media print { .tabcontent { display:block!important; } }
/* /BLUE TABS */


/* WIDE TABS */
.widetabcontainer { width:100%; margin-bottom:10px; }
.widetabcontentstyle { display:block; width:100%; } /*tab content container*/
.widetabcontentbox { display:block; width:770px; height:auto; background-color:#0e1a26; padding:20px; margin:0px; }
/* /WIDE TABS */


/* SIMPLE TABS */
.simpletabs { height:34px; padding:0px; margin:0px; font:bold 11px Arial; }
.simpletabs li { display:inline; padding:0px; margin:0px; list-style-type:none; }
.simpletabs li a, .simpletabs li a:active, .simpletabs li a:visited { float:left; padding:8px 8px 7px 8px; color:#01b5ea; border-bottom:1px solid #2c5278; }
.simpletabs li a:hover { text-decoration:none; color:#33ffff; }
.simpletabs li.selected a, .simpletabs li.selected a:active, .simpletabs li.selected a:visited { color:#fff; border-top:1px solid #2c5278; border-left:1px solid #2c5278; border-right:1px solid #2c5278; border-bottom:0px; } /*selected main tab */
.simpletabs li.selected a:hover { text-decoration:none; } /*selected main tab */
.simpletabcontentstyle { display:block; width:98%; padding:10px 10px 0px 10px; } /*tab content container*/
/* /SIMPLE TABS */


/* MOST POPULAR DOWNLOADS */
.mediathumbrow { display:block; width:526px; height:auto; }
.mediathumbrow li { float:left; width:175px; height:auto; }
.mediathumbrow img { display:block; border:2px solid #2eb5ef; margin:0px auto 0px auto; }
.mediathumbrow img:hover { display:block; border:2px solid #fff; }
.mediathumbdesc { display:block; padding:4px 5px 0px 7px; margin:0px auto 18px auto; width:113px; height:17px; background:url(/images/main/mediaThumbDesc.gif) no-repeat; color:#66c5ff; font-size:9px; }
/* /MOST POPULAR DOWNLOADS */


/* FEATURED WALLPAPERS, SCREENSHOTS, VIDEOS */
.featuredmediacontainer { display:block; margin:30px 0px 10px 10px; }
/* /FEATURED WALLPAPERS, SCREENSHOTS, VIDEOS */


/* RIGHT BOX */
.rightboxtop { display:block; width:276px; height:46px; margin-left:10px; }
.rightboxmid { display:block; width:276px; height:auto; padding:1px 0px 1px 0px; margin-left:10px; background:url( /images/right/rightBoxMid.gif) repeat-y; }
.rightboxbottom { display:block; width:276px; height:10px; margin:0px 0px 20px 10px; background:url(/images/right/rightBoxBottom.gif) no-repeat; }
.rightboxcontentcontainer { display:block; width:221px; height:auto; padding-left:1px; margin:0px 0px 10px 0px; }
/* /RIGHT BOX */


/* RIGHT CLAN BOX */
.rightclanboxtop { display:block; width:276px; height:46px; margin-left:10px; }
.rightclanboxmid { display:block; width:276px; margin-left:10px; background:url(/images/right/rightClanBoxMid.gif) repeat-y; }
.rightclanboxbottom { display:block; width:276px; height:10px; margin:0px 0px 10px 10px; background:url(/images/right/rightClanBoxBottom.gif) no-repeat; }
.rightclanlistitem { margin-left:9px; }
.rightclanlistitem li { float:left; width:257px; height:22px; padding:0px; margin:0px; }
.rightlistnum { float:left; width:25px; height:22px; margin-right:8px; text-align:center; background-color:#074166; color:#2eb5ef; font:bold 10px "Trebuchet MS", trebuchet, Verdana; }
.rightclanlistitem img { float:left; vertical-align:middle; }
.rightlistname a, .rightlistname a:active, .rightlistname a:visited { float:left; margin-left:4px; padding:0px 4px 0px 4px; font-size:10px; color:#cfdde4; }
.rightlistname a:hover { background-color:#15425e; color:#fff; }
.rightlistrecord { float:right; width:70px; padding-right:10px; text-align:right; color:#5c8aa1; font-size:10px; }
a.userlistname, a.userlistname:active, a.userlistname:visited { font:bold 10px Verdana; color:#41ffe3; }
a.userlistname:hover { color:#fff; }

.rightclanlistitem1 { display:block; width:257px; margin-left:9px; height:66px; }
.rightlistnum1 { float:left; width:25px; height:58px; padding-top:8px; text-align:center; background-color:#074166; color:#2eb5ef; font:bold 14px "Trebuchet MS", trebuchet, Verdana; }
.rightlistname1 { float:left; width:212px; height:46px; padding:10px; background-color:#0a1f2b; font-size:10px; }
.rightlistavatar1 { float:right; }
.rightlistavatar1 img { border:1px solid #2eb5ef; }
.rightlistavatar1 img:hover { border:1px solid #fff; }

.rightclanlisttitles { display:block; width:257px; margin-left:9px; height:27px; font-weight:bold; }
.rightlistnumtitle { float:left; width:25px; height:27px; background-color:#074166; }
.rightlistnametitle { float:left; width:106px; height:17px; padding:2px 0px 0px 10px; border-top:1px solid #36526b; color:#2eb5ef; background-color:#062e47; }
.rightlistrecordtitle { float:right; width:105px; height:17px; padding:2px 10px 0px 0px; text-align:right; border-top:1px solid #36526b; border-right:1px solid #36526b; color:#2eb5ef; background-color:#062e47; }
/* /RIGHT CLAN BOX */


/* RIGHT AD BOX */
.rightadboxtop { display:block; width:276px; height:11px; margin-left:10px; background:url(/images/right/rightAdBoxTop.gif) no-repeat bottom; }
.rightadboxmid { display:block; width:276px; height:auto; margin-left:10px; background:url(/images/right/rightAdBoxMid.gif) repeat-y; }
.rightadboxmidbg { display:block; width:276px; background:url(/images/right/rightAdBoxMidBg.gif) no-repeat; }
.rightadboxbottom { display:block; width:276px; height:10px; margin:0px 0px 20px 10px; background:url(/images/right/rightAdBoxBottom.gif) no-repeat; }
.rightbox img { border:1px solid #2eb5ef; margin-left:11px; }
/* /RIGHT AD BOX */


/* BLOG BOX */
.blogbox { display:block; width:276px; height:350px; margin:0px 0px 20px 10px; background:url(/images/right/blogBoxBg.gif) no-repeat; }
.blogtitle { display:block; width:226px; height:54px; margin-left:29px; }
.rightlist { display:block; text-align:right; width:226px; height:130px; margin-left:25px; }
.rightlist p { margin:0px 0px 15px 0px; }
.podcasttitle { display:block; width:226px; height:40px; margin-left:21px; }
.leftlist { display:block; width:225px; height:120px; margin-left:25px; padding-left:1px; }
.leftlist p { margin:0px 0px 15px 0px; }
/* /BLOG BOX */


/* ACCORDION BOXES */
.accordioncontent { display:block; width:528px; height:auto; margin:0px 0px 0px 14px; }
.toggleinfostyle { display:block; height:auto; padding:20px; border-bottom:1px solid #2c5278; }
.toggleinfobarstyle { display:block; height:auto; padding:20px; background-color:#042a46; }
a.togglelinkbar, a.togglelinkbar:active, a.togglelinkbar:visited { display:block; font-weight:bold; }
/* /ACCORDION BOXES */

/* DATAGRID */
.gridView {color:#fff; font-size:12px; border-bottom:1px solid #0b2e4c;}
.gridHeaderStyle{font:bold 14px "Trebuchet MS", trebuchet, Arial; color:#fff; margin:0px 0px 10px 0px; text-transform:uppercase; border-bottom:1px solid #2c5278; width:auto;}
.gridRowStyle {color:#fff; font-size:12px; border-bottom:1px solid #0b2e4c; height:18px; margin:5px 0px 10px 0px; width:auto;}
.gridItemFeatured {color:#fff; font-size:12px; border-bottom:1px solid #0b2e4c; font-weight:bold; width:auto;}
.gridFooterStyle {color:#fff; font-size:12px; font-weight:bold; height:20px;}
.gridPagerStyle {color:#fff; font-size:12px; font-weight:bold; letter-spacing:2px; } 
.gridPagerStyle td { padding:2px;}     

/* CLAN DATAGRID */
.clan_gridView {color:#fff; font-size:12px;}
.clan_gridHeaderStyle{font:bold 14px "Trebuchet MS", trebuchet, Arial; color:#fff; margin:0px 0px 10px 0px; text-transform:uppercase; border-bottom:1px solid #2c5278; width:auto;}
.clan_gridRowStyle { vertical-align:bottom; height:18px; background-color:#0e1a26; font-size:12px;  margin:5px 0px 0px 0px; width:auto;}
.clan_gridAltRowStyle { vertical-align:bottom;  height:18px; background-color:#0c2035; font-size:12px;  margin:5px 0px 0px 0px; width:auto;}
.clan_gridItemFeatured {color:#fff; font-size:12px; border-bottom:1px solid #0b2e4c; font-weight:bold; width:auto;}
.clan_gridFooterStyle {color:#fff; font-size:12px; font-weight:bold; height:20px;}
.clan_gridPagerStyle {color:#fff; font-size:12px; font-weight:bold; letter-spacing:2px; } 
.clan_gridPagerStyle td { padding:2px;}    


.gridMatchHistoryHeaderStyle{font:bold 8px "Trebuchet MS", trebuchet, Arial; color:#fff; margin:0px 0px 10px 0px; text-transform:uppercase; border-bottom:1px solid #2c5278; width:auto;}
.gridMatchHistoryRowStyle {color:#fff; font-size:10px; border-bottom:1px solid #0b2e4c; height:18px; margin:5px 0px 10px 0px; width:auto;}

/* /DATAGRID */


/* EXTRAS */
.errorlabel {font:bold 12px "Trebuchet MS", trebuchet, Arial; color:#FF0033;}


/* HEADERS */
#headerarea { display:block; width:908px; height:153px; margin-bottom:20px; }
#menuMain{ top:0px; left:0px; position:absolute; visibility:hidden; overflow:hidden;}

#insidecc3header { display:block; width:842px; height:60px; padding:102px 0px 0px 10px; margin:0px 0px 22px 21px; background:url(/images/header/insideCC3Header.jpg) no-repeat 11px 11px; }
#communityheader { display:block; width:842px; height:60px; padding:102px 0px 0px 10px; margin:0px 0px 22px 21px; background:url(/images/header/communityHeader.jpg) no-repeat 11px 11px; }
#myprofileheader { display:block; width:842px; height:60px; padding:102px 0px 0px 10px; margin:0px 0px 22px 21px; background:url(/images/header/myProfileHeader.jpg) no-repeat 11px 11px; }
#laddersheader { display:block; width:842px; height:60px; padding:102px 0px 0px 10px; margin:0px 0px 22px 21px; background:url(/images/header/laddersHeader.jpg) no-repeat 11px 11px; }
#tournamentsheader { display:block; width:842px; height:60px; padding:102px 0px 0px 10px; margin:0px 0px 22px 21px; background:url(/images/header/tournamentsHeader.jpg) no-repeat 11px 11px; }
#clansheader { display:block; width:842px; height:60px; padding:102px 0px 0px 10px; margin:0px 0px 22px 21px; background:url(/images/header/clansHeader.jpg) no-repeat 11px 11px; }
#searchheader { display:block; width:842px; height:60px; padding:102px 0px 0px 10px; margin:0px 0px 22px 21px; background:url(/images/header/searchHeader.jpg) no-repeat 11px 11px; }
/* /HEADERS */


/* HOME PAGE FLASH */
#homemediabox { display:block; width:565px; height:329px; margin:0px 0px 20px 20px; }
/* /HOME PAGE FLASH */


/* BODY CONTAINER */
#bodycontainer { background:url(/images/main/sidesBgRepeat.gif) repeat-y; }
/* /BODY CONTAINER */


/* BACKGROUND IMAGES */
#homebgimg { background:url(/images/homeBg.jpg) no-repeat; min-height:1015px; height:auto; }
#insidecc3bgimg { background:url(/images/insideCC3Bg.jpg) no-repeat; min-height:1015px; height:auto; }
#communitybgimg { background:url(/images/communityBg.jpg) no-repeat; min-height:1015px; height:auto; }
#myprofilebgimg { background:url(/images/myProfileBg.jpg) no-repeat; min-height:1015px; height:auto; }
#laddersbgimg { background:url(/images/laddersBg.jpg) no-repeat; min-height:1015px; height:auto; }
#tournamentsbgimg { background:url(/images/tournamentsBg.jpg) no-repeat; min-height:1015px; height:auto; }
#clansbgimg { background:url(/images/clansBg.jpg) no-repeat; min-height:1015px; height:auto; }
#searchbgimg { background:url(/images/searchBg.jpg) no-repeat; min-height:1015px; height:auto; }
/* /BACKGROUND IMAGES */


/* COLUMN CONTAINER */
#columncontainer { display:block; width:892px; height:100%; margin:0px 0px 0px 15px; }
/* /COLUMN CONTAINER */

/* MAIN COLUMN */
#maincolumn { float:left; width:586px; height:100%; }
/* /MAIN COLUMN */


/* RIGHT COLUMN */
#rightcolumn { float:right; width:306px; height:100%; }
/* /RIGHT COLUMN */


/* POLL */
#poll { display:block; clear:both; margin:10px 0px 20px 10px; width:852px; height:93px; background:url(/images/poll/pollBox.gif) no-repeat; }
#polltitle { float:left; width:132px; height:93px; }
#pollcontainer { float:left; width:720px; height:93px; }
#pollquestion { display:block; padding:18px 20px 0px 20px; width:680px; height:12px; color:#fff; text-align: left;}
#pollanswers { float:left; padding:10px 0px 0px 20px; width:550px; height:53px; text-align: left;}
.pollanswerscol { float:left; width:130px; margin-right:10px; }
#pollbtncontainer { float:left; padding:25px 20px 0px 0px; width:120px; height:38px; text-align:right; }
#pollbtncontainer1 { float:left; padding:14px 20px 0px 0px; width:120px; height:38px; text-align:right; }
#pollbtn { display:block; }
#pollbtn img { border:0px; position:relative; top:6px; left:5px; }
.rahmen { border: 0px; padding:3px 5px 3px 10px; background:#174e6d url( /images/btnCornerTL.gif) no-repeat; font-size:11px; font-weight:bold; color:#41ffe3; text-decoration:none; }
#pollbtn a, .pollbtn a:active, .pollbtn a:visited { padding:3px 5px 3px 10px; background:#174e6d url( /images/btnCornerTL.gif) no-repeat; font-size:11px; font-weight:bold; color:#41ffe3; text-decoration:none; }
#pollbtn a:hover { background-color:#206993; color:#fff; cursor:pointer; }
/* /POLL */


/* BOTTOM AD */
#bottomad { display:block; clear:both; padding:11px 11px 12px 11px; margin:10px 0px 0px 10px; width:830px; height:90px; background:url(/images/bottomAdBox.gif) no-repeat; }
/* /BOTTOM AD */


/* FOOTER */
#footer { padding:85px 20px 0px 20px; margin:0px; background:url(/images/footer/footerBg.gif) no-repeat; height:253px; overflow:hidden; color:#70a4ba; }
#footercontainer { display:block; width:868px; height:44px; }
#footerratings { float:left; width:228px; height:44px; }
#footerlinks { float:left; padding-top:14px; font-size:10px; width:640px; height:30px; }
#footerlinks a, #footerlinks a:active, #footerlinks a:visited { padding:0px 3px 0px 3px; color:#2eb5ef; text-decoration:none; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;  }
#footerlinks a:hover { color:#ffffff; text-decoration:none; background-color:#23799e;}
#footer img { float:left; padding-right:10px; }
#sponsorscontainer { display:block; margin-top:40px; width:868px; height:auto; }
#sponsorscenter { display:block; width:300px; margin:0px auto 0px auto; }
#sponsors { float:left; padding:10px 0px 10px 0px; background:#040d11 url(/images/footer/sponsorsBox.gif) repeat-x; border:1px solid #193b49; }
#sponsors img { padding:0px 15px 0px 15px; }
/* /FOOTER */


/* SCROLLER RIGHT*/
/* The total width of the scrolling div including scrollbar */
#dhtmlgoodies_scrolldiv { float:left; width:270px; height:500px; }
#scrolldiv_parentContainer{ height:100%; overflow:hidden; float:left; position:relative; }
	
/* CSS for the scrolling content */
#scrolldiv_content { position:relative; }
	
/* The scrollbar slider */
#scrolldiv_slider { width:15px; margin-left:10px; height:500px; float:right; }
	
/* The scrollbar (The bar between the up and down arrow ) */
#scrolldiv_scrollbar { position:relative; width:15px; height:460px; /* Total height - 40 pixels */ }

/* The scrollbar handle */
#scrolldiv_theScroll { margin:1px; width:13px; height:50px; background-color:#4e93b1; position:absolute; top:0px; left:0px; cursor:pointer; }

/* Scroll buttons(The up and down arrows) */
#scrolldiv_scrollUp,#scrolldiv_scrollDown { width:13px; height:13px; border:1px solid #0b2e4c; text-align:center; cursor:pointer; }
#scrolldiv_scrollUp { margin-bottom:2px; }
#scrolldiv_scrollDown{ margin-top:2px; }
/* /SCROLLER RIGHT */


/* SCROLLER BUDDY LIST*/
/* The total width of the scrolling div including scrollbar */
#dhtmlgoodies_scrolldivbuddy { float:left; width:270px; height:90px; }
#scrolldivbuddy_parentContainer{ height:100%; overflow:hidden; float:left; position:relative; }
	
/* CSS for the scrolling content */
#scrolldivbuddy_content { position:relative;}
	
/* The scrollbar slider */
#scrolldivbuddy_slider { width:15px; margin-left:10px; height:90px; float:right; }
	
/* The scrollbar (The bar between the up and down arrow ) */
#scrolldivbuddy_scrollbar { position:relative; width:15px; height:50px; /* Total height - 40 pixels */ }

/* The scrollbar handle */
#scrolldivbuddy_theScroll { margin:1px; width:13px; height:20px; background-color:#4e93b1; position:absolute; top:0px; left:0px; cursor:pointer; }

/* Scroll buttons(The up and down arrows) */
#scrolldivbuddy_scrollUp,#scrolldivbuddy_scrollDown { width:13px; height:13px; border:1px solid #0b2e4c; text-align:center; cursor:pointer; }
#scrolldivbuddy_scrollUp { margin-bottom:2px; }
#scrolldivbuddy_scrollDown{ margin-top:2px; }
/* /SCROLLER BUDDY LIST */


div.pollresults { font-family:Arial,Helvetica,sans-serif; }
h1#pollname { font-size:16px;	font-weight:bold;	}
h2.pollquestion { margin-top:0px; margin-bottom:6px; margin-left:25px; font-size:14px; font-family:Arial,Helvetica,sans-serif; font-weight:bold; }
div.pollresult { margin-bottom:12px; }
table.pollgraph td { font-size:14px; }
table.polllegend { border:1px solid #2eb5ef; margin-top:14px; margin-left:105px; }
table.polllegend td { font-size:11px; }

#dhtmltooltip {position: absolute; width: 150px; border: 2px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }

/* menubtn */
.menubtncontainer { display:block; padding:10px 0px 0px 0px; margin:0px; height:25px; text-align:center; width: auto;}
.menubtncontainerleft { display:block; padding:10px 0px 0px 0px; margin:0px; height:25px; text-align:left; }
.menubtncontainerstat { display:block; padding:10px 0px 0px 0px; margin:0px; height:25px; text-align:center; vertical-align:middle;}
.menubtn { display:block; width: auto; }
.menubtn img { border:0px; position:relative; top:5px; left:5px; }
.menubtn a, .menubtn a:active, .menubtn a:visited { height: 25px; width: auto; padding:3px 5px 3px 10px; background: url( /images/menu/submenu/tl.gif) no-repeat; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-color: #30B2EC; font-size:9px; font-weight:bold; font-family:Verdana, Arial, sans-serif; color:#41ffe3; text-decoration:none; }
.menubtn a:hover { background-color:#153e57; color:#fff; text-decoration:bold; cursor:pointer; }
/* /menubtn */

.scrollbox {
scrollbar-3dlight-color: black;
scrollbar-arrow-color: #4E93B1;
scrollbar-darkshadow-color: black;
scrollbar-face-color: #0B2E4C;
scrollbar-highlight-color: #4E93B1;
scrollbar-shadow-color: #4E93B1;
scrollbar-track-color: #4E93B1;
border-left-width: 1px;
border-color: #2C5278;
height: 100%;
overflow:auto
}