@import url("reset.css"); /*Resetting margins, paddings and stuff*/

body
{
	font: 12px Verdana,Arial,sans-serif;
    text-align: center;
	background: #fff url("imgs/bg.gif") repeat-x;
	padding-bottom:20px;
	margin: 0px;
}

h2
{
	font:bold 14px Tahoma;
	color: #008F32;
	border-bottom:1px solid #eee;
	padding-bottom:2px;
	margin:10px;
}

em
{
	font-style: italic;
}

.light_blue
{
	border-top: 1px solid #7aadca;
	border-bottom: 1px solid #7aadca;
	background-color: #c6e4f4;
}
.light_gray
{
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #eee;
}


a:link, a:visited, a:active
{
	text-decoration: none;
	color: #036FB7;
}

a:hover
{
	text-decoration: none;
	color: #03A76F;
}

strong
{
	font-weight: bold;
}

.borders
{
	border:1px solid #0f0;
}

.justify
{
	text-align: justify;
}

.clear_both
{
	clear:both;
}

.center_block
{
	margin: 1px auto;
}

.text_align_center
{
	text-align:center;
}

.width590
{
	width: 590px;
}

.width580
{
	width: 580px;
}

.width350
{
	width: 350px;
}

.width220
{
	width: 220px;
}

.margin_top_5
{
	margin-top:5px;
}

.margin_left_1
{
	margin-left: 1px;
}

.margin_left_40
{
	margin-left: 40px;
}

.color_green
{
	color: #183;
}

.color_red
{
	color: #813;
}

.color_dark_gray
{
	color: #333;
}

textarea
{
	font: 11px verdana, sans-serif;
	color: #222;
	border: 1px solid #ccc;
}

input, select
{
	font: normal 11px verdana, sans-serif;
	color: #222;
	border: 1px solid #ccc;
}

.about_question
{
	width:570px;
	font: bold 14px Verdana;
	color: #33799e;
	padding-left: 20px;
	margin-top:5px;
	margin-bottom:5px;
	background: #fff url('imgs/question.jpg') no-repeat;
}

.about_answer
{
	width:570px;
	font: normal 12px Verdana;
	padding-left: 20px;
	margin-bottom:10px;
	background: #fff url('imgs/answer.jpg') no-repeat;
}

.about_answer ul
{
	margin-left: 10px;
	list-style: disc inside;
	text-align: left;
}
.about_answer ul li
{
	margin-top: 3px;
	margin-bottom: 3px;
	list-style: disc inside;
	text-align: left;
}

.index_new_people
{
	margin: 2px auto;
}
.index_new_people td
{
	width: 80px;
	text-align:center;
	overflow:hidden;
	padding: 3px;
	font: normal 11px Tahoma;

}

.index_new_people img
{
	margin-bottom:2px;
	border: 1px solid #ddd;
}

.bg_button
{
	background-color: #f0f0f0;
}


/* rounded corners */

.b1
{
	height:1px;
	font-size:1px; 
	display:block; 
	margin:0 5px; 
	background:#ccc;
	overflow:hidden;
}
  
.b2 {
	height:1px;
	background:#fff; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
	font-size:1px; 
	display:block; 
	margin:0 3px; 
	border-width:0 2px;
	overflow:hidden;
  }
.b3 {
	height:1px;
	margin:0 2px;
	background:#fff; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
	font-size:1px; 
	display:block; 
	overflow:hidden;
  }
.b4 {

	height:2px; 
	margin: 0 1px;
	background:#fff; 
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
	font-size:1px; 
	display:block; 
	overflow:hidden;
  }


/* end of rounded corners*/

.header
{
	width: 602px;
	height: 97px;
	margin: 5px auto 0;
}

.header .header_content {
  display:block; 
  width: 600px;
  height: 95px;
  background: transparent url("imgs/logo.gif") no-repeat;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  text-align:justify;
  }


.login_form_corners
{
	background-color:#f5f5f5;
	border-left-color: #ccc; 
	border-right-color:#ccc;
}

.login_form_corners_b1
{
	background-color:#ccc;
}
  
.login_form
{
	width: 602px;
	margin: 0px auto 5px;
}
  
.login_form_content
{
	font: 11px verdana,arial;
	text-align: center;
	padding:2px;
	color: #555;
	background-color: #f5f5f5;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	

}

