.cellfont {
	font-family: "arial";
	font-size: 12px;
}

.font12 {
	font-family: "Arial";
	font-size: 12px;
}

.font12bold {
	font-family: "Arial";
	font-size: 12px;
	font-weight: bold;
	color: #666600;
}

.arial10grey {
	font-family: "Arial";
	font-size: 10px;
	color: #767676;
}

.title10 {
	font-family: "Arial";
	font-size: 10px;
	font-weight: bold;
	color: #666600;
}

.title13 {
	font-family: "Arial";
	font-size: 13px;
	font-weight: bold;
	color: #666600;
}

.font11 {
	font-family: "Arial";
	font-size: 11px;
	color: #333333;
}

.textfield {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 1px solid #9B9999;
	background-color: #FEFEFE;
}

.textfieldCentered {
	font-family: "Arial";
	font-size: 12px;
	text-align: center;
	color: #000000;
	border: 1px solid #9B9999;
	background-color: #FEFEFE;
}

.textfieldFreezed {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 1px solid #9B9999;
	background-color: #FDFCEC;
}

.selectBox {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 0px solid #9B9999;
	background-color: #FEFEFE;
}

.selectBoxFreezed {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 0px solid #9B9999;
	background-color: #FDFCEC;
}

.numericTextfield {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 1px solid #9B9999;
	background-color: #FEFEFE;
	text-align: right;
}

.numericTextfieldFreezed {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 1px solid #9B9999;
	background-color: #FDFCEC;
	text-align: right;
}

.decimalTextfield {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 1px solid #9B9999;
	background-color: #FEFEFE;
	text-align: right;
}

.decimalTextfieldFreezed {
	font-family: "Arial";
	font-size: 12px;
	color: #000000;
	border: 1px solid #9B9999;
	background-color: #FDFCEC;
	text-align: right;
}

.button {
	font-family: "Arial";
	font-size: 12px;
	color: #B55210;
	border: 1px solid #6D8F68;
	background-color: #FFF2CF;
	font-weight: bold;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
	-moz-opacity: 0.5;*/
}

.buttonSpecial {
	font-family: "Arial";
	font-size: 12px;
	color: #B55210;
	border: 1px solid #6D8F68;
	background-color: #FFF2CF;
	font-weight: bold;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;*/
}

.buttonSpecial:hover {
	font-family: "Arial";
	font-size: 12px;
	color: #B55210;
	border: 1px solid #6D8F68;
	background-color: #0000FF;
	font-weight: bold;
	/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	-moz-opacity: 1;*/
}

.pagefield {
	font-family: "Arial";
	font-size: 11px;
	color: #333333;
	text-align: right;
	border: 1px solid #9B9999;
}

a {
	font-family: "Arial";
	font-size: 12px;
	font-weight: normal;
	color: #5E7948;
	text-decoration: none;
}

a:hover {
	font-family: "Arial";
	font-size: 12px;
	color: #CC9900;
	text-decoration: none;
}

.logintext {
	font-family: "Arial Narrow", "Arial";
	font-size: 12px;
	color: #6B6666;
}

.tableyellow {
	font-family: "Arial";
	font-size: 12px;
	background-color: #FDFCEC;
	border: 1px solid #91AB78;
}

.tableyellowNoBorder {
	font-family: "Arial";
	font-size: 12px;
	background-color: #FDFCEC;
	border: 0px;
}

.tablelist {
	font-family: "Arial";
	font-size: 12px;
	background-color: #B4A570;
	border: thin none;
}

.tableheader {
	font-family: "Arial";
	font-size: 12px;
	background-color: #C0E3BF;
	border: thin none;
	font-weight: bold;
	color: #333300;
}

.tablerow1 {
	font-family: "Arial";
	font-size: 12px;
	background-color: #FDFCEC;
	border: thin none;
	font-weight: normal;
}

.tablerow1A {
	font-family: "Arial";
	font-size: 9px;
	background-color: #FDFCEC;
	border: thin none;
	font-weight: normal;
}

