/* CSS Document */
/* -----------------------------------*/
/* ---------->>> GLOBAL <<<-----------*/
/* -----------------------------------*/
html, body { height: 100%; }


/* -----------------------------------*/
/* ---------->>> BLOCKS <<<-----------*/
/* -----------------------------------*/

#header_block
{
 position:relative;
 width:98%;
 margin: 10px 10px 10px 10px;
}


#content_block
{
 position:relative;
 min-height:60%;
 width:95%;
 margin: 8em 0px 10px 10px;
 padding: 1em;
}

* html #content_block
{
height: 60%;
}

#footer
{
position:relative;
height: 20px;
line-height: 20px;
width:95%;
padding: 1em;
float:left;
clear:both;
margin-top: 2em;
text-align:center;
border-top-width: 1px;
border-top-style:solid;
border-top-color:#CFDDE1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:x-small;
color:#7FA0B1;
}


#logo
{
 position:relative;
 width:200px;
}

#search_block
{
position:absolute;
top:0.2em;
margin-left:28%;
width:390px;
padding: 5px 15px 5px 25px;
}

#loginblock2
{
color:#587C8F;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
position:absolute;
top:0px;
margin-left:75%;
width:23%;
padding: 10px 5px 10px 5px;
background-color:#FFF0EA;
}

#loginblock
{
position:absolute;
top:0px;
margin-left:75%;
width:23%;
padding: 5px 5px 5px 5px;
}


.block_1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #748338;
	background-color:#E7F1C4;
}

#reg_success
{
width: 90%;
padding: 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:larger;
text-align:center;
color:#FF3300;
}

.avatar_place
{
width: 15%;
padding:5px;
float:left;
}

#find_user
{
width:23%;
float:right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	color: #748338;
}

.users_frame
{
clear:right;
background-color:#E7F1C4;
position:relative;
width:23%;
padding: 5px;
}

.users_block
{
background-color:#FFFFFF;
margin: 0.5px;
padding: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #748338;
}

div#users
{
float:right;
clear:right;
}

div#welcome
{
background:#FFFFD5;
padding:9px;
width:70%;
font-family:Verdana, Arial, Helvetica, sans-serif;
position:absolute;
margin: 1.7em 10px 10px 0.6em;
text-align:center;
}

#nothing_found
{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:medium;
color: #748338;
}

#navigation_string
{
 position:absolute;
 width:70%;
 margin: 7.4em 10px 10px 0.6em;
}

div#tags_frame
{
position:relative;
float:right;
width:23%;
padding: 5px;
}

div#tags_block
{
background-color:#FFFFFF;
margin: 0.5px;
padding: 0.7em;
}

div#friends_frame
{
position:relative;
float:right;
clear:right;
width:23%;
padding: 5px;
}

div#friends_block
{
background-color:#FFFFFF;
margin: 0.5px;
padding: 0.7em;
}

div#comrades_frame
{
position:relative;
float:right;
clear:right;
width:23%;
padding: 5px;
}

div#comrades_block
{
background-color:#FFFFFF;
margin: 0.5px;
padding: 0.7em;
}

div#top_proc_frame
{
position:relative;
float:right;
clear:right;
width:23%;
padding: 5px;
}


div#top_proc_block
{
background-color:#FFFFFF;
margin: 0.5px;
padding: 0.7em;
}

div#empty
{
position:relative;
float:right;
clear:right;
padding: 1em;
}

div#ratings_block
{
position:relative;
width:70%;
float:left;
}

.subj_window
{
display:block;
width:30%;
position:absolute;
top:10em;
z-index:1;
border:1px solid #ccc;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
margin: 0 0 0 55%;
font-size:11px;
text-decoration:none;
background-color:#FFCCCC;
text-align:center;
}

div#central_column
{
position:relative;
float:left;
width:70%;
margin: 0px 0px 0px 10px;
}

div#welcome2
{
padding:1em;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:#F9F9F2;
}

div#wel_reg
{
margin-left:80%;
}

.notes {
border:1px solid #EDDE87;  
background:#FFFFD5; 
padding:9px; 
width:100%; 
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/* -----------------------------------*/
/* ---------->>> FORMS <<<------------*/
/* -----------------------------------*/

.forms
{
margin:0;
}
.inputs
{
font-family:Verdana, Arial, Helvetica, sans-serif;
border-color: #748338;
border-style: solid;
border-width: 1px;
}

.fields
{
position:relative;
width:100%;
padding: 10px;
}

.inputs2
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
}

.fields_focus
{
position:relative;
width:100%;
padding: 10px;
border:1px solid #EDDE87;
background-color:#FFFFD5;
}

