/*******************
***  Typography  ***
*******************/

body{
	font-family:Arial;
	font-size:62.5%;
	color:#555;
}

h2{
 	font-family:Tahoma;
 	color:#5999e2;
 	font-size:1.8em;
  line-height:42px;
  font-weight:normal;
}

h3{
	color:#5999e2;
 	font-family:Tahoma;
 	font-size:1.4em;
  line-height:30px;
  font-weight:bold;
  clear:left;
}

a{text-decoration:none;color:#5999e2;}
a:hover{text-decoration:underline;}

p{font-size:1.1em;line-height:1.4em;margin:0 0 15px;}


.note
{
	padding-top:5px;
	padding-left:20px;
	color:red;
	font-weight:bold;
	font-size:1.2em;
}



/***************
***  Layout  ***
***************/

#wrapper{width:845px;margin:0 auto;}
#masthead{height:196px;background:url(../Images/masthead.jpg) no-repeat;}

#navigation{
  height:27px;
  padding:11px 0 0;
  margin:1px 18px 0 17px;
  background:url(../Images/navigation-bg.gif) repeat-x;
  border:1px solid #e6e6e6;
}

#navigation li{float:left;}
#navigation li.nav-right{float:right;}

#navigation li a{
	display:block;
	line-height:16px;	
	padding:0 13px;
	font-size:1.1em;
	color:#888;
	font-weight:bold;
}

#navigation li.spacer{height:16px;width:1px;background:#c7c6c6;}

.content{padding:20px 18px;}

.panel{
  background:#f4f4f4;
  border:1px solid #d6d6d6;
  padding:15px 15px 0;
  padding:5px 15px 0;
}

