/* CSS Document */
body
{
	padding: 0px;
	margin: 0px;
	position: relative !important;
	font: normal 11px/14px tahoma;
	color: #000;
	background: url(../../Images/bg.gif) bottom no-repeat #6390d3;
}

.newsbgImage
{
	background: url(../../Images/bgNewsArticle.gif) bottom no-repeat #6390d3;
}

div, p, ul, h1, h2, h3, h4, img, form, input
{
	padding: 0;
	margin: 0;
}

html
{
	height: 100.01%;
}

/* --------------------- Main Part Start --------------------- */

#main
{
	margin: 20px auto;
	margin-top: 5px;
	width: 999px;
	height: auto;
	position: relative;
}

/* --------------------- Main Part End --------------------- */

/* --------------------- Header Part Start --------------------- */

#header
{
	width: 999px;
	height: 81px;
	position: relative;
	background-color: #fff;
}

#header img.left
{
	float: left;
}

#header img.right
{
	float: right;
}

#header img.logo
{
	position: absolute;
	top: 11px;
	left: 10px;
}

#header ul
{
	position: absolute;
	top: 10px;
	right: 10px;
	padding: 0px;
	margin: 0px;
}

#header ul li
{
	list-style-type: none;
	float: left;
	background: url(../../Images/arrow.gif) 10px 5px no-repeat;
	padding: 0 0 0 18px;
	display: block;
}

#header ul li a
{
	color: #000;
	text-decoration: none;
}

#header ul li a:hover
{
	color: #000;
	text-decoration: underline;
}

#header div.font-options
{
	position: absolute;
	bottom: 25px;
	right: 0px;
	width: 300px;
}

#header div.font-options ul
{
	margin: 0px;
	padding: 0px;
	float: right;	
}

#header div.font-options ul li
{
	margin: 0px;
	padding: 2px 2px 2px 5px;
	list-style-type: none;
	float: left;
	background: none;
}

#header div.font-options ul li a
{
	color: #E5A500;
	text-decoration: none;
	font-family: Tahoma;
}

#header div.font-options ul li a:hover
{
	color: #E5A500;
	text-decoration: none;
	font-family: Tahoma;
}
#header div.font-options ul li.font1
{
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0 10px;
}

#header div.font-options ul li.font2
{
	font-size: 13px;
	font-weight: bold;
	padding: 0 0 0 10px;
}

#header div.font-options ul li.font3
{
	font-size: 15px;
	font-weight: bold;
	padding: 0 0 0 10px;
}


/* --------------------- Header Part End --------------------- */

/* --------------------- Menu Part Start --------------------- */

#menu
{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	width: 997px;
	height: 26px;
	padding: 9px 0 0 0;
	position: relative;
	background: url(  '../../Images/menu_bg.gif' ) repeat-x;
	border-top: 0px;
	z-index: 22;
}

#menu p
{
	position: absolute;
	top: 11px;
	right: 10px;
	color: #fff;
}

/* --------------------- Menu Part End --------------------- */

/* --------------------- Banner Part Start --------------------- */

#banner
{
	/*background:url(../../Images/banner.gif) 0 0 no-repeat #204f81;*/
	border: 1px solid #fff;
	border-top: 0px;
	background-color: #204F81;
}

#banner .bannerImg
{
	width: 400px;
	height: 172px;
}

#banner img.welcome
{
	position: absolute;
	top: 21px;
	left: 650px;
}
#banner .tab
{
	position: relative;
	top: 5px;
	width: 320px;
}

#banner .txtboxSize
{
	font-size: 10px;
	height: 12px;
}

#banner .loginText
{
	color: White;
	font-family: Arial;
	font-size: 12px;
}

#banner .linkText
{
	color: White;
	font-family: Arial;
	font-size: 11px;
}
/*
#banner .TitleText
{
	color:White;
	position: absolute;
	top: 20px;
	left: 650px;
	font-family:Arial;
	font-size:13px;
	font-weight:bold;
}

#banner .SubTitleText
{
	color:#E5A500;
	position: absolute;
	top: 33px;
	left: 650px;
	font-family:Arial;
	font-size:10px;
	font-weight:bold;
}

#banner .WelcomeText
{
	color:White;
	position: absolute;
	top: 50px;
	left: 650px;
}*/
#banner .TitleText
{
	color: White;
	font-family: Arial;
	font-size: 13px;
	font-weight: bold;
}
#banner .SubTitleText
{
	color: #E5A500;
	font-family: Arial;
	font-size: 10px;
	font-weight: bold;
}

