@charset "utf-8";
/* CSS Document designed for ExpenseAnywhere by Shawn Rogers 2009 */
body{
	background: #FFF url(none) no-repeat center top;
	margin:0;
	padding:0;
	font: normal 11px Tahoma, Geneva, sans-serif;
	color: #333;
}
p{
	font: normal 11px Tahoma, Geneva, sans-serif;
	color: #333;
}
p.tenMargin{ margin:0 0 0 10px;}
a{ text-decoration:none; color:#38b54a;}
a:hover{text-decoration:underline;}
.clearBoth{ clear:both;}
.onePoint{ border-bottom: 1px solid #CCC;}
.red{ color:#F00;}
/*Header section*/
#header{
	width:675px;
	height:107px;
	margin:0 auto;
	padding:15px 15px 0 15px;	
	/*background-color:#FCF;*/
}
.logo{
	float:left;
	padding:7px 0 0 0px;
	border:none;
}
ul#topNav{
	display:none;
	/*background-color:#FCF;*/
}
html>/**/body ul#topNav{ margin:30px 0 0 0; } /*works in FF*/

ul#topNav li{
	float:left;
	margin-right:15px;
}
ul#topNav li h1 a.on{
	color:#1a76bc;
	background: url(../images/gui/link_highlight.png) no-repeat center top;	
}

ul#topNav li h1{
	font: 100 16px Tahoma, Geneva, sans-serif;
	color: #000;
	/*background-color:#FFC;*/
	/*height:30px;*/
}
ul#topNav li h1 a{
	color:#333;
	text-decoration:none;
	/*background-color:#9CF;*/
	padding:8px 0;
	
}
ul#topNav li h1 a:hover{
	color:#1a76bc;
	background: url(../images/gui/link_highlight.png) no-repeat center top;
}
ul#topNav li ul{
	display:none;
	list-style:none;
	position:absolute;
	top:85px;
	float:none;
	height:auto;
	width:175px;
	border: solid #FFF;
	border-width:0 1px 1px 1px;
	-moz-border-radius:0 0 6px 6px;
	-webkit-border-radius:0 0 6px 6px;
	border-collapse:collapse;
	margin:0;
	padding:3px 0 3px 0;
	background: transparent url(../images/gui/dropdown_bg.png) repeat-x left -80px;	
}
ul#topNav li.hovering ul{
	display:block;
}
ul#topNav li ul li{
	margin:0;
	text-align:left;
	display:block;
	padding:3px 5px 3px 5px;
	cursor:pointer;
}
ul#topNav li ul li h2{
	font: normal 12px Tahoma, Geneva, sans-serif;
	color: #333;
	margin:0;
}
ul#topNav li ul li h2 a{
	text-decoration:none;
	color:#333;
}
ul#topNav li ul li h2 a:hover{
	color:#1a76bc;
}
form.headerLogin{
	display:none;
}
.loginLabel{float:left; margin:3px 0 0 0;}
.loginInput{
	height:14px;
	border:#FFF solid 1px;
	color:#333;
	font: normal 11px Tahoma, Geneva, sans-serif;
	padding:0 0 0 5px;
	float:left;
	margin:2px 5px 0 5px;
	background-color:#d2e4f2;
}
.loginInput:focus{background-color:#eef5fa;}
loginButton{ }
/*main body section*/
.floatLeft{ float:left;}
.floatRight{ float:right; margin:5px;}
.leftPage{ 
	float:left; 
	width:675px;
	padding:0 10px 0 0;
	border-right:none;
}

.leftPage h2{
	font-size: 16px;
	color: #666;
}
.leftPage p,{ line-height:16px; font-size:12px;}
.leftPage li{font-size:12px; margin:0 0 5px 0;} 
.rightPage{ display:none;}
.feature{
	width:950px;
	margin:0 auto;
	display:none;
}
#mainBody{
	width:675px;
	margin:0 auto;
	padding:0 15px 15px 15px;
	/*SET MIN HEIGHT in IE 6 */
	height:auto !important;
	height:600px;
	/* END MIN HEIGHT IN IE 6 */
	min-height:600px;
	background-color:#fff;
	
}
#homeMainBody{
	width:675px;
	margin:0 auto;
	padding:0 15px 15px 15px;
	/*SET MIN HEIGHT in IE 6 */
	/*height:auto !important;
	height:600px;*/
	/* END MIN HEIGHT IN IE 6 */
	/*min-height:600px;*/
	background: #fff none;	
}
#homeMainBody h1.pageHeader{
	margin:5px 0 5px -15px;
	text-align:center;
}
#mainBody h1.insidePageHeader{
	margin:10px 0 0 0;
	text-align:left;
}
.twoCol{ float:left; width:325px; margin:3px 0;/* background-color:#CCC; border-right:#999 1px solid;*/}
.productContainer{
	background:none;
	width:675px;
	float:left;
	margin:10px;
	border:none;
}
.productContainer h2{
	font: normal 14px Tahoma, Geneva, sans-serif;
	color: #333;
	text-align: center;
	margin:15px 15px;
}
.productContainer .tenLeft{ margin:0 0 0 10px;}
.products{
	float: left;
	width: 224px;
	height: 140px;
	border-right: 1px solid #CCC;
}
.products h3{ margin:0; height:22px;}
.products p{margin:7px 10px;}
.products p.moreLink{
	font-size:9px;
	font-weight:bold;
	float:right; 
	margin:0 10px;
	text-transform:uppercase;
}
.products p.moreLink a{
	color:#2e953c;
	text-decoration:none;
}
.products p.moreLink a:hover{
	text-decoration:underline;
	color:#333;
}
.subFeatureL{
	width:332px;
	height:90px;
	float:left;
	background:#efefef /*url(../images/gui/sub_feature_highlight.png) no-repeat left top*/;
	margin:0 10px 0 0;
}
.subFeatureR{
	width:333px;
	height:90px;
	float:left;
	background:#efefef /*url(../images/gui/sub_feature_highlight.png) no-repeat left top*/;
	margin:0;
}

