@charset "utf-8";

body { background-color:#fff; margin:0; padding:0; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/common/body_bg.jpg) repeat-y center; }
body, table, tr, td, select, input, textarea, div { font-family:arial; font-size:12px; color:#4B4B4B; }
table { border-collapse:collapse; border-spacing:0; }
em, cite, address, dfn, var { font-style:normal; }
form, p, div { margin:0px; }
img { border:0; }

a { text-decoration:none; color:#4B4B4B; }
a:hover, a:active, a:focus { text-decoration:underline;}

div.page { position:relative; float:left; width:100%; height:auto; min-width:987px; z-index:0; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/signup/page_signup_bg.jpg) no-repeat center top; }


/* Main Logo */
div.main_logo { position:relative; width:987px; margin:0 auto;}
div.logo_link { position:absolute; width:235px; height:85px; cursor:pointer; }
div.logo_link { left:375px; top:85px; }

div.main { position:relative; width:987px; height:auto !important; margin:250px auto 0; padding-bottom:50px; }

div.footer { position:relative; clear:both; width:100%; min-width:987px; margin-top:10px; }
div.footer div.info { width:100%; height:43px; line-height:43px; text-align:center; color:#242424; border-bottom:none; }
div.footer div.info a { color:#646464; }
div.footer p { width:993px; height:auto; margin:0 auto; }
div.bottombg_wrap { position:relative; clear:both; width:100%; min-width:987px; height:0px; z-index:-1; }


/* Main Contents Wrap */
div.main div.container { float:left; padding:0; margin:0; padding-bottom:40px; }
div.main div.container div.left_wrap, div.main div.container div.center_wrap, div.main div.container div.right_wrap, div.main div.container div.content_wrap { float:left; height:auto !important; overflow:hidden; }
div.left_wrap { width:490px; }
div.content_wrap { width:490px; padding-bottom:40px;}
/* Main Contents Wrap */


/* Left_Wrap */
div.movie { margin-top:22px; margin-left:22px; width:461px; height:305px;}
div.movie img.prev { position:absolute; top:144px; left:-9px; }
div.movie img.next { position:absolute; top:178px; left:-9px; }

div.features { margin-left:20px; margin-top:12px; }
div.features .header { position:relative; width:463px; height:40px; border-bottom:1px solid #7a7a7a; background:#4b4b4b url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/signup/feat_bg.gif) no-repeat; }
div.features .header img.prev { position:absolute; top:8px; right:38px; }
div.features .header img.next { position:absolute; top:8px; right:9px; }
div.features #feat_bg { width:463px; height:370px; background:url(//onnetus.gamescampuscdn.com/ImageWeb/shotonline/signup/feat_1.jpg) top left no-repeat; }
/* Left_Wrap */


/* Content_Wrap */
div.content_wrap { min-height:600px; }
div.sign { clear:left; float:left; margin-top:80px; margin-left:15px; padding-top:5px; width:447px;height:544px; text-align:center; z-index:2; background-color:#ebebeb; }
/* Content_Wrap */


/* Signup */
.signup_content_wrap { clear:left; float:left; width:437px; height:400px; margin:5px 7px 0 5px; background:#ffffff; }
.signup_content_wrap a { color:#369D18; text-decoration:underline; }
.signup_content_wrap div p { margin-left:15px; }
.signup_content_wrap div p em { font-weight:bold; color:#369D18; }
.signup_content_wrap .title { width:100%; height:40px; line-height:40px; border-bottom:1px solid #E1E1E1; font-size:12pt; }
.signup_content_wrap .info { width:100%; height:40px; line-height:40px; }

.signup_content_wrap table { width:100%; height:auto; border:none; border:1px solid #c8c8c8; margin-bottom:6px; }
.signup_content_wrap table th { width:125px; border:none; border-bottom:1px solid #c8c8c8;border-right:1px solid #c8c8c8; background-color:#FAFAFA; text-align:left; vertical-align:top; padding:5px 0; }
.signup_content_wrap table td { min-height:38px; border:none; border-bottom:1px solid #c8c8c8; text-align:left; padding:2px 0; }
.signup_content_wrap table th p { margin-left:10px; line-height:20px; font-size:8pt; }
.signup_content_wrap table th p b { margin:3px; color:#FF0000; }
.signup_content_wrap table td p { float:left; width:250px; margin-left:10px; padding:5px; background-color:#F7F7F7; border:1px solid #D3D3D3; }
.signup_content_wrap table td input { margin-left:5px; width:295px; height:20px; background-color:#F0F0F0; border:1px solid #D3D3D3; }

.signup_content_wrap table td div.vcode { float:left; width:292px; max-height:35px; margin-left:5px; margin-top:5px; padding:0; background-color:#E1E1E1; }
.signup_content_wrap table td div.vcode img { float:left; width:100px; height:35px; margin:0; padding:0; }
.signup_content_wrap table td div.vcode input.verif { clear:none; float:right; width:178px; height:22px; margin:5px; border:1px solid #FFFFFF; background-color:#ACACAC; }
.signup_content_wrap table td div.vcode_msg  { clear:left; padding-left:5px; line-height:16px; color:#888888; background-color:#FAFAFA; }
.signup_content_wrap table td div.vcode_refresh  { padding-left:200px;padding-bottom:10px; background-color:#FAFAFA; }
.signup_content_wrap table td a.refresh { line-height:14px; text-decoration:underline; color:#369D18; }

.signup_content_wrap table td input.rad { width:18px; height:14px; background-color:#FFFFFF; border:0px; }
.signup_content_wrap table td .msg { clear:left; margin-left:5px; line-height:18px; color:#888888; }
.signup_content_wrap table td .verifi_wrap { position:relative; float:left; margin:0px; padding:0px; }
.signup_content_wrap table td .qsize { margin-left:5px; width:295px; }
.signup_content_wrap table .hsize { height:40px; }
.signup_content_wrap table .hsize2 { height:65px; }

.signup_content_wrap div.desc { margin:15px; }
.signup_content_wrap div.btns { text-align:center; margin-bottom:0px; }

#frmRegister input:focus { border: 1px dotted black; background-color:#F0F0F0; }
#frmRegister input.error { border: 1px dotted red; background-color:#E6C2C1; }
#frmRegister label.error { float: none; color: red; padding-left: .5em; vertical-align: top; font-size:8pt; }
#frmRegister label.success { color:Blue; }
/* Signup */

/* Download */
.download_content_wrap { clear:left; float:left; width:437px; height:490px; margin:5px 7px 0 7px; background:#FFFFFF;) top center no-repeat; }
.download_content_wrap .message { background-color:#F5F5F5; padding-bottom:15px; border-bottom:1px solid #C8C8C8; }
.download_content_wrap .message h1 { margin:15px 0 0 16px; font-size:14px; text-align:left; }
.download_content_wrap .message p.main { width:405px; margin:20px 0 0 16px; text-align:left; }
.download_content_wrap .message p.main a { color:#cf6914; font-size:11px; font-weight:bold; font-family:Arial; text-decoration:underline; } 

.download_content_wrap .download { padding-top:20px; }
.download_content_wrap .download input[type=button] { width:120px; height:40px; line-height:40px; background-color:Gray; border:none; color:#ffffff; font-weight:bold; cursor:pointer; }
.download_content_wrap .download .btn_bottom { margin:15px 119px; width:200px; height:45px; padding:5px 0 10px 0; cursor:pointer; border:none; color:#ffffff; font-size:14px; font-weight:bold; background:url(//onnetus.gamescampuscdn.com/ImageWeb/driftcity/signup/btn.gif) no-repeat; }
.download_content_wrap .download a { color:#cf6914; font-size:11px; font-weight:bold; font-family:Arial; text-decoration:underline; }

.download_content_wrap .link { text-align:left;padding-left:16px; }
.download_content_wrap .link a { color:#cf6914; font-size:11px; font-weight:bold; font-family:Arial; text-decoration:underline; }
/* Download */