/* Copyright © OGMA Consulting Corp.  */
/* $Id: style.css,v 1.254.2.34 2015/12/02 23:04:43 Angela Exp $  */

body 
{
  color: #000000;
  background-color: #FFFFFF;
  margin:0;
  padding:0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;  
}
/* font should match body */
.ui-widget
{
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-size: 12px !important;
}

p
{
  padding: 0; 
  margin: 0 0 20px 0;   
}

.hidden 
{ 
  display: none; 
}

a.link
{
  text-decoration:none;
}

.systemWidth
{
  width:990px;
}

.contentSpacing, .contentSpacingMed, .contentSpacingLrg, .contentSpacingFull
{
  margin:10px;
  box-sizing:border-box;
}

.contentSpacing
{
  width:720px;
}

.contentSpacingMed
{
  width:820px;
}

.contentSpacingLrg
{
  width:910px;
}

.contentSpacingFull
{
  width:100%;
  margin:0px;
  padding:10px;
}

img 
{
  border: 0px;
  padding:0px; /* does not work with nav_current  icon */
  margin: 0px; /* does not work with nav_current  icon */
  vertical-align:top; /* does not work with nav_current  icon */
}

.information
{
  position: relative; 
  margin:10px 0 15px 0;
}

/* for when there is a help icon, the will put the text after the icon */
div.information > div
{
  padding: 5px 0 0 30px;
}

.information input[type="button"]
{
  left: 0;
  position: absolute;
  top: 0;
}

input[type="checkbox"]
{
  margin: 2px 3px 3px 2px; /* to have fields line up the left margin needs to be 2px */
}

input[type="radio"]
{
  margin: 0px 2px 2px 2px;
}

input[type="text"], input[type="password"], select
{
  margin: 0px;
  vertical-align:top;
}

header
{
  width:100%;
  padding:0px;
  box-sizing: border-box;
}

.mainContainer
{
  height:100%;
  margin-bottom:70px;
  box-sizing: border-box;
}

nav
{
  float: left;
  display: block;
  border: 0px;
  padding: 0px 0px 45px 0px;
  width: 220px;
  min-height:300px;
  margin-left: 0px;  
  box-sizing: border-box;
}

nav#inventory
{
  width: 160px;
}

iframe.mainContent
{
  border: 0;
  padding: 0px 0px 0px 0px;
  width:   745px; 
  min-height:  300px;
  margin-bottom:70px;
  box-sizing: border-box;
  overflow: hidden; 
}

iframe.reportDesigner
{
  border: 1;
  padding: 0px 0px 0px 0px;
  width: 100%; 
  min-width: 1050px;
  box-sizing: border-box;
  overflow: hidden;
}

footer
{
  width:100%;
  height:40px; 
  clear:both;
  bottom:0;
  position: fixed;
  background-color: #FFFFFF;
}

.fieldPadding
{
  padding-right:5px;
}

#footer
{
  width: 100%;
  bottom: 0;
  position: fixed;
  background: #FFFFFF;
}

#header
{
  width: 100%;
  top: 0;
  position: fixed;
  background: #FFFFFF;
}

table {
  border-collapse:collapse;
  border-spacing:0px;
  border-width:0px; 
  border: 0px;
  margin: 0px;
}

th {
  padding:0px;
}

td {
  padding:0px;
  border: 0px;
  margin: 0px;
}

table.fieldTable, table.searchTable, table.legend, table.hierarchy, table.dataTable, table.numDataTable, table.charTable, table.refMaint, table.securityMatrix
{
  border-collapse:separate;
}

table.securityMatrix
{
  width:100%;
  border-spacing:5px;
}

table.docRemediation tr td
{
  padding: 10px;
}

table.persDuplicate
{
  border: 1px solid #CCC;
}

table.persDuplicate tr:first-child td
{
  border-bottom: 1px solid #CCC;
}

table.persDuplicate tr td
{
  padding: 10px 5px;
}

table.persDuplicate tr:nth-child(even) td, table.docRemediation tr:nth-child(even) td
{
  background: #F9F9F9;
}

table.persDuplicate td:nth-child(3)
{
  border-right: 1px solid #CCC;
}

table.persDuplicate td:last-child, table.persDuplicate td:nth-child(3)
{
  padding-right: 10px;
}

table.persDuplicate td:nth-child(4), table.persDuplicate td:first-child
{
  padding-left: 10px;
}

table.calendar, table.fullWidth, table.docRemediation, table.itemTable
{
  width:100%;
}

table.calendar hr
{
  border:0px;
  border-bottom:1px solid #CCC;
}

table.hierarchy
{
  margin-left:5px;
}

table.indent, div.indent
{
  margin-left:10px;
}

table.hierarchy td > table td
{
  padding-left:20px;
}

table.itemTable, div.itemTable
{
  margin-top:10px;
}

table.legend
{
  margin-left:20px;
  font-size:0.9em;
}

table.navWizard td
{
  padding-bottom:10px; 
}

table.fieldTable td, table.searchTable td,
table.dataTable td, table.charTable td
{
  line-height:20px;
  padding:0px 5px 9px 0px;
}

.cell2col table.dataTable td
{
  line-height:15px;
  padding:0px 5px 5px 0px;
}

table.numDataTable td
{
  line-height:17px;
  padding:0px 5px 5px 0px;
}

table.hierarchy td
{
  padding:0px 5px 9px 0px;
}

table.itemTable td
{
  line-height:20px;
  padding:0px 0px 5px 0px;
}

table.fieldTable  td
{
  line-height:23px;
}

table.charTable td
{
  padding:0px 5px 15px 0px;
}

table.legend td
{
  line-height:20px;
  padding:0px 5px 2px 0px;
}

table.fieldTable td:first-child
{
  padding-right:10px;
}

table.fieldTable td:last-child
{
  padding-right:0px;
}

table.fieldTable td > table td, table.charTable td > table td
{
  padding-bottom:0px; 
}

table.searchTable td > table td:first-child 
{
  padding-right:0px; /* no space after radio buttons */
}

table.fieldTable td > table td:first-child , table.refMaint td 
{
  padding-right:5px;
}

table.searchTable td > table td
{
  padding:0px; 
}

table.refMaint td :not(.fieldName):not(input):not(select)
{
  padding-bottom:10px;
}

table.refMaint td .fieldName, table.refMaint .fieldName
{
  padding:10px 5px 2px 0px;
}

div.fieldTable div.fieldName
{
  float:left;
  padding:10px 5px 0 0;
}

div.fieldTable div.fieldValue
{
  padding:10px 0 10px 100px;
}


.radioText
{
  padding-right:15px!important;
  padding-left:2px!important;
}

.regTextWarning, div.warningMessage {
  color: #003399;
  font-weight: bold;
  margin:10px 0;
}

div.legend
{
  margin:0 0 10px 5px;
}

div.productProfile, h3.productProfile
{
  margin-bottom:5px;
}

