/* menus.css - styles that apply to menus */

/* WPA Left Nav */
#left-menu div.section.findParking {
  background: #1f8a8b;
}
#left-menu div.section.payTicket {
  background: #F20384;
}
#left-menu div.section.contestTicket {
  background: #1d5c8d;
}
#left-menu div.section.violation {
  background: #2792BC;
}

#left-menu div.section.faq {
  background: #43AC46;
}

#left-menu div.section.brochures {
  background: #FF0066;
}

#left-menu div.section.videos {
  background: #FFFFFF;
}
#left-menu div.section.contactUs {
  background: #990099;
}
#left-menu div.section.sitemap {
  background: #3B5997;
}
#left-menu div.section.booked {
  background: #27495C;
}

/* ----- Counteracting other stylesheets ----- */
/* Counteracting redstyle.css */
#left-bar div#left-menu {
  border: none;
  padding-left: 0;
}

/* Counteracting basestyle.css */
#left-bar {
  background-color: #FFFFFF !important;
}
#left-bar #left-menu {
  background-color: #FFFFFF !important;
}
/*#left-bar .section a {
  background: transparent;
}*/
#left-bar .section div.sub-links {
  background-color: #CC0000;
  font-weight: normal;
  display: inline;
}
#left-bar div.sub-links a {
  border: none;
  font-weight: normal;
  display: inline;
  padding: 0;
}

/*#left-bar .first {
  height: 64px;
}*/

#left-menu ul.sub-links {
  border-style: none none none solid;
  padding-left: 0px;
  width: 45%;
  display: inline;
  float: left;
}

#left-menu ul.sub-links li { _margin-bottom: -1em; } /* IE6 hack */

#left-menu ul.sub-links li a {
  padding: 2px 2px 2px 15px;
  margin-left: 2px;
  *padding: 3px; /* ie6 & ie7 */
}

#left-menu ul.sub-links li a#login {
  background: url(/images/icons/user_menu_login.gif) no-repeat scroll left center;
}

#left-menu ul.sub-links li a#sign_up {
  background: url(/images/icons/user_menu_sign_up.gif) no-repeat scroll left center;
}

#left-menu ul.sub-links li a#account {
  background: url(/images/icons/user_menu_account.gif) no-repeat scroll left center;
}

#left-menu ul.sub-links li a#logout {
  background: url(/images/icons/user_menu_logout.gif) no-repeat scroll left center;
}

#left-menu ul.sub-links li a#help {
  background: url(/images/icons/user_menu_help.gif) no-repeat scroll left center;
}

#left-menu ul.sub-links li a#feedback {
  background: url(/images/icons/user_menu_feedback.gif) no-repeat scroll left center;
}

#left-bar .section {
  background-color: #CC0000;
}
div#left-bar .section.contact a, div#left-bar .section.site_map a {
  background-color: #939393;
}
/* end of counteractions */

/* ----- Styles for the User menu ----- */
div.deluxe_sub_menu {float: left;}

div.user_menu { float: right; color: white; }

div.user_menu ul { display: inline; margin: 0; font-weight: bold; }

div.user_menu li {
  display: inline;
  padding: 0 10px 0 10px;
  border-left: 1px solid white;
}
/* End of user-menu styles */

/* ----- Styles for the sidebar ----- */

div#left-menu div.section {
  border: none;
  border-top: 1px solid white;
  padding-left: 13px;
  width: 100%;
}

div#left-menu ul {
  border: 1px solid white;
  border-bottom: none;
  border-right: none;
  list-style: none none;
  margin: 0px;
  padding-left: 10px;
}

#left-bar div#left-menu ul li a {
  border: none;
  font-weight: normal;
}

/* Make the title link for each section the right height for the images */
#left-menu a.section_title {
  height: 32px;
}

/* ---------- Section-specific Styles ---------- */

/* 311 */
#left-bar div.section.three-one-one {
  background-color: #0173AF;
}

#left-menu div.section.logo {
  background: #1A429A /*url(theparkingstore/new/images/logo.jpg) top right no-repeat*/;
}

#left-bar div.section.wplb {
  background-color: #336699;
}




