*{padding: 0; margin: 0;}

body { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color:#d8d0c0;
	padding: 10px;
	margin: 0px;
}

body.popup { 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	background-color:#d8d0c0;
	padding: 0px;
	margin: 0px;
}

img {
	border:0px;
}
p{
	clear:both;
	margin: 8px;
}
.pad {
	clear:both;
	padding: 8px;
}
.margin{
	margin: 8px;
}
.marginNoLeft{
	margin: 8px 8px 8px 0px;
}

.marginRight{
	margin-right: 8px;
}

.marginLeft{
	margin-left: 8px;
}


div:focus, a:focus { outline: none; }

.highlight {
	background: #ffd97a;
}

.header {
	text-align:right;
	line-height: 47px;
	font-weight: bold;
	color: #306098;
	font-size: 11pt;
	padding: 0px 10px 0px 10px;
}
.header img.logo {
	padding: 0px;
	float:left;
}
.header img.sublogo {
	padding: 0px;
	float:right;
}

.header img.art {
	padding: 0px 10px 0px 20px;
	float:left;
}

img.applogo {
	padding: 3px 0px 0px 10px;
	float:left;
}


.header img {
	vertical-align: text-top;
}

.footer {
	text-align:center;
	font-size: 9px;
}

.note {
	font-size: 9px;
}