.fields_error
{
position:relative;
width:100%;
padding: 10px;
border:1px solid #EDDE87;
background-color:#FA7C72;
}

.fields .info
{
display:none;
}
/*
.fields:hover .info
{
position:absolute;
display:block;
color:#FF6600;
top:0px;
right:0px;
margin:5px;
border:1px solid #EDDE87;
background:#FFFFD5;
padding:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}*/

.info_frame
{
float:right;
background-color:#FFAB93;
position:relative;
width:23%;
padding: 5px 5px 5px 5px;
}

.info_block
{
background-color:#FFFFFF;
margin: 0.5px;
padding: 0.7em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

 .info_focus
{
position:absolute;
display:block;
color:#FF6600;
top:0px;
right:0px;
margin:0px;
background:#FFFFD5;
padding:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

 .info_error
{
position:absolute;
display:block;
color:#FFFFFF;
top:0px;
right:0px;
margin:0px;
background-color:#FA7C72;
padding:6px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:small;
}

#form_block
{
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
padding: 10px;
color:#A27706;
}

/* -----------------------------------*/
/* ---------->>> LINKS <<<------------*/
/* -----------------------------------*/

#registration
{
color:#FF754B;
}

#registration:hover
{
color:#FFC13C;
}

.small_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;
	color: #748338;
}

.small_link:hover
{
	color: #BBC88D;  
}

.average_link
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:bold;
	text-decoration:none;
	color: #748338;
}


.average_link:hover
{
  color: #BBC88D;  
}

.average_link2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	text-decoration:none;
	color: #748338;
}

.average_link2:hover
{
 text-decoration:underline;
}

.bright_link
{
font-family: Verdana, Arial, Helvetica, sans-serif;
color:#FF754B;
font-size: small;
font-weight:bold;
text-decoration:none;
}

.bright_link:hover
{
text-decoration:underline;
}

.sugg_tag
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #748338;
text-decoration:none;
cursor:default;
}

.sugg_tag:hover
{
background-color:#FFA6A8;
color:#FFFFFF;
}

.tag
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #748338;
text-decoration:none;
}
.tag:hover
{
background-color:#F2F8E0;
}

.frame_headlink
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
text-decoration:none;
color:#6996BE;
}
.frame_headlink:hover
{
text-decoration:underline;
}

.big_link
{
text-decoration:none;
color:#7FA0B1;
font-size:x-large;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7FA0B1;
}

.big_link:hover
{
background-color:#ECF1F4;
}

.friend_link
{
font-weight:bold;
text-decoration:none;
color:#7FA0B1;
font-size:small;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7FA0B1;
}

.friend_link:hover
{
color:#B5C8D2;
}

#tour
{
font-size:large;
color:#FF754B;
}
#tour:hover
{
color:#FFC13C;
}

.ratings a
{
color: #748338;
}

.head_small a
{

color:#FF754B;
}

.head_small a:hover
{
text-decoration:none;
color:#FFC13C;
}

.my_menu
{
font-size:small;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF754B;
}

.my_menu:hover
{
color:#FFC13C;
}

#add_button
{
color:#7FA0B1;
}

#add_button a
{
text-decoration:none;
color:#7FA0B1;
}

#add_button a:hover
{
background-color:#ECF1F4;
}

div#wel_reg a
{
font-size:large;
color:#FF754B;
}

#wel_reg a:hover
{
background-color:#FFE6DF;
}
/* -----------------------------------*/
/* ---------->>> TEXT <<<-------------*/
/* -----------------------------------*/
.small_text1
{
font-size:x-small;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7FA0B1;
}


.alert
{
color:#FF754B;
}

.small_head
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight:bold;
	text-decoration:none;
	color: #748338;
}

.frame_head
{
width:98%;
text-align:center;
font-size:medium;
color:#000000;
padding:0 0 5px 0;
}

.tagcurrent
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color: #748338;
text-decoration:none;
background-color:#F2F8E0;
}

.t1
{
font-size:x-small;
}

.t2
{
font-size:smaller;
}

.t3
{
font-size:small;
}

.t4
{
font-size:medium;
}

.t5
{
font-size:larger;
}

.t6
{
font-size:large;

}

.t7
{
font-size:x-large;
}

.t8
{
font-size:xx-large;
}

.head1
{
color:#FF754B;
font-size:large;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

.small_alert
{
font-size:x-small;
color:#FF754B;
}

.head_small
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#FF754B;
}

h1
{
font-size:inherit;
font-family:inherit;
font-weight:normal;
padding:0;
margin:0;
}

.head2
{
font-size:x-large;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#7FA0B1;
}

.head3
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
color: #748338;
}

