@charset "utf-8";
/* custom fonts */
@font-face 						{ font-family: 'lovelo'; 
								  /*src: url('../fonts/loveloBlack.otf') format('opentype'); */
								  
			 						src: url('../fonts/lovelo_black-webfont.eot');
									src: url('../fonts/lovelo_black-webfont.eot?#iefix') format('embedded-opentype'),
										 url('../fonts/lovelo_black-webfont.woff') format('woff'),
										 url('../fonts/lovelo_black-webfont.ttf') format('truetype');
								}

/*@import url('https://fonts.googleapis.com/css?family=Montserrat:300,400,500,600,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Pragati+Narrow:400,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Archivo+Narrow:400,500,600,700');*/
/*@import url('https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:400,500');*/

/* global styling */
html 							{ overflow-y: scroll; }
body 							{ font-family:'Montserrat', Verdana, Geneva, sans-serif; font-weight:400; font-size: 14px; color:#171717; }

/* main nav */
.navbar							{ margin:0; }
.navbar .brand					{ padding:10px 0; }
.navbar-inner 					{ border:none; background:#fff; background-image:none; box-shadow:none; }
#nav-main						{ margin-top: 22px; }
/*#nav-main a 					{ text-decoration:none; }*/
.navbar .nav > li > a 			{ font-family: 'Roboto Condensed', sans-serif; text-transform: uppercase;  padding: 10px 8px; font-weight:400; color: #979797; text-shadow: none; /* color:#c0c0c0; */ }
.usernav						{ font-family: "Montserrat", sans-serif !important; font-weight: 300; }
.navbar .nav > li:first-child > a{ padding-left:0; }
.navbar .nav > li:last-child > a{ padding-right:0; }
.dropdown-menu > li > a			{ font-family: "Montserrat", sans-serif; }
.menu-accent					{ color:#EB5734 !important; }
.menu-accent:hover				{ color:#333 !important; }

.required						{ color:red; }
.remove							{ display:none !important; }


/* misc fixes */
.tabbable a						{ text-decoration: none; }
#filter_buttons .btn,
#filter_purpose					{ font-weight:400; letter-spacing:normal; font-family:verdana; }
#add_new_rule_li button			{ font-weight:400; font-family:Verdana, Geneva, sans-serif; }

/* typograghy */
h1 								{ margin:30px 0; color:#3b3b3b; }
h2.user							{ font-size:24px; line-height:1; margin-top:30px; }
h2.modifyLocationHeader			{ margin:15px 0px 0px 0px; text-align:center; }
p								{ line-height:22px; }
a								{ color:#53783c; text-decoration:underline; }
a.btn							{ text-decoration:none; }
a.alt-color						{ color:#30add0; }
.alert-error a 					{ color: #922E0F; }
.alert p						{ text-align:center; }
strong							{ font-weight:500; }

/* Custom containers */
.box 							{ background:#fff; border-radius:7px; margin-bottom:30px; border-bottom:3px solid #c9cbcd; }
.box-inner 						{ padding:28px;}
.container-one 					{ background:#fff; border-radius:5px; margin:10px 10px 100px; padding:5px 25px 25px;
									position:relative; border-bottom:2px solid #c9cbcd; }
.container-one h3 				{ font-size:18px; line-height:1.2; color:#3c3c3c; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.container-one p 				{ color:#929292; }
.container-one .inner 			{ margin-top:-100px; }
.callout-small 					{ color:#4442; border: 1px solid; padding:30px 10px; margin:50px auto; width:50%;
									font-size:14px; line-height:2; border-radius: 5px; }
.box-rules						{ margin-top:30px; margin-bottom:30px; font-size:12px; color:#888; }
.box-landing					{ line-height:1.4; color:#999; margin-top:30px; }
/*.box-landing .span8				{ border-left:1px solid #c0c0c0; }*/
.box-landing h2					{ font-size:20px; color:#333; font-weight:700; text-transform:uppercase; font-family:'lovelo', Verdana, Geneva, sans-serif;
									border-top:1px solid #ccc; text-align:center; padding:10px 0;}
.box-landing .icon				{ text-align:center; }
.box-landing .box-inner span	{ font-size:24px; color:#666; font-weight:700; }

/* forms */
form hr 						{ border-color:#e6e6e6; margin:30px -30px; }
input,
textarea,
.uneditable-input 				{ width:100%; }
/*label.small 					{ } */
.form-search input,
.form-inline input,
.form-horizontal input 			{ height:30px; background-color:#f8f8f8;}
.checkbox input 				{ height:auto; }
label 							{ color: #5B5C56; display: block; font-weight:500; margin-bottom: 15px;
									text-transform: uppercase; font-size:12px; }
.smallForm label 				{ margin-bottom:0; font-size:10px; }
input.time, input.date 			{ width:80px; display:inline-block; height: 15px; }
input.small 					{ width:auto; height:auto; }
input.custom[type="submit"]		{ background-color:#eb5734; height:50px; width:250px; }


#purchase label.error			{ color:#900; }

/* home page */
#home							{ text-align:center; }
#home h2						{ }
#home h3						{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:20px; }
.home-one 						{ background:url('../img/bg-home-video.jpg'); border-bottom: solid 1px #444; 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center;}
.home-one h1 					{ color:#fff; margin:55px 0 45px; font-size:40px; font-family:'lovelo', Verdana, Geneva, sans-serif;
									line-height:1.5; text-shadow: 0px 1px 1px #7b7e81; filter: dropshadow(color=#7b7e81, offx=0, offy=2); }
.home-one h2 					{ font-family: 'Montserrat', 'Montserrat'; font-weight: 400; font-style: normal; font-size:16px; color:#fff; margin-top:40px; line-height:31px;
									 text-shadow: 0px 1px 1px #555; filter: dropshadow(color=#555, offx=0, offy=1); margin-bottom:30px; }
.home-two 						{ min-height:135px; background:#78b153; color:#fff; padding-top:55px;
									border-top: solid 1px #bfbfbf; border-bottom: solid 1px #666;}
.home-two h2 					{ font-size:18px; margin-top: -10px; font-family:'lovelo', Verdana, Geneva, sans-serif;  }
.home-two h2 span 				{ font-size:45px; }
.home-three 					{ background:#eceef1; }
.home-three h2 					{ margin:60px 0 140px 0; font-family:'lovelo', Verdana, Geneva, sans-serif; color:#3c3c3c; font-size:30px; }
.testimonials img				{ margin-bottom:25px;}
.home-four h2 					{ margin:72px 0; color:#3c3c3c; font-size:30px; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.home-four p					{ color:#929292; font-size: 13px; line-height:24px; }
.home-five 						{ background:url('../img/bg-odometer.png'); background-color:#30add0; background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center; padding:70px 0 65px; }
#odometer						{ margin:0 auto; text-align:center; display:inline-block; }
#odometer span					{ width:45px; text-align: center; color:#fff; height:100px; display:block; float:left; font-size:74px; line-height:120px; font-family:'lovelo', Verdana, Geneva, sans-serif; }
#odometer span.number			{ color:#fff; background:#24211a;  border-radius: 4px; width:82px;  margin-right:20px; }
.home-five p 					{ color:#fff; font-size:18px; padding-top:40px; clear:both; font-family: lovelo; }
.home-seven						{ margin-top:60px; }
.home-seven h2,.home-seven h3	{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:26px; text-align: left; color:#3c3c3c; line-height:44px; }
.home-seven p					{ font-size:13px; text-align:left; color:#929292; line-height:24px; }
.callout-custom					{ width:38%; font-size:12px; }
.home-eight						{ background:#eceef1; padding-top:60px; }
.home-eight h2					{ font-family:'lovelo', Verdana, Geneva, sans-serif; color:#363636; }
.home-seven h3					{ font-size:20px; color:#4d4d4d; }
.home-eight						{ padding-bottom:70px; }
.home-eight h3					{ color:#3c3c3c; }
.home-eight p, .home-eight ul	{ text-align:left; color:#6f6f6f; font-size:13px; }
.home-eight ul a				{ color:#30add0; }
.buy-now						{ background:#78b153; padding:60px 0; }
.buy-now h2, .buy-now h3		{ color:#fff; font-size:22px; text-align:left; font-family:'lovelo', Verdana, Geneva, sans-serif; margin-top:0; padding-top:0; }
.buy-now h3						{ font-size:18px; }
.buy-now h3 span				{ font-size: 36px; }
.buy-now p						{ color:#fff; font-size:14px; text-align:left; line-height:29px; }
.city 							{ background:url('../img/bg-skyline.png') #eceef1; background-repeat:repeat-x; text-align:center; background-position:bottom; }
.city .btn 						{ z-index:1000; font-size:14px; }
.city img						{ margin-bottom: 10px; }
.social							{ background-color:rgba(52,47,42,0.8); border-radius: 5px; min-height:30px; width:470px; margin:0 auto; margin-bottom:25px; }
.standard_tooltip				{ background:#000; color:#FFF; font-family: 'Montserrat', 'Montserrat'; font-weight: 400; font-style: normal; }

.fb-share-button, .fb-like,
.twitter-button					{ padding:10px 0; }

/* misc */
.spaced li						{ margin-bottom:15px; line-height:24px; }

sup, sub 						{ vertical-align: baseline; position: relative; top: -0.6em; font-size:50%; }
sub 							{ top: 0.4em; }


/* city animated bg */
/*@keyframes animatedCity {
	from { background-position: 100% 100%; }
	to { background-position: 0 100%; }
}
.city	{ background-image: url('../img/bg-skyline.png'); background-position: 0px 0px; background-repeat: repeat-x; animation: animatedCity 80s linear infinite; }*/


.plug-it-in img 				{ position:absolute; top:-100px; left:auto;}
.videoPlayer					{ background:#fff; border-radius:15px; border:15px solid #fff; width: 450px; text-align:center; margin:0 auto 50px;}
.videoPlayer iframe				{  }
.background						{ background:url('../img/bg-car.jpg'); height:586px; border-bottom: solid 1px #444; 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center; }

.home-six						{ margin-top:90px; }
.home-six h2					{ color:#fff; font-family:'lovelo', Verdana, Geneva, sans-serif; margin-top:250px; text-align: left; font-size:30px; }


.testimonials					{ font-size:22px; font-weight:500; line-height:39px; color:#3a3940; }
.testimonials span				{ font-size:20px; font-weight:400; line-height:39px; }

/* slider */
.bx-wrapper .bx-viewport		{ border:none !important; box-shadow: none !important; background:transparent !important; }
.bx-prev						{ margin-left:-80px; }
.bx-next						{ margin-right:-80px; }
.bx-wrapper .bx-pager			{ text-align:left !important; }
.product-photos					{ text-align:center; margin-bottom:10px; }

/*  testimonial slider */
.testimonial_image				{background: url('../img/testimonial_stars_home.png') center no-repeat ; } 
.testimonials_slider					{background:#eceef1; color:#3a3940; text-align:center; padding-top:73px; }
.testimonials_slider .bx-wrapper .bx-pager			{ text-align:center !important; padding-top:30px; }
.testimonials_slider .bx-wrapper .bx-viewport 	{padding-bottom:30px;}
.testimonials_slider .bx-wrapper .bx-pager.bx-default-pager a {background:#FFFFFF; width:12px; height:12px; }
.testimonials_slider .bx-wrapper .bx-pager.bx-default-pager a:hover, 
.testimonials_slider  .bx-wrapper .bx-pager.bx-default-pager a.active  {background:#30add0; width:12px; height:12px; }
.testimonials_slider .bx-wrapper .bx-prev { background: url('../img/testimonial_slider_back_arrow.jpg'); width:42px; height:42px; }
.testimonials_slider .bx-wrapper .bx-next { background: url('../img/testimonial_slider_next_arrow.jpg'); width:42px; height:42px; }

.testimonial_content					{text-align:center; }


.testimonial_content img				{display:inline-block; margin-bottom:30px; }
.testimonials_slider p					{ padding-left:20px; padding-right:20px; text-align:justify; }					
.testimonial_reference			{text-align:right; }
.testimonial_name 				{font-family:'lovelo'; }
.testimonial_job				{font-weight:700; }
.testimonial_location			{font-style:italic; }
 
.testimonial_popup p			{color:#333333; text-align:justify;}
.testimonials_slider a					{color:#FFFFFF; font-style:italic; text-decoration:underline; cursor:pointer; }
.testimonials_slider .popover			{max-width: 360px;}
.card-info input				{width:92%;}
.card-info label				{margin-top:10px; margin-bottom:5px; }


.option-icon   {
    color:#FFFFFF;
}

.circle-blue {
    display: inline-block;
    background: #30add0;
    width: 90px;
    height: 90px;
    border-radius: 50%;
}

.option-icon .material-icons {
    font-size: 54px;
    height: 90px;
    line-height: 90px;
    padding-left: 2px;
}

.mileage-ace-blue { color: #30add0; }

/* businesses page */
#business						{ color:#fff; }
.business-one					{ background:url('../img/bg-businesses.jpg');  
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center; padding:60px 0 120px; }
.business-one h1 					{ color:#fff; margin:55px 0 0; font-size:36px;
									line-height:1.5; text-shadow: 0px 1px 1px #7b7e81; filter: dropshadow(color=#7b7e81, offx=0, offy=2); font-family:'lovelo', Verdana, Geneva, sans-serif; }
.business-one h2 					{ font-size:15px; color:#fff; margin-top:15px; line-height:30px; font-weight:normal;
									 text-shadow: 0px 1px 1px #7b7e81; filter: dropshadow(color=#7b7e81, offx=0, offy=2); }
.business-two					{ background:url('../img/bg-chalkboard.jpg'); 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; }
.businessVideo					{ margin-top:55px; }
.business-two h2				{ text-align:center; margin-top: 70px; text-transform:uppercase; font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:36px; line-height:46px; }
.business-two p					{ font-size:16px; line-height:1.8; text-align:center; }
#businesses .videoPlayer		{ padding:5px; }
.calculator						{ margin-top:60px; text-align:center; font-size:48px;position:relative; }
.calculator input				{ background:url('../img/border-calculator.png'); border:none; background-color:none; height:130px; width:200px;
									font-size:60px; text-align:center; color:#fff; background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; margin-bottom:0;font-family: 'Nothing You Could Do', cursive; font-weight:600; }
.calculator input:focus			{ border:none; box-shadow:none; }	
.calculator-logo				{ position:absolute; left:50px; top:20px; }
.calculator span				{ font-size:18px; font-family: 'Nothing You Could Do', cursive; font-weight:600; }
.chalk							{ text-align:center; background:url('../img/calculator-chalk-border.png'); height:170px; margin-top:50px; margin-bottom:95px;  padding-top:40px; font-size:32px; 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center; font-family: 'Nothing You Could Do', cursive; font-weight:600; }
.chalk div						{ font-size:18px; display:block; margin-top:30px;}
.chalk span						{ text-decoration:underline; }
.business-two p					{ width:60%; margin:40px auto 0;}
.business-three					{  background: #78b153; text-align:center;  }
.business-three h2				{ color:#fff; font-size:32px; margin:60px 0; font-weight:normal; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.business-three h2 span			{ font-family:'Montserrat', 'Montserrat', verdana, geneva, sans-serif; font-size:22px; }
.business-four					{ background:#eceef1; }
.business-four h2				{ margin:90px 0 50px; color:#3c3c3c; text-align:center; font-family:'lovelo', Verdana, Geneva, sans-serif;  font-size:36px;}
.business-five					{ text-align:center; margin-bottom:50px; }
.business-five h2				{ margin:90px 0 50px; color:#3c3c3c; text-align:center; font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:36px; }
.business-six					{ background:#eceef1; }
.business-six h2				{ margin:90px 0 50px; color:#3c3c3c; text-align:center; font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:36px; }
.business-six h3				{ color:#444; font-size:14px; font-weight:normal; text-align:center; line-height:1.3; margin-bottom:90px; margin-top:35px; }
.business-six h3 a				{ color:#eb5734; }

.diagram 						{ position:relative; padding:160px 0 90px; }
.diagram .accountability-new { position:absolute; top:5%; left:8%; z-index:100; width:25%;}
.diagram .central				{ position:absolute; top:2%; left:38%; z-index:100; width:25%; }
.diagram .irs-compliant			{ position:absolute; top:1%; left:67%; z-index:100; width:25%; }
.diagram .personal				{ position:absolute; top:50%; left:15%; z-index:100; width:25%; }
.diagram .custom-reports		{ position:absolute; top:38%; left:61%; z-index:100; width:25%; }
.diagram h3 					{ font-size:18px; font-family:'lovelo', Verdana, Geneva, sans-serif; color:#3c3c3c; margin:5px 0; }
.diagram p 						{ font-size:12px; color:#929292; line-height:22px; }
.diagram .box-inner 			{ padding:0 10px; text-align:center; }

/* pricing table */
.pricing 						{ background:#fff; border-radius:8px;  border:0px solid white; text-align:center; text-transform:uppercase; box-shadow:0px 2px 0px #CCCCCC; }
.pricing ul 					{ margin:0; padding:0; list-style:none; }
.pricing li 					{ margin:0; padding:0; list-style:none;  border-bottom:1px solid #ddd ;  padding:20px 0; font-size:22px; color:#333; }
.pricing li span				{ font-size:14px; }
.pricing .title 				{ background:#eb5734; height:40px; color:#fff; line-height:40px; font-size:16px; border-radius:8px 8px 0 0 ; padding:0; }
.pricing .units 				{ font-size:36px; color:#333;  font-weight:500; }
.pricing .units span 			{ color:#a9a9a9; font-size:30px; }
.pricing .cost 					{  }
.pricing .cost span 			{  }
.pricing .corp 					{ font-size:22px; }
.pricing .corp .subtle			{ font-size:11px; color:#a5a5a5; }
.pricing .btn-primary 			{ width:auto; }
.large .title 					{ background:#78b153; }
.small .btn-primary 			{ background:#eb5734; }
.variation .title 				{ background:#374850; }
.medium .title 					{ background:#62b4d7; }
.medium .btn-primary 			{ background:#62b4d7;}
.medium .btn-primary:hover 		{ background-color: #62b4d7; background-image: -moz-linear-gradient(center top , #62b4d7, #62b4d7); }
.small .btn-primary:hover 		{ background-color: #eb5734; background-image: -moz-linear-gradient(center top , #eb5734, #eb5734); }
.large .btn-primary:hover 		{ background-color: #78b153; background-image: -moz-linear-gradient(center top , #78b153, #78b153); }
.large .btn-primary 			{ background:#78b153;}
.pricing .buy 					{ border-bottom:0; border-radius: 8px 8px 0 0; }

/* how it works */

.get-started 					{ position:relative; }

.setup, .install, .access		{ position: absolute; }
.setup							{ width: 32%; top:0; left:20%}
.install						{ width: 30%;  top:28%; right:25% }
.access							{ width: 35%; top:60%; left:20%; }
.get-started h3					{ font-size:20px; font-family:'lovelo', Verdana, Geneva, sans-serif; color:#3c3c3c; }
.get-started p					{ font-size:14px; color:#616161; line-height:26px; }
#how-it-works h2				{ font-family:'lovelo', Verdana, Geneva, sans-serif; color:#3c3c3c;  font-size:36px;}
#how-it-works h3				{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:20px; color:#3c3c3c; }
#how-it-works .buy-now h3		{ color:#fff; font-size:18px; }
.how-one						{ background:#eceef1; }
.how-one h2						{ margin:90px 0 30px; color:#333; text-align:center; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.how-two h2						{ margin:90px 0 30px; color:#333; text-align:center; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.how-two p						{ font-size:16px; text-align:center; width:60%; margin:0 auto; line-height:26px; color:#616161; }
.how-three						{ margin-top:60px; }
#how-it-works .details h2		{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:26px; color: #363636; }
.details h2 span				{ color:#9d9d9d; font-size:60px; }
.details p						{ color:#999; width:100%; font-size:13px; }
.how-four						{ margin-top:60px; }
.how-four-button				{ text-align:center; margin-top:100px; margin-bottom:95px; }
.how-five						{  background:#f6f7f6; padding-bottom:60px; text-align:center; }
.how-five h2					{ margin:90px 0 30px; color:#333; text-align:center; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.how-five p						{ font-size:16px; text-align:center; margin-bottom:60px; width:55%; margin:0 auto 60px; line-height:26px; color:#616161; }
.how-six						{ text-align:center; padding-bottom:60px; }
.how-six p						{ color:#929292; }
.how-six h2						{ margin-top:60px; margin-bottom:80px; }
.how-seven						{  background:#f6f7f6; padding-bottom:60px; }
.how-seven	h2					{ margin:90px 0 50px; color:#333; text-align:center; font-family:'lovelo', Verdana, Geneva, sans-serif; }
#how-it-works .reports h2		{ font-size:26px; }
.how-seven p					{ font-size:14px; text-align:center; margin-bottom:60px; color:#929292; }
.how-seven .reports	h2			{ margin-bottom:20px; }
.how-seven .reports	h2,
.how-seven .reports	p			{ text-align:left; }
.how-wrapper					{ position:relative; }
.how-wrapper img				{ margin-bottom:60px; }
.how-box						{ background:#fff; border-radius:5px; padding:5px 25px 25px;
								 border-bottom:2px solid #c9cbcd; text-align:left; font-size:13px; line-height:22px; color:#929292; }
.how-box h3						{ font-size: 18px!important; font-family:'lovelo', Verdana, Geneva, sans-serif; color:#3c3c3c; }
.on-business					{ position: absolute; top:0; left: 5%; width:20%; }
.mini-usb						{ position: absolute; top:0; right:10%; width:20%; }
.wps							{ position: absolute; top:70%; right: 50%; width:20%; }

/* free information */
#information					{ padding-bottom:50px; }
#information h3					{ font-family:'lovelo', verdana, geneva, sans-serif; font-size:22px; line-height:26px; color:#3c3c3c; text-transform:uppercase; margin-top:0; margin-bottom:20px; }
#information p					{ margin-bottom:25px; color:#616161; }
#information ul li				{ line-height:24px; font-size:14px; }
.information						{ background:url('../img/bg-information.jpg'); padding-bottom:100px; border-bottom: solid 1px #444; 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center;}
.information h1					{ font-family: lovelo; font-size:36px; color:#fff; text-align:center; margin-top:80px; }
#information p.header			{ text-align:center; color:#fff; margin-bottom:40px; font-size:16px; line-height:26px; width:60%; margin:0 auto; }
#information .btn				{ font-size:12px; width:auto; }
.information h3					{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:22px; color:#363636; text-align:left; }
.content						{ margin-top:-70px; }
.padding						{ padding:0 38px; }
.calculator-irs					{ background:#fcfcfc; border: 1px solid #dcdcdc; }
.calculator-irs	input			{ width:auto; height:45px; margin-bottom:0; }
.calculator-irs .mileage		{ padding:20px 0; border-bottom:1px solid #dcdcdc; }
.calculator-irs .irs-rate		{ border-bottom:1px solid #dcdcdc;  background:#f5f5f5; } 
.calculator-irs .irs-rate img	{ padding: 0 20px; }
.calculator-irs .irs-rate p		{ line-height: 70px; text-align:center; margin-bottom:0!important; }
.calculator-irs .mileage p		{ line-height:45px; margin-bottom:0!important; padding-left:20px; }
.calculator-irs .tax-rate		{ padding:20px 0; border-bottom:1px solid #dcdcdc; }
.calculator-irs .tax-rate p		{ line-height:45px; margin-bottom:0!important; padding-left:20px; }
.calculator-irs .button-row		{ padding:20px 0; border-bottom:1px solid #dcdcdc; text-align:center; }

/* best mileage tracker articles pages */
#best_tracker_header			{ text-align:center; padding:50px 0px 80px 0px;}
.article_header h1				{ font-family:'lovelo'; margin-bottom: 10px; }
.article_header .sub-header		{ font-size:18px;}
.part-link						{ font-size: 12px; }
.part-link a					{ color:#888; }
.whitepaper_download			{ position:absolute; bottom:45px; right:25px; }
.whitepaper_download a			{ color: #888; }
.article_intro					{ min-height: 150px; padding-top:55px; text-align:justify; padding-bottom:55px; border-top:solid 1px #bfbfbf; border-bottom:solid 1px #666;}
.part-headline					{ min-height: 135px; background:#78b153; color:#FFF; padding-top:55px; border-top:solid 1px #bfbfbf; border-bottom:solid 1px #666;}
.part-headline h2				{ font-size:24px; margin-top:-30px; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.part-headline h2 span			{ font-size:45px; }		
.part-section					{ padding:35px 0px; }
.part-section p					{ text-align:justify; }
.part-section h4				{ font-style:italic; font-weight:700;}
.part-alt						{ background: #eceef1; }
.part-alt h3					{ margin:0px; font-weight:400; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.alt-green						{ background:#78b153; color:#FFF; }
.green-well						{ background:#78b153; color:#FFF; display:inline-block;}
.white-well						{ background:#FFF; display:inline-block; color:#000; }
.chalkboard						{ background:url('../img/bg-chalkboard.jpg') #555; background-size:100% 100%; color:#FFF; }
.chalk-writing 					{ font-family:'Nothing You Could Do', cursive; color:#FFF; display:inline-block; }
.profit-equation-green			{ color:#78b153; }
.profit-equation-red			{ color:#BD241D; }
.tracker_equation				{ text-align:center; display:inline-block; min-width:200px; width:200px; }
.tracker_equation h6			{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:16px;}
.tracker_plus					{ width: 10%; display:inline-block; min-width:60px; width:60px; text-align:center; }
.wanted-feature, avoid-feature	{ margin: 0px 35px; }
.wanted-feature h4				{ color:#000; text-transform:uppercase; }
.avoid-feature h4				{ color:#B82C0C; text-transform:uppercase; }

.chalkboard .profit-equation-green			{ color:#FFF; font-family:'Nothing You Could Do', cursive; }
.chalkboard .profit-equation-red			{ color:#FF6638; font-family:'Nothing You Could Do', cursive; }
.space-points li				{ padding: 15px 0px 0px 0px; }
.goldilocks						{ background:url('../img/info/three-cups.jpg') #fff no-repeat; background-size:100% ; display:inline-block; max-width:966px; max-height:281px; width:981px; height:281px; padding:15px 0px;}

/* contact page */
.contact						{ background:url('../img/bg-contact.jpg'); padding-bottom:100px; border-bottom: solid 1px #444; 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center;}
.contact label					{ margin-top:15px; }
.contact label:first-child		{ margin-top:0; }
.contact h1, .contact p			{ color:#fff; margin-left:2.5%; }
.contact h1						{ margin-top:80px; }
.contact p						{ width:45%; }
.contactInfo					{ margin-top:120px; }
.contact-details				{ line-height: inherit; }
.contact-details li				{ margin-bottom:20px; padding-left:40px;  }
li.phone						{ background: url('../img/contact-icon-phone.png'); background-position:left; background-repeat:no-repeat; }
li.email						{ background: url('../img/contact-icon-mail.png'); background-position:left; background-repeat:no-repeat; }
li.twitter						{ background: url('../img/contact-icon-twitter.png'); background-position:left; background-repeat:no-repeat; }
li.facebook						{ background: url('../img/contact-icon-fb.png'); background-position:left; background-repeat:no-repeat; }
li.address						{ background: url('../img/contact-icon-pin.png'); background-position:left top; background-repeat:no-repeat; }
#contactus input				{ margin-bottom:20px; }

/*custom alerts */
.alert-info						{ background:#07BDE7; color:#FFF; text-shadow:none; }
.alert-success					{ background:#e5f8d9; color:#50743a; }

/* buttons */
.btn							{ font-family:'Montserrat', 'Montserrat', verdana, geneva, sans-serif; letter-spacing:.1em; font-weight:500; }
.btn-large 						{ border-radius: 3px; width:300px; padding: 25px; -webkit-border-radius:3px; -moz-border-radius:3px; font-weight:500; letter-spacing:.1em; font-size:18px; }
.btn-medium 					{ border-radius: 3px; width:200px; padding: 10px 50px; -webkit-border-radius:3px; -moz-border-radius:3px; border-bottom:3px;}
.btn-primary 					{ background-color: #BB3C1E; background-image: -moz-linear-gradient(center top , #EB5734, #BB3C1E); }
.btn-primary:hover 				{ background-color: #BB3C1E; background-image: -moz-linear-gradient(center top , #EB5734, #BB3C1E); }
.btn-alt						{ background-color: #79af57; background-image: -moz-linear-gradient(center top , #79af57, #79af57); }
.btn-success					{ background-color:#78b153; /*background-image:none;*/ }
.custom 						{ background-color: #eb5734 !important; background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#eb5734", endColorstr="#eb5734"); background-image: -khtml-gradient(linear, left top, left bottom, from(#eb5734), to(#eb5734)); background-image: -moz-linear-gradient(top, #eb5734, #eb5734); background-image: -ms-linear-gradient(top, #eb5734, #eb5734); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eb5734), color-stop(100%, #eb5734)); background-image: -webkit-linear-gradient(top, #eb5734, #eb5734); background-image: -o-linear-gradient(top, #eb5734, #eb5734); background-image: linear-gradient(#eb5734, #eb5734); border-color: #eb5734 #eb5734 hsl(25, 100%, 40%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00); -webkit-font-smoothing: antialiased; border-bottom:solid 3px #bb3c1e; text-transform:uppercase; }
/* .btn:active,.btn.active {background:none;} */
.custom2 						{ background-color: #79af57 !important; background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#79af57", endColorstr="#79af57"); background-image: -khtml-gradient(linear, left top, left bottom, from(#79af57), to(#79af57)); background-image: -moz-linear-gradient(top, #79af57, #79af57); background-image: -ms-linear-gradient(top, #79af57, #79af57); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #79af57), color-stop(100%, #79af57)); background-image: -webkit-linear-gradient(top, #79af57, #79af57); background-image: -o-linear-gradient(top, #79af57, #79af57); background-image: linear-gradient(#79af57, #79af57); border-color: #4b8924; color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00); -webkit-font-smoothing: antialiased; border-bottom:solid 3px #4b8924; text-transform:uppercase; }

.custom3 						{ background-color: #FFF !important; background-repeat: repeat-x;filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFF", endColorstr="#FFF"); background-image: -khtml-gradient(linear, left top, left bottom, from(#FFF), to(#FFF)); background-image: -moz-linear-gradient(top, #FFF, #FFF); background-image: -ms-linear-gradient(top, #FFF, #FFF); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FFF), color-stop(100%, #FFF)); background-image: -webkit-linear-gradient(top, #FFF, #FFF); background-image: -o-linear-gradient(top, #FFF, #FFF); background-image: linear-gradient(#FFF, #FFF); border-color: #666; color: #000 !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.00); -webkit-font-smoothing: antialiased; border-bottom:solid 3px #666; text-transform:uppercase; }

.btn-primary					{ background-color: hsl(18, 100%, 37%) !important; background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#d13e00", endColorstr="#bc3800"); background-image: -khtml-gradient(linear, left top, left bottom, from(#d13e00), to(#bc3800)); background-image: -moz-linear-gradient(top, #d13e00, #bc3800); background-image: -ms-linear-gradient(top, #d13e00, #bc3800); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d13e00), color-stop(100%, #bc3800)); background-image: -webkit-linear-gradient(top, #d13e00, #bc3800); background-image: -o-linear-gradient(top, #d13e00, #bc3800); background-image: linear-gradient(#d13e00, #bc3800); border-color: #bc3800 #bc3800 hsl(18, 100%, 36%); color: #fff !important; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.06); -webkit-font-smoothing: antialiased; }

/*  purcahse page */
.testimonials					{background:#78b153; color:#FFFFFF; font-size:13px; font-weight:400; line-height:26px; }
.testimonials p					{ padding-left:20px; padding-right:20px; text-align:justify; }
.testimonials h1				{color:#FFFFFF; font-weight:400; margin:0px; line-height:22px; font-family:'lovelo', 'Montserrat', 'Montserrat', Veranda, sans-serif; font-size:18px}
.testimonials h3				{color:#36790a; font-weight:700; font-size:16px; margin:0px; margin-bottom:25px; line-height:22px; }
.testimonials .block			{ padding-top:30px; padding-bottom:30px; text-align:center;} 
.testimonial_popup p			{color:#333333; text-align:justify;}
.testimonials a					{color:#FFFFFF; font-style:italic; text-decoration:underline; cursor:pointer; }
.testinonials .popover			{max-width: 360px;}
.card-info input				{width:92%;}
.card-info label				{margin-top:10px; margin-bottom:5px; }
.coupon_price					{color:#30add0; }

/* locations page */
#locations td					{ text-align:center; font-size:12px; }
#locations th 					{ background:#78b153; color:#fff; }
#editLocation input, 
#insertLocation input				{ width:200px;height:20px; }
#editLocation input[type="checkbox"], 
#insertLocation input[type="checkbox"] { width:auto; }
#editLocation .control-group, 
#insertLocation .control-group		{ margin-bottom:8px; }
#editLocation .form-horizontal .controls, 
#insertLocation .form-horizontal .controls		{ margin-left:250px; }
#editLocation label, 
#insertLocation label				{ width:220px; font-size:10px; }
#editLocation label.checkbox, 
#insertLocation label.checkbox	{ width:100%;}
#editLocation h4, 
#insertLocation h4				{ border-bottom:1px solid #ddd; margin:15px 0 15px 0; }
#location_address span			{ font-size:14px; font-style:italic; font-weight:normal; }
div#addLocation					{ width:60%; margin-left:-30%; }
div#addLocation .modal-body		{ max-height:795px; }
div#addLocation input[type="text"]		{ width:95%; }
div#uploadLocation					{ width:60%; margin-left:-30%; }
div#uploadLocation .modal-body		{ max-height:795px; }
div#uploadLocation input[type="text"]		{ width:95%; }
#entry_method					{ padding-left:50px; }
#map_add_location				{ width:100%; height:400px; }
#addLocation input#radius		{ width:50px; }
#addLocation .add-on			{ height:30px; }
#addRadiusSlide					{ min-height:5px !important; margin-top:10px; }
#addLocation, #uploadLocation	{ position:absolute!important; }
#addCurrentval					{  }
#edit_location_radios label,
#edit_location_radios input		{ width:auto; }
/* feedback FAQ footer */
.faq 							{ color:#fff; background:#d2d2d2; font-family:'lovelo', Verdana, Geneva, sans-serif; }
.faq a							{ color:#fff; }
#showFaq span,
#showTutorial span				{ color:#fff; }
.faq .box 						{ background:#282828; color:#fff; margin-top:50px; }
.faq .feedback					{ background:#fff; color:#777; }
.faq .feedback form				{ margin-top:10px; }
#showFaq, #showTutorial 		{ cursor:pointer; }
#faq, #tutorials				{ display:none; color:#333; min-height:100px; }
.faq .box-inner					{ padding: 15px; }
.faq .box-inner span			{ line-height:45px; }
#faq h2, #tutorials h2			{ border-bottom:2px solid; margin-bottom:40px; }
#faq h3, #tutorials h3			{ margin-top:0; line-height:1;}
#faq p, #tutorials p			{ font-family: 'Montserrat', 'Montserrat'; }
#faq li, #tutorials li			{ margin-bottom:15px; }
#faq .question, #tutorials .video { border-bottom:1px dashed; cursor:pointer; }
#tutorials .videoPlayer			{ margin:0; }


/* business rules */
#currentRules					{ margin-bottom: 10px 0; position:relative; margin-bottom:0; }
#currentRules li				{ font-family:'lovelo', Verdana, Geneva, sans-serif; color:#606060; font-size:14px; padding:0 40px; padding-bottom: 10px;}
#currentRules li:last-child		{ }
#currentRules li li				{ padding: 0; }
.current_rule_times				{ color:#333; font-size:12px; }
.current_rule					{ cursor:pointer; }
#currentRules a					{ text-decoration:none; color:#62b4d7; }
#currentRules a.btn			{ color:#333; }
.current_rule:hover				{ text-decoration:none; }

/* Terms */
#terms li li					{ list-style:lower-alpha; }

/* edit trips page*/
.tripsWrapper					{ height:500px; padding:5px; background:#fff; border-radius:5px;}
#trips, #locations				{ font-size:11px;}
#trips th, #locations th		{ color:#fff; background:#323232; }
tr.accent3, tr.accent3 td 		{ background-color:#78B152!important; }
th.date 						{ min-width:60px; }
tr.accent3 a.editable,
tr.accent3
/*a.editable-click:visited  		{color:#fff; border-bottom: dashed white 1px; }
tr.accent3 .editable-click,
tr.accent3 a.editable-click,
tr.accent3 a.editable-click:hover{color:#FFF; }*/
.editable-container input 		{ height:20px; }
#client, #purpose 				{ width:92%; }
/*.editLocation					{ color:#fff; }
.editLocation:hover				{ color:#fff; }*/
/*#trips a.undefined				{ color:red; }*/
div#addTrip						{ width:60%; margin-left:-30%; position:absolute!important; }
div#addTrip .modal-body			{ max-height:600px; }
#addTrip label					{ margin-bottom:0; margin-top:15px; }
.undefinedPurpose .tripPurpose 	a {color:#c21317 !important; }
#filter_buttons					{ margin-right:50px; }
a.insert-location-icon			{ opacity: 0.0}
a.insert-location-icon:hover	{ opacity: 1.0}
.trip .icon-unchecked-box 		{ opacity: 0.05; background-position-x:1px;}
.trip .icon-unchecked-box:hover 		{ opacity: 0.4}
.locked .icon-unchecked-box, 
.locked .icon-unchecked-box:hover {opacity: 0.0};
.manual_trip					{ }
.manual_trip_header             { background: #5c84bc; color: #ffffff; font-size: 11px; text-transform: uppercase; font-weight: 700; text-align: center; }
#edit_checked_row 				{ font-family: 'lovelo', Verdana, Geneva, sans-serif; }
[data-tooltip] {
    display: inline-block;
    position: relative;
    cursor: help;
    padding: 4px;
}
/* Tooltip styling */
[data-tooltip]:before {
    content: attr(data-tooltip);
    display: none;
    position: absolute;
    background: #000;
    color: #fff;
    padding: 4px 4px;
    font-size: 8px;
    line-height: 1.4;
    min-width: 20px;
    text-align: center;
    border-radius: 4px;
}
/* Dynamic horizontal centering */
[data-tooltip-position="top"]:before,
[data-tooltip-position="bottom"]:before {
    left: 60%;
    -ms-transform: translateX(-60%);
    -moz-transform: translateX(-60%);
    -webkit-transform: translateX(-60%);
    transform: translateX(-60%);
}
/* Dynamic vertical centering */
[data-tooltip-position="right"]:before,
[data-tooltip-position="left"]:before {
    top: 50%;
    -ms-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
	
}
[data-tooltip-position="top"]:before {
    bottom: 100%;
    margin-bottom: 6px;
}
[data-tooltip-position="right"]:before {
    left: 100%;
    margin-left: 6px;
}
[data-tooltip-position="bottom"]:before {
    top: 100%;
    margin-top: 6px;
	
}
[data-tooltip-position="left"]:before {
    right: 100%;
    margin-right: 6px;
	
}

/* Tooltip arrow styling/placement */
[data-tooltip]:after {
    content: '';
    display: none;
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
/* Dynamic horizontal centering for the tooltip */
[data-tooltip-position="top"]:after,
[data-tooltip-position="bottom"]:after {
    left: 50%;
    margin-left: -6px;
}
/* Dynamic vertical centering for the tooltip */
[data-tooltip-position="right"]:after,
[data-tooltip-position="left"]:after {
    top: 50%;
    margin-top: -6px;
}
[data-tooltip-position="top"]:after {
    bottom: 100%;
    border-width: 6px 6px 0;
    border-top-color: #000;
}
[data-tooltip-position="right"]:after {
    left: 100%;
    border-width: 6px 6px 6px 0;
    border-right-color: #000;
}
[data-tooltip-position="bottom"]:after {
    top: 100%;
    border-width: 0 6px 6px;
    border-bottom-color: #000;
}
[data-tooltip-position="left"]:after {
    right: 100%;
    border-width: 6px 0 6px 6px;
    border-left-color: #000;
}
/* Show the tooltip when hovering */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
    display: block;
    z-index: 50;
}


.undefinedPurpose .tripPurpose a.editable-click, .undefinedPurpose .tripPurpose a.editable-click:hover {
text-decoration: none;
border-bottom: dashed 1px #c21317;
}

.undefinedPurpose .tripPurpose .editable-click.editable-disabled, .undefinedPurpose .tripPurpose a.editable-click.editable-disabled, .undefinedPurpose .tripPurpose a.editable-click.editable-disabled:hover {
color: #585858;
cursor: default;
border-bottom: none;
}

.editable-empty,
.editable-empty:hover,
.editable-empty:focus 			{ color: #fff !important; }

.hiddenColumn					{ display: none ; }
.highlight	td					{ background-color:#86b86e !important;}



#trips							{ overflow:visible !important; }
/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}



/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}




/* user settings */
.userSettings input,
.userSettings select			{ width:300px; }
.userSettings label				{ margin-bottom:0; }
.userSettings .btn				{ width:auto; }
.userSettings .payment input,
.userSettings .payment select   { width:90%; } 
#updateCard						{ padding: 15px; /*width:70%; left:35%; */}
.past_due						{ background:#FEC5C7; }
/* map */
#map 							{ height:500px; }
.map-box .box-inner				{ padding:8px; }

/* misc styles */
.accent 						{ background:#eceef1; }
.icon-green						{ background-image: url("../img/glyphicons-halflings-green.png"); }
.icon-red						{ background-image: url("../img/glyphicons-halflings-red.png"); }
.icon-blue						{ background-image: url("../img/glyphicons-halflings-blue.png"); }
.terms							{ overflow-y:scroll; margin:20px; height:180px; }


/* top info bar */
.info							{ background:#323232; color:#fff; }
.info 							{ color:#fff; line-height:80px;  text-align:center;}
.info .span3 					{ border-left:solid 1px #000; white-space:nowrap; }
.info .span3 img 				{ margin-right:10px; }

.show-hide						{ position:absolute; bottom:-24px; left:510px; border-radius: 0 0 8px 8px !important; }


/* add trip mddal */
#addTrip label					{ font-size:10px; width:120px; }
#addTrip input					{ font-size:12px; height:20px; width:auto; }
#addTrip .controls				{ margin-left:130px; }
#tripStartDate, #tripStartTime,
#tripEndDate, #tripEndTime		{ width:80px!important; }
#addTrip label.checkbox			{width:200px; }
#addTrip label.checkbox input	{ width:20px; }
#addTrip .control-group			{ margin-bottom:0; }

/* purchase pages */
.voucher, .purchase th			{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:16px; color:#000; border-top:none; }
.voucher span, .purchase td		{ font-size:12px; font-family:'Montserrat', 'Montserrat', Geneva, sans-serif; color:#676767; }
.purchase td					{ line-height:50px; }
.voucher input					{ background-color: #F8F8F8; height: 30px;  width:95%; }
.purchase h1					{ font-family:'lovelo', Verdana, Geneva, sans-serif; font-size:36px; }
#purchase_header				{ margin:50px 0; }
.purchase th					{}
.purchase span.steps			{ float:right; font-weight:700; font-size:16px; font-family:'Montserrat', 'Montserrat', Verdana, Geneva, sans-serif; }
.purchase td strong				{ font-family:lovelo!important; font-size:16px!important; color:#000!important;}
.purchase select				{ height:40px; }
.terms							{ border:2px solid #999; padding:10px; font-size:11px; color:#555; }
#pre_purchase .buy-now h2,
#pre_purchase .buy-now p		{ text-align:center; }
#pre_purchase .buy-now h2		{ font-size:38px; }
#pre_purchase .buy-now p		{ font-size:16px; line-height:26px; font-weight:500; margin-top:20px; }
#pre_purchase .pricing
.units span 					{color: #333; font-size: 15px;}
#pre_purchase .pricing
.cost span 						{color: #A9A9A9; font-size: 20px;}
#pre_purchase_content h3		{ font-size:20px; text-align:left; margin-top:60px; margin-bottom:40px; font-weight:500; }
#pre_purchase_content p			{ margin-bottom: 35px; }
#pre_purchase_content			{ padding-bottom:60px; }
.cards							{ margin-bottom:20px; }
#pre_purchase .pricing .title	{ font-size:14px; }
#pre_purchase .pricing .units	{ font-size:28px; line-height:30px; }
#pre_purchase .pricing .units span	{ font-weight:400; }
#pre_purchase .pricing .cost	{ font-weight:500; font-size:20px; }
.video-prepurchase				{ width:560px; margin-top:40px; }
.purchase-details				{ line-height:15px; }
.purchase-savings-detail		{ font-size:10px; margin-left:20px; color:#666; }
.purchase-savings-detail span	{ color:#09F; font-weight:bold;}	
.purchase-shipping-detail		{ font-size:10px; margin-left:20px; color:#999; }

/* download page */
#downloads .pricing 		{ box-shadow: 0px 2px 0px #CCCCCC; }
#downloads .buy-now h2,
#downloads .buy-now p		{ text-align:center; }
#downloads .buy-now h2		{ font-size:38px; }
#downloads .buy-now p		{ font-size:16px; line-height:26px; font-weight:500; margin-top:20px; }
#downloads .os-content 		{ height: 130px; }
#downloads .os-logo 		{ display:block; float:left; margin: 0px 15px 0px 20px; width: 147px;  height:132px;}
#downloads .windows 		{ background:  url(../img/logo-windows.jpg); background-repeat: no-repeat; }
#downloads .osx 		{ background:  url(../img/logo-mavericks.png); background-repeat: no-repeat; }
#downloads .os-description		{ display:block; float:left; text-align:center; margin-left:10px;}
#downloads .os-name				{ font-size:28px; line-height:30px; font-weight:500; }
#downloads .os-versions			{ font-size:18px; font-weight:500; }
#downloads .os-requirements		{ font-size:14px; font-weight:400; text-transform: none; line-height:15px; }


/* footer stuff */

#footer							{ min-height:60px; padding-top:40px; }
#footer a					{ color:#000; text-decoration:none; }
#footer li					{ border-right:1px solid; padding:0 10px 0 5px; font-size:13px; }
#footer li:last-child 		{ border-right:none; }


/* trips list */
#addTrip label 					{ font-size:10px; margin-right:8px; }
#addTrip label.error			{ color:#F00;!important; margin-top:0px; }
.label-small					{ font-size:10px; font-weight:normal; }
.table td						{ padding:6px 8px; }
table.box						{ background:none; }
#trips td						{ padding:4px; line-height:18px; }
.showDetails					{ cursor:pointer; }

/* home page slider */
.banner 						{ position: relative; overflow: auto; margin:70px 0;}
.banner li 						{ list-style: none; }
.banner ul li 					{ float: left; }

/* misc */
#ui-datepicker-div {z-index:100000!important; } /* fixes issue when appearing over map */
#trips tr.trip:hover  td		{ background-color:#9fd485!important; cursor:pointer; }
#trips li.trip:hover			{ background-color:#9fd485!important; cursor:pointer; }
#trips li.highlight 			{background-color:#86B86E !IMPORTANT; }
#trips li.highlight.locked 		{background-color:#a5c197 !IMPORTANT; }
#trips li.highlight.manual_trip.locked	{ background-color:#9BBDE9 !important; }
#trips li.manual_trip			{ background-color:#B7D0EE !important; }
#trips li.locked				{ background:#ddd!important; }
#trips li.locked:hover			{ background:#a5c197!important; }
#trips li.locked a				{ color:#333!important; cursor:default; }
#trips li.locked a:hover		{ color:#333!important; }

.tripsWrapper a						{ color:#045DA1; }
tr.accent3 td	{ background-color:#add59a!important; }
.editLocation {color:#045da1; border-bottom:1px dashed; text-decoration:none; }
#locations .editLocation { border-bottom:none; }
.editLocation:hover { text-decoration:none; }
.highlight a { color:#fff;  text-decoration:none; font-weight:700;}
.highlight .editLocation:hover { color:#fff; text-decoration:none; }
.editable-empty, .editable-empty:hover, .editable-empty:focus {
color: #0088CC;
font-style: italic; 
/*tr.accent3 .editable-click, tr.accent3 a.editable-click, tr.accent3 a.editable-click:hover {
color:#045da1;*/
}
tr.current td {background-color:blue!important; }

.highlight .editable-click, .highlight a.editable-click, .highlight a.editable-click:hover {
						color:#fff; 
border-bottom: 1px dashed #fff; 
text-decoration: none;
}
a#cancelEdit						{color:#333; }
.nav a						{ text-decoration: none; }



/* wizard stuff */
/*
    Common 
*/

.wizard,
.tabcontrol 					{ display: block; width: 100%; overflow: hidden; }
.wizard a,
.tabcontrol a 					{ outline: 0; }
.wizard ul,
.tabcontrol ul 					{ list-style: none !important; padding: 0; margin: 0; }
.wizard ul > li,
.tabcontrol ul > li 			{ display: block; padding: 0; }
/* Accessibility */
.wizard > .steps .current-info,
.tabcontrol > .steps .current-info { position: absolute; left: -999em; }
.wizard > .content > .title,
.tabcontrol > .content > .title { position: absolute; left: -999em; }
.wizard .steps					{ font-family:'Montserrat', 'Montserrat', verdana, sans-serif; font-weight:500; }
/*
    Wizard
*/

.wizard > .steps 				{ position: relative; display: block; width: 100%; }
.wizard.vertical > .steps		{ display: inline; float: left; width: 30%; }
.wizard > .steps .number 		{ font-size: 1.429em; }
.wizard > .steps > ul > li 		{ width: auto; }
.wizard > .steps > ul > li,
.wizard > .actions > ul > li 	{ float: left; }
.wizard.vertical > .steps > ul > li { float: none; width: 100%; }
.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active 		{ display: block; width: auto; margin: 0 0.5em 0.5em; padding: 1em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active { background: #eee; color: #aaa; cursor: default; }
.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active { background: #1dadd2; color: #fff; cursor: default; }
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active { background: #9dc8e2; color: #fff; }
.wizard > .steps .error a,
.wizard > .steps .error a:hover,
.wizard > .steps .error a:active { background: #ff3111; color: #fff; }
.wizard > .content 				{ background: #eee; display: block; margin: 0.5em; min-height: 500px; overflow: hidden; position: relative; width: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wizard.vertical > .content 	{ display: inline; float: left; margin: 0 2.5% 0.5em 2.5%; width: 65%; }
.wizard > .content > .body 		{ float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; }
/*.wizard > .content > .body ul
{
    list-style: disc !important;
}*/

.wizard > .content > .body ul > li { display: list-item; }
.wizard > .content > .body > iframe { border: 0 none; width: 100%; height: 100%; }
.wizard > .content > .body input { display: block; border: 1px solid #ccc; }
.wizard > .content > .body input[type="checkbox"] { display: inline-block; }
.wizard > .content > .body input.error { background: rgb(251, 227, 228); border: 1px solid #fbc2c4; color: #8a1f11; }
.wizard > .content > .body label { display: inline-block; margin-bottom: 0.5em; }
.wizard > .content > .body label.error { color: #8a1f11; display: inline-block; margin-left: 1.5em; }
.wizard > .actions 				{ position: relative; display: block; text-align: right; width: 100%; }
.wizard.vertical > .actions 	{ display: inline; float: right; margin: 0 2.5%; width: 95%; }
.wizard > .actions > ul 		{ display: inline-block; text-align: right; }
.wizard > .actions > ul > li 	{ margin: 0 0.5em; }
.wizard.vertical > .actions > ul > li { margin: 0 0 0 1em; }
.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active 	{ background: #1dadd2; color: #fff; display: block; padding: 0.5em 1em; text-decoration: none; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active { background: #eee; color: #aaa; }
.wizard > .loading { }
.wizard > .loading .spinner { }
/*
    Tabcontrol
*/

.tabcontrol > .steps 			{ position: relative; display: block; width: 100%; }
.tabcontrol > .steps > ul 		{ position: relative; margin: 6px 0 0 0; top: 1px; z-index: 1; }
.tabcontrol > .steps > ul > li 	{ float: left; margin: 5px 2px 0 0; padding: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.tabcontrol > .steps > ul > li:hover { background: #edecec; border: 1px solid #bbb; padding: 0; }
.tabcontrol > .steps > ul > li.current { background: #fff; border: 1px solid #bbb; border-bottom: 0 none; padding: 0 0 1px 0; margin-top: 0; }
.tabcontrol > .steps > ul > li > a { color: #5f5f5f; display: inline-block; border: 0 none; margin: 0; padding: 10px 30px; text-decoration: none; }
.tabcontrol > .steps > ul > li > a:hover { text-decoration: none; }
.tabcontrol > .steps > ul > li.current > a { padding: 15px 30px 10px 30px; }
.tabcontrol > .content { position: relative; display: inline-block; width: 100%; height: 35em; overflow: hidden; border-top: 1px solid #bbb; padding-top: 20px; }
.tabcontrol > .content > .body { float: left; position: absolute; width: 95%; height: 95%; padding: 2.5%; }
.tabcontrol > .content > .body ul { list-style: disc !important; }
.tabcontrol > .content > .body ul > li { display: list-item; }

/* custom wizard stuff */
#wizard							{ text-align:center; font-family:'Montserrat','Montserrat'; }
#wizard .thumbnail 				{ text-align:center; }
#wizard label.radio	input		{ height:auto; }
#wizard .thumbnail 				{ border:none; box-shadow:none; }
#wizard input					{ background-color:#fff; }
#wizard .input-prepend input,
#wizard .input-append input		{ display: inline-block; }
.mileageRate input				{ width:60px; height:30px; }
#wizard .input-prepend span,
#wizard .input-append span		{ height:30px; line-height:30px; }
.options						{ margin-top:100px;}
#wizard select					{ width:160px; }
.rate							{text-align:center; }
.rate-options					{ text-align:left; }
.rate-options hr				{ margin-top:5px; margin-bottom:10px; }
.rate-options input				{ width:200px; }
.rate-options .control-group	{ margin-bottom:10px; }

.date							{ text-align:center; }
.save							{ text-align:center; }
.wizardHeading					{ margin-top:40px; text-align:center; }
.wizardHeading > p				{ margin-bottom:30px; }
#wizard .radio	input,
#wizard .checkbox input			{ background:none; border:none;}


/* sorting trips */
/*#trips .mix						{ opacity: 0; display: none; }*/
.tripsWrapper { overflow-y:scroll; font-family:Verdana, Geneva, sans-serif; }

#trips li:nth-child(odd)		{ background-color:#fff; }
#trips li.highlight span 		{  }
#trips li.highlight div 		{ }
#trips 							{ font-size:11px; font-family:Verdana, Geneva, sans-serif; }
#trips li 						{ border-bottom:solid 1px #aaa; clear:both; background:#fafafa;}
#trips span 					{ display:block; float: left; }
.showDetails, .headerShow 		{ width:5%; text-align:center; display:block; float:left; }
.tripDate, .headerDate 			{ width:20%; }
.tripDestination,
.headerDestination 				{ width:35%; }
.tripPurpose, .headerPurpose 	{ width:30%; }
.tripMiles, .headerMiles 		{ width:5%; text-align:center; }
.tripType, .headerType 			{ width:5%; text-align:center; }
.tripType .icon-user				{ opacity: 0.4; }
.tripHeader 					{ height:40px; background:#323232; color:#fff; font-weight:700; line-height:40px; }
.tripHeader a 					{ color:#fff; text-decoration:none; }
.tripHeader span				{ float: left; display: block; }
.row1, .row2, .row3 			{ width:100%; clear:both;  border-top:solid 1px #eee; padding:3px 0;}
.row1 							{ border-top:solid 1px #eee; }
.tripOrigin 					{ width:90%; padding-left:5%;  }
.tripDelete 					{ width:5%; text-align:center; }
.tripClient 					{ width:90%; padding-left:5%;   }
.tripUnlock 					{ width:5%; text-align:center; }
.hiddenColumn 					{ clear:both; cursor:default; }
.hiddenColumn a 				{ cursor: pointer; }
.tripNote 						{ width:95%; padding-left:5%; clear:both; float:none !important; }
.trip-dates input 				{ margin-bottom:20px; width:205px; font-size:20px; height:20px; }
/*.undefinedPurpose .tripPurpose a {color:#eb5734 !important; border-bottom-color:#eb5734; }*/
.button-row 					{ margin-bottom:10px; }
#triplistform hr 				{ margin-top:20px; margin-bottom:20px; }

/* timepicker */
.ui-timepicker-wrapper 			{ overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; -webkit-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); -moz-box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); box-shadow:0 5px 10px rgba(0, 0, 0, 0.2); outline: none; z-index: 10001; margin: 0; }
.ui-timepicker-wrapper.ui-timepicker-with-duration { width: 11em; }
.ui-timepicker-list 			{ margin: 0; padding: 0; list-style: none; }
.ui-timepicker-duration 		{ margin-left: 5px; color: #888; }
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888; }
.ui-timepicker-list li 			{ padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; }
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; }
li.ui-timepicker-selected,
.ui-timepicker-list li:hover,
.ui-timepicker-list .ui-timepicker-selected:hover { background: #1980EC; color: #fff; }
li.ui-timepicker-selected .ui-timepicker-duration,
.ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; }
.ui-timepicker-list li.ui-timepicker-disabled,
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { color: #888; cursor: default; }
.ui-timepicker-list li.ui-timepicker-disabled:hover,
.ui-timepicker-list li.ui-timepicker-selected.ui-timepicker-disabled { background: #f2f2f2; }


@media print {
a[href]:after 					{ content: none; }	
a.show_url[href]:after 			{ content: " (" attr(href) ")"; }
}

@media (min-width: 980px) {

.alternate .background			{ background:url('../img/bg-device-alt.jpg'); height:586px; border-bottom: solid 1px #444; 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center center; }
.alternate .home-six h2			{ margin-top:400px;}
.alternate .home-one			{ background:url('../img/bg-car.jpg'); border-bottom: solid 1px #444; 
									background-repeat: no-repeat; -moz-background-size: cover;
									-webkit-background-size: cover; -o-background-size: cover; background-size: cover; 
									background-position:center right;} 
.alternate .home-one h1			{ font-size:40px; text-align:left; line-height:50px;}
.alternate .home-one h2			{ text-align:left; clear:both; }
.alternate .videoPlayer			{ text-align:left; float:left; }	
.alternate .social				{ float:left; }
	
}

@media (max-width: 980px) {

}

@media (max-width: 480px) {
/* site-wide responsive fixes */
body {padding:0 5px; }
.social	{ width:80%; }
#keep_track .btn-medium	{ width:auto; }
.navbar-inner {  }
.brand img { display: none; }
.navbar .nav > li:first-child > a {padding: 20px; }
.#nav-main {padding-left:20px; padding-right:20px; margin-left:-20px; margin-right:-20px; }
.navbar .nav > li > a { padding:20px; border-bottom:1px solid;}
.callout-custom	{ width:80%; }
.navbar img 	{ width:32px; }
.navbar .brand	{float:none; }
/* home page  */
.home-one h1	{font-size:20px; }
.videoPlayer	{ width:80%; }
.videoPlayer iframe	{ width:100%; height:auto; }
.home-two a.custom {width:80%; }
.city button.custom {width:80%; font-size:12px; }
.home-eight .box	{margin:20px auto; width:90%; }
.buy-now { margin:0 auto; padding:0;}
.buy-now .container {padding:20px; }
.buy-now h2	{text-align:center; }
.buy-now a.custom	{width:80%; }
/* businesses page */
.business-one {padding-top:10px;}
.business-one .container {padding:10px; }
.business-one h1 {font-size:20px; text-align:center; margin-top:10px;}
.business-one .btn {width:80%; }
.pricing {margin-bottom:50px; }
.chalk {font-size:22px; }
/* how it works page */

}


@media (min-width: 768px) and (max-width: 979px) {
.get-started p					{ line-height:1.2; }
.setup, .install, .access		{  }
.setup							{  }
.install						{  }
.access							{  width:45%; }

/*businesses page */
.diagram p						{ line-height:1.2; }

/*downloads page */
#downloads .os-logo 			{ display:inline-block; float:none}
#downloads .os-description		{ display:inline-block; float:none}
#downloads .os-content			{ height:250px; }
#why_mileage_ace_section .span3 { width:100%;}
.alternate .background			{ background-position:center right; }

.goldilocks						{ width:745px; height:217px; }
.brand img { display: none; }
}


@media (max-width: 767px) {
/* how it works page */
.get-started					{ background-image:url('../img/road-vertical-bg.png'); background-position:left; background-repeat: repeat-y; margin-top:40px; position:relative; margin-left:25px; }
.get-started-main				{  }
.setup, .install, .access		{ position: relative;  left: auto; top:auto; right:auto; bottom:auto; width:auto; height:auto; margin-left:100px; margin-bottom:50px }
.setup							{ }
.setup img,						
.install img,				
.access img					{ position: absolute; left:-130px; top:-20px; }
.how-box						{ background:#fff; border-radius:5px; padding:5px 25px 25px;
								 border-bottom:2px solid #c9cbcd; text-align:left; font-size:13px; line-height:22px; color:#929292;  margin:0 10px 20px; }
.how-box h3						{ font-size: 18px!important; font-family:'lovelo', Verdana, Geneva, sans-serif; color:#3c3c3c; }
.on-business					{ position: relative; top:auto; left: auto; width:auto; }
.mini-usb						{ position: relative; top:auto; right:auto; width:auto; }
.wps							{ position: relative; top:auto; right: auto; width:auto; }
.item-number					{ display:inline !important; }

/*businesses page */
.business-map					{ display:none; }
.business-four h2 				{ margin-bottom:20px; margin-top:20px; }
.diagram 						{ position:relative; padding:0; }
.accountability-new,
.central,						
.irs-compliant,					
.personal,						
.custom-reports					{ position:relative; top:auto; left:auto; z-index:100; width:auto; }
.diagram h3 					{ font-size:18px; font-family:'lovelo', Verdana, Geneva, sans-serif; color:#3c3c3c; margin:5px 0; }
.diagram p 						{ font-size:12px; color:#929292; line-height:22px; }
.diagram .box-inner 			{ padding:0 10px; text-align:center; }
.container						{ padding-left:20px; padding-right:20px; }
body							{ padding-left:0px; padding-right:0px; }
.btn-medium, .btn				{ margin-bottom: 10px; }

div#addTrip, div#addLocation, div#uploadLocation	{ margin-left:15%; }
.goldilocks						{ width:360px; height:105px; }
}