body {
  font-family: "lucida grande", verdana;
  font-size: 12px;
   /*background: #eee;#e0ecff;  #e8eef7 */
  margin: 0;
 
  /* text-align: center; */
}

html {overflow-y: scroll;}

img {
	border: 0px;

}

#whole_page { /* # for div id */
  width: 980px;
  margin: auto;
  padding: 0;
  text-align: left;
  
  border-width:  0 0px 1px 0px;
  border-color:  #ededed;
  border-style:  solid;
  
  background: #fff;
  position: relative;
 
  
}

#intro{
width: 100%;
margin-bottom: 0px;
color: #ddd;
position: absolute;
top: 56px;

}

#intro h1{
font-size: 14px;
margin: 0px;
}


#require_login_left{
float: left;
width: 340px;


}
#require_login_right{
margin-left: 350px;
padding-left: 20px;
border-left: 1px solid #ededed;


}


/* facebook button style */
.fb_share_link { 
	padding:0px 0px 0px 0px;
	height:16px;	
}

html h1{
	
	color: #666;
	padding-bottom: 10px;
	font-size: 10px;
}

#header {
  color: white;
  /* background: #239f95; No "ruby" defined in HTML color names! */
 padding-left: 0em;
 padding-right: 0em;
  /* padding-bottom: 49px;  padding is not considered before displaying content in IE */
 height: 45px;
 /* large bottom padding to cover menu plus margin before content 
  * content always has 1em padding around, but tab5(menu) has its own padding
  * that removes the padding of other div around itself
  * hence when header div is removed and only tab5 is inserted, the content div's
  * top 1em padding gets lost and thus content texts starts right after the menu with no gap
  * thus tab div is inserted within header div, which can then have this padding-bottom
  * to ensure content div's 1em padding starts right after the end of tab5 div
  */

  margin-bottom: 0em;
  border-bottom: 1px solid #eee;

  
  /* font-size: 7pt;
  font-weight: bold;
  
 
  text-align: left;
   */
}




/* all nav css styles are no longer needed */
#nav {
  color: white;
  font-size: 11pt;
  font-weight: bold;
  background: #2F9261;
  padding: 0.5em;
}

#nav a, #nav a:visited  {
  color: white;
  text-decoration: none;
}

#nav a:hover {
  border-bottom: 2px dashed white;
}

#content {
  height: 100%;
  background:  white;
  margin: 1em 1em 1em 1em; 
  /*used margin instead of padding, padding not compatible with IE */
}

#content h1 {
  font-size: 12pt;
}




html fieldset {
	position: relative;
}

html legend {
	position:absolute;
	top: -1em;
	left: .5em;
	font-size: 11px;
}

html fieldset{
	position: relative;

}

/* Form styles */




fieldset{
	position: relative;	
	margin-top:1em;
	padding-top: 1em;
	padding-bottom:1em;	
	background: #e8eef7;
	position: relative;
	font-size: 12px;

}


legend{
	color:white;
	font-weight: bold;
	background: #5d7d9a;
	padding: 0.2em 1.5em;
	border: 1px solid gray;
}






label{
	width: 11em;
	float: left;
	text-align: right;
	margin-right: 0.2em;
	display: block;
	font-family: "lucida grande", verdana;

}


/* where is this used?? paul wrote it */
.form_fields{
	font-size: 15px;
}




.checkbox_form_row{ /* # for div class */
	white-space:nowrap;
	padding-bottom: .3em;
	margin-left: 4em;
	font-size: 11px;
}

.checkbox_form_row2{ /* # for div class */
	white-space:nowrap;
	margin-left: 2em;
	padding-bottom: .3em;
	
	font-size: 11px;
	
}


.form_row{ /* # for div class */
	font-size: 11px;
	padding-bottom: .3em;
}
.submit{	
	margin-left: 19em;
}

.form_submit{
	text-align: center;
	padding-bottom: .3em;
}

.debug_dump{
	text-align: left;
	border-top: 1px dashed black;
	background: #ccc;
	margin: 0;
	padding: 0.5em
}


.fieldWithErrors{
	margin: 0px;
	padding: 2px;
	background-color: #c00;
	display: table; 
	
	
}