.subFeatureL h4{ margin:7px 0 5px 0;}
.subFeatureL p{ margin:0 5px 0 65px;}
.subFeatureLeftImg{ float:left; border:none; margin:5px;}
.subFeatureR p{ margin:10px;}
.subFeatureRightImg{ float:right; border:none; margin:5px; }
.rightContainer{
	width:224px;
	height:324px;
	/*background-color:#EBEBEB;*/
	margin:0 0 0 10px;
}
.rightContainer h3{color:#2e953c; margin:5px;font-size: 12px;}
.rightContainer h3 a {color:#2e953c; text-decoration:none;}
.rightContainer h3 a:hover {text-decoration:underline;}
.rightContainer h4{
	margin:0 0 10px 0;
	font-size: 12px;
}
/*FOOTER STYLES*/
#footer{
	display:none;
}
#footer p{ margin:0 10px;}
/*form styles*/
fieldset{
	border:#999 solid 1px;
	background: url(none) repeat-x left top;
	margin:20px 0 0 0;
	padding:10px;
}
legend{
	font-weight:bold;
	font-size: 12px;
	color: #333;
	margin:-17px 0 0 -8px;
}
form div.twoCol{ float:left; width:325px; margin:3px 0;/* background-color:#CCC; border-right:#999 1px solid;*/}
form div label{
	width:100px;
	float:left;
	text-align:right;
	margin:3px 5px 0 0;
	font: 11px Tahoma, Geneva, sans-serif;
}

form div label.top{ display:block; text-align:left; width:auto; float:none;}
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	display:inline;
	margin:-16px 0 0 235px; 
}
form div select{
	height:18px;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #333;
	border: 1px solid #999;
	padding:0 0 0 2px;
	margin:3px 0;
}
form div select:focus{background:#ddebf5;border: 1px solid #1a76bc;}
form div select.bottom{ float:left; display:block;}
form div.oneCol{ float:left; width:650px; clear:both; margin:0;}
form div.oneColCheckbox{ float:left; width:650px; clear:both; margin:0; border-bottom: 1px solid #CCC;}
form div input{
	width:120px;
	height:16px;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #333;
	border: 1px solid #999;
	padding:0 2px;
}
form fieldset p{ margin:5px 0 5px 0;}
form div label.labelCheckbox{text-align:left; float:left; /*background:#FCF;*/ margin:0 15px 0 5px; width:90px;}
html>/**/body form div label.labelCheckbox{ margin:4px 15px 0 5px; } /*works in FF*/
form div label.yes{text-align:left; float:left; /*background:#FCF;*/ margin:0 15px 0 5px; width:20px;}
html>/**/body form div label.yes{ margin:4px 15px 0 5px; } /*works in FF*/
form div input.inputCheckbox{width:12px; border:none; float:left;}
form div input:focus{
	background:#ddebf5;
	border: 1px solid #1a76bc;
}
form div textarea{ height:80px; width:300px; border: 1px solid #999;}
form div textarea:focus{
	background:#ddebf5;
	border: 1px solid #1a76bc;
}
input.short{ width:30px;}
input.med{ width:40px;}
.buttonRow{ margin:0 0 0 10px;}
.spacerFive { height:5px; clear:both;}
.spacerTen { height:10px; clear:both;}
.buttonClass{
	border:#155483 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:middle;
	cursor:pointer;
	color:#FFF;
	background-image:url(../img/gui/button_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:22px;
	padding:2px 10px 3px 10px;
	background-color:#1a76bc;
	margin:0 5px 0 0;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	width:auto;
	}
/*Style for FF*/
html>/**/body .buttonClass{
	padding:0px 10px 3px 10px;
}
.buttonClass:hover{
	border:#226a2c 1px solid;
	background-image:url(../img/gui/button_bg_green.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#38b54a;
}
.lightButtonClass{
	border:#155483 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*vertical-align:middle;*/
	cursor:pointer;
	color:#fff;
	background-image:url(../img/gui/button_bg_lite.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:22px;
	padding:2px 10px 3px 10px;
	background-color:#1a76bc;
	margin:0 5px 0 0;
	text-transform:uppercase;
	text-decoration:none;
	}
.lightButtonClass:hover{
	background-image:url(../img/gui/button_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#38b54a;
}
/*New form styles*/
/*form styles*/
form#demoForm{width:550px;}
fieldset{
	border:1px solid #EBEBEB;
	background: url(../images/gui/fieldset_bg.jpg) repeat-y left top;
	margin:20px 0 0 0;
	padding:10px;
	width:530px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
.formSpacer{ height:20px; clear:both;}
html>/**/body .formSpacer{  height:0px; clear:both; } /*works in FF*/
legend{
	font-weight:bold;
	font-size: 12px;
	color: #333;
	margin:-25px 0 0 -8px;
}
html>/**/body legend{ margin:-17px 0 0 -8px; } /*works in FF*/
form div.twoColInside{ float:left; width:239px; margin:3px 0;}
form div.twoCol{ float:left; width:259px; margin:3px 0;/* background-color:#CCC; border-right:#999 1px solid;*/}
form div.twoCol p{ margin:0;}
form div label{
	width:120px;
	float:left;
	text-align:right;
	margin:3px 5px 0 0;
	font: 11px Tahoma, Geneva, sans-serif;
}

form div label.top{ display:block; text-align:left; width:auto; float:none;}
label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	display:inline;
	margin:-16px 0 0 235px; 
}
form div select{
	height:18px;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #333;
	border: 1px solid #999;
	padding:0 0 0 2px;
	margin:3px 0;
}
form div select:focus{background:#ddebf5;border: 1px solid #1a76bc;}
form div select.bottom{ float:left; display:block;}
form div.oneCol{ float:left; width:530px; clear:both; margin:0;}
form div.oneColCheckbox{ 
	float:left; 
	width:517px; 
	clear:both; 
	margin:5px 0 0 0; 
	border: 1px solid #EBEBEB;
	background: url(../images/gui/inside_fieldset_bg.jpg) repeat-y center top; 
	padding:0 0 5px 5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
form div.oneColCheckbox p{ margin:0;}
form div input{
	width:120px;
	height:16px;
	font: 11px Tahoma, Geneva, sans-serif;
	color: #333;
	border: 1px solid #999;
	padding:0 2px;
	vertical-align:bottom;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
form fieldset p{ margin:5px 0 5px 0;}
form div label.labelCheckbox{text-align:left; float:left; /*background:#FCF;*/ margin:0 15px 0 5px; width:87px;}
html>/**/body form div label.labelCheckbox{ margin:4px 15px 0 5px; } /*works in FF*/
form div label.yes{text-align:left; float:left; /*background:#FCF;*/ margin:0 15px 0 5px; width:20px;}
html>/**/body form div label.yes{ margin:4px 15px 0 5px; } /*works in FF*/
form div input.inputCheckbox{width:12px; border:none; float:left;}
form div input:focus{
	background:#ddebf5;
	border: 1px solid #1a76bc;
}
form div textarea{ 
	height:80px; 
	width:395px; 
	border: 1px solid #999;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
form div textarea:focus{
	background:#ddebf5;
	border: 1px solid #1a76bc;
}
input.short{ width:30px;}
input.med{ width:40px;}
.buttonRow{ margin:0 0 0 135px;}
.spacerFive { height:5px; clear:both;}
.spacerTen { height:10px; clear:both;}
.spacerTwenty{ height:20px; clear:both;}
.buttonClass{
	border:#155483 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	vertical-align:middle;
	cursor:pointer;
	color:#FFF;
	background-image:url(../img/gui/button_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:22px;
	padding:2px 10px 3px 10px;
	background-color:#1a76bc;
	margin:0 5px 0 0;
	font-weight:bold;
	text-transform:uppercase;
	text-decoration:none;
	width:auto;
	}
/*Style for FF*/
html>/**/body .buttonClass{
	padding:0px 10px 3px 10px;
}
.buttonClass:hover{
	border:#226a2c 1px solid;
	background-image:url(../img/gui/button_bg_green.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#38b54a;
}
.lightButtonClass{
	border:#155483 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	/*vertical-align:middle;*/
	cursor:pointer;
	color:#fff;
	background-image:url(../img/gui/button_bg_lite.gif);
	background-repeat: repeat-x;
	background-position: left top;
	height:22px;
	padding:2px 10px 3px 10px;
	background-color:#1a76bc;
	margin:0 5px 0 0;
	text-transform:uppercase;
	text-decoration:none;
	}
.lightButtonClass:hover{
	background-image:url(../img/gui/button_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#38b54a;
}
/*End new form styles*/
#leftNav{ display:none;}
.solutionImage{ margin:5px 0 0 5px; border:none;}
.lite{
	background:none;
}
.litePage{
	background:none;
}
.enterprise{
	background:none;
}
.enterprisePage{
	background:none;
}
.gov{
	background:none;
}
.govPage{
	background:none;
}
.pcard{
	background:none;
}
.pcardPage{
	background:none;
}
div.learnMoreLink{
	position:relative;
	top: -31px;
	cursor:pointer;
	width:465px;
	height:38px;
	display:none;
}
#policy{ display:block; border-bottom:1px solid #C1C1C1; margin:0; padding:10px; background-color:#FFF; }