@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 10% 0 10%;
			}
		
		.container .aside {
			float: left;
			display: none;
			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;
}



/* */	

.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;
	}
	

/* */

.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%;	
	}


	
/* 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;
		}

		*/


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

 
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;
}

/* - */

.links-help {
	overflow: hidden;
	height: 1%;
	clear: both;
}
	
	.entry-content .links-help {
		margin-left: 0;
		margin-right: 0;
	} 
	
	.links-help li {
		float: left;
		margin-right: 1em;
		list-style: none;
	}
	
	#help-rules {
		float: right;
		width: 200px;
		margin-right: 0;
	}

/* */

.loginform {
	
}			
				
	.loginform fielset {
		
	}			
					
		.loginform legend {
			font-weight: bolder;
			padding-left: 150px;
			color: #777;
		}			
					
		.loginform p {
			overflow: hidden;
			clear: both;
			height: 1%;
			padding: .35em 0;
		}			
						
			.loginform label {
				width: 150px;
				float: left;
				font-size: .875em;
				padding: .35em 0;
			}			
						
			.loginform input {
				width: 250px;
				float: left;
				font-size: 1.5em;
			}	

		.loginform .submit {
			padding-left: 150px;	
		}	
				
			.loginform .submit input {
				width: auto;
				font-size: 1em;
			}	
	
/* - */ 
.appform {
	width: 700px;
}

	.appform fieldset,
	.appform .inset {
		margin: 2em 0;
	}
		
		.appform fieldset {
			border-top: 1px solid #d0d0d0;
			padding: 10px;
			margin: 2em -10px;
		}
		
		.appform legend {
			font-weight: bolder;
			text-align: center;
			margin: 0 auto;
			padding: 0 10px;
			color: #555;
			
		}
	
	
	.appform h2 {
		
	}
	
	.appform fieldset p {
		clear: both;
		opacity: hidden;
		height: 1%;
		padding: .5em 0;
	}
	
		 .appform fieldset p.req input {
		 	border: 1px solid #dda;
			background: #fffff7;
			
		 }

		.appform fieldset label {
			display: block;
			float: left;
			font-size: .875em;
			width: 200px;
		}
	
		.appform fieldset input {
			width: 400px;
			margin: 0;
			float: left;	
			border: 1px solid #aaa;
			padding: 2px 2px;		
		}
		

		.appform input.medium {
			width: 250px;	
		}		
		
		.appform input.short {
			width: 100px;
		}
		
		.appform textarea {
			width: 400px;
			height: 50px;
			float: left;			
		}
		
		.appform select {
			margin: 0;
			width: auto;
			float: left;
		}
		
		.appform span {
			display: block;
			clear: both;
			width: 400px;
			margin-left: 200px;
			font-size: .75em;
			color: #777;
		}
		
		#Phone {
			font-weight: bolder;
			font-size: 1.25em;
		}

		
	.appform .checkbox {
		padding: .25em 0 0;
	}
		
		.appform .checkbox input {
			display: inline;
			margin: 0;
			width: auto;
		}
				
		.appform .checkbox label {
			display: inline;
		}
	
	.appform .info {
		font-size: .9em;
		color: #555;
	}
	
	
	.appform .submit {
		margin: 2em 0;
		text-align: center;
	}
	
	.submit input {
		font-size: 1.5em;
	}
	
/* -- */		

.createapp_wrapper {
	padding: 0px;
	margin: 0 -48px 3px;
	background: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	
	border: 1px solid #e0e0e0;
	box-shadow: 0px 0px 4px #ccc;
	-moz-box-shadow: 0px 0px 4px #ccc;
	-webkit-box-shadow: 0px 0px 4px #ccc;
	
}

.createapp {
	padding: 48px 48px;	
	
	border-radius: 10px;
	overflow: hidden;
	clear: both;
	height: 1%;
}
	
	#myapps {
		float: right;
		height: 2em;
		line-height: 2em;
		padding: .75em 0 .25em;
		width: 200px;
		font-weight: bolder;
	}
	
	.createapp h2 {
		margin: 0;
		font-size: 2.5em;
	}
	
	
	
