body{
	background-color: #e1e8ee;
	margin: 0;
	padding: 0;
	font-family: Verdana, arial, "Lucida Grande", "Luxi Sans", helvetica, sans-serif;
	font-size: 12px;
}

a{
	color: #a7b6be;
}

textarea, input, select {
	background: #f4f4f4;
	border: 1px solid #b2b2b2;
	color: #000;
	font:  11px Verdana, Arial, Helvetica, sans-serif;
	margin: 1px;
	padding: 3px;
}

input:focus, textarea:focus, label:focus {
	background: #fff;
	border: 1px solid #686868;
}

form, label input {
	margin: 0;
	padding: 0;
}

#header{
	background-color: #f5f5f5;
	width: 100%;
	height: 68px;
}

#header h1{
	float: left;
	background: url("/content/partners/chargeitpro/chargeItpro_logo.gif") top left no-repeat;
	margin: 0;
	margin-left: 20px;
	margin-top: 10px;
	padding: 0;
	width: 258px;
}

.errornowidth{
margin: 5px;
padding-left: 20px;
}

#header h1 a{
	display: block;
	height: 50px;
	width: 150px;
	padding: 0;
	margin: 0;
}

#header h1 a span{
	display: none;
}

#tagline {
	margin: 0;
	padding: 20px 0 0 0;
}

#tagline a {
	padding-left: 15px;
	white-space: nowrap;
	text-decoration: none;
	font: 20px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	color: #419c36;
}


#logo{
	float: left;
	margin: 0;
	padding: 0;
	width: 580px;
}


#user{
	float: right;
	margin: 10px 1em;	
	text-align: right;
}

#nav{
	width: 100%;
	background-color: #4e6c7d;
	border-top: 3px solid #b0b0b0;
	height: 28px;
}


#mainmenu {
	margin: 0;
	padding: .2em .2em .3em 2em;
}

#submenu{
	background-color: #92aab8;
	margin: 0;
	padding: 0;
}

#mainmenu .current, #submenu .current {
	font-weight: bold;
	text-decoration: none;
}

#mainmenu a {
	color: #FFF;
	font-size: 14px;
	font-weight: normal;
	margin: 0;
	padding: 3px 5px;
	border-bottom: none;
}

#mainmenu a:hover, #mainmenu a.current {
	background: #e1e8ee;
	color: #4e6c7d;
}

#mainmenu li, #submenu li {
	display: inline;
	line-height: 200%;
	list-style: none;
	text-align: center;
}

#mainmenu a.current {
	background: #92aab8;
	color: #fff;
	padding-bottom: 8px;
}

#submenu, #minisub {
	margin: 0;
	padding: 3px 2em 0 3em;
}

#minisub {
	height: 6px;
}

#submenu .current {
	background: #e1e8ee;
	color: #000;
	padding: .3em .4em .6em .3em;
	height: 28px;
}

#submenu a {
	border: none;
	color: #fff;
	font-size: 12px;
	padding: .2em .4em .6em .2em;
}

#submenu a:hover {
	background: #e1e8ee;
	color: #393939;
}

#submenu li {
	line-height: 180%;
	height: 28px;
}

#content{
	width: 100%;
	padding: 0;
	margin: 0;
}

#main{
	width: 97%;
	margin: 1em auto;
	border: 1px solid #CCC;
	background-color: #FFF;
}

#main h1{
	color: #419c36;
	font: 20px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin: .25em .75em;
	border-bottom: 1px solid #CCC;
}

#main h2{
	font: 16px Verdana, Arial, Helvetica, sans-serif;
	margin: .25em 1em;
	color: #4e6c7d;
}

#main p{
	margin: .5em 1.5em;
}


#footer{
	background-color: #FFF;
	width: 97%;
	margin: 1em auto;
	border: 1px solid #CCC;
	background-color: White;
	padding: 5px 0 5px 0;
	text-align: center;
}

