.InfoAtSeaTitle
{
	font-family: verdana, arial, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #555555;
}

.ColorRed
{
  Color: Red
}

.ColorBlue
{
  Color: Blue
}


login
{
	font-family: Verdana Arial;
	color: White;
  background-color: #df6900;
	float: right;
	width: 180px;
	text-align: left;
}

loginPane
{
	border:none;
}

div.InfoAtSea
{
	background-color:White;
	border: solid 1px Gainsboro;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
}

div.PageContent
{
	background-color:White;
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
}

div.InfoAtSeaRed
{
	background-color:White;
	border: solid 1px Gainsboro;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: Red;
}


select.InfoAtSeaSmall
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 7pt;
	color: #555555;
	vertical-align:middle;
}

input.InfoAtSeaSmall
{
	background-color:White;
	border: solid 1px Gainsboro;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
}

input.InfoAtSeaButton
{
	background-color:Gray;
	color:White;
	border: solid 1px Gainsboro;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	vertical-align:middle;
}

span.InfoAtSeaCenter
{
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
	text-align: center;
}

span.InfoAtSeaRed
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: Red;
	vertical-align:middle;
}

span.InfoAtSeaBlue
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: Blue;
	vertical-align:middle;
}


span.InfoAtSeaSmall
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 7pt;
	color: #555555;
	vertical-align:middle;
}

td.InfoAtSeaSmall
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 7pt;
	color: #555555;
	vertical-align:middle;
}

span.InfoAtSeaRMS
{
	background-color:Transparent;
	font-family:  verdana, arial, sans-serif;
	font-size: 7pt;
	color: #555555;
	vertical-align:middle;
	text-align: right;
}


table.InfoAtSeaSmall
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 7pt;
	color: #555555;
	vertical-align:middle;
}


input.InfoAtSea
{
	background-color:White;
	border: solid 1px Gainsboro;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
}

input.InfoAtSeaMobile
{
	background-color:White;
	border: solid 1px Gainsboro;
	font-family:  verdana, arial, sans-serif;
	font-size: 8pt;
	color: #555555;
	vertical-align:middle;
}

a.InfoAtSeaHyperLinkMobile
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 8pt;
	color: #555555;
	vertical-align:middle;
    text-decoration: underline;
}

span.InfoAtSeaHighLight
{
	background-color: #FFFFF0;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
	text-align: center;
}


span.InfoAtSea
{
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
}

span.InfoAtSeaBig
{
	font-family:  verdana, arial, sans-serif;
	font-size: 12pt;
	color: #555555;
	font-weight: bold;
	vertical-align:middle;
}

input.InfoAtSeaNoBorder
{
	background-color:White;
	border: none 1px Gainsboro;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
}

span.InfoAtSeaBold
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	font-weight: bold;
	vertical-align:middle;
}

td.InfoAtSea
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
}

table.InfoAtSea
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
}

table.AlarmList
{
	background-color:#BBBBBB;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: Black;
	vertical-align:left;
	text-align:left;
}

select.InfoAtSea
{
	background-color:White;
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
}


/* ------- RMS Table Style -----------*/
table.RMS {
	border-width: 2px 2px 2px 2px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: collapse;
	background-color: rgb(250, 240, 230);
	font-family:  verdana, arial, sans-serif;
	font-size: 9pt;
	color: #555555;
	vertical-align:middle;
}
table.RMS th {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:  verdana, arial, sans-serif;
	font-size: 8pt;
	color: #555555;
	vertical-align:middle;
}
table.RMS td {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:  verdana, arial, sans-serif;
	font-size: 7pt;
	color: #555555;
	vertical-align:middle;
	background-color: rgb(255, 255, 240);
}
table.RMS td.Info {
	border-width: 1px 1px 1px 1px;
	padding: 1px 1px 1px 1px;
	border-style: inset inset inset inset;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	font-family:  verdana, arial, sans-serif;
	font-size: 7pt;
	color: #555555;
	vertical-align:middle;
	background-color: rgb(250, 240, 230);
}

/* ------ Calendar Icon Styles ---------- */
.CalendarIcon
{
  margin: 2px 2px 1px 2px;
  vertical-align:bottom;
}



/* ------- Calender Styles Start -------- */
.CalenderMain
{
    font-size:8pt;
    font-family:Verdana;
    color:#555555;
    border-width:1px;
    border-style:solid;
    border-color:Gainsboro;
    background-color:White;
    border-collapse:collapse;
}

.CalenderDay
{
    color:#555555;
    background-color:#CCCCCC;
    font-size:7pt;
    font-weight:bold;
}

.CalenderTodayDay
{
    color:#555555;
    background-color:#CCCCCC;
}

.CalenderWeekendDay
{
    color:#555555;
    background-color:WhiteSmoke;
    font-family:Arial;
}

.CalenderSelector
{
    background-color:WhiteSmoke;
}

