* {
	margin: 0;
}

html, body {
	height: 100%;
}

body, input, select {
    margin:0px;
    padding:0px;
    font-family:Arial;
    font-size:11px;
}

img {
    border:0px;
}

a {
    text-decoration:none;
    color:#666666;
}

#divMain {
    text-align:center;
}

.divContainer {
	margin:auto;
	width:960px;
	text-align:left;
	min-height:298px;
}

#topBar {
    height:92px;
    background-image:url('../image/top-bar-left.png');
    background-repeat: repeat-x;
}

#topLogo {
    float:left;
    margin-left:0px;
    margin-top:15px;
    background-image:url('../image/top-logo.png');
    width:88px;
    height:52px;
}

#topMenu  {
    float:left;
    margin:30px 0px 0px 20px;
    padding:0px;
    list-style-type:none;
}

#topMenu li {
    float:left;
    font-size:11px;
    font-weight:bold;
    color:#777777;
    margin-right:5px;
    cursor:pointer;
}

.clear {
    clear:both;
    height:1px;
    width:1px;
    overflow:hidden;
    font-size:1px;
    padding:0px;
    margin:0px;
}

.topMenuItemLeft {
    float:left;
    width:8px;
    height:25px;
    background-image:url('../image/top-menu-button-off-left.png');
}

.topMenuItemRight {
    float:left;
    width:8px;
    height:25px;
    background-image:url('../image/top-menu-button-off-right.png');
}

.topMenuItemMiddle {
    float:left;
    height:25px;
    background-image:url('../image/top-menu-button-off-middle.png');
}

.topMenuItemOnLeft {
    float:left;
    width:8px;
    height:25px;
    background-image:url('../image/top-menu-button-on-left.png');
}

.topMenuItemOnRight {
    float:left;
    width:8px;
    height:25px;
    background-image:url('../image/top-menu-button-on-right.png');
}

.topMenuItemOnMiddle {
    float:left;
    height:25px;
    background-image:url('../image/top-menu-button-on-middle.png');
}

.topMenuItemMiddle div {
    margin-top:6px;
}

.topMenuItemOnMiddle div, .topMenuItemOnMiddle a {
  margin-top:6px;
	color:#ffffff;
}

#topSeparator  {
    float:left;
    margin:7px 0px 0px 10px;
		height:10px; overflow:hidden;
}

#topSeparator img {
    height:25px;
    width:4px;
}

#topNotification {
    float:right;
    margin:35px 10px 0px 5px;
    font-weight:bold;
    color:#ff0000;
}

#topNotification div {
    float:left;
    margin-right:1px;
}

#topNotification img {
    margin-top:-1px;
    margin-left:7px;
}

#topCountry {
    float:right;
    margin-top:30px;
}

#divTopCountryTxt {
	font-weight:bold;
	color:#666666;
	margin-top:5px;
	float:left;
} 

#sbTopCountry {
    width:85px;
}

#topLogin {
    float:right;
    margin:35px 0px 0px 0px;
    font-weight:bold;
    color:#666666;
}

#topLogin div {
    float:left;
    margin-right:2px;
}

#topLogin img {
    margin-top:-1px;
    margin-left:7px;
}

#divLightBlueBar {
    height:1px;
    background-image:url('../image/light-blue-bar.png');
}

#divLightBlueSubMenuBar {
    height:38px;
    background-image:url('../image/light-blue-submenu-bar.png');
}

.topHorizontalBar {
    height:2px;
    width:90%;
    margin:2px 0px 0px 8px;
    background-image:url('../image/top-menu-horizontal-bar.png');
}

.divSubMenuSeparator {
    height:38px;
    width:1px;
    background-image:url('../image/submenu-separator.png');
    float:left;
}

#ulSubMenu {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
}

#ulSubMenu li {
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#234769;
    margin-right:0px;
    cursor:pointer;
}

.subMenuItem {
    float:left;
    font-size:12px;
    font-weight:bold;
    color:#234769;
    cursor:pointer;
    padding:11px 8px;
}

.subMenuItem a {
	color:#234769;
}

.subMenuOn {
    height:16px;
    background-image:url('../image/submenu-on.png');
}

#divBlueBar {
    height:1px;
    background-image:url('../image/blue-submenu-bar.png');
}

#divBreadcrumbBar {
    height:23px;
    background-image:url('../image/breadcrumb-bar.png');
}

#ulBreadcrumb {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    list-style-type:none;
}

#ulBreadcrumb li {
    float:left;
    font-size:12px;
    color:#ffffff;
    margin-right:0px;
    cursor:pointer;
}

