﻿/*
// 2005-11-01
// Copyright (c) Art. Lebedev | http://www.artlebedev.ru/
// Author - Vladimir Tokmakov
*/

form
{
width: 100%;
margin: 0; padding: 0;
}
.form_elements
{
}


label.required, .warning, input.invalid { color: #990000; }
input.valid { color: green; }

label[disabled="true"] { opacity: 0.4; color: black; }

.warning { display: none; position: absolute; z-index: 1; left: 100%; margin-left: 0.5em; top: 0; text-decoration: none; background: white; border: 1px solid #cccccc; font-size: 0.89em; }
.required .warning, .invalid .warning { display: block; padding: 0.25em; width: 14em; margin-left: -15em; }

/* .text { width: 100%; } */
.presized,
input.button
{ width: auto; }

.row { clear: both; padding: 0; margin: 0; min-height: 1em;  position: relative; }
* html .row{height: 1em;}
*:first-child+html .row {
	min-width: 100%;
}
	*:first-child+html .row .row {
		min-width: auto;
	}

.label, .readonly { display: block; margin: 0; padding: 0; padding-top: 0.3em; font-style: normal; }
.label { width: 12em; float: left;}
.for_select_checkbox, .for_select_radio, .for_textarea { padding-top: 0; }
.button { margin-top: 1em; margin-bottom: 1em; }

.input { margin: 0 0 0 13em; padding: 0; //margin-left: 0; //padding-left: 1em; //float: left; }

.input input,
.input label { vertical-align: middle; }

.text_input { padding-top: 0.4em }

.description { display: block; font-style: normal; font-size: 0.89em; }

.selector .label .description { margin-bottom: 0.5em; }

.row .row { margin-left: 20px; padding: 0; clear: none; }
.row .row .input { margin: 0px; padding: 0; }

.label, .input { padding-bottom: 1em; }
.for-previous { position: relative; top: -0.5em; }

.row-submit {
	margin-top: 1em;
}
	.row-submit .label {
		width: 11em;
	}
	.row-submit .input {
		margin: 0 0 0 11em;
		padding: 0 0 0 2em;
		float: none;
	}
	.row-submit .input input,
	.row-submit .input button {
		margin: 0.6em 1.2em 0.6em 0;
		vertical-align: middle;
	}
	.row-submit .input span {
		display: none;
	}
	
	.row-submit-error-format .input,
	.row-submit-error-mandatory .input {
		background: #FEE8D0;
	}
	.row-submit-error-format .input span.type-format,
	.row-submit-error-mandatory .input span.type-mandatory {
		color: #BD0000;
		display: inline-block;
		vertical-align: middle;
	}


.selector { margin-bottom: 0.5em; }
* html .selector{
	clear: left;
	height: 1px; 
}

.selector, .selector span.label { min-height: 20px; display: block; }
.selector .label, .input .label { width: auto; float: none; margin: 0; padding: 0; }
.selector .label { margin-left: 20px; }
.selector .row .label { margin-left: 0; }
.selector input { float: left;}
.selector input.text { float: none; }

.wide { margin-top: 0.5em; }
.wide .label { float: none; width: auto; }
.wide .for_select_checkbox,
.wide .for_select_radio,
.wide .for_select_select,
.wide .for_select,
.wide .for_textarea
{ padding-bottom: 0; }
.wide .input { margin-left: 0; padding-left: 0; margin-bottom: 0.5em; }

.horizontal .selector { float: left; clear: none; margin-right: 1em; }
.horizontal .selector .label { height: auto; }
.horizontal .description { clear: left; }

form fieldset {
    margin: 2em 0 1em 0;
    //margin: 0;
    padding: 1em 0 0 0;
    //padding-bottom: 0;
    clear: left;
    border:0px;
}

form fieldset legend { margin: 0; padding: 0 0.5em 0 0; font-weight: bold; //display: block; //float: left; //margin-bottom: 1em; color: red }
* html form fieldset legend { margin-left: -7px; margin-right: -7px; }
form fieldset fieldset { border: 0 hidden; margin: 0; padding-bottom: 0; padding-top: 1em; //padding-top: 0; }
form fieldset fieldset legend { padding-top: 1em; padding-left: 11em }

@media handheld {
	form,
	.label
	{
	width: auto ! important;
	}
	.label,
	.input
	{
	float: none;
	padding-bottom: 0;
	}
	.input,
	.submit input
	{
	margin-left: 0 ! important;
	}
	.row { margin-bottom: 1em; }
	.row .row { margin-bottom: 0; }
	.warning { position: static; float: right; }
}

form fieldset legend,
div.text,
.description
{ color: #666666; }
form fieldset legend
{ font-weight: bold; }


.off-screen {
	position: absolute;
	left: -9000px;
}


/**
 * Drop down for banker consultation form
 */
.row-custom-select {
	margin: 1em 0 5em;
	z-index: 1;
}
	.row-custom-select dd {
		padding-left: 99px;
	}
	.row-custom-select .image {
		position: absolute;
		margin: -15px 0 0 -104px;
	}
	
	.row-custom-select .select {
		display: inline-block;
		background: url(/i/privatebankers_dropdown.png) 0 -28px repeat-x;
		position: relative;
		width: 258px;
	}
	.row-custom-select .select-inner {
		display: inline-block;
		background: url(/i/privatebankers_dropdown.png) 0 -56px no-repeat;
		height: 28px;
		width: 258px;
		overflow: hidden;
		text-decoration: none;
		outline: none;
	}
	.row-custom-select .select-inner span {
		display: inline-block;
		height: 22px;
		width: 223px;
		background: url(/i/privatebankers_dropdown.png) right top no-repeat;
		padding: 6px 28px 0 7px;
		color: #333;
		cursor: pointer;
	}
	.row-custom-select .select-inner span em {
		font-style: normal;
		line-height: 1em;
		border-bottom: 1px dashed #999;
		display: inline-block;
	}
	.row-custom-select .select-inner:hover span em {
		border-color: #fff;
	}
	
	.row-custom-select .select-dropdown {
		position: absolute;
		z-index: 20;
		display: none;
		background: #fff;
		border-left: 1px solid #E4E4E4;
		border-right: 1px solid #E4E4E4;
		width: 256px !important;
		left: 0;
		top: 30px;
	}
		.row-custom-select .select-dropdown-inner {
			position: relative;
			border-top: 1px solid #E4E4E4;
			border-bottom: 1px solid #E4E4E4;
			margin-top: -1px;
			margin-bottom: -2px;
		}
		.row-custom-select .select-dropdown ul {
			list-style: none;
			padding: 0;
			margin: 0;
			position: relative;
			z-index: 21;
		}
		.row-custom-select .scrollable ul {
			height: 280px;
			overflow: auto;
			overflow-x: hidden;
		}
		
		.row-custom-select .select-dropdown li {
			margin: 0 !important;
			padding: 2px 0 3px;
		}
		.row-custom-select .select-dropdown li a {
			display: block;
			background: #fff;
			text-decoration: none;
			white-space: nowrap;
		}
		.row-custom-select .select-dropdown li img {
			margin-right: 10px;
			margin-left: 6px;
			vertical-align: middle;
		}
		.row-custom-select .select-dropdown li em {
			vertical-align: middle;
			text-decoration: underline;
			font-style: normal;
		}
		.row-custom-select .select-dropdown li a:hover em {
			color: #333;
		}
		
	.row-custom-select iframe {
		display: none;
	}
	* html .row-custom-select iframe  { /* For IE6 use shim */
		display: block;
		position: absolute;
		width: 256px;
		height: 280px;
	}

/**
 * Captcha field
 */
#row_id_Captcha {
	padding-bottom: 7px;
	position: relative;
	z-index: 1;
}
#ConsultationForm #row_id_Captcha {
	position: static;
}
#row_id_Captcha ins {
	margin-top: 11px;
}
#row_id_Captcha dt.label {
	padding-top: 17px;
}
#row_id_Captcha .input input,
#row_id_Captcha .input img,
#row_id_Captcha small {
	vertical-align: middle;
}
	#id_Captcha_image {
		margin-left: 7px;
	}
	
	#row_id_Captcha small {
		padding: 0 38px 0 12px;
	}
	#row_id_Captcha small a {
		text-decoration: none;
		outline: none;
	}
	#row_id_Captcha small a span {
		display: inline-block;
		color: #666;
		border-bottom: 1px dashed #666;
		line-height: 1em;
		//line-height: 1.2em;
		cursor: pointer;
	}
	#row_id_Captcha small a:hover span {
		border-color: #fff;
	}
	
	
	#row_id_agreement ins {
		display: none !important;
	}