div.errorMessage, div.resultsMessage, div.warningResultsMessage, div.errorResultsMessage
{ 
  padding:5px;
  margin:20px 0px;
  font-weight:bold;
  border-collapse:separate;
}

div.warningResultsMessage
{
  background-color:#EEE;
  border-top:1px solid #006699;
  border-bottom:1px solid #006699;
}

div.errorResultsMessage
{
  background-color:#AACCDD;
  border-top:2px solid #006699;
  border-bottom:2px solid #006699;
}

div.highlightedWarningMessage
 {
  margin:10px 0;
  padding:10px;
}

.highlightedField
{
  background-color: #EEEEEE;
  border-top:     1px solid #CCCCCC;
  border-bottom:  1px solid #CCCCCC;
  font-weight:    bold;
  font-size:      12px;
  vertical-align: middle;
  text-align:     left;
  color:          #000000;
  height:         16px;
  padding:        4px;
  text-decoration: none;   
}

div.errorMessage
{
  background-color:#AACCDD;
  border-top:2px solid #006699;
  border-bottom:2px solid #006699;
  
  /*background-color:#FFF;
  border:2px solid #ffcc00; #AACCDD;*/
}

div.resultsMessage
{  
  /*border-image: url(../images/ln_dot_grey_wh.gif)  100% 0% 100% 0% repeat; /* doesn't work in IE9*/
  border-top:1px dotted #999;
  border-bottom:1px dotted #999;
  background-color:#FFF;  
}

div.searchResultsInfo
{
  text-align: center;
  margin:5px;
  color: #003399;
  font-weight: 700;
}

.boxInfo
{
  border:1px solid #999999; 
  padding:10px;
  text-align:center;
}

.headerWizard
{
  border-bottom:1px dotted #666666;
}

.none {}

.hideRefDesc {     /* this should always be     */
  color: #ffffff;  /* the body background-color */
}


/* deprecated - DO NOT USE - use regText */
.textBody 
{
  font-size: 11px;
}

.popup
{
  background-image: url("../../images/popup_bground.gif");
  margin:0px;
  width:100%;
}

.popupImage
{
  width:38px;
}

.popupClose, .popupEdit, .popupEditMsg
{
  padding:5px; 
  text-align:right; 
  vertical-align:middle;
}

.popupClose
{
  width:100px;
}

.popupEdit
{
  width:265px;
}

.popupEditMsg
{
  width:35%;
}

.checkbox 
{
  font-size: 10px;
  color: #000000;
}

.arrowLink 
{
  font-weight: bold;
}

.teaser 
{
  color: #CCCCCC!important;
}

.department 
{
  font-weight: bold;
  font-size: 16px;
  color: #00407e;
  font-family: arial, helvetica, sans-serif
}

.pageTitle 
{ 
  font-size: 16px;
  font-style: normal;
  font-weight: italic;
  padding:0px;
  margin:0px;  
}

h1, .popupH1
{ 
  font-size: 22px;
  font-style: normal;
  font-weight: bold;
  padding:0px;
  margin:0px;  
}

h1
{
  margin-bottom:5px;
}

.pageSubTitle, h2, .searchTitle
{
  font-size: 16px;
  font-weight: bold;
  color: #006699;
}

h2, .h2, .h2:link, .h2:active,  
.navigation, .navigation:link, .navigation:active
{
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
}

h2, .h2, .h2:link, .h2:active, .searchTitle, .h2Wrap, .h3Wrap
{
  padding:0px;
  margin:15px 0px 15px 0px;
}

.h2:hover, .navigation:hover 
{
  color: #FFCC00;
}

h2.persOrgInfo
{
  margin:0px 0px 5px 0px;
}

h3, h4, h5
{
  font-weight: bold;
  margin:10px 0px 5px 0px;
  color: #006699;
}

h3
{
  font-size: 14px;
}


td > h3
{
  margin:0px;
}

h4
{
  font-size: 13px;    
}

h5
{
  font-size: 1em; /* same size as the body */
  padding:0px;
}

div.h2, div.h3, div.iconText, div.iconTextOff, div.navigation, label.navPopup, label.popupH2,
div.h2:active, label.iconText
{
  padding-top:4px;
  margin:0px;
}

input + label
{
  display: inline-block;
}

label.fieldValue
{
  vertical-align: top;
  padding-right:10px;
}

div.iconTextOff, label.iconTextOff
{
  padding-top:6px;
}

div.h2
{
  margin-left:30px; /* for multiple line h2s such as Product Profile */
}

hr.headerLine
{
 margin:15px 0px;
 border: 0px;
 width:100%;
 border-bottom: 1px solid #CCC;
}

.marginBottom 
{
  margin-bottom:10px;
}

.marginTop 
{
  margin-top:10px;
}

label.navigation
{
  padding-top:3px; /* for back buttons*/
}

div.listStyle
{
  margin:0 0 10px 0;
}

table.userMaint div.fieldName, table.hierarchy div.fieldName, input + div.fieldName
{
  margin-left:18px;
  padding:4px 5px 0 0;
}

table.hierarchy div.fieldName, table.hierarchy td.fieldName, table.hierarchy td.fieldValue
{
  padding:4px 5px 0 0;
}

table.hierarchy li
{
  min-height:25px;
}

table.userMaint input + div.fieldName
{
  cursor:pointer;
}

table.userMaint td:first-child
{
  min-width: 150px;
}

table.summary td:first-child
{
  min-width: 20px;
}

div.discipline .cell3col:first-child
{
  width:20px;
}

div.discipline .cell3col:nth-child(2)
{
  width:20px;
}

div.discipline .cell3col:last-child
{
  width:295px;
}

div.cell div.discipline .cell3col:last-child
{
  width:660px;
}

div.discipline .plusMinus, div.discipline .fieldValue,
div.subDiscipline .plusMinus, div.subDiscipline .fieldValue
{
  float:left;
  padding-top:5px;
}

div.discipline .fieldValue
{
  display:block;
  overflow:hidden;
}

div.discipline .radio, div.subDiscipline .radio
{
  float:left;
  padding-right:5px;
  padding-top:6px;
}

div.subDiscipline .plusMinus
{
  padding-top:0px;
}

div.discipline .plusMinus
{
  padding-top:2px;
}

div.discipline h3
{
  padding-top:4px;
}

.info
{
  margin:5px 0 15px 20px;
}

div.discipline .info, div.discipline h3
{
  margin-left:60px;
}

div.discipline h3, div.subDiscipline h4
{
  margin-top:0px;
}

div.discipline .info, div.subDiscipline .info
{
  clear:both;
}

div.subDiscipline .iconView
{
  margin-top:3px;
  float:left;
}

div.discipline .iconView
{
  margin-top:3px;
}

div.subDiscipline h4
{
  margin-left:15px;
  margin-top:5px;
}

div.subDiscipline .info
{
  margin-left:22px;
}

