/* tags */
body {
	margin: 0 auto 3em;
	
	font-family: Arial, sans-serif;
	/*
	font-family: 'Droid Sans','Josefin Sans Std Light', arial, serif;
	*/
	
	width: auto;

}
/* sticky footer */
* {margin: 0;}

html, body {
	height: 600px;
}
/*
.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;	
}
*/
.footer. .push {
	height: 4em;
}

h1 {
	padding: 0.25em 0.25em;
}

h2 {
	padding-top: 0.25em;
	color: #4A4A4A;
/*	color: hsl( 0 , 0% , 29% );*/

}

h3 {
	margin: 1em auto 0.5em;

}

#wrapper {
	width: 960px;
	margin: 0 auto;
	
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -4em;	

}

.wrap > * {
	margin: 0 auto;
	width: 920px;
	
}

input[type="file"]::-webkit-file-upload-button {
	padding: 1px 6px;
	
} 
input[type="button"], input[type="submit"], input[type="reset"], button {
	padding: 1px 6px;

}

.section {
	display: block;
	
}

.header {
	display: block;
	
}

.footer {
	display: block;
	
}

.nav {
	display: block;
	
}

/* header */
body > #header {
	background: url("/images/pixelized-997-orange.png") 0px 11px;
	
	border-bottom: #7A7A7A solid 1px;
/*	border-bottom: hsl( 0 , 0% , 48% ) solid 1px;*/
	position: relative;
	
}

body > #header #logo {
	padding: 1.5em 0px 0.5em;
	
}
body > #header #logo a {
	text-shadow: #7A7A7A 1px 1px 2px;
/*	text-shadow: hsl( 0 , 0% , 48% ) 1px 1px 2px;*/
	color: #F5F5F5;
/*	color: hsl( 0 , 0% , 96% );*/

}

body > #header .header {
	position: relative;
	height: 44px;
	height: 79px;
	height: 111px;
	background: url("/images/header-firstdata-l.png") 0px 11px;
	text-shadow: none;

}

body > #header .header .nav {
	font-size: 0.8em;
	position: relative;
	top: 7px;
	left: 10px;
}

#header .nav a ,
body > #header .header .nav a ,
body > #header .header .nav a.visited
{
	display: block;
	float: left;
	height: 37px;
	line-height: 40px;
	padding: 0px 11px;

	color: #F5F5F5;
/*	color: hsl( 0 , 0% , 96% );*/
	
	border-top-left-radius: 2px 2px;
	border-top-right-radius: 2px 2px;

}

body > #header .header .nav a.active {
	color: #3D3D3D;
/*	color: hsl( 0 , 0% , 24% );*/
	background-color: #F5F5F5;
/*	background-color: hsl( 0 , 0% , 96% );*/

}

body > #header .header #account {
	position: absolute;
	right: 3em;
	top: 2.75em;
	
	font-size: 20px;
	/*
text-shadow: rgba( 244 , 241 , 229 , 0.5 ) -1px -1px 1px;
*/
	color: #00A9E0;
/*	color: hsl( 0 , 0% , 24% );*/
	
}

body > #header .header #profile {
	color: #F25400;
/*	color: hsl( 0 , 0% , 24% );*/
	font-size: 12px;
	position: absolute;
	right: 10px;
	text-align: right;
	/*	top: 15px;	*/
	bottom: 10px;
	width: 350px;
	
}

body > #header .header #profile a {
	color: #F5F5F5;
/*	color: hsl( 0 , 0% , 96% );*/
	padding: 0px 3px;
	text-decoration: underline;

}


/* content */
/* megabar */
#megabar {
	float: left;

	width: 210px;
	margin: 0 2em 0 -1em;

	padding: 1em 0 1em 1em;

	background: #F5F5F5;
/*	background: hsl( 0 , 0% , 96% );*/
	
	border: #E8E8E8 solid 1px;
/*	border: hsl( 0 , 0% , 91% ) solid 1px;*/
	border-bottom: #C9C9C9 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 79% ) solid 1px;*/
	border-right: #C9C9C9 solid 1px;
/*	border-right: hsl( 0 , 0% , 79% ) solid 1px;*/
	
	border-top: none;
	font-size: 0.75em;

	border-top-left-radius: 2em 32em;
	border-top-right-radius: 2em 32em;

	border-bottom-left-radius: 2em 32em;
	border-bottom-right-radius: 2em 32em;

}

