
body
{
  font-family:Sans-Serif;
  border:0px;
  margin-top:0px;
  margin-right:0px;
  margin-bottom:0px;
  margin-left:0px;
  padding:0px;
  background-color:#ffffff;
}

a, img, table, td
{
  border:0px;
}

table
{
  border-collapse:collapse;
}

form
{
  margin:0px;
}

#viewContent
{
  position:absolute;
	left: 0px;
	top: 0px;
  display:block;
  width:736px;
  height:376px;
  background:White;
  margin:0px 0px 0px 0px;	
}

#infoTables
{
	position:absolute;
	top: 360px;
	left: 0px;
	width:736px;
	display:block;
	margin: 0px 0px 0px 0px;

}
#infoTablesInner
{
	width:720px;
	display:block;
	background:White;
	margin: 8px 8px 8px 8px;
	border: none;
	background:#e1e5e6;
}
TABLE
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#infoTablesInner TD
{
	padding: 8px 8px 8px 8px;
	background: white;
}
TABLE#vesselInfo
{
	width:704px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 8px 8px 8px 8px;
	text-align:left;
}
TABLE#report
{
	width:704px;
	border: 1px solid #cccccc;
	border-collapse: collapse;
	margin: 8px 8px 8px 8px;
	text-align:left;
}
#latestReport
{

font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
margin: 0px 0px 0px 8px;
}

#latestReportComment
{
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
}
TD#header
{
font-size:12px;
font-weight:bold;
}
#viewContentNew
{
	position:absolute;
	left: 0px;
	top: 0px;
	display:block;
	width:736px;
	height:376px;
	background:White;
	margin:0px 0px 0px 0px;	
}

  #chartWindow
  {
    position:absolute;
		left: 8px;
		top: 8px;
		margin: 0px 0px 0px 0px;
    width:720px;
    height:360px;
    background:#081919;
  }

    #chartCMap
    {
      position:absolute;
      left:0px;
      top:0px;
      width:592px;
      height:360px;	
    }

  #chartControls
  {
    position:absolute;
    left:600px;
    top:8px;
    width:128px;
    height:360px;
    background:#A0ADAD url(/scope/img/ch_control_bg.jpg) repeat-x left top;
    z-index:50;
		margin:0px 0px 0px 0px;
  }

    div.chartControlPanel
    {
      position:relative;
      display:block;
      width:106px;
      margin:16px 11px 0px 11px;
      background:#A0ADAD;
    }

    #chartControls table.pan
    {
      width:80px;
      height:80px;
      margin:8px 0px 0px 13px;	
    }
    
    #chartControls table.pan td
    {
      padding:0px;	
    }
    
    #chartControls table.pan td.icon
    {
      width:24px;
      height:24px;	
    }
    
    #chartContols table.pan td.sep
    {
      width:4px;
      height:24px;	
    }
    
    #chartControls table.zoom
    {
      width:80px;
      height:32px;
      margin:16px 0px 8px 13px;
    }
    
    #chartControls table.zoom td
    {
      padding:0px;	
    }
    
    #chartControls table.zoom td.icon
    {
      width:38px;
      height:32px;	
    }
    
    #chartControls table.zoom td.sep
    {
      width:4px;
      height:32px;
    }
    
    #chartControls input.pollTerminal
    {
      width:80px;
      height:32px;
      margin:8px 0px 8px 8px;
    }

#overlay
{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 90;
  width: 736px;
  height: 376px;
  background-color: #000;
  filter:alpha(opacity=60);
  -moz-opacity: 0.6;
  opacity: 0.6;
}

#loadingScreen
{
  position:absolute;
  left:188px;
  top:98px;
  width:360px;
  height:180px;
  text-align:center;
  visibility:hidden;
  background:White;
  z-index:1000;
}
#poweredBy
{
 position:absolute;
 left:5px;
 top:5px;
 z-index:50;
}

