input[type="checkbox"]{float:left;margin-right:3px;}
input, select,textarea{
	text-transform: uppercase;
}

input.w2 {width:250px;}
/*
LAYOUT                                                       */
#layoutWrap{width:955px;padding-top:0px; margin:0px auto; background:#FFF;clear:both;}
#layoutSystem {font: 12px Arial, Helvetica, sans-serif!important;width:96%;margin:0px auto;clear:both;color: #333;overflow:auto;}
	
#divContent{}
	
#mainBody{width:650px;float:left;margin:0;padding:0}
#mainBody h2 {
	margin: 8px;
    margin-right: 0;
    margin-bottom: 2px;
    margin-left: 0;
    background-color: #f0f0f0;
    background-image: none;
    background-repeat: repeat;
    background-attachment: scroll;
    background-position: 0% 0%;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    clear: left;
}
#mainBody div#customerPaymentPage h2{
    color:#fff;
    background-color:#4caacc;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}
#gutter{width:250px;float:right;overflow:auto}/*different than for callcenter.css*/

#divPublicMenu{height:31px;float:none;border-bottom:1px solid #F5C6D6; position:relative}
#divPublicMenu ul{margin-left:4px}
#divPublicMenu li {height:31px;color:#929397; padding:0 5px 0 15px; float:left}

