@import url("/common/css/yahoo_base-min.css");
body
{
	font: 12px Helvetica,Arial;
	color: #666;
	background: #f0f0f0 url(/images/bg.png) repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
}

checkbox
{
	display: block;
}
ul.AspNet-CheckBoxList-RepeatDirection-Vertical li
{
	padding-right: 30px;
}

/*a img{border:solid 5px #000;}*/
div, form
{
	margin: 0;
	padding: 0;
}
a:hover
{
	color: #000 !important;
	background: #FCEE21;
}
a
{
	text-decoration: none !important;
	color: #666;
	cursor: pointer;
}
table, td, th, tr
{
	border-collapse: collapse;
	border: none;
}
.cb
{
	clear: both;
}
.fl
{
	float: left;
}

.AspNet-CheckBoxList-Item label
{
	display: inline !important;
}
ul, ul.AspNet-CheckBoxList-RepeatDirection-Vertical
{
	margin: 0;
	padding: 0;
	list-style: none;
}
li, li.AspNet-CheckBoxList-Item
{
	list-style: none !important;
	margin: 0;
	padding: 0;
	float: left;
}

.AspNet-RadioButtonList-Item label
{
	display: inline !important;
}
ul, ul.AspNet-RadioButtonList-RepeatDirection-Vertical
{
	margin: 0;
	padding: 0;
	list-style: none;
}
li, li.AspNet-RadioButtonList-Item
{
	list-style: none !important;
	margin: 0;
	padding: 0;
	float: left;
}


/*
FORM FORMATS                       */
.formDropDown
{
	width: 120px;
	display: block;
}
input, select
{
	padding: 4px;
	border: solid 1px #CCC;
	margin: 0px;
	background: #f4f4f4;
	color: #444;
	font: 11px Helvetica,Arial;
}


/* In the following line, the "max-"width and the "!important" was interfering with the JS solution to the IE select width problem.
 Of course now the drop downs on the departure dashboard are screwed up. (http://devres.lake-express.com/check-in/default.aspx?voyage=1042)
 Consider also line 191 or so of CallCenter.css (#dashPortFilter ul li select) for a possible fix, at least for the dashboard page.
 To test the effect your CSS has on the IE width fix, keep the following open in IE:
   http://devres.lake-express.com/callcenter/reservations/reservation.aspx?id=448cf547-c171-4f1e-9df3-9c182c1fcebb 
   (hovering over the select elements should expand or contract them).   
*/
select
{
	padding: 2px; /*max-*/
	width: 120px /*!important*/;
}
input.Button, input.button, input.submit
{
	width: auto !important;
	height: 24px;
	font: 12px Helvetica,Arial;
}
input:focus
{
	border: solid 1px #c00;
}
input[type="hidden"]
{
	border: 0;
	padding: 0;
	margin: 0;
	background: white;
}
input[type="checkbox"]
{
	border: 0;
	padding: 0px 4px;
	margin: 0px;
	background: transparent;
}
input[type="radio"]
{
	border: 0;
	padding: 0px 4px;
	margin: 0px;
	background: transparent;
}
input.datebox
{
	width: 88px !important;
}
input.dateboxLock
{
	width: 80px !important;
}
div.container
{
	background-image: url(/images/form_shadow.png);
	background-repeat: no-repeat;
	background-position: 2px bottom;
	margin: 0px;
	padding: 1px;
}
div.container input
{
	margin-bottom: 12px !important;
	border: solid 1px #ddd !important;
}
div.container label
{
	font-weight: bold;
}
.termsText
{
	text-transform: none;
}
select.selectPort
{
	width: 80px;
}
select.selectTime
{
	width: 60px;
}

/*
FORM BEHAVIOR                   


*/
.hidden
{
	visibility: hidden;
	height: 0;
	width: 0;
}
.visible
{
	visibility: visible;
	height: auto;
	width: auto;
}
div.hidden
{
	display: none;
}
span.select-box
{
	padding: 0 !important;
	margin: 0 !important;
	background-color: Transparent !important;
}
/*span.select-box select{background:#ffd;}*/

/*
FIELDSETS                       */
legend
{
	font-size: .80em;
	font-weight: 700;
	border: none;
	margin: 10px !important;
	text-align: left;
	color: #aaa;
}
fieldset
{
	border: 1px solid #f0f0f0 !important;
	margin-top: 10px !important;
	padding: 8px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	width: auto;
}

