/* STANDARD TAG REDEFINITIONS */ /* BODY{ text-align: right; direction: rtl; color: #000000; background: #000000; font-family: Arial, Helvetica, sans-serif; font-size: 12px; margin: 0 0 0 0; padding: 0; } * { margin: 0; padding: 0; } p { margin-bottom: 15px; line-height: 1.4em; margin-top: 0; } a{ color: #000; } a:hover{ text-decoration: underline; color: #FFF; } h1, h2, h3, h4, h5{ margin: 0; padding: 0; font-weight: normal; } img{ border: none; } ul { list-style: none; } */ /*HTML { text-align: right; direction: rtl; }*/ .Clear{ clear: both; font-size:1px; height:1px; line-height:1px; } .Small{ font-size: 11px;} .floatleft{ float:left; } .floatright{ float: right; } .aligncenter{ text-align: center;} .alignleft{ text-align: left;} .alignright{ text-align: right; } .Aligned, .alignjustify{ text-align: justify;} .width100{ width:100%;} .rtl { direction: rtl; } a.redlink {color: #8F0000;} /**********My addition:*************/ #FrameWrap { display: block; width: 740px; height: 606px; border: none; } .FrameHeaderW { display: block; width: 740px; height: 121px; border-top: 1px solid black; } #FrameMiddleW { display: block; width: 740px; height: 1800px; border: none; } .FrameSidebarW { float: left; position: relative; left: 0; width: 180px; height: 1800px; border: none; } .FrameMainW { float: left; position: relative; left: 0; width: 560px; height: 1800px; border: none; } .FrameFooterW { display: block; width: 740px; height: 100px; border: none; } /***********************************/ #Root, #RootWide{ width: 740px; margin: 0 auto 0 auto; } #Head{ width: 740px; height: 111px; position: relative; margin-top: 10px; } #Head .wrap{ width: 740px; height: 111px; background: url(new/toplogobanner.png) no-repeat; } #RootWide #Head .wrap{ width: 750px; background: url(bg_header_wide.gif) no-repeat; } #Head .wrap .TopSearch { float: right; margin: 70px 5px 0 0 ; width: 450px; } #Head .wrap .TopSearch h2 { float: left; margin: -1px 2px 0 0; color: white; font-size: 23px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; } #Head .wrap .TopSearch form .SearchText input { float: left; margin: 4px 3px 0; } #Head .wrap .TopSearch form .BtnGo input { float: left; width: 81px; height: 27px; margin: 0 0 0 0; border: none; color: #FFF; font-size: 17px; background: url(new/search_btn.png) no-repeat; } #Head ul{ margin-left:10px; list-style: none; font-family: "MS Sans Serif", Geneva, sans-serif; font-weight:bold; } #Head ul a{ color: #E8FC95; text-decoration: none; } #Head ul a:hover{ color: white; } #Head li{ float: left; display: block; padding: 7px 12px 0 12px; background: url(bullet_mainnav.gif) no-repeat 0 9px; } #Head span{ display: none; } #Head h1, #Head h1 a { display: block; width: 200px; height: 108px; float: right; } #header_homefav { float: left; width: 200px; color: white; font-size: 12px; margin: 10px 0 0 10px; } #header_homefav a { color: white; } #Content{ float:left; position:relative; background: url(bg_center.gif) repeat-y 190px 0; } #RootWide #Content{ background: url(bg_center_wide.gif) repeat-y 190px 0; } /* #Main { float: left; padding: 0 0 0 0 ; width: 558px; height: 1800px; border-left: 2px solid #706e7a; background-color: #706e7a; } /** old height: 385px **/ #RootWide #Main { width: 686px; } /* #Main h2{ color: #FF850B; font-size: 20px; margin-bottom: 5px; } #Main p.Path{ font-family: Tahoma, "MS Sans Serif", Geneva, sans-serif; font-size: 13px; color: #FFF; margin: 7px 0 20px 0; } #Main p.Path span{ float: right; color: #FFF; margin-right: 5px; } #Main p.Path span.img { float: right; width: 7px; background: url(new/ico_path.gif) no-repeat center center; } #Main p.Path a{text-decoration: none; color: #FFF; } #Main p.Path a:hover{ color: #000; border-bottom:none; } #Main .Featured {padding: 5px 0; } #Main .Featured h2{ font-size: 10px; float:left; width:275px; color: #6F8E1E; text-transform: uppercase; font-weight: bold; } #Main .Featured p{ float: right; width: 275px; color: #151515; } #Main .Featured .Caption{ float: right; font-size: 10px; margin-bottom: 0; } #Main .Featured .Title{ float: right; font-size: 24px; margin-bottom: 5px; } #Main .Featured a { color: #C80000; text-decoration: none; font-weight: bold; } #Main .Featured div.Shot { clear: both; float: left; position: relative; display: block; font-size:8px; width: 210px; height: 135px; margin: 0 0 0 15px; } #Main .Featured img { position:absolute; top: 5px; right: 5px; width: 200px; height: 125px; } #Main .Featured div.ShotMask { position: absolute; top: 0; left: 0; width: 210px; height: 135px; cursor: pointer; } #Main .Featured div.ShotMask[class] { background: url(new/imageframe.png) no-repeat; } */ /* CATEGORY SECTION */ /*.Category{ margin-bottom: 0px; min-height:200px; clear:both; height: auto;}*/ .Category .wrap { display: block; } .Category h2{ height:46px; display:block; position: relative; } .Category h2 span.Start{ display: block; padding-right: 10px; height: 46px; position: absolute; right: -11px; background: url(new/bg_caption_left.png) no-repeat right; width: 215px; } .Category h2 span.End{ line-height: 46px; display: block; font-size: 13px; font-weight: bold; color: white; padding-left: 10px; height: 46px; background: url(new/bg_caption_left_add.png) no-repeat left; } .Category .AllGames{ text-align: right; float: right; position: relative; } .Category .AllGames span{ display: block; position:absolute; right:-22px; padding-right: 20px; overflow: hidden; width:128px; height:46px; line-height: 46px; background: url(new/bg_morelink.png) no-repeat right; } .Category .AllGames a{ color: white; font-size: 12px; font-weight: bold; text-decoration: none; } /* CENTER GAMES LIST */ #Main div.GamesRow{ float: right; width: 524px; height: 140px; padding: 5px 0; overflow:hidden; } #Main div.GamesRow div.leftgame { float: right; width: 165px; height: 140px; padding: 0 9px 2px 0; } #Main div.Thumb { position: relative; float: right; display: block; font-size: 8px; width: 70px; height: 48px; margin: 0 0 0 8px; } #Main img.Thumb{ position:absolute; top: 1px; left: 1px; width: 70px; height: 48px; border:solid 2px #FF0000; } #Main div.mask { position: absolute; top: 0; left: 0; width: 68px; height: 46px; cursor: pointer; } /*#Main div.mask[class] { border: 2px solid #FF0900; }*/ #Main div.GamesRow .Title{ margin-bottom:4px; color: #000; font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } #Main div.GamesRow .Title a{ color: #000; text-decoration: none; letter-spacing: 1px; } #Main div.GamesRow .Rating { display: block; margin: 0; } #Main div.GamesRow .Desc{ font-family: Tahoma, Verdana, Arial; font-size: 11px; color: #535257; text-align: right; } #Main div.GamesRow .leftgame .Desc{ height: 60px; clip: auto; overflow: hidden; clear: right; padding: 5px 0 0 0; } /* Rating on the front or category page */ #Main div.Rating { float: right; clear: both; width: 68px; height: 17px; position: relative; top: 5px; left: 0; background-repeat: no-repeat; } #Main #MainBox div.Rating { margin: 0 0 5px 0; } #Main div.starna{ background-image: url(new/starna.gif); } #Main div.star10{ background-image: url(new/star10.gif); } #Main div.star15{ background-image: url(new/star15.gif); } #Main div.star20{ background-image: url(new/star20.gif); } #Main div.star25{ background-image: url(new/star25.gif); } #Main div.star30{ background-image: url(new/star30.gif); } #Main div.star35{ background-image: url(new/star35.gif); } #Main div.star40{ background-image: url(new/star40.gif); } #Main div.star45{ background-image: url(new/star45.gif); } #Main div.star50{ background-image: url(new/star50.gif); } /* GAME PAGE */ #Main_rating { clear: both; height: 25px; margin: 0 -5px; padding: 2px 5px 0 5px; } #Main_rating .text { float: right; margin: 2px 5px 0 10px; font-size: 15px; font-weight: bold; } #Main_rating .stars { float: right; } #star-rating{ background: url(new/star_rating.gif) repeat-x left -1000px; height:20px; width:100px; } #star-rating a:hover, #star-rating a:active, #star-rating a:focus, #star-rating .current-rating{ background: url(new/star_rating.gif) repeat-x right -1000px; } #star-rating{ position: relative; width: 100px; height: 20px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; } #star-rating li{ display: inline; line-height:20px; } #star-rating a, #star-rating .current-rating{ color: #FD9B00; position: absolute; top: 0; right: 0; text-indent: -1000em; height: 20px; line-height: 20px; outline: none; overflow: hidden; border: none; text-decoration: none; } #star-rating a:hover, #star-rating a:active, #star-rating a:focus{ background-position: left bottom; } #star-rating a.one-star{ width: 20%; z-index: 6; } #star-rating a.two-stars{ width: 40%; z-index: 5; } #star-rating a.three-stars{ width: 60%; z-index: 4; } #star-rating a.four-stars{ width: 80%; z-index: 3; } #star-rating a.five-stars{ width: 100%; z-index: 2; } #star-rating .current-rating{ z-index: 1; background-position: right center; } #Main .GameBG { float: left; height: 305px; width: 530px; /* background-image: url(bg_gameblock_top.gif); background-repeat: repeat-x; */ } #Main .GameBGBox { float: left; height: 305px; width: 530px; /* background-image: url(bg_gameblock_bottom.gif); background-repeat: repeat-x; background-position: bottom; */ text-align:center; color: White; } #Main .GameBGBox #openGameLink { cursor: pointer; text-decoration: underline; } #game_main_block {} #game_main_block #game_main_title {text-align: center; font-size: 26px; text-decoration: underline; font-weight: bold; margin: 15px auto 20px auto;} #game_main_block #game_main_title h1 {font-size: 26px; display: inline; margin: 0;} #game_main_block #game_main_details {margin: 0 30px; height: 190px; overflow: hidden;} #game_main_block #game_main_details #game_main_pic {float: right; width: 252px; height: 164px; margin-left: 25px;} #game_main_block #game_main_details #game_main_desc, #game_main_block #game_main_details #game_main_instruct {height: 60px; overflow: hidden; margin-bottom: 10px;} #game_main_block #game_main_details #openGameLink {display: block; text-align: center; cursor: pointer; text-decoration: none; height: 24px;} #game_right_side {float: right; width: 430px; margin: 0 15px 0 20px;} #game_left_side {float: left; width: 300px; margin-left: 15px;} #real_content #block_gamecomments {margin-bottom: 15px;} #real_content #block_gamerate {margin-bottom: 15px;} #real_content #block_sendgame {margin-bottom: 15px;} #real_content #block_relatedgames {margin-bottom: 15px;} #real_content #block_toprated {margin: 15px 0 15px 0;} #real_content #block_mostplayedtoday {margin-bottom: 15px;} #real_content #block_mostplayedtoday .pop {margin-right: 0; background: #A7D143 url(img/cat_content_back_430.gif) repeat-y;} #real_content #block_mostplayedtoday .pop, #real_content #block_mostplayedtoday .pop .top_back, #real_content #block_mostplayedtoday .pop .top, #real_content #block_mostplayedtoday .pop .bot_back, #real_content #block_mostplayedtoday .pop .bot {width: 430px;} #real_content #block_mostplayedtoday .pop .content .ttop .content {width: 412px;} #Main h3 { color: #C00; font-size: 18px; font-weight: bold; margin: 10px 0 15px 0; } #Main .Comments { width: 100%; padding: 0; } #Main .Comments h3 { color: #FFF; font-weight: bold; margin: 0 0 15px 0; } #Main p.Comment { color: #000; margin: 0; font-size: 10pt; text-align: justify; background: url(new/bg_comment_entry.gif) no-repeat right top; padding-right: 22px; } #real_content .content div.Comment {text-indent: -20px; padding-right: 20px;} #real_content .content div.Comment .index_num {color: #8F0000;} #Main p.Signature{ /*margin: 9px 0 3em 0;*/ text-align: right; font-size: 9pt; color: #F6A244; } #Main .AddComment{ width: 250px } #Main .AddComment{ font-size: 9pt; } #Main .AddComment p { margin-bottom: 0; } #Main .AddComment form { margin: 0 80px 0 0; } #Main .AddComment span{ display: block; } #Main .AddComment .Button{ font-size: 11px; line-height: 20px; width: 60px; height: 20px; margin: 5px 0 0 0; border: none; background: url(new/btn_side_short.png) no-repeat; color: #FFF; font-weight: bold; } /* Form styles */ #Main Form{ margin: 0 0 1em 0; width:100% } #Main Form.Form{ } #Main div.Block{ padding:0 0 10px 0; } #Main .Block .Info { font-size: 13px; position: absolute; right: 180px; color: #000; } #Main .Block .Details { font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: bold; color: #FFF; vertical-align: bottom; } #Main .Block .Title{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; /*font-size: 0.85em;*/ font-weight: bold; color: Black; } #Main .Block .Title b{ color: #FB0000; margin-right: 0.3em; } #Main .Error{ display: block; font-size:0.85em; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: Red; font-weight: bold; } #Main .Message{ display: block; font-size: 1.2em; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: #1E48C1; font-weight: normal; text-align: center; } #Main input.Text{ width: 278px; height: 18px; background-color: white; border: 1px solid #6e8886; color: #343434; padding: 2px; } #Main textarea{ width: 250px; height: 125px; background-color: #FFFEF9; border: 1px solid #F7C993; /*color: #8E4826*/; overflow: auto; } div.Side { width: 180px; background: #706e7a; height: 1800px; } .Left{ position:relative; padding-right: 5px; margin-bottom:-90px; } .Right{ float:right; position:relative; top:-100px; margin-bottom:-90px; } .Side .Box{ width: 160px; float: left; padding: 10px 10px 0 10px; background-color: #FFFFE0; } .Side div.Comments{ background-image: url(bg_inbox.gif); background-repeat: repeat-y; } .Side div.CommentsFooter{ float: left; width:180px; height:12px; background-image: url(bg_inbox_footer.gif);} .Left .BoxFooter{ width: 180px; float: left; height:10px; background: url(bg_box_left.gif) no-repeat; } .Right .BoxFooter{ width: 180px; float: left; height:10px; background: url(bg_box_right.gif) no-repeat; } .Side .SolidBox{ float: left; padding:0px 10px 10px 10px; background-repeat: no-repeat; background-color: #c00; } .Left .SolidBox{ background-position: left bottom; background-image: url(new/box1_bottom_left.png); } .Right .SolidBox{ background-position: right bottom; background-image: url(new/box1_bottom_right.png); } .Side div.Special{ background-color: #ED8308; } .Left div.Special{ background-image: url(bg_side_box_b_l_spec.gif); } .Right div.Special{ background-image: url(bg_side_box_b_r_spec.gif); } #loginout { display: block; margin: 0 2px 3px 0; } /*****My addition:********/ .Redbox h2{ float:right; padding: 7px 0 0 0; display: block; color: white; font-size: 16px; font-weight: bold; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } .Yelbox h2{ float:right; padding: 7px 0 0 0; display: block; color: black; font-size: 16px; font-weight: bold; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } .Redbox { display: block; width: 170px; margin-bottom: 5px; clear:both; background: #000; } .Redbox .Redbox_top { display: block; height: 34px; } .Redbox .Redbox_top .Redbox_top_left { float: left; width: 10px; height: 34px; background: url(new/box1_top_left.png) no-repeat; } .Redbox .Redbox_top .Redbox_top_center { float: left; width: 150px; height: 34px; background: url(new/box1_top_center.png) repeat-x; } .Redbox .Redbox_top .Redbox_top_right { float: left; width: 10px; height: 34px; background: url(new/box1_top_right.png) no-repeat; } .Redbox .Redbox_top .Redbox_top_center_Gamecombo { width: 124px; } .Redbox .Redbox_top .Redbox_top_left_Gamecombo { float: left; width: 36px; height: 34px; background: url(new/box1_top_left_gamecombo.png) no-repeat; } .Redbox .Redbox_center { display: block; clear: both; margin: 0 3px; padding: 0 5px; color: white; background: #C00; } .Redbox .Redbox_center p { direction: rtl; } .Redbox .Redbox_bottom { display: block; clear: both; height: 10px; overflow:hidden; } .Redbox .Redbox_bottom .Redbox_bottom_left { float: left; width: 10px; height: 10px; background: url(new/box1_bottom_left.png) no-repeat; } .Redbox .Redbox_bottom .Redbox_bottom_center { float: left; width: 150px; height: 10px; background: url(new/box1_bottom_center.png) repeat-x; } .Redbox .Redbox_bottom .Redbox_bottom_right { float: left; width: 10px; height: 10px; background: url(new/box1_bottom_right.png) no-repeat; } .Yelbox { display: block; width: 170px; margin-bottom: 5px; clear:both; background: #000; } .Yelbox .Yelbox_top { display: block; height: 29px; } .Yelbox .Yelbox_top .Yelbox_top_left { float: left; width: 10px; height: 29px; background: url(new/box2_top_left.png) no-repeat; } .Yelbox .Yelbox_top .Yelbox_top_center { float: left; width: 150px; height: 29px; background: url(new/box2_top_center.png) repeat-x; } .Yelbox .Yelbox_top .Yelbox_top_right { float: left; width: 10px; height: 29px; background: url(new/box2_top_right.png) no-repeat; } .Yelbox .Yelbox_top .Yelbox_top_center_Gamecombo { width: 124px; } .Yelbox .Yelbox_top .Yelbox_top_right_Gamecombo { float: left; width: 36px; height: 34px; background: url(new/box2_top_right_gamecombo.png) no-repeat; } .Yelbox .Yelbox_center { display: block; clear: both; margin: 0 3px; padding: 5px 5px 0; background: #FD9B00; color: black; } .Yelbox .Yelbox_bottom { display: block; clear: both; width: 170px; height: 10px; overflow:hidden; } .Yelbox .Yelbox_bottom .Yelbox_bottom_left { float: left; width: 10px; height: 10px; background: url(new/box2_bottom_left.png) no-repeat; } .Yelbox .Yelbox_bottom .Yelbox_bottom_center { float: left; width: 150px; height: 10px; background: url(new/box2_bottom_center.png) repeat-x; } .Yelbox .Yelbox_bottom .Yelbox_bottom_right { float: left; width: 10px; height: 10px; background: url(new/box2_bottom_right.png) no-repeat; } #Loginbox h2.login { float: right; padding: 7px 0 0 0; display: block; color: #6F6D79; font-size: 12px; font-weight: bold; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } #Loginbox { display: block; width: 170px; margin-bottom: 5px; clear: both; background: #000; } #Loginbox #Login_top { display: block; height: 28px; } #Loginbox #Login_topleft { float: left; width: 10px; height: 28px; background: url(new/loginbox_top_left.png) no-repeat; } #Loginbox #Login_topcenter { float: left; width: 150px; height: 28px; background: url(new/loginbox_top_center.png) repeat-x; } #Loginbox #Login_topright { float: left; width: 10px; height: 28px; background: url(new/loginbox_top_right.png) no-repeat; } #Loginbox #Login_center { display: block; width: 170px; background: #000; overflow:hidden; height:128px; } #Loginbox #Login_centerwrap { width: 164px; padding-top: 8px; margin: 0 3px; background: #FFF; } #Loginbox #Login_center p { margin-bottom: 5px; padding-right: 5px; } #Loginbox #Login_center .b { font-weight: bold; } #Loginbox #Login_center a, #Loginbox #Login_center b a:hover { color: #C80000; text-decoration: underline; } #Loginbox #Login_center a.user, #Loginbox #Login_center a.user:hover { color: #000; } #Loginbox #Login_center form { margin-top: 5px; } #Loginbox #Login_center form input { font-size: 11px; position: absolute; right: 55px; width: 100px; } #input_sub{width:78px; height:26px; position:relative; bottom:27px;} #Loginbox #Login_center form input/*[type="submit"]*/ [type="image"] { width: 78px; height: 26px; border: none; /*background: url(new/loginbox_btn.png) no-repeat;*/ } #Loginbox #Login_center .forgot { margin-right: 5px; width: 70px; font-size: 11px; } #Loginbox #Login_bottom { display: block; height: 11px; overflow:hidden; } #Loginbox #Login_bottomleft { float: left; width: 10px; height: 11px; background: url(new/loginbox_bottom_left.png) no-repeat; } #Loginbox #Login_bottomcenter { float: left; width: 150px; height: 11px; background: url(new/loginbox_bottom_center.png) repeat-x; } #Loginbox #Login_bottomright { float: left; width: 10px; height: 11px; background: url(new/loginbox_bottom_right.png) no-repeat; } /********************************/ #Main #MainBox { width: 558px; background: #000; margin-bottom: 5px; } #Main #MainBox #MainBox_top { height: 34px; } #Main #MainBox #MainBox_top #MainBox_top_left { float: left; width: 14px; height: 34px; background: url(new/boxmain_top_left.png) no-repeat; } #Main #MainBox #MainBox_top #MainBox_top_center { float: left; width: 530px; height: 34px; background: url(new/boxmain_top_center.png) repeat-x; } #Main #MainBox #MainBox_top #MainBox_top_right { float: left; width: 14px; height: 34px; background: url(new/boxmain_top_right.png) no-repeat; } #Main #MainBox #MainBox_center { height: 100%; min-height:515px; margin: 0 3px; background: #C80000; } #Main #MainBox #MainBox_center .wrap { height: 100%; min-height: 515px; margin: 0 6px; padding: 0 5px; background: #FD9B00; } #Main #MainBox #MainBox_center .wrap #MainBox_top_pagination { height: 28px; margin: 0 -5px; padding: 0 5px; border-bottom: 2px solid #FECD00; } #Main #MainBox #MainBox_center .wrap #MainBox_content { height: 100%; min-height: 277px; padding-top: 10px; } #Main #MainBox #MainBox_center .wrap #MainBox_bottom_pagination { height: 28px; margin: 0 -5px; padding: 0 5px; border-top: 2px solid #FECD00; } #Main #MainBox #MainBox_bottom { height: 14px; overflow:hidden; } #Main #MainBox #MainBox_bottom #MainBox_bottom_left { float: left; width: 14px; height: 14px; background: url(new/boxmain_bottom_left.png) no-repeat; } #Main #MainBox #MainBox_bottom #MainBox_bottom_center { float: left; width: 530px; height: 14px; background: url(new/boxmain_bottom_center.png) repeat-x; } #Main #MainBox #MainBox_bottom #MainBox_bottom_right { float: left; width: 14px; height: 14px; background: url(new/boxmain_bottom_right.png) no-repeat; } #Main #MainCommFav { display: block; width: 558px; } #Main h3.comm_h3 { color: #FFF; margin: 0; } #Main #MainCommFav #top #top_left { float: left; width: 10px; height: 34px; background: url(new/box1_top_left.png) no-repeat; } #Main #MainCommFav #top #top_center { float: left; width: 538px; height: 34px; background: url(new/box1_top_center.png) repeat-x; } #Main #MainCommFav #top #top_right { float: left; width: 10px; height: 34px; background: url(new/box1_top_right.png) no-repeat; } #Main #MainCommFav #center { float: left; margin: 0 3px; } #Main #MainCommFav #bottom #bottom_left { float: left; width: 10px; height: 10px; background: url(new/box1_bottom_left.png) no-repeat; } #Main #MainCommFav #bottom #bottom_center { float: left; width: 538px; height: 10px; background: url(new/box1_bottom_center.png) repeat-x; } #Main #MainCommFav #bottom #bottom_right { float: left; width: 10px; height: 10px; background: url(new/box1_bottom_right.png) no-repeat; } #Main #MainFooter { display: block; width: 558px; background: #706e7a; } .element { float: right; padding: 5px 0 0 10px; } /********************************/ .Side h2.Special{ background-image: url(bg_side_caption_special.gif); } .Side h2.Solid{ height:32px; line-height:32px; padding: 0 0 0 10px; background-image: url(bg_side_box.gif); } .Side h2.SolidSpecial{ height:32px; line-height:32px; padding: 0 0 0 10px; background-image: url(bg_side_box_special.gif); } /*****My addition:********/ /** start new layout, with tree structure and tags **/ .Side #NavBox { display: block; width: 170px; margin: 0 1px 5px 0; background: #706e7a; } .Side #NavBox a { display: block; } .Side #NavBox a.hide { display: none; } .Side #NavBox a.depth0 { margin-right: 20px; } .Side #NavBox a.depth1 { margin-right: 40px; } .Side #NavBox a.depth2 { margin-right: 60px; } .Side #NavBox img.expandImg { float: right; padding-top: 3px; cursor: pointer; } .Side #NavBox img.hide { display: none; } .Side #NavBox img.depth1 { padding-right: 20px; } .Side #NavBox img.depth2 { padding-right: 40px; } .Side #NavBox img.depth3 { padding-right: 60px; } /** end new layout **/ .Side #NavBox ul { float: left; list-style: none; font-size: 15px; width: 170px; margin: 5px 0 10px 1px; } .Side #NavBox li { height: 32px; overflow:hidden;} .Side #NavBox li.Home { padding: 7px 0 0 10px; background: url(new/cat_bgH.png) no-repeat; } .Side #NavBox li.Oldschool { background: url(new/cat_bg1.png) no-repeat; } .Side #NavBox li.Puzzle { background: url(new/cat_bg2.png) no-repeat; } .Side #NavBox li.Sports { background: url(new/cat_bg3.png) no-repeat; } .Side #NavBox li.Shooters { background: url(new/cat_bg4.png) no-repeat; } .Side #NavBox li.Racing { background: url(new/cat_bg5.png) no-repeat; } .Side #NavBox li.Multiplayer { background: url(new/cat_bg6.png) no-repeat; } .Side #NavBox li.Adventure { background: url(new/cat_bg7.png) no-repeat; } .Side #NavBox li.Cards { background: url(new/cat_bg8.png) no-repeat; } .Side #NavBox li.Funny { background: url(new/cat_bg9.png) no-repeat; } .Side #NavBox li.Educational { background: url(new/cat_bg10.png) no-repeat; } .Side #NavBox li.Board { background: url(new/cat_bg11.png) no-repeat; } .Side #NavBox li.Simulation { background: url(new/cat_bg12.png) no-repeat; } .Side #NavBox ul a{ text-decoration: none; color: #000; font-size: 15px; font-weight: bold; } .Side #NavBox ul a:hover{ position:relative; right:1px; } .Side #NavBox li.Home a { color: #FFF; } /*************************/ .Side .Searchbox{ background-image: url(bg_side_textbox_spec.gif); background-repeat: no-repeat; border: 0 none; width: 154px; height: 19px; line-height: 17px; padding: 2px 0 0 5px; margin: 0; } .Side .Searchbox h2 { float:left; padding: 7px 0 0 0; display: block; color: black; font-size: 16px; font-weight: bold; overflow: hidden; font-family: Arial, Helvetica, sans-serif; } .Side .BtnGo{ background-image: url(btn_go.gif); width:39px; height:18px; border: none; background-color: #9DCF54; color: White; font-size: 11px; float: right; margin-top: 6px; } .Side .Special .BtnGo{ background-image: url(btn_go_spec.gif); background-color: #F19C39; } /*****My addition:********/ .Side .Redbox .Redbox_center select { width: 150px; } .Side .Redbox .Redbox_center form { width: 160px; padding-bottom:9px;} /*************************/ .Side ul { list-style: none; } .Side .News { } .Side .News li {margin-bottom:7px; overflow: hidden; } .Side .News .Title{ font-size: 11px; display: block; display: block; font-weight: bold; } .Side .News .Date{ font-weight: normal; } .Side .News .More{ display:block; font-size: 10px; width:100%; text-align: right; font-weight: bold; } /* Feedback form and comments */ #feedbackread { display: block; } #feedbackpost { display: none; } #feedbacknav_in{ position:absolute; left:0; top:0; width:160px; height:23px; background-image: url(new/inbox_post.png); background-repeat: no-repeat; display: none; } #feedbacknav_out{ position:relative; height:23px; background-image: url(new/inbox_read.png); background-repeat: no-repeat;} #feedbacknav_out a{ position: absolute; top:5px; font-weight:bold; text-decoration: none; display:block; color: #FFF; } #feedbacknav_out a.Read{ left:25px; } #feedbacknav_out a.Post{ left:95px; } #feedbacknav_out a:hover{ color: #FFF; } #feedbackread {padding:10px 3px 0 3px; } #feedbackread p{ background: url(ico_comments.gif) no-repeat 0 1em; padding: 8px 4px 0 16px; color: #FFF; } #feedbackread .User{ text-align:right; display:block; font-style: normal; font-size:11px; padding-left:15px; } #feedbackpost{ padding: 10px 0px 0 0px; } #feedbackpost textarea{ border: 1px solid #FFE2B3; overflow: auto; width: 145px; padding:3px; } #feedbackpost form{ width:153px;} #feedbackpost input.Button{ font-size:11px; line-height: 15px; width: 60px; height: 20px; margin: 0 5px 0 0; border:none; background-image: url(new/btn_side_short.png); background-repeat: no-repeat; background-color: #C00; color: #FFF; font-weight: bold; } #feedbackpost input.Button:focus { cursor: pointer; } /* Favorites */ .RemoveFavorite{ color: #FD9B00/*#C90404*/; text-decoration: none; font-family: "Arial Black", Arial, Helvetica, sans-serif;} #Footer { width: 740px; height: 50px; position:relative; border-top: 4px solid #706e7a; } #Footer .wrap{ position: absolute; left: 0; width: 740px; height: 50px; color: #FFF; text-align:center; padding:10px 0 0 0; background: #000; font-size: 11px; } #RootWide #Footer .wrap{ width: 743px; height: 100px; background: url(bg_footer_wide.gif) no-repeat; } #Footer a{ text-decoration: underline; color:#FFF; } #Footer a:hover{color: #FFF; } #Footer p{ margin: 0 0 4px 0; line-height: 1.2em; } #Footer p.credit { float: right; margin-top: -20px; } #pagination { margin:10px auto 0px auto; text-align: center; height: 20px; } #pagination span.nolink { float: right; margin: 0 2px; padding: 2px 5px; border-right: 1px solid #494949; border-bottom: 1px solid #494949; background: none; color: #494949; border-left: 1px solid #FFFCAE; border-top: 1px solid #FFFCAE; } #pagination span a { float: right; margin: 0 2px; padding: 2px 5px; border-right: 1px solid black; border-bottom: 1px solid black; border-left: 1px solid #FFFCAE; border-top: 1px solid #FFFCAE; background: #FF3000; color: #FFF; text-decoration: none; } #pagination span a:hover { background: #C00; color: #FFF; } .google_top { float: left; width: 728px; height: 90px; margin-top:12px; position:relative; left:26px;} .google_sidebar { display: block; width: 160px; height: 600px; margin: 10px 4px 0 0; border: 2px solid black; background: #FFF; } #MainGoogle { display: block; } .google_main { float: right; width: 250px; height: 250px; margin: 5px 0 0 10px; border: none; background: #706e7a; } #joinsms { background: #706e7a; color: #FFF; direction: rtl; text-align: center; padding-bottom: 5px; } #joinsms span.highlight { font-size: 120%; font-weight: bold; } .alogin{ font-size:12px; font-weight:bold; color:#000000; position:absolute; top:32px; right:23px; } .alogin a{color:#CC0000; text-decoration:underline;} .alogin a:hover{color: #FF6600; text-decoration:underline;} .ulopenimg.close, .ulopenimg.open {width: 10px; height: 10px; margin-left: 10px; } .ulopenimg.close { background-color: #FFFFFF; } .ulopenimg.open { background-color: #000000; } /* new */ body { background-color: #900000; font-size: 12px; font-family: Arial; margin: 0; padding: 0; } a:hover { text-decoration: underline; } #whole { width: 976px; } #logo { background: #900000 url(img/logo.jpg) no-repeat scroll top left; height: 151px; width: 976px; } #lsearch { color: #fff; } #content { text-align: right; } #right_part { margin-top: 10px; width: 176px; float: right; padding-right:8px; } .right_block { margin-top:10px; width: 165px; background: #900000 url(img/rblock_content_back.gif) repeat-y scroll top left; text-align:right; } .right_block a:link, .right_block a:active, .right_block a:visited { color: #8f0000; text-decoration: underline; } .right_block a:hover { color: #000000; text-decoration: underline; } .right_block .top_back { height: 26px; width: 165px; background: #900000 url(img/rblock_top_back.gif) repeat-x scroll top left; } .right_block .top { height: 26px; width: 165px; background: transparent url(img/rblock_top_left.gif) no-repeat scroll top left; } .right_block .top1 { height: 22px; width: 147px; padding: 4px 18px 0 0; background: transparent url(img/rblock_top_right.gif) no-repeat scroll top right; font-size: 15px; font-weight: bold; } .right_block .content { padding: 6px 6px 0 0; width: 157px; } .right_block .content table { margin: 6px 0 6px 0; } .right_block .content td { padding-top: 4px; } .right_block .bot_back { width: 165px; height: 24px; background: #900000 url(img/rblock_bottom_back.gif) repeat-x scroll top left; } .right_block .bot { width: 165px; height: 24px; background: transparent url(img/rblock_bottom_left.gif) no-repeat scroll top left; } .right_block .bot1 { width: 147px; height: 21px; padding:3px 11px 0 0; background: transparent url(img/rblock_bottom_right.gif) no-repeat scroll top right; } #right_part #buttons { margin-top: 10px; float:right; width:171px; } #right_part #buttons img { clear:both; border:none; position:relative; left:2px; } #real_content { margin-top: 10px; padding-left:8px; width: 780px; color: white; float:left; } #real_content .googlead { width: 770px; height: 62px; margin:0; background: transparent url(img/google_ad.gif) no-repeat scroll top right; } #real_content .main { background: url(img/main_content.gif) repeat-y scroll top left; width: 780px; text-align: right; float:right; margin-top:15px; /*test*/ color:#000000; /*test*/ } #real_content .top_back { height: 30px; width: 780px; background: #900000 url(img/main_top_back.gif) repeat-x scroll top left; } #real_content .top { height: 30px; width: 780px; background: transparent url(img/main_top_left.gif) no-repeat scroll top left; } #real_content .top1 { height: 23px; width: 770px; padding: 7px 10px 0 0; background: transparent url(img/main_top_right.gif) no-repeat scroll top right; } #real_content .hotgame { width: 430px; background: transparent url(img/hot_content.gif) repeat-y scroll top left; } #real_content .hotgame .top_back { height: 36px; width: 430px; background: transparent url(img/hot_top_back.gif) repeat-x scroll top left; } #real_content .hotgame .top { height: 36px; width: 430px; background: transparent url(img/hot_top_left.gif) no-repeat scroll top left; } #real_content .hotgame .top1 { height: 36px; width: 233px; padding: 0 13px 0 0; background: transparent url(img/hot_top_right.gif) no-repeat scroll top right; } #real_content .hotgame .content { padding: 6px 14px 0 0; width: 400px; } #real_content .hotgame .content img { margin: 0; padding: 0; } #real_content .hotgame .content .title { font-weight:bold; color: #000; } #real_content .hotgame .content .desc { clear: both; color: #000; } #real_content .hotgame .bot_back { width: 430px; height: 12px; font-size: 1px; background: #900000 url(img/hot_bottom_back.gif) repeat-x scroll top left; } #real_content .hotgame .bot { width: 430px; height: 12px; font-size: 1px; background: transparent url(img/hot_bottom_left.gif) no-repeat scroll top left; } #real_content .hotgame .bot1 { width: 430px; height: 12px; font-size: 1px; background: transparent url(img/hot_bottom_right.gif) no-repeat scroll top right; } #right_part .hotgame { width: 176px; background: transparent url(img/hot_content_right_part.gif) repeat-y top left; clear: both; margin-bottom: 15px; } #right_part .hotgame .top_back { height: 36px; width: 176px; background: transparent url(img/hot_top_back.gif) repeat-x top left; } #right_part .hotgame .top { height: 36px; width: 176px; background: transparent url(img/hot_top_left_right_part.gif) no-repeat top left; } #right_part .hotgame .top1 { height: 36px; width: 163px; padding: 0 13px 0 0; background: transparent url(img/hot_top_right_right_part.gif) no-repeat top right; } #right_part .hotgame .content { padding: 6px 14px 0 0; width: 400px; } #right_part .hotgame .content img { margin: 0; padding: 0; } #right_part .hotgame .content .title { font-weight:bold; color: #000; } #right_part .hotgame .content .desc { clear: both; color: #000; } #right_part .hotgame .bot_back { width: 176px; height: 12px; font-size: 1px; background: #900000 url(img/hot_bottom_back.gif) repeat-x top left; } #right_part .hotgame .bot { width: 176px; height: 12px; font-size: 1px; background: transparent url(img/hot_bottom_left_right_part.gif) no-repeat top left; } #right_part .hotgame .bot1 { width: 176px; height: 12px; font-size: 1px; background: transparent url(img/hot_bottom_right_right_part.gif) no-repeat top right; } #real_content .newgames { width: 430px; background: #900000 url(img/new_content.gif) repeat-y scroll top left; } #real_content .newgames .top_back { height: 37px; width: 501px; background: url(img/new_top_back.gif) repeat-x scroll top left; width:351px; } #real_content .newgames .top { height: 37px; width: 501px; background: transparent url(img/new_top_left.gif) no-repeat scroll top left; } #real_content .newgames .top1 { height: 37px; width: 233px; padding: 0 13px 0 0; background: transparent url(img/new_top_right.gif) no-repeat scroll top right; } #real_content .newgames .content { padding: 4px 14px 0 0; width: 230px; color: #000; } #real_content .newgames .content img { margin: 0; padding: 0; } #real_content .newgames .content .title { font-weight:bold; color: #000; } #real_content .newgames .content .desc { clear: both; color: #000; } #real_content .newgames .bot_back { width: 501px; height: 35px; background: #900000 url(img/new_bottom_back.gif) repeat-x scroll top left; } #real_content .newgames .bot { width: 501px; height: 35px; background: transparent url(img/new_bottom_left.gif) no-repeat scroll top left; } #real_content .newgames .bot1 { width: 479px; height: 26px; padding:9px 11px 0 11px; background: transparent url(img/new_bottom_right.gif) no-repeat scroll top right; } /* #real_content .newgames .bot1 a { color: #000; text-decoration: none; } */ #real_content .pop { margin-right: 6px; margin-bottom: 12px; width: 246px; background: #a7d143 url(img/cat_content_back.gif) repeat-y scroll top left; float:right; overflow:hidden; } #real_content .pop .top_back { height: 27px; width: 246px; background: #900000 url(img/cat_top_back.gif) repeat-x scroll top left; } #real_content .pop .top { height: 27px; width: 246px; background: transparent url(img/cat_top_left.gif) no-repeat scroll top left; } #real_content .pop .top1 { height: 20px; width: 238px; padding: 7px 8px 0 0; font-weight: bold; color: #000; background: transparent url(img/cat_top_right.gif) no-repeat scroll top right; } #real_content .pop .top2 { height: 20px; width: 238px; padding: 0px 8px 0 0; font-weight: bold; color: #000; background: transparent url(img/cat_top_right.gif) no-repeat scroll top right; } #real_content .pop .content { padding: 6px 5px 0 0; width: 241px; } #real_content .pop .content .allofthem a { color: #000; text-decoration: underline; font-weight: bold; } #real_content .pop .content .blinks { margin: 5px 5px 5px 0; } #real_content .pop .content .blinks a { text-decoration: underline; color: #000; } #real_content .pop .content .blinks a:hover, #real_content .pop .content .allofthem a:hover { text-decoration: none; } #real_content .pop .content .ttop .content { padding: 0; margin: 0; background-color: #ffffff; border-left: 1px solid #c2cda9; border-right: 1px solid #c2cda9; width:228px; overflow:hidden; } #real_content .pop .content .ttop .content .linkd_thumb { width: 50%; float: right; } #real_content .pop .content .ttop .content .linkd_thumb a { color: #000000; text-decoration: none; font-weight: bolder; } #real_content .pop .content .ttop .content .linkd_thumb .linkd_thumb_thumb { height: 70px; width: 108px; border: 1px solid black; } #real_content .pop .content .ttop .content .linkd_thumb .linkd_thumb_title { height: 30px; overflow: hidden; text-decoration: underline; } #real_content .pop .content .ttop .content .fiveleft { padding-left: 5px; } #real_content .pop .content .ttop .content .label a { color: #000; text-decoration: none; font-weight: bold; } #real_content .pop .content .ttop .content .label a:hover { text-decoration: underline; } #real_content .pop .bot_back { width: 246px; height: 8px; font-size: 1px; background: #900000 url(img/cat_bottom_back.gif) repeat-x scroll top left; } #real_content .pop .bot { width: 246px; height: 8px; font-size: 1px; background: transparent url(img/cat_bottom_left.gif) no-repeat scroll top left; } #real_content .pop .bot1 { width: 246px; height: 8px; font-size: 1px; background: transparent url(img/cat_bottom_right.gif) no-repeat scroll top right; } #right_spaceit { /* padding-right: 2px;*/ } #right_spaceit .hotgame { background: url(img/hot_content_246.gif) repeat-y; } #right_spaceit .hotgame, #right_spaceit .hotgame .top_back, #right_spaceit .hotgame .top, #right_spaceit .hotgame .bot_back, #right_spaceit .hotgame .bot, #right_spaceit .hotgame .bot1 { width: 246px; } #right_spaceit .hotgame .top1 { width: 233px; } #right_spaceit .hotgame .content { width: 230px; } #left_spaced { padding: 0 267px 0 0; } #left_spaced .newgames { } #left_spaced .newgames, #left_spaced .newgames .top_back, #left_spaced .newgames .top, #left_spaced .newgames .bot_back, #left_spaced .newgames .bot { width: 501px; } .rightleft { padding-top: 10px; } .textinput { width: 108px; height: 15px; border: 1px solid #7f9db9; } .smaller { font-size: 12px; } .smaller a:link, .smaller a:visited, .smaller a:active { font-size: 12px; text-decoration: underline; color: white; font-weight: bold; } .right { float: right; } .imgmiddle { vertical-align: middle; } #popmargin { margin-top: 14px; padding-right:0px; } #cprt { margin-top: 5px; float:right; width: 780px; background: transparent url(img/cprt_back.jpg) repeat-y scroll top right; } #cprt #text { color: #000; height:25px; } #cprt .link { padding: 0 10px 0 10px; } #cprt #text a { color: #000; text-decoration: none; } #cprt #text a:hover { text-decoration: underline; } .d1 a{color:#FFFFFF; text-decoration:underline; font-weight:bold;} .d1 a:hover{color:#6a9a27 ; font-weight:bold; text-decoration:underline;} .cat1 a{color:#000000; text-decoration:none; font-weight:bold;} .cat1 a:hover{color:#000000; text-decoration:underline; font-weight:bold;} .dd2 a{color:#ffffff; text-decoration:underline; } .dd2 a:hover{color: #CCCCCC; text-decoration:underline; } #linkd a{color:#8f0000; text-decoration:underline; } #linkd a:hover{color: #000000; text-decoration:underline; } #linkd1 a{color:#000000; text-decoration:none; } #linkd1 a:hover{color: #000000; text-decoration:underline; } #buttons a{ display:block; width:168px; } #buttons a:hover{ display:block; width:168px; text-decoration:underline;} #buttons { } #buttons div.navlinkdiv { width: 168px; overflow: hidden; background-color: black; } #buttons div.navlinkdiv a { color: #fca310; margin-top: 5px; text-align: right; display: block; font-size: 12px; text-decoration: none; } #buttons div.navlinkdiv a.a, #buttons div.navlinkdiv a:hover { text-decoration: underline; } #buttons div.navlinkdiv a.depth0 { margin-right: 0px; } #buttons div.navlinkdiv a.depth1 { float: right; clear: both; position: relative; right: 12px; } #buttons div.navlinkdiv a.depth2 { float: right; clear: both; position: relative; right: 12px; padding-right: 15px; background: url(new/cat.gif) no-repeat right; } #buttons div#navlink-0, #buttons div#navlink-0a {height:31px; margin-top:2px; background: none;} #buttons div#navlink-0 a, #buttons div#navlink-0a a {margin-top: 0; height:30px; background:url(img/buttons/0.gif) no-repeat 0 0; } #buttons div#navlink-2, #buttons div#navlink-2a {height:31px; margin-top:2px; background: none;} #buttons div#navlink-2 a {margin-top: 0; height:30px; background:url(img/buttons/2.gif) no-repeat 0 0; } #buttons div#navlink-2 a:hover {height:30px; background:url(img/buttons/2.gif) no-repeat 0 -30px; } #buttons div#navlink-2a a {margin-top: 0; height:30px; background:url(img/buttons/2.gif) no-repeat 0 -30px; } #buttons div#navlink-3, #buttons div#navlink-3a {height:31px; margin-top:2px; background: none;} #buttons div#navlink-3 a {margin-top: 0; height:30px; background:url(img/buttons/3.gif) no-repeat 0 0; } #buttons div#navlink-3 a:hover {height:30px; background:url(img/buttons/3.gif) no-repeat 0 -30px; } #buttons div#navlink-3a a {margin-top: 0; height:30px; background:url(img/buttons/3.gif) no-repeat 0 -30px; } #buttons div#navlink-7, #buttons div#navlink-7a {height:31px; margin-top:2px; background: none;} #buttons div#navlink-7 a {margin-top: 0; height:30px; background:url(img/buttons/7.gif) no-repeat 0 0; } #buttons div#navlink-7 a:hover {height:30px; background:url(img/buttons/7.gif) no-repeat 0 -30px; } #buttons div#navlink-7a a {margin-top: 0; height:30px; background:url(img/buttons/7.gif) no-repeat 0 -30px; } #buttons div#navlink-9, #buttons div#navlink-9a {height:31px; margin-top:2px; background: none;} #buttons div#navlink-9 a {margin-top: 0; height:30px; background:url(img/buttons/9.gif) no-repeat 0 0; } #buttons div#navlink-9 a:hover {height:30px; background:url(img/buttons/9.gif) no-repeat 0 -30px; } #buttons div#navlink-9a a {margin-top: 0; height:30px; background:url(img/buttons/9.gif) no-repeat 0 -30px; } #buttons div#navlink-10, #buttons div#navlink-10a {height:31px; margin-top:2px; background: none;} #buttons div#navlink-10 a {margin-top: 0; height:30px; background:url(img/buttons/10.gif) no-repeat 0 0; } #buttons div#navlink-10 a:hover {height:30px; background:url(img/buttons/10.gif) no-repeat 0 -30px; } #buttons div#navlink-10a a {margin-top: 0; height:30px; background:url(img/buttons/10.gif) no-repeat 0 -30px; } .ddd{margin-top:0px; margin-bottom:0px;} #NavBox a { display: block; color:#000000; } #NavBox a.hide { display: none; } #NavBox a.show { display: block; } #NavBox img.expandImg { float: right; padding-top: 3px; cursor: pointer; } #NavBox img.hide { display: none; } #NavBox img.depth1 { padding-right: 10px; } #NavBox img.depth2 { padding-right: 20px; } #NavBox img.depth3 { padding-right: 30px; } .starna{ width:74px; float:left;background: url(new/starna.gif) no-repeat left; position:relative; left:25px; top:5px; } .star10{ width:74px; float:left;background: url(new/star10.gif) no-repeat left; position:relative; left:25px; top:5px; } .star15{width:74px; float:left;background: url(new/star15.gif) no-repeat left; position:relative; left:25px; top:5px; } .star20{width:74px; float:left;background: url(new/star20.gif) no-repeat left; position:relative; left:25px; top:5px; } .star25{width:74px; float:left;background: url(new/star25.gif) no-repeat left; position:relative; left:25px; top:5px; } .star30{width:74px; float:left;background: url(new/star30.gif) no-repeat left; position:relative; left:25px; top:5px; } .star35{width:74px; float:left;background: url(new/star35.gif) no-repeat left; position:relative; left:25px; top:5px; } .star40{width:74px; float:left;background: url(new/star40.gif) no-repeat left; position:relative; left:25px; top:5px; } .star45{width:74px; float:left;background: url(new/star45.gif) no-repeat left; position:relative; left:25px; top:5px; } .star50{width:74px; float:left; background: url(new/star50.gif) no-repeat left; position:relative; left:25px; top:5px; } .stars1{ _position:relative; _left:72px;} .catOpen{ background-color:#000000; background: url(new/catopen.gif) no-repeat; width:168px; height:10px; overflow:hidden; margin-top:-10px;} .catClose{background: url(new/catclose.gif) no-repeat; width:168px; height:8px; overflow:hidden; margin-bottom:3px;} /* start MODAL CSS */ /* Overlay */ #modal-overlay {background-color:#000;} /* Container */ #modal-container {left:50%; top:100px; margin:0 auto; font-family:'Trebuchet MS', Verdana, Arial; font-size:16px; text-align:left;} #modal-container .modal-content {background-color:#333; color:#ddd;} #modal-container h1 {color:#d76300; margin:0; padding:0 12px 6px 0; font-size:1.2em; text-align:right;} #modal-container br {clear:both;} #modal-container .modal-top {height:13px; background:url(./img/form_top.gif) no-repeat; padding:0; margin:0;} #modal-container .modal-bottom {height:13px; background:url(./img/form_bottom.gif) no-repeat; font-size:.7em; text-align:center;} #modal-container .modal-bottom a, #modal-container .modal-bottom a:link, #modal-container .modal-bottom a:active, #modal-container .modal-bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;} #modal-container .modal-bottom a:hover {color:#888;} #modal-container .modal-button {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0; font-size:1em; font-weight:bold; color:#fff; text-align:center; vertical-align:middle;} #modal-container a.modalCloseX, #modal-container a.modalMaximize, #modal-container a.modalMinimize {width: 11px; height: 11px; position:absolute; top:10px;} #modal-container a.modalCloseX {left:6px; background: url(modal_close.gif) no-repeat center center;} #modal-container a.modalMaximize {left:22px; background: url(modal_maximize.gif) no-repeat center center;} #modal-container a.modalMinimize {left:22px; display: none; background: url(modal_minimize.gif) no-repeat center center;} /* end MODAL CSS */ #headf12 {color: #FFFFFF; position: absolute; top: 0; left: 10px; width: 300px; line-height: 19px; text-align: left;} #AddCommentLink { cursor: pointer; background: url(addcomment.png) no-repeat; width: 124px; height: 28px; } .gamethumb_floatright { float: right; margin-left: 10px; } .addthis_button { float: left; } /* floating boxes CSS start */ .orange_box, .green_box { display: block; margin: 0 0 15px 0; text-align: right; } .orange_box_top, .orange_box_top_right, .orange_box_top_left, .orange_box_top_center, .green_box_top, .green_box_top_right, .green_box_top_left, .green_box_top_center { height: 38px; margin: 0; } .orange_box_bottom, .orange_box_bottom_right, .orange_box_bottom_left, .orange_box_bottom_center, .green_box_bottom, .green_box_bottom_right, .green_box_bottom_left, .green_box_bottom_center { height: 13px; margin: 0; line-height: 0; font-size: 0; } .orange_box_center, .green_box_center { margin: 0; } .orange_box_top_center, .green_box_top_center { margin: 0 13px; font-size: 16px; font-weight: bold; padding: 8px 5px 0 5px; height: 30px; } .orange_box_center_center, .green_box_center_center, .orange_box_bottom_center, .green_box_bottom_center { margin: 0 13px; } .orange_box_center_center, .green_box_center_center { padding: 5px 5px 0 5px; background: #FFFFFF; } .orange_box_center_center a, .green_box_center_center a { color: #8F0000; text-decoration: underline; } .orange_box_center_center a:hover, .green_box_center_center a:hover { color: #000000; } .orange_box_top_right { background: url(orange_box/orangebox-tr.png) no-repeat center right; } .orange_box_top_left { background: url(orange_box/orangebox-tl.png) no-repeat center left; } .orange_box_top_center { background: url(orange_box/orangebox-top.png) repeat-x center; } .orange_box_center_right { background: url(orange_box/orangebox-right.png) repeat-y right; } .orange_box_center_left { background: url(orange_box/orangebox-left.png) repeat-y left; } .orange_box_bottom_right { background: url(orange_box/orangebox-br.png) no-repeat center right; } .orange_box_bottom_left { background: url(orange_box/orangebox-bl.png) no-repeat center left; } .orange_box_bottom_center { background: url(orange_box/orangebox-bottom.png) repeat-x center; } .green_box_top_right { background: url(green_box/greenbox-tr.png) no-repeat center right; } .green_box_top_left { background: url(green_box/greenbox-tl.png) no-repeat center left; } .green_box_top_center { background: url(green_box/greenbox-top.png) repeat-x center; } .green_box_center_right { background: url(green_box/greenbox-right.png) repeat-y right; } .green_box_center_left { background: url(green_box/greenbox-left.png) repeat-y left; } .green_box_bottom_right { background: url(green_box/greenbox-br.png) no-repeat center right; } .green_box_bottom_left { background: url(green_box/greenbox-bl.png) no-repeat center left; } .green_box_bottom_center { background: url(green_box/greenbox-bottom.png) repeat-x center; } /* floating boxes CSS end */ /* specific blocks CSS start */ .hp_category_box { padding-right: 14px; float: right; width: 242px; } .hp_category_box .green_box_center_center { height: 448px; } .hp_category_box .green_box_top_center { padding: 5px 5px 0 5px; height: 33px; } #block_featured { padding-right: 12px; width: 246px; margin-bottom: 0; } #block_featured .orange_box_top_center { padding: 0; height: 38px; } #block_featured .orange_box_center_center { height: 142px; } .block_searchresults { float: right; padding-right: 10px; width: 246px; } .block_searchresults .orange_box_center_center { width: 210px; height: 250px; overflow: hidden; } .block_searchresults .orange_box_center_center .starrating { float: none; position: static; width: auto; } #block_gamerate .orange_box_center_center { text-align: center; } #block_randomgame .orange_box_center_center { text-align: center; } /* specific blocks CSS end */