/***** non-W3C conforming browsers *****/

/*** Font Family  ***/

/*  If roman typeface not requiring unicode font */
body {
   color: black;
   background-color: #ffffff;
   font-size: small;
	font-family: arial, geneva, "lucida grande", helvetica, verdana, sans-serif; 
}


/* no font family */
body.ja, *.ja,
body.ko, *.ko, 
body.zh, *.zh, 
/*body.ru, *.ru,*/ 
body.el, *.el {
 	font-family:  serif, sans-serif, none; /* needed for IE 6 */
	font-size: medium;
}

cite, em { font-style: italic; }
strong { font-weight: bold; }


/********* STATIC HEADER **********/
#header {
   width: 100%;
   display: block;
}

#header h1  {
   color: #003146;
   font-size: 26px;
   border: 1px solid #619FB9;
   background-color: #A7CFE0;
   padding: 5px;
   width: 100%;
}
/**** HELP and LOGOUT ****/
#sitelinks {
   font-weight: bold;
}

/************* LOGIN INFO ****************/
#userinfo {
   float: right;
   color: #666666;
}

/************** SITE MENU **************/
#sitemenu  {
   font-weight: bold;
   margin: 0;
}
/**************  SECTION LABEL ***************/
#sectionname {   
   border-top-width: 1px;
   border-top-style: solid;
   border-color: #619FB9;
   width: 99%;
}
#sectionname h1  {
   font-size: 24px;
   color: #D26A0F;
}


/*********** SECTION MENU ******************/
#sectionmenu p.h1 {
   font-weight: bold;
   margin: 0;
}
#sectionmenu ul {
   margin-top: 0;
}

/**************** CONTENT ****************/

h1 {
   color: #003146;
   font-size: 22px;
}
h2 {
   color: #003146;
   background-color: #E8F4F9;
   border-bottom-width: 1px;
   border-bottom-style: solid;
   border-color: #ffffff;
   padding: 2px 1px;
   font-size: 22px;
   font-weight: bold;
   margin: 0;
}
h3 {
   color: #333333;
   font-size: 16px;
}
h4 {
   color: #000000;
   font-size: 12px;
}
h5 {
   color: #000000;
   font-size: 12px;
}
h6 {
   color: #000000;
   font-size: 12px;
   font-style: italic;
}

/********** LISTS **********/
ul {
   margin-top: 0;
   padding: 0;
}
ol {
   margin-top: 0;
   padding: 0;
   list-style-type: decimal;
   list-style-image: none;
}
ol ol{
   list-style-type: lower-alpha ;
}
li {
   margin-left: 0;
   padding: 0;
}

li.heading {
   list-style-image: none;
   list-style: none;
   margin-top: 1em;
   margin-left: -25px; 
   font-weight: bold;
}
li.heading li {
   font-weight: normal;
   margin-left: -20px;
   padding: 0;
}

/* lists with no bullet */
ul.no-marker li, ol.no-marker li, li.no-marker {
   list-style-image: none;
   list-style: none;
}
/* lists not indented */
#content ul.no-indent, ol.no-indent {
   margin: 0;
   margin-left: 14px;
}

li table {
   margin-top: 1em;
   margin-bottom: 1em;
}

/******** TABLES have grid by default ********/
table, .nogrid table {
   border: 0px solid #F7B67F; 
   border-collapse: collapse;
   empty-cells: show;
   clear: both;
}
caption {
   font-weight: bold;
   font-size: 100%;
   color: #000000;
   text-align: left;
   padding: 2px 3px;
}

th, .nogrid table th {
   background-color: #FFEFE1;
   border: 1px solid #F7B67F; 
   text-align: left;
}

td, .nogrid table td {
   border: 1px solid #F7B67F; 
}

/******* turn off grid **********/
table.nogrid, table.nogrid th, table.nogrid td  {
   border: none;
}

/******* Turn Off Table Grid **********/
.nogrid, .nogrid th, .nogrid td {
   border: none ;
/*   background-color: #ffffff; */
}
.nogrid caption {
   background-color: #ffffff;
   border-left: none;
   border-right: none;
   border-bottom: 1px solid #F7B67F;  
   }
.table-rows .nogrid * {
   border: none ;
   background-color: #ffffff;
}
/******* Table external border only, no grid **********/
table.table-box {
   border: 1px solid #F7B67F; 
}
table.table-box td, table.table-box th {
   border: none;
   background-color: #ffffff;
}
table.table-box caption {
   background-color: #FFD4AF;
   border: 1px solid #F7B67F; 
   border-bottom-width: 0;
}
table.table-box .shaded, table.table-box .shaded th {
   padding: 2px 1px;
   border-top: 1px solid #F7B67F; 
   background-color: #FFEFE1;
}


/******* Table with border on rows, not vertical  **********/
/* leave in table as part of selectors */
table.table-rows td, table.table-rows th {
   border: 1px solid #F7B67F; 
   border-left: none;
   border-right: none;
   padding: 2px 3px;
}

/******* Table with border on cols, not horizontal  **********/
/* leave in table as part of selectors */

table.table-cols td, table.table-cols th {
   border: 1px solid #F7B67F; 
   border-top: none;
   border-bottom: none;
   padding: 2px 3px;
}

/******** SPECIAL TABLE CLASSES ***********/
tr.shaded td, tr.shaded th, td.shaded, th.shaded {
   background-color: #FFEFE1;
}
tr.caption td, tr.caption th, td.caption, th.caption {
   font-weight: bold;
   background-color: #FFD4AF;
  /* padding: 1px 1px;*/
}

