#maploading {
	font-weight:bold;
	color:red;
	font-size:16pt;
	padding-top:200px;
	width:528px;
	text-align:center;
	margin:0px;
}

#map {
    border: 1px solid #00C;
	width: 550px; 
	height: 450px;
}


#thecatBtn {background:#FFFFCC;border: solid 1px #336666;color:#666;font-size:11px;}

#divOverlay {
	position:absolute;
	width: 551px; 
	height: 451px;
	background:#000;
	filter:alpha(opacity:70);
	-moz-opacity:0.7;
	opacity:0.7;
	top:4px;
	left:14px;
}

#ajaxLoading {
	position:absolute;
	width: 551px; 
	height: 451px;
	background:#ccc;
	filter:alpha(opacity:40);
	-moz-opacity:0.4;
	opacity:0.4;
	top:4px;
	left:14px;
}

#ajaxLoading img {
	position:absolute;
	top:200px;
	left:250px;
}

#divDestination {
	width:350px;
	background:#dee1d3;
	position:absolute;
	top:40px;
	left:110px;
	padding:5px;
}
#divDestination table {border-collapse:collapse;}
#divDestination table td {vertical-align:top;}
#divDestination h3 {margin:0 0 5px;font-size:13px;background:#a3a799;padding:3px;color:white;line-height:15px;}
#divDestination h3 span {display:block;font-size:11px;color:#dee1d3;}
/*#divDestination h3 #aClose {position:relative;float:right;}*/
#divDestination #userReviewLink {font-size:12px;color:#e93;font-weight:bold;}
#divDestination h3 .small {font-size:10px;}
/*#divDestination h3 a {color:#fff;text-decoration:none;font-family:arial;}
#divDestination h3 a:hover {color:#ddd;}*/
#divDestination img.destImg {margin-right:10px;padding:3px;background:#eee;border:solid 1px #ddd;float:left;}
#divDestination  {color:#666;font-size:11px;line-height:14px;}
#divDestination h4 {margin:0;padding:0;font-size:12px;color:#000;}
#divDestination h4.gap {margin-top:3px;} 
#divDestination #divDestinationLinks {background:#a3a799;clear:both;color:#fff;padding-top:3px;padding-left:3px;padding-bottom:3px;margin-top:5px;}
#divDestination #divDestinationLinks a {color:#565;text-decoration:none; line-height:18px; }
#divDestination #divDestinationLinks a:hover {color:#ded;}

#divDestination #imgHourGlass {padding:0;border:none;}

div.section {color:#333;font-size:11px;padding:5px 3px;clear:both;
	border-top:solid 1px #a3a799;border-bottom:solid 1px #a3a799;margin-top:3px;background:#dee1d3;margin-top:10px;}
div.section input, div.section textarea {font-size:11px;color:#666;}
div.section input {width: 270px;}
div.section div.buttons {padding-right:5px;margin-top:5px;}
div.section input.button {background:#a3a799;border: solid 1px #a3a799;color:#666;width:90px;}
div.section label {float:left;display:block;width:60px;position:relative;top:2px;}

div.box {background:#dce5e5;width:180px;font-size:12px;border:solid 1px #bbc3c3;}
div.box div.title {background:#9ababb;padding:2px 5px;font-size:15px;color:#e6eeee;}
div.box div.content {padding:5px;font-size:11px;} 
div.box div.content select {font-size:11px;margin:1px 0 4px;display:block;color:#666;}
div.box label {display:block;}
div.box label span {color:#666;}

input.inputbox2 {margin-top:1px;width:80px;border:solid 1px #666; font-size:11px;color:#666;}
input.search {background:#dee1d3;border: solid 1px #666; color:#666; font-size:11px;}

#divLocation {position:absolute;right:8px;top:70px;}
#divDestinationNames {position:absolute;right:8px;top:180px;}

div.review_block {
height: 265px;
overflow: auto;
padding:5px;
position:relative;
}

#destinationNames .infohtml a {
	text-decoration: none;
	font-weight: normal;
	color: #000;
}

.tooltip {
	background-color:#ffffff;
	font-weight:bold;
	border:2px #006699 solid;
}

.hovericon {
	border:0px;
}


#permanent_link {float:right;}
#latestReviewText {
	float:right;
}

#tooltip {
    padding: 10px;
    background: #DDEEFF;
    border: 1px solid #000;
    text-align: left;
    font-size: 12px;
}

.destinationTooltip {
	color: black;
	font-weight: bold;
	background-color:  white;
	margin: 0;
	padding: 2px 4px;
	border: 1px solid black;
	width:150px;
}



/******************* STARS **********************/
.star-rating,
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left;/*
	background-position: 100%;
	background-position: -15px 100%;*/
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(star_small.gif);
	line-height: 10px;
	height: 10px;
}

/*********************************** dropdown nav **********/
#nav, #nav ul {
	font-size:12px;
	padding: 0;
	margin: 0;
	list-style: none;
	z-index:100;
	
	font-weight:normal;
}

div #checkboxes {
background: #727886;
padding-bottom:20px;
}

#nav li a {
	display: block;
	font-weight: normal;
	color: #fff;
	margin-left:5px;
}
/* ie7 fix: */
#nav li:hover, #nav li.hover {
    position: static;
}

#nav li a:hover, #nav li:hover {
	background: #eee;
}
#nav li:hover a {
color: #000;
}
#nav li ul li a {
	color:#000;
}
#nav li ul li a:hover {
	background: #eee;
}

