BODY{
    margin:     0px;
    padding:    0px;
	background-color: black;
    color: black;
    font-size: 11px;
    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: 11px;	
	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: 11px;
	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: 11px;
  	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: 11px;
}*/

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

td.header {
	color: #e5e9ed;
	font-size: 12px;
	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:11px;
	color:#005596; /*pleasing blue*/
}

A:hover {
  	text-decoration: underline;
}

A:visited {
	color:#005596;
}

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

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

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

.glossary{
 /*background-color: white; 
 Commented out for rules behaves different color on background */
}

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

A.link, A.link:hover, A.link:visited  {
	font-family:  Verdana, arial, sans-serif;
	color: #005596;;
	cursor: pointer;
}

/********************** ITG 41751 Start ****************************/
/*************** June 2009 Abhisek Das-Wipro ***********************/
A.rulesLink, A.rulesLink:hover, A.rulesLink:visited  {
	font-family:  Verdana, arial, sans-serif;
	font-size:100%;
	color: #005596;;
	cursor: pointer;
}
/********************** ITG 41751 End *****************************/

A.rowgreenA:visited{
	color: #680000;
}

A.treebottom:visited  {
	color:#680000;
}
A.treebottom:active  {
  background-color:#C0C0C0;
  border: 1px solid #C6CED8;
  color: #005596;
}

sup {
 /*color:red; 
 Commented out color because we got wrong feed back from rules and rules calc p3 teams
 font-family:  Verdana, arial, sans-serif;
 font-weight:bold;
  */
 font-size:11px;
}

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: 11px;
 color: #000000;
  font-family: Verdana, Arial, sans-serif;
}

/*for ADMINISTRATION, CLASS normallink for link not selected */
.normallink {
 font-size: 11px;
 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: 11px;
  color: black;
  height: 22px;
  padding: 3px;
  background-image:   url(/common/images/bg/bg_row1.gif);
}

.row1 td, .fieldcontent td{
  font-size: 11px;
}

.checksheetcolumn{
  border: 1px solid black;
}

.row1bold {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-image:   url(/common/images/bg/bg_row1.gif);
  color: #333366;
  height: 20px;
  background-color: #FFFFFF;
  padding: 3px;
  font-weight: bold;
}


.row2bold, .fieldname {
  font-size: 11px;
  color: black;
  height: 22px;
  padding: 3px;
  font-weight: bold;
  background-image:   url(/common/images/bg/bg_row2.gif);
}

.row2bold td, .fieldname td{
  font-size: 11px;
}

.row2 
{
  font-size: 11px;
  background-image:   url(/common/images/bg/bg_row2.gif);
  color: black;
  height: 22px;
  padding: 3px;
}

.row2 td{
  font-size: 11px;
}

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

.row3 {
  font-size: 11px;
  background-image:   url(/common/images/bg/bg_row3.gif);
  color: black;
  height: 22px;
  padding: 3px;
  font-weight: bold;
  text-align:left;
  vertical-align:middle;
}

/* Search result grid background */
.rowgreen {
  font-size: 11px;
  background-image:   url(/common/images/bg/bg_row_green.gif);
  color: black;
  height: 22px;
  background-color: #FFFFFF;
  padding: 3px;
}

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

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

/*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: 22px;
}

.tableheader td,.tableheader
{
  font-family: Verdana, Arial, sans-serif , Geneva, Helvetica;
  font-size: 11px;
  font-weight: normal;
  border-bottom: 1px solid #926D7E;
  white-space: nowrap;
  vertical-align:middle;
  color: black;
  background-color: #FFFFDD;
}

.tableheader2 {
  font-family: Verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  text-transform: capitalize;
  color: black;
  height: 22px;
  background-color: #DDFFDD;
  padding: 1px;
}

.tableheader2 td
{
  font-family: Verdana, Arial, sans-serif , Geneva, Helvetica;
  font-size: 11px;
  font-weight: normal;
  border-top: 1px solid #FFE8E9;
  border-bottom: 1px solid #B28D9E;
  white-space: nowrap;
  text-align : left;
  color: black;
  background-color: #DDFFDD;
}

/* CLASS ttext is for the font size of the textual bar in o2k header */
.ttext {
 font-size: 11px;
  font-family: Verdana, Arial, sans-serif;
}