.actiontypes {
	font-size: .9em;
	float: left;
	width: 45%;
	margin-right: 5%;	
}	


	.actiontypes dt {		
		font-size: 1.35em;		
		font-weight: bolder;
		color: #333;
	}	

	.actiontypes dd {
		padding-bottom: 1.5em;
	}	
		
		.actiontypes strong {
			margin: .5em 0 -.5em;
			display: block;
			color: #333;
			font-weight: normal;
			
		}
		
		.actiontypes ul {
			margin: 1em 0 1.5em;
		}	
	
			.actiontypes li {
				margin: .5em 1.5em;
				line-height: 150%;
			}
			
				.actiontypes a {
					
				}
			
				.actiontypes span {
					font-size: .875em;
					display: block;
					padding-bottom: .75em;
					color: #777;
				}


	#reg-edit {
		
		padding-top: 2em;
		border-top: 1px solid #d0d0d0;		
		width: 100%;
	}
	
		#reg-edit ul  {
			float: left;
			width: 45%;
			margin-right: 5%;			
		}

#reg_getemail {
	margin: 20px 0;
}			

.singleform {
	margin-top: -1em;
	overflow: hidden;
	clear: both;
	height: 1%;
}	

	.singleform fieldset {
		position: relative;
	}
	
	.singleform label {
		position: absolute;
		display: block;
		padding: 4px 8px;
		font-size: 2.5em;
		color: #ddd;
		line-height: 44px;
		height: 44px;
		width: 650px;
		z-index: 5;
	}
	
	.singleform .singletext {
		display: block;
		float: left;
			
		width: 650px;	
		height: 42px;
		padding: 4px 8px;
		
		font-size: 2.5em;
		margin-right: 4px;
		z-index: 4;
	}
	
	.nextstep {
		height: 54px;
		width: 54px;
		background: url('../img/nextstep.png') 50% 50% no-repeat;
		border: none;
		cursor: pointer;
		text-indent: -9999px;
	}
	
	.nextstep:hover {
		cursor: pointer;
	}

a.edit {
	margin-left: 1em;
	font-size: .9em;
}

#cancel {
	float: right;
	font-size: .875em;
	margin-bottom: -48px;
}
	#cancel a {
		color: #f00;
		border-bottom-color: #f00;
	}
.ifmissed {
	padding-top: 25px;
	font-size: .875em;
	color:#555555;
}

	.ifmissed a {
		color: #555;
		border-bottom-color: #ccc;
	}

.forgotten {
	padding-top: .5em;
	clear: both;
}

.mini {
	font-size: .875em;
}

#beforewindow {
	margin-top: 18px;
	padding: 18px 18px 0;
	border: 1px solid #ddd;
	width: 700px;
	color: #777;
}

	#beforewindow h3 {
		margin: 0;
		font-size: 1.33em;
		color: #777;
	}

/* Validation */

.validation-summary-errors {
	padding: 10px 20px;
	
	text-align: left;
}
	
	form#appform .validation-summary-errors span {
		font-size: 1.1em;
		font-weight: bolder;
		text-align: left;
		display: block;
		margin-left: 0;
		color: #f00;
		
	}
	
	.validation-summary-errors ul {
		list-style: disc;
		margin: 10px 0 10px 16px;
	}
		
		.validation-summary-errors li {
			color: red;
		}
		

.informer {
	padding: 32px 0 16px;
	overflow: hidden;
	clear: both;
	height: 1%;
}
	.dloadRtf {
		padding: .5em;
		border: 1px solid #fc0;
		float: left;
		clear: both;
	}
.status {
	overflow: hidden;
	clear: both;
	height: 1%;
	width: 100%;
	padding: 8px 0;
}

	.status dt,
	.status dd {
		float: left;
	}
	
	.status dt {
		width: 25%;
		clear: left;
	}
	
	.status dd {
		width: 75%;
	}


#stations_simplelist {
	padding: 0;	 
}
	
	#stations_simplelist h2 {
		clear: both;
		font-size: 1.2em;
		margin: 1.5em 0 0;		 
	}

	#stations_simplelist ul {
		margin: 0;
		list-style: none
	}
	
		#stations_simplelist li {
			border-bottom: 1px solid #ccc;
			padding: 12px 0;
		}
	
	#stations_simplelist p {
		padding: .5em 0;
		margin: 0;
	}
	
	#stations_simplelist p.phones {
		
	}
	
	#stations_simplelist strong {
		color: #777;
	}