html,body{height:100%;background-color:#ddd;}/* chrome fix */

body { margin: 0; padding: 15px 0 15px; font-family: "Trebuchet MS", Arial; font-size: 10pt; color: #666; background-color: #ddd; }
#mainWrap { width: 800px; border: 2px solid #999; background-color: #fff; padding: 10px 30px 10px 30px; }
table { border-collapse: collapse; }

a, a:link, a:active, a:visited { color: #666; }
a:hover { color: #666; }
a.orange { color: #f80; }

a.g0, a.g0:link, a.g0:active, a.g0:visited { color: #666; text-decoration: none; }
a.g0:hover { text-decoration: underline; }

a.sml0, a.sml0:link, a.sml0:active, a.sml0:visited { color: #66a; font: normal 8pt Verdana, Arial; text-decoration: none; }
a.sml0:hover { color: #66b; text-decoration: underline; }

.fixedB { font-family: "Courier New", Courier, monospace; font-weight: bold; }
.fixed { font-family: "Courier New", Courier, monospace; }
li.justify { text-align: justify; }
.green { color: #0b0; }
.red { color: #c00; }
.orange { color: #f80; }
.center { text-align: center; }
.cGrnB { text-align: center; color: #0b0; background: #cfc; }
.cRedB { text-align: center; color: #c00; background: #fcc; }
.cGrnBLeftLine { text-align: center; color: #0b0; border-left: 1px solid #aaa; }
.cRedBLeftLine { text-align: center; color: #c00; border-left: 1px solid #aaa; }
.cGrn { text-align: center; color: #0b0; }
.cRed { text-align: center; color: #c00; }

a.line, a.line:link, a.line:active, a.line:visited { text-decoration: none; }
a.line:hover { text-decoration: underline; }

a.button, a.button:link, a.button:active, a.button:visited { color: #fff; background-color: #777; text-decoration: none; padding: 1px 4px 1px 4px; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 2px solid #555; border-bottom: 2px solid #555; padding-left: 5px; padding-right: 5px; }
a.button:hover { background-color: #f80; border-top: 2px solid #fa0; border-left: 2px solid #fa0; border-right: 2px solid #d60; border-bottom: 2px solid #d60; }
/* form button links */
.btnOvr { color: #fff; background-color: #f80; padding: 1px 4px 1px 4px; border-top: 2px solid #fa0; border-left: 2px solid #fa0; border-right: 2px solid #d60; border-bottom: 2px solid #d60; }
.btnOut { color: #fff; background-color: #777; padding: 1px 4px 1px 4px; border-top: 2px solid #999; border-left: 2px solid #999; border-right: 2px solid #555; border-bottom: 2px solid #555; }
.btnOvr2 { color: #fff; background-color: #f80; font-size: 9pt; padding: 1px 4px 1px 4px; border-top: 1px solid #fa0; border-left: 1px solid #fa0; border-right: 1px solid #d60; border-bottom: 1px solid #d60; }
.btnOut2 { color: #fff; background-color: #777; font-size: 9pt; padding: 1px 4px 1px 4px; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #555; border-bottom: 1px solid #555; }

/* heading banner */
#logo { float: left; padding: 10px 40px 15px 0px; background-color: #fff; font: bold 24pt "Trebuchet MS", Arial; }
#logo .employee { color: #f80; 	height: 20px; }
#logo .insights { color: #777; 	height: 20px; }
.slogan { font: normal 10pt Arial; letter-spacing: 3.5px; padding-top: 3px }
/* login form */
#divLogin { float: right; width: 360px; padding: 10px 0 0 0; margin: 0; text-align: right; } /* width required for ie */
#divLogin span#nojs{ font-style: italic; font-weight: bold; color: #b50; font-size: 10pt; }
#divLogin form table {margin:0;/*border: 1px dashed #fb2;*/}
#divLogin form td { text-align: left; font-size: 8pt; margin: 0; padding: 0 2px 0 2px; }
#divLogin td.smlR { text-align: right; font-size: 7pt;  }
.inputText { background-color: #eee; color: #000; border: 1px solid #bbb; padding-left: 2px; padding-right: 2px; font: normal 9pt "Courier New", Courier, monospace; font-style: normal; }
.inputText2 { background-color: #eee; color: #000; border: 1px solid #bbb; padding-left: 2px; padding-right: 2px; font: normal 9pt "Trebuchet MS", Arial; font-style: normal; }
input.login { background-color: #777; color: #fff; border: 1px solid #bbb; font-family: "Trebuchet MS", Arial; font-size: 9pt; }
#divLoginCover { position:absolute; top: 10px; left: 610px; border: 1px solid #f00; width: 190px; height: 71px; }

/* nav bar */
#nav0 { clear: both; padding: 0; background-color: #fff; }
#nav0 ul { list-style: none; font: bold 9pt "Trebuchet MS", Arial; padding: 0; margin: 0 0 0 0px; /* indent 1st tab */ }
#nav0 ul li { display: inline; padding: 0; }
#nav0 ul li a {
	float: left; display: block;
	padding: 5px 10px; margin: 0 1px 0 0; /* margin between tabs */
	color: #fff; text-decoration: none;
	letter-spacing: 1px; border-bottom: 1px solid #fff; background: #000 url(/lib/img/nav0bg.gif) center center repeat-x;
}
#nav0 ul li a:hover { background: #f80 url(/lib/img/nav0off.gif) center center repeat-x; }
#nav0 ul li#li0on a { border-color: #f80; /* color under selected tab */ }
#nav0 ul li#li0on a#a0on { /* background: transparent url(nav0on2.gif) center center repeat-x; */ background: #f80; }
/* LOGIN tab --------------------------------- */
#nav0 ul li#liLogin { float: right; color: #666; }
#nav0 ul li#liLogin a { color: #666; background: #fff; margin: 0;}
#nav0 ul li#liLogin a:hover { color: #fff; background: #f80 }
/*--------------------------------------*/
/* line under nav */
#nav0line { clear: both; padding: 0; width: 100%; height: 5px; line-height: 5px; background: #f80; }
/* 2nd nav --------------------------------*/
#nav1wrap { clear: both; padding: 0; width: 100%; background: #f80; height: 30px; }
#nav1 { padding: 0; height: 30px; }
#nav1 ul { list-style: none; font: bold 9pt "Trebuchet MS", Arial; padding: 0; margin: 0 0 0 10px; /* indent 1st tab */ }
#nav1 ul li { display: inline; padding: 7px 5px 5px 5px; float: left; }
#nav1 ul li a {
	float: left; display: block;
	padding: 0px; margin: 0 1px 0 0; /* margin between tabs */
	color: #666; text-decoration: none;
	letter-spacing: 1px; /* border-bottom: 1px solid #fff; */ background-color: #f80;
}
#nav1 ul li a:hover { color: #000; }
#nav1 ul li.navsep { color: #fff; }
#nav1 ul li#li1on a { border-color: #f80; /* color under selected tab */ }
#nav1 ul li#li1on a#a1on { color: #fff; }
/* footer -------------------*/
#footer { width: 800px; text-align: center; font-size: 8pt; letter-spacing: 1px; padding-top: 20px; }
span.dotL { font-size: 20pt; color: #f80; }
span.dotS { font-size: 12pt; color: #f80; }
/* main content */
#content { clear: both; text-align: left; width: 800px; padding: 10px 0px 10px 0px; }
#content table#headings a { text-decoration: none; }
#content table#headings p { font: bold 13pt "Trebuchet MS", Arial; color: #f80; margin-bottom: 5px; }

#content p { text-align: justify; }

#content table#headings tr td { vertical-align: top; padding-left: 15px; padding-right: 20px; width: 30%; font-size: 10pt; }
#content table#headings tr td#headingsMid { padding-top: 7px;  }
#content table#headings tr td.border { border-right: 1px dashed #f80; }


table.d2 { border-collapse: collapse; border: 1px solid #aaa; }
table.d2 tr.d0 { background-color: #fff; }
table.d2 tr.d1 { background-color: #eee; }
table.d2 tr th,
table.d2 tr td { padding: 4px 8px 4px 8px; font-family: "Trebuchet MS", Arial; font-size: 11pt; }
table.d2 tr th { background-color: #ccc; text-align: left; }

/* select list */
#contentApp select.order { padding: 2px 0px 2px 0px; font: normal 11pt "Trebuchet MS", Arial; }

#contentApp table.d1 tr td { padding: 2px 10px 2px 10px; font: normal 11pt "Trebuchet MS", Arial; }