#banner .WelcomeText
{
	color: White;
	white-space: normal;
}


#banner p
{
	position: absolute;
	top: 63px;
	left: 650px;
	color: #fff;
}

#banner img.readmore
{
	position: absolute;
	top: 118px;
	right: 20px;
}

/* --------------------- Banner Part End --------------------- */

/* --------------------- Title Part Start --------------------- */

#title
{
	width: 997px;
	height: 26px;
	position: relative;
	background: url(../../Images/title_strip_bg.gif) repeat-x;
	border: 1px solid #fff;
	border-top: 0px;
	word-wrap: break-word;
}

#title img.news
{
	position: absolute;
	top: 8px;
	left: 20px;
}

#title img.line
{
	position: absolute;
	top: 0px;
	left: 637px;
}

#title img.relatedlinks
{
	position: absolute;
	top: 8px;
	left: 659px;
}

/* --------------------- Title Part End --------------------- */

/* --------------------- Content Part Start --------------------- */

#content
{
	width: 997px;
	height: auto;
	position: relative;
	background-color: #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

#news
{
	width: 637px;
	background-color: #fff;
}

.newspart
{
	padding: 10px 0 10px 0;
	width: 580px;
	height: 73px;
	background-color: #fff;
}

.newspart h1
{
	padding: 5px 0 0 10px;
	font-size: 11px;
	font-weight: bold;
	color: #e5a500;
}

.newspart p
{
	padding: 5px 0 0 10px;
	font-size: 11px;
	font-weight: normal;
	color: #000;
}

.newspart img.readmore
{
	padding: 5px 0 0 0;
	float: right;
}

#relatedlinks
{
	width: 359px;
	background-color: #fff; /*overflow: auto;*/
	height: 273px;
}

#relatedlinks ul
{
	float: left;
	padding: 0px;
	margin: 0px;
}

#relatedlinks ul li
{
	list-style-type: none;
	background: url(../../Images/bullet.gif) 21px 15px no-repeat;
	padding: 10px 0 3px 33px;
	display: block;
}

#relatedlinks ul li a
{
	color: #000;
	text-decoration: none;
}

#relatedlinks ul li a:hover
{
	color: #000;
	text-decoration: underline;
}

#relImg img
{
	bottom: 0px;
	left: 0px;
	padding: 10px;
}

/* --------------------- Content Part End --------------------- */

/* --------------------- Footer Part Start --------------------- */

#footer
{
	/*position:absolute; 	width: 997px;*/
	font-size: 10px;
	text-align: center;
	color: Black;
	position: relative;
	width: 997px;
	height: 20px;
	border: 1px solid #fff;
	border-top: 1px solid #bcbcbc;
	background-color: #e1e1e1;
}

.menuStatic
{
	padding: 5px 4px 5px 3px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-align:center;
	border-right: 1px solid Background;
}

.menuStaticNew
{
	padding: 5px 12px 5px 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-decoration: none;
}


.menuStaticOverride
{
	padding: 5px 4px 5px 3px;
	margin-left: 0px;
	font-family: Arial;
	font-size: 11px;
	font-weight: bold;
	color: white;
	text-align: center;
	border-right: 1px solid Background;
}

.menuOver
{
	font-family: Arial;
	background: url(../../images/mouseover_bg.jpg);
	background-position: center;
	font-size: 11px;
	font-weight: bold;
	color: #e5a500;
	border-right: 1px solid Background;
}
.dynamicMenu
{
	background-image: url(../../images/normalMenu_bg.gif);
	background-position: center;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial;
	font-size: 11px;
	height: 22px;
	text-decoration: none;
	color: white;
	background-color: Transparent;
	border: 1px solid Background;
}
.dynamicMenuOver
{
	margin-top: 0px;
	background-image: url(../../images/mouseOver_bg.gif);
	background-position: center;
	border: 1px solid Background;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial;
	font-size: 11px;
	height: 22px;
	text-decoration: none;
	color: #e5a500;
	background-color: Transparent;
}


#ContentArea
{
	display: block;
	width: 100%;
	background-color: #f2f7fd;
	min-height: 655px;
	height: auto !important;
	height: 655px;
}

.hrefColor
{
	color: #E5A500;
	font-family: Tahoma;
	text-decoration: none;
}

.hrefDateColor
{
	color: Gray;
	font-size: 10px;
	font-family: Tahoma;
	text-decoration: none;
}

.pagerLink
{
	color: #3A6893;
	text-decoration: none;
}

.logoHome
{
	height: 79px;
}

/* Style for ajax loader */
.updateProgressLoader
{
	z-index: 70%;
	position: absolute;
	left: 45%;
	bottom: 50%;
	vertical-align: middle;
	background-color: Transparent;
	align: center;
	valign: middle;
}


/* Public Styles */

.border
{
	border-collapse: collapse;
	width: 100%;
	background-color: #f2f7fd;
}
.tblContentStyle
{
	width: 999px;
	border-collapse: collapse;
}
TD.rowheader
{
	position: relative;
	font-size: 11px;
	font-weight: bold;
	font-family: Arial;
	background-image: url(images/normalMenu_bg.gif);
	color: #fff;
	height: 18px;
	text-align: left;
	padding-left: 10px;
}

TD.rowContent
{
	width: 974px;
	padding: 5px;
}

TD.contentTitle
{
	height: 26px;
	position: relative;
	background-color: #3C698E;
	vertical-align: middle;
	font-weight: bold;
	font-family: Arial;
	padding-left: 10px;
	color: White;
}
.tblNospace
{
	width: 100%;
	border-collapse: collapse;
}
TD.nospace
{
	padding: 0px;
}
.pnlError
{
	width: 945px;
	height: 20px;
}
a.SalesNotes
{
	cursor: pointer;
}
.lblErrorMessage
{
	margin-left: 8px;
	color: Red;
}
/*
=================================================
		View RBS/Vessel Page
=================================================
*/
.lbldetailhead
{
	font-size: 12px;
	font-weight: bold;
}
.txtfield
{
	font-size: 10px;
	width: 115px;
	height: 12px;
}
.lblfield
{
	font-size: 11px;
}
.lblMandatory
{
	color: Black;
}
.lblRequiredField
{
	font-size: 11px;
}
TD.rowbreak
{
	height: 1px;
	background-color: Silver;
}
.btn
{
	background: url(images/normalMenu_bg.gif);
	color: White;
	height: 20px;
	font-weight: bold;
	font-size: 8pt;
	width: 63px;
}
.btnrow
{
	text-align: right;
	padding-right: 20px;
}
.ddlfield
{
	font-size: 10px;
	width: 120px;
	height: 18px;
}
.ddlsalenotefield
{
	font-size: 10px;
	width: 140px;
	height: 18px;
}

.pnlgrid
{
	padding: 5px;
	width: 970px;
}
.lblresultheader
{
	font-size: 11px;
	font-weight: bold;
}
.lblstep
{
	font-size: 12px;
	font-weight: bold;
	color: #8A8A7E;
}
.lblsalesnotehead
{
	font-weight: bold;
}

/*
			GridView Style 
---------------------------------------------
	*/
.gridheader
{
	background-color: #7AB6E3;
	font-weight: bold;
	color: White;
	text-align: Left;
	vertical-align: Middle;
}
.gridview
{
	margin-top: 8px;
	color: #333333;
	font-size: 8pt;
	border-style: solid;
	border-color: #7AB6E3;
	width: 965px;
}
.overflow
{
	overflow: inherit;
	white-space: normal;
}
.overflowview
{
	overflow: visible;
	white-space: nowrap;
}
.rowstyle
{
	background-color: #EFF3FB;
}
.emptyrow
{
	background-color: #7AB6E3;
	font-weight: bold;
	color: White;
}
.altrow
{
	background-color: White;
}

/* ---------------Pager Template Style-------------*/
.Pager
{
	background-color: #7AB6E3;
	color: White;
	text-align: Right;
}
.Pagerleft
{
	background-color: #7AB6E3;
	color: White;
	text-align: left;
}
.lnkbtn
{
	color: White;
	background-color: #7AB6E3;
	border-color: White;
}
.txtpage
{
	font-size: 10px;
	width: 20px;
	height: 14px;
}
.imgbtn
{
	width: 12px;
	height: 14px;
}

/*
=================================================
	Wizard Control - RBS Register Page
=================================================
*/

.NavigationStyleCSS
{
	padding-right: 20px;
	padding-bottom: 10px;
}
.sidebarWZD
{
	background-color: #3C698E;
	vertical-align: text-top;
	width: 200px;
}
.wizard
{
	background-color: #EFF3FB;
	font-family: Verdana;
	font-size: 10pt;
	width: 998px;
	height: 300px;
	border: solid 1px silver;
}
.stepwizard
{
	font-size: 0.8em;
	color: #333333;
	vertical-align: top;
}
TD.addrrow
{
	width: 90px;
	vertical-align: top;
	padding-top: 6px;
}
.dropdowntitle
{
	font-size: 10px;
	width: 47px;
	height: 18px;
}
TD.wizhead
{
	height: 25px;
	font-weight: bold;
}
.wzdgrid
{
	border-right: 1px solid #7AB6E3;
	border-left: 1px solid #7AB6E3;
	width: 630px;
}
.sidebarbutton
{
	background-image: url(images/normalMenu_bg.gif);
	background-position: center;
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial;
	font-size: 11px;
	height: 20px;
	font-weight: bold;
	text-decoration: none;
	line-height: 18px;
	color: white;
	background-color: Transparent;
	display: block;
	width: 166px;
}
.wzdSelected
{
	border-color: #e5a500;
	border-width: 2px;
}
/*
=================================================
		News Page
=================================================
*/


.calendarHide
{
	display: none;
	position: relative;
}
.calendarShow
{
	position: absolute;
	z-index: 0;
	background-color: Silver;
}
.Newsoverflow
{
	overflow: hidden;
	white-space: nowrap;
}
.ctrlFileUpload
{
	font-size: 10px;
	width: 198px;
	height: 18px;
}
.pnlTextArea
{
	height: 100px;
	width: 600px;
}

.ctrlTxtArea
{
	font-size: 11px;
	height: 70px;
	width: 300px;
}
.pnlAddImage
{
	margin-left: -4px;
	padding-left: -4px;
}



/*
=================================================
		News Article Page 
=================================================
*/

/*.wrap
{
  padding-right :5px;     
  padding-left:5px;
  padding-top:5px;  
  padding-bottom:5px;
  float:left;  
}*/

.textPadding
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	word-wrap: break-word;
}

