/* General + resets */
body{
	background-color:#fff;
	font: normal normal normal 80%/116% Tahoma, Arial, sans-serif;
	color:#4c585c;
}

img {border:0;}

/* System  Messages */
.notice {color:green;}
.warning {color:#ff8a00;}
.error {color:red;}
.code {font-family:courier;font-weight:bold}
.system {
	border:1px solid;padding:3px 3px 3px 28px;
	color:#333;margin:8px 0;
}

.tab .system{margin:10px;text-align:left;}

.system.notice {
	background:url("../images/icons/tick.png") 3px center #dbffe0 no-repeat;
	border-color:green;
}
.system.warning {
	background:url("../images/icons/error.png") 3px center #fff5db no-repeat;
	border-color:#ff8a00;
}
.system.error {
	background:url("../images/icons/exclamation.png") 3px center #ffdbdb no-repeat;
	border-color:red;
}

.errorExplanation {
	background-color: #ffdbdb;
	border:1px solid red;
}

.errorExplanation h2{
	background-color:red;
	color:white;padding:3px;margin:0;
	font-size:12px;
}

/* End System Messages */
#header, #content, #footer {
	width:968px; margin:0 auto;
}

a, a:active, a:visited {color:#3e5770;text-decoration:none;}
a:visited {color:#4d6c8b;}
a:hover {text-decoration:underline;}
/* end General + resets */

/* Content */
#content #main{
	float:left;
	width:760px;
}

#content #main.new_marker{
	width: 968px;float:none;
}

/* end Content */

/* start Map Key */
#marker_type_key {margin-top:0.1em;}
#marker_type_key h3 {
	font: normal normal normal 1em/1em Tahoma, Arial, sans-serif;
	width:100px; float:left; margin:0;padding:0;border:0;
}

#marker_type_key p {
	float:right;
	font: normal normal normal 1em/1em Tahoma, Arial, sans-serif;
	margin:0 10px 0 0 ;padding:0;
}

#marker_type_key img {padding:0 4px;}

.tooltip {
	padding:4px;
	background-color: #fc3;color:#333;
	width:160px;
}

p.tagline{
	color:#4d6c8b;position:absolute;
	margin-top:55px;font-weight:bold;
	margin-left:24px;
}

/* end Map Key */

/* Header */
#header {
	height:77px;
}

#header h1 {
	float:left;
	margin:0;padding:0;
}

#header h1 a {
	display:block;font-size:1em;
	height:77px;width:172px;float:left;
	text-indent:-6000px;
	background:url('../images/main_logo.gif') top left no-repeat #fff;
}

#header #usernavigation{
	display:block;float:left;
	width:320px;height:62px;
	padding:10px 0 0 0;text-align:center;
}

#header #usernavigation ul{margin:0;padding:0;}

#header #usernavigation ul li{
	display:inline;list-style-type:none;
	padding:0px 0.5em;
}

#header #usernavigation ul li img {padding:4px 0;}

#header .promotion {
	width:470px;height:62px;
	/*margin:12px 0 0 500px;*/
	margin:12px 0 0 0;
	color:#ddd;float:left;
	float:left;
}
/* end Header */

/* Footer */
#footer{
	text-align:center;padding-top:1em;
	font-size:0.8em;clear:both;
	color:#777;
}
#footer ul {display:inline;margin:0;padding:0;}
#footer ul li {display:inline;}
#footer ul li a {padding:2px 2em;color:#34424a;}

/* end Footer */

/* general utility classes */
.clearleft {clear:left;}
.clearright {clear:right;}
.clear {clear:both;}

#tower_promotion{
	float:right;padding:20px 0;
}

/* marker styles */
.regionmarker, .countrymarker, .areamarker {
	width:120px;height:20px;
	padding:3px 2px 2px 2px;
	overflow:hidden;cursor:pointer;
	text-transform:capitalize;
	background:url("../images/markers/region_marker.gif") top left no-repeat transparent;
	color:#333;font-size:10px;font-family:Arial, serif;text-align:center;
	
}