.breadcrumbItem {
    float:left;
    font-size:11px;
    color:#ffffff;
    cursor:pointer;
    padding:3px 10px 3px 10px;
    background-image:url('../image/breadcrumb-item.png');
    height:16px;
}

.divBreadcrumbSeparator {
    height:22px;
    width:12px;
    background-image:url('../image/breadcrumb-separator.png');
    float:left;
}

.divBreadcrumbSeparatorLast {
    height:22px;
    width:12px;
    background-image:url('../image/breadcrumb-separator-last.png');
    float:left;
}

.breadcrumbItem a {
	color:#ffffff;
}

.divBoatName {
    text-align:center;
    font-size:26px;
    font-weight:bold;
    padding:15px;
}

.divTitleSeparator {
    margin:0px 0px 30px 0px;
}

#divTitleSeparatorLeft {
    width:4px;
    height:8px;
    float:left;
    background-image:url('../image/title-separator-left.png');
}

#divTitleSeparatorMiddle{
    height:8px;
    float:left;
    width:952px;
    background-image:url('../image/title-separator-middle.png');
}

#divTitleSeparatorRight {
    width:4px;
    height:8px;
    float:left;
    background-image:url('../image/title-separator-right.png');
}

#btnAddArrival {
    margin-top:3px;
}

#sbYear {
    width:60px;
		font-weight:bold;
}

#divYear {
    float:right;
		margin-right:455px;
		margin-top:-6px;
}

.rounded {
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid;
}

.rounded5 {
    -moz-border-radius: 5px;
    border-radius: 5px;
    border:1px solid;
}

.tableTop {
    width:960px;
    height:41px;
    background-image:url('../image/table-top.png');
}

.tableRow {
    clear:both;
    width:958px;
    height:40px;
}

.tableRowDarkerBlue {
		height:40px;
    background:#f9fcfe;
    border-left:1px solid #d8e4ef;
    border-right:1px solid #d8e4ef;
    border-bottom:1px solid #e4f0fc;
}

.tableRowLightBlue {
	height:40px;
    background:#ffffff;
    border-left:1px solid #d8e4ef;
    border-right:1px solid #d8e4ef;
    border-bottom:1px solid #e4f0fc;
}

.tableRowOrange {
	height:40px;
	background:#fffec5;
	border-left:1px solid #d8e4ef;
	border-right:1px solid #d8e4ef;
	border-bottom:1px solid #e4f0fc;
}

.tableRowGreen {
	height:40px;
	background:#e3ffc5;
	border-left:1px solid #d8e4ef;
	border-right:1px solid #d8e4ef;
	border-bottom:1px solid #e4f0fc;
}

.tableBottom {
    width:960px;
    height:40px;
    background-image:url('../image/table-bottom.png');
}

.tableColumn {
    float:left;
    padding:5px 5px 0px 5px;
    font-size:15px;
    font-weight:bold;
    color:#0a3861;
    text-align:left;
    overflow:hidden;
    height:27px;
}

.tableColumnSeparator {
    width:2px;
    height:40px;
    background-image:url('../image/table-column-separator.png');
    background-repeat:repeat-y;
    padding:0px;
}

.tableRowDarkerBlue > div, .tableRowLightBlue > div, .tableBottom > div, .tableRowOrange > div, .tableRowGreen > div {
    float:left;
    font-size:13px;
    font-weight:normal;
    color:#666666;
    text-align:left;
}

#divArrivals, #divBoatDetails {
    width:960px; margin:10px 0px 30px 0px;
}

.divArrivalPort {
    float:left;
    font-weight:bold;
    font-size:12px;
    margin-left:5px;
}

.divArrivalWarning {
    float:left;
    margin-left:7px;
}

.divAddArrivalButton {
    float:left;
    margin-left:7px;
}

.btnAddService {
    margin-top:0px;
    margin-left:5px;
}

.divEditArrivalButton {
    float:right;
    margin-left:5px;
}

.divDeleteArrivalButton {
    float:right;
    margin-left:5px;
}

.divArrivalTime {
    float:right;
    margin-left:5px;
    color:#999999;
    margin-top:2px;
    margin-right:5px;
}

.divAddServiceButton {
    float:left;
    margin-left:7px;
    margin-top:-2px;
}

.divServices {
    width:960px; margin:5px 0px 30px 0px;
}

.divServices .tableColumn {
    font-size:11px;
}

.txtProfit {
    color:#89af34;
}

.txtLoss {
    color:#d80a0a;
}

