@charset "utf-8";
/* CSS Document designed for ExpenseAnywhere by Shawn Rogers 2009 */
body{
	background: #a5c9e5 url(../images/gui/body_bg.jpg) no-repeat center top;
	margin:0;
	padding:0;
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
}
 h1, h2, h3, h4, h5, p{ margin:0;}
.leftPage h1{
	font-size: 18px;
	color:#38b54a;
	font-weight:normal;
	margin:10px 0 0 0;
}
p{
	font: normal 11px Arial, Helvetica, sans-serif;
	color: #333;
}
hr{ border-bottom: 1px solid #CCC;}
.date{
	font-size: 9px;
	color: #999;
}
sup { font-size:10px;}
.center{ text-align:center;}
.blue{color:#1a76bc;}

.green{ color:#38b54a;}
p.tenMargin{ margin:0 0 0 10px;}
a{ text-decoration:none; color:#267c32;}
a:hover{text-decoration:underline;}
.clearBoth{ clear:both;}
.onePoint{ border-bottom: 1px solid #CCC;}
.red{ color:#F00;}
h3 a.blue{color:#1a76bc;}
/*Header section*/
#header{
	width:950px;
	height:107px;
	margin:0 auto;
	/*background-color:#FCF;*/
}
.logo{
	float:left;
	padding:10px 0 0 20px;
	border:none;
}
ul#topNav{
	list-style:none;
	float:right;
	margin:10px 10px 0 0px;
	padding:17px 20px 0 0px;
	*padding:14px 0 0 27px;
	/*width:600px;*/
	/*background-color:#FCF;*/
}


ul#topNav li{
	float:left;
	margin:0 2px 0 0px;
	display:block;
	border-right:#C1C1C1 solid 1px;
	padding:0 0 0 2px;
}
/*ul#topNav li h1 a#home{
	width:61px;
	height:23px;
	background: url(../images/gui/home.png) no-repeat left top;
	display:block;
	background-color:#CFF;
}
ul#topNav li h1 a#home:hover{
	width:61px;
	height:23px;
	background: url(../images/gui/home.png) no-repeat left 0px;
	display:block;
	background-color:#CFF;
}*/
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 Arial, Helvetica, sans-serif;
	color: #000;	/*background-color:#FFC;*/
	/*height:30px;*/
}
ul#topNav li h1 a{
	color:#333;
	text-decoration:none;
	/*background-color:#9CF;*/
	padding:8px 3px 8px 0;
	
}
ul#topNav li h1 a:hover{
	color:#1a76bc;
	background: url(../images/gui/link_highlight.png) no-repeat center top;
}
ul#topNav li h1 a.on{
	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:99px;
	float:none;
	height:auto;
	width:175px;
	border: solid #D6D6D6 1px;
	/*border-width:0 1px 1px 1px;*/
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-collapse:collapse;
	margin:0;
	padding:3px 0 3px 0;
	background: #FFF /*#d1e3f1*/ /*url(../images/gui/dropdown_bg.png) repeat-x left bottom*/;	
}
ul#topNav li.hovering ul{
	display:block;
	z-index:2000;
}
ul#topNav li ul li{
	margin:0;
	text-align:left;
	display:block;
	padding:3px 5px 3px 5px;
	cursor:pointer;
	width:100%;
}
ul#topNav li ul li h2{
	font: normal 12px Arial, Helvetica, 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{ 
	margin:0px 0 0 750px;
	padding-top:25px;
	/*padding:30px 0 0 0;*/
}
.loginLabel{float:left; margin:3px 0 0 0;}
.loginInput{
	height:14px;
	border:#FFF solid 1px;
	color:#333;
	font: normal 11px Arial, Helvetica, sans-serif;
	padding:0 0 0 5px;
	float:left;
	margin:2px 5px 0 5px;
	background-color:#d2e4f2;
}
.loginInput:focus{background-color:#eef5fa;}
loginButton{ margin-top:-10px }
/*main body section*/
.floatLeft{ float:left;}
.floatRight{ float:right; margin:5px;}
#leftNav{
	width:200px;
	float:left;
	background: url(../images/gui/left_nav_bg.jpg) no-repeat -5px top;
	height:550px;
	margin:0px 15px 0 -15px;
	/*background-color:#EBEBEB;*/
}

