/* CSS Document */

body {
	background:url(/img/bg.gif) 50% 0 repeat-y;
	margin:0px;
	padding:0px;
	font-family:Trebuchet MS, Trebuchet, Verdana, sans-serif;
	font-size:90%;
}
body {
	/*width:990px;*/
	margin:0px auto;
	position:relative;
}
.png { behavior: url("/css/pngbehavior.htc"); }

/*----------------------------------------------------------------------------	Шапка	----------------------*/
#title {
	width:990px;
	margin:0px auto;
	text-align:center;
	font-size:200%;
	position:relative;}
#orange { color:#ff6c00; }
#white, .white { color:#FFFFFF; }

#language {
	position:absolute;
	top:0px;
	right:0px;}

@media all and (-webkit-min-device-pixel-ratio:10000),
not all and (-webkit-min-device-pixel-ratio:0) {
  #language {top:10px;}
}

/*----------------------------------------------------------------------------	Синее меню	--------------------*/

#blue_menu {
	width:730px;
	height:41px;
	margin:0px auto;
	margin-top:10px;
	position:relative;
	background: url(/img/blue_menu_bg.png);
	z-index:10;
	text-align:center;
}
* html #blue_menu {
	margin-bottom:-1px;
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/blue_menu_bg.png',sizingMethod='scale');
}

#b_m_left_shadow, #b_m_right_shadow {
	width:5px;
	height:42px;
	position:absolute;
	bottom:-6px;	
}
#b_m_left_shadow {	
	left:-5px;
	background:url(/img/b_m_left_shadow.png);		
}
* html #b_m_left_shadow {
	left:0px;
	top:-1px;
	background:url(/img/b_m_left_shadow_ie.png);	
}

#b_m_right_shadow {
	right:-5px;	
	background:url(/img/b_m_right_shadow.png);		
}
* html #b_m_right_shadow {
	right:0px;
	top:-1px;
	background:url(/img/b_m_right_shadow_ie.png);
}

#b_m_l_corner, #b_m_r_corner {
	width:5px;
	height:5px;
	position:absolute;
	top:0px;
}
#b_m_l_corner {
	left:-5px;
	background:url(/img/top_menu_l_t_corner.png);	
}
* html #b_m_l_corner {
	left:0px;
	top:0px;
	font-size:1px;
	background:url(/img/top_menu_l_t_corner_ie.png);	
}

#b_m_r_corner {
	right:-5px;
	background:url(/img/top_menu_r_t_corner.png);
}
* html #b_m_r_corner {
	right:0px;
	top:0px;
	font-size:1px;
	background:url(/img/top_menu_r_t_corner_ie.png);	
}

/*----------------------------------------------------------------------------	Главный блок	--------------*/
#main {
	width:970px;
	position:relative;
	margin:0px auto;
	padding:0px 10px 0px 10px;
	background: url(/img/main_bg.gif) repeat-y;
	z-index:100;
}

#main_top_shadow, * html #main_top_shadow {
	width:970px;
	position:absolute;
	left:10px;
}
#main_top_shadow {
	height:5px;
	top:-5px;	
	background:url(/img/main_top_shadow.png) repeat-x;
}
* html #main_top_shadow {
	font-size:1px;
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_top_shadow.png',sizingMethod='scale');
}

#main_bottom_shadow, * html #main_bottom_shadow {
	width:970px;
	position:absolute;
	left:10px;
	height:10px;
}
#main_bottom_shadow {
	bottom:-10px;
	background:url(/img/main_bottom_shadow.png) repeat-x;
}
* html #main_bottom_shadow {
	font-size:1px;
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_bottom_shadow.png',sizingMethod='scale');
}

#main_l_t_corner, #main_r_t_corner {
	position:absolute;
	height:5px;
	width:10px;
	top:-5px;
}
#main_l_t_corner {
	left:0px;
	background:url(/img/main_l_t_corner.png);
}
* html #main_l_t_corner {
	font-size:1px;
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_l_t_corner.png',sizingMethod='scale');
}

