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

/* rails styles */
/*
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}
*/
.fieldWithErrors {
    display: inline;
}
.fieldWithErrors input, .fieldWithErrors select {
    background-color: #ffdfdf;
}


/* style.css */

body {
	background-image: url(../images/gfx/background.jpg);
	background-position: top center;
	background-repeat: repeat-y;
	background-color: #5C5C5C;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
/*	color: #000000;*/
	margin: 0px;
        padding: 0px;
	height: 100%;
}

form {
	margin: 0px;
}

a {
	color: #EEEEEE;
}

a:hover {
	color: #FFFFFF;
}

.eleven-pt {
	font-size: 11px;
}

.fourteen-pt {
	font-size: 14px;
}

.fourteen-ptB {
	font-size: 14px;
	font-weight: bold;
}

.ten-pt {
	font-size: 10px;
}

.signup-input {
  font-size: 12px;
  width: 120px;
}

.bold {
	font-weight: bold;
}

a.cpanel-header {
	font-size: 10px;
}	

.cpanel-header li {
  list-style-type: square;
  list-style-position: inside;
}

.cpanel-header {
  margin: 0px;
  height: 183px;
  width: 251px;
  text-align: left;
}	

/* center the body of the page */
#home {
/*  margin-left: 50%;*/
/* WDS: this seemed to be stretching the layout wide.  Could be html bug with mismatched tags. */
margin-left: 0;
}

/* container is the main page container. */
#container {
  position: relative;
  background-color: #4B5A4A;
  margin: 0px auto;
  width: 970px;
/* left position is half 970 to center the container */
/*  left: -485px; */
/* WDS: Changed the container from relative middle negative position relative to 50% #home to 0 */
  left: 0px;
/*  height: 100%;*/
  height: 780px;
}

#main {
  position: absolute;
  top: 0px;
  left: 0px;
}

/* The header is 85px high and spans the width of the container anchored to the top left */
#header {
  position: absolute;
  top: 0px;
  left: 0px;

  background-image: url(../images/gfx/header-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  height: 85px;
  width: 970px;
}
/* logo within the header */
#logo {
  position: absolute;
  top: 3px; /* header == 85, 3 down positions in the middle */
  left: 0px;
  height: 79px;
  width: 180px;
}

/* logo within the header */
#logoRight {
  position: absolute;
  top: 3px; /* header == 85, 3 down positions in the middle */
  right: 0px;
  height: 79px;
  width: 180px;
}

/* ad box */
#headerAdsDiv {
  position: absolute;
  top: 0px;
  left: 180px;
  height: 85px;
  width: 550px;
}

#flashAdDiv-nli {
  position: absolute;
  top: 12px;
  left: 41px;
  width: 468px;
  height: 60px;
  background-color: #999999;
  margin: auto;
  margin-top: 0px;
/* ORIG	padding-top: 23px;*/
  padding-top: 0px;
  text-align: center;
}

#flashAdDiv {
  position: absolute;
  top: 12px;
  left: 41px;
  width: 468px;
  height: 60px;
  background-color: #999999;
  margin: auto;
  margin-top: 0px;
/* ORIG	padding-top: 23px;*/
  padding-top: 0px;
  text-align: center;
}

#zipNotSet {
  text-align: left;
  color: yellow;
  position:absolute;
  top: 0px;
  left: 730px;
  width: 240px;
  height: 85px;
  padding-top: 4px;
  font-size: 12px;
}
/* 
 * forcast info is the container for the forecast information
 * in the loggedin header.
 */
#forecastInfo {
/*  visibility: hidden;*/
  position:absolute;
  top: 0px;
  left: 730px;
  width: 240px;
  height: 85px;
}

/* forecaseLocation is the City/State for the currently displayed info */
#forecastLocation {
  position: relative;
  top: 0px;
  left: 0px;
  margin-top: 0px;
  margin-left: 0px;
  padding-top: 0px;
}

/* weatherDetail contains the weather image and forecast detail */
#weatherDetail {
  position: relative;
  top: 0px;
  left: 0px;
}
/*
img.#weatherDetail {
  float: left;
}
*/
/* weather detail info */
#weatherDetailImage {
  position: relative;
  top: 0px;
  left: 0px;
  width: 20px;
  height: 20px;
  /*
   WDS: Did not draw a border around the entire image as expected?
   border:1px solid black;
   */
}

#weatherDetailText  {
  position: relative;
  left: 42px;
  top: -20px;
}
/*
#weatherDetailText  {
  position: absolute;
  left: 20px;
  top: 0px;
}
*/
#modalOverlay {
  position: relative;
  top: 0;
  left: 0;
/*  z-index: 1;*/
}
#confirmedAttendees {
  position: absolute;
  top: 30px;
  left: 200px;
  width: 400px;
  height: 200px;
/*  border:1px solid black;*/
  z-index: -1;
}

#notice-li {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 600px;
  z-index: 1000;
  color: black;
  font-size: 12px;
}

#notice {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 490px;
  z-index: 1000;
  color: yellow;
  font-size: 12px;
  background-color: #000000;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-bottom: 2px;
  padding-left: 2px;
  padding-right: 2px;
}

#content {
visibility:visible;
  position: absolute;
/*        z-index: 10;*/
  top: 110px;
  left: 0px;
  background-image: url(../images/gfx/content-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #4B5A4A;
  width: 720px;
  height: 620px;
}

/* content-nl == content on non-loggedin page */
#content-nl {
visibility:visible;
  position: absolute;
/*        z-index: 10;*/
  top: 110px;
  left: 0px;
  background-image: url(../images/gfx/content-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #4B5A4A;
  width: 970px;
/*  width: 493px; */
/*  height: 540px;*/
  height: 620px;
}

#additionalContent2 {
  position: absolute;
  top: 110px;
  left: 0px;
  z-index: 2000;
}

#additionalContent {
  z-index: 2000;
  position: absolute;
  top: 0px;
  left: 0px;
}

#dashboard-container {
  position: absolute;
/*  top: 110px; */
  top: 0px;
/*  left: 493px; */
  left: 0px;
  width: 477px;
  height: 540px;
  background-image: url(../images/gfx/dash-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #282927;
}
#dashboard {
  position: absolute;
  top: 0px;
  left: 0px;
  background-image: url(../images/gfx/dash-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #282927;
  margin: 0px auto;
  width: 477px;
/*height: 609px;*/
  height: 450px;
}

#cpanel {
  position: absolute;
  background-image: url(../images/gfx/dash-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #282927;
  margin: 0px auto;

  top: 110px;
  left: 720px;
  width: 250px;
  height: 620px;
}

#riderprofile  {
	background-image: url(../images/gfx/riderprofile.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 0px;
	padding-right: 5px;
	text-align: right;
	width: 246px;
	height: 19px;
	padding-top: 4px;
/*	visibility: visible;*/
}

#recentactivity {
	background-image: url(../images/gfx/recentactivity.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 0px;
	padding-right: 5px;
	text-align: right;
	width: 246px;
	height: 19px;
	padding-top: 4px;
}

