/* CSS Document */

.spotinfowindow {
	width: 500px;
}

.spotinfowindow h4 {
	margin-top: 10px;
	margin-bottom: 3px;
}

.spotinfowindow_inner {
	border: 0px solid #eee;
	padding: 4px;
}

.spotinfowindow_inner img {
	border: 2px solid #000;
	margin-right: 5px;
	margin-bottom: 5px;
	height: 50px;
}

.spotinfowindow_description {
	border: 1px solid #eee;
	padding: 3px;
	overflow: auto;
	height: 130px;
}

.spotinfowindow_description img {
	border: 2px solid #000;
	margin-right: 5px;
	margin-bottom: 5px;
}

/* Hides from IE-mac \*/
* html .spotinfowindow_description {height: 1%;}
/* End hide from IE-mac */

.spotinfowindow_description:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}


.spotinfowindow_ratings {
	border: 1px solid #eee;
	padding: 3px;
	font-size: 9px;
}

.spotinfowindow_ratings img {
	border: 0px solid #000;
	margin-right: 5px;
	width: 20px;
	height: 20px;
}

.spotinfowindow_warnings {
	border: 2px dashed #C66;
	padding: 3px;
	font-size: 11px;
	color: #C00;
}

.spotbuttonwindow {
	border: 1px solid #eee;
	padding: 3px;
	font-size: 9px;
	vertical-align: bottom;
}

.spotbuttonwindow td, .spotbuttonwindow tr, .spotbuttonwindow table {
	vertical-align: bottom;
}

.comment_counter {
	background-image: url(../images/comment_counter_backfround.png);
	background-repeat: no-repeat;
	height: 32px;
	width: 32px;
	vertical-align: middle;
}

.comment_counter a {
	display: block;
	text-decoration: none;
	height: 26px;
	width: 32px;
	color: #fff;
	font-size: 12px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	padding-top: 6px;
}









.mySpotsMenu {
	border: 1px solid #e6e6e6;
	background-color: #f6f6f6;
}

.mySpotsMenu a:link, .mySpotsMenu a:active, .mySpotsMenu a:visited  {
	display: block;
	margin: 5px;
	padding: 3px;
	color: #222;
	font-size: 15px;
	border: 1px solid #e6e6e6;
	background-color: #eee;
}

.mySpotsMenu a:hover {
	background-color: #f9f9f9;
}






.newSpotMenu {
	border: 1px solid #e6e6e6;
	background-color: #f6f6f6;
	padding: 8px;
	width: 540px;
}

.newSpotMenu .new_spot_name {
	color: #555;
	font-size: 18px;
	font-weight: bold;
	border: 0px;
	margin: 1px;
	margin-bottom: 4px;
	background: transparent;
	width: 100%;
}

.newSpotMenu .new_spot_name:hover {
	border: 1px solid #bbb;
	margin: 0px;
	margin-bottom: 3px;
}

.new_spot_page_menu {
	display: block;
	text-align: center;
	margin-top: 15px;
}

.new_spot_locationgrabber {
	width: 100%;
	height: 380px;
	border: 1px solid #ccc;
}




.new_spot_imagecontainer {
	margin-bottom: 10px;
	height: 110px;
}

.new_spot_image {
	float: left;
	text-align: center;
	margin-right: 3px;
}

.new_spot_image img {
	border: 2px solid #000;
}

.new_spot_loading {
	width: 100%;
	text-align: center;
	vertical-align: middle;
}




.new_spot_error_message {
	border: 2px dashed #C33;
	padding: 4px;
	background-color: #FE5;
	color: #900;
	font-weight: bold;
	text-align: center;
}

.new_spot_save_button:link, .new_spot_save_button:visited {
	display: block;
	text-decoration: none;
	border: 1px solid #aaa;
	margin-top: 40px;
	margin-bottom: 30px;
	padding: 20px;
	padding-top: 60px;
	padding-bottom: 60px;
	color: #333;
	font-size: 30px;
	font-weight: bold;
	text-align: center;
	background-color: #f5f5f5;
}

.new_spot_save_button:hover {
	background-color: #777;
	color: #eee;
}









.show_spot_settings {
	padding: 3px;
	border: 1px solid #e6e6e6;
	background-color: #fff;
}

.show_spot_settings hr {
	color: transparent;
	border: 0px solid;
	border-top: 1px solid #666;
}

.show_spot_settings table {
	border: 0px;
	width: 100%;
}

.show_spot_settings table th {
	text-align: left;
	vertical-align: top;
}

..show_spot_settings table td {
	text-align: left;
	vertical-align: top;
}

.show_spot_settings input {
	width: 40px;
}

/* put the left rounded edge on the track */
#track1-left {
	position: absolute;
	width: 5px;
	height: 9px;
	background: transparent url(images/slider-images-track-left.png) no-repeat top left;
}
			
/* put the track and the right rounded edge on the track */
#track1 {
	background: transparent url(images/slider-images-track-right.png) no-repeat top right;
}



.show_spot_preview {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	text-align: center;
	vertical-align: middle;
	padding: 20px;
	background: url(../images/bg_transparent.png);
	z-index: 500;
}

.show_spot_preview_button {
	margin-bottom: 10px;
}

.show_spot_preview_button input {
	font-size: 20px;
}

.new_spot_code {
	width: 350px;
	height: 80px;
	overflow: hidden;
}

.new_spot_url {
	width: 350px;
	height: 60px;
	overflow: hidden;
}



.spotcomment {
	padding: 5px;
	margin: 3px;
	background: #fff;
	font-size: 11px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;	/* Rounded edges in Firefox */
	vertical-align: top;
}

.spotcomment img {
	border: 0px solid #000;
}

.spotcomment .spotcomment_userimage img {
	border: 2px solid #000;
}

.spotcomment td {
	vertical-align: top;
}




.spotmod_selection {
	border: 1px solid #999;
	margin-top: 30px;
	padding: 4px;
	background-color: #fff;
}

.spotmod_names {
	border: 1px solid #999;
	margin-top: 10px;
	padding: 4px;
	background-color: #eee;
	-moz-border-radius: 4px;	/* Rounded edges in Firefox */
	line-height: 28px;
}

.spotmod {
	display: inline;
	border: 1px solid #ccc;
	margin: 2px;
	padding: 4px;
	background-color: #fff;
	-moz-border-radius: 4px;	/* Rounded edges in Firefox */
}
-->