section.docCreation .info
{
  margin-left:55px;
}

section.subscriptions .fieldTable, section.subscriptions .info
{
  margin-left:60px;
}

section.subscriptions .fieldTable
{
  margin-top:10px;
}

section.docCreationDDChoice .info
{
  margin-left:23px;
}

section#maintainSubscriptions .info
{
  margin:10px 0 15px 23px;
}

section.docCreation input[type="radio"], section.docCreationDDChoice input[type="radio"], section.subscriptions input[type="radio"]
{
  margin:5px;
}

section#maintainSubscriptions input[type="radio"]
{
  float: left;
}

body.docCreation
{
  min-height:500px;
}

div.searchFrame .info
{
  padding-bottom:10px;
}

/*deprecated */
.subheading, .subheading:link, .subheading:active, .subheading:hover {
  font-weight: bold;
  text-decoration: none;
}

/*deprecated */
.minorHeading,.minorheading { 
  font-weight: bold;
  color: #006699
}

.pageIntro 
{
  font-family: "Times New Roman", Times, serif;
  font-size: 14px;
  font-style: italic;
  border-bottom:1px solid #CCC;
  padding-bottom:10px;
  margin-bottom:10px;
}


/* for online manual pages */
.pageSectTitle 
{
  font-weight: bold;
  color: #336699
}

a.pageSubLink:link, a.pageSubLink:active, a.pageSubLink:hover  
{
  font-size: 15px;
  font-weight: 900;
}

.footer, .env  
{
  font-size: 10px;
}

.env
{
  margin-bottom:10px;
}

.popupH1, .popupH2, .popupH2:link, .popupH2:active, .popupH2:hover, 
.iconText:link, 
.navPopup:link, .navPopup:active 
{
  font-weight: bold;
  text-decoration: none;
  vertical-align: middle;
}

.popupH1, .popupH2, .popupH2:link, .popupH2:active, .popupH2:visited,
.navPopup:link, .navPopup:active, .navPopup:visited  
{
  color: #FFFFFF;
}

.iconText:hover, .navPopup:hover, .popupH2:hover 
{ 
  color: #FFCC00;
}

.ftrLinks:link, .ftrLinks:active, .ftrLinks:hover 
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  text-decoration: none;
  letter-spacing: 2px;
  font-weight: bold;
  color: #666666
}

.lnavTitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #003366
}

.breadcrumb, .breadcrumb:link, .breadcrumb:active, .breadcrumb:hover {
  color: #666666;
}

.breadcrumb:hover {
  color: #000000;
}

.breadcrumbSep 
{
  font-size: 11px;
  color: #666666;
  text-decoration: none;
}

/********* dbTime **************/

.dbTime 
{
  font-size:     16px;
  font-weight:   bold;
  color:         #336699;
  text-align:    center;
  margin-bottom: 10px;
}

/********* Tool Tips  *************/

div.tooltip { 
  position: absolute; 
  visibility: show; 
  left: 25px; 
  top: 100px; 
  z-index: 5 
} 
  
.toolTipDisplay {   
  width: 150px;
  background-color: #FFFFCC;
  border:1px solid #000000;
  padding:5px;  
}

.toolTipText {
  font-size: 10px;
  color: #000000;
}

/********* default Links *********/

a:link, a:active , a:hover
{
  text-decoration: none;
  color: #006699;
}

a:visited
{
  color: #006699;
}

a:hover, div.link:hover, span.link:hover, label.link:hover
 {
  color: #0099cc;
  cursor: pointer;
}

.clickable:hover
 {
  cursor: default;
}

/*** boldText link ***/

a.boldText:link, a.boldText:active 
{
  font-weight: bold;
}

a.boldText:hover 
{
  color: #000000;
}

/******** Large Links ********/

a.lgLink:link, a.lgLink:active, a.lgLink:hover 
{
  font-size: 14px;
  font-weight: bold;
}

/******** medium Links ********/

a.medLink:link, a.medLink:active, a.medLink:hover 
{
  font-size: 12px;
  font-weight: bold;
}

/********* small Links *********/

a.smLink:link, a.smLink:active, a.smLink:hover, 
a.smBoldLink:link , a.smBoldLink:active, a.smBoldLink:hover 
{
  font-size: 11px;
}

a.smBoldLink:link , a.smBoldLink:active, a.smBoldLink:hover 
{
  font-weight: bold;
}

/******** tiny Links ********/

a.tinyLink:link, a.tinyLink:active, a.tinyLink:hover {
  font-size: 9px;
  font-weight: bold;
}

/************* HTML Tags *************/
.floatLeft 
{
  float:left;
  padding-right:10px;
}

.floatRight 
{
  float:right;
  padding-left:10px;
}

.fieldName .floatRight 
{
  float:right;
  padding-left:2px;
}

th {
  text-align: center;
  vertical-align: top;
  font-weight: bold;
}

td {
  text-align: left;
  vertical-align: top;
}

td.alignLeft {
  text-align: left;
}

td.alignRight,div.alignRight {
  text-align: right;
}

td.alignCenter, div.alignCenter {
  text-align: center;
}

td.valignTop {
  vertical-align: top;
}

td.valignMiddle, div.valignMiddle, span.valignMiddle {
  vertical-align: middle;
}

.valignBottom {
  vertical-align: bottom;
}

td.leftMiddle, div.leftMiddle {
  text-align: left;
  vertical-align: middle;
}

td.rightMiddle,div.rightMiddle {
  text-align: right;
  vertical-align: middle;
}

td.centerMiddle,div.centerMiddle {
  text-align: center;
  vertical-align: middle;
}

td.leftBottom {
  text-align: left;
  vertical-align: bottom;
}

.rightBottom {
  text-align: right;
  vertical-align: bottom;
}

td.centerBottom {
  text-align: center;
  vertical-align: bottom;
}

td.leftTop, div.leftTop {
  text-align: left;
  vertical-align: top;
}

td.rightTop {
  text-align: right;
  vertical-align: top;
}

td.centerTop, div.centerTop {
  text-align: center;
  vertical-align: top;
}

/* this alternates the background color */
table.alternate {
  margin:0 0 10px 0; 
  border:1px solid #ccc;
  width:100%;
}

table.alternate tr:nth-child(even) 
{
  background-color:#EEE;
}

table.alternate td
{
  padding:5px;
}

table.alternate td:first-child
{
  width:20px;
}


/**** Summary Screens - user, person, org, project etc.. ****/
table.summary {
  margin:0 0 20px 0;
  border-bottom:1px solid #CCC;  
  width:100%;
}

/* this alternates the background color */
table.summary tr:nth-child(odd):not(.more) td {
  background-color:#EEE;
}

/* this is the ... entry */
table.summary .more td:first-child
{
  padding-top:5px;
  text-align: center;
}

/* this is the Working */
table.summary .more td:nth-child(2)
{
  padding-top:5px;
  font-weight: bold;
}
/****** end of Summary Screens *********/

