body {
	background: #fff url('/images/fade.gif') top repeat-x ;
	font-family: arial;
	margin:0px;
	color:#333

}

table {
	font-family: arial;
}

a {
	text-decoration:none;
}

a:link, a:visited {
	color:#003a5e;
	font-weight:550;
}

a:hover {
	color:#a62121;
	text-decoration:underline;
}

a:link img, a:visited img {
	color:#FFFFFF;
	font-weight:550;
}

a:hover img {
	color:#FFFFFF;
	font-weight:550;
}

.required {
	color:#FF0000
}


#header-wrapper{
	position:relative;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	border-bottom:1px solid #d1edff;
	border-bottom:1px solid d1edff;
	margin-top:25px;
	
}

ul {
    margin:0px
}

#main-wrapper {
	position:relative;
	background: #fff url('/images/fade.gif') top repeat-x ;
    border: 1px dotted #d1edff;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	background-color: #fff;
	border-top:0px;
}

.pad {
	padding:25px;
}

#footer-wrapper {
	position:absolute;
	width:90%;
	margin-left:auto;
	margin-right:auto;
	bottom:10px;
	text-align:center;
	
}

#footer-wrapper  a{
	color:#77AAFF;
	text-decoration:none;
	font-size:12px;
}

#header-left {
	border-bottom:1px solid #d1edff;
	border:0px;
	margin:5px;
}

#header-right {
	margin-left:auto;
	margin-right:auto;
    text-align:right;
    width:1000px;
}

#header-right a {
    font-size:9pt;
}

ul#lstHeader  {
position:relative;
padding-left:5px;
}

#lstHeader li {
	display:inline;
}

#tblLogin {
	width: 300px;
}

.msgError{
	color: #FF0000;
}

.muted {
	color: #909090;
}

.actionNew{
	float:right;	
}

.actionSubmit {
	width:150px;	
	margin-left:auto;
	text-align:right;
	padding-top:20px
}

.actionBack{
	width:150px;	
	margin-right:auto;
	text-align:left;
	padding-top:20px
}


.actionNew a, .actionSubmit a, .actionBack a {
	background-color:#009dff;
	border-bottom: 2px solid #023454;
	border-right: 2px solid #023454;	
	border-left: 2px solid #9cd9ff;	
	border-top: 2px solid #9cd9ff;	
	font-weight:bold;
	padding:2px;
	padding-left:5px;
	padding-right:5px;
    color:#fff;
    margin:5px
}

.actionNew a:hover, .actionSubmit a:hover {
    background-color:#9cd9ff;
    color:#009dff;   
    text-decoration:none 
}


.small{
    font-size: 80%
}
.title{
    font-size: 110%;
    font-weight : bold;
}

/*******************************
INVOICE STYLES
*******************************/

#invoice-selfilter {
	margin:5px;
} 
#invoice-filter-container {
	left:20px;
	top:20px;
	margin:5px;
} 

#invoice-admin-options {
	margin:5px;
}

#admin-options-view  a{
	text-decoration:none;
}

#admin-options-view a:hover{
	text-decoration:underline;
}


#invoiceOptions {
	padding:5px;
}



/*******************************
EXPENSE REPORT STYLES
*******************************/

#report-selfilter {
	margin:5px;
} 
#report-filter-container {
	left:20px;
	top:20px;
	margin:5px;
} 

#report-admin-options {
	margin:5px;
	padding:4px;
}

#admin-options-view  a{
	text-decoration:none;
}

#admin-options-view a:hover{
	text-decoration:underline;
}

#report-form-container{
	border: solid #CCCCCC 1px;
	/*border-left:  solid #CCCCCC 1px;
	border-bottom:  solid #CCCCCC 1px;
*/}

#reportOptions {
	padding:5px;
	border-bottom:  solid #CCCCCC 1px;
}

#reportOptions span {
	padding:5px;
}

#reportOptions span a {
	color:#0000FF;
	border: solid #CCCCCC 1px;
	padding:5px;
	
}

#reportOptions span a:hover {
	color: #99CCFF;
}

#reportOptions .selected {
	color: #00CCFF;
	border-bottom: solid #FFFFFF 1px;

}

/******************
HOME PAGE STYLES
*******************/
#homepage-container{
	border-right: solid #CCCCCC 1px;
	border-left:  solid #CCCCCC 1px;
	border-bottom:  solid #CCCCCC 1px;
}

#homepage-options {
	padding:5px;
	border-bottom:1px solid #CCC;
}

#homepage-options span {
	padding:5px;
}

#homepage-options span a {
	color:#0000FF;
	border: solid #CCCCCC 1px;
	padding:5px;
	
}

#homepage-options span a:hover {
	color: #99CCFF;
}

#homepage-options span a.selected {
	
	color: #00CCFF;
	border-bottom: solid #FFFFFF 1px;
	margin-bottom: -1px;

}




.hidden{
	display:none;
}