.title
{
	padding-top: 7px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: Tahoma;
	font-size: medium;
	font-weight: bold;
}

.author
{
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-family: Tahoma;
	font-size: smaller;
	font-weight: bold;
}

.imgPosition
{
	height: 115px;
	width: 135px;
	border: solid;
	border-color: #dddddd #dddddd #dddddd #dddddd;
	border-width: 1px 1px 1px 1px;
	background-color: white;
	margin-left: 5px;
	margin-top: 7px;
	margin-right: 7px;
	margin-bottom: 5px;
	float: left;
}

.pageBorder
{
	border: 0px solid silver;
	background-color: #f2f7fd;
	width: 100%;
	vertical-align: top; /*border-left:1px solid silver;    border-right:1px solid silver;    border-bottom:1px solid silver;    border-top:1px solid silver;      background-color:#f2f7fd;*/
}
.newsTable
{
	position: absolute;
	top: 120px;
	padding: 10px;
	width: 999px;
	background-color: #f2f7fd;
	left: 0px;
}

/* Login Control*/

.login
{
	left: 208px;
	position: relative;
	top: 33px;
}
.stepHeader
{
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 14px;
	font-weight: bold;
}
.tblleaflet
{
	font: normal 11px/14px verdana;
	width: 100%;
}
.imgLeaflet
{
	vertical-align: middle;
	width: 22px;
	height: 22px;
}
/* Added for Help page body Text */
.helpContentText
{
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 10pt;
	padding-left: 20px;
	width: 940px;
}