#nav li {
	float: left;
	width: 125px;
	background: #727886;
}

#nav li ul {
	position: absolute;
	width: 125px;
	left: -999em;
}

#nav li ul li {
	width: 125px;
	background: #fff;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul li:hover {
	background: #eee;
}

.clearboth {
	clear: both;
}


.cat_filter {
background: #fff;
  border: 1px solid black;
  padding: 2px;
  margin-bottom: 3px;
  width: 6em;
font-size:11px;
  cursor: pointer;
}

.cat_filter_on {
/*
padding-left:2em;
  background-image: url(images/icons/gcheck.gif);
background-position: 4px 4px;
background-repeat: no-repeat;*/
}
.cat_filter_off {
/*
padding-left:2em;
  background-image: url(images/icons/gclose.gif);
background-position: 4px 4px;
background-repeat: no-repeat;*/
background: #ccc;
}
.cat_filter img {
  vertical-align: top;
}
.cat_filter_off img {
  visibility: hidden;
}
.bg_ccc {
background: #ccc;
}
.map_info {
  font-size:11px; line-height:16px; width:8em;
}

div.viaLink a:link, a:visited { color: #565; }
div.viaLink a:hover { color: #fff; }
h3 span.small a:link, a:visited {color:#fff}
h3 span.small a:hover {color:#ddd}

.closeX { float:right; font-size:11px; }
.closeX a.link, a:visited { color:#9E292B }

.destIcon { background:#363; vertical-align: middle; }
.closeIcon { background:#933; }

.hidden { display: none; }

.clearDir { margin-top: 15px;}
.resetDir { background: #efe; margin-top: 10px;}
.crosshair { cursor:crosshair; }

.small { font-size:10px; }

.LabeledMarker_markerLabel { font-weight: bold; }



/* old greenroutes.css: */
/* some base styles */

body {
	font-family:  arial, helvetica, sans-serif;
	text-align: center;
	color: #333;
	background: #dde1d3;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
	padding-bottom: 2em;
	line-height: 1.6em;
	font-size: 76%; /* make all other font size changes using ems in individual style rules; body must be set to 76% or higher */
	border: 0px;
	}

th, td /* Needed for NN4 and Quirks mode in Moz/FF as its tables do not inherit styles */ { 
	font-family:  arial, helvetica, sans-serif;
    font-size: 1em;
	} 
	
p {
	margin: 5px 0 5px 0;
	}
	
h1 {
	font-size:  1.2em;
	font-weight: bold;
	margin-top: 0em;
	margin-bottom: 0em;/*both set to zero and padding in header div is used intead to deal with compound ie pc problems that are beyound summary in a simple comment.*/
	color: #213418;
	padding: 0;
	line-height: 1em;
	height: 1em;
	}

h3 {
	font-size: 1.1em;
	margin: .2em 0em .2em 0em;
	margin: 0;
	padding: 0;
	font-weight: bold;
	color: #fff;
	line-height: 1em;
	}

img {
	border: 0;
	}

/*
ol, ul, li {
	margin-top: 0.2em;
	margin-bottom: 0.1em; 
	}
ul {
	padding: 0;
	margin: 0 0 0 0;
	}
	
li {
	padding: 0 0 0 12px;
	margin: 0 0 0 -10px;
	background-repeat: no-repeat;
	background-position: 0 6px;
	vertical-align: middle;
	color: #666;
	}
*/
a {
	text-decoration: none;
	font-weight: bold;
	color: #52307A;
	}

a:link, a:visited {
	color: #52307A; 
	text-decoration: none;
	font-weight: bold;
}

form {
	padding: 0;
	margin: 0;
	}
	
a:hover {
	color: #000;
	text-decoration: none;
	}	
	
.inputbox {
	width: 150px;
	font-size: 1em;
	}
.inputbox2 {
	width: 110px;
	font-size: 1em;
	}


/* colors and properties for main layout boxes */
	

	
#content {
		background: #fff;
		}

#tools {
		background: #b3b7a9;
		}


			
#footer {
	background: #727886;	
	text-align: left;
	color: #fff;
	}

* html #footer-wrapper {
	background: #dde1d3;         /*** Same as body background ***/
	text-align: center;
	}

#wrapper {
	background: #fff;
	font-size: 1em;
}

#bottomwrapper {
	font-size: 1em;
	background: #dde1d3;
	color: #666;
	}

#container .column {
	text-align: left;
}
	

/* sidebar bar modules */

.module h3 {
	background: #b3b7a9 url(../images/sbHeader.jpg) no-repeat;
	color: #2e2e2e;
    font-weight: bold;
	padding: 2px 2px 2px 2px;
	margin: 0;
	margin-bottom:5px;
	border: 1px solid #999;
	text-transform: uppercase;
	font-size: 1em;
	}

.module {
	background: #dee1d3;
	padding: 10px;
	margin: 5px 0 10px 0;
	font-size: .9em;
	border: 1px solid #666;
	width: 160px;
	}
	
/* special sidebar nav (footer)*/
	
#footernav {
	float: right;
	padding: 1px;
	margin: 140px 0 0 0;
	font: bold 90% Verdana, sans-serif;
	border: 0px solid;
	border-color: #AAA #666 #666 #AAA;
	width: 90px;
	}

#footernav  li {
	list-style: none;
	margin: 0 0 3px 0;
	padding: 0.25em 1em;
	border: 1px solid;
	border-color: #FFF #AAA #AAA #FFF;
	text-align: center;
	background: #dde1d3;
	}

#footernav  li a { text-decoration: none; }
#footernav  li a:link { color: #666; }
#footernav  li a:visited { color: #666; }
#footernav  li a:hover { color: #000; }

#intro_text {
	width: 560px;
}

#ad_div {
	width: 565px;
	height: 144px;
}

.cat_label {
	color: #2e2e2e;
    font-weight: bold;
	text-transform: uppercase;
	font-size: 1em;
}

div.user_input {color:#333;font-size:11px;padding:5px 3px;clear:both;
	border:solid 1px #9ababb;margin-top:3px;background:#dce5e5;margin-top:10px;}
div.user_input input, div.user_input textarea {font-size:11px;color:#666;margin:2px;}
div.user_input label {position:relative;top:2px;}
div.user_input h1 {margin-bottom:2px;}

div.user_input#secondary {border:solid 1px #9ababb;margin-top:3px;background:#e5e5dc;}
div.user_input#secondary .required {border:solid 1px #cc0000;margin:3px}