.fade, .fade-blue {
	background: #fff url('/images/fade.gif') top repeat-x ;
    border-top: 1px solid #d1edff;
    border: 1px dotted #d1edff;
    padding:10px;
    margin-bottom:5px;
}

.fade-green {
	background: #fff url('/images/fade-green.gif') top repeat-x ;
    border-top: 1px solid #d1ffd4;
    border: 1px dotted #d1ffd4;
    padding:10px;
    margin-bottom:5px;
}

.fade-red {
	background: #fff url('/images/fade-red.gif') top repeat-x ;
    border-top: 1px solid #ffd1d1;
    border: 1px dotted #ffd1d1;
    padding:10px;
    margin-bottom:5px;
}

h2.header-green {
    color:#005e04;
}
h2.header-blue {
    color:#003a5e;
}
h2.header-red {
    color:#5e0000;
}


.fade-header {
	background: #fff url('/images/fade.gif') top repeat-x ;
	border:0px;
}





.tab {
    border: 1px solid #f7fcff;
}

h2 {
    color: #000;
    font-size:15pt;
    margin:0pt;
}

table {
    width:100%;
    padding-top:10px;
    border-spacing:0px;
    border-bottom:1px dotted #d1edff;
    border-left:1px dotted #d1edff;    
}

td {
    padding:5px;
    border-top:1px dotted #d1edff;
    border-right:1px dotted #d1edff;
}

tr.alt1 {
    background-color:#fff   
}

tr.alt2 {
    background-color:#f7fcff
}

tr.alt1error, tr.alt2error {
    background-color:#ffd1d1
}

.emptyrow {
    text-align:center;
    font-weight:bold;
    font-size:18pt;
    padding:30px
}

tr.headerrow {
    background-color:#d1edff;
    font-weight:bold;
 
}

tr.headerrow td{
    border-right:1px dotted #fff;    
}

a.tinybutton, a.tinybutton {
    font-size:10pt;
    border:1px solid #d1edff;
    background-color:#fff;
    padding: 5px;
    padding-top:2px;
    padding-bottom:2px;
}

span.tinybuttonmuted {
    font-size:10pt;
    border:1px solid #d1edff;
    background-color:#fff;
    padding: 5px;
    padding-top:2px;
    padding-bottom:2px;
	color: #777;

}

.signers {
    font-size:10pt;
}
.convert {
    font-size:8pt;
    color:#555
}


.tabon a {
    font-weight:bold;
    font-size:13pt;
    background-color:#f7fcff;
    border:1px solid #d1edff;
    border-bottom:0px;
    padding: 10px;    
    padding-top: 5px;
    padding-bottom: 10px;
    margin-right:3px       

}

.taboff a {
    border:1px dotted #d1edff;
    font-size:10pt;    
    border-bottom:0px;  
    padding: 10px;    
    padding-top: 5px;
    padding-bottom: 10px;  
    margin-right:3px   

}

.cookietrail, .cookietrail a {
    font-size:10pt;
    margin-bottom:10px;
}

.icon {
    vertical-align:top;
    width:1px;
}

.form-help {
    float:right;
    width:175px;
    padding:10px;
}

.help-content {
    margin-top:-20px
}

.form-display {
    width:700px;
    padding-top:30px;
    margin-right:auto;
}

table.nostyle {
    border:0px;
    width:1px;
}

tr.nostyle, td.nostyle {
    border:0px;
    vertical-align:top
}

td.nostyle {
    text-align:right
}

.titleinput {
    font-size:24pt;
    font-weight:bold;
    width:95%
}

/*******************************
PAGING STYLES
*******************************/
	.paging-list {
		text-align:center;
		padding-top:10px;
		margin-top:5px;
		padding-bottom:20px;
		margin-bottom:10px;
	}
	
	.paging-list div {
		display:block;
		float:left;
		margin-top:3px;	
	}
	
	.paging-list div a {	
		text-decoration:none;
		padding:3px 7px;
		color:#003A5E;
		background:#ffffff;
		display:block;
		float:left;
		min-width:8px;
		-moz-border-radius:4px;				
		-webkit-border-radius:4px;	
		border:1px solid #D1EDFF;
		border-right:1px solid #D1EDFF;		
		border-bottom:1px solid #D1EDFF;
		margin-right:2px;
		margin-top:3px;
		text-align:center;
	}
	
	.paging-list div.selected a {
		color:#a62121;
		border:1px solid #D1EDFF;		
		border-right:1px solid #D1EDFF;
		border-bottom:1px solid #D1EDFF;
		font-weight:bold
	}
	
	.paging-list div a:hover {
		border:1px solid #D1EDFF;
		color: #a62121;
	}
	
	.paging-list div.selected a:hover {
		border:1px solid #D1EDFF;
		border-right:1px solid #D1EDFF;
		border-bottom:1px solid #D1EDFF;		
		color: #a62121;
	}