#errorExplanation{
	border: 2px solid red;
	padding: 7px;
	padding-bottom: 12px;
	margin-bottom: 20px;
	background-color: #f0f0f0;
	font-size: 11px;
}

#errorExplanation h2{
	text-align: left;
	font-weight: bold;
	padding: 5px 5px 5px 15px;
	font-size: 11px;
	margin: -7px;
	background-color: #c00;
	color: #fff;
}

#errorExplanation p{
	color: #333;
	margin-bottom: 0;
	padding: 5px;
}

#errorExplanation ul li{
	font-size: 11px;
	list-style: square;
	padding: 1px;
}

#notice{
	border: 1px solid #ffcc33;/* #ffcc33; */
	padding: 0.5em;	
	margin-bottom: 0.7em;
	background-color: #fff1a8; /* #ffffcc; */
	font: bold 12px;
	
	
}




/* debug style */

#debug{
	margin-top: 1em;
	margin-left: auto;
	text-align: center;
	font-size: 11px;
	
}

/*

#debug a, #debug a.visited{
	text-decoration: none;
	color: maroon;
}
*/

fieldset.debug_info{
	text-align: left;
	margin: 1em;
	background: #eee;
}

/* Community Styles */

a{
	color: maroon;
	text-decoration: none;
}

a:hover{
	color: red;
	
}

a:visited{
	color: #551A8B;
}

a:visited:hover{
	color: red;
}

/* letter styles are also no longer needed */

.letter, .letter_current {
	width: 1em;
	text-align: center;
	border: 1px solid gray;
	background: #fff;
	padding: 5px 2px 1px 2px;
	float: left;
	margin: 2px;
}

.letter:hover{
	background: #fe4;
}

.letter_current {
	background: #fe4;
	font-weight: bold;
	border: 1px solid black;
}


/* border: 1px solid #666; 
   background: #eee;
   
*/
	#properties {
		font-size: 8pt;
		/*background: #5D9A82;*/
		width: 100%;
		/*vertical-align: top;*/
		float: left;
	}
/* this conflicts with Krishna's assigning id to each tr, so limit style to even/odd classes
 * any styles defined in this general tr/td will not be used when id is assigned to the row
 * 
 * also the general style was also copied into thead td style
 * 
	#properties tr td {
	
        font-family: "lucida grande", verdana;		
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9; 
		
	}
	*/
	
	/* background-color: #239f95; */
	#properties thead td{
		color: #fff;
		background-color: #5D9A82;
		font-weight: bold;
		border-bottom: 1px solid #999;
		font-size: 10px;
		font-family: "lucida grande", verdana;
		padding: 3px 8px;
		border-left: 1px solid #D9D9D9;
	}
	
	#properties thead td.sortdown {
		background-color: #14625c;
	}
	
	#properties thead td.sortup { 
	 background-color: #2cc8bc;
	}
	
	#properties thead td a {
		color: #FFFFFF
	}
	
	#properties thead td a:hover {
		color: yellow;
	}
	

	
	/*
	div.pagination a {
		color: #FFFFFF
	}
	*/
 	#properties tr {
		background: #FFFFFF;
		font-family: "lucida grande", verdana;	
	} 

	#properties tr.even:hover {
		background: #BCE3FF;
		
	}
	#properties tr.odd:hover {
		background: #BCE3FF;
		
	}
	
	 #properties tr.even td {
        padding: 10px 3px;
    } 
		
	#properties tr.odd td {
       padding: 10px 3px;
    } 
    
    /* Styles for hover effects */ 
    
    
    #properties tr.highlighteven td {
    padding: 10px 3px;
} 
	
#properties tr.highlightodd td {
    padding: 10px 3px;
}

	

#properties tr.highlighteven {
	background: #BCE3FF;		
	
	
	/*border-left: 1px solid #D9D9D9;*/
}
#properties tr.highlightodd {
	background: #BCE3FF;
	

	/*border-left: 1px solid #D9D9D9;*/
}



	
	#properties tr.odd {
       background: #eee;
		
			
		padding: 0px 0px;
		/*border-left: 1px solid #D9D9D9; */
    }
	
	  #properties tr.even {
        background: #ffffff;		
		
			
		padding: 0px 0px;
		/*border-left: 1px solid #D9D9D9; */
    } 
    
    
    
    
	
	#ExtraInfoTable table.even{
		background: #fff;
		padding: 0;
		
		
	}
	
	#ExtraInfoTable table.odd{
		background: #eee;
		padding: 0;
		
		
	
	}
	
	#ExtraInfoTable td.odd {
		background: #eee; /*eee*/
		height: 3px;
	}
	
	#ExtraInfoTable td.even {
		background: #fff;
		height: 3px;
	}
	
	


