@charset "utf-8";
/* CSS Document */

/* base plus class name */
div.indent { padding: 0 0 0 18px;}  
div p.indent { text-indent: 0; }
div p.gap { margin-bottom: 30px }
div p.strong {font-weight:bold;}
div p.compact { margin: 0 20px; }
div p.tight { margin-bottom: .5em }
div p.small { font: 11px/15px Helvetica, Arial, sans-serif; color: #333;  }
div p.footnote { font: 11px/15px Helvetica, Arial, sans-serif; color: #333;  }
div p a.more { display:block; margin: 2px 0 0 0;}
div a.arrowPre:before { content:"\00BB \00A0" }
div a.arrowPost:after { content:"\00A0 \00BB" }
div a.def:link { color: #0071B2; text-decoration: none; border-bottom: 1px dashed #0071B2; }
div a.def:visited { color: #0071B2; text-decoration: none; border-bottom: 1px dashed #0071B2; }
div a.def:hover { color: #004061; text-decoration: none; border-bottom: 1px dashed #004061; }
div a.def:active { color: #0071B2; }
div ul.compact { list-style-type: none; padding: 0; margin:0}
div ul.compact li { padding: 0; margin: 0}
div ul.left { list-style-type: none; padding: 0; margin: 0px 0px 0px 10px;}
div ul.left li { padding: 0; margin: 0;}
div table.gap { margin-bottom: 30px }
div table.plain { border: 0; }
div table.plain p { margin-left: 0; padding-left: 0; margin-bottom: 10px; }
div table.plain td { margin-left: 0; padding-left: 0; }
div table.position { border-collapse: collapse; border: none; padding: 0; margin: 0; }
div table.position tr {}
div table.position tr th { border: none; margin: 0; padding: 0; background: none; }
div table.position tr td { border: none; margin: 0; padding: 0; background: none; }
div table.position tr td h1 { margin-left: 0; margin-right: 10px; }
div table.position tr td h2 { margin-left: 0; margin-right: 10px; }
div table.position tr td h3 { margin-left: 0; margin-right: 10px; }
div table.position tr td h4 { margin-left: 0; margin-right: 10px; }
div table.position tr td h5 { margin-left: 0; margin-right: 10px; }
div table.position tr td h6 { margin-left: 0; margin-right: 10px; }
div table.position tr td p  { margin-left: 0; margin-right: 10px; }
div table.position tr td ul { margin-left: 0; margin-right: 10px; padding-left: 20px; }
div table.position tr td ol { margin-left: 0; margin-right: 10px; padding-left: 20px; }
div hr.thick { border-top: 2px solid #ccc; margin: 21px 0 7px 0;}
div img.inline { border: 0px solid #000; display:inline; }
div small.news { border-left: 1px solid #999; padding-left: .5em; margin-left: .5em; }

/* form */
div form { margin: 0 20px; padding: 0; }
div form input { font: 12px/15px Helvetica, Arial, sans-serif; color: #333; border: 1px solid #666; padding: 2px; margin: 0 0 2px 0; }
div form textarea { font: 12px/15px Helvetica, Arial, sans-serif; color: #333; border: 1px solid #666; margin: 0 0 2px 0; }
div form input.button { font: 12px/15px Helvetica, Arial, sans-serif; color: #333; border: 1px solid #666; padding: 1px; margin: 0 0 2px 0;  }
div form input.button:hover { background: #ccc; }
div form p { margin: 0; }
div.formgroup1 { padding: 10px; margin-bottom: 10px; background: #fff; border-left: 10px solid #ccc; }
div.formgroup2 { padding: 10px; margin-bottom: 10px; background: #fff; border-left: 10px solid #f2f2f2; }
div.formgroup3 { padding: 10px; margin-bottom: 10px; background: #f2f2f2; border-left: 10px solid #ccc; }
div.alert { padding: 10px; margin-bottom: 10px; background: #ffc; border-left: 10px solid #fc0; }
div.alert p { color: #900; }
div.alert p.success { color: #488100; }

div.group1 { margin: 10px 20px 20px 20px; background: #fff; border: 10px solid #f2f2f2; }  /*padding: 10px;*/
div.group2 { margin: 10px 20px 20px 20px; background: #f2f2f2; border-left: 10px solid #ccc; } /*padding: 10px;*/ 
div.callout { margin: 5px 0 10px 0; padding: 10px 0; background: #e3f1ff; border: 0px solid #999; }
div.callout1 { margin: 5px 0 10px 0; padding: 10px 0; background: #edf9dd; border: 0px solid #999; }
div.callout2 { margin: 5px 20px 10px 20px; padding: 15px 0 0 0; background: #f2f2f2; border: 1px solid #ccc; }

/* fpo */
div.fpo { border: 2px solid #999; background: url("../images/fpo_bg.gif"); margin: 0 0 10px 0;  padding: 5px;}

/* header */
div.header { border-bottom: 8px solid #3F3936; }
div.header div.headerMenu ul { margin: 5px 10px; }
div.header div.headerLogo { width: 240px; }

/* footer */
div.footer { border-top: 3px solid #302c2a;}
div.footer div.menu { padding: 10px 0; }
div.footer div.legal { padding: 10px 0;}
div.footer div.legal p { font-size: 10px; }

/* popup */
div.popupheader { border-bottom: 3px solid #3F3936; }
div.popupheader div.headerMenu ul { margin: 5px 10px; }
div.popupheader div.headerLogo { width: 240px; }
div.popupcontent { padding: 20px 10px; background: #fff; }

/* images */
div img.left { display: inline; float:left; margin: 0 15px 10px 20px; border: 10px solid #f2f2f2; }
div img.right { display: inline; float:right; margin: 0 20px 10px 15px; border: 10px solid #f2f2f2; }
div img.center { display: block; margin: 0 auto 10px auto; border: 10px solid #f2f2f2; }
div img.simpleleft { display: inline; float:left; margin: 0 15px 10px 20px; }
div img.simplecenter { display: block; margin: 0 auto 10px auto; }

/* linklist */
div ul.linklist { list-style-type: none; margin: 0 20px 0 0 ; padding: 0 0 1em 20px; }
div ul.linklist li.pdf { background: url(http://www.propelfuels.com/content/images/icn_pdf.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; }
div ul.linklist li.doc { background: url(http://www.propelfuels.com/content/images/icn_doc.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; }
div ul.linklist li.check { background: url(http://www.propelfuels.com/content/images/icn_check.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; }
div ul.linklist li.arrow { background: url(http://www.propelfuels.com/content/images/icn_linkarrow.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; }
div ul.linklist li.more  { padding: 0; margin: 0; }
div ul.linklist li.more a:after {content:"\00A0\226b"}
div ul.linklist li.www { background: url(http://www.propelfuels.com/content/images/icn_linkout.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; }
div ul.linklist li.b99 { background: url(http://www.propelfuels.com/content/images/map_key_b99.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.b20 { background: url(http://www.propelfuels.com/content/images/map_key_b20.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.e85 { background: url(http://www.propelfuels.com/content/images/map_key_e85.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.coming-soon { background: url(http://www.propelfuels.com/content/images/map_key_coming_soon.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px;}
div ul.linklist li.b99-b20 { background: url(http://www.propelfuels.com/content/images/map_key_b99_b20.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.b99-e85 { background: url(http://www.propelfuels.com/content/images/map_key_b99_e85.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.b99-b20-e85 { background: url(http://www.propelfuels.com/content/images/map_key_b99_b20_e85.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.b20-e85 { background: url(http://www.propelfuels.com/content/images/map_key_b20_e85.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.b20-b5 { background: url(http://www.propelfuels.com/content/images/map_key_b20_b5.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }
div ul.linklist li.e85-b5 { background: url(http://www.propelfuels.com/content/images/map_key_e85_b5.gif) no-repeat; padding: 0 0 0 17px; margin: 0 0 .25em 0; font-size: 11px; }

/* key */
div ul.key { list-style-type: none; margin: 0 20px 0 0 ; padding: 0 0 1em 20px; }
div ul.key li { font-weight: bold; float: left; margin-right: 12px; font-size: 11px; padding: 0 0 0 17px; }
div ul.key li.b99 { background: url(http://www.propelfuels.com/content/images/map_key_b99_stroke.gif) no-repeat; }
div ul.key li.b20 { background: url(http://www.propelfuels.com/content/images/map_key_b20_stroke.gif) no-repeat; }
div ul.key li.e85 { background: url(http://www.propelfuels.com/content/images/map_key_e85_stroke.gif) no-repeat; }
div ul.key li.coming-soon { background: url(http://www.propelfuels.com/content/images/map_key_coming_soon_stroke.gif) no-repeat; }
div ul.key li.b99-b20 { background: url(http://www.propelfuels.com/content/images/map_key_b99_b20_stroke.gif) no-repeat; }
div ul.key li.b99-e85 { background: url(http://www.propelfuels.com/content/images/map_key_b99_e85_stroke.gif) no-repeat; }
div ul.key li.b99-b20-e85 { background: url(http://www.propelfuels.com/content/images/map_key_b99_b20_e85_stroke.gif) no-repeat; }
div ul.key li.b20-e85 { background: url(http://www.propelfuels.com/content/images/map_key_b20_e85_stroke.gif) no-repeat; }
div ul.key li.e85-b5 { background: url(http://www.propelfuels.com/content/images/map_key_e85_b5_stroke.gif) no-repeat; }
div ul.key li.b20-b5 { background: url(http://www.propelfuels.com/content/images/map_key_b20_b5_stroke.gif) no-repeat; }

/* index (home_page) */
div.index-stations { background:#e3f0ff; padding-top: 15px; }
div.index-stations h2 { font: normal 24px/26px Helvetica, Arial, sans-serif; } 
div.index-stations h2 a:link { color: #0071B2; text-decoration: none }
div.index-stations h2 a:visited { color: #0071B2; text-decoration: none }
div.index-stations h2 a:hover { color: #0071B2; text-decoration: underline }
div.index-stations h2 a:active { color: #0071B2; text-decoration: none }

/* map */
div.columncontainer { margin: 0; border: 0; width: 760px; }
div.mapcolumn { float: left; width: 250px; margin: 0; height: 100%; }
div.popup-image { float: left; width: 90px; height: 100%; }
div.popup-content { float: left; }
div.popup-content p, div.popup-content ul, div.popup-content li { margin-left: 0; padding-left: 0; }
div.columncontainer div.mapcolumn ul li { color: #999; }
div.map-legend { height: 30px; background-color: #f0f0f0; }
div.map-legend ul { padding-top: 8px; font-size: 10px; }

/* CleanDrive */
div.signup-column { width: 210px; margin-top: 0px; padding: 0 20px 0 0; float: right; background: url(http://www.propelfuels.com/content/images/bg_col1_border.gif) repeat-y; }
div.signup-column img { margin: 0 0 8px 20px; }

/* homepage newsletter signup form */
table.newsletter-signup { margin: 0; padding: 0; border: 0; background-color: transparent; }
table.newsletter-signup td { margin: 0; padding: 0; border: 0; background-color: transparent; font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #666; }
table.newsletter-signup td input { font-family: Helvetica, Arial, sans-serif; font-size: 10px; color: #666; border: 0; }

/* code box */
div.codebox { font-family: monospace; color: #666; font-weight: normal; font-size: 10px; padding: 8px; background-color: #fff; height: 60px; border: 1px solid #ddd; overflow: scroll; overflow-x: hidden; margin-right: 10px; width: 190px; }