@charset "utf-8";
 
 
/* ======= БЛОК #1 ======= 
 * Стили для основного контейнера и глобальные стили для некоторых элементов.
 */
#consultant_wrapper {
	position:fixed;
	bottom:0;
	right:10px;
	width:268px;
	z-index:10001;
	font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	font-size:12px;
	text-align:left;
	display:none;
}
#consultant_wrapper p{
	text-indent:0;
}
#consultant_wrapper a{
	text-decoration: none;
}
/*TODO: Не нужно.*/
.cons_list_advanced a {
	text-decoration:none;
}
* html div#consultant_wrapper{
	/*overflow:auto;*/
	position:absolute;
}
 
/* ======= БЛОК #2 ======= 
 * Стили для заголовков (основной заголовок главного окна).
 */
#consultant_wrapper .cons_header {
	position: relative;
	margin: 0;
	height: 36px;
	padding: 0px 0 0px 50px;
	color: white;
	font: 13px/36px Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
	text-transform: none;
	font-weight: bold;
	cursor: pointer;
	background: #1371B8;
	border-radius: 3px 3px 0px 0px;
	-moz-border-radius: 3px 3px 0px 0px;
	-webkit-border-radius: 3px 3px 0px 0px;
}
#consultant_wrapper .cons_header:before{
	position: absolute;
	content: '';
	width: 26px;
	height: 22px;
	left: 14px;
	top: 7px;
	background: url("/images/lexus_restyle/dialog_ic.png") no-repeat left top;
}
#consultant_wrapper #cons_hide_consultant_block.cons_show_full{
	position:absolute; 
	top:10px; 
	right:10px;
	cursor:pointer; 
}
 
/* ======= БЛОК #3 ======= 
 * Стили для заголовков (Дополнительный заголовок окна с консультантами).
 */
#consultant_wrapper #consultant_list.cons_list_advanced .cons_header{
	height: 26px;
	line-height: 26px;
	padding-left: 14px;
	cursor: default;
}
#consultant_wrapper #consultant_list.cons_list_advanced .cons_header:before{
	background: none;
}
#consultant_wrapper #consultant_list.cons_list_advanced .cons_close_list {
	position: absolute;
	width: 26px;
	height: 26px;
	top: 0px;
	right: 0px;
	background: url("/images/lexus_restyle/close_list_left_consultant.png") no-repeat center center transparent;
	cursor: pointer;
}
 
 
 
/* ======= БЛОК #4 ======= 
 * Общие глобальные стили для контейнеров.
 */
#consultant_wrapper #consultant_list,
#consultant_wrapper #consultation_section {
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-left: 2px solid #1371B8;
	border-right: 2px solid #1371B8;
	width: 264px;
	background: #ffffff;
}
#consultant_wrapper #consultation_section { 
	display:none; 
}
#consultant_wrapper #consultant_list.cons_list_advanced { 
	position:absolute; 
	right:266px;
	top: 36px;
	height: 100%;
}
#consultant_wrapper #consultant_list_container,
#consultant_wrapper #cons_main_block {
	background: #ffffff;
}
 
/* ======= БЛОК #5 ======= 
 * Стили для контейнера со списком консультантов (неважно в каком окне).
 */
#consultant_wrapper #consultant_list_container{ 
	max-height:310px;
	overflow: hidden;
}
#consultant_wrapper .cons_list_advanced #consultant_list_container{
	height: 87.5%;
	max-height: 87.5%;
}
#consultant_wrapper #consultant_list_container .new_messages{
	background: url('/images/lexus_restyle/bg_new_message.png') repeat left top transparent;
	position: relative;
}
#consultant_wrapper #consultant_list_container .new_messages:before{
	position: absolute;
	content: ' ';
	background: url('/images/lexus_restyle/envelope.png') repeat left top transparent;
	right: 10px;
	top: 8px;
	width: 16px;
	height: 13px;
}
#consultant_wrapper #consultant_list_container .cons_container_wrapper{
	padding: 8px 0px 6px;
}
/* Стили для контейнера со списком консультантов когда консультантов нет. */
#consultant_wrapper #consultant_list_container .sorry_message{
	padding:30px 45px;
	color: #292929;
	line-height: 16px;
}
 