.CalenderSelectedDay
{
    font-weight:bold;
    color:Crimson;
}

.CalenderOtherMonthDay
{
    color:Crimson;
}

.CalenderTitle
{
    font-weight:bold;
    color:Crimson;
    background-color:WhiteSmoke;
}
/* ------- Calender Styles End -------- */

/* ------- Tidal Table Style ---------- */
.TidalTable
{
    font-size:8pt;
    font-family:Verdana;
    color:#555555;
    align:Right;
}

.TidalTableRed
{
    color:Red;	
}

.TidalTableBlue
{
    color:Blue;	
}

.TidalTableTitle
{
    font-size:12pt;
    font-weight:bold;
    color:Crimson;
}

/* ------- Tidal Table Style End ----- */

/* ------- HOME Page ------------------*/

#errorBrowser
{
	padding-top:200px;	
	font-size:11pt;
    font-weight:bold;
    color: #0069B6;
    font-family:Verdana;
    vertical-align:middle;
}

#content {
    width: 972px;    
}

#content #left {
	float: left;
	width: 320px;
	display:block;
	margin-right: 20px;
}

#content #leftSpan2Col {
	float: left;
	width: 640px;
	display:block;
	margin-right: 20px;
}

#content #middle {
	float: left;
	width: 310px;
	display:block;
}

#content #right {
	float: right;
	width: 300px;
	text-align: left;
	display:block;
/*	padding-right:15px;	080605: KKJ fixed*/						/* TO ALIGN THE LEFT MENU WITH THE TOP MENU */
}

#content h2.titleBlue {				/* render frontpage boxheader */
	padding: 4px 0 4px 10px;
	background: #0069B6 url("../images/common/news_bg.gif") no-repeat top right;
	font-size: 10px;
	font-family: arial, verdana, sans-serif; 	/* 090105 KKJ added to prevent text from wrapping 2 lines  */
	color: #fff;
	text-transform: uppercase;
	margin-bottom:0;
}

#content h2.titleLightBlue {				/* render frontpage boxheader */
	padding: 4px 0 4px 10px;
	background: #96C3E3 url("../images/common/news_bg.gif") no-repeat top right;
	font-size: 10px;
	font-family: arial, verdana, sans-serif; 	/* 090105 KKJ added to prevent text from wrapping 2 lines  */
	color: #fff;
	text-transform: uppercase;
	margin-bottom:0;
}

#content h2.titleOrange {				/* render frontpage boxheader */
	padding: 4px 0 4px 10px;
	background: #DF6900 url("../images/common/news_bg.gif") no-repeat top right;
	font-size: 10px;
	font-family: arial, verdana, sans-serif; 	/* 090105 KKJ added to prevent text from wrapping 2 lines  */
	color: #fff;
	text-transform: uppercase;
	margin-bottom:0;
}


#content p {
	font-family: verdana, arial, sans-serif;
	font-size: 9pt;
	line-height: 18px;
	color: #555555;
}

#content a {
	color:#0069B6;
	text-decoration:none;    
}

#content a:hover {
	text-decoration:underline;    
}

#content .readmore {
	color:#DF6800;
	padding-top: 10px;
    font-size: 8pt;	
}

#content .readmore a {
	color:#DF6800;
	display: inline;
}

#content .blocktext {
    background-color:#FAFAFA;
    border:1px solid #EFEFEF;
    margin-bottom:10px;
    padding:1em;
}

#content form.regForm {
    background-color:#FAFAFA;
    border:1px solid #C3BCA4;
    padding:5px;
}
#content table.regForm {
    font: normal 12px verdana, arial, san-serif;
    color:#555555; 
}

#content table.regForm td.title {
    font: normal bold 14px verdana, arial, san-serif;
    color:#555555; 
    height:35px;
}

#content form.regForm input{
  background-color:#FFFFFF; color:#0B0B0B; border:#C3BCA4 1px solid;
  width: 180px; height:22px; padding:2px; margin:0;
  font:normal 10px verdana, arial, sans-serif;
}
#content form.regForm textarea{
  background-color:#FFFFFF; color:#0B0B0B; border:#C3BCA4 1px solid;
  width: 180px; height:120px; padding:2px; margin:0;
  font:normal 10px verdana, arial, sans-serif;
}
#content form.regForm input.regSubmit{
  background:url(../images/submit.jpg) no-repeat 0px 3px #FFFFFF; color:#0B0B0B; border:none;
  float:right; margin:0; cursor:pointer;
  height:35px; width:73px;
  font:bold 12px verdana, arial, sans-serif;
  color: #555555;
}
#content form.regForm input.regSubmit:hover{
  background:url(../images/submitHover.gif) no-repeat 0px 3px #FFFFFF; color:#0B0B0B; border:none;
  float:right; margin:0; cursor:pointer;
  height:35px; width:73px;
  font:bold 12px verdana, arial, sans-serif;
  color: Black;
}