span.customStyleSelectBox { font-size:12px; background-color: #ffffff; color:#7c7c7c; padding:5px 7px; border:1px solid #e7dab0; -moz-border-radius: 5px; -webkit-border-radius: 5px;border-radius: 5px 5px; }

span.customStyleSelectBox.changed { background-color: #ffffff; }
.customStyleSelectBoxInner { background:url(../image/canvas-list-nav-item-arrow-.gif) no-repeat center right; }

.horizontalSeparator {
	height:1px;
	width:960px;
	margin:30px 0px 30px 0px;
	border-top:1px solid #DDDDDD;
}

#footer {
	text-align:center;
	clear:both;
	margin-top:50px;
	height:67px;
	width:100%;
	background-image:url('../image/footer-background.png');
}

#footerContainer {
	margin:auto;
	width:960px;
	padding-top:26px;
	color:#666666;
}

#footerCopyText {
	float:right;
	margin-right: 20px;
}

.divArrivalTotalRow {
	float:right;
	width:378px;
	height:36px;
	background-image:url('../image/arrival-total-row.png');
	overflow:hidden;
}

#divDefinitions {
	text-align:center;
	padding:20px;
	font-size:12px;
}

#ulDefinitions {
	width:800px;
	margin:auto;
	padding:0px;
	text-align:center;
	list-style:none;
}

#ulDefinitions li {
	width:240px;
	float:left;
	margin-right:10px;
	padding:5px;
}

.tableTopGradient { /* generated from http://www.colorzilla.com/gradient-editor/ */
	background: #eaf3fd; /* Old browsers */
	background: -moz-linear-gradient(top,  #eaf3fd 0%, #f4f9fe 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaf3fd), color-stop(100%,#f4f9fe)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #eaf3fd 0%,#f4f9fe 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #eaf3fd 0%,#f4f9fe 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #eaf3fd 0%,#f4f9fe 100%); /* IE10+ */
	background: linear-gradient(top,  #eaf3fd 0%,#f4f9fe 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaf3fd', endColorstr='#f4f9fe',GradientType=0 ); /* IE6-9 */
}

#boatDocumentsTableHeader {
	width:460px;
}

#boatDocumentsTableHeader, #boatTypesTableHeader, #shipTypesTableHeader, #titlesTableHeader, #unitsTableHeader, #countriesTableHeader, .halfTableHeader, .fullTableHeader {
	border:1px solid #d8e4ef; margin-top:5px; height:40px; -moz-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-top-right-radius: 5px; border-top-right-radius: 5px;
}

#boatDocumentsTableHeader div, #boatTypesTableHeader div, #shipTypesTableHeader div, #titlesTableHeader div, #unitsTableHeader div, #countriesTableHeader div, .halfTableHeader div {
	font-size:13px;
}

#boatTypesTableHeader, #boatTypesTableHeader, #titlesTableHeader, #unitsTableHeader  {
	width:380px;
}

#countriesTableHeader {
	width:910px;
}

.btnAddType, .btnAddUnit, .btnAddCountry {
	width:120px;
}

.btnLeft {
	width:19px;
	height:20px;
	background-image:url('../image/button-left.png');
	float:left;
}

.btnLeftNoPlus {
	width:7px;
	height:20px;
	background-image:url('../image/button-left-no-plus.png');
	float:left;
}

.btnMiddle {
	height:15px;
	background-image:url('../image/button-middle.png');
	font-size:9px;
	color:#666666;
	float:left;
	padding-top:5px;
	font-weight:bold;
}

.btnRight {
	width:7px;
	height:20px;
	background-image:url('../image/button-right.png');
	float:left;
}

