/* 

STYLE SHEET FOR MANCHESTER AIRPORT ONLINE MAPPING
Created by Richard Clark 
www.kmp.co.uk
*/

/* =========== 1. LAYOUT ============ */

#content h1 { /* Make sure that this stylesheet is only loaded where there is a return to destination box or the h1 won't span the full width */
	float:left;
	width:420px;
}

.return-destination {
	float:right;
	background:#fff;
	border:1px solid #959ca1;
	width:144px;
	margin:5px 0 3px 0;
	padding:2px;
}

.return-destination a {
	background:url(../images/linkfollow.gif) right center no-repeat;
	padding-right:15px;
	border-bottom:0;
	margin:2px 0;
	float:left;
}

.return-destination a:hover {
	background:url(../images/linkfollow_over.gif) right center no-repeat;
}

p span.hide {
	display:none;
}

#search-flights {
	text-indent:-9999em;
	display:block;
	width:181px;
	height:20px;
	background:url(../images/b_searchflights.gif);
	border-bottom:0;
	float:left;
	margin:0 10px 15px 0;
}

#book-flights {
	text-indent:-9999em;
	display:block;
	width:98px;
	height:20px;
	background:url(../images/b_bookflights.gif);
	border-bottom:0;
	float:left;
	margin:0 0 15px 0;	
}

#content table.dest-overview {
	border:1px solid #959ca1;
	margin:0 15px 15px 15px;
	width:410px;
	clear:both;
}

#content table.dest-overview th {
	background:url(../images/metalic.gif) top left repeat-y;
	color:#002654;
	padding:10px 15px;
}

#content table.dest-overview td {
	padding:7px;
}

.first-col {
	text-align:right;
	width:100px;
	vertical-align:top;
}

.info-box {
	margin:0 15px 15px 15px;
	background:#fff;
	border:1px solid #959ca1;
	float:left;
	width:583px;
}

.left .info-box {
	width:408px;	
}

#content .info-box h3 {
	padding:10px 15px 0 15px;
	font-size:1.4em;
}

#content .info-box ul {
	list-style:0;
	float:left;
	margin:2px;
	padding:4px;
	background:#ccd4dd;
}

#content .info-box li {
	display:block;
	float:left;
	width:30px;
	background:#fff;
	margin:0 0 0 2px;
	padding:0 0 0 1px;
	font-size:0.8em;
	text-transform:uppercase;
	font-weight:bold;
}

#content .info-box table,
.dialog table {
	background:#ccd4dd;
	border:5px solid #ccd4dd;
	margin:2px;
	padding-top:0;
	width:579px;
	clear:both;
}

#content .info-box table caption,
.dialog caption {
	text-align:left;
	font-size:18px;
	padding:10px 0 10px 15px;
	font-weight:normal;
	min-height:20px;
}

#content .info-box table caption span {
	float:left;
	padding-top:3px;
}

#content .info-box table caption a {
	float:right;
	text-indent:-9999em;
	height:20px;
	width:98px;
	background:url(../images/b_bookflights.gif) top right no-repeat;
	border-bottom:0;
}

#content .info-box table td,
#content .info-box table th {
	text-align:center;
}

#content .info-box table tr.alt td {
	background:#e5e9ee;
}

#content .info-box abbr {
	cursor:help;
}

#content .left table.airport-info {
	width:404px;	
}

#content .left table.airport-info td, #content .left table.airport-info th  {
	text-align:left;
}

.dialog table th,
#content .info-box table th {
	background:0;
	color:#002654;
	padding:3px 3px;
	margin:0;	
}

.dialog table td,
#content .info-box table td {
	background:#fff;
	padding:10px 3px;
	margin:0;	
}

/*.where-to-go {
	background:#fff;
	border:1px solid #959ca1;
	width:147px;
	float:right;
	margin:10px 0 10px 0;
	font-size:1.1em;
	min-height:110px;
}

#content .where-to-go h3 {
	padding:5px 10px;
	font-size:1.4em;
}

.where-to-go label {
	display:none;
}

.where-to-go input {
	margin:0 10px;
	width:122px;
}

.where-to-go input.btn {
	width:auto;
	padding-left:3px;
	float:right;
	margin-top:5px;
}

.where-to-go a {
	clear:both;
	float:right;
	margin:10px 6px;
	font-weight:bold;
	text-align:right;
	width:137px;
}

.top-destinations {
	background:#fff;
	border:1px solid #959ca1;
	width:147px;
	float:right;
	margin:0 0 10px 0;
	min-height:110px;
}

#content .top-destinations h3 {
	padding:5px 10px;
	font-size:1.4em;
}

#content .top-destinations ul {
	width:100px;
	float:left;
	font-size:1.1em;
	margin:0;
	padding-bottom:10px;
}

#content .top-destinations li {
	padding:0 0 5px 20px;
	background:url(../images/circle_arrow_white.gif) left center no-repeat;
}

#content .top-destinations li:hover {
	background:url(../images/circle_arrow_white_over.gif) left center no-repeat;
}
*/
.loading {
	width:auto;
	margin:50px auto;
	text-align:center !important;
}

#content .info-box table.charter th {
	padding:3px 2px;
	margin:0;	
}