.header a:link, .header a:visited, .header a:active { color: #000; text-decoration:none; background-color: transparent; }
.header a:hover      { color: #000; text-decoration:underline; background-color: transparent; }

.footer a:link, .footer a:visited, .footer a:active { color: #000; text-decoration:none; background-color: transparent; }
.footer a:hover      { color: #000; text-decoration:underline; background-color: transparent; }

a:link, a:visited, a:active, .pageLinks a:link, .pageLinks a:visited, .pageLinks a:active { color: #03c; text-decoration:none; background-color: transparent; }
a:hover, .pageLinks a:hover { color: #06c; text-decoration:underline; background-color: transparent; }

#editLink {
font-weight: normal;
float: right;
padding-right: 5px;
}


.popupHeader {
	background-color:#fff;
	border-bottom: 1px solid #999388;
	padding: 5px 10px 5px 10px;
}

.portalBox {
	clear:both;
	height: 80px;
	margin:0px;
	padding:5px 5px 0px 5px;
}
.portalFooter {
	height: 22px;
	clear:both;
	padding: 0px 5px 0px 5px;
}

.portalFooter a:link, .portalFooter a:visited, .portalFooter a:active  {
	
	float:right;
	line-height: 19px;
	font-weight: bold;
	color: #c24b00;
	text-decoration:none;
}
.portalFooter a:hover  {
	text-decoration:underline;
}


.popoutBox {
	background-color: #fff;
	border:solid #c24b00 1px;
}

.hoverPopout {
	background-color: #fff;
	border:solid #c24b00 1px;
	position: absolute;
	width:170px;
	z-index:99;
	padding:2px;
	color:#000;
	font-style:normal;
}


.insideContainer {
	width: 902px;
}


.column1 {
	width: 24.34%;
}
.column2 { 
	width: 74.57%;
}
.columnThird { 
	width: 32.74%;
}


.half {
width:50%;
}
.third {
width:33%;
}


.navText { 
	padding: 10px 0px 10px 0px;
}

.navText a:link, .navText a:visited, .navText a:active { 
	display: list-item;
	list-style: none;
	padding: 5px 5px 5px 10px;
	margin: 0px -10px 0px 0px;
	width:205px;
	font-weight: bold;
	color: #a87800;
	text-decoration:none;
}


.navText a:hover, #navActive { 
	background-color:#F2F2E6;
}

a.pageNav:link, a.pageNav:visited, a.pageNav:active { 
	font-weight: bold;
	color: #306098;
	text-decoration:none;
}

a.pageNav:hover { 
	text-decoration:underline;
}



.boxTitle1 { 
	padding:8px;
	font-weight: bold;
	color: #336600;
	border-bottom:dashed #689612 1px;
}

.boxTitle1 a:link, .boxTitle1 a:visited, .boxTitle1 a:active { 
	color: #336600;
	text-decoration:none;
}

.boxTitle1 a:hover { 
	text-decoration:underline;
}

.boxTitle2 { 
	padding:8px;
	font-weight: bold;
	color: #306098;
	border-bottom:dashed #306098 1px;
}

.boxFooter { 
	padding:0px;
	border-top:dashed #306098 1px;
}

.pageTitle { 
	font-weight: bold;
	color: #306098;
	font-size: 11pt;
}

hr {
	border-top:none;
	border-bottom:dashed #c0c0c0 1px;
	margin: 0px 5px 0px 5px;
      color: #fff;
      background-color: #fff;
      height: 1px;
    }

table {
	width: 100%;
}
td { vertical-align: top; }

.dataTable td{
	margin: 0px;
	padding: 4px;
}

.dataTable thead td{
	font-weight: bold;
	color: #306098;
	border-bottom:dashed #306098 1px;
	vertical-align: bottom;
}

.borderTable {
	border-collapse: collapse;
}

.borderTable td{
	vertical-align:top;
	margin: 0px;
	padding: 2px;
	border:solid #9dbdd4 1px;
}

.borderTable thead td, .borderTable thead th{
	padding: 2px 5px 2px 5px;
	vertical-align: bottom;
	text-align: left;
	font-weight: normal;
	color: #306098;
	background-color: #F0F8FA;
	border:solid #9dbdd4 1px;
}

.subTitle, .borderTable thead td.subTitle {
	font-weight:normal;
	font-size:9px;
	text-align: center;
}

.subText {
	font-weight:normal;
}

.borderTable thead a, .borderTable thead a:link, .borderTable thead a:visited {
	color: #306098;
	text-decoration: none;
}

.borderTable thead a:hover {
	text-decoration: underline;
}

.fieldText {
	color:#666666;
}

.italic {
	font-style:italic;
}

.sectionTitle { 
	padding:2px 2px 2px 5px;
	margin: 0px;
	font-weight: bold;
	color: #fff;
	background-color: #749ab5;
}


.section { 
	padding:8px;
	margin: 0px;
	border:solid #d8e0e0 1px;
	background-color: #fff;
}

.sectionPanel { 
	padding:0px;
	margin: 0px;
	border:solid #c8c8c8 1px;
	border-top:0px;
	background-color: #f5f5f5;
}


.sectionNoPad { 
	padding:0px;
	margin: 0px;
	border:solid #d8e0e0 1px;
	background-color: #fff;
}

.positionalTable {
	width: 100%;
	border: none;
	margin: 0px;
	padding: 0px;
}
.positionalTable td {
	border: none;
}


.scrollContainer {
	height: 230px;
	overflow: auto;
}

.scrollContainerHalf {
	height: 115px;
	overflow: auto;
}


 label
{
	width: 150px;
	line-height: 17px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}

.smallLabel
{
	width: 120px;
	line-height: 17px;
	float: left;
	text-align: right;
	margin-right: 0.5em;
	display: block;
}


.textHighlight { 
	font-weight: bold;
	color: #366bb5;
}

.textHighlight2 { 
	font-weight: bold;
	color: #c24b00;
}
.cellHighlight { 
	background-color: #FFFFE6;
}
.cellHighlight2 {
	background-color: #F0F8FA;
}

.cellHighlight3 {
	background-color: #9dbdd4;
}



.readonlyText {
	line-height: 17px;
	display: block;
	float:left;
}

.formColumn {
float: left;
}
.formColumnRight {
float: right;
}

ul.tree, ul.tree ul {
	list-style-type: none;
	background: url(../images/vline.png) repeat-y;
	margin: 0;
	padding: 0;
}

ul.tree ul {
	margin-left: 10px;
}

ul.tree li {
	margin: 0;
	padding: 0 10px;
	line-height: 18px;
	background: url(../images/node.png) no-repeat;
}

ul.tree li.last {
	background: #fff url(../images/lastnode.png) no-repeat;
}

form{
	margin:0;
}

select, input, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.checkbox {
width: 13px;
height: 13px;
margin:0;
}

.required {
	color: #660000;
}

.positionalTable td {
	vertical-align: top;
}


img {
	vertical-align: middle;
}

img.icons {
	padding: 0px 8px 0px 8px;
}

.pageFooter {
	position:relative;
	padding: 0px 8px 8px 8px;
	float:left;
	bottom: -15px;
}

.clear {
	clear: both;
}

.right {
	text-align: right;
}
.center {
	text-align: center;
	z-index:-10001;
}


.row, tbody.scrollContent tr.row td {
	padding: 5px;
	background-color:#fff;
}

.rowAlt, tbody.scrollContent tr.rowAlt td{
	padding: 5px;
	background-color: #f4f4f4;
}
.rowHover, tbody.scrollContent tr.rowHover td {
	padding: 5px;
	background-color:#F0F8FA;
}

.rowTitle {
	font-weight: bold;
	color: #306098;
	background-color: #F0F8FA;
}


.statusContainer {
	font-size: 1px;
	position: relative;
	width: 150px;
	height: 10px;
	float:right;
	background-color:#8898A0;
	border: solid #8898A0 1px;
}

.statusBar {
	height: 10px;
	background-color:#F8C830;
}
.statusLabel {
	font-weight:normal;
	width: 150px;
	text-align: center;
	float:right;
}
.columnLabel {
	font-weight:normal;
	width: 140px;
	text-align: left;
	float:right;
}
.columnLabel2 {
	font-weight:normal;
	width: 210px;
	text-align: left;
	float:right;
}

.columnLabelLong {
	font-weight:normal;
	width: 260px;
	text-align: left;
	float:right;
}

.columnLabelLonger {
	font-weight:normal;
	width: 400px;
	text-align: left;
	float:right;
}


.rightLabel {
	font-weight:normal;
	width: 50px;
	text-align: center;
	float:right;
}

.rightIcon {
	font-weight:normal;
	width: 25px;
	text-align: center;
	float:right;
}

.disable {
	background-color: #F0F0F0;
} 


/*- Menu Tabs F--------------------------- */


#tabsF {
	position:relative;
	font-size: 10px;
	padding: 0px;
	width:100%;
	line-height:normal;
	font-weight: bold;
}

#tabsGhost {
	position:relative;
	font-size: 10px;
	padding: 0px 0px 10px 0px;
	width:100%;
	line-height:normal;
	font-weight: bold;
	clear:both;
}


#tabsF #current a {
	background-position:0% -42px;
}

#tabsGhost #current a {
	background-position:0% -42px;
	border-bottom: solid 1px #fff;
}

