/*
/ --------------------------------------
/	Manston Airport
/   Frame Digital
/
/		- FLIGHT SCHEDULE CSS 
/		- FLIGHTS TIMETABLE CSS
/		- CONTACT FORM
/		- ROUTE PLANNER
/		- FLIGHT DEALS - LIST
/		- FLIGHT DEALS - DETAIL
/ --------------------------------------
/
/	-	CSS for the 2 column layout pages
*/
#content #main #left { width: 227px; float: left; min-height: 480px; }
#content #main #right {  padding: 20px 0 0 15px; width: 698px; float: left; min-height: 450px; background: #fff; }

.lrcontainer {  
    float: left;
    width: 952px;         
    background-image: url(/themes/default/images/framework/sub-nav-shadow.gif);
    background-repeat: repeat-y;        
}

/* FLIGHTS TIMETABLE CSS */
table#flights { border-collapse: collapse; }

table#flights tr th { text-align: left; }

table#flights tr th { background: #f17f01; border-bottom: solid 2px #fff; color: #fff; font-size: 12px; padding: 10px 0 10px 8px; }
table#flights tr td { color: #b9011e; font-size: 11px; border-bottom: solid 2px #fff; padding: 5px 0 5px 8px; }

table#flights tr.row td { background: #fef5e7; }
table#flights tr.alt-row td { background: #fee9d1; }

table#flights .time { width: 100px; }
table#flights .flight-no { width: 100px; }
table#flights .airline { width: 136px; }
table#flights .arriving-from { width: 136px; }
table#flights .status { width: 189px; }

#arrivals-off,
#arrivals-on { width: 90px; height: 27px; display: block; clear: none; float: left; 
    background-image: url(/themes/default/images/buttons/btn-arrivals-on.gif);
    text-indent: -3000px;
    margin-right: 2px;
    top: 1px;
    position: relative;
}

#arrivals-off { background-image: url(/themes/default/images/buttons/btn-arrivals-off.gif); }

#departures-on,
#departures-off { width: 110px; height: 27px; display: block; clear: none; float: left; 
    background-image: url(/themes/default/images/buttons/btn-departures-off.gif);
    text-indent: -3000px;
    top: 1px;
    position: relative;
}
#departures-on { background-image: url(/themes/default/images/buttons/btn-departures-on.gif); }


/* FLIGHT SCHEDULE CSS */

.flight-schedule{
    
    background: #fff7eb;
    border: solid 1px #fdeadb;

    padding: 10px 20px 0 15px;
    clear:both;
    width:86%;
    -moz-border-radius: 5px; -webkit-border-radius: 5px;

    font-size: 12px;
}

.narrow-content-alt
{
    background-position: 515px 0px;
}

.float-right { float: right; margin-top: 0px; }

.flight-schedule .form td { padding: 4px 0 5px 0; }

a.schedule-nav { display: block; float: left; position: relative; top: 1px; cursor: pointer; }
a.schedule-nav span { text-indent: -3000px; display: block;  }

a.later  { width: 115px; height: 26px; background-image: url(/themes/default/images/buttons/btn-check-later.gif); float: right; margin-bottom: 1px; }
a.earlier  { width: 123px; height: 26px; background-image: url(/themes/default/images/buttons/btn-check-earlier.gif); margin-bottom: 1px; }

#holder-outbound { width: 710px; overflow: hidden; margin-bottom: 20px; position: relative; }
#holder-inbound { width: 710px; overflow: hidden; position: relative; }

.loading
{
    margin: 0 auto;
    width: 220px;
    height: 19px;
    left: 250px;
    top: 68px;
    display: block;
    float: left;
    position: absolute;
}

#holder-inbound .loading { top: 33px; }