.regionmarker:hover, .countrymarker:hover, .citymarker:hover{
	color:blue;
}

#marker_image_div{
	width:600px;
}

.ffm_description.wide {
	width:220px;height:300px;
	overflow:auto;font-size:0.9em;
}

.ffm_description {
	width:420px;height:300px;
	overflow:auto;
}

.ffm_marker_image {
	float:right;width:240px;
	max-height:320px;
}

/* end marker styles */

/* map controls */
#flyfishMap{
	border:2px solid #c6c6c6;
}

div#map_controls.large {
	width:750px;height:24px;
}

div#map_controls.small {
	display:none;
}

div#map_controls.large div.slider,
div#map_controls.small div.slider {
	width:173px; margin:0;
	background:url("../images/zoombar.jpg") center no-repeat transparent;
	height:15px; position: relative;
}
div#map_controls.large div.handle,
div#map_controls.small div.handle {
	width:12px; height:14px; cursor:move;
	background:url("../images/zoomhandle.jpg") center no-repeat transparent;
	position: absolute;
}

div#map_controls.large div.zoom_container,
div#map_controls.small div.zoom_container {
	width:250px;height:15px; padding:0 10px 0 40px; float:left;margin-top:5px;
	background:url("../images/zoom_container.gif") top left no-repeat transparent;
}

div#map_controls.large div.map_types_container{
	padding-left:474px;
}

div#map_controls.small div.map_types_container{
	display:none;
}

a.map_type_control{
	float:left;height:24px; width:66px;
	padding:0 0 0 3px;text-indent:-6000px;
	cursor: pointer;display:block;
}

a.map_type_control#G_NORMAL_MAP{
	background:url("../images/views_map.gif") center no-repeat transparent;
}
a.map_type_control#G_SATELLITE_MAP{
	background:url("../images/views_sattelite.gif") center no-repeat transparent;
}
a.map_type_control#G_PHYSICAL_MAP{
	background:url("../images/views_terrain.gif") center no-repeat transparent;
}
a.map_type_control#G_HYBRID_MAP{
	background:url("../images/views_hybrid.gif") center no-repeat transparent;
}

/* end map controls */

/* Add marker form */
#main .stepbutton {
	float:left;
	text-align:center;
}

#main .stepbutton a {
	background:url("../images/add_marker_tab.gif") transparent;
	display:block;padding-top:8px;
	text-decoration:none;cursor:default;
	width:242px;height:24px;
}

#main .stepbutton a.active {
	cursor:pointer;
}

#main .stepbutton a.active:hover,#main .stepbutton a.current {
	color:black;
}

#main .stepbutton a#saved{
	background-position:0 0;
}

#main .stepbutton a#located{
	background-position:-242px 0;
}

#main .stepbutton a#enhanced{
	background-position:-484px 0;
}

#main .stepbutton a#accepted{
	background-position:-726px 0;
}

#main .stepbutton a.active#saved:hover,#main .stepbutton a#saved.current{
	background-position:-1px 33px;
}

#main .stepbutton a.active#located:hover,#main .stepbutton a#located.current{
	background-position:-242px 33px;
}

#main .stepbutton a.active#enhanced:hover,#main .stepbutton a#enhanced.current{
	background-position:-484px 33px;
}

#main .stepbutton a.active#accepted:hover,#main .stepbutton a#accepted.current{
	background-position:-726px 33px;
}

div.tab, .new_marker .errors {
	clear:both;
	background:url("../images/add_marker_bg.gif") top left repeat-y transparent;
}

.errors .errorExplanation {
	padding:0;margin:0px 18px;
	background-color:#fcc;
	border:1px solid red;
	font:11px;
}
.errors .errorExplanation p {
	margin:2px 6px;
}
.errors .errorExplanation h2 {
	margin:0;padding:4px;
	font-size:12px;color:white;
	background-color:red;
}

.errors .errorExplanation ul {margin:0 0 4px 0;}

.tab_bottom {
	background:url("../images/add_marker_bottom.gif") top left repeat-x transparent;
	height:17px;width:968px;clear:both;
}