#tabsF #current a span { 
	background-position:100% -42px;
	color: #fff;
}

#tabsGhost #current a span { 
	background-position:100% -42px;
	color: #4880E8;
}

#tabsF ul {
	position: relative;
	margin:0;
	padding:0px 0px 0px 12px;
	list-style:none;
	z-index: 99;
}

#tabsGhost ul {
	position: relative;
	margin:0;
	padding:0px;
	list-style:none;
	z-index: 99;
}
#tabsF li, #tabsGhost li {
	display:inline;
	margin:0;
	padding:0;
}

#tabsF a {
	float:left;
	background:url("../images/tableft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 8px;
	text-decoration:none;
}

#tabsGhost a {
	float:left;
	background:url("../images/tabGhostLeft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 8px;
	text-decoration:none;
	border-bottom: solid 1px #3574bc;
}

#tabsF a span {
	float:left;
	display:block;
	background:url("../images/tabright.gif") no-repeat right top;
	padding:5px 10px 4px 2px;
	color: #485058;
}

#tabsGhost a span {
	float:left;
	display:block;
	background:url("../images/tabGhostRight.gif") no-repeat right top;
	padding:5px 10px 4px 2px;
	color: #485058;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabsF a span, #tabsGhost a span {float:none;}
/* End IE5-Mac hack */
#tabsF a:hover, #tabsGhost a:hover {
	background-position:0% -42px;
}
#tabsF a:hover span {
	background-position:100% -42px;
	color: #fff;
}

#tabsGhost a:hover span {
	background-position:100% -42px;
	color: #4880E8;
}