#divPublicMenu li.sectionHeader { border:solid 1px #F5C6D6; border-bottom:none; color:#404040; font-size:1.1em; font-weight:bold; padding:6px 10px 0; height:25px; background-color:#fff;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; background-image:none !important}
#divPublicMenu ul.accountTabs li a {display:block; text-decoration:none; padding:6px 15px; background:#E6E6E6 url(/images/bg.png) 0px -50px;margin-right:5px; color:#fff; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px; height:19px; float:left}
#divPublicMenu ul.accountTabs li a.logout{height:auto !important; background:none; color:#CCC; text-decoration:underline !important; font-size:.8em !important; padding:5px 0 0 0; margin-right:50px; float:left}
#divPublicMenu ul.accountTabs li a.generic {height:auto !important; float:left}
#divPublicMenu ul.accountTabs li.selected{ border:solid 1px #F5C6D6; border-bottom:none; color:#404040; font-size:1.1em; font-weight:bold; padding:6px 15px 0; height:25px; background-color:#fff;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px; background-image:none !important; float:left}
#divPublicMenu ul.accountTabs li.selected a {color:#404040; background:none; padding:0}
#divPublicMenu ul.accountTabs li.selected a:hover { background-color:#fff !important}
#divPublicMenu li span{display:block}
#divPublicMenu li span.stepNumber{margin-left:5px; font-size:.8em}
#divPublicMenu li span.stepName{font-size:1.1em; font-weight:bold;margin-left:5px}
#divPublicMenu li.selected {color:#227489;background: url(/images/arrow_public_selected.gif) no-repeat 10px 17px;}
#divPublicMenu li a.generic{-moz-border-radius:3px;-webkit-border-radius:3px;  display:block}
#divPublicMenu ul.accountTabs li a.generic {position:absolute; right:0; white-space:nowrap}
.chromestyle li.selected {background-color:#fff}
.chromestyle li.selected a {color:#000; border:none}
ul.AspNet-Menu, ul.AspNet-Menu ul{padding:0px;width:98%;float:none;margin-bottom:5px;}
ul.AspNet-Menu {padding-left:5px;}
ul.AspNet-Menu li{list-style:none;float:left;}
ul.AspNet-Menu li a,ul.AspNet-Menu li span, #editResHeader ul li, #editResHeader  ul li span{ display:block; text-decoration:none; padding:10px 20px; background:#E6E6E6 url(/images/bg.png) 0px -50px;margin-right:5px; color:#fff; -moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;}
ul.AspNet-Menu li.AspNet-Menu-Selected a, ul.AspNet-Menu li.AspNet-Menu-Selected span {
	background:#D2E2EA;
	color:#333;
}
ul.AspNet-Menu li.AspNet-Menu-Selected a:hover{background:#C8D5F1 !important;color:#333!important;}
ul.AspNet-Menu li a:hover {color:#FCEE21!important; background:#E6E6E6 url(/images/bg.png) 0px -50px}/* background property needed for IE6 */
ul.AspNet-Menu li ul {display:none;} /* yes, this was necessary! */



/*
CLIENT WRAPPER TWEAKERS                                  */

#clientHeader {margin: 0px auto;margin-bottom:20px;width:940px}
#clientHeader div{margin: 0px auto;}
#clientHeader a:hover {background:transparent;color:#aa7700!important;}
#clientHeader ul {height:14px;}
#clientFooter {margin: 0px auto;padding-top:10px;padding-bottom:10px;}
#clientFooter span{margin: 0px auto;display:block;width:700px;}
table{
	font: 12px Arial, Helvetica, sans-serif!important;
	color: #333;
}

/*
PUBLIC OPTIONS & PRICING PAGE                                */
#pubOptions .lastcell{text-align:right}
#pubOptions th.lastcell span{margin-right:2em}
#pubOptions tfoot.lastcell label{margin-right:2em}
#pubOptions tfoot .lastcell label,#pubOptions tfoot .lastcell span{width:100px;display:block;float:right}
#pubOptions tfoot .lastcell label{margin-right:0px;width:200px}
#pubOptions tfoot .payAmountDue{font-size:1.2em;font-weight:700}
label {display:block}
#pubOptions .optCol1 {width:100px !important}
#pubOptions .optCol2 {width:300px !important}
#pubOptions td.optCol2 select {width:230px !important}
/*#customerOptionsPricing div.divButtons input{float:right}*/

/*
PUBLIC AVAILABILITY PAGE                                     */
.avail fieldset{width:47%;float:left}
/*TODO: Change these background images:*/
span.noMotorcycles{cursor:help;margin:0 4px;background:#999 url(/images/icon_noMotorcycles.gif) no-repeat center center;text-decoration:none;text-indent: -3000px;overflow:hidden;width:17px;height:17px; -moz-border-radius: 2px;-webkit-border-radius: 2px;clear:none;display:block;}
span.noCars{cursor:help;margin:0 4px;background:#999 url(/images/icon_noCars.gif) no-repeat center center;text-decoration:none;text-indent: -3000px;overflow:hidden;width:17px;height:17px; -moz-border-radius: 2px;-webkit-border-radius: 2px;clear:none;display:block;}

/*
CUSTOMER LOGIN PAGE                                          */
#divCustomerLogin label{display:block;color:#999; width:auto !important}
#divCustomerLogin label.insideLabel{float:left; clear:left}
#divCustomerLogin label.insideLabel-apply{position:relative;top:20px;left:5px;z-index:1;float:left}
#divCustomerLogin input[type="text"],#divCustomerLogin input[type="password"]{float:left;clear:left}
#divCustomerLogin fieldset{height:320px;width:40%;display:block;float:left}
#divCustomerLogin fieldset + fieldset{margin-left:4%}
#divCustomerLogin fieldset legend{color:#fff;padding:10px;font-size:1.2em;background-color:#4caacc; -moz-border-radius:5px;-webkit-border-radius:5px;}

/*
"YOUR TRIPS" SIDEBAR                         */
ul.custReservations li{margin-bottom:20px;display:block;width:220px;}
ul.custReservations{overflow:auto;width:220px;}
ul.custReservations ul {width:220px;}

.custResDate{font-weight:700;}
ul.custReservations ul li{margin:6px 0 0;display:block; border:none;float:none;}
.custResDepartPort,.custResArrivePort{}
.custResVoyageDateTime{border-bottom:1px dashed #ccc;display:block;padding-bottom:5px;}
ul.custReservations a.edit {overflow:auto;padding:3px!important;}



/*
CUSTOMER RESERVATION EDIT, CONFIRMATION                                 */
#custTblResSummary,#custTblResTickets{border:none;width:90%;}
#custTblResSummary th {text-align:left}
#custTblResSummary .custResNumber{float:none;}
#custTblResSummary .custResDate{float:none;clear:none}
#custTblResSummary .custResVoyageDateTime{display:inline}
.custResChangeButton{}
.custResReturnProduct{}
.custResProductSeparator{margin:auto 2ex}
.Cancelled,.cancelled td,.cancelled td select,.changed td, .changed td select { color:#aaa; font-style:italic; text-decoration: line-through; }
.ticketEdit {text-align:right;}
#divConfStatus{background-color:#4caacc;color:#fff;width:100%;-moz-border-radius:5px;-webkit-border-radius:5px;}
#divConfStatus ul {clear:both;float:none;display:block;overflow:auto;}
#divConfStatus ul li{padding:0 2em} /* Reservation Number, Order Date, Last Update */
#divConfStatus ul li+li{float:right;font-size:90%}/* Order Date, Last Update */
#divConfStatus ul li.orderDate{}/* Order Date */
#divConfStatus ul li.changedDate{}/* Last Update */
#divButtons {float:none;display:block;overflow:auto;margin-top:2px;margin-bottom:2px;padding:10px;}
#divButtons a.edit{padding:4px;}

/* 
PAYMENT                     */
#rescreditcardinfo{float:left;width:480px;}
#rescashinfo{clear:left}
#resgiftcardinfo{clear:left;}


/*
MAIN OVERRIDES - CALENDARING */



div.calendar2 table td, div.calendar1 table td {width:auto!important; height:22px!important;margin:0px!important;padding:0px!important; text-align:center;}
div.calendar2 table td div, div.calendar1 table td div {padding:4px!important;font-size:11px;}
a.calPreviousMonth {background:#fff url(/images/button_calendar_back_sm.png) no-repeat center center;text-decoration:none;text-indent: -3000px;overflow:hidden;display:block;width:11px;height:16px;float:left;margin-right:2px}
a.calNextMonth {background:#fff url(/images/button_calendar_next_sm.png) no-repeat center center;text-decoration:none;text-indent: -3000px;overflow:hidden;display:block;width:11px;height:16px;float:left;}
a.calPreviousMonth:hover {background:#fff url(/images/button_calendar_back_sm_f2.png) no-repeat center center;}
a.calNextMonth:hover {background:#fff url(/images/button_calendar_next_sm_f2.png) no-repeat center center;}

div.divAvailability {}
div.calendar1{float:left;}
div.calendar2{float:left;margin-left:5px;}
div.calendar3{width:30px;float:right;padding:8px;}

.resdeparture{float:left}
.resdeparture fieldset {margin:0!important;width:305px}
.resreturn{float:right}
.resreturn fieldset {margin:0!important;width:305px}
.calvoyageAvail table {margin-top:10px;width:100%;}
.calvoyageAvail table td{padding:3px!important;font-size:11px;white-space:nowrap;border-top:1px solid #e0e0e0!important;height:24px;}
.calvoyageAvail table td input{display:inline!important;width:20px;}
.calvoyageAvail table td label{display:inline!important;}
.availport{padding:10px;}
.divLegend{margin-top:10px;}

/* To override styles pulled in from Lake Express site */
.logo{border-style:none}

.gridOption {width:100px;overflow:hidden;}

/* CONFIRMATION PAGE OVERRIDE */
a.clone{visibility:hidden}