body {
  padding-top: 50px;
}
h1 {
  font-size:20px;
  line-height:26px;
}
h2 {
  font-size:18px;
  line-height:24px;
}
h3 {
  font-size:16px;
  line-height:22px;
}
h4 {
  font-size:15px;
  line-height:21px;
}
h5 {
  font-size:14px;
  line-height:20px;
}
h6 {
  font-size:13px;
  line-height:19px;
}
h1 small {
  font-size:16px;
}
h2 small {
  font-size:15px;
}
h3 small {
  font-size:14px;
}
h4 small {
  font-size:13px;
}

label{font-weight:bold;}

textarea {
min-width:250px;
width:400px;
padding: 3px;
}

#contactForm{
min-height:400px;
}

.navbar-brand{
	padding: 5px 15px;
}
.navbar-brand > img{
	max-height:40px;
}

/* Main marketing message and sign up button */
.jumbotron {
text-align: center;
}
.jumbotron h1 {
font-size: 7em;
line-height: 1;
}
.jumbotron .lead {
font-size: 1.7em;
line-height: 1.25;
}

.google-maps {
	position: relative;
	padding-bottom: 25%; // This is the aspect ratio
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

.clickable{cursor:pointer;}
.clickable:hover{background-color:#FFFF00;}
.xsmallText{font-size:0.65em;}
.smallText{font-size:0.75em;}
.mediumText{font-size:0.85em;}
.largeText{font-size:1.25em;}
.xlargeText{font-size:1.50em;}
.boldText{font-weight:bold !important;}
.floatLeft{float:left;}
.floatRight{float:right;}
.clearFloat{clear:both;}
.centerText{text-align:center;margin-left:auto;margin-right:auto;}
.leftAlign {text-align:left !important;}
.rightAlign {text-align:right !important;}
.centerAlign{text-align:center !important;}
.middleAlign{vertical-align:middle !important;}
.topAlign{vertical-align:top !important;}
.bottomAlign{vertical-align:bottom !important;}
.bgGray{background-color:#EEEEEE !important;}
.bgLightGray{background-color:#F2F2F2 !important;}
.bgYellow{background-color:#FFFF00 !important;}
.bgBlue{background-color:#006BB7 !important;}
.bgLightBlue{background-color:#EBF3FF !important;}
.borderGray{border:1px solid #DDDDDD !important;}
.borderBlue{border:1px solid #06266F !important;}
.borderLightBlue{border:1px solid #CEECF5 !important;}
.grayText{color:#BBBBBB !important;}
.darkGrayText{color:#666666 !important;}
.borderBottom{border-bottom:1px solid #000000;}

.success{background-color: #dff0d8;}
.error{background-color: #f2dede;}
.warning{background-color: #fcf8e3;}
.info{background-color: #d9edf7;}

.priceUp{color:#FF0000;}
.priceDown{color:#4AA02C;}
.priceEven{color:#000000;}

/* ----------------- Fuel Price Styles ----------------- */
.fuelPriceDetail{border:1px solid #000;display:inline-block;background-color:#FFF;font-size:0.75em;vertical-align:top;padding:3px;margin:10px 5px;min-width:250px;max-width:400px;width:auto !important;min-height:200px;max-height:350px;height:auto !important;overflow:auto;}
.fuelPriceDateRow{background-color:#A9D3F0;font-size:0.75em;color:#002037;margin:2px auto;padding:4px;cursor:pointer;}

.blueBar{
  color:#ffffff;
  text-decoration: none;
  background-color: #0081c2;
  background-image: -moz-linear-gradient(top, #0088cc, #0077b3);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3));
  background-image: -webkit-linear-gradient(top, #0088cc, #0077b3);
  background-image: -o-linear-gradient(top, #0088cc, #0077b3);
  background-image: linear-gradient(to bottom, #0088cc, #0077b3);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0);
}

.footer,
footer {
	font-size:12px;
	padding:5px 0;
	margin:20px auto;
	color:#777; 
}
footer p {
	color:#777;
}
footer a {
	color:#777;
}
footer .pull-right {
	margin-left:2em;
}
footer .pull-left a {
	margin-right:2em;
}

div.sidebar {
	margin:40px 10px 10px 10px;
	border:1px solid #EEEEEE;
	background-color:#F5F8FC !important;
	padding:10px;
	min-height:350px;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}

.roundedCorners {
	border-collapse:separate;
	*border-collapse:collapse;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	padding:5px;
}

.ie-placeholder-label{
	font-weight:bold;
	color:#000;
	display:none;
}

.form-signin {
	padding:19px 29px 29px;
	margin:0 auto 20px;
	background-color:#fff;
	border:1px solid #e5e5e5;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.05);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.05);
	box-shadow:0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
	margin-bottom:10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
	font-size:16px;
	height:auto;
	margin-bottom:15px;
	padding:7px 9px;
}

/* ----------------- Special Grid Styles ----------------- */

.show-grid {
  margin-top:10px;
  margin-bottom:20px;
}
.show-grid [class*="span"] {
  background-color:#eee;
  text-align:center;
  -webkit-border-radius:3px;
     -moz-border-radius:3px;
          border-radius:3px;
  min-height:40px;
  line-height:40px;
}
.show-grid:hover [class*="span"] {
  background:#ddd;
}
.show-grid .show-grid {
  margin-top:0;
  margin-bottom:0;
}
.show-grid .show-grid [class*="span"] {
  margin-top:5px;
}
.show-grid [class*="span"] [class*="span"] {
  background-color:#ccc;
}
.show-grid [class*="span"] [class*="span"] [class*="span"] {
  background-color:#999;
}

@media (max-width: 480px) {
	.fuelPriceDetail{min-width:250px;width:100%;}
	.jumbotron h1 {font-size: 3.0em;}
	.jumbotron .lead {font-size: 0.80em;}
}

@media print {
	footer {display:none;}
	.navbar{display:none;}
	.fuelPriceDetail{min-width:205px;min-height:200px;font-size:0.65em;}
}