/* this sets line below the header labels */
td.summaryLine {
  background-color: #CCCCCC;
  font-size:1px;
}

.DeEmphasis {
  color: #A0A0A0;
}

/***************************/
/****  Search Results   ****/
/***************************/



/*** these are strictly for displaying search results  **/

table.searchResults
{
  width:100%;
  border-bottom:1px solid #CCCCCC;
  margin:10px 0px 10px 0px;
}


.search_hr {
  background-color : #999999;
}

td.search_bg {
  background-color : #CCCCCC;
}

/* the lines around the search block */
div.searchFrame {
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC; 
  background-color : #FFFFFF;
  padding: 10px;
  margin-bottom:10px;
}

/* deprecated */
td.searchFrame {
  border-left:1px solid #FF0000;
  border-right:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC; 
  background-color : #FFFFFF;
  padding: 10px;
}

td.search_line {
  background-color : #CCCCCC;
}

td.search_lineTop {
  background-color : #CCCCCC;
}

td.searchTitle {  
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-top:1px solid #CCCCCC;
  border-bottom:1px solid #CCCCCC; 
  background-color : #EEEEEE;
  padding:10px;
  font-size: 18px;
}

td.search_selectedTab {
  background-color : #FFFFFF;
}

td.search_tab {
  background-color : #CCCCCC;
}

.searchResultsEmphasisTable {
  background-color: #FFFFCC;
}

img#searchResultIcon
{
  vertical-align:middle;
}

section#remediationImpact img
{
  padding-top:5px;
}

div.searchResultsSort
{
  width: 7px; 
  margin: 4px 2px 0px 4px; 
  float: left;
  height: 12px;
}

td.searchResultsHeader, th.searchResultsHeader, div.searchResultsHeader, table.summary th
{
  background-color: #EEEEEE;
  border-top:     1px solid #CCCCCC;
  border-bottom:  1px solid #CCCCCC;
  font-weight:    bold;
  font-size:      12px;
  vertical-align: middle;
  text-align:     left;
  color:          #000000;
  height:         16px;
  padding:        4px;
  text-decoration: none; 
}

table.calendar th
{
  border-bottom:  1px solid #CCCCCC;
  font-weight:    bold;
  vertical-align: middle;
  text-align:     center;
  height:         16px;
  padding:        4px;
  width:          14%;
  text-decoration: none; 
}

table.calendar td
{
  border:     1px solid #CCCCCC;
  height:     110px;
  padding:    4px;
  width:      14%;
  text-decoration: none; 
}

a.searchResultsHeader:link
{
  text-decoration: none;  
}


td.searchResultsHeaderText, td.searchResultsHeaderTextAlternateBG
 {
  font-weight:    bold;
  vertical-align: middle;
  height:         20px;
}

td.searchResultsHeaderTextAlternateBG,
td.searchResultsBodyAlternateBG,
td.searchResultsBoldAlternateBG,
td.searchResultsDeEmphasisAlternateBG,
td.searchResultsDeEmphasisNumberAlternateBG ,
td.searchResultsTitleAlternateBG,
td.searchResultsNumberAlternateBG,
td.searchResultsWarningAlternateBG,
td.searchResultsInactiveAlternateBG,
td.searchResultsTitleRowAlternateBG
 {
  background-color: #F9F9F9!important;
}

td.searchResultsBody,
td.searchResultsBodyAlternateBG, 
td.searchResultsBold, 
td.searchResultsBoldAlternateBG,
td.searchResultsDeEmphasis,
td.searchResultsDeEmphasisAlternateBG,
td.searchResultsDeEmphasisNumber,
td.searchResultsDeEmphasisNumberAlternateBG,
td.searchResultsTitle,
td.searchResultsTitleAlternateBG,
td.searchResultsNumber,
td.searchResultsNumberAlternateBG,
td.searchResultsWarning,
td.searchResultsWarningAlternateBG,
td.searchResultsInactive,
td.searchResultsInactiveAlternateBG,
td.searchResultsEmphasis,
td.searchResultsEmphasisAlternateBG,
td.searchResultsEmphasisNumber,
td.searchResultsEmphasisNumberAlternateBG,
td.searchResultsTitleRow, 
td.searchResultsTitleRowAlternateBG,
table.summary td
 {
  background-color: #FFFFFF;
  color:  #000000;
  background-image: none;
  font-weight:    normal;
  vertical-align: top;
  text-align:     left;  
  height:         18px;  
  padding:        5px 4px 4px 4px!important;  
}

td.searchResultsBold, 
td.searchResultsBoldAlternateBG, 
td.searchResultsTitle, 
td.searchResultsTitleAlternateBG,
td.searchResultsWarning,
td.searchResultsWarningAlternateBG,
td.searchResultsTitleRow, 
td.searchResultsTitleRowAlternateBG
{
  font-weight: bold;
}

td.searchResultsDeEmphasis, 
td.searchResultsDeEmphasisAlternateBG, 
td.searchResultsDeEmphasisNumber, 
td.searchResultsDeEmphasisNumberAlternateBG,
td.searchResultsInactive,
td.searchResultsInactiveAlternateBG 
{
  color: #A0A0A0;
}

td.searchResultsDeEmphasisNumber, 
td.searchResultsDeEmphasisNumberAlternateBG,
td.searchResultsNumber,
td.searchResultsNumberAlternateBG,
td.searchResultsEmphasisNumber,
td.searchResultsEmphasisNumberAlternateBG,
table.summary td:first-child
{
  text-align:  center;
  font-weight: bold;
}

td.searchResultsWarning, td.searchResultsWarningAlternateBG 
{
  color: #CC0000;
}

td.searchResultsEmphasis,
td.searchResultsEmphasisNumber 
{
  background-color: #FFFFCC;
}

td.searchResultsEmphasisAlternateBG,
td.searchResultsEmphasisNumberAlternateBG 
{
  background-color: #FCFCE3;
}

td.searchResultsTitleRow, 
td.searchResultsTitleRowAlternateBG
{
  padding: 0px 4px 4px 4px!important;  
}

.searchResultsGreyBGwSpacer {
  background-color: #D5D5D5;
  background-image: none;
  padding-bottom:2px;
  text-align:     center;
  height:         18px;
  font-weight:    bold;
}

/* this sets vertical lines between the column headings */
td.resultsLinesHeader,div.resultsLinesHeader {
  background-color : #EEEEEE;
}

/* this sets lines around all the fields */
td.resultsLines {
  background-color : #FFFFFF;
}
/* this sets line below the header labels */
td.headerLine,div.headerLine {
  background-color : #CCCCCC;
  height: 1px;
  font-size:1px;
}

td.separatorLine, div.separatorLine
{
  background-image: url(../images/ln_dot_grey_wh.gif);
  background-color : transparent;
  background-repeat: repeat-x;
}