#main_r_t_corner {
	right:0px;
	background:url(/img/main_r_t_corner.png);
}
* html #main_r_t_corner {
	font-size:1px;
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_r_t_corner.png',sizingMethod='scale');
}

#main_l_b_corner, #main_r_b_corner {
	position:absolute;
	width:10px;
	height:10px;
	bottom:-10px;
}

#main_l_b_corner {
	background:url(/img/main_l_b_corner.png);
	left:0px;
}
* html #main_l_b_corner {
	font-size:1px;
	background:none;
	bottom:-11px;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_l_b_corner.png',sizingMethod='scale');
}

#main_r_b_corner {
	right:0px;
	background:url(/img/main_r_b_corner.png);
}
* html #main_r_b_corner {
	font-size:1px;	
	background:none;
	bottom:-11px;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/main_r_b_corner.png',sizingMethod='scale');
}


/*----------------------------------------------------------------------------	Внутренности главного блока	-*/
.clear { clear:both; }

#container {
	width:950px;
	background:#FFFFFF;
	position:relative;
	padding:10px;		
}

.left_column, .right_column {
	width:460px;
	margin:0px;
	margin-top:15px;
}
.left_column {	float:left; /*background:#FFCC99; */}
.right_column {	float:right;
	text-align: left;
}

.user_menu {
	width:930px;
	font-size:130%;
	font-weight:normal;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
/*	border:#3399FF 1px solid;*/
}
.user_menu .small
{
	font-size:60%;
}
.user_menu a:link, .user_menu a:visied, .user_menu a:hover, .user_menu a:active {
	color:#0066CC;
} 
.user_menu a:hover, .user_menu a:active {
	color:#FF9933;
} 

.float_photo {
	float:left;
	margin-left:10px;}

#first_time_info p {margin-left:150px;}	

#first_time_info h5 {
	text-align:right;
	color:#FF6600;}

/*----------------------------------------------------------------------------	Футер	---------------------*/
#footer {
	width:700px;
	height:61px;
	margin:0px auto;
	position:relative;
	background:url(/img/footer_bg.png) repeat-x;
	z-index:101;
}
* html #footer {
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer_bg.png',sizingMethod='scale');
}

#footer_left_shadow, #footer_right_shadow {
	width:5px;
	height:56px;
	position:absolute;
	top:0px;
}

#footer_left_shadow {
	left:-5px;
	background:url(/img/footer_left_shadow.png);		
}
* html #footer_left_shadow {
	left:0px;
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer_left_shadow.png',sizingMethod='scale');
}

#footer_right_shadow {	
	right:-5px;	
	background:url(/img/footer_right_shadow.png);		
}
* html #footer_right_shadow {
	right:0px;
	background:none;
  	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer_right_shadow_ie.png',sizingMethod='scale');
}

#footer_l_b_corner, #footer_r_b_corner {
	width:5px;
	height:5px;
	position:absolute;
	bottom:0px;
}

#footer_l_b_corner {
	left:-5px;
	bottom:0px;
	background:url(/img/footer_left_c.png);	
}
* html #footer_l_b_corner {
	font-size:1px;
	left:0px;
	bottom:0px;
	width:5px;
	height:5px;
	background:url(/img/footer_l_c_ie.png);
}

#footer_r_b_corner {
	right:-5px;
	background:url(/img/footer_right_c.png);	
}
* html #footer_r_b_corner {
	font-size:1px;
	right:-1px;
	bottom:-2px;
	width:5px;
	height:5px;
	background:url(//img/footer_r_c_ie.png);
}

.footer_block {
	width:200px;
	height:35px;
	position:absolute;
	vertical-align:middle;
	top:10px;		
}
.block_1 { left:40px; }
.block_2 { left:280px; }
.block_3 { left:485px; }
.small_red {
	font-size: 70%;
}

.small p 
{
	font-size: 90%;
}

	

