@CHARSET "UTF-8";

.global 	{ width: 100%; background: url(../../Images/Design/global.png) repeat-y 50% 0; margin: 0px; padding: 0px;}
.wrapper 	{ width: 1140px; margin: 0 auto; padding: 0px; }
.center		{ margin: 0 auto; }

/* header styles */
.header {
	height: 158px;
	background: url(../../Images/Design/style1.png) center center no-repeat;
	position: relative;
}
.header.type2 { background-image: url(../../Images/Design/header_bg1.png); }
.header.type3 { background-image: url(../../Images/Design/header_bg3.png); }
.header.type4 { background-image: url(../../Images/Design/header_bg4.png); }
.header.type5 { background-image: url(../../Images/Design/header_bg5.png); }
.header .logo {
	position: absolute;
	left: 46px; top: 43px;
	width: 155px; height: 103px;
}
.header .login_profile {
	position: absolute;
	right: 0; top: 56px;
	background: url(../../Images/Design/bg_transparent_login.png) repeat;
	color: #ffffff;
	height: 84px;
	padding: 0px 20px 0px 0px;
}
.header .login_profile .corner { width: 15px; height: 84px; background: url(../../Images/Design/loginprofile_corner.png); float: left; margin-left: -15px;}
.header .login_profile a { color: #ffffff; }

.header .myprofile { }
.header .myprofile table { border-collapse: collapse; height: 84px;}
.header .myprofile td { padding: 0px; }
.header #myprofile_avatar { width: 84px; height: 84px; position: relative; }
.header #myprofile_avatar .emotion { position: absolute; top: 0; left: 0; }
.header #myprofile_info { padding: 0 30px; }
.header #myprofile_info p { margin: 2px; padding:0; }
.header #myprofile_info .name { font-size: 1.5em; font-weight: bold; }
.header #myprofile_info .personalpage { font-size: 1.2em; }
.header #myprofile_info .quit { font-size: 1em; }
.header #myprofile_menus { width: 288px; }
.header #myprofile_menus p { float: left; width: 50%; padding: 0; margin: 1px 0;}

.header .login_profile .mylogin {
	background: url(../../Images/Design/mylogin.png) 10px center no-repeat;
	padding-left: 73px;
	height: 74px;
}
.header .login_profile .mylogin #b_login { height: 24px; }
.header .login_profile .mylogin #b_login p { margin:0;padding:0; line-height: 24px; text-align: center; }
.header .login_profile .mylogin #vlogin {}
.header .login_profile .mylogin #vlogin_incorect { color: #FF3333; }
.header .login_profile .mylogin #vpatientez { color:#FFFF66;}
.header .login_profile .mylogin #vblocked { color: #FF3333; }
.header .login_profile .mylogin .forgot { text-align: center; }
/* Menus styles */
.header .menu {
	background: url(../../Images/Design/bg_transparent.png) repeat;
	position: absolute;
	top: 0;	
	color: #ffffff;
	width: 100%;
}
.header .menu a { color: #ffffff; }
.header .menu ul { 
	list-style: none;
	height: 34px;
	line-height: 34px;
	margin: 2px; padding: 0;
}
.header .menu ul li { display: block; float: left; position: relative; z-index:1000;}
.header .menu ul li.clear { height: 1px; }

.header .menu ul li div.level1 {
	height: 34px;
	background: url(../../Images/Design/menu_top_sprite1.png) left -999px no-repeat;
	margin-right: 16px;
	color: #ffffff;
}
.header .menu ul li div.level1 a { 
	display: block;
	height: 34px;
	color: #ffffff;
	background: url(../../Images/Design/menu_top_sprite1.png) right -999px no-repeat;
	margin-left: 16px;
	margin-right: -16px;
	padding-right: 16px;
}
.header .menu ul li:hover div.level1, 
.header .menu ul li.hover div.level1, 
.header .menu ul li.selected div.level1 { background-position: left top; color: #000000; }
.header .menu ul li:hover div.level1 a, 
.header .menu ul li.hover div.level1 a,
.header .menu ul li.selected div.level1 a { background-position: right top; color: #000000; }

.header .menu ul li:hover div.level1.with_submenus { background-image: url(../../Images/Design/menu_top_sprite.png); }
.header .menu ul li:hover div.level1.with_submenus a { background-image: url(../../Images/Design/menu_top_sprite.png); }

.header .menu ul li .inner_menu {
	display: none;
	position: absolute;
	color: #000000;
	top: 100%; left: 0;
	min-width: 110%;
}
.header .menu ul li .filler { display: none; position: absolute; width: 100%; top: 100%; left: 1px; }
.header .menu ul li .filler div { height: 1px; margin-right: 2px; background: #ffffff; }
.header .menu ul li:hover .inner_menu, 
.header .menu ul li.hover .inner_menu, 
.header .menu ul li:hover .filler, 
.header .menu ul li.hover .filler { display: block; }

.header .menu ul li .inner_menu .topsprite {
	background: url(../../Images/Design/menu_top_sprite.png) top right no-repeat;
	padding: 16px 16px 0px 8px;
	border-left: 1px solid #808080;
}
.header .menu ul li .inner_menu .bottomsprite {
	height: 16px;
	margin-left: 16px;
	background: url(../../Images/Design/menu_top_sprite.png) bottom right no-repeat;
}
.header .menu ul li .inner_menu .bottomsprite1 {
	width: 16px; height: 16px;
	background: url(../../Images/Design/menu_top_sprite.png) bottom left no-repeat;
	margin-left: -16px;
}
.header .menu ul li .inner_menu ul { margin: 0px; margin-left: 8px; padding: 0px; list-style: none; line-height: 120%; height: auto; }
.header .menu ul li .inner_menu ul li { margin: 0px; padding: 0px; white-space:nowrap; float: none;}
.header .menu ul li .inner_menu ul li a { color: #0e5ec8;}

.header .members_stats { position: absolute; right: 5px; bottom: 2px; color: #ffffff; }
.header .members_stats a { color: #ffffff; }

.header .messenger {
	position: absolute;
	right: 0px; top: 0px;
}

/* Layout of contents */
.layout {
	margin: 20px 20px;
}
.layout .column_sidebar {
	width: 25%;
	float: right;		
}
.layout .column_content {
	width: 71%;
	float: left;
	min-height: 400px;
}
.layout .block {
	margin-bottom: 55px;
}
/* Footer design and sidebars */
.footer {
	border-top: 1px solid #e2e1e1;
	text-align: center;
	padding: 20px 20px;
	color: #000000;
	line-height: 44px;
}
.footer a {	color: #0e5ec8; }
.footer .sidebar {}
.footer .sidebar.copyright {float: left; padding-left: 86px; background: url(../../Images/Design/logo_footer.png) left center no-repeat;}
.footer .sidebar.development {float: right;}

/*********************************************************************************************************
	POPUP DESIGN
**********************************************************************************************************/
.popup {
	position: fixed;
	top:0; left: 0;
	width:100%;	height:100%;
}
.popup img { border: 0; }

.popup_wrapper {
	width: 619px;
	position: relative;
}
.popup_crn {
	width: 619px; height: 30px;
	background: url(../../Images/Design/popup_crn.png) no-repeat;
}
.popup_crn.top { background-position: 0 0; }
.popup_crn.bottom { background-position: 0px -30px; }

.popup_content {
	background: url(../../Images/Design/popup_bg.png) repeat-y;
	height: 510px;
	padding: 0px 8px;
}
.popup_close {
	top: 20px;
	right: 20px;
	position: absolute;
}


/** STYLES OF PAGE **/

.style_preview {
	display: block;
	height: 100px;
	width: 411px;
	background: url(../../Images/Design/preview1.png) left top no-repeat;
}
.style_preview.type1 { background-image: url(../../Images/Design/style1.png); }
.style_preview.type2 { background-image: url(../../Images/Design/style2.png); }
.style_preview.type3 { background-image: url(../../Images/Design/style3.png); }
.style_preview.type4 { background-image: url(../../Images/Design/style4.png); }
.style_preview.type5 { background-image: url(../../Images/Design/style5.png); }
.style_preview.type6 { background-image: url(../../Images/Design/style6.png); }
.style_preview.type7 { background-image: url(../../Images/Design/style7.png); }
.style_preview.type8 { background-image: url(../../Images/Design/style8.png); }
.style_preview.type9 { background-image: url(../../Images/Design/style9.png); }
.style_preview.type10 { background-image: url(../../Images/Design/style10.png); }
.style_preview.type11 { background-image: url(../../Images/Design/style11.png); }
.style_preview.type12 { background-image: url(../../Images/Design/style12.png); }
.style_preview.type13 { background-image: url(../../Images/Design/style13.png); }
.style_preview.type14 { background-image: url(../../Images/Design/style14.png); }
.style_preview.type15 { background-image: url(../../Images/Design/style15.png); }
.style_preview.type16 { background-image: url(../../Images/Design/style16.png); }
.style_preview.type17 { background-image: url(../../Images/Design/style17.png); }
.style_preview.type18 { background-image: url(../../Images/Design/style18.png); }
.style_preview.type19 { background-image: url(../../Images/Design/style19.png); }
.style_preview.type20 { background-image: url(../../Images/Design/style20.png); }

.header.type1 { background-image: url(../../Images/Design/style1.png); }
.header.type2 { background-image: url(../../Images/Design/style2.png); }
.header.type3 { background-image: url(../../Images/Design/style3.png); }
.header.type4 { background-image: url(../../Images/Design/style4.png); }
.header.type5{ background-image: url(../../Images/Design/style5.png); }
.header.type6 { background-image: url(../../Images/Design/style6.png); }
.header.type7 { background-image: url(../../Images/Design/style7.png); }
.header.type8 { background-image: url(../../Images/Design/style8.png); }
.header.type9 { background-image: url(../../Images/Design/style9.png); }
.header.type10 { background-image: url(../../Images/Design/style10.png); }
.header.type11 { background-image: url(../../Images/Design/style11.png); }
.header.type12 { background-image: url(../../Images/Design/style12.png); }
.header.type13 { background-image: url(../../Images/Design/style13.png); }
.header.type14 { background-image: url(../../Images/Design/style14.png); }
.header.type15 { background-image: url(../../Images/Design/style15.png); }
.header.type16 { background-image: url(../../Images/Design/style16.png); }
.header.type17 { background-image: url(../../Images/Design/style17.png); }
.header.type18 { background-image: url(../../Images/Design/style18.png); }
.header.type19 { background-image: url(../../Images/Design/style19.png); }
.header.type20 { background-image: url(../../Images/Design/style20.png); }