hr.separatorLine {
  background-image: url(../images/ln_dot_grey_wh.gif);
  background-color : transparent;
  background-repeat: repeat-x;
  border: 0px;
  margin: 0 0 20px 0;
  height: 1px;
}

div.wizardLine
{
  background-image: url(../images/ln_double_dot_grey_wh.gif);
  background-color : transparent;
  background-repeat: repeat-x;
  height:4px;
  margin:5px 0 10px 0;
}

a.searchResultsBody:link,a.searchResultsBody:active,
div.searchResultsBody, 
a.searchResultsBold:link, a.searchResultsBold:active  /* for Email Summary Log - AB */
{
  text-decoration: none;  
  vertical-align:top;
}

a.searchResultsBody:hover,
div.searchResultsBody:hover,
a.searchResultsBold:hover
{
  color: #0099cc;
  cursor: pointer;
}

.inactive, a.inactive:link, a.inactive:active 
{
  color: #C0C0C0;
  text-decoration: none;
}

a.inactive:visited
{
  color: #C0C0C0;
}

a.inactive:hover {
  color: #000000;
  text-decoration: underline;
}

/**** end ************************************/

.hasRequote, a.hasRequote:link, a.hasRequote:visited, a.hasRequote:active 
{
  color: #666666;
}



a.hasRequote:hover 
{
  color: #000000;
  text-decoration: underline;
}

/**** end ************************************/

/********* field link ************/

a.fieldLink:link, a.fieldLink:active  
{
  text-decoration: none;
  color: #000000;
  font-size: 11px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: normal;
}

a.fieldLink:visited 
{
  color: #000000;
}

a.fieldLink:hover 
{
  color: #990033;
}

/**** end ************************************/

pre {
  font-family: Courier New, Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
}

.hrClass {
  background-color: #000000;
}

hr.separator, .defaultSeparatorLine, .greySeparatorLine, .solidSeparatorLine
{
  border: 0px;
  margin: 20px 0 20px 0;
  height: 1px;
  line-height:1px;
}

hr.separator, .defaultSeparatorLine 
{
  background-image: url(../images/ln_dot_grey_wh.gif);
  background-color : transparent;
  background-repeat: repeat-x;
}

.solidSeparatorLine {
  background-color : #999999;  
}

.greySeparatorLine {
  background-color : #CCCCCC; 
}

ul 
{
  margin-left: 2em;  /* changed from 1em to accommodate online manual */
  margin-top: 0em;
  margin-bottom: 0em;
}

br 
{
  font-size: 12px;
}

textarea {
  font-size: 12px;
  font-family: Courier new, Courier;
  color: #000000;
  resize: none;
  padding: 5px;
  outline: none;
  overflow: auto;
}

textarea.questionText
{
  width: 520px;
  height: 150px;
  padding: 5px;
}

textarea.readOnlyText {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size : 12px;
  border-style: none;
  background: #FFFFFF;
  padding:0px;
}

input, input.alignRight, input.greyInput, input.error , select
{
  font-size: 12px;
  font-family: Courier new, Courier;
  color: #000000;
  padding:2px;
}

select 
{
  width:  auto;
  height: auto;
}

select.small
{
  width:200px;
}

input.error 
{
  background-color: #FFCCCC;
}

input.alignRight 
{
  text-align: right;
}

input.greyInput 
{
  background-color: #CCCCCC;
}

/*** textBox used in search results ***/
input.searchResults {
  padding-top:    0;
  padding-left:   0;
  padding-bottom: 0;
  padding-right:  2;
  height:         18px;
}

/*** textBox that doesn't look like it ***/
input.readOnlyTextHalfTone, input.readOnlyText, input.fieldValueReadOnly, input.readOnlyTextColor  
{
  border-style: none;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background: #FFFFFF;
}

/*** textBox that doesn't look like it (half tone) ***/
input.readOnlyTextHalfTone 
{
  color: #A0A0A0;
}

input.required, select.required, textarea.required 
{
  border:2px solid #F3C99C;
  border-style:solid;
}

input[type="radio"].required, input[type="checkbox"].required
{
  outline:2px solid #F3C99C;
}
/************* Text Sizes *************/

.welcomeTitle {
  font-size: 12pt;
  font-weight: bold;
}

.welcomeContent {
  font-size: 10pt;
}

.alternateColour {
  color: #000000;
  background-color: #ffffff;
}

.halfToneRegText {
  font-size: 11px;
  color: #A0A0A0;
}

.working, .listResultsWorking {
  font-size: 20px;
  width:100%;
  text-align:center; 
  vertical-align:middle;   
  box-sizing: border-box;
}

div.listResultsWorking {
  padding-top:50px;
}

div.submitResult img
{
  vertical-align: middle;
  padding-left:5px;  
}

div.working {
  padding-top:200px;
}

#report .working
{
  padding-top:15px;
}

td.working {
  padding-top:100px;
}

.lgText {
  font-size: 14px;
}

.lgBoldText {
  font-size: 14px;
  font-weight: bold;
}

.lgColourText {
  font-size: 14px;
  color: #990033;
}

.lgBoldColourText {
  font-size: 14px;
  font-weight: bold;
}

.vertText {
  width:20px;
  padding:2px;
  color: #000000;
  margin-bottom:25px;
  margin-right:5px;

  -webkit-transform: rotate(-90deg);
  -moz-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  -o-transform: rotate(-90deg);
  transform: rotate(-90deg);

  -webkit-transform-origin: right bottom;
  -moz-transform-origin:right bottom;
  -ms-transform-origin:right bottom;
  -o-transform-origin:right bottom;
  transform-origin:right bottom;
}

.regText, a.regText:link, a.regText:active 
{
  font-weight: normal;
  text-decoration: none;
  color: #000;
}

a.regText:visited 
{
  color: #000;
}

a.regText:hover 
{
  color: #666;
}

.emText {
  font-weight: normal;
  font-style: italic;
}

.boldText {
  font-weight: bold;
}

b
{
  font-weight: bold;
}

u
{
  text-decoration: underline;  
}

.boldTextUnderline {
  font-weight: bold;
  text-decoration: underline;  
}

.regColourText1 {
  color: #990033;
}

.regColourBoldText1 {
  font-weight: bold;
  color: #000000;
}

.regRedText {
  color: #FF0102;
}

.regTextError 
{
  color: #CC0000;
  font-weight: bold;
}

.warning {
  color: #CC0000;
  font-weight: bold;
}

.medBoldColouredText {
  font-weight: bold;
  color: #003366;
}

.smDescriptorText {
  font-size: 0.8em;
  font-style: italic;
  font-weight: normal;
  color:#000;
}

.smText 
{
  font-size: 0.9em;
}

.smEmText 
{
  font-size: 0.9em;
  font-style: italic;
}

.tinyText
{
  font-size: 0.8em;
}

