@charset "utf-8";
/* CSS Document */
/*
**** Key Colors ****
	#EC1F24 - Dark Red 
	#2489CE - Dark blue
	#7cc4e7 - Light blue

*/
.boat-content {
	padding:0;
}
.boat-img-small {
	width:80px;
	height:80px;
	border:1px solid black;
}
.boat-row {
	width:100%;
	padding:5px;
	display:table;
}
.boat-row .boat-img-col {
	clear:none;
	width:81px;
	float:none;
	display:table-cell;
	vertical-align:middle;
}
.boat-row .boat-text-col {
	float:none;
	width:auto;
	margin:0 0 0 5px;
	display:table-cell;
	vertical-align:middle;
}
.boat-row .boat-text-col p{
	margin:0;
}
.boat-row ul{
	margin:0 0 0 20px;
	padding:0;
}
.boat-row li{
	margin:0;
	padding:0;
	font-size:7pt;
	color:#FF2227;
	list-style-position:outside;
	list-style-type:disc;
}
.boat-row li span{
	color:#333;
}
.boat-row .boat-text-col h4{
	font-size:10pt;
	margin:0 0 0 2px;
	text-align:left;
}
.schedule-content h4{
	margin:0 0 0 2px;
	text-align:left;
}
.avail-content {
	margin-top:0;
	padding-top:0;
}
.clear {
	display:none;
	clear:both;
}
.bg-white{
	background-color:#FFFFFF;
}
.bg-alt{
	background-color:#EEEEEE;
}