#upcomingrides {
	background-image: url(../images/gfx/upcomingrides.jpg);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px;
	padding-left: 0px;
	padding-right: 5px;
	text-align: right;
	width: 246px;
	height: 19px;
	padding-top: 4px;
}

#messagecenter {
  background-image: url(../images/gfx/messagecenter.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin: 0px;
  padding-left: 0px;
  padding-right: 5px;
  text-align: right;
  width: 246px;
  height: 19px;
  padding-top: 4px;
}

/* non-logged-in footer */
#footer-nli {
  position: absolute;
  /* TODO: Figure out why anchoring to the bottom doesn't work */
/*  top:540px;*/
  bottom: 0px;
  left: 0px;
/*	bottom: 0px;*/
  margin: 0px auto;
  background-image: url(../images/gfx/footer-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  width: 970px;
  height: 23px;
  text-align: right;
  padding-top: 7px;
}

#footer {
  position: absolute;
  /* TODO: Figure out why anchoring to the bottom doesn't work */
  top: 730px;
  left: 0px;
/*	bottom: 0px;*/
  margin: 0px auto;
  background-image: url(../images/gfx/footer-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  width: 970px;
  height: 23px;
  text-align: right;
  padding-top: 7px;
}

#nav-container {
  position: absolute;
  top: 85px;
  left: 0px;
  width: 970px;
  height: 25px;
  background-image: url(../images/gfx/nav-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
z-index:2000;
}

#nav-nl {
  height: 25px;
/* WDS: WARNING!!! MAKING THIS ABSOLUTE STOPS DROPDOWNS FROM WORKING!!! */
  position: absolute;
/*
  top: 85px;
  left: 0px;
  width: 970px;
z-index:2000;
*/
  top: 0px;
  left: 0px;
}

#nav-right-nl {
  height: 25px;
/* WDS: WARNING!!! MAKING THIS ABSOLUTE STOPS DROPDOWNS FROM WORKING!!! */
  position: absolute;
  top: 0px;
/*  right: 0px;*/
  left: 820px;
/*  width: 970px;*/
z-index:2000;
}

#nav {
  background-image: url(../images/gfx/nav-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  height: 25px;
/* WDS: WARNING!!! MAKING THIS ABSOLUTE STOPS DROPDOWNS FROM WORKING!!! */
  position: absolute;
  top: 85px;
  left: 0px;
  width: 720px;
z-index:2000;
}

#welcomeAndLogout {
  background-image: url(../images/gfx/login-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  font-size: 9px;

  position:absolute;
  top: 85px;
  left: 720px;
  width: 250px;
  height: 25px;
}

#navsignupDiv {
  position:absolute;
  top: 85px;
  left: 720px;
  width: 250px;
  height: 25px;
  background-image: url(../images/gfx/login-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  font-size: 9px;
}

#logout {
  background-image: url(../images/gfx/login-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  font-size: 9px;
  padding: 5px;
  width: 240px;
  height: 15px;	
}

#flash {
	width: 468px;
	height: 37px;
	background-color: #999999;
	margin: auto;
	margin-top: 0px;
/* ORIG	padding-top: 23px;*/
	padding-top: 0px;
	text-align: center;
}

#movie {
    position:absolute;
	left: 20px;
	top: 58px;
	width: 460px;
	height: 380px;
/*WDS: Changed for youtube test	background-color: #999999;*/
	background-color: #000000;
	margin: auto;
	padding-top: 0px;
	text-align: center;
}

#welcome {
  position: absolute;
  top: 0px;
  left: 0px;
/*	background-image: url(../images/gfx/welcome.jpg);*/
/*	background-image: url(../images/gfx/welcome2.png);*/
	background-image: url(../images/gfx/welcome3.png);
	background-position: top;
	background-repeat: no-repeat;
	margin: 0px auto;
/*	width: 463px;*/
	width: 970px;
	height: 58px;
}
#takeATour {
  position: absolute;
  top: 60px;
  width: 970px;
  left: 0px;
  text-align: center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size: 18px;
}

#upcoming {
	background-image: url(../images/gfx/upcoming-bg.jpg);
	background-position: top left;
	background-repeat: repeat-x;
	width: 477px;
	height: 40px;
}

#stateSelector {
  margin-top: 16px;
  margin-left: 80px;
}
#eventZipSelector {
  margin-top: 16px;
  margin-left: 80px;
}

#schedEventZipSelector {
  margin-top: 4px;
  margin-left: 160px;
}
#upcomingZipSelector {
  margin-top: 18px;
/*ORIG  margin-left: 160px;*/
  position: absolute;
  top: 0px;
  right: 10px;
/*ORIG:  left: 160px;*/
/*  width: 100px;*/
}
#upcomingZipSelectorNLI {
  margin-top: 18px;
  margin-left: 160px;
  position: absolute;
  top: 0px;
/*  left: 160px;*/
  right: 10px;
/*  width: 100px;*/
}
#upcomingStateSelectorNLI {
  margin-top: 18px;
  margin-left: 160px;
  position: absolute;
  top: 0px;
  left: 40px;
  width: 100px;
}

#listStartingLocsContainer {
  position: absolute;
  top: 24px;
  left: 0px;
}

#listGroupsHdr, #listInvitationsHdr, #listStartingLocsHdr, #listRoutesHdr, #trainingLogsHdr {
  background-image: url(../images/gfx/upcoming-bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 40px;
  color: black;

  position:absolute;
  top: 0px;
  left: 20px;
  margin-top: 0px;
}

#wizardContainer {
  position: absolute;
  top: 20px;
  left: 0px;
  width: 720px;
  height: 500px;
}
#wizardHdr {
  background-image: url(../images/gfx/header-tbg.jpg);

  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 22px;
  color: black;

  position:absolute;
  top: 0px;
  left: 20px;
  margin-top: 0px;

  color: #000000;
  font-size:16px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;

  border:1px solid black;
}
#wizardListRoutesHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  color: black;

  position:absolute;
  top: 28px;
  left: 20px;
  margin-top: 0px;

  font-size:14px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wizardListRoutesHdrSm {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  color: black;

  position:absolute;
  top: 28px;
  left: 20px;
  margin-top: 0px;

  font-size:12px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#wizardContentDiv {
  position: absolute;
  overflow: auto;
  top: 52px;
  left: 20px;
  height: 500px;
  width: 680px;

}
#wizardGroupChooser {
  left: 0px;
}

#wizardSizebarContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 440px;
  visibility:visible;
}
#wizardSidebarHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 22px;
  position:absolute;
  top: 20px;
  margin-top: 0px;
  
  color: #000000;
  font-size:16px;
  font-weight: normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;

  border:1px solid black;
}
#wizardSidebarContent {
  position:absolute;
  top: 48px;
}
#groupSubheaderText {
  text-align: left;