.tablerow2 {
	font-family: "Arial";
	font-size: 12px;
	background-color: #FCFCFC;
	border: thin none;
	font-weight: normal;
}

.tablerowUnpaid {
	font-family: "Arial";
	font-size: 12px;
	background-color: #FFFFFF;
	border: thin none;
	font-weight: normal;
}

.tablerowUnpaidSpcProf {
	font-family: "Arial";
	font-size: 12px;
	background-color: #999999;
	border: thin none;
	font-weight: normal;
}

.tablerowUnpaidUsProf {
	font-family: "Arial";
	font-size: 12px;
	background-color: #CCFF00;
	border: thin none;
	font-weight: normal;
}

.tablerowEmpties {
	font-family: "Arial";
	font-size: 12px;
	background-color: #4CFF00;
	border: thin none;
	font-weight: normal;
}

.tablerowPaid {
	font-family: "Arial";
	font-size: 12px;
	background-color: #3399CC;
	border: thin none;
	font-weight: normal;
}

.nounderline A {
	text-decoration: none
}

.error {
	font-family: "Arial";
	font-size: 12px;
	color: red;
}

.message {
	font-family: "Arial";
	font-size: 12px;
	color: blue;
}

.divBerth {
	background-color: white;
	width: 1800px;
	height: 800px;
	border: 1px solid;
	position: relative;
	overflow: auto;
}

.divBollard {
	background-color: aqua;
	width: 20px;
	height: 20px;
	border: 1px solid;
	position: absolute;
}

.divOther {
	background-color: gray;
	width: 20px;
	height: 20px;
	position: absolute;
}

.divSea {
	background-color: lightblue;
	width: 20px;
	height: 20px;
	position: absolute;
}

.divDesc {
	background-color: yellow;
	position: absolute;
	font-size: 12;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.divShed {
	background-color: silver;
	position: absolute;
	font-size: 12;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.divVessel {
	background-color: lightyellow;
	border: 1px solid;
	position: absolute;
	overflow: scroll;
}

.divVesselBerthed {
	background-color: yellow;
	border: 1px solid;
	position: absolute;
	overflow: scroll;
}

.divVesselHighlight {
	background-color: orange;
	border: 1px solid;
	position: absolute;
	overflow: scroll;
}

.divMiscAllocation {
	background-color: pink;
	border: 1px solid;
	position: absolute;
	overflow: scroll;
}

.bollardMark {
	font-size: 10;
	font-family: arial narrow;
}

.horizontalVesselInformation {
	border: 0px solid;
	border-color: black;
	border-collapse: collapse;
}

.verticalVesselInformation {
	border: 0px solid;
	border-color: black;
	border-collapse: collapse;
}

.hviLeft {
	text-align: center;
	border: 0px solid;
	border-color: black;
	border-collapse: collapse;
}

.hviMid {
	text-align: center;
	border: 0px solid;
	border-color: black;
	border-collapse: collapse;
}

.smallText {
	font-size: 10;
	font-family: arial narrow;
	text-align: center;
	vertical-align: middle;
}

.descText {
	font-size: 10;
	font-family: sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

.descTextLeft {
	font-size: 10;
	font-family: sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: left;
}

.descTextRight {
	font-size: 10;
	font-family: sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: right;
}

.hviRight {
	text-align: center;
	border: 0px solid;
	border-color: black;
	border-collapse: collapse;
}
.pagingOtherPageColumn{
	font-size: 12;
	font-family: sans-serif;
	vertical-align: middle;
	text-align: center;
}
.pagingOtherPageNumber{
	font-size: 12;
	font-family: sans-serif;
	vertical-align: middle;
	text-align: center;
}
.pagingCurrentPageColumn{
	font-size: 12;
	font-family: sans-serif;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}
.pagingCurrentPageNumber{
	font-size: 12;
	font-family: sans-serif;
	font-weight: bold;
	color:red;
	vertical-align: middle;
	text-align: center;
}
.pagingInformation{
	font-size: 12;
	font-family: sans-serif;
}