html {
  height: 100%;
  font-size:10px;
}

body {
  height: 100%;

  width:100%;
  margin: 0;
  padding: 0;
  text-align: center;

  font: 400 1em verdana, arial, sans-serif;
  line-height: 170%;

  background: #666 url('/images/bg/header.jpg') repeat-x top left;
  color: #EEE;
}
img
{
	border:none;
}
h1 {   
  clear: both;
  
  color: #FFF;
  font-size:1.9em;
  
}
h1 a {   
  color: #FFF;
  font-size:1.8em;
}

h2 {
  font: 400 1.9em "trebuchet ms", serif;
  color: #9FF3FF;
}

h2 a {
  color: #F8D766;
  font-size:1.5em;
}

h2 a:hover {
  color: #FFF;
}
h2 label {
    color: #9FF3FF;
}
h3 {
  font: 400 1.3em "trebuchet ms", serif;
  color: #F8D766;
}

h4 {
  font: 700 1.2em "trebuchet ms", serif;
  color: #F39F01;
}

h5 {
  font: 700 1.1em "trebuchet ms", serif;
  color: #F17400;
}
a,a:visited {
 
  text-decoration:none;
  color: #F8D766;
}
h6 {
  font: 700 1em "trebuchet ms", serif;
  color: #FF4B33;
}


h1, h2, h3, h4, h5, h6, p, dl {
  margin: 0;
  padding: 10px 10px;
}
p
{
  font: 1.1em "trebuchet ms", serif;
  font-size:1.1em;
}
label {
    color: #fff;
}
label .black{
    color: #000;
}
/* Done so the leftmost column aligns properly with the header.
   If the leftmost column has class gradient applied to it, 
   this class isn't required. */
.leftColumn h1,
.leftColumn h2, 
.leftColumn h3,
.leftColumn h4,
.leftColumn h5,
.leftColumn h6,
.leftColumn p,
.leftColumn dl {
  padding-left: 0;
}
h3 a 
{
 font: 400 2.1em "trebuchet ms", serif;
  color: #F8D766;
  text-decoration:none;
}
a {
 
  text-decoration:none;
  color: #F8D766;;
}

/* Uncomment this if you would like a visited link style 
a:visited {
  text-decoration: line-through;
} */

a:hover {
  color: #FFF;
}

b {
  color: #FFF;
}

ol, ul {
  margin: 10px 30px;
  padding: 0 30px;
}

ol {
  color: #FC0;
}

ol span {
  color: #EEE;
}

ul {
  list-style-image: url('/images/bg/bullet.gif');
}

del {
  color: #AAA;
}

code {
  margin: 10px 15px;
  padding: 10px;
  display: block;
  overflow: auto;
  
  font: 400 1em courier, monospace;
  line-height: 120%;
  white-space: pre;
  
  background: #444;
}

.leftColumn code {
  margin-left: 0;
}

acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

dt {
  font-weight: bold;
  color: #FFB323;
}

dd {
  margin-left: 0;
  padding-left: 45px; 
}




/**************************************************************
   Form Elements
 **************************************************************/



textarea,
select {
  font: 400 1em verdana, sans-serif;
  border: 1px solid #000;
}

textarea:focus,
textarea:hover,
select:focus,
select:hover {
  color: #000;
  background: #E4F7FA;
  border: 1px solid #000;
}