/*  text-decoration: underline; */
  font-size: 14px;
  font-family: "trebuchet ms";
}

#startingLocDiv {
  position: absolute;
  top: 0px;
  left: 0px;
}

#newSlocBtn {
  font-size: 10px;
}

#selectStartingLocBtnDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 248px;
  height: 24px;
  border:1px solid white;
}
#startingLocsSidebarDiv {
  position: absolute;
  top: 24px;
  left: 0px;
  width: 248px;
  height: 180px;
/*  max-height: 200px;*/
  overflow-y: auto;
  border:1px solid white;
}
#startingLocsContainer {
  width: 250px;
  height: 440px;
  top: 48px;
  position:absolute;
  overflow-y: auto;
}
#addlStartingLocsSidebarDiv {
  position: absolute;
  top: 224px;
  left: 0px;
  width: 248px;
/*  max-height: 200px;*/
  height: 180px;
  overflow-y: auto;
  border:1px solid white;
}
#invitationListDiv, #listGroupsDiv, #listStartingLocsDiv, #listRoutesDiv, #trainingLogsDiv {
  position: absolute;
  overflow: auto;
  top: 40px;
  left: 20px;
  height: 500px;
  width: 680px;
}

#rideTableDiv {
  position: absolute;
  overflow: auto;
  top: 24px;
  left: 20px;
  height: 500px;
  width: 680px;
  z-index: 1000;
}

#logEntryCsvBtnPos {
  position: absolute;
  right: 160px;
  top: 20px;
}
#newGroupBtnPos, #newLogEntryBtnPos {
  position: absolute;
  right: 20px;
  top: 20px;
}
#uncategorizedRoutes {
  position: absolute;
  right: 220px;
  top: 2px;
}
#routesBtn {
  position: absolute;
  top: 0px;
/*  margin-top: -8px;*/
  padding: 0px;
/*NotValid  hover: #D5C819;*/
}

#uncatRoutesBtn {
  position: absolute;
  top: 0px;
/*  margin-top: -8px;*/
  padding: 0px;
  margin: 0px;
/*NotValid  hover: #D5C819;*/
  font-size: 12px;
}

#startLocsRoutesBtn {
  position: absolute;
  top: 0px;
/*  margin-top: -8px;*/
  padding: 0px;
/*NotValid  hover: #D5C819;*/
  font-size: 12px;
  right: 10px;
}

#newStartingLocationDiv {
  position: absolute;
/*  top: 34px;*/
  top: 58px;
  left: 20px;
  width: 340px;
  height: 280px;
  background-color: #333333;
  overflow-y: auto;
/*
-moz-box-sizing: border-box;
padding-right: 16px;
*/
/*border:1px solid black;*/
  z-index: 100;
  font-size:12px;
  padding: 4px;
}

#newStartingLocationDiv {
  position: absolute;
/*  top: 34px;*/
  top: 58px;
  left: 20px;
  width: 340px;
  height: 280px;
  background-color: #333333;
  overflow-y: auto;
/*
-moz-box-sizing: border-box;
padding-right: 16px;
*/
/*border:1px solid black;*/
  z-index: 100;
  font-size:12px;
  padding: 4px;
}

#newRouteBtnPos {
  position: absolute;
  right: 80px;
  top: 2px;
}
#newRouteBtn {
  position: absolute;
  top: 0px;
  left: 0px;
/*  margin-top: -8px;*/
/*NotValid  hover: #D5C819;*/
}


#editMapBtnPos {
  position: absolute;
  right: 20px;
  top: 4px;
}
#newMapBtnPos {
  position: absolute;
  right: 100px;
  top: 0px;
}
#newMapBtn, #importMapBtn {
  position: absolute;
  top: 4px;
  font-size:10px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#newGroupBtn, #csvBtn, #editMapBtn {
  position: relative;
top: -4px;
/*  margin-top: -8px;*/
/*NotValid  hover: #D5C819;*/
}
 
#li-header {
  background-image: url(../images/gfx/upcoming-bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 94%;
  height: 40px;
}

#header-text { 
  position: absolute;
  margin-left: 6px;
  left: 0px;
  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  top: 16px;
}

#header-text-2 { 
  position: absolute;
  margin-left: 6px;
  left: 0px;
  font-size:16px;
  font-weight:bold;
  font-family: 'Century Gothic';
  top: 17px;
}

#upcomingEventsContainer {
  position:absolute;
  top: 280px;
  left: 0px;
  width: 680px;
  height: 300px;
}

#upcomingEventsHeader {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  color: black;

  position:absolute;
  top: 0px;
  left: 20px;
  margin-top: 0px;

  font-size:14px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}
#upcoming-events-header-text { 
  position: absolute;
  margin-left: 6px;
  left: 0px;
  font-size:16px;
  font-weight:bold;
  font-family: 'Century Gothic';
  top: 0px;
}
#upcoming-events-groups {
  position: absolute;
  top: 5px;
  right: 10px;
}
#rss-feed-list {
  position: absolute;
  top: 2px;
  right: 10px;
}

#li-upcoming {
  width: 680px;
  height: 40px;

  position:absolute;
  top: 0px;
  left: 20px;
  background-image: url(../images/gfx/upcoming-bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
}

/* Begin Blog and RSS blocks */
#blogContainer {
  position: absolute;
  top: 4px;
  left: 10px;
  width: 100%;
  height: 240px;
}

.blogRssHeader {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
/*  margin: 0px auto;*/
  width: 100%;
  height: 24px;
  color: black;

  position:absolute;
  top: 0px;
  left: 0px;
  margin-top: 0px;
  padding-left: 0px;

  font-size:14px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

.blogRssContent {
  position:absolute;
  top: 24px;
  left: 0px;
  margin-top: 0px;
/*  padding-top: 4px;*/
/*  padding-left: 4px;*/

  width: 100%;
  height: 240px;
  color: black;

  font-size:12px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;

  overflow-y: auto;
  overflow-x: hidden;
}
.pubdate {
  font-size: 10px;
/*
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;
*/
}

.blogRssContent A:link {
  text-decoration: underline;
  color: #0000ff;
}
.blogRssContent A:visited {
  text-decoration: underline;
  color: #000000;
}
.blogRssContent A:active {
  text-decoration: underline;
  color: #000000;
}
.blogRssContent A:hover {
  text-decoration: underline;
  color: red;
}

.blogRssTooltip {
}

.content-shaded {
/*	background-color: #333333;*/
	background-color: #EEEEEE;
}

.content-unshaded {
/*	background-color: #666666;*/
	background-color: #BBBBBB;
}

.blogRssEntry, .blogOnlyEntry {
  position: relative;
  padding-top: 2px;
  padding-left: 4px;
/*FULL with summary  height: 100px;*/
  height: 50px;
  width: 100%;
  overflow: hidden;
}

.blogRssTitle {
  position: relative;
  float: left;

  font-size:12px;
  font-style:italic;
  font-family:Verdana, Arial, Helvetica, sans-serif;

}
.blogRssOverview {
  position: relative;
  padding-left: 2px;
}

#rssContainer {
  position: absolute;
  top: 4px;
  right: 10px;
  width: 100%;
  height: 240px;
}

