@charset "utf-8";

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-style: inherit;	
	vertical-align: baseline;
	outline: none;
}

html {
	font-size:100.01%
}

i, em {
	font-style: oblique;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
}

ul {
	list-style: none;
	list-style-position: outside;
}

/* Basic */

html {
	font-size: 175%;
	height: 101%;
}

	body {
		font: normal normal 50%/150% Arial, Helvetica, sans-serif;
		background: #fff;
		min-width: 760px;
		max-width: 1400px;
	}

		a {
			color: #0565a8;
			text-decoration: none;
			border-bottom: 1px solid #c0d8e9;
		}
	
			a:hover {
				color: #f00;
				text-decoration: none;
				border-bottom-color: #f00;
			}

/* Basic layout */

#page {  
	width: 100%;
}
	
	#header {
		margin-bottom: 3em;
	}
		#toparea {			
			background: ;
			width: 100%;
			height: 126px;			
			background: #0355ba url('../img/toparea.back.jpg') 0 50% no-repeat			
		}
		
		#maincrumb {
			height: 21px;
			padding: 21px 0;
			background: #eee url('../img/maincrumb.shadow.png') 0 100% repeat-x;
		}
		
			#maincrumb span {
				font-size: 1.5em;
				width: 90%;
				display: block;
				margin: 0 5%;
			}
	
	.container {
		float: left;
		width: 100%;
		margin-bottom: 4.5em;
		overflow: hidden;
		clear: both;
		height: 1%;
	}
	
		.container .wrapper {
			width: 100%;
			float: left;
		}
		
			.container .content {
				float: none;				
				margin: 0 40% 0 10%;
			}
		
		.container .aside {
			float: left;
			width: 30%;
			margin-left: -40%;
			padding-top: 3em;
		}			
		
			.sidebar-off .container .content {
				float: none;				
				margin: 0 20% 0 10%;
			}
		
		.sidebar-off .container .aside {
			float: left;
			width: 20%;
			margin-left: -40%;
			padding-top: 3em;
		}			
	
	#footer {
		padding: 1.5em 10%;
		margin-top: -1px;
		width: 80%;
		border-top: 1px solid #ccc;
		float: left;
		overflow: hidden;
		height: 1%;
	}
	
/* Elements */

.major_button {
	width: 350px;
	height: 105px;
	margin-top: 3em;
}

	.major_button a {
		background: url('../img/sign.button.png') 0 0 no-repeat;
		display: block;
		width: 350px;
		height: 105px;
		text-decoration: none;
		border-bottom: none;		
	}

#steps {
	margin: 0 0 1.5em -6em;
	overflow: hidden;
	clear: both;
	height: 1%;
}

	#steps em {
		font-size: .75em;
		font-style: normal;
		color: #777;
		
		float: left;
		width: 8em;		
	}

	#steps strong {
		
		font-style: normal;
		font-weight: normal;
		color: #777;
		
		float: left;
			
	}

#steps_nav {
	margin: 1.5em 0;
	color: #aaa;
	margin-left: -6em;
}

	#steps_nav a {
		font-size: .75em;
	}
	

.to_places_list {
	border-collapse: collapse;
	margin-left: -10%;
	width: 110%;
}

	.to_places_list td {
		border-top: 1px solid #ddd;
		padding: .75em;
	}

.departments span {
	font-size: .9em;
	color: #777;
}


.station_data {
	
}

.address {
	
}

	.address .city {
		font-size: .875em;
	}
	
	.address .department {
		font-size: .875em;
	}
	
	.address .street {
		margin-right: 1.5em;
	}


.station_data .days {
	overflow: hidden;
	clear: both;
	height: 1%;	
}
	
	.station_data .days span {
		width: 1.5em;
		height: 1.5em;
		margin-right: 2px;
		float: left;
	}
	
		.station_data .days .open {
			background: #0a0;
		}
		.station_data .days .closed {
			background: #a00;
		}


.phone {
	
}
	
	.phone .code {
		
	}
	
	.phone .num {
		font-size: 1.5em;
	}
	
span.email {
	margin-left: 1.5em;
}
	
.station_list {
	
}


/* */	

