html {
  height: 100%;
	width: 100%;
  overflow: auto;
}

body {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
}

h2 {
	margin: 5px;
	font-size: 1.4em;
	font-weight: bold;
  color: #693;
}

p {
	font-size: 1.2em;
	color: #693;
	margin-top: 5px;
}

input,
textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border: 1px solid #bebcbc;
	color: #333;
}

p input {
	font-size: 1em;
}

p textarea {
	font-size: 1.1em;
}

input.long {
	width: 406px;
	padding: 2px;
}

form {
	margin: 0px;
	padding: 0px;
}


/* = LINKS
-------------------------------------------------*/

a:link,
a:visited,
a:active {
/*	text-decoration: none; */
	outline:none;
}

a:hover {
/*		text-decoration: underline; */
	outline:none;
}

a { color:#669933; }


a img {
	border: 0px;
}

/* = PAGE-AREA
-------------------------------------------------*/

#page-area {
	font-size: 1em;
	line-height: 1.4em;
	margin: 0px;
	padding: 0px;
	height: 100%;
}

/* = HEADER
-------------------------------------------------*/

#header {
	background: #fff url('../images/header_bg.jpg') no-repeat 0% 0%;
	padding-top: 45px;
	width: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 101;
}

/* = TOP NAV
-------------------------------------------------*/

#top-nav {
	margin: 0px;
	padding: 0px;
	list-style: none;
	position: absolute;
	right: 12px;
	top: 12px;
}


#top-nav li {
	margin: 0px;
	padding: 2px 10px;
	font-size: 1em;
	display: inline;
	color: #9d9c91;
	border-left: 1px solid #9d9c91;
}

#top-nav li a:link,
#top-nav li a:visited,
#top-nav li a:active {
	color: #9d9c91;
	text-decoration: none;
	font-size: 1.2em;
}

#top-nav li a:hover {
	text-decoration: underline;
}

#top-nav li#tn-login {
	border: 0px;
}

/* = NAVIGATION BAR
-------------------------------------------------*/

#navigation-bar {
	position: relative;
	height: 29px;
	padding: 0px 33.5em 0px 23em;
	background: #e1dddc url('../images/main_nav_bg.jpg') no-repeat 50% 0%;
}


/* = MAIN NAV
-------------------------------------------------*/

#main-nav {
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	width: 400px;
}

#main-nav li {
	float: left;
	margin: 0px;
	padding: 0px 10px;
	font-size: 1.2em;
	line-height: 2.3em;
	white-space: nowrap;
}

#main-nav li {
	width:97px;
}

#main-nav li a:link,
#main-nav li a:visited,
#main-nav li a:active {
	color: #693;
	background: transparent url('../images/bullet_main_nav.png') no-repeat 100% 50%;
	padding-right: 16px;
	display: block;
}

#main-nav li a.sel:link,
#main-nav li a.sel:visited,
#main-nav li a.sel:active {
	background-image: url('../images/bullet_mn_radio_sel.png');
}

#main-nav li a:hover {
	text-decoration: none;
}

#main-nav a span {
	color: #706f69;
}

/* = DROP DOWNS
-------------------------------------------------*/

#main-nav li.hover {
	position: relative;
}

#main-nav li ul {
	position: absolute;
/*
	position: absolute;
	left: -9999em;
*/
	background: transparent url('/images/drop_down_bg.png') no-repeat 0% 100%;
	padding: 6px 6px 6px;
	margin: 0px;
	width: 80px;
}

#main-nav li.hover ul {
	left: 10px;
	top: 28px;
}

#main-nav li li {
	display: block;
	padding: 0px;
	margin: 0px;
	line-height: 1.5em;
	font-size: 1em;
	text-align: left;
}

#main-nav li li a:link,
#main-nav li li a:visited,
#main-nav li li a:active {
	padding: 0px 0px 0px 15px;
	background: transparent url('../images/bullet_mn_radio.png') no-repeat 0% 50%;
	color: #5d5d58;
}

#main-nav li a { text-decoration:none; }


#sn-create-new li#hotspot-link a {	background: transparent url('../images/bullet_hotspot_pin.png') 3px center no-repeat;	padding-left: 22px; }
#sn-create-new li#sighting-link a {	background: transparent url('../images/favicon.png') 3px center no-repeat;	padding-left: 22px; }
#sn-create-new li#trip-link a {	background: transparent url('../images/bullet_trip_pin.png') 3px center no-repeat;	padding-left: 22px; }