/* End   Blog and RSS blocks */

#rbrHeading {
  background-image: url(../images/gfx/upcoming-bg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  position: absolute;
  left: 10px;
  margin: 0px auto;
  width: 98%;
  height: 40px;
}
#rbrHeading a {
  color: #ffffff;
}
#rbrContentDiv {
  margin: 0px;
  width: 950px;
  height: 540px;
  position: absolute;
  left: 0px;
  top: 40px;
}

#specialTextHdr {
  text-align: left;
}
#specialTextContentNLI {
  padding: 16px;
  font-size:14px;
  font-family: ariel;
}
#specialTextContent {
  position: absolute;
  top: 34px;
  left: 20px;
  width: 680px;
  height: 560px;
  font-size:14px;
}

#li-routes, #scheduleRideTbl {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position: absolute;
  top: 20px;
  left: 20px;
  text-align: left;
}
#editLogEntryHdr, #newGroupHdr, #inviteMembers {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position:absolute;
  top: 20px;
  left: 20px;
  margin-top: 0px;

/*  padding-left: 10px;*/

  color: black;
  font-size:16px;
  font-weight: normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#newLogEntryHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position:absolute;
  top: 40px;
  left: 20px;
  margin-top: 0px;

/*  padding-left: 10px;*/

  color: black;
  font-size:16px;
  font-weight: normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#newMapEntryHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position:absolute;
  top: 34px;
  left: 20px;
  margin-top: 0px;

  padding-left: 10px;

  color: black;
  font-size:16px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}


#forecastHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position:absolute;
  top: 10px;
  left: 20px;
  margin-top: 0px;

  padding-left: 10px;

  color: black;
  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#mapContainer {
  position: absolute;
  top: 0px;
  left: 0px;
}

#poiMapcontainer {
  position: absolute;
  top: 24px;
  left: 0px;
}
#mapNav {
  background-image: url(../images/gfx/nav-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
  height: 25px;
/* WDS: WARNING!!! MAKING THIS ABSOLUTE STOPS DROPDOWNS FROM WORKING!!! */
  position: absolute;
  top: 0px;
  left: 0px;
  width: 720px;
z-index:1000;
}

#mapHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position:absolute;
  top: 34px;
  left: 20px;
  margin-top: 0px;
  
  color: #000000;
  font-size:16px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

/* deprecated.  map controls now in nav column.  moved the map up when this was removed. */
#mapControls {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position:absolute;
  top: 34px;
  left: 20px;
  margin-top: 0px;
  
  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#mapContent {
  width: 94%;
/*    height: 160px;*/
  position: absolute;
  top: 34px;
  left: 20px;
  height: 500px;
}
#map {
  position: absolute;
  top: 34px;
  left: 20px;
  width: 680px;
  height: 560px;
}
#mapDiv {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 680px;
  height: 560px;
}

#newStartingLocationDiv {
  position: absolute;
/*  top: 34px;*/
  top: 58px;
  left: 20px;
  width: 340px;
  height: 280px;
  background-color: #333333;
  overflow-y: auto;
/*
-moz-box-sizing: border-box;
padding-right: 16px;
*/
/*border:1px solid black;*/
  z-index: 100;
  font-size:12px;
  padding: 4px;
}

#rideDetailDivSm {
  position: absolute;
/*  top: 34px;*/
  top: 58px;
  left: 20px;
  width: 340px;
  height: 280px;
  background-color: #333333;
  overflow-y: auto;
/*
-moz-box-sizing: border-box;
padding-right: 16px;
*/
/*border:1px solid black;*/
  z-index: 100;

}
/* Commented backslash hack \*/
/*div.#rideDetailDivSm {padding-right: 0px;}*/

#rideDetailSummaryDivSm {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 340px;
  height: 280px;
}

#eventAttendeesContainer {
  left: 0px;
  width: 340px;
}
#eventAttendeesList {
  overflow-y: auto;
}

#mapSmallContainer {
  position: absolute;
  left: 360px;
/*  top: 34px; */
  top: 58px;
}
#routeDescriptionDiv {
  position: absolute;
  left: -1000px;
/*  top: 314px;*/
  top: 338px;
}
#mapSmall {
  position: absolute;
  top: 0px;
/*  left: 360px;*/
  left: 0px;
  width: 340px;
  height: 280px;
}
/* div definition when there is no corresponding map for a ride */
#noMapSmall {
  position: absolute;
/*  top: 34px; */
  top: 58px;
  left: 360px;
  width: 340px;
  height: 280px;
  font-size:14px;
  padding-left: 4px;
}

#routeDetailContainer {
  position: absolute;
/*  top: 314px;*/
  top: 338px;
  left: 20px;
  width: 678px;
  height: 280px;
  background-color: #666666;
border:1px solid black;
}
#cueSheetDetailContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 678px;
  height: 280px;
  background-color: #666666;
border:1px solid black;
}
#cueSheetDetailDiv {
  position: absolute;
  top: 24px;
  left: 0px;
  width: 678px;
  height: 256px;
  overflow-y: auto;
}

#cueSheetDetailEditContainer {
  position: absolute;
  top: 240px;
  left: 20px;
  width: 340px;
  height: 304px;
  background-color: #666666;
}
#cueSheetDetailEditDiv {
  position: absolute;
  top: 24px;
  left: 0px;
  width: 340px;
  height: 280px;
  overflow-y: auto;
}

#rideDetailMapHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 680px;
  height: 24px;
  position:absolute;
/*  top: 10px;*/
  top: 34px;
  left: 20px;
  margin-top: 0px;
  
  color: #000000;
  font-size:16px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}
#rideDetailMapHdrSm {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 380px;
  height: 24px;
  position:absolute;
  top: 0px;
/*  left: 20px;*/
  left: 320px;
  margin-top: 0px;
  
  color: #000000;
  font-size:12px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#rideDetailMapContainer {
  position: absolute;
  top: 0px;
  left: 400px;
}

.smallMapImg {
  text-decoration: none;
  display: block;
/*  background: url(../images/x_up.png) no-repeat center top;*/
}

/* text color when showing an info overlay */
.startingPointInfoClass {
  color: #000000;
  width: 200px;
}
/* text color when showing an info overlay */
.mapInfoClass {
  color: #000000;
  width: 300px;
}
.mapInfoClass A:link {
  text-decoration: underline;
  color: #000000;
}
.mapInfoClass A:visited {
  text-decoration: underline;
  color: #000000;
}
.mapInfoClass A:active {
  text-decoration: underline;
  color: #000000;
}
.mapInfoClass A:hover {
  text-decoration: underline;
  color: red;
}

#debugDiv {
  position: absolute;
  left: 0px;
  top: 300px;
  overflow: auto;
  visibility: hidden;
  width: 260px;
  height: 200px;
}
#loadingDiv {
/*
  position:absolute;
  top: 40px;
  left: 40px;
  height: 20px;
*/
}
#directions {
  width: 100%;
/*    height: 160px;*/
  position:absolute;
  top: 500px;
  left: 20px;
  font-size:16px;
}

#directionsHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 24px;
  position:absolute;
  top: 4800px;
  margin-top: 4px;

  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 4px;
}


#myFitnessSummaryContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 150px;
  visibility:visible;
}
#myMapsListContainer {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 250px;
  height: 440px;
  visibility:visible;
}
#rideDetails, #membersJoined {
  position: relative;
  top: 0px;
  left: 0px;
  width: 400px;
  height: 150px;
/*  visibility:hidden;*/
/*  border:1px solid black;*/
}
#rideDetails {
  visibility:hidden;
}

#myFitnessListHdr, #startingLocationHdr, #rideDetailsHdr, #routeDetailsHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 24px;
  position:absolute;
  top: 0px;
  margin-top: 0px;
  
  color: #000000;
  font-size:16px;
  font-weight:normal;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#myMapsListHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 24px;
  position:absolute;
  top: 24px;
  margin-top: 0px;
  
  color: #000000;
  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#rideDetailsContent,#membersSignedUpContent {
  width: 100%;
  height: 100%;
  top: 24px;
  position:relative;
}
#myFitnessSummaryContent {
  width: 100%;
  height: 236px;
  top: 24px;
  position:relative;
  overflow-y: auto;
}
#myMapsListContent {
  width: 100%;
  height: 250px;
  top: 48px;
  position:relative;
  overflow-y: auto;
}
#othaMapsListContent {
  width: 100%;
  height: 272px;
  top: 322px;
  position:absolute;
  overflow-y: auto;
}
#saveMapDiv {
 border:1px solid white;
}
.whiteBorder {
 border:1px solid white;
}
#eventTypeDiv {
  position: absolute;
  top: 0px;
  width: 248px;
  height: 100%;
}

#newStartingLocBtnPos {
  position: absolute;
  right: 20px;
  top: 1px;
}

#editStartingLocHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 24px;
  position:absolute;
  top: 0px;
  margin-top: 0px;
  
  color: #000000;
  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}
#startingLocContainer {
  position: absolute;
  top: 34px;
  left: 0px;
  width: 250px;
  height: 480px;
  visibility:visible;
}
#editStartingLocContainer {
  position:absolute;
  width: 250px;
/*  height: 400px;*/
  height: 400px;
  top: 24px;
  overflow-y: auto;
}
#roadHazardContainer {
  width: 250px;
  height: 400px;
  top: 48px;
  position:absolute;
  overflow-y: auto;
}
#roadHazardEntry {
  position: absolute;
  width: 248px;
  top: 160px;
  left: 0px;
  visibility: hidden;
}

#othaMapsListHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 24px;
  top: 298px;
  position:absolute;
  margin-top: 0px;
  
  color: #000000;
  font-size:12px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#cueSheetSidebarHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 24px;
  top: 34px;
  position:absolute;
  margin-top: 0px;
  
  color: #000000;
  font-size:12px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}
#cueSheetSidebarContent {
  width: 100%;
  height: 472px;
  top: 58px;
  position:absolute;
  overflow-y: auto;
}

#startingLocContent {
    width: 100%;
    height: 100%;
    top: 0px;

  background-color: #000000;
  position:absolute;

/*	margin-top:10px;*/
}
#routeDetailsDiv {
  position: absolute;
  height: 280px;
  width: 680px;
  top: 0px;
  left: 0px;
}
#routeDetailsContent {
  top: 24px;
  background-color: #333333;
  position:absolute;
  width: 680px;
  height: 280px;
/*	margin-top:10px;*/
}


#updateProfileContainer {
  position: absolute;
  top: 0px;
  left: 30px;
  height: 200px;
  width: 700px;
  visibility:hidden;
  overflow:hidden;
}

/* update profile drop over */
#updateProfileHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 100%;
  height: 24px;
  position: absolute;
  top: 0px;
  margin-top: 4px;
  left: 30px;
  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#updateProfileContent {
  left: 30px;
  width: 100%;
  height: 160px;;
  position: absolute;
  top: 24px;
  text-align: left;
  font-size: 14px;
  font-family: "trebuchet ms";
}
#forgotPasswordHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;
  width: 480px;
  height: 24px;
  position: absolute;
  top: 0px;
  margin-top: 4px;
  left: 0px;
  font-size:16px;
  font-weight:bold;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
}

#forgotPasswordContent {
  left: 2px;
  width: 480px;
  height: 400px;
  position: absolute;
/*  top: 26px;*/
  top: 34px;
  text-align: left;
  font-size: 14px;
  color: white;
  font-family: "trebuchet ms";
  background-color: #282927;
}
#passwordSentDiv {
  position: absolute;
  top: 0px;
  height: 200px;
/*  width: 480px;*/
  width: 300px;

  font-size:16px;
  font-weight:bold;
  font-family: "trebuchet ms";
  text-align: left;
}


#forecastContent {
  width: 680px;
  height: 100px;;
  position: absolute;
  top: 24px;
}
#liRoutesHeader {
  position:relative;
		top: 0px;
		left: -10px;
  background-image: url(../images/gfx/upcoming-bg.jpg);
	 background-position: top left;
	 background-repeat: repeat-x;
	 margin: 0px auto;
/*  margin-top: 20px; */
	 width: 94%;
	 height: 40px;
}

#scheduleItDiv, #newRoutetDiv, #newGroupMembersDiv {
  width: 680px;
  position: absolute;
  top: 44px;
  left: 20px;
}

#newRouteDiv {
  position: absolute;
  top: 64px;
  left: 20px;
  width: 672px;
  height: 100px;
  background-color: #333333;
/*  overflow-y: auto; */
/*
-moz-box-sizing: border-box;
padding-right: 16px;
*/
/*border:1px solid black;*/
  z-index: 100;
  font-size:12px;
  padding: 4px;
}
#newRouteEntryDiv {
  width: 680px;
  position: absolute;
  top: 172px;
  left: 20px;
}

#newLogEntryDiv {
  width: 680px;
  position: absolute;
  top: 64px;
  left: 20px;
}

#newGroupDiv, #editLogEntryDiv {
  width: 680px;
  position: absolute;
  top: 44px;
  left: 20px;
}
#newMapEntryHdr {
  top: 200px;
}
#newMapEntryDiv {
  position: absolute;
  width: 680px;
/*  top: 58px;*/
  top: 200px;
  left: 20px;
}
#uploadifyMapEntryDiv {
  position: absolute;
  width: 680px;
  top: 120px;
}


#drawnMapSmContainer {
  position: absolute;
  top: 240px;
  left: 0px;
}
#editMapSm {
  position: absolute;
  top: 24px;
  left: 360px;
/*  left: 20px;*/
}