table.formInput{
	border: 1px solid #CCC;
	width: 97%;
	margin: .5em 1em;
	padding: 2px;	
	background: #FFF url("/content/partners/chargeitpro/form_bg.jpg") bottom left repeat-x;
}

table.formInput td{
	padding: 3px;
}

table.formInput .formItemText{
	text-align: right;
	margin-right: 10px;
}

#showHide{
	padding-left: 70px;
}

.clear{
	clear: both;
	height: 0;
	overflow: hidden;
}

#clearForm{
	padding-left: 70px;
	padding-top: 10px;
}

#clearForm a{
	color: Gray;
	text-decoration: underline;
}

#showHide a{
	color: Gray;
	text-decoration: underline;
}

#formAdvanced{
	display: none;
	width: 100%;
}

#formAdvanced table{
	width: 100%;
}

#formBasic table{
	width: 100%;
}

#formBasic .submit{
	padding-left: 250px;
}

#formBasic .submit input{
	font: 14px Verdana;
}

.formTop{
	vertical-align: top;
}

#advancedButton{
	
}

.submit input, .submit input:focus, .button, .button:focus {
	background-color: #e6e6e6;
	border: 3px double #999;
	border-left-color: #ccc;
	border-top-color: #ccc;
	color: #333;
	padding: 0.25em;

}

.submit input:active, .button:active {
	background: #f4f4f4;
	border: 3px double #ccc;
	border-left-color: #999;
	border-top-color: #999;
}

table.reports { 
	width: 97%; 
	padding: 0px; 
	border: 1px solid #CCC;
	margin: .5em 1em;
}

table.reports thead{
	text-align: center;
	background-color: #92aab8;
	border-bottom: 1px solid #4e6c7d;
	color: White;
}

table.reports thead a{
	text-align: center;
	background-color: #92aab8;
	color: White;
	text-decoration: underline;
}

table.reports td{
	border-top: 1px solid #DEDEDE;
	border-left: 1px solid #DEDEDE;
	padding: 2px 5px;
}

#loginform{
	margin: 200px auto;
	background-color: #4e6c7d;
	width: 367px;
	padding: 5px 0;
	color: white;	
	xxoverflow: hidden;
}

#loginform h1{
	background: url("/content/partners/chargeitpro/chargeit_merchant_login.gif") top left no-repeat;
	width: 349px;
	padding: 5px 0 0 0;
	margin: 5px auto;
}

#loginform h1 a{
	display: block;
	height: 83px;
	width: 329px;
	padding: 0;
	margin: 0 0 10px 0;
}

#loginform p{
	margin: 5px;
	padding-left: 20px;
}

#loginform h1 a span{
	display: none;
}

.login{
	background-color: #e1e8ee;
}

#loginform p input{
	color: #666;
	font: 16px Arial, Helvetica, Verdana, sans-serif;
}

.login-submit{
	text-align: right;
	margin: 1.5em 1em 1em 1em;
	width: 100px;
	float: right;
}

.login-submit input{
	color: #666;
	font: 13px Verdana, Arial, Helvetica, sans-serif;
}



#assistance{
	float: left;
	width: 200px;
	color: #a7b6be;
	margin: 10px 5px 10px 15px;
	padding: 10px;
	font: 11px Arial, Helvetica, sans-serif;
}

#print{
	background-color: #FFF;
}

#printHeader{
	margin-left: 10px;
	margin-top: 10px;
	width: 98%;
	margin-bottom: 8px;
	margin-right: 10px;
	clear: both;
}

#printHeader #reportName{
	color: #000;
	font: 16px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-weight: bold;
}

#printHeader #companyName{
	color: #000;
	font: 20px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
}

#printHeader #storeName{
	color: #000;
	font: 15px Trebuchet, Verdana, Arial, Helvetica, sans-serif;
	margin: 10px 0 0 0;
	padding: 0;
}

#printHeader #criteria{
	color: #000;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 0 0;
	padding: 0;	
	width: 100%;
	text-align: left;	
}

#printHeader #runBy{
	color: #000;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 20px 0;
	padding: 0;
	
}