/* = WELCOME MESSAGE
-------------------------------------------------*/
#welcome-message {
	text-align:center;
  width:450px;
  height:300px;
  z-index: 9999;
	background-color:transparent;
}

#welcome-message h1 {
  color:#FFF;
  font-size:32px;
}

#welcome-message p {
  font-size:18px;
  font-weight:normal;
  line-height:32px;
  letter-spacing:0.25px;
  color:#FFF;
  padding:0;
  margin:0;
}

#welcome-message strong {
  font-size:30px;
  font-weight:bold;
  padding:0;
  margin:0;
  color:#FFF;
}

/* = QUICK MESSAGE
-------------------------------------------------*/
#quick-message {

	position: absolute;
	top: 130px;
	left: 50%;
	width: 200px;
	margin-left: -190px;
	padding: 10px;
	color: #333;
	border: 1px solid #ccc;
	z-index: 401;

	background-color: #efefef;
}

#quick-message p {
	margin: 0px;
	color: #333;
	text-align: center;
}

#quick-message a {

  margin:0 8px 0 8px;
}

/* = INFO ABOUT WHAT'S ON THE MAP
-------------------------------------------------*/
#viewport-info {

	position: absolute;
	bottom: 20px;
	width: 230px;
	left: 50%;
	margin-left: -115px;
	padding: 5px;
	color: #333;
	border: 1px solid #ccc;
	z-index: 401;
	background-color: #efefef;
	text-align:center;
	opacity:0.7;
}

/* = PROGRESS
-------------------------------------------------*/
#progress {

	position: absolute;
	width: 90px;
  bottom:100px;
	left: 50%;
	margin-left: -45px;
	padding:10px;
	z-index: 402;
	text-align:center;
	background-color: #efefef;
	opacity:0.5;
}

#progress p {

  color:#000;
  font-size:16px;
  padding:5px;
  margin:0;
}


/* = CONTENT-AREA
-------------------------------------------------*/

#content-area {
	height: 100%;
	width: 100%;
	position: relative;
}


/* = TAB CONTENT
-------------------------------------------------*/

#tab-content-wrapper {

	position: absolute;
	right: 12px;
	top: 72px;
	width: 322px;

/* the lightbox is at z-index 100.  keep the tabs on top */
	z-index:101;
}

#user-area {

  max-height:400px;
  height: expression(this.height > 400 ? 400: true);
	overflow:auto;

}

#tab-content {
	width: 312px;
	padding: 5px 4px 3px 4px;
	background-color: #C9DC74;
	border: 1px solid #b4c07e;
	border-width:0 1px 0 1px;
	height: 90%;
}

.closed #tab-content {
	display: none;
}

#tab-content-close {
	text-align: center;
	display: block;
	width: 322px;
	height: 23px;
	background: transparent url('../images/button_tab_content_bg.gif') no-repeat 0px -23px;
}

.closed #tab-content-close {
	background-position: 0px 0px;
}

#tab-content-close span {
	position: absolute;
	left: -9999em;
}

/* = WHITE CONTENT BLOCK
-------------------------------------------------*/

.content-block {
	background: #e0eea0 url('../images/green_block_mid_bg.png') repeat-y 0% 0%;
	margin-bottom: 3px;
	color: #333;
	width: 312px;
}

.content-block .cb-top {
	background: transparent url('../images/green_block_top_bg.png') no-repeat 0% 0%;
	width: 312px;
}

.content-block .cb-inside {
	padding: 16px;
	width: 280px;
	background: transparent url('../images/green_block_bot_bg.png') no-repeat 0% 100%;
}


.cb-inside_account {
	padding: 8px 16px 8px 16px;
	width: 280px;
	background: transparent url('../images/green_block_bot_bg.png') no-repeat 0% 100%;
}

.white {
	background-color: #fff;
	background-image: url('../images/white_block_mid_bg.png');
	color: #393;
}

.white .cb-top {
	background-image: url('../images/white_block_top_bg.png');
}

.white .cb-inside {
	background-image: url('../images/white_block_bot_bg.png');
}

.content-block h1,
.content-block h2 {
	font-size: 1.5em;
	font-weight: normal;
	margin: 0px 0px 10px;
	color: #393;
}

.content-block h1 span,
.content-block h2 span {
	font-size: 1.5em;
}

.content-block p {
	font-size: 1.2em;
}

.content-block p.more-to-come {
	text-align: center;
	color: #363;
}

.content-block ul {
	margin: 0px;
	padding: 0px 0px 0px 15px;
}