.login_form_content form
{
	padding:2px;
}


.menu
{
	width: 594px;
	margin: 0 auto 0;
	font: bold 11px verdana,arial;
	text-align: center;
	padding:3px;
	color: #555;
	background: #fff url("imgs/menu_grad.gif") center;

	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

.page
{
	width: 602px;
	margin: 0 auto 10px;
}

.page .page_content
{
	padding-top: 5px;
	padding-bottom: 5px;
	overflow: hidden;
	display: block; 
	width: 600px;
	background: #fff;
	border-left:1px solid #ccc; 
	border-right:1px solid #ccc;
	text-align:left;
}

#cat_tag_cloud
{
	width: 590px;
	margin: 0px auto;
	text-align: justify;
}

#photo_id
{
	text-align:center;
	margin-bottom: 10px;
}

#info
{
	width:580px;
	margin: 0px auto;
	overflow: hidden;
}


.message_header
{
	width: 300px;
}

.message_header_label
{
	width: 50px;
	padding: 2px;
	font: bold 11px Tahoma;
}

.message_header_data
{
	width: 220px;
	padding: 2px;
}


#search_result,#cat_search_result
{
	text-align: center;
	margin: 5px auto;
	
}


.rating_table
{
	margin: 5px auto 5px;
}

.rating_table_norating
{
	width: 250px;
	float: left;
	margin: 5px 0px 5px;
}

.rating_table_bar
{
	vertical-align: middle;
}
.rating_table_votes
{
	font-size: 11px;
	padding: 2px;
	vertical-align: middle;
}

.rating_table_category
{
	width:50px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	border-bottom: 1px solid #eee;
}

.rating_table_category_norating
{
	width:240px;
	text-align: left;
	font-size: 11px;
	font-weight: bold;
	padding: 2px;
	border-bottom: 1px solid #eee;
}


.rating_table_do_vote
{
	vertical-align: middle;
}

.reg_table
{
	margin: 10px auto 10px;
}

.reg_table_label
{
	width: 100px;
}

.reg_table_data
{
	width: 100px;

	padding: 1px;
}


.option_table
{
	margin: 10px auto 10px;
}

.option_table_label
{
	font: bolder 11px Verdana;
	vertical-align: top;
	text-align:right;
}

.option_table_data
{
	padding: 1px;
}


.bar
{
	height: 14px;
	height: "10px"; /*for IE*/
	width:100%;
	color:#467;
	font-weight: bold;
	border: 1px solid #9ab;
	background: #cde url("imgs/bar.jpg");
	padding: 0px;
	margin-bottom: 2px;
}

.label
{
	background-color: #f8f8f8;
	width:170px;
	padding:2px;
	font-size: 11px;
	font-weight:bold;
	text-align: right;

	
}
.data
{
	padding:2px;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

.empty_data
{
	padding-left:10px;
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

.mail_table
{
	width:500px;
	margin:3px auto 3px;
	text-align: left;
	margin-bottom: 20px;
}

.mail_data
{
	width:440px;
	vertical-align: top;
	text-align: left;
	color: #222;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	
}
.mail_name_date
{
	width: 100%;
	margin-bottom: 2px;
}

a.mail_name:link,a.mail_name:visited,
a.mail_name:hover,a.mail_name:active
{
	font-weight: bold;
	font-size: 11px;
	
}

.mail_date
{
	font-size: 10px;
	color: 333;
}

.mail_photo
{
	padding-right: 3px;
	vertical-align: top;
}


.comment_table
{
	width:500px;
	margin:3px auto 3px;
	text-align: left;
	margin-bottom: 20px;
}

.comment_data
{
	width:457px;
	vertical-align: top;
	text-align: left;
	color: #222;
	font-size: 11px;
	border-bottom: 1px solid #ccc;
	padding-bottom: 2px;
	
}
.comment_name_date
{
	width: 100%;
	background-color: #eee;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin-bottom: 2px;
}

a.comment_name:link,a.comment_name:visited,
a.comment_name:hover,a.comment_name:active
{
	font-weight: bold;
	font-size: 11px;
	
}

.comment_date
{
	font-size: 10px;
	color: 333;
}

.comment_photo
{
	padding-right: 3px;
	vertical-align: top;
}

#add_comment_block
{
	text-align: center;
	width: 500px;
	
	padding-bottom: 2px;
	margin-bottom: 2px;
}


ul.categories_pane
{

	text-align: center;
	list-style: none none inside;

}

ul.categories_pane li
{
	font-size: 12px;
	font-weight: bold;
}


ul.people_list {
	list-style-position: inside;
	text-align: left;
}

ul.people_list li
{
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
}

ul.top100_list {
	list-style-position: inside;
	text-align: left;
}

ul.top100_list li
{
	font-size: 11px;
	font-weight: bold;
	margin: 2px;
}


.tag
{
	text-decoration: none;
	color: #038FE7;
	margin: 5px;
}
.tag:hover
{
	text-decoration: none;
	color: #03B78F;
	margin: 5px;
}

.pages
{
	margin: 10px;
	text-align: center;

}

.pages a:link,
.pages a:visited,.pages a:active
{
	color: #555;
	border: 1px solid #aaa;
	font-size: 11px;
	padding: 3px;
	background-color:#eee;
	margin-right: 5px;
}

.pages a:hover
{
	color: #fff;
	border: 1px solid #aaa;
	font-size: 11px;
	padding: 3px;
	background-color:#aaa;
	margin-right: 5px;
}
.page_link_active
{
	color: #333;
	border: 1px solid #aaa;
	font-size: 12px;
	padding: 5px;
	margin-right: 5px;
}

.footer
{
	clear:both;
	width:602px;
	margin:10px auto 0;

}

.footer_corners
{
	background-color:#eee;
}

.footer .footer_content {
  display:block; 
	padding: 10px 0;
    background: #eee;
	color: #000;
	text-align:center;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;

  }


img#photo
{
	display: block;
	margin: 6px auto 6px;
	padding: 2px;
	border: 1px solid #ccc;
}

.num_votes_upper
{
	font-weight: normal;
	vertical-align: super;
	font-size: smaller;
}

.votes_day
{
	color: #080;
}

/* Splitting for profile.php */
#left_column_profile
{
	width:280px;
	float:left;
	padding:0px;
	text-align:left;
}

#right_column_profile
{
	width:310px;
	float:right;
	padding:0px;
	text-align:left;
}




#email_image
{
	border: 0;
	vertical-align:bottom;
}

.toggle_button
{
	position: relative; top: 1px;
}

/* bar text */
.bar_text
{
	float:left;
	font-size: 11px;
	margin-left: 2px;
	
}


a.hide_edit:link,a.hide_edit:hover,
a.hide_edit:visited,a.hide_edit:active
{
	float:right;
	color:#764;
	font-size: 10px;
	margin-right: 2px;
}


.blue_box
{
	width: 92%;
	margin: 3px auto 3px;

}

.blue_box_corners
{
	background-color:#E7F1F9;
	border-left-color: #6CB6F4; 
	border-right-color:#6CB6F4;
}

.blue_box_corners_b1
{
	background-color:#6CB6F4;
}

.blue_box .blue_box_content {
	display:block; 
	padding: 2px;
	background: #E7F1F9;
	color: #000;
	font-size: 11px;
	text-align:center;
	border-left:1px solid #6CB6F4; 
	border-right:1px solid #6CB6F4;
}

.green_box
{
	width: 92%;
	margin: 3px auto 3px;

}

.green_box_corners
{
	background-color:#e9f1ea;
	border-left-color: #67c269; 
	border-right-color:#67c269;
}

.green_box_corners_b1
{
	background-color:#67c269;
}

.green_box .green_box_content {
	display:block; 
	padding: 2px;
	background: #e9f1ea;
	color: #000;
	font-size: 11px;
	text-align:center;
	border-left:1px solid #67c269; 
	border-right:1px solid #67c269;

}

.red_box
{
	width: 92%;
	margin: 3px auto 3px;

}

.red_box_corners
{
	background-color:#f5e7ea;
	border-left-color: #d8798d; 
	border-right-color:#d8798d;
}

.red_box_corners_b1
{
	background-color:#d8798d;
}

.red_box .red_box_content {
	display:block; 
	padding: 2px;
	background: #f5e7ea;
	color: #000;
	font-size: 11px;
	text-align:center;
	border-left:1px solid #d8798d; 
	border-right:1px solid #d8798d;
}

/* AJAX popup suggest */

#ajax_listOfOptions{
		position:absolute;	/* Never change this one */
		width:175px;	/* Width of box */
		/*height:250px;	 Height of box */
		overflow:auto;	/* Scrolling features */
		border:1px solid #317082;	/* Dark green border */
		background-color:#FFF;	/* White background color */
		text-align:left;
		font-size:0.9em;
		z-index:100;
	}
	#ajax_listOfOptions div{	/* General rule for both .optionDiv and .optionDivSelected */
		margin:1px;		
		padding:1px;
		cursor:pointer;
		font-size:0.9em;
	}
	#ajax_listOfOptions .optionDiv{	/* Div for each item in list */
		
	}
	#ajax_listOfOptions .optionDivSelected{ /* Selected item in the list */
		background-color:#333;
		color:#FFF;
	}
	#ajax_listOfOptions_iframe{
		background-color:#F00;
		position:absolute;
		z-index:99;
	}