#errordiv
{
	background-color: White;
	display: block;
	height: 685px;
}

TD.navigateinfo
{
	padding-left: 10px;
	font-size: 13px;
	height: 50px;
	vertical-align: middle;
}

/**

 This stylesheet is part of the java script calendar date picker

  **/

.calYear
{
	font-weight: bold;
	font-size: 7.5pt;
	background-color: #cccccc;
	color: black;
	width: 57px;
	font-family: Verdana;
}

.calMonth
{
	font-weight: bold;
	font-size: 7.5pt;
	background-color: #cccccc;
	color: black;
	width: 90px;
	font-family: Verdana;
}


.calBody
{
	border-width: 0px;
	border-color: Gray;
}

.otherMonthDayStyle
{
	visibility: hidden;
}
/**
 End of java script calendar and date picker
  **/

/*Home page for Buyer, Seller, Administrator etc.,*/
.hyperlinkStyle
{
	text-decoration: none;
}

.fontStyle
{
	font-size: 12px;
	height: 18px;
	font-family: Arial;
}

.tableContentBorder
{
	border-color: #e3e3e3;
	border-bottom: solid 1px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
}

.hyperButtonSyle
{
	color: White;
	height: 50px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
}

/*End of, Home page for Buyer, Seller, Administrator etc.,*/

