/* Metin2 all.css */ html { height:100%; min-width: 930px; } body { background: #000 url(/img/container-bg.jpg) repeat-y 50% 0; color: #160400; font: 11px/14px Arial, Helvetica, sans-serif; height: 100%; margin: 0; min-width: 930px; } body.netbar {margin-top:32px !important} img { border: none; display: block; } a:focus { outline:none; } form { margin: 0; padding: 0; } #page { /* has IE-fix */ min-height: 100%; overflow: hidden; } .right {float:right;} .header-wrapper { background: url(/img/header-bg.jpg) no-repeat 50% 0; height: 253px; } .clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */ clear:both; height:0; font-size: 1px; line-height: 0px; } /* header start */ #header { height: 230px; margin: 0 auto; overflow: hidden; position: relative; width: 930px; } /* logo */ .logo { background: url(/img/logo.jpg) no-repeat; height: 60px; left: 363px; overflow: hidden; position: absolute; text-indent: -9999px; top: 0; width: 199px; } .header-box { margin: 132px 0 0 199px; overflow: hidden; width: 534px; } #userBox { height:81px; margin:125px 0 0 159px; padding:15px 40px 0; width:535px; } #regBtn { background:url(/img/reg-btn.jpg) no-repeat; height:92px; margin:0 auto; width:533px; } #regSteps { height:20px; text-align:center; } #regSteps a { color:#F2E69F; font-weight:bold; text-decoration:none; } #regBtn a#toReg { color:#F2E69F; display:block; font-size:22px; font-weight:bold; height:72px; line-height:72px; padding:0 0 0 100px; text-align:left; text-decoration:none; text-shadow:2px 2px 5px #000000; width:433px; } #regSteps a:hover, #regBtn a#toReg:hover {color:#FFF;} #regSteps span { font-size:12px; margin:0 15px; } #header .reg-hover {background-position:0 -92px;} #header .reg-hover a {color:#FFF;} /* top navigation start */ .top-nav { margin: 6px 0 0; overflow: hidden; padding: 0 0 2px; width: 100%; } .top-nav li { /* has IE-fix */ background: url(/img/number-bg.png) no-repeat; color: #fef6aa; display: inline; float: left; font-size: 14px; height: 25px; list-style: none; line-height: 16px; margin: 0 0 0 16px; padding: 0 20px 0 0; } .top-nav li span { float: left; font-size: 16px; font-weight: bold; margin: 4px 0 0 8px; width: 24px; } .top-nav li a { color: #fef6aa; float: left; margin: 5px 0 0; position: relative; text-decoration: none; } .top-nav li a:hover { text-decoration: underline; } .header-box-nav-container{ background: url(/img/header-box.gif) no-repeat; border: none; height: 42px; margin: 4px 0 0 6px; overflow: hidden; padding: 8px 0 0 6px; width: 516px; } .welcome-text{ color: #fef6aa; font-size: 14px; font-weight: bold; } .welcome-text-left{ float: left; padding-left:15px; width: 252px; } .welcome-text-right{ float: left; padding: 0 12px 0 0; text-align: right; width: 256px; } .welcome-text-invisible{ visibility: hidden; } .nav-box-btn{ /* has IE-fix */ color: #FEF6AA; display: block; float: left; height: 20px; margin: 0 0 0 14px; padding :5px 0 0 18px; text-align: center; text-decoration: none; width: 131px; } .nav-box-btn:hover{ text-decoration: underline; } .nav-box-btn-1 { background-image: url(/img/nav-box-login-1-bg.gif); } .nav-box-btn-2 { background-image: url(/img/nav-box-login-2-bg.gif); } .nav-box-btn-3 { background-image:url(/img/nav-box-login-3-bg.gif); } .nav-box-btn-4 { background-image:url(/img/nav-box-login-4-bg.gif); } /* top navigation end */ /* form start */ .form { clear: both; } .form fieldset { background: url(/img/header-box.png) no-repeat; border: none; height: 42px; margin: 0 0 0 6px; overflow: hidden; padding: 0 0 0 6px; width: 516px; } .agb-label { color:#CE2918; display:block; float:left; line-height:14px; margin:0 0 0 5px; } .form-agb-box { /* has IE-fix */ float:left; margin-left:20px; } .agb-label a { color: #c5a15f; text-decoration: none; } .form label { /* has IE-fix */ color: #ce2918; display: block; line-height: 14px; margin: 1px 0 0 294px; } .form label a { color: #c5a15f; text-decoration: none; } .form label a:hover { text-decoration: underline; } .form label input { /* has IE-fix */ height: 13px; float: left; margin: 0 4px 0 0; width: 15px; } .form fieldset label { color: #fef6aa; font-size: 10px; float: left; line-height: 13px; margin: 0; } .form fieldset .box { float:left; margin:3px 0 0; width:135px; } .form fieldset .input { background: url(/img/input-bg-1.gif) no-repeat; display: inline; float: left; height: 18px; margin: 1px 0 0 1px; width: 126px; } .form fieldset .input-2 { background: url(/img/input-bg-2.gif) no-repeat; } .form fieldset .input-3 { background: url(/img/input-bg-3.gif) no-repeat; } .form fieldset .input input { background: none; border: none; color: #fff; display: inline; float: left; font: 11px/14px Arial, Helvetica, sans-serif; height: 15px; margin: 0 0 0 4px; padding: 2px 0 0; width: 117px; } /* all buttons styles */ .button, .dyn-button { background: transparent url(/img/top-nav-register-btn.gif) no-repeat scroll 0 0; border-style: none; color: #DFBF8B; cursor: pointer; display: block; float: left; font-size: 11px; font-weight: normal; height: 20px; margin: 16px 0 0; padding: 0 17px 3px 0; text-align: center; text-decoration: none; width: 100px; } .button:hover, .button:hover span, .btn:hover { text-decoration: underline; } .btn { background: url(/img/button-bg-2.gif) no-repeat; color: #DFBF8B; display: block; font-size: 10px; font-weight: bold; height: 17px; line-height: 12px; margin: 4px 0 0; padding: 3px 14px 0 0; text-align: center; text-decoration: none; width: 116px; } .btn-login { background:transparent url(/img/button-bg-2.gif) no-repeat scroll 0 0 !important; border-style:none; margin-top:3px; padding-bottom:4px; width:129px !important; } .btn-login:hover {text-decoration: underline !important;} .form-score .btn { background: url(/img/button-bg-3.gif) no-repeat; color: #dfbf8b; margin-left: 4px; } .form-score h4 { color:#7B1300; font-size:14px; font-weight:bold; padding-left:9px; text-align:left; width:141px; } .back-btn { background:transparent url(/img/back-btn-bg.gif) repeat scroll 0 0; margin:30px 0 22px 145px; padding-left:28px; width:87px; } .dyn-button { background: transparent url(/img/tutorial-btn.png) no-repeat; line-height:18px; padding: 0 0 0 8px; text-align:left; } .dyn-button-end { background: transparent url(/img/tutorial-btn.png) no-repeat top right; float:right; height:19px; width:20px } .dyn-button:hover {text-decoration:underline;} /* form end */ /* header end */ /* footer start */ .footer-wrapper { background: url(/img/footer-bg.gif) no-repeat 50% 0; height: 220px; margin: -130px 0 0; float: left; width: 100%; } #footer { margin: 0 auto; width: 930px; overflow: hidden; position:relative; } #footer a, #footer a:hover, #footer a:linked, #footer a:focus, #footer a:visited { border:0 none; } .gameforge4d { background: url(/img/gameforge4d.gif) no-repeat; width: 128px; height: 35px; display: block; text-indent: -9999px; overflow: hidden; margin: 71px 0 0 400px; } #usk { display:inline; float:left; margin:21px 0px 0px 7px; } #safeplay { display:inline;float:left;margin:21px 0px 0px 7px; } #pegi { display:block; float:left; background:none; border:1px solid white; height:76px; width:184px; margin:21px 0 0 0; } #pegi.noBorder { border:0 none; } #pegiAge { float:left; display:inline; margin:4px 0 0 4px; } #pegiOnline { float:left; display:inline; margin:4px 0 0 4px; } #pegiViolence { float:left; margin:4px 0 0 4px; } /* list */ #footer ul { background: url(/img/footer-box.jpg) no-repeat; float:left; font-size: 10px; height: 66px; line-height: 11px; margin: 21px 0 0 8px; padding: 21px 0 0 0; text-align: center; width: 544px; } #footer ul li { background: url(/img/sep.gif) no-repeat 0 7px; color: #ae9467; display: inline; list-style: none; padding: 0 5px 0 13px; } #footer ul li.first { background: none; display:block; width:440px; margin:0 auto; } #footer ul li a { color: #ae9467; text-decoration: none; position:relative; } #footer ul li.impressum {background:none;} #footer ul li.impressum a {color: #a00;} #footer ul li a:hover { text-decoration: underline; } /* footer end */ /* main container */ .container-wrapper { background: url(/img/container-bg-top.jpg) no-repeat 50% 0; float: left; padding: 0 0 181px; width: 100%; } .container { margin: 0 auto; position: relative; width: 930px; } /* left column */ .col-1, .col-3 { display: inline; float: left; margin: -64px 0 0 11px; position: relative; width: 157px; } /* right column */ .col-3 { float: right; margin: -64px 9px 0 0; overflow: hidden; width: 157px; } /* right and left boxes styles start */ .boxes-top { background: url(/img/box-top-1.jpg) no-repeat; height: 23px; width: 157px; } .col-3 .boxes-top { background: url(/img/box-top-2.jpg) no-repeat; } .boxes-bottom { /* has IE-fix */ background: url(/img/box-bottom.png) no-repeat; height: 48px; margin: 0 0 0 4px; width: 150px; } .boxes-middle { /* has IE-fix */ background: url(/img/box-middle.png) no-repeat; height: 32px; margin: 0 0 0 12px; width: 134px; } .modul-box { background: url(/img/modul-box-bg.jpg) repeat-y; width: 157px; } .modul-box .modul-box-bg { background: url(/img/modul-box-top.jpg) no-repeat; } .modul-box-2 .modul-box-bg { background: url(/img/modul-box-top-2.jpg) no-repeat; } .modul-box .modul-box-bg-bottom { /* has IE-fix */ background: url(/img/modul-box-bottom.jpg) no-repeat 0 100%; min-height: 132px; overflow: hidden; padding: 0 0 5px; width: 100%; } /* right and left boxes styles end */ /* main navigation start */ .main-nav { margin: 24px 0 0; padding: 0 0 16px; } .main-nav li { list-style: none; padding: 0 0 5px; } .main-nav li a, .modul-box h3 { background: url(/img/main-mav-bg.gif) no-repeat; color: #fef6aa; display: block; font-weight: bold; font-size: 12px; height: 26px; line-height: 15px; overflow: hidden; padding: 8px 0 0; text-align: center; text-decoration: none; width: 157px; } .modul-box h3 { margin: 24px 0 0; } .social-media { text-align:center; } .button-facebook { display:block; margin:6px 0; } .button-twitter { display:block; margin:6px 0 22px; } .container-facebook-like { margin:8px auto 22px; } .img-social-media { height:36px; width:117px; border:0 none; margin:0 auto; } .main-nav li a:hover, .main-nav li a.active { background-position: 0 -34px; color: #fffde8; } /* main navigation end */ /* login form start */ .form-login { margin: 6px 0 0 14px; overflow: hidden; padding: 0 0 12px; width: 143px; } .form-login label { color: #4a1e00; font-size: 11px; line-height: 14px; } .form-login .input { background: url(/img/input-bg-4.gif) no-repeat; height: 18px; margin: 2px 0 0; padding: 0 0 4px; width: 129px; } .form-login .input input { border: none; background: none; font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; width: 121px; } .password { color:#58220E; display:block; font-size:9px; line-height:11px; margin:8px 0 6px; text-align:center; text-decoration:none; width:128px; } .password:hover { text-decoration: underline; } .agbok { color:#775555; display:block; font-size:9px; margin:8px 0 6px; text-align:center; text-decoration:none; width:128px; } .agbok a { color:#8D0404; font-size:9px; line-height:11px; text-decoration:none; } .agbokinput { margin-bottom:0px; } .agbok2 { margin:0 0 0 12px;!important } .agbokbtn { margin:0 0 0 62px;!important } #lostPasswordCode p { margin:20px 20px 25px; font-size:12px; font-weight:bold; } /* login form end */ /* hightscore box start */ .form-score { margin: 5px 0 0 10px; padding: 0 0 20px; } .form-score select { background-color: #cdb78b; border: 1px solid #997c47; color:#4a1e00; font-size: 13px; padding: 0; width: 129px; } .select-replacement { background-image: url(/img/select-replacement-bg.gif); height: 20px; margin: 0 0 0 4px; padding: 0; width: 129px; } .form-score ul { margin: 6px 1px 0 0; padding: 0 0 1px; } .form-score ul li { color: #4a1e00; font-size: 11px; line-height: 14px; list-style: none; padding: 3px 0 3px 6px; } .form-score ul li.light { background: url(/img/shadow.gif) no-repeat; } .form-score ul li div { margin:0 16px 0 0; background:no-repeat 100% 0; } .form-score ul li div.empire1 { background-image:url(/img/empire1_small.png); } .form-score ul li div.empire2 { background-image:url(/img/empire2_small.png); } .form-score ul li div.empire3 { background-image:url(/img/empire3_small.png); } .form-score ul li strong { color: #8d0404; margin: 0 2px 0 0; } .form-score ul li strong.offset { margin: 0 2px 0 6px; } .form-score ul li a { color: #6a3e00; margin: 0 0 0 2px; text-decoration: none; } .form-score ul li a.first { color: #943b00; font-weight: bold; } .form-score ul li a:hover { text-decoration: underline; } /* hightscore box end */ /* center column */ .col-2 { float: left; display: inline; margin: 33px 0 0 46px; width: 510px; } /* two boxes holder start */ .two-boxes { background: url(/img/two-boxes-bg.jpg) repeat-y; width: 506px; } .two-boxes .two-boxes-top { background: url(/img/two-boxes-top.jpg) no-repeat; } .two-boxes .two-boxes-bottom { background: url(/img/two-boxes-bottom.jpg) no-repeat 0 100%; overflow: hidden; padding: 0 0 15px; width: 100%; } .banner img {margin:10px 0;} /* welcome box */ .box { float: left; display: inline; margin: 0 0 0 11px; width: 223px; } .box-right { float: right; margin: 0 14px 0 0; } .box h2, .content h2 { background: url(/img/heading-1.jpg) no-repeat; color: #7b1300; font-size: 14px; font-weight: bold; line-height: 17px; margin: 11px 0 0; padding: 7px 0 7px 33px; } .box-right h2 { background: url(/img/heading-2.jpg) no-repeat; } .content h2 { background: url(/img/heading-3.jpg) no-repeat; } .box .body { margin: 4px 6px 0 5px; } .box p { color: #160400; font-size: 11px; line-height: 13px; margin: 0; padding: 0 0 7px; text-align: justify; } /* video */ .video { background: url(/img/video-border-bg.gif) no-repeat; margin: 7px 0 0; width: 223px; } .video .video-bg { background: url(/img/video-border-bg-bottom.gif) no-repeat 0 100%; overflow: hidden; padding: 3px 0 3px 3px; width: 220px; } .video a { float: left; border: 1px solid #eae0c6; } /* two boxes holder end */ .content { background: url(/img/content-box-bg.jpg) repeat-y; margin: 0; width: 507px; } .content .content-bg { background: url(/img/content-box-top.jpg) no-repeat; } .content .content-bg-bottom { background: url(/img/content-box-bottom.jpg) no-repeat 0 100%; overflow: hidden; padding: 0 0 0 11px; width: 496px; } .shadow { /* has IE-fix */ background: url(/img/shadow-2.png) no-repeat; height: 5px; overflow: hidden; width: 507px; } /* distribute box*/ .distribute-content { line-height:20px; } .distribute-content p { margin:6px 0 6px 10px; } .distribute-from-shop .itemshop-btn { float:left; margin:10px 10px 20px 10px; } .distribute-from-shop p { line-height:13px; padding:0 20px 0 150px; } .distribute-content .distribute-item { margin-bottom:8px; } .distribute-content .distribute-item .dist-item-img { height:40px; width:40px; } .distribute-content .distribute-item .small-img { height:30px; width:30px; } .distribute-content .dist-item-amount, .distribute-content .dist-item-name { float:left; padding-top:15px; margin:0 6px; } .distribute-content img { margin-top:4px; float:left; } .distribute-content .dist-item-amount { color:#801d08; font-size:30px; font-weight:bold; height:40px; margin-left:10px; } .distribute-content .dist-item-name { color:#801d08; font-size:16px; font-weight:bold; } .distribute-content .dyn-button { float:right; margin-right:20px; width:140px; } .distribute-content .shadow-line { background: transparent url(/img/shadow-line.png) no-repeat scroll left bottom; height:3px; margin:0 0 6px 10px; } .distribute-content .distribute-box { background: url(/img/distributebox-bg.jpg) no-repeat; height:121px; margin:0 0 20px 10px; width:458px; } .distribute-content .special-box { background: url(/img/distributebox-bg-special.jpg) no-repeat; height:181px; } .distribute-content .distribute-box form { margin:15px 0 0 15px; } .distribute-content .distribute-box .distribute-item { height:38px; padding:18px 0 0 10px; } .distribute-content .distribute-box .special-item { height:98px; } .distribute-content .distribute-box .dist-item-amount { font-size:22px; padding-top:10px; } .distribute-content .distribute-box .dist-item-name { font-size:14px; padding-top:10px; } .distribute-content .distribute-box .formField { float:left; margin-right:10px; } .distribute-content .distribute-box .amount { background:url(/img/distributebox-input.jpg); border:0px; height:18px; width:37px; } .distribute-content .distribute-box .distribute-btn { background:url(/img/distributebox-btn.jpg) no-repeat; color:#FEF6AA; display:block; font-weight:bold; text-decoration:none; height:34px; margin:6px 0 0 30px; padding:6px 0 0 10px; width:121px; } .distribute-content .success-msg { background:transparent url(/img/bullet.gif) no-repeat scroll 0 0; font-weight:bold; list-style:none outside none; padding:0 0 13px 20px; } .distribute-content .error-mini {margin-left:10px;} .distribute-content .error-mini p {margin:6px 0 6px 6px;} .distribute-content .error-mini ul li{ background: url(/img/error-bullet.png) no-repeat 0 6px; list-style: none; padding: 0 0 13px 20px; } .distribute-content .distribute-item .special-amount { padding-top:40px; } .distribute-content .distribute-item .special-img { height:100px; width:100px; margin:4px 8px 0; } .distribute-content .distribute-item .special-name { padding-top:40px; } .distribute-content .distribute-item .special-dyn-button { margin-top:40px; } .distribute-content .special-item .special-amount { font-size:26px; } .distribute-content .special-item .special-name { font-size:18px; } .distribute-content .special-item .small-img { height:80px; width:80px; } /* screenshots list */ .screenshots { margin: 5px 0 0; overflow: hidden; padding: 0 0 17px; width: 100%; } .screenshots li { background: url(/img/screeshot-border-2.gif) no-repeat; display: inline; float: left; height: 79px; list-style: none; padding: 4px 0 0 4px; margin: 0 6px 0 6px; width: 104px; } .screenshots li.first { background: url(/img/screeshot-border.gif) no-repeat; } /* content start */ .stepdown { display:inline; } .inner-content { margin: 4px 25px 0 5px; padding: 0 0 18px; } .inner-content p { font-size: 11px; line-height: 13px; margin: 0; padding: 0 0 10px; text-align: justify; } #result { font-size:13px; font-weight:bold; padding:30px 30px 40px; } .inner-content h3 { color: #7b1300; font-size: 13px; font-weight: bold; line-height: 15px; margin: 9px 0 0; padding: 0 0 9px; } .inner-content ul { font-size: 11px; line-height: 13px; margin: 0; padding: 0 0 15px; text-align: justify; } .inner-content ul li { background: url(/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; } /* content end */ /*slimbox start*/ #lbOverlay { background-color: #000; cursor: pointer; left: 0; position: absolute; z-index: 9999; width: 100%; } #lbCenter, #lbBottomContainer { background: #d2bc85 url(/img/standard-bg.jpg) no-repeat; left: 50%; overflow: hidden; position: absolute; z-index: 9999; } .lbLoading { background: #fff url(/img/loading.gif) no-repeat center; } #lbImage { background-repeat: no-repeat; border: 2px solid #d2bc85; left: 0; top: 0; position: absolute; } #lbPrevLink, #lbNextLink { display: block; outline: none; position: absolute; top: 0; width: 50%; } #lbPrevLink { background: transparent url(/img/prevlabel.gif) no-repeat 0% 50%; left: 0; } #lbPrevLink:hover { background: transparent url(/img/prevlabel-hover.gif) no-repeat 0% 50%; } #lbNextLink { background: transparent url(/img/nextlabel.gif) no-repeat 100% 50%; right: 0; } #lbNextLink:hover { background: transparent url(/img/nextlabel-hover.gif) no-repeat 100% 50%; } #lbBottom { border: 2px solid #d2bc85; border-top-style: none; color: #8d0404; font-family: Verdana, Arial, Geneva, Helvetica, sans-serif; font-size: 10px; font-weight:bold; height:31px; line-height: 1.4em; padding:3px 0px 0px 0px; text-align:center; } #lbCloseLink { background: transparent url(/img/closelabel.gif) no-repeat center; display: block; float:right; height: 25px; margin: 0px 3px 0px 0px; outline: none; width: 25px; } #lbCaption, #lbNumber { margin-right: 0px; } #lbCaption { font-weight: bold; } /*slimbox end*/ /*about start*/ .aboutbox-1, .aboutbox-2, .aboutbox-3, .aboutbox-4, .aboutbox-5 { min-height:169px; padding:7px 190px 7px 9px; width:281px; } .aboutbox-1 { background:url(/img/aboutbox-1-bg.jpg) no-repeat; } .aboutbox-2{ background:url(/img/aboutbox-2-bg.jpg) no-repeat; } .aboutbox-3{ background:url(/img/aboutbox-3-bg.jpg) no-repeat; } .aboutbox-4{ background:url(/img/aboutbox-4-bg.jpg) no-repeat; } .aboutbox-5{ background:url(/img/aboutbox-5-bg.jpg) no-repeat; /*width:462px;*/ } .about-inner-content h4 { background:url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; font-size:11px; padding-bottom:8px; margin:1px 0 0 0; } .about-inner-content .aboutbox-5 h4 {width:280px;} .about-inner-content p { margin:5px 0 9px 0; width:280px; } .about-inner-content .aboutbox-5 p {width:462px;} .about-inner-content p.first-content {width:280px;} .about-inner-content { margin: 9px 0 0 0; padding: 0; } .box-foot{ background-image:url(/img/aboutbox-foot-bg.jpg); height:10px; margin-bottom:12px; width:481px; } /*about end*/ /*first steps start*/ .firststepsbox-1, .firststepsbox-2, .firststepsbox-3 { min-height:155px; padding:7px 190px 7px 9px; width:282px; } .firststepsbox-1 { background:url(/img/firststepsbox-1-bg.jpg) no-repeat; } .firststepsbox-2 { background:url(/img/firststepsbox-2-bg.jpg) no-repeat; } .firststepsbox-3 { background:url(/img/firststepsbox-3-bg.jpg) no-repeat; } .firststeps-inner-content { margin: 9px 0px 0px 0px; padding: 0 0 0px; } .firststeps-inner-content h4{ background: url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; font-size:12px; padding-bottom:8px; margin:1px 0 0 0; } .firststeps-inner-content p{ margin:5px 0 9px 0; } .firststeps-login-screenshot { height:130px; margin-left:12px; margin-top:18px; width:166px; } .firststeps-inner-content .tutorialsbox { background: url(/img/tutorials-box-1-bg.jpg) no-repeat; min-height:155px; padding:7px 190px 7px 9px; width:282px; } .firststeps-inner-content .tutorial-btn { background: transparent url(/img/tutorial-btn.png) no-repeat; color:#f1e6a6; display:block; font-size:11px; height:17px; margin:10px 0 0; padding:3px 20px 0 10px; text-decoration:none; width:200px; } .firststeps-inner-content .tutorial-btn:hover {text-decoration:underline;} .firststeps-inner-content .community { background: url(/img/community_dragon_bg.jpg) no-repeat; min-height:155px; padding:7px 190px 7px 9px; width:282px; } /*first steps end*/ /* empires start */ .empires-content { margin: 9px 0 0 0; padding: 0; position:relative; } .empires-content .empires-map { background: url(/img/empires-map-bg.png) no-repeat; height:341px; position:relative; width:481px; } .empirebox-2, .empirebox-3 { display:none; } .empirebox-1, .empirebox-2, .empirebox-3 { background:url(/img/empire-box-bg.jpg) no-repeat; min-height:169px; padding:7px; position:relative; width:467px; } .empires-content h4 { background: url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; font-size:11px; padding-bottom:8px; margin:1px 0 0 0; } .empires-content .empire-crest { background: url(/img/empire-box-bg.jpg) no-repeat; height:87px; position:absolute; top:0px; left:345px; width:136px; } .empires-content .empirebox-1 .empire-crest { background:url(/img/empire-crest.png) no-repeat 0 0; } .empires-content .empirebox-2 .empire-crest { background:url(/img/empire-crest.png) no-repeat 0 -87px; } .empires-content .empirebox-3 .empire-crest { background:url(/img/empire-crest.png) no-repeat 0 -174px; } .empires-content p { margin:5px 0 9px 0; width:320px; } .empires-content .empires-map img { position:absolute; top:0px; } .empires-content #empire-img { position:relative; } .empires-content .empire-1 { background: url(/img/empires-map.png) no-repeat 0 -196px; height:145px; left:0px; top:196px; width:345px; } .empires-content .empire-2 { background: url(/img/empires-map.png) no-repeat 0 0; height:160px; left:0px; top:0px; width:200px; } .empires-content .empire-3 { background: url(/img/empires-map.png) no-repeat -291px 0; height:225px; left:291px; width:190px; } /* empires end */ /*gallery start*/ #wallpapers a, #screenshots a { background: url(/img/screeshot-border-2.gif) no-repeat; float:left; margin:4px; padding:4px; } #wallpapers a.first, #screenshots a.first { background: url(/img/screenshot-li-bg.jpg) no-repeat } .gallerybox{ background: url(/img/gallerybox-bg.jpg) no-repeat; margin-bottom:9px; height:auto; padding-top:7px; padding-left:12px; width:469px; } .gallerybox-small { background-image: url(/img/gallerybox-small-bg.jpg); min-height:133px; } .gallerybox-middle { background-image: url(/img/gallerybox-bg.jpg); min-height:193px; margin-bottom:30px; } .gallery-inner-content h4{ color: #7b1300; font-size:12px; height:34px; margin:1px 0px 0px 9px; width:290px; } .gallery-inner-content{ margin: 9px 0px 0px 0px; padding:0 0 0 0px; } .gallery-image{ float:left; margin-right:8px; margin-bottom:8px; } .screenshots-gallery-list { margin: 4px 0 0; overflow: hidden; padding: 0; width: 100%; } .screenshots-gallery-list li { background: url(/img/screenshot-li-bg.jpg) no-repeat; display: inline; float: left; list-style: none; height: 83px; margin: 0 4px 4px 0px; padding: 4px 0px 0px 4px; width: 108px; } .wallpaper-links { float:left; line-height:18px; margin-right:8px; text-align:center; width:108px; } .wallpaper-links a{ color: #4a1e00; font-size: 11px; text-decoration: underline; } /*gallery end*/ /*characterclasses start*/ .characterclasses { min-height:155px; padding:7px 190px 7px 9px; width:282px; } .charclass-1 {background:url(/img/characterclasses-knight-bg.jpg) no-repeat;} .charclass-2 {background:url(/img/characterclasses-ninja-bg.jpg) no-repeat;} .charclass-3 {background:url(/img/characterclasses-shaman-bg.jpg) no-repeat;} .charclass-4 {background:url(/img/characterclasses-sura-bg.jpg) no-repeat;} .characterclasses h4 {font-size:12px;} /*characterclasses end*/ /*download start*/ .download-inner-column-left{ /* has IE-fix */ background-image:url(/img/download-inner-column-left-bg.jpg); float:left; overflow:hidden; width:301px; } .download-inner-column-right{ width:180px; float:left; } .download-inner-column-right p{ width:174px; margin:12px 0px 16px 1px; } .download-inner-column-right p a{ color:#7b1300; font-weight:bold; text-decoration:none; } .download-inner-column-right p a:hover{color:#af4e3c;} .download-button-1{ background-image: url(/img/download-button-1.jpg); display:block; height:63px; width:174px; } .download-button-1:hover{background-image:url(/img/download-button-1_h.jpg);} .download-button-2{ background-image: url(/img/download-button-2.jpg); display:block; height:63px; width:174px; } .download-button-2:hover{background-image:url(/img/download-button-2_h.jpg);} .downloadbox{ background:url(/img/downloadbox-bg.jpg) no-repeat; margin-bottom:9px; min-height:209px; padding-top:7px; padding-left:12px; width:289px; } .download-inner-content h4{ color: #7b1300; font-size:12px; height:34px; margin:1px 0px 0px 0px; width:290px; } .download-inner-column-left p{ margin:5px 0px 9px 0px; width:286px; } .download-image{margin-bottom:16px;} .download-inner-content{ margin: 9px 0px 0px 0px; padding:0 0 0 0px; } .downloadbox caption{ caption-side:inherit; font-weight:bold; font-size:12px; height:20px; text-align:left; } .downloadbox table{ margin-bottom:20px; width:281px; } .left_td{ background: url(/img/bullet.gif) no-repeat 0px 0px; height:23px; padding-left:20px; width:69px; } .download-box-foot{ background-image: url(/img/aboutbox-foot-bg.jpg); clear:both; height:10px; margin-bottom:12px; width:481px; } /*download end*/ /*error start*/ .error-inner-content ul { font-size: 11px; line-height: 13px; margin:12px 0px 0px 12px; padding: 0 0 15px; text-align: justify; } .error-inner-content ul li { background: url(/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; } /*error end*/ /*ranks start*/ .ranks-dropdowns-box{ /* has IE-fix */ background-image:url(/img/ranks-dropdowns-box-bg.jpg); height:56px; margin:0 0 15px 8px; width:466px; } .ranks-dropdowns-box select{ background-color:#CDB78B; border:1px solid #997C47; color:#4a1e00; font-size:13px; margin:0 0 0 4px; padding:0; width:120px; } .ranks-dropdowns-box input{ background:none; border:none; color:#4a1e00; font-size:13px; margin:0 0 0 4px; padding-top:2px; width:110px; } .ranks-dropdowns-box label{ color:#671000; font-weight:bold; } .ranks-select-box{ /* has IE-fix */ height:45px; float:left; margin-right:7px; margin-left:4px; margin-top:10px; width:120px; } .ranks-select-box-btn{ height:45px; float:left; margin-top:19px; width:30px; } .ranks-input{ background-image: url(/img/ranks-input-bg.jpg); height:20px; width:119px; } .ranks-input-noservers { background-image:url(/img/ranks-input-bg.jpg); color:#4A1E00; font-size:13px; height:17px; padding-left:4px; padding-top:3px; width:115px; } .small-btn { background: url(/img/small-btn-bg.gif) no-repeat; color: #dfbf8b; display: block; font-weight:bold; font-size: 10px; height: 20px; line-height: 12px; margin: 4px 0 0; padding: 3px 14px 0 0; text-align: center; text-decoration: none; text-transform:uppercase; width: 51px; } .small-btn:hover {text-decoration: underline;} .ranks-inner-content h5{ color:#4a1e00; font-size:11px; font-weight:bold; margin:7px 34px 14px 9px; } .ranks-inner-content p{ color:#4a1e00; font-size:11px; margin:0px 9px 15px 9px; } .ranks-inner-content th{ /* has IE-fix */ color:#8d0404; font-size:11px; font-weight:bold; height:43px; padding-top:20px; } .ranks-inner-content td{ /* has IE-fix */ /* has safari-fix */ color:#8d0404; font-size:11px; height:29px; padding-top:8px; } .rankfirst{font-weight:bold;} #highscore .content-bg-bottom {width:485px; padding:0 10px;} #highscore table {border-collapse:separate; width:481px;} * +html #highscore table {border-collapse: inherit; width:481px;} #highscore td, #highscore th { border-color:#FAE5D0 #B79647 #B39164 #FAE5D0; border-width:1px; border-style:solid; padding:10px; vertical-align:middle; text-align:center; } #highscore tr.zebra {background:url(/img/zebra.jpg);} #highscore td img {display:inline;} #highscore .rank-th-1{ border-left:1px solid #81602D; width:55px; } #highscore .rank-th-2{ padding-left:13px; text-align:left; width:110px; } #highscore .rank-th-3{width:40px;} #highscore .rank-th-4{width:56px;} #highscore .rank-th-5{ border-right:1px solid #81602D; padding-right:13px; text-align:right; width:104px; } #highscore .rank-td-1-1{ border-left:1px solid #81602D; font-weight:bold; text-align:center; } #highscore .rank-td-1-2{ padding-left:13px; text-align:left; } #highscore .rank-td-1-3{ } #highscore .rank-td-1-4{ } #highscore .rank-td-1-5{ border-right:1px solid #81602D; padding-right:13px; text-align:right; } #highscore .rank-td-2-1{ border-left:1px solid #81602D; font-weight:bold; text-align:center; } #highscore .rank-td-2-2{ padding-left:13px; text-align:left; } #highscore .rank-td-2-5{ border-right:1px solid #81602D; padding-right:13px; text-align:right; } #guildHighscore .content-bg-bottom {width:485px; padding:0 10px;} #guildHighscore table {border-collapse:separate; width:481px;} * +html #guildHighscore table {border-collapse: inherit; width:481px;} #guildHighscore td, #guildHighscore th { border-color:#FAE5D0 #B79647 #B39164 #FAE5D0; border-width:1px; border-style:solid; padding:10px; vertical-align:middle; } #guildHighscore tr.zebra {background:url(/img/zebra.jpg);} #guildHighscore td img {display:inline;} #guildHighscore .guildrank-th-1{ border-left:1px solid #81602D; width:35px; } .guildrank-th-2{ padding-left:13px; text-align:left; width:120px; } .guildrank-th-3{ padding-left:13px; text-align:left; width:120px; } .guildrank-th-4{width:50px;} .guildrank-th-5{width:45px;} #guildHighscore .guildrank-th-6{ border-right:1px solid #81602D; padding-right:13px; text-align:right; width:60px; } #guildHighscore .guildrank-td-1-1{ border-left:1px solid #81602D; font-weight:bold; text-align:center; width:50px; } .guildrank-td-1-2{ padding-left:13px; text-align:left; width:120px; } .guildrank-td-1-3{ padding-left:13px; text-align:left; width:120px; } .guildrank-td-1-4{ text-align:center; width:50px; } .guildrank-td-1-5{ text-align:center; width:50px; } #guildHighscore .guildrank-td-1-6{ border-right:1px solid #81602D; padding-right:13px; text-align:right; width:60px; } #guildHighscore .guildrank-td-2-1{ border-left:1px solid #81602D; font-weight:bold; text-align:center; width:50px; } .guildrank-td-2-2{ padding-left:13px; text-align:left; width:120px; } .guildrank-td-2-3{ padding-left:13px; text-align:left; width:120px; } .guildrank-td-2-4{ text-align:center; width:50px; } .guildrank-td-2-5{ text-align:center; width:50px; } #guildHighscore .guildrank-td-2-6{ border-right:1px solid #81602D; padding-right:13px; text-align:right; width:60px; } .ranks-nav{ height:24px; float:left; font-weight:bold; padding:8px 10px 0px 10px; } .ranks-nav a{ color:#8d0404; font-size:10px; text-decoration:none; } .ranks-nav a:hover{ text-decoration:underline; } .prev{ background-image: url(/img/rank-td-last-1.jpg); text-align:left; width:221px; } .next{ background-image: url(/img/rank-td-last-2.jpg); text-align:right; width:220px; } .prev-top { background-image: url(/img/rank-td-first-1.jpg); padding:9px 10px 0; } .next-top { background-image: url(/img/rank-td-first-2.jpg); padding:9px 10px 0; } .ranks-update-time{ color:#4a1e00; height:15px; font-size:11px; margin-top:10px; text-align:right; width:475px; } /*ranks end*/ /*news start*/ .news-box{ background-image: url(/img/news-box-bg.jpg); height:256px; margin-top:12px; overflow:hidden; padding-top:9px; width:481px; } .news-box h4{ color: #7b1300; float:left; font-size:11px; height:20px; margin:1px 0px 0px 9px; width:345px; } .news-box h5{ font-size:11px; margin:10px 12px 5px 13px; width:365px; } .news-box h5 a{ color:#8d0404; text-decoration:none; } .news-box h5 a:hover{ text-decoration:underline; } .news-box p{ margin:10px 12px 5px 13px; } .news-date{ color:#533a00; float:right; font-size:12px; margin-right:10px; } .news-box ul { font-size: 11px; line-height: 13px; margin:5px 12px 0px 12px; padding:0; text-align: justify; } .news-box ul li { background: url(/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; } .news-box ul li a{ color:#8d0404; text-decoration:none; } .news-box ul li a:hover{ text-decoration:underline; } /*news start*/ /*password lost start*/ .input-data-box{ background: url(/img/input-data-box-bg.jpg) no-repeat; min-height:129px; padding-top:9px; width:481px; } .input-data-box p a { color:#943b00; text-decoration:none; } .input-data-box p a:hover { text-decoration:underline; } .input-data-box .box-img { float:right; height:130px; width:180px; } .login-inner-content h4, .pass-lost-inner-content h4{ color: #7b1300; font-size:11px; height:22px; margin:1px 0px 0px 9px; width:290px; } .login-inner-content p, .pass-lost-inner-content p{ font-size:11px; margin: 5px 0 10px 12px; width:275px; } .login-inner-content, .pass-lost-inner-content{ margin: 9px 0px 0px 0px; padding: 0 0 0px; } .pass-lost-box{ background: url(/img/pass-lost-box.jpg) no-repeat; margin-left:11px; overflow:hidden; padding-top:10px; width:275px; } .pass-lost-box-small{ background: url(/img/pass-lost-box-small.jpg) no-repeat; float:left; height: auto; margin-left: 11px; margin-top:12px; min-height:143px; padding-top: 10px; width: 275px; } .change-password .pass-lost-box-small {padding-top:5px;} .login-inner-content .pass-lost-box-small{ background: url(/img/login-box-small.jpg) no-repeat; } .pass-lost-box-big { height: 315px; } .pass-lost-box-small p{ width:250px; } .pass-lost-box-inner-content{ margin-left:10px; width:253px; } .pass-lost-box label{ color:#4a1e00; font-weight:bold; font-size:11px; } .pass-lost-box input{ border:0; background-color:transparent; font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; width:245px; } .pass-lost-box input.btn-center-input {margin-top:5px !important;} .pass-lost-box-small label{ color:#4a1e00; font-weight:bold; font-size:11px; } .pass-lost-box-small input{ background: none; border: none; font: 11px/13px Arial, Helvetica, sans-serif; margin: 1px 0 0 4px; width:245px; } .input-data-input{ background-image:url(/img/input-data-input-bg.jpg); height:20px; margin-top:5px; margin-bottom:5px; width:251px; } .error-mini{ background:url(/img/error-mini.gif) no-repeat 0px 0px; color:#af1b03; font-size:11px; font-weight:bold; margin:10px 0px 15px 0px; padding-left:20px; } .error-mini-maxwidth{ width:260px; } .btn-center-input{ margin-left:62px !important; margin-top:10px !important; } .btn-center-input-space{ margin:17px 0px 0px 62px !important; } .error-big{ background:url(/img/error.gif) no-repeat 0px 9px; color:#4a1e00; font-size:10px; margin:23px 0px 15px 0px; padding-left:60px; } /*password lost end*/ /*login error start*/ .password-lost:hover { text-decoration:underline; } .password-lost { color:#58220E; display:block; font-size:9px; line-height:11px; margin:0px 0 0 0px; text-decoration:none; text-align:center; } .btn-center-input-small-space{ margin:10px 0px 4px 62px !important; } .error-mini-margin{ margin-left:12px; } /*login error end*/ /*register start*/ .register-inner-content h4{ color: #7b1300; font-size:11px; height:22px; margin:1px 0px 0px 9px; width:290px; } .register-inner-content p{ font-size:11px; margin:5px 0px 10px 12px; width:285px; } .register-inner-content{ margin: 9px 0px 0px 0px; padding: 0 0 0px; position:relative; } .register-box { background:url(/img/register-box-bg.jpg) no-repeat; /*height:438px;*/ float:left; margin-left:11px; overflow:visible; padding-top:10px; width:280px; } .register-box-inner-content{ margin-left:10px; width:253px; } .agb-label-register2 { color:#4a1e00; float:left; font-weight:bold; font-size:11px; line-height:13px; vertical-align:text-top; width:200px; } .agb-label-register2 a{ color:#8d0404; text-decoration:none; } .agb-label-register2 a:hover{ text-decoration:underline; } .register-box-checkbox { background: none; border: none; float:left; font: 11px/13px Arial, Helvetica, sans-serif; margin:0; width:30px; } .register-agb-box2 { margin-top:10px; } .register-box-input{ background:none repeat scroll 0 0 transparent; border:medium none; font:13px/13px Arial,Helvetica,sans-serif; height:18px; margin:0 0 0 4px; width:240px; } .error-close{ margin-top:0px; margin-bottom:5px; } .btn-center-input-register{ margin:10px 0 10px 64px; padding-bottom:5px; } .hide{visibility:hidden;} /*register end*/ /*download box start*/ .download-btn{ background-image:url(/img/nav-download-btn.jpg); height:68px; margin:4px 0 9px 14px; width:130px; } /*download box end*/ .itemshop-btn{ background-image:url(/img/nav-itemshop-btn.jpg); height:68px; margin:4px 0 9px 14px;; width:130px; } .recruit-btn{ background-image:url(/img/recruit/friends_recruit_btn.jpg); height:68px; margin:4px 0 9px 14px;; width:130px; } .cosplay-btn { background-image:url(/img/cosplay_btn.jpg); height:68px; margin:4px 0 9px 14px;; width:130px; } /*administration*/ .administration-inner-content h4{ color: #7b1300; font-size:11px; height:22px; margin:1px 0px 0px 9px; width:290px; } .administration-inner-content p{ font-size:11px; margin: 0 5px 0 12px; } .administration-inner-content{ margin:9px 0 0; padding: 0 0 0px; } .administration-inner-content ul { font-size: 11px; margin: 9px 0 0 12px; padding: 0; text-align: justify; } .administration-inner-content ul li { background: url(/img/bullet.gif) no-repeat; list-style: none; padding: 0 0 13px 20px; width:260px; } .long-li { overflow:visible; width: 440px !important; } .long-li-code { background-position: 0px 5px !important; line-height: 23px; padding-bottom: 0px; } .administration-box { height:35px; line-height:18px; margin-bottom:0; margin-left:12px; padding:0 0 0 13px; width:500px; } .administration-box p { color: #4a1e00; float:left; margin-left:6px; } .administration-box a { float:left; margin: 0 0 0 0; } .delete-code { background-color: #CDB78B; border: 1px solid #997C47; color: #7B1300; font: normal bold 11px; height: 15px; padding-left: 4px; padding-right: 4px; padding-top: 3px; } .load-link { color:#7B1300; font-weight:bold; text-decoration:none; } .load-link:hover { text-decoration:underline; } .load-link:visited { color:#943B00; } /* character list */ .char-list-content { color:#86280f; font-weight:bold; margin-bottom:10px; width:480px; } .char-list-content .pagerWrapper { background: transparent url(/img/charlist-pager-bg.jpg) no-repeat; height:18px; margin-top:10px; padding:7px; width:465px; } .char-list-content .pagerWrapper .sort-char-list { float:left; width:300px; } .char-list-content .pagerWrapper .sellabel { float:left; line-height:20px; } .char-list-content .pagerWrapper .charselect { border:1px solid #997C47; float:left; height:18px; margin-left:3px; overflow:hidden; width:125px; } .char-list-content .pagerWrapper select { background-color:#CDB78B; color:#4A1E00; font-size:13px; height:22px; margin:-2px 0 0 -2px; width:129px } .char-list-content .pagerWrapper .pager { background: url(/img/charlist-pager.jpg) no-repeat; float:right; height:20px; text-align:right; width:110px; } .char-list-content .pagerWrapper .prev { background: url(/img/charlist-pager-prev.jpg) no-repeat; } .char-list-content .pagerWrapper .next { background: url(/img/charlist-pager-next.jpg) no-repeat; } .char-list-content .pagerWrapper div.pager-prev, .char-list-content .pagerWrapper a.pager-prev { display:block; float:left; height:20px; width:18px; } .char-list-content .pagerWrapper div.pager-next, .char-list-content .pagerWrapper a.pager-next { display:block; float:left; height:20px; width:20px; } .char-list-content .pagerWrapper .bg-none{ background: none; float:left; height:20px; width:20px; } .char-list-content .pagerWrapper .pager-middle { color:#fff; float:left; font-weight:normal; height:20px; line-height:19px; text-align:center; width:70px; } .char-list-content .charList { background: url(/img/charlist-row-bg.jpg) no-repeat; height:96px; padding:2px; width:476px; } .char-list-content .charList .charimg { background: url(/img/charlist-avatar-bg.jpg) no-repeat 3px 3px; float:left; height:72px; margin-right:5px; width:56px; } .char-list-content .charList .charimg img { border:1px solid #000; padding:1px; margin:4px; } .char-list-content .charList .charuser div { height:30px; line-height:30px; } .char-list-content .charList .charuser .charname { font-size:16px; float:left; width:276px; } .char-list-content .charList .charuser .charrank { text-align:right; } .char-list-content .charList .charlevel, .char-list-content .charList .charclass, .char-list-content .charList .charkingdom, .char-list-content .charList .chartime, .char-list-content .charList .charserver,.char-list-content .charList .charposition { float:left; height:20px; line-height:20px; width:250px; } .char-list-content .charList .charlevel, .char-list-content .charList .charclass { width:160px;} .char-list-content .charList .charposition {width:410px;} .char-list-content .charList .charlabel{ color:#86280f; display:block; float:left; font-weight:bold; width:70px; } .char-list-content .charList .chardata { color:#000; font-weight:bold; } .char-list-content .charList .charrow td { height:20px; } .char-list-content .charList .charend td{ padding-bottom:13px; } /* character list end*/ /* captcha */ #captchaContainer { margin:10px 0 0 0; } #captchaContainer img { border:1px solid #B28A45; margin:10px 0; } #captchaContainer h4{ color:#8D0404; font-size:12px; font-weight:bold; margin:0 0 5px; padding:0; width:auto; } .register-captcha {margin-top:24px;} .pass-lost-box-inner-content .register-captcha {margin-top:0;} #captchaContainer .input-data-input {background-image:url(/img/input-data-input-captcha-bg.jpg);} #captchaImageContainer { position:relative; width:255px !important; margin:0 auto; } #captchaImageContainer img { border:1px solid #B28A45; margin:0; color:black; } #reloadCaptcha { position:absolute; right:0; top:0; padding:0 1px 2px 2px; background-color:#eee; cursor:pointer; -moz-border-radius:0 0 0 6px; -webkit-border-radius:0 0 0 6px; } /* end captcha*/ .help-link { background: url(/img/help-link-bg.gif) no-repeat; height: 17px; width: 17px; } #err-register { background-color: #2E0100; border: 1px dotted #7B1300; color: #FEF6AA; font-size: 11px; left: 330px; padding: 2px 5px; position: absolute; top: 91px; width: 256px; z-index: 5; } /* tabs definition */ .content .tabs-nav { height:40px; width:481px; } .content .tabs-nav li, .content .tabs-nav li a { color:#7b1300; display:block; font: bold 12px/26px Arial, Helvetica, sans-serif; height:30px; text-align:center; text-decoration:none; } .content .tabs-nav li { float:left; height:34px; list-style-type:none; padding:3px; } .content .tabs-nav li a:hover { text-decoration:underline; } .content .tabs-nav li.selected a { text-decoration:none !important; cursor:text !important; } /* tabs4 */ .content .tabs4 li {background:transparent url(/img/tabs4-navi.png) no-repeat; width:114px;} .content .tabs4 li a {width:114px;} .content .tabs4 #tab1 {background-position:0 -40px;} .content .tabs4 #tab2 {background-position:-120px -40px;} .content .tabs4 #tab3 {background-position:-240px -40px;} .content .tabs4 #tab4 {background-position:-360px -40px; width:115px;} .content .tabs4 #tab1.selected {background-position:0 0;} .content .tabs4 #tab2.selected {background-position:-120px 0;} .content .tabs4 #tab3.selected {background-position:-240px 0;} .content .tabs4 #tab4.selected {background-position:-360px 0;} /* tabs4-big */ .content .tabs4-big {height:52px;} .content .tabs4-big li {background:transparent url(/img/tabs4-navi-big.jpg) no-repeat; width:114px; height:46px; display: table; padding-top: 0px;} .content .tabs4-big li a {width:114px; line-height: 15px; display: table-cell; vertical-align: middle;} .content .tabs4-big #tab1 {background-position:0 -52px;} .content .tabs4-big #tab2 {background-position:-120px -52px;} .content .tabs4-big #tab3 {background-position:-240px -52px;} .content .tabs4-big #tab4 {background-position:-360px -52px; width:115px;} .content .tabs4-big #tab1.selected {background-position:0 0;} .content .tabs4-big #tab2.selected {background-position:-120px 0;} .content .tabs4-big #tab3.selected {background-position:-240px 0;} .content .tabs4-big #tab4.selected {background-position:-360px 0;} /* tabs3 */ .content .tabs3 li {background:transparent url(/img/tabs3-navi.png) no-repeat; width:154px;} .content .tabs3 li a {width:154px;} .content .tabs3 #tab1 {background-position:0 -40px;} .content .tabs3 #tab2 {background-position:-160px -40px;} .content .tabs3 #tab3 {background-position:-320px -40px; width:155px;} .content .tabs3 #tab1.selected {background-position:0 0;} .content .tabs3 #tab2.selected {background-position:-160px 0;} .content .tabs3 #tab3.selected {background-position:-320px 0;} /* tabs2 */ .content .tabs2 li {background:transparent url(/img/tabs2-navi.png) no-repeat; width:234px;} .content .tabs2 li a {width:234px;} .content .tabs2 #tab1 {background-position:0 -40px;} .content .tabs2 #tab2 {background-position:-240px -40px; width:235px;} .content .tabs2 #tab1.selected {background-position:0 0;} .content .tabs2 #tab2.selected {background-position:-240px 0;} /* tabs definition end */ /* ticketservice */ /* DEPRECATED */ .ticketservice { background:transparent url(/img/qaservice-bg.jpg) no-repeat; margin-top:10px; padding:7px; margin:10px 0; width:467px; } .ticketservice ul li { background:none; list-style-position:inside; list-style-type:circle; padding:0 0 5px; } .ticketservice a { color:#943B00; text-decoration:none; } .ticketservice .ticketlist a { background: url(/img/bullet.gif) no-repeat; display:block; height:18px; padding-left:20px; } .ticketservice a:hover { text-decoration:underline; } /* ticketservice end */ /* safari hacks */ @media screen and (-webkit-min-device-pixel-ratio:0){ .ranks-inner-content th, .ranks-inner-content td { height:21px; } } /**/ .nodisplay { display:none !important; } .display { display:block !important; } #warning { background:transparent none repeat scroll 0 0; border:1px solid #CC0000; color:#CC0000; font-size:12px; line-height:18px; margin:35px 15px 0; padding:5px; } #warning strong { font-size: 16px; } /*TASKFORCE CHANGES*/ #authenticated .input-data-box, #authenticate .input-data-box {background:none;} #activateAccount a { color:#8D0404; font-weight:bold; text-decoration:none; } #activateAccount a:hover {text-decoration:underline;} #activateAccount h3 { line-height:20px; margin-left:15px; } #activateBox { margin:0 0 20px; } #activateBox p {width:auto;} #activateAccount a#downloadLink { background:url("/img/download-client.jpg") no-repeat scroll 0 0 transparent; color:#FFF9C7; float:left; font-size:16px; height:53px; line-height:20px; margin:0 0 10px; padding:10px 8px 0 60px; text-decoration:none; width:110px; } #activateAccount a#downloadLink:hover { background-position: 0 -63px; color:#FFF; } #steps { border:1px solid #622400; float:right; font-size:12px; margin-bottom:15px; padding:5px; width:190px; } #steps h3 {font-size:14px;} #steps ol {margin:10px; list-style:decimal inside none;} #steps ol li {margin:5px 0 0;} #resend { background:url("/img/valid-icon.gif") no-repeat scroll 5px 3px #260B01; border:1px solid #622400; padding:0 5px 2px 30px; } .inner-form-border { border:1px solid #aa8551; margin:15px 0 20px 25px; width:430px; } .inner-form-box { background:transparent url("/img/form-bg.jpg") repeat scroll 0 0; border:1px solid #c6ab74; color:#4a1e00; padding:15px; } .inner-form-box h3 { background:none repeat scroll 0 0 transparent; color:#4A1E00; font-size:18px; height:33px; } #activateBox .resend { background:#260B01 url("/img/valid-icon.gif") no-repeat scroll 5px 3px ; border:1px solid #622400; padding:0 5px 2px 30px; } #activateAccount #bigDownload { background:url("/img/big-download.jpg") no-repeat scroll 0 0 transparent; color:#FFF9C7; display:block; font-size:27px; font-weight:bold; height:83px; line-height:34px; margin:0 auto 15px; padding:20px 0 0 120px; text-align:left; text-decoration:none; text-shadow:2px 2px 5px black; width:290px; } #activateAccount #bigDownload:hover {background-position:0 -108px; color:#FFF;} /*TASKFORCE CHANGES 13.04. New Forms*/ #pwlostForm .content .content-bg-bottom, #lostPasswordCodeForm .content .content-bg-bottom, #changepwForm .content .content-bg-bottom, #emailChangeForm .content .content-bg-bottom, #resendactivForm .content .content-bg-bottom, #login .content .content-bg-bottom, #register .content .content-bg-bottom, #captcha .content .content-bg-bottom { padding:0 11px 11px; width:485px; } #captcha p { font-size:12px; margin:0 0 30px 0; } .trenner { background:url(/img/trenner-shadow.jpg) no-repeat; border-top:1px solid #B28A45; height:8px; margin:0 auto; width:380px; } #pwlostForm, #lostPasswordCodeForm, #changepwForm, #emailChangeForm, #resendactivForm, #loginForm, #registerForm, #captchaForm { margin:15px auto; width:290px; } #pwlostForm div, #lostPasswordCodeForm div, #changepwForm div, #emailChangeForm div, #resendactivForm div, #loginForm div, #registerForm div, #captchaForm div { margin-bottom:15px; position:relative; width:287px; } #pwlostForm div input:focus, #lostPasswordCodeForm div input:focus, #changepwForm div input:focus, #emailChangeForm div input:focus, #resendactivForm div input:focus, #loginForm div input:focus, #registerForm div input:focus, #captchaForm div input:focus { background-position:0 -30px; border:1px solid #8D0404; color:#4A1E00; } #pwLost .inner-form-box h3, #lostPasswordCode .inner-form-box h3, #changePw .inner-form-box h3, #emailChange .inner-form-box h3, #resendActiv .inner-form-box h3, #login .inner-form-box h3, #register .inner-form-box h3, #captcha .inner-form-box h3 { color:#4a1e00; font-size:18px; height:33px; } .inner-form-box a {color:#8D0404; text-decoration:none;} .inner-form-box a:hover {text-decoration:underline;} #toAdmin, #topwLost, #toLogin { background:url("/img/button-bg-2.gif") no-repeat scroll 0 0 transparent; color:#DFBF8B; float:right; font-size:10px; font-weight:normal; height:20px; line-height:20px; padding:0 20px 0 0; text-align:center; width:109px; } #checkerror span {font-size:11px; font-weight:normal;} .inner-form-box label { display:block; color:#4a1e00; font-size:12px; font-weight:bold; margin:0 0 5px; } #pwLost .inner-form-box input, #lostPasswordCode .inner-form-box input, #changePw .inner-form-box input, #emailChange .inner-form-box input, #resendActiv .inner-form-box input, #login .inner-form-box input, #register .inner-form-box input, #captcha .inner-form-box input { background:url(/img/form-input-bg.gif) repeat-x; border:1px solid #622400; color:#534236; font-family: Arial, Helvetica, sans-serif; font-size:16px; font-weight:bold; height:20px; padding:5px 10px; width:265px; } #checkerror p, #checkerror {font-size:12px;} #login #checkerror input, #register #checkerror input, #captcha #checkerror input { border:0; height:15px; float:left; margin:2px 5px 20px; width:15px; } #checkerror .green {color:#006F07;} #changePw #submitBtn, #emailChange #submitBtn, #resendActiv #submitBtn, #pwLost #submitBtn, #lostPasswordCode #submitBtn, #login #submitBtn, #register #submitBtn, #captcha #submitBtn, #subscribe .btn-big, a.btn-big, .contest-inner-content #submitBtn { background:url("/img/btn-big.jpg") no-repeat scroll 0 0 transparent; border:0; color:#dfbf8b; cursor:pointer; display:block; font-size:18px; font-weight:bold; height:38px; line-height:normal; letter-spacing:0.01em; margin:0 auto 25px; text-align:center; text-shadow:-1px -1px #000; width:287px; } a.btn-big { text-decoration:none; line-height:36px; font-size:16px;} #subscribe .btn-big {line-height:38px;} #content input#submitBtn {padding:0 0 5px;} #changePw #submitBtn:hover, #emailChange #submitBtn:hover, #resendActiv #submitBtn:hover, #pwLost #submitBtn:hover, #lostPasswordCode #submitBtn:hover, #login #submitBtn:hover, #subscribe .btn-big:hover, #register #submitBtn:hover, #captcha #submitBtn:hover, a.btn-big:hover, .contest-inner-content #submitBtn:hover {background-position:0 -38px; color:#FFF; text-decoration:none;} p#regLegend { color:#775555; font-size:11px; margin:8px 15px 0; text-align:right; } #content input[type=text], #content input[type=password] { border:1px solid #622400; } #content input[type=text]:focus, #content input[type=password]:focus { border:1px solid #943903; } #subscribe {margin:0 auto; width:287px;} #subscribe h3 {margin:20px 0 0; padding:0;} #subscribe p { font-size:12px; margin:15px 0; padding:0; } #activateAccount a { font-weight:bold; text-decoration:underline; } #activateBox { margin:0 0 20px; } #activateAccount h3#charCreationHeading { margin-top:40px; } #activateAccount a#charCreation { margin-top:30px; text-decoration:none; color:#DFBF8B; } #activateAccount a#charCreation:hover { color:#ffffff; } #steps { border:1px solid #622400; float:right; font-size:12px; padding:5px; width:190px; } #steps h3 {font-size:14px;} #steps ol {margin:10px; list-style:decimal inside none;} #steps ol li {margin:5px 0 0;} /*Progress Tracker*/ #progressTracker { height:100px; margin:0 auto; padding-left:10px; width:400px; } #progressTracker .step { background:url(/img/progressTracker.gif) no-repeat scroll 0 -45px; height:40px; font-size:18px; font-weight:bold; line-height:40px; margin:5px 0 0 -6px; text-align:center; text-shadow:1px 1px #DFD1AC; width:45px; } #progress1, #progress2 { background:url(/img/progress-inactive.gif) repeat-x scroll 0 20px; float:left; position:relative; width:177px; } #progress3{position:relative;} #progressTracker .progress-text { font-size:11px; font-weight:bold; left:-32px; position:absolute; text-align:center; top:50px; width:100px; } #progressTracker .inactive .progress-text, #progressTracker .inactive .step { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; } #progressTracker .inactive .progress-text {color:#4A1E00;} #progressTracker .inactive .progress-text a {color:#4A1E00;} #progress3 { float:left; width:45px; } #progressTracker .passed {background:url(/img/progress-active.gif) repeat-x scroll 0 20px;} #progressTracker .active .step { background-position:0 0; color:#4A1E00; font-size:25px; height:45px; line-height:45px; margin:0 0 0 -3px; width:45px; } #progressTracker .inactive .step {background-position:0 -45px;} /*Download Changes*/ .download-content-teaser { float: right; width: 178px; } #download h3 { background:none; color:#4A1E00; font-size:25px; line-height:25px; margin:0 15px; text-shadow:1px 1px #ECD4BA; } #download a#requirements { background:url("/img/ico-plus.gif") no-repeat scroll 0 0 transparent; color:#8D0404; cursor:pointer; display:block; font-size:15px; font-weight:bold; height:13px; line-height:12px; margin:15px 30px; text-decoration:none; text-shadow:1px 1px #ECD4BA; } #downloadText { font-size:12px; margin:15px auto; width:445px; } #download a#requirements:hover { text-decoration:underline;} #download h4:hover {background-position:0 -13px;} #download .download-button-2, #download .download-button-1 {float:left; margin:15px 25px;} #required { width:300px; margin:0 auto; display:none; } #required caption { font-size:12px; font-weight:bold; margin:0 0 10px; } #download .resourceTable { margin:15px auto; width:350px; } #news_compact ul { padding-bottom:0; margin-top:12px; text-align:left; } #news_compact li { padding-bottom:12px; } #news_compact li a { color:#7B1300; } #news_compact li h4 { float:right; font-weight:normal; color:#7B1300; margin-left:10px; } #news_compact li h3 { display:inline; margin-top:0; } #news_compact li p { padding-bottom:0; padding-top:2px; } #news_compact li a.news_link { text-decoration:none; } #news a { color:#7B1300; } #news td { padding:8px 12px 30px; background: url(/img/gallerybox-bg.jpg) no-repeat top left; } #news h3 { margin:0 0 8px; text-align:left; } #news p.message { padding-bottom:6px; } #news p.author { padding-bottom:0; color:#7B1300; } #news a.comment_link { display:block; float:right; margin-right:12px; text-align:right; } #news a.first_link { margin-right:0; display:block; float:right; text-align:right; } #news p.date { padding-bottom:0; color:#7B1300; } #news img { display:none; margin-top:8px; width:100px; } #news div { display:none; margin:0; padding:0; } #news div ul { margin:0; } #news div ul li { margin:12px 0 0; padding:0 8px 0 20px; } #news div ul h5 { display:inline; margin-bottom:2px; color:#7B1300; } #news div ul h6 { float:right; font-weight:normal; color:#7B1300; } #news div ul p { margin:0; padding:0; overflow:hidden; } #news #browse { width:100%; margin-top:20px; height:33px; background-image:url(/img/charlist-pager-bg.jpg); } #news #browse td { width:50%; background:transparent; padding:1px 0 0; } #news #browse a { margin:6px auto; padding:3px 0 0; width:106px; color:#DFBF8B; } #news #browse a#next { background:url(/img/charlist-pager-next.jpg) no-repeat top right; } #news #browse a#next span { padding-right:17px; } #news #browse a#prev { background:url(/img/charlist-pager-prev.jpg) no-repeat top left; } #news #browse a#prev span { padding-left:17px; } /* recruiting */ .recruitbox-1, .recruitbox-2, .recruitbox-4, .recruitbox-5 { min-height:155px; padding:7px 190px 7px 9px; width:282px; } .recruitbox-3 { min-height:155px; padding:7px 190px 7px 9px; width:480px; } .recruitbox-1 { background:url(/img/recruit/recruit_friends_bg_1_intro.jpg) no-repeat; } .recruitbox-2 { background:url(/img/recruit/recruit_friends_bg_2_your_code.jpg) no-repeat; } .recruitbox-3 { background:url(/img/recruit/recruit_friends_bg_3_status.jpg) no-repeat; } .recruitbox-4 { background:url(/img/recruit/recruit_friends_bg_4_sendmail.jpg) no-repeat; } .recruitbox-5 { background:url(/img/recruit/recruit_friends_bg_5_socials.jpg) no-repeat; } .recruit-inner-content { margin: 9px 0px 0px 0px; padding: 0 0 0px; } .recruit-inner-content h4{ background:url(/img/shadow-line.png) no-repeat bottom left; color: #7b1300; font-size:12px; padding-bottom:8px; margin:1px 0 0 0; } .recruit-inner-content p{ margin:5px 0 9px 0; } .recruit-inner-content label { display: block; font-size: 1.1em; font-weight: bold; } .recruit-inner-content input { width: 280px; display: transparent; border: none; height: 24px; padding-left: 3px; padding-right: 3px; padding-top: 2px; background: url('/img/recruit/recruit_friends_bg_input.png') no-repeat; } .recruit-inner-content textarea { width: 280px; display: transparent; border: none; height: 100px; padding-left: 3px; padding-top: 2px; background: url('/img/recruit/recruit_friends_bg_textarea.png') no-repeat; overflow:hidden; } #recruitMailForm #submitBtn { background:url('/img/recruit/recruit_friends_bg_sendmail_btn.png') no-repeat; border:none; color:#ffffff; cursor:pointer; height:48px; width:248px; font-size:18px; font-weight:bold; letter-spacing:0.01em; margin:0px auto; text-align:center; display:block; background-position: 0px 7px; } .recruit-status-th { height:26px; background:url('/img/recruit/recruit_friends_status_bg_th.png') no-repeat; } .recruit-status-th th, .recruit-status-tr td { vertical-align:middle; text-align: center; } .recruit-status-tr { height:25px; background:url('/img/recruit/recruit_friends_status_bg_tr.png') no-repeat; } .recruit-inviteLink { width: 280px; height: 24px; display: block; border: none; padding-left: 3px; padding-top: 0px; background: url('/img/recruit/recruit_friends_bg_input.png') no-repeat; } #recruitSocialForm #inviteLink { background:none; width:270px; overflow: hidden; height:22px; } .recruit-facebook { display: block; background:url('/img/recruit/recruit_friends_bg_btn_facebook.png') no-repeat; width: 132px; height: 26px; margin-top:5px; margin-right:15px; float:left; } .recruit-twitter { display: block; background:url('/img/recruit/recruit_friends_bg_btn_twitter.png') no-repeat; width: 132px; height: 26px; margin-top:5px; float:left; } .recruit-headline { position:relative; top:60px; left:140px; width:192px; height:30px; text-align:center; font-weight:bold; color:#660000; font-size:18px; } .recruit-code { position:relative; top: 50px; left: 140px; width:185px; height:34px; background:url('/img/recruit/recruit_friends_bg_code_field.png') no-repeat; text-align: center; font-weight: bold; padding-left:2px; padding-top:3px; } #recruitCode { color:#000000; font-size:13px; font-weight:bold; background:none; text-align: left; width: 169px; } .recruit-inner-content th, .recruit-inner-content td { padding-right: 10px; } .recruit-del { background: url('/img/recruit/recruit_friends_delete_btn.png') no-repeat; width: 21px; height: 21px; display: block; } .editalias { cursor: pointer; } #creation div.inner-content { margin:4px 15px 0 0; } #creation h3 { font-size:14px; padding:11px; text-align:center; color:#7b1300; height:33px; background:url('/img/charlist-pager-bg.jpg') no-repeat; } #creation div.inner-content.notAllowed { background:url('/img/community_dragon_bg.jpg') no-repeat; min-height:155px; padding:7px 190px 7px 9px; width:282px; margin:9px 25px 0 0; } #creation div.inner-content.notAllowed h3 { background:none; padding:0; text-align:left; font-size:12px; height:auto; margin:10px 0; } #creation #progressTracker { height:90px; margin:16px auto 0; width:420px; padding:0; } #creation #progressTracker a.step { display:block; color:#4a1e00; text-decoration:none; } #creation div.jobs { overflow:auto; } #creation div.jobs div.job { float:left; height:81px; width:115px; margin:0 0 0 4px; } #creation div.jobs div.job0 { background:url('/img/creation/job_0_small.png') no-repeat; } #creation div.jobs div.job1 { background:url('/img/creation/job_1_small.png') no-repeat; } #creation div.jobs div.job2 { background:url('/img/creation/job_2_small.png') no-repeat; } #creation div.jobs div.job3 { background:url('/img/creation/job_3_small.png') no-repeat; } #creation div.jobs div.job p { margin:59px 1px 0; font-size:14px; padding:3px 0 4px; text-align:center; color:#bbb; border-top:solid 1px #bbb; background:url('/img/creation/job_bg.png'); } #creation div.jobs div.job.active p { font-weight:bold; color:white; } #creation div.jobDescription p { display:none; } #creation div.jobDescription p.active { display:block; margin:20px 20px 0; min-height:100px; } #creation div.genders div { display:none; } #creation div.genders div.active { display:block; overflow:auto; } #creation div.genders div img { display:none; } #creation div.genders div img.active { display:inline; } #creation div.genders a { float:left; width:232px; display:inline-block; text-decoration:none; text-align:center; color:black; font-weight:bold; } #creation div.serverAndName { background:100% 100% no-repeat; min-height:370px; width:470px; padding:20px 0 0 0; } #creation div.completed div { background:100% 100% no-repeat; min-height:350px; padding:40px 0 0 0; width:470px; } #creation div.serverAndName.job0, #creation div.completed.job0 div { background-image:url('/img/creation/job_0.png'); } #creation div.serverAndName.job1, #creation div.completed.job1 div { background-image:url('/img/creation/job_1.png'); } #creation div.serverAndName.job2, #creation div.completed.job2 div { background-image:url('/img/creation/job_2.png'); } #creation div.serverAndName.job3, #creation div.completed.job3 div { background-image:url('/img/creation/job_3.png'); } #creation div.serverAndName.job4, #creation div.completed.job4 div { background-image:url('/img/creation/job_4.png'); } #creation div.serverAndName.job5, #creation div.completed.job5 div { background-image:url('/img/creation/job_5.png'); } #creation div.serverAndName.job6, #creation div.completed.job6 div { background-image:url('/img/creation/job_6.png'); } #creation div.serverAndName.job7, #creation div.completed.job7 div { background-image:url('/img/creation/job_7.png'); } #creation div.serverAndName h4, #creation div.completed h4 { float:left; padding:10px 10px 0 40px; min-width:85px; } #creation div.serverAndName p.check, #creation div.completed p.check { background:url('/img/ok.gif') 0 7px no-repeat; margin:0 0 0 10px; padding:10px 0 20px 0; } #creation div.completed p { margin:0 10px; } #creation div.completed p.small { background:none; width:220px; margin:35px 0 0 10px; text-align:left; } #creation div.completed a { background: url('/img/btn-big.jpg') no-repeat; border:none; color:#dfbf8b; cursor:pointer; display:block; font-size:18px; font-weight:bold; height:38px; letter-spacing:0.01em; line-height:36px; margin:10px 0 25px 8px; text-align:center; text-shadow:-1px -1px #000000; width:287px; text-decoration:none; } #creation div.completed a:hover { background-position:0 -38px; color:#ffffff; } #creation div.serverAndName form { margin:60px 0 0 10px; } #creation div.serverAndName label { color:#4a1e00; display:block; font-size:12px; font-weight:bold; margin:0 0 5px; } #creation div.server, #creation div.name { margin:10px 0; } #creation div.serverAndName select { background:url('/img/form-input-bg.gif') repeat-x; width:208px; height:22px; border:solid 1px #622400; color:#534236; font-size:16px; font-weight:bold; height:32px; padding:5px 10px; width:286px; } #creation div.serverAndName input { background:url('/img/form-input-bg.gif') repeat-x; width:208px; height:22px; border:solid 1px #622400; color:#534236; font-size:16px; font-weight:bold; height:20px; padding:5px 10px; width:265px; } #creation #submit { background: url('/img/btn-big.jpg') no-repeat; border:none; color:#dfbf8b; cursor:pointer; display:block; font-size:18px; font-weight:bold; height:38px; letter-spacing:0.01em; line-height:normal; margin:25px 0; text-align:center; text-shadow:-1px -1px #000000; width:287px; } #creation #submit:hover { background-position:0 -38px; color:#fff; text-decoration:none; } /* Comicevent */ .btn-big.togallery { margin: 30px auto; } .btn.awards { margin: 2px auto 10px; } ul.rules li { background: url(/img/bullet.gif) 0 2px no-repeat; padding: 3px 25px 5px; } #screenshots div { width: 116px; float: left; text-align: center; } #screenshots.comic a { color: #fff; position: relative; line-height: 25px; } #screenshots.comic span { background: url(/img/votes.png) no-repeat; color: #000; font-weight: bold; font-size: 12px; display: block; height: 25px; position: absolute; top: 55px; left: 4px; text-align: center; width: 100px; } #screenshots a {text-decoration:none;} #screenshots img { max-height: 75px; max-width: 100px; } a.comic_detail { position: relative; max-height: 200px; max-width: 300px; } .comic_detail img { border: 2px solid #573706; max-height: 200px; max-width: 300px; margin: 0 auto 10px; } .comic_detail span.zoom { background: url(/img/detail.png) no-repeat; display: block; left: 225px; height: 50px; position: absolute; top: 80px; width: 50px; } p.awards { padding: 10px 10px 15px; } p.votes { font-size: 14px; text-align:center; } p.votes span { background: url(/img/votes.png) no-repeat left 2px; height: 20px; line-height: 20px; margin: 0 0 10px 0; padding: 5px 0 10px 26px; } #page .vote_btn { margin-top: 10px; } p.advice { border: 2px solid #7B1300; border-radius: 5px; color: #7B1300; font-size: 14px; margin: 10px auto; padding: 10px; text-align: center; width: 300px; } p.advice a { color: #7B1300; } p.social { font-size: 12px; font-weight: bold; margin: 10px auto; width: 300px; } p.social span { float: left; line-height: 30px; } a.facebook, a.twitter { background: url(/img/facebook-icon.png) no-repeat; float: left; margin: 0 0 0 10px; height: 30px; width: 30px; } a.twitter {background-image: url(/img/twitter-icon.png);} a.back_link { color: #000; float: left; padding: 10px 0 25px 10px; text-decoration: none; width: 500px; } a:hover.back_link {text-decoration:underline;} #fancybox-title { color: #fff !important; font-size: 14px !important; font-weight: bold !important; } #tip7-title span.votes { display: block; height: 25px; line-height: 21px; text-align: right; width: 100%; } #tip7-title span.votes img { float: right; margin: 0 0 0 5px; } #tip7-title p { padding: 10px 0 15px; text-align: left; } #tip7-title .btn-big { margin-bottom: 0; } /* Comicevent end*/ /* Cos-Play Start*/ .contest-inner-content p { padding:10px 40px 10px 32px; width:420px; text-align:justify; } .inner-form-box p { padding:10px 0px 10px 0px; width:398px; } .inner-form-box h5 { font-weight:bold; font-size:12px; margin-bottom:5px; } .inner-form-box h6 { color:#000; font-weight:normal; font-size:12px; margin-bottom:5px; } .inner-form-box img { float:right; padding:20px auto; } .inner-form-box label { display:block; color:#4a1e00; font-size:12px; font-weight:bold; margin:6px 0 2px 0; } p.cosplayDoneOk { width:340px; text-align:justify; padding:20px 0; float:left; } p.cosplayDoneNo { width:280px; text-align:justify; padding:20px 10px; float:left; } img.cosplayDone { float:left; padding:0 0 20px 0; height:250px; } /* Cos-Play End*/ /* phishing page start */ .highlighted { color:#000000 !important; font-weight:bold !important; font-style:normal !important; } .securitybox-info { background: url("/img/securitybox.jpg") no-repeat scroll 0 0 transparent; min-height: 120px; padding: 7px; position: relative; width: 467px; } .securitybox-info p { width: 280px; } .securitybox { background: url("/img/empire-box-bg.jpg") no-repeat scroll 0 0 transparent; min-height: 90px; padding: 7px; position: relative; width: 467px; } .securitybox p{ width:467px; } .securitybox ul { list-style-type: square; padding-left: 15px; } /* phishing page end */ /* Servermerge Start */ .smfaqunderline { background: url("/img/shadow-line.png") no-repeat scroll left bottom transparent; color: #7B1300; font-size: 11px; margin: 2px 0 0; padding-bottom: 8px; } .smfaqbox { background:url("/img/smfaqbox.jpg") no-repeat scroll 0 0 transparent; min-height: 169px; padding: 7px 190px 7px 9px; width: 465px; } .smfaqlinks { background: url("/img/smfaqlinks.png") no-repeat scroll -3px 3px transparent; margin-left: 9px; padding-left: 24px; } .smserverselect { position: relative; float:left; } .smserverselect a { margin-bottom: 10px; } .smserverselect a:hover { text-decoration:none; } .smserverselectold1 { position: absolute; color: black; text-align:center; width: 130px; left: 10px; top: 10px; } .smserverselectold2 { position: absolute; color: black; text-align:center; width: 130px; left: 10px; top: 23px; } .smserverselectold3 { position: absolute; color: black; text-align:center; width: 130px; left: 10px; top: 36px; } .smserverselectold4 { position: absolute; color: black; text-align:center; width: 130px; left: 10px; top: 49px; } .smserverselectnew1 { position: absolute; font-size:14px; font-weight:bold; color:#FEF6AA; left: 175px; top: 30px; } /* Servermerge End */ /* ############################ #### HELPER CLASSES ############################ */ .clearfix:before, .clearfix:after { content: ""; display: table; } .clearfix:after { clear: both; } .clearfix { zoom: 1; } .clearfloat {font-size:1px;clear:both; height:0;}