/* ======= БЛОК #6 ======= 
 * Общие стили для карточки консультанта в списке и диалоге.
 */
#consultant_wrapper .cons_unit {
	clear:both;
	padding: 5px 10px;
	margin-bottom: 2px;
}
#consultant_wrapper .cons_unit a:hover{ 
	text-decoration:none;
}
#consultant_wrapper .cons_unit img { 
	border: 2px solid #ffffff; 
	float: left; 
	margin: 0px; 
	display: block;
}
#consultant_wrapper .cons_unit .cons_data { 
	margin-left: 74px; 
	height: 66px; 
	position: relative;
}
#consultant_wrapper .cons_unit .cons_data p { 
	margin: 0; 
	font-size: 11px; 
}
#consultant_wrapper .cons_unit .cons_data .cons_name { 
	color: #1371B8; 
	font-size: 14px; 
	font-weight: bold; 
	padding:0px; 
	overflow: hidden;
	width: 155px;
}
#consultant_wrapper .cons_unit .cons_data .cons_depart { 
	font-size: 10px; 
	line-height: 10px;
	padding: 2px 0px; 
	color: #898989;
}
#consultant_wrapper .cons_unit .cons_data .cons_change { 
	font-size: 10px;
}
#consultant_wrapper .cons_unit .cons_data .cons_change .cons_link_change{
	border-bottom: 1px dashed;
	color: #1371B8;
	text-decoration: none;
}
#consultant_wrapper .cons_unit .cons_data .cons_change .cons_link_change:hover{
	border-bottom: 1px dashed #ffffff;
	text-decoration: none;
}
 
/* ======= БЛОК #7 ======= 
 * Стили для карточки консультанта в списке.
 */
#consultant_wrapper #consultant_list_container .cons_unit .cons_data{ 
	cursor:pointer; 
}
#consultant_wrapper #consultant_list_container .cons_unit .cons_data .cons_depart{
	max-width: 155px;
	word-wrap: break-word;
}
#consultant_wrapper #consultant_list_container .cons_unit a:hover .cons_data .cons_name{
	text-decoration: underline;
}
#consultant_wrapper #consultant_list_container .cons_unit .cons_data .new_messages_count{
	position: absolute;
	right: 4px;
	top: 15px;
	font-weight: bold;
	color: #1371B8;
	font-size: 14px;
}
 
 
/* ======= БЛОК #8 ======= 
 * Стили для контейнера и элементов внутри формы логина
 */
#consultant_wrapper #cons_user_login{ 
	display:none; 
	height: 320px; 
	margin-left: 12px;
}
#consultant_wrapper #cons_user_login .cons_user_name_enter{
	color: #292929;
	font-size: 12px;
	margin-bottom: 10px;
}
#consultant_wrapper #cons_user_login .cons_add_user_name{
	padding:0px 5px 10px;
}
#consultant_wrapper #cons_user_login .cons_label_name{
	color: #292929; 
	font-size: 12px;
}
#consultant_wrapper #cons_user_login p{
	margin: 0; 
}
#consultant_wrapper #cons_user_login input{
	background: #ffffff;
	color: #292929;
	font-size: 12px;
	height: 20px;
	margin: 0px;
	padding-left: 5px;
	width: 233px;
	border: 1px solid #555555;
}
#consultant_wrapper #cons_user_login #cons_new_user_button { 
	margin: 12px 0 0 170px;
	width: 70px;
	height: 20px;
	cursor: pointer;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	background: #1371B8;
}
#consultant_wrapper #cons_user_login #cons_new_user_button:hover{
	background: #07528B;
}
 
