body { font-family: Arial Narrow, Helvetica, sans-serif; background-color: #999999; background-image: url('bg-top.jpg' ); background-repeat: repeat-x; padding: 0 0 0 0; margin: 0 0 0 0; font-size: small; }
input[type='text'], input.text { }
input[type='password'], input.password { }
input[type='radio'], input.radio { }
input[type='checkbox'], input.checkbox { }
input[type='submit'], input.button { text-align: center; }
table { border-collapse: collapse; border-spacing: 0px; padding: 0px; }
p { padding: .5em 0em .5em 0em; font-size: small; }
b { font-weight: bolder; }
a { text-decoration: none; }
.LoginGroup { float: right; width: 350px; background-color: black; background-image: url('bg-login.jpg' ); color: white; height: 100%; z-index: 10; background-repeat: repeat-x; padding: 0px 1em 0px 1em; }
.loginStatus { float: right; font-size: medium; }
#Frame { width: 950px; margin-right: auto; margin-left: auto; margin-top: 10px; background-color: white; }
#Logo { margin: 30px; float: left; background: url(      'BoiseDirectLogo.jpg' ) no-repeat; width: 232px; height: 107px; }
#Header { clear: both; color: Black; height: 50px; font-weight: 800; background: #F00 url(        "UL-Corner.gif" ) no-repeat; padding-left: 30px; }
#Footer { width: 950px; clear: both; margin-right: auto; margin-left: auto; margin-top: 10px; margin-bottom: 10px; color: black; background-image: none; background-color: transparent; }
#LoginImage { background: url('approved.jpg' ) no-repeat; width: 950px; height: 535px; }

.twoColumn { text-align: left; padding: 1em 113px 1em 112px; float: left; width: 250px; font-size: small; font-weight: 100; }
.oneColumn { text-align: center; padding-top: 1em; float: left; width: 100%; }

.smallmenu { font-family: "Arial Narrow"; float: right; font-size: small; padding-top: 30px; padding-bottom: 10px; padding-right: 30px; }
.smallmenu li { list-style: none; display: inline-table; float: left; text-align: center; max-width: 50px; padding-left: 8px; text-transform: uppercase; }
.smallmenu a:link { text-decoration: none; }
.smallmenu a:visited { text-decoration: none; }
.smallmenu a:active { text-decoration: none; }
.smallmenu a:hover { color: Red; text-decoration: underline; }
.smallmenu .menuseparator { width: 0px; height: 40px; border-right: dotted 4px red; }

.imagelist { }
.imagelist li { 
	list-style: none; 
	display: inline-table; 
	text-align: center; 
	padding: 10px; 
	float: left; 
}
div[id].imagelist li {
	float: none;
}
.imagelist li a { 
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 100px; 
	height: 125px; 
}
.imagelist li a #border { 
	width: 100px; 
	height: 125px; 
	background-repeat: no-repeat; 
	background-position: 0px 20px;
	border: 1px solid #DDD;
}
.imagelist li a:hover { border-color: #F00; background-color: transparent; color: #F00; }

.leftPanel { background-color: black; background-image: url(  'bg-login.jpg' ); background-repeat: repeat-x; float: left; min-height: 700px; padding: 5px; }
.leftPanel a { color: White; }

.subtleText { color: Silver; }

.loginStatus { font-size: x-large; float: right; }
.popup { visibility: hidden; background-color: Aqua; border: solid 1px Green; }
.hover { color: Black; }

.modalDialog { visibility: hidden; width: auto; background-color: White; }
.modalBackground { background-color: Aqua; }
.addUserWizard { background-color: #EFF3FB; border-color: #B5C7DE; border-style: Solid; border-width: 1px; }
.addUserWizard td { width: 50%; }

.pageBackground { width:100%; min-height: 405px; background-image: url( 'bg-login.jpg' ); background-repeat: repeat-x; color: White; background-color: black;}
.pageBackground .topThird { width: 32%; float: left; margin: 5px;  background: #800; min-height: 250px;}
.pageBackground .fullWidth {width: 98%; float: left; margin: 5px; background: #800;}
.pageBackground .image {padding: 5px; padding-bottom: 30px; }
.pageBackground p { font-size: x-large; padding: 0 0 0 5px; }
.pageBackground label { font-size: medium; font-family: 'Arial Narrow'; padding:0 0 0 5px;  }

.transparent_class { filter: alpha(opacity=50); -moz-opacity: 0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.opaque_class { filter: alpha(opacity=100); -moz-opacity: 1.0; -khtml-opacity: 1.0; opacity: 1.0; }

.Accordion { background: #800; height: 210px; }
.Accordion .PanelHeader { }
.Accordion .PanelHeader a { font-size: medium; font-family: 'Arial Black'; color: White; text-decoration: underline; }
.Accordion .PanelContent { background: #700; }
.Accordion .PanelContent .UserName { font-family: 'Arial Black'; }
#contentwrap, #contentwrap p {
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#services_background {
	background: url('bg-login.jpg');
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #F00;
}
.smallmenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */