﻿body {
	background-color: #e3e3e3;
	margin: 0;
	padding: 0;
	font-family: Arial, "MS Trebuchet", sans-serif;
	height: 100%;
}
table {
	margin: 0;
	padding: 0;
	border: 0 none;
}
tbody, tr, td {
	margin: 0;
	padding: 0;
}
#page {
	margin: 0 auto;
	padding-left: 1px;
	padding-right: 1px;
	width: 988px;
	background-color: white;
	display: block;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 100%;
}
#page-wide {
	margin: 0 auto;
	padding-left: 1px;
	padding-right: 1px;
	width: 1250px;
	background-color: white;
	display: block;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	height: 100%;
}
#header {
	padding-bottom: 22px;
	background-image: url(../MasterImages/header-background.jpg);
	background-repeat: repeat-y;
	background-position: 286px 50%;
	width: 100%;
}
#header-wide {
    padding-bottom: 22px;
	background-image: url(../MasterImages/header-background.jpg);
	background-repeat: repeat-y;
	background-position: 548px 50%;
	width: 100%;
}
#bar {
	width: 100%;
	height: 5px;
	float: left;
}
#logo {
	margin-top: 25px;
	margin-left: 20px;
}
#header-block {
	position: absolute;
	margin-left: 75px;
	}
#co-name {
	font-size: 25px;
	font-weight: bold;
}
#portal-name {
	font-size: 20px;
}
#header-blurb {
	font-size: 12px;
}
#welcome-block {
	position: absolute;
	margin-top: 15px;
	margin-left: 510px;
}
#user-name {
	font-size: 12px;
	font-weight: bold;
}
ul#menu {
	padding: 0 0 0 590px;
	margin: -5px 0 0 0;
	list-style-type: none;
	float: left;
	white-space: nowrap;
}
ul#menu li {
	display: inline;
}
ul#menu li a {
	color: #444;
	background-color: #F2F2F2;
	padding: 4px 10px;
	float: left;
	text-decoration: none;
	font-size: 11px;
	border: 1px solid #CCC;
}
ul#menu li#log-off a {
	margin-left: 10px;
}

#main {
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	height: 100%;
}
.left {
	vertical-align: top;
	padding-top: 22px;
	width: 173px;
}
.right {
	vertical-align: top;
	width: 795px;
}
#two-column {
	margin-left: 20px;
}
.navigation-separator {
	margin: 0;
	padding: 0;
	display: block;
}
#navigation-box {

}
#navigation {
	background-color: white;
	margin-bottom: 40px;
}
#navigation a {
	text-decoration: none;
	font-size: 11px;
}
#navigation .accordion_nochildren {
	font-weight: bold;
	margin: 0;
}
#navigation .accordion_child {
	padding-top: 4px;
}
.accordion_nochildren {
	margin-left: 5px;
	background-color: White;
}
.accordion_nochildren a {
	padding-left: 10px;
	background-image: url(../MasterImages/bullet-primary.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#navigation .accordion_toggle {
	font-weight: bold;
	margin: 0;
}
.accordion_toggle {
	margin-left: 5px;
	background-color: White;
}
.accordion_toggle a {
	padding-left: 10px;
	background-image: url(../MasterImages/bullet-primary.gif);
	background-repeat: no-repeat;
	background-position: 0px 4px;
}
#navigation .accordion_content {
	padding-left: 15px;
}
.accordion_content a {
	margin-left: 13px;
	color: #999;
}
.accordion_content ul{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
.accordion_child a
{
	color: Black;
	/* margin-top: 5px; */
}
.accordion_child a.currentPage
{
	color: Black;
	font-weight: bold;
	font-size: 11px;
}

#content {
	padding-top: 20px;
	padding-left: 30px;
	color: #6b6d6f;
	font-size: 11px;
}
h1 {
	margin: 0px;
	padding: 0px;
	font-size: 18px;
	font-weight: normal;
}
p.instructions {
	width: 650px;
}