.ERSMenuStatic
{
	height: 20px;
	font-weight: bold;
	font-size: 11px;
	width: 100px;
	background-color: #3C698E;
	text-align: center;
	text-decoration: none;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 1px;
	border-width: 1px;
	border-right-width: 3px;
	border-top-width: 2px;
	border-left-width: 3px;
	border-color: gray;
	border-style: outset;
}
.lnkbtnStatic
{
	color: #C3C7CC;
}

.lnkbtnSelected
{
	color: White;
	font-weight: bold;
}

.FSMenu
{
	background-color: #B0AFBF;
	font-size: 6pt;
	margin-left: 5px;
}
.FSMenuSelected
{
	font-family: Arial;
	font-size: 11px;
	background-color: #3C698E;
	border-style: outset;
	border-color: gray;
	border-width: 1px;
	border-right-width: 3px;
	border-top-width: 3px;
	border-left-width: 3px;
	text-align: center;
	width: 100px;
	font-weight: bold;
	height: 24px;
	text-decoration: none;
}

.lnk_hover
{
	text-decoration: underline;
}

.verticalLine
{
	border-right: solid 1px #2E5A83;
}

/*Holding Table */
.tdBackgroud
{
	background-color: #0066CC;
	color: White;
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
}

.lnkView
{
	font-weight: bold;
	font-size: 13px;
	background-color: #969696;
	text-decoration: none;
	color: Black;
	font-family: Arial;
}

Table.Logtable
{
	border: solid 2px Gray;
}

TD.Log
{
	height: 20px;
	border: solid 1px Gray;
	background-color: #EFF3FB;
	font-weight: bold;
	font-size: 12px;
}

TD.LogHead
{
	height: 20px;
	border: solid 1px Gray;
	background-color: #7AB6E3;
	font-weight: bold;
	font-size: 14px;
}

/*Help Page*/

.hyperlinkStyleHelp
{
	text-decoration: none;
	color: White;
}

.ellipsis
{
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	display: block;
}

/*Read Only background color*/

.readOnlyField
{
	font-size: 10px;
	width: 115px;
	height: 12px;
	background-color: #E7E5DE;
}

.ddlSalenoteReadOnlyField
{
	font-size: 10px;
	width: 140px;
	height: 18px;
	background-color: #E7E5DE;
}

.ddlAddEditReadOnlyField
{
	font-size: 10px;
	width: 120px;
	height: 18px;
	color: Black;
	background-color: #E7E5DE;
}

.readOnlyEmail
{
	background-color: #E7E5DE;
}

/*Button Style for Authority Admin Page*/

.SalesNotesButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #9BBB59;
}

.HoldingQueuesButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #B09584;
}

.ManageCodeButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #859ECB;
}


.LogbookLandingButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #D369B7;
}

.DetailedVesselRBSButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #4BACC6;
}

.LogEventsButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #F79646;
}

.CodeListsButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #8064A2;
}

.ContentManagementButtonStyle
{
	color: White;
	height: 35px;
	font-weight: bold;
	font-size: 12px;
	width: 155px;
	text-align: center;
	font-family: Arial;
	background-color: #8064A2;
}


/* Wrap Validator message */
.WrapInsideTD
{
	word-wrap: break-word;
	width: 150px;
}

/* About Page*/

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

.readOnlyAbout
{
	background-color: #E7E5DE;
	font-size: 12px;
	overflow: scroll;
}

.aboutAddress
{
	width: 330px;
}

.Aboutlogo
{
	height: 79px;
}
/*****************************
Vessel Search pop
*********************/
.VesselPop
{
	height: 100%;
	width: 100%;
	background-color: White;
	text-align: left;
}

.VesselContentStyle
{
	left: 10px;
	width: 100%;
	border-collapse: collapse;
}

/* Change Password Advisory Text */

.wrapAdvisoryText
{
	word-wrap: break-word;
	width: 350px;
}

.lblUnderline
{
	text-decoration: underline;
	font-weight: bold;
}




/* Confirm Messsage */
.jqiwarning .jqi
{
	background-color: #b0be96;
}
.jqifade
{
	position: absolute;
	background-color: #333333;
}
div.jqi
{
	position: absolute;
	background-color: #2B5D87;
	padding: 5px;
	padding-top: 3px;
	width: 320px;
	color: White;
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
	text-align: left;
}
div.jqi .jqiclose
{
	float: right;
	margin: -35px -10px 0 0;
	cursor: pointer;
	color: white;
	background-color: #2B5D87;
}

div.jqi .jqicontainer
{
	background-color: #8CADD8;
	padding: 5px;
	color: #ffffff;
	font-family: MS Sans Serif;
	font-size: 10px;
	font-weight: bold;
}