/* CLASS ptext is for the page title like main menu in O2k header */
.ptext {
 width:100%;
 height:18px;
 text-align:RIGHT;
 vertical-align: middle;
 font-size:12px;
 font-weight:bold;
 color: white; 
}

.ptext span{
 text-align:RIGHT;
 font-size:11px;
 color: white;
 font-family: Helvetica, Arial, Verdana,  sans-serif;
}

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

/*page numbers with links*/
.selected_page_number {
 font-family: Verdana, Arial, sans-serif;
 font-weight: bold;
 font-size: 11px;
 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:11px;
  font-family: Verdana, Arial, sans-serif;
  background-color:#c7d0d9;
}

.warnheader {
 color: red;
 font-size:11px;
 font-family: Verdana, Arial, sans-serif;
 background-color:#fbf0ff;
 text-align:center;
}

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

/* WebCalcStructures */
.message {
   color:#666666;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   font-size:11px;
   font-weight:bold; 
}

.leftPageOverflow
{
  overflow: auto;
  height: 400;
  width: 99%;
}


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

.buttonsTable {
  font-size: 9px;
  width: 98%;
  margin: 0px 0px 20px 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;
}

.longitudinalDataEntryOverflow
{
  overflow: auto;
  height: 400px;
  /*width: 700px;*/
}

.longitudinalResultOverflow
{
  overflow: auto;
  height: 400px;
  width: 99%;
}



.searchheader {
 color: black;
 font-size:11px;
 font-weight:bold;
 font-family: Verdana, Arial, sans-serif;
 text-transform: capitalize;
 height: 22px;
 text-align:center;
 background-color:#D2E2F2;
}

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

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

.tablethirdblue {
 background-color:#C7D0D9;
 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: 11px;
  
}

.tablequerydata {
 background-color: #ffffff;
 font-weight: normal;
 font-size: 11px;
}


.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: 11px;
}
/* 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:9px;
  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: 9px;
  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 {
  /*background-image:   url(/common/images/bg/bg_notes.gif);*/
  background-color:#EAEAEA;
  color: brown;
  height: 20px;
  padding: 3px;
  width:100%
}

.notes tr{
  text-align:middle;
}

.notes td{
  font-size: 11px;
  font-weight: bold;
}

.notetext{
  font-size: 8pt;	
}

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

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

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

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

/* All forms in O2k and Safenet */
.tableforms {
  font-size: 11px;
  width: 99%;
  margin: 0px 0px 0px 5px;
  padding:1px 1px 1px 1px;
  spacing:1px 1px 1px 1px;
  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;
}

/* Some forms in WebCalc Structures*/
.hiddenTableForms {
  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;
}


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

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

/******* Added for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
/********** Start ***********/
[if IE] .rulesTreeNode{
 color:#005596;
 background-color:none; 
 cursor:hand;
}
/********** End ***********/	   

.rulesTreeNode{
 color:#005596;
 background-color:none;
 /*cursor:hand;*/             /******* Commented for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
 cursor:pointer;	      /******* Added for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
}

.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: 11px;
 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: 11px;
  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:11px;
  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;
}

.buttontag:disabled {
   color:#A9A9A9; 
}

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


 /*when displaying data in table, CLASS qresult is for the <td></td>*/
 .qresult {
  font-size: 11px;
  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: 11px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: auto;
  vertical-align: middle;
}

/*WebCalc structures */
.readonlytextboxwhite {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #FFFFFF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: auto;
  vertical-align: middle;
  color: #8C8C8C;
}

.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: 11px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  vertical-align: middle;
  height: 70px;
}

.radiobutton {
  font-size: 11px;
  border: 1px solid #CCCCCC;
}