#footer {
	clear: both;
}
#powered {
	margin: 8px;
	padding-left: 820px;
}
.version 
{
	font-size: 12px;
	padding-left: 20px;
	vertical-align: middle;
}

.current_page {
	color: #444;
}
.accordion_content a.currentPage {
	color: #444;
}
.accordion_nochildren a.currentPage {
	color: #444;
}
.bold {
	font-weight: bold;
}
		
.info-row {
width: 93%;
display: block;
padding: 15px;
/*height: 125px; */
}
.gradient {
background-image: url(../NewImages/row_gradient.jpg);
background-repeat: repeat-x;
background-position: 0 100%;
border-top: 1px solid #CCC;
border-bottom: 1px solid #CCC;
}
.info-label 
{
	margin-bottom: 11px;
	color: black;
}
.info-label-cbox 
{
    vertical-align:top;
	margin-bottom: 15px;
	color: black;
}
.info-label-cbox2 
{
    vertical-align:middle;
	margin-top: 5px;
	color: black;
}
.info-label-indent 
{
	margin-bottom: 11px;
	color: black;
	padding-left: 25px;
	vertical-align:top;
}
.info-colorlabel 
{
	font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.info-left {
width: 250px;
vertical-align:top;
}
.info-right 
{
vertical-align:top;
}
.info-align-right
{
	 float:right;
}
.info-value {
color: black;
font-weight: bold;
font-size: 13px;
}
h1.row-heading {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.alt-heading {
font-size: 15px;
font-weight: bold;
margin-bottom: 10px;
}
.clear-button
{
    margin-top:5px;
}
.info-button 
{
margin-left: 595px;
display:block;
padding:5px 10px;
text-align:center;
width:100px;
color: white;
}
.info-button a 
{
	color:White;
}
.info-button-left 
{
display:block;
padding:5px 10px;
text-align:center;
width:120px;
color: white;
}
.info-button-left a 
{
	color:White;
}
.info-button-wide
{
display:block;
padding:5px 10px;
text-align:center;
vertical-align:middle;
width:120px;
color: white;
}
.info-button-wide a
{
    color:White;
}
.list-header
{
display:block;
padding:5px 10px;

font-size:14px;
font-family:Arial;
vertical-align:middle;
text-align:left;
width: 282px; 
height: 31px;
color: white;
}
.ref-col1 {
width: 100px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.ref-col2 {
width: 200px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.ref-col3 {
width: 100px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.ref-col4 {
width: 200px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.acct-col1 {
width: 110px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.acct-col2 {
width: 180px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.acct-col3 {
width: 110px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.acct-col4 {
width: 180px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.bfm-col1 {
width: 30px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.bfm-col2 {
width: 275px;
vertical-align:middle;
padding: 6px 8px 6px 8px;
}
.bfm-col3 {
width: 125px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.bfm-col4 {
width: 75px;
vertical-align:middle;
padding: 6px 8px 6px 8px;
}
.todo-col1 {
width: 75px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.todo-col2 {
width: 220px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.todo-col3 {
width: 75px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.todo-col4 {
width: 220px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.todo-col1a {
width: 63px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.todo-col2a 
{
width: 400px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.time-col1 {
width: 81px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.time-col2 {
width: 100px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.time-col3 {
width: 60px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.time-col4 {
width: 100px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.time-col5 {
width: 50px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.time-col6 {
width: 80px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.pot-col1 
{
    width: 15px;
    vertical-align: middle;
    padding: 6px 8px 6px 8px;
}
.pot-col2 
{
    width: 500px;
    vertical-align: top;
    padding: 6px 8px 6px 8px;
}
.buttons-col1 {
width: 60px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.buttons-col2 {
width: 230px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.buttons-col3 {
width: 65px;
vertical-align:middle;
padding: 6px 8px 6px 8px;
}
.buttons-col4 {
width: 200px;
vertical-align:top;
padding: 6px 8px 6px 8px;
}
.redcolor {
color: Red;
font-weight: bold;
}
.alertsymbol {
	padding-left: 550px;
}
.apply-button {
vertical-align:top;
padding-left: 90px;
}