/*
REMOVAL                         */
h1, #divPageHeader, .validator
{
	display: none;
}


/*
LOGIN WINDOW                         */
#fsAdminLogin
{
	margin: 0px auto;
	width: 400px;
	height: 320px;
	background: #fff url(/images/logo_logon.png) no-repeat center 30px;
	border: solid 1px #ccc;
	padding: 80px 40px 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
#fsAdminLogin label
{
	display: block;
	margin-bottom: 5px;
}
#fsAdminLogin input
{
	display: block;
	margin-bottom: 30px;
	font-size: 24px;
	width: 100%;
	margin-top: 2px;
	margin-right: 6px;
	margin-bottom: 16px;
	background-color: #fbfbfb;
	padding: 3px;
	border: 1px solid #e5e5e5;
	height: auto;
}
#fsAdminLogin .submit
{
	background: #FF9999;
}
#fsAdminLogin .submit
{
	padding: 10px;
	background: #d2e2ea;
	color: #487f97 !important;
	font-size: 1em;
	font-weight: 400;
	-moz-border-radius-topleft: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#fsAdminLogin .submit:hover
{
	background: #487f97;
	color: #d2e2ea !important;
}
#fsAdminLogin a.forgotPassword
{
	float: right;
}
#fsAdminLogin legend
{
	text-indent: -3000px;
	overflow: hidden;
}



/*
GENERAL LAYOUT                         */
#outerWrap
{
	width: 100%;
	margin: 0px auto;
	padding-bottom: 30px !important;
	background: #FFF;
	padding-top: 20px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	clear: both;
}
#innerWrap
{
	width: 96%;
	margin: 0px auto;
	clear: both;
}
#divContent
{
}
#divFooter
{
	margin: 0px auto;
	text-align: center;
	clear: both;
	height: 25px;
	width: 955px;
	padding-top: 10px;
}
.leftcolumn
{
	width: 47%;
	float: left;
}
.rightcolumn
{
	width: 47%;
	float: right;
}
#divOverflower
{
	overflow: auto;
	width: 100%;
	clear: both;
	margin-top: 50px;
}

/*
NAV                         */
#divAdminMenu
{
	padding-top: 15px;
	padding-left: 0px;
	display: block;
	clear: both;
	height: 33px;
	width: 915px;
	margin: 0px auto;
}

ul.AspNet-Menu, ul.AspNet-Menu ul
{
	padding: 0px;
	width: 750px;
	margin: 0px auto;
}
ul.AspNet-Menu, #editResHeader
{
	padding-left: 100px;
}
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: #fff;
	color: #333;
}
ul.AspNet-Menu li.AspNet-Menu-Selected a:hover
{
	background: #fff !important;
	color: #333 !important;
}
ul.AspNet-Menu li a:hover
{
	color: #FCEE21 !important;
}
ul.AspNet-Menu li ul
{
	display: none;
}
/* yes, this was necessary! */

/*CALLCENTERNAV

/*
SUBNAV                         */
div.subMenu
{
	clear: both;
	width: 100%;
	display: block;
	height: 20px;
	margin: 0;
	padding: 0;
}
div.subMenu ul
{
	margin: 0px;
	padding: 0px;
}
div.subMenu ul li
{
	list-style: none;
	float: none;
	background: none;
	display: block;
	float: left;
	margin-right: 5px;
}
div.subMenu ul li a, div.subMenu ul li span
{
	padding: 10px;
	background: #d2e2ea;
	color: #487f97 !important;
	font-size: 1em;
	font-weight: 400;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
div.subMenu ul li a:hover
{
	background: #487f97;
	color: #d2e2ea !important;
}

/*
ERROR/MSG                         */
#messageDiv
{
	text-align: center;
	margin: 0px auto;
	clear: both;
	color: #fff;
}
.errormessage
{
	background: #c00 url(/images/bg_alert.png) no-repeat 10px center;
	padding: 10px 10px 10px 40px;
	width: 90%;
	display: block;
	color: #fff;
}
.displaymessage
{
	background: #859c21;
	padding: 10px;
	width: 98%;
	display: block;
	color: #fff;
}
.errormessage a, .displaymessage a
{
	color: #fff;
	text-decoration: underline !important;
}
.validator
{
	color: #c00;
	font-size: 2em;
	vertical-align: middle;
}

/*
LOGIN STATUS                        */
#divLoginStatus
{
	float: right;
	padding: 10px;
}
#divLoginName
{
	display: inline;
	padding-right: 5px;
	color: #FFF;
}
#divLoginStatus a
{
	background: #E6E6E6 url(/images/bg.png);
	padding: 5px;
	color: #fff !important;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 400;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

/*
DATAGRID VIEW                         */
table.gridView
{
	width: 99%;
	clear: both;
	padding: 0;
	margin: 0;
	margin-top: 20px;
	table-layout: fixed;
}
table.gridView th
{
	background: #f9f9f9;
}
table.gridView th, table.gridView th a
{
	text-align: left;
	font-size: .80em;
	font-weight: 400;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}
table.gridView td
{
	border-top: solid 1px #e9e9e9 !important;
	padding: 12px 20px 5px 2px;
	text-align: left;
	vertical-align: top;
}
table.gridView h3
{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 700;
}

table.reportGridView
{
	width: 99%;
	clear: both;
	padding: 0;
	margin: 0;
	margin-top: 20px;
/*	table-layout: fixed;*/
}
table.reportGridView th
{
	background: #f9f9f9;
}
table.reportGridView th, table.gridView th a
{
	/*text-align: left;*/
	font-size: .80em;
	font-weight: 400;
	color: #333;
	text-transform: uppercase;
	text-decoration: none;
}
table.reportGridView td
{
	border-top: solid 1px #e9e9e9 !important;
	padding: 12px 20px 5px 2px;
	/*text-align: left;*/
	vertical-align: top;
}
table.reportGridView h3
{
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 700;
}

.gridLastCol
{
	padding-right: 0px;
}
.gridLastCol a, .gridLastCol input
{
	float: right;
}
.gridFirstCol
{
	width: 60px;
}
.gridDate
{
	width: 115px !important;
}
.gridDate input
{
}
.gridCheckboxList label
{
	margin-left: 8px;
	position: absolute;
	width: 120px;
}
.gridCheckboxList
{
}

.gridSmallAmount
{
	width: 40px;
}
.gridAmount
{
	width: 56px;
}
.gridAmount input
{
	width: 40px !important;
}
.gridAmountMod
{
	width: 80px;
}
.grid2Digit
{
	width: 20px;
}
.gridFee
{
	width: 90px;
}
/*150px*/
.gridFee input
{
	height: 20px;
	vertical-align: middle;
}
.gridFee label
{
	padding-left: 5px;
	line-height: 20px;
}
.gridName
{
	width: 180px;
}
/*only use once in table row! */
.gridName input
{
	width: 86%;
}
.gridFeeName
{
	width: 160px;
}
.gridFeeName input
{
	width: 95%;
}
.gridHalfName
{
	width: 100px;
}
/*only use once in table row! */
.gridHalfName input
{
	width: 95%;
}
.gridOption
{
	width: 150px;
}
.gridNameHeavy
{
	width: 160px;
}
/*for heavy data! */
.gridZip
{
	width: 60px;
}
.gridZip input
{
	width: 90%;
}
.gridOnOff
{
	width: 50px;
}
.gridNote
{
	width: 60px;
}
.gridNote input
{
	width: 45px;
}
.gridNavOption
{
}
.gridAddress
{
	width: 100px;
}
.gridAddress input
{
	width: 95%;
}
.gridState
{
	width: 120px;
}
.gridState select
{
	width: 120px;
}
.gridResNumber
{
	width: 90px;
}
.gridPhoneNumber
{
	width: 80px;
}
.gridPhoneNumber input
{
	width: 90%;
}
.gridRequests
{
	width: 100px;
}
.gridBottom
{
	border-bottom: 1px dashed #333 !important;
	height: 3px !important;
}
.gridShade2
{
	background: #f6f6f6 !important;
	padding-left: 5px !important;
}
.gridShade1
{
	background: #f0f0f0 !important;
	padding-left: 5px !important;
}

.gridNavOption a
{
	background: #d2e2ea url(/images/arrow_left.png) no-repeat right;
	padding: 8px 30px 5px 8px;
	color: #487f97 !important;
	font-size: 1em;
	white-space: nowrap;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
}
.gridNavOption a.selected, .gridNavOption a:hover
{
	color: #d2e2ea !important;
	background: #487f97 url(/images/arrow_down.png) no-repeat right;
	padding: 8px 28px 5px 8px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.gridNavOption input
{
	width: 50px;
}

.gridViewNameStyle
{
	width: 150px;
}

table td.resCargoTypeTable
{
	padding: 0px;
}



a.sort
{
	background: url(/images/icon_sort.png) no-repeat left center;
	padding-left: 10px;
}
a.sort.up
{
	background: url(/images/icon_sort_up.png) no-repeat left center;
	padding-left: 10px;
}
a.sort.down
{
	background: url(/images/icon_sort_down.png) no-repeat left center;
	padding-left: 10px;
}

a.selectall, span.selectall
{
	float: left;
	background: url(/images/button_checkall.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}
a.selectnone, span.selectnone
{
	float: left;
	background: url(/images/button_checknone.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
	margin-top: 1px;
}


tr.gridViewRowStyle
{
}
tr.gridViewAltRowStyle
{
}
tr.gridViewPagerStyle td
{
	padding: 0;
}
tr.gridViewPagerStyle table td
{
	padding: 3px;
}
tr.gridViewPagerStyle td
{
}
tr.gridViewPagerStyle table td
{
	border: none;
}




/*
BUTTONS                         */
a.voyageShow, a.voyageMassEdit, a.modalOK, a.edit, a.update, a.modalCancel, a.cancel, a.add, a.addVoyageLink, input.Button, input.button, input.submit, a.submit, a.submitFocus, input.submitFocus, a.generic
{
	background: #d2e2ea !important;
	padding: 5px !important;
	color: #487f97 !important;
	font-size: .8em;
	text-transform: uppercase;
	font-weight: 400;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	cursor: pointer;
	border-style: none;
	display: inline;
}

a.voyageShow:hover, input.submitFocus:hover, a.submitFocus:hover, a.generic:hover, a.submit:hover, a.voyageMassEdit:hover, a.edit:hover, a.update:hover, a.cancel:hover, a.add:hover, a.addVoyageLink:hover, input.button:hover, input.submit:hover
{
	background: #487f97 !important;
	color: #d2e2ea !important;
	border-style: none;
}

a.popCalendar, .popCalendar
{
	background: url(/images/icon_calendar.png) no-repeat left top !important;
	width: 17px;
	height: 17px;
	cursor: pointer;
	text-indent: -3000px;
	overflow: hidden;
	position: absolute;
	margin-left: -22px;
	margin-top: 3px;
}

a.addVoyageLink
{
	float: left;
}
a.voyageMassEdit
{
	margin-left: 20px;
}
a.add
{
	text-align: right;
}
a.delete
{
	background: #fff url(/images/button_delete.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}
a.defaultYes
{
	background: #fff url(/images/button_default.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}
a.defaultNo
{
	background: #fff url(/images/button_notdefault.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}


span.notuniversal
{
	background: #fff url(/images/icon_mixed.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}
span.nocommonvalue
{
	background: #fff url(/images/icon_mixed.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}

span.overrideable
{
	float: left;
}
.supervisoroverride
{
	margin: 0 4px;
	background: #999 url(/images/button_override.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	width: 17px !important;
	height: 17px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	clear: none;
	display: block;
}
a.selected
{
}
a.update
{
	background: #c00;
	color: #f0f0f0 !important;
}
a.cancel, a.modalCancel
{
	background: #ddd;
}

span.disabled, span.noFeesExist
{
	background: #fff url(/images/icon_checkoff.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}
span.enabled, span.feesExist
{
	background: #fff url(/images/icon_checkon.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 17px;
	height: 17px;
}

.copyPrevious
{
	background: #fff url(/images/button_copydown.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 80px;
	height: 10px;
	margin-top: -10px;
	cursor: pointer;
}



/*
HEADINGS                         */

/*
SMALL AJAX CALENDAR                         */
.ajax__calendar_container
{
	position: absolute;
	cursor: default;
	width: 170px;
	font-size: 11px;
	text-align: center;
	z-index: 999;
}
.ajax__calendar_body
{
	height: 139px;
	width: 170px;
	position: relative;
	overflow: hidden;
	margin: auto;
}
.ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years
{
	top: 0px;
	left: 0px;
	height: 139px;
	width: 170px;
	position: absolute;
	text-align: center;
	margin: auto;
}
.ajax__calendar_container TABLE
{
	font-size: 11px;
}
.ajax__calendar_header
{
	height: 20px;
	width: 100%;
}
.ajax__calendar_prev, .ajax__calendar_next
{
	background-color: #6bc3f7;
	color: ButtonText;
	padding: 0px .5em;
	text-align: center;
	text-decoration: none;
}
.ajax__calendar_title
{
	cursor: pointer;
	background-color: #598eae;
}
.ajax__calendar_footer
{
	height: 15px;
}
.ajax__calendar_today
{
	cursor: pointer;
	padding-top: 3px;
	background-color: #598eae;
	color: #FFF;
}
.ajax__calendar_dayname
{
	height: 17px;
	width: 17px;
	text-align: right;
	padding: 0 2px;
	background-color: #ffffe0;
	font-weight: bold;
}
.ajax__calendar_day
{
	height: 17px;
	width: 18px;
	text-align: right;
	padding: 0 2px;
	cursor: pointer;
}
.ajax__calendar_month
{
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.ajax__calendar_year
{
	height: 44px;
	width: 40px;
	text-align: center;
	cursor: pointer;
	overflow: hidden;
}
.ajax__calendar .ajax__calendar_container
{
	border: 1px solid #598eae;
	background-color: #ffffff;
	color: #000000;
}
.ajax__calendar .ajax__calendar_footer
{
	border-top: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_dayname
{
	border-bottom: 1px solid #f5f5f5;
}
.ajax__calendar .ajax__calendar_day
{
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_month
{
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_year
{
	border: 1px solid #ffffff;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_active .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #0066cc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_day
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}
.ajax__calendar .ajax__calendar_other .ajax__calendar_year
{
	background-color: #ffffff;
	border-color: #ffffff;
	color: #646464;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_day
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_month
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_year
{
	background-color: #edf9ff;
	border-color: #daf2fc;
	color: #0066cc;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_title
{
	color: #0066cc;
	color: #fff;
}
.ajax__calendar .ajax__calendar_hover .ajax__calendar_today
{
	color: #0066cc;
}
div.ajax__calendar td
{
	padding: 0 !important;
	margin: 0 !important;
	font-weight: 100;
	border: none !important;
}


/*
MODAL WINDOWS                         */
div.modalDiv
{
	background: #f9f9f9;
	width: 400px;
	border: solid 6px #859C21;
	padding: 40px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
}
.modalDiv .header
{
	cursor: pointer;
	font-weight: 700;
	width: 100%;
	text-align: center;
}
.modalTicketName
{
	font-style: italic;
}
.modalDiv ul
{
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.modalDiv ul li
{
	list-style: none;
	padding-bottom: 2px;
	padding-top: 2px;
	float: none;
}
.modalDiv label
{
	padding: 0;
	margin: 0;
}
.modalDiv input, .modalDiv select
{
	width: auto;
	margin: 0;
	margin-bottom: 4px;
}
a.submitFocus, a.update
{
	background: #859C21 !important;
	color: #FFF !important;
}
input.submitFocus
{
	background: #859C21 !important;
	color: #FFF !important;
	display: inline;
	margin-top: 10px;
	clear: both;
	width: auto;
}
a.modalOK, a.modalCancel
{
	margin-top: 2px;
	display: block;
}

div.modalDiv .submitFocus, div.modalDiv .cancel
{
	padding: 0;
	margin: 0;
}
div.modalDiv .submitFocus
{
	margin-top: 5px;
}

/*
CUSTOMER PROFILE                                  */
#customerdetails
{
	width: 450px;
}
#customerProfile label
{
	display: block;
}
#customerProfile input[type="text"]
{
	width: 125px;
	float: left;
}
#customerProfile input[type="checkbox"]
{
	float: left;
	margin-right: 5px;
}
#customerProfile input.dblWide
{
	width: 245px;
}
#customerProfile input.trplWide
{
	width: 375px;
}
#customerProfile textarea
{
	width: 400px;
	height: 5em;
}
#customerProfile a.supervisoroverride
{
	float: left;
}

.reportTHLeft
{
	text-align:left !important;
}

.reportTHRight
{
	text-align:right !important;
	padding-right: 16px;
}

.changebtn
{
	width: 145px;
}
/*
RESERVATION CONFIRMATION PAGE                     */
#resConfirm
{
	width: 620px;
	overflow: auto;
}
#resConfirm h2
{
	margin: 15px 0 2px;
	background: #f0f0f0;
	padding: 10px;
	clear: left;
}
/* clear:left added to support IE8 h2 overlap problem. */
#resConfirm a.clone
{
	position: relative;
	top: -30px;
	left: 565px;
}
#resConfirm .gridOption
{
	width: 150px;
}
#resConfirm .gridName
{
	width: 120px;
}
#resConfirm .gridAmount
{
	width: 60px;
}
#resConfirm .gridPhoneNumber
{
	width: 120px;
}
#resConfirm ul
{
	margin: 0;
	padding: 0;
}
/* Used to be float:none. Changed to support IE8 h2 overlap problem. */
#resConfirm ul li
{
	display: block;
	width: 100%;
	float: none;
}
#resConfirm ul ul
{
	overflow: auto;
	border-bottom: 1px solid #ccc;
	padding-left: 10px;
}
#resConfirm ul li ul li
{
	display: block;
	float: left;
	width: 120px;
}
#resConfirm .resSpecial
{
	width: 480px;
}
#agentNotes textarea
{
	width: 614px;
	height: 100px;
}
#termsConditions
{
	display: none;
}


#resPaymentSummary h2
{
	margin: 12px 0 6px;
	background: #f0f0f0;
	padding: 10px;
}

#divConfStatus ul li
{
	margin: 10px 10px 10px 0px;
}


table.confirmVoyageTable, table.resConfirmPassenger
{
	width: 100%;
}
table.confirmVoyageTable th, table.resConfirmPassenger th
{
	font-size: 1em !important;
}
table.resConfirmPassenger td
{
	width: 25%;
	font-size: .9em;
	font-weight: 400;
}
table.resConfirmPassenger td.name
{
	font-weight: 700;
}
table.confirmVoyageTable
{
	margin: 0;
	padding: 0;
}
table.confirmVoyageTable tr.Reserve
{
	/*Style for tickets purchased but not yet used*/
}
table.confirmVoyageTable tr.CheckedIn
{
	background-color: #ffffa0 /*Style for tickets that have been checked in for a voyage about to depart*/;
}
table.confirmVoyageTable tr.Complete
{
	background-color: #a0ffa0 /*Style for tickets that have been used on a past voyage*/;
}
table.confirmVoyageTable tr.Cancelled
{
	background-color: #a0a0a0;
	font-style: italic /*Style for tickets that have been cancelled*/;
}
table.confirmVoyageTable tr.NoShow
{
	background-color: #ffa0a0 /*Style for tickets purchased for a past voyage that were not used*/;
}
#resConfirm tfoot td.lastcell
{
	width: 35%;
}


/*
RESERVATION SUMMARY  
(used on right gutter of customer res pages, right gutter of callcenter payment page, and in summary on res confirmation pages)    */

#resSummary
{
	width: 100%;
	margin-top: 15px;
	padding-top: 0px;
	margin-bottom: 20px;
	float: none;
	display: block;
}
/*font-size and padding overridden in callcenter.css*/
#resSummary h2
{
	margin-bottom: 6px;
	margin-top: 6px;
}
/* table layout for ctlTripSummary */
#resSummary table
{
	width: 100%;
}
#resSummary td
{
	border-top: 1px solid #ccc !important;
	margin-bottom: 10px !important;
	padding-bottom: 5px !important;
	min-height: 16px;
}
#resSummary td.payOption
{
	font-weight: 700;
	border-top: 1px solid #f0f0f0;
}
#resSummary td.payAmountDue
{
	font-size: 1.2em;
	font-weight: 700;
	border: none;
}
#resSummary td.payChangedItemsHeader, #resSummary td.payCancelledItemsHeader, #resSummary .lblPaySubtotal
{
	font-weight: 700;
}
#resSummary .lblPaySubtotal
{
	background: #f0f0f0;
}
#resSummary td.ticketPrice
{
	text-align: right;
}
#resSummary td.ticketQty
{
	text-align: right;
}
#resSummary td.ticketRoute
{
	background: #f0f0f0;
}
#resSummary td.payCancelledItemsHeader
{
	background: #f0f0f0;
}

/* UL>LI layout for ctlResConfirm */
#resSummary ul
{
	margin: 0;
	padding: 0;
}
#resSummary ul li label
{
	float: left;
}
#resSummary ul li span
{
	float: right;
}
#resSummary ul li
{
	/*width:280px;*/
	border-bottom: 1px solid #ccc;
	float: none;
	margin-bottom: 10px;
	padding-bottom: 5px;
	min-height: 16px;
}
#resSummary ul li.payOption
{
	font-weight: 700;
	border-top: 1px solid #f0f0f0;
}
#resSummary ul li.payAmountDue
{
	font-size: 1.2em;
	font-weight: 700;
	border: none;
}
#resSummary ul li.payChangedItemsHeader, #resSummary ul li.payCancelledItemsHeader, #resSummary ul li.paySubtotalLi
{
	font-weight: 700;
}

/*
AVAILABILITY CALENDAR POSITIONING                         */
div.divAvailability
{
}
div.calendar1
{
	width: auto;
	float: left;
}
div.calendar2
{
	width: auto;
	float: left;
	margin-left: 10px;
}
div.calendar3
{
	width: 50px;
	float: right;
	margin-left: 10px;
}
a.calPreviousMonth
{
	background: #fff url(/images/button_calendar_back.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 29px;
	height: 30px;
	float: left;
}
a.calNextMonth
{
	background: #fff url(/images/button_calendar_next.png) no-repeat center center;
	text-decoration: none;
	text-indent: -3000px;
	overflow: hidden;
	display: block;
	width: 19px;
	height: 30px;
	float: left;
}

/*
AVAILABILITY CALENDAR NITTY GRITTY                         */
div.calendar1 table, div.calendar2 table
{
	padding: 0px !important;
	margin: 0px !important;
	border-collapse: collapse !important;
}
div.calendar2 table td, div.calendar1 table td
{
	width: auto !important;
	height: 22px;
	border: solid 1px #f0f0f0 !important;
	margin: 0px !important;
	padding: 0px !important;
	text-align: center;
}
div.calendar2 table td div, div.calendar1 table td div
{
	padding: 4px !important;
}
.calOtherMonth
{
	background: #dfdfdf;
	color: #dfdfdf;
}
.calDayHeader
{
	text-align: left;
	border: none;
	background: #666;
	color: #fff;
}
.calSelectable
{
	cursor: pointer;
	text-decoration: underline;
}
div.calSelected
{
	text-decoration: none;
	font-weight: 700;
}
.calSelected, .calSelectedDay
{
	background: #a0ffa0;
}
.calAvailable
{
	background: #fff;
}
.calPartialAvailability
{
	background-color: #ffffc0;
}
.calNoAvailability
{
	background: #ccc /*url(/images/bg_na.png) no-repeat center center*/;
	color: #aaa;
}
.calTitle
{
	border: none !important;
	color: #fff;
	height: 10px;
	margin: 0;
	padding: 0;
}
td.calTitle
{
	margin: 0;
	padding: 0 !important;
	background: #333;
}
td.calTitle table
{
	margin: 0;
	padding: 0;
}
td.calTitle table td
{
	border: none !important;
	margin: 0;
}
.calTitle td
{
	color: #fff;
}
/*
AVAILABILITY CALENDAR LEGEND (callcenter & public res process) */
div.divLegend
{
	float: right;
}
div.divLegend ul li
{
	float: left;
	margin-right: 10px;
	font-size: .8em;
	line-height: 16px;
	vertical-align: middle;
}
div.divLegend ul li span
{
	width: 16px;
	height: 16px;
	display: block;
	float: left;
	margin-right: 8px;
	border: 1px solid #ccc;
}
/*
ALT CALENDAR NITTY GRITTY                         */

.calDay
{
	padding: 0;
	width: 14%;
	height: 20px;
}
.calDay a
{
	display: block;
	margin: 0;
	padding: 4px;
	color: blue;
}
.calSelector a
{
	padding: 4px;
}
.calNextPrev a
{
	color: #fff;
	font-weight: 700;
	padding: 5px;
}

/*
VOYAGE FILTERS
USE NESTED UL LI UL LI STRUCTURE   */
#dashFiltersWide
{
	overflow: hidden;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
	clear: left;
}
#dashFiltersWide ul
{
	margin: 0;
	padding: 0;
}
#dashFiltersWide ul li
{
	display: block;
	float: left;
	width: auto;
	margin-right: 30px;
	margin-bottom: 10px;
}
#dashFiltersWide ul li li
{
	display: block;
	float: none;
	margin: 0;
	width: auto;
}

select.expand 
{
    width: auto;
}

@media print
{
	/* style sheet for print goes here */
	html, body, table
	{
		font-size: 10pt !important;
		margin: 0;
		padding: 0;
		background-image: none;
		background-color: #fff !important;
	}
	#divPublicMenu, #divButtons, #divFooter, #divLoginStatus, #dashPortFilter, #dashFilters, #dashActions, .requestLink, .printAuthCode, #clientHeader, #clientFooter
	{
		display: none !important;
		visibility: hidden !important;
	}
	#dashResData, #dashboard
	{
		margin: 0;
		padding: 0;
		height: auto !important;
	}
	div
	{
		display: block !important;
		visibility: visible !important;
		width: auto !important;
	}
	div.modalDiv
	{
		display:none !important;
		background: none;
		width: auto;
		border: none;
		padding: 0;
	}
	td
	{
		padding: .5em !important;
	}
	td, th
	{
		margin: 0;
		padding: 0;
		vertical-align: top !important;
		text-align: left;
	}
	td table
	{
		display: block !important;
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}
	.resInstructionsHeader
	{
		width: 100px;
		border: none;
		padding: 0;
	}
	.resSpecial
	{
		border: 1px solid #CECECE;
	}
	td.tdPrintResNum
	{
		width: 75px !important;
	}
	td.tdPrintPassengerName
	{
		display: block;
		width: 125px !important;
		overflow: hidden !important;
	}
	td.tdPrintVoyageName
	{
		width: 125px !important;
		vertical-align: top;
	}
	td.tdPrintTicketStatus
	{
		width: 75px !important;
		vertical-align: top;
	}
	td.tdPrintDate
	{
		white-space: nowrap;
	}

	.gridView
	{
		width: 100% !important;
	}

	th
	{
		padding: 0 15px 0 0;
	}


	div#forecast
	{
		position: absolute;
		top: 0;
	}
	#rateTypes tbody + tbody
	{
		page-break-before: always;
	}
	#rateTypes tbody.footer
	{
		page-break-before: avoid;
	}
	#rateTypes thead th
	{
		text-align: center;
	}
	#rateTypes h1
	{
		display: block;
		text-align: center;
	}

	#divCallCenterMenu, #divFooter, div.errormessage, #dashFiltersWide
	{
		display: none !important;
	}
	#manifest thead
	{
		display: table-header-group;
	}
	/* I _think_ this is necessary, so that the <thead> repeats across each printed page, though it seems to be default in FF3... */

	/*confirmation page*/
	#divConfStatus
	{
		float: none;
		clear: both;
		position: relative;
	}
	#gutter
	{
		position: relative;
		float: left;
		width: 100% !important;
		border: 1px solid #fff;
		page-break-after: avoid;
	}
	#gutter ul
	{
		margin-left: 10px;
		width: 50% !important;
	}
	#resConfirm .clone
	{
		display: none;
	}
	#gutter #resSummary h2
	{
		padding: 10px 5px;
		background-color: #f0f0f0;
	}
	#resConfirm
	{
		float: left;
		width: 100% !important;
	}
	#resConfirm ul li
	{
		padding: 5px 0;
	}
	#resConfirm textarea
	{
		font: 10px Helvetica,Arial;
	}
	#resPaymentSummary
	{
		border: solid 1px #fff;
		width: 90% !important;
	}
	#resPaymentSummary td, #resPaymentSummary th
	{
		padding: 8px 0 !important;
		width: auto !important;
	}
	#agentNotes
	{
		display: none !important;
	}
	#termsConditions
	{
		display: block;
		page-break-before: always;
	}
	#termsConditions ol li, #termsConditions ol li ol li
	{
		list-style-type: upper-alpha !important;
	}
	#termsConditions *
	{
		float: none;
	}
	#termsConditions
	{
		font-size: 8pt;
	}
	/*end confirmation page*/
	
	#customerProfile input
	{
		display: block !important;
	}
}