div.jqi .jqiconfirm
{
	background-color: #c0cEa6;
	background: url(  '../../images/Confirm.gif' ) no-repeat;
	padding: 8px 40px 0 40px;
	color: black;
	height: 30px;
	text-align: center;
}

div.jqi .jqiinfo
{
	background-color: #c0cEa6;
	background: url(  '../../images/info.gif' ) no-repeat;
	padding: 8px 40px 0 40px;
	color: black;
	height: 30px;
	text-align: center;
}

div.jqi .jqiimportant
{
	background-color: #c0cEa6;
	background: url(  '../../images/important.gif' ) no-repeat;
	padding: 8px 40px 0 40px;
	color: black;
	height: 30px;
	text-align: center;
}

div.jqi .jqibuttons
{
	text-align: center;
	padding: 5px 0 0 0;
}
div.jqi button
{
	padding: 3px 10px 3px 10px;
	margin: 0 10px;
	padding: 1px 11px 4px 11px;
	height: 20px;
	font-family: Tahoma;
	font-size: 11px;
	line-height: 15px;
	text-decoration: none;
	font-weight: bold;
	background-color: #2B5D87;
	color: white;
	border: outset 1px black;
}
/* Confirm Messsage */
.scrollingpanel
{
	cursor: pointer;
	height: 12px;
	width: 12px;
}


/* Added for Help Pages */
/*----------Start-----------*/
TD.rowHeaderHelp
{
	position: relative;
	font-size: 12px;
	font-weight: bold;
	font-family: tahoma,verdana,arial,helvetica;
	background-image: url(images/HelpTitleBar_bg.gif);
	color: #fff;
	height: 26px;
	text-align: left;
	padding-left: 10px;
}

.stepHeader
{
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 14px;
	font-weight: bold;
}

/* Added for Help page body Text */
.helpContentText
{
	font-family: tahoma,verdana,arial,helvetica;
	font-size: 10pt;
	width: 940px;
	padding-left: 0px;
}


.lnkFontSize
{
	font-size: 14px;
}

.authorityHeadLabel
{
	font-weight: bold;
	font-size: 12px;
	font-family: Arial;
}

/*----------End-----------*/

/* ---------Log Details - Start----------- */
.PagerLog
{
	background: url(../../Images/bg-grid-pagination.gif) repeat-x;
	text-align: Right;
}

.gridheaderLog
{
	background-color: #7c8baa;
	font-weight: bold;
	color: White;
	text-align: Left;
	vertical-align: Middle;
}

.lnkbtnLog
{
	border: none;
	outline: none;
	font-size: 8pt;
	text-decoration: none;
	color: #000;
	background: url(../../Images/bg-grid-pagination.gif) repeat-x;
}

.filter-part
{
	margin: 0px 0 0 0;
	padding: 0px 0 0 0;
	width: 977px;
	height: 24px;
	border-left: 1px solid #2e5a83;
	border-right: 1px solid #2e5a83;
	position: relative;
	float: left;
	z-index: 2;
	background: url(../../images/bg-filter-part.gif) repeat-x;
}

.filter-part span
{
	color: #fff;
	font-weight: bold;
	line-height: 21px;
	padding: 0px 0px 0px 10px;
}

.filter-part img.exp-coll
{
	position: absolute;
	top: 6px;
	right: 9px;
}

.filter
{
	padding: 0px;
	margin: 0px;
	width: 130px;
	position: relative;
	float: left;
	z-index: 1;
}

.filter div.header
{
	width: 129px;
	padding: 0;
	height: 24px;
	background: url(../../images/bg-filter.gif) repeat-x;
	border-right: 1px solid #fff;
	position: absolute;
	top: 0px;
	left: 0px;
}

.filter div.header a
{
	display: block;
	text-decoration: none;
}

.filter div.header span
{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	line-height: 24px;
	padding: 0 0 0 10px;
}

.filter div.header img.exp-coll
{
	position: absolute;
	top: 10px;
	right: 10px;
}

.filter-control
{
	display: none;
	position: absolute;
	padding: 0px;
	margin: 0px;
	background: #fff;
	border: 1px solid #2e5a83;
}
.filterbtn
{
	background: url(../../images/bg-filter.gif) repeat-x;
	color: White;
	height: 23px;
	font-weight: bold;
	font-size: 8pt;
	width: 63px;
	border: solid 1px gray;
}

/* ---------Log Details - End----------- */

/* --------- Log Book TreeView SimplyScroll - Start ---------- */