#content .info-box table.charter td {
	padding:7px 2px;
	text-transform:uppercase;
	margin:0;
}

.where-to-go {
	background:#fff;
	border:1px solid #959ca1;
	width:283px;
	float:left;
	margin:0 0 10px 15px;
	font-size:1.1em;
	min-height:110px;
}

#content .where-to-go h3 {
	padding:5px 10px;
	font-size:1.4em;
}

.where-to-go label {
	margin-left:10px;
	font-weight:bold;
	float:left;
	padding-top:2px;
}

.where-to-go input {
	width:129px;
	margin-left:3px;
}

.where-to-go input.btn {
	width:auto;
	padding-left:3px;
}

.where-to-go a {
	clear:both;
	float:right;
	margin:10px;
	font-weight:bold;
	width:137px;
	text-align:right;
}

.top-destinations {
	background:#fff;
	border:1px solid #959ca1;
	width:283px;
	float:left;
	margin:0 0 10px 15px;
	min-height:110px;
}

#content .top-destinations h3 {
	padding:5px 10px;
	font-size:1.4em;
}

#content .top-destinations ul {
	width:105px;
	float:left;
	font-size:1.1em;
	margin:0; 
}

#content .top-destinations li {
	padding:0 0 5px 20px;
	background:url(../images/circle_arrow_white.gif) left center no-repeat;
}


#content .top-destinations li:hover {
	background:url(../images/circle_arrow_white_over.gif) left center no-repeat;
}


/* =========== 2.FORM ============ */

#airportForm {
	font-size:1.2em;
	margin-bottom:15px;
	clear:both;
}

#airportForm div {
	margin:0;
	padding:5px 15px;
	background:url(../images/sidenavitem.gif) top left repeat-x;
	height:24px;
	line-height:24px;
}

#airportForm p {
	font-size:1em;
}

#airportForm label {
	width:145px;
	margin-right:10px;
	display:inline-block;
	text-align:right;
}

#airportForm #destination, #airportForm #time-period {
	width:150px;
	padding:3px 0;
}
#airportForm #destination {
	width:200px;
	vertical-align:middle;
}
#airportForm .btn-action input {
	margin-left:155px;
}

#airportForm #dateselectors {
	height:auto;
}

#airportForm  #dateselectors div {
	margin:0;
	padding:0;
	background:0;
	height:auto;
}
#airportForm .checkbox input {
	float:left;
	margin:5px 0 0 155px;
}
#airportForm .checkbox label {
	text-align:left;
	margin-left:10px;
}

#dateselectors p {
	margin:0;
	padding:0;
}

.btn-action {
	/*text-align:right;*/
}

.download-timetable {
	background:#002654;
	float:right;
	margin:5px 0;
	padding:10px 15px;
	width:124px;
	height:30px;
	font-size:1.2em;
}

.download-timetable a {
	color:#fff;
	display:block;
	border-bottom:0;
}

.download-timetable a:hover {
	color:#75aadb;
}

.download-timetable .pdf {
	background:url(../images/icon_pdf.gif) no-repeat left 4px;
	padding:0 0 0 25px;
}

/* =================================
Weather
==================================*/

#content .info-box table.weather {
	width:404px;
}

#content .info-box table.weather td {
	padding:10px 0;
}

/* =================================
Timetables
==================================*/
.timetables .info-box,
.dialog .info-box {
	margin:0 0 15px;
	border:none;
	width:auto;
	float:none;
}
.timetables .info-box table {
	width:760px !important;
	margin:0 0 15px !important;
}
.timetables #boxes .info-box table {
	width:600px !important;
}
.timetables .info-box table a {
	border:none;
}
.timetables p {
	width:55%;
	float:left;
}
.timetables .btn-download {
	float:right;
	border:none;
}
.timetables small {
	font-size:10px;
}
.timetables ul {
	clear:both;
}
.timetables #datepickerlinkwrapper {
    display: inline-block;
    vertical-align: middle;
}
/*-----------------------
~5.2. Modal Window
-----------------------*/

/* Z-index of #mask must lower than #boxes .window */
#mask {
	display:none;
	position:absolute;
	top:0;
	left:0;
	z-index:9000;
	background-color:#000;
}
  
#boxes .window {
	position:absolute;
	top:-650px;
	z-index:9999;
	padding:0 0 20px;
	width:626px; 
}


/* Customize your modal window here, you can add background image too */
#boxes .dialog {
	background:#fff;
	font-size:12px;
	border: 3px solid #002654;
}

#boxes .dialog div {
	background:none;
}

a.close {
	position:absolute;
	top:-20px;
	right:-20px;
	border:none;
}
.btn-download:hover,
.btn-download:focus,
a.close:hover,
a.close:focus {
	border:none;
}
#boxes .dialog a.modal-download {
	position:absolute;
	bottom:0;
	right:-15px;
	width:170px;
	height:62px;
	text-align:left;
}
.dialog table {
	width:600px;
}
.dialog table td {
	background:#fff;
}
.dialog .info-box {
	padding:0 10px;
}
.dialog table td a {
	border:none;
}

/* Customize your modal window here, you can add background image too */