#megabar .nav a {
	display: block;

	margin: 0 0 0.25em;
	color: #3D3D3D;
/*	color: hsl( 0 , 0% , 24% );*/
	padding: 0.5em 0.5em 0.25em 2.75em;

	background-repeat: no-repeat;
	background-position: 0.75em center;

	border-bottom-right-radius: 2em 32em;
	border-bottom-left-radius: 2em 32em;

}

#megabar .nav a:hover {
/*	background-color: hsl( 0 , 0% , 88% );*/
	background-color: #FFF3A8;
/*	background-color: hsl( 52 , 100% , 83% );*/

}

#megabar .nav .header {
	color: #ABABAB;
/*	color: hsl( 0 , 0% , 67% );*/
	font-size: 0.8em;
	font-weight: bold;
	padding: 1em 0 1em 1.5em;
/*	text-shadow: hsl( 0 , 0% , 96% ) 0px 1px 1px;*/
	text-transform: uppercase;

}

#megabar .nav a.active {
	position: relative;
	width: 90%;

	background-color: #FEFEFE;
/*	background-color: hsl( 0 , 0% , 100% );*/
	
	border: #D6D6D6 solid 1px;
/*	border: hsl( 0 , 0% , 84% ) solid 1px;*/
	border-right: #BDBDBD solid 1px;
/*	border-right: hsl( 0 , 0% , 74% ) solid 1px;*/
	border-bottom: #BDBDBD solid 1px;
/*	border-bottom: hsl( 0 , 0% , 74% ) solid 1px;*/

}

#megabar .nav a.fundCustomers {
	background-image: url( "../images/add.png" );

}

#megabar .nav a.archive {
	background-image: url( "../images/hourglass.png" );

}

#megabar .nav a.myProfile {
	background-image: url( "../images/user_orange.png" );

}

#megabar .nav a.users {
	background-image: url( "../images/group.png" );

}

#megabar .nav a.funding {
	background-image: url( "../images/report.png" );

}

#megabar .nav a.customerFunds {
	background-image: url( "../images/money.png" );

}

#megabar .nav a.fuelPurchase {
	background-image: url( "../images/gas.png" );

}

#megabar .nav a.transchecks {
	background-image: url( "../images/sallary_deferrais.png" );

}

#megabar .nav a.monthlyRebateReport {
	background-image: url( "../images/report.png" );

}



 
body > #header .header .nav a.active {
	border-bottom: #F5F5F5 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 96% ) solid 1px;*/
	/*
	background-image: url( "/images/metalsized.png" );
	background-position: 0 -20px;
	*/
	font-weight: bold;

}

#megabar {
	width: 100%;
	/*
	background-image: url( "/images/pixelized-997.png" );
	background-image: url( "/images/metalsized.png" );
	background-position: 0 -70px;
	*/
}

#megabar .nav a {
	display: inline-block;
	float: left;

}

#megabar .nav a.active {
	width: auto;
}

/* content */
#content {
	position: relative;
	margin: 1em;
	float: left;
	width: 630px;
	min-height: 600px;
}

#content.no-megabar {
	width: auto;
	float: none;

}

#content strong {
	font-weight: bold;

}

#content h1 + .meta {
	margin-top: 1em;
	background-color: #F9F9F9;
	color: #000;
	padding: 0.25em 0.25em;
	border: #00A9E0 solid 1px;
	
/*	color: hsl( 0 , 0% , 48% );*/

}


#content li > a {
	position: relative;
	display: inline-block;

	color: #3D3D3D;
/*	color: hsl( 0 , 0% , 24% );*/
	padding: 0.25em 0.5em;

	background-repeat: no-repeat;
	background-position: 0.75em center;

	border-bottom-right-radius: 2em 32em;

}

#content li > a {
	padding: 0.5em;
	display: block;
	border-bottom: #E8E8E8 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 91% ) solid 1px;*/

}

#content li > a:hover {
	text-decoration: none;

}

#content li {
	font-size: 0.8em;

	margin: 0.125em 0;
	padding: 0 0.5em;

}

#content li.active a {
	background: #F7F7F7;
/*	background: hsl( 241 , 0% , 97% );*/

}

#content li.active a + .section {
	padding: 0.25em 0.5em 0.75em 4em;
	background: #FBFBFB;