/* End styles for hover effects */






#user_fb_reasons{
margin-left: 40px;
}


	
	


/* Google Map Styles */
#mapsearch {
  width : 300px;
  margin : 10px;
  padding : 4px;
  border : 1px solid #f9f9f9;
}

/* set height of idle state map */
#mapsearch .gsmsc-idleMapDiv { height : 200px; }

/* set height of active state map */
#mapsearch .gsmsc-mapDiv { height : 300px; }

#GMap {
	width: 100%;
	float: left;
}

#map {
	width: 100%;
	height: 440px;
}

#infowindow {
	font-size: 12px;
}
#infowindow tr td {
	padding: 0px;
}

#searchwell {

	width : 300px;
	border: 1px;
	border-color: #aaa;
	
	
	clear: left;
	float: left;
	font-size: 10px;
	font-family: "lucida grande", verdana;
}

#searchwell .unselected {
  padding-left: 18px;

  background-image: url("http://labs.google.com/ridefinder/images/mm_20_yellow.png");
  background-repeat: no-repeat;
  background-position: top left;
}

#searchwell .select {
/*
  margin-bottom: 1em;
  */
}
#results {
	
	width: 100%;
}
#searchwell .unselected {
	width: 400px;
	float: left;
}
#searchwell .gs-localResult .gs-title {
	float: left;
	padding-right: 10px;
}
a.gs-title {
	float: left;
	color: #000;
	inherit: none;
}
#searchwell .gs-localResult .gs-address {
	float: left;
	padding-right: 20px;
}
#searchwell .gs-localResult .gs-street {
}
#searchwell .gs-localResult .gs-phone {
	float: left;
	left: 0;
}
#searchwell .gs-results-attribution {
	float: left;
}
#searchwell .gs-localResult.gs-result {
	width: 700px;
	float: left;
	margin-bottom: 1px;
	/*
	
	margin-top: 3px;
	margin-left: 3px;
	*/
}
#results {
	width: 500px;	
}



#searchwell .gs-localResult .gs-label { display : none; }
#searchwell .gs-localResult .gs-snippet { display : none; }
#searchwell .gs-localResult .gs-city { display : none; }
#searchwell .gs-localResult .gs-region { display : none; }
#searchwell .gs-localResult .gs-country { display : none; }
#searchwell .gs-localResult .gs-directions { display : none; }
#searchwell .gs-localResult .gs-directions-to-from { display : none; }
#searchwell .gs-localResult .gs-secondary-link { display : none; }
#searchwell .gs-localResult .gs-spacer { display : none; }
#searchwell .gs-localResult .gs-watermark { display : none; }
#searchwell .gs-localResult .gs-result { display : none; }
#searchwell .gs-localResult .gs-results-attribution { display : none; }
#searchwell .unselected .select{ display:  none; }

.unselected .gs-localResult .gs-snippet { display : none; }
.unselected .gs-localResult .gs-secondary-link { display : none; }
.unselected .gs-localResult .gs-spacer { display : none; }
.unselected .gs-localResult .gs-watermark { display : none; }
.unselected .gs-localResult .gs-result { display : none; }
.unselected .gs-localResult .gs-results-attribution { display : none; }
.unselected .select{ display:  none; }

#searchform .gsc-search-box .gsc-branding{
	display: none;
}

/* End Google Map Styles */



#tips {
	text-align: center; 
	font-size:10px
}

#psst {
	text-align: center;
	font-style: italic;
	font-size: 12px;
}

#mapControls {
	width: 100%;
	font-size: 11px;
	font-family: "lucida grande", verdana;
	/*
	font-style: normal;
	font-weight: normal;
	text-transform: none;
	text-decoration: none;
	text-align: left;
	*/
}