/*div#left-menu div.section.navigo ul {
  background: #49135B;
}
li#trips_my_item {
  background: url(/images/navigo/navigo_my_trips.png) center right no-repeat;  
}
li#navigo_save_trip {
  background: url(/images/navigo/navigo_save.png) center right no-repeat;  
}
li#navigo_start_over {
  background: url(/images/navigo/navigo_new.png) center right no-repeat;  
}
li#navigo_modify_request {
  background: url(/images/navigo/navigo_modify_request.png) center right no-repeat;
}
li#navigo_return_trip {
  background: url(/images/navigo/navigo_return_trip.png) center right no-repeat;
}
li#navigo_print {
  background: url(/images/navigo/navigo_print.png) center right no-repeat;  
}
li#navigo_full_screen {
  background: url(/images/navigo/navigo_full_screen.png) center right no-repeat;
}
li#navigo_options_menu {
  background: url(/images/navigo/navigo_options.png) center right no-repeat;
}
li#navigo_help_item {
  background: url(/images/navigo/navigo_help.png) center right no-repeat;  
}
#left-bar .section.navigo .my_items_menu ul a {
  background-image: url(/images/icons/trip_small.png);
}
*/
/* Timetables */
/*#left-menu div.section.timetables_menu ul {
  background: #191c5f;
}
li#timetables_my_item {
  background: #191c5f url(/images/timetables/timetables_my_timetables.png) center right no-repeat;  
}
li#timetables_edit_item {
  background: #191c5f url(/images/timetables/timetables_edit.png) center right no-repeat;
}
li#timetables_save_item {
  background: #191c5f url(/images/timetables/timetables_save.png) center right no-repeat;
}
li#timetables_help_item {
  background: #191c5f url(/images/timetables/timetables_help.png) center right no-repeat;  
}
li#timetables_new_item {
  background: #191c5f url(/images/timetables/timetables_new.png) center right no-repeat;  
}
li#timetables_find_item {
  background: #191c5f url(/images/timetables/timetables_find.png) center right no-repeat;
}
li#timetables_options_item {
  background: #191c5f url(/images/timetables/timetables_properties.png) center right no-repeat;
}
li#timetables_clone_item {
  background: #191c5f url(/images/timetables/timetables_clone.png) center right no-repeat;
}
li#timetables_legend_item {
  background: #191c5f url(/images/timetables/timetables_legend.png) center right no-repeat;
}
li#timetables_print_item {
  background: #191c5f url(/images/timetables/timetables_print.png) center right no-repeat;  
}
li#timetables_full_screen_item {
  background: #191c5f url(/images/timetables/timetables_full_screen.png) center right no-repeat;
}
#left-bar .section.timetables_menu .my_items_menu ul a {
  background-image: url(/images/icons/timetable_small.png);
}
*/
/* Stops */

/*div#left-menu div.section.stops_menu ul {
  background: #184c74;
}
li#stops_my_item {
  background: #184c74 url(/images/stops/stops_my_stops.png) center right no-repeat;
}
li#stops_save_item {
  background: #184c74 url(/images/stops/stops_save.png) center right no-repeat;
}
li#stops_find_item {
  background: #184c74 url(/images/stops/stops_find.png) center right no-repeat; 
}
li#stops_list_item {
  background: #184c74 url(/images/stops/stops_list.png) center right no-repeat;
}
li#stops_help_item {
  background: #184c74 url(/images/stops/stops_help.png) center right no-repeat; 
}
#left-bar .section.stops_menu .my_items_menu ul a {
  background-image: url(/images/icons/stop_small.png);
}

/* Routes */

/*div#left-menu div.section.routes_menu ul {
  background: #1a7271;
}
li#routes_my_item {
  background: #1a7271 url(/images/routes/routes_my_routes.png) center right no-repeat;
}
li#routes_save_item {
  background: #1a7271 url(/images/routes/routes_save.png) center right no-repeat;
}
li#routes_find_item {
  background: #1a7271 url(/images/routes/routes_find.png) center right no-repeat; 
}
li#routes_list_item {
  background: #1a7271 url(/images/routes/routes_list.png) center right no-repeat;
}
li#routes_help_item {
  background: #1a7271 url(/images/routes/routes_help.png) center right no-repeat; 
}
#left-bar .section.routes_menu .my_items_menu ul a {
  background-image: url(/images/icons/route_small.png);
}
*/
/* Map */

