/**
 *
 * Kuester Companies Extranet
 * PA: jjohnson
 * ENG: jjohnson
 *
*/

body{font-family: "Lucida Sans",Arial,Verdana,sans-serif; background: #ECECDA; margin: 0; padding: 0; color: #333; font-size: 12px;}

h1, h2, h3, h4, h5, h6, h7{margin: 0; padding: 0;}
p{margin: 0; padding: 0;}

a{text-decoration:none; color: #083356; font-weight: bold;}
a:hover{text-decoration:underline;}
a img{border: 0;}

form .input{font-family: "Lucida Sans", Arial, sans-serif; font-size: 12px; padding: 3px; border: 1px solid #ddd; border-left-color: #999;	border-top-color: #999;	}

#outer-wrapper{background: #ececda url(../images/outer-bg.gif) repeat-x left top; text-align: center;}
#wrapper{width: 760px; margin: 0 auto;}
	#wrapper div{text-align: left;}
	
#header{position: relative; height: 115px; background: url(../images/header-bg.gif) no-repeat left top;}
	h1.logo{float: left; background: url(../images/web-logo.gif) no-repeat left top; width: 190px; height: 98px; text-indent: -9999em;}
	h1.logo a{display: block; width: 190px; height: 85px;}

.topNav{font-size: 12px; float: right; margin: 5px 0 0 0;}
	.topNav li{display:inline; padding: 0 5px;}
	.topNav li a{color: #cedbe6; font-weight: bold;}
	.topNav li.last{border:none;}


#user-files, #client-list,#user-list{background: #fff; border-top: 3px solid #0A4C81; padding: 12px 8px; clear: both;}
	.filelist td{background: url(../images/left1pxdash.gif) repeat-x left bottom; padding: 15px 0;}
	.filelist td img{margin: 0 15px 0 25px;}
	.filelist td.title{padding: 0 20px; width: 140px; line-height: 20px;}
	.filelist td.date{background: #ccc; color: #333; font-weight: bold; font-size: 15px; padding: 3px;}
	.filelist p{font-size: 11px; width: 400px; padding: 0 10px;}

#client-list{padding: 8px;}
	.client-table{border: 1px solid #6593cf;}
	.client-table th{background: #b5d5ff url(../extranet/images/tbl-header-bg.gif) repeat-x left top; height: 21px; border-top: none; border-bottom: 1px solid #6593cf; border-left: 1px solid #fff; border-right: 1px solid #6593cf; padding-left: 5px; font-size: 11px;}
	.client-table th.first{border-left: none;}
	.client-table th.last{border-right: none;}
	.client-table td{padding: 4px; border-bottom: 1px solid #ddecfe; border-right: 1px solid #f1efe2;}
	.client-table .even td{background: #f5f5f5;}

#addform{margin: 0 0 30px 0;}

.user-logo{background: url(../extranet/images/logo-bg.gif) no-repeat left top; padding: 2px 2px 3px 2px; float: left;}
.user-info{float: right; width: 300px;}
.user-info p{text-align: right; line-height: 18px;  padding: 15px 0 0 0;}

.nav{clear: both; padding: 20px 0 0 0;}
.nav ul, .nav li{margin: 0; padding: 0; list-style:none;}
.nav li{width: 100px; text-align: center; float: left; margin-right: 3px;}
.nav li a{display: block; height: 20px; border-top: 5px solid #5d5d55; background: #808076; color: #fff; padding: 8px 0 0 0; width: 100px;}
.nav li a:hover{background: #0E63A7; border-top-color: #07375d;}
.nav li a.selected, .nav li a.selected:hover{border-top-color: #07375d; background: #0a4c81;}	

	.success{
		width: 90%;
	    background: #E2F9E3;
	    color: #060; 
		font-family: Verdana, sans-serif;
		border: 1px solid #9c9;
		font-size: 14px;
  		margin: 10px auto;
 		padding: 5px 5px 5px 30px;
		}
		
	.error{
		width: 90%;	
		background: #c00;
	    color: #fff; 
		font-family: Verdana, sans-serif;
		border: 1px solid #c99;
		font-size: 14px;
  		margin: 10px auto;
 		padding: 5px 5px 5px 30px;
		}
		
	.information{
		width: 90%;	
		background: #ffc;
	    color: #333; 
		font-family: Verdana, sans-serif;
		border: 1px solid #fc0;
		font-size: 14px;
  		margin: 10px auto;
 		padding: 5px 5px 5px 30px;
		}

/* styles for the login page only */

.login-container {
	width: 500px;
	margin: 60px auto 20px auto;
	min-width: inherit;
}

#LogoBox {text-align: center;  margin-bottom: 15px;}
#LogoBox img {padding: 5px 0 0 0;}

.login-container #form{border: 10px solid #ccc;	padding: 15px 20px 10px 20px; text-align: left;	background: #fff;}
.login-container input{font-size: 14px;}
.login-container input#username {width: 150px; padding: 3px; border: 1px solid #ddd; border-left-color: #999;	border-top-color: #999;}
.login-container input#password {width: 150px; margin-right: 5px; padding: 3px; border: 1px solid #ddd; border-left-color: #999;	border-top-color: #999;
}
.login-container p {margin: 10px 0 0 0;}
.login-container dt {float: left; width: 80px; font-size: 14px;	line-height: 24px;}
.login-container dd {margin: 0 0 5px 90px;	font-size: 11px; line-height: 24px;	color: #666; margin-left: 80px;}
.login-container .formfields{float: left; width: 250px; margin: 10px 0 0 0;}
.login-container .forgot{float: right; width: 185px; margin: 10px 0 0 0; border-left: 1px solid #ccc; height: 100px;}
.login-container .forgot ul, .login-container.forgot li{margin: 0; padding: 0; list-style:none;}
.login-container .forgot ul{margin: 10px 0 0 10px;}
.login-container h5{clear: both; color: #0F6CB6; font-size: 14px; padding: 15px 0 0 0; padding: 0;}