/*	background: hsl( 241 , 0% , 98.5% );*/
	border-bottom: #E8E8E8 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 91% ) solid 1px;*/

}

#content li.active .section.customer-details p {
	margin: 0.5em 0 0;

}

#content li.active .section.customer-details p .balance.negative {
	margin-top: -0.25em;

}

#content li.active .section.fund-details p {
	margin: 0.5em 0 0;

}


#content li .createBatch {
	padding: 0 0.5em;
	height: 2em;

}

#content .balance.negative
{
	font-size: 1.25em;
	font-weight: bold;
	color: #FF5900;
/*	color: hsl( 21 , 100% , 50% );*/

	display: inline-block;

	margin-right: 0.25em;
	padding: 0.25em 0.5em;

	border-radius: 3px 3px;

}

#content li a span.balance.negative
{
	display: inline-block;

	margin-right: 0.25em;
	padding: 0.25em 0.5em;

	background: #FFF3A8;
/*	background: hsl( 52 , 100% , 83% );*/
	font-size: 1em;
	font-weight: bold;
	color: #FF5900;
/*	color: hsl( 21 , 100% , 50% );*/

	border-radius: 3px 3px;
}

#content span.status {
	display: inline-block;

	margin-right: 0.25em;
	padding: 0.25em 0.5em;

	background: #FFF3A8;
/*	background: hsl( 52 , 100% , 83% );*/
	color: #FF5900;
/*	color: hsl( 21 , 100% , 50% );*/
	font-weight: bold;

	border-radius: 3px 3px;

}

#content .amount {
	margin-left: 0.25em;
	width: 6em;

}

/* customer search */
#customer-search {
	position: relative;

}

#customer-search-button {
	padding: 0 0.25em;
	height: 2em;

}

#customer-search-field-wrap {
	position: relative;
	display: inline-block;
	/* IE hack */
	*display: inline;

}

#customer-search-field {
	padding-right: 1.25em;

}

.clear-search {
	position: absolute;

	top: 50%;
	right: 0.25em;
	/* IE hack */
	*right: 0.5em;
	z-index: 1000;
	
	margin-top: -0.5em;
	/* IE hack */
	*margin-top: -0.25em;

}

.fund-details {
	display: none;

}

.customer-details {
	display: none;

}

#recent-funds li {
	border-bottom: #E8E8E8 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 91% ) solid 1px;*/
	padding: 0.5em 0.5em;
	
}

#recent-funds li a {
	display: inline-block;
	color: #1010CB;
/*	color: hsl( 240 , 85% , 43% );*/
	text-decoration: underline;
	border: none;
	padding: 0;
	
}

#history li {
	border-bottom: #E8E8E8 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 91% ) solid 1px;*/
	padding: 0.5em 0.5em;
	
}

#history li a {
	display: inline-block;
	color: #1010CB;
/*	color: hsl( 240 , 85% , 43% );*/
	text-decoration: underline;
	border: none;
	padding: 0;

}

#alerts li {
	border-bottom: #E8E8E8 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 91% ) solid 1px;*/
	padding: 0.5em 0.5em;
	
}

#alerts li a {
	display: inline-block;
	color: #1010CB;
/*	color: hsl( 240 , 85% , 43% );*/
	text-decoration: underline;
	border: none;
	padding: 0;

}

#history .nav {
	margin: 0.5em 1em;
}

#history .nav a {
	display: inline-block;
	border: #E8E8E8 solid 1px;
/*	border: hsl( 0 , 0% , 91% ) solid 1px;*/
	background: #F5F5F5;
/*	background: hsl( 0 , 0% , 96% );*/
	padding: 0.5em 0.5em;
	
}

/* forms and stuff */
form , table {
	font-family: Verdana, sans-serif;
	
}

label {
/*	display: block; */
	margin: 1em 0.25em 0.25em 0;
	
}


a.userEdit {
	background: url( "../images/client_account_template.png" ) no-repeat;
	display: block;
	height: 32px;
	text-indent: -5000px;
	width: 32px;
	margin: auto;

}

.userStatus.Active {
background: url(../images/tick.png) no-repeat;
display: block;
height: 32px;
text-indent: -5000px;
width: 32px;
margin: auto;
}
.userStatus.Inactive ,
.userStatus.Disabled
{
background: url("../images/Copy of cross.png") no-repeat;
display: block;
height: 32px;
text-indent: -5000px;
width: 32px;
margin: auto;
}
.userStatus.Locked {
background: url("../images/lock.png") no-repeat;
display: block;
height: 32px;
text-indent: -5000px;
width: 32px;
margin: auto;
}

