@charset "UTF-8";
/* CSS Document */


body {font-family:Helvetica, Arial, sans-serif; font-size: 12px; font-weight:100;}

body a { 
			text-decoration:none;
			color:#4f8bc8;
			font-weight:400;
}

h3 { 		
			font-size:12px;
			clear:both;
}

.backdrop {
			position: relative;
			left: 0;
			top: 0;
			right: 0;
			bottom: 0;
			background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#e3e5e5)); 
			background: -moz-linear-gradient(top,  #FFFFFF,  #e3e5e5);
			filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#e3e5e5')";
			background-image:url(images/bg-gradiant.gif);
			background-repeat:repeat-x;
			background-color:#e3e5e5;
}

form { 		padding:2px;margin:0;}

input, .input, select {
	background-color:#e5e6e4;
	border-radius: 4px;
	border: 1px solid #CCC;
	box-shadow:inset 0 1px 2px #999;
	padding: 4px;
}
textarea {
	resize: none;
}

.long {		width: 270px;}
.long2 {	width: 63%;}
.long3 {	width: 90%; height:50px}
.long4 { width: 60%;}
.date_select { width: 50px; }

.greenbutton {
			background-color:#409f44;
			padding: 7px;
			padding-left: 17px;
			padding-right: 17px;
			border-radius: 4px;
			border: 1px solid #5ea040;
			background-image:url(images/greenshine.gif);
			color:#FFF;
			font-size:13px;
			text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
			-moz-box-shadow: 0px 2px 2px #555;
			-webkit-box-shadow: 0px 2px 2px #555;
			box-shadow: 0px 2px 2px #555;
			background-position:center;
	}
	
.greybutton {
			background-color:#566069;
			padding: 7px;
			padding-left: 17px;
			padding-right: 17px;
			border-radius: 4px;
			border: 1px solid #656f79;
			background-image:url(images/navbg_solid.png);
			color:#FFF;
			font-size:13px;
			text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
			-moz-box-shadow: 0px 2px 2px #555;
			-webkit-box-shadow: 0px 2px 2px #555;
			box-shadow: 0px 2px 2px #555;
			background-position:center;
	}
	
.lgreybutton {
			padding: 4px;
			padding-left: 5px;
			padding-right: 5px;
			border-radius: 4px;
			border: 1px solid #b5b5b4;
			color: #566971;
			font-weight:400;
			-moz-box-shadow: 0px 1px 1px #555;
			-webkit-box-shadow: 0px 1px 2px #555;
			box-shadow: 0px 1px 1px #555;
			background: -webkit-gradient(linear, left top, left bottom, from(#f9f8f8), to(#cecfcf)); 
			background: -moz-linear-gradient(top,  #f9f8f8,  #cecfcf);
			filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f8f8', endColorstr='#cecfcf')";
	}
	
label {	
			clear:both;
			width:150px;
    		float:left;
}

.padform { padding-bottom:4px}

#container{
			width: 980px;
			margin: 0 auto;
}

#containersml{
			width: 400px;
			margin: 0 auto;
}

#header {
			position: relative;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
}

#navbar {
			position: relative;
			background: url(images/navbg_solid.png) #566069; /* This is the variable colour */
			filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#a9aeb2', endColorstr='#687177')";
			top: 5px;
			border-top-left-radius: 4px;
			border-top-right-radius: 4px;
			height: 40px;
			line-height: 40px;
			vertical-align: middle;
			border-bottom: 1px solid #FFF;
			text-align: right;
			padding-right: 20px;
			color: #fff;
}
	* html #navbar span {
		position: relative;
		top: 13px;
	}
#navlinks {
	float: left;
	border-right: 1px solid #fff;
}
#navbar a {
	color: #fff;
}
#navlinks a {
			display: block;
			float: left;
			font-size:14px;
			text-decoration: none;
			padding: 0 20px;
			line-height: 40px;
			border-right: 1px solid #687177;
			border-left: 1px solid #FFFFFF;
			/*background-image:url(images/navbg.png);*/
			text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
		}

#navlinks a:hover {
			background: url(images/navbg-hover_solid.png) repeat-x;
	
		}

/*.log {
			float: left;
			text-align: right;
			right:0;
			color: #fff;
			text-decoration: none;
			padding-left: 20px;
			line-height: 40px;
			border-left: 1px solid #FFFFFF;
			background-image:url(images/navbg.png);
			text-shadow: 0px -1px 0px rgba(0, 0, 0, .3);
			font-size:13px;
			vertical-align: middle;
		}*/
		

#titlebox {
			clear: both;
			position: relative;
			background: #dcdedf;
			background: -webkit-gradient(linear, left top, left bottom, from(#dcdedf), to(#bec3c6)); 
			background: -moz-linear-gradient(top,  #dcdedf,  #bec3c6);
			filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#dcdedf', endColorstr='#bec3c6')";
			top: 5px;
			border-bottom-left-radius: 4px;
			border-bottom-right-radius: 4px;
			border-top: 1px solid #babcc1;
			border-left: 1px solid #FFFFFF;
			height: 90px;
			vertical-align:middle;
			overflow: hidden;
}

.header{
			font-weight:100;
			font-size:30px;
			padding-top: 14px;
			padding-bottom: 14px;
			color:#d1d3d4;
}

#title{
			position:relative;
			left:115px;
			bottom:50px;
}

.pagetitle{
			color:#566069; /* This is the variable colour */
			font-size:22px;
			font-weight:100;
}

#breadcrumbs {
			font-family:Helvetica, Arial, sans-serif;
			color:#a1a6ad;
			padding: 10px;
			padding-top: 20px;
			font-size: 10px;
}

