@import url(reset.css);
body{ background: #464646 url(../images/bg.jpg) repeat-x left top; color: #DFDBDA; font-size: 12px; }
.left{float:left}
.right{float:right}
.alignCenter{text-align:center}
.hide{display:none}
.show{display:block}
#container{ text-align:left; background: #1D1D1D; width: 973px; font-family: Arial, Helvetica, sans-serif; background: #1C171E url(../images/headerBg.jpg) repeat-x left 37px; position: relative; }
blockquote{color:#666;font-style:italic;margin:0 0 18px 18px}
strong{font-weight:700}
em{font-style:italic}
#headerNav { background: url(../images/headerNav.jpg); height: 36px; border-bottom: 1px solid #000000; padding: 0 10px; }
#headerNav ul { background: url(../images/littleLogo.jpg) no-repeat left top; padding-left: 150px; height: 36px; float: left; }
#headerNav li { float: left; line-height: 36px; background: url(../images/headerNavLine.jpg) no-repeat right top; padding: 0 10px; }
#headerNav li a { color: #CCCCCC; font-size: 11px; text-decoration: none; }
#headerNav li a:hover { color: #FFFF00; }
#headerNav ul .lastheaderNav {background: none;}
/** quick game list **/
#gamelist { float: right; background: url(../images/quicklist.jpg); height: 22px; width: 149px; margin-top: 7px; }
#gamelist #quickbot,#gamelist #closelist { background: url(../images/quicklistLi.gif) no-repeat 5px top; display: block; padding-left: 20px; color: #D4D0C8; text-decoration: none; line-height: 22px; }
#gamelist a:hover#quickbot,#gamelist a:hover#closelist {color: #FFFF33; }
#gamelist #closelist{ display:none;background: url(../images/quicklistLi.gif) no-repeat 5px bottom;}
.quicklist { height: 300px; width: 222px;position: absolute; right: 8px; z-index: 2; top: 30px; display: none; }
#quickIndex { width: 70px; border: 1px solid #000000; border-bottom: none; float: left; border-right: none; }
#quickIndex li { background: #FFFFFF; border-bottom: 1px solid #000000; text-align: center; height: 20px; line-height: 20px; }
#quickIndex a { background: url(../images/quickIndex.jpg) repeat-x left top; display: block; height: 20px; font-size: 12px; line-height: 20px; color: #FFFFFF; text-decoration: none; }
#quickIndex a:hover,#quickIndex .ui-tabs-selected a { background: url(../images/quickIndex.jpg) repeat-x left bottom; color: #000000; }
.quickNav{ background: #333333; border: 1px solid #000000; border-top:none; width: 149px; float: right; color: #000000; height: 200px; overflow: scroll; overflow-x:hidden }
.quickNav li { line-height: 24px; height: 24px; }
.quickNav a { text-decoration: none; display: block; padding: 0 5px; font-size: 12px; height: 24px; color: #FFFFFF; }
.quickNav a:hover { background: #400000; color: #FFFFFF; }
.onQuick { background: #666; color: #FFFFFF; }

#header { height: 120px; overflow: hidden; clear: both; }
#header ul { background: url(../images/headerUlBg.jpg) repeat-x left top; height: 76px; width:892px; margin:36px auto 0 auto; position: relative; z-index: 1; }
#header ul li{ height:76px;}
#header #logo { background: url(../images/Logo.jpg) no-repeat left top; height: 106px; width: 136px; display: block; position: absolute; top: -30px; left: 380px; overflow: hidden; }
#header #logo a { background: url(none); width:136px; padding-top:106px }
#header li a { background: url(../images/Nav.jpg) no-repeat; display: block; height: 20px; width: 75px; font-family: Arial, Helvetica, sans-serif; color: #333333; text-decoration: none; padding-top: 56px; text-align: center; }
#header li a:hover { color: #96070B; }
#header .icon-1 { left: 50px; }
#header .icon-2 { position: absolute; left: 144px;top: 0px;  }
#header .icon-3 { position: absolute; left: 229px;top: 0px;  }
#header .icon-4 { position: absolute; right:144px;top: 0px; }
#header .icon-5 { position: absolute; right:229px;top: 0px; }
#header .icon-6 { position: absolute; right:0px; top: 0px; }
#header .icon-1 a { }
#header .icon-2 a { background: url(../images/Nav.jpg) left -76px; }
#header .icon-3 a { background: url(../images/Nav.jpg) left -152px; }
#header .icon-4 a { background: url(../images/Nav.jpg) left -228px; }
#header .icon-5 a { background: url(../images/Nav.jpg) left -304px; }
#header .icon-6 a { background: url(../images/Nav.jpg) left -380px; }
#header .icon-1 a:hover { background: url(../images/Nav.jpg) right top; }
#header .icon-2 a:hover { background: url(../images/Nav.jpg) right -76px; }
#header .icon-3 a:hover { background: url(../images/Nav.jpg) right -152px; }
#header .icon-4 a:hover { background: url(../images/Nav.jpg) right -228px; }
#header .icon-5 a:hover { background: url(../images/Nav.jpg) right -304px; }
#header .icon-6 a:hover { background: url(../images/Nav.jpg) right -380px; }
#header .firstIcon { background: url(../images/headerNavFirstandLast.jpg) no-repeat left top; padding-left:50px; }
#header .lastIcon {background: url(../images/headerNavFirstandLast.jpg) no-repeat right bottom;  padding-right:50px; }

#main { padding:0 10px;}

#nav { height: 36px; margin-bottom: 4px; padding-right: 5px; }
#nav ul { height: 36px; float: left; width: 480px; }
#nav ul li { float: left; line-height: 36px; }
#nav li a { padding: 0 10px; display: block; font-weight: bold; color: #FFFFFF; text-decoration: none; }
#nav li a:hover { color: #FFFF33; }

/** change style botton **/
#colorSelect { height: 15px; width: 100px; float: left; margin:10px; }
#colorSelect a { display: block; height: 15px; width: 15px; float: left; line-height: 15px;text-indent:-999em; margin-right:5px }
.selectRed { background: url(../images/selectcolor.gif) no-repeat;}
.selectYellow { background: url(../images/selectcolor.gif) no-repeat left -15px; }
.selectGreen { background: url(../images/selectcolor.gif) no-repeat left -30px; }
.selectBlue { background: url(../images/selectcolor.gif) no-repeat left -45px; }
.selectBlack { background: url(../images/selectcolor.gif) no-repeat left bottom; }
/** forum info **/
#forumInfo { height: 28px; width: 279px; float: right; padding: 4px; overflow: hidden; }
#forumInfo span { font-size: 11px; height: 14px; width: 139px; line-height: 14px; float: left; }
/** login zoon **/
#loginzoon {height: 29px; margin-bottom: 4px; padding: 0 5px 0 100px; line-height: 29px; font-size: 11px; }
#login { padding-top: 1px; }
.textfield { background: #FFFFFF; border: 1px solid #CFCFCF; width: 120px; }
#login a { color: #6F6F6F; text-decoration: none; }
#loginzoon  button { height: 22px; line-height:22px; width: 95px; font-size: 12px; color: #FFFFFF; border: none; padding: 0; margin-top:2px;}
#loginzoon  .overbutton {}
/** commend news **/
#pick { background: url(../images/pickBg.jpg) repeat-x top; height: 119px; border-top: 1px solid #2C2827; border-right: 1px solid #2C2827; border-bottom: 1px solid #2B292A; border-left: 1px solid #2C2827; margin-bottom: 4px; }
#pick ul { padding: 14px 0 0 14px; }
#pick li { float: left; width: 310px; }
#pick img { border: 1px solid #CCCCCC; background: #FFFFFF; padding: 2px; float: left; display: inline; margin-right: 5px; margin-top: 4px; }
#pick h2 { line-height: 20px; }
#pick h2 a { color: #FFCC00; text-decoration: none; background: url(../images/pickH2.jpg) no-repeat left 5px; display: block; float: left; padding-left: 12px; width: 180px; }
#pick h2 a:hover { color: #FFFFFF; }
#pick p { float: left; width: 180px; line-height: 20px; font-size: 11px; }

#sidebar { width:210px; float: left; }
#bbsTips { background: #524646 url(../images/bbsTipsBg.jpg) repeat-x; padding: 0 10px; }
#bbsTips li { height:22px; line-height: 22px; }
#bbsTips a { color: #FFFFFF; text-decoration: none; margin-left: 40px; }
.hotForum { background: url(../images/hot.gif) no-repeat left center;}
.newForum { background: url(../images/new.gif) no-repeat left center; }
.subForum { background: url(../images/sub.gif) no-repeat left center; }
#sideNav{ background-color:#FFF; color:#000; line-height:120%; border: 1px solid #776E6F }
#sideNav a{ display:block; font-weight:bold; text-decoration:none; font-family: Arial, Helvetica, sans-serif; }
#sideNav ul{ overflow:hidden;background: #2E2828; }
#sideNav li{}
#sideNav li a{ display:block; color:#FFFFFF; height:22px; padding:5px 0 0 15px; }
#sideNav li a.closed{}
#sideNav li li{ padding:0; background: url(../images/sideNavLi-Li.jpg) no-repeat 5px center; border-bottom: 1px solid #383232; line-height: 22px; font-family: Arial, Helvetica, sans-serif; }
#sideNav li a.opened{ color:#FFF; background: url(../images/sideNavLicolse.jpg); }
#sideNav ul ul { background: #2E2828; }
#sideNav li li a{ display: block; background: #2E2828 url(../images/sideNavLi-Li.jpg) no-repeat 18px top; line-height: 20px; padding-top: 2px; padding-left: 36px; color: #AEA8A8; }
#sideNav li li a:hover,#sidebar #sideNav .current { background: #252120 url(../images/sideNavLi-Li.jpg) no-repeat 18px bottom; color: #FFFFFF; padding-top: 2px; padding-left: 36px; }
#sideNav li li img { height: 13px; width: 31px; margin-left: 5px; padding-top: 2px; }

/** forum list zoon **/
#forumList { float: right; width: 738px; }
.forum { border: 1px solid #5F5151; margin-bottom: 5px; }
.forum caption,.forum h2 { height: 27px; line-height: 27px; padding: 0 10px; }
.forum thead { background: url(../images/theaderBg.jpg) repeat-x left top; line-height: 26px; }
.forum thead td { text-align: center; }
.forum .forumsname { text-align: left; padding-left: 10px; }
.forum tbody .black { background: #252120; }
.forum tbody td { text-align: center; padding: 10px; }
.forum .forumsname a { color: #FFFFFF; text-decoration: none; font-weight: bold; }
.forum .forumsname a:hover { color: #FFFF00; }
.forum .forumsname p { color: #CCCCCC; font-size: 11px; }
.forum .listedhere { color: #FFFF00; font-weight: bold; text-decoration: none; float: right; height: 22px; line-height: 22px; }
.forum  h2 a:hover { text-decoration: underline; line-height: 22px; height: 22px; }
.forum .bbsLogo { width: 100px; }
.forum .bbsinfo { text-align: left; }
.fourmTopic { padding: 5px 0 5px 5px; }
.fourmTopic li { padding-left: 35px; font-size: 12px; height: 30px; line-height: 30px; width: 205px; float: left; }
.fourmTopic  .tNew { background: url(../images/forum_new.gif) no-repeat left center; }
.fourmTopic .tLocked { background: url(../images/forum_lock.gif) no-repeat left center; }
.fourmTopic .tHot { background: url(../images/forum_hot.gif) no-repeat left center; }
.fourmTopic .tOpen { background: url(../images/forum_nonew.gif) no-repeat left center; }
.fourmTopic .tClassic { background: url(../images/forum_classic.gif) no-repeat left center; }
.fourmTopic .tSticky { background: url(../images/forum_sticky.gif) no-repeat left center; }

/** TAB - slide news **/
#slideNews { background: #291F20 url(../images/slideNewsBg.jpg) repeat-x left top; padding: 20px; border: 1px solid #605053; }
#slideNews ul { height: 31px; padding-left: 40px; }
#slideNews li { display:inline; padding:0; line-height: 22px; height: 22px; font-size: 12px; }
#slideNews a { float:left; background:url(../images/navLeft.gif) no-repeat left -31px; margin:0 0 0 4px; padding:0 0 0 4px; text-decoration:none; }
#slideNews a span { float:left; display:block; background:url(../images/navBg.gif) no-repeat right -31px; padding:5px 12px 4px 6px; color:#FFFFFF; }
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#slideNews a span { float:none; }
/* End IE5-Mac hack */
#slideNews a:hover span {color:#FFF;}
#slideNews a:hover { background-position:0% 0; }
#slideNews a:hover span { background-position:100% 0; color: #FFF; }
#slideNews .current { background-position:0% 0; }
#slideNews .current span { background-position:100% 0; color: #1F0A00; }
#newsBox { background: #312829; border: 1px solid #211D1C; padding: 10px; height: 220px; }
@media projection, screen {.ui-tabs-hide {display: none;}}
@media print {.ui-tabs-nav {display: none;}}
#slideNews .ui-tabs-nav .ui-tabs-selected a { background:url(../images/navLeft.gif) no-repeat 0% 0; color: #FFF; }
#slideNews .ui-tabs-nav .ui-tabs-selected a span { background:url(../images/navBg.gif) no-repeat 100% 0; color: #fff; }

/** select case **/
#select { height: 300px; width: 770px; margin: 30px auto; border: 1px solid #211D1C; text-align: left; background: #2E2828; text-align: center; position: relative; }
#select h2 { color: #FCFFFB; background: url(../images/selecth2.jpg) repeat-x; height: 28px; line-height: 28px; text-align: center; }
.selectbox { width: 303px; padding: 20px 40px; margin-top: 20px; text-align:left; height: 100px; margin-bottom: 5px; }
.selectbox h3 { text-align: left; margin-bottom: 5px; }
#select .right { border-left: 1px solid #333333; }
#select label { margin-top: 10px; display: block; }
#textfield1,#textfield2{ width: 242px; border-style: none; background: #4A3E3E url(../images/selectBg.gif) no-repeat left top; color: #B2A6A6; height: 21px; margin-bottom: 10px; padding-top: 5px; padding-left: 5px; }
#select1,#select2{ width: 248px; z-index: 2; background: url(../images/selectBg.gif) no-repeat left top; }
.selectbox2 { clear: both; position: relative; width: 500px; margin: 0 auto 10px auto; }
#select3 { width: 500px; text-align: left; background: url(../images/selectBg.gif) no-repeat center bottom; }

.LeeSelect{ position:relative; overflow:visible; font-size:12px; background: #4A3E3E; color: #B2A6A6; }
.LeeSelect ul{ width:100%; display:none; border-top:none; background:#000; position:absolute; top:26px; z-index: 6; }
.LeeSelect ul li { width:100%; cursor:pointer;}
.LeeSelect ul .over {background:#990000; color: #FFFFFF;}
.LeeSelect ul .li2{ background:#990000; color: #FFFFFF; }
.LeeSelect small{ position:absolute; display:block; top:5px; right:5px; background:#666 url(../images/select-1.jpg); overflow:hidden; cursor:pointer; text-indent:-999em; height: 18px; width: 15px; }
.LeeSelect span{display:block;padding:5px;}
.LeeSelect span span {padding:0}
#select button { background: url(../images/searchbot.gif); height: 27px; width: 95px; padding: 0; margin: 0; line-height: 27px; border: 1px none #2E2828; font-size: 12px; color: #FFFFFF; }
#select .overbutton { background: url(../images/searchbot.gif) no-repeat left bottom; display: block; height: 27px; width: 95px; font-size: -999em; padding: 0; margin: 0; line-height: 27px; border: 1px none #2E2828; color: #FFFF99; }

#footer { text-align: center; padding: 20px; border-top: 1px solid #666666; margin-top: 5px; }