/*Верхняя панель*/
.top_panel {
    border: #ff8340 5px solid;
    height: 28px;
    vertical-align: middle;
    padding-top: 5px;
    padding-left: 5px;
    margin-top: 50px; 
    margin-bottom: 0px;   
    padding-bottom: 5px;  
    padding-right: 5px;
    background-color: #ffffff;
    min-width: 495px;
}

.top_panel a {
    color: black;
    text-decoration: underline;
}

.top_panel .register {
    margin-left: 10px;
}
ul.bNav {
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: center;
	
}

.bNav li a:hover {
  border-top: 1px solid #CAD1D9;
  background-color: #DAE1E8;
}

.bNav li {
	display: inline;
	float: center;
}

.bNav li a {
  border-top: 1px solid #FFF;
  display:block; padding: 1px 5px 2px 7px;}




.top_panel .exit_button {
    margin-right: 20px;
}

.new_messages {
    color: black;
} 

.top_panel .username, .top_panel .password {
    margin-right: 10px;
    min-width: 100px;
}

.messages tr td {
    border-top: #CCCCCC 1px solid; 
    padding-top: 5px;
    padding-bottom: 5px;  
}


/*страница*/

#main {
    width: 802px;
    margin: auto;
}

#logo {
    margin-top: 20px;
}

#content {
    margin-top: 20px;
    background-color: #ffffff;
    border: #e1e1e1 3px solid;
    padding: 8px; 
    text-align: center;
    padding-left: 30px;
    min-height: 400px;
}

#psevdo_content {
    margin-top: 20px;
    background-color: #ffffff;
    border: #e1e1e1 3px solid;
    padding: 8px; 
    text-align: center;
    padding-left: 30px;
}

#footer {
    margin-top: 20px;
    background-color: #ffffff;
    border: #e1e1e1 3px solid;
    padding: 8px;
    font-weight: bold;    
}

body {
    margin:0;
    padding:0;
    font-family: verdana;
    font-size: 12px;
    background: #F0F8E4 url(http://www.vozhatiy.ru/templates/siteground/images/summer/bg.png) repeat-x fixed left bottom;
    height: 100%;
    width: 100%;
}

#body {
    background: transparent url(http://www.vozhatiy.ru/templates/siteground/images/summer/summer_background.jpg) repeat-x scroll right top;
    margin:0;
    overflow:hidden;
    padding:0;
    width:100%;
}

html {
    height: 100%;
}

.little_text {
    font-size: 11px;
}

a {color: #ff8340; font-weight: bold;}
a {text-decoration: none;}
a:hover {text-decoration: underline;}

.border_table tr td {
    border-bottom: #CCCCCC 1px solid; 
    padding-top: 5px;
}

.inactive_item, .active_item {
    margin: 5px;
    padding: 10px;
    display: inline-block;
    background: transparent;
    border: 1px solid #cccccc;
    color : #666666;
}

.inactive_item a {
    color: black;
}

.link {
    cursor: pointer; 
    cursor: hand;
}

th {
    font-weight: bold;
    text-align: left;
}

.info_message {
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 30px;
    background-color: #ff8340;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    width: 300px;
}

button, input.button {
   background: transparent;
   border: 1px solid #cccccc;
   font-size: 12px; 
   font-weight: bold;
   color : #666666;
   padding: 3px;
}

}

label.error {
    color: red;
    font-weight: bold;
    margin-left: 10px;
    font-size: 11px;
}

.user_photo {
    text-align: left;
}

.user_comment {
    font-size: 11px;
    color: gray;
}

.general_comment .user_comment {
    font-weight: bold;
    color: black;
}

.right {
    text-align: right;
}
.left {
    text-align: left;
}

.table_border td {
    border-bottom: #cccccc 1px solid;
}

.right_seeker_info {
    float: right; 
    vertical-align: bottom; 
    margin-top: 50px; 
    width: 500px; 
    font-size: 11px; 
    font-weight: bold;
}

.recomendation {
    background-color: #eeeeee;
    border: #cccccc 1px solid;
    font-size: 11px;
    font-weight: bold;
}

.men {
    background-color: #eeeeee;
    border: #cccccc 1px solid;
}

#tooltip {
    position: absolute;
    z-index: 3000;
    padding: 5px;
    opacity: 0.85;
    border: #cccccc 1px solid; 
    background-color: #eeeeee;
    width: 300px;
}


