@import url(../../css/lightbox/login_01.css);

body { font-size: 75%; color: #404040; }

a { color: #3e5da0; text-decoration: none; }
a:hover { text-decoration: underline; }
#wrap_header { background: url(../pics/wrap_header_bg.jpg) repeat-x; }
#wrap_header_aux, #wrap_header_aux_hover, #header { background: url(../pics/header_bg.jpg) no-repeat center bottom; }
.arrow_icon { vertical-align: middle; cursor: pointer; }
a.opacity { color: white; height: 20px; *display: block; filter:alpha(opacity=50);-moz-opacity: .50;opacity: .50; }
a.opacity:hover{ filter:alpha(opacity=100); -moz-opacity: 1.0;opacity: 1.0; padding: 0; }
#header { width: 960px; position: relative; padding-top: 10px; height: 490px; color: #FFF; position: relative; }
#header .menu { position: absolute; top: 67px; left: 10px; width: 950px; }
#header .menu li { float: left; display: inline; padding: 0 8px 0 0; margin: 0; }
#header .menu li a { font-size: 16px; color: #fff; text-decoration: none; padding: 7px 12px; display: block; }
#header .menu li a:hover { text-decoration: none; cursor: pointer; }
#header .menu li.active a, #header .menu li a:hover { color: #fff; background:  url(../pics/menu_bg.png); -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }
#header .menu li.active a, #header .menu li.active a:hover { background:  url(../pics/menu_acrive_bg.png); cursor: default; }
#header #logo { float: left; margin: 18px 0 0 11px; }
#header #logo a:hover, .lang_info a:hover { padding: 0; }
.info_panel { float: right; margin-top: 20px; text-align: right; }
.info_panel .login a { font-size: 15px; color: #fff; text-decoration: none; }
.top_objects { position: absolute; z-index: 10px; width: 960px;  }
.lang_info { width: 300px; position: relative; text-align: right; list-style-type: none; margin-bottom: 5px; font-size: 13px; line-height: 1.7em; }
.lang_info li { line-height: 1.7em; color: #000; font-size: 13px; list-style-position: outside; white-space: nowrap; text-align: left; margin: 0; }
.lang_info li a { text-align: right; text-decoration: none; display: block; cursor: pointer; }
#wrap_header_aux #arrow_left, #wrap_header_aux #arrow_right { display: none; }
#wrap_header_aux_hover #arrow_left, #wrap_header_aux_hover #arrow_right { display: block; }
#home_container_hover *, #home_container * { vertical-align: middle; }
#home_container_hover #slogan, #home_container #slogan { width: 960px; overflow: hidden; }
#slogan img, #slogan embed, #slogan object { margin-top: 43px; }
#home_container_hover #slogan .content, #home_container #slogan .content, #news_content .content { width: 10000px; }
#home_container_hover #slogan .section, #home_container #slogan .section { float: left; width: 960px; }

#arrow_left, #arrow_right { position: absolute; top: 55%;  }
#arrow_left { left: -70px; }
#arrow_right { right: -70px; }
.pager { position: absolute; top: 452px; margin-left: 1px; }
.pager span { font-size: 29px; font-family: Arial, Helvetica, sans-serif; margin-right: 3px; }
.pager a { color: #9ea3db; text-decoration: none; }
.pager .active a { color: #fff;  }
.pager a:hover { padding-bottom: 0; }

#wrap_news, #news { background: url(../pics/home_news_bg.gif) repeat-x; }
#news #news_content { background: url(../pics/news_sep.gif) repeat-y 340px; }
#news h3 { line-height: 1.2em; padding-bottom: 7px; }
#news h1 { font-size: 30px; line-height: 1.2em; padding-bottom: 7px; }
#news .link { white-space: nowrap; }
#news .bp { margin: 0 0 -15px 25px; }
#news .sp { margin: 0 25px -15px 0; }
#news .c_left, #news .c_right { width: 280px; }
#news .c_left { float: left; }
#news .c_right { float: right; }

#footer { text-align: left; border-top: 1px solid #E7E7E7; color:#000; line-height: 1.5em; margin: 20px auto 15px auto; padding-top:15px; width: 960px; font-size: 12px; }

.login_lightbox .join_button {
	background:  url(../pics/button_bg.jpg) repeat-y right 0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial;
	cursor: pointer;
	color: #fff;
	overflow: visible;
	padding: 3px 13px 4px;
	vertical-align: middle;
	font-weight: bold;
	border: none;
	-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
.ok {
	padding: 10px;
	border: 1px solid #61724d;
	margin-bottom: 20px;
	background: #f4ffeb;
}
.nok {
	padding: 10px;
	border: 1px solid #d21111;
	margin-bottom: 20px;
	background: #ffecec;
}