.marker_type_select td{
	text-align:center;
}

hr.clear {
	margin:0 10px;border:0;border-bottom:1px solid #999;clear:both;
}

img.marker_example {
	float:right;padding:10px 2px 0 0;
}
div.marker_info_form {
	padding:10px;
	float:left;width:410px;
}

div.marker_info_form p{
	margin:0 0 4px 0;padding:0;
}

div.marker_info_form{
	color:#34424a;
}
div.marker_info_form input,
div.marker_info_form textarea {
	margin-left:22px;
	border:1px solid #CCC;width:276px;
	padding:6px 4px;
}

div.marker_info_form table{margin-left:22px;}

input.continue {
	border:0 !important;margin-top:1em;
	background:url("../images/button_submit_green.gif") top left no-repeat !important;
	width:145px !important; height:33px;text-align:center;float:right;
	color:white;font: bold 13px Arial;cursor:pointer;
}

table.enhancements {
	width:960px;
	text-align:left;
}

ul.image.assets {
	list-style-image:url('../images/icons/image.png');
}

ul.video.assets {
	list-style-image:url('../images/icons/television.png');
}

ul.audio.assets {
	list-style-image:url('../images/icons/sound.png');
}

ul.assets ul li {
	height:16px;margin:2px 0;
}

ul.assets ul li a:hover {
	text-decoration:none;background-color:#ffc;
}
/* End add marker form */

/* Static page classes */
.page.content ol{
	list-style-type:none;
}

.page.content ol li {
	padding:4px 0;
}
/* End static page classes */

/* Start sidebar */
#content #sidebar{
	width:208px;
	margin-left:760px;
}

#sidebar #instructions{
	width:208px;
	background:url("../images/sidebar_bg.gif") repeat-y;
}

#sidebar #instructions a,
#sidebar #instructions a:hover,
#sidebar #instructions a:visited,
#sidebar #not-logged-in a,
#sidebar #not-logged-in a:hover,
#sidebar #not-logged-in a:visited {
	color:#002eff;font-size:12px;
}

#sidebar #not-logged-in{
	text-align:center;
	background-color:#ffcc33;
	border:1px solid #bb9625;
	padding:2px 0;margin:4px 11px 0 3px;
}

#sidebar #instructions h3{
	background:url("../images/sidebar_instructions.gif") top left no-repeat;
	text-align:center;font-size: 12px;color:#333;font-weight:normal;
	margin:0;border:0;padding:8px 10px 0 0;height:25px;
}

#sidebar .tab {
	width:208px;
	background:url("../images/sidebar_bg.gif") repeat-y;
	display:none;clear:none;float:left;
}
#sidebar .tab form {padding:4px;}
#sidebar .tab input.text {
	width:150px;float:left;
	margin-right:4px;
}

#sidebar .tab input.submit {
	width:30px;
}

#sidebar .tab.current {
	display:block;
}

#sidebar .stepbutton {
	float:left;
	text-align:center;
}

#sidebar .stepbutton a {
	background:url("../images/sidebar_tabs.gif") transparent;
	display:block;padding-top:8px;
	text-decoration:none;text-align:center;
	width:65px;height:26px;font-size:10px;
}

#sidebar .stepbutton a:hover,
#sidebar .stepbutton a.current {
	color:black;
}

#sidebar .stepbutton a#marker_search{
	background-position:0 0;
}

#sidebar .stepbutton a#marker_filter{
	background-position:-65px 0;padding-left:2px;
	width:63px;
}

#sidebar .stepbutton a#marker_add{
	background-position:-130px 0;padding-left:2px;
	font-size:9px;width:68px;
}

#sidebar .stepbutton a#marker_search:hover,
#sidebar .stepbutton a#marker_search.current{
	background-position:0px 35px;
}

#sidebar .stepbutton a#marker_filter:hover,
#sidebar .stepbutton a#marker_filter.current{
	background-position:-65px 35px;
}

#sidebar .stepbutton a#marker_add:hover,
#sidebar .stepbutton a#marker_add.current{
	background-position:-130px 35px;
}