.tableTopGradientGrey { /* generated from http://www.colorzilla.com/gradient-editor/ */
	background: #fbfbfb; /* Old browsers */
	background: -moz-linear-gradient(top,  #fbfbfb 0%, #ebebeb 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #fbfbfb 0%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #fbfbfb 0%,#ebebeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #fbfbfb 0%,#ebebeb 100%); /* IE10+ */
	background: linear-gradient(top,  #fbfbfb 0%,#ebebeb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fbfbfb', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}

.halfTableHeader {
	width:395px;
}

.halfTableHeader .tableColumn {
	font-size:13px;
}

.fullTableHeader {
	width:960px;
}

.fullTableHeader .tableColumn {
	font-size:13px;
}

.formRow {
	background:#fbfbfb;
	border-left:1px solid #d8e4ef;
	border-right:1px solid #d8e4ef;
	border-bottom:1px solid #e4f0fc;
}

.fieldTitle {
	float:left;	width:114px; font-size:12px; font-weight:bold; color:#666666; text-align:left; margin-top:0px; margin-left:8px;
}

#divBody {
	text-align:center;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;
}

.divMain {
	text-align:center;
}

.twoColumnForm {
	text-align:center; margin-top:15px; padding-left:75px;
}

.singleColumnForm {
	text-align:center; margin-top:15px; padding-left:0px;
}

.formColumn {
	float:left;
}

.formColumRight {
	margin-left:15px;
}

.formBlock {
	width:395px; margin:auto; margin-bottom:15px;
}

.twoColFormField, .twoColFormFieldPadded  {
	width:250px; font-size:11px; font-weight:normal; color:#666666; text-align:left;
}

.twoColFormFieldPadded {
	padding-top: 14px;
}

.font10 {
	font-size:10px;
}

.heightAuto {
	height:auto;
}

.roundedBottom {
	-moz-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
}

.phoneList, .documentList {
	font-size:11px;
	margin:10px 20px 10px 20px;
	border:1px solid #CCCCCC;
}

.phoneListRow  > div{
	float:left;
	padding:5px;
	text-align:left;
}

.bold {
	font-weight:bold;
}

.ui-datepicker-trigger {
	margin-top:4px;
	margin-left:2px;
}

.dateField  {
	width:80px; float:left;
}

.blueBtnLeft {
	width:7px;
	height:31px;
	background-image:url('../image/blue-button-left.png');
	float:left;
}

.blueBtnMiddle {
	height:25px;
	background-image:url('../image/blue-button-middle.png');
	font-size:13px;
	color:#ffffff;
	float:left;
	padding:6px 15px 0;
	font-weight:bold;
}

.blueBtnRight {
	width:7px;
	height:31px;
	background-image:url('../image/blue-button-right.png');
	float:left;
}

.bankAccountBox {
	font-size:11px;
	margin:10px 20px 10px 20px;
	border:1px solid #CCCCCC;
}

.bankAccountListRow  > div{
	float:left;
	padding:5px;
	text-align:left;
}

.boatDetailTwoCol{
	width:220px;
	margin-left:5px;
	margin-top:3px;
	
	float:left;
	text-align:left
}

label, input { display:block; }
input.text, select.text { margin-bottom:12px; width:95%; padding: .3em; }
fieldset { padding:0; border:0; margin-top:10px; }
.ui-dialog .ui-state-error { padding: .3em; }
.validateTips { border: 1px solid transparent; padding: 0.3em; }

.button {
	cursor: pointer;
}

.linkButton {
	width:240px;
}

.commentContainer {
	padding:10px;
}

.commentAuthorTime {
	font-size:11px; color:#999999; font-weight:normal;
}

.divBoatImage {
	width:192px;
	height:auto;
	overflow:hidden;
	border-color:#ECECEC;
}

.divReport .tableColumn {
	font-size:10px;
}

.divReportRow .tableColumn {
	font-weight:normal;
	height:20px;
	padding-top:2px;
}

.divInvoiceReportRow .tableColumn {
	font-weight:normal;
	height:30px;
	padding-top:2px;
}

.divInvoices .tableColumn {
	font-size:11px;
}

.divProvisioningList > div {
	font-size:11px;
}

.divError {
	text-align:left;
}

.error {
	color:red;
}

input.error, select.error { border: 2px dotted red; }

.push {
	clear:both;
}

.personnelButtonInactive {
	width:105px; height:14px;
	background:url('../image/boat-contact-menu-off.png') no-repeat;
	color:#b5b56f;
	font-size:11px;
	padding:13px;
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:#ededc9;
}

.personnelButtonActive {
	width:105px; height:14px;
	background:url('../image/boat-contact-menu-on.png') no-repeat;
	color:#b5b56f;
	font-size:11px;
	padding:13px;
	border-width:0px 1px 1px 0px;
	border-style:solid;
	border-color:#ededc9;
}

.personnelButtonArrow {
	border-bottom:1px solid #ededc9;
}

.personnelButtonActiveArrow {
	width:19px; height:40px;
	background:url('../image/boat-contact-menu-on-right.png') no-repeat;
}

.personnelButtonInactiveArrow {
	width:19px; height:40px;
	background-image:url('') no-repeat;
}

#footerCurrencies {
    list-style-type: none;
}

#footerCurrencies li {
    margin:0;
    padding:0;
    float:left;
    margin-right:10px;
}

#bookmarks {
    float:left; margin-top: -7px;
    text-align: left;
}

.tallRows .tableColumn {
    height:auto;
}

.tallRows .tableColumnSeparator.tableColumn {
    height: 25px; 
}

.tallRows.tableRowLightBlue, .tallRows.tableRowDarkerBlue {
    height:50px; overflow:hidden;
}

.div-highlighted {
    clear:both;
    padding: 3px; display: table; background: rgb(249, 213, 213) none repeat scroll 0px 0px;
}

input[disabled] {
  border: medium none;
  background: #eee;
}

.hidden {
    display: none;
}