@CHARSET "UTF-8";

@import 'blueprint/screen.css';

/* 
@import '/media/css/reset-min.css';
@import '/media/css/fonts-min.css';
*/

@import '/media/css/hacks.css';
@import '/media/css/headfoot.css';
@import '/media/css/components.css';
@import '/media/css/content.css';
@import '/media/css/tabs.css';


html, body { 
	background: #fff;
	color: #000;
	font-family: tahoma; 
	margin: 0;
}

html, body, td, th { font-size: 13px; }

#page { margin: 0 auto 20px auto; width: 940px; margin-top: 1px solid #fff; }

#contact_numbers_panel table td { background: transparent; }
#contact_numbers_panel p { line-height: 1.4em; margin: 0; }

#footer * { margin: 0; padding: 0; }
#footer { line-height: 10px; }
#foot_menu { margin: 0; padding: 0; }
#foot_menu li { line-height: 20px; }

#main, .main {
	background: #d6dae0; 
	clear: both; 
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

#left {
	background: transparent url(../img/chrome/app-right-shadow.gif) no-repeat right 20px;
	float: left;
	padding: 20px 40px 20px 20px;
	width: 545px;
}

#left.wide { 
	background: none;
	width: 900px; 
}

#right {
	float: right;
	padding: 20px 20px 0 0;
	width: 310px; 
}

#login {
	margin:auto !important;	
}

/* Layout
----------------------------------------------------------------------------- */

.left { float: left; }
.right { float: right; }
.half { width: 260px; }
.right.half { margin-right: 0; }

/* Typography - modifies baseline css
----------------------------------------------------------------------------- */

