/** Common fonts **/

body, p, td  { font-family: Georgia,Verdana,Times; font-size: 10pt }
h1, h2, h3, h4, h5, h6 { font-family: Arial, Helvetica, sans-serif; }

/** Page **/
#body { 
  max-width: 70em;
  width: expression(window.fixMaxWidth ? window.fixMaxWidth() : "70em");
}

/** Headers **/
h1, h2, h3, h4 {
	color: #FFF; background-color: #6494FF;
	padding: 2px 0.5em; margin-bottom: 0.5em;
	clear: both;
}

h1 { font-size: 16pt; }
h2 { font-size: 14pt; }
h3 { font-size: 12pt; }
h4 { font-size: 10pt; }
h4.sectionHeader { background-color: #BBB !important; color: #000 !important;
  text-align: left; font-family: Verdana; font-size: 11px; font-weight: 900; }
  
.intro { font-size: 10pt; margin: 6pt 1pt; }
li p.intro { margin: 0 ; }

/** Links **/
a { color: #0046E3; text-decoration: none; }
a:hover { color: #0000EE; text-decoration: underline; font-weight: bold; }
  
/** Utility styles **/
.noMargin, .halfLine { margin: 0 0; padding: 0 0; }
.padTopBottom { padding: 0.5em 0; }
.marginTop { margin-top: 0.5em; }
.padBottom { padding-bottom: 6px; }
.padLR     { padding-left: 3px; padding-right: 3px; }
.bottom3pt { margin-bottom: 3pt; }
.halfLine { line-height: 50%; font-size: 50%; }
.txtList { margin: 0; padding-left: 20px; }
a.plain { color: black; text-decoration: none; }
.fltR, .fltRm { float: right; }
P.fltRm { margin-left: 1em ; }
.fltL, .fltLm { float: left; }
P.fltLm { margin-right: 1em; }
.cHand { cursor: pointer; }
.hiddenFrame { border-width: 0px; height: 0px; width: 0px; }
.notHiddenFrame { border-width: 1px; height: 10em; width: 100%; }

.error { background-color: rgb(255,128,128) ; color: rgb(0,0,0); margin: 2px 0px; padding: 2px 1em; border: outset; border-width: 3px; }
.loading { padding-left:20px; font-size: 10pt; 
  background-image: url(/images/ajax-loader-small.gif); background-position: left center; background-repeat: no-repeat; }

.inHeaderX .error {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 8pt; padding: 0 1em 2px 1em; margin: 0 0; border-width: 2px; }

.warningBlock { float: right; width: 20em; border-width: 2px; padding: 0.5em 0.5em; border-style: outset; background-color: #FFDB8E; }

.warnBox, .stopBox, .infoBox, .noteBox, .success {
  border-width: 1px 1px 1px 10px; border-style: solid; border-color: #aaaaaa;
  background-position: 12px 5px; background-repeat: no-repeat; background-color: #eeeeec;
  padding: 3px 0 3px 54px; margin: 0.5em 2em; min-height: 40px; height: auto !important; height: 45px;
}

.warnBox { background-image: url('/images/icons/warning.png'); border-left: 10px solid #FFDB8E; }
.infoBox { background-image: url('/images/icons/info.png'); border-left: 10px solid #fce94f; }
.stopBox { background-image: url('/images/icons/stop.png'); border-left: 10px solid #FFDB8E; }
.noteBox { background-image: url('/images/icons/note.png'); border-left: 10px solid #FCE94F; }
.success { background-image: url('/images/icons/OK.png'); border-left: 10px solid #6fd010;}

/** Top-of-page banners - CHANGE **/
.tb_banner { background-image: url('/images/topbar_bg.gif'); 
             background-repeat: repeat-x;
             text-align: left; 
             font-family: Verdana, Arial, Helvetica, sans-serif; }

.tb_button, .tb_act_button
            { background-image: url('/images/topbar_in.gif'); background-repeat: no-repeat; 
			 width: 100px; line-height: 25px; height: 30px; overflow: hidden;
             margin: 0 0; padding: 0 0; text-align: center; 
             font-family: Trebuchet MS, Arial, Helvetica,sans-serif; font-size: 12px; }

.tb_act_button { background-image: url('/images/Ctopbar_act.gif'); font-weight: 800; }

.tb_button a:link, .tb_button a:visited, .tb_act_button a:link, .tb_act_button a:visited {
  text-decoration: none; color: #000; }

/** Images - CHECK **/
div.image { 
  text-align: center; font-size: 9pt; 
  margin: 0pt; padding: 2pt;
  background-color: white;
}

img.image {
  border-style: groove;
}

/** Form completion steps **/
#steps { margin: 0.2em 0; padding: 0 0; }
#steps li { list-style-type: none; padding: 0.2em 1em; float: left; background-color: #F4F4F4; border: 1px outset;
            font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 11px; }
#steps li.separator { border: none; background-color: transparent; padding-top: 0.5em; font-size: 80% }
#steps li.active { background-color: #FFCE63; border: 2px outset #FFCE63; }
#steps li.end { float: none; clear: both; font-size: 4px; padding: 0 0; margin: 0 0; height: 0.2em; line-height: 0.2em; border: none; background-color: transparent; }   


/** Notes **/
.note, .notesmall { border-style: groove none; }
.notesmall { font-size: 80%; }

/** Sections - CHECK **/ 
.btb, .btbActive {color:#000000; font-size: 80%; padding: 2px 2px; margin: 0 0;}

.btbActive {color:#000000; font-size: 80%; font-weight:bold}
.btbActive a:link, .btbActive a:visited {color:#000000; text-decoration: none}
.btbActive a:hover {color:#3366AA; text-decoration: underline}

.btb a:link { color: #008; }
.btb a:visited { color: #C04; }

.btbSection { width: 170px; border-style: solid; margin: 0 0; padding: 0 0; border-width: 0 1px 0 1px }

.btbSection OL { margin-left: 2em; margin-bottom: 0; margin-top: 0; }

/** Formatted table **/
.fmtTable { clear: left; border-collapse: collapse; }
.fmtTable TD, .fmtTable TH, .fmtTable P { font-size: 8pt; }
.fmtTable P { margin: 0 0; }
.fmtTable TD { padding: 2px 5px; text-align: left; vertical-align: top; }
.fmtTable TH { font-weight: bold; padding: 2px 7px; border-bottom: inset; border-bottom-width: 2px; border-bottom-color: rgb(151,144,151); vertical-align: bottom; }
table.fmtTable TD.right { text-align: right; }
.rowGray { background-color:  #F4F4F4; }
.rowActive { background-color: #FFDB8E !important; }
.rowActive a:hover { font-weight: normal; }

/** Expandable rows in table **/
.sectorRow td { padding-top: 0.8em; }
.sectorRow td .sectionHeader { text-align: left; }
.expanded .hideWhenExpanded { display: none; }
.collapsed .hideWhenCollapsed { display: none; }
.expandable .left { float: left; }
.expandable .right { float: right; }
.expandTitle img { padding: 0 0.2em; border: none; }
tr.expandable td { padding-left: 0; padding-right: 0; }

.sectorRow .formCell { padding-top: 0.8em; }
.sectorRow .formCell .sectionHeader { text-align: left; }

/** Object descriptions formatted as definition lists **/

dl.dlTable, dl.dlList, dl.dlText { font-size: 8pt; margin: 0.5em 0; padding: 0 0 0 0.5em; clear: left; min-width: 1em; }
dl.dlTable { float: left; position: relative; }

dl.dlTable dt {
  float: left; clear: left; font-weight: bold; width: 10em; min-width: 1em;
  padding: 1px 0; margin: 0 0;
}

dl.dlTable dd { margin: 0 0; float: left; padding: 1px 0; min-width: 10em; }

/** IE7-specific hack **/
*:first-child+html dl.dlTable dd { float: none !important; margin-left: 10em; }

dl.dlList dt { margin: 0.5em 0 0 0; font-weight: bold; min-width: 1em; }
dl.dlList dd { margin: 0 0; padding: 0 0; min-width: 1em; }
dl.dlList dd.marginTop { margin-top: 0.5em; }

dl.dlText { padding-left: 10.5em; }
dl.dlText dt { margin: 0 0 0 -10em; float: left; width: 10em; padding: 0 0; font-weight: bold; min-width: 1em; }
dl.dlText dd { margin: 0 0; padding: 0 0; min-width: 1em; }

/** Forms and tables - CLEANUP **/
.form, .formNoPrint, .thinBorder {
  border: outset; border-width: 2px; 
  background-color: rgb(252,252,254); color: rgb(0,0,0) ;
  font-family: Verdana, sans-serif; 
  font-size: 8pt; 
  margin: 3px 0; padding: 2px 2px; 
  page-break-inside: avoid;
}

.thinBorder { border-style: solid; border-width: 1px; }

.formHead, .formText, .formList { font-size: 8pt; margin: 0 0; padding: 0 2px; }
.formList { margin: 2pt 0; clear: left; }

.formHead { float: left; color: rgb(0,70,213) ; }
.formHeadLine { color: rgb(191,184,191); height: 1px; }
.formField, .formSpan, .form INPUT { font-size: 8pt; background-color: rgb(255,255,255); margin: 0 0;}
FORM.form .err { background-color: rgb(255,128,128); padding: 2px 1em; border: solid 2px; display: none; margin: 0 1em;}

P.formField { padding: 1px 1px; }
.formSpan { border:1px solid #e0e0e0; width:100%; }
.formFieldPassive { width: 100%; background-color: rgb(224,224,219); border: inset; border-width: 2px; font-size: 8pt; padding: 0 4px; margin: 0 0; }

.formTable { font-size: 8pt; clear: left; }
.formCell, .tableHeader, .tableHeaderText, .formCellOptional, .tableHeaderOptional, .formCellRpad, .formLegend, .tableHeaderRpad, .tableRpad TD, .tableRpad TH
  { font-size: 8pt; margin: 0 0; padding: 1px 1px; }

.tableMorePad TD { padding-top: 0.15em !important; padding-bottom: 0.15em !important; }

.formCell, .formCellRpad, .tableRpad TD { vertical-align: top; }  
.formCellRpad,.tableHeaderRpad, .tableRpad TD, .tableRpad TH { padding-right: 2em; }

.rowMorePad { padding-top: 2px !important; padding-bottom: 2px !important; }

.formLegend   { float: left; clear: left; width: 90pt; }

.formButton {
  border: outset; border-width: 1px; 
  margin: 0; padding: 2px;
  background-color: #CCC; width: 100px; 
  font: 8pt Arial, Helvetica, sans-serif; text-align: center;
  text-decoration: none;
  cursor: pointer;
}

.formSection {
  border-style: solid; border-width: 0 1px 1px 1px; margin: 0.5em 0 0 0; padding: 0 0;
}

.formSectionTitle {
  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: 900; overflow: hidden; 
  text-align: center;  margin: 0 0; padding: 2px 2px;
  border: outset 2px #6494FF; background-color: #6494FF; color: #FFF;
}

.tableHeader, .tableHeaderOptional, .tableHeaderText, .tableHeaderRpad, .tableRpad TH { 
   font-weight: bold; 
   padding: 1px 6px; 
}

.tableHeader, .tableHeaderOptional, .tableHeaderRpad, .tableRpad TH { 
   border-bottom: inset; border-bottom-width: 2px; border-bottom-color: rgb(151,144,151); 
}
 
.sectionHeader {
  padding: 2px 2px; margin: 0 0; 
  border-style: outset; border-width: 2px; 
  background-color: #BBB; text-align: center; font-family: Verdana; font-size: 11px; font-weight: 900; 
}

/** Button rows **/
.buttonRow UL { float: left; margin: 0 0; padding: 0 0; }
.buttonRow UL LI { float: left; list-style: none; padding: 0 0.5em; border-right-style: groove; border-right-width: 2px; margin: 0 0; }
.buttonRow UL LI.last { border-right-style: none !important; }
.buttonRow UL LI.first { border-left-style: groove; border-left-width: 2px; }
.buttonRow A:hover { font-weight: normal; }

.btnDivide { margin: 0 0; padding: 0 0; font-size: 3px; }

/** Buttons **/
.btx100, .btx170, .btxa, .btx170_down, .form input.btx170, .form input.btx100 {
  background-color: #FFCE63;
  border: 2px outset #FFCE63;
  overflow: hidden; cursor: pointer;
  padding: 0 0 2px 0; margin: 0 0; text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; font-size: 8pt !important; }
  
.btx100 { width: 9.5em; }
.btx170, .btx170_down { width: 16em; }
.btxa   { padding-left: 1em; padding-right: 1em; }
.btx170_down, .btnDown { background-color: rgb(255,156,0); border: 2px inset rgb(255,156,0); }

.btx100 a:link, .btx100 a:visited, .btx170 a:link, .btx170 a:visited, .btxa a:link, .btxa a:visited,
  .btx170_down a:link, .btx170_down a:visited { text-decoration: none; color: #000; }

.inHeader  { float: right; margin: 3px 3px; }
.inHeaderX { float: right; margin: 2pt 2pt; }
.hdrButtons { clear: none; margin-top: 0; }

/** top row pulldown menu **/
.pulldownMenu { margin: 0 0; height: 1.5em; }
.pulldownMenu .item { float: left; position: relative; z-index: 100 }
.pulldownMenu .subItem { position: absolute; display: none; }

/* left menu styles */
#leftMenuBar { float: left; width: 10em; padding: 0.1em 0.2em; margin: 0pt 0.3em 0pt 0pt; background-color: #B9CFFF; 
  border-right-style: ridge; border-right-width: 3px; }
.leftMenuL1, .leftMenuL2 { font-family: Verdana, Arial, Helvetica, sans-serif; 
  position: relative; }
.leftMenuL1  { font-size: 8pt; font-weight: 700; padding: 2px 0px 2px 0px; margin: 0pt 0pt 0pt 0pt; }
.leftMenuL2  { font-size: 8pt; padding: 0pt 0pt 0pt 12px; margin: 0pt 0pt; cursor: pointer; }
.leftMenuHover { background-color: #000080; color: #FFF !important ; }
.leftMenuIcon { float: left; padding: 2px 3px 0px 0px; cursor: pointer; }
.leftMenuL2Div { margin-top: 0.2em; margin-bottom: 0.2em; }

#pageContent { margin: 0px 0px; padding: 0px 0px 0px 10.7em; }

/** Right sidebar **/
.rightSidebar { position: absolute; top: 0px; right: 0px; width: 15em;
  border: 2px outset #FFDB8E; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; }

.rightSidebar, .sbSection span, .activeElement { background-color: #FFDB8E; }

.sidebarText, .sbSection { font-size: 8pt; padding: 0.2em 0.5em; margin: 0px 0px; }
.sbSection { font-weight: 900; text-align: center; padding: 0.2em 1em; margin: 0 0.5em;
  background: url('/images/Backgrounds/blackdot.gif') center left repeat-x; }
.sbSection img.x { position: absolute; top: 0px; right: 0px; cursor: pointer; }
.sidebarText a { text-decoration: none; color: black; }

/** Breadcrumbs **/
#breadcrumbs, #largecrumbs { margin: 0.6em 0; }
#breadcrumbs p { font-size: 8pt; margin: 0 0; padding: 0 2px; }

#largecrumbs p { margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
#largecrumbs p span { font-size: 9pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; padding-top: 0.3em; padding-bottom: 0.3em; }

/** Printing **/
@media print { .btn100, .btn170, .btx100, .btx170, .btxa { display: none; } }
@media print { .noPrint, .formNoPrint { display: none; } }

/** Xforms **/
.xForm { margin: 0 0; padding: 0 0; }
.xForm fieldset { margin: 0.3em 0; text-align: left; }
.xForm h3 { margin-bottom: 0.3em; }
.xForm legend { font-size: 9pt; color: rgb(0,70,213); font-weight: bold; padding: 0 1em; }
.xForm ol, .Xform li, .xForm label, .xForm input, .xForm select, .xForm p { font-size: 8pt; }
.xForm ol { margin: 0 0; padding: 0 0; }
.xForm li { margin: 0.1em 0 0.1em 15em; padding: 0.2em 0.3em; list-style-type: none; clear: left; }
.xForm label { display: block; float: left; width: 15em; margin-left: -15em; }
.xForm input { position: relative; }
.xForm .help { position: relative; top: 0; left: 0; display: none; }
.xForm .activeHelp { width: 30em; border-width: 2px; padding: 0.5em 0.5em; border-style: outset; background-color: #FFDB8E; z-index: 10; }
#userEntryFormButtons { border: none; }
.errMsgStorage { display: none; }
.xForm .err { background-color: rgb(255,128,128); border: solid 2px; padding: 0.2em 1em; }
.xForm li.value { background-color: #F0F0F0; }

/*** Richtext in form **/
.xForm a.richtext { color: #000; }
.xForm li.richtext { border: 2px inset #F0F0F0; margin-left: 15.3em; }
.xForm li.richtext label { margin-left: -15.3em; }
.xForm a.richtext:hover { color: #000; font-weight: bold; text-decoration: none; cursor: text; }

/*** Links in form ***/
.xForm li span.author { display: block; padding-top: 0.3em; }
.xForm li img.linkStatus { padding-left: 1em; }

/*** Checkgroup in form ***/
.xForm .checkGroup { padding-left: 1.5em; border: 1px solid; border-color: #808080; }

#textTemplate { padding: 5px 5px; }
.richTextDialog .ui-dialog-titlebar { display: none; }
.richTextDialog .ui-dialog-content { background-color: rgb(252,252,254); }

#msgBox img, #msgBox p { float: left; }
#msgBox .scroll { height: 10em; overflow: scroll; font-size: 80%; margin-top: 1em; }

#ajaxLoading img { float: left; padding-right: 1em; }
#ajaxLoading p { font-size: 12px; margin-top: 0; }

.ajaxLoading .ui-dialog-titlebar { display: none; }
.ajaxLoading { height: 30px !important ; }