#leftNav h3{
	font: normal 16px Arial, Helvetica, sans-serif;
	color:#1a76bc;
	margin:10px 0 0 8px;
}
#leftNav ul{
	list-style:none;
	margin:10px 0 0 0;
	display:block;
}
#leftNav ul li ul{
	list-style:none;
	margin:0px 0 0 0;
	display:block;
}
#leftNav ul li li{
	background: url(../images/gui/lnav_sublink.png) no-repeat left center;
}
#leftNav ul li li:hover{
	background: url(../images/gui/lnav_sublink_on.png) no-repeat left center;
	font-size: 12px;
}
#leftNav ul li li.on{
	background: url(../images/gui/lnav_sublink_on.png) no-repeat left center;
	font-size: 12px;
}
#leftNav ul li{
	padding:1px 0 0 5px;
	margin:2px 0;
	*padding:1px 0 0 15px;
}
html>/**/body #leftNav ul li{ margin-left:-30px; } /*works in FF*/
#leftNav ul li:hover{
	background: url(../images/gui/lnav_link_bg.png) no-repeat left center;
	text-decoration:none;
	cursor:pointer;
}
#leftNav ul li.on{
	background: url(../images/gui/lnav_link_bg_on.png) no-repeat left top;
	text-decoration:none;
	cursor:pointer;
	font-size: 12px;
}
#leftNav ul li.onShort{
	background: url(../images/gui/lnav_link_bg.png) no-repeat left top;
	text-decoration:none;
	cursor:pointer;
}
#leftNav ul li a{
	font-size: 12px;
	color:#333;
	display:block;
} 
#leftNav ul li a:hover{
	text-decoration:none;
}
#leftNav a p{ color:#267c32; }
.leftPage{ 
	float:left; 
	width:555px;
	padding:0 10px 0 0;
}
.halfPageBorder {
	width:250px;
	height:170px;
	border-right: 1px solid #C1C1C1;
	padding:0 10px 0 0;
	margin:10px 0 0 0;
	float:left;
}
.halfPageNoBorder {
	width:240px;
	height:170px;
	padding:0 10px 0 0;
	margin:10px 0 0 10px;
	float:left;
}
.imgBorder{ border: 1px solid #C1C1C1; }

.leftPage h2{
	font-size: 16px;
	color:#1a76bc;
	/*text-align: center;*/
	font-weight:normal;
	margin:10px 0 0 0;
	
}
.leftPage h3{
	font-size: 14px;
	color:#1a76bc;
	/*text-align: center;*/
	font-weight:normal;
	margin:10px 0 15px 0;
}
.leftPage h4{
	font-size: 14px;
	color:#298436;
	font-weight:normal;
	/*text-align: center;*/
	margin:0px 0 5px 0;
}
.leftPage p{ line-height:18px; font-size:12px; margin:10px 0;}
.leftPage li{font-size:12px; margin:0 0 5px 0;} 
.rightPage{
	float:left;
	width:145px;
	padding:0 0 0 10px;
	background: url(../images/gui/rt_page_bg.jpg) no-repeat right top #fff;
	/*SET MIN HEIGHT in IE 6 */
	height:auto !important;
	height:500px;
	/* END MIN HEIGHT IN IE 6 */
	min-height:500px;
	/*background-color:#C1C1C1;*/
}
.rightPage div.contacts p{
	font-size: 10px;
	color: #333;
}
.rightPage div.contacts p a{
	color:#1a76bc;
}
.rightPage div.contacts h3{
	font-size:13px;
	font-weight:bold;
}
.rightPage h3{
	color:#1a76bc;
	font-weight:normal;
	margin:5px 0 5px 0;
	font-size:14px;
}
.rightPage p{
	color:#1a76bc;
	font-weight:normal;
	margin:5px 0 5px 0;
	
}
.rightPage a p{
	color:#333;
	font-weight:normal;
	margin:5px 0 5px 0;
}
.rightPage ul.features{
	margin:0 0 0 -35px;
	*margin:0;
	list-style: none;
}
.rightPage ul.features li a.green{
	background: url(../images/gui/green_bg.png) no-repeat left top;
	display:block;
	width:143px;
	height:15px;
	padding:1px 0 0 3px;
	margin:2px 0 2px -5px;
	*margin:2px 0 2px 0;
}
.rightPage ul.features li a.green:hover{
	background: url(../images/gui/green_bg.png) no-repeat left bottom;
	text-decoration:none;
	color:#191919;
}
.rightPage ul.features li a.blue{
	background: url(../images/gui/blue_bg.png) no-repeat left top;
	display:block;
	width:143px;
	height:15px;
	padding:1px 0 0 3px;
	margin:2px 0 2px -5px;
	*margin:2px 0 2px 0;
}
.rightPage ul.features li a.blue:hover{
	background: url(../images/gui/blue_bg.png) no-repeat left bottom;
	text-decoration:none;
	color:#191919;
}
.rightPage a:hover p{ text-decoration:underline;}
.rightPage a:hover{ color:#1a76bc; }
.rightPage a{ color:#333;}
.rightPage img { border:#FFF solid 1px;}
.rightPage img.noBorder{ border:none;}
.rightPage a img { border:#FFF solid 1px;}
.rightPage a:hover img { border:#F4F4F4 solid 1px;}
.rightPage a:hover img.noBorder { border:none;}
.feature{
	width:950px;
	margin:0 auto;
}
#mainBody{
	width:920px;
	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:920px;
	/*height:400px;*/
	margin:0 auto;
	padding:0 15px 15px 15px;
	background: #fff url(../images/home/main_body_bg.jpg) no-repeat left top;	
}
#homeMainBody h1.pageHeader{
	margin:5px 0 5px -15px;
	text-align:center;
}
#mainBody h1.insidePageHeader{
	margin:0;
	text-align:left;
}

.twoCol{ float:left; width:260px; margin:3px 0;/* background-color:#CCC; border-right:#999 1px solid;*/}
ul.twoCol{
	float:left;
	width:260px;
}
.homeLeftPage{
	width:485px;
	float:left;
	/*background-color:#9C3;*/
}
.homeRightPage{
	width:435px;
	float:left ;
	margin:0;
	/*background-color:#9C3;*/
}
.homeRightPage a img{ border:#FFF solid 1px;}
.homeRightPage a:hover img{ border:#EBEBEB solid 1px;}
.homeRightPage h2{
	font-size: 16px;
	font-weight: normal;
	color: #267c32;
	text-align:left;
}
.homeRightPage p{
	line-height:16px;
	text-align:left;
	font-size: 12px;
}
.homeRightPage p a{
	color:#333;
	text-decoration: none;
}
.homeRightPage p a:hover{ text-decoration:underline; color:#1a76bc;}
.homeRightPage p.mobile{
	margin:15px 0 0 0;
}
.homeRightPageContainer{
	width:415px;
	margin:5px 0 0px 20px;
	padding:0 0 0px 0;
	border-bottom: 1px solid #EBEBEB;
}
.homeRightPageContainer p.moreLink{ 
	margin:5px 0 0 20px;
	text-align:right;
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	background-image:none;
}
.homeRightPageContainer p.moreLink a{ color:#1a76bc;}
.homeRightPageContainer.mobile{ padding:0 0 0px 0;}
.homeRightPageContainer .twoCol{ float:left; width:190px; background:#fff; margin:0 10px 0 0;}
.productContainer{
	width:480px;
	float:left;
	margin:0;
	padding:5px 0 0px 0;
	border-bottom: 1px solid #EBEBEB;	
}
.productContainer h3{ margin:0;}
.productsContainer{
	width:138px;
	float:left;
	margin:0;
	padding:5px 0 10px 0;
	border-bottom: 1px solid #EBEBEB;	
}

/*.productContainer h2{width:480px;}*/
.productContainer p{ margin:5px 15px 0 15px;}
.lite{
	background: url(../images/gui/ea_lite_bg.jpg) repeat-x left -80px;
	height:150px;
	clear:both;
	width:550px;
	border-bottom:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.litePage{
	background: url(../images/gui/lite_page_bg.jpg) no-repeat 200px top;
	height:150px;
	clear:both;
	width:550px;
}
.enterprise{
	background: url(../images/gui/ea_enterprise_bg.jpg) repeat-x left -80px;
	height:168px;
	clear:both;
	width:550px;
	border-bottom:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.enterprisePage{
	background: url(../images/gui/ea_enterprise_page_bg.jpg) no-repeat 200px top;
}
.gov{
	background: url(../images/gui/ea_gov_bg.jpg) repeat-x left -110px;
	height:135px;
	clear:both;
	width:550px;
	border-bottom:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.govPage{
	background: url(../images/gui/gov_page_bg.jpg) no-repeat 200px top;
}
.pcard{
	background: url(../images/gui/pcard_bg.jpg) repeat-x left -80px;
	height:230px;
	clear:both;
	width:550px;
	border-bottom:none;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.pcardPage{
	background: url(../images/gui/p_card_page_background.jpg) no-repeat 200px top;
}
div.learnMoreLink{
	position:relative;
	top: -31px;
	cursor:pointer;
	width:465px;
	height:38px;
}
html>/**/body div.learnMoreLink{ top: 1px; } /*works in FF*/
div.learnMoreLinkOn{
	position:relative;
	top: -33px;
	cursor:pointer;
	width:466px;
	height:38px;
	background: url(../images/home/learn_more.png) no-repeat left center;
}
html>/**/body div.learnMoreLinkOn{ top: 1px; } /*works in FF*/

.learnMoreLink img{ border:none; display:none;}
h1.headerImage{ margin:8px 0 0 0;}
.eaLite{
	background: url(../images/home/ea_lite_bg.jpg) no-repeat left top;
	width:465px;
	height:39px;
	margin:10px 0 0 0;
	*margin:0;
}
.eaLite h1{ 
	margin:0;
	padding:10px 0 0 10px;
	float:left;
	width:170px;
	height:20px;
}
.eaLite p{ 
	color:#333;
	font-size:11px;
	font-weight:bold;
	width:220px;
	float:right;
	margin:6px 10px 0 0;
	padding:0px 0 0 0;
}
.eaEnterprise{
	background: url(../images/home/ea_enterprise_bg.jpg) no-repeat left top;
	width:465px;
	height:39px;
	margin:0 0 0 0;
}
.eaEnterprise h1{ 
	margin:0;
	padding:10px 0 0 9px;
	float:left;
}
.eaEnterprise p{ 
	color:#333;
	font-size:11px;
	font-weight:bold;
	width:220px;
	float:right;
	margin:6px 10px 0 0;
	padding:0px 0 0 0;
}
.eaGov{
	background: url(../images/home/ea_gov_bg.jpg) no-repeat left top;
	width:465px;
	height:39px;
	margin:0 0 0 0;
}
.eaGov h1{ 
	margin:0;
	padding:10px 0 0 9px;
	float:left;
}
.eaGov p{ 
	color:#333;
	font-size:11px;
	font-weight:bold;
	width:220px;
	float:right;
	margin:6px 10px 0 0;
	padding:0px 0 0 0;
}
.pCard{
	background: url(../images/home/pcard_bg.jpg) no-repeat left top;
	width:465px;
	height:39px;
	margin:0 0 0 0;
}
.pCard h1{ 
	margin:0;
	padding:10px 0 0 9px;
	float:left;
}
.pCard p{ 
	color:#333;
	font-size:11px;
	font-weight:bold;
	width:220px;
	float:right;
	margin:6px 10px 0 0;
	padding:0px 0 0 0;
}
.clientContainer{
	width:156px;
	margin:3px 5px 0 0;
	float:left;
	text-align:center;
}
.clientContainer img { border:#FFF solid 1px;}
.clientContainer a:hover img{ border:#EBEBEB solid 1px;}
.clientContainer h3{
	text-align:left;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #1a76bc;
}
.clientContainer p{ text-align:left; margin:5px 0 0 0;}
.clientContainer p.moreLink{ 
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase;
	text-align:right; 
	margin:0;}
/*.clientContainer a img{ border:none;}*/
#clientLogos{ width:153px; height:123px; display:none; float:left; margin-left:-87px;}
html>/**/body #clientLogos{ margin-left:0; } /*works in FF*/
#clientLogos a img{ border:none;}
.solutionContainer{
	width:250px;
	height:145px;
	margin:3px 5px 0 0;
	float:left;
	text-align:center;
	background: url(../images/home/chess_piece.jpg) no-repeat 125px top;
}
.solutionContainer h3{
	text-align:left;
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #1a76bc;
}
.solutionContainer p{ text-align:left; margin:5px 0 0 0;}
.solutionContainer a{ color:#1a76bc;}
.solutionContainer a:hover{ color: #38b54a;}
.productContainer h2{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #333;
	margin:10px 0;
}

.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{t
	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{
	width:950px;
	height:20px;
	margin:0 auto;
	padding:5px;
	background: #a5c9e5 url(../images/gui/footer_bg.png) no-repeat center top;	
}
#footer p{ margin:0 10px;}
/*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;
	border:none;
}
.formSpacer{ height:20px; clear:both;}
html>/**/body .formSpacer{  height:0px; clear:both; } /*works in FF*/
legend{
	font-weight:bold;
	font-size: 12px;
	color: #333;
	padding:10px 0 10px 5px;
}
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:239px; margin: 0;/* background-color:#CCC; border-right:#999 1px solid;*/}
form div.twoCol p{ margin:0;}
form div{ margin:0 0 5px 0;}
form div label{
	width:120px;
	float:left;
	text-align:right;
	margin:0px 5px 0 0;
	font: 11px Arial, Helvetica, sans-serif;
}
form div label.short{width:80px;}
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 Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #999;
	padding:0 0 0 2px;
	margin:3px 0;
}
form div select.wide{
	height:18px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #999;
	padding:0 0 0 2px;
	margin:3px 0;
	width:226px;
}
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.text{
	width:220px;
	height:16px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #333;
	border: 1px solid #999;
	padding:0 2px;
	vertical-align:bottom;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
}
form div input.long{width:220px;}
form fieldset p{ margin:5px 0 10px 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;
	margin:3px 0;
}
form div input.inputCheckbox:focus{
	border:none; 
}
table#CheckBoxList1, table#CheckBoxList2 { width:500px;}
table#CheckBoxList1 label, table#CheckBoxList2 label{ width:90px; text-align:left; }
table#CheckBoxList1 input, table#CheckBoxList2 input{ float:left;}
/*.otherBox{display:none;}
.otherExpenseBox{display:none;}*/
form div input.text: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;}
.spacerTwenty{ height:20px; clear:both;}
.buttonClass{
	border:#155483 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	vertical-align:middle;
	cursor:pointer;
	color:#FFF;
	height:22px;
	padding:2px 10px 3px 10px;
	margin:0 5px 0 0;
	text-transform:uppercase;
	text-decoration:none;
	width:auto;
	background: #1a76bc url(../images/gui/button_bg.gif) repeat-x left top;
	font: bold 10px Arial, Helvetica, sans-serif;
	}
/*Style for FF*/
html>/**/body .buttonClass{
	padding:0px 10px 3px 10px;
}
.buttonClass:hover{
	border:#226a2c 1px solid;
	background: #38b54a url(../images/gui/button_bg_green.gif) repeat-x left top;
}
.lightButtonClass{
	border:#1a76bc 1px solid;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	/*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;
	font: 10px Arial, Helvetica, sans-serif;
	}
.lightButtonClass:hover{
	background-image:url(../img/gui/button_bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color:#38b54a;
}
.solutionImage{ margin:5px 0 0 5px; border:none;}
table.compare{ 
	border:#1a76bc 2px solid;
	border-collapse:collapse;
	width:600px;
}
table.compare tr.highlight{ 
	background-color:#ddebf5;
	font-weight:bold;
}
table.compare th{
	color: #FFF;
	background: url(../images/gui/top_nav_bg_on.jpg) repeat-x left center;
	padding:5px;
	border-right: 1px solid #FFF;
	font-size:12px;
}
table.compare th.noBg{
	color:#FFF;
	background-image:none;
	background-color:#38b54a;
	padding:5px;
	border-right: 1px solid #FFF;
}
table.compare td{
	border:#1a76bc 1px solid;
	padding:5px;
	font-size:12px;
}
table.compare td.right{ text-align:right;}
table.compare td.center{ text-align:center;}
table.compare td.results{ width:60px; text-align:center;}
/*a.compare{
	background: url(../images/gui/compare.png) no-repeat left center;
	padding:0 0 0 45px;
}*/
p.standardFeature{
	background: url(../images/gui/check.png) no-repeat left center;
	float: left;
	height: 20px;
	padding-left: 20px;
	line-height:18px;
	margin:5px 5px;
	}
p.optionalFeature{
	background: url(../images/gui/optional.png) no-repeat left center;
	float: left;
	height: 20px;
	padding-left: 20px;
	line-height:18px;
	margin:5px 5px;
	}
p.optionalService{
	background: url(../images/gui/001_18.png) no-repeat left center;
	float: left;
	height: 20px;
	padding-left: 20px;
	line-height:18px;
	margin:5px 5px;
	}
p.print{
	background: url(../images/gui/Impresora-18.png) no-repeat left center;
	float: left;
	height: 20px;
	padding-left: 20px;
	line-height:18px;
	margin:5px 5px;
	}	
img.photo{ padding:10px; background-color:#F9F9F9; border:#D6D6D6 1px solid; float:right;}
.newsYear{ 
	width:550px;
	/*height:100px;*/
	background: url(../images/gui/news_bg.jpg) no-repeat left top;
	padding:5px 10px;
}
.newsYear h2{ margin:0;}
.newsYear p.date{
	font-size: 10px;
	font-style: italic;
	color: #999;
	margin:0 0 0 10px;
	
}
.newsYear p{margin:0 0 0 15px;}
.newsYear p a{ color:#333;}
.leftPage img{ border:none;}
.ffb{
	/*background: url(../images/gui/ffb_bg.jpg) no-repeat center top;*/
	border:#EBEBEB 3px solid;
	background:#f5fbf6;
	padding:0 10px 10px 10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
.ffb h2{ margin:0 0 0 0; padding:10px 0 0 10px;} 
/*.ffbBottom{ background:url(../images/gui/ffb_bottom.png) no-repeat center top; height:189px; margin:-189px 0 0 0;}*/
.towCol{ float:left; width:220px;}
.inset{
	border:#C1C1C1 3px solid;
	background:#f5fbf6;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	width:125px;
	/*float:right;*/
	margin:15px 0;
	padding:3px 5px 5px 5px;
}
.inset p{ margin:2px 0 2px 0;}
.inset p a{color:#267c32; }
.prodLogo{ float:left; margin:0 5px;} 
p.linkContainer{
	border-top: 1px dotted #CCC;
	border-bottom: 1px dotted #CCC;
	margin:20px 10px 0 110px;
	padding:3px 5px 5px 5px;
	text-align:center;
}
.litLink{
	background: url(../images/gui/literature_off.png) no-repeat right center;	
	padding:0 22px 0 5px;
	color:#666;
	border-left:#999 1px solid;
	height:20px;
}
.litLink:hover{
	background: url(../images/gui/literature.png) no-repeat right center;	
	color:#1a76bc;
	text-decoration:none;
}
.pdfLink{
	background: url(../images/gui/literature_off.png) no-repeat left center;	
	padding:0 0 0 22px;
	margin:0px 0 0 0;
	color:#666;
	height:22px;
	display:block;
	float:left;
	line-height:24px;
	outline: 0;
}
.pdfLink:hover{
	background: url(../images/gui/literature.png) no-repeat left center;	
	color:#1a76bc;
	text-decoration:none;
}
.moreLink{
	background: url(../images/gui/more_information_off.png) no-repeat right center;
	padding:0 22px 0 5px;
	color:#666;
	margin:0 0 0 0px;
}
.moreLink:hover{
	background: url(../images/gui/more_information.png) no-repeat right center;
	padding:0 22px 0 5px;
	color:#1a76bc;
	text-decoration:none;
}
.demoLink{
	background: url(../images/gui/online_demo_off.png) no-repeat right center;
	padding:0 22px 0 5px;
	color:#666;
	border-left:#999 1px solid;
}
.demoLink:hover{
	background: url(../images/gui/online_demo.png) no-repeat right center;
	padding:0 22px 0 5px;
	color:#1a76bc;
	text-decoration:none;
}
p.productText{
	margin:0 0 0 111px;
}
.prodPageFeatures{
	width:180px;
	height:480px;
	background: url(../images/gui/features_bg.png) no-repeat -14px top;
	margin-left:-5px;
	padding-left:8px;
	 
}
.litePageFeatures{
	width:180px;
	height:400px;
	background: url(../images/gui/lite_features_rt_nav.png) no-repeat -14px top;
	margin-left:-5px;
	padding-left:8px;	 
}
.govPageFeatures{
	width:180px;
	height:450px;
	background: url(../images/gui/gov_features_rt_nav.png) no-repeat -14px top;
	margin-left:-5px;
	padding-left:8px;
	
}
a.requestDemo{
	height:54px;
	width:190px;
	display:block;
	background: url(../images/gui/request_demo.png) no-repeat left -2px;
	margin:30px 0 0 10px;
	outline: 0;
}
a.requestDemo:hover{
	background: url(../images/gui/request_demo.png) no-repeat left -55px;
}
a.requestPcardDemo{
	height:54px;
	width:190px;
	display:block;
	background: url(../images/gui/request_pcard_demo.png) no-repeat left -2px;
	margin:0px 0 0 10px;
	outline: 0;
}
a.requestPcardDemo:hover{
	background: url(../images/gui/request_pcard_demo.png) no-repeat left -55px;
}
a.lnavScreenshots{ 
	width:135px; 
	/*height:131px; */
	border:#C1C1C1 solid 1px; 
	background-color:#FFF;
	margin:10px 0 0 32px;
	text-align:center;
	padding:5px 0 5px 0;
	display:block;
}
a.lnavScreenshots p{ 
	margin:2px 0;
}
a.lnavScreenshots:hover{ 
	border:#ACACAC solid 1px; 
	background-color:#EBEBEB;
	text-decoration:none;
}
a.lnavScreenshots img{
	border:none;
	margin:5px 0;
}
#traveler, #approver, #accounting, #admin, #core{ display:none; border-bottom:1px solid #C1C1C1; margin:0; padding:5px; background-color:#F6F6F6; }
#policy{ display:none; border-bottom:1px solid #C1C1C1; margin:0; padding:10px; background-color:#FFF; }
#traveler ul, #approver ul, #accounting ul, #admin ul, #core ul{ margin-top:0; margin-bottom:0;}
h3.traveler, h3.approver, h3.accounting, h3.admin, h3.core, h3.policy {
	border-bottom:1px solid #C1C1C1;
	padding:0px 0 5px 20px;
	cursor:pointer;
	margin:5px 0px 0px 0px;
	background: url(../images/gui/arrows.png) no-repeat left 3px;
}
h3.travelerOn, h3.approverOn, h3.accountingOn, h3.adminOn, h3.coreOn, h3.policyOn {
	border-bottom:1px solid #C1C1C1;
	padding:0px 0 5px 20px;
	cursor:pointer;
	margin:5px 0px 0px 0px;
	background: url(../images/gui/arrows.png) no-repeat left -26px;
}
ul.alpha{ list-style:lower-alpha }

a.rightPageScreenshots{ 
	width:140px;
	height:71px;
	border:#C1C1C1 solid 1px; 
	background-color:#F0F0F0;
	margin:0px 0 0 1px;
	text-align:center;
	padding:5px;
	display:block;
}
a.rightPageScreenshots p{ 
	margin:2px 0;
}
a.rightPageScreenshots:hover{ 
	border:#ACACAC solid 1px; 
	background-color:#EBEBEB;
	text-decoration:none;
}
div.viewDetailOn{
	position:relative;
	top: -71px;
	left: 0px;
	cursor:pointer;
	width:140px;
	height:71px;
	display:block;
	background:url(../images/gui/view_detail.png) no-repeat left top;
}
div.viewDetail{
	position:relative;
	top: -71px;
	/*left: 0px;*/
	cursor:pointer;
	width:140px;
	height:71px;
}
div.viewDetailPcardOn{
	position:relative;
	top: -81px;
	left: 0px;
	cursor:pointer;
	width:102px;
	height:80px;
	display:block;
	/*margin-left:-19px;
	margin-top:-5px;*/
	background:url(../images/gui/view_detail.png) no-repeat center center;
	/*background-color:#CCC;*/
}
div.viewDetailPcard{
	position:relative;
	top: -81px;
	/*left: 0px;*/
	cursor:pointer;
	width:102px;
	height:80px;
	/*margin-left:-19px;
	margin-top:-5px;*/
	/*background-color:#CCC;*/
}
div.viewDetailOn img, div.viewDetail img { border:none; display:none;}
.feature{ height:242px; width:950px; background:#FFF;}
.headerLogin{ visibility:hidden;}