/* The general styles that apply to all elements */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* The main body element */
body{width:100%;font-family:Helvetica Neue,Helvetica,Calibri,Arial, sans-serif,sans,Verdana,Tahoma;font-size:90%;line-height:1.20em;color:#ddd;background-color:#222222;}
/* Things that will not be visible to the regular eye :) */
#access,#footer li.html a span,#footer li.css a span,#footer li.php a span,#footer li.mysql a span,h2,h1{position:absolute;left:-9999px;}
/* The links */
a{color:#33ccff;text-decoration:none;}
a:hover{color:#22bbdd;text-decoration:none;border-bottom:1px dotted #33ccff;}
/* The images */
img{max-width:740px;-ms-interpolation-mode:bicubic;}
a img{border:0;}
/* The paragraphs */
p{margin-bottom:20px;}
/* The headings */
h1,h2,h3,h4,h5{font-weight:bold;font-variant:small-caps;}
/* The tables */
table{margin:0 auto;}
table td{padding:5px;}
#loggedin{width:960px;float:right;text-align:right;list-style-type:none;font-size:110%;color:#EEE;margin-top:14px;overflow:visible;}
#loggedin a{color:#fff;}
#loggedin a:hover{}
/* Login box */
#header form{width:40%;float:right;text-align:left;color:#FFF;margin-top:22px;}
#head form fieldset{border:0px;}
#head form legend{display:none;}
#header form p{color:#FFF;clear:both;float:right;padding-right:7px;}
#header form input{background-color:#F0F0F0;border:1px #999 solid;padding:1px;width:90px;font-size:90%;}
#header form .submit{margin-top:13px;padding:0;width:50px;height:17px;}
#header form ul{list-style-type:none;float:right;}
#header form ul li{float:left;margin-right:7px;}3
/* The navigation menu */
#topnav{clear:both;list-style-type:none;width:960px;text-align:center;font-size:120%;}
#topnav ul{text-align:center;}
#topnav li{display:inline;}
#topnav li a{color:#FFF;border-bottom:4px solid #333;padding-bottom:6px;margin-right:10px;}
#topnav li a:hover,#topnav li a.active{text-decoration:none;border-bottom:4px solid #FFF;}
/* The searchbox */
#searchbox{float:right;margin:0px;padding:0px;}
#searchbox input{font-size:100%;margin:0;border:1px solid #CCC;}
#searchbox input.box{padding:1px;width:115px;}
#searchbox input.submit{background-color:#FFF;color:#666;width:45px;}
#searchbox input.box:hover,#searchbox input.submit:hover,#searchbox input.box:focus{border:1px solid #000;color:#000;}
/* These are for the box around bodyarea */
#bodyarea{float:left;width:920px;margin-left:10px;background:transparent url('/images/testBG.png') repeat;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em;padding-left:10px;padding-right:10px;padding-top:10px;margin-top:10px;margin-bottom:10px;}
/* #bodyarea_top{background:#FFF url(images/bodyareatop.gif) no-repeat left;height:8px;}
*/
#bodyarea_bottom{height:1px;}
/*
#bodyarea_top div,#bodyarea_bottom div{background:#FFF url(images/bodyareatop.gif) no-repeat right;width:50px;height:8px;float:right;}
#bodyarea_bottom div{background:#FFF url(images/bodyareabot.gif) no-repeat right;}
*/
/* The linktree */
.nav{font-size:150%;margin-bottom:10px;}
.nav a{font-weight:bold;}
.nav a:hover{}
#tempSpacer{margin-top:10px;margin-left:10px;}
/* THREAD TITLE #bodyarea h3{font-size:160%;color:#666;border-bottom:1px #CCC solid;margin-bottom:5px;clear:both;}
#bodyarea h3 a{color:#666;}
#bodyarea h3 a:hover{color:#000;}
*/
.collapse img{position:relative;float:right;bottom:20px;}
#bodyarea h4 a{}
#bodyarea h4 a:hover{}
/* BoardIndex spesific */
#newsfader{border-bottom:1px #678751 solid;margin-bottom:15px;padding:2px 10px 10px 10px;text-align:center;}
#newsh1{text-align:center;}
.boards{margin-bottom:5px;list-style-type:none;line-height:32px;}
.boards h3{float:left;}
.boards dt,h4{width:250px;font-size:150%;font-weight:bold;color:#5A7A44;}
.boards dt{float:left;}
.new h3 a{background-color:#33ccff;color:#222;}
.new h3 a:hover{bottom-border:none;text-decoration:underline;}
.boards dd{float:left;}
.boards dd.msgicon{display:none;}
.boards dd.msgbody{display:none;}
.boards .mods{font-size:90%;margin-bottom:10px;}
.boards .chboards{position:relative;top:4px;padding:0;width:100%;font-size:60%;color:#666;}
.boards .chboards a{border:0;padding:0;color:#666;}
.boards .chboards a:hover{color:#000;}
#infocenter{clear:both;width:460px;float:left;}
#infocenter h3{margin-top:20px;text-align:center;}
#lstlist{margin:0px 13px 11px 13px;list-style-type:circle;}
/* MessageIndex spesific */
.pages{float:left;margin-top:10px;font-size:19px;color:#ddd;}
.msgmenu{float:right;list-style-type:none;font-variant:small-caps;font-weight:bold;font-size:120%;margin-top:5px;}
.msgmenu a:hover{border-bottom:0px;}
.msgmenu li{float:left;padding:5px;margin-left:10px;border:1px solid #ccc;}
.msgmenu li:hover{background-color:#444;}
.msgmenu li a{padding:15px 0 15px 30px;}
.msgmenu li a:hover{text-decoration:none;}
.msgmenu li.markread a{font-size:80%;}
.msgmenu li.notify a{display:none;}
.msgmenu li.newpoll a{font-size:80%;}
.msgmenu li.newtopic a{font-size:120%;}
.msgmenu li.reply a{font-size:120%;}
.msgmenu li.sendtopic a{font-size:80%;}
.msgmenu li.print a{font-size:80%;}
.alt{margin-bottom:8px;clear:both;}
#messagetable{width:100%;margin:12px 0;}
#messagetable td.cella1{width:9%;background-color:transparent;}
#messagetable td.cella2{width:11%;}
#messagetable td.cella3{width:4%;text-align:center;}
#messagetable td.cella4{width:22%;}
#messagetable td.cella5{width:22px;text-align:center;vertical-align:middle;}
#messagetable td.cella6{width:4%;text-align:center;vertical-align:middle;}
#messagetable td.cella7{width:11%;}
#messagetable td.cella8{width:11%;}
#messagetable td.cellb1{width:4%;text-align:center;vertical-align:middle;padding-top:10px;}
#messagetable td.cellb2{vertical-align:middle;}
#messagetable td.cellb3{width:14%;vertical-align:middle;}
#messagetable td.cellb4{width:22%;vertical-align:middle;}
#messagetable td.cellb5{text-align:center;}
#msgicons1{float:left;margin-top:15px;}
#msgicons2{float:left;margin:15px 0 0 40px;}
#msgjmp{float:right;margin-top:15px;}
/* Topic Display Spesific */
#whviewingdp{background-color:#FFF;padding:4px 8px;font-size:80%;}
.msgtop{border-top:1px dotted #33ccff;border-bottom:1px dotted #33ccff;padding:5px;}
.msgtop ul li a{top-padding:2px;bottom-padding:2px;}
.msgtop ul li a:hover{background-color:#22bbee;}
.msgbody2{overflow:auto;padding-bottom:10px;margin-bottom:10px;}
.msgleft ul{margin:0;padding:0;list-style-type:none;}
.msgleft li{font-size:90%;}
.msgleft li.mname{font-size:140%;font-weight:bold;line-height:30px;}
.msgleft .avatar{margin-bottom:0px;padding-top:1px;}
.message{padding-top:10px;margin-bottom:10px;}
.pstopicon{float:left;margin:3px 5px 0px 0px;}
.postid{font-size:90%;}
.postbuttons{list-style-type:none;float:right;}
.postbuttons li{display:inline;font-variant:small-caps;font-weight:bold;}
.postbuttons li a{color:#AAA;padding:0 10px;border:1px solid #aaa;}
.postbuttons li a:hover{color:#000;}
.msghr{width:100%;margin-top:7px;color:#678751;background-color:#678751;}
.dispmenu ul{list-style-type:none;float:right;margin:0;padding:0;}
.dispmenu li{display:inline;margin:0;padding:0;line-height:24px;}
.dispmenu a:link{background:url(images/cath1bg.gif);border-left:#E5E5E5 1px solid;border-top:#E5E5E5 1px solid;font-weight:bold;margin:0px;padding:5px 10px 5px 10px;font-size:10px;font-weight:bold;color:#000;}
.dispmenu a:hover{text-decoration:none;background:#FFF;color:#000;}
.dispmenu a.last{border-right:#E5E5E5 1px solid;}
.mnbtm ul{position:relative;bottom:11px;}
.mnbtm a:link{border-top:0px;border-bottom:#E5E5E5 1px solid;}
.dispmsg{width:940px;}
.msgleft{float:left;width:150px;margin-left:10px;}
.msgright{margin-left:10px;float:left;width:750px;}
.report{text-align:right;}
.msgbg1{padding-top:10px;background:transparent url('/images/testBG2.png') no-repeat top;border-radius:1em;-moz-border-radius:1em;-webkit-border-radius:1em;}
.modified{}
.modbuttons{margin:20px 0;font-size:10px;float:left;}
.modbuttons li{display:inline;text-transform:uppercase;font-weight:bold;border-left:1px solid #AAA;padding:0 6px;}
.modbuttons li a{color:#AAA;}
.modbuttons li a:hover{color:#000;}
#quickReplyOptions{padding-bottom:10px;}
#quickReplyOptions textarea{padding:5px;margin-bottom:5px;font-family:Verdana,sans-serif;font-size:95%;}
/* The footer - contains the copyright */
#footcont{display:none;background:#000 repeat-x top;padding:1px 0 20px 0;width:100%;height:20px;margin-top:20px;border-top:2px #FFF solid;}
#footer{line-height:150%;font-size:x-small;text-align:center;color:#F0F0F0;list-style-type:none;width:100%;margin:10px auto;}
#footer li{float:right;}
#footer li a{color:#BBB;}
/* !!! SMF Spesific Styles For Compatibility */
hr,.sigHr,.hrcolor{width:98%;margin:auto;height:1px;border:0;color:#ccc;background-color:#ccc;opacity:.25;-moz-opacity:.25;}
/* A quote,perhaps from another post. */
.quote,.code{color:#dddddd;background:#444444;border-right:1px solid #666;border-bottom:1px solid #666;border-left:5px solid #666666;font-size:90%;padding:5px;margin-left:20px;margin-bottom:10px;}
.quote img{max-width:300px;max-height:300px;}
.quote div.quote{background:#444;}
/* The "Quote:" and "Code:" header parts... */
.quoteheader,.codeheader{background:#333;border:1px solid #666;border-left:5px solid #666666;color:#000;font-weight:bold;margin-left:20px;padding:5px;}
.highlight{background:yellow;font-weight:bold;color:black;}
.windowbg,.windowbg3,.windowbg2{color:#ddd;background:transparent;}
.calendar_today{background:#444;}
.titlebg,tr.titlebg th,tr.titlebg td,.titlebg2,tr.titlebg2 th,tr.titlebg2 td{margin-bottom:10px;font-size:100%;color:#666;padding:5px;}
.titlebg img,titlebg2 img{vertical-align:middle;}
.catbg,tr.catbg td,.catbg3,tr.catbg3 td,.catbg2,tr.catbg2 td{background-color:#22bbee;color:#111;padding-left:10px;padding-right:10px;border-top-left-radius:.5em;-moz-border-radius-topleft:.5em;-webkit-border-top-left-radius:.5em;border-top-right-radius:.5em;-moz-border-radius-topright:.5em;-webkit-border-top-right-radius:.5em;}
.catbg,.catbg2{font-weight:bold;}
.catbg3,tr.catbg3 td,.catbg3 a:link,.catbg3 a:visited{font-size:95%;color:#FFF;text-decoration:none;}
.catbg a:link,.catbg a:visited,.catbg2 a:link,.catbg2 a:visited{color:#000;text-decoration:none;}
.catbg a:hover,.catbg2 a:hover,.catbg3 a:hover{color:#e0e0ff;}
.bordercolor{padding:0;}
.tborder{padding:1px;}
.smalltext{font-size:x-small;font-family:verdana,sans-serif;}
.middletext{font-size:85%;}
.normaltext{font-size:small;}
.largetext{font-size:large;}
.post,.personalmessage{overflow:auto;}
.signature{width:100%;overflow:auto;padding-top:5px;line-height:1.3em;font-size:85%;}
.error{color:red;}
#helpmain ul,#helpmain ol{margin:0 0 12px 25px;}
#ajax_in_progress{background:#FFF url(images/ajaxloading.gif) no-repeat 10%;color:#000;text-align:left;font-size:18px;font-family:Helvetica,Arial,"Trebuchet MS",sans-serif;padding:10px;padding-left:65px;position:absolute;left:-105px;width:105px;border:1px solid #D0D0D0;}
#ajax_center{top:45%;width:105px;position:absolute;left:50%;}
#head{height:25px;background-color:#000;width:100%;padding-top:5px;border-bottom-right-radius:.5em;-moz-border-radius-bottomright:.5em;-webkit-border-bottom-right-radius:.5em;border-bottom-left-radius:.5em;-moz-border-radius-bottomleft:.5em;-webkit-border-bottom-left-radius:.5em;}
#headContainer{width:950px;margin-left:10px;}
#tempSpacer{}
}
#leftinfo{width:460px;float:left;}
#rightinfo{width:460px;float:left;margin-left:0px;}
#container{width:960px;margin:0 auto;}
#boardsIndex{width:460px;float:left;margin-right:10px;min-height:405px;}
#boardRow{height:48px;width:460px;float:left;clear:both;position:relative;z-index:1;margin-bottom:18px;}
.msgIcon{width:48px;height:48px;margin-right:10px;float:left;display:none;}
.boardInfo{margin-top:8px;}
.lastPost,.boardName{z-index:2;}
.lastTime{float:right;}
.boardName{line-height:16px;}
.boardName h3{position:relative;}
.boardName h3 a{font-size:160%;}
.boardName h3 a:hover{border-bottom:none;text-decoration:underline;}
.boardStats{-moz-opacity:.25;opacity:.25;position:absolute;top:0px;right:0px;z-index:1;font-size:400%;line-height:50px;}
.postCount,.topicCount{}
.lastPost{float:left;clear:right;position:relative;margin-top:3px;}
#videos,#antiBoredom{float:left;width:450px;}
#videos{display:none;}
#videoPlayer{width:320px;float:left;}
#videoHeader{float:left;width:125px;background-color:#22bbee;padding-left:5px;padding-top:5px;padding-bottom:5px;color:#333;font-weight:bold;font-variant:small-caps;font-size:120%;border-top-right-radius:.5em;-moz-border-radius-topright:.5em;-webkit-border-top-right-radius:.5em;}
#videoThumbs a{display:block;float:left;width:64px;height:48px;margin-left:1px;margin-top:1px;}
#videoThumbs a:hover{margin-left:0px;margin-top:0px;border-left:1px dotted #33ccff;border-bottom:1px dotted #33ccff;}
#events{float:left;width:225px;}
#events ul,#news ul{margin-left:20px;padding-top:5px;line-height:16px;color:#aaa;list-style-type:square;clear:both;}
#news{float:left;width:225px;}
#eventsHeader,#newsHeader{width:219px;background-color:#22bbee;padding-left:5px;padding-top:5px;padding-bottom:5px;color:#333;font-weight:bold;font-variant:small-caps;font-size:120%;}
#eventsHeader{border-top-left-radius:.5em;-moz-border-radius-topleft:.5em;-webkit-border-top-left-radius:.5em;}
#newsHeader{border-top-right-radius:.5em;-moz-border-radius-topright:.5em;-webkit-border-top-right-radius:.5em;border-left:1px solid #222;}
#videoHeader a,#eventsHeader a,#newsHeader a{color:#333;float:left;}
#usersHeader a:hover,#statsHeader a:hover,#videoHeader a:hover,#eventsHeader a:hover,#newsHeader a:hover{color:#ddd;background-color:transparent;border-bottom:0px solid #222;}
#videoHeader .rssIcon a:hover,#eventsHeader .rssIcon a:hover,#newsHeader .rssIcon a:hover{background-color:transparent;border-bottom:0px solid #222;}
#videoHeader,#eventsHeader,#newsHeader{height:15px;}
.even{background-color:#222;}
#top_subject{margin-bottom:10px;margin-left:170px;}
a .inputButton{padding:15px 0 15px 30px;font-size:120%;}
#jumpto{margin-bottom:10px;}
.rssIcon{padding:0px;float:right;margin-right:5px;width:14px;height:14px;}
#usersHeader,#statsHeader{background-color:#22bbee;padding-top:5px;padding-bottom:3px;color:#333;font-weight:bold;font-variant:small-caps;font-size:120%;width:444px;}
#usersHeader{margin-top:10px;border-top-right-radius:.5em;-moz-border-radius-topright:.5em;-webkit-border-top-right-radius:.5em;border-top-left-radius:.5em;-moz-border-radius-topleft:.5em;-webkit-border-top-left-radius:.5em;padding-left:5px;}
#statsHeader{padding-left:5px;border-top-left-radius:.5em;-moz-border-radius-topleft:.5em;-webkit-border-top-left-radius:.5em;border-top-right-radius:.5em;-moz-border-radius-topright:.5em;-webkit-border-top-right-radius:.5em;}
#usersHeader a,#statsHeader a{color:#222222;}
#stats,#users{margin-top:5px;margin-left:5px;}