.smIndentText {
  font-size: 11px;
  color: #000000;
  margin-left: 5px;
  margin-top: 0em;
  margin-bottom: 0em;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.smGreyBackgroundText {
  font-size: 10px;
  background-color: dddddd;
  color: #000000;
  letter-spacing: 1px;
  font-weight: normal;
}

.regYellowText {
  background-color: yellow;
  color: #000000;
  letter-spacing: 1px;
  font-weight: normal;
}

.regYellowTextNoSpace {
  background-color: yellow;
  color: #000000;
  font-weight: normal;
}

.smYellowText {
  font-size: 10px;
  background-color: yellow;
  color: #000000;
  letter-spacing: 1px;
  font-weight: normal;
}

.smYellowTextNoSpace {
  font-size: 10px;
  background-color: yellow;
  color: #000000;
  font-weight: normal;
}

.boldYellowText, .highlightedWarningMessage {
  font-weight: bold;
  background-color: yellow;
  color: #000000;
}

.YellowText, .yellowText {
  background-color: yellow;
  color: #000000;
}


.smRedText, .smColouredText, .smBoldColouredText, .smboldText 
{
  font-size: 0.9em;
}

.smRedText 
{
  color: #990033;
}

.smColouredText 
{
  color: #003399;
}

.smBoldColouredText 
{
  font-weight: bold;
  color: #003399;
}

.smboldText 
{
  font-weight: bold;
}

.fields {
  font-size: 8pt;
}

.asterisk 
{
  font-weight: bold;
  color: #BB4F07;
}

div.asteriskText 
{
  padding-bottom:5px;
  font-size: 12px;
  color: #BB4F07;  
}

.asteriskText 
{
  font-size: 12px;
  color: #BB4F07;
}

.clock {
  font-size: 11px;
  font-family: courier new, courier;
  font-weight: normal;
  text-align: right;
  color: black;
  background-color: #FFFFCC
}

.fieldHeading 
{
  font-weight: bold;
}

.fieldName, h5 {
  color: #000000;
  font-weight: bold;  
}

section#comment > .fieldName
{
  padding:0 0 5px 0;
}

section#comment > .fieldValue
{
  padding:0 0 10px 0;
  border-bottom:1px dotted #CCC;
  margin:0 0 10px 0;
}

.fieldValue, input.fieldValueReadOnly, a.fieldValue:link
{
  color: #555555;
}

.fieldValueEm {
  text-decoration: underline;
}

.display {
  font-size: 11px;
  color: #000000
}

.fixedText {
  font-size: 8pt;
  font-family: courier new, courier;
  font-weight: normal;
}

.pageNumText {
  font-size: 0.9em;
}


/************** Help styles *************/

.helpTitleLg 
{
  font-size: 20px;
  font-weight: bold;
}

.helpTopic, a.helpTopic:link, a.helpTopic:active,
.navWizard, a.navWizard:link, a.navWizard:active,
.navWizardOn
{
  color: #333;
  text-decoration: none;
}

.navWizardOn
{
  font-weight: bold;
}

.navWizardOff
{
  color: #CCC;
  font-weight: bold;
}

.helpTopicOn, a.helpTopicOn:link, a.helpTopicOn:active
{
  color: #006699;
  text-decoration: underline;
}

a.helpTopicOn:hover 
{
  color: #99CCFF;
}

.helpResource, a.helpResource:link, a.helpResource:active
{
  text-decoration: none;
  color: #003366
}

a.helpTopic:hover, a.helpResource:hover, a.navWizard:hover
{
  color: #0099CC;
}

/*********************** Black table borders *************************************/

.Bltr {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #000000;
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #000000;
  border-right-width: 1px; border-right-style: solid; border-right-color: #000000;
  padding: 2px;
}

.Blb {
  border-left-width:   1px; border-left-style:   solid; border-left-color:   #000000;
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000;
  padding: 2px;
}

.Bb {
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000;
  padding: 2px;
}

.Blt {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #000000;
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #000000;
  padding: 2px;
}

.Bl {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #000000;
  padding: 2px;
}

.Btr {
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #000000;
  border-right-width: 1px; border-right-style: solid; border-right-color: #000000;
  padding: 2px;
}

.Bltrb {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #000000;
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
}

.Bltb {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #000000;
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
}

.Blrb {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
}

.Btrb {
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
}

.Brb {
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
}

.Bt {
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #000000; 
  padding: 2px;
}

.Blr {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #000000;
  border-right-width: 1px; border-right-style: solid; border-right-color: #000000;
  padding: 2px;
}

.Br {
  border-right-width: 1px; border-right-style: solid; border-right-color: #000000;
  padding: 2px;
}

.Bnone {
  padding: 2px;
}

.Btb {
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
}

/*== others ==*/
.Bltr_bg {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #000000;
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #000000;
  border-right-width: 1px; border-right-style: solid; border-right-color: #000000;
  padding: 2px;
  background-color: #DDDDDD;
}

.Bltrb_bg {
  border-left-width:   1px; border-left-style:   solid; border-left-color:   #000000;
  border-top-width:    1px; border-top-style:    solid; border-top-color:    #000000;
  border-right-width:  1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #000000;
  padding: 2px;
  background-color: #DDDDDD;
}

/*********************** Color table borders *************************************/
/*                                                                               */
/* og color scheme default: override in client-specific style.css to changed     */
/*                                                                               */
/*********************************************************************************/

.BCltr {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #FFCC00;
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #FFCC00;
  border-right-width: 1px; border-right-style: solid; border-right-color: #FFCC00;
  padding: 2px;
}

.BClb {
  border-left-width:   1px; border-left-style:   solid; border-left-color:   #FFCC00;
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFCC00;
  padding: 2px;
}

.BCb {
  border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #FFCC00;
  padding: 2px;
}

.BClt {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #FFCC00;
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #FFCC00;
  padding: 2px;
}

.BCl {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #FFCC00;
  padding: 2px;
}

.BCtr {
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #FFCC00;
  border-right-width: 1px; border-right-style: solid; border-right-color: #FFCC00;
  padding: 2px;
}

.BCltrb {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #FFCC00;
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #FFCC00;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #FFCC00;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #FFCC00;  
  padding: 2px;
}

.BCltb {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #FFCC00;
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #FFCC00;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #FFCC00;  
  padding: 2px;
}

.BClrb {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #FFCC00;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #FFCC00;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #FFCC00;  
  padding: 2px;
}

.BCtrb {
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #FFCC00;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #FFCC00;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #FFCC00;  
  padding: 2px;
}

.BCrb {
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #FFCC00;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #FFCC00;  
  padding: 2px;
}

.BCt {
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #FFCC00; 
  padding: 2px;
}

.BClr {
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #FFCC00;
  border-right-width: 1px; border-right-style: solid; border-right-color: #FFCC00;
  padding: 2px;
}

.BCr {
  border-right-width: 1px; border-right-style: solid; border-right-color: #FFCC00;
  padding: 2px;
}

.BCnone {
  padding: 2px;
}

/** */

td.matrixOnBtrb, td.matrixOffBtrb:hover {
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
  background-color: #FFFFCC;
  cursor: pointer;
  vertical-align:bottom;
}

td.matrixOffBtrb {
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
  vertical-align:bottom;
}

td.matrixOnBtrbEm, td.matrixOffBtrbEm:hover {
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
  background-color: #CCFFCC;
  cursor: pointer;
  vertical-align:bottom;
}

td.matrixOffBtrbEm {
  border-top-width:     1px; border-top-style:    solid; border-top-color:    #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;
  padding: 2px;
  background-color: #CCCCFF;
  vertical-align:bottom;
}

td.matrixOnBlrb, td.matrixOffBlrb:hover {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
  background-color: #FFFFCC;
  cursor: pointer;
  vertical-align:bottom;  
}

td.matrixOffBlrb, td.matrixOffBlrbEm, td.matrixOnBlrbEm, td.matrixOffBlrbEm:hover {
  border-left-width:    1px; border-left-style:   solid; border-left-color:   #000000;
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
  vertical-align:bottom;  
}

td.matrixOnBlrbEm, td.matrixOffBlrbEm:hover {
  background-color: #CCFFCC;
  cursor: pointer; 
}

td.matrixOffBlrbEm {
  background-color: #CCCCFF; 
}

td.matrixOnBrb, td.matrixOffBrb:hover {
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
  background-color: #FFFFCC;
  cursor: pointer;
  vertical-align:bottom;  
}

td.matrixOffBrb, td.matrixOnBrbEm, td.matrixOffBrbEm, td.matrixOffBrbEm:hover {
  border-right-width:   1px; border-right-style:  solid; border-right-color:  #000000;
  border-bottom-width:  1px; border-bottom-style: solid; border-bottom-color: #000000;  
  padding: 2px;
  vertical-align:bottom;  
}

td.matrixOnBrbEm, td.matrixOffBrbEm:hover 
{
  background-color: #CCFFCC;
  cursor: pointer; 
}

td.matrixOffBrbEm 
{
  background-color: #CCCCFF; 
}

.matrixImage
{
  padding-top:10px!important;
  text-align:center;
}

.matrixOverride
{
  background-color: #F0F0F0;  
}

/** shading */
.shadeBltr {
  background-color: #CCCCCC;
  border-left-width:  1px; border-left-style:  solid; border-left-color:  #000000;
  border-top-width:   1px; border-top-style:   solid; border-top-color:   #000000;
  border-right-width: 1px; border-right-style: solid; border-right-color: #000000;
  padding: 2px;
}

div.tooltippy 
{
  position: absolute;
  width: 250px;
  line-height: 20px;
  padding: 10px;
  margin:5px 0 0 0px;
  font-family: Verdana, Arial, Helvetica;
  font-size: 0.8em;
  color: #000000;
  background-color: #FFE;
  border:1px solid #999;
  border-radius: 5px;
  text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
  box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

.container, .progContainer, .fieldDiv 
{
  display: table;
  padding: 0px;
  border:  0px;
  /*margin:  0px; do not specify so that other styles can be used such as marginBottom */
  box-sizing:border-box;
}

.container 
{
  width: 100%;
}

.fieldDiv
{
  margin-bottom:10px;
}

.cell, .cell2col, .cell3col, div.progCell, div.progDocCell, div.progArrowCell
{
  display:table-cell;
  vertical-align:top;
  padding: 0px;
  /*border:  0px; do not specify no border so that cell can be used with Bltr and such */
  margin:  0px; 
  box-sizing:border-box;
}

.fieldDiv .cell, .cell2col, .cell3col
{
  padding-right:5px;
}

.cell2col
{
  width:50%;
}

.cell3col
{
  width:33%;
}

div.progCell
{
  width:  180px;
}

div.progDocCell
{
  width:  140px;
}

div.progArrowCell
{
  width:  40px;
}

div.separator
{
  width:95%; 
  margin:5px 10px;
  height:1px; 
  background-color: #333333;
}

ul.listEntries
{
  list-style: disc outside none;
  padding:0px;
  margin:5px 5px 5px 10px;
}

ul.listEntries > li
{
  padding-bottom:5px;
  margin-left:15px;
}

/****************************************************************/
/************ Menus Only - DO NOT USE ANYWHERE ELSE *************/
/****************************************************************/

nav .navLinkImageFirst
{
 clear:both;
 padding:0px 0px 20px 5px; 
}

nav div.navLine
{
  margin: 5px;
  padding: 5px;
  border-bottom: 2px solid #006699;
}

nav hr
{
  margin: 5px;
  padding: 0px;
  border: 0px;
  border-bottom: 2px solid #006699;
}

div.navHeader, div.navHelpHeader, div.navHeaderAlt
{
  margin: 10px 10px 0px 15px;
  padding: 0 0 2px 0;
  border-bottom: 2px solid #006699;
  font-weight: bold;
}

div.navHelpHeader h1
{
  padding-top:5px;
  font-size:1em;
}

div.navHelp
{
  padding: 0px;
  margin: 0px 5px 5px 25px;
  clear:both;
}

div.navBody
{
  background-color: rgb(245, 245, 245);
  margin: 0px 10px 0px 15px;
  padding: 10px;
}

nav ul.completeStep, nav ul.changeLanguage
{
  list-style: none; 
  padding:10px 0 10px 0;
  border-top: 1px solid #999;
  margin:0 5px 0px 5px;
}

nav ul.completeStep
{
  border-bottom: 1px solid #999;
  margin:0 5px 10px 5px;  
}

nav ul.completeStep > li.nav, nav ul.completeStep > li.navOff, nav ul.completeStep > li.navOn
{
  padding: 0px;
  margin: 0px;
  border-bottom: 0px;
}

nav ul.changeLanguage > li
{
  padding: 0px;
  margin: 0 0 5px 20px;
  border-bottom: 0px;
}

nav ul.completeStep > li.nav + li.navOff, nav ul.completeStep > li.navOn + li.navOff
{
  padding: 0px;
  margin: 0px;
  border-bottom: 0px;
  clear: both;
}

ul.nav, nav ul.navSub, nav ul.navHelp
{
  list-style: none; 
  padding:0px;
  margin:0px;
  clear:both;
}

ul.navBox li
{
  background-color: rgb(245, 245, 245);
}

ul.navBox li:last-child
{
  background-color: rgb(245, 245, 245);
  border-bottom-color: rgb(211, 211, 211);
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

 li.nav, nav li.navOn, nav li.navSub, nav li.navSubOn, nav li.navWithSub, nav li.navWithSubOn, nav li.navOff, nav li.navSubOff
{
  padding:5px;
  margin:0px;
}

nav#inventory  li.nav, nav#inventory li.navOn, 
nav#inventory li.navWithSub, nav#inventory li.navWithSubOn, nav#inventory li.navOff
{
  padding:5px 5px 5px 0px;
  margin:0px;
}

nav li.navSub, nav li.navSubOn, nav li.navSubOff
{
  padding-left:20px;
  margin:0px 10px;
}

nav#inventory li.navSub, nav#inventory li.navSubOn, nav#inventory li.navSubOff
{
  padding-left:15px;
  margin:0px 10px;
}

div.navImage, ul.navSub div.navImage
{
  float:left;
}

div.navImage
{
  padding-top:2px;
}

ul.navSub div.navImage
{
  padding-top:0px;
}

div.nav
{
  margin-left: 20px;
}

nav#inventory div.nav
{
  margin-left: 15px;
}

nav div.navSub
{
  margin-left: 20px;
}

li.nav, li.navOn, li.navOff, li.navWithSub, li.navWithSubOn,
li.navSub, li.navSubOn, li.navSubOff,
nav .iconText:link, nav .iconText:active, nav .iconTextOff,
ul.changeLanguage li
{
  font-weight: bold;
  color: #666666;
  text-decoration: none;
}

/* float the image (input) to either side of the text */
.navLinkTextFirst input
{
  float:right;
}

div.navLinkTextFirst
{
  text-align:right; /* needed for the print icons */
}

.navLinkImageFirst input
{
  float:left;
}

li.navOff, li.navSubOff, nav .iconTextOff
{
  color: #CCCCCC!important;
}

li.navSub, li.navSubOn, li.navSubOff
{
  font-weight: bold;
  color: #006699;
  text-decoration: none;
}

li.nav:hover , li.navSub:hover, li.navWithSub:hover, nav a.iconText:hover
{
  color: #333333;
  text-decoration: underline;
  cursor:pointer;  
}

ul.changeLanguage li:hover
{
  cursor: default;
}

li.navOn, li.navSubOn, li.navWithSubOn
{
  font-weight: bold;
  text-decoration: none;
}

li.navOn:hover, li.navSubOn:hover, li.navWithSubOn:hover
{
  color: #2d539d;
  text-decoration: underline;
  cursor:pointer;  
}

li.navFooter
{
  display: list-item;
  line-height: 20px;
  vertical-align: middle;
  float:left;
  height:50px;
}

ul.progDocLinks
{
  list-style: none; 
  display:block;
  width: 140px;
  padding:0px;
  margin:0 0 20px 0;
  box-sizing:border-box;
}

ul.progUL
{
  display:block;
}

li.progDocTitle, li.progDocLinks, li.progDocLinksLR
{
  display: list-item;
  width:155px; 
  margin:0px;
  padding:0px; 
  box-sizing:border-box;  
}

li.progDocTitle
{
  float:left;
  line-height: 20px;     
}

li.progDocLinks
{
  line-height: 20px; 
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

li.progDocLinksLR
{
  line-height: 20px; 
  border-right:1px solid #ccc;
  border-left:1px solid #ccc;
}

div.progDocTitle, div.progDocTitleOn, div.progDocTitleSlim
{
  font-weight: normal;
  font-size:13px;
  color: #fff;
  width:155px;  
  text-align:center;
  vertical-align:middle;
  box-sizing:border-box;
  min-height:30px;
  margin:0px;
  border:0px;
  background-color:#006699;
  border:1px solid #006699;
  /*letter-spacing: 0.5px;*/
}

div.progDocTitle, div.progDocTitleOn
{
  padding:5px;
}

div.progDocTitleSlim
{
  padding: 3px 5px;
}

div.progDocTitleOn
{
  text-decoration:underline;
}

div.progDocTitleOn:hover
{
  background-color:#0099cc;
  border:1px solid #0099cc;
  cursor:pointer;
}

div.progDocLinks, div.progLocn, div.progDocImages, div.progClosing, div.progDocInfo, div.progPostBids
{
  background-color:#FFF;
  padding:5px 5px 0px 5px;  
}

div.progSourceDoc
{
  font-weight:bold;
  padding:5px;
  background-color:#EEE;
  text-align:center;
  border-bottom:1px solid #ccc;
}

.event a
{
  background-color: #6263C2 !important;
  background-image: none !important;
  color: #FFF !important;
}

.datepicker
{
  text-align: top;
}

.ui-widget-header
{
  border: 1px solid #369 !important;
  background: #369 !important;
  background-image: none !important;
}

.ui-datepicker-trigger
{
  padding: 0px 5px;
}

.ui-datepicker-append
{
  font-size: 0.8em !important;
  font-style: italic !important;
}

.og-widget-header, .og-widget-footer, .og-widget-footer-slim
{
  border: 1px solid #c5c5c5;
  background: #c5c5c5;
  color: #333333;
  font-weight: bold;
  min-height: 20px;
  padding: 10px 0 10px 10px;
  margin: 0px;  
}

.og-widget-footer
{  
  background: #EEE; 
}

.og-widget-footer-slim
{  
  min-height: 5px;
  padding: 5px 0 5px 10px;
}

.og-corner-top
{
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.og-corner-bottom
{
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  margin:0 0 20px 0;
}

.StandardDashboardReports
{
  margin:20px 0px;
  min-width:400px;
  min-height:300px;
}

.StandardDashboardReports .floatRight
{
  float:right; 
  margin:0px 10px 10px 0px;
  padding:0px;
}

.ActionDashboardReports
{
  margin:20px 0px;
  width:720px;
}

.dashboard
{
  min-width:25%;
  float: left;
  margin:10px;
}

#prevNextTop
{
  margin-bottom:10px;
}

#prevNextBottom
{
  margin-top:10px;
}

.pageNav 
{
  font-weight:bold;  
}

div.dollarsCents
{
  margin:10px 0px; 
}

.cataloguePanel
{
  width:345px; 
  padding-right:5px; 
  border-right:1px solid #CCCCCC; 
  margin-right:5px;
}

.itemFieldsPanel
{
  width:345px; 
}

[id^=itemfield_3col_], [id^=itemfield_2col_], [id^=itemfield_1col_]
{
  float:left;
  min-height:45px;
  margin-bottom:5px;
}

[id^=itemfield_2col_]
{
  min-width:170px;
}   

[id^=itemfield_3col_]
{
  min-width:115px;
}   

[id^=itemfield_1col_]
{
  width:100%;
}  

#itemfield_2col_OrderQty
{
  clear:left;
}   

#itemfield_2col_Quantity
{
  clear:left;
}     

[id^=itemfield_] .floatLeft
{
  padding-right:3px;
}    

[id^=itemfield_] div.fieldName, [id^=itemfield_] div.fieldValue, .itemTable h3
{
  margin-left:12px;
}   

[id^=itemfield_] div.fieldName
{
  margin-bottom:5px;
}

.rss {
   margin-left: 3px;
   padding: 0 0 0 19px;
   background: url("../images/feed-icon-14x14.png") no-repeat 0 50%;
 } 