input.button {
padding:5px 1em;
	background:url('/images/navItem_back.gif') repeat-x;
	border:1px solid #fff;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}
/**************************************************************
   Blockquote and included icons
 **************************************************************/

blockquote {
  margin: 10px 15px;
  padding-left: 27px;
  
  background-color: #444;  
  background-image: url('/images/icons/quote.gif');
  background-repeat: no-repeat;
  background-position: 5px 50%;  
}


blockquote.stop {
margin-top:10px;
text-align:center;
  background-image: url('/images/icons/stop.gif');
}
blockquote.comment {
  background-image: url('/images/icons/quote.gif');
  color: #fff;  
  padding-left: 30px;
}
.right
{
	text-align:right;
}


/**************************************************************
   Images
 **************************************************************/

	#left_panel
	{
		float:left;
	}
	.text
	{
		text-align:right;
		margin-bottom:8px;
		color:#5C5C5C;
	}
	#warning
	{
		color:#5C5C5C;
		text-align:center;
		font-size:1.3em;
		width:200px;
		
	}
	#get_name_panel
	{
		color:#5C5C5C;
		font-size:1.3em;
		width:350px;
		
	}
	
	#right_panel
	{
		float:left;
		margin-left:10px
	}
	#small_entry_boxs
	{
		float:left;
		width:100px;
	}
	.box
	{
		text-align:left;
		margin-bottom:5px;
	}
	#image
	{		
		float:left;
		height:64px;
		border: 1px solid #000;


	
	}
	#clear
	{
		clear:both;
	}
	#text_picture
	{
		margin-top:95px;
	}
	#show_login_directions_box
	{
		 z-index: 600000;
	}
	
	 div.markerTooltip {
          color: black;
          background-color: white;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px solid black;
		  z-index: 500000;
		  font-size: 10px;
       }
	 	div.markerDetail {
		  color: black;
          font-weight: bold;
          background-color: white;
          white-space: nowrap;
          margin: 0;
          padding: 2px 4px;
          border: 1px solid black;
		  z-index: 500000;
	   }
	  
	  
	   .sidemenu
	   {
		 width:220px;
		 float: left;
   
		}
		 #sidemenu_map
	   {
		 width:220px;
		 float: left;
   
		}
	#title h2 a
   {
	   text-decoration:none;
   }
   #title h1 a 
   {
	   text-decoration:none;
   }
   .form_box
   {
   margin-bottom:10px;
   margin-top:10px;
	margin-left:20px;
   }



#content {  
  text-align: left;
}

#header {
  position: relative;
  height: 193px;
}

/* Holds the site title and subtitle */
#header #title {
  position: absolute;
  z-index: 3;
  top: 10px;
  left: 130px;

  padding: 5px;
  text-align: right;
}

#header h1 {
  margin: 0;
  padding: 0;

  font: 700 4em "trebuchet ms", serif;
  letter-spacing: -3px;
  text-transform: lowercase;
  color: #FFF;
}

#header h2 {
  position: absolute;
  top: 10px;
  right: 5px;

  margin: 0;
  padding: 0;

  font: 700 1em "trebuchet ms", serif;
  text-transform: lowercase;
  color: #00F0EC;
}


/* Sets where the header images will go */
#header img.left {
  position: absolute;
  z-index: 1;

  top: 0;
  left: 0;
}

#header img.right {
  position: absolute;
  z-index: 0;

  top: 0;
  right: 0;
}

#header img.balloons {
  position: absolute;
  z-index: 2;

  top: 70px;
  right: 400px;
}



/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/




/**************************************************************
   #page: Holds the main page content.
 **************************************************************/

#page {
  float: left;
  width: 100%;
  margin-top:20px;
}




/**************************************************************
   Alignment classes
 **************************************************************/

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.alignLeft {
  text-align: left;
}

.alignRight {
  text-align: right;
}



/**************************************************************
   Generic display classes
 **************************************************************/

.clear {
  clear: both;
}

.block {
  display: block;
}

h2 .small {
  font-size: 12px;
}

.green {
  color: #A1FF45;
}

.red {
  color: #EA1B00;
}

.grey {
  color: #666;
}

.grey a {
  color: #999;
}

.grey a:hover {
  color: #EEE;
}

#gradient {
float:left;
  width:71%;
}

#gradient_see {
float:left;
  width:97%;
  background: #555 url('/images/bg/gradient.gif') repeat-x; 
}

#footer {
padding-top:10px;
  float: left;
  width: 100%;
  clear: both;

  background: #000 url('/images/bg/footer.jpg') repeat-x top left;
}

#footer #bottom_container {
  position: relative;
  z-index: 3;
  font-size: 0.85em;
  padding-top: 27px;
  padding-bottom: 17px;
}

#footer img
{
	margin-right:10px;

  color:#000;
}
	
#footer a
{


  text-decoration:  none;

}
.links
{
text-align:right;
	margin-right:20px;
	margin-bottom:10px;
	margin-top:20px;
	clear:both;

}
.links a:hover 
{
	color:#fff;
}
.links a
{
	color:#fff;
}
.links a:focus
{
	color:#fff;
}


