/*---------------------------------------------------------------------------- [Master stylesheet] Project: Zuup.ro Version: 1.0 Assigned to: Adrian Chiran (adrian.chiran@projectweb.ro) ----------------------------------------------------------------------------*/ @import "utils.css"; /*---- main styles -------*/ *html { max-height:100%; min-height:100%; height:100%;} body { max-height:100%; min-height:100%; height:100%; font-family:tahoma; font-size:11px; color:#6a7279; text-align:center; margin:0px 0px 0px 0px;} #second-body { padding-top:15px;} .control-icons { width:400px; height:20px; text-align:right; padding:5px; position:fixed; right:0px; top:0px;} #site-container { width:990px; margin:auto; text-align:left;} #site-container .logo-zone { float:left; width:256px; height:110px; padding-top:15px; } #site-container .logo-zone h2.site-description { margin:-25px 0px 0px 70px; padding:0px;} #site-container .logo-zone h1 a.logo { display:block; background:url(../img/site-img/zuup_logo.png) left top; width:216px; height:114px; text-indent:-99999px;} #site-container .ad-header { float:right; margin:25px 0px 0px 0px; margin-bottom:10px; width:728px; height:90px;} /* rss stuff*/ #site-container #main-navigator { margin-top:4px;} #rss { position: absolute; right: 15px; top: 10px; text-align:right } #rss a { text-decoration:none;} /* Search */ #searchContainer { padding:4px; margin-bottom:4px; } #searchContainer input { width:260px; } #searchContainer div.searchInput { padding:3px;} #searchContainer .searchBtn { width:20px; height:20px; margin-left:5px;} /* Search results div */ #suggestions{ position: absolute; width:306px; display:none; z-index:999; margin:0px 0px 0px -5px; border:solid 1px #FFF; border-top:none; } #searchresults { border:solid 3px #fdb133; padding:3px; background:#FFF; font-size:11px;} #searchresults a.search_result_url { background:url(../img/main-skin/gamebox-normal-bg2.jpg) repeat-x left bottom #93bae2; color:#ffffff; display:block; padding:8px; clear:left; height:58px; text-decoration:none; margin-bottom:2px;} #searchresults a.search_result_url:hover {background: #4f84ba;} #searchresults a.search_result_url img { float:left; margin-right:5px; border:solid 1px #5b8fc4; background:#FFF; padding:1px;} #searchresults a.search_result_url span.searchheading { display:block; font-weight:bold; padding-bottom:2px;} #searchresults span.category { background:url(http://static.zuup.ro/img/main-skin/more_from_bg.jpg) repeat-x; font-size:11px; display:block; color:#ffffff; font-weight:bold; padding:3px 5px; margin-bottom:2px; } #searchresults a.adv_search { font-weight:bold; color:#666; text-decoration:none; font-size:11px; padding:4px 0px 4px 10px; display:block;} #searchresults a.adv_search:hover { text-decoration:underline;} .noResults { padding:9px; background:#fea696; border:solid 1px #fe8181; color:#FFF;} .moreResults { padding:5px; text-align:center;} .moreResults a{ color:#7da8d5;} /* Search page results */ .no_results { padding:50px 0px 0px 156px; height:118px;} /* Contact */ .contact { background:url(../img/main-skin/contact_bg.jpg) no-repeat 0px 35px #FFF; padding:10px 20px 10px 120px; line-height:150%; height:291px; } .contact input { background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; padding:6px; border:solid 1px #c6c7c7; font-size:11px; width:264px;} .contact textarea { background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; padding:6px; border:solid 1px #c6c7c7; font-size:11px; font-family:arial; width:264px; height:50px; overflow:auto;} .validator { background:#fb7484; color:#FFF; padding:6px 3px;} .succes_msg { font-size:18px; line-height:150%; height:130px;} .star { font-size:12px; color:#fb7484; font-weight:bold;} .error404 {background:url(../img/main-skin/not_found_bg.jpg) no-repeat 0px 35px #FFF; padding:10px 20px 10px 120px; line-height:150%; height:291px;} /* Newsletter */ .newsletter { background:url(../img/main-skin/newsletter_bg.jpg) no-repeat left center #FFF; padding:10px 20px 10px 120px; line-height:150%; height:242px; } .newsletter input { background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; padding:6px; border:solid 1px #c6c7c7; font-size:11px; width:264px;} .newsletter textarea { background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; padding:6px; border:solid 1px #c6c7c7; font-size:11px; font-family:arial; width:264px; height:50px; overflow:auto;} /*--- Main navigator ---*/ /*categs menu*/ #site-container #main-navigator .catgTab-zone { float:left;} #site-container #main-navigator .catgTab-zone a { display:block; width:90px; float:left; padding:6px 0px; margin-right:1px; text-align:center;} #site-container #main-navigator .catgTab-zone a:hover {} /*subcategs menu*/ #site-container #main-navigator .subcatTabs-zone { float:left; width:827px; overflow:hidden; padding:3px; height:21px; margin-top:-1px;} #site-container #main-navigator .subcatTabs-zone a { padding:4px 0px; float:left; margin-right:3px; display:block; width:80px; text-align:center;} #site-container #main-navigator .subcatTabs-zone a:hover {} /*show all catges*/ #site-container #main-navigator .show-all-categs { float:left; width:153px; padding:0px 0px 0px 4px; height:27px; margin-top:-1px;} #site-container #main-navigator .show-all-categs table {} #site-container #main-navigator .show-all-categs table a {} #site-container #main-navigator .show-all-categs table a:hover {} /*content */ #site-container .ws-left-part { float:left; width:675px; margin-top:3px;} #site-container .ws-left-part_2 { float:left; width:812px; margin-top:3px;} #site-container .ws-right-part { float:right; width:308px; margin-top:3px;} #site-container .ws-right-part_2 { float:right; width:120px; margin-top:3px;} h1.section-title { padding:2px 0px 4px 9px; position:relative; height:22px; } h1.section-title a {} h1.section-title a:hover {} h2.subsection-title { padding:4px 0px 4px 9px; margin-bottom:2px; position:relative; } .blockItem { width:500px; float:left;} /*----home page-------*/ /* new games - modificat */ #site-container .ws-left-part .new-games { float:left; width:370px; height:267px; overflow:hidden; padding:4px;} #site-container .ws-left-part .new-games .sliderwrapper { position: relative; overflow: hidden; height:196px; } #site-container .ws-left-part .new-games .sliderwrapper .contentdiv { visibility: hidden; position: absolute; left: 0; top: 0; width: 390px; height: 100%; filter:progid:DXImageTransform.Microsoft.alpha(opacity=100); -moz-opacity: 1; opacity: 1;} #site-container .ws-left-part .new-games .sliderwrapper .title_desc { padding:4px 0px; position:absolute; width:370px; margin-top:-31px; z-index:999; filter:alpha(opacity=75); -moz-opacity:0.75; -khtml-opacity: 0.75; opacity: 0.75; background:#000; cursor:pointer;} #site-container .ws-left-part .new-games .sliderwrapper .title_desc h2 { margin:0px; padding:3px;} #site-container .ws-left-part .new-games .sliderwrapper .title_desc h4 { margin:0px; padding:3px 3px 3px 5px; height:30px;} #site-container .ws-left-part .new-games .sliderwrapper a.new-game img { display:block; height:195px;} #site-container .ws-left-part .new-games .pagination { padding:5px 0px 0px 0px;} #site-container .ws-left-part .new-games .pagination a { float:left; margin:0px; margin-right:8px; _margin-right:6px; width:67px; display:block; text-decoration: none;} #site-container .ws-left-part .new-games .pagination a img { margin:0px;} #site-container .ws-left-part .new-games .pagination a:hover, .pagination a.selected { padding-top:5px; } /* aici sus !*/ /* most played games */ #site-container .ws-left-part .most-played-games { float:right; width:281px; padding:4px;} #site-container .ws-left-part .most-played-games .mpgames-container { margin:3px 0px 0px 0px; padding:4px 4px 1px 4px; height:233px;} #site-container .ws-left-part .most-played-games .mpgames-container a { float:left; width:89px; padding:10px 0px 0px 0px; margin:0px 3px 3px 0px; height:103px; display:block; text-align:center;} #site-container .ws-left-part .most-played-games .mpgames-container a:hover {} #site-container .ws-left-part .most-played-games .mpgames-container a img { width:73px; padding:1px;} /*ad 2 zone*/ #site-container .ws-left-part .ad2_zone { margin:5px 0px; overflow:hidden; height:90px; width:663px;} #site-container .ws-left-part .ad2_zone * {width:663px;} /* home page games categories */ #site-container .ws-left-part .home-p-categs { padding:4px; height:auto;} #site-container .ws-left-part .home-p-categs .game-categ { float:left; width:212px; margin:0px 3px 3px 0px; padding:4px;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box { height:60px; margin:2px 0px 0px 0px; padding:8px 0px 8px 8px; display:block; cursor:pointer; overflow:hidden;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box .game-box-pic { float:left; width:65px; padding:1px; display:block;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box .game-box-desc { float:left; width:125px; padding:0px 0px 0px 5px; line-height:120%; display:block;} #site-container .ws-left-part .home-p-categs .game-categ div.game-box .game-box-desc strong { display:block; margin-bottom:2px;} #site-container .ws-left-part .home-p-categs .game-categ a.all-games-from-cat { display:block; padding:0px 0px 3px 14px; margin-top:9px;} /* ad zone */ #site-container .ws-right-part .ad3_zone {} .ad4_zone { height:90px; margin-bottom:4px; overflow:hidden;} .ad4_zone * { width:659px;} /* random games */ #site-container .ws-right-part a.random_game img { padding:1px; margin:7px 7px 0px 0px; display:block; width:65px; height:56px; float:left;} /* top 10 games box*/ #site-container .ws-right-part .top-10-games { margin-top:6px;} #site-container .ws-right-part .top-10-games .inner { padding:4px; border:#FFFFFF solid 1px;} #site-container .ws-right-part .top-10-games .inner .top10-item {} #site-container .ws-right-part .top-10-games .inner .top10-item .place-nr { float:left; display:block; width:31px; padding:2px 0px 1px 0px;} #site-container .ws-right-part .top-10-games .inner .top10-item .place-nr2 { float:left; display:block; width:31px; padding:2px 0px 1px 0px;} #site-container .ws-right-part .top-10-games .inner .top10-item a.game_name { float:left; display:block; width:103px; padding:3px 0px 0px 5px;} #site-container .ws-right-part .top-10-games .inner .top10-item a.game_name:hover {} #site-container .ws-right-part .top-10-games .inner .first5 { width:141px; float:left; padding:10px 0px 0px 7px;} #site-container .ws-right-part .top-10-games .inner .second5 { width:141px; float:right; padding:10px 0px 0px 0px;} #site-container .ws-right-part .top-10-games .inner div.lineBg { background:url(../img/main-skin/hor-line-bg.gif) repeat-x; height:1px; line-height:1px; font-size:1px;} /*---- game page-------*/ /* game holder */ #site-container .ws-left-part .game-page-part { padding:4px;} #site-container .ws-left-part .game-page-part .game-page-part-inner { z-index: 601;padding:4px; position:relative;} #site-container .ws-left-part .game-page-part .game-page-part-inner .game-holder { padding:3px 3px 10px 3px; margin-top:4px; position:relative; z-index:602;} #site-container .ws-left-part .game-page-part .game-page-part-inner .game-holder .game-container { padding-top:5px; display:none;} .game_focus { padding:2px 3px 0px 0px; width:40px; float:right; margin:-8px -6px 0px 0px;} .gameFocus { position:absolute; background:url('http://static.zuup.ro/img/site-img/focus-game-pic2.png') no-repeat left top; z-index:5001; position:relative; cursor:pointer; width:36px; height:36px; text-indent:-9999;} .gameFocus_active { background:url('http://static.zuup.ro/img/site-img/focus-game-pic-close2.png') no-repeat left top !important;} #activ_game_mode { position:absolute; margin:13px 0px 0px -106px; width:102px;} /* game desc and controls */ #site-container .ws-left-part .game-page-part .game-page-part-inner .controls-desc { padding:4px; background:red;} .tabC { padding:4px 0px 0px 0px; width:100%;} #site-container .ws-left-part .game-page-part .game-page-part-inner .controls-desc .game-controls-desc-rate { padding:6px 0px 10px 6px;} .controls-desc .game-controls-desc-rate .game_controls { width:142px; float:left; padding-right:7px;} .controls-desc .game-controls-desc-rate .game_controls p.bg { padding:4px 10px} .controls-desc .game-controls-desc-rate .game_controls div { padding:2px 10px;} .controls-desc .game-controls-desc-rate .game_desc { width:283px; float:left; padding:0px 7px; text-align:justify;} .tags { padding:7px 0px 0px 5px;} .tags a { font-size:10px; margin:0px 2px 2px 0px; padding-left:4px; height:18px; color:#FFF; display:block; float:left; background:url(../img/site-img/tag_left_bg.jpg) no-repeat left top; text-decoration:none; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } .tags a span { cursor:pointer; padding:3px 3px 3px 0px; display:block; float:left; background:url(../img/site-img/tag_right_bg.jpg) no-repeat right top; text-shadow: 1px 1px 0px #908f8e;} .tags a:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } .controls-desc .game-controls-desc-rate .game_desc p.bg { padding:4px 10px} .controls-desc .game-controls-desc-rate .game_desc div.desc { padding:4px 10px; } .controls-desc .game-controls-desc-rate .game_vote { width:182px; float:left; padding-left:7px;} .controls-desc .game-controls-desc-rate .game_vote p.bg { padding:4px 10px} .controls-desc .game-controls-desc-rate .game_vote div.rating_star { padding:8px 0px 0px 12px;} /* other games part */ #site-container .ws-left-part .categ-other-games { padding:4px 4px 4px 4px;} .sectionDesc { font-size:11px; margin-bottom:7px;} .sectionDesc h3 { display:inline; font-size:11px;} /* tell a friend window*/ #tell-a-friend-window { display:none; width:340px; margin:-60px 0px 0px -190px; position:absolute; padding:7px; background:#FFF; border:solid 1px #cbc5c5;} #tell-a-friend-window p.formName { padding:0px 0px 0px 7px; color:#676767; font-family:tahoma; font-weight:bold;} #tell-a-friend-window .inputText { font-size:11px; margin-left:7px; width:119px; color:#605b5b; border:none; background:url(../img/site-img/input-text-bg.gif) repeat-x left bottom;} #tell-a-friend-window .inputText2 { font-size:11px; width:188px; color:#605b5b; border:none; background:url(../img/site-img/input-text-bg.gif) repeat-x left bottom;} #tell-a-friend-window .inputTextarea { margin-bottom:5px; padding:1px 0px; font-size:11px; width:188px; height:75px; color:#605b5b; border:#FFF solid 1px; line-height:160%; overflow:auto; font-family:arial; background:url(../img/site-img/textarea-bg.gif) repeat left -1px;} #tell-a-friend-window .l-part { width:135px; padding:100px 0px 0px 0px; float:left; background:url(../img/site-img/zuup-timbru.jpg) no-repeat left top;} #tell-a-friend-window .r-part { width:190px; float:left; padding:6px 0px 0px 12px; background:url(../img/site-img/bg-line2.gif) repeat-y left top;} /* game box class */ div.gameBox { height:60px; float:left; margin:0px 2px 2px 0px; width:208px; padding:8px 2px 8px 8px; display:block; cursor:pointer; position:relative; overflow:hidden;} div.gameBox img { float:left; border:#FFFFFF solid 1px; display:block; width:65px; padding:1px; height:56px;} div.gameBox span { float:left; padding-left:6px; width:130px; display:block} div.gameBox span strong { padding-bottom:3px; display:block;} div.gameBox a {} /* game box class 2 */ div.gameBox2 { height:60px; float:left; margin:0px 2px 2px 0px; width:156px; padding:8px 2px 8px 8px; display:block; cursor:pointer; position:relative; overflow:hidden;} div.gameBox2 img { float:left; display:block; width:65px; padding:1px; height:56px;} div.gameBox2 span { float:left; padding-left:6px; width:80px;} div.gameBox2 span strong { padding-bottom:3px; display:block;} #site-container .ws-left-part .catg-pag-header { margin:3px 0px 3px 0px; padding:5px 0px 4px 6px; background:url(../img/main-skin/game_controls_bg.jpg) repeat-x left bottom #FFFFFF;} #site-container .ws-left-part .catg-pag-header .cat-new-games-box .strong-gameName { display:block; color:#666; padding:4px 0px 0px 2px; font-size:11px; font-family:arial; text-align:center; font-weight:normal;} #site-container .ws-left-part .catg-pag-header .cat-new-games-box { margin-right:2px; width:98px; float:left; height:106px; overflow:hidden; padding:4px; background:url(../img/main-skin/cat-new-games-box_bg.jpg) repeat-x left top;} #site-container .ws-left-part .catg-pag-header .cat-new-games-box a img { border:#8dc8d8 solid 1px; display:block; padding:1px;} #site-container .ws-left-part .catg-pag-header .cat-new-games-box_hover { color:#FFF; background:#4f84ba;} #site-container .ws-left-part .catg-pag-header .cat-new-games-box_hover .strong-gameName { color:#FFF;} /*footer stuff*/ .ftr { margin:3px 0px; line-height:180%;} a.link_footer {} a.link_footer:hover {} .ftr .ftr_buton { width:31px; float:left; position:relative; z-index:99;} .ftr .ftr_info { position:relative; z-index:1} #footer { margin-top:4px; padding:4px 4px 2px 4px;} #footer .footer_links { display:none;} #footer .footer_links .footer_left { width:188px; float:left;} #footer .footer_links .footer_left a.fLink_1 { padding:4px 0px 4px 5px; margin-bottom:1px; display:block;} #footer .footer_links .footer_left a.fLink_1:hover {} #footer .footer_links .footer_right { width:787px; float:right; position:relative;} #footer .footer_links .footer_right a.fLink_2 { float:left; width:121px; display:block; padding:4px 0px 4px 6px;} #footer .footer_links .footer_right a.fLink_2:hover {} h1.section-title2 { padding:4px; position:relative; margin-bottom:3px;} h1.section-title2 a {} h1.section-title2 a:hover {} /*pagination*/ .pagination_games { background:#FFF; padding:2px; text-align:center;} .pagination_games a { padding:5px 0px; font-family:20px; width:20px; text-align:center; background:#a2d3e2; text-decoration:none; color:#FFF; display:block; float:left; margin-right:2px;} .pagination_games a:hover {background:#4f84ba;} .pagination_games a.page_selected {padding:5px 0px; font-family:20px; width:20px; text-align:center; background:#4f84ba; text-decoration:none; color:#FFF; display:block; float:left; margin-right:2px;} .quickJump { width:635px; text-align:left; padding:2px; background:#FFF; border: 2px solid #f7941c;} .quickJump .gameList { width:207px; float:left; margin-right:1px; border:solid 1px #dfdfdf; padding:1px;} .quickJump .qj_game { padding:2px; margin-bottom:1px; height:20px; overflow:hidden;} .quickJump .qj_game a.quick_img { float:left; display:block; width:25px;} .quickJump .qj_game a.quick_url { text-decoration:none; float:left; padding:3px 0px 0px 5px; display:block; width:170px; color:#333;} .quickJump .qj_game_over {background:#4f84ba;} .quickJump .qj_game_over a.quick_url {color:#FFF;} /*voting*/ .votingButtons{ float:right; margin-bottom:-30px; position:relative; width:100px; font-size:10px; font-family:arial; color: #666; display:block; padding:0px 5px 0px 30px; display:none;} .votingButtons label{ padding:0px 0px 0px 30px; color:#FFF; cursor:pointer; } .votingButtons span{ color:#999; display:block; margin:3px 0px 0px 0px; text-align:center;} .vote { padding-top:5px; background: url("../img/main-skin/voting_sprite.jpg") no-repeat top left; display:block; width:48px; height:19px; float:left; margin:1px 1px; overflow:hidden;} .up { background-position:0px 0px; cursor:pointer;} .down { background-position:-48px 0px; cursor:pointer;} .up_h { background-position:0px -24px; cursor:default;} .down_h { background-position:-48px -24px; cursor:default;} .up_h label{cursor:default;} .down_h label{cursor:default;} /*sharing*/ a.shareBtn { display:block; width:15px; height:15px; float:left; margin-right:2px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; text-decoration:none;} a.shareBtn:hover { filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1; } /*newsletter subscribe*/ a.newsletter_subs { display:block; margin:2px 0px 5px 0px;} .keyboard { font-family:arial; margin:6px 0px 0px 0px;} .keyboard table { height:auto !important; width:auto !important; font-size:11px !important; color:#666 !important; } .keyboard table tr td { vertical-align:middle !important; text-align:center !important;} .keyboard table tr td.key_desc { text-align:left !important;} /*related games*/ .carousel { float:left; height:89px;} .relatedGames { margin-top:15px; border-top:solid 1px #e8e7e7; padding-top:5px;} .relatedGames .relatedTitle { padding:3px 0px 0px 0px; font-size:16px; font-size:11px;} a.carousel_prev { cursor:pointer; margin:28px 5px 0px 7px; float:left; width:28px; height:27px; background:url(../img/site-img/next_prev_sprite.gif) 0px 0px;} a.carousel_prev:hover { background:url(../img/site-img/next_prev_sprite.gif) -29px 0px;} a.carousel_next { cursor:pointer; margin:28px 0px 0px 5px; float:left; width:28px; height:27px; background:url(../img/site-img/next_prev_sprite.gif) 0px -28px;} a.carousel_next:hover { background:url(../img/site-img/next_prev_sprite.gif) -29px -28px;} .carousel li { margin:1px 2px 1px 1px; padding:7px 8px 5px 9px;} .carousel li a { color:#666; text-decoration:none; display:block; padding:1px;} .carousel li a img { width:67px; height:56px; border:solid 1px #5b8fc4; background:#FFF; padding:1px;} .carousel li a.liItem_hover { padding:0px;} .carousel li a.liItem_hover img { border:solid 2px #5b8fc4;} span.relGameName { display:block; text-align:center; font-size:10px;} .gamePageAd { margin-top:15px;} /*comment part*/ .cmBox { padding:15px 15px 5px 15px; /*border:solid 1px #c9e3ff; background:#f2fafe;*/ margin-bottom:3px;} .inputDiv { width:197px; float:left; margin-bottom:9px;} .comment_input { background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; padding:6px; border:solid 1px #c6c7c7; font-size:11px; width:170px; margin:1px;} .comment_label { color:#8a8b8c; padding-bottom:5px; display:block;} .comment_label span { font-size:9px; color:#999;} .comment_textarea { background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; padding:6px; border:solid 1px #c6c7c7; font-size:11px; font-family:arial; width:367px; height:50px; overflow:auto; margin:1px;} .embed_input { float:left; background:url(../img/main-skin/contact_form_bg.jpg) repeat-x left bottom #FFF; padding:6px; border:solid 1px #c6c7c7; font-size:11px; width:400px; margin:1px;} p.tip { margin:8px 0px 8px 0px; background:url(../img/site-img/tip_icon.jpg) no-repeat left center; padding:3px 0px 3px 20px;} a.sharebnt { float:left; display:block; width:32px; height:32px; text-decoration:none; margin:0px 10px 10px 0px; } a.sharebnt:hover { filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity: 0.6; opacity: 0.6; } a.shareFb { background:url(../img/site-img/share_icons_sprite.jpg) 0px 0px; } a.shareTw { background:url(../img/site-img/share_icons_sprite.jpg) -32px 0px;} a.shareYm { background:url(../img/site-img/share_icons_sprite.jpg) -64px 0px;} a.stumble { background:url(../img/site-img/share_icons_sprite.jpg) -96px 0px;} a.greenBtn { margin-top:5px; background:url(../img/site-img/greenBtn_left.jpg) no-repeat left top; font-weight:normal; height:29px; display:block; padding-left:8px; text-decoration:none; font-family:arial; font-size:11px; color:#FFF;} a.greenBtn span { cursor:pointer; background:url(../img/site-img/greenBtn_right.jpg) no-repeat right top; padding:7px 8px 8px 0; display:block; float:left;} a.greenBtn:hover {} div.greenBtn { margin-top:5px; background:url(../img/site-img/greenBtn_left.jpg) no-repeat left top; font-weight:normal; height:29px; display:block; padding-left:8px; text-decoration:none; font-family:arial; font-size:11px; color:#FFF; font-weight:bold;} div.greenBtn span { cursor:pointer; background:url(../img/site-img/greenBtn_right.jpg) no-repeat right top; padding:8px 8px 8px 0; display:block; float:left;} .moreCommBtn { cursor:pointer; background:url(../img/site-img/more_games_bg.gif) no-repeat left 10px; padding:10px 8px 5px 18px; width:200px;} .comm_list { margin:20px 0px 3px 0px; padding:0px 0px 6px 20px; background:url(../img/site-img/commIcon2.gif) no-repeat; border-bottom:solid 1px #eeeeee;} .comm_avatar { width:60px; height:60px; background:#FFF; float:left; border:solid 1px #CCC; padding:1px;} .comm_text { width:507px; float:left; padding:0px 0px 0px 10px;} p.comm_name { font-size:11px; color:#61b3cc; font-weight:bold;} p.comm_name span { font-size:11px; color:#8a8b8c; font-weight:normal;} p.comm_cont { color:#3c3f40; line-height:150%; margin:7px 0px 5px 0px;} p.comm_info {padding:0px 0px 6px 20px; background:url(../img/site-img/commIcon2.gif) no-repeat; font-size:10px; color:#8a8b8c} img#captcha { cursor:pointer; margin-left:5px;} .captcha { padding:1px;} #submit-comment { margin-top:10px; padding-left:9px; height:30px; color:#FFF; display:block; float:left; background:url(../img/site-img/post_comm_left_bg.gif) no-repeat left top; } #submit-comment span { cursor:pointer; padding:8px 8px 9px 0px; display:block; float:left; background:url(../img/site-img/post_comm_right_bg.gif) no-repeat right top; } #submit-comment span:hover { text-decoration:underline;} .comment_part .comm_left { width:400px; padding-right:5px; float:left;} .comment_part .comm_right { width:207px; float:right;} /*comment css*/ div#comments {} div.comment { min-height:50px; _height:1px; padding:9px; margin-bottom:1px; border-bottom:1px solid #e8ebec; background:url(../img/site-img/comment_bg.jpg) repeat-x left bottom #fbfbfb;} div.comment-unapproved { min-height:50px; height:auto; padding:7px; margin-bottom:1px; border:2px solid #CCC; background:url(../img/site-img/comment_bg.jpg) repeat-x left bottom #fbfbfb;} div.errorSub { border:solid 1px #fe8181; padding:10px ; background:#fea696; color:#FFF;} div.errorOk { border:solid 1px #9ace1c; padding:10px ; background:#c7fa4b; color:#5e6061;} div.errorSub p { font-weight:bold;} div.errorSub ul { list-style-type:none; margin-top:7px;} div.errorSub ul li { margin-bottom:3px; padding-left:10px;} div.date { display:block; background: #000; width:37px; height:26px; color:#fff; font-size:10px; text-align:center; line-height:1em; padding-top:6px;float:left; margin:0 10px 0 0;} div.comment-unapproved div.date { background:url(images/date-bg-1.png) no-repeat;} span.content { font-size:12px; line-height:1.4em;} div#submission { margin-top:10px;} div#submission textarea#c_message { float:left; width:222px; height:46px; padding:5px 25px 5px 5px; border:1px solid #666; font-family:Arial; font-size:11px;} div#submission input#submit-comment { display:block; margin-left:6px; float:left; width:75px; height:22px; text-decoration:none; font-size:12px; font-weight:bold; color:#000000; text-align:center;} div#submission input#submit-comment:hover { color:#FF0000;} div#loader { width:20px; height:20px; background-color:#fff;} div#loader img.load-gif { display:block; width:16px; height:16px; margin:15px auto 0 auto;} div#loader span.success { display:block; text-align:center; font-family:Arial, Helvetica, sans-serif; font-size:12px; padding:5px 0; margin-top:15px;} span.limit { display:block; margin:-19px 0px 0px 1px; position:relative; width:25px; background-color:#333333; font-family:arial; font-size:12px; color:#FFFFFF; padding:2px;} /*tabs*/ @media projection, screen { .tabs-hide { display: none;} } @media print { .tabs-nav { display: none;} } /* Skin */ .tabs-nav { list-style: none; margin: 0; padding: 0 0 0 4px; display: inline-block;} .tabs-nav:after { display: block; clear: both; content: " ";} .tabs-nav li { float: left; margin: 0 0 10px 2px; } .tabs-nav a { position: relative; top: 0px; z-index: 2; float:left; padding-left: 3px; color:#FFF; font-size: 11px; background:url(../img/site-img/tab_left_bg.jpg) no-repeat left top; text-align: center; text-decoration: none; white-space: nowrap;} .tabs-nav a span { cursor:pointer; padding:5px 8px 6px 4px; float:left; display:block; background:url(../img/site-img/tab_right_bg.jpg) no-repeat right top;} *>.tabs-nav a span { width: auto; height: auto;} .tabs-nav .tabs-selected a { background:url(../img/site-img/tab_left_bg_selected.jpg) no-repeat left top;} .tabs-nav .tabs-selected a span { background:url(../img/site-img/tab_right_bg_selected.jpg) no-repeat right top; text-shadow: 1px 1px 0px #4a9fb8; color:#FFF;} .tabs-container { padding:0px; background: #fff;} /*contest*/ .contest { background:#FFF; padding:7px;} .contest .blueBox { margin-top:5px; background:url(../img/site-img/blue_box_bg.jpg) repeat-x left bottom #fbfeff; padding:10px 15px 10px 13px; border:solid 1px #bfeaff;} .contestRegister {} .contestRegister .contestInputTxt { padding:7px 5px; font-size:11px; border:#dbdbdb solid 1px; width:173px; margin:1px;} input.contestSubmit { padding:4px 0px; background:url(../img/site-img/contest_sub_btn.gif) no-repeat left top; border:none; width:100px; color:#FFF; font-weight:bold; text-align:center; font-size:11px;} p.contest_tip { margin-bottom:5px; padding:2px 0px 2px 20px; background:url(../img/site-img/tip_bg.gif) no-repeat 2px center;} p.contest_warning { margin-bottom:5px; padding:2px 0px 2px 20px; background:url(../img/site-img/warning_bg.gif) no-repeat left center;} .contest h3.ctitle { font-size:18px; color:#3d3d3d;} .contest p.contestDesc { color:#5e6061; line-height:150%; text-align:justify; margin:5px 0px 8px 0px; font-size:11px;} .contest p.contestDesc a {color:#09F;} .contest p.contestDesc a:hover { text-decoration:none;} .contest .yellowBox { background:url(../img/site-img/yellow_box_bg.jpg) repeat-x left top #fffbe1; padding:10px; border:solid 1px #f6edb0;} .contest .yellowBox .videoBox { position:relative; width:336px; float:left; margin:0px 0px 0px -40px; _margin-left:-30px;} .contest .yellowBox .videoBox a { color:#4aa6bf; text-decoration:underline; padding:2px;} .contest .yellowBox .videoBox a:hover { background:#000; color:#FFF; text-decoration:none;} .contest .yellowBox .contestPromote { width:296px; float:right;} .leaderboard { /*background:url(../img/main-skin/contact_bg.jpg) no-repeat 0px 35px #FFF;*/ background:#FFF; padding:5px 5px 10px 5px; line-height:150%; } .ldbTbl thead tr { background:#505050; color:#FFF;} .ldbTbl tr { background:#e2f3fb;} .ldbTbl .tr_odd { background:#fffbe1;} .like_btn { width:75px; overflow:hidden; float:right; margin-bottom:-21px; position:relative; z-index:999;} .ad5 { border:solid 4px #FFF; border-bottom:none; border-top:none; background:#e8f1fb; padding:4px;} .ad5 .ad5Inner { background:#FFF; padding:2px; overflow:hidden; } .ad5 .ad5Inner * { width:660px; overflow:hidden;} .ad4 { border:solid 4px #FFF; border-bottom:none; border-top:none; background:#e8f1fb; padding:4px; width:839px;} .ad4 .ad4Inner { background:#FFF; padding:2px; overflow:hidden;} .greenButton { margin:3px 0px 6px 5px; padding-left:7px; height:22px; color:#FFF; display:block; float:left; background:url(../img/site-img/preview_left_bg.jpg) no-repeat left top; text-decoration:none;} .greenButton span { cursor:pointer; padding:4px 8px 5px 0px; display:block; float:left; background:url(../img/site-img/preview_right_bg.jpg) no-repeat right top; text-shadow: 1px 1px 0px #79af26;} .greenButton:hover { text-decoration:underline;}