.next {
	padding: 1.5em;
	text-align: right;
}	
	.next a {
		border-bottom: none;
	}

	.next input {
		font-size: 1.25em;
		line-height: 1em;
		padding: .35em 1em;
		background:transparent url('../img/button.next.png') no-repeat scroll 50% 50%;
		border:medium none;
		height:57px;
		width:150px;
	}
	
	
/* Links */

.action {
	font-size: .75em;
	border-bottom-style: dotted;	
}

	#station_profile .link2_map {
		margin-left: 1.5em;	
	}

/* */

.aside {
	margin-left: -40%;
}

	.aside ul {
		margin-bottom: 3em;
	}
		
		.aside li {
			margin-bottom: 1.5em;	
		}
		
			.aside li a {
				font-size: .9em;
				color: #777;
				border-bottom-color: #ddd;				 
			}
				
			.aside li a:hover {				
				color: #f00;
				border-bottom-color: #f00;				 
			}
				
	.aside .sidelinks {
		margin-left: 42px;
	}

		.aside .sidelinks dt {
			font-weight: bolder;
			color: #db0002;
		}

		.aside .sidelinks dd {

		}

	.sign_up {
		margin-top: -3em;
		margin-bottom: 3em;
	}
	
		.sign_up a {
			border-bottom: none;
		}

	#station_profile .aside {
		margin-left: -40%;	
	}


/* Region selector */

#regionselector {
	position: absolute;
	top: 38px;
	left: 650px;
	width: 300px;	
	padding: 10px;
	
}
	
	.opened#regionselector {
		background: #fff;
		border: 1px solid #eee;
		margin-left: -1px;
		margin-top: -1px;
		background: #fff;
		z-index: 9999;
	}
	
	#currentregion {		
		
		float: left;
		width: 100%;
	}
	
		#currentregion strong {
			font-size: 1.75em;
			line-height: 1em;
			display: block;
			clear: both;
			color: #fff;
		}
		
			.opened#regionselector strong {
				color: #555;
			}
	
		#selectregion {
			font-size: .875em;
			line-height: 1.25em;
			
			display: block;
			float: left;
			margin-top: 3px;
			color: #fff;
			background: #0668d4;
			display: block;
			padding: 1px 6px 3px;			
			border-bottom: none;
		}
		
			#selectregion em {
				border-bottom: 1px dotted #aaa;
				font-style: normal;
				line-height: 1em;
			}
		
			#selectregion:hover {
				color: #fff;
			}
			
		.opened #selectregion {
			visibility: hidden;
			display: none;
		}
	
	#regionlist {
		display: none;
		padding: 10px;
		clear: both;
		background: #fff;		
	}
	
	.opened #regionlist {
		display: block;
	}

/* */

#YMapsContainer {
	margin-bottom: 30px;
	width: 100%;
	height: 370px;
}
	
	
/* Entry */

.entry {
	
}
	.entry-title {
		font-size: 2em;
		line-height: 1.5em;		
	}
	
	.entry-content {
		font-size: 1em;
		margin-top: 1.5em;
	}

		#station_profile .entry-content {
			margin-top: 0;
		}
		
		.entry-content p {
			margin-bottom: 1.5em;
			line-height: 1.5em;		
		}
		
		.entry-content h1 {
			font-size: 1.35em;
			line-height: 1.1111111111111111111111111111111em;
			font-weight: bolder;						
		}
		
		.entry-content h2 {
			font-size: 1.1111111111111111111111111111111em;
			line-height: 1.35em;
			margin: 1.35em 0;		
			font-weight: bolder;				
		}
		
		.entry-content h3 {
			font-size: 1em;
			line-height: 1.5em;
			margin: 1.5em 0 0;		
			font-weight: bolder;	
			color: #323;			
		}
		
		.entry-content h4 {
			font-size: 1em;
			line-height: 1.5em;
			margin: 1.5em 0 0;		
			font-weight: bolder;	
			color: #555;			
		}

		.entry-content ul {
			list-style: disc;
			list-style-position: outside;
			list-style-type: disc;
			margin: 1.5em;
		}
		
		.entry-content ol {
			list-style-position: outside;
			list-style-type: decimal;
			margin: 1.5em;
		}		
		
			.entry-content li {
				 
			}
		
		.entry-content table {
			 width: 100%;
			 border-collapse: collapse;
		}
		
			.entry-content td, 
			.entry-content th {
				 border: 1px solid #ddd;
				 padding: 0 1.5em;
				 text-align: center;
			}
			 
			.entry-content th {
				 border: 1px solid #ddd;
				 background: #f3f3f3;
				 color: #555;
				 
			}
			
		
