/* -------------------------------------------------------------- RESET -------------------------------------------------------------- */ html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } body { line-height: 1.5; background: #fff; margin: 1.5em 0; } caption, th, td { text-align: left; font-weight:400; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; } a img { border: none!important; } input,textarea { margin: 0; } ol, ul { list-style: none; } a { outline: none; } .group:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * html .group { height: 1%; } .group { min-height: 1px; } .hidden { display: none; } .showBlock { display: block !important; } .showInline { display: inline !important; } .noMargin { margin: 0 !important; } .floatL { float: left; } .floatR { float: right; } .clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; } * html .clearfix { zoom: 1; } /* IE6 */ *:first-child+html .clearfix { zoom: 1; } /* IE7 */ /* -------------------------------------------------------------- TYPOGRAPHY -------------------------------------------------------------- */ body { font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 18px; color: #444; } h1, h3, h4, h5, h6 { font-family: Segoe UI,Arial,Helvetica,sans-serif; } h2 { font-family: Segoe UI,Arial,Helvetica,sans-serif; font-weight: bold; text-decoration: none; color: black; font-size: 28px; line-height: 30px; letter-spacing: -0.5px; } a, .redtxt { text-decoration:none; color:#c0202a; } /* -------------------------------------------------------------- HEADER -------------------------------------------------------------- */ #container { background:url(../images/bg_3fl-overlay.png) no-repeat top center; background-position: 0 0; } body { background: url(../images/bg_body.jpg) repeat top; margin: 0; padding: 0; } #header01 { height: 30px; } #header02 { height: 97px; margin-bottom: 20px; } #header02 #header02-components { width: 988px; margin: 0 auto; } #header02-components #main-logo { float:left; width:132px; height:107px; margin-top: 10px; } #header02 #header02-components #header02-middle { float:left; } #header02 #header02-components #header02-middle #status-bar { background:url(../images/bg_status.png) no-repeat top left; width: 476px; height: 33px; padding: 2px 20px 0 20px; overflow:hidden; color:#d7d7d7; font-weight:bold; font-size:11px; line-height:26px; margin: 10px 20px 0 18px; text-align:center; } #header02 #header02-components #header02-middle #status-bar ul { list-style: none } #header02 #header02-components #header02-middle #main-navigation { z-index: 110; width: 516px; margin: 10px 20px 20px 18px; overflow: hidden; } #header02 #header02-components #header02-middle #main-navigation ul.menu { margin: 0; padding: 0; list-style: none; } #header02 #header02-components #header02-middle #main-navigation ul.menu a { background:url(../images/mainmenu-sprite.png) no-repeat top left; display:block; zoom:1; line-height:41px; } #header02 #header02-components #header02-middle #main-navigation ul.menu li { float: left; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.home { width: 71px; height: 41px; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.home a { text-indent: -9999px; background-position: 0px 0px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.home a:hover { background-position: 0px -100px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.home a.selected { background-position: 0px -200px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.forum { width: 75px; height: 41px; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.forum a { text-indent: -9999px; background-position: -71px 0px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.forum a:hover { background-position: -71px -100px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.forum a.selected { background-position: -71px -200px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.servers { width: 80px; height: 41px; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.servers a { text-indent: -9999px; background-position: -146px 0px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.servers a:hover { background-position: -146px -100px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.servers a.selected { background-position: -146px -200px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.tools { width: 68px; height: 41px; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.tools a { text-indent: -9999px; background-position: -226px 0px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.tools a:hover { background-position: -226px -100px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.tools a.selected { background-position: -226px -200px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.downloads { width: 111px; height: 41px; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.downloads a { text-indent: -9999px; background-position: -294px 0px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.downloads a:hover { background-position: -294px -100px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.downloads a.selected { background-position: -294px -200px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.contact { width: 111px; height: 41px; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.contact a { text-indent: -9999px; background-position: -405px 0px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.contact a:hover { background-position: -405px -100px !important; } #header02 #header02-components #header02-middle #main-navigation ul.menu li.contact a.selected { background-position: -405px -200px !important; } #header02 #header02-components #header02-side-column { float:left; } #header02 #header02-components #header02-side-column #sponsors { width:300px; margin-top:10px; } #header02 #sponsors img.logo-margin-left { margin-right:2px; } #header02 #header02-components #header02-side-column .search-bar { background: url(../images/bg_search-box.png) no-repeat; width: 300px; height: 41px; margin-top: 9px; } #header02 #header02-components #header02-side-column .search-bar input { width: 210px; height: 22px; padding: 4px; margin-top: 5px; color: #333; border: 1px solid #d8d8d8; background-color: #f5f5f5; float:left; margin-left: 5px; } #header02 #header02-components #header02-side-column .search-bar a.search_button { margin-top: 3px; margin-left: 3px; float:left; } /* -------------------------------------------------------------- MAIN CONTENT -------------------------------------------------------------- */ #content-top-edge { background:url(../images/bg_top-edge-body.png) no-repeat bottom left; width:984px; height:23px; margin: 0 auto; } #content { background:url(../images/bg_main-body.png) repeat-y; overflow:hidden; width: 984px; margin: 0 auto; } #content #main-content { width: 679px; float:left; min-height: 400px; } #content #main-content .posts { position: relative; margin-bottom: 40px; zoom: 1;/* IE6 */ } #content #main-content .posts .posts-column01 { margin-left: 20px; width: 59px; position: absolute; top: 5px; left: 0; } #content #main-content .posts .posts-column01 .aol-share a { margin-bottom:15px; } #content #main-content .facebook-share, #content #main-content .twitter-share, #content #main-content .email-share { text-align:center; font-size:11px; color:white; padding:2px 6px 0 10px; margin-bottom:5px; } #content #main-content .facebook-share { background:url(../images/share-sprite.png) no-repeat top left; background-position: 0 0; width:56px; height:22px; } #content #main-content .twitter-share { color:#35b1da; background:url(../images/share-sprite.png) no-repeat top left; background-position: -100px 0; width:56px; height:22px; } #content #main-content .email-share { background:url(../images/share-sprite.png) no-repeat top left; background-position: -200px 0; width:56px; height:22px; } #content #main-content .posts .post-main h2.head-line a { text-decoration: none; color: #000; margin-bottom: 20px; font-weight:bold; font-size: 28px; line-height: 28px; display: block; } #content #main-content .posts .post-main h2.head-line a:hover { color:#666; } #content #main-content .posts .post-main .tagline { float:left; background:url(../images/bg_tagline.gif) top left no-repeat; padding-left:15px; font-style:italic; color:#c5c5c5; font-size:12px; line-height:25px; display:block; } #content #main-content .posts .post-main .tagline-end { float:left; background:url(../images/bg_tagline.gif) top right no-repeat; width:15px; height:25px; display:inline; } #content #main-content .posts .post-main img { margin:0 0 10px 0; } #content #main-content .posts .post-main { width: 560px; margin-left: 99px; padding-bottom: 1em; } #content #main-content .posts .post-main p { font-family: Arial,Helvetica,sans-serif; font-size: 13px; line-height: 18px; color: #444; margin: 0 0 15px 0; width:560px; } #content #main-content .posts .post-main a { color:# } #content #main-content .posts .post-main a:hover { text-decoration:underline; } #content #main-content .posts .post-main ul { list-style:circle; margin-left:30px; margin-bottom: 15px; } #content #main-content .posts .post-main a.more-link { background: url(../images/btn_readmore-sprite.gif) 0 0 no-repeat; display: block; width: 83px; height: 25px; text-indent: -9999px; } #content #main-content .posts .post-main a.more-link:hover { background: url(../images/btn_readmore-sprite.gif) 0 -50px no-repeat; } #content #main-content #page-navigation { margin: 40px 0 5px 99px; } #content #main-content #page-navigation .next-page { float: right; text-indent: -9999px; margin-right:20px; } #content #main-content #page-navigation .next-page a { background: url(../images/btn_page-navigation-sprite.gif) -120px 0; no-repeat; width: 109px; display: block; height: 32px; } #content #main-content #page-navigation .next-page a:hover { background-position: -120px -50px; } #content #main-content #page-navigation .previous-page { float: left; text-indent: -9999px; } #content #main-content #page-navigation .previous-page a { background: url(../images/btn_page-navigation-sprite.gif) 0 0 no-repeat; width: 109px; display: block; height: 32px; } #content #main-content #page-navigation .previous-page a:hover { background-position: 0 -50px; } /* -------------------------------------------------------------- SIDE-BAR -------------------------------------------------------------- */ #content #sub-content { float: left; width: 260px; margin: 0 0 0 23px; } #content #sub-content .sub-content-item { height: auto; padding-bottom: 10px; overflow:hidden; border-bottom: 2px solid #414141; } #content #sub-content .sub-content-item .tab-headers {width:260px;height:36px; } #content #sub-content .sub-content-item .tab-headers span{float:left;width:130px;height:36px;display:inline-block;padding:0px !important;margin-top:0px !important;margin-bottom: 12px;} #content #sub-content .sub-content-item .tab-headers #tab_gamers-online{} #content #sub-content .sub-content-item .tab-headers #tab_gamers-online a, #content #sub-content .sub-content-item .tab-headers #tab_downloads a{background:url(../images/btn_gamers-online.png) no-repeat top left; display:block; width:130px; height:36px; } #content #sub-content .sub-content-item .tab-headers #tab_gamers-online a{background-position:0px -100px;} #content #sub-content .sub-content-item .tab-headers #tab_downloads a{background-position:-130px 0 ;} #content #sub-content .sub-content-item .tab-headers #tab_gamers-online .active {background-position:0px 0 !important;} #content #sub-content .sub-content-item .tab-headers #tab_downloads .active {background-position:-130px -100px !important;} #content #sub-content .sub-content-item .tab-headers #tab_gamers-online a:hover{background-position:0px -300px;} #content #sub-content .sub-content-item .tab-headers #tab_downloads a:hover{background-position:-130px -200px;} #sub-content .sub-content-item .box { width:260px; height:auto; } #sub-content .sub-content-item ul.box-lists { } #sub-content .sub-content-item ul.box-lists li { min-height: 40px; border-bottom: 1px solid #d8d8d8; text-decoration:none; font-weight:bold; line-height: 40px; } #sub-content .sub-content-item ul.box-lists li.last-child { border-bottom: none; } #sub-content .sub-content-item ul.box-lists li:last-child { border-bottom: none; } /*only works in webkit*/ #sub-content .sub-content-item ul.box-lists li a span.go-numb { float:left; width:60px; text-align:center; border-right: 1px solid #d8d8d8; color:#444; } #sub-content .sub-content-item ul.box-lists li a p { float:left; color:#444; } #sub-content .sub-content-item a.btn_more {background: url(../images/btn_more-sprite.gif) 0 0 no-repeat;display: block;width: 61px;height: 25px;text-indent: -9999px;float:right;line-height:25px; margin-right:12px; } #sub-content .sub-content-item a.btn_more:hover { background: url(../images/btn_more-sprite.gif) 0 -50px no-repeat; } #sub-content .sub-content-item#sub-item02, #sub-content .sub-content-item#sub-item03{ margin-top:20px; } /*DOWNLOADS TAB*/ #sub-content .sub-content-item .box ul#downloads-box-content { margin:0; padding:0; list-style:none; } #sub-content .sub-content-item .box ul#downloads-box-content li { margin-top: 10px; padding-left: 50px; } #sub-content .sub-content-item .box ul#downloads-box-content li span { font-size: 12px; font-weight:bold; color:#444;line-height: 1.3em; } #sub-content .sub-content-item .box ul#downloads-box-content li p { font-size: 10px; font-weight:normal; color:#8a8a8a;line-height: 1.8em; } #sub-content .sub-content-item .box ul#downloads-box-content li.one { background:url(../images/list-numbers.gif) 0 2px no-repeat; } #sub-content .sub-content-item .box ul#downloads-box-content li.two { background:url(../images/list-numbers.gif) 0 -48px no-repeat; } #sub-content .sub-content-item .box ul#downloads-box-content li.three { background:url(../images/list-numbers.gif) 0 -98px no-repeat; } #sub-content .sub-content-item .box ul#downloads-box-content li.four { background:url(../images/list-numbers.gif) 0 -148px no-repeat; } #sub-content .sub-content-item .box ul#downloads-box-content li.five { background:url(../images/list-numbers.gif) 0 -198px no-repeat; } #sub-content .sub-content-item .box ul#downloads-box-content li.six { background:url(../images/list-numbers.gif) 0 -248px no-repeat; } /*RECENT POSTS TAB*/ #content #sub-content .sub-content-item .tab-headers #tab_recent-posts{} #content #sub-content .sub-content-item .tab-headers #tab_recent-posts a, #content #sub-content .sub-content-item .tab-headers #tab_3fl-admins a{background:url(../images/btn_recent-posts.png) no-repeat top left; display:block; width:130px; height:36px; } #content #sub-content .sub-content-item .tab-headers #tab_recent-posts a{background-position:0px -100px;} #content #sub-content .sub-content-item .tab-headers #tab_3fl-admins a{background-position:-130px 0 ;} #content #sub-content .sub-content-item .tab-headers #tab_recent-posts .active {background-position:0px 0 !important;} #content #sub-content .sub-content-item .tab-headers #tab_3fl-admins .active {background-position:-130px -100px !important;} #content #sub-content .sub-content-item .tab-headers #tab_recent-posts a:hover{background-position:0px -300px;} #content #sub-content .sub-content-item .tab-headers #tab_3fl-admins a:hover{background-position:-130px -200px;} /*SUB CONTENT BOX*/ #sub-content .sub-content-item .box ul { margin:0; padding:0; list-style:none; } #sub-content .sub-content-item .box ul li { padding: 8px 0; list-style:none; } #sub-content .sub-content-item .box ul.box-lists .p-sub-icon { float:left; width:48px; padding-left: 12px; } #sub-content .sub-content-item .box ul.box-lists li .item-info { float:left; width: 188px; height:auto; } #sub-content .sub-content-item .box ul.box-lists li .item-info span { font-size: 12px; font-weight:bold; color:#444; line-height: 20px; display:block; } #sub-content .sub-content-item .box ul.box-lists li .item-info p.item-sub-info { font-size: 10px; font-weight:normal; color:#8a8a8a; line-height: 10px; } /*advertising banners*/ #sub-content .advertising-banners img { margin-top:20px; } /* -------------------------------------------------------------- FOOTER -------------------------------------------------------------- */ #footer { background:url(../images/bg_footer-edge.png) repeat-x top; } #footer #content-bottom-edge { background:url(../images/bg_bottom-edge-body.png) no-repeat top; width:984px; height:23px; margin: 0 auto; } #footer #footer-main { background: url(../images/bg_footer.jpg) repeat top; } #footer #footer-main #footer-content { height: 250px; width:980px; margin:0 auto; padding-top:20px;} #footer #footer-main #footer-content .footer-column1, #footer #footer-main #footer-content .footer-column2 { float:left; } #footer #footer-main #footer-content .footer-column1 { width:679px; padding-top:10px; color:#FFF; } #footer #footer-main #footer-content .footer-column1 ul { margin-top:14px; } #footer #footer-main #footer-content .footer-column1 li { background:url(../images/footer-divider-sm.png) no-repeat right bottom; padding: 0 20px; float:left; line-height:36px; margin-bottom: 10px; } #footer #footer-main #footer-content .footer-column1 li.last-child { background: none; } #footer #footer-main #footer-content .footer-column1 a { font:font-family: Segoe UI,Arial,Helvetica,sans-serif; font-weight: bold; color:#fff; font-size:12px; } #footer #footer-main #footer-content .footer-column1 a:hover { color:#c0202a; } #footer #footer-main #footer-content .footer-column1 h5 { background:url(../images/3fl-logo-small.png) no-repeat left; padding-left: 38px; margin-left:20px; font-size:20px; font-weight:bold; height:20px; line-height:20px; } #footer #footer-main #footer-content .footer-column1 p { clear:both; margin-left:20px; font-size:11px; } #footer #footer-main #footer-content .footer-column2 { background:url(../images/footer-divider.png) no-repeat left top; width:265px; padding-top: 10px; padding-left:20px; padding-bottom:30px; float:left; color:#fff; } #footer #footer-main #footer-content .footer-column2 p { color:#FFF; font-size:11px; margin-top:10px; } /* -------------------------------------------------------------- FORUM -------------------------------------------------------------- */ #container-forum { background:url({T_THEME_PATH}/images/bg_3fl-overlay.png) no-repeat top center; background-position: 0 0; height:100%; } #container-forum .forum-margins { margin:0 20px;} #container-forum #header02 #header02-components { width: 100%; margin: 0 auto; } #container-forum #header02 #header02-components #header02-side-column { float: right; } #content-top-edge-forum { width:100%; height:20px; clear:both; background:url({T_THEME_PATH}/images/bg_top-side.gif) repeat; } #content-top-edge-forum #top-left-corner { background:url({T_THEME_PATH}/images/bg_forum-corners.gif) no-repeat 0 0; width:20px; height:20px; float:left; } #content-top-edge-forum #top-right-corner { background:url({T_THEME_PATH}/images/bg_forum-corners.gif) no-repeat -20px 0; width:20px; height:20px; float:right; } #content-bottom-edge-forum { width:100%; height:20px; clear:both; background:url({T_THEME_PATH}/images/bg_bottom-side.gif) repeat; } #content-bottom-edge-forum #bottom-left-corner { background:url({T_THEME_PATH}/images/bg_forum-corners.gif) no-repeat 0 -20px; width:20px; height:20px; float:left; } #content-bottom-edge-forum #bottom-right-corner { background:url({T_THEME_PATH}/images/bg_forum-corners.gif) no-repeat -20px -20px; width:20px; height:20px; float:right; } #container-forum #content-forum { overflow:auto; } #container-forum #content-forum #main-content-forum { background:url({T_THEME_PATH}/images/bg_left-side.gif) repeat-y left #fff; height:auto; width:100%; float:left; } #container-forum #content-forum #main-content-forum #forum-main { background:url({T_THEME_PATH}/images/bg_right-side.gif) repeat-y right; padding: 20px; min-height:400px } #container-forum #footer { background:none; overflow:hidden; position:relative; } #container-forum #footer #footer-edge { background:url({T_THEME_PATH}/images/bg_footer-edge.png) repeat-x bottom; height: 24px;} /* -------------------------------------------------------------- SERVER & STATS -------------------------------------------------------------- */ #content #main-content .serverstats, #content #main-content .downloads { padding: 0 20px; } #content #main-content .serverstats h3, #content #main-content .downloads h3 { font-size:25px; font-weight:bold; color: #0c0c0c; margin-bottom:20px; line-height:25px; letter-spacing: -0.5px; } #content #main-content .serverstats .title-bar, #content #main-content .downloads .title-bar { overflow:hidden; } #content #main-content .serverstats .title-bar .title-bar-left { float:left; background:url(../images/bg_left-edge-header.png) no-repeat top left; width:20px; height:36px; } #content #main-content .downloads .title-bar .title-bar-left { float:left; background:url(../images/bg_left-edge-header.png) no-repeat top left; width:5px; height:36px; } #content #main-content .serverstats .title-bar .title-bar-middle { float:left; background:url(../images/bg_header.png) repeat-x top; width:599px; height:36px; line-height:36px; } #content #main-content .serverstats .title-bar .title-bar-middle h4 { float:left; color:#FFF; } #content #main-content .serverstats .title-bar .title-bar-middle h4.title-divider { background:url(../images/p_title-divider.png) no-repeat top left; padding-left:22px; } #content #main-content .serverstats .title-bar .title-bar-middle h4.title-divider { background:url(../images/p_title-divider.png) no-repeat top left; padding-left:22px; } #content #main-content .serverstats .title-bar .title-bar-middle h4.title-divider { background:url(../images/p_title-divider.png) no-repeat top left; padding-left:22px; } #content #main-content .serverstats .title-bar .title-bar-right { float:left; background:url(../images/bg_right-edge-header.png) no-repeat top right; width:20px; height:36px; } #content #main-content .serverstats .stats-title-bar { overflow:hidden; } #content #main-content .serverstats .stats-title-bar .title-bar-left { float:left; background:url(../images/bg_left-edge-header.png) no-repeat top left; width:20px; height:36px; } #content #main-content .serverstats .stats-title-bar .title-bar-middle { float:left; background:url(../images/bg_header.png) repeat-x top; width:599px; height:36px; line-height:36px; } #content #main-content .serverstats .stats-title-bar .title-bar-middle h4 { float:left; color:#FFF; text-align:center; } #content #main-content .serverstats .stats-title-bar .title-bar-middle h4.title-divider { background:url(../images/p_title-divider.png) no-repeat top left; } #content #main-content .serverstats .stats-title-bar .title-bar-right { float:left; background:url(../images/bg_right-edge-header.png) no-repeat top right; width:20px; height:36px; } #content #main-content .downloads .title-bar .title-bar-right { float:left; background:url(../images/bg_right-edge-header.png) no-repeat top right; width:20px; height:36px; } #content #main-content .serverstats .stats-header { display:block; overflow:hidden; padding-top:10px; } #content #main-content .serverstats .stats-header .stats-title { float:left; color:#444; font-weight:bold; text-align:center; } #content #main-content .serverstats .stats-header .stats-total { float:left; color:#444; text-align:center; background-color:#f2f2f2; width:100%; padding: 8px 0; border-top:solid 1px #ededed;border-bottom:solid 1px #ededed; } #content #main-content .serverstats .accordion { width:639px; margin-bottom:40px; } #content #main-content .serverstats .accordion .expander-header { height:42px; display:block; line-height:45px; overflow:hidden; } #content #main-content .serverstats .accordion .expander-header .expander-icon { float:left; margin-left:20px; margin-top:5px; width:34px; height:34px; background:#069 } #content #main-content .serverstats .accordion .expander-header .expander-title { float:left; margin-left:20px; width:300px; } #content #main-content .serverstats .accordion .expander-header .expander-title a { color:#444; font-weight:bold; } #content #main-content .serverstats .accordion .expander-header .expander-usage { float:left; width:90px; text-align:center; font-size:16px; font-weight:bold; line-height:45px; height: 45px; } #content #main-content .serverstats .accordion .expander-header .expander-players { float:left; width:86px; text-align:center; font-size:16px; font-weight:bold; line-height:45px; height: 45px; } #content #main-content .serverstats .accordion .expander-header .btn-expand, #content #main-content .serverstats .accordion .expander-header .btn-move { float:left; margin: 15px 0 0 20px; } #content #main-content .serverstats .accordion .expander-header .btn-expand a { background:url(../images/icon-expander.png) no-repeat top; display:block; text-indent: -9999px; background-position: 0px 0px !important; width:18px; height:17px; } #content #main-content .serverstats .accordion .expander-header .btn-expand a.plus { background-position: 0px 0px !important; } #content #main-content .serverstats .accordion .expander-header .btn-expand a.minus { background-position: 0px -50px !important; } #content #main-content .serverstats .accordion .expander-header .btn-expand.min a { background-position:0px -50px; } #content #main-content .serverstats .accordion .expander-header .btn-move a { background:url(../images/icon-move.png) no-repeat top; display:block; text-indent: -9999px; background-position: 0px 0px !important; width:18px; height:17px; } #content #main-content .serverstats .accordion .expander-body { background:url(../images/bg_line-break.gif) repeat-x bottom; padding: 5px 20px 0px 20px; display:none; } #content #main-content .serverstats .accordion .odd { background-color:#f2f2f2; } #content #main-content .serverstats .accordion .even { background-color:#fafcfe; } #content #main-content .serverstats .accordion .expander-body .overall-stats { padding: 10px 0; overflow:hidden; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-graph { float:left; width:420px; height:150px; background:#ccc; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-right { float:left; width:159px; margin-left:20px; margin-top:12px; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-right h2 { background:url(../images/p_indicator.png) no-repeat left; padding-left: 35px; font-size:55px; height:42px; line-height:45px; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-right h2.increase { background-position:top left; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-right h2.decrease { background-position:bottom left; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-right h2 span { font-size:30px; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-right h3 { line-height:30px; } #content #main-content .serverstats .accordion .expander-body .overall-stats .stats-right .stats-bottom p { font-weight:bold; } #content #main-content .serverstats .accordion .expander-body table#content-table-server { background:url(../images/bg_table-header.png) no-repeat 0 2px; height:30px; line-height: 29px; padding-bottom:20px; } #content #main-content .serverstats .accordion .expander-body table#content-table-server tr th { background:url(../images/table-header-divider.jpg) no-repeat top left; padding-left:15px; font-size:11px; font-weight:bold; } #content #main-content .serverstats .accordion .expander-body table#content-table-server tr td { padding:0 15px 17px 15px; background:url(../images/bg_line-break-table.gif) repeat-x bottom; overflow:hidden; font-weight:bold; font-size:12px; font-family: Arial,Helvetica,sans-serif; } #content #main-content .serverstats .accordion .expander-body table#content-table-server a { font-weight:bold; font-size:13px; } #content #main-content .serverstats .accordion .expander-body table#content-table-server p.item-sub-info { font-size: 11px; font-weight:normal; color: #8a8a8a; margin:0; padding:0; line-height:0; } /* -------------------------------------------------------------- DOWNLOADS -------------------------------------------------------------- */ #content #main-content .downloads #downloads-search { height: 33px; margin-bottom:20px; background:url(../images/bg_downloads-search.png) no-repeat top left; padding: 11px 0 11px 20px; vertical-align:middle; } #content #main-content .downloads #downloads-search h5 { float: left; font-size: 16px; line-height: 31px; height:34px; } #content #main-content .downloads #downloads-search .searchdownloads { float:left; margin-left:10px; border: 1px solid #d8d8d8; font-size:12px; color:#444; padding:8px; height:17px; } #content #main-content .downloads #downloads-search #select_downloads_type, #content #main-content .downloads #downloads-search #select_downloads_order { float:left; margin-left:10px; border: 1px solid #d8d8d8; font-size:12px; color:#444; padding:8px; } #content #main-content .downloads #downloads-search .searchdownloads { width:440px; } #content #main-content .downloads #downloads-search #select_downloads_type { width:106px; } #content #main-content .downloads #downloads-search #select_downloads_order { width:106px; } #content #main-content .downloads #downloads-search a.search_button { float:left; background:url(../images/btn_search-forum-sprite.png) no-repeat top left; width: 70px; height:32px; text-indent:-9999px; margin-left:10px; } #content #main-content .downloads #downloads-search a.search_button:hover { background-position:bottom; } #content #main-content .downloads .title-bar .title-bar-middle { float:left; background:url(../images/bg_header.png) repeat-x top; width:614px; height:36px; line-height:36px; } #content #main-content .downloads .title-bar .title-bar-middle ul { margin: 0; padding: 0; list-style: none; width:100%; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li { float:left; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li a { background:url(../images/btn_title-bar-downloads.png) no-repeat; display:block; line-height:41px; text-indent: -9999px; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-browse a { background-position: -425px 0px !important; width: 82px; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-browse a:hover { background-position: -425px -100px !important; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-browse a.selected {background-position: -425px -200px !important; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-latest-downloads a { background-position: -5px 0px !important; width:158px; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-latest-downloads a:hover { background-position: -5px -100px !important; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-latest-downloads a.selected {background-position: -5px -200px !important; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-most-popular a { background-position: -163px 0px !important; width:128px; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-most-popular a:hover { background-position: -163px -100px !important; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-most-popular a.selected {background-position: -163px -200px !important; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-search-results a { background-position: -291px 0px !important; width:135px; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-search-results a:hover { background-position: -291px -100px !important; } #content #main-content .downloads .title-bar .title-bar-middle ul.title-bar-tabs li.tab-search-results a.selected {background-position: -291px -200px !important; } #content #main-content .downloads .title-bar h4.title-heading { margin-left:15px; color:#FFF; text-transform:uppercase; } #content #main-content .downloads .downloads-list { width: 100%; } #content #main-content .downloads .downloads-list h6 { font-weight:bold; font-size:13px; line-height:15px; text-align:center; padding: 12px 0; } #content #main-content .downloads .breadcrumbs { padding-bottom:20px; } #content #main-content .downloads .breadcrumbs a, #content #main-content .downloads .breadcrumbs p { font-weight:bold; font-size:11px; display:inline; padding-right:15px; } #content #main-content .downloads .breadcrumbs a { color: #c0202a; background:url(../images/breadcrumb-divider.gif) no-repeat right top; } #content #main-content .downloads .downloads-list tr.label { height:49px; font-size:11px; } #content #main-content .downloads .downloads-list tr.item { height:50px; } #content #main-content .downloads .downloads-list tr.odd { background:url(../images/bg_line-break.gif) repeat-x bottom center #f2f2f2; } #content #main-content .downloads .downloads-list tr.even { background:url(../images/bg_line-break.gif) repeat-x bottom center #fafcfe; } #content #main-content .downloads .downloads-list tr.item td { vertical-align:middle; } #content #main-content .downloads .downloads-list tr.item td.game-icon { padding-left:20px; } #content #main-content .downloads .downloads-list tr.item td.download-title a { font-weight:bold; color:#444; font-size:12px; } #content #main-content .downloads .downloads-list tr.item td.download-title p.item-sub-info { color:#8a8a8a; font-size:10px; line-height: 10px; height: 12px; overflow: hidden;} #content #main-content .downloads .downloads-list tr.item td.download-date, #content #main-content .downloads .downloads-list tr.item td.download-size, #content #main-content .downloads .downloads-list tr.item td.download-count { text-align:center; font-size:12px; } #content #main-content .downloads .dl-main-categories .breadcrumbs { padding:8px 0 10px 0; } #content #main-content .downloads ul#page-navigation { float:right; margin-top: 20px; } #content #main-content .downloads ul#page-navigation li { float:left; } #content #main-content .downloads ul#page-navigation li.prev a { height:25px; width:84px; float:left; margin-left:10px; text-indent:-9999px; background:url(../images/btn_page-navigation-sprite-sm.png) no-repeat left top; } #content #main-content .downloads ul#page-navigation li.prev a:hover { background-position: left bottom; } #content #main-content .downloads ul#page-navigation li.next a { height:25px; width:84px; float:left; margin-left:10px;text-indent:-9999px; background:url(../images/btn_page-navigation-sprite-sm.png) no-repeat right top; } #content #main-content .downloads ul#page-navigation li.next a:hover { background-position: right bottom; } #content #main-content .downloads ul#page-navigation li.page-number { width:27px; background:url(../images/bg_page-number.png) no-repeat; float:left; width:27px; height:25px; font-weight:bold; text-align:center; line-height:25px; font-size:11px; margin-left:10px;color:#8d8e8d; } #content #main-content .downloads ul#page-navigation li.page-number a { color:#c0202a; } #content #main-content .downloads ul#page-navigation li.page-number a:hover { color:#8d8e8d; } /* ----- DOWNLOAD ITEM PAGE ----- */ #content #main-content .downloads #download-content { background:#e7e7e7; padding:20px; overflow:hidden; } #content #main-content .downloads #download-content #download-content01 { width:219px; float:left; margin-right:20px; } #content #main-content .downloads #download-content #download-content01 .download-now a { background:url(../images/btn_download-now.gif) no-repeat top left; display:block; text-indent:-9999px; width:219px; height:52px; } #content #main-content .downloads #download-content #download-content01 .download-now a:hover { background-position:bottom left; } #content #main-content .downloads #download-content #download-content01 p { margin-top:8px; } #content #main-content .downloads #download-content #download-content01 .aol-share a, #content #main-content .downloads #download-content #download-content01 .googleplus { float:left; margin-right:15px; } #content #main-content .downloads #download-content #download-content02 { width:319px; float:left; background:#FFF; padding:20px; } #content #main-content .downloads #download-content #download-content02 h5 { font-weight:bold; } #content #main-content .downloads #download-content #download-content02 ul {margin-left: 16px; list-style: square; font-size:12px; margin-top:10px;} #content #main-content .downloads #download-content #download-content01 .facebook-share, #content #main-content .downloads #download-content #download-content01 .twitter-share, #content #main-content .downloads #download-content #download-content01 .email-share {float:left; margin-top:8px;} .popup-msg { position: absolute; width:525px; background:#CCC; } .popup-msg .close { position: absolute; top:9px; right:8px; color:#CCC; } .popup-msg .close:hover { text-decoration: underline; } .popup-msg .title { background:#000; color:#FFF; padding:10px; } .popup-msg .content { padding:10px; color:#000; } .popup-msg .content div{ padding-top:10px; } .popup-msg .content textarea{ width:500px; }