BODY{
    margin:     0px;
    padding:    0px;
	background-color: white;
    color: black;
    font-size: 9pt;
    font-family: Verdana, arial, sans-serif,Helvetica;
}

/* old Rules Default body style
body {
	scrollbar-face-color: #E5E9ED;
	scrollbar-shadow-color: #B9D0E8;
	scrollbar-highlight-color: #B9D0E8;
	scrollbar-3dlight-color: #003060;
	scrollbar-darkshadow-color: #003060;
	scrollbar-arrow-color: #003060;
	margin:     0px;
	padding:    0px;
	background-color: #FFFFFF;
	font-family:    Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;	
	color: #333366	
}
*/

body.showscroll	{
	scrollbar-face-color: #E5E9ED;
	scrollbar-shadow-color: #B9D0E8;
	scrollbar-highlight-color: #B9D0E8;
	scrollbar-3dlight-color: #003060;
	scrollbar-darkshadow-color: #003060;
	scrollbar-arrow-color: #003060;
	font-family:  Verdana, arial, sans-serif;
	font-size: 9pt;
	overflow:scroll;
}

body.main {
  margin: 0px;
  background-color: #FFFFFF;
}

body.section{
	leftMargin:10px;
}
body.maindetail {
  margin: 0px;
  background-color: #FFFFFF;
  /*BGCOLOR="#FFFFFF"
  TOPMARGIN="0"
  LEFTMARGIN="0"
  MARGINWIDTH="0"
  MARGINHEIGHT="0"
  TEXT="#000000"
  ALINK="#003399"
  LINK="#003399"
  VLINK="#003399"(*/
}

body.maineagle{
	background-image: url('/common/images/Eagle_Graphic.gif');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: center 50%;
}
form{
	font-size: 9pt;
  	font-family: Verdana, arial, sans-serif,Helvetica;
}
/*
table, Input, select, textarea {
	border-style:thin;
	font-family:    Verdana, Arial, Helvetica, sans-serif;
	color: black
	font-size: 9pt;
}*/

/*
table.header {
	border-collapse: collapse;
	width: 100%;
	border-width: 0px 0px 0px 0px;
	background-color: #003060;
}

td.header {
	color: #e5e9ed;
	font-size: 16pt;
	font-family: Verdana, arial, sans-serif;
}
*/

/* A is for the links <a href></a>in the page */
A {
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-size:9pt;
}

A:hover {
  	text-decoration: underline;
}

A:visited {
	color:#0000ff;
}

A.normallink:visited  {
	color:#00ccff;
}
A.normallink:active  {
	color:#ff66ff;
}

A.glossary {
	font-family:  Verdana, arial, sans-serif;
	font-size:100%;
	color: red;
	cursor: pointer;
}

A.glossaryNoLink {
	font-family:  Verdana, arial, sans-serif;
	color: orange;
	cursor: pointer;
}

A.link {
	font-family:  Verdana, arial, sans-serif;
	color: blue;
	cursor: pointer;
}

sup {
 color:red;
 font-family:  Verdana, arial, sans-serif;
 font-weight:bold;
 font-size:9pt;
}

p.SpaceTop {
	margin-top:0;
}

p.SpaceBot {
	margin-bottom:0;
}

p.SpaceBoth {
	margin-top:0;
	margin-bottom:0;
}

p.SpaceLeft {
	margin-left:0;
}

p.SpaceRight {
	margin-right:0;
}

/* for ADMINISTRATION, CLASS selectlink for selected link not visited link */
.selectlink {
 font-size: 9pt;
 color: #000000;
  font-family: Verdana, Arial, sans-serif;
}

/*for ADMINISTRATION, CLASS normallink for link not selected */
.normallink {
 font-size: 9pt;
 color: #ffffb0;
  font-family: Verdana, Arial, sans-serif;
}

/* for Attendance IN Progress and History By TKBose !9-/01/2004  */
.attendancelink {
 font-size: 10px;
 font-family: Verdana, Arial, sans-serif;
}
/*ENd Of  Addition ******/

/************************************************************************************************************
                 When displaying data, CLASS fieldname(row2bold) is for the name of fieldname
                 CLASS fieldcontent is for the data
 ************************************************************************************************************/

.row1, .fieldcontent
{
  font-size: 9pt;
  color: black;
  height: 25px;
  padding: 3px;
  background-color:#e5e9ed;
}

.row1 td, .fieldcontent td{
  font-size: 9pt;
}

.row2bold, .fieldname {
  font-size: 9pt;
  color: black;
  height: 25px;
  padding: 3px;
  font-weight: bold;
  background-color:#e5e9ed;
}

.row2bold td, .fieldname td{
  font-size: 9pt;
}

.row2 
{
  font-size: 9pt;
  background-color:#e5e9ed;
  color: black;
  height: 25px;
  padding: 3px;

}

.row2 td{
  font-size: 9pt;
}

/* Header section just above the table headding (tableheader) */

.row3 {
  font-size: 9pt;
  background-color: #2f6090;
  color: white;
  height: 25px;
  padding: 3px;
  font-weight: bold;
  text-align:left;
  vertical-align:middle;
}

.row3 a{
  color: white;
}


/* Search result grid background */
.rowgreen {
  font-size: 9pt;
  background-color:#e5e9ed;
  color: black;
  height: 25px;
  padding: 3px;
  border:1px inset #d4d0c8;
}

.rowgrey {
  font-size: 10px;
  color: #666666;
  cursor: default;
  border: 1px solid E5E5E5;
  background-color:#e5e9ed;
  height: 20px;
}

.rowbuttons {
  font-size: 9pt;
  color: black;
  cursor: default;
  border: 1px solid E5E5E5;
  background-color: #EAEAEA;
  height: 25px;
}

/*for adminEditClassitem.jsp, Inspection List table <td></td>*/
 .editClassitem {
  color: #000000;
  font-size: 8pt;
   font-family: Verdana, Arial, sans-serif;
}

/*for adminEditClassitem.jsp, Inspection List table <th></th>*/
.edititemfield {
  background-color: #003060;
  font-size: 8pt;
  font-weight: normal;
  color:#e5e9ed;
  font-family: Verdana, Arial, sans-serif;
 }
 
/* CLASS columnlevel1, columnlevel2, columnlevel 3 are for tables in
different levels and for table field name. You can either put on
<th></th>*/

.columnlevel1 {
  background-color: #003060;
  font-size: 9pt;
  font-weight: normal;
  color:#e5e9ed;
  font-family: Verdana, Arial, sans-serif;
 }
  
.columnlevel2 {
  background-color: #2f6090;
  font-size: 9pt;
  font-weight: normal;
  color:#e5e9ed;
  font-family: Verdana, Arial, sans-serif;
}


.columnlevel3 {
  background-color: #6097c0;
  font-size: 9pt;
  font-weight: normal;
  color:#e5e9ed;
  font-family: Verdana, Arial, sans-serif;

}


/* CLASS tableheader is the header for what the table is */
.tableheader {
  text-transform: capitalize;
  height: 20px;
}