/* END OF AJAX popup suggest */

/* Tabs */
#tabnav
	{
		height: 20px;
		margin: 0;
		padding-left: 10px;
		background: url("imgs/tab_bottom.gif") repeat-x bottom;
	}

#tabnav li
	{
		margin: 0; 
		padding: 0;
  		display: inline;
  		list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
		float: left;
		background: #f3f3f3;
		font-size: 10px;
		line-height: 14px;
		font-weight: bold;
		padding: 2px 10px 2px 10px;
		margin-right: 4px;
		border: 1px solid #ccc;
		text-decoration: none;
		color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
		border-bottom: 1px solid #fff;
		background: #fff;
		color: #000;
	}

#tabnav a:hover
	{
		background: #fff;
	}


.tabs_pane
{
	width:600px;

}
	
/* END OF Tabs */

/* Explanation tabs on main page */

#explanation {
  margin:0; 
  padding:0; 
  height:298px; 
  overflow:hidden; 
  background:#fff;
  }
#explanation li {
  list-style-type:none; 
  float:left; 
  display:block; 
  width:100%;
  }
#explanation li a {
  display:block; 
  text-decoration:none; 
  margin:0; 
  width:100%;
  }
#explanation li a span {
  display:none; 
  color:#000;
  }
#explanation li a.one span {
  display:block; 
  height:15em; 
  margin:0 10px;
  }
