/*******************************************************************************
Copyright (c) 2011 Westat
File        : center.css
Author      : Kasi Perumal
Notes       : This CSS Document contains style sheets that support CENTER

Open Issues :
$revision_history$
10-Oct-2011   Kasi Perumal
  1.0         Initial creation of common style sheets for CENTER
*******************************************************************************/ 

table {
  width:100%;
  border:0;
  table-layout:auto;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-style:normal;
  border-collapse:collapse;
}
/*.required {color:#FF9900; font-size:10pt;font-weight:normal}*/
.required {color:#A90101;font-size:10pt;font-weight:bold}
.hintText {font-family:verdana, arial, helvetica sans-serif;font-size:8pt;font-style:italic;}
.normalText {FONT-WEIGHT: normal; FONT-SIZE: 8pt;}

/* Sortable tables */
table.sortable a.sortheader {
      background-color:#00406d;
      color:#ffffff;
      font-weight: bold;
      text-decoration: underline;
      display: block;
}
table.sortable span.sortarrow {
      color: white;
      text-decoration: none;
}

/* Stylesheet entries for errors and information #FFF5E5 */
table.error {background-color:#ffffff;font-family:verdana, arial, helvetica sans-serif;color:#cc0000;}
.error .message td {font-size:8pt;}
.error .header td {font-size:8pt;border-bottom:1px solid #cc0000;color:red;background-color:#ffffff;}

table.information {background-color:#ffffff;font-family:verdana, arial, helvetica sans-serif;color:#013470;}
.information .message td {font-size:8pt;}
.information .header td {font-size:8pt;border-bottom:1px solid #013470;background-color:#ffffff;color:green;}

table.warning {background-color:#ffffff;font-family:verdana, arial, helvetica sans-serif;color:#013470;}
.warning .message td {font-size:8pt;}
.warning .header td {font-size:8pt;border-bottom:1px solid Maroon;background-color:#ffffff;color:#E8A400;}

/* Stylesheet entries for an enhanced table */
.enhancedtable{border-collapse:collapse;}
.enhancedtable td{border:1px solid #5C5C5C;vertical-align:middle;}
.enhancedtable th{font-weight:bold;background-color:#5C5C5C;color:#ffffff;text-align:center;border:1px solid #5C5C5C; vertical-align:middle}
.enhancedtablecolouredrow{background:#CCCCCC;}
.enhancedtablerowhover{background:#ffc;}
.enhancedtableactive{background:#fc6;}
.enhancedtable a {color:#ffffff;text-decoration:underline;text-align:center}
.enhancedtable input, .enhancedtable select {font-family:verdana, arial, helvetica sans-serif;font-size:8pt;
                                                 color:#000000;font-weight:normal}

tr.header {font-weight:bold;background-color:#475B82;color:#ffffff;vertical-align:bottom;border:1px solid #475B82;}
td.vertHeader {font-weight:bold;background-color:#475B82;color:#ffffff;vertical-align:bottom;border:1px solid #475B82;white-space: nowrap;}

tr.mainHeader { 
   FONT-WEIGHT: bold; 
   VERTICAL-ALIGN: top;
   text-align: center; 
   COLOR: #ffffff; 
   BACKGROUND-COLOR: #5c5c5c;
  border: 1px solid #CCCCCC; /* constant: medium gray */
  border-bottom:2px;
}

tr.selectedRow{ 
/* for the selected tab in the main menu */
  font-size:8pt;
  font-weight:bold;
  background-color:#5c5c5c; /* darker */
  padding-left:5px;
  padding-right:5px;
  color:#FFFFFF; /* constant: white */
  text-align:center;
  border: 1px solid #CCCCCC; /* constant: medium gray */
  border-bottom:0px;
}
tr.altRow1 {background-color:#ffffff}
tr.altRow2 {background-color:#E8F0F7}
tr.active {background:#fc6;}
td.active {background:#fc6;}
td.inactive {color:red;}

.headingStyle{  
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#88e9f0;
  white-space: nowrap;
}

.printHeader  { 
  background: #EEE;
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 3px 7px;
}

/* blue template */ 

/*########## INSTRUCTIONS ##########
1. comments that start with constant: indicate colors that don't change among the color schemes
2. comments with the words lighter or darker indicate the colors that do change depending on the color scheme
For example using the blue color sheme, darker means use the darker blue and lighter means use the lighter blue
3. ems are used as the unit of measurement to maintain proportional sizing which is important for 508 compliance

/*########## BLUE COLOR SCHEME ##########
 #475B82 = darker blue
 #6E81A6 = medium blue
 #E8F0F7 = light blue 

/*########## GREEN COLOR SCHEME ##########
 #6A8989 = darker green
 #98B7B7 = lighter green
 
/*########## PURPLE COLOR SCHEME ##########
 #797C9C = darker purple
 #9FA2BA = lighter purple
 
/*########## TAN COLOR SCHEME ##########
 #706C60 = darker tan
 #B3AE9C = lighter tan
 
/*########## GRAY COLOR SCHEME ##########
 #838386 = darker gray
 #AAAAAB = lighter gray

/*########## COMMON AMONG ALL COLOR SCHEMES ########## 
 #A90101 = red
 #5C5C5C = dark gray
 #CCCCCC = medium gray
 #F4F4F5 = light gray
 #FFFFFF = white
 #000000 = black
*/

/*###############
HDR AND FTR BEGINS 
###############*/
.hdrBG{ /* for the cell that contains the required cancer.gov header */
  background-color:#A90101; /* constant: red */
}
.subhdrBG{ /* for the cell that contains the application header */
  background-color:#475B82; /* darker */
}
.ftrTable{ /* for the table that contains the footer */
  padding-top:0.4em;
}

table.footer {
  font-family : verdana, arial, helvetica sans-serif;
  font-size:7pt;
  color:#013470;
  /*border-top:1px solid #669BCD;*/
}

/*###############
MENU BEGINS 
###############*/
/* new tr/td for home page*/
td.home{  
  font-family:arial,helvetica,verdana,sans-serif;
  border:0px;
  padding-left:1em;
  vertical-align: top; 
}
tr.home{
  padding:0px;
  border:0px;
}

#footer {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  color:#ffffff;
  white-space: nowrap;
  text-align: center;
  background-image: linear-gradient(30deg, #04273e, #074065, #286090, #074065); /* url(/images/footer_bckgrnd.jpg) */
  background-color: #074065;
  padding: 1rem;
}

#footer .footer_nav,
#footer .footerBtmNav {
  margin-bottom: 1rem;
  font-family : verdana, arial, helvetica sans-serif;
  font-size: 8pt;
}

#footer .footer_nav .footul div,
#footer .footerBtmNav .footul div {
  display: inline-block;
}

#footer .footer_nav .footul div a,
#footer .footerBtmNav .footul div a {
  margin: 0 1em;
  color: #FFFFFF;
  font-family : verdana, arial, helvetica sans-serif;
  font-size: 8pt;
}

.appVersion {
  text-align: right;
  /*font-style: italic;*/
  clear: both;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  /*font-weight:bold;*/
  color:#ffffff;
  white-space: nowrap;  
}

td.appMenu{
  font-size:1.0em;
  font-weight:bold;
  font-family:arial,helvetica,verdana,sans-serif;
  color:#CCCCCC;
  border-top:.8px; 
  border-bottom:.8px; 

}

td.appMenu2{
  font-size:1.0em;
  font-weight:bold;
  font-family:arial,helvetica,verdana,sans-serif;
  color:#FFFFFF;
  border-top:.8px; 
  border-bottom:.8px;
  padding-left:1em;

}

td.mainMenu{
  background-color:#5C5C5C; /* constant: dark gray */
  font-family:arial,helvetica,verdana,sans-serif;
  border-bottom:1px solid #CCCCCC; /* constant: medium gray */
  border-top:1px solid #CCCCCC; /* constant: medium gray */
  width:100%
}
td.mainMenuItem{ /* for the off state of the main menu (top) cells */
  font-size:8pt;
  font-weight:bold;
  background-color:#5C5C5C; /* constant: dark gray */
  padding-left:5px;
  padding-right:5px;
}
td.mainMenuItemOver{ /* for the over state of the main menu (top) cells */
  font-size:8pt;
  font-weight:bold;
  background-color:#A90101;  /* darker #475B82*/
  padding-left:5px;
  padding-right:5px;
  text-decoration: underline;
  color:#FFFFFF; /* constant: white */
  /*
  border-style:solid; border-width:1px; 
  border-top-color: red;
  border: 1px solid #CCCCCC; *//* constant: medium gray */
  /*border-bottom:0px; */
}
td.mainMenuItemOn{ 
/* for the selected tab in the main menu */
  font-size:8pt;
  font-weight:bold;
  background-color:#475B82; /* darker */
  padding-left:5px;
  padding-right:5px;
  color:#FFFFFF; /* constant: white */
  text-align:center;
  border: 1px solid #CCCCCC; /* constant: medium gray */
  border-bottom:0px;
}
td.footerMenu{ /* for the basic style of the footer menu (bottom) area */
  /*background-color:#5C5C5C; constant: dark gray */
  background-color:#00406d;
  font-family:arial,helvetica,verdana,sans-serif;
  border-top:1px solid #CCCCCC; /* constant: medium gray */
  border-bottom:1px solid #CCCCCC; /* constant: medium gray */
}
td.footerMenuItem{ /* for the off state of the footer menu (bottom) cells */
  font-size:8pt;
  font-weight:bold;
  /*background-color:#5C5C5C; constant: dark gray */
  background-color:#00406d;
  padding-left:5px;
  padding-right:5px;
}
td.footerMenuItemOver{ /* for the over state of the footer menu (bottom) cells */
  font-size:8pt;
  font-weight:bold;
  background-color:#00406d; /* darker */
  padding-left:5px;
  padding-right:5px;
}
td.subMenu{ /* for the basic style of the sub-menu area */
  background-color:#6E81A6; /* lighter */
  font-family:arial,helvetica,verdana,sans-serif;
}

/*############### 
LINKS BEGIN 
###############*/
a:link.mainMenuLink,a:visited.mainMenuLink,a:active.mainMenuLink{ /* for the text links in the main menu */
  color:#FFFFFF; /* constant: white */
  text-decoration:none;
  white-space: nowrap;
}
a:hover.mainMenuLink{
  color:#FFFFFF; /* constant: white */
}
a:link.footerMenuLink,a:visited.footerMenuLink,a:active.footerMenuLink{ /* for the text links at the top of the footer */
  color:#FFFFFF; /* constant: white */
  text-decoration:none;
  white-space: nowrap;
}
a:hover.footerMenuLink{
  color:#FFFFFF; /* constant: white */
}

/*############### 
FORM BEGINS 
###############*/
.formRequiredNotice{ /* for the asterisk cell */
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:8pt;
  font-weight:bold;
  background-color:#F4F4F5; /* constant: light gray */
  color:#000000; /* constant: black */
  /*border-left:1px solid #5C5C5C;*/ /* constant: dark gray */
  /*border-bottom:1px solid #5C5C5C;*/ /* constant: dark gray */
  vertical-align:middle;
}
.formRequiredLabel{ /* for the non-required form labels */
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:8pt;
  background-color:#F4F4F5; /*constant: light gray */
  color:#FF3300; /* constant: red */
  /*border-right:1px solid #5C5C5C;*/ /* constant: dark gray */
  /*border-bottom:1px solid #5C5C5C;*/ /* constant: dark gray */
  text-align:right;
  padding-left:5px;
  width:150px;
  height:25px;
  vertical-align:middle;
}
.formLabel{ /* for the non-required form labels */
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:8pt;
  font-weight:bold;
  background-color:#F4F4F5; /*constant: light gray */
  color:#000000; /* constant: black */
  /*border-right:1px solid #5C5C5C;*/ /* constant: dark gray */
  /*border-bottom:1px solid #5C5C5C;*/ /* constant: dark gray */
  text-align:right;
  padding-left:5px;
  width:150px;
  height:25px;
  vertical-align:middle;
}
.formText{ /* for the non-required form labels */
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:8pt;
  background-color:#F4F4F5; /*constant: light gray */
  color:#000000; /* constant: black */
  /*border-right:1px solid #5C5C5C;*/ /* constant: dark gray */
  /*border-bottom:1px solid #5C5C5C;*/ /* constant: dark gray */
  padding-left:5px;
  vertical-align:middle;
}
.plainLabel{ /* for the non-required form labels */
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:8pt;
  font-weight:bold;
  background-color:#F4F4F5; /*constant: light gray */
  color:#000000; /* constant: black */
  height:25px;  
  padding-left:5px;
  vertical-align:middle;
}
.transfield {
  opacity: 0.5;                    
  -ms-filter: "alpha(opacity=50)"; 
  filter:Alpha(Opacity=50);
  border: solid 0px transparent;
}
.error{ 
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:8pt;
  font-weight:bold;
  color:#FF3300; /* constant: red */
  height:25px;  
  text-align:left;
  padding-left:5px;
  vertical-align:middle;
}
.warn{ 
  font-weight:bold;
  color:#FF3300; /* constant: red */
  vertical-align:middle;
}
.good{ /* gives a green look to the text */
  font-weight:bold;
  color:#3A9457;
  vertical-align:middle;  
}
.alert{ 
  font-weight:bold;
  color:#E8A400; /* constant: yellowish orange */
  /*color:#FF8000;*/
  vertical-align:middle;
}
.formTitle{ /* for header cells (top) of forms */
  font-family:arial,helvetica,verdana,sans-serif;
  /*font-size:0.8em;*/
  font-weight:bold;
  padding-left:0.8em;
  background-color:#5C5C5C; /* constant: dark gray */
  color:#FFFFFF; /* constant: white */
  border-top:1px solid #5C5C5C; /* constant: dark gray */
  border-left:1px solid #5C5C5C; /* constant: dark gray */
  border-right:1px solid #5C5C5C; /* constant: dark gray */
  vertical-align:middle;
}
td.formField{ /* for the cell that contains the form elements */
  font-family:Verdana, Arial, Helvetica, sans-serif;;
  font-size:8pt;
  /*color:#000000;  constant: black */
  color:#150517;
  /*border-right:1px solid #5C5C5C;*/ /* constant: dark gray */
  /*border-bottom:1px solid #5C5C5C;*/ /* constant: dark gray */
  background-color:#F4F4F5; /* constant: light gray */
  vertical-align:middle;
}
td.formRequiredField{ /* for the cell that contains the form elements that are mandatory*/
  font-family:Verdana, Arial, Helvetica, sans-serif;;
  font-size:8pt;
  /*color:#000000;  constant: black */
  color:#150517;
  /*border-right:1px solid #5C5C5C;*/ /* constant: dark gray */
  /*border-bottom:1px solid #5C5C5C;*/ /* constant: dark gray */
  background-color:#F4F4F5; /* constant: light gray */
  vertical-align:middle;
}
td.formFieldLogin{ /* for the cell that contains the form elements */
  font-family:Verdana, Arial, Helvetica, sans-serif;;
  font-size:8pt;
  color:#000000; /* constant: black */
  vertical-align:middle;
}

input.formField,textarea.formField,select.formField{ /* for the form elements themselves (on elements) */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #5C5C5C; /* constant: dark gray */
  color:#150517;
  font-size:8pt;
  vertical-align:middle;
}
input.formRequiredField,textarea.formRequiredField,select.formRequiredField{ /* for the reqd. form elements themselves*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  border:1px solid #FF3300; /* constant: dark red */
  color:#150517;
  font-size:8pt;
  vertical-align:middle;
}
input.formFieldSized,textarea.formFieldSized,select.formFieldSized{ /* for the form elements themselves and with a constant width (on elements) */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#F4F4F5; /* constant: light gray */  
  border:1px solid #5C5C5C; /* constant: dark gray */
  vertical-align:middle;
  font-size:8pt;
  /*font-weight:bold;*/
  color:#150517;
  /*width:25em;*/
  vertical-align:middle;
}
textarea.raveTextBox{ /* for the form elements themselves and with a constant width (on elements) */
  width:35em;
  height:4em
  
}
input.formFieldSizedLabel,textarea.formFieldSizedLabel,select.formFieldSizedLabel{ /* for the form elements themselves and with a constant width (on elements) */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFF;
  border:1px solid #FFF; /* constant: light gray #E7EAEA */
  font-size:8pt;
  /*font-weight:bold;*/
  color:#150517;
  /*width:25em;*/
  vertical-align:middle;
}
input.formFieldSizedInvisible,textarea.formFieldSizedInvisible,select.formFieldSizedInvisible{ /* for the form elements themselves and with a constant width (on elements) */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFF;
  border:1px solid #FFF; /* constant: light gray #E7EAEA */
  font-size:8pt;
  /*font-weight:bold;*/
  color:#FFF;
  /*width:25em;*/
  vertical-align:middle;
}
/*Julie Deng 04-Dec-2007*/
input.formFieldSizedDisabled,textarea.formFieldSizedDisabled,select.formFieldSizedDisabled{ /* for the form elements themselves and with a constant width (on elements) */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#FFC; /* constant: light yellow FFE*/  
  border:1px solid #5C5C5C; /* constant: dark gray */
  vertical-align:middle;
  font-size:8pt;
  font-weight:bold;
  color:#933;
  /*width:25em;*/
  vertical-align:middle;
}
select.formFieldSized100{ /* for the form elements themselves and with a constant width (on elements) */
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#F4F4F5; /* constant: light gray */  
  border:1px solid #5C5C5C; /* constant: dark gray */
  vertical-align:middle;
  font-size:8pt;
  /*font-weight:bold;*/
  color:#150517;
  width:100%;
  vertical-align:middle;
}
input.formErrorFieldSized,textarea.formErrorFieldSized,select.formErrorFieldSized{ /* for the erroneous. form elements themselves*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#F4F4F5; /* constant: light gray */  
  border:1px solid #FF3300; /* constant: dark red */
  font-size:8pt;
  /*font-weight:bold;*/
  color:blue;
  /*width:25em;*/
}
input.formRequiredFieldSized,textarea.formRequiredFieldSized,select.formRequiredFieldSized{ /* for the reqd. form elements themselves*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:#F4F4F5; /* constant: light gray */  
  border:1px solid #FF3300; /* constant: dark red */
  font-size:8pt;
  /*font-weight:bold;*/
  color:#FF3300; /* constant: dark red */
  vertical-align:middle;
}
input.formDisabledFieldSized,textarea.formDisabledFieldSized,select.formDisabledFieldSized{ /* for the reqd. form elements themselves*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  /*background-color:#C0C0C0;*/ /* constant: light gray */ 
  /*border:1px solid #2F4F4F;*/ /* constant: dark gray */  
  background-color:#DDDDDD;  
  border:1px solid #5C5C5C;
  font-size:8pt;
  font-weight:bold;
  color:#000;
}
input.formSearchFieldSized,textarea.formSearchFieldSized,select.formSearchFieldSized{ /* for the reqd. form elements themselves*/
  font-family:Verdana, Arial, Helvetica, sans-serif;
  background-color:rgb(255,255,153); /* constant: light yellow */  
  border:1px solid #5C5C5C; /* constant: dark gray */
  font-size:8pt;
  color:#000000;
}
input.actionButton{ /* optional style for form and action buttons */
  border-right:2px solid #5C5C5C; /* constant: dark gray */
  border-bottom:2px solid #5C5C5C; /* constant: dark gray */
  border-top:1px solid #CCCCCC; /* constant: medium gray */
  border-left:1px solid #CCCCCC; /* constant: medium gray */
}
.formMessage{ /* for messages above the form */
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:10pt;
  color:#000000; /* constant: black */
}
.normalForm{ /* for a general form in a content page */
  border:1px solid #5C5C5C; /* constant: dark gray */
}

/*###############
STANDARD CONTENT BEGINS 
###############*/

h1,.h1{
  /*border-bottom: 0.2em thin dashed #8C9EB5;*/
  /*color: #B58F8C;*/
  font-size: 14pt;
  /*text-align: right;*/
}
/*
h2,.h2{ 
  font-size:12pt;
  font-weight:bold;
  color:#5C5C5C; 
  text-align:center;
}
*/
h3,.h3{ /* for title of page */
  font-size:10pt;
  font-weight:bold;
  color: #A90101;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: .2em;   
}
h4,.h4{ /* for title of page */
  font-size:10pt;
  font-weight:bold;
  color: #00406d;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-bottom: .2em;   
}
h5,.h5{ /* for title of page */
  font-size:8pt;
  font-weight:bold;
  /*color: #254117; #397D02*/
  color:#3A9457;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: .2em;
  margin-bottom: .1em; 
}
p,.p{ /* for paragraphs */
  padding-left:1em;
}

.standardText{ /* for stand-alone text not affected by any cascading text styles */
  font-family:arial,helvetica,verdana,sans-serif;
  font-size:9pt;
  color:#000000; /* constant: black */
}
.txtHighlight{ /* adds emphasis to text */
  color:#A90101;
}
.txtHighlightYellow{ /* adds yellowish orange emphasis to text */
  color:#E8A400;
}
.disabledText{ /* gives a disabled look to the text */
  /*color:#5c5c5c;*/
  color:#6c6c6c;
}
 
/*customization starts...*/ 
 
body {
  background-color: #FFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

/******* zHelperWindow customization starts *******/

/*
BODY {
  background:#fff;
  font:.8em arial,verdana,sans-serif;
  margin:0;
  padding:0;
}
*/
.helper {
  background: #B8B8B8;
  border: 1px solid #000;
  padding: 5px;
  margin: 5px;
  width: 300px;
}

.helperTitle {
  width: 100%;
  color: #FFF;
  font-family: arial;
  background: #000000;
  font-size: 9pt;
  font-weight: bold;
  margin: -5px;
  padding: 5px;
}

.overlay {
  background-color: #000;
  width:100%;
  position: absolute;
  top: 0;
  left:0;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter: alpha(opacity=10);
}

.button {
  background-color: #DEDEDE;
  border: 1px solid #000;
  color: #2F2F2F;
  font-size: 10px;
  cursor: pointer;
}

.helpImage {
  cursor: pointer;
  margin-left: 1px;
  vertical-align:middle;
}

/* this is for IE 5.0
select.hide { 
  visibility: hidden; 
}

/******* zHelperWindow customization ends *******/


/*a:link { color: #3A00FF; text-decoration: underline; }*/

/*a:hover { color: #FF3300; }*/


input.randoButton {
  /* this filter might fire CSS Error in Firefox */
  /*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');*/

  font-weight: bold;
  font-size:11px;
  margin-left: .2em;
  padding: .0em;   
  background-color:#eeeeee;
  border-top-style:solid;
  border-top-color:#00406d;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#00406d;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-color:#00406d;
  border-left-width:1px;
  border-right-style:solid;
  border-right-color:#00406d;
  border-right-width:1px; 
  vertical-align:middle;
}

input.randoButtonBlue {
  /*
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
  */
  font-size:11px;
  color:#00406d;
  font-weight: bold;
  background-color:#eeeeee;
  border-top-style:solid;
  border-top-color:#00406d;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#00406d;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-color:#00406d;
  border-left-width:1px;
  border-right-style:solid;
  border-right-color:#00406d;
  border-right-width:1px;
}

input.randoButtonActive {
  font-size:11px;
  color:#00406d;
  font-weight: bold;
  background-color:#FBB917;
  border-top-style:solid;
  border-top-color:#00406d;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#00406d;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-color:#00406d;
  border-left-width:1px;
  border-right-style:solid;
  border-right-color:#00406d;
  border-right-width:1px;
}

input.randoButtonO {
  /*
  filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffcccccc');
  */
  /*
  background-color:#FBB917;
  font-weight: bold;
  font-size: 9pt;
  border:1px solid #5C5C5C;
  vertical-align:middle;
  */
  font-size:11px;
  color:#00406d;
  font-weight: bold;
  background-color:#fff5e5;
  border-top-style:solid;
  border-top-color:#ff6600;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#ff6600;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-color:#ff6600;
  border-left-width:10px;
  border-right-style:solid;
  border-right-color:#ff6600;
  border-right-width:1px;  
}

input.randoButtonGreen {
  font-size:11px;
  color:#00406d;
  font-weight: bold;
  background-color:#eeffee;
  border-top-style:solid;
  border-top-color:#006600;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#006600;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-color:#006600;
  border-left-width:10px;
  border-right-style:solid;
  border-right-color:#006600;
  border-right-width:1px;  
}

input.randoButtonRed {
  font-size:11px;
  color:#00406d;
  font-weight: bold;
  background-color:#ffeeee;
  border-top-style:solid;
  border-top-color:#ff0000;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#ff0000;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-color:#ff0000;
  border-left-width:10px;
  border-right-style:solid;
  border-right-color:#ff0000;
  border-right-width:1px;   
}

input.randoButtonGray {
  font-size:11px;
  color:#00406d;
  font-weight: bold;
  background-color:#F4F4F5;
  border-top-style:solid;
  border-top-color:#5C5C5C;
  border-top-width:1px;
  border-bottom-style:solid;
  border-bottom-color:#5C5C5C;
  border-bottom-width:1px;
  border-left-style:solid;
  border-left-color:#5C5C5C;
  border-left-width:10px;
  border-right-style:solid;
  border-right-color:#5C5C5C;
  border-right-width:1px;  
}


#welMsgSpan{
  position:relative; 
  top:-0% ; 
  left:1%;
  color: #000000;
}

#logonToRH{
  position:relative; 
  top:-10% ; 
  left:78%;
  color:#FFFFFF;
}

#versionRH{
  position:relative; 
  top:-10% ; 
  left:82%;
  color:#FFFFFF;
}

#error {
  color: #FF3300;
  font-size: 8pt;
  font-weight: bold;
}

#errordetails {
  font-family: "Courier New", Courier, monospace;
  font-size: 8pt;
  width: 95%;
}

#form {
  /*border-top: 1px solid #B5A38B;*/
  padding: .5em;
  width: 95%;
}

/* AJAX suggest field settings starts */
.suggestionListOn {
  width: 448px;
  background: #FFFFFF;
  color: #150517;
  padding-left: 2px;
  cursor:default;
  text-decoration: none;
  /*border:1px solid #5C5C5C;*/
}

.popupItem {
  color: #000000;
  text-decoration: none;
  font-size: 8pt;
  width: 448px;
  background: #F4F4F5;
  color: #150517;
  padding-left: 2px;
  cursor:default;  
}

.popupItem:hover {
  background: #F4F4F5;
  color: #150517;
  text-decoration: underline;
}

.popupRow {
  background: #F4F4F5;
  width: 448px;
  text-decoration: none;
}
/* AJAX suggest field settings ends */

/* Dynamic scripting stylesheet */
div {
    font-family: Arial, Helvetica;
    font-size: 8pt;
    width: auto;
}

div.section,div#createNew {
    border: 1px solid #CCCCCC;
    margin: 2px 2px;
    padding: 0px 0px 10px 0px;
    /*background-color: #EFEFEF;*/
    background-color: #E1E1E1;
    width: auto;
}

div.jmesaHeader{
    white-space: nowrap;
    /*background-color: #729fcf;*/
    background-color: #475B82;
    color: white;
    font-size: 11px;
    font-weight: bold;
    padding: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: white;
    border: 1px solid #475B82;
    text-align: center;
	margin: 3px;
	border-bottom-width: 3px:
}

div#createNew input { margin-left: 5px; }

div#createNew h3, div.section h3{
    font-size: 8pt;
    padding: 2px 5px;
    margin: 0 0 10px 0;
    background-color: #CCCCCC;
    display: block;
    width: auto;
}

div.section h3 {
    /*cursor: move;*/
}

div.lineitem {
    margin: 3px 3px;
    padding: 2px;
    background-color: #FFFFFF;
    /*cursor: move;*/
    border:1px solid #475B82;
    width: auto;
}

/* used by the div wrap containers */
DIV.bar {
  BORDER-RIGHT: rgb(128,128,128) 0px solid; BORDER-TOP: rgb(128,128,128) 0px solid; PADDING-LEFT: 15px; BORDER-LEFT: rgb(128,128,128) 0px solid; WIDTH: 85%; LINE-HEIGHT: 0; BORDER-BOTTOM: rgb(128,128,128) 1px solid
}
DIV.container {
  BORDER-RIGHT: #95b7cd 2px solid; BORDER-TOP: #95b7cd 2px solid; MARGIN-TOP: 10px; BORDER-LEFT: #95b7cd 2px solid; PADDING: 10px; BORDER-BOTTOM: #95b7cd 2px solid; POSITION: relative;
}
DIV.operation {
  LEFT: 40px; POSITION: absolute; TOP: -7px; BACKGROUND-COLOR: white
}
DIV.block {
  PADDING-LEFT: 15px; PADDING-RIGHT: 15px;
}
DIV.block100 {
  PADDING-RIGHT: 100px; PADDING-LEFT: 100px
}

table.orange {
    border:1px solid #E8A400;
    background-color: #FFF4D8;
    width: auto;
}
  
td.cellitem {
    /* background-color: #ECF3E1;*/
    /* border:1px solid #C5DEA1; */
    /* color: #A90101; */
    /* font-weight:bold; */
    font-size: 8pt;
    width: auto;
    vertical-align:middle;
}

td.cellitemlabel20 {
    /* background-color: #ECF3E1;*/
    /* border:1px solid #C5DEA1; */
    /* text-align: right; */
    color: black;
    font-weight:bold;
    font-size: 8pt;
    width: 5%;
    white-space:nowrap;
    vertical-align:middle;
    text-align:right;
}

td.cellitemlabel21 {
    color: white;
    font-weight:bold;
    font-size: 8pt;
    width: 5%;
    white-space:nowrap;
    vertical-align:middle;
    text-align:left;
}


td.cellitem20 {
    color: black;
    font-size: 8pt;
    width: 5%;
    white-space:nowrap;
    vertical-align:middle;
    text-align:left;
}

td.cellitemlabel {
    /* background-color: #ECF3E1;*/
    /* border:1px solid #C5DEA1; */
    /* text-align: right; */
    color: black;
    font-weight:bold;
    font-size: 8pt;
    vertical-align:middle;
}

td.cellitemlabeltop {
    /* background-color: #ECF3E1;*/
    /* border:1px solid #C5DEA1; */
    /* text-align: right; */
    color: black;
    font-weight:bold;
    font-size: 8pt;
    vertical-align:top;
}

td.bigresult{  
  font-family: Helvetica;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 11pt;
  line-height: 100%;
  word-spacing: normal;
  letter-spacing: normal;
  letter-spacing: 0.0ex;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  text-indent: 0ex;
  color:#00406d;
}

td.header {
    background-color: #CCCCCC;
    /*display: block;*/
    color: #475B82;
    font-weight:bold;
    font-size: 8pt;
    height:20px;
    vertical-align:middle;
}

tr.infobanner {
  background:url(../images/round_corner.gif) no-repeat right bottom;
}

td.vertbanner {
  background:url(../images/vert_menu_bk.gif) no-repeat left;
  font-weight: bold;
  color:#00406d;
  white-space: nowrap;
  font-family: sans-serif;
  font-size: 10pt;
}

/* used by the help links on the top right - b4c3d4 */
A.infobar:link {color:#ffffff;  text-decoration:none; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}
A.infobar:visited {color:#ffffff; text-decoration:none; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}
A.infobar:hover {color:#ffffff ; text-decoration:underline; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}
A.infobar:active {color:#ffffff ; text-decoration:none; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}

A.scrollbar:link {color:#00406d;  text-decoration:none; font-size: 10pt; font-family: sans-serif;}
A.scrollbar:visited {color:#00406d; text-decoration:none; font-size: 10pt; font-family: sans-serif;}
A.scrollbar:hover { color:#00406d ; text-decoration:underline; font-size: 10pt; font-family: sans-serif;}
A.scrollbar:active {color:#00406d ; text-decoration:none; font-size: 10pt; font-family: sans-serif;}

A.homebar:link {color:#000000;  text-decoration:none; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}
A.homebar:visited {color:#000000; text-decoration:none; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}
A.homebar:hover { color:#00406d ; text-decoration:underline; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}
A.homebar:active {color:#000000 ; text-decoration:none; WHITE-SPACE: nowrap; font-size: 10pt; font-family: sans-serif;}

td.mainheader{  
  font-family: sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 11pt;
  line-height: 100%;
  word-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  text-indent: 0ex;
  color:#00406d;
  white-space: nowrap;
}
td.linkheader{  
  font-family: sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: bold;
  font-size: 11pt;
  line-height: 100%;
  word-spacing: normal;
  letter-spacing: normal;
  text-decoration: none;
  text-transform: none;
  text-align: left;
  text-indent: 0ex;
  color:#00406d;
  white-space: nowrap;
  padding-left: 4px;
  padding-right: 4px;
  border-bottom: 2px solid #61acc0; /* constant: medium gray */
}

/***** context bar menu begins *****/
table.contextBar {
  /* border:1px solid #E8A400; background-color: #FFF4D8; border:1px solid #00406d; */
  /*background-color: #f8f8ff;*/
  color:#000;
  padding:0 16px 0 8px;
  white-space:nowrap;
  width:1%
  align:left
}

fieldset {
  /*border:1px groove;*/
}

fieldset.test {
  position:relative;  
  border:1px solid #ff0000; 
}

legend {
  padding: 2px 5px;
  border:1px solid #00406d;
  color:#00406d;
  font-size:8pt;
  text-align: center;
  font-weight: bold; 
}

legend.test {
  padding: 2px 5px;
  border:1px solid #ff0000;
  background:#ffffcc;
  color:#ff0000;
  font-size:8pt;
  text-align: center;
  font-weight: bold; 
}
/***** context bar menu ends *****/

/***** snazzy box css starts *****/
.zsnazzy {width:740px; margin:0 0 100px 5px;}
.xsnazzy h2, .zsnazzy h2 {margin:0; font-size:1.0em; padding:0 0px 3px 5px; border-bottom:1px solid #444;}
.xsnazzy p, .zsnazzy p { margin:0; padding:5px 5px 5px 10px; font-size:12px;}
.xsnazzy {background: transparent; float:left; margin:0 3px; display:inline;}

.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #444; border-right:1px solid #444;}
.xb1 {margin:0 5px; background:#444;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.xboxcontent {display:block; border:0 solid #444; border-width:0 1px; height:auto;}
* html .xboxcontent {height:1px;}

.color_warn {background:#ffa23f; color:#000;}
.color_cyan{background:#88e9f0; color:#000;}
.color_normal {background:#c5d4e8; color:#000;}
.color_white {background:#ffffff; color:#fff;}
.color_d {background:#c9ba65; color:#fff;}
.color_green{background:#b6ff00; color:#000;}
.color_light_green{background:#d4d8bd; color:#000;}
.color_nci{background:#A90101; color:#fff;}
.color_o{background:#e8a400; color:#fff;}
/***** snazzy box css ends *****/

/**  BreadCrumb CSS ***/
#breadcrumb ul {
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#breadcrumb{
    overflow: hidden;
    width: 100%;
    font-size: 12px;
    font-family: verdana, arial, helvetica sans-serif;
    font-weight: bold;
    text-decoration: none;
}
 
#breadcrumb li{
    float: left;
    margin: 0 .5em 0 1em;
}
 
#breadcrumb a, #breadcrumb #current{
    background: #A90101; 
    padding-left: 8px;
    float: left;
    text-decoration: none;
    color: #fff;
    position: relative;
}
 
#breadcrumb a:hover{
    background: #00406d;
    color:white;
}
 
#breadcrumb a:before, #breadcrumb #current:before{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-width: 1.5em 0 1.5em 1em;
    border-style: solid;
    border-color: #A90101 #A90101 #A90101 transparent;
    left: -1em;
}
 
#breadcrumb #first:before{
    border-width: 0;
}
 
#first{
    border-radius: 5px 0 0 5px;
}
 
#first img{
    position:relative;
    top:3px;
}
 
#breadcrumb a:hover:before {
    border-color: #00406d #00406d #00406d transparent;
}
 
#breadcrumb a:after, #breadcrumb #current:after{
    content: "";
    position: absolute;
    top: 50%;
    margin-top: -1.5em;
    border-top: 1.5em solid transparent;
    border-bottom: 1.5em solid transparent;
    border-left: 1em solid #A90101;
    right: -1em;
}
 
#breadcrumb a:hover:after{
    border-left-color: #00406d;
 
}

/**  BreadCrumb CSS ENDs***/