.tree
{
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 867px;
	height: auto;
	position: relative;
	float: left;
}

.tree ul
{
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

.tree ul li
{
	list-style-type: none;
	font-size: 11px;
	font-weight: normal;
	color: #000;
	background: #F2F7FD;
	line-height: 18px;
	position: relative;
	margin: 5px 0px;
	float: left;
	clear: both;
}

.tree ul li div.collapse
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
	color: #000;
	font-weight: bold;
	background: url(../../images/bg-tree.gif) right center;
	border: 1px solid #999;
	display: block;
	line-height: 19px;
	width: 80px;
	position: absolute;
	top: 0px;
	left: 21px;
}

.tree ul li div.collapse a:hover
{
	color: #d12929;
	background: url(../../images/bg-tree-up.gif) right center;
}

.tree ul li div.expand
{
	padding: 0px 0px 0px 5px;
	margin: 0px 0px 0px 8px;
	color: #000;
	font-weight: bold;
	background: none;
	border: 1px solid #999;
	line-height: 19px;
	width: 839px;
	position: relative;
	float: left;
}

.tree ul li div.expand img.close
{
	position: absolute;
	top: 5px;
	right: 5px;
	cursor: hand;
}


.tree ul li div a
{
	display: block;
	padding: 0px 18px 0px 0px;
	color: #000;
	text-decoration: none;
}

.tree ul li img
{
	float: left;
	margin: 5px 0px 0px 0px;
}

.tree ul li div.expand span
{
	float: left;
	width: 80px;
}

.tree ul li.level2 div.collapse
{
	padding: 0px 0px 0px 5px;
	margin: 0px;
	color: #000;
	font-weight: bold;
	background: url(../../images/bg-tree.gif) right center;
	border: 1px solid #999;
	display: block;
	line-height: 19px;
	width: 80px;
	position: absolute;
	top: 0px;
	left: 42px;
}

.tree ul li.level2 img
{
	float: left;
	margin: 5px 0px 0px 21px;
}

.tree-grid
{
	padding: 0px;
	margin: 0px;
	background: #F2F7FD;
	height: 100%;
}

.tree-grid th
{
	height: 19px;
	background: url(images/bg-tree-grid.gif) repeat-x;
	border-left: 0px;
	padding: 0px 10px;
	vertical-align: top;
	white-space: nowrap;
	text-align: center;
	border-right: 1px solid #999;
}

.tree-grid th.border-right-none
{
	border-right: 0px;
}

.tree-grid td
{
	height: auto;
	background: #F2F7FD;
	border-left: 1px solid #F2F7FD;
	border-top: 1px solid #999;
	border-right: 1px solid #999;
	padding: 0px 10px;
	vertical-align: top;
	white-space: nowrap;
	text-align: center !important;
}

.tree-grid td.border-right-none
{
	border-right: 0px;
}

.tree-grid table
{
	padding: 0px;
	margin: 0px;
	background: #F2F7FD;
	border-color: #F2F7FD;
	border: 0px;
}

.tree-grid table th
{
	background: #F2F7FD;
	padding: 0px 5px 0px 10px;
	text-align: left;
	vertical-align: top;
	border-right-width: 0px;
}

.tree-grid table td
{
	height: auto;
	background: #F2F7FD;
	padding: 0px 12px 0px 5px;
	text-align: left !important;
	border-color: #F2F7FD;
	vertical-align: top;
}
/* Tree Part End */


.simply-scroll-container
{
	/* Container DIV - automatically generated */
}

.simply-scroll-clip
{
	/* Clip DIV - automatically generated */
	position: relative;
	overflow: hidden;
	z-index: 2;
	border: 1px solid #999;
	border-top: 0px;
	border-bottom: 0px;
}

.simply-scroll-list
{
	/* UL/OL/DIV - the element that simplyScroll is inited on */
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}

.simply-scroll-list li
{
	padding: 0;
	margin: 0;
	list-style: none;
}

.simply-scroll-list li img
{
	border: none;
	display: block;
}

.simply-scroll-btn
{
	position: absolute;
	background-image: url(../../images/buttons.png);
	width: 20px;
	height: 20px;
	z-index: 3;
	cursor: pointer;
}

.simply-scroll-btn-left
{
	position: absolute;
	right: 30px;
	top: 31px;
	background-position: 0 -20px;
}
.left-disabled
{
	background-position: 0 0 !important;
}
.simply-scroll-btn-left:hover
{
	background-position: 0 -40px;
}