h1 { 
	color: #e00034; border-bottom: 1px solid #c1c7cb;
	font-size: 25px; font-weight: normal; line-height: 1.2em;
	margin: -5px 0 15px 0; padding: 0 0 7px 0;
}
h2 { color: #1e233c; font-weight: bold; margin-bottom: 5px; }
h3 { color: #7d8d99; font-weight: bold; margin-bottom: 5px; }

.uncolour { color: #aaa; }
a { color: #1e233c; }
.watermark { color: #999; }

#right h3 { margin-top: 0; }

/* Lists
----------------------------------------------------------------------------- */

ul { padding: 0; }
li { list-style: none; margin: 0; padding: 0; }

.ui-datepicker, .ui-datepicker th, .ui-datepicker td { font-size: 10px; }
.ui-datepicker table { border: none; }
	
li.ui-menu-item { 
	background: none !important;
	border-bottom: 1px solid #ccc; 
	font-size: 11px; 
}

.ui-autocomplete { width: 10px; } /* somehow fixes too wide autocomplete box */

/* Table
----------------------------------------------------------------------------- */

table { border-bottom: 2px solid #d6dae0; table-layout: fixed; width: 100%; }
td { background: #fff; margin: 0; white-space: normal; vertical-align: top; }
thead th { background: #3c4150; color: #fff; }
thead th a { color: #fff; }
tr.even td { background: #e9edf2; }
table.list a { text-decoration: none; }
table.list a:hover { text-decoration: underline; }


/* Forms
----------------------------------------------------------------------------- */

.hidden { display: none; }
.ajax_loader { display: none; text-align: center; }

fieldset { padding: 0; margin: 0; float: left; }

.input.text input { border: 1px solid #7d8d99; }

.form_flash_stay { margin-bottom: 20px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 15px; padding-left: 50px; padding-right: 15px; padding-top: 15px; }
.form_flash, #authMessage, .form_flash_stay #authMessage { padding: 15px 15px 15px 50px; margin: 0 0 20px 0; } 
.form_flash_err, #authMessage { background: #e00034 url(../img/quotes/form-flash-bg-err.gif) no-repeat 10px 10px; color: #fff; }
.form_flash_inf { background: #FDB73B url(../img/quotes/form-flash-bg-inf.gif) no-repeat 10px 10px; padding: 12px 15px 3px 50px; min-height: 35px; }
.form_flash_inf .realign {  margin-top: -4px; padding-bottom: 2px; }
.form_flash_inf .realign li{  padding-bottom: 0px;  }
.form_flash_inf p{ margin-top: -5px; margin-bottom: 4px; }

.form_flash_inf ul li { background: url('/media/img/shim.gif'); margin-left: -10px; }


.form_flash_ok { background: #2ddc5a url(../img/quotes/form-flash-bg-ok.gif) no-repeat 10px 10px; color: #fff; }

label, legend { color: #1e233c; display: block; font-weight: bold; margin-bottom: 5px; }
label span, .form_inputs span.label, .form_input_note, .input_sep_text { color: #3c4150; font-weight: normal; }
a.label { font-weight: bold; }

textarea { font-family: tahoma; font-size: 12px; padding: 2px; }
.input.text input { padding: 3px; }
.input.radio label, .input.checkbox label { display: inline; font-weight: normal; }
.input.select select { padding: 2px; }
input.datepicker { width: 100px; }

.form_panel { background: #c1c7cb; margin-bottom: 20px; }
.form_inputs { border-bottom: 1px solid #fff; padding: 10px; }
.form_inputs.wide .input.text input { width: 230px; }
.form_inputs.last { margin-bottom: 0; }
.form_inputs .input { padding: 0; line-height: 1em; }
.form_fields_one_line { overflow: hidden; width: 525px; }
.form_fields_one_line .input { float: left; margin-right: 10px; }
.form_inputs .input_sep_text { padding-top: 5px; }

.error label { color: #e00034; }
.error_message { background: #e00034; color: #fff; padding: 5px 10px 5px 10px; margin: 0; }
.error_message_spike { 
	background: transparent url(../img/quotes/form-error-spike.gif) no-repeat;
	height: 4px; width: 7px; padding: 0; margin: 0 0 0 10px; overflow: hidden;
}
.form_fields_one_line .error_message_spike { clear: both; }
.form_fields_one_line .error_message { clear: both; }

.input_show_on_click { overflow: hidden; }
.input_show_on_click label {  }
.input_show_on_click input, .input_show_on_click textarea { height: 30px; width: 510px; }
a.show_hide_cancel { cursor: pointer; display: block; text-align: right; }

/* Buttons 
------------------------------------------------------------------------------*/

button, a.button { 
	position: relative;
	border: 0; 
	font-weight: bold; font-family: tahoma;
	font-size: 11px; 
	letter-spacing: 1px;
	padding: 0;
	cursor: pointer;
	overflow: visible; /* removes extra side padding in IE */
}

a.button { float: left; line-height: 15px; }

button::-moz-focus-inner {
	border: none;  /* overrides extra padding in Firefox */
}

button span, a.button span { 
	display: block; 
	height: 21px;
	padding: 7px 0 0 15px;
	position: relative; 
	white-space: nowrap;
}

button.primary, button.secondary, a.button.primary { 
	padding: 0 15px 0 0; 
	margin-right: 5px; 
	text-align: center; 
	background: transparent url(../img/chrome/buttons/primary.gif) no-repeat right -96px; 
}
button.secondary { background: transparent url(../img/chrome/buttons/secondary.gif) no-repeat right -96px; }

button.primary span, button.secondary span, a.button.primary span {
	background: transparent url(../img/chrome/buttons/primary.gif) no-repeat left top; 
	color: #fff; 
}
button.secondary span { background: transparent url(../img/chrome/buttons/secondary.gif) no-repeat left top; }
	
button.primary:hover, button.primaryHover, button.secondary:hover, a.button.primary:hover { 
	background-position: right -144px; 
	text-decoration: none;
}

button.primary:hover span, button.primaryHover span, button.secondary:hover span, a.button.primary:hover span { 
	background-position: 0 -48px; 
}

div.buttons { font-size: 11px; line-height: 28px; margin-top: 20px; display: inline; }
div.buttons div { display: inline; }

/* Paging
------------------------------------------------------------------------------*/

.pagination .numbers { float: left; margin-top: 5px; }
.pagination .direction { float: right; }
.pagination .direction li { float: left; margin-left: 10px; list-style: none; }
.pagination .direction a{ text-decoration: underline; }
.pagination .disabled { color: #ccc; }
.pagination ol { margin: 0; }
.pagination span, .pagination .direction li { background: #fff; padding: 0.3em 0.6em 0.3em 0.6em; border: 1px solid #ccc; }
.pagination .current { background-color: #E9EDF2;  	/*#3C4150 #fff*/ }
.pagination .numbers a { text-decoration: underline; } 

/* App
----------------------------------------------------------------------------- */

.hidden { display: none; }

#main.booker, #main.booker td, #main.booker th { font-size: 12px; }

.airport_autolist { width: 225px; }

#form_journey_types { margin-top: 10px; }
#form_journey_types .input label { margin-right: 100px; }
.passengers_indicator { float: right; height: 30px; margin-top: -10px; }
.passengers_indicator div { float: left; width: 14px; height: 29px; }

tbody tr.leg td { background: #fff; border-bottom: 1px solid #d6dae0; color: #3c4150; }
tbody tr.contact td { background: #9cb0bf; color: #fff; }
tbody tr.contact td h3 { margin: 0; }

tbody tr td.leg_letter { color: #fff; font-weight: bold; }
tbody tr.leg td.leg_0 { background: red; }
tbody tr.leg td.leg_1 { background: green; }
tbody tr.leg td.leg_2 { background: blue; }
tbody tr.leg td.leg_3 { background: yellow; }
tbody tr.leg td.leg_4 { background: black; }
tbody tr.leg td.leg_5 { background: white; }

.journey_url { background: #fff; padding: 10px; font-size: 13px; }
.journey_url span.url { float: left; }
.journey_url span.copy { float: right; }

.map { background: #fff; padding: 5px; }

#maps { width: 300px; }
#maps div {
	width: 300px; height: 290px; overflow: hidden
}

#route_map_canvas_s { 
	background: transparent url(../img/europe-map.jpg) no-repeat; 
}
	
#route_map_canvas_l {
	border: 5px solid #fff;
	width: 890px; height: 370px;
	margin-left: -10000px;
	overflow: hidden;
	visibility: hidden;
}

.toggle_info { display: none; color: #7d8d99; }

a#open_large_map { 
	background: transparent url(../img/magnifier.png) no-repeat left center;
	display: block;
	padding-left: 24px;
	margin: 10px 0 10px 0;
}

#slidetabsmenu { margin-top: 40px; }

a#add_leg {
	background: transparent url(/blink-now/img/quotes/add-leg-icon.png) no-repeat left center;
	cursor: pointer; 
	padding-left: 20px;
	display: block;
	margin: -10px 0 15px 0;
}

div.leg_marker {
	position: absolute;
	left: 0;
	margin-left: 12px;
}
	
span.eur { display: none; }


/* Admin
----------------------------------------------------------------------------- */

#journeys_list tr td { position: relative; }
#journeys_list tr td div.controls {
	background: #d6dae0;
	position: absolute; left: -1000px; padding: 7px 0 7px 5px; font-size: 10px; 
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
}
#journeys_list tr:hover td div.controls, div.controls:hover { 
	left: 433px; width: 72px;
}

.indent {
	margin-left: 15px;
	margin-bottom: 15px;
}

#page.admin .form_panel { padding: 0; margin-bottom: 15px; overflow: hidden; display: block; }

.airport-data td { font-size: small;}

.w95 { width: 95%!important; }
.w100 { width: 100%!important; }
.w66 { width: 66% !important; }
.w32 { width: 34% !important; }
.w30 { width: 30%; }
.w50 { width: 50%; }

.ff_w50 { width: 300px; }
.ff_w75 { width: 500px; }

.fl { float: left; }
.fr { float: right; }

.block { display: block; }

fieldset { padding: 0 20px 0 0; margin: 0; float: left;}

fieldset input, fieldset label { float: left; }

.search_input { padding: 10px; } 

.error_message, .error-message{ background: #e00034; color: #fff; padding: 5px 10px 5px 10px; margin: 0; }
.error_message_spike{ 
	background: transparent url(../img/quotes/form-error-spike.gif) no-repeat;
	height: 4px; width: 7px; padding: 0; margin: 0 0 0 10px; overflow: hidden;
}

.search_button{
	margin-top: 17px;
}

.add_button{
	padding-bottom: 10px;
	padding-right: 10px;	
}

.centre {
	margin-left: auto!important;
	margin-right: auto!important;
}

tr.active-row td {
 	background-color: #7d8d99 !important;
 	color: #fff; 	
}

.airport-description{
	width: 800px;
	height: 75px;	
}

.icon:hover {
	cursor:pointer;
}

.lmd_intro {
	margin-right: 10px;
	margin-bottom: 10px;
	width: 535px;
}

.lmd_twitter{
	border-radius: 5px;
	-moz-border-radius: 5px;	
	-webkit-border-radius: 5px;
	behavior: url(/media/css/border-radius.htc);
	border: 1px SOLID #c1c7cb;
	background-color: #ffffff;
	height: 110px;
	padding: 20px;
	width: 290px;
}

.lmd_twitter p{
	font-size: 0.9em;
}

.lmd_twitter h2{
	font-size: 0.8em;
	margin-bottom: 10px;
	margin-top: 0px;
	text-transform: uppercase;
	
}

.lmd_twitter span{
	color: #a1a4a8;
	font-size: 2.4em;
	margin-top:0px;
}

.lmd_twitter img{
	margin-top:10px;
}

.list, #journeys_list table{
	border-bottom: 2px SOLID #3C4150;	
}

.form_panel input, .form_panel select, .form_panel { font-family: tahoma!important; font-size: 11px!important; }

.total-line {
	font-weight: bold;
	background-color: #3C4150;
	color: white;	
}

.pricing-test-journey-table tr td{
	position: relative;	
	z-index: 30;
}

.price-tests-airport-popup {
	display: none;
	position:absolute;
	margin-top: 5px;
	padding: 3px;
	border: 1px SOLID #3C4150;
	background-color: #ffffcc;	
	border-radius: 5px;
	color: black;
	-moz-border-radius: 5px;
	z-index: 100;
}

.engine-tests tr.even td { background-color: #fff!important; padding-top: 10px;}
.engine-tests tr:hover td { background-color: #fff!important;  }
.pricing-test-journey-table th, .pricing-test-prices th { background-color: #C1C7CB; font-size: 12px; padding: 5px;}
.pricing-test-journey-table, .pricing-test-prices { border: 3px SOLID #C1C7CB; margin: 0px; }

.loader_background { 
	padding: 2px;
	background-color: #d6dae0;
	border-radius: 5px;
	height: 23px;
	-moz-border-radius: 5px;
	text-align: center; 
	width: 22px; 	
}

.pricing-test-prices { display: none; }
#versions { margin-bottom: 10px; padding-bottom: 10px;}

.pricing-test-prices .title { font-weight: bold; font-size: 10px; text-transform: uppercase; }
.pricing-test-prices .value { font-size: 10px; text-align: right; }
.link-hand { cursor: pointer; }
.total-line { background-color: #3C4150 !important;}

/* -------- */