#newGroupDivPicture {
  position: absolute;
  top: 10px;
  left: 0px;
  width: 160px;
  height: 160px;
}
#newGroupDivDetails {
  position: absolute;
  top: 170px;
  left: 0px;
  width: 160px;
  height: 200px;

  font-size:12px;
  font-weight:normal;
  font-family: "Arial, Helvetica, sans-serif";
/*  font-family: "trebuchet ms";*/
}

/* Group Tabs */
#tabs,#groupTabs {
  position: absolute;
  top: 10px;
/*  left: 160px; */
/*  left: 270px; */
  left: 190px;
  width: 480px;
  height: 400px;
  border:2px solid black;
}

.headerRightText {
  position: absolute;
  right: 20px;
}

#newGroupDivInfo, #groupBlog, #groupDiscussions {
/*
  position: absolute;
  top: 10px;
ORIG:  left: 270px;
  left: 0px;
  width: 400px;
  height: 400px;
  border:2px solid black;
*/
}
#newGroupDivMembersTitle, #newGroupDivMembersDesc, #eventAttendeesTitle, #cueSheetDetailHdr {
  background-image: url(../images/gfx/header-tbg.jpg);
  background-position: top left;
  background-repeat: repeat-x;
  margin: 0px auto;

  position: relative;
  top: 0px;
  padding-top: 2px;
  padding-left: 4px;
  height: 22px;
  text-align: left;

  font-size:14px;
  color: black;
  font-family: "Arial, Helvetica, sans-serif";
}
#cueSheetDetailDist {
  position: absolute;
  top: 0px;
}
#printItBtn {
  height: 20px;
  font-size:12px;
  top: 0px;
}
#cueSheetDetailTip {
  position: absolute;
  top: 0px;
  padding-top: 2px;
  right: 100px;
}

#newGroupDivMembers {
  position: relative;
  top: 0px;
  left: 10px;
  width: 400px;
  height: 200px;
  overflow-y: auto;
}
#newGroupDivDesc {
  position: relative;
  top: 0px;
  left: 0px;
  text-align: left;
  width: 360px;
  padding-left: 10px;
  overflow-y: auto;
}

.groupRemoveBtn,
.groupRemoveBtn:link,
.groupRemoveBtn:hover,
.groupRemoveBtn:focus,
.groupRemoveBtn:active,
.groupRemoveBtn:visited {
  display: block;
  text-decoration: none;
  background: url(../images/x_up.png) no-repeat center top;
  width: 15px;
  height: 16px;
}

.groupRemoveBtn:hover {
  background: url(../images/x_over.png) no-repeat center top;
}

#scheduleItDiv td {
  text-align: left;
}

#weather {
	width: 242px;
	height: 85px;
}

#validateDiv {
  background-color: #000000;
  position:absolute;
}

/* dyn-content-nl contains the active content for the non-logged in pages */
#dyn-content-nl {
  position:absolute;
/*  top: 100px;*/
  top: 0px;
  left: 0px;
  width: 970px;
}

#indexContentNL {
  position: absolute;
  top: 0px;
  left: 0px;
}

#leftContainer {
  position:absolute;
  top: 100px;
  left: 0px;
  width: 380px;
  text-align: left;
}

#rightContainer {
  position:absolute;
  top: 100px;
  right: 0px;
  width: 380px;
  text-align: left;
}

/* loginDiv will contain the login / signup container.  It will be placed inside of dyn-content-nl */
#loginDiv {
  position: absolute;
  top: 100px;
  right: 0px;
  width: 380px;
  text-align: left;
}

#forgotPasswordDiv {
  position: absolute;
  top: 100px;
  right: 0px;
/*  right: -1000px;*/
  width: 380px;
  visibility: hidden;
  text-align: left;
}

/* Active We Go overview div */
#overviewDiv {
  position:absolute;
  top: 0px;
  left: 0px;
  width: 380px;
  text-align: left;
}

#overviewHeader {
  font-size: 14px;
  color: #ffffff;
}
#overviewContent {
  font-size: 14px;
  color: #000000;
}
#overviewContent li {
  list-style-type: square;
  list-style-position: inside;
}

.tooltipLocation {
  position: absolute;
  top: 0px;
/*  width: 340px; */
  text-align: left;
  left: 0px;
}

#loginHdr, #forgotHdr {
  position: absolute;
  top: 0px;
  left: 0px;
  background-color: yellow;
  height: 24px;
  width: 100%;
}

/* begin login form tab css */
#login-signup-container {
  position:absolute;
  top: 4px;
/* ORIG: left: 600px;*/
  right: 104px;
  width: 304px;
  background-color: black;
/*  border: 2px solid black;*/
/*
  height: 300px;
 */
}

#forgot-password-container {
  position:absolute;
  top: 4px;
  right: 104px;
  width: 304px;
  background-color: black;
/*  border: 2px solid black;*/
  height: 200px;
}

#loginTab {
/*  background-image: url(../images/gfx/header-bg.jpg);*/
/*
  background-image: url(../images/gfx/signup-bg.jpg);
  background-position: top;
  background-repeat: repeat-x;
*/
}
#loginformTab, #forgotPwdFormTab {
  top: 0px;
  left: 0px;

/*	background:none;*/
/*  background-color: #3A3A3A;*/
/*  width: 242px;*/
  width: 300px;
  height: 280;
/*	margin: 0px 3px 0px auto;*/
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  margin-left: 0px;

  padding-top: 20px;
}

#loginErrorDiv, #forgotErrorDiv {
  left: 0px;
  text-align: left;
  padding: 8px;
  font-family: ariel;
  font-size: 14px;
  font-weight:bold;
  color: yellow;
}

#loginformTab td {
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#loginformTab input {
  width: 80%;
  font-size: 9px;
/*  size: 26px;*/
}

#login-top-tab {
	background-image: url(../images/gfx/login-top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 242px;
	height: 12px;
}

.twelve-pt-blk {
  font-size: 12px;
  color: #000000;
}


#login-bottom-tab {
	bottom: 0px;
	background-image: url(../images/gfx/login-bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 242px;
	height: 12px;
        /* no left side set made IE6 shift out right... */
        left:0px;
}
/* end login form tab css */

#signupTab, #loginContainer, #forgotContainer {
  background-image: url(../images/gfx/signup-bg.jpg);
/*
  background-color: #3A3A3A;
  height: 200px;
 */
  position: absolute; 
  top: 24px;
  font-size: 14px;
  text-align: left;
  width: 100%;
}

#signupTermText {
  padding-top: 2px;
  padding-left: 4px;
  padding-right: 4px;
  font-size: 10px;
}

#loginform {
  position:absolute;
  top: 0px;
  left: 728px;

/*	background:none;*/
  background-color: #3A3A3A;
  width: 242px;
  height: 85px;
/*	margin: 0px 3px 0px auto;*/
  margin-top: 0px;
  margin-right: 3px;
  margin-bottom: 0px;
  margin-left: 0px;
}
#loginform td {
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
}
#loginform input {
  width: 80%;
  font-size: 9px;
