/*** background ***/
html { background: #000; }
.main-background { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/main-background3.jpg) no-repeat center top; overflow: hidden; height: 1505px; }
.bg-subbackground { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-subbackground.jpg) no-repeat center top; overflow: hidden; height: 1260px; }
.info-content { overflow: hidden; margin: 0 auto; width: 851px; overflow: hidden; }
.info-content #content-top { clear: both; height: 260px; }
.info-content #content { clear: both; overflow: hidden; }
.info-content #winner { clear: both; overflow: hidden; }
.info-content .bg-hazard { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-hazard.png) center top no-repeat; height: 41px; clear: both; }
.info-content .bg-hazard #btn-rules { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/btn-rules.jpg) no-repeat; height: 41px; width: 195px; margin: 0 auto; display: block; cursor: pointer; }
.info-content .bg-hazard #btn-rules:hover { background-position: left bottom; }
.info-content #content h2.hdr-howto { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/hdr-howto.png) center 30px no-repeat; height: 64px; margin: 0 0 30px; }
.info-content #content ul#howto { overflow: hidden; }
.info-content #content ul#howto li { width: 205px; padding; float: left; height: 415px; padding: 90px 25px 0; margin: 0 14px 30px; overflow: hidden; }
.info-content #content ul#howto li h3 { text-align: center; font: bold 16px/20px Arial; color: #fff; margin: 0 0 20px; }
.info-content #content ul#howto li p { text-align: center; font: 16px/20px Arial; color: #919191; margin: 0 0 20px; }
.info-content #content ul#howto li a.btn-registernow { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/btn-registernow.png) no-repeat; height: 41px; width: 195px; display: block; margin: 0 auto 20px; }
.info-content #content ul#howto li a.btn-registernow:hover { background-position: left bottom; }
.info-content #content ul#howto li.bg-howtocol1 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-howtocol1.png) no-repeat; }
.info-content #content ul#howto li.bg-howtocol2 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-howtocol2.png) no-repeat; }
.info-content #content ul#howto li.bg-howtocol3 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-howtocol3.png) no-repeat; }
.info-content #content h2.deny { width: 760px; margin: 0 auto; font: 16px/24px Arial; color: #fff; text-align: center; margin: 50px auto; }
.info-content #content h2 a { color: #16afde; }
.info-content #content form { width: 850px; overflow:hidden; margin: 0 auto; }
.info-content #content form p.req { text-align: center; font: 12px/20px Arial; color: #919191; }
.info-content #content form ul { list-style: outside none; }
.info-content #content form ul li.row { padding: 7px 0; width: 380px; margin: 0 auto; }
.info-content #content form ul li.disclaimer { width: 95px; }
.info-content #content form ul li.disclaimer input { width: 15px; }
.info-content #content form ul li.disclaimer label { width: 60px; }
.info-content #content form ul li label { display: inline-block; font: 12px/20px Arial; text-align: right; width: 130px; padding: 0 5px; color: #919191; }
.info-content #content form ul li input { font: 11px Arial; color: #fff; padding: 3px; width: 225px; background: #121718; border: 1px solid #0a3947; }
.info-content #content form .bg-hazard { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-hazard.png) center top no-repeat; height: 41px; clear: both; }
.info-content #content form a.btn-submit{ background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/btn-submit.png) no-repeat center top; width: 195px; height: 41px; margin: 0 auto; display: block; cursor: pointer; }
.info-content #content form a.btn-submit:hover { background-position: center bottom; }
.info-content #content form .error { float: right; padding: 10px; background: #4f0000; border: 1px solid #8e2501; margin: 40px 30px 0 0; border-radius: 5px; -moz-border-radius: 5px; }
.info-content #content form .error ul { color: #fff; list-style: inside disc; font-weight: bold; width: 210px; }
.lnkHome a#lnkLogo { display: block; height: 115px; width: 320px; margin: 0 auto 344px; }
.bg-media { overflow: hidden; height: 265px; margin: 0; }
.bg-media .video { width: 310px; height: 175px; float: left; }
.lbcontent .video { margin: 0 0 10px; }
.lbcontent .video embed { height: 360px; width: 645px; }
.lbcontent .close { float: right; }
.bg-media .bg-trailer { width: 310px; height: 175px; margin: -3px 0 0 -7px; }
.bg-media #bg-trailer { position: absolute; width: 310px; height: 175px; cursor: pointer; z-index: 4; background: url(http://images-cdn.perfectworld.com/en/fw/storms/bg-transparent.png) repeat; }
.info-content #content-top .btns-action { float: left; width: 230px; overflow: hidden; height: 255px; margin: 0 2px; }
.info-content #content-top .btns-action a.btn-howto { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/btn-howto2.jpg) no-repeat; height: 83px; width: 205px; display: block; margin: 12px; }
.info-content #content-top .btns-action a.btn-winnerslist { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/btn-winnerslist.png) no-repeat; height: 83px; width: 205px; display: block; margin: 12px; }
.info-content #content-top .btns-action a.btn-howto:hover { background-position: left bottom; }
.info-content #content-top .btns-action a.btn-winnerslist:hover { background-position: left bottom; }
.info-content #content-top .btns-action a.btn-gohome { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/btn-gohome.png) no-repeat; height: 31px; width: 204px; display: block; margin: 27px 12px 0; }
.info-content #content-top .btns-action a.btn-gohome:hover { background-position: left bottom; }
.bg-media .thumbnail { float: left; }
.bg-media #arrows { width: 150px; height: 15px; margin: 22px auto 0; }
.bg-media .thumbnail .arrow { width: 7px; height: 13px; cursor: pointer; background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/ico-arrows.png) no-repeat; }
.bg-media .thumbnail #top-arrow { float: left; background-position: left top; }
.bg-media .thumbnail #top-arrow:hover { float: left; background-position: left bottom; }
.bg-media .thumbnail #bottom-arrow { float: right; background-position: right top; }
.bg-media .thumbnail #bottom-arrow:hover { float: right; background-position: right bottom; }
.bg-media .thumbnail ul { height: 170px; overflow: hidden; position: relative; clear: both; margin: 3px; width: 300px; }
.bg-media .thumbnail li { width: 100%; height: 100%; float: left; }
.bg-media .thumbnail a, .bg-media .thumbnail div.sprite-thumbnail { cursor: pointer; display: block; height: 100%; width: 100%; display: block; }
.bg-media .thumbnail a.s0 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/screenshots/thumb/s0.png) no-repeat; }
.bg-media .thumbnail a.s1 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/screenshots/thumb/s1.png) no-repeat; }
.bg-media .thumbnail a.s2 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/screenshots/thumb/s2.png) no-repeat; }
.info-content h2.hdr-enterinfo { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/hdr-enterinfo.png) center top no-repeat; height: 34px; margin: 20px 0 10px; }
.info-content h2.hdr-winnerslist { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/hdr-winnerslist.png) center top no-repeat; height: 34px; margin: 20px 0 40px; }
.info-content #content-bot p { font: 14px/20px Arial; color: #919191; }
.info-content #content-bot #features.bg-features { clear: both; height: 275px; background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-features.png) no-repeat; padding: 20px 0 0 350px; margin: 20px 0; }
.info-content #content-bot #features h2.hdr-info { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/hdr-info.png) center top no-repeat; height: 34px; margin: 0 0 10px; }
.info-content #content-bot #features p { font: 12px/15px Arial; margin-bottom: 10px; }
.info-content #content-bot #features a { color: #16afde; }
.info-content #content-bot #features a:hover { text-decoration: none }
.info-content #content-bot #blogs { clear: both; overflow: hidden; margin: 20px 0; }
.info-content #content-bot #blogs h2.hdr-blogs { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/hdr-blogs.png) center top no-repeat; height: 34px; margin: 0 0 20px; }
.info-content #content-bot #blogpost { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-blog2.png) no-repeat; height: 217px; width: 376px; float: left; margin: 0 14px; padding: 10px; }
.info-content #content-bot #blogpost img { float: left; margin: 5px 10px 10px 0px; }
.info-content #content-bot #blogs h3 a { font: bold 18px/26px Arial; color: #16afde; }
.info-content #content-bot #blogs h3 a:hover { text-decoration: none; }
.info-content #content-bot #blogs p { font: 14px/20px Arial; color: #919191; }
.info-content #content-bot #blogs p a { color: #16afde; }
.info-content #content-bot #blogs .bg-blogs { height: 120px; width: 180px; display: block; float: left; margin: 5px 10px 5px 0; display: block; }
.info-content #content-bot #blogs .bg-blogs.post1 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-blogs.jpg) left top no-repeat; }
.info-content #content-bot #blogs .bg-blogs.post2 { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/bg-blogs.jpg) right bottom no-repeat; }
.info-content #winner ul#winners { overflow: hidden; width: 632px; margin: 0 auto; }
.info-content #winner ul#winners li { float: left; width: 120px; font: 12px Arial; color: #919191; text-align: center; padding: 10px 0; }
.info-content #winner ul#winners li.date { border-left: 1px solid black; border-right: 1px solid black; }
.info-content #winner ul#winners li.name { width: 390px; }
.info-content #winner ul#winners li.odd { background: #121718; }
.info-content #winner ul#winners li.even { background: #202326; }
.info-content #winner ul#winners li.hdr { background-color: #16242c; background-image: -moz-linear-gradient(top, #304f61, #16242c); background-image: -webkit-linear-gradient(top, #304f61, #16242c); background-image: -ms-linear-gradient(top, #304f61, #16242c); filter: pogid:DXImageTransform.Microsoft.gradient(startColorstr='304f61', EndColorStr='#16242c'); padding: 5px 0; text-align: center; font: bold 11px Verdana; color: #fff; }
.info-content a.btn-return { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/btn-return.png) no-repeat center top; height: 41px; width: 331px; display: block; margin: 0 auto; border-left: 10px solid black; border-right: 10px solid black; }
.info-content a.btn-return:hover { background-position: center bottom; }
/*** terms ***/
.frame-container { width: 500px; overflow: hidden; color: #919191; margin: 10px auto; border: 1px solid #0a3947; background: #121718; }
#scrollerControls { width: 21px; height: 256px; float: right; margin-right: 1px; }
#scrollerUpBtn { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar.png) 0 0; width: 21px; height: 23px; }
#scrollerScrollBar { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar.png) 0 -23px; width: 21px; height: 208px; }
#scrollerScrollBlock { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar.png) 0 -254px; width: 21px; height: 12px; }
#scrollerDownBtn { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar.png) 0 -232px; width: 21px; height: 22px; }
#winner .frame-container { width: 648px; overflow: hidden; color: #919191; margin: 20px auto 55px; border: 1px solid #0a3947; background: #121718; }
#winner #scrollerControls { width: 21px; height: 475px; float: right; margin-right: 1px; }
#winner #scrollerContainer { height: 475px; overflow: hidden; width: 620px; display: inline-block; margin: 0; }
#winner #scrollerUpBtn { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar2.png) 0 0; width: 21px; height: 23px; }
#winner #scrollerScrollBar { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar2.png) 0 -23px; width: 21px; height: 430px; }
#winner #scrollerScrollBlock { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar2.png) 0 -472px; width: 21px; height: 10px; }
#winner #scrollerDownBtn { background: url(http://images-cdn.perfectworld.com/en/blacklight/30days/spritesheet-scrollbar2.png) 0 -450px; width: 21px; height: 22px; }
#scrollerContainer { height: 235px; overflow: hidden; width: 450px; display: inline-block; text-align: left; margin: 10px; color: #919191; font: 11px/15px Arial; }
#scrollerContainer h3 { text-align: center; font-weight: bold; margin: 0 0 5px; }
#scrollerContainer p { margin: 0px 0px 10px; }
#scrollerContainer a { color: #16afde; }