#good_tooltip {
    position: absolute;
    z-index: 3000;
    padding: 5px;
    opacity: 0.85;
    border-width:0px;
    width: 300px;
}

#tooltip h3, #tooltip div { margin: 0; }

#good_tooltip h3, #good_tooltip div { margin: 0; }

h3 {
    font-size: 15px;
    font-weight: bold;
    font-family: tahoma;
    padding-left: 5px;
    padding-right: 5px;
}

#tooltip.help_message {
    width: 250px; 
    text-align: left;
    background: url('../images/shadow2.png');
    background-repeat:no-repeat;
    padding-top: 5em;
    height: 160px;
}
#tooltip.help_message.viewport-right {
    background: url('../images/shadow2_reverse.png');
}

/*Поиск пользоватrля*/

#search label {
    text-align: right;
    color: grey;
    font-weight: bold;
    clear: both;
    float: left; 
    width: 49%;
    padding-top: 10px;
}

#search fieldset {
    padding-left: 20px;
}

#search label.custom {
    float:none;
    clear:none;
}

#search .element_container {
    float: right;
    width: 49%;
    text-align: left;
    padding-top: 10px; 
} 

.element_container select, .element_container input, .element_container textarea {
    width: 300px;
}

/*Просмотр и редактирование профиля*/

.userPath {
    font-size: 26px;  
}

.userPath a {
    font-weight: normal;
    color: black;
    text-decoration: underline;
}
.userPath a:hover {
    text-decoration: none;
}

.user_actions_menu {
    text-align: left;
}


.profile_param_name {
    float: left;
    clear: both;
    margin-right: 10px;
    width: 200px;
    text-align: right;
    margin-bottom: 20px;
    font-weight: bold;
}

#profile_view  .profile_param_name {
    width: 145px;     
    margin-bottom: 0px;
}


#profile_view .profile_param_value {
    width: 215px;
}

.profile_param_value {
    float: right;
    text-align: left;
    width: 300px;
    margin-bottom: 10px;  
}

.profile_param_value input, .profile_param_value select, .profile_param_value textarea {
    width: 270px;
}

.profile_param_value textarea {
    height: 150px;
}

#print .profile_param_name {
    width: 100px;
    margin-bottom: 5px;   
}

#print .profile_param_value {
    width: 250px;
}

.settings_container {
    width:520px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
}

.profile_group {
    font-weight: bold;
    text-align:  left;
    clear: both;
    color: #ff8340;
    margin-bottom: 10px;
    font-size: 18px;
    margin-top: 20px;   
}

.profile_group a {
    font-size: 12px;
    color: black;
    text-decoration: underline;
}

#expierence_form, #skills_form, #people_form {
    display: none;
}

#people_form {
    margin-top: 30px;
}

.expierence_form, .skills_form, .people_form {
    width: 520px;
}

.profile_menu {
    margin-top: 2px;
    margin-bottom: 20px;
    margin-left: -20px;
    text-align: center;
}


select.years {
    width: auto;    
} 


input.autosize {
    width: auto;
} 

.statistic {
    margin-left: 20px;
    margin-right: 20px;    
    text-align:left;
    font-size:11px; 
    background-color:#eeeeee; 
    border: #cccccc 1px solid;
}

/*Регистрация*/

.general_comment {
    border: #cccccc 1px solid;
    width:510px;
    margin-bottom: 10px;
    background-color: #EEEEEE;
}

form.register .field_name, form.login_form .field_name {
    text-align: right;
    font-size: 18px;  
}

form.register {
    font-size: 14px;
}

form.register button {
    width: 200px;
    height: 40px;
    font-size: 20px;
}

form.register .input, form.login_form .input {
    width: 300px;
    height: 30px;
    font-size: 23px;
}

/**ЛС*/

.new_message {
    font-weight: bold;
}

.mail_menu {
    margin-top: 2px;
    margin-bottom: 16px;
    text-align: left;
}

.mail_menu span {
    margin-left: 10px;
}

textarea.writeto {
    width: 400px;
    height: 200px;
}

/*modal*/
#simplemodal-container {height:400px; width:600px; background-color:#fff; border:3px solid #ccc;text-align: center;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-18px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}
#simplemodal-overlay {background-color: gray; opacity: 70%;}