/*========================================================*/
/* COLOR GUIDE                                            */
/*========================================================*/
/*
dark grey #464337
light grey #a2a19b

blue link #06f

h3 yellow border #ffd735

alt blue light #e1ecff

alt blue dark #94beff

color:#0b8d30;
=========================================================

========================================================
    Cascading Style Sheet for the DriveAlternatives     
========================================================

========================================================
                  Table of Contents                     
========================================================
  1. UNIVERSAL THINGS
  2. HEADER
  3. WELCOME
  4. BOX and ALTBOX
  5. BODY
  6. SIDEBAR
  7. FOOTER
  8. DA FOOTER
  9. CLEARFIX
  10. UI-TAB
  11. SORTABLES
  12. PAGINATION
  13. CLIPPINGS
  14. TAG CLOUDS
  15. USER LIST
  16. DA_LOCATE
  17. FORMS
  18. LOGIN SIGNUP PAGE
  19. CARSHARE PAGES
  20. STATION PAGES
  21. STATION FUELS
  22. DIRECTIONS
  23. DASHBOARD
  24. OFFERS
  25. LIGHTBOX
  26. SITEMAP HTML
  27. MARKER WINDOWS
========================================================*/

/*

span.localized {
  font-style: italic;
  color: red;
}
/* =============================================== */
/* 1. UNIVERSAL THINGS                             */
/* =============================================== */
* {margin: 0; padding: 0;}
html { background: transparent; height: 100%; width: 100%;}
body { background-color: #E6F5F7; background-attachment: fixed; background-image:url(/images/embed/bkgd_blue.png); background-position: left top; background-repeat: repeat-x; height: 100%;}

#wrapper { min-height: 100%; height: 100%; text-align: left; color: #464337; min-width:910px; width: 75%; margin:0 auto; }
#wrapper h1 {font-size: 3em; font-weight: bold;  font-family:Helvetica, "Arial Black", Arial, sans-serif; }
#wrapper h2 {font-size: 2em; font-weight: bold;  font-family:Helvetica, "Arial Black", Arial, sans-serif; }
#wrapper h3 {font-size: 1.5em; font-weight: bold;  font-family:Helvetica, "Arial Black", Arial, sans-serif; }
#wrapper h4 {font-size: 1.25em; font-weight: bold;  font-family:Helvetica, "Arial Black", Arial, sans-serif; }

#container { position: fixed; z-index: 0; width:75%; min-height: 100%; min-width: 910px; background: #FFFDE3 none repeat scroll 0 0;}
#page{height: 100%; min-height: 100%; width: 75%; min-width: 910px; position: absolute; background:#A9D158; }
#container #bkgrd_gradient {z-index: 0; width: 100%; height: 100%; min-height: 100%; position: absolute;}

#shadows { height: 100%; min-height: 100%; width: 100%;position: absolute; margin-right:11px; margin-left:-11px; padding-left:11px; padding-right:11px; }
#left { width: 100%; height: 100%; background:url(/images/embed/shadow-left.png) 0 0 repeat-y; padding-left:11px; margin-left: -11px; }
#right { width: 100%; height: 100%; background:url(/images/embed/shadow-right.png) 100% 0 repeat-y; padding-right:11px; margin-right: -11px;  }
#anchor { position: fixed; height: 100%; width: 75%; background: #FFFDE3 none repeat scroll 0 0;}

#wrapper-footer { min-width:790px; width: 75%; margin:0 auto; }
#left-corner { background:url(/images/embed/shadow-left-corner.png) 0 0 no-repeat; padding-left:25px; margin-left:-11px; }
#right-corner { background:url(/images/embed/shadow-right-corner.png) 100% 0 no-repeat; padding-right:25px; margin-right: -11px; }
#bottom { background:url(/images/embed/shadow-bottom.png) 0 100% repeat-x; height:26px; }

#DAHeader {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -150px;}
#hd {background: #FFFDE3 none repeat scroll 0 0;}
#bd {background: #A9D158 none repeat scroll 0 0; position: relative; min-height: 100%; height: 100%; height: auto !important;}
#DAFooter, .push {height: 150px; }
#DAFooter {font-size: 85%; text-align:center; background: #FFFDE3 none repeat scroll 0 0;}

#bd #green_container {position: absolute; height: 100%; width: 100%; z-index: 0;}
#bd #green_container #bkgrd_gradient {height: 100%; width: 100%;}
#bd #green_container #bkgrd_gradient .top {height: 100%; width: 100%; background-position: center top; background-repeat: repeat-x; background-image:url(/images/embed/green_bkgd_top.png);}
#bd #green_container #bkgrd_gradient .bottom {width: 100%; height: 100%; background-position: center bottom; background-repeat: repeat-x; background-image:url(/images/embed/green_bkgd_bottom.png);}
#bd #main_container {width: 100%; height: 100%; }
#bd #main_container #main_contents {padding: 15px;height: 100%; position:relative; z-index;0;}

#hd { position: relative; padding-top:5px; }


a { color: #0b8d30; }
a:hover { color: #2bad50; text-decoration: none; }
p { margin: 0 0 1em 0; }
div.auto_complete { width: 350px; }
div.auto_complete ul { border: 1px solid #888888; list-style-type: none; margin: 0; padding: 0; width: auto; }
div.auto_complete ul li { margin: 0; padding: 3px; background-color: #ffffff;}
div.auto_complete ul li.selected { background-color: #fffdc0; }
.clear { clear: both; }
.clear_left { clear: left; }
.right { float: right; }
.left { float:left; }
.centered { text-align:center; }
.none { display: none;}
.inline { display: inline;}
.block {display: block;}
.inline-block {display: inline-block; *display: inline; zoom: 1;}
.add_underline li {border-bottom: 1px dotted #a2a19b; background-position: left center;}
.add_underline_bold {border-bottom: 2px solid #bbbbbb;}
.bold {font-weight: bold;}
.large {font-size: 200%;}
.larger {font-size: 1.4em;}
.medium {font-size: 1.2em;}
.mediumer {font-size: 1.05em;}
.small {font-size: .5em;}
.smaller {font-size: .89em;}
.full_width {width: 100%;}
.full_height {height: 100%;}
.tab{margin-left: 30px;}
.space{margin-left: 3px;}
.align_left{text-align: left;}
.fb{height: 30px;}
img.polaroid { border: 1px solid #0B8D30; }

#twitter { background:url(/images/embed/twitter.png) 0 0 no-repeat; width:281px; height:32px; display:block; overflow:hidden; text-indent:-999px; font-size:1.3em; }

.brown_text {color: #654E2D;}
.green_text {color: #0B8D30;}
.white_text {color: #FFFFFF;}
.olive_green_text {color: #64881D;}
.red_text {color: #B50000;}
.olive_green_box {  border-radius: 5px; -moz-border-radius: 5px; border:1px solid #64881D;  margin:.8em 0 .8em 0;  margin-bottom:1em;  padding:0.5em; background: #C6E883 none repeat scroll 0 0; }
.red_box {  border:1px solid #64881D;  margin:1em 0 1em 0;  margin-bottom:1.5em;  padding:0.5em; background: #e58282 none repeat scroll 0 0; }

.olive_green_box_hover { border:1px dashed #64881D; margin:1em 0 1em 0;  margin-bottom:1.5em;  padding:0.5em; }
.olive_green_box_hover:hover {  border:1px solid #64881D; background: #C6E883 none repeat scroll 0 0; }

.olive_green_box_header {border:1px solid #64881D; background: #C6E883 none repeat scroll 0 0; }
.olive_green_box_header h3 {text-align: center; margin: 0 0 0 0 !important; position: relative; width: 100%; height: 40px; line-height: 50px;  background-image: url(/images/embed/green_header.png); background-repeat: repeat-x;}
.olive_green_box_header #content {margin-top: 5px;}

.inplaceeditor-empty {color: #0B8D30;}
.in_place_editor_field {color: #0B8D30;}

/* Lists/Tables */
.odd {background-color: #B9E167;}
.even {background-color: #C8E980;}
.blue .odd {background-color: #D0F4FF;}
.blue .even {background-color: #DAF2EE;}

/* DriveAlternatives Additions */
.mapMainwindow { width:100%; /* to fit in the border */ border:1px solid #0B8D30; height:100%;}
.mapLarge {  width:100%; /* to fit in the border */ border:1px solid #0B8D30; height:100%; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }
.mapMedium {  width:100%; /* to fit in the border */ border:1px solid #0B8D30; height: 286px; margin-bottom: 1em; margin-top: 1em; }
.mapSmall {  width:100%; /* to fit in the border */ border:1px solid #0B8D30; height: 100px; margin-bottom: 1em; margin-top: 1em; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; }

/* =============================================== */
/* 2. HEADER                                       */
/* =============================================== */

#hd h1 { margin-left: 30px; margin-top: 5px; float: left; }
#hd h1 a { background:url(/images/embed/logo_large.png) no-repeat; display: block; width:421px; height:112px; }
#hd h1 a:hover { text-decoration: underline; }
#hd h2 { float: right; font-size: 1.3em; padding:10px; border-style:solid; border-width:0 2px 2px 2px; background:#fff; }

/* Navbar */

#NavBar { clear: both; padding-top:0px; height:130px !important;}
#NavBar #button-location {position: absolute; width: 100%; min-width: 910px;}
#NavBar #button-content {display: block; text-align: right; width: 100%;}
#NavBar .fb {margin-right: 10px; padding-left: 10px;}
#NavBar img {vertical-align: middle;}
#NavBar #buttons {padding-top: 83px;}
#NavBar ul li { float: left; margin-right:10px;}
#NavBar ul li a { text-align: center; background:#c9f178; display: inline-block; font-size: 1.35em; text-transform: lowercase;  padding-top: 10px; font-weight: bold; color: #464337; text-decoration: none;  -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
#NavBar ul li .short a  {background:url(/images/embed/login-signup-individual-bkgd.png) 0 0 no-repeat;  height: 37px; width: 106px;}
#NavBar ul li .full a  {background:url(/images/embed/login-signup-bkgd.png) 0 0 no-repeat; height: 37px; width: 165px;}
#NavBar ul li .drop_down_arrow {background: url(/images/embed/icons/bullet_arrow_down.png) 100% 0 no-repeat; height: 16px; width: 90%;}
#NavBar ul li#active a, #NavBar ul li.current a { background: url(/images/embed/login-signup-individual-bkgd.png) 0 0 no-repeat; text-decoration: none !important; }
#NavBar ul li a:hover { text-decoration: underline;}
#NavBar ul li.login-signup { }
#NavBar form { float: right; }
#NavBar form label { display: none; }
#NavBar form input { font-size: 108%; padding: 4px 15px 4px 5px; margin: 11px 10px 0 0; border: none; }

/* User Menu Dropdown*/
/*#NavBar ul #user-menu a { padding-right: 15px; background:#c9f178 url(/images/embed/icons/bullet_arrow_down_50.png) no-repeat right; }
#NavBar ul #user-menu a:hover { background:#c9f178 url(/images/embed/icons/bullet_arrow_down.png) no-repeat right; }*/
.prototip .green { border:none; color:#fff; margin:0 10px; background:#c9f178; padding:10px; }
.prototip .blue { width: 150px;  border:none; color:#fff; }
.prototip .blue li {margin-top: 5px; margin-bottom: 5px;}
.prototip .blue .toolbar { font: italic 17px Georgia, serif; }
.prototip .blue .title { padding: 5px; }
.prototip .blue .content {background:#e5f7fb; font: 120% Arial, Helvetica, sans-serif; padding: 5px;}

/* =============================================== */
/* 3. WELCOME                                      */
/* =============================================== */

.entry-content.oval-box, #oval_box { background:url(/images/embed/full-middle.png) 0 0 repeat-y; padding:0; border:none; }
.entry-content .full-top, #oval_box .full-top { background:url(/images/embed/full-top.png) 0 0 no-repeat; }
.entry-content .full-right, #oval_box .full-right { background:url(/images/embed/full-right.png) 100% 0 no-repeat; }
.entry-content .full-bottom, #oval_box .full-bottom { background:url(/images/embed/full-bottom.png) 0 100% no-repeat; }
.entry-content .full-corner, #oval_box .full-corner { background:url(/images/embed/full-corner.png) 100% 100% no-repeat;} 
.entry-content .actual-content, #oval_box .actual-content { height: 100%; padding: 20px; }
#oval_box h1 {margin-bottom: 10px;}
#oval_box .actual-content { font-size: 125%;}
#oval_box .actual-content p {margin-top: 15px;}
#oval_box .actual-content ul {margin-left: 30px;}

#welcome .box{
background: #fff1b2;
margin-top: 1em;
padding: 1em;
border-bottom: 2px solid #ffd735;
border-top: 1px solid #ffd735;
}

#welcome .box h2{
font-size: 197%;
margin-bottom:.5em;
}

#welcome .box h2 a{color: #464337;}

#welcome .box p{
font-size: 108%;}

#welcome .box h4{
}

#welcome .box h4 a{
background-color: transparent;
background-repeat: no-repeat;
background-position: .5em center;
display: block;
padding: 1em 1em 1em 3.5em;
font-size: 138.5%;
text-decoration: none;
text-transform: uppercase;
color: #384016;
font-weight: bold;
border: 1px solid #9ec500;
}

#welcome .first .box h4 a{
}

#welcome .box h4 a:hover{
background-color: #9ec500;
}

/* =============================================== */
/* 4. BOX and ALTBOX                               */
/* =============================================== */

.box{
margin-bottom: 1em;
}

.box h2{
margin-bottom: .5em;
font-weight: bold;
font-size: 153.9%;
}

.box h3{
font-size: 123.1%;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #654E2D;
margin:1em 0 1em 0;
}

.box h4{
font-size: 110%;
font-weight: bold;
text-transform: uppercase;
border-bottom: 1px solid #654E2D;
margin:.5em 0 .5em 0;
}

.box h3 a, .box h4 a {text-decoration: none;}

.alt{
border: 1px solid #94beff;
background: #e1ecff;
padding: 1em;
}

.alt h3{
border: none;
margin: 0 0 .5em 0;
padding: .5em;
background: #94beff;
color: #38465b;
}

.first_alt {
	margin-top:3.25em;
	}


/* =============================================== */
/* 5. BODY                                         */
/* =============================================== */

/* blog entry */

.hentry{
margin: 0 0 1em 0;
}

.comments .hentry{
border-bottom: 1px dotted #a2a19b;
}

.comments .hentry:last-child{border: none;}

.hentry h4{
font-size: 153.9%;
font-weight: bold;
margin-bottom: 15px;}

.hentry h4 a{
text-decoration: none;
color: #464337;
}

.hentry h4 a:hover{text-decoration: underline;}

.hentry .vcard{
float: left;
width: 13.8461em; /* about 180px */
*width:  13.5em; /* for IE */
}

div.main div.vcard{
width: 9.2307em; /* about 120px */
*width:  9em; /* for IE */
}

.entry-content{
margin-left: 15.3846em; /* about 200px */
*margin-left: 15em; /* for IE */
}

.entry-content.styled{
background:#ffc;
padding:20px;
border:1px solid #89b138;
}

div.main div.entry-content{
margin-left:  0.4769em; /* about 140px */
*margin-left:  0.5em; /* for IE */
}


.hentry .vcard h5{
float: left;
width: 66px;
}

.hentry .vcard h5 a img{
display: block;
border: 1px solid #a2a19b;
padding: 2px;
background: #fff;
}

.hentry .vcard h5 a:hover img{background: #a2a19b; }

.hentry .vcard ul{
margin-left: 5px;
font-size: 85%;
}

div.main .vcard ul{
margin-left: 0;}


.hentry .vcard ul li{
padding: 3px 0;
border-bottom: 1px dotted #654E2D;
padding-left: 20px;
background-color: transparent;
background-position: left center;
background-repeat: no-repeat;
}

.hentry .vcard.author ul li{
margin-left: 60px;
} 

#profile_details.hentry .vcard.author ul li{
margin-left: 10px;
} 

.hentry .vcard ul li.fn{
font-size: 130%;
font-weight: bold;
padding:0 0 3px 0;
}

.hentry .vcard ul li.update{background-image: url(/images/embed/icons/date.png) }
.hentry .vcard ul li.fuel{background-image: url(/images/embed/icons/heart.png) }
.hentry .vcard ul li.view{background-image: url(/images/embed/icons/page_white_magnify.png) }
.hentry .vcard ul li.comments{background-image: url(/images/embed/icons/comments.png) }
.hentry .vcard ul li.msg{background-image: url(/images/embed/icons/email_go.png) }
.hentry .vcard ul li.addfriend{background-image: url(/images/embed/icons/user_add.png) }
.hentry .vcard ul li.print{background-image: url(/images/embed/icons/printer.png) }
.hentry .vcard ul li.email{background-image: url(/images/embed/icons/user_go.png) }
.hentry .vcard ul li.share{padding-left:0;}
.hentry .vcard ul li.tags{background-image: url(/images/embed/icons/tag_blue.png) }
.hentry .vcard ul li.skills{background-image: url(/images/embed/icons/wrench.png) }
.hentry .vcard ul li.geo{background-image: url(/images/embed/icons/world.png) }
.hentry .vcard ul li.edit{background-image: url(/images/embed/icons/post.png) }
.hentry .vcard ul li.delete{background-image: url(/images/embed/icons/delete.png) }

.entry-content h6, .blog-entry-content h6{
border-bottom: 1px dotted #a2a19b;
border-top: 1px dotted #a2a19b;
text-align: right;
padding:3px 0;
}

.entry-content h6 a, .blog-entry-content h6{
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
text-decoration: none;
background: transparent url(/images/embed/icons/add.png) no-repeat left center;
padding-left: 20px;
padding: 3px 2px 2px 20px;
}

.entry-content h6 a:hover, .blog-entry-content h6 a:hover{text-decoration: underline;}


/* brings back styles for entry elements */
.entry-content blockquote, .entry-content ul, .entry-content ol {margin:1em;}
.entry-content ol, .entry-content ul{margin-left:2em;}
.entry-content ol li {list-style: decimal outside;}
.entry-content ul li {list-style: disc outside;}
.entry-content strong{font-weight: bold;}
.entry-content em, .entry-content blockquote{font-style:italic;}
.entry-content blockquote{font-family:Georgia, Times, serif;}

.hentry .tags{margin-left: 0;}

.hentry .tags li{
list-style: none;
float: left;}

.hentry .tags li a{
background: red;
display: block;
margin: 0 10px 5px 0;
padding: 2px 0 2px 15px;
background: url(/images/embed/icons/tag_blue.png) no-repeat left center;
}

.comment_row {width: 100%; }
.comment_row .header {padding-bottom: 2px; height: 34px; margin-bottom: 10px;}
.comment_row .header .content {height: 32px; line-height: 32px; background: #C6E883 none repeat scroll 0 0;}
.comment_row .header img {height: 30px; width: 30px; padding: 1px;}
.comment_row .header a {float:left; text-decoration: none; }
.comment_row .header em a {float:none;}
.comment_row .header h5, .comment_row .header ul, .comment_row .header li {display: inline;}
.comment_row .header li {clear: none; margin: 0 0 0 5px;}
.comment_row .header .user {margin-left: 5px; margin-right: 5px; font-size: 130%;font-weight: bold;pdding:0 0 3px 0;} 
.comment_row .header .update {font-size: 90%;font-style: italic; padding:0 0 3px 0;} 
.comment_row .header .delete{float:right; margin-right: 5px;}

.comment_row .body {word-wrap: break-word;}
/* =============================================== */
/* 6. SIDEBAR                                      */
/* =============================================== */

.list{
}

.list li{
padding:3px 0;
}

.checks li, .page li{
padding-left: 20px;
background-color: transparent;
background-image: url(/images/embed/icons/accept.png);
background-repeat: no-repeat;
background-position: left center;
}

.bullets li{
padding-left: 20px;
background-color: transparent;
background-image: url(/images/embed/icons/bullet.gif);
background-repeat: no-repeat;
background-position: left center;
}

.checks li{background-image: url(/images/embed/icons/accept.png)}
.page li{background-image:url(/images/embed/icons/page_white.png)}

/* user list */
dl.vcard{
margin-bottom: 1em;
}

dl.vcard dt.photo{
float: left;
width: 66px;
margin: 0;
}

dl.vcard dt.photo a img{
display: block;
padding: 2px;
border: 1px solid #a2a19b;
background: #fff;
}

dl.vcard dt.photo a:hover img{background: #a2a19b;}

dl.vcard dd{
margin-left: 66px;
}

dl.vcard dd.fn a{
font-size: 108%;
font-weight: bold;
}

dl.vcard dd.member, dl.vcard dd.post, dl.vcard dd.rss{
padding: 2px 0 2px 20px;
border-top: 1px dotted #a2a19b;
background-position: left center;
background-repeat: no-repeat;
background-color: transparent;
}

dl.vcard dd.member{background-image: url(/images/embed/icons/user.png);}
dl.vcard dd.post{background-image: url(/images/embed/icons/page_white.png);}
dl.vcard dd.rss{background-image: url(/images/embed/icons/rss.png);}

h6.all{margin:.5em 0;}

h6.all a{
font-size: 85%;
font-weight: bold;
text-transform: uppercase;
background: transparent url(/images/embed/icons/add.png) no-repeat left center;
padding:3px 0 3px 20px;
color: #379d00;
}


/* =============================================== */
/* 7. FOOTER                                       */
/* =============================================== */
#ft{
background: #f1f1f1;
padding-bottom: 1em;
border-top: 1px solid #ccc;
}

#ft .yui-u .box{margin:0 1em 0 0;}

#ft .first .box{margin:0 0 0 1em;}

#ft .yui-u .box h3{
color: #666;
border-color: #666;
}

/* whats fresh */

.fresh dl{
clear: both;
border-bottom: 1px dotted #ccc;
padding: 3px 0;
}

.fresh dt{
float: left;
width: 7.8461em; /* about 180px - 3em */
*width:  7.5em; /* for IE */
}

.fresh dd{
margin-left:  9.3846em; /* about 200px - 3em*/
*margin-left:  9em; /* about 200px */
}

.fresh dt {
	padding-left: 20px;
	background-image: url(/images/embed/icons/activity_default.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: transparent;	
}

.fresh .comment dt { background-image: url(/images/embed/icons/comment.png); }
.fresh .photo dt { background-image: url(/images/embed/icons/picture.png); }
.fresh .updated_profile dt { background-image: url(/images/embed/icons/user_edit.png); }
.fresh .favorite dt { background-image: url(/images/embed/icons/heart_add.png); }
.fresh .post dt, .fresh .sb_post dt, .fresh .topic dt{ background-image: url(/images/embed/icons/post.png); }



/* =============================================== */
/* 8. DA FOOTER                             */
/* =============================================== */

#DAFooter ul li { display:inline-block; font-weight:bold; }
* html #DAFooter ul li { display:inline; }  /* for IE 6 */
* + html #DAFooter ul li { display:inline; }  /* for IE 7 */

#DAFooter li a { padding: 2px 10px; display: block; border-left: 1px solid #ccc; text-decoration: none; }
#DAFooter li a:hover {text-decoration: underline; }

#DAFooter li#rss a { color: #fff; background: orange; text-decoration: none; }

#DAFooter li:first-child a { border: none; }
#DAFooter li{ vertical-align: middle; }

#DAFooter p { padding: 2px 0 2px 120px; }

#footer_info { font-weight: bold; text-align: center; font-size: 125%; margin-top: 15px; }
#copyright  { text-align: center; font-size: 100%; margin-top: 10px; }

/* =============================================== */
/* 9. CLEARFIX                                     */
/* =============================================== */

#NavBar:after, .hentry:after, .box:after, dl.vcard:after, .fresh dl:after, #DAFooter:after, .hentry .tags:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

* html #NavBar, * html .hentry, * html .box, * html dl.vcard, * html .fresh dl, * html #DAFooter, * html .hentry .tags {display: inline-table;}

/* Hides from IE-mac \*/
#NavBar, .hentry, .box, dl.vcard, .fresh dl, .hentry .tags {height: 1%;}
#NavBar, .hentry, .box, dl.vcard, .fresh dl, .hentry .tags {display: block;}
/* End hide from IE-mac */

/* =============================================== */
/* 10. UI-TAB                                      */
/* =============================================== */

.ui-tabs {margin: 10px 0 0; padding: 0 0 0 4px;}
.ui-tabs li {float: left; margin: 0 0 0 5px; min-width: 50px;}
.ui-tabs a {margin: 1px 0 0; padding-left: 0; outline-style: none; color: #555555; font-weight: bold; line-height: 2.1; text-align: center; text-decoration: none; white-space: nowrap;}
.ui-tabs a, .ui-tabs a span {background: transparent url(/images/embed/tab.png) no-repeat scroll 0 0; display: block; padding: 0 10px 0 0;}
.ui-tabs a, .ui-tabs .ui-tabs-disabled a:hover, .ui-tabs .ui-tabs-disabled a:focus, .ui-tabs .ui-tabs-disabled a:active {background-position: 100% -100px;}
.ui-tabs .ui-tabs-selected a, .ui-tabs a:hover, .ui-tabs a:focus, .ui-tabs a:active { background-position: 100% -150px;}
.ui-tabs a span, .ui-tabs .ui-tabs-disabled a:hover span, .ui-tabs .ui-tabs-disabled a:focus span, .ui-tabs .ui-tabs-disabled a:active span {background-position: 0 0;}
.ui-tabs a:hover {cursor: pointer;}
.ui-tabs .ui-tabs-selected a {color: #333333; margin-top: 0; position: relative; top:1px; z-index: 2;}
.ui-tabs .ui-tabs-selected a span {padding-bottom: 1px;}
.ui-tabs .ui-tabs-selected a:link, .ui-tabs .ui-tabs-selected a:visited, .ui-tabs .ui-tabs-disabled a:link, .ui-tabs .ui-tabs-disabled a:visited {cursor: text;}
.ui-tabs .ui-tabs-selected a span, .ui-tabs a:hover span, .ui-tabs a:focus span, .ui-tabs a:active span{ background-position: 0 -50px;}
.ui-tabs a span, .ui-tabs .ui-tabs-disabled a:hover span, .ui-tabs .ui-tabs-disabled a:focus span, .ui-tabs .ui-tabs-disabled a:active span { background-position:0 0;}

.ui-tabs a span{height: 18px; min-height: 18px; min-width: 50px; padding-right: 0; padding-top: 6px; padding-left: 10px; padding-bottom: 0px; width: 80px;}
* > .ui-tabs a span { height: auto; width: auto;}

.ui-tabs-panel {border: 1px solid #0b8d30; min-height: 400px; padding: 15px; background: #C6E183 none repeat scroll 0 0}
.ui-tabs-panel .title_area h3 {margin-left: 25px;}

/* =============================================== */
/* 11. SORTABLES                                   */
/* =============================================== */
ul.sortable {
	list-style:none;
	border:1px solid #ccc;
	min-height:20px;
	line-height:1.5em;
	padding:0;
	}
ul.sortable li {
  cursor: move;
}

ul.sortable_hover {
	border:1px dashed #328E01;
	background:#efefef;
	}

ul#skills {
	width:250px;
	height:200px;
	overflow:auto;
	}
	ul#skills li {
		background:#ffffff;
		margin:.5em;
		padding:.5em;
		border:1px solid #cccccc;
		}

ul#users_skills {
	width:250px;
	background:#eee;
	overflow:hidden;	
	}		
	ul#users_skills li {
		background:#ffffff;
		margin:.5em;
		padding:.5em;
		border:1px solid #cccccc;
		}	
.handle {
	cursor:move;
}


/*	PAGINATION	*/
div.pagination {margin: 10px;clear:both;}
div.pagination .pagination_info{margin-bottom:10px;}
div.pagination a {margin-right:0.3em;padding:0.2em;	margin-top: 15px;}
div.pagination a:hover {background:#828282;color:#ffffff;margin-right:0.3em;padding:0.2em;}
div.pagination a.active {background:#828282;border:none;color:#ffffff;}

/* Tag Clouds */
.nube1 {
  font-size: 1.0em; }

.nube2 {
  font-size: 1.3em; }

.nube3 {
  font-size: 1.4em; }

.nube4 {
  font-size: 1.5em; }

.nube5 {
  font-size: 1.6em; }

.nube6 {
  font-size: 1.8em; }

.selected {
  color: #268999; }

/* USER LIST */
div.user_list .row {margin:1em 0 1em 0;	margin-bottom:1.5em;padding:0.5em;}
div.user_list div.vcard {width: 100%;}
div.user_list div.vcard ul {margin-left: 0;font-size: 85%;}

/*PHOTOS & CLIPPINGS*/
#colorful_nav_32 { padding-bottom: 3px; }
#colorful_nav_32 li {display: inline-block; margin-right:10px; height: 32px; width: 32px; background-repeat:no-repeat; }
#colorful_nav_32 li a {margin-right: 30px; line-height: 32px; margin-left: 37px; height: 32px; width: 32px; white-space: nowrap;}
#colorful_nav_32 li.add {background-image: url(/images/embed/icons/colorful_add_32.png);}
#colorful_nav_32 li.edit {background-image: url(/images/embed/icons/colorful_edit_32.png); margin-right: 70px;}
#colorful_nav_32 li.back {background-image: url(/images/embed/icons/colorful_back_32.png); margin-right: 60px;}
#colorful_nav_32 li.delete {background-image: url(/images/embed/icons/colorful_delete_32.png); margin-right: 75px;}
#colorful_nav_32 li.camera {background-image: url(/images/embed/icons/colorful_camera_32.png); margin-right: 95px;}
#colorful_nav_32 li.remove {background-image: url(/images/embed/icons/colorful_remove_32.png); margin-right: 105px;}
#colorful_nav_32 li.avatar {background-image: url(/images/embed/icons/colorful_avatar_32.png); margin-right: 75px;}

#colorful_nav_24 { padding-bottom: 2px; }
#colorful_nav_24 li {margin-right:5px; height: 24px; width: 24px; background-repeat:no-repeat;}
#colorful_nav_24 li a {line-height: 24px; display: inline-block; height: 24px; width: 24px; white-space: nowrap;}
#colorful_nav_24 li.add {background-image: url(/images/embed/icons/colorful_add_24.png);}
#colorful_nav_24 li.back {background-image: url(/images/embed/icons/colorful_back_24.png);}
#colorful_nav_24 li.next {background-image: url(/images/embed/icons/colorful_next_24.png);}

#photos img.polaroid {
	margin: 0 12px 15px 0;
	}

.resize_width_300 {max-width: 300px; height: auto;}

#photos .thumb img{
	width: 90px;
	height: 90px;
}

#photos .photo_container{position: relative; margin-top: 5px; font-size: 0;}

#photos .thumb{
  width: 90px;
  display: inline;
}

#photos .photo, .thumb, .large, .main{
	display: inline;
}

#photos .large {
	visibility: hidden;
}

#photos .large .container{
  position: absolute;
  top: -10px;
  text-align: right;
  z-index: 1000;
  margin-top: 120px;
}

#photos .large .user.container{
  position: absolute;
  left: 0px;
  text-align: left;
}


#photos .large .container img{
  border: 2px solid black;
  background-color: #108F34;
  border: 2px solid black;
  padding: 3px;
  text-align: center;
  max-width: 372px;
}

#photos .photo:hover .large{
	visibility: visible;
}

.photo .edit {
	display: inline;
  visibility: hidden;
	width: 90px;
	text-align: left;
}

.photo .thumb{
  position: relative;
	display: inline-block;
	*display: inline;
}

.photo:hover .edit {
	visibility: visible;
}

.photo .edit .container{
	position: absolute;
  text-align: center;
  font-weight: bold;
  width: 90px;
  bottom: 5px;
  background-color: white;
	font-size: 12pt;
	*left: 0px;
}

	
/*USER PROFILE SIDEBAR*/
#profile_details div.vcard{
	width: 100%;}
	#profile_details .vcard ul{
		margin-left: 0px;}

/* CATEGORY PAGES */
.box h3 ul.subnav {
	display:inline;
	font-size: .7em;
	font-weight:normal;
	text-transform:none;
	margin:0 0 0 10px;
	}
	ul.subnav li {
		display:inline;}
		ul.subnav li a.active {
			color:#000;
			text-decoration:none;}


/*SWF UPLOAD*/
.progressWrapper {
	width: 357px;
	overflow: hidden;
}
.progressContainer {
	margin: 5px;
	padding: 4px;
	border: solid 1px #E8E8E8;
	background-color: #F7F7F7;
	overflow: hidden;
}
.progressContainer .red {
	border: solid 1px #B50000;
	background-color: #FFEBEB;
}
.progressContainer .green {
	border: solid 1px #DDF0DD;
	background-color: #EBFFEB;
}
.progressContainer .blue {
	border: solid 1px #CEE2F2;
	background-color: #F0F5FF;
}
.progressName {
	font-size: 8pt;
	font-weight: bold;
	color: #555555;	
	width: 323px;
	height: 14px;
	text-align: left;
	white-space: nowrap;
	overflow: hidden;
}
.progressBarInProgress,
.progressBarComplete,
.progressBarError {
	font-size: 0px;
	width: 0%;
	height: 2px;
	background-color: blue;
	margin-top: 2px;
}
.progressBarComplete {
	width: 100%;
	background-color: green;
	visibility: hidden;
}
.progressBarError {
	width: 100%;
	background-color: red;
	visibility: hidden;
}
.progressBarStatus {
	margin-top: 2px;
	width: 337px;
	font-size: 7pt;
	font-family: Verdana;
	text-align: left;
	white-space: nowrap;
}
div.uploadStatus {
  margin: 5px;
}
div.progressBar {
  margin: 5px;
}
div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}
div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

.mceEditor .left {
	float:none;
}
.mceEditor table {
  margin: 0; }
  .mceEditor table th {
    padding: 0;
    margin: 0;
    border: inherit;
    font-weight: normal; }
  .mceEditor table td {
    padding: 0;
    margin: 0;
    border: inherit; }
  .mceEditor table tfoot {
    font-style: inherit; }
  .mceEditor table caption {
    background: none; }
  .mceEditor table img {
    margin: 0 0 0; }


/* TABLES */
table th {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	}
table td {
	padding: 5px;
	}
			
			
/* MESSAGES */
ul.message_nav li {
	background-position: left;
	background-repeat: no-repeat;
	padding-left:20px;
}
ul.message_nav li.inbox_new {background-image: url(/images/embed/icons/email_open.png);}
ul.message_nav li.inbox {background-image: url(/images/embed/icons/email.png);}
ul.message_nav li.sent {background-image: url(/images/embed/icons/email_go.png);}
ul.message_nav li.compose {background-image: url(/images/embed/icons/email_edit.png);}
.messages .photo a img{
	float: left;
	display: block;
	padding: 2px;
	border: 1px solid #a2a19b;
	background: #fff;
	}
table.messages tbody td {
	border-bottom: 1px solid #ccc;
}
.messages .photo a:hover img{background: #a2a19b;}
.messages em {
	font-style: italic;
	font-family: Georgia, Times, serif;
	color: #777;
	}	
.messages td.meta {
	font-size: 85%;
	text-align: right;
	}
pre.message_body {
	padding: 10px;
	border: 1px solid #ccc;
	background: #efefef;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
	

table.poll {
  width: 100%;
  margin-bottom: 3em; }
  table.poll td {
    border-bottom: none; }
    table.poll td .vote {
      display: block;
      float: left;
      background: url(/images/embed/icons/vote.png) no-repeat left;
      padding: 0 10px 0 20px;
      height: 20px;
      margin-right: 10px;
      border-right: 1px solid #ccc; }
  table.poll td.bars {
    width: 50%; }
    table.poll td.bars div.bar-container {
      border: 1px solid #ccc;
      width: 90%;
      margin: 0px 5px 2px 0;
      padding: 1px;
      float: left;
      background: white;
      height: 1em; }
    table.poll td.bars div.bar-container .bar {
      background-color: #cfe1f1;
      height: 12px;
      font-size: 10px;
      text-align: right;
      padding-right: 2px; }

/* =============================================== */
/* 15. Header banner                               */
/* =============================================== */
#header_banner {position: relative; width: 100%; height: 85px; background-image: url(/images/embed/opaque_header.png); background-repeat: repeat-x; left: 0; top: 0;}
#header_banner .StationSearchForm .form-item {border-bottom: 0px;}
#header_banner #title {padding-top: 5px;}
#header_banner .button {vertical-align: middle;}

/* =============================================== */
/* 16. DA_LOCATE                                   */
/* =============================================== */

.alternativeStandard { background-color:#fff; background-image:url(/images/station-top.png); background-position:0 0; background-repeat:no-repeat; margin-bottom:10px; margin-right:5px; }
.alternativeStandard .alternative { cursor: pointer; background-image:url(/images/station-bottom.png); background-repeat:no-repeat; background-position:0 100%; padding:3px; }
.alternativeStandard:hover { background-position:-297px 0; }
.alternativeStandard:hover .alternative { background-position:-297px 100%; }
.alternativeSelected { background-color:#fff; background-image:url(/images/station-top.png); background-position:-297px 0; background-repeat: no-repeat; margin-bottom:10px; margin-right:5px; position:relative;}
.alternativeSelected .alternative { background-image:url(/images/station-bottom.png); background-repeat:no-repeat; background-position:-297px 100%; padding:3px; position:relative;}
.alternativeSelected:hover { background-position:-594px 0; }
.alternativeSelected:hover .alternative { background-position:-594px 100%; }

#mainwindow #mapcolumn { height: 499px; margin-right:330px;}
#mainwindow #mapcolumn #mapBox {height: 100%;}
#mainwindow #mapcolumn h1 { font-size: 182%; font-weight: bold; text-transform: uppercase; text-decoration: none; margin-top: 50px; }
#mainwindow #mapcolumn h1.no_js{ font-size: 250%; margin-top: 0px; padding-top: 100px; text-align: center;}
#mainwindow #datacolumn { border-right: 1px solid #0B8D30; width: 327px; height: 100%; }

#mapcolumn .bearingImg {cursor: pointer; position: absolute; height: 32px; width: 32px;}
#mapcolumn .bearingImg:hover { background-position:0 -32px; } 
#mapcolumn .bearingImg:focus { background-position:0 -32px; }
#mapcolumn .bearingNorth {margin-left: 48%; margin-top: 30px; background: url(/images/gmaps/bearing_north.png) 0 0 no-repeat;}
#mapcolumn .bearingEast {margin-left: 90%; margin-top: 190px; background: url(/images/gmaps/bearing_east.png) 0 0 no-repeat;}
#mapcolumn .bearingSouth {margin-left: 48%; margin-top: 350px; background: url(/images/gmaps/bearing_south.png) 0 0 no-repeat;}
#mapcolumn .bearingWest {margin-left: 70px; margin-top: 190px; background: url(/images/gmaps/bearing_west.png) 0 0 no-repeat;}
#mapcolumn .bearingNorthEast {margin-left: 90%; margin-top: 30px; background: url(/images/gmaps/bearing_north_east.png) 0 0 no-repeat;}
#mapcolumn .bearingNorthWest {margin-left: 70px; margin-top: 30px; background: url(/images/gmaps/bearing_north_west.png) 0 0 no-repeat;}
#mapcolumn .bearingSouthEast {margin-left: 90%; margin-top: 350px; background: url(/images/gmaps/bearing_south_east.png) 0 0 no-repeat;}
#mapcolumn .bearingSouthWest {margin-left: 70px; margin-top: 350px; background: url(/images/gmaps/bearing_south_west.png) 0 0 no-repeat;}

#alternative_container { height:100%; }
#alternative_list { overflow-y: auto; overflow-x: hidden; height: 465px; position: relative; padding:5px 0; margin-left: 5px;}
li.alpha {background:url(/images/embed/icons/alpha_sort.png) 0 0 no-repeat; padding-left: 20px; margin-right:5px; height: 16px; width: 16px;}
li.distance {background:url(/images/embed/icons/distance_sort.png) 0 0 no-repeat; padding-left: 20px; margin-right:5px; height: 16px; width: 16px;}

#no_alternative_message {margin-top: 25%; text-align: center;}
#no_alternative_message input.new-station { margin-left: 10px; margin-top: 15px; cursor: pointer; width:300px; height:56px; text-indent:-999px; display:block; overflow:hidden; background:url(/images/embed/buttons/add-station.png) 0 0 no-repeat; border:none; }
#no_alternative_message input.new-station:hover {background-position:0 -56px;}

#mainwindow { width:100%; height:500px; background:#d9e2e5;}
#window-header { min-height: 20px; margin-top:5px; font-weight:bold; font-size:1.2em; line-height:2.1em; color:#fff;  -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
#window-header.main-window { font-size: 170%; background:#519641;}
#window-header .content {padding-top: 10px; text-align: center; height: 55px;}
#window-header .content h1 {font-size: 130%; padding-left: 50px;} 
#window-header .fuel_location {display: inline; margin-left: 10px;}
#window-header #fueltag_search_links {height: 50px; padding-right: 10px;}
#tag_link_header {font-weight: bold; font-size: 72%; height: 10px; line-height: 13px; padding-bottom: 5px; padding-right: 5px;}
#tag_links {height: 30px; }
#tag_links img {height: 35px;}

#window-footer { min-height: 55px; margin-bottom:15px; text-align:center; font-weight:bold; color:#fff;  -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
#window-footer a { color:#fff; }
#window-footer.main-window { background:#519641;}
#window-footer.alternative-window { min-height: 10px; background:#fffde3;}

#alternative_list .row { width:301px;}
#alternative_list .alternative-info { padding:5px; float:left; width:175px; }
#alternative_list .alternative-info h2 { font-size:1.2em; }
#alternative_list .alternative-info .address { margin-top: 5px; }
#alternative_list .alternative-thumb {width: 80px; margin-top: 5px; margin-left: 10px; margin-right: 8px;}
.alternative-thumb {width:64px; height: 64px;}
.alternative-thumb img {width: 64px; height: 64px;}
.alternative-header {margin-left: 70px; height: 64px;}
.alternative-header h2 { margin-bottom: 0px;}
.alternative-info {margin-top: 5px;}
.alternative-info .blend {font-weight: bold;padding-top: 2px;}
.alternative-info .price {padding-bottom: 2px;}

#spinner_image { position: absolute; width: 48px; height: 48px; left: 25px; }
#sort { padding:5px; line-height:16px; }
#add-station { width:180px; }
#fueltag_search_links h3 {color: #5A563F; display:inline; font-weight: bold; font-size:200%; margin-top: 10px; margin-right: 15px;}
#tag_links{display:inline;}

.button .join { margin: auto; cursor: pointer; width:150px; height:50px; text-indent:-999px; display:block; overflow:hidden; background:url(/images/embed/buttons/join.png) 0 0 no-repeat; border:none; }
.button .join:hover { background-position:0 -50px; }

/* =============================================== */
/* 17. FORMS                                       */
/* =============================================== */
#fueltag_search_links h3 {font-size: 200%; font-weight: bold;}

.StationSearchForm { text-align:right; }
.StationSearchForm .submit { overflow:hidden; display:inline-block;border:0;cursor:pointer; }
#window-footer .StationSearchForm .form-item { margin-bottom:3px;}
#index-search .submit { width:210px; height:56px; background:url(/images/embed/buttons/search.png) 0 0 no-repeat; border: medium none; cursor:pointer;}
#index-search .submit:hover, #index-search .submit:focus { background-position:0 -56px; }
#index-search .location {}
#index-search .location input { width:400px; height:46px; line-height:46px; background:url(/images/embed/textfield-md.png) 0 0 no-repeat; border:none; text-align:center; font-size:2em; padding-top:5px; margin-top: 10px; color: #9A9A9A;}
#index-search .alternatives {}
#index-search .alternatives select { width:400px; height: 46px; line-height:46px; text-align:center; font-size:2em; padding:5px; margin-top: 10px; margin-bottom: 10px; color: #9A9A9A;}
#index-search .title {text-align: left;}
.index-search-table  td.col1 {width:405px; padding-left: 20px; padding-right: 20px; text-align: center;}
.index-search-table  td.col2 {padding-left: 20px; padding-right: 20px; text-align: center;}
#index-search #maintaining {display: inline;}
#index-search #maintaining h3 {display: inline;}
#index-search #maintaining .add_yours {display: inline;}
#index-search .add_yours a {color: red;}
#map-search {margin: 0pt auto; width: 750px;}
#window-footer #map-search {padding-top: 10px;}
#map-search .submit { width:119px; height: 30px; background:url(/images/embed/buttons/search-sm.png) 0 0 no-repeat; text-align: right; cursor:pointer; }
#map-search .submit:hover, #map-search .submit:focus { background-position:0 -30px; }
#map-search .location input { width:290px; height:16px; line-height:26px; background:url(/images/embed/textfield-sm-dark-bkgd.png) 0 0 no-repeat; border:none; text-align:center; font-size:1.1em; padding:5px; margin-bottom: 5px; color: #9A9A9A;}
#map-search .alternatives select { margin-bottom: 5px; padding: 4px; line-height:26px; text-align:center; font-size:1.1em; width: 95%; color: #9A9A9A;}

#map-search .form-item { float:left; }
#map-search .location { width:310px; margin-top:5px; }
#map-search .alternatives { width: 290px; margin-top:5px; }
#map-search .submit-spacer {padding-top: 4px;}

#search h1 {margin-bottom: 20px; text-shadow: 0.1em 0.1em #9AC45B;}
#search #search_box {background-image: url(/images/embed/search_bkgd.png); height: 100px; width: 650px;}
#search #serach_box {width: 90%;}

#iphone-banner {position: relative; text-align: center; margin-top: 25px;}

label { color:#0b8d30; font-weight:bold; font-style:italic;text-align:left;}
.description {font-style: italic;text-align:left;}

#create-new-station { min-height:40px; margin-bottom:10px; }
form.standard_form { text-align:left; width:800px; }
form.standard_form #avatar_uploaded_data { height: 30px;}
form.standard_form label {font-size: 150%;}
form.standard_form input {font-weight: bold;}
form.standard_form .info {width: 450px;}
form.standard_form .info li {padding-bottom: 5px; margin-top: 5px;}
form.standard_form li input, form.standard_form li select { padding: 2px; display: inline; float:right; color: #565656;}
form.standard_form .left.inline-block p {margin-top: 10px;}
form.standard_form .left.inline-block p label{margin-left: 0px; display: block;}
form.standard_form select {height: auto; color: #565656; padding: 2px;}
form.standard_form button {height: 30px;}
form.standard_form .buttons {display: inline-block;}
form.standard_form .cancel {font-size: 120%;}
* html form.standard_form .buttons {display: block;}  /* for IE */
.fieldWithErrors {display: inline;}
form.standard_form .fieldWithErrors input, form.standard_form .fieldWithErrors select {background-color: #FF7373;}

form.standard_form #submit {margin-top: 10px;}
form.standard_form input.new-station-button {cursor: pointer; width:245px; height:56px; text-indent:-999px; display:block; overflow:hidden; background:url(/images/embed/buttons/add-station-green-bkgd.png) 0 0 no-repeat; border:none; }
form.standard_form input.update-station-button { float:none; cursor: pointer; width:300px; height:56px; text-indent:-999px; display:block; overflow:hidden; background:url(/images/embed/buttons/update-station-green-bkgd.png) 0 0 no-repeat; border:none; }
form.standard_form input.new-station-button:hover {background-position:0 -56px;}
form.standard_form input.update-station-button:hover {background-position:0 -56px;}

form.standard_form #model_chooser label {display: block;}

.station_list form.standard_form, #favorites form.standard_form, #dashboard_content form.standard_form{width: 100%; font-size: 100%;}
.station_list form.standard_form label {font-size: 100%;}
.station_list form.standard_form #fuel_collection input {float: none;}
.station_list form.standard_form select {height: auto; color: #565656; padding: 0px;}
.station_list form.standard_form input.submit {margin-top: 10px; color: black; height: 30px; float:none;}
.station_list form.standard_form .info, #favorites form.standard_form .info, #dashboard_content form.standard_form .info {width: 300px;}

.MainForm p.log-in input { border:none; height:50px; width:120px; overflow:hidden; background:url(/images/embed/buttons/login.png) 0 0 no-repeat; }
.MainForm p.sign-up input { border:none; height:50px; width:150px; overflow:hidden; background:url(/images/embed/buttons/join.png) 0 0 no-repeat; }
#comment-container .MainForm p input { border:none; height:50px; width:220px; overflow: hidden; background:url(/images/embed/buttons/add-comment.png) 0 0 no-repeat; }
.MainForm label { display: block; margin: 1em 0 2px 0; }
.MainForm label em { font-style: italic; font-family: Georgia, Times, serif; color: #654E2D; }
.MainForm select { border:1px solid #ccc; }
.MainForm input, .MainForm textarea { border: 1px solid #ccc; padding: 5px; font-size: 123.1%; font-weight: bold; color: #777; width: 250px; background: #f8f8f8; }
.MainForm .calendar input {width: 225px;}
.greenButton input:focus, .MainForm input:focus,
.MainForm textarea:focus { color: #777; border-color: #777; background: #fff; }
.MainForm input.wrong,
.MainForm .fieldWithErrors input { border-color: #f00; color: #f00; background: #ffd5d5; }
/* submit */
.greenButton input, .MainForm p input,
.MainForm p button { padding-left: 1em; padding-right: 1em; background: #008000; border: 4px solid #004500; color: #fff; margin: 1em 0; width: auto; cursor: pointer; }
.MainForm p.log-in input:focus,
.MainForm p.sign-up input:focus,
#comment-container .MainForm p input:hover,
#comment-container .MainForm p input:focus,
.MainForm p input:hover { background-position:0 -50px; } 
.MainForm strong { color: #f00; }
.MainForm strong.ok { color: #008000; }
.MainForm strong em { text-decoration: underline; font-weight: bold; }
.MainForm textarea { width: 550px; color: #777; }
/* checks */
.MainForm fieldset { margin: 1em 0 0 0; }
.MainForm fieldset label { margin: 4px 0; color: #654E2D; }
.MainForm fieldset input { border: none; width: auto; }
.MainForm fieldset.inline label { display: inline; margin-right: 1em; }
.warning, #errorExplanation, .errorExplanation { padding: 1em 1em 1em 1em; margin: 1em 0; border: 1px solid #fc0; background: #fff3c5; color: #6b5e2b; }

/* ===================== */
/* 18. LOGIN SIGNUP PAGES */
/* ===================== */
#signup #why {margin-top: 15px;}
#signup #why li { font-size: 115%; padding-left: 20px; background-color: transparent; background-image: url(/images/embed/icons/accept.png); background-repeat: no-repeat; background-position: left center;}

#login_column { width: 35%}
#signup_login #login_column #login-sidebar { font-size: 115%;}
#signup_column { width: 55%}
#signup_login #signup_column #why li { font-size: 115%; }
.login_join_buffer {margin-bottom: 5px;}

/* ===================== */
/* 19. CARSHARE PAGES    */
/* ===================== */

.carshare_edit_form label {font-size: 125%; display: block; margin: 1em 0 2px 0;}

#edit_form_container .submit{padding-top: 35px; margin-left: 625px; padding-bottom: 35px; font-size: 250%;}

.cardetail { font-size: 300%;}

#java_links {display:inline;}
.add_car_link {display:inline; margin-left: 20px;}

#car-page #left_column {width: 62%;}
#car-page #right_column {width: 37%;}
#car-page #car_price table { font-size: 150%;}
#car-page #car_mpg {min-width: 200px; margin-left: 30px;}
#car-page #car_mpg table {font-size: 150%;}

.CarForm .leftCol{width: 49%;}
.CarForm .rightCol{width: 49%;}
.CarForm input {font-size: 150%; margin-left: 15px;}
#carlocation_dropdown {font-size: 130%; margin-bottom: 30px;}
#carlocation_dropdown select {margin-left: 15px;}
#model_chooser_table td {font-size: 130%; min-width: 100px; text-align: left;}
#model_chooser_table select {width: 150px; }

/* ===================== */
/* 
/* ===================== */
/* 20. STATION PAGES     */
/* ===================== */
.set-width-li li { width: 260px;}

#stationwindow { min-height: 400px; width:100%; margin-top:1em; background:#fffde3; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
#stationwindow #mapcolumn { width: 30%; }
#stationwindow #mapcolumn #mapBox {height: 250px;}
#stationwindow #mapcolumn h1 { font-size: 182%; font-weight: bold; text-transform: uppercase; text-decoration: none; margin-top: 50px; }
#stationwindow #datacolumn{ margin-left: 32%; height: 100%; }
#stationwindow #datacolumn p {margin: 0;}
#stationwindow #datacolumn .image_row {padding-top: 15px;}
#stationwindow #datacolumn .star_field input{cursor:pointer; margin-top: 5px; margin-right: 5px; height: 70px; width: 70px; border:none;}
#stationwindow #datacolumn .star_field .selected input { background: url(/images/embed/buttons/star.png) 0 0 no-repeat; background-position:0 -70px; }
#stationwindow #datacolumn .star_field .unselected input { background: url(/images/embed/buttons/star.png) 0 0 no-repeat; }   
#stationwindow #datacolumn .star_field .selected input:hover { background-position:0 0px; }
#stationwindow #datacolumn .star_field .unselected input:hover { background-position:0 -70px; }
#stationwindow #datacolumn #detail {word-wrap: break-word; height: 220px; margin-top: 15px; padding-top: 15px;}
#stationwindow #datacolumn #colorful_nav_48 {height: 48px;}
#stationwindow #datacolumn .image {width: 200px; height: 200px;}
#stationwindow #datacolumn #detail img {width: 200px; height: 200px;}
#stationwindow #datacolumn .info {margin-left: 215px;}
#stationwindow #datacolumn .name{ font-size:250%;}
#stationwindow #datacolumn a {font-size: 100%;}
#stationwindow #datacolumn .address{ font-size:125%;}
#stationwindow #datacolumn #detailed_info { margin-top: 10px; font-size: 115%;}
#stationwindow #datacolumn #detailed_info table .wide_col {padding-right: 150px;}

.direction_form {margin-left: 10px;}
#photo-container ul {text-align:center;}
#photos a img {border:1px solid #a9d158;}
#photos a:hover img {border:1px solid #c9f178;}
#station-page #left_column {width: 62%;}
#station-page #right_column {width: 37%;}
.inplaceeditor-form {display: inline;}
.inplaceeditor-form .editor_ok_button {font-size: 75%; margin-left: 5px;}
.inplaceeditor-form .editor_cancel{font-size: 75%; margin-left: 5px;}

#alternatives_in_city img {vertical-align: middle; height: 40px;}
#alternatives_in_city li {margin-bottom: 5px;}
#alternatives_in_city li div {vertical-align: middle; word-wrap: break; max-width: 85%;}

/* ===================== */
/* 21. STATION FUELS     */
/* ===================== */
#fuel_selection { width: 485px; margin: 0px; padding: 0px; margin-top: 10px;}
#fuel_selection ul { height: 110px; list-style-type: none; margin: 0px; padding: 3px;}
#fuel_selection .title { font-weight: bold;}
#fuel_selection li { vertical-align: middle; text-align: center; width: 76px; height: 100px; margin-left: -2px; *margin-left: 2px; /* for IE */padding-right: 1px; border-right: 1px solid #000000; }
#fuel_selection li.first {margin-left: 0px;}
#fuel_selection li.last { width: 74px; border-right: none; padding-right: 0px; margin-right: -2px; }
#fuel_selection li a {display: block;}

#fuel_selection h3 {font-size: 1.3em;}
#fuel_selection .e85 { background:url(/images/embed/e85_select.png) 0 0 no-repeat; }
#fuel_selection .bio { background:url(/images/embed/bio_select.png) 0 0 no-repeat; }
#fuel_selection .hyd { background:url(/images/embed/hyd_select.png) 0 0 no-repeat; }
#fuel_selection .cng { background:url(/images/embed/cng_select.png) 0 0 no-repeat; }
#fuel_selection .lpg { background:url(/images/embed/lpg_select.png) 0 0 no-repeat; }
#fuel_selection .evc { background:url(/images/embed/evc_select.png) 0 0 no-repeat; }

#fuel_selection .fuel_icon { margin-left: auto; margin-right: auto; width:70px; height:70px; text-indent:-999px; display:block; overflow:hidden; background-position:0 -140px;}
#fuel_selection .fuel_icon:hover { background-position:0 -210px; cursor: pointer;}
#fuel_selection .fuel_icon.available {background-position:0 0px;}
#fuel_selection .fuel_icon.available:hover { background-position:0 -70px; cursor: pointer;}

#fuel_forms { width: 400px; }
#fuel_forms #avatar img { width: 70px; height: 70px; }
#fuel_forms #content {margin-left: 75px; border-left: 1px solid #000000; padding-left: 5px; height: 100%; min-height: 70px;}
#fuel_forms #header { line-height: 25px; height: 25px;}
#fuel_forms label {font-size: 1.1em;}
#fuel_forms select, #fuel_forms input { margin-top: 2px; max-width: 170px;}
*#fuel_forms select {width: 150px;}

#fuel_forms .remove {display:inline;}
#fuel_forms a.remove  {display:inline-block;width:16px;height:16px;background-color: transparent; background-image: url(/images/embed/icons/delete.png); background-repeat: no-repeat;}

/* ===================== */
/* 22. DIRECTIONS         */
/* ===================== */ 
#directions_form #to_directions {font-size: 125%;}
#directions_form #from_directions {font-size: 125%;}
#directions_form #from {margin-top: 10px; color: #9A9A9A; width: 85%; font-size: 145%;}
#directions_form #to {margin-top: 10px; color: #9A9A9A; width: 85%; font-size: 145%;}
#directions_form .direction_text {display: inline; font-weight: bold; font-size: 110%;}
#directions_form .change_direction_link {display: inline; font-size: 95%;}

#bdirections .address {font-size: 125%;}

/* ===================== */
/* 23. DASHBOARD         */
/* ===================== */
#dashboard_content #main { min-width: 370px; margin-right: 370px;}
#dashboard_content #sidebar { min-width: 360px; width: 360px;}
#dashboard_content #sidebar h3 { margin-bottom: 1em; margin-top: 0;}
#starred {word-wrap: break-word;}
#starred .alternatives { font-size: 125%;}
#dashboard_content .star_image {height: 70px; width: 70px; background-color: transparent; background-image: url(/images/embed/buttons/star.png); background-position:0 -70px; background-repeat: no-repeat; }
#dashboard_content .how {padding-top: 10px; padding-left: 80px; min-height: 75px; font-size: 150%; }
#dashboard_content .why {font-size: 125%; font-weight: bold; margin-top: 10px;}
#dashboard_content #add_favorites ul li {margin-left: 10px; margin-top: 5px; padding-left: 20px; background-color: transparent; background-image: url(/images/embed/icons/accept.png); background-repeat: no-repeat; background-position: left center;}
 
 /* STATION LIST */

.object_dashboard table {table-layout:fixed; width: 100%;}
.object_dashboard table .object_controls {width: 30%;}
.object_dashboard table .object_controls li {margin-top: 5px;}
.object_dashboard table .edit_form {width: 70%;}
.object_dashboard table .edit_form .alternative-info {margin-left: 5px; width:310px;}
.object_dashboard table .edit_form .alternative-info #children_count {background: #E1ECFF none repeat scroll 0 0; border: 1px solid #94BEFF; font-size: 200%; text-align: center; padding: 5px; margin-right: 5px;}

.object_dashboard table .edit_form .expand_shrink {margin-right: 5px;}

.object_dashboard table li {background-repeat: no-repeat;}
.object_dashboard table .button-to, .object_dashboard table .object_controls a {margin-left: 20px;}
.object_dashboard table li.view { background-image:url(/images/embed/icons/find.png);}
.object_dashboard table li.edit { background-image:url(/images/embed/icons/wrench.png);}
.object_dashboard table li.add { background-image:url(/images/embed/icons/add.png);}
.object_dashboard table li.delete { background-image:url(/images/embed/icons/delete.png);}
.object_dashboard table li.validate { background-image:url(/images/embed/icons/accept.png);}
.object_dashboard table li.mark_for_removal { background-image:url(/images/embed/icons/remove.png);}
.object_dashboard table li.add_call_log { background-image:url(/images/embed/icons/add.png);}

.object_dashboard table td {vertical-align: top;}


/* ==================== */
/* 24. OFFERS           */
/* ==================== */
.offers iframe {allowtransparency: true; border: none; overflow: hidden;}

/* ==================== */
/* 25. LIGHTBOX         */
/* ==================== */
 
#submit_feedback { padding-top:20px; text-align:center; border:none; background: #fffde3; width:300px; -moz-border-radius:10px; -webkit-border-radius:10px; }
#submit_feedback #close { top:0; right:0;}
#submit_feedback .new-station { width:300px; height:56px; text-indent:-999px; display:block; overflow:hidden; background:url(/images/embed/buttons/add-station-tan-bkgd.png) 0 0 no-repeat; border:none; }
#submit_feedback .button-to .new-station:focus, #submit_feedback .new-station:hover { background-position:0 -56px; }
#submit_feedback .thoughts { width:300px; height:56px; text-indent:-999px; display:block; overflow:hidden; background:url(/images/embed/buttons/feedback.png) 0 0 no-repeat; border:none; }
#submit_feedback .thoughts:focus, #submit_feedback .thoughts:hover { background-position:0 -56px; }

.olive_green_box.lightbox {background: #C6E883 none repeat scroll 0 0; color: #654E2D}

/* ==================== */
/* 26. SITEMAP HTML     */
/* ==================== */

.ui-tabs a span img.alternative {float: left; height: 24px; width: 28px;}

#sitemap .ui-tabs {font-size: 0.9em;}
#sitemap .ui-tabs a, .ui-tabs a span {padding: 0 5px 0 0;}
#sitemap .ui-tabs a span {padding: 6px 0 0 3px;}
#sitemap .ui-tabs .ui-tabs-selected a {margin:1px 0 0;}
#sitemap #location {width: 165px; padding-bottom: 5px;}
#sitemap .ui-tabs-panel {min-height: 150px;}

#state_links #state {width: 50px;}
#state_links #state.selected {font-size: 1.2em; font-weight: bold;}
#state_links #state.selected a {color: black;}

/* ==================== */
/* 27. MARKER WINDOWS   */
/* ==================== */

#custom_info_window {width: 300px;}
#custom_info_window_contents{background-color: #FFF;}
#custom_info_window_t {background: url(/images/embed/marker_window_sides.png) left top repeat-x transparent; width: 304px !important; height: 10px;}
#custom_info_window_b {background: url(/images/embed/marker_window_sides.png) left bottom repeat-x transparent; width: 304px !important; height: 10px;}
#custom_info_window_r {background: url(/images/embed/marker_window_sides.png) right top repeat-y transparent; width: 10px; left: 314px !important;}
#custom_info_window_l {background: url(/images/embed/marker_window_sides.png) left top repeat-y transparent; width: 10px;}
#custom_info_window_tl {background: url(/images/embed/marker_window_tl.png) left top no-repeat transparent; width: 10px; height: 10px;}
#custom_info_window_tr {background: url(/images/embed/marker_window_tr.png) left top no-repeat transparent; width: 10px; height: 10px; left: 314px !important;}
#custom_info_window_bl {background: url(/images/embed/marker_window_bl.png) left top no-repeat transparent; width: 10px; height: 10px;}
#custom_info_window_br {background: url(/images/embed/marker_window_br.png) left top no-repeat transparent; width: 10px; height: 10px; left: 314px !important;}
#custom_info_window_beak{background: url(/images/embed/marker_window_beak.png) center top no-repeat transparent; width: 12px;height: 40px; top: 126px !important; left: 148px !important;}
#custom_info_window_contents h1, #custom_info_window_contents h1 a {color: #654E2D; padding-right: 5px; padding-left: 5px; line-height: 25px; margin-top: 0px !important;  height: 25px !important; font-size: 105% !important;}
#custom_info_window_close{background: url(/images/embed/close.png) right top no-repeat transparent; width: 15px; height: 15px; cursor: pointer; left: 295px !important; top: 13px !important;}
#custom_info_window_content_body {height: 55px; font-size: 105%; font-weight: bold; margin-top: 5px; padding-left: 5px; padding-right: 5px;}
#custom_info_window_content_body_address {margin-left: 5px;}
#custom_info_window_content_body img {height: 50px; width: 50px;}
#custom_info_window_content_footer {width: 100%;}
#custom_info_window_content_footer li {border-top: 1px solid #000; width: 74px; text-align: center; background: #FFF;}
#custom_info_window_content_footer li a {text-decoration: none; color: #654E2D} 


#custom_info_window_contents.cng{border: 2px solid #E7B34F;}
#custom_info_window_content_footer.cng li {border-right: 1px solid #E7B34F;}
#custom_info_window_content_footer.cng li:hover {background: #E7B34F;}
#custom_info_window_content_footer.cng li.last {border-right: none; }
#custom_info_window.cng h1 {background-color: #E7B34F;}

#custom_info_window_contents.hydrogen{border: 2px solid #73A1C4;}
#custom_info_window_content_footer.hydrogen li {border-right: 1px solid #73A1C4;}
#custom_info_window_content_footer.hydrogen li:hover {background: #73A1C4;}
#custom_info_window_content_footer.hydrogen li.last {border-right: none; }
#custom_info_window.hydrogen h1 {background-color: #73A1C4;}

#custom_info_window_contents.biodiesel{border: 2px solid #64AEA4;}
#custom_info_window_content_footer.biodiesel li {border-right: 1px solid #64AEA4;}
#custom_info_window_content_footer.biodiesel li:hover {background: #64AEA4;}
#custom_info_window_content_footer.biodiesel li.last {border-right: none; }
#custom_info_window.biodiesel h1 {background-color: #64AEA4;}

#custom_info_window_contents.evc{border: 2px solid #C85446;}
#custom_info_window_content_footer.evc li {border-right: 1px solid #C85446;}
#custom_info_window_content_footer.evc li:hover {background: #C85446;}
#custom_info_window_content_footer.evc li.last {border-right: none; }
#custom_info_window.evc h1 {background-color: #C85446;}

#custom_info_window_contents.lpg{border: 2px solid #B39FC0;}
#custom_info_window_content_footer.lpg li {border-right: 1px solid #B39FC0;}
#custom_info_window_content_footer.lpg li:hover {background: #B39FC0;}
#custom_info_window_content_footer.lpg li.last {border-right: none; }
#custom_info_window.lpg h1 {background-color: #B39FC0;}

#custom_info_window_contents.e85 {border: 2px solid #F2E465;}
#custom_info_window_content_footer.e85 li {border-right: 1px solid #F2E465;}
#custom_info_window_content_footer.e85 li:hover {background: #F2E465;}
#custom_info_window_content_footer.e85 li.last {border-right: none; }
#custom_info_window.e85 h1 {background-color: #F2E465;}

#custom_info_window_contents.carshares{border: 2px solid #A3B866;}
#custom_info_window_content_body.carshares{height: 70px;}
#custom_info_window_content_footer.carshares li {border-right: 1px solid #A3B866;}
#custom_info_window_content_footer.carshares li:hover {background: #A3B866;}
#custom_info_window_content_footer.carshares li.last {border-right: none; }
#custom_info_window.carshares h1 {background-color: #A3B866;}

/* ==================== */
/* 27. MOBILE PAGE      */
/* ==================== */

#mobile_content {margin-top: 10px; width: 100%;}
#mobile_page .bullets li {margin-left: 25px;}
#mobile_page #photos .photo {font-size: 0px; margin-left: 2px; height: 100px; width: 50px;}
#mobile_page #photos .main img {height: 175px; border: 1px solid #000;}
#mobile_page #photos .large .container img {height: 319px; border: none !important; background-color: none; padding: 0px;}
#android_information  {margin-top: 20px;}
#android_construction {padding-top: 15px; height: 120px;}
#android_construction .content {margin-left: 130px; }
#iphone_image {position: absolute; top: 270px; left: 600px;}


/* ===================== */
/* 28. AD PAGE           */
/* ===================== */
#ad_fueltypes {margin-left: 30px; margin-top: 5px;}
#ad_fueltypes .title {margin-right: 5px;}
#adtype_fields {margin-left: 20px;}
#ads th, #ads td {padding-left: 5px; padding-right: 5px;}