table#customers { 
font-size: 0.8em;
}

.debit {
	color:#fa5500;
}
.credit {
	color:#558800;
}

/* footer */
body .wrap > .footer {
	margin: 0 auto 3em;
	/* padding: 1em; */
	text-align: center;
	font-size: 0.8em;
	background: #102E41;
	width: 100%;
	color: #DCDCDC;
	border-top: #F5F5F5 solid 1px;
	height: 4em;
/*	border-top: hsl( 0 , 0% , 96% ) solid 1px;*/
	
}

body .wrap >  .nav a ,
body .wrap >  .nav a:visited {
	text-decoration: underline;

}

body .wrap > .footer a ,
body .wrap > .footer a:visited {
	text-decoration: underline;
	color:#DCDCDC;
}

body .wrap > .footer .nav a:hover {
	color: #F55500;
/*	color: hsl( 21 , 100% , 48% );*/

}

#logo a {
	/* background: url( "/images/logo.png" ) no-repeat; */
	
	text-indent: -5000px;
	
	display: block;
	height: 35px;
	
	/*
	font-family: Keffeesatz , 'Arial' , serif;
	
	font-size: 30px;
	letter-spacing: 1px;
	margin-top: 10px;
	color: #F55500;
	*/
/*	color: hsl( 21 , 100% , 48% );*/
	
/*	text-shadow: #D6D6D6 1px 1px 2px; */
/*	text-shadow: hsl( 0 , 0% , 84% ) 1px 1px 2px;*/
	
	
}

/* coldbox */
.cbox_messagebox{
	font-size: 13px;
	font-weight: bold;
	margin: 10px;
}
.cbox_messagebox_info{
	background: #D1E6EF url(/images/information.png) no-repeat scroll .5em 50%;
	border: 1px solid #2580B2;
	margin: 0.3em;
	padding: 0em 1em 0em 3.5em;
}
.cbox_messagebox_success{
	background: #EAFFB8 url(/images/tick.png) no-repeat scroll .5em 50%;
	border: 1px solid #83BA00;
	margin: 0.3em;
	padding: 0em 1em 0em 3.5em;
}
.cbox_messagebox_warning{
	background: #FFF2CF url("/images/error.png") no-repeat scroll .5em 50%;
	border: 1px solid #F5A700;
	margin: 0.3em;
	padding: 0em 1em 0em 3.5em;
}
.cbox_messagebox_error{
	background: #FFF2EB url(/images/exclamation.png) no-repeat scroll .5em 50%;
	border: 1px solid #F55500;
	margin: 0.3em;
	padding: 0em 1em 0em 3.5em;
}

/* table */
table {
	
}

tbody tr:nth-child(even) {
	background: #E3E3E3;
/*	background: hsl( 0 , 0% , 89% );*/
	
}

th {
	padding: 0.375em 0.25em;
	background: transparent;
	text-align: center;
	
	font-weight: bold;
	text-shadow: #F5F5F5 0px 1px 1px;
	
	border: #E8E8E8 solid 1px;
/*	border: hsl( 0 , 0% , 91% ) solid 1px;*/
	border-bottom: #C9C9C9 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 79% ) solid 1px;*/
	border-right: #C9C9C9 solid 1px;
/*	border-right: hsl( 0 , 0% , 79% ) solid 1px;*/
	
}

thead {
	background: #D6D6D6;
/*	background: hsl( 0 , 0% , 84% );*/

}

td {
	padding: 0.25em 0.25em;
/*	border: 1px solid hsl( 0 , 0% , 74% );*/
	
	border: #E8E8E8 solid 1px;
/*	border: hsl( 0 , 0% , 91% ) solid 1px;*/
	border-bottom: #C9C9C9 solid 1px;
/*	border-bottom: hsl( 0 , 0% , 79% ) solid 1px;*/
	border-right: #C9C9C9 solid 1px;
/*	border-right: hsl( 0 , 0% , 79% ) solid 1px;*/
	
}

td.group {
	background-color: #D1CFD0;
	border-bottom: 2px solid #A19B9E;
	border-top: 2px solid #A19B9E;

}

thead th {
	background-color: #D6D6D6;
	
}