.blankNav {
	position:relative;
	left: -3px;
	right: 0px;
	border-bottom: solid 1px #3574bc;
	height: 21px;
	top:0px;
	z-index: 0;
}

#tabsGhost div a {
border: none;
}



.logout {
float:right;
text-align: right;
font-size: 10px;
}

.logout a.log:link, .logout a.log:visited, .logout a.log:active {font-weight: bold; color: #800000; text-decoration:none; background-color: transparent; }
.logout a.log:hover      {font-weight: bold; color: #800000; text-decoration:underline; background-color: transparent; }

/*buttons*/
.columnButton{
margin-left: auto;
margin-right: auto;
text-align: center;
width: 120px;
}

#buttonInline{
	position:relative;
	padding: 0px;
	font-weight: bold;
	font-size:10px;
	height: 22px;
}

#button{
	position:relative;
	float: left;
	padding: 8px 8px 8px 0px;
	font-weight: bold;
	font-size:10px;
	z-index:99;
}
#button a, #buttonInline a {
	float:left;
	background:url("../images/buttonleft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 6px;
	text-decoration:none;
}

#button a span, #buttonInline a span {
	float:left;
	display:block;
	background:url("../images/buttonright.gif") no-repeat right top;
	padding:5px 10px 5px 5px;
	color: #485058;
}

#button a span img, #buttonInline a span img, #buttonSmall a span img {
vertical-align: baseline;
margin: -1px 1px -2px 0px;
}


#buttonSmall{
	margin:0px 0px 0px 5px;
	padding: 0px;
	font-weight: bold;
	font-size:10px;
}
#buttonSmall a {
	float:left;
	background:url("../images/buttonleft_small.gif") no-repeat left top;
	margin:0;
	padding:0px 0px 0px 6px;
	text-decoration:none;
}

#buttonSmall a span {
	float:left;
	display:block;
	background:url("../images/buttonright_small.gif") no-repeat right top;
	padding:2px 7px 2px 2px;
	color: #485058;
}




#button a span, #buttonInline a span, #buttonSmall a span {float:none;}

#button a:hover, #buttonInline a:hover {
	background-position:0% -22px;
}
#button a:hover span, #buttonInline a:hover span {
	background-position:100% -22px;
	color: #4880E8;

}

#buttonSmall a:hover {
	background-position:0% -16px;
}
#buttonSmall a:hover span {
	background-position:100% -16px;
	color: #4880E8;

}




/* scrollTable styles */

div.tableContainer {
	width: 662px;		/* table width will be 99% of this*/
	height: 295px; 	/* must be greater than tbody*/
	overflow: auto;
	margin: 0 auto;
	position: relative;
	border: solid #98a7b8 1px;
	}

.tableContainer table {
	width: 645px;
	border: none;
	background-color: #f7f7f7;
	}
	
/* Reset width value for all non-IE browsers. */
html>body div.tableContainer table {
	width: 662px
}
	
.tableContainer table>tbody	{  /* child selector syntax which IE6 and older do not support*/
	overflow: auto; 
	height: 250px;
	overflow-x: hidden;
	}
	
.tableContainer thead tr	{
	position:relative; 
	top: expression(offsetParent.scrollTop); /*IE5+ only*/
	}
.tableContainer table tr	{
height: 17px;
	}
	
.tableContainer thead td, thead th {
	vertical-align:bottom;
	background-color: #F0F8FA;
	border-top: none;
	border-left: none;
	border-right: solid #d8e0e0 1px;
	border-bottom: solid #d8e0e0 1px;
	color: #306098;
	font-weight: normal;
	padding: 2px 5px 2px 5px;
	text-align: left
	}	
	
.tableContainer thead a, .tableContainer thead a:link, .tableContainer thead a:visited {
	color: #306098;
	text-decoration: none;
}
.tableContainer thead a:hover {
	text-decoration: underline;
}

	
.tableContainer td	{
	padding: 5px;
	border-top: none;
	border-left: none;
	border-right: solid #d8e0e0 1px;
	border-bottom: solid #d8e0e0 1px;
	}
	
.tableContainer td:last-child {padding-right: 20px;} /*prevent Mozilla scrollbar from hiding cell content*/