.tableheader td,.tableheader
{
  font-family: Verdana, Arial, sans-serif , Geneva, Helvetica;
  font-size: 9pt;
  font-weight:bold;
  white-space: nowrap;
  text-align:left;
  vertical-align:middle;
  color:#E5E9Ed;
  background-color: #003060;
}

.tableheader2 {
  font-family: Verdana, arial, sans-serif;
  font-size: 9pt;
  font-weight:bold;
  text-transform: capitalize;
  color: #003366;
  height: 25px;
  background-color: #ccddee;
  padding: 1px;
}

.tableheader2 td
{
  font-family: Verdana, Arial, sans-serif , Geneva, Helvetica;
  font-size: 9pt;
  font-weight:bold;
  white-space: nowrap;
  text-align : center;
  color:#003366;
  background-color: #ccddee;
}
/* CLASS ttext is for the font size of the textual bar in o2k header */
.ttext {
 font-size: 9pt;
  font-family: Verdana, Arial, sans-serif;
}

/* CLASS ptext is for the page title like main menu in O2k header */
.ptext {
 font-variant: small-caps;
 font-family: Verdana, Arial, sans-serif;
 font-weight:bold;
 color: white; 
}

/*page numbers with links*/
.page_number {
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
 font-size: 9pt;
}

/*page numbers with links*/
.selected_page_number {
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
 font-size: 9pt;
 color: #ff0000;
}

/* CLASS inforheader for the header of information table
   CLASS warnheader for the header of warning table
   CLASS searchheader for the header of all search forms*/
.inforheader {
 color: #2f6090;
 font-size:9pt;
  font-family: Verdana, Arial, sans-serif;
  background-color:#c7d0d9;
}

.warnheader {
 color: red;
 font-size:9pt;
 font-family: Verdana, Arial, sans-serif;
 text-align:center;
}

.warntext {
 color: #FF0000;
 font-size:9pt;
 font-family: Verdana, Arial, sans-serif;
}

.searchheader {
 color:#E5E9Ed;
 font-size:9pt;
 font-family: Verdana, Arial, sans-serif;
 text-transform: capitalize;
 height: 25px;
 background-color: #003060;
}

.searchheader TD{
 /*border-bottom: 1px solid #A0C09E;*/
}

.headings {
 color:#e5e9ed;
 background-color:#003060;
 font-family: Verdana, Arial, sans-serif;
 font-weight:normal;
 font-size: 9pt;
}

.tablethirdblue {
 background-color:white;
 border:0px;
 margin:0px;
 padding:0px;
 width:100%;
 border-collapse: collapse;
 border-spacing: 0px; 
 border-width: 0px; 
}
 
.tablefourthblue {
 background-color:#E5E9ED;
}

.tablequerytitle {
 background-color: #eeeeee;
 color: #003366;
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
 font-size: 9pt;
  
}

.tablequerydata {
 background-color: #ffffff;
 font-weight: normal;
 font-size: 9pt;
}


.tablewhite {
 background-color:#FFFFFF;
}

.tableblue {
  background-color:#003060;
 }
 
.tablefirstblue {
 background-color:#a6b2bf;
 }

.borderbot{ 
	border-left: solid #eeeeee 1 px; 
	border-bottom: solid #eeeeee  1 px;
	border-top: solid #eeeeee 1 px;
	border-right: solid #eeeeee  1 px;
}

/* the foll. style are used in tabs */

.tab_body {
 font-family: Verdana, Arial, sans-serif;
 font-size: 9pt;
}
/* the foll. style are used in tabs */

.tabEnabledBorder {
	background-color: #c7d0d9;
}

.tabEnabledBorderHover {
	background-color: #a6b2bf;
}

.tabEnabledInterior {
	background-color: #ffffff;
	cursor: default;
	font-family: Verdana, arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 4pt;
}

.tabEnabledInteriorHover {
	background-color: #e5e9ed;
	cursor: pointer;
	padding-bottom: 4pt;
	font-size: 90%;
}

.tabCurrentBorder {
	background-color: #C7D0D9;
}

.tabCurrentInterior {
	background-color: #C7D0D9;
	color: black;
	cursor: default;
	font-family: Verdana, arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 4pt;
}

.tabDisabledBorder {
	background-color: #a6b2bf;
}

.tabDisabledInterior {
	background-color: #ffffff;
	color: #000000;
	cursor: default;
	font-family: Verdana, arial, sans-serif;
	font-size: 90%;
	font-weight: bold;
	padding-bottom: 4pt;
}

.tabSpacer {
	padding : 2px
	background-color: white;
}

.tab_enabled_border {
	background-color: #cccccc;
}

.tab_enabled_border_hover {
	background-color: #666666;
}

.tab_enabled_interior {
	background-color: #ffffff;
	cursor: default;
}

.tab_enabled_interior_hover {
	background-color: #eeeeee;
	cursor: pointer;
}

.tab_current_border {
	background-color: #eeeeee;
}

.tab_current_interior {
	background-color: #eeeeee;
	color: black;
	cursor: default;
}

.tab_disabled_border {
	background-color: #aaaaaa;
}

.tab_disabled_interior {
	background-color: #cccccc;
	color: #666666;
	cursor: default;
}

.tab_spacer {
	padding : 2px
	background-color: white;
}
/* tab styles end */