/*  size: 26px;*/
}

#login-top {
	background-image: url(../images/gfx/login-top.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 242px;
	height: 12px;
}

#closeDialog {
  position: absolute;
  top: 3px;
  right: 7px;
/*  border:1px solid black;*/
}

#login-bottom {
	position: absolute;
	bottom: 0px;
	background-image: url(../images/gfx/login-bottom.jpg);
	background-position: bottom center;
	background-repeat: no-repeat;
	margin: 0px auto;
	width: 242px;
	height: 12px;
        /* no left side set made IE6 shift out right... */
        left:0px;
}

#signupform {
	position: absolute;
	bottom: 0px;
	background-image: url(../images/gfx/signup-bg.jpg);
	background-position: top;
/*	background-repeat: repeat-x;*/
	margin-top: auto;
	width: 477px;
/*	height: 217px; */
/*	height: 173px;*/
    height: 143px;
	/* Tom, this is collapsed to let me try some things. */
	visibility: visible;
        /* no left side set made IE6 shift out right... */
        left:0px;
}

#signup-btm {
  position: absolute;
  top: 143px;
  left: 0px;
  background-image: url(../images/gfx/upcoming1.jpg);
  background-position: top;
  background-repeat: no-repeat;
  width: 477px;
  height: 125px;
}

.formtext {
	font-weight: bold;
	color: #000000;
}	


.table {
	background-color: #555555;
}

.table input {
  background-color: #999999;
}
.table option {
  background-color: #999999;
}
.table textarea {
  background-color: #999999;
}

.table tr {
  text-align: left;
}
.table td {
  padding-left: 2px;
}

#routeDetailContainer td {
  text-align: left;
}

.results-table {
	width: 477px;
/*WDS: Does not work with def in table itself...	height: 200px;*/
	margin: 2px auto;
}

.resultshead {
  background-color: #999999;
  height: 24px;
  font-size:12px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
/*  font-family: "trebuchet ms";*/
}	

.shaded-nohover {
	background-color: #333333;
	height: 20px;
}
.shaded {
	background-color: #333333;
	height: 20px;
}
.shaded:hover {background-color: #D4C237;}

.unshaded {
	background-color: #666666;
	height: 20px;
}
.unshaded-nohover {
	background-color: #666666;
	height: 20px;
}
.unshaded:hover {background-color: #D4C237;}

.shaded1 {
	background-color: #333333;
	height: 20px;
}

.unshaded1 {
	background-color: #444444;
	height: 20px;
}

p.main {
	width: 463px;
	margin: 15px auto;
}

/* log in */

.login#login,
.login#login:link,
.login#login:hover,
.login#login:focus,
.login#login:active,
.login#login:visited
{
	display: block;
	text-decoration: none;
	width: 50px;
	height: 20px;
	background: url(../images/gfx/login.jpg) no-repeat center top;
}

.login#login:hover
{
	background: url(../images/gfx/login1.jpg) no-repeat center top;
}

/* sign up */

.signup#signup,
.signup#signup:link,
.signup#signup:hover,
.signup#signup:focus,
.signup#signup:active,
.signup#signup:visited
{
	display: block;
	text-decoration: none;
	width: 64px;
	height: 20px;
	background: url(../images/gfx/signup.jpg) no-repeat center top;
	margin-top: 0px;
}

.signup#signup:hover
{
	background: url(../images/gfx/signup1.jpg) no-repeat center top;
}

/* Update button */
.updateBtn {
/*  background-color: #E9DB54;*/
  background-color: #D5C819;
  color: #FFFFFF;
}
.updateBtn:hover {
  background-color: #FAF081;
  color: #000000;
}

/* wds: new signup button */
.signupBtn {
    border:none;
	display: block;
  text-decoration:none;
	width: 64px;
	height: 20px;
	background: url(../images/gfx/signup.jpg);
	margin-top: 0px;
}
.signupBtn:hover {
    background: url(../images/gfx/signup1.jpg);
}

.navsignup#navsignup,
.navsignup#navsignup:link,
.navsignup#navsignup:hover,
.navsignup#navsignup:focus,
.navsignup#navsignup:active,
.navsignup#navsignup:visited
{
	display: block;
	text-decoration: none;
	width: 251px;
	height: 25px;
	background: url(../images/gfx/navsignup.jpg) no-repeat center top;
}

.navsignup#navsignup:hover
{
	background: url(../images/gfx/navsignup1.jpg) no-repeat center top;
}

/* navigation */

.nav#home,
.nav#home:link,
.nav#home:hover,
.nav#home:focus,
.nav#home:active,
.nav#home:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/home.jpg) no-repeat center top;
	width: 58px;
	height: 25px;
}

.nav#home:hover
{
	background: url(../images/gfx/home1.jpg) no-repeat center top;;
}

body#home .nav#home,
body#home .nav#home:link,
body#home .nav#home:focus,
body#home .nav#home:active,
body#home .nav#home:visited
{
    display: block;
	text-decoration: none;
	background: url(../images/gfx/home1.jpg) no-repeat center top;
	width: 58px;
	height: 25px;
}

/* schedule it */
.nav#schedule,
.nav#schedule:link,
.nav#schedule:hover,
.nav#schedule:focus,
.nav#schedule:active,
.nav#schedule:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/scheduleit.jpg) no-repeat center top;
	width: 89px;
	height: 25px;
}

.nav#schedule:hover
{
	background: url(../images/gfx/scheduleit1.jpg) no-repeat center top;;
}

body#schedule .nav#schedule,
body#schedule .nav#schedule:link,
body#schedule .nav#schedule:focus,
body#schedule .nav#schedule:active,
body#schedule .nav#schedule:visited
{
    display: block;
	text-decoration: none;
	background: url(../images/gfx/scheduleit1.jpg) no-repeat center top;
	width: 89px;
	height: 25px;
}

/* schedule it */

.nav#routes,
.nav#routes:link,
.nav#routes:hover,
.nav#routes:focus,
.nav#routes:active,
.nav#routes:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/routes.jpg) no-repeat center top;
	width: 63px;
	height: 25px;
}

.nav#routes:hover
{
	background: url(../images/gfx/routes1.jpg) no-repeat center top;
}

body#routes .nav#routes,
body#routes .nav#routes:link,
body#routes .nav#routes:focus,
body#routes .nav#routes:active,
body#routes .nav#routes:visited
{
    display: block;
	text-decoration: none;
	background: url(../images/gfx/routes1.jpg) no-repeat center top;
	width: 63px;
	height: 25px;
}

.nav#newroute,
.nav#newroute:link,
.nav#newroute:hover,
.nav#newroute:focus,
.nav#newroute:active,
.nav#newroute:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/newroute.jpg) no-repeat center top;
	width: 91px;
	height: 25px;
}

.nav#newroute:hover
{
	background: url(../images/gfx/newroute1.jpg) no-repeat center top;
}