.content-block ul li {
	font-size: 1.2em;
	margin-bottom: 2px;
}
/*
.content-block a:link,
.content-block a:visited,
.content-block a:active {
	color: #693;
	text-decoration: underline;
}

.content-block a:hover {
	text-decoration: underline;
	text-decoration: none;
}
*/

#tc-about  a:link,
#tc-about  a:visited,
#tc-about  a:active {
	color: #693;
	text-decoration: underline;
}

#tc-about a:hover {
	text-decoration: underline;
	text-decoration: none;
}


.content-block a.more:link,
.content-block a.more:visited,
.content-block a.more:active,
.content-block a.more:hover {
	font-style: italic;
}


.content-block a.button_green:link,
.content-block a.button_green:visited,
.content-block a.button_green:active,
.content-block a.button_green:hover {
	color: #FFF;
  font-size:11px;
  font-weight:normal;
	text-decoration: none;
}

.content-block a.button_white:link,
.content-block a.button_white:visited,
.content-block a.button_white:active,
.content-block a.button_white:hover {
	color: #676767;
  font-size:11px;
  font-weight:normal;
	text-decoration: none;
}

/* = SIDE BAR
-------------------------------------------------*/

#side-bar-content {

  text-align:center;
	margin: 5px;
	font-size: 1.2em;
	font-weight: bold;
	color: #693;
}

.curr-actions {
  text-align:right;
}
/* = TYPE TABLE
-------------------------------------------------*/

.type-table {
	margin: 5px 0px 20px;
}

.type-table td {
	padding: 2px 3px;
}

.type-table label,
.type-table input {
	vertical-align: middle;
}

.type-table label {
	padding-left: 10px;
	font-size: 1.1em;
}

.type-table label.other {
	padding: 0px 10px 0px 0px;
}

#hs-advertisement {

  margin:0;
  padding:0;

  text-align:center;

  height:46px;
}

#pp-advertisement {

  margin:0;
  padding:0;

  text-align:center;

  height:46px;
}

/* = MINI POPUP
-------------------------------------------------*/

#mini-popup {
	background: transparent url('../images/mini_popup_bg.png') no-repeat 0% 0%;
	width: 371px;
	height: 143px;
	position: absolute;
	left: -190px;
	top: -176px;
	z-index: 70;
	padding: 15px;
}

/* = MENU AREA
-------------------------------------------------*/

#menu-area {
	text-align: left;
	padding: 2px;
	height:34px;
}

/*

#menu-area a:link,
#menu-area a:visited,
#menu-area a:active {
	color: #693;
	vertical-align: middle;
	text-decoration: underline;
}

#menu-area a:hover {
	color: #693;
	text-decoration: none;
  font-size:11px;
}
*/

/*
#account_welcome {
  float:left;
  width:230px;
  padding:0;
  margin:0;
}

#account_welcome p {
  text-align:left;
  font-weight:bold;
  font-size:12px;
  color:#693;
  padding:0;
  margin:0;
}
*/

#account_logout { position:absolute; right:5px; top:5px; }

#account_logout a {  font-size:11px;  font-weight:normal; }

#account_menu_links {  margin:2px 0 2px 0;  text-align:left; }
#account_menu_links a {  font-weight:normal;  font-size:12px; }

#menu_item_hotspot:link {  font-weight:normal;  font-size:11px; }
#menu_item_hotspot:hover {  font-weight:normal;  font-size:11px; }
#menu_item_hotspot:active {  font-weight:normal;  font-size:11px; }
#menu_item_hotspot:visited {  font-weight:normal;  font-size:11px; }

#menu_item_sighting:link {  font-weight:normal;  font-size:11px; }
#menu_item_sighting:hover {  font-weight:normal;  font-size:11px; }
#menu_item_sighting:active {  font-weight:normal;  font-size:11px; }
#menu_item_sighting:visited {  font-weight:normal;  font-size:11px; }


#menu_item_profile {  font-weight:normal;  font-size:12px; }

#account_menu_links a.menu_sel {  font-weight:bold;  font-size:13px; }

/* = LOGO
-------------------------------------------------*/

#logo {
	position: absolute;
	left: 13px;
	top: 0px;
}

#logo img {
	display: block;
	border: 0px;
}



/* = LOCATION BLOCK
-------------------------------------------------*/

#location-block {
	color: #333;
	font-size: 1em;
	width: 149px;
	height: 110px;
	z-index:60;
	position:absolute;
	bottom:45px;
	left:14px;
	padding-top:5px;
	background: transparent url('../images/location_bg3.png') no-repeat 0% 0%;
}