#explanation li a:hover {
  background:#fff;
  }
#explanation li a:hover span {
  display:block; 
  height:15em; 
  margin:0 10px; 
  cursor:pointer;
  }
#explanation .h2 {
  margin:0 5px; 
  padding:0; 
  font-variant:small-caps; 
  font-size:1.5em; 
  border:0;
  }
#explanation .h3 {
  margin:0 5px; 
  padding:0; 
  font-size:1.1em; 
  }
  
.curved {
  width:21em;
  margin:0 auto 5px;
  }

.curved .boxcontent {
  display:block; 
  background:transparent; 
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc; 
  font-size:0.9em; 
  text-align:justify;
  }
  
.curved .boxcontent ul {

	list-style: disc inside;
	text-align: left;
}

.curved .boxcontent ul li
{
	font: normal 11px  verdana, lucida;
}

  
  
  /* register button*/
#buttonr {
  width: 180px;
	margin: 10px auto 10px;
	
}

#buttonr .text
{
	background-color: #2b6d8c;
	text-align:center;
	color: #fff;
	font: bold 11px Verdana;
}

/* 2-й вариант */
.v1, .v2, .v3, .v4, .v5 {
	height: 1px;
	font-size: 1px;
	display: block;
	overflow: hidden;
	
	border-width: 0 1px;
	background-color: #2b6d8c;

}
.v1 {margin: 0 5px; }
.v2 {margin: 0 3px; border-width: 0 1px;}
.v3 {margin: 0 2px;}
.v4 {margin: 0 1px;}
.v5 {margin: 0 1px;}

/* Tooltips */
.tool_tip {
 position: absolute;
 visibility: hidden;
 /* styles */
 font: normal 11px Verdana;
 padding: 3px;
 background-color: #eee;
 border: 1px solid #ccc;
}