#breadcrumbs a {
			font-size: 10px;
			text-decoration:none;
			color:#a1a6ad;
}

#breadcrumbs a:hover {
			color: #566067;
}

#liveupdate {
			position: relative;
			color:#ffffff;
			background: #8f143f;
			background: -webkit-gradient(linear, left top, right top, from(#8f143f), to(#e63232)); 
			background: -moz-linear-gradient(left,  #8f143f,  #e63232);
			filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#8f143f', endColorstr='#e63232')";
			top: 5px;
			border-radius: 4px;
			border: 1px solid #FFFFFF;
			-moz-box-shadow: 1px 1px 4px #555;
			-webkit-box-shadow: 1px 1px 4px #555;
			box-shadow: 1px 1px 4px #555;
			height: 32px;
			padding:4px;
			padding-left: 10px;
}

#updateicon {
			float:left;
}

#updatetext {
			float:left;
			padding: 10px;
}

#prefs {
			clear:both;
}

.darkbox {
			clear:both;
			background-color: #c7c9cd;
			width: 98%;
			border-bottom: 1px solid #a1a6ad;
			background-position: center top;
			background-image: url(images/greybox_top.png);
			background-repeat: no-repeat;
			overflow: auto;
}

.greyboxtext {
			clear:both;
			padding: 7px;
			padding-top:20px;
			padding-bottom: 14px;
			font-size:12px;
			width: 90%;
			line-height: 15px;	
}

.update {
	font-size:11px;
	padding-left: 10px;
}

.spacerbig {padding-top: 40px;}
.spacermed {padding-top: 28px; clear:both;}
.spacersmall {padding-top: 6px;}

.whitebox {
			position: relative;
			color:#566069;
			background: #FFFFFF;
			margin-top: 5px;
			border-radius: 4px;
			-moz-box-shadow: 1px 1px 4px #555;
			-webkit-box-shadow: 1px 1px 4px #555;
			box-shadow: 1px 1px 4px #555;
			padding: 4px 0 10px 10px;
			zoom: 1;
}
	.whitebox:after {display:block;visibility:hidden;content:".";width:100%;height:0.1px;clear:both;}

#footline {
			height: 4px;
			background:#566069; /* This is the variable colour */
}

.bar {		height:4px;
			width: 46px;
			border-top: 3px solid #FFF;
			background-color:#4f8bc8;
			font-size: 0.1px;
}

.column { 	
			float:left;
			width: 33.3%;
}

.column p { 
			clear:both;
			background:#eaebec;
			padding: 7px;
			border-top: 1px solid #adafb4;
			border-bottom: 1px solid #adafb4;
			width: 90%;
			line-height: 15px;
}

.column td { 
			
			padding: 7px;
			font-size:12px;
			border-top: 1px solid #adafb4;
			line-height: 15px;
}

.column2 { 	
			float:left;
			width: 50%;
}

.column3 { 	
			float:left;
			width:340px;
			font-size:11px;
}

/*-- edit itinerary --*/
#edit_itinerary:after,
#edit_itinerary .column2:after
{display:block;visibility:hidden;content:".";width:100%;height:0.1px;clear:both;}

#edit_itinerary .formblock {
}
	#edit_itinerary label {
		width: 150px;
	}
	.airline_code { padding: 0 5px; }
	.flight_number_field { width: 225px; }
.clear {
			clear:both;
}

#note {
			padding-left:150px;
			padding-bottom: 20px;
			font-size: 11px;
			width: 290px;
}

.tablecontainer {
			padding-top: 10px;
			padding-bottom: 20px;
}

.column table {
			background:#eaebec;
			border-bottom: 1px solid #adafb4;
}

.widetable table{
			clear:both;
			background:#eaebec;
}

.widetable td{
			padding: 7px;
			font-size:12px;
			border-bottom: 1px solid #adafb4;
			line-height: 15px;
}

.smallprint {
			font-size: 10px;
			color: #566067;
}

.smallprint a {
			font-size: 10px;
			color: #566067;
			text-decoration:none;
}

.sectiontitle {
			font-size: 18px;
			color: #566069; /* This is the variable colour */
			padding-top: 36px;
			padding-left: 10px;
}

.smallicon {
			float:left;
			padding-top: 4px;
}

.subtitle {
			float:left;
			padding:10px;
			font-size:15px;
			font-weight:400;
}

.smltitle { 
			width:150px;
			padding-top:10px;
			float:left;
}

.thin {font-weight:100;}
.bold {font-weight:bold;}

.greyedout {
			font-weight:bold;
			color:#b6bbbf;
}

.greyline {
			clear:both;
			border-bottom: 1px solid #bcbec3;
			padding-top: 10px;
}

.updateicon {
			padding:0;
			float:left;
}

.updatetext {
			float:left;
			color:#8f143f;
			vertical-align:middle;
			padding:6px;
			font-weight:bold;
}

.updatetext a {
			text-decoration:none;
			color:#8f143f;
}

.loginerror {
			font-weight:bold;
			color:#EC008C;
}

/*-- settings and site appearanace --*/
div#ColourSchemes img {
	border: 0;
}