.panel .panel{background:#ebebeb;}

.message{
  padding:8px 10px 10px 45px;	
  margin:0 0 15px;
  color:#777;
  line-height:1.4em;
}

.information{
	background: #fff;
	border: 1px solid #f5c47d;
	padding:8px 10px;	
	text-align:center;
}

.information p{margin:0;}

.error{
  background:#ffeeee url(../Images/error.png) no-repeat 12px 10px;
  border:1px solid #facfcf;
  color:#777 !important;
  font-size:1.1em;
  padding-left:65px;
}

.error li{padding:0 0 0 13px; background:url(../Images/error-li.gif) no-repeat 0 5px;margin:0 0 2px;}
	
	






/***************
***  Tables  ***
***************/
.tbl-data{margin:0 0 30px;border-collapse:collapse;width:100%;}

.tbl-data th{
	font-weight:bold;
	padding:5px;
	border-bottom:1px solid #ddd;
	vertical-align:bottom;
	font-size:1.1em;
}
	
.tbl-data td{
	padding:8px 5px;
	border-bottom:1px solid #ddd;
	vertical-align:middle;
	font-size:1.1em;
}

.tbl-data td.first-col{font-weight:bold;color:#5999E2;}
.tbl-data td.td-action{width:2%;text-align:right;font-size:1em;background:#EBEBEB;padding-left:10px;padding-right:10px;}
.tbl-data td.td-action .edit-link{font-size:1.1em;}
.tbl-data .edit-link{right:-51px;top:-3px;left:auto;}
.tbl-data .edit-link:hover{text-decoration:none;}
.tbl-data td.tbl-button{padding:20px 0 0;border:none;}
	
.tbl-data td.tbl-button .button{margin:0;}

.tbl-data .hovered{cursor:pointer;}
.tbl-data .hovered td{background:#ebebeb;}
	
.tbl-data .selected td{background:#e6ecf2;border-bottom:1px solid #fff;}
.tbl-data .selected td, .tbl-data .selected label{font-weight:bold;color:#666;}
.tbl-data .selected label span, .tbl-data .selected label{display:block;width:100%;}
	
	
/**************
***  Forms  ***
***************/

input, textarea, select{font-family:Arial; color:#555;font-size:1.2em;}
fieldset{position:relative;}

.textbox{
  background:#f9f9f9;
  border:1px solid #dedede;
  display:inline;
  height:19px;
	margin:0 0 15px;
	padding:4px 3px 0;
}

.textbox:focus{background:#fff;}

.button{
	height:29px;
	line-height:27px;
	font-size:11px;
	padding:0 15px 0;
	background:#878787;
	border:1px solid #dedede;
	color:#fff;
	font-weight:bold;
	margin:0 0 15px;
	cursor:pointer;
	display:block;
	float:left;
}

.button:hover{text-decoration:none;}

.validation-error{
	position:absolute; top:7px; right:-7px;
	width:17px;
	height:18px;
	background:url(../Images/error-small.png) no-repeat;
	text-indent:-9999em;
}

.radio-buttons{float:left;margin:0;height:26px;padding:6px 0 0;}
.radio-buttons input{float:left;margin:0;height:14px;}
.radio-buttons .validation-error{position:relative;top:-3px;left:0;float:left;}

.actions{padding:6px 0 0 12%;width:77%;}

.save-button, .close-button{
 font-family:Tahoma;
 font-size:1.4em;
 font-weight:bold;
 height:19px;
 padding:12px 0 0 37px;
}

.save-button{float:right;color:#99ca11;background:url(../Images/tick.png) no-repeat 0 0;}
.close-button{float:left;color:#d95406;background:url(../Images/cross.png) no-repeat 5px 5px;}






/*******************
***  Login page  ***
*******************/

#login-wrapper{
 width:400px;
 margin:0 auto;
 padding:	12px 0 0;
}

#login-wrapper label{
 display:block;
 float:left;
 width:160px;
 padding:0 0 0 1px;
 height:31px;
 line-height:26px;
 font-size:1.1em;
 color:#777;
} 

#login-wrapper .textbox{width:180px;}

.booking-ref{height:25px;margin-bottom:15px;}
.booking-ref input, .booking-ref span{float:left;}
.booking-ref span{font-size:1.4em;margin:0 3px;padding:5px;}

.welcome{width:550px;margin:0 auto;line-height:12px;}

#login-wrapper .panel{padding-top:20px;}



/**************************
***  Party details page ***
**************************/

.booking-info{
 	float:left;
 	display:inline;
	font-size:1.1em;
	height:25px;
	line-height:25px;
	margin:0 1px 16px 0;
	padding:5px 0 0;
	width:257px;
}

.booking-info strong{color:#5999E2;}

.details-message{clear:left;text-align:left;font-weight:bold;}

.party-member{
	width:380px; 
	float:left;
	margin:0 8px 25px 0;
	display:inline;
}

.party-member p{font-size:1.2em;margin:0 0 5px;font-weight:bold;color:#5999E2;}
.party-member .panel{position:relative;zoom:1}

.party-member label{
	display:block;
	float:left;
	clear:left;
	width:148px;
	text-align:right;
	font-size:1.1em;
	font-weight:bold;
	margin:0 10px 12px 0;
	margin:0 10px 6px 0;
}

.party-member .panel span{
  width:185px;
  float:left;
  display:block;
  font-size:1.1em;
}

.party-member .panel br{width:100%;height:1px;font-size:1px;line-height:1px;clear:both;}

.party-member .edit-link{
	position:absolute; top:7px; left:7px;
	height:20px;
	line-height:20px;
	font-size:1.2em;
	font-weight:bold;
	color:#5999e2;
	background:url(../Images/edit.gif) no-repeat 0 0;
	padding:0 0 0 28px;
	display:none;
}

.party-member .panel:hover .edit-link,
.party-member .panel.hovered .edit-link{display:block;}








/*********************
***  Bookings page ***
**********************/

.search-box{padding-bottom:5px;margin:10px auto 20px;width:53%;}

.search-box label{
 font-size:1.1em;	
 font-weight:bold;
 float:left;
 line-height:30px;
 padding:0 5px 0 0;
}

.search-box .textbox{
 padding-right:25px;
 background: #f9f9f9 url(../Images/search.png) no-repeat 97% 5px;
 float:left;
 margin:0;
}

.search-box .textbox:focus{background: #fff url(../Images/search.png) no-repeat 97% 5px;}

.search-box .button{float:left;display:inline;margin:0 0 0 5px;}






/**************************
***  Print Tickets Page ***
**************************/

.print-tickets{width:400px;margin:20px auto;}

.print-tickets .hovered td{cursor:pointer;}
.print-tickets td label{cursor:pointer;}
.print-tickets td input{cursor:pointer;margin:0 3px;height:15px;}



/*********************
***  Manifest Page ***
**********************/

.flight-search{width:45%;}



/**************
***  Modal  ***
***************/


.modal {
	display: none;
	position: fixed; top: 1%; left: 50%;
	margin-left: -225px;
	width: 492px;
	background-color: #f4f4f4;
	border: 7px solid #585858;
	-moz-border-radius:10px;
	border-radius:10px;
	text-align:left;
}

.modal-overlay { background-color: #000; }

.modal h1{
	font-family:Tahoma;
	font-size:1.8em;
	color:#fff;
	text-align:center;
	line-height:54px;
	border-bottom:2px solid #7a7a7a;
	background:#5999e2;
}

.modal .content{padding:20px;}

.modal label{
	display:block;
	float:left;
	clear:left;
	width:190px;
	text-align:right;
	font-size:1.1em;
	font-weight:bold;
	margin:0 0 6px 0;	
	padding:0 10px 0 0;
}

.modal label{line-height:25px;margin-bottom:0;}
.modal label.radio-label{line-height:11px;margin-top:7px;}
.modal label.select-label{line-height:20px;;}

.modal .radio-buttons label{
	width:auto;
  margin:0;
  text-align:left;
  clear:none;
  font-weight:normal;
  margin:0 16px 0 6px;
  padding:2px 0 0;
  line-height:11px;
}

.modal .textbox{width:244px;margin-bottom:7px;}

.disabledtext {color:Gray}

.modal select{margin:0 0 7px;border:1px solid #DEDEDE;background:#F9F9F9;width:252px;padding:3px 3px;}
.modal select:focus{background:#fff;}





/************************
***  Email passengers ***
************************/

.email-passengers h3{}

#login-wrapper.email-passengers .textbox{width:120px;}



/*******************
***  Utitlities  ***
********************/

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clear{width:100%;height:1px;font-size:1px;line-height:1px;clear:left;}

.center{text-align:center;}
.alignleft{text-align:left;}