#sidebar .marker_type_filter {
	margin-top:1em;
}

#sidebar .marker_type_filter div {
	width:47px;float:left;text-align:center;
}

#search_results,
#filter_results {
	margin:0 1.2em;padding:0 1em;
	font-size:11px;line-height:100%;
}

#sidebar .tab h4,
#sidebar .tab h4 {
	margin:0;padding:2px 10px;
}

.contact label {
	width:160px;display:block;
	float:left;padding-right:12px;
}

#search_results li,
#filter_results li{
	padding:3px 0;
}

#search_results li strong,
#filter_results li strong{display:block;}

#sidebar .tab_bottom {
	width:200px !important;height:18px;float:left;clear:none;
	background:url("../images/sidebar_bottom.gif") top left no-repeat;
}

#sidebar p {
	padding:0 5px 5px 5px;margin:0;
}

#sidebar p span {
	color:#eb9533;font-size:1.5em;
}

.marker_type_filter input {padding:0;margin:0;}

#usage {font-size:11px;padding:5px;}
/* End sidebar */

/* Start account styles */
#userupdate {
	
}

#userupdate form{
	margin-left:220px;
}

#userupdate label{
	float:left;width:120px;
	display:block;
}

h3 {
	font-size:12px;color:#999;margin:0;
	padding:0 0 6px 0;border-bottom:2px solid #999;
}

.account table.marker.list{
	padding:0 10px;width:600px;
}

.account table.marker.list td {
	border-bottom:2px solid #999;
}
#content.account {
	
}

#pagination {
	padding:10px;
}

table.marker.list td {padding: 0 5px 0 5px;}
table.marker.list td p {font-size:11px;}
table.marker.list td p.stati {display:block;font-size:10px;padding:5px 0;}
table.marker.list td p.stati span {margin:0 5px 0 0;border:2px groove;padding:2px;}
table.marker.list td .marker_tools {margin-bottom:4px;}
#user_sidebar{
	margin:0;
	margin-top:40px;
	width: 200px;text-align:center;
	float:left;background:white;
}

.user.form label {
	width:120px; float:left;
}
.banner_container {
	margin-left:200px
}
.ffm_banner{
	display:block;float:left;margin:4px;
}

#user_sidebar a.button {
	display:block;
	height:23px;width:156px;
	text-align:center;color:#333;
	padding: 3px 0 0 0;margin:4px auto;
}

#user_sidebar a.marker.button{
	background:url("../images/account/users_sidebar_markers.gif") top left no-repeat white;
}

#user_sidebar a.system.button{
	border:0;
	background:url("../images/account/users_sidebar_system.gif") top left no-repeat white;
}
/* End account styles */

/* Start Databoxes */
.box {
	width:367px;margin:0;
	float:left;padding:0;
	background:url("../images/infobox_bg.gif") top left repeat-y;
	line-height:88%;
}

.box h2 {
	text-align:center;color:#333;
	font:normal 12px Tahoma, Arial, sans-serif;
	padding-top:6px;margin:0;
	height:28px;background:url("../images/infobox_h2.gif") top left no-repeat;
}

.new.box{
	margin-right:16px;
}
.new.box{
	
}

div.bottom {
	margin:0;border-color:white; border:0 !important;padding:0;width:367px;height:12px;
	background:url("../images/infobox_bottom.gif") top left no-repeat;
}

.box .boxcontent {
	height:200px;
	overflow:auto;
	margin:0 10px 0 6px;
}

.box ol {
	margin-left:0;padding-left:24px;
}

.box ol li {
	padding:2px 0;margin:0;
	clear:left;
}

sup { color:red;font-weight:bold;}

.box ol li img {float:right;padding:2px;}
/* End Databoxes */

.tab_content {width:480px;margin-top:14px;}
.tab_content.yt {width:400px;margin-top:8px;height:320px;}
.tab_content h4 {margin:0;padding:0 0 2px 0;}
.imagemarker {max-height:320px;max-width:480px;}
.imagemarker.thumbnail{max-height:280px;max-width:420px;}