/* Form */

form {
	
}

	fieldset {		
		overflow: hidden;
		clear: both;
		height: 1%;
	}
	
		legend {
			width: 192px;
			margin: 0 auto;
			font-size: .75em;
			text-align: center;
		}
		
		.fieldset-content {
			float: left;
			width: 600px;
		}
	
		.entry-content fieldset p {
			overflow: hidden;
			clear: both;
			height: 1%;		
		}

		fieldset label {
			width: 168px;
			float: left;
			font-size: .875em;
			margin-right: -192px; 
		}
		
		fieldset p input,
		fieldset p select {
			margin-left: 168px;
			float: left;
			width: 256px;
		}

	
	/* Special styles */
		
		#reg-step3 legend {
			display: none;
		}
		
		.tip {			
			color: #333;
			float: left;
			margin: 0 0 0 6px;
			letter-spacing: .05em;				
		}
		
		#app_gosnumber {
			width: 120px;
			text-transform: uppercase;
			font-size: 1.25em;			
		}
		
/* Date selector */		

#date_selector {
	
}
	
	#date_selector.hidden {
		display: none;
	}

ul.monthes#monthes {	
	clear: both;
	float: left;	
	list-style: none;
	border-bottom: 1px solid #ddd;
	margin-left: 0;
}

	.monthes li {
		float: left;
		width: 100px;		
		margin: 0 12px;
		color: #555;
	}
	
		.monthes a {
			display: block;		
			top: 1px;	
			padding: .125em;
			border: 1px solid #ddd;
			
			position: relative; 
			z-index: 9;
			text-align: center;			
			color: #555;
		}
	
	.selected {		
		position: relative;		
	}
		.selected a {
			font-weight: bolder;
			color: #222;
			top: 1px;
			position: relative;
			border-bottom-color: #fff;
		}
		
#days_holder ul.days {
	overflow: hidden;
	clear: both;	
	height: 1%;
		
	list-style: none;
	margin-left: 0;
	display: none; 
}

	ul.days li {
		float: left;
		font-size: .75em;
		width: 2em;
		height: 2em;
		margin-right: -1px;
		border: none;
		color: #555;
	}
	
		ul.days li a,
		ul.days li span {
			display: block;
			border: 1px solid #ddd;
			padding: 1px 1px;
			color: #555;
			line-height: 150%;
			text-align: center;			
		}
		
			ul.days li span {
				text-decoration: line-through;
			}
			
			ul.days li a:hover {
				background: #f2ffef;
			}
			
	ul.days li.d-selected a {
		background: #0b56c7;
		color: #fff;
	}
		
	.dayoff {
		background: #f0f0f0;
	}
	
	ul.days li.sunday {
		margin-right: 10px;
	}
	
.time {
	font-size: .75em;
	
}	

	.time a,
	.time span {
		padding: .5em .25em;
		line-height: 100%;
		float: left; 
		text-align: center;	
		text-decoration: none;
		border-bottom: none;
		color: #333;
	}
	
		.time a:nth-child(3n) {
			margin-right: 1em;
		}
	
	.time a.t-selected {
		background: #0b56c7;
		color: #fff;		
	}
	
	.time .closed {
		text-decoration: line-through;
	}
	
/* Time */

#time_available {
	float: left;	
	min-height: 90px;	
	min-width: 300px;
}	

	.loading {
		background: url('/content/img/timeloader.gif') 120px 50% no-repeat;
	}	
		
