body {
	font-family: "Times New Roman", Times, serif;
	font-size: 12pt;
	background-color: #FFFFFF;
	color: #000000;
}

a:link {
	color: #0000FF;
}

a:visited {
	color: #0000FF;
}

a:active {
	color:#FF0000;
}

a:hover {
	color:#FF0000;
}

i {
	font-weight: bolder; 
	font-style: oblique;
}

h1 {
	text-align: center;
	font-size: 32pt;
}

h2 {
	text-align: center;
	font-size: 22pt;
	margin-bottom: 5px;
}

h3 {
	text-align: center;
	font-size: 15pt;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.frontBox {
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}

.ESIBanner {
	font-size: 10pt;
	font-weight: bolder;
	text-align: center;
}

.ESIBanner-Module {
	font-size: 10pt;
	font-weight: bolder;
}

.HeadEndAreaName {
	font-size: 24pt;
	text-align: center;
}

.moduleName {
	font-size: 24pt;
	font-weight: normal;
	text-align: center;
}

.generalDescription {
	font-size: 11pt;
}

.sectionLabel {
	font-size: 12pt;
	font-weight: bolder;
	color:#FFFFFF;
	background-color:#000000;
	padding: 5px;
}

.moduleSectionLabel {
	font-size: 14pt;
	font-weight: bold;
}

table.outer {
	width: 80%;
	background-color: #FFFFFF;
	border: 1px solid #000000;
	padding: 15px;
}

#tidbit {
	padding-left: 15px;
}

#tidbit i {
	color: #000000;
	font-weight: normal;
}

#topnav {
	text-align: center;
	background-color: #ccffff;
	font-size: 11pt;
}

#footer {
	font-size: 10pt;
	text-align: center;
}

hr {
	border: 0px;
	height: 1px;
	color: #000000;
	background-color: #000000;
}

.note {
	font-size: 11pt;
}

.error {
	color: #ff0000;
}

.inputValue {
	background-color: #FFFFCC;
	font-weight: bold;
}

.hide {
	display: none !important;
}

ul {
	margin-top: 14px;
	margin-bottom: 14px;
	padding-top: 0;
	padding-bottom: 0;
}

/* horizontal navigation elements. create a DIV element with the class hnav
 * and stick one unordered list inside it to generate a horizontal menu.
 */

.hnav {
	text-align: center;
	font-size: 10pt;
}

.hnav, .hnav ul li a {
	/* need to middor veritcal padding on .hnav and child anchor elements
	 * because the anchors are _not_ block elements. since they are not
	 * block elements web browsers will not expand .hnav to contain them
	 * even with the extra padding. by applying the same padding to both
	 * the parent .hnav _looks_ like its containing the child anchor
	 * elements. 
	 */
	padding-top: 3px;
	padding-bottom: 4px;
}

.hnav ul, .hnav ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.hnav ul li a {
	margin: 0 -1px 0 0;
	padding-left: 10px;
	padding-right: 10px;	/* short-hand padding attribute would overwrite
				   top/bottom padding set in a previous rule */
	border: solid 1px #000;
	white-space: nowrap;
}

.hnav ul li a:link, .hnav ul li a:visited, .hnav ul li a:active, .hnav ul li a:hover {
	text-decoration: underline;
}

.hnav ul li span.divider {
	display: none;
}

* html .hnav ul li, * html .hnav ul li a {
	width: 1%; /* IE/Mac needs this */
	display: inline-block;	/* IE/Mac needs this */
	/* \*/
		width: auto;
		display: inline;
	/* reset above hack */
}

* html .hnav, * html .hnav ul a {
	/* \*/ height: 0.01%; /* hasLayout hack to fix render bugs in IE/Win. 
				 IE/Mac will ignore this rule. */
}

* html .hnav {
	padding: 0;	/* IE5/Win will resize #hnav to fit the heights of its
			   inline children that have vertical padding. So this
			   incorrect case selector hack will be applied only by
			   IE 5.x/Win */
}

.hnav, .hnav ul li a {
	border-color: #000;
}

.hnav {
	background-color: #fff;
	color: #fff;
}

.hnav ul li a:link, .hnav ul li a:visited {
	background-color: #cff;
	color: #00f;
}

.hnav ul li a:hover {
	background-color: #00f;
	color: #fff;
}


@media print    /* Print-specific styling. */
{
    /* Use a 10-point font, so text fits within the width of a typical printed page. */
    body {
	   font-size: 10pt !important;
    }

    /* Don't print all the misc. junk on the page. */

    div.pagebreak {
        page-break-after: always;
    }

}