/**
 * Dark Blue #002d62
 * Light Blue #00aeef
 * Mid Blue #00559B
 * Orange #fbb040
 * Yellow #ffe3Af
 * Blue Grey #8095b0
 * 50% (light) cyan #6DCFF6
 * 25% (very light) cyan #B9E5FB
 */ 
 
 /** 
 * universal styles 
 */
html,body {
  margin: 0;
  padding: 0;
}
form {
	margin: 0px; 
	padding: 0px;
}
.dijitTooltipContainer {
	border: solid black 1px;	
	background: lightyellow;
	padding: 2px 2px 2px 2px;
}
textarea {
  border:solid 1px #7B9EBD;
  background-color:white;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: normal;
}
textarea.confirm {
  border:solid 1px #ECF4F8;
  background-color:white;
  color:#002d62;
  font-family: Arial, sans-serif;
  font-size: 11pt;
  font-weight: normal;
}

body {
  background-color: #ffffff;
  color: #002d62;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

img {border: 0px;}

ul {list-style-type: disc;}

a:link {color: #002d62;}
a:visited {color: #002d62;}
a:hover {color: #fbb040;}
a:active {color: #333333;}

/**
 * Emphatic functional link
 */
a.emph:link {font-weight:bold;}
a.emph:visited {font-weight:bold;}
a.emph:hover {font-weight:bold;}
a.emph:active {font-weight:bold;}

a.error:link {color: #FF0000;}
a.error:visited {color: #FF0000;}
a.error:hover {color: #fbb040;}
a.error:active {color: #333333;}

/**
 * Do not change hover color for selected row,
 * or can't see it at all! 
 */
tr.selected td a:hover {color: #002d62;}

h1, h2, h3 {
  font-weight: bold;
  padding: 0px;  
}

h1 {font-size: 130%;}
h2 {font-size: 120%; margin: 0; margin-bottom: 10px;}
h3 {font-size: 110%;}

h1 {
  padding-bottom: 2px;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  margin-bottom:10px;
}

h1.HeaderWithSubHeader {
  padding-bottom: 0px;
  border-bottom: 1px solid #cccccc;
  margin: 0;
  text-transform: uppercase;
}

hr
{
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 0 0 20px;
  height: 0;
}

/**
 * containers
 */
#page-container {
  width: 940px;
  margin: auto;
}

#header {
}

#main-nav {
  width: 936px;
  height: 30px;
  background: url(../images/navBG.jpg);
  background-color: #002d62;
  border-left: 2px solid #8095b0;
  border-right: 2px solid #8095b0;
}

#content {
  padding: 10px 10px;
  min-height:400px;
  height: auto !important;
  height: 400px;
}

#footer {
  clear: both;
}

/**
 * classes
 */
.hidden {
  display: none;
}

p.SubHeader {
  background: #eeeeee;
  padding-bottom: 2px;
  margin: 0;
  margin-bottom:10px;
}

p.note {
  background: #eeeeee;
  padding: 4px;
  font-family: tahoma;
  font-size: 85%;
  line-height: 130%;
  margin-top: 0;
}

#questions {
  padding: 5px 5px;
  display:block;  
}

dt.question {
  background: #eeeeee;
  padding: 4px;
  font-weight: bold;
  line-height: 130%;
  margin-top: 0;
}

.required:before {
	content:"* ";
	color: #FF0000;
}

.error {
  color: #FF0000;
}

/**
 * Messages display
 */
.messages {
}
.errormessage, .successmessage {
  line-height: 150%;
  font-weight: bold;
  padding-left:4px;
}
.errormessage {
  color: #FFFFFF;
  background: #FF0000;
}
.successmessage {
  color: #003366;
  background: #66CC99;
}

.copyright {
  color: #ffffff;
}

table.formsection tr, table.formsection td {
	border-collapse:collapse; 
	border: 1px solid gray; 	
}
td.theading {
	width:100%;
}
h2.sectionheader {
	width:50%;
	text-align:center; 
	margin-bottom: -.5em;
}

table.formlayout td, table.formlayout th {
	padding:3px;
}
td.spacer {
  line-height: 50%;
}

.notes {
  font-size: 8pt;
}

.notes {
  font-size: 8pt;
}

table.data {
  border: 1px solid #002d62;
}

table.data th {
  background-color: #00559B;
  color: #ffffff;
  padding: 4px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

tr.pagingBar {
 	padding:0;
 	margin:0;
 	border-top:1px solid #8095b0;
}

td.pagingBar {
 	padding:0; margin:0; 	
 	background-color: #BFBFBF;
}

table.data td.pagingBar {
 	border-left: 0px;
 	padding: 2px 0px;
 	background-color: #BFBFBF; 	
}

input.pagingBar {
	color: #00376A;
}

table.pagingBar,
table.pagingBar td.pagingBar,
div.pagingBar {
 	padding: 0px 0px;
 	background-color: #c8c8c8; 	
}

table.data tbody tr td {
  font-size: 8pt;
  padding: 3px 8px;
  border-left: 1px solid #d9d9d9;
}

table.data tbody tr.selected td {
  background-color:#fbb040;
  color: #002d62;
  font-weight: bold;
}

table.data tbody tr.highlight td {
  background-color:#fbb040;
  color: #002d62;
}

table.data_green {
  border: 1px solid #ffffff;
}

table.data_green th {
  background-color: #66cc99;
  color: #002d62;
  padding: 4px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

table.data_green tbody tr td {
  font-size: 8pt;
  padding: 3px 8px;
  border-left: 1px solid #ffffff;
  background-color:#99ffcc;
}



table.data_red {
  border: 1px solid #ffcccc;
}

table.data_red th {
  background-color: #ff0000;
  color: #ffffff;
  padding: 4px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

table.data_red tbody tr td {
  font-size: 8pt;
  color: #002d62;
  padding: 3px 8px;
  border-left: 1px solid #ffcccc;
  background-color:#ff9999;
}


table.data_amber {
  border: 1px solid #ffe8aa;
}

table.data_amber th {
  background-color: #ff9600;
  color: #002d62;
  padding: 4px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

table.data_amber tbody tr td {
  font-size: 8pt;
  padding: 3px 8px;
  border-left: 1px solid #ffc8aa;
  background-color:#ffc800;
}


/**
 * Product Heading table for use with SNL and SCL
 */
table.itemheading {
  border: 1px solid #002d62;
  border-collapse: collapse;
}

table.itemheading th {
  background-color:#002d62;
  color:#ffffff;
  padding: 4px;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
  border-width: 1px 1px 1px 1px;
  border-style:inset inset inset inset;
  border-color:#ffffff #ffffff #ffffff #ffffff;
}
table.itemheading td {
  border-width: 1px 1px 1px 1px;
  border-style:inset inset inset inset;
  border-color:#002d62 #002d62 #002d62 #002d62;
}
table.itemheading tbody tr td {
  font-size: 8pt;
  padding: 4px;
}

/**
 * Separator used on product history page
 */
 
.withborder {
	border-left:2px solid #002d62;
}

.legend, .legendheader {
  color: #336699;
  font-family: Arial, sans-serif;
  font-size: 7pt;
  padding: 2px;
}

.legendheader {
  font-weight: bold;	
}

.leftnavheader {
  background-color: #002d62;
}

.leftnavheader h2 {
  font-weight: bold;
  padding: 0px;  
  color: #ffffff;
  font-size: 120%; 
  margin: 4px; 
}

/**
 * legend in product history
 */
table.legend {
  border: 1px solid #ccc;
  border-collapse: collapse;
}
table.legend td, table.legend tr {
  border: 0;
}

/**
 * crc reports
 */
table.crcReport {
  font-family: verdana;
  font-size: 7pt;
  color: #000000;
}
table.crcInteractiveReport {
  font-family: verdana;
  font-size: 10px;
  color: #000000;
}
table.crcInteractiveReport th {
  font-weight: bold;
}
.crcReportFieldHelp {
  font-family: verdana;
  color:darkgray;
  font-weight: normal;
  font-size: 10px;
}
table.crcReport th {
  font-weight: bold;
  background-color: #b9e5fb;
}
table.crcReport td.emph {
  font-weight: bold;
}

table.crcReport a:hover {color: #002d62;}
table.crcReport a:active {color: #002d62;}

input.coloredBg {
  background-color: #fbb040;
}

.fieldHelp {
  color: #336699;
  font-family: Arial, sans-serif;
  font-size: 7pt;
  padding: 2px;
  font-weight: normal;
}

.centered {
  margin-left:auto;
  margin-right:auto;
}