#location-block a {

  padding-left:4px;
  text-decoration:underline;
  color:#555;
}

#jumpto {
	color: #333;
	font-size: 1em;
	width: 156px;
	height: 50px;
}

#jumpto table {
  border-collapse:collapse;
  margin:0;
}

#jumpto td {
  text-align:left;
  padding:0;
}

#lat, #lng {
  padding-left:5px;
}

#location-form {
	padding:0 10px 0 10px;
	margin: 0px;
}


#location-form input {
	vertical-align: middle;
	margin: 0px;
	width:68px;
	font-size:10px;
}

#location-form-submit {
	padding: 0px;
	width: 29px;
	height: 24px;
}

#location-block #jumpto_query {
	border: 1px solid #b5b5b3;
	color: #777;
	font-size: 1.1em;
	padding: 3px;
	width: 90px;
}



/* = UTILITY
-------------------------------------------------*/

.clear {
	clear: both;
	height: 0px;
	line-height: 0px;
}

.clear span {
	position: absolute;
	left: -9999em;
}

.submenu_show {
	left: -1px;
}

.submenu_hide {
	left: -999em;
}

.topmenu_show {
  position:relative;
}

.topmenu_hide {
  position:absolute;
	left: -999em;
}

#map {
  position: relative;
  width: 100%;
  height: 100%;
}



#map_tools {
  background-color:#FFF;
  border:1px solid #555;
  text-align:left;
  padding:0;
  position:absolute;
  width:145px;
  left:13px;
  top:85px;
  z-index:100;
}

#map_tools_header {
  height:17px;
  background-color:#CCC;
  border-bottom:1px solid #555;
  text-align:right;
  padding-top:2px;
}

#map_tools_header span {

  font-size:12px;
  padding-right:22px;
  color:#555;
}

#map_tools_close {

  position:absolute;
  right:3px;
  top:2px;
}

#map_tool_icons {
  height:40px;
}

#map_tools_footer {
}

#map_tools_footer a {

  display:block;
  color:#333;
  font-size:13px;
  padding-left:2px;
  height:36px;
  background: #FFF url('../images/arrow graphic on white.jpg') no-repeat bottom center;
  text-decoration:none;
}

.map_tools_hide { display:none; }

.map_tools_edit { display:block; }
.map_tools_edit #map_tools_content { display:block; }


.map_tools_view { display:block; }
.map_tools_view #map_tool_icons { display:none; }

.maptool {
  width:31px;
  height:31px;
  display:block;
  float:left;
  margin:7px 0 0 0;
  padding:2px;
}

.tool_pan { background-image:url(../images/tool_pan.png); background-repeat:no-repeat; margin-left:4px; }
.tool_pan_active {  background-image:url(../images/tool_pan_active.png); background-repeat:no-repeat; margin-left:4px; }
.tool_waypoint {  background-image:url(../images/tool_waypoint.png); background-repeat:no-repeat; }
.tool_waypoint_active {  background-image:url(../images/tool_waypoint_active.png); background-repeat:no-repeat; }
.tool_polyline {  background-image:url(../images/tool_polyline.png); background-repeat:no-repeat; }
.tool_polyline_active {  background-image:url(../images/tool_polyline_active.png); background-repeat:no-repeat; }
.tool_polygon {  background-image:url(../images/tool_polygon.png); background-repeat:no-repeat; }
.tool_polygon_active {  background-image:url(../images/tool_polygon_active.png); background-repeat:no-repeat; }

#tos_footer {

	z-index:60;
	position:absolute;
	bottom:20px;
	right:5px;

  width:500px;
  text-align:right;
  font-size:11px;
  font-weight:bold;
}

#tos_footer a {

  font-size:11px;
  font-weight:bold;
  margin:0px;
  padding:0px;
}

#tos_footer p {
  display:inline;
  padding:0 3px 0 3px;
}

.footer_satellite_hybrid span {
  color:#FFF;
}

.footer_satellite_hybrid a, .footer_satellite_hybrid p {
  color:#CCC;
}

.footer_map_terrain span {
  color:#333;
}

.footer_map_terrain a, .footer_map_terrain p {
  color:#666;
}


.tooltip, .tiny-popup {
  background-color:#CDDF7C;
  color:#339933;
  font-size:12px;
	border:1px solid #8B9F33;
	padding: 2px 3px 2px 3px;
  white-space: nowrap;
}