.head4
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
color:#7FA0B1;
}

.rating_date
{
font-size:small;
}

.frame_head_big
{
color:#FF754B;
font-size:large;
font-family: Verdana, Arial, Helvetica, sans-serif;
display:block;
width:90%;
text-align:center;
}
/* ----------------------------------------*/
/* ---------->>> MENU, LISTS <<<-----------*/
/* ----------------------------------------*/

div#menu1
{
width: 70%;
background: #E7F1C4;
position:absolute;
margin: 1.7em 10px 10px 0.6em;
padding: 5px 5px 5px 5px;
}

div#menu
{
width: 70%;
height: 3.15em;
background: #E7F1C4;
position:absolute;
margin: 2.2em 10px 10px 0.6em;
padding: 5px 5px 0px 5px;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color: #748338;
}

ul#nav,ul#nav li
{
list-style-type:none;
padding:0; 
margin:0;
}

ul#nav
{
margin: 8px 20px 0px 1.5em;
}

ul#nav li
{
float:left;
margin-right: 3px;
text-align: center;
}

.cat_menu_link
{
float:left;
width: 5em;
padding: 6px 0;
text-decoration:none;
color: #222;
}

.cat_menu_link:hover
{
color: #FFFFFF;
background-color: #FF8D6C;
}

#cat_activelink
{
background-color: #FFF; 
color:#FF754B;
}

.menu_el a
{
background-color: #C8D59B;
}


.menu_el:hover a
{
display:block;
}

.dropdown
{
display:none;
width:5em;
padding:0.2em 0.4em 0.5em 0.4em;
position:absolute;
top:3.45em;
_margin-left:-6em;
text-align: center;
/*border:1px solid #CC9900;*/
color:#FF754B;
text-decoration:none;
}



.dropdown:hover
{
text-decoration:underline;
display:block !important;
}

.dropdown2
{
display:none;
width:8em;
padding:0.2em 0.2em 0.5em 0.2em;
position:absolute;
top:4.25em;
_top:4.15em;
margin-left:-1em;
_margin-left:-6em;
text-align: center;
/*border:1px solid #CC9900;*/
color:#FF754B;
text-decoration:none;
}



.dropdown2:hover
{
text-decoration:underline;
display:block; !important;
}

#top_activelink
{
display:block !important;
}

.add_block
{
_width:14.1em;
background-color:#FFFFFF;
margin: 0.5px;
padding: 0.7em;
}

.addblock_item
{
padding:2px 0 2px 0;
vertical-align:text-top;
}
.addblock_item:hover
{
background-color:#ECF1F4;
padding:2px 0 2px 0;
}

.myblock_item
{
padding:4px 0 2px 0;
}
.myblock_item:hover
{
background-color:#FFEFE8;
padding:4px 0 2px 0;
}

.block_link
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium;
font-weight:bold;
text-decoration:none;
}
.addblock_link
{
color:#7FA0B1;
}
.myblock_link
{
color:#d9998c;
}

#addblock_frame
{
position:relative;
float:left;
width:15.5em;
padding: 5px;
margin-top: 2em;
background-color:#C2D1DA;
}

#myblock_frame
{
position:relative;
float:left;
width:15.6em;
padding: 5px;
margin:2em 0 0 5em; 
background-color:#FFE7DD;
}



.img_marker
{
display:inline; 
vertical-align:text-bottom;
}

@media all and (min-width:0)
	{
	.img_marker { vertical-align:middle;}
	}


.vert_menu_block
{

background-color:#FFFFFF;
}

.avatar_block
{
margin-top:0.2em;
}

.friend_item
{
background-color:#FFFFFF;
margin-top:0.5em;
height:50px;
}

.friend_item:hover
{
background-color:#F2F8E0;
}

.friend
{
display:block;
margin-top:-2em;
margin-left: 5em;
width:50%;
height:50%;
font-size:medium;
text-decoration:none;
color: #748338;
}

.friend:hover
{
background-color:#F2F8E0;
}

/* -----------------------------------------------------*/
/* ---------->>> TABLES <<<-----------------------------*/
/* -----------------------------------------------------*/
.comments
{
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 100%;
}
.comments_cell
{
border-top-style:dashed;
border-top-width:1px;
border-top-color:#000000;
}

.top_cell
{
border-width:1px;
border-top-style:solid;
border-top-color:#CFDDE1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
color: #7FA0B1;
}

.ratings
{
border-width:1px;
border-top-style:solid;
border-top-color:#CFDDE1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:large;
color: #748338;
}




