* {margin:0; padding:0;}
html,body {font-family:Trebuchet MS, Helvetica, Sans-Serif; color:#434343; font-size:11px; height:100%; background:#ececec}
.wrapper {width:748px; margin:auto; position:relative}
h1, h2, h3, h4, h5, ul, li, table, form{margin:0; padding:0; list-style:none}
.clear {clear:both; line-height:0; height:0; font-size:0}
.border_h {height:1px; background:url(/images/dotted_h.gif) repeat-x}
a { cursor:pointer}
select {font-size:11px; padding:2px}
input.checkbox, input.radio {margin:0 2px; float:left}
html>body input.checkbox, html>body input.radio {margin:3px 5px}
input.txt {border:1px solid #b5b5b5; padding:3px; font-size:14px}
select {border:1px solid #b5b5b5; padding:3px; font-size:14px}
.block { display:block; padding:5px 0}
.center { text-align:center}
.page404 {line-height:25px}
a img {border:none}

a.btn {background:#fff url(/images/submenu_btn.gif) no-repeat 0 -90px; padding-left:16px; font-size:14px;color:#434343; text-decoration:none; line-height:25px; float:left; white-space:nowrap; margin:0px 5px 0 0; }
a.btn span {float:left; font-size:12px; font-weight:bold}
a.btn .tail{background:#fff url(/images/submenu_btn.gif) no-repeat right -90px; padding: 0 3px 0 10px}
a.btn:hover {background-position: 0 -120px}
a.btn:hover .tail{background-position:right -120px}
a.btn .no_icon {padding-left:2px}


#top {background:#fff; height:100px; overflow:hidden}
#top .logo {background:url(/images/login/logo.gif) no-repeat; width:94px; height:32px; float:left; margin-top:55px}
#top .logo_title {color:#a2a2a2; font-size:13px; line-height:60px; font-weight:bold}
#top .logo_title {float:right; margin-top:50px}

/*--- main ---*/
#main {background:#ececec; padding:10px 0; position:relative}
.mainbox {background:url(/images/login/boxbg_w.gif) repeat-y}
.mainbox .maincontent {padding:6px 20px}
.mainbox .mainbox_top {background:url(/images/login/boxtop_w.gif) no-repeat; height:12px; line-height:0; font-size:0 }
.mainbox .mainbox_bottom {background:url(/images/login/boxbottom_w.gif) no-repeat; height:12px; line-height:0; font-size:0 }
.mainbox .loginbox {padding:20px; position:relative}
.mainbox h1 {font-size:18px; padding-bottom:5px}

.loginbox .content {padding:20px 0}
.loginbox label.title {font-size:12px; font-weight:bold; display:block}
.left_col {float:left; width:320px}
.right_col {float:right; width:327px}
.left_col p{color:#8b8b8b; font-size:14px; font-weight:bold; padding-bottom:20px}
.loginbox a.icon_forget {float:right; margin-right:15px; line-height:20px}
.loginbox a.icon_forget, .loginbox a.icon_forget span, .loginbox a.icon_forget:hover .icon { color:#434343; text-decoration:none}
.loginbox a.icon_forget:hover span { text-decoration:underline}
.icon_forget .icon{background:url(/images/header_icon_w.gif) no-repeat 0px -200px; height:20px; width:20px; float:left; margin-top:0;margin-right:2px; text-decoration:none}
.regnow {float:left}
.regnow, .regnow a {font-size:11px; color:#8b8b8b}
/*--- message ---*/
.error_msg { display:block; color:#e65566; font-size:11px; margin-bottom:5px; line-height:20px}
.icon {float:left; height:20px; width:20px; background:url(/images/main_icon.gif) no-repeat left top; margin-right:5px}
.icon_error { background-position: left -120px}
.note {color:#8b8b8b; font-size:11px; display:block; line-height:14px; width:auto; text-align:justify}
.note img { vertical-align:middle}
.note u { text-decoration:underline; color:#434343}

#footer {color:#586264; font-size:11px; font-weight:bold; text-align:center}

.page404 .title { line-height:18px}
.page404_list li { list-style:disc; list-style-position:inside; color:#d2040e}
.page404_list li a, .page404_list li span { color:#434343}
.page404_list li a:hover {color:#d2040e}
 
.opus_error .title{width:670px;padding:100px 0;text-align:center;line-height:17px}
.opus_error .title img{margin-bottom: 3px;vertical-align: bottom;}