/**
 * Tooltip
 */
.tooltip {
	position: absolute;
	z-index: 10;
	font-size: 0.785em;
	line-height: 1.454em;
	width: 200px;
	margin: 31px 0 0 -164px;
}
	.tooltip .c-lt, .tooltip .c-rt, .tooltip .c-lb, .tooltip .c-rb, .tooltip .c-t, .tooltip .c-b, .tooltip .c-l, .tooltip .c-r, .tooltip .c-arrow {
		position: absolute;
	}
	.tooltip .c-t {
		height: 11px;
		background: #fff;
		border-top: 1px solid #D396F0;
		top: -12px;
		left: 0;
		right: 0;
		_width: 100%;
	}
	.tooltip .c-b {
		height: 11px;
		background: #fff;
		border-bottom: 1px solid #D396F0;
		bottom: -12px;
		left: 0;
		right: 0;
		_width: 100%;
	}
	.tooltip .c-l {
		width: 11px;
		background: #fff;
		border-left: 1px solid #D396F0;
		left: -12px;
		top: 0;
		bottom: 0;
	}
	.tooltip .c-r {
		width: 11px;
		background: #fff;
		border-right: 1px solid #D396F0;
		right: -12px;
		top: 0;
		bottom: 0;
	}
	
	* html .tooltip .c-l,
	* html .tooltip .c-r {
		height: expression(parentNode.offsetHeight + 'px');
	}
	
	.tooltip .c-lt, .tooltip .c-rt, .tooltip .c-lb, .tooltip .c-rb, .tooltip .c-arrow {
		width: 12px;
		height: 12px;
		overflow: hidden;
		padding: 0 !important;
	}
	.tooltip .c-lt { left: -12px; top: -12px; }
	.tooltip .c-rt { right: -12px; top: -12px; }
	.tooltip .c-rb { right: -12px; bottom: -12px; }
	.tooltip .c-lb { left: -12px; bottom: -12px; }
	
	.tooltip .c-lt i, .tooltip .c-rt i, .tooltip .c-lb i, .tooltip .c-rb i, .tooltip .c-arrow i {
		background: url(/i/tooltip.png) 0 0 no-repeat;
		width: 24px;
		height: 40px;
		display: block;
		position: relative;
		overflow: hidden;
	}
	
	* html .tooltip .c-lt i,
	* html .tooltip .c-rt i,
	* html .tooltip .c-lb i,
	* html .tooltip .c-rb i,
	* html .tooltip .c-arrow i {
		background: none;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/tooltip.png', sizingMethod='crop');
	}
	
	.tooltip .c-rt i {
		margin-left: -12px;
	}
	.tooltip .c-rb i {
		margin-left: -12px;
		margin-top: -12px;
	}
	.tooltip .c-lb i {
		margin-left: 0;
		margin-top: -12px;
	}
	
	.tooltip .c-arrow {
		width: 16px;
		height: 16px;
		right: 12px;
		top: -27px;
		z-index: 11;
	}
	.tooltip .c-arrow i {
		margin-top: -24px;
	}
	
	.tooltip .inner {
		background: #fff;
		padding: 1px 5px 0 4px;
		zoom: 1;
	}
		.tooltip .inner p {
			margin: 0 !important;
		}
		
/**
 * Popup page text
 */
.popup-text {
	padding: 0 20px 1.2em 28px;
}
	#popup_page #content .popup-text p {
		padding: 0;
	}