/* = SEARCH FORM
-------------------------------------------------*/

.search-form {	margin: 5px 0 8px 0; }
.search-form p {	margin: 0px;	text-align: center; }
.search-form label, .search-form input, .search-form img, .search-form a { vertical-align: middle; }
.search-form input { font-size: 1.2em;  margin-top:1px; }
.search-form #searchQuery, .search-form #searchAbout {	border: 1px solid #d6d6d5;	padding:2px; }
.search-form label {	font-size: 1.2em;	color: #693;	font-weight: bold;	padding-right: 5px; }

#search-results {	margin: 0 10px 5px 0;	padding: 8px 0 0 0;	list-style: none; }
#search-results li {  padding:1px; }


#search-results li h2 {
	font-size: 12px;
	margin:0 0 2px 0;
	padding:0;
	color: #69af44;
	font-weight: bold;
}

#search-results li h2 a:link,
#search-results li h2 a:visited,
#search-results li h2 a:active {
	color: #69af44;
	font-weight: bold;
	text-decoration: underline;
}

#search-results li h2 a:hover {	text-decoration: none; }
#search-results .score {  font-size:11px;  color:#0D0DFF; }
#search-results li h3 {	margin:0; padding:0;	font-size: 10px;	font-weight:bold;	color:#777; }
#search-results li p {	margin:0;	padding:0;	font-size: 11px;	line-height:12px;	height:26px;	overflow:hidden;	color: #333; }
#search-results-paging {	margin: 20px 0 0 0;	padding:10 0 10px 0;  width:265px; }
#search-results-paging p {	text-align: center;	padding: 0px 60px;	margin: 0px; }
#search-results-paging em {  font-weight:bold;	font-size: 15px;  font-style:normal; }
#search-results-paging a {	position: relative;  padding-right:3px; }

#search-results-paging a:link,
#search-results-paging a:visited,
#search-results-paging a:active {
	font-size:14px;
	text-decoration: none;
}

#search-results-paging #prev {	position: absolute;	left: 0px;	top: 0px; }
#search-results-paging #next {	position: absolute;	right: 0px;	top: 0px; }

/* map naigator styling
----------------------------------------------------------------------------*/

#map_nav {
	width: 155px;
	height: 90px;
	position:absolute;
	bottom:45px;
	left:14px;
	background: transparent url('../images/location_bg4.png') no-repeat 0% 0%;
	opacity: .85;
	filter: alpha(opacity=85);
}

#map_nav a { text-decoration:none; }
#map_nav ul {	list-style: none;	padding:0;	margin:7px 0 4px 10px; }
#map_nav li {	display: inline;  padding:0 2px 0 6px; }

.map_nav_unsel  {	font-size:12px;	color:#333; }
.map_nav_sel  {  font-weight:bold; font-size:12px;  color:#000; }

#map_nav_lat, #map_nav_lng {  width: 85px;  font-size:12px;  padding:0;  background-color:#CCC; display:block; text-align:left;  float:left; }
#map_nav_lat1, #map_nav_lat2, #map_nav_lat3, #map_nav_lat4,
#map_nav_lng1, #map_nav_lng2, #map_nav_lng3, #map_nav_lng4
 {
  width: 15px;
  font-size:12px;
  padding:0;
  background-color:#CCC;

  display:block;
  text-align:left;
  float:left;

}

#map_nav_show_crosshairs {  width:16px; }

.map_nav_coord {  line-height:16px; height:16px; }

#map_nav_go_dec, #map_nav_go_dms {  font-size:12px;  display:block;  float:left;  padding:0 2px 0 2px;  border:1px solid #333;  margin-left:5px;  background-color:#EEE;  color:#000; }

#map_nav_lat_dms, #map_nav_lng_dms {  float:left; margin-bottom:2px; }
#map_nav_lat_dec, #map_nav_lng_dec {  float:left; margin-bottom:2px; }
#map_nav_lat_dec span, #map_nav_lng_dec span {  display:block;  float:left; font-size:14px; }
#map_nav_lat_dms span, #map_nav_lng_dms span {  display:block;  float:left; font-size:14px; }
#map_nav_div_cross {  float:left;  text-align:left;  margin-top:2px;  margin-left:15px;vertical-align:middle; }
#map_nav_div_cross input { vertical-align:middle; padding:0; margin:0 3px 0 0; }
#map_nav_div_cross label { vertical-align:middle; padding:0; margin:0; font-size: 11px;}