.simply-scroll-btn-right
{
	right: 5px;
	top: 31px;
	background-position: 20px -20px;
}
.right-disabled
{
	background-position: -20px 0 !important;
}
.simply-scroll-btn-right:hover
{
	background-position: 20px -40px;
}


/* Vertical scroller example */

.vert
{
	width: 699px;
	height: 55px;
	padding: 0px;
	margin: 0px;
	float: left;
}

.vert .simply-scroll-clip
{
	width: 699px;
	height: 55px;
	position: relative;
	padding: 0px;
	margin: 0px;
}

.vert .simply-scroll-list li
{
	width: auto;
	float: left;
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 55px;
}

.LogDetailsStyle
{
	background-color: #F2F7FD;
	border-color: #F2F7FD;
}

.NodeStyle
{
	background: url(images/bg-tree.gif) repeat-x;
	border: solid 1px #5B5757;
	padding-left: 2px;
	line-height: 19px;
	font-weight: bold;
	height: 18px;
	width: 65px;
	color: #5B5757;
}

.NodeStyle Span
{
	width: 45px;
	margin-top: -1px;
}


.NodeStyle a:hover Font
{
	color: #D12929;
}

.LogDetailsArrow
{
	font-family: Webdings;
	font-size: 11pt;
	color: #5B5757;
}

.DetailedLogVessel
{
	font-size: 15px;
	font-weight: bold;
	color: #2184ac;
	width: 500px;
	padding-left: 5px;
}

.DetailedLogTrip
{
	text-align: right !important;
	width: 450px;
}

.DetailedLogTrip div
{
	line-height: 21px;
	background: url(images/ico-strip.gif) no-repeat center right;
	padding: 0px 5px 0px 5px;
	float: left;
}

.expandCollapsePanel
{
	border: solid 1px gray;
	height: 18px;
	padding-left: 10px;
	background-color: Gray;
}

.expandCollapsePanel a
{
	text-decoration: none;
	color: White;
	font-weight: bold;
}

.expandCollapsePanel a:hover
{
	text-decoration: underline;
}

.xmlLink
{
	color: Blue;
	cursor: hand;
}

.xmlLink:hover
{
	text-decoration: underline;
}

/* --------- Log Book TreeView SimplyScroll - End ---------- */

.inputrequirederror, .inputformaterror
{
	background: yellow;
	font-size: 10px;
	z-index: 100px;
	border: solid 1px #ccc;
	position: relative;
	width: 110px !important;
	height: 15px !important;
	text-align: left !important;
}

.key
{
	display: none;
}

.pnlUpdate, .pnlEdit
{
	padding-left: 5px;
}

#basic-modal-content
{
	display: none;
}

/* Overlay */
#simplemodal-overlay
{
	background-color: #000;
}

/* Container */
#simplemodal-container
{
	color: #333;
	background-color: #EFF3FB;
	border: 4px solid #444;
	padding: 12px;
}
#simplemodal-container code
{
	background: #141414;
	border-left: 3px solid #65B43D;
	color: #bbb;
	display: block;
	margin-bottom: 12px;
	padding: 4px 6px 6px;
}
#simplemodal-container a
{
	color: #333;
}
#simplemodal-container a.modalCloseImg
{
	background: url(../../images/x.gif) no-repeat;
	width: 25px;
	height: 29px;
	display: inline;
	z-index: 3200;
	position: absolute;
	top: -15px;
	right: -16px;
	cursor: pointer;
}
#simplemodal-container #basic-modal-content
{
	padding: 8px;
}

/* Logbook Report View styles */

.detailsIcon
{
	vertical-align: bottom;
	cursor: hand;
}
.dvReportContent
{
	background-color: #B9D7FF;
	color: Black;
	border: solid 1px #0D4186;
	width: 570px;
}
.dynamicRow
{
	background-color: #EFF3FB;
}

.detailsCellBorder
{
	border-bottom-color: #EFF3FB;
}

.validationSummary
{
	background-color:#F2F7FD; 
	padding-left:25px;
	font-size:11px;
}

label.error
{
   color:Red;
}

.logReportBorder
{
   border:solid 1px #7AB6E3	
}

.logReportBorderLeft
{
    border-left:solid 1px #7AB6E3; 		
}

.logReportBorderRight
{
   border-right:solid 1px #7AB6E3;
}

.logReportBorderBottom
{
    border-bottom:solid 1px #7AB6E3;
}

.logReportColumns
{
	padding-left:3px;
}

/* Tab navigation foucs styles */

.mnuFocus 
{
	color: #e5a500 !important;
}

.headerLinksFocus 
{
	font-weight: bold;
	color: #154E64 !important; 
}