/**************************************************/
.orange {
	color:#FF6600;}

.users_projects {
	background:#FFFFFF;
	text-align:center;
	margin:0px 20px 0px 20px;
	padding:7px 15px 7px 15px;
	font-size:16px;
	font-weight:bold;}
.users_projects sup {
	font-weight:normal;
	font-size:11px;
	margin:0px;
	padding:0px;}

.projects_menu {
	overflow:hidden;
	display:block;
	list-style:none;
	margin:0px 0px 0px 15px;
	padding:0px;}
.projects_menu li {
	display:inline;
	margin:0px 25px 0px 0px;}
	
/**************/
.invite_block {
	width:300px;
	margin:0 auto;
	padding:15px;
	line-height:140%;
	background:#FFFFFF;	
	border:#FF9900 3px double;
	overflow:hidden;}	
.invite_block center {
	color:#414141;
	font-weight:bold;
	font-size:16px;
	font-style:italic;
	text-align:center;}	
.read_all {
	float:right;
	font-size:12px;
	margin:10px 0px 0px 0px;}	


/***********************/
.project_descr {
	width:640px;
	margin:0 auto;
	padding:30px;
	border:#FF9900 3px double;}
.project_descr p {
	margin:5px 0px 15px;}
.project_descr h3,
.copm_count h3 {
	font-size:18px;
	font-weight:normal;
	margin:0px 0px 5px;}	

.accent {
	font-weight:bold;
	padding:5px 50px;
	color:#96220E;
	font-size:14px;}

/***********************/
.copm_count {
	padding:0px 15px;}
.count_txt {
	padding:20px 0px 0px 0px;}

.comps {
	margin:0px 20px 0px 20px;}
.one_comp {
	font-size:14px;
	font-weight:bold;
	color:#3F99DC;
	padding:5px 15px 6px;
	border:#FFDDA4 1px solid;
	border-bottom:none;
	background:#FFFFFF}

.comp {
	margin:5px 0px 20px 0px;
	padding:10px 15px;
	border:#FFDDA4 1px solid;}

.comp p {
	margin:5px 0px 5px 0px;}

.download_prog {
	margin-bottom:30px;}

.load_data {
	margin:10px 0px 0px 0px;}


.mess {
	color:#009933;}

/*.clear_btn {
	margin:-10px;
	padding:0px;
	clear:both;
	overflow:hidden;}*/

/* =Buttons
*************************************************************/

/************** buttons *******/
.span_button {
	display:inline-block;
	height:33px;
	padding:0px 0px 0px 0px;
	
	line-height:10px;
	background:url(/img/buttons/b.png) top left no-repeat;
	_height:0;
	_white-space:nowrap;}

.button {
	border:none;
	height:33px;
	margin:0px 0px 0px 12px;
	padding:0px 10px 0px 0px;
	cursor:pointer;
	font-family:"Calibri", Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:bold;
	color:#585858;
	background:url(/img/buttons/b.png) top right no-repeat;
	
   $overflow:visible;
   _width:0;
   _white-space:nowrap;}


.span_button {}

a.button:link,
a.button:visited,
a.button:hover,
a.button:active {
	display:block;
	font-size:18px;
	font-weight:bold;
	text-decoration:none;
	line-height:28px;
	color:#333333;	
   _white-space:nowrap;}



span.button_green {	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:120%;
    
	background:top left no-repeat;
	height:30px;
	padding:0px 15px 0px 0px;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
	_font-size:0;
	_white-space:nowrap;}



span.button_green,
span.button_green input,
span.button_green a:link,
span.button_green a:visited,
span.button_green a:hover,
span.button_green a:active {
    background-image:url(/img/user/green_btn.png);}


span.button_green input,
span.button_green a:link,
span.button_green a:visited,
span.button_green a:hover,
span.button_green a:active {	
	white-space:nowrap;
	cursor:pointer;
    color:#FFF;
	display:-moz-inline-box;
	display:inline-block;
	line-height:130%;
    letter-spacing:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-style:normal;
	font-weight:bold;
    background-color:transparent;
	background-position:top right;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 25px 0px 0px;
	margin:0 -16px 0 20px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	$padding:0px 15px 0px 0px;
	_position:relative;
	_padding:0px 15px 0px 0px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;
	_white-space:nowrap;}

span.button_green input,
span.button_green a:link,
span.button_green a:visited,
span.button_green a:hover,
span.button_green a:active {
	padding-top:0px;
	line-height:125%;}


/*Hover Style*/
span.button_green:hover,
span.button-behavior-hover {
	background-position:bottom left;
	color:#222;
	text-decoration:none;}

span.button_green:hover input,
span.button-behavior-hover input,
span.button_green:hover a:link,
span.button_green:hover a:visited,
span.button_green:hover a:hover,
span.button_green:hover a:active {
	background-position:bottom right;}

span.button_green input {margin-top /*\**/: 0px\9}

span.button_green input {$margin-top:0px;}


span.button_green a:link,
span.button_green a:visited,
span.button_green a:hover,
span.button_green a:active {
	display:inline-block;
	text-decoration:none;
	line-height:28px;}


/**  red **********************************************/
span.button_red {	
	display:-moz-inline-box;
	display:inline-block;
	cursor:pointer;
	border:none;
    font-size:120%;
    
	background:top left no-repeat;
	height:30px;
	padding:0px 15px 0px 0px;
	
	_position:relative;
	_width:10px;	
	_overflow-y:hidden;
	_font-size:0;}



span.button_red,
span.button_red input {
    background-image:url(/img/user/red_btn.png);}


span.button_red input {	
	white-space:nowrap;
	cursor:pointer;
    color:#FFF;
	display:-moz-inline-box;
	display:inline-block;
	line-height:130%;
    letter-spacing:0;
    font-family:Arial, Helvetica, sans-serif;
    font-size:14px;
    font-style:normal;
	font-weight:bold;
    background-color:transparent;
	background-position:top right;
	background-repeat:no-repeat;
	height:30px;
	padding:8px 25px 0px 5px;
	margin:0 -16px 0 20px;
	border:none;
	vertical-align:text-top;
	zoom:1;
	$padding:0px 15px 0px 0px;
	_position:relative;
	_padding:0px 15px 0px 0px;
	_margin-right:-10px;	
	_display:block;
	_top:0;
	_right:-5px;}

span.button_red input{
	padding-top:0px;
	line-height:125%;}


/*Hover Style*/
span.button_red:hover,
span.button-behavior-hover{
	background-position:bottom left;
	color:#222;
	text-decoration:none;}

span.button_red:hover input,
span.button-behavior-hover input{
	background-position:bottom right;}



span.button_red input {margin-top /*\**/: 0px\9}

span.button_red input {$margin-top:0px;}	


/* =Rules
*********************************************************/
.thanks {
	width:850px;
	margin:20px auto 0;}

.rules {
	width:700px;
	margin:50px auto 0;}

.rules li {
	margin:0px 0px 8px;} 

.start {
	text-align:center;}


.thanks h3 {
	font-size:20px;
	text-align:center;}

.rules h4 {
	color:#FF9900;
	text-align:center;
	margin-bottom:5px;}


/* =Date selector
*********************************************************/
.date_selector {
	width:700px;
	margin:30px auto 30px;
	text-align:center;
	font-size:20px;}

.current_date {
	color:#FF6600;}	

.thank {
	text-align:center;
	color:#FF6600;}	

.is_unfilled {
	text-align:center;
	font-size:18px;
	color:#FF0000;
	margin:0px 0px 10px 0px;}		

.calendar p {
	text-align:center;
	color:#009900;
	margin-bottom:10px;}	
	


/* =Download video
*********************************************************/	
.download_video {
	width:670px;
	margin:20px auto 20px;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	color:#FF6600;}	

.download_video div {
	margin-top:5px;}		