.toplinks
{
	float:right;
	margin-top:20px;
	margin-right:20px;
	margin-bottom:20px;
}
.white_text
{
	color:#fff;
}
.box300
{
	width:300px;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
	position: absolute;
}
.box600
{
	width:600px;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
	position: absolute;
}
.box450
{
	width:450px;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
	position: absolute;
}

#mismatch_passwords{
	width:300px;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
	position: absolute;
}
	#logo_see
	{
		margin-top:5px;
		float:left;
	}
	#comments
	{
  float: left;
  width:100%;
	clear:both;
	margin-top:10px;
	}
	#information
	{
		width:360px;
		float:left;
		padding-bottom:20px;
		/*background-color:transparent !important; */

	}
	
#tag_text
{
float:left;
	font-size:14px;
margin-top:10px;
padding-bottom:10px;
width:370px;
}
#tag_text a
	{
		width:360px;
		float:left;
		/* color: #F8D766;
		background-color:transparent !important; */
color: #F06900;
text-decoration:none;

	}
	#tag_text a:hover 
	{
		width:360px;
		float:left;
		/* color: #F8D766;
		background-color:transparent !important; */
color: #555;
text-decoration:none;
	}
	#vetag_text
{
float:left;
min-width:200px;
text-align:left;
height:100%;
}
#vetag_text a
	{
		width:360px;
		float:left;
		/* color: #F8D766;
		background-color:transparent !important; */
color: #F06900;
text-decoration:none;

	}
	#vetag_text a:hover 
	{
		width:360px;
		float:left;
color: #555;
text-decoration:none;
	}
#start_footer
{
	margin-left:20px;
}

#country
{
margin-left:20px;
}

#country td
{ 
	padding-left:5px;
}


#country img
{
	border:0;
}



#page_views
{
	float:right;
	 color: #fff;  
	 margin-right:20px;
}

.tag2
{
font-size:1.6em;
}
.tag1
{
font-size:.9em;

}
.tag4
{
font-size:1.1em;
}
.tag5
{
font-size:1.2em;
}
.tag3
{
font-size:1.4em;
}
p.tags {
    line-height: 2.25em;
    margin: 2em 10%;
    text-align: justify;
    vertical-align: middle;
	width:200px;
	margin-right:10px;
}
p.tags a,
p.tags span {

  text-transform: lowercase;
  text-decoration:  none;
    color: #47A;
    margin-right: 0.5em;
}
p.tags span:hover {
    cursor: pointer;
}
p.tags span.selected {
    background: #CEC;
}
.search_form
{
	margin-left:20px;
	margin-top:10px;
}
#search_results
{
	width:40%;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
	position: absolute;
}
#search_result_box
{
	margin-left:20px;
}

.sidemenu_floatRight {
  float: right;
  margin-right:30px;
}

#myRoute
{
	float:right;
height:100%;
margin-bottom:20px;
width:800px;
}


#mymap
{
float:right;
  width:100%;
height: 700px;
color:#000;
position:relative;
}
#driving_directions
{
	width:96%;
	background:#2d2d2d;
	position: absolute;
	top:20px;
	left:20px;
	z-index:390;
	color:#000;
	margin: 0 auto;
}
#driving_directions a
{
	
}
#driving_directions h1
{
	
	color:#fff;
	font-size:1.5em;
}
#driving_directions b
{
	
	color:#e3e5c7;
	margin-left:20px;
}
#driving_directions p
{
	
	color:#fff;
}
.mqDirmanTd
{
	background-color:#555;
	color:#fff;
}
.mqDirmanTable
{
	background-color:blue;
}
.mqTotals
{
		background-color:#555;
	color:#fff;
	margin-bottom:20px;
}
.mqDirmanTr
{
background-color:#F49000;
	color:#F49000;
}

#journey_popup a
{
	color:#f16d00;
}
p
{
	color:#fff;
}
#background {
background-image: url('/images/overlay.png'); }
* html #background {
	background-color: #333;
	background-color: transparent;
	}
	#warning p
	{
		color:#000;
	}
	#map p
	{
		color:#000;
	}