ul.schedule { border-collapse: collapse; float: left; margin: 0px; padding:0px; border-bottom: solid 2px #fff; font-size: 11px; width: 710px;}
ul.schedule li { float: left; padding: 0px; margin: 0px; min-height: 30px; padding: 5px 0 5px 0; list-style: none; color: #c1022c;  background: none; }

ul.schedule-header { background: #f17f01; font-size: 11px;   }
ul.schedule-header li { color:  #fff; font-weight: bold; }

ul.row { background: #fff7eb; }
ul.alt-row { background: #ffce85; }

ul.times { float: left;  margin: 0px; padding:0px; min-height: 20px; }
ul.times li  { float: left;  padding: 0px; margin: 0px;  padding: 0px 0 10px 0; border: 0px; min-height: 15px !important; }

ul.schedule li.operator { width: 140px; padding-left: 5px; text-align: left; padding-top: 10px; }
ul.schedule-header li.operator  { padding-top: 5px; }

ul.schedule li.d-a { width: 40px; }
ul.schedule li.day { width: 74px; text-align: center; }
ul.schedule li.no-flights { width: 700px; padding-left: 5px; text-align: left;  padding-top: 5px;}

.alt-row  li.selected,
.row li.selected { color: #c1022c; font-weight: bold; text-decoration: none; font-size:12px; }

.alt-row  li.unselected,
.row li.unselected { color: #4B2077; font-weight: bold; text-decoration: none;}

/* a cell of times has it's own UL, set the widths and stuff */
li.d-a ul,
li.day ul.times {width: 74px; text-align: center; float: left;  margin: 0px; padding:0px; min-height: 25px; }

li.d-a ul li,
li.day ul.times li {width: 74px; text-align: center; min-height: 15px !important; float: left; margin: 0px;  padding: 5px 0 10px 0; border: none;   height: 25px;}

li.d-a ul,
li.d-a ul li { width: 40px; } /* override the width given above */

/* change the css depending if the li's parent holder is a .row or a .alt-row */
.row li.d-a ul li:nth-child(odd) { background: #ffce85; }
.alt-row li.d-a ul li:nth-child(odd) { background: #fff7eb; }

.row li.day ul.times li:nth-child(odd) { background: #ffce85; }
.alt-row li.day ul.times li:nth-child(odd) { background: #fff7eb; }

a.button-search
{
    background-image: url(../images/buttons/btn-search.gif);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0px;
    width: 72px;
    height: 22px;
    display: block;
    cursor: pointer;
}

.button-search span { display: block; text-indent: -3000px; }


/* ROUTE PLANNER */

.route-planner{
	
    background: #fff7eb;
    border: solid 1px #fdeadb;
	
	padding:20px 20px 10px 20px;
	clear:both;
/*	width:80%;*/
	margin:0 0 20px 0;
	
	/* sorry IE, but its about time you grew up  */
	-moz-border-radius: 5px; -webkit-border-radius: 5px;

}

.route-planner .field{
	background-image: 	url(../images/framework/bk_field.png);
	background-repeat:repeat-x;
	border:1px solid #a8a8a8;
	height:20px;
	float:left;
	margin:0 10px 0 0 ;
}

.route-planner fieldset{
	margin:0 0 20px 0;
	border:0;
}

.route-planner fieldset p.error{
	color: #8b0000;
	clear:both;
}

.route-planner fieldset a.button{
	background-image: url(../images/buttons/get-route.png);
    background-position:0 0;
    display:block;
    height:22px;
    width:84px;
	float:left;
}

.route-planner fieldset a.button:hover{

background-position:0 -22px;

}

.route-planner fieldset a.button span {
display:block;
text-indent:-3000px;
}

.route-planner ul{
	margin: 10px 0 10px 40px;
	width:360px;
}

.route-planner ul li{
	float:left;
	width:160px;
	margin:0 0 5px 0;
}

/*------------------
/	- CONTACT FORM
/------------------*/

.contact-form{
	
    background: #fff7eb;
    border: solid 1px #fdeadb;
    padding: 10px 20px 0 15px;
    clear:both;
    width:500px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;

    font-size: 12px;
    margin:0 auto 15px auto;
}

.contact-form p{
	font-size:12px;
}

.contact-form h3{
	padding-bottom:3px;
	margin-bottom:3px;
	border-bottom:1px solid #CDCDCD;
}

.contact-form .form td {
padding:4px 0 5px;
}

.contact-form .form .spacer{
	border-top:1px solid #CDCDCD;
	font-size: 1px;
	height: 1px;
}

.contact-form .required, .contact-form .required li{
	color: #8b0000;
}

.contact-form input[type=radio]{
	margin-right:5px;
}

a.button-contact
{
    background-image: url(../images/buttons/btn-send-message.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0px;
    width: 120px;
    height: 22px;
    display: block;
    cursor: pointer;
}

a.button-competition
{
    background-image: url(../images/buttons/btn_enter-details.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    border: 0px;
    width: 105px;
    height: 22px;
    display: block;
    cursor: pointer;
}

.button-contact span, a.button-competition span { display: block; text-indent: -3000px; }


/* FLIGHT DEALS - LIST */

.flight-deal-list .flight-deal-box
{
    width: 225px;
    float: left;
    margin: 0 11px 10px 0;
}

.flight-deal-list .flight-deal-box .image
{
    height: 145px;
    background-repeat: no-repeat;
    -webkit-border-top-left-radius: 6px;
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
}

.flight-deal-list .flight-deal-box .image .tools{
	position:relative;
}

.flight-deal-list .flight-deal-box .image .tools img{
	float:right;
}

.flight-deal-list .flight-deal-box .image .tools a.inlineedit {
display:block;
float:right;
}

.flight-deal-list .flight-deal-box .bottom
{
    padding: 15px 5px 10px 15px;
    background-image: url(../images/framework/bk_flight-deals.png);
    background-repeat: repeat-x;
    background-position: top;
    background-color: #ee5302;
    -webkit-border-bottom-left-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    -moz-border-radius-bottomright: 6px;
}

.flight-deal-list .flight-deal-box .bottom .link a.find-out-more
{
    display: block;
    background-image: url(../images/buttons/find-out-more-pink-red.png);
    height: 22px;
    width: 109px;
    background-position: 0 0;
}

.flight-deal-list .flight-deal-box .bottom .link a.find-out-more:hover
{
    background-position: 0 -22px;
}

.flight-deal-list .flight-deal-box .bottom .link a.find-out-more span
{
    display: block;
    text-indent: -3000px;
}

.flight-deal-list .flight-deal-box .text
{
    min-height: 170px;
    height: auto !important;
    height: 170px;
}

.flight-deal-list .flight-deal-box .text p
{
    color: #fff;
    margin: 0;
    padding: 0;
}

.flight-deal-list .flight-deal-box .text h2, .flight-deal-list .flight-deal-box .text h3
{
    color: #fff;
}

.flight-deal-list .flight-deal-box .text h2
{
    font-size: 18px;
}

.flight-deal-list .flight-deal-box .text h3
{
    font-size: 14px;
}

/* FLIGHT DEALS - DETAIL */
.flight-deal .left{
	float:left;
	width:510px;
}

.flight-deal h2,
.flight-deal h1{
    width: 500px;
}

.flight-deal .right{
    float:right;
    margin:40px 0 0 0;
    padding:0 0 0 15px;
    width:160px;
    background-image: url(../images/dotted-red-vertical.gif);
    background-position:left;
    background-repeat:no-repeat;        
}

.flight-deal-clear{
    clear:both;
    background-image:url("/themes/default/images/dotted-red.gif");
    background-position:center top;
    background-repeat:repeat-x;
    margin:15px 0;
    padding:5px 0 0;
    width:100%;
}

.flight-deal .laterooms{
	float:right;
	width:160px;
    height:320px;
	margin:40px 0 15px 15px;
	padding-left:15px;
	background-image: url(../images/dotted-red-vertical.gif);
    background-position:left;
    background-repeat:no-repeat;
    
}