body#newroute .nav#newroute,
body#newroute .nav#newroute:link,
body#newroute .nav#newroute:focus,
body#newroute .nav#newroute:active,
body#newroute .nav#newroute:visited
{
    display: block;
	text-decoration: none;
	background: url(../images/gfx/newroute1.jpg) no-repeat center top;
	width: 91px;
	height: 25px;
}

.nav#riders,
.nav#riders:link,
.nav#riders:hover,
.nav#riders:focus,
.nav#riders:active,
.nav#riders:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/people.jpg) no-repeat center top;
	width: 59px;
	height: 25px;
}

.nav#riders:hover
{
	background: url(../images/gfx/people1.jpg) no-repeat center top;
}

body#riders .nav#riders,
body#riders .nav#riders:link,
body#riders .nav#riders:focus,
body#riders .nav#riders:active,
body#riders .nav#riders:visited
{
    display: block;
	text-decoration: none;
	background: url(../images/gfx/people1.jpg) no-repeat center top;
	width: 59px;
	height: 25px;
}

.nav#profile,
.nav#profile:link,
.nav#profile:hover,
.nav#profile:focus,
.nav#profile:active,
.nav#profile:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/profile.jpg) no-repeat center top;
	width: 52px;
	height: 25px;
}

.nav#profile:hover
{
	background: url(../images/gfx/profile1.jpg) no-repeat center top;
}

body#profile .nav#profile,
body#profile .nav#profile:link,
body#profile .nav#profile:focus,
body#profile .nav#profile:active,
body#profile .nav#profile:visited
{
    display: block;
	text-decoration: none;
	background: url(../images/gfx/profile1.jpg) no-repeat center top;
	width: 52px;
	height: 25px;
}

.nav#maps,
.nav#maps:link,
.nav#maps:hover,
.nav#maps:focus,
.nav#maps:active,
.nav#maps:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/maps.jpg) no-repeat center top;
	width: 57px;
	height: 25px;
}

.nav#maps:hover
{
	background: url(../images/gfx/maps1.jpg) no-repeat center top;
}

body#maps .nav#maps,
body#maps .nav#maps:link,
body#maps .nav#maps:focus,
body#maps .nav#maps:active,
body#maps .nav#maps:visited
{
    display: block;
	text-decoration: none;
	background: url(../images/gfx/maps1.jpg) no-repeat center top;
	width: 57px;
	height: 25px;
}

span#home1,
span#schedule1,
span#routes1,
span#newroute1,
span#riders1,
span#profile1,
span#maps1,
span#login1,
span#signup1,
span#navsignup1
{
  display: none;
}

/* join / leave buttons */
.join,
.join:link,
.join:hover,
.join:focus,
.join:active,
.join:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/join.jpg) no-repeat center top;
	background-position:right;
	padding-top: 0px;
	margin-top: 0px;
	float:right;
	width: 20px;
	height: 20px;
}

.join:hover
{
	background: url(../images/gfx/join1.jpg) no-repeat center top;
}
.leave,
.leave:link,
.leave:hover,
.leave:focus,
.leave:active,
.leave:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/gfx/leave.jpg) no-repeat center top;
	background-position:right;
	padding-top: 0px;
	margin-top: 0px;
	float:right;
	width: 20px;
	height: 20px;
}

.leave:hover
{
	background: url(../images/gfx/leave1.jpg) no-repeat center top;
}

.leaveRide,
.leaveRide:link,
.leaveRide:hover,
.leaveRide:focus,
.leaveRide:active,
.leaveRide:visited
{
  display: block;
  text-decoration: none;
/*	background: url(../images/gfx/leaveRide.jpg) no-repeat center top;*/
  background-position:right;
  padding-top: 0px;
  margin-top: 0px;
  float:right;
/*  width: 20px;
  height: 20px;*/
  position: absolute;
  top: 2px;
  right: 2px;
}

.leaveRide:hover
{
/*	background: url(../images/gfx/leaveRide1.jpg) no-repeat center top;*/
}

.joinRide,
.joinRide:link,
.joinRide:hover,
.joinRide:focus,
.joinRide:active,
.joinRide:visited
{
  display: block;
  text-decoration: none;
/*	background: url(../images/gfx/joinRide.jpg) no-repeat center top;*/
  background-position:right;
  padding-top: 0px;
  margin-top: 0px;
  float:right;
/*  width: 20px;
  height: 20px;*/
  position: absolute;
  top: 2px;
  right: 2px;
}

.joinRide:hover
{
/*	background: url(../images/gfx/joinRide1.jpg) no-repeat center top;*/
}


/* BEGIN Cancel button */
.cancel,
.cancel:link,
.cancel:hover,
.cancel:focus,
.cancel:active,
.cancel:visited
{
	display: block;
	text-decoration: none;
	background: url(../images/x_up.png) no-repeat center top;
/*	background-position:right;*/
	padding-top: 0px;
	margin-top: 0px;
	float:left;
	width: 15px;
	height: 16px;
}

.cancel:hover
{
	background: url(../images/x_over.png) no-repeat center top;
}
/* END Cancel button */

.toLarger,
.toLarger:link,
.toLarger:hover,
.toLarger:focus,
.toLarger:active,
.toLarger:visited
{
	display: block;
	text-decoration: none;
/*	background: url(../images/bs/restore_up.png) no-repeat center top;*/
	background: url(../images/bs/gallery-enlarge.gif) no-repeat center top;
/*	background-position:right;*/
	padding-top: 0px;
	margin-top: 0px;
	float:left;
/*
	width: 16px;
	height: 16px;
*/
	width: 20px;
	height: 17px;
}

.toLarger:hover
{
/*	background: url(../images/bs/restore_over.png) no-repeat center top;*/
	background: url(../images/bs/gallery-enlarge-hover.gif) no-repeat center top;
}

.restore,
.restore:link,
.restore:hover,
.restore:focus,
.restore:active,
.restore:visited
{
	display: block;
	text-decoration: none;
/*	background: url(../images/bs/restore_up.png) no-repeat center top;*/
	background: url(../images/bs/to-smaller-up.png) no-repeat center top;
/*	background-position:right;*/
	padding-top: 0px;
	margin-top: 0px;
	float:left;
/*
	width: 16px;
	height: 16px;
*/
	width: 20px;
	height: 17px;
}

.restore:hover
{
/*	background: url(../images/bs/restore_over.png) no-repeat center top;*/
	background: url(../images/bs/to-smaller-over.png) no-repeat center top;
}


.popoverMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
	color: #FFFFFF;
	background-color: #4D524E;
	height:auto;
/*	height: 200px;*/
    margin-top: 20px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 20px;
	width: 300px;
	border-style: outset;
	border: thick solid #C0C0C0;
	z-index: 200;
}
#welcomeMessage {
  visibility: hidden;
  position: absolute;
  top: 200px;
  left: 200px;
}

.yui-awg-font {font-size:93%;}