html{overflow-y:scroll;background:#fff url(/images/body-bg.png) repeat-x;}
a{text-decoration:none;outline:none;}
a:hover{text-decoration:underline;}
form{padding:0;margin:0;}
h1{margin-bottom:10px;font-size:1.1em;}

/*********** LAYOUT ***********/
body {margin:0; padding:0; color:#949494; padding:0; margin:0; font-family:arial; }

#wrap {margin: 0px auto; padding:0px 0px 0px 0px; width:980px; background-color:#fff;}
#page {float:left; padding:0; margin:0 auto; width:980px; background:#fff url(/images/page-bg.png) no-repeat;}
.content-block {float:left; width:960px; margin:0 auto; padding:10px 10px 0px 10px;}
.content-block .left {float:left; width:639px; margin:0; padding:0;}
.content-block .right {float:right; width:306px; margin:0; padding:0;}

/******* VB *********/
.body_wrapper {margin:0 6px;}
.logo-image {display:none;}
.doc_header {height:35px;}
.hasad {margin-right:0;}

/*********** HEADER **************/
#hpheader {float:left; position:relative; width:980px; padding:5px 0px 5px 0px; margin:0; overflow:hidden;}

#logo {float:left; height:72px; width:249px; padding:0; margin: 6px 0px 5px 9px;} 
#logo a {float:left; display:block; margin:0; width:249px; height:72px; padding:0; text-indent:-2000em; overflow:hidden; text-decoration:none; z-index:1000; background: url(/images/sprite-main.png) -9px -6px no-repeat;}

/*********** SEARCH BAR ***********/
#search-bar {float:left; position:relative; width:416px; height:77px; margin:3px 0px 3px 24px; padding:0; background: url(/images/sprite-main.png) -282px -3px no-repeat;}
#search-form {float:left; margin:12px 0px 5px 16px; padding:0;}
#search-bar .search-text {float:left; height:30px; width:276px; padding:0px 30px 0px 10px; border:0; color: #2753a3; background: url(../images/sprite-main.png) 0px -582px no-repeat; line-height:30px; font-size:1em;}
#search-bar .search-button {float:left; height:30px; width:67px; border:0; padding:0; background: url(../images/sprite-main.png) -316px -582px no-repeat; text-indent: -2000em; cursor: pointer;}
#search-more {float:left; width: 100%; height:30px; margin:0; padding:5px 0; text-align:center; font-size:0.9em;}
#search-more b {color:#666666; font-weight:bold; margin-right:5px;}
#search-more a {color:#2753a3;}

/*********** USER BAR ***********/
#user-bar {float:left; position:relative; width:251px; height:77px; margin:3px 7px 3px 24px; padding:0; background: url(/images/sprite-main.png) -722px -3px no-repeat;}
#user-bar .hpavatar {position:absolute; left:10px; top:12px; border: 1px solid #fff;}
#user-bar .hpavatar img{border:none;}
#user-bar .user-info {position:absolute; left:72px; top:12px; width:170px; color:#fff;font-size:16px;}
#user-bar .username {width:170px; color:#fff; vertical-align: middle;}
#user-bar .username a {color:#fff;}
#user-bar .fb-connect {float:left; width:229px; height:21px; display:block; margin:15px 0px 0px 11px; background: url(/images/sprite-main.png) -639px -173px no-repeat; overflow:hidden; text-indent:-2000em;}
#user-bar .hp-signup {float:left; width:229px; margin:5px 0px 0px 10px; text-align:center; font-size:11px; line-height:1.6em; color:#fff;}
#user-bar .hp-signup a {font-weight:bold; color:#fff; cursor:pointer;}
#user-bar .hp-login {line-height:1.6em; font-size:0.7em;}
#user-bar .hp-login a {font-weight:bold; color:#0f243e; cursor:pointer;}
#user-bar .fbfavico {position:absolute; top:50px; left:45px; width:14px; height:14px; border:1px solid #fff;}
#user-bar .mlinks {font-size:0.8em; color:#fff; margin:3px 0px 0px 0px; line-height:1.1em;}
#user-bar .mlinks a {font-weight:bold; font-size:1em; color:#fff; padding-left:2px;}

#site-channels {float:left; padding:2px 0px 2px 0px; height:41px; width:980px; margin:0; background: url(/images/sprite-main.png) 0 -83px no-repeat; overflow:hidden;}
#site-channels ul {float:left; list-style: none; margin:0; padding:0; font-size:0.9em; line-height:41px; font-weight:bold;}
#site-channels li {float:left; padding: 0px 11px 0px 13px; margin: 0; height:41px; border-right: 1px solid #fff;font-size:14px;}
#site-channels li a {color: #fff; font-weight:bold; line-height:41px;}
#site-channels .topscore {padding-left:38px; background: url(/images/sprite-main.png) -939px -261px no-repeat;}
#site-channels .last {border:none;}

#submenu {float:left; height:45px; width:980px; padding:0; margin:0; background: url(/images/sprite-main.png) 0 -128px no-repeat; overflow:hidden;}
#submenu ul {float:left; list-style: none; margin:0; padding:0px 0px 0px 10px; font-size:14px;}
#submenu li {float:left; margin: 0; padding:0px 25px 0px 41px; line-height:41px;}
#submenu li a {color: #fff; font-weight:bold;}
#submenu .new {background: url(/images/sprite-main.png) -939px -302px no-repeat;}
#submenu .popular {background: url(/images/sprite-main.png) -939px -343px no-repeat;}
#submenu .community {background: url(/images/sprite-main.png) -939px -384px no-repeat;}
#submenu .challenge {background: url(/images/sprite-main.png) -939px -425px no-repeat;}
#submenu .follow-facebook {float:right; width:205px; height:21px; display:block; margin:11px 10px 0px 0px; background: url(/images/sprite-main.png) -639px -194px no-repeat; overflow:hidden; text-indent:-2000em;}

#site-search {position:absolute; float:left; bottom:8px; right:30px;}

.ad-banner {background-color:#FEFEFE; border-bottom:1px  solid #85B5B0; border-top:1px solid #85B5B0; float:right; margin:5px 0; padding:5px 0; text-align:center; width:100%;}

/*********** FOOTER ***********/
#hpfooter {float:left; text-align:center; width:960px; color:#343434; text-align:center; font-size: 0.7em; padding:10px 0px 0px 0px; margin:10px 10px 5px 10px; background: url(/images/footer.png) center top no-repeat;}

#hpfooter .block {float:left; text-align:center; padding:10px; width:940px;}
#hpfooter .foot {float:left; width:960px; padding:0; margin:0; background: url(/images/footer.png) center bottom no-repeat;}
#hpfooter a {color:#000; text-decoration: underline;}
#hpfooter a:hover {text-decoration: none;}
#hpfooter ul {text-align:left; list-style: none; padding:0; margin: 3px 0px 3px 0px;}
#hpfooter li {display: inline; margin: 0px 15px 0px 0px;}

#hpfooter .head {float:left; padding:0px 5px 0px 5px; width:960px; color:#fff; height:75px;}
#hpfooter h1 {text-align:left; margin:0; padding:0px 0px 0px 10px; font-size:12px; color:#233954; font-weight:bold;}
#hpfooter .submit {float:right; display:block; height:55px; width:165px; padding:0; text-indent:-2000em; overflow:hidden;}
#hpfooter .text-link {width:700px; padding:5px 0px 0px 10px;}
#hpfooter .text-link li {float:left; width:120px; display:block;font-size:11px;}
#hpfooter .text-link li a {color:#fff;}

#hpfooter .site-desc {float:left; text-align:left; padding:5px 15px 5px 15px; width:930px; font-size:1.2em;}
#hpfooter .site-links {float:left; text-align:left; padding:5px 15px 5px 15px; width:940px;}

#hpfooter .site-links a {font-size:11px;}
#hpfooter .site-links strong {font-size:11px;}

#hpfooter .logo-link {float:left; height:54px; margin:5px 0px 20px 0px;}
#hpfooter .logo-link img {border:0;}

#hpfooter .more {float:left; margin: 10px 0px 10px 0px;  width:930px;}
#hpfooter .more li {float:left; padding-right:16px; margin:0; background: url(../images/spacer1.png) right center no-repeat;}

#sub-footer {float:left; font-size:0.7em; width:960px; padding:0px 0px 5px 12px;}
#sub-footer ul {text-align:left; list-style: none; padding:0; margin: 3px 0px 3px 0px;}
#sub-footer li {display: inline; margin: 0px 15px 0px 0px;}
#sub-footer li a {color: #3a3a3a; text-decoration: underline; font-weight:bold;font-size:11px;}
#sub-footer li a:hover {text-decoration: none;}

/*********** NETWORK FOOTER **********/
#network-footer {float:left; margin:0px; padding:0; height:41px; width:100%; background: url(../images/network-footer-bkgnd.png) 0 0 repeat-x;}
#network-footer .cdiv {width:980px; margin:0 auto;}
#network-footer .copyright {float:left; padding:10px 0px 0px 0px; color:#2753a3; font-size:0.8em;margin:0;}
#network-footer .copyright a {color:#2753a3;}
#network-footer .hpm {float:right; padding:9px 0px 0px 0px;margin:0;}
#network-footer .hpm img {border:0;}
	

.hptabpane {height:750px;overflow-y:auto;margin-top:5px;}
.hptabpane table{width:100%;border-spacing:0;}
.hptabpane tbody{width:100%;}
.hptabpane th{background:#5680a5;color:#fff;margin:0;padding:5px 6px 5px 6px;border:0;}
.hptabpane table td{font-size:.8em;font-family:arial;margin:0;padding:5px 6px 5px 6px;border:0;border-bottom:1px solid #bfbfbf;vertical-align:middle;}
.hptabpane tr.alt{background-color:#f4f7ff;}
.hptabpane a{font-weight:bold;color:#3e648d;}
.hptabpane .thumb{float:left;margin:2px 3px 2px 0;}
.hptabpane .thumb img{border:1px solid #444;}
.hptabpane .avatar{float:left;margin:2px 3px 2px 0;width:20px;height:20px;}
.hptabpane .avatar img{border:1px solid #444;}
.hptabpane .link{float:left;line-height:20px;margin:2px 0 2px 5px;width:160px;}
.hptabpane .winner{background:url(/images/challenge-winner.png) 3px 9px no-repeat;padding-left:23px;}
.hptabpane .winner .avatar img{border:1px solid #f1b316;}
.hptabpane .winner .link{color:#f1b316;width:105px;}
.hptabpane .loser{background:url(/images/challenge-loss.png) 8px 7px no-repeat;padding-left:22px;}
.hptabpane .loser .avatar img{opacity:.40;-moz-opacity:.40;filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)";}
.hptabpane .loser .link{opacity:.40;-moz-opacity:.40;filter:alpha(opacity=40);-ms-filter:"alpha(opacity=40)";width:105px;}
.hptabpane .draw{background:url(/images/challenge-draw.png) 8px 7px no-repeat;padding-left:22px;}
.hptabpane .draw .avatar img{opacity:.60;-moz-opacity:.60;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";}
.hptabpane .draw .link{opacity:.60;-moz-opacity:.60;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";width:105px;}
.hptabpane .open .avatar img{opacity:.60;-moz-opacity:.60;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";}
.hptabpane .open .link{opacity:.60;-moz-opacity:.60;filter:alpha(opacity=60);-ms-filter:"alpha(opacity=60)";}


/*************** LOAD MASK ******************/
.loadmask {z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.5; opacity: .50; filter: alpha(opacity=50); background-color: #CCC; width: 100%; height: 100%; zoom: 1;}
.loadmask-msg {z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #6593cf; background: #c3daf9; padding:2px;}
.loadmask-msg div {padding:5px 10px 5px 25px; background: #fbfbfb url('/images/loading.gif') no-repeat 5px 5px; line-height: 16px; border:1px solid #a3bad9; color:#222; font:normal 11px tahoma, arial, helvetica, sans-serif; cursor:wait;}
.masked {overflow: hidden !important;}
.masked-relative { position: relative !important;}


/************** FORUM COLORS ******************/
.above_body {background: url("/forum/images/gradients/gradient-grey-down.png") repeat-x scroll 0 0 #80b13f;}
.navbar {background: none repeat scroll 0 0 #80b13f;}
.toplinks ul.nouser li a{background:#4576b0;}
.toplinks ul.isuser li a{background:#4576b0;}
.toplinks .logindetails {background:#4576b0;}
.navtabs {background:#4576b0 url(/forum/imagesimages/buttons/newbtn_middle.png) repeat-x; border-top:1px solid #fff; border-bottom:1px solid #fff;}
.navtabs li a.navtab {background:#759cc9 url(/forum/imagesimages/buttons/newbtn_middle.png) repeat-x; border-top:none; border-bottom:none;}
.navtabs li a.navtab:hover {background:#759cc9 url(/forum/imagesimages/gradients/selected-tab-gradient-with-top-alpha.png) repeat-x 0 -4px;}

.forumhead {background: #4576b0 url(/forum/imagesimages/buttons/newbtn_middle.png) repeat-x;}
.threadlisthead {background: #4576b0 url(/forum/imagesimages/buttons/newbtn_middle.png) repeat-x;}
.postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {background:url("/forum/imagesimages/buttons/newbtn_middle.png") repeat-x scroll 0 0 #4576b0;}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {padding:8px 0px 8px 0px;}
.threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {padding:8px 0px 8px 0px;}
.threadbit .threadstats {padding:8px 0px 8px 0px;}
.globalsearch .textboxcontainer {border-left:1px solid #FFFFFF;}
.globalsearch .textboxcontainer span {border:none; padding-top:5px;}
.globalsearch .buttoncontainer span {border:none;}
.globalsearch .buttoncontainer {border-left:1px solid #FFFFFF; border-right:none;}

.toplinks ul.isuser li {color:#fff;}