#time_available ol.timetable {
	font-size: .75em;
	list-style: none;	
}

	.timetable li {
		padding: .25em .5em;		
		text-align: center;
		float: left;
	}
	
		.timetable li:nth-child(3n) {
			margin-right: 1em;
		}
		
		.timetable li:hover {
			cursor: pointer;
		}
		
	
		.timetable li.close:hover {
			cursor: default;
		}		
		

	.timetable li.tt-selected {
		background: #0b56c7;
		border-color: #094297;
		color: #fff;
	}
	
	.timetable li.close {
		color: #f00;
		border: none;
		text-decoration: line-through;
	}

	
/* Station */

#station {
	width: auto;
	
	float: left;
}

	#station .stationMini {
		width: 400px;
		border: none;
		padding: 0;
		margin: 0;
		font-size: 1.25em;
	}

#stationsModalBox {
	height: 400px;
	padding: 0;
}

#ssSubmit_holder {
	padding:10px; 
}

/* Станция в списке */

#station_selector {
	overflow: hidden;
	clear: both;
	height: 1%;
}



#stationDepartments dl.stationMini {
	
	margin: 0;	
	
}
	
	#stationDepartments .stationMini dt {
		display: inline;
		color: #222;	
		margin: 0;
		padding: 0;	
		font-size: 1.1em;
	}
	
	#stationDepartments .stationMini dd {
		display: inline;
		font-size: .875em;
		color: #555;
		margin: 0 0 0 2em;		
		margin-left: 2em;
		line-height: 100%;					 
	}	

#stationDepartments ul {
	list-style: none;
	margin: 0;
}
	#stationDepartments li {
		margin: 0;
		border: 1px solid #ccc;
		padding: 4px 12px;	
		display: block;	
	}
	
	#stationDepartments dl.stationMini {
		border: none;
		width: auto;
		
	}

#stations_simplelist {

}
	
	#stations_simplelist h2 {
		clear: both;
		margin: 1.5em 0 .25em;		 
	}
	
	#stations_simplelist h3 {
		clear: both;
		margin: 1.5em 0 .25em;
		font-weight: bolder;
		color: #333;		 
	}

	#stations_simplelist ul {
	
	}
	
		#stations_simplelist li {
			border-bottom: 1px solid #ccc;
			padding: 12px 0;
		}
		
			#stations_simplelist dl {
				overflow: hidden;
				clear: both;
				height: 1%;
			}
			
				#stations_simplelist dt,
				#stations_simplelist dd	{					
					float: left;					
				}
			
				#stations_simplelist dt {
					font-size: 1.25em;
					clear: left;
					width: 40%;
				}
			
				#stations_simplelist dd {
					width: 60%;
				}


#mode_selector {
	padding: 24px 0 0;
}
	
	#mode_selector a {
		margin-right: 24px;
	}

/* */

#TB_window {
	box-shadow: 0 0 10px #333;
	-moz-box-shadow: 0 0 10px #333;	
}

#TB_window #TB_ajaxContent.TB_modal {
	padding: 0 15px;
	overflow: hidden;
}

#stationsList {
	background: #f3f3f3;	
	padding: 12px 15px;
	margin: 0 -15px;	
	height: 380px;	
}

	#stationDepartments {
		height: 340px;
		overflow-y: scroll;
		padding: 15px 15px 0;
		margin: -15px -15px 0;
		background: #f3f3f3;
		border-radius: 4px;
		-moz-border-radius: 4px;
	}
	
	#ssSubmit_holder {
		height: 23px;
		margin: 0 -15px -3px;
		border-top: 1px solid #aaa;
		background: #525252;
		text-align: center;
	}
	
		#ssSubmit_holder input {
			width: 10em;
			padding: .25em .5em;
			margin: -.5em auto;
		}
	
	#stationsList h2 {
		font-size: 1em;
		font-weight: bolder;
		color: #333;		
		text-align: center;
	}
	
	#stationsList ul {
		margin: 0 0 25px;		
	}
	
		#stationsList li {
			margin: 3px;
			padding: 4px 12px;
			border: 1px solid #ccc;
			background: #fff;								
		}
		
			#stationsList li:hover {
				cursor: pointer;
			}
		
		#stationsList li.ss-selected {			
			background: #0b56c7;
			border-color: #094297;
			border-top-color: #08316f;
			border-left-color: #08316f;
			
			color: #fff;			
		}		
		
		#stationsList .ss-selected dt {
			color: #fff;
			font-weight: bolder;
		}
		
		#stationsList .ss-selected dd {
			color: #fff;
		}
		