/*div#left-menu div.section.map_menu ul {
  background: #19732a;
}
li#locations_my_item {
  background: #19732a url(/images/map/map_my_locations.png) center right no-repeat;
}
li#locations_save_item {
  background: #19732a url(/images/map/locations_save.png) center right no-repeat;
}
li#locations_find_item {
  background: #19732a url(/images/map/locations_find.png) center right no-repeat;
}
li#locations_help_item {
  background: #19732a url(/images/map/map_help.png) center right no-repeat;
}
li#map_full_map {
  background: #19732a url(/images/map/map_full_map.png) center right no-repeat;
}
li#map_system_map {
  background: #19732a url(/images/map/map_pdf_map.png) center right no-repeat;
}
#left-bar .section.map_menu .my_items_menu ul a.address {
  background-image: url(/images/icons/address_small.gif);
}
#left-bar .section.map_menu .my_items_menu ul a.intersection {
  background-image: url(/images/icons/intersection_small.gif);
}
#left-bar .section.map_menu .my_items_menu ul a.monument {
  background-image: url(/images/icons/monument_small.gif);
}
#left-bar .section.map_menu .my_items_menu ul a.geo_location {
  background-image: url(/images/icons/geo_location_small.gif);
}

*//* ----- Styles for pop-up menus ---- */

li.my_items_menu, li.flyout {
  position: relative;
  z-index: 998; /* Required for IE6 & 7 to work */
}

#left-bar li.my_items_menu ul, #left-bar li.flyout ul {
  opacity: .95;
  filter:alpha(opacity=95);
  border: 1px solid white;
  color: white;
  left: -9999px;
  margin-top: -32px;
  position: absolute;
  padding: 2px;
  width: 250px;
  z-index: 999;
}

#left-bar li.my_items_menu:hover ul, #left-bar li.my_items_menu.sfhover ul,
#left-bar li.flyout:hover ul, #left-bar li.flyout.sfhover ul{
  left: 153px;
  _left: 144px; /* IE6 hack */
}

#left-bar .section .my_items_menu ul a, #left-bar .section .flyout ul a {
  background-position: 2px;
  background-repeat: no-repeat;
  padding-left: 22px;
}
#left-bar .section .my_items_menu ul li.manage a {
  background-image: none;
}

#left-bar li.my_items_menu ul li, #left-bar li.flyout ul li {
  border-bottom: 1px solid #CCCCCC;
}
#left-bar li.my_items_menu ul li a, #left-bar li.flyout ul li a {
  color: white;
  padding: 2px;
}
#left-bar #left-menu li.my_items_menu ul li.manage {
  border-bottom: none;
}
#left-bar #left-menu li.my_items_menu ul li.manage a {
  font-weight: bold;
  text-decoration: underline;
}
#left-bar li.my_items_menu ul li a:hover, #left-bar li.flyout ul li a:hover {
  background-color: black;
}

/* Click-activated pop-ups */

div.popup {
  position: absolute;
  background: white;
  border: 1px solid black;
}
div.popup ul {
  list-style: none;
  margin: 0;
  padding: 0px;
}

div.popup .separator {
  border-top: 1px solid black
}

#main div.popup ul li a {
  color: black;
  padding: 0px 4px;
  text-decoration: none;
  display: block;
}
#main div.popup ul li a:hover {
  background: black;
  color: white;
}

/* "Modal windows" */

#bg_fader {
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: white;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

div.modal_window {
	display: none;
	position: fixed;
	top: 33%;
	left: 33%;
	width: 33%;
  background-color: white; /* Make sure that the header is always readable */
	z-index:1002;
	overflow: visible;
}

/* Fixes for IE6 only, since it doesn't support fixed positioning */
#bg_fader { _position: absolute; _width: 1288px; _height: 1032px; }
div.modal_window { _position: absolute; }

#timeMode {
  position: relative;
}