/* 
File: atms-offices.css 
Author: maxatwork

Description: 
Содержит стили для страниц типа "Список офисов" и "Список банкоматов". Типичный лейаут -- 
строка поиска, псевдоссылки для переключения между типами точек в списке и показом списка 
со строкой поиска/схемы метро/карты, список точек.

Стили, описанные тут, не используются больше нигде.

Если надо изменить стиль, относящийся только к банкоматам/офисам, и находящийся в каком-нибудь 
vtb24.css, то лучше убить его в vtb24.css, и перетащить сюда -- так мы избавимся от каши в стилях.
*/

#PageBodyWrap .dummy{
	height:15px;
	background:white;
	font-size:1px;
}

#PageBodyWrap {
	padding-bottom:0;
	padding-top:0;
}

.pseudo-href-hover
{
	border-color:#FC1921 !important;
	color:#FC1921 !important;
}

#PageBodyWrap
{
	background: none;
	/* padding-left: .85em; */
}

#PageBody .layout-left 
{
	width:50%;
	margin-left:-50%;
}

#Content 
{
	/* border-left: 1px solid #CEDCF2; */
	width: 97%;
	//width: 100%;
}

#Content.content-with-narrow
{
	width: 118%;
	//width: 122%;
}

.content-without-left 
{
	border-left:0px none transparent !important;
	left:0;
	width: 97%;
	//width: 100%;
}

#PointsFilter
{
	clear: both;
	margin: 0 0 .85em 0;
	//margin-bottom: .55em;
}

#points-search { width: 100%; }