.radiobutton_rules {
  /* Changed for QC# 377
  font-size: 11px;
  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;
}
.checkbox_rules {
  /* Changed for QC# 377
  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: 11px;
  background-image:   url(/common/images/bg/bg_row2.gif);
  color: black;
  height: 22px;
  padding: 3px;
  font-weight: bold;
}
*/
/* Rules document content styles. */
.tablecontent{
  font-size: 11px;
  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:11px;
}

.content.link{
 /*
 font-weight:bold;
 this should not be bold in rules content
 */	
 font-size:11px;
}

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

.readonlytextbox {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  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:11px;
   font-weight:normal;
}

/* Items from O2E */
/* Main menu root level */
.tabsublink {
 border:0px;
 margin:0px;
 padding:0px;
 width:99%;
 border-collapse: collapse;
 border-spacing: 0px; 
 border-width: 0px; 
 color: #000066;
 cursor: default;
 padding-left: 1px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 11px;
 /*margin-right: 10px;
 margin-left: 5px;*/
 height: 9px;
 background-image: url(/common/images/bg/bg_blue.gif);
 margin: 0px 0px 0px 5px;
}

.tabsublink tr{
 vertical-align: middle;
}

/* tab styles copied from O2E */
div.tabArea {
 font-size: 11px;
 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: #F3F3F3;
  color: #005596;
  border: 1px solid;
  border-top-color: #E5E5E5;
  border-right-color: #B0B0B0;
  border-left-color: #E5E5E5;
  border-bottom-width: 0px;
  padding: 1px 3px 1px 3px;
  margin: 2px 2px 2px 2px;
  text-decoration: none;
  /*white-space: nowrap; Uncomment this to make this to no wrapping.*/ 
  
  cursor: pointer; 
  cursor: hand;
  
}

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

a.tab.activeTab, a.tab.activeTab:hover, a.tab.activeTab:visited {
  background-color: #D5E8FA;
  color: #005596;
  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: 12px;
  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: 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);*/
}


vTableArea{
	border:0px;
}

a.vTab, a.vTab:hover, a.vTab: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;
  /*width:100%;	  */  /******* Commented for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
  width:93%; /******* Added for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
  font-size:12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  display:block;	 /******* Added for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
}

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

a.vTab.activeTab, a.vTab.activeTab:hover, a.vTab.activeTab:visited {
  background-color: #D5E8FA;
  color: #005596;
  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: 9px;
  margin-right: 10px;
  margin-left: 5px;
  height: 5px;
  background-image: url(/common/images/bg/bg_blue.gif);
}
/* Vertical tab ends*/

/* Horizontal tab styles*/
div.hTabArea {
  font-size: 12px;
  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;
}

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: #F3F3F3;
  color: #333333;
  border: 1px solid;
  border-top-color: E5E5E5;
  border-right-color: B0B0B0;
  border-left-color: E5E5E5;
  padding: 1px 3px 2px 3px;
  text-decoration: none;
  font-size:11px;
  text-align:center;

  cursor: pointer; 
  cursor: hand;
}

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

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

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

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

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

/* 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:#005596;
 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: 11px;
  background-image:   url(/common/images/bg/bg_row2.gif);
  color: black;
  height: 22px;
  padding: 3px;
  font-weight: bold;
}

.tablelegenddata {
  font-size: 11px;
  background-image:   url(/common/images/bg/bg_row1.gif);
  color: black;
  height: 22px;
  padding: 3px;
}

.innertabletext{
  font-size: 11px;
  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: black;*/
 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:72px;
 vertical-align: top;
 border-collapse: collapse;
}

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

/* For safenet application name */

.appname{
 text-align:right;
}

.appname span{
 color:white;
 font-weight:bold;
 font-size: 14px;
 font-family: Helvetica, Verdana, Arial, sans-serif;
 text-align:right;
}