/* Calendar */

#date_holder {
	float: left;
	width: 100%;
	padding-top: 1em;
	border-top: 1px solid #ddd;
}

	#date_holder label {
		float: left;		
	}
	
	#appdate {
		margin-left: 14em;
		clear: right;
	}

#calendar {	
	padding: 24px 0;
	display: block;
}

	table.ui-datepicker-calendar {
		border-collapse: collapse;
	
	}
		
		.ui-datepicker-calendar td,
		.ui-datepicker-calendar th {
			padding: 0;
			text-align: center;
			border: 1px solid #ccc;			
		}
		
			.ui-datepicker-calendar th {
				color: #555;			
			}

			.ui-datepicker-calendar td a,				
			.ui-datepicker-calendar th span {
				display: block;
				padding: 4px;
				height: 20px;
				text-align: center;
			}
			
			.ui-datepicker-calendar .ui-state-default {
				display: block;					
				
			}
		
		.ui-datepicker-calendar td a:hover {
			background: #ddd;
		}
	
	.ui-datepicker {
		background: #fff;
		
	}
		
		#appdate {
			
		}
		
			#calendar .ui-datepicker
			 {
				display: block;				
				background: #fff;		
			}
			
			#calendar td span {
				display: block;
				padding: 4px 4px 3px;
				color: #777;
			}
			
		.ui-datepicker a {
			border-bottom-width: 0;
		}
	
	.ui-datepicker .ui-datepicker-header {
		width: 100%;
		margin: 0 auto .25em;
		font-size: 1em;
		font-weight: bolder;
		color: #555;
	}
	
		.ui-datepicker .ui-datepicker-title {
			width: 60%;
			margin: 0 0 0 20%;
			white-space: nowrap;
			text-align: center;
			
		}
		
		.ui-datepicker .ui-datepicker-prev, 
		.ui-datepicker .ui-datepicker-next {
			width: 20%;
			padding: 0;
			display: block;			
			text-align: center;
			font-size: 1.25em;
			line-height: 1em;
		}
		
		.ui-datepicker .ui-datepicker-prev {
			float: left;
		}
		
		.ui-datepicker .ui-datepicker-next {
			float: right;			
		}

		.ui-datepicker .ui-datepicker-prev:hover, 
		.ui-datepicker .ui-datepicker-next:hover {
			cursor: pointer;
		}

		.ui-datepicker .ui-datepicker-prev span, 
		.ui-datepicker .ui-datepicker-next span {
			display:inline;			
			margin-left:-8px;			
		}		
		
		.ui-datepicker-current-day {
			background: #fee;
		}
		
		.ui-state-active {
			background: #adc;			
		}

/* ---------------- */

 
label.error {
	display: block;
	clear: both;
	float: left;
	
	margin: 0 0 0 168px;	
	color: #f00;
	width: 265px;
}


input.error,
textarea.error {
	background: #fee;	
	border: 1px solid #f00;
	margin: 0 0 0 168px;
	float: left;
}

/* - */

.editi {
	float: right;
	margin: -24px 0 0 0;
	font-size: .75em;
	line-height: 1em;
}

.kv_list {
	overflow: hidden;
	clear: both;
	height: 1%;
	margin: -24px 0 0 0;
}
	
	.kv_list dt, 
	.kv_list dd {
		float: left;
		padding: 6px 0;
		border-top: 1px solid #ccc;
		margin-top: -1px;
	}

	.kv_list dt { 
		width: 30%;
		color: #555;
		font-size: .9em;
		font-weight: bolder;
	}
	
	.kv_list dd {
		width: 70%;
	}
	
.final-submit {
	text-align: center;	
	padding: 1em;
}

	.final-submit input {
		padding: .25em 1.5em;
	}
	
	.entry-content#msgsend_confirm {
		padding: 1em 1em 0;
		margin: 1em 0 3em -1em;
		
		border: 1px solid #ada;
		background: #dfd;
	}