.hh-float-left{
	float:left;
}
.hh-float-right{
	float:right;
}
.hh-table{
	border-collapse:collapse;
}
.hh-table td{
	padding:5px 5px 0 5px;
}
.hh-table-header{
	color:#2489CE;
	border:0;
	border-bottom:1px solid #FF2227;
}
div.hh-dialog-header{
	padding:0 0 0 20px;
	width:100%;
}
div.hh-dialog-header > div{
	text-align:center;
	padding:0 0 0 5px;
}
div.hh-vmiddle{
	display:table;
	height:100%;
	width:100%;
	text-align:inherit;
}
div.hh-vmiddle > div{
	display:table-cell;
	vertical-align:middle;
	height:100%;
	xwidth:100%;
	text-align:inherit;
}
.hh-center{
	text-align:center;
	white-space:nowrap;
}
.hh-image-border img{
	border:2px solid #2489CE;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}
.hh-nowrap{
	white-space:nowrap;
}
.hh-smaller{
	font-size:small;
	font-weight:normal;
}
.hh-tchild-vmiddle{
	display:table-cell;
	vertical-align:middle;
	width:33.33%;
	float:none;
}
.hh-tparent-height1{
	height:50px;
	display:table;
	width:100%;
}
.hh-boat-button{
	border:2px solid #2489CE;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	width:80px;
	margin-bottom:5px;
}
div.hh-boat-image{ 
	width:80px;
	height:80px;
}
.hh-boat-image img{
	width:80px;
	height:80px;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
	border-top-right-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-top-left-radius:8px;
}
.hh-boat-caption{
	font-size:10px;
	text-align:center;
	border:0;
	color:#2489CE;
	height:20px;
	line-height:8px;
}
.hh-avail-table{
	border-collapse:collapse;
	text-align:center;
}
.hh-avail-cell{
	border:1px solid black;
	width:40px;
	height:40px;
	text-align:center;
	vertical-align:middle;	
}
.hh-avail-gray{
	color:#c7cacd;
}
.hh-avail-avail{
	background-color:#4ba583;
	text-decoration:none;
	text-shadow:none;
	color:#4ba583;
	color:#FFFFFF;
	cursor:pointer;
}
.hh-avail-full{
	background-color:#a0a0a2; 
	color:white;
}
.hh-avail-header{
	width:40px;
	height:20px;
	font-size:smaller;
	text-align:center;
	vertical-align:middle;
	border:0;
}

/*----- berth Class table ----*/
.hh-bc-table{
	border-collapse:collapse;
	text-align:center;
}
.hh-bc-header{
	font-size:smaller;
	text-align:center;
	vertical-align:middle;
	border:0;
	color:#2489CE;
}
.hh-bc-cell{
	border:1px solid #2489CE;
	text-align:center;
	vertical-align:middle;	
}
.hh-bc-cell-aleft{
	text-align:left;
	max-width:150px;
	white-space:normal;
}

/*========== Booking Wizard ============================*/
.bw-header p {
	margin:0;
}
.bw-emsg{
	color:#EC1F24;
	background-color:#FFFF99;
}
div.bw-dialog-header{
	min-height:30px;
	padding-top:10px;
}
/* Trip Table */
.bw-trip-table{
	border-collapse:collapse;
	font-size:14px;
	text-align:left;
}
.bw-trip-cell{
	border:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	vertical-align:top;	
}
.bw-trip-label{
	color:#2489CE;
	font-weight:bold;
	width:10%;
}
.bw-trip-vessel{
	font-weight:bold;
}

/* payment verification Table */
.bw-pmt-table{
	border-collapse:collapse;
	font-size:14px;
	text-align:left;
}
.bw-pmt-cell{
	border:1px solid #2489CE;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	vertical-align:top;	
}
.bw-pmt-label{
	color:#2489CE;
	font-weight:normal;
	white-space:nowrap;
	width:10%;
}

/* booking confirmation Table */
.bw-cnf-table{
	border-collapse:collapse;
	font-size:14px;
	text-align:left;
}
.bw-cnf-cell{
	border:1px solid #2489CE;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	vertical-align:top;	
}
.bw-cnf-label{
	color:#2489CE;
	font-weight:normal;
	white-space:nowrap;
	width:10%;
}

/* Berth class table */
.bw-bc-table{
	font-size:14px;
	margin-top:5px;
}

/* pax table */
.bw-paxtable{
	border-collapse:collapse;
	font-size:14px;
	text-align:left;
	table-layout:fixed;
	width:100%;
	margin:0;
	margin-bottom:5px;
}
.bw-paxcol1{
	border:1px solid #2489CE;
	width:30%;
	white-space:nowrap;
}
.bw-paxcol1 div{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bw-paxcol2{
	border:1px solid #2489CE;
	width:40%x;
	white-space:nowrap;
}
.bw-paxcol2 div{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bw-paxcol3{
	border:1px solid #2489CE;
	width:30%;
	white-space:nowrap;
}
.bw-paxcol3 div{
	width:100%;
	overflow:hidden;
	text-overflow:ellipsis;
}
.bw-paxheader{
	color:#2489CE;
	font-weight:bold;
}
.bw-paxcell{
	border:1px solid #2489CE;
}
.bw-paxcomments{
	white-space:normal;	
}



/* Nav bar */
.bw-navbar{
	background-color:#666666;
}
.bw-nav-cover-container{
	position:relative;
}
.bw-nav-cover{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	display:none;
	background-color:rgba(0,0,0,0.3);
	z-index:10000;
}
.bw-nav-cover .bw-ajax-loading{
	background-color:#999999;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	width:32px;
	height:32px;
	display:inline;	
}
.bw-nav-cover .bw-ajax-loading img{
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	width:32px;
	height:32px;	
}

/*---- lock button classes ---*/
.bw-button-cover-container{
	position:relative;
}
.bw-button-cover{
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	display:none;
	/*background-color:rgba(0,0,0,0.3);*/
	z-index:10000;
}
.bw-button-cover .bw-button-ajax-loading{
	background-color:#999999;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline;
	margin:0;
	padding:0;
	border:0;
	text-align:center;
	vertical-align:middle;	
}
.bw-button-cover .bw-button-ajax-loading img{
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	width:16px;
	height:16px;	
	margin:0;
	padding:0;
	border:0;
	vertical-align:middle;
}
/*---- end lock button classes ---*/

.bw-select-gotfocus{
	color:#FFFFFF;
	background-color:#2489CE;
	border:1px solid #EC1F24;
}

.bw-top-border{
	border-top:2px solid #EC1F24;
	padding-top:5px;
}
#bw-help h3{
	margin:0;
}
#bw-help h4{
	margin:0;
	margin-bottom:-8px;
}
#bw-help p{
	margin:8px;
}
#bw-help .bw-help-divider{
	width:100%;
	border:0;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#999999;
	text-align:center;
}
/*========== end booking wizard styles =====================*/


.hh-gray-out{
	opacity:0.2;
}
.hh-bullet-point-text ul li span{
	font-weight:normal;	
	color:#333;
}
.hh-remove-margin{
	margin:0;
}

div.hh-rounded-image{ 
	width:80px;
	height:80px;
	-moz-border-radius:8px
	-webkit-border-radius:8px;
	border-radius:8px;
	border:2px solid #AAAAAA !important;
}
.hh-rounded-image > img{
	width:80px;
	height:80px;
	-moz-border-radius:6px
	-webkit-border-radius:6px;
	border-radius:6px;
}


/*========== Standard JQUERY MOBILE style overides =============*/
/* This is required to stop select controls from zooming */
.ui-select .ui-btn select{
font-size: 50px;
}

/* Dialog Margin control */
.hh-about-dialog.ui-dialog .ui-header, 
/*.ui-dialog .ui-content, */
.hh-about-dialog.ui-dialog .ui-footer { 
	max-width: 500px; 
	margin: -85px auto 15px auto;
}
.hh-berth-class-info-dialog.ui-dialog .ui-header, 
.hh-hh-berth-class-info-dialog .ui-footer { 
	max-width: 500px; 
	margin: -40px auto 15px auto;
}

#vessel-availability .ui-select {
	margin:8px 0;
}