/* ======= БЛОК #8.1 ======= 
 * Стили для контейнера истории внутри блока логина
 */
#consultant_wrapper #cons_user_login .logins_history_block {
	margin-top: 15px;
	height: 190px;
}
#consultant_wrapper #cons_user_login .cons_label_profil {
	color: #292929;
	padding: 0px 0px 8px 0px;
}
#consultant_wrapper #cons_user_login .cons_user_item_profile{
	padding: 0px 0px 5px 0px;
}
#consultant_wrapper #cons_user_login .cons_user_item_profile a{
	text-decoration: none;
	padding-left: 16px;
	background: url("/images/lexus_restyle/user_ic.png") no-repeat left 0px;
	font-size: 12px;
	color: #292929;
	display: block;
}
#consultant_wrapper #cons_user_login .cons_user_item_profile a:hover{
	text-decoration: underline;
}
 
/* ======= БЛОК #9 ======= 
 * Стили для контейнера сообщений внутри диалога
 */
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper { 
	height: 260px;
	margin: 0px;
	overflow: auto;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper p { 
	display:block;
	position: relative;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_income,
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_outcome{
	padding: 4px 0px 4px 11px;
	margin: 0px;
	max-width: 240px;
	overflow: hidden;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_income{
	padding-left: 11px;
	font-size: 12px;
	color: #292929;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_outcome{
	color: #1371B8;
	padding-left: 11px;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .notice,
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .new_message{
	background: url("/images/lexus_restyle/bg_new_message.png") repeat left top transparent;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_outcome .to, 
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_income .from { 
	color: #000000;
	font-weight: bold;
	font-size: 10px;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_outcome a{
	color: #1371B8;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_outcome a:hover{
	text-decoration: underline;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .cons_mess_send_date {
	color:#6d7579;
	font-size: 10px; 
	font-weight: normal;
}
 
/* ======= БЛОК #9.1 ======= 
 * Стили для нотис сообщений в диалоге
 */
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .notice {
	color: #292929;
	padding: 4px 12px;
	text-align: center;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .notice a{
	color: #1371b8;
	text-decoration: none;
	border-bottom: 1px dashed #1371b8;
}
#consultant_wrapper #cons_unit_wrapper .consultation_wrapper .notice_with_code_writing_notify{
	padding-left: 12px;
	background: url('/images/lexus_restyle/crayon-icon.png') no-repeat left center transparent;
}
 
/* ======= БЛОК #9.2 ======= 
 * Стили диалога отправки сообщения
 */
#consultant_wrapper .cons_send_message_wrapper{
	padding: 0px 0px 5px 0px; 
	overflow: hidden;
	margin-top: 8px;
}
#consultant_wrapper .cons_send_message_wrapper textarea{
	resize: vertical;
	min-height: 55px;
	border: 1px solid #555555;
	padding: 10px;
	margin: 0px 0px 0px 12px;
	width: 240px;
	box-sizing: border-box;
	max-height: 300px;
	font-size: 12px;
	color: #292929;
	font-family:Arial, "Helvetica CY", "Nimbus Sans L", sans-serif;
}
#consultant_wrapper .cons_send_message_wrapper textarea.placeholder{
	color: #898989;
}
#consultant_wrapper .cons_send_message_wrapper #cons_send_message_button {
	background: #1371B8;
	width: 70px;
	height: 20px;
	border: none;
	margin: 0px 12px 0px 0px;
	float: right;
	cursor: pointer;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
}
#consultant_wrapper .cons_send_message_wrapper #cons_send_message_button:hover{
	background: #07528B;
}
#consultant_wrapper #cons_main_block.disabled .cons_send_message_wrapper #cons_send_message_button {
	background: #898989;
	cursor: default;
}
 
/* ======= БЛОК #9.3 ======= 
 * Стили текущего профиля в блкое диалога
 */
#consultant_wrapper .cons_proflie_and_action_block {
	overflow: hidden;
	margin-top: 10px;
	padding-bottom: 5px;
}
#consultant_wrapper .cons_proflie_and_action_block .cons_user_profile {
	letter-spacing: -1px;
	color: #1371B8;
	width: 160px;
	font-size: 10px;
	word-wrap: break-word;
	display: inline-block;
	margin-left: 11px;
}
#consultant_wrapper .cons_proflie_and_action_block .cons_user_profile .cons_user_name{
	text-decoration: none;
	padding-left: 16px;
	background: url("/images/lexus_restyle/user_ic.png") no-repeat left 0px;
	font-size: 12px;
	color: #292929;
	display: block;
	letter-spacing: 0px;
}
#consultant_wrapper .cons_proflie_and_action_block .cons_user_profile #cons_client_logout_button{
	border-bottom: 1px dashed #1371B8;
	color: #1371B8;
}
#consultant_wrapper .cons_proflie_and_action_block .cons_user_profile #cons_client_logout_button:hover{
	border-bottom-color: transparent;
	text-decoration: none;
}
 