.appimage{
 background-image: url('/common/images/EAGLE-Operate.jpg');	
 height:72px;
 width:340px;
}
.appRecordImage{
 background-image: url('/common/images/EAGLE-Record.jpg');	
 height:72px;
 width:360px;
}
.appRulesImage{
 background-image: url('/common/images/EAGLE-Design.jpg');	
 height:72px;
 width:360px;
}
.appContainerImage{
 background-image: url('/common/images/EAGLE-Operate.jpg');	
 height:72px;
 width:360px;
}
.appContainerCertificateImage{
 background-image: url('/common/images/EAGLE-Operate.jpg');	
 height:72px;
 width:360px;
}
.appEngineeringManagerImage{
 background-image: url('/common/images/EAGLE-Construct.jpg');	
 height:72px;
 width:360px;
}
.appo2kImage{
 background-image: url('/common/images/EAGLE-Construct.jpg');	
 height:72px;
 width:360px;
}
.appHeaderImage{
 background-image: url('/common/images/EAGLE-Header.jpg');
 height:72px;
 width:360px;
}

.headerlinks{
 /*background-color:#e5e9ed;*/
 width:100%;
 height:18px;
 text-align:RIGHT;
 font-size:12px;
 color: white;
 font-family: Helvetica, Arial, Verdana,  sans-serif;
}

.headerlinks a,.headerlinks a:hover, .headerlinks a:visited, .headerlinks a:active {
 font-size:12px;
 font-weight:bold;
 color: white;
 font-family: Helvetica, Arial, Verdana,  sans-serif;
}

/* Top most header link style 
.headerlinks.top TD{
 text-align:right;
}*/
	/* Bottom most header link style 	
.headerlinks.bottom{
 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:12x ! important;
font-weight: bold;
}

/* "*" left to the mandatory fields */
.mandatory{
color:red;
font-size:12px ! 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;
}

/* 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: 11px; 
 font-family: Verdana, Arial, Helvetica, sans-serif;
}

/* Style for inner tables 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:white;
 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 11px 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:11px; 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 11px sans-serif;
  background-color: #ffffdd;
  z-index: 100;
}
.righttoolTipStyle {
  position:absolute;
  display: none;
  margin-left:40%;
  width:45%;
  font:normal 11px 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: 11px;
  background-image:   url(/common/images/bg/footer_bg.gif);
  text-align:center;
  height:11px;    
}

/* report help style from O2E */
.reporthelp {
  font-size: 11px;
  background-image:   url(/common/images/bg/bg_row_green.gif);
  color: black;
  background-color: #FFFFFF;
  padding: 3px;
  margin: 10px 5px 10px 5px;
  width: 98%;
  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:11px;
}

.folder span{
 CURSOR:hand;
 COLOR:black;
 font-size:11px;
}

.folder a{
 CURSOR:default;
 COLOR:black;
 font-size:11px;
}
/* Styles of Tree item "node details" */
.itemnode{
 border-collapse: collapse;
 dispay:block;
}

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

.itemnode.span{
 CURSOR:hand;
 COLOR:#005596;
 font-size:11px;
}

/* Tree item styles of topic*/
/******* Added for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
/******* Start **************/
[if IE] .treeitem{
 border-collapse: collapse;
 dispay:block;
 border:0px 0px 0px 0px;
 border-spacing:0;
 padding:0;
 CURSOR:hand;
 COLOR: #005596;
}
/******* End **************/

.treeitem{
 border-collapse: collapse;
 dispay:block;
 border:0px 0px 0px 0px;
 border-spacing:0;
 padding:0;
 /*CURSOR:hand;*/  	/******* Commented for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
 CURSOR:pointer;    /******* Added for Multi Browser Compatibility - Rules from Wipro on 13-Sep-2013 **********/
 COLOR: #005596;
}

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

.treeitem.span{
 CURSOR:hand;
 COLOR: #005596;
 font-size:11px;
}

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

.treeitem.unselected{
 background-color: none;
 color: #005596;	
}

.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:11px;
}

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

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

.10000
{
  background-color:#D9E4F9;
}

/* Added for ITG 43301 by Asim Banerjee on 09/01/2010*/
P.10000{
  background-color:#D9E4F9;
  font-size: 11px;
}