#viewing_map
{
	margin-top:10px;
}
#viewing_map h2
{
	width:600px;
	margin-right:50px;
	float:left;
}
#seo_link
{
}
#seo_link a
{
	margin-left:10px;
}
#map a
{
	color:#F8D766;
}
#seo_link h2
{
padding:0;
margin-left:10px;
width:100%;
}
.small
{
	font-size:.6px;
	margin-left:10px;
}
.close_links
{
	margin-left:30px;
}
.delete_icon
{
	margin-left:10px;
}
table.directions {
	border-width: 0px;
	border-spacing: 2px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	border-collapse: separate;
	background-color: white;
	margin-top:10px;
}
table.directions th {
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
}
table.directions td {
	border-width: 0px;
	padding: 3px 3px 3px 3px;
	border-style: outset outset outset outset;
	border-color: gray gray gray gray;
	padding-top:20px;
}


#show_images{
	width:500px;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
	position: absolute;
}
/* my styles */
input .inputbutton{
 padding:5px 1em;
	background:url('/images/navItem_back.gif') repeat-x;
	border:1px solid #fff;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
   }
#answer
{
height:20px;
color:#FF0000;
}
#answer a
{ 
height:20px;
color:#FF0000;
}
#show_city_results
{
	width:400px;
	background:#2d2d2d;
	padding:10px;
	border:2px solid #eee;
	position: absolute;
}
#show_city_results a
{
	font-size:1.2em;
	font-weight:600;
}
#most_tags a
{
	font-size:1.2em;
	font-weight:600;
}
#page_locked_password
{
	width:500px;
	background:#2d2d2d;
	padding:20px;
	border:2px solid #eee;
	
	 float:left;

}
#pictures
{
	 z-index: 89;
}
#image_holder
{
	padding-left:10px;
	float:left;
}

#sample_images
{
	float:right;
	width:160px;
	margin-left:10px;
}
#sample_images img
{
	margin-top:10px;
}
.para
{
	padding-left:10px;
	padding-right:10px;
	font-size:1.4em;
}
.para_front
{
	padding-left:10px;
	padding-right:10px;
	font-size:1.5em;
	line-height:1.6em;
}

#privacy_policy
{
	text-align:left;
	margin-left:100px;
}
#create_map_link
{
	padding-top:10px;
}


 .inputButton{
	padding:5px 1em;
	background:url('/images/navItem_back.gif') repeat-x;
	border:1px solid #fff;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
}

 .inputButton_right{
	padding:5px 1em;
	background:url('/images/navItem_back.gif') repeat-x;
	border:1px solid #fff;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	float:right;
}
 .inputButton_create{
	background:url('/images/navItem_back.gif') repeat-x;
	padding-left:10px;
	padding-right:10px;
	color:#fff;
	font-weight:bold;
	text-decoration:none;
	cursor:pointer;
	font-size:1.8em;
	border:1px solid #fff;
}
.inputButton a{
	color:#fff;
	text-decoration:none;
}

a .inputButton{
	color:#fff;
	text-decoration:none;
}
.inputButton a:visited {
 
  text-decoration:none;
 color:#fff;
}

.heading
{
	font-size:3em;
}
.black_text
{
	color:#000;
}
a .black_text
{
	color:#000;
}
a:hover .black_text
{
	color:#000;
}
a:focus .black_text
{
	color:#000;
}

.show_icon
{
border:1px solid #FFF;
padding:3px;
width:40px;
float:left;
height:50px;
margin-left:2px;
margin-bottom:2px;
text-align:center;
}
#show_icon_main
{
border:1px solid #FFF;
padding:3px;
width:40px;
float:left;
height:50px;
margin-left:2px;
margin-bottom:2px;
text-align:center;
}
#icon_list
{
	width:580px;

}


#Hyrid
{
float:right;
}
.Hyrid
{
float:right;
}

#recent_tags
{
	width:200px;
	padding-left:15px;
}
.resize_map
{
	float:right;
	margin-right:25px;
	margin-bottom:10px;
	margin-top:5px;
}
.normal_link
{
	padding-left:10px;
	padding-right:10px;
	font-size:.8em;
	line-height:1.6em;
}
.ero-body
{
	width:450px;
}

#change_map
{
	color:#fff;
	padding-left:10px;
}
#yahoo_text
{
	width:100%;
	width:280px;
}

.ero .ero-body {width: 100%;}


#translate
{
float:right;

margin-top:5px;
margin-right:60px;
width:400px;
	height:10px;
}