/* ======= БЛОК #10 ======= 
 * Стили скроллбаров
 */
#consultant_wrapper .jspContainer:focus {
	outline: none;
}
#consultant_wrapper .jspTrack{
	background: #07528B;
}
#consultant_wrapper .jspDrag {
	border-radius: 2px;
	-webkit-border-radius: 5px;
	width: 8px;
	margin-left: 1px;
}
#consultant_wrapper .jspDrag, 
#consultant_wrapper .jspDrag:hover, 
#consultant_wrapper .jspDrag.jspActive{
	background: -moz-linear-gradient(left,  #e6e6e6 0%, #eaeaea 29%, #efefef 43%, #f5f5f5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e6e6e6), color-stop(29%,#eaeaea), color-stop(43%,#efefef), color-stop(100%,#f5f5f5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #e6e6e6 0%,#eaeaea 29%,#efefef 43%,#f5f5f5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #e6e6e6 0%,#eaeaea 29%,#efefef 43%,#f5f5f5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #e6e6e6 0%,#eaeaea 29%,#efefef 43%,#f5f5f5 100%); /* IE10+ */
	background: linear-gradient(to right,  #e6e6e6 0%,#eaeaea 29%,#efefef 43%,#f5f5f5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#f5f5f5',GradientType=1 ); /* IE6-9 */	
}
#consultant_wrapper .jspScrollable:focus {
	outline: none;
}

/* Форма */
.cons_container_wrapper form{
	padding: 5px 12px;
	color: #292929;
}
.cons_container_wrapper form .form_text{
	margin-bottom: 12px;
	width: 218px;
}
.cons_container_wrapper form .item_form input,
.cons_container_wrapper form .item_form textarea{
	color: #292929;
	border: 1px solid #555555;
	margin-bottom: 5px;
	padding: 7px 10px;
	width: 218px;
	max-width: 218px;
}
.cons_container_wrapper form .item_form textarea{
	height: 83px;
	resize: none;
}

.cons_container_wrapper form .item_form input:focus,
.cons_container_wrapper form .item_form textarea:focus{
	outline: none;
}
.form_success_text {
	margin: 0 0 4px;
}
.cons_container_wrapper .form_btn{
	overflow: hidden;
}
.cons_container_wrapper form #form_send_message_button,
.cons_container_wrapper form #form_close_button{
	background: #1371b8;
	width: 70px;
	height: 20px;
	border: none;
	margin: 5px 0 0;
	float: right;
	cursor: pointer;
	line-height: 20px;
	font-size: 12px;
	color: #ffffff;
	text-align: center;
	padding: 5px 12px;
}
.cons_container_wrapper form #form_send_message_button:hover,
.cons_container_wrapper form #form_close_button:hover{
	background: #07528B;
}
.cons_container_wrapper form #form_success_content{
	display: none;
}