/* config */
.title 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #34679F;
	font-weight: bold;
	text-align: left;
}

.text 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #34679F;
	font-weight: bold;
	text-align:left;
}

.center 
{
	text-align:center;
}

.left 
{
	text-align:left;
}

td.left {
 align:left;
 text-align:left;
 whitespace:nowrap;
}

td.right {
 align:right;
 text-align:right;
 whitespace:nowrap;
}

td.center {
 align:center;
 text-align:center;
 whitespace:nowrap;
}

td.leftbottom {
 align:left;
 text-align:left;
 whitespace:nowrap;
 vertical-align:bottom;
 padding:0px;
 margin:0px
}

td.rightbottom {
 align:right;
 text-align:right;
 whitespace:nowrap;
 vertical-align:bottom;
 padding:0px;
 margin:0px
}

td.centerbottom {
 align:center;
 text-align:center;
 whitespace:nowrap;
 vertical-align:bottom;
 padding:0px;
 margin:0px
}

.border 
{
	border: 1px solid #34679F;
	width:320px;
}

.background 
{
	background-color:#6699CC;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:left;
	vertical-valign:top;
	color:#FFFFFF;
	width:100%;
}

.content 
{
	;
}

.button
{
	;
}

/* plan */
.lineDataModel
{
	position: absolute;
	left: 522px;
	width: 502px;
}
.lineDataHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #34679F;
	font-weight: bold;
	text-align: left;
}
.lineDataHeaderPierName
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #EB2D2E;
	font-weight: bold;
	text-align: left;
}
.lineDataHeaderSmallLabel
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #34679F;
	font-weight: bold;
	text-align: left;
	margin-left: 0px;
	padding-left: 0px;
}
.lineDataHeaderSmallText
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #34679F;
	font-weight: bold;
	text-align: left;
	margin-left: 0px;
	margin-right: 25px;
}
.lineDataHeaderSmallGrid
{
	margin-left: 0px;
	margin-right: 0px;
}
.lineDataRow
{
	;
}
.ferryDataModel
{
	position:relative;
	top:0px;
	left:0px;
	width:492px;
	border: 1px solid #34679F;
}
.ferryDataHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #34679F;
	font-weight: bold;
	text-align:left;
}
.ferryDataHeaderLineName
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #EB2D2E;
	font-weight: bold;
	text-align:left;
}
.ferryDataRow
{
	;
}
.pierHeadDataModel
{
	width:492px;
	border: 1px solid #34679F;
}
.pierHeadDataModelEven
{
	width:492px;
	border: 1px solid #EB2D2E;
}
.pierBodyDataModel
{
	width:246px;
}
.pierBodyDataModelEven
{
	width:246px;
}
.pierHeadDataHeader
{
	background-color:#6699CC;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-valign:top;
	color:#FFFFFF;
}
.pierHeadDataRow1
{
	background-color:#B9CEE9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	vertical-valign:middle;
	color: #000000;
	width:24%;
}
.pierHeadDataRow1p5
{
	background-color:#B9CEE9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	vertical-valign:middle;
	color: #000000;
	width:5%;
}
.pierHeadDataRow2
{
	background-color:#E1EAF5;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	vertical-valign:middle;
	color:#000000;
	width:24%;
}
.pierBodyDataHeader
{
	background-color:#6699CC;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	vertical-valign:top;
	color:#FFFFFF;
	width:50%;
}
.pierBodyDataRow1
{
	background-color:#B9CEE9;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	vertical-valign:middle;
	color: #000000;
	width:50%;
}
.pierBodyDataRow2
{
	background-color:#E1EAF5;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	vertical-valign:middle;
	color:#000000;
	width:50%;
}
.pierHeadDataHeaderEven
{
	background-color:#EB2D2E;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	vertical-valign:top;
	color:#FFFFFF;
}
.pierHeadDataRow1Even
{
	background-color:#F38B6C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-align:center;
	vertical-valign:middle;
	color: #000000;
	width:24%;
}
.pierHeadDataRow2Even
{
	background-color:#FFB389;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	vertical-valign:middle;
	color:#000000;
	width:24%;
}
.pierBodyDataHeaderEven
{
	background-color:#EB2D2E;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	text-align:center;
	vertical-valign:top;
	color:#FFFFFF;
	width:50%;
}
.pierBodyDataRow1Even
{
	background-color:#F38B6C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align:center;
	vertical-valign:middle;
	color: #000000;
	width:50%;
}
.pierBodyDataRow2Even
{
	background-color:#FFB389;
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-align:center;
	vertical-valign:middle;
	color:#000000;
	width:50%;
}
/* layer */
.layerBody
{
	background-color: transparent
}
.layerImage
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}
div.layerModel
{
	position:relative;
	top:0px;
	left:0px;
	z-index:0;
}
table.layerModel
{
	width:1024px;
	height:768px;
}
div.layer1
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:1;
}
div.layer2
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}
div.layer3
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:3;
}
iframe.layer1
{
	width:1024px;
	height:768px;
}
iframe.layer2
{
	width:1024px;
	height:768px;
}
iframe.layer3
{
	width:1024px;
	height:768px;
}