/* added for displaying tooltip for workorders created before may23rd. */
.myStyle {
	position: absolute;
	visibility: hidden;
}

   .MPSys { color : #C00000 }
   .MPEqp { color : #008000 }
   .MPComp { color : #0000C0 }
   
/*for Machinery System Items */
.MPSysNew {
color: #C00000;
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}

/*for Machinery Equipment Items */
.MPEqpNew {
color: #008000;
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}

/*for Machinery Component Items */
.MPCompNew {
color: #0000C0;
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}

/*for Outfitting and Hull items*/
.displayItem {
font-size: 8pt;
font-family: Verdana, Arial, sans-serif;
}

/*for Non Class Items Identification*/
.nonClassItem {
color: #C00000;
font-size: 6pt;
font-family: Verdana, Arial, sans-serif;
}

/*general header*/
.generalHeader {
font-size: 9pt;
font-family: Verdana, Arial, sans-serif;
}

/*used for news*/
.reminder1{
 border-left: solid #666666 1px; 
 border-bottom: solid #666666 1 px;
 border-top: solid #666666 1 px; 
 border-right: solid #666666 1 px;}
}
/*used for news*/
.reminder2{
 border-left: solid #ccccff 1px; 
 border-bottom: solid #ccccff 1 px;
 border-top: solid #ccccff 1 px; 
 border-right: solid #ccccff 1 px;}
}


/* brainjar drop down button styles starts */

.dropdownButton {
  background:#eef3fb url(images/icons/bt_s_dd_2.gif) no-repeat right center;
  padding-right:20px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9pt;
  font-weight:normal;
  color:#31415B;
  cursor: hand;
  vertical-align: middle;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  margin-right: 5px;
}
div.menu123 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  background-color: #F4F4F4;
  border: 2px solid;
  border-color: #f0f0f0 #909090 #909090 #f0f0f0;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position: absolute;
  top: 0px;
  visibility: hidden;
  z-index: 1000;
  overflow: auto;
}

div.menu123 a.menuItem1{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #666666;
  cursor: default;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu123 a.menuItem1:hover, div.menu123 a.menuItem1Highlight{
  background-color: #CCCCCC;
  cursor:hand;
}

a.menuItem1disabled, a.menuItem1disabled:hover, a.menuItem1disabled:visited {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style: normal;
  font-weight: normal;
  color: #999999;
  cursor: default;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

.dropdownmenuitem{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  margin-right: 3px;
  border: 1px solid #999999;
  padding-right: 3px;
  padding-bottom: 1px;
  padding-left: 3px;
  cursor:hand;
}

.iconmenu {
  border: 0px;
  vertical-align: middle;
  cursor:hand;
}

/* brainjar drop down button styles ends */

/* Used to display the notes section*/
.notes {
  font-size: 9pt;
  background-color: #EAEAEA;
  color: #333366;
  height: 20px;
  padding: 3px;
  font-weight: bold;
  width:100%
}

.notes.tr{
  text-align:middle;
}

.notes td{
  font-size: 9pt;
  font-weight: bold;
}

.notetext{
  font-size: 8pt;	
}

.alert{
 text-decoration: none;
 font-family: Hobo;
 color: blue;
 font-size: 14px;
 font-weight: bold;
 background-color: #C7D0D9;
}

.alert a{
 text-decoration: none;
 font-size: 14px;
 color: blue ! important;
}

.rowlayer {
  font-size: 9pt;
  background-color: #E0FFFF;
  color: #333366;
  height: 20px;
  padding: 3px;
  font-weight: bold;
}

/* All forms in O2k and Safenet */
.tableforms {
  background-color:#f5f5f5;
  width:99%;
  border:1px solid;
}

.tableforms td{
  spacing:0px;
  padding:0px;
  font-size: 9pt;
  border:0px inset;
}

/* Special forms in rules */
.rulesform {
  font-family: Verdana;
  font-size: 9pt;
  color: #333060;
}

.rulesform-bold {
  font-family: Verdana;
  font-size: 13px;
  font-weight: bold;
  color: #003060;
}

.rulesTreeNode{
 color:#005596;
 background-color:none;
 cursor:hand;
}

.rulesTreeNodeSelected{
 color:white;
 background-color:#003060;
 cursor:hand;
}

.ruleshighlight{
  background-color:#C0C0C0;
  /*background-image:   url(/common/images/bg/bg_row2.gif);*/
  border: 1px solid #C6CED8;
}

/* For dynamic html grids */

.tablelayer {
 font-size: 9pt;
 width: 100%;
 margin: 0px 0px 0px 5px;
 border: 2px solid #C6CED8;
 CELLPADDING: 2px;
 CELLSPACING: 0px;
 background-color: white;
 overflow:auto;
}

/* old style
.tablelayer {
  font-size: 9pt;
  width: 99%;
  bgcolor: #FFFFDD;
  margin: 0px 0px 0px 5px;
  border-right: 1px solid #C6CED8;
  border-bottom: 1px solid #C6CED8;
  border-left: 1px solid #C6CED8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C6CED8;
  border: 2px solid E4EFFA;
  CELLPADDING: 2px;
  CELLSPACING: 0px;
}
*/

.buttontag {
/*font-family:Verdana, Arial, Helvetica, sans-serif;
*font-size:9pt;
*font-weight:normal;
*background-color:#eef3fb;
*color:#31415B;
*cursor: hand;
*vertical-align: middle;
*border-top: 1px solid #CCCCCC;
*border-right: 1px solid #333333;
*border-bottom: 1px solid #333333;
*border-left: 1px solid #CCCCCC;*/
}


.rowblue {
  font-size: 9pt;
  /*background-image:   url(/common/images/bg/bg_row_blue.gif);*/
  color: #333366;
  height: 20px;
  background-color: #ddddff;
  padding: 3px;
}


 /*when displaying data in table, CLASS qresult is for the <td></td>*/
 .qresult {
  font-size: 9pt;
  /*background-image:   url(/common/images/bg/bg_row1.gif);*/
  color: #333366;
  height: 20px;
  padding: 3px;
}

.textbox {
/*  font-family: Verdana, Arial, Helvetica, sans-serif;
*  font-size: 9pt;
*  background-color: #F0F1FF;
*  border: 1px solid #CCCCCC;
*  height: 18px;
*  width: auto;
*  vertical-align: middle;
*/
}

.multiselectbox {
/*  font-family: Verdana, Arial, Helvetica, sans-serif;
*  font-size: 11px;
*  background-color: #F0F1FF;
*  border: 1px solid #CCCCCC;
*  width: auto;
*  vertical-align: middle;
*/
}

.textarea {
/*  font-family: Verdana, Arial, Helvetica, sans-serif;
*  font-size: 9pt;
*  background-color: #F0F1FF;
*  border: 1px solid #CCCCCC;
*  vertical-align: middle;
*  height: 70px;*/
}

.radiobutton {
/*
*  font-size: 9pt;
*  border: 1px solid #CCCCCC;
*/
}
.checkbox {
/* scrollbar-base-color:Turquoise;
*  scrollbar-face-color:Blue;
*  scrollbar-shadow-color:AliceBlue;
*  scrollbar-highlight-color:Azure;
*  scrollbar-3dlight-color:SteelBlue;
*  scrollbar-darkshadow-color:DarkBlue;
*  scrollbar-track-color:SlateBlue;
*  scrollbar-arrow-color:Violet;
*  background-color: #F0F1FF;
*  border: 1px solid #CCCCCC;*/
}

/* old form field title style 
.fieldtitle {
  font-size: 9pt;
  background-color:#e5e9ed;
  color: black;
  height: 25px;
  padding: 3px;
  font-weight: bold;
}
*/
/* Rules document content styles. */
.tablecontent{
  font-size: 9pt;
  width: 99%;
  margin: 0px 0px 0px 5px;
  border-right: 1px solid lightgrey;
  border-bottom: 1px solid lightgrey;
  border-left: 1px solid lightgrey;
  border-top: 1px solid lightgrey;
}

.tablecontentpadded{
  text-align: center;
  padding: 5;
  border-spacing: 0;
}

.content{
 background-color:none;
}

.content.note{
 margin-top: 0;
 margin-bottom: 0;
 color:#003060;
 font-size:9pt;
}

.content.link{
 font-weight:bold;	
 font-size:9pt;
}

.content.images{
 text-align: CENTER;
 border: 0px;
}

.readonlytextbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9pt;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: auto;
  vertical-align: middle;
  color: #8C8C8C;
}

.errorMessage {
   color:#CC0000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:9pt;
   font-weight:normal;
}

/* Items from O2E */
/* Main menu root level */
.tabsublink {
 border:0px;
 margin:0px;
 padding:0px;
 width:100%;
 border-collapse: collapse;
 border-spacing: 0px; 
 border-width: 0px; 
 color: #000066;
 cursor: default;
 padding-left: 1px;
 width: 100%;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 9pt;
 /*margin-right: 10px;
 margin-left: 5px;*/
 height: 2px;
 background-color: #d7e0e9;
}

.tabsublink tr{
 vertical-align: middle;
}

/* tab styles copied from O2E */
div.tabArea {
 font-size: 9pt;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 margin: 5px 5px 0px 10px;
}

.tabarea A{
 padding-left:0px;
}

a.tab, a.tab:hover, a.tab:visited{
  background-color: white;
  color:blue;
  border: 1px solid;
  border-top-color: #E5E5E5;
  border-right-color: #B0B0B0;
  border-left-color: #E5E5E5;
  border-bottom-width: 0px;
  padding: 5px 3px 1px 3px;
  text-decoration: none;
  font-size:-2;
  font-weight: bold;
  height:25px;
  cursor: pointer; 
  cursor: hand;
}

a.tab:hover{
  background-color: #e5e9ed;
}

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #c7d0d9;
  color: #000066;
  font-weight: bold;
  cursor:default;
}

a.tab.disabled, a.tab.disabled:hover, a.tab.disabled:visited {
 background-color: #F3F3F3;
 cursor:default;
 color: #999999;
 text-decoration: none;
}

/* Vertical tab styles*/
div.vTabArea {
  font-size: -2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 10px 10px 2px 10px;
  width:100%;
}

div.vSubTabArea {
  position:absolute;
  left:60;
  float:top;
  display:none;
  font-size: -2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px ;
  border: 2px outset #666666;
  background-color: white;
  z-index: 100;
  /*background-image: url(/common/images/bg/bg_row_green.gif);*/
}

div.vSubTabArea A{
  border: 2px outset #666666;
}

.vTableArea{
	border:0px;
}

a.vTab, a.vTab:hover, a.vTab:visited{
  background-color: white;
  border: 1px solid;
  border-top-color: #E5E5E5;
  border-right-color: #B0B0B0;
  border-left-color: #E5E5E5;
  border-bottom-color: #B0B0B0;
  padding: 9px 3px 2px 3px;
  text-decoration: none;
  font-weight: bold;
  color: blue;
  cursor: pointer; 
  cursor: hand;
  line-height: 100%;
  height:35px;
  width:100%;
  font-size:-2;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.vTab:hover{
  background-color: #e5e9ed;
}

a.vTab.activeTab, a.vTab.activeTab:hover, a.vTab.activeTab:visited {
  background-color: #c7d0d9;
  color: #000066;
  font-weight: bold;
  cursor:default;
}

a.vTab.disabled, a.vTab.disabled:hover, a.vTab.disabled:visited {
 background-color: #F3F3F3;
 cursor:default;
 color: #999999;
 text-decoration: none;
}

a.vTab:hover{
  background-color: #F3F3F3;
}

.vTabsublink {
  color: #000066;
  cursor: default;
  padding-left: 1px;
  width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: -2;
  margin-right: 10px;
  margin-left: 5px;
  height: 5px;
  background-color: #E5E9ED;
}
/* Vertical tab ends*/

/* Horizontal tab styles*/
div.hTabArea {
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 10px 10px 2px 10px;
  text-align:center;
}
/*
div.hSubTabArea {
  position:absolute;
  left:60;
  float:top;
  display:none;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0px 0px 0px 0px ;
  background-color: white;
  z-index: 100;
  /*background-image: url(/common/images/bg/bg_row_green.gif);* /
}*/

table.hTableArea{
	border:0px;
  	background-color: white;	
}

table.hTableArea td{
	text-align:center;
	padding:10px;
}
a.hTab, a.hTab:hover, a.hTab:visited{
  background-color: #F3F3F3;
  border: 1px solid;
  border-top-color: #E5E5E5;
  border-right-color: #B0B0B0;
  border-left-color: #E5E5E5;
  border-bottom-color: #B0B0B0;
  /*border-bottom-width: 0px;*/
  padding: 1px 3px 2px 3px;
  text-decoration: none;
  color: #005596;
  cursor: pointer; 
  cursor: hand;
  height:100%;
  font-size:12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.hTab:hover{
  background-color: #D5E8FA ! important;
}

a.hTab.activeTab, a.hTab.activeTab:hover, a.hTab.activeTab:visited {
  background-color: #D5E8FA;
  color: #005596;
  font-weight: bold;
  cursor:default;
}

a.hTab.disabled, a.hTab.disabled:hover, a.hTab.disabled:visited {
 background-color: #F3F3F3;
 cursor:default;
 color: #999999;
 text-decoration: none;
}

a.hTab:hover{
  background-color: #F3F3F3;
}

.hTabsublink {
  color: #000066;
  cursor: default;
  padding-left: 1px;
  width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  margin-right: 10px;
  margin-left: 5px;
  height: 5px;
  background-image: url(/common/images/bg/bg_blue.gif);
}
/* Horizontal tab ends*/

/* Table based sub menu horizontal tab styles with images*/

TD.tab, TD.tab:hover, TD.tab:visited{
  background-color: white;
  color:blue;
  border: 1px solid;
  border-right-color: #B0B0B0;
  border-left-color: #E5E5E5;
  border-bottom-color: #B0B0B0;
  padding: 5px 3px 2px 3px;
  text-decoration: none;
  font-size:-2;
  font-weight: bold;
  height:25px;
  cursor: pointer; 
  cursor: hand;
}

TD.tab:hover{
  background-color: #e5e9ed;
}

TD.tab.activeTab, TD.tab.activeTab:hover, TD.tab.activeTab:visited{
  background-color: #c7d0d9;
  color: #000066;
  font-weight: bold;
  cursor:default;
}

TD.tab.disabled, TD.tab.disabled:hover, TD.tab.disabled:visited{
 background-color: #F3F3F3;
 cursor:default;
 color: #999999;
 text-decoration: none;
}

TD.tab.disabled:hover{
  background-color: #F3F3F3;
}

TD.tab.title, TD.tab.title:hover, TD.tab.title:visited{
  color: white;
  font-weight: bold;
  text-decoration: none;
  cursor: default;
  background-color: #003366;
}

/* Icon Styles */
IMG.icon {
 height:16 px;
 width:16 px;
 border: 0px ! important;
 vertical-align: middle;
 text-align:right;
}

.iconXLS {
 height:20 px;
 width:20 px;
 border: 0px;
 vertical-align: middle;
 text-align:right;
}

/* Image / Icon style of the tree/folder display */ 
.folderIcon{
 width:24;
 height:22;
 border:0px;
}

/* Image / Icon style of the tree/folder display */ 
.itemIcon{
 width:24;
 height:22;
 border:0px;
}

/* Image style of Initial level of connectors of the tree display (like "dotted lines" or "plus") */ 
.nodeIcon{
 width:16;
 height:22;
 border:0px;
}

/* Image style of Subsequent levels of connectors of the tree display (like "dotted lines" or "plus") */ 
.nodelinkicon{
 width:16;
 height:22;
 border:0px;
}

.imgs{
 border: 0px;
 vertical-align: middle;
 text-align:right;
}
 
/* from add new project parameter page */
.item{
 border-style:solid;
 border-width:1;
 cursor:hand;
 background-color:#e5e9ed;
 text-align:center;
 height:30px;
}

.item enabled{
 color:blue;
 cursor:hand;
 background-color:none;
 height:15px;
 width:100%;
}

.item disabled{
 color:#808080;
 cursor:hand;
 background-color:none;
 height:15px;
 width:100%;
}


/* legend from o2e */
.tablelegendtitle {
  font-size: 9pt;
  background-color:#2f6090;
  color: white;
  height: 25px;
  padding: 3px;
  font-weight: bold;
}

.tablelegenddata {
  font-size: 9pt;
  background-color:#e5e9ed;
  color: black;
  height: 25px;
  padding: 3px;
}

.innertabletext{
  font-size: 9pt;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}


	/* Style for popups */
.tableforms.popup{
 width:250px;
 background-color: white;
}

.tableforms.popup.tableheader{
 /*border-bottom-color: #926D7E;*/
}
/*
.tableforms.tableheader td{
  border-bottom-width: 1px;
  border-bottom-color: #926D7E;
  border-bottom-style: solid;
  white-space: nowrap;
  text-align:center;
  }
*/

/* for the outer table (page container) which just inside body*/
.pagecontainer{
 border:0px;
 margin:0px;
 padding:0px;
 width:100%;
}

headercontainer
{
 border:0px;
 margin:0px;
 padding:0px;
 width:100%;
}

/* style of eagle image in the header */
.eagleimage{
 width:252px;
 height:69px;
}

/*plain table without border or margin or padding*/
.headerright{
 background-color:#007f82;
 border:0px;
 margin:0px;
 padding:0px;
 width:100%;
 vertical-align: middle;
}

/* for the hearder part of the application*/

.header{
 /*background-color: #609595;*/
 background-image: url('/common/images/EAGLE-Plain-Strip.jpg');
 border:0px 0px 0px 0px ;
 margin:0px 0px 0px 0px ;
 padding:0px 0px 0px 0px ;
 width:100%;
 height:100px;
 vertical-align: top;
 border-collapse: collapse;
}

/*.header td{
 font-size: 25px;
}*/

/* For safenet application name */

.appname{
 color:white;
 font-weight:bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 FONT-STYLE: italic;
}

.appname td{
 font-size: 24px ! important;
}

.appimage{
 background-image: url('/common/images/EAGLE-Operate.jpg');	
 height:100px;
 width:432px;
}
.appRecordImage{
 background-image: url('/common/images/EAGLE-Record.jpg');	
 height:100px;
 width:432px;
}
.appRulesImage{
 background-image: url('/common/images/EAGLE-RuleManager.jpg');	
 height:100px;
 width:600px;
}
.appContainerImage{
 background-image: url('/common/images/EAGLE-ContainerManager.jpg');	
 height:100px;
 width:600px;
}
.appContainerCertificateImage{
 background-image: url('/common/images/EAGLE-ContainerCertificate.jpg');	
 height:100px;
 width:600px;
}
.appEngineeringManagerImage{
 background-image: url('/common/images/EAGLE-EngineeringManager.jpg');	
 height:100px;
 width:600px;
}
.appo2kImage{
 background-image: url('/common/images/EAGLE-Construct.jpg');	
 height:100px;
 width:600px;
}

.headerlinks{
 /*background-color:#e5e9ed;*/
 /*background-image: url(/common/images/bg/bg_blue.gif);*/
 width:100%;
 height:18px;
 text-align:RIGHT;
 font-size:11px;
 color: white;
}

.headerlinks td,.headerlinks a,.headerlinks a:hover, .headerlinks a:visited{
 font-size:9pt;
 /*text-align:left;*/
 font-weight:bold;
 color: white;
}

/* Top most header link style : Not used */
/*
.headerlinks.top TD{
 text-align:right;
}*/

/* Bottom most header link style : Not used
.headerlinks.botton{
 text-align:left;
}*/

/* for the footer part of the application*/

.footer{
 background-color: white;
 border:thin solid white;
 margin:thin solid white;
 padding:thin solid white;
 width:100%;
}

.footer td{
 vertical-align:bottom;
 text-align:center;
 COLOR:#666666;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size:10px
}

/* "#" left to the important descriptions */
.symbol{
COLOR:#ff00ff;
font-size:10pt ! important;
font-weight: bold;
}

/* "*" left to the mandatory fields */
.mandatory{
color:red;
font-size:10pt ! important;
font-weight: bold;
}

/* Styles for the tasks whether it is approved by employee*/

.cert
{
 font-size:15px;
 font-family: Arial Black, Verdana, sans-serif,Helvetica;
}

.cert.surveyor{
 color:GREEN;
}

.cert.observer{
 color:RED;
}

.cert.trainee{
 color:RED;
}

.cert.partial{
 color:GREEN;
}

.cert.validation{
 color:PURPLE;
}

.cert.certnote{
 color:PURPLE;
}

/* For safenet application name : Not used : removed */
/*
.appname{
 color:white;
 font-weight:bold;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 text-align:left;
 FONT-STYLE: italic;
}

.appname td{
 font-size: 24px ! important;
}

.appimage{
 height:69px;
 width:252px;
}
*/
/* General styles */
/* Style for inner tables used for alignment */
.innerTable{
 border:0px;
 margin:0px;
 padding:0px;
 width:100%;
 border-collapse: collapse;
 border-spacing: 0px; 
 border-width: 0px; 
}

.innerTable td{
 font-size: 9pt; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Style for the top most(outer) tables in the page used for alignment */
.outertable{
 border:0px;
 margin:0px;
 padding:0px;
 width:100%;
 height:100%;
 border-collapse: collapse;
 border-spacing: 0px; 
 border-width: 0px;
}

/*
.outertable tr{
 vertical-align:top;
}
*/

/* right nav styles ends here */

/*hidden divs that will show up on mouseover like for for tooltips */
.hiddenname{
 background-color:#ffffdd;
 border:1px solid #bbbbff;
 position: absolute;
 visibility: hidden;
 float:left;
 overflow:auto;
 cursor:crosshair;
 z-index: 100;
}

.hiddennameWO{
position:absolute;
width:470px;
margin-left: 45px;
top: 200px;
float:top;
font-family:sans-serif;
font-size: 7pt;
}

.hiddenNameSpl {
 background-color:#ffffdd;
 position:absolute;
 display: none;
 float:left;
 overflow:auto;
 cursor:crosshair;
 z-index: 100;
 margin-left:40%;
}

/* From O2k Survey Qualifications page.*/
#FloatingTooltip
{
	position: absolute;
	background-color: #ffffdd;
	border:1px solid black;
	font: normal 9pt Verdana;
	line-height: 18px;
	z-index: 100;
	visibility: hidden;
}

div.TooltipHeader { text-align:right; color:#ffffff; line-height:4; background-color: #003060; }  
div.TooltipFooter { font-size:9pt; text-align:left; margin-top:6px }

/*Style from WOSelectFacility.jsp : Vendor Reporting start*/
.lefttoolTipStyle {
  position:absolute;
  display: none;
  margin-left:10%;
  width:45%;
  font:normal 9pt sans-serif;
  background-color: #ffffdd;
  z-index: 100;
}
.righttoolTipStyle {
  position:absolute;
  display: none;
  margin-left:40%;
  width:45%;
  font:normal 9pt sans-serif;
  background-color: #ffffdd;
  z-index: 100;
}
/*Vendor Reporting end*/
/*Read only textbox from o2e */
.readonlytextbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: auto;
  vertical-align: middle;
  color: #8C8C8C;
}

.hiddenToolTip{
	position:absolute;
	display: none;
	margin-top:20px;
	width:200px;
	font-family:sans-serif;
  	background-color:#C7D0D9;
	border-width:thin;
	border-style:solid;
	z-index: 100;
}

.divtable {
  background-color: #eeeeee;
  font-family: Verdana, Arial, sans-serif;
 }

/* Used to display important data in table*/

.textImp{
 color:#2f6090;
 font-weight: bold;
  background-image:   url(/common/images/bg/bg_row1.gif);
}
/* From o2e for the style for footer details.*/
.footertext {
  font-size: 11pt;
  /*background-image:   url(/common/images/bg/footer_bg.gif);*/
  border-top:1px solid #666666;
  padding-top:4px;
  color:#666666;
  text-align:center;
  height:9pt;    
}

/* report help style from O2E */
.reporthelp {
  font-size: 9pt;
  background-image:   url(/common/images/bg/bg_row_green.gif);
  color: black;
  background-color: #FFFFFF;
  padding: 3px;
  margin: 10px 5px 10px 5px;
  width: 99%;
  border-right: 1px solid #C6CED8;
  border-bottom: 1px solid #C6CED8;
  border-left: 1px solid #C6CED8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C6CED8;
}

/* ship tree container style */
div.treecontainer{
	overflow-y: scroll;
	background-color: white;
	scrollleft: 0;
	border-top: 1px gray solid;
	border-left: 1px gray solid;
	border-right: 1px gray solid;
	border-bottom: 1px gray solid;
	padding:0px;
	margin: 0px;
}

/* Styles of Tree folder "node details" */
.folder{
 border-collapse: collapse;
 dispay:block;
}

.folder td{
 padding:0px 0px 0px 0px ;
 border-collapse: collapse;
 font-size:9pt;
}

.folder.span{
 CURSOR:hand;
 COLOR:blue;
 font-size:9pt;
}

/* Styles of Tree item "node details" */
.itemnode{
 border-collapse: collapse;
 dispay:block;
}

.itemnode td{
 padding:0px 0px 0px 0px ;
 border-collapse: collapse;
 font-size:9pt;
}

.itemnode.span{
 CURSOR:hand;
 COLOR:blue;
 font-size:9pt;
}

/* Tree item styles of topic*/
.treeitem{
 border-collapse: collapse;
 dispay:block;
 border:0px 0px 0px 0px;
 border-spacing:0;
 padding:0;
 CURSOR:hand;
}

.treeitem td{
 padding:0px 0px 0px 0px ;
 border-collapse: collapse;
 font-size:9pt;
}

.treeitem.span{
 CURSOR:hand;
 COLOR: blue;
 font-size:9pt;
}

.treeitem.selected{
 background-color: #003060;
 color: white;
}

.treeitem.unselected{
 background-color: none;
 color: blue;	
}

.glossary{
 background-color: white;
}

.notglossary{
 background-image: url('/common/images/Eagle_Graphic.gif');
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position: center 50%;
}

.topdiv{
 position:absolute;
 visibility:hidden;
 z-index:1000;
}

.relativediv{
 position:relative;
 visibility:hidden;
}


/* Classes from templateChkSheetLinked.xsl & templateNewChkSheetLinked.xsl */
/*
table.2000000{
  background-color:#D9E4F9;}
p.2000000{
  background-color:#D9E4F9;}
A.2000000{
  background-color:#D9E4F9;}
SPAN.2000000{
  background-color:#D9E4F9;}
tr.2000000{
  background-color:#D9E4F9;}
td.2000000{
  background-color:#D9E4F9;}
  
div.10000{
  background-color:#D9E4F9;
}

A.10000{
  background-color:#D9E4F9;
}

.summaryindent {
  margin-left:50;
  margin-top:0;
  margin-bottom:0;
  position:relative;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  color:#003060;
  font-size:9pt;
}

.checktype {
  margin-left:50;
  position:relative;
}

.inputs {
  font-weight:bold;
  color:#003060;
}*/
/* from  templateRightSideProjSearchResult.xsl*/
/*
.10000
{
  background-color:#D9E4F9;
}*/

/* Glossary page alphabets style for searching */
.alphabet{
  font-size: 9pt;
  background-color:#e5e9ed;
  color: #333366;
  height: 20px;
  padding: 3px;
  text-align:center;
  /*border: 1px 1px 1px 1px;
  border-color: brown ;*/
}

/* High lighted section in content. From templatelinked.xsl */
.sectionlink
{
    background-color:green;
}

/*CLASS queryresult is for displaying Query Result[4]
  for doing number 4 */
.queryresult {
  background-color:#2f6090;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
}

.queryresult td{
  vertical-align: middle;
  color: white;
  font-family: Verdana, Arial, sans-serif;
  font-size: 9pt;
  height: 20px;
}

/* bulleted item styles from rigth side of "Text Search" Page templateRightTextSearch.xsl */
.listitem {
  margin-top:5;
  margin-bottom:5;
  font-family:  Verdana, arial, sans-serif;
  font-size:9pt;
  height: 20px ! important;		
}

/************************* Change History **********************************
 ***************************************************************************
 * Changed By: Prosun Bondopadhyay    Date:14/Nov/2005
 * Change Details: Added elements for displaying warning messages for defect 1898.
 *                           - warningTable1, warningTitle, warningMessage.
 *************************************************************************** 
 * Changed By: Avijit Chanda    Date:19/Feb/2007
 * Change Details: Added widetableforms - 33377.
 ***************************************************************************
 ***************************************************************************/

body
{
  margin:     0px;
  padding:    0px;
  background-color: #FFFFFF;
  font-family:    Verdana, Arial, Helvetica, sans-serif;
}

a:active { color: #003366}

.headertext {
  font-size: 10px;
}

.headerHeading{
  font-size: 10px;
  color: #666666;
  text-align: right;
}

.headerData{
  font-size: 10px;
  color: 000066;
}


.text
{
  font-size: 10px;
  color: #333366;
}
.widetableforms {
  font-size: 9px;
  width: 99%;
  margin: 0px 0px 0px 5px;
  border-right: 1px solid #C6CED8;
  border-bottom: 1px solid #C6CED8;
  border-left: 1px solid #C6CED8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C6CED8;
}
.tableformshidden {
  font-size: 9px;
  width: 98%;
  margin: 0px 0px 0px 5px;
  border-right: 1px solid #C6CED8;
  border-bottom: 1px solid #C6CED8;
  border-left: 1px solid #C6CED8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C6CED8;
  display: none;
}

.tableHeaderOversightPerm
{
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: capitalize;
  color: #003366;
  height: 20px;
  background-color: #FFFFDD;
  padding: 1px;
}

.searchrow {
  font-size: 10px;
  background-image:   url(/common/images/bg/bg_row_green.gif);
  color: #333366;
  height: 20px;
  padding: 3px;
  font-weight: bold;
}

.row1thread {
  font-size: 10px;
  color: #333366;
  height: 20px;
  background-color: #F3F3F3;
  padding: 3px;
  line-height: 20px;
}
.row2thread {
  font-size: 10px;
  color: #333366;
  height: 20px;
  background-color: #E4EFFA;
  padding: 3px;
  line-height: 20px;
}
.row1threadhidden {
  font-size: 10px;
  color: #333366;
  height: 20px;
  background-color: #F3F3F3;
  padding: 3px;
  line-height: 20px;
  display: none;
}
.row2threadhidden {
  font-size: 10px;
  color: #333366;
  height: 20px;
  background-color: #E4EFFA;
  padding: 3px;
  line-height: 20px;
  display: none;
}
.rowred {
  font-size: 10px;
  background-image:   url(/common/images/bg/bg_row_red.gif);
  color: #333366;
  height: 20px;
  background-color: #FFFFFF;
  padding: 3px;
}

.textarea2lines {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  width: 90%;
  vertical-align: middle;
  height: 30px;
}
.readonlytextarea2lines {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  width: 90%;
  vertical-align: middle;
  height: 30px;
}
.textareamed {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  width: 90%;
  vertical-align: middle;
  height: 50px;
}
.readonlytextareamed {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  width: 90%;
  vertical-align: middle;
  height: 50px;
  color: #8C8C8C;
}
.textareamax {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  width: 99%;
  vertical-align: middle;
  height: 70px;
}
.readonlytextareamax {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  width: 99%;
  vertical-align: middle;
  height: 70px;
  color: #8C8C8C;
}
.textareacomments {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  width: 95%;
  vertical-align: middle;
  height: 70px;
}
.tableoverflowcomments{
  overflow: auto;
  width: 100%;
  height:375px;
}

.rightnav {
  font-size: 11px;
  background-image: url(/common/images/bg/leftnavbg.gif);
  height: 500px;
  width: 153px;
  padding: 0px;
  border: 0px;
}

.popuptable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 98%;
  background-color: #FFFFFF;
  margin: 5px;
  border: 1px solid #C6CED8;
}
.popuptabletitle 
{
  text-transform: uppercase;
  color: #006699;
  background-image: url(/common/images/bg/bg_table_top.gif);
  height: 24px;
}
.popuptablefooter
{
  text-transform: uppercase;
  color: #006699;
  background-image: url(/common/images/bg/bg_table_top.gif);
  height: 24px;
}
.tabletag 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  width: 98%;
  border: 0px;
  background-color: D1D9E1;
  margin: 5px;
}
.icons {
  border: 0px;
  vertical-align: middle;
}
.mandatoryData {
   color:#CC0000;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10;
   font-weight:normal;
}

.statusMessage {
   color:#0000CC;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:10;
   font-weight:normal;
}

.selecteallcheckbox {
  background-color: #FFFFCC;
  border: 1px solid #CCCCCC;
}
.errorTable1{
  font-size: 10px;
  width: 75%;
  background-color: #FFF4F4;
  margin: 0px 0px 20px 25px;
  color: #FF0000;
  border: 1px solid #FF7171;
}
.errorTitle {
  font-size: 11px;
  color: #FF0000;
  font-weight: bold;
}
.errorMessage {
  font-size: 10px;
  color: #000000;
  padding-left: 25px;
}
.warningTable1{
  font-size: 10px;
  width: 75%;
  background-color: #FFFFCC;
  margin: 0px 0px 20px 25px;
  color: #FF9933;
  border: 1px solid #FF7171;
}
.warningTitle {
  font-size: 11px;
  color: #FF9933;
  font-weight: bold;
}
.warningMessage {
  font-size: 10px;
  color: #000000;
  padding-left: 25px;
}
.errorAction {
  font-size: 10px;
  color: #FF0000;
  padding-left: 25px;

}

.tabletagheader 
{
  font-family: Geneva, Arial, Helvetica, san-serif;
  text-transform: uppercase;
  color: #006699;
  background-image: url(/common/images/bg/bg_table_top.gif);
  height: 24px;
}
.tabletagfooter
{
  color: #006699;
  background-image: url(/common/images/bg/bg_table_top.gif);
  height: 24px;
}

.buttonicon
{
  background-image: url(/common/images/icons/bookopen.gif);
  background-repeat: no-repeat;
  cursor: hand;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:9px;
  font-weight:normal;
  background-color:#eef3fb;
  color:#31415B;
  vertical-align: middle;
  border-top: 1px solid #CCCCCC;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #CCCCCC;
  height: 18px;
  width: 20px;
}
.popupfooter {
    vertical-align : bottom
}
.tabletaghalf {

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  width: 100%;
  background-color: D1D9E1;
}
.tablesearchresults {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  width: 100%;
  border: 0px;
}

.tableoverflowtiny {
  overflow: auto;
  width: 100%;
  height:150px;
}

.tableoverflowsmall {
  overflow: auto;
  width: 100%;
  height:250px;
}

.tableoverflowviewoversight {
  overflow: auto;
  width: 100%;
  height:300px;
}

.tableoverflowbig{
  overflow: auto;
  width: 100%;
  height:480px;
}
.pageoverflow {
  overflow: auto;
  height: 465;
  width: 99%;
}
.tabbuttonstd {
  background-image: url(/common/images/bg/1tabs.gif);
  background-repeat: no-repeat;
  width: 93px;
  margin: 10px;
  padding: 10px 10px 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  height: 25px;
}
.tablebelowtabs {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  width: 98%;
  background-color: #FFFFFF;
  margin: 0px 10px 0px 5px;
  border-top: 1px solid #C6CED8;
  border-right: 1px solid #C6CED8;
  border-bottom: 1px solid #C6CED8;
  border-left: 1px solid #C6CED8;
  display: none;
}
.tabspace {
  background-color: #FFFFFF;
  width: 1px;
  margin: 0px;
  padding: 0px;
}

.tabon {
  background-color: #D5E8FA;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: E5E5E5;
  border-right-color: B0B0B0;
  border-left-color: E5E5E5;
  color: #000066;
  text-align: center;
  cursor: default;
  padding: 0px 3px;
  font-weight: bold;
  height: 18px;
  white-space: nowrap;
  margin: 0px;
  letter-spacing: .1em;
}
.taboff {
  background-color: #F3F3F3;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: E5E5E5;
  border-right-color: B0B0B0;
  border-left-color: E5E5E5;
  color: #333333;
  text-align: center;
  cursor: pointer; 
  cursor: hand;
  border-bottom-width: 0px;
  padding: 0px 3px;
  height: 18px;
  white-space: nowrap;
  margin: 0px;
  letter-spacing: .1em;
}
.tabdisabled {
  background-color: #F3F3F3;
  border-top-width: 1px;
  border-right-width: 1px;
  border-left-width: 1px;
  border-top-style: solid;
  border-right-style: solid;
  border-left-style: solid;
  border-top-color: E5E5E5;
  border-right-color: B0B0B0;
  border-left-color: E5E5E5;
  color: #999999;
  text-align: center;
  height: 18px;
  cursor: default;
  border-bottom-width: 0px;
  padding: 0px 3px;
  white-space: nowrap;
  margin: 0px;
  letter-spacing: .1em;
}
.tabstable {
  width: 95%;
  margin: 10px 10px 0px 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #D5E8FA;
  border-collapse:  collapse;
}
.tabend {
  background-color: #FFFFFF;
  width: 100%;
  margin: 0px;
  padding: 0px;
  text-align: right;

}

.tableDataHeader {

  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: capitalize;
  color: #996666;
  height: 20px;
  width: 100%;
  background-color: #F4EDEA;
  padding: 1px;
  white-space: nowrap;
}
.tableDataHeader td
{
  border-bottom-width: 1px;
  border-bottom-color: #996666;
  border-bottom-style: solid;
}
.tablebelowtabsdisplay {

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  width: 98%;
  background-color: #FFFFFF;
  margin: 0px 0px 0px 5px;
  border-right: 1px solid #C6CED8;
  border-bottom: 1px solid #C6CED8;
  border-left: 1px solid #C6CED8;
}

.tabicons {
  display: none;
}
.tableHeaderHidden {
  font-family: Geneva, Arial, Helvetica, san-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: capitalize;
  color: #003366;
  height: 20px;
  width: 100%;
  background-color: #FFFFDD;
  padding: 1px;
  display: none;

}
.row2Hidden {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-image:   url(/common/images/bg/bg_row2.gif);
  color: #333366;
  height: 20px;
  background-color: #FFFFFF;
  padding: 3px;
  text-transform: capitalize;
  display: none;
}
.tableHeaderHidden td
{
  border-bottom-width: 1px;
  border-bottom-color: #926D7E;
  border-bottom-style: solid;
  white-space: nowrap;
}
.row1Hidden {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-image:   url(/common/images/bg/bg_row1.gif);
  color: #333366;
  height: 20px;
  background-color: #FFFFFF;
  padding: 3px;
  text-transform: capitalize;
  display: none;
}

.iframehidden {
  display: none;
}
.commentsTable {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  width: 100%;
  background-color: #FFFFFF;
  border-right: 1px solid #C6CED8;
  border-bottom: 1px solid #C6CED8;
  border-left: 1px solid #C6CED8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #C6CED8;
}

.noLinkFilter, .noLinkFilter a, 
  {
  color: blue;
  cursor: default;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 9px;
  text-decoration: none;
}

/* O2E right nav styles(Bookmark) starts here */

#foldroot
{
  margin:0 0 0 20;
  list-style-type:disc;
  list-style-position:outside;
}

#foldheader
{
  cursor: pointer;
  cursor: hand;
  list-style-image: url(/common/images/icons/plus.gif);
  vertical-align: middle;
  margin-left:  4px;
  padding-left: 4px;
}
#foldinglist
{
  list-style-image:url(/common/images/icons/arrow-next.gif);
  margin-left:  15px;
  padding-left: 15px;
  margin-top:   2px;
}
#foldheaderminus
{
  cursor: pointer;
  cursor: hand;
  list-style-image: url(/common/images/icons/minus.gif);
  vertical-align: middle;
  margin-left:  4px;
  padding-left: 4px;
}
#foldheaderminusleaf
{
  cursor: pointer;
  cursor: hand;
  list-style-image: url(/common/images/icons/minusleaf.gif);
  vertical-align: middle;
  margin-left:  4px;
  padding-left: 4px;
}
.bulletinboard{
  background-color: #E5E5E5;
  margin-top: 8px;
  padding: 2px;
  margin-bottom: 2px;
  font-weight: bold;
  color: #666666;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #666666;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #CCCCCC;
  width: 90%;
  border-right-width: 1px;
  border-right-style: solid;
  border-right-color: #666666;
}
.maintenanceHeading{
  font-size: 10px;
  color: #666666;
}
.maintenanceHeadingError{
  font-size: 10px;
  color: #666666;
  background-color: #FFD7D7;
}
.maintenanceData{
  color: 000066;
  text-align: right;
}
.maintanenceTable{
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  margin-left: 12px;
}

/* right nav styles ends here */

  .textarea4lines {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  width: 90%;
  vertical-align: middle;
  height: 90px;
}

 .textarea3lines {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  width: 60%;
  vertical-align: middle;
  height: 60px;
}


.tick_Received {
  background-color: #11bb11;
  border: 2px solid #00cc00;
}
.tick_NotReceived {
  background-color: #aaaaaa;
  border: 2px solid #aaaaaa;
}

.tick_Complete {
  background-color: #f0a00f;
  border: 2px solid #f0a00f;
}

.tick_ActionRequired {
  background-color: #ddabcd;
  border: 2px solid #ddabcd;
}

.tick_EngineerAction {
  background-color: #ddabcd;
  border: 2px solid #ddabcd;
}

.tick_SurveyorAction {
  background-color: #488AC7;
  border: 2px solid #488AC7;
}

.tick_UnderReview {
  background-color: #22abab;
  border: 2px solid #22abab;
}

.tick_Unallocated {
  background-color: #654321;
  border: 2px solid #654321;
}

.tick_Unscheduled {
  background-color: #888888;
  border: 2px solid #888888;
}

.tick_Scheduled {
  background-color: #b3c0d7;
  border: 2px solid #b3c0d7;
}

.tick_Retained {
  background-color: #ee2222;
  border: 2px solid #ee2222;
}

/* All "back to top" links in the page */
.backtotoplink{
	width:98%;
	/*border:1px solid #ddeeee;*/
}
.backtotoplink A{
    font-size: 9pt;
    font-family: Verdana, arial, sans-serif,Helvetica;
    padding:15px;
}
/* These classes are added for online order module to use in struts framework */

.errorTable1Class{
  font-size: 10px;
  width: 75%;
  background-color: #FFF4F4;
  margin: 0px 0px 20px 25px;
  color: #FF0000;
  border: 1px solid #FF7171;
}
.errorTitleClass {
  font-size: 11px;
  color: #FF0000;
  font-weight: bold;
}
.errorMessageClass {
  font-size: 10px;
  color: #000000;
}
.warningTable1Class{
  font-size: 10px;
  width: 75%;
  background-color: #FFFFCC;
  margin: 0px 0px 20px 25px;
  color: #FF9933;
  border: 1px solid #FF7171;
}
.warningTitleClass {
  font-size: 11px;
  color: #FF9933;
  font-weight: bold;
}
.warningMessageClass {
  font-size: 10px;
  color: #000000;
  padding-left: 25px;
}
.errorActionClass {
  font-size: 10px;
  color: #FF0000;
  padding-left: 25px;
}