tr.totals, td.totals {
   font-weight: bold;
}
table tr.bd-left td, table tr.bd-left th, 
table td.bd-left, table th.bd-left  {
   border-left: 1px solid #F7B67F;
}
td.bd-left, th.bd-left  {
   padding-left: 1px;
}
table tr.bd-right td, table tr.bd-right th, 
table td.bd-right, table th.bd-right {
   border-right: 1px solid #F7B67F; 
}
td.bd-right, th.bd-right  {
   padding-right: 1px;
}

tr.box td, tr.box th, td.box, th.box, table.box  {
   border: 1px solid #F7B67F; 
}

table.shaded {
   border: 1px solid #F7B67F; 
}
table.shaded th {
   background-color: #FFEFE1;
   border: 1px solid #F7B67F; 
   vertical-align: bottom;
}
table.shaded td {
   border: 1px solid #F7B67F; 
}


/**************** FORMS *****************/
/**** max width of form in two column layout is 550px for 800x600 full screen ****/
form {
   overflow: visible;
   max-width: 700px;
   margin: 0;
   }
   * html #content form { /* IE6 */
      width: 550px;
   }

fieldset {
   border: 1px solid #D26A0F;
   padding: 10px;
   margin: 0 0 1em;
   /*display: block;*/
}
legend{
   font-weight: bold;
   padding: 0 10px 5px;
   color: #D26A0F;
   font-size: 115%;
}
label, td label, th label  {
   color: #000000;
   text-align: left;
   margin-right: 3px;
}



/******** forms in grid (default) **********/


table.confirm {
   border: 1px solid #95B1BD;
}

table.confirm caption {
   background-color: #95B1BD;
   color: #003146;
}
table.confirm th,
table.confirm td {
      border: 1px solid #D1DBE0; 
      background-color: #ffffff;
}




/********* no section menu  ************/

.cols-1 #content h3{
   margin-top: 1.5em;
   border-top: 1px dashed #cccccc;
   border-bottom: 1px dashed #cccccc;
   padding: 1px 0;
}



/********** PAGING PREVIOUS AND NEXT *********/
div.paging {
   margin: 1em 0;
   padding: 2px;
   border-top: 1px dotted #CCCCCC;
   border-bottom: 1px dotted #CCCCCC; 
   clear: both;
}
.paging p {margin: 0;}

div.total-pages {
   float: left;
   padding: 2px;
   width: 125px;
   overflow: visible;
}
div.page-nums {
   text-align: right;
   padding: 2px;
}

/******* STEPS *******/

div#step {
   display: block; 
   float: none; 
   width: 100%; 
   clear: both; 
   }

#step img {
   float: left;
}

.label {
   text-align: left;
   font-size: 12px;
   font-weight: bold;
   float: left;
}

/*********** CLASSES ************/
div.msg-box { 
   border-color: #cccccc;
   border-top-width: 1px;
   border-top-style: dotted;
   border-bottom-width: 1px;
   border-bottom-style: dotted;
   padding: 6px;
   margin-bottom: 1em;
   clear: both;
}

.clear {
   clear: both;
}
.lalign {
   text-align: left;
}
.ralign {
   text-align: right;
}
.calign {
   text-align: center;
}
.bold {
   font-weight: bold;
}
.normal {
   font-weight: normal !important;
   }
.italic {
   font-style: italic;
}
.warning {
   font-weight: bold;
   color: #D26A0F;
}

.error {
   font-weight: bold;
   color: #CC0000;
}
.alert {
   color: #CC0000;
}
.success {
   color: #1E8402;
   font-weight: bold;
}
.not-found {
   font-weight: bold;
   color: #D26A0F;
   font-style: italic;
}
.bold-color {
   font-weight: bold;
   color: #D26A0F;
}
.unhide {
   display: block
}
.hide {
   display: none;
}

.disabled {
   color: #666666;
}
.width100 {
   width: 95%;
   /* MAC IE filter \*/
   width: 100% !important;
   /* end filter */
}
.reduce-margin {
   margin-top: .5em;
   margin-bottom: .5em;
}
.reduce-bot-marg {
   margin-bottom: .5em;
}
.more-top-marg {
   margin-top: 2em !important;
}
.more-bot-marg {
   margin-bottom: 1em !important;
}
.default-top-marg {
   margin-top: 1em;
}

.indent0 { margin-left: 5px; }
.indent1 { margin-left: 16px; }
.indent2 { margin-left: 32px; }
.indent3 { margin-left: 44px; }
.indent4 { margin-left: 56px; }
.indent5 { margin-left: 68px; }
.indent6 { margin-left: 80px; }
.indent7 { margin-left: 92px; }
.indent8 { margin-left: 104px; }
.indent9 { margin-left: 116px; }
.indent10 { margin-left: 132px; }
.small {
   font-size: 85%;
}
.nowrap {
   white-space: nowrap;
}

br {
   clear: both;
}
hr {
   height: 1px;
   color: #D26A0F;
   background-color: #D26A0F;
   border: none;
   clear: both; 
   margin: 1em 0 1em;
}
hr.confirm {
   color: #95B1BD;
   background-color: #95B1BD;
}

div.dash {
   margin-top: 2em;
   height: 1px;
   border-bottom: 1px dotted #CCCCCC;
   clear: both; 
   display: block;
}
*.input-error {
   background-color: #FFF7C4 !important; 
}

/***** HELP TEXT  *****/
.helptextclick {
   font-weight: bold;
   color: #D26A0F;
}
.path {
   font-weight: bold;
   font-size: 90%;
   color: #555555;
   letter-spacing: 1px
}

/***** LINKS *****/

a:link {
   color: #0000CC;
   text-decoration: none;
}
a:visited {
   color: #0000CC;
   text-decoration: none;
}
a:hover {
   color: #0000ff;
   text-decoration: underline;
}
a:active {
   color: #0000ff;
   text-decoration: underline;
}