.search-empty { color: #989898; }

.filter-examples { margin-bottom: 0; }

.subfilter 
{
	display:block;
	float:left;
	padding:0.3em 1em 0.3em 0;
	position:relative;
	top:0.15em;
	height:2em;
	margin-top:5px;
	margin-bottom: .5em;
	//margin-bottom: 1.55em;
}

.subfilter span 
{
	display:block;
	float:left;
	padding:0.3em 1em 0.3em 0;
	position:relative;
	top:0.15em;
}

.subfilter span.filter 
{
	background:#EBF1FA none repeat scroll 0 0;
	position:static;
}

.subfilter input { vertical-align:middle; }

.subfilter img 
{
	/* margin-bottom: -0.35em; */
	vertical-align: middle;
}

.tab-switcher, .tab-switcher *,
.filter-examples, .filter-examples *
{
	zoom: 1;
}

#points { clear: both; }

.point 
{
	float: left;
	margin-right:3%;
	position:relative;
	width:45%;
	height: 21em;
}

.filtered .point,
.filtered li
{
	display:none;
}


.filtered li.okrug
{
	display:block;
}

.filtered .found { display: block; }

.metro-filtered .point,
.metro-filtered .found,
.metro-filtered li,
.metro-filtered .metro-station
{
	display: none;
}

.metro-filtered .metro-found { display: block; }

.point .address,
.point .subway,
.point .shedule,
.point .comment 
{
	margin-bottom: .5em;
}

.point .subway
{
	background: transparent url(/i/ico/metro.gif) no-repeat;
	background-position: left 65%;
}

.content-inc-zindex 
{
	//z-index: 1 !important;
}

.point-inc-zindex 
{
	//z-index: 40 !important;
}

.break_line 
{
	background-color: rgb(235, 241, 250);
	border: none;
	font-size: 0;
	height: 3px;
	z-index: 14 !important;
	margin-bottom:0em !important;
	margin-top:1px !important;
	//margin-top:19px !important;
	//margin-left: -96px !important;
	width: 93px;
	//width: 96px;
	position: absolute;
}

.eatlasdiv 
{
    width: 620px;
	overflow: hidden;
	height: auto;
    margin-left: 0em;
	border:none;
    position: relative;
	margin-top: 2.5em;
	//margin-top: 3em;
}

.schema-proezda:hover, .schema-proezda-hover 
{
	color:#FC1921 !important;
	border-bottom:1px dashed #FC1921 !important;
}

.schema-proezda 
{
	border-bottom:1px dashed #2C4FAB;
	color:#2C4FAB;
	cursor:pointer;
	margin-bottom:1px;
}

.spantab 
{
	border-left:1px solid #BDD0EE;
	border-right:1px solid #BDD0EE;
	border-top:1px solid #BDD0EE;
	border-bottom:1px dashed #FC1921 !important;
	z-index: 11;
	background-color: rgb(235, 241, 250);
	margin-top: 100px !important;
	color:#FC1921 !important;
}

.div_map_href 
{
	display: block;
	position: absolute;
	left: 0px;
	right: 0pt;
	border-bottom:1px solid #BDD0EE;
	border-left:1px solid #BDD0EE;
	border-right:1px solid #BDD0EE;
	border-top:1px solid #BDD0EE;
	z-index: 10;
	background-color: rgb(235, 241, 250);
	width: 590px;
	height: 424px;
	margin-top: 2px !important;
	//margin-top: 19px !important;
}

#AllPoints 
{
	position: relative;
	width: 100%;
}

#AllPoints ul 
{
	background:#FFFFFF none repeat scroll 0 0;
	color:black;
	margin:0;
	padding:0;
	
	line-height:1.5em;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#AllPoints ul.column 
{
	float:left;
	position:relative;
	width:32%;
}

#AllPoints #atms-megapolis { margin-bottom:2em; }

#AllPoints ul.column li ul 
{
	display:none;
	margin:0 0 0 1.5em;
	padding:0.2em 0 .7em;
}

#AllPoints ul.column li.selected ul { display:block; }

#atms-megapolis a 
{
	font-size:120%;
	font-weight:bold;
}

.hidden 
{
	/* 
    У нас в vtb24.css есть стиль .footnote.hidden, который IE7 воспринимается, как просто .hidden,
    и у которого прописан бэкграунд. Пока не знаю, что с ним сделать.
    */
	background: none;
	display: none;
}

table.hidden
{
	display: block;
}

table.hidden tr
{
	display: none;
}

table.hidden tr.service
{
	display: block;
}

ul.tab-switcher 
{
	margin: .4em 0 1em 0;
	//margin: 0 0 1.75em 0;
}

ul.tab-switcher li { color: black; }

#metro { clear: both; }

.non-visible
{
	display: none;
	visibility: hidden;
}

span.qty { display: inline; }

#AllPoints.filtered .found span.pseudo-href 
{
	border-color:black;
	border-width:0;
	color:black;
	cursor:default;
}

.filtered .found, .filtered .found li,
.filtered .found, .filtered .found li,
#AllPoints.filtered ul.column li.found ul 
{
	display:block;
}

.filtered .found li.found { background:#EAF1F9 none repeat scroll 0 0; }
/** the rule above messes with nav layer so need some dirty fix **/
.filtered .list-style .found li.selected { background:#2C4FAB url(../i/region-selected.gif) no-repeat scroll 100% 50%; }

#AllPoints ul.column li ul { width: auto; }

#AllPoints.filtered ul.column { float: none; }

#AllPoints.filtered .pseudo-href-hover { color: black !important; }

.filter-money-take .no-money-take,
.filter-h24 .no-h24 
{
	display: none;
}

#Footer {
//	z-index: -1;
}

.content-inc-zindex { z-index:  1 !important; }
.layout-right-dec-zindex { z-index: -1 !important; }


#LeftColumnWrapper.leftcols-inc-zindex
{
	z-index: 1000 !important;
}

/* Equal height columns */

/* #Content, #layout-left { padding-bottom: 2000px; margin-bottom: -2000px; } */

#PageBodyWrapper
{
}

#LeftColumnWrapper 
{
	z-index: 0;
	margin-left: -50%;
	padding-left: 50%;
	//margin-left: 0;
	//padding-left: 0;
	//position: relative;
	//height: 100%;
	/* overflow-x: hidden;
	//overflow-x: visible;
	overflow-y: hidden; */
}

#PageBodyWrap
{
	position: relative;
}

/* Fitting to 1024x768 */

#FullMap { clear: both; }

#PageBodyWrap, #Footer
{ 
	min-width: 737px;
	// width: expression((document.getElementById('measurer') && document.getElementById('measurer').clientWidth*0.75 < 750) ? '750px' : (document.getElementById('measurer') && document.getElementById('measurer').clientWidth*0.75 < 975) ? '75%' : ( document.getElementById('measurer') ) ? '975px' : 'auto'); 
}

#layout-right {
	//width: 47% !important;
}

/* Styles for left column dynamic hiding */

#PageBodyWrap.hide-left-column
{
	background: none !important;
}

#PageBodyWrap.hide-left-column #PageBody
{
	background: none;
	left: 0;
	width: 100%;
}

#PageBodyWrap.hide-left-column .layout-right
{
	float:right;
}

#PageBodyWrap.hide-left-column #Content
{
	margin-left: 0;
	border-left: none;
	width:97.5%;
	//width: 100%;
}

#PageBodyWrap.hide-left-column #layout-left
{
	display: none;
}

#PageBodyWrap.hide-left-column #layout-right
{
	margin-right:-33.5%;
	width:33.5%;
	
	//margin-right:-31.4%;
	//width:31.4% !important;
}

/* Some Opera hacks */

/* Opera 9.5 */
@media not all and (-webkit-min-device-pixel-ratio) {
	
	#layout-right {
		width: 48%;
		margin-right: -48%;
	}
	
	#PageBodyWrap.hide-left-column #layout-right {
		margin-right:-32%;
		width:32%;
	}
}

/* Opera 9.2 */
@media all and (scan: progressive) {
	#layout-right {
		width: 48%;
		margin-right: -48%;
	}
	
	#PageBodyWrap.hide-left-column #layout-right {
		margin-right:-32%;
		width:32%;
	}
}

/* EAtlas fix */
#marker {
	z-index:1000 !important;
}


/* Nav layer fix */
#f_examples_map
{
	//position: relative;
	//top: 2em;
}

.clearer {clear:both;}

.atms_subfilter_labels {
	display:block;
	height:2em;
	margin-bottom:0.5em;
	margin-top:5px;
	padding:0.3em 1em 0.3em 0;
	position:relative;
	top:0.15em;
}

.atms_subfilter_labels .label {
	background:#EBF1FA none repeat scroll 0 0;
	padding:0.3em 1em 0.4em 1em;
}

.atms_subfilter_labels .label img {
	vertical-align:middle;
}