/* -----------------------------------------------------*/
/* ---------->>> POPUPS <<<-----------------------------*/
/* -----------------------------------------------------*/
.popup span{
display:none;

/*собственно прячем тултип - пока мышь не наведена*/
}

.popup{position:relative; outline:0;}
.popup:hover{
_z-index:23;
background:#fafafa;
text-decoration: none;/*Ставим точку отсчета для тултипа внутрь данной ссылки*/
/*это нужно что бы тултип показывался поверх этой и других ссылок*/
}
.popup:hover SPAN{
display:block;
position: absolute;
z-index:20;
border:1px solid #ccc;
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:5px;
font-size:11px;
cursor:pointer;
text-decoration:none;
background:#fafafa;
}


/* -----------------------------------------------------*/
/* ---------->>> STAR RATING <<<------------------------*/
/* -----------------------------------------------------*/


dl.star-rating ol {
  margin: 0;
  padding: 0;
  list-style: none;
  width: 120px;
  height: 20px;
  position: relative;
  background: url(../images/stars.gif);
  cursor:pointer;
}

dl.star-rating li {
  float: left;
  margin: 0;
  padding: 0;
}

dl.star-rating li span {
  display: block;
  width: 20px;
  height: 20px;
  text-indent: -9999px;
  position: absolute;
  text-decoration: none;
  z-index: 10;
}


dl.star-rating li span:hover 
{
		background: url(../images/stars.gif) left bottom;
		left: 0;
		z-index: 2;
	}

dl.star-rating span.star1 {
		left: 0;
	}	dl.star-rating span.star1:hover {
		width: 20px;
	}
	dl.star-rating span.star2 {
		left: 20px;
	}	dl.star-rating span.star2:hover {
		width: 40px;
	}
	dl.star-rating span.star3 {
		left: 40px;
	} dl.star-rating span.star3:hover {
		width: 60px;
	}
	dl.star-rating span.star4 {
		left: 60px;
	}	dl.star-rating span.star4:hover {
		width: 80px;
	}
	dl.star-rating span.star5 {
		left: 80px;
	} dl.star-rating span.star5:hover {
		width: 100px;
	}
	dl.star-rating span.star6 {
		left: 100px;
	} dl.star-rating span.star6:hover {
		width: 120px;
	}
	
 dl.star-rating ol>li span:hover{
                text-indent: 130px;
  }

.current1 {
  background: url(../images/stars.gif) left bottom;
  height: 20px;
  z-index: 1;
  width:20px;
}
.current2 {
  background: url(../images/stars.gif) left bottom;
  height: 20px;
  z-index: 1;
  width:40px;
}
.current3 {
  background: url(../images/stars.gif) left bottom;
  height: 20px;
  z-index: 1;
  width:60px;
}
.current4 {
  background: url(../images/stars.gif) left bottom;
  height: 20px;
  z-index: 1;
  width:80px;
}
.current5 {
  background: url(../images/stars.gif) left bottom;
  height: 20px;
  z-index: 1;
  width:100px;
}

.current6 {
  background: url(../images/stars.gif) left bottom;
  height: 20px;
  z-index: 1;
  width:120px;
}


/* -----------------------------------------------------*/
/* ---------->>> PAGES NUMBERS NAVIGATION <<<-----------*/
/* -----------------------------------------------------*/

.pagination{
padding:2px;
}

.pagination ul{
margin: 0;
padding: 0;
text-align: left; /*Set to "right" to right align pagination interface*/
font-size: 16px;
}

.pagination li{
list-style-type: none;
display: inline;
padding-bottom: 1px;
}

.pagination a, .pagination a:visited{
padding: 0 5px;
border: 1px solid;
border-color:#748338;
text-decoration: none; 
color: #748338;
}

.pagination a:hover, .pagination a:active{
border: 1px solid;
border-color:#748338;
color: #000000;
background-color: #FFFFD5;
}

.pagination li.currentpage{
font-weight: bold;
padding: 0 5px;
border: 1px solid #748338;
background-color: #748338;
color: #FFF;
}

.pagination li.disablepage{
padding: 0 5px;
border: 1px solid #929292;
color: #929292;
}

.pagination li.nextpage{
font-weight: bold;
}

* html .pagination li.currentpage, * html .pagination li.disablepage{ /*IE 6 and below. Adjust non linked LIs slightly to account for bugs*/
margin-right: 5px;
padding-right: 0;
}

/*END PAGES NUMBERS NAVIGATION END*/



/* -----------------------------------------------------*/
/* ---------->>> OTHER <<<-----------------------------*/
/* -----------------------------------------------------*/

.notvisible
{
display:none;
}

.visible
{
display:block;
}

.search_option
{
display:inline;
}

#tops
{
margin-top:2em;
}