/* Glossary page alphabets style for searching */
.alphabet{
  font-size: 11px;
  background-image:   url(/common/images/bg/bg_row1.gif);
  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;*/
    background-image:   url(/common/images/bg/bg_row3.gif);
}

/*CLASS queryresult is for displaying Query Result[4]
  for doing number 4, using <font color=#000000></font>*/
.queryresult {
  background-image:   url(/common/images/bg/bg_row3.gif);
  color: #333366;
  height: 20px;
  padding: 3px;
  font-size: 10px;
  font-weight: bold;
}

.queryresult td{
  vertical-align: middle;	
}

/* 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:11px;		
}

/************************* 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: 450px;
  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: 22px;
}
.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: 8px;
}

/* right nav styles ends here */

/*Rulescalcp3 styles*/
.bottomPlateOverflow
{
  overflow: auto;
  height: 400px;
  width: 99%;
}

.subscriptText
{
   vertical-align:sub 
}
/*Rulescalcp3 styles*/

  .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_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{
	color:gray;
    font-size: 13px;
    font-family: Verdana, arial, sans-serif,Helvetica;
    font-weight:bold;
    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;
}
.sectionFont{
  font-size: 11px;	
}

.sectionFontTable{
	font-size: 11px;
}

.rulesBodyLinkTable{
  font-size: 11px;
  margin: 0px 0px 0px 5px;
  padding:1px 1px 1px 1px;
  spacing:1px 1px 1px 1px;
  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;
  background-color: #FFFFDD;
  color: black;
  white-space: nowrap;

}
.rulesBodyLinkTable TD{
  border-bottom: 1px solid #926D7E;
}
.rulesBodyLinkLinks{
  font-size: 11px;
  color: black;
  height: 22px;
  padding: 3px;
  background-image:   url(/common/images/bg/bg_row1.gif);
}
.rulesBodyLinkLinks TD{
  border-bottom: 0px solid white;
}
.rulesBodyLinkTable.rulesBodyLinkLinks{
  background-color: #FFFFFF;
}
/* ITG 36563 */
.textareafixed {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
  	background-color: #F0F1FF;
  	border: 1px solid #CCCCCC;
  	vertical-align: middle;
  	height: 50px;
}

/**** ITG 49415 Start ***/
.row2boldContainer
{ 
  font-size: 11px;
  color: black;
  height: 22px;
  padding: 3px;
  font-weight: bold;
  background-image:   url(/common/images/bg/bg_row2.gif);
  border-top: 1px solid #000000; 
}

.row1Container
{
  font-size: 11px;
  color: black;
  height: 22px;
  padding: 3px;
  background-image:   url(/common/images/bg/bg_row1.gif);
  border-top: 1px solid #000000; 
}

.textboxCC {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 100px;
  vertical-align: middle;
}

.textboxPressure {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 70px;
  vertical-align: middle;
}

.readOnlyLabel
{
  color: grey;
  
}

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

.readonlytextboxCC {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 134px;
  vertical-align: middle;
  color: #8C8C8C;
}
/**** ITG 49415 End ***/

/**** ITG 50752 Start ***/
.textareaCertfSurvey {	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #F0F1FF;
	border: 1px solid #CCCCCC;
	width: 90%;
	vertical-align: middle;
	height: 60px;	
}
/**** ITG 50752 End ***/

/**** ITG 50752 Start ***/
.largeRow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 134px;
  vertical-align: middle;
  color: #8C8C8C;
}


.textboxLong {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 200px;
  vertical-align: middle;
}

.textboxSmall{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 20px;
  vertical-align: middle;
}

.textboxBig {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #F0F1FF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 800px;
  vertical-align: middle;
}


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

.readonlytextboxPressure {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 70px;
  vertical-align: middle;
}

.readonlytextboxSmall {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background-color: #EFEFEF;
  border: 1px solid #CCCCCC;
  height: 18px;
  width: 20px;
  vertical-align: middle;
  color: #8C8C8C;
}
/**** ITG 50752 End ***/