﻿/* ========== Page Layout ========== */
html,body {margin: 0; height: 100%;}
H1 {border-bottom: 1px solid #c0c0c0; font-size: 14pt; padding-top: 10px; padding-bottom: 7px; margin-top: 10px; margin-bottom: 8px;}
H2 {color: #444444; border-bottom: 1px solid #c0c0c0; font-size: 13pt; padding-top: 8px; padding-bottom: 2px; margin-top: 8px; margin-bottom: 6px;}
H3 {font-weight: bold; text-align: center; font-size: 12pt; padding-top: 6px; padding-bottom: 2px; margin-top: 4px; margin-bottom: 2px;}
H4 {color: #444444; border-bottom: 1px solid #c0c0c0; font-size: 12pt; padding-top: 8px; padding-bottom: 2px; margin-top: 8px; margin-bottom: 6px;}
table {width: 100%; padding: 0; border: none;}
td {font-family: 'Trebuchet MS' , 'Berlin Sans FB' , Verdana; font-size: 10pt;}
#dvRightShift{position: absolute; left: 20px; top: 0px; width: 970px; height: 100%;}
table#ploTable1 {height: 100%;}
td#ploHeader {height: 95px;}
tr#ploHeader_R1 {height: 95px;}
tr#ploHeader_R2 {height: 30px;}
tr#ploHeader_R3 {height: 30px;}
tr#ploHeader_R4 {height: 30px;}
TD#ploFooter {background-color: #AAAAAA; height: 30px;}
#ploFooter {background-image: url(Images/footer_background.gif); border-top: #FF9900 3px solid;}
td#ploMain {border: solid 1px #AAAAAA; padding: 10px; vertical-align: top;}
img {border-style: none;}

/* ========== Data Tables ========== */
.datatable {width: 100%; border-collapse: collapse;}
.datatable th {background-color: #FF9900; text-align: center; padding: 2px; color: White; font-size: 0.9em; font-weight: normal;}
.datatable th a {color: white;}
.datatable td {padding: 2px; background-color: #EBEBEB;}
.datatable tr.altrow td {background-color: #DDDDDD;}
.datatable tr.totalrow td {font-weight: bold; background-color: #AAAAAA;}
.datatable tr.subtotalrow td {background-color: #CCCCCC; font-style: italic; font-weight: bold;}

/* ========== TopNav Menu ========== */
.topmenu { margin:0; padding:0;}
.topmenuul {list-style-type:none; margin:0; padding:0;}
.topmenuli {list-style-type:none; float:left; margin:0; padding:0;}
.topmenutitle {display: block; color: black; text-decoration: underline; margin:0; padding-left:0; padding-right: 15px;}
.submenuul {list-style-type:none; position:absolute; margin: 0; padding:0; display:none; background-color:#FFFFFF; background-position: top left; background-repeat: repeat-x;}
.submenuli a {display:block; width:150px; text-decoration: none; color: #000000; border: solid 1px #FF9900; padding-left: 3px;}
.submenuli a:hover {text-decoration: none; background:#FF9900;}
#dmenu li:hover ul {display: block;}
#dmenu li.over ul {display: block;}
#dmenu li>ul {top: auto; left: auto;}
.content {clear: left;}
.centered {text-align: center;}
	
/* ======== Ticker Classes ========= */
a#tickerAnchor {text-decoration: none; color: Blue;}
a#tickerAnchor:hover {text-decoration: underline; color: Red;}

/* ======== Tab Panel Classes ====== */
.tabs {float: left; width: 100%; margin: 0px; padding: 0px;}
.tabs ul {margin: 0px; padding: 0px; list-style: none;}
.tabs li {float: left; display: block; margin: 0px; padding: 0px;}
.tabs a {float: left; display: block; background: url("Images/Tabs/normal_left.gif") no-repeat left top; margin: 0px; padding: 0px 0px 0px 12px; text-decoration: none; white-space: nowrap;}
.tabs a span {float: left; display: block; background: url("Images/Tabs/normal_right.gif") no-repeat right top; font-size: 12px; padding: 4px 15px 1px 2px; margin: 0px; color: #000000;}
.tabs .current a {background: url("Images/Tabs/selected_left.gif") no-repeat left top;}
.tabs .current a span {background: url("Images/Tabs/selected_right.gif") no-repeat  right top;color: White;}
.tabs a:hover {cursor: pointer; background: url("Images/Tabs/over_left.gif") no-repeat left top;}
.tabs a:hover span {background: url("Images/Tabs/over_right.gif") no-repeat right top;}
.TabPanelBody {padding: 5px; border: 2px solid #ff9900;}

/* ========  Other Classes  ======== */
.small {font-size: 8pt;}
table.tblLogIn {width: 350px; border: solid 1px #AAAAAA; background-color: #ffefe7;}
table.tblForm {width: 100%; border: solid 1px #AAAAAA; background-color: #ffefe7;}
table.tblFilter {width: 95%; border: solid 1px #AAAAAA; background-color: #ffefe7; border-collapse: collapse; padding: 2px;}
table.tblFilter th {font-size: 115%; font-weight: bold; text-decoration: underline;}
table.tblFilterSmall {width: 50%; border: solid 1px #AAAAAA; background-color: #ffefe7; border-collapse: collapse; padding: 2px;}
table.tblFilterSmall th {font-size: 115%; font-weight: bold; text-decoration: underline;}
TD.UnderlineCell {border-bottom: #FF9900 3px solid;}
TD.UnderlineCell A {color: #000000;}
TD.OverlineCell {border-top: #FF9900 3px solid;}
table.WelcomePanel {border: solid 1px #FF9900;}
td.WelcomePanelHeader {background-image: url(Images/welcome_panel_icon.gif); background-color: #ff9900; color: White; font-weight: bold; padding-left: 52px; background-repeat: no-repeat; height: 31px;}
td.WelcomePanelBody {padding: 5px;}
.indent {margin-left: 20px;}
.warning {color: Red;}

div.webseviceseperator 
{
	width: 100%;}
div.webseviceseperator div.content
{
	width: 68%; display: block; float: left;}
div.webseviceseperator div.service
{
	width: 30%; display: block; float: left; text-align: right;}
