/* STANDARD TAG REDEFINITIONS */ body{ color: #CDCDCD; font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #232323; margin: 0; padding: 0; line-height: 1.5em; } td {font-size: 10pt; } p { font-size: 10pt; margin-bottom: 7px; margin-top: 0; } a{ color: white; text-decoration: none; } a:hover{ text-decoration: underline; color: White; } form, img, div{ margin:0; padding:0; border:none; } /* LAYOUT */ #homedevbar { background-image: url(homedevbar.jpg); background-repeat: no-repeat; width: 362px; height: 38px; } #homedevbox { background-color: black; width: 362px; } #ngbar { background-image: url(newestgamesbar.jpg); background-repeat: no-repeat; width: 228px; height: 36px; } #ngcontent { background-color: Black; width: 228px; } #work { position: top: 0; float: left; padding-left: 10px; padding-top: 15px; } #tit { padding-left: 8px; padding-top: 9px; } #tit2 { padding-left: 5px; } #lilpad { padding-left: 2px; } #cbarlong { background-image: url(conboxtopLONG.jpg); background-repeat: no-repeat; width: 639px; height: 38px; } #adcasing { background-image: url(nav_01.jpg); background-repeat: no-repeat; width: 850px; height: 133px; } #catbox { background-color: Black; width: 639px; } #cbarsmall { background-image: url(conboxtopSMALL.jpg); background-repeat: no-repeat; width: 205px; height: 38px; } #ranconbox { background-color: Black; width: 205px; } #rancon { padding-left: 4px; padding-top: 4px; padding-bottom: 8px; } #gamebar { background-image: url(gamebar.jpg); background-repeat: no-repeat; width: 800px; height: 38px; } #gamebox { background-color: Black; width: 800x; } #commentsbar { background-image: url(commentsbar.jpg); background-repeat: no-repeat; width: 436px; height: 38px; } #postcommentsbar { background-image: url(postcommentsbar.jpg); background-repeat: no-repeat; width: 327px; height: 38px; } #commentsbox { background-color: Black; width: 436x; } #postcommentbox { background-color: Black; width: 327x; } #commentpadding { padding-right: 14px; padding-top: 4px; } #ratingpad { padding-right: 4px; padding-top: 4px; } #tit1 { padding-left: 14px; padding-top: 4px; float: left; } #userbar { background-image: url(userbar424.jpg); background-repeat: no-repeat; width: 434px; height: 38px; } #userbox { background-color: Black; width: 434x; } #topadpad { padding-left: 40px; padding-top: 24px;} #gamebg1 { background-color: Black; width: 800px; } #loginz { padding-top: 30px; padding-left: 18px; align: left; } #loginz1 { padding-left: 6px; padding-top: 30px; } #tosbar { background-image: url(tosbar.jpg); background-repeat: no-repeat; width: 850px; height: 38px; } #tosbox { background-color: Black; width: 850x; } #loginbox2 { background-image: url(go_02.jpg); background-repeat: no-repeat; width: 172px; height: 109px; background-position: left; } #bannerbp { background-image: url(banner.jpg); background-repeat: no-repeat; width: 677px; height: 140px; background-position: left; } #epsbg { background-image: url(nav_12.jpg); background-repeat: no-repeat; width: 92px; height: 50px;} #epselpad { padding-left: 2px; padding-top: 18px; } #anypad { padding-left: 8px; padding-top: 3px; } #latestnews { background-image: url(latnew.jpg); background-repeat: no-repeat; width: 387px; height: 334px; } #padnews { padding-left: 20px; padding-top: 70px; } #padnewsspacer { padding-left: 18px; } #latestnewsbar { background-image: url(latestnewsbar.jpg); background-repeat: no-repeat; width: 362px; height: 38px; } #latestnewsbox { background-color: Black; width: 362x; } #shoutbar { background-image: url(shoutbar.jpg); background-repeat: no-repeat; width: 529px; height: 38px; } #shoutbox { background-color: black; width: 529px; } #Logo{ background-color: Black; margin-top:20px; border-top:1px solid #333333; background-image: url(bg_logo.gif); background-repeat: repeat-x; height: 118px; background-position: center; } #Logo h1{ background-image: url(logo.gif); background-repeat: no-repeat; width: 230px; height: 70px; margin: 0; margin-left: auto; margin-right: auto; } #Logo h1 b{ display: none; } #Topdiv{ background-color: #989898; background-image: url(bg_platform.gif); background-repeat: repeat-x; height: 15px; line-height: 10px; background-position: center; } #Mainnav{ position: absolute; top: 0; height: 18px; padding-top:2px; overflow:hidden; width: 100%; background: #000000; } #Nav{ text-align: right; font-size: 10px; font-family: "MS Sans Serif", Geneva, sans-serif; background-image: url(bg_nav.gif); background-repeat: repeat-x; height: 31px; text-align:center; } #Topad{ height: 90px; padding: 12px 0; text-align: center; background-color: #060606; } #Content{ float: left; width: 100%; background-image: url(bg_page.jpg); background-repeat: repeat-x; background-position: top center; } #Content .wrap{ width:970px; margin-left:auto; margin-right:auto; } #Main{ padding: 24px 20px 0 20px; float: left; width: 550px; min-height:500px; background: url(bg_main.jpg) no-repeat; } * html #Main{ height: 500px; } #MainGame{ padding: 12px 20px 0 20px; float: left; width: 740px; background: url(bg_maingame.jpg) no-repeat; } #Left{ width: 180px; float: left; margin-right:10px; padding-top:33px; } #Right{ width: 180px; float: right; padding-top:33px; } /* CONTENT */ #Mainnav .wrap{ margin: 0 auto; width: 970px; text-align:center; } #Mainnav ul{ list-style: none; margin:0 auto; font-size:11px; } #Mainnav li{ padding: 0 18px; margin:0; display:inline; } #Mainnav a{ color: #666666; } #Mainnav a:hover{ color: #FFFFFF; } #Nav ul{ padding: 0; margin: 0; } #Nav li{ padding: 0 20px 0 20px; margin:0; line-height: 28px; display: inline; border-left: 1px solid #5E5E5E; border-right: 1px solid #5E5E5E; } #Nav a{ color: #8D8D8D; font-weight: bold; font-size: 11px; } #Nav a:hover{color:white; text-decoration: none;} .clear{ clear: both; font-size:1px; height:1px; line-height:1px; } .small{ font-size: 11px;} .hidden{ display: none; } .left{ float: left; } .right{ float: right; } .tc{ text-align: center; } .tl{ text-align: left; } .tr{ text-align: right; } .tj{ text-align: justify; } .width100{ width: 100%; } h2{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-transform: uppercase; font-weight: bold; font-size: 10pt; border-bottom: 1px solid #838383; margin: 0 0 5px 0; padding: 0 0 2px 0; color: #FFBF23; } h2.Large{ font-size: 13pt; } h2.sidecaption{ font-weight: normal; line-height: 22px; height: 26px; color: white; font-size: 9pt; margin-top: 2em; background-image: url(bg_sidecaption.gif); background-repeat: no-repeat; padding: 0 0 0 14px; text-transform: uppercase; font-family: "MS Sans Serif", Geneva, sans-serif; border-bottom: none; } h3{ font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 11pt; margin: 0 0 5px 0; padding: 0 0 2px 0; color: White; } p.Rating{ text-align:right; margin: 10px 0 0 0; font-family: "MS Sans Serif", Geneva, sans-serif; font-weight: bold; } .AD{ height: 60px; text-align:center; padding: 9px 0 9px 0; background-color: Black; border-bottom: 1px solid #313131; clear: both; float: left; width: 100%; } /* Path */ p.Path{ margin: 0 0 20px 0; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: white; } p.Path span{ color: #9b9b9b; } p.Path a{text-decoration: none; color: #b5b5b5; padding-right: 11px; margin-right: 1px; background-image: url(ico_path.gif); background-position: right; background-repeat: no-repeat; } p.Path a:hover{ color: white; border-bottom:none; } /* Featured game */ .Featured{ clear:both; padding-bottom:30px; float:left; width:100%; } .Featured h2{ border-bottom:none; } .Featured a{ color: white; text-decoration: none; } .Featured img.Thumb{ float:left; margin: 0 10px 5px 0; border: 1px solid #D3D3D3; } .Featured p{ font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; } .Featured p.Description{ display: block; overflow: auto; scrollbar-base-color: Black; scrollbar-3dlight-color: #404040; scrollbar-shadow-color: Black; scrollbar-face-color: #232323; scrollbar-darkshadow-color: #232323; scrollbar-track-color: Black; scrollbar-arrow-color: #6A6A6A; scrollbar-highlight-color: #272727; padding: 0; text-align: justify; font-family: "MS Sans Serif", Geneva, sans-serif; color: #D4D4D4; height: 6em; } .Featured a:hover{ text-decoration: none; } /* Games list on the front page */ div.GamesRow{ float:left; margin: 9px 0 0px 0;} div.mask { position: absolute; top: 0; left: 0; width:111px; height:100px; cursor: hand; } div.mask[class] { background: url(game_frame.png) no-repeat; } .Category{ clear:both; padding:0px 0 20px 0; float:left; width:100%; } .Category .Game{ width: 230px; float: left; margin: 7px 0 7px 0; } .Category a{ color: #000000; text-decoration: none; } .Category a:hover{ color: #e80703; } .Category div.Thumb { position: relative; float:left; display: block; font-size:8px; width: 111px; height: 100px; margin:0 8px 3px 0;} .Category img.Thumb{ position:absolute; top: 3px; left: 3px; width: 105px; height: 72px; } .Category .Desc{ padding-right: 10px; font-family: "MS Sans Serif", Geneva, sans-serif; font-size: 11px; color: #000000; } .Category .All{ float:left; width:100%; text-align: right; background-image: url(bg_all_in.gif); height: 31px; line-height: 18px; background-repeat: no-repeat; background-position: right; } .Category .All a{ font-weight: bold; margin-right: 42px; text-transform: uppercase; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 11px; } .Category .All a:hover{ text-decoration: none; position:relative; left:1px; } .Category .Title{ margin-bottom:4px; font-size: 13px; font-weight: bold; text-transform: uppercase; font-family: Tahoma, Arial, Helvetica, sans-serif; letter-spacing: -0.005em; } .Category .Title a{ text-decoration: none; } /* Rating on the front or category page */ div.Rating{ width: 77px; height: 16px; position: absolute; top:77px; left:14px; background-repeat: no-repeat; } div.starna{ background-image: url(starna.gif); } div.star10{ background-image: url(star10.gif); } div.star15{ background-image: url(star15.gif); } div.star20{ background-image: url(star20.gif); } div.star25{ background-image: url(star25.gif); } div.star30{ background-image: url(star30.gif); } div.star35{ background-image: url(star35.gif); } div.star40{ background-image: url(star40.gif); } div.star45{ background-image: url(star45.gif); } div.star50{ background-image: url(star50.gif); } .combo{ width: 176px; background-color: black; color: #CCCCCC; padding: 2px; border: 1px inset black; } input.search{ width: 142px; height:14px; background-color: black; color: #CCCCCC; padding: 2px; border: 1px inset black; } input.btnsearch{ width:28px; height:20px; font-size:11px; background-color: black; color: #CCCCCC; border: 1px outset black; } ul.list{ list-style: none; padding: 0; margin:0; } ul.list li{ padding: 0 0 0 16px; margin: 0 0 4px 0; background: url(ico_news.gif) no-repeat 1px 4px;} ul.hot li{ background: url(ico_fire.gif) no-repeat 0 0; } ul.top li{ background: url(ico_toprate.gif) no-repeat 2px 3px; } ul.news li{margin-bottom:7px; } ul.news .title{ font-size: 11px; display: block; display: block; font-weight: bold; color: #FFBF23; } ul.news .date{ font-weight: normal; } ul.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:180px; height:23px; background-image: url(inbox_post.gif); background-repeat: no-repeat; display: none; } #feedbacknav_out{ position:relative; width:180px; height:23px; background-image: url(inbox_read.gif); background-repeat: no-repeat;} #feedbacknav_out a{ position: absolute; top:1px; font-weight:bold; text-decoration: none; display:block; color: #bbbbbb; } #feedbacknav_out a.Read{ left:30px; } #feedbacknav_out a.Post{ left:122px; } #feedbacknav_out a:hover{ color: #ffffff; } #feedbackread{padding:10px 3px 0 3px; } #feedbackread p{ background: url(ico_comments.gif) no-repeat 0 10px; padding: 8px 4px 0 20px; } #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 inset black; overflow: auto; width: 172px; padding:3px; background-color: black; color: #e1e1e1; } #feedbackpost input.Button{ font-size:11px; line-height: 15px; width: 65px; height: 20px; padding: 0; border:none; background-image: url(btn_side_short.gif); background-repeat: no-repeat; background-color: black; color: white; font-weight: normal; } /* Form styles */ Form{ margin: 0 0 1em 0; width:100% } Form.Form{ } div.Block{ padding:0 0 10px 0; } .Block .Title{ font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-size: 0.85em; font-weight: bold; } .Block .Title b{ color: #FB0000; margin-left: 0.3em; } .Error{ display: block; font-size:0.85em; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; color: Red; font-weight: bold; } .Message{ display: block; font-size: 1.2em; font-family: "trebuchet ms",arial,tahoma,verdana,sans-serif; font-weight: normal; text-align: center; } input.Text{ width: 130px; height: 22px; background-color: black; border: 1px inset #343434; padding: 2px; color: #CCCCCC; } textarea{ width: 125px; height: 125px; border: 1px solid; border-color: #222222 #686868 #686868 #222222; background-color: black; color: #CCCCCC; overflow: auto; } select{ background-color: black; color: #CCCCCC; padding: 2px; border: 1px inset black; } /* GAME PAGE */ #MainGame p.Path{ float:left; width:550px;} #star-rating{ background: url(star_rating.gif) repeat-x left -1000px; float:right; height:27px; width:80px;} #star-rating a:hover, #star-rating a:active, #star-rating a:focus, #star-rating .current-rating{ background: url(star_rating.gif) repeat-x left -1000px; } #star-rating{ position: relative; width: 80px; height: 27px; overflow: hidden; list-style: none; margin: 0; padding: 0; background-position: left top; } #star-rating li{ display: inline; line-height:27px; } #star-rating a, #star-rating .current-rating{ position: absolute; top: 0; left: 0; text-indent: -1000em; height: 27px; line-height: 27px; outline: none; overflow: hidden; border: 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: left center; } #Game{ float:left; width:736px; padding:0 2px 35px 2px; text-align:center; color: #454545; } h3.comments{ color: #d3d3d3; font-size: 15px; font-weight: normal; margin-bottom:15px; } div.comments{ width: 420px; float: left; padding: 0 0 30px 0; } p.comments{ color: #a6a6a6; margin: 0 0 9px 0; font-size: 10pt; text-align: justify; background: url(ico_comments.gif) no-repeat 0 2px; padding-left: 20px; } p.comments span{ font-size: 11px; color: #d0d0d0; } .addcomment{ } .addcomment span{ display: block; } .addcomment textarea{ width: 300px; height: 125px; } .addcomment .btn{ font-size: 11px; line-height: 20px; width: 85px; height: 25px; padding: 0; border: none; background-image: url(btn_medium.gif); background-repeat: no-repeat; background-color: #272a2e; color: #d9d9d9; font-weight: bold; } #Footer{ float:left; width:100%; height:117px; padding-top:8px; background: url(bg_footer.gif) repeat-x top center; } #Footer .wrap{ width: 970px; margin: 0 auto; padding-bottom: 15px; } #Footer .left{ width: 650px; padding-top: 9px; } #Footer p{ font-size: 11px; line-height: 14px; margin: 0; color: #CCCCCC; } #Footer a{ font-size: 11px; font-weight: normal; text-decoration: none; color: #8F8F8F; } #Footer a:hover{ color: white; text-decoration: underline; } /*final*/ #homedevbar { background-image: url(homedevbar.jpg); background-repeat: no-repeat; width: 214px; height: 38px; } #texbg { background-image: url(texbg.jpg); background-repeat: no-repeat; width: 214px; height: 30px; } #spanbggame { background-image: url(spanbggame.jpg); background-repeat: repeat; width: 980px; } #bpbackground { background: url(bannerbg.jpg); width: 980px; height: 195; } #bannerbggame { background: url(bannerbggame.jpg); width: 980px; height: 195; } #padadtop { padding-left: 1px; padding-top: 3px; } #spanbg { background-image: url(spanbg.jpg); background-repeat: repeat; width: 980px; } #GameBoxX { } #GameBoxX .GameBG{ margin-bottom:20px; background-image: url(bg_gameblock_top.gif); background-repeat: repeat-x; background-color: Black; float:left; width:685px; padding:15px 0 0 0;} #GameBoxX .GameBGBox{ float:left; width:655px; padding:0 15px 15px 15px; background-color: Black; background-image: url(bg_gameblock_bottom.gif); background-repeat: repeat-x; background-position: bottom; text-align:center; color: White; } form.appnitro fieldset {-moz-border-radius-topleft: 4px;-webkit-border-radius-topleft: 4px;border-radius-topleft: 4px;-moz-border-radius-topright: 4px;-webkit-border-radius-topright: 4px;border-radius-topright: 4px;} fieldset {padding:15px 5px 15px 10px;border:1px solid #000;background:#555 url(http://reaperxzero.co.cc/ws/templates/default/images/icons/666.gif) repeat-x top;} legend {padding:0 15px 0 10px;margin-left:10px;font:bold .8em "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;font-weight:bold;color:#666;text-transform:uppercase;border:1px solid #ccc;background:#f4f4f4;letter-spacing:2px} .captcha {visibility:hidden!important} .appnitro {font-family:Lucida Grande,Tahoma,Arial,Verdana,sans-serif;font-size:small;} .appnitro li {width:61%;} form.appnitro ul {font-size:100%;list-style-type:none;margin:0pt;padding:0pt;width:100%;} form.appnitro li {display:block;margin:0pt;padding:4px 5px 2px 9px;position:relative;} form.appnitro li:after {clear:both;content:".";display:block;height:0pt;visibility:hidden;} * html form.appnitro li {height:1%;} * html form.appnitro li.buttons {height:1%;} * html form.appnitro li div {} form.appnitro li span {color:#444444;float:left;margin:0pt 4px 0pt 0pt;padding:0pt 0pt 8px;} form.appnitro li div.left {display:inline;float:left;width:48%;} form.appnitro li div.right {display:inline;float:right;width:48%;} form.appnitro li div.left .medium {width:100%;} form.appnitro li div.right .medium {width:100%;} .clear {clear:both;} form.appnitro li div label, form.appnitro li span label {clear:both;color:#fff;display:block;font-size:9px;line-height:9px;margin:0pt;padding-top:3px;} .form.appnitro_description {border-bottom:1px dotted #CCCCCC;clear:both;margin:0pt 0pt 1em;} .form.appnitro_description[class] {display:block;} .form.appnitro_description h2 {clear:left;font-size:160%;font-weight:400;margin:0pt 0pt 3px;} .form.appnitro_description p {font-size:95%;line-height:130%;margin:0pt 0pt 12px;} form.appnitro hr {display:none;} form.appnitro li.section_break {border-top:1px dotted #CCCCCC;margin-top:9px;padding-bottom:0pt;padding-left:9px;padding-top:13px;width:97% !important;} form.appnitro ul li.first {border-top:medium none !important;margin-top:0pt !important;padding-top:0pt !important;} form.appnitro .section_break p {font-size:85%;margin:0pt 0pt 10px;} input.button_text {overflow:visible;padding:0pt 7px;width:auto;} form.appnitro li label.description {background:#555;border:medium none;color:#fff;display:block;font-size:95%;font-weight:700;line-height:150%;padding:0pt 0pt 1px;} form.appnitro li span.symbol {font-size:115%;line-height:130%;} form.appnitro li input.text {background:#333;border-color:#000;border-style:solid;border-width:1px;font-size:100%;margin:0pt;padding:2px 0pt;} form.appnitro li input.text:focus, form.appnitro li textarea.textarea:focus {border-color:#8fcbff} form.appnitro li input.file {background:#333;border-color:#000;border-style:solid;border-width:1px;color:#000;font-size:100%;margin:0pt;padding:2px 0pt;} form.appnitro li textarea.textarea {background:#333;border-color:#000;border-style:solid;border-width:1px;font-family:"Lucida Grande",Tahoma,Arial,Verdana,sans-serif;font-size:100%;margin:0pt;width:99%;} form.appnitro li select.select {background:#333;border-color:#000;border-style:solid;border-width:1px;color:#ccc;font-size:100%;margin:1px 0pt;padding:1px 0pt 0pt;} form.appnitro li input.checkbox {display:block;height:13px;line-height:1.4em;margin:6px 0pt 0pt 3px;width:13px;} form.appnitro li input.radio {display:block;height:13px;line-height:1.4em;margin:6px 0pt 0pt 3px;width:13px;} form.appnitro li label.choice {color:#fff;display:block;font-size:100%;line-height:1.4em;margin:-1.55em 0pt 0pt 25px;padding:4px 0pt 5px;width:90%;} form.appnitro li select.select[class] {margin:0pt;padding:1px 0pt;} *:first-child + html select.select[class] {margin:1px 0pt;} .safari select.select {font-size:120% !important;margin-bottom:1px;} form.appnitro li input.small {width:25%;} form.appnitro li select.small {width:25%;} form.appnitro li input.medium {width:50%;} form.appnitro li select.medium {width:50%;} form.appnitro li input.large {width:99%;} form.appnitro li select.large {width:99%;} form.appnitro li textarea.small {height:5.5em;} form.appnitro li textarea.medium {height:10em;} form.appnitro li textarea.large {height:20em;} form.appnitro .required {color:orange;float:none;font-weight:700;} form.appnitro li.highlighted {background-color:#FFF7C0;} form.appnitro .guidelines {background:#333 none repeat scroll 0%;border:1px solid #000;color:#ccc;font-size:80%;left:100%;line-height:130%;margin:0pt 0pt 0pt 8px;padding:8px 10px 9px;position:absolute;top:0pt;visibility:hidden;width:42%;z-index:1000;} form.appnitro .guidelines small {font-size:105%;} form.appnitro li.highlighted .guidelines {visibility:visible;} form.appnitro li:hover .guidelines {visibility:visible;}.mytables {border-collapse:collapse;background:transparent;border-left:1px solid #686868;border-right:1px solid #686868;font:0.9em/135% arial,helvetica,sans-serif;color: #fff;text-align:center;} #dhtmltooltip{ position: absolute; width: 150px; border: 2px solid black; padding: 2px; background-color: lightyellow; visibility: hidden; z-index: 100; /*Remove below line to remove shadow. Below line should always appear last within this CSS*/ filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135); }