/* =navigation */

#main-navigation{
	float:left;
	background: url(/assets/images/nav-sw-new2.gif) no-repeat;
	height: 46px;
	width:502px;
	margin:0 0 0 55px;
	overflow:hidden;
}


#main-navigation li {
	display: inline;
}

#main-navigation a {
	float:left;
	text-indent:-8000px;
	height:46px;
}

#main-navigation #home a {
	width:54px;	
}

#main-navigation #surf-report a {
	width:97px;
}

#main-navigation #main-nav-videos a {
	width:61px;
}

#main-navigation #surf-travel a {
	width:86px;
}

#main-navigation #surf-shop a {
	width:79px;
}

#main-navigation #green-room a {
	width:125px;
}

/* control menu state
body.page-surf-report #main-navigation {
	background-position: 0 -46px; 
} */

#sub-navigation {
	clear:left;
	margin:0;
	padding:0;
}


#sub-navigation li {
	display: inline;
	background: #C5C4A1;
}

#sub-navigation li  a {
	float:left;
	background: #C5C4A1 url(/assets/images/background_sub_nav.gif) repeat-x;
	margin:1px 2px 0 0;
	padding:2px 35px;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	border-right:1px solid #676656;
	color:#595C3F;
	text-decoration: none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;	
	font-size:1.2em;
}

/* active 
body.sub-nav-swellwatch li#sub-nav-swellwatch a {
	background: url(/assets/images/background_sub_nav_acitve.gif) repeat-x;	
	border-top:1px solid #96B1B1;
	border-left:1px solid #96B1B1;
	border-right:1px solid #163C3C;	
	color:#fff;
}
*/

/* active swell watch */
body.sub-nav-swellwatch li#sub-nav-swellwatch a {
	background: #51493E url(/assets/images/background_sub_nav_sw.gif) repeat-x;
	border-top:1px solid #95918A;
	border-left:1px solid #95918A;
	border-right:1px solid #3C362D;	
	color:#fff;
}

.detail-navigation-tranparancy {
	background: #184242;
	filter: alpha(opacity=75);
	opacity: 0.75;
	-moz-opacity:0.75;	
	width:127px;
	margin-left:129px;
	border-right:1px solid #132E2E;
	border-left:1px solid #96B1B1;
}

#detail-navigation ul {
	padding:10px;
	height:107px;
}

#detail-navigation ul a {
	color:#fff;
	text-decoration: none;
}


.site-search {
	float:left;
	width:175px;
	padding:5px;
	border-right:1px solid #453E34;

}

#footer ul {
	margin:4px 0
}


#footer ul li {
	display: inline;
}

#footer ul a {
	color:#DDD4C8;
}

.border-clear-right {
	border-right:0 ! important ;
}


/* =swellwatch navigation/*

/* =tab navigation */

#swellwatch-nav-container {
	margin:0 5px;
	padding-top:5px;
}


	/* =tab navigation */
	
.tab-menu {
	border-bottom : 1px solid #000;
	margin-left: 5px;
	padding-bottom : 25px;
	padding-left : 10px;	
}	

.subtab-menu {
	border-top:5px solid #D6D3BD;
	margin : 0 5px;
	background: #EAE9DE;
	padding: 10px;	
}
 

.tab-menu ul, .tab-menu ul li, .subtab-menu ul, .subtab-menu ul li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
.tab-menu ul li  a.tab:link, .tab-menu ul li a.tab:visited	{
	background : #fff;
	border : 1px solid #443C32;
	float : left;
	font-size:1.2em;
	font-weight : normal;
	margin-right : 4px;
	padding : 4px 15px;
	text-decoration : none;
	line-height: 1.1;
}	
.subtab-menu ul li  a.tab:link, .subtab-menu ul li a.tab:visited	{
	text-decoration : underline;
	margin-right:20px;
}

.tab-menu ul li  a.tab:link, .tab-menu ul li a.tab:visited,
.subtab-menu ul li  a.tab:link, .subtab-menu ul li a.tab:visited	{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	color : #443C32;
	font-size:1.2em;
	font-weight : normal;
}

.tab-menu ul li a.tab:hover	{
	background: #EBE9DE;
	text-decoration:none;
}

.tab-menu ul li a.tab:link.active, 
.tab-menu ul li a.tab:visited.active,
#swellwatch #nav-1 a.tab,
#tribe #nav-2 a.tab,
#log #nav-3 a.tab,
#cams #nav-4 a.tab,
#saved-buoys #nav-5 a.tab,
.sw-account #nav-6 a.tab
 
	 {
	background : #D6D3BD;
	border-bottom : 1px solid #D6D3BD;
	font-weight:bold;
	color : #443C32;
}

#nav-6 { display:none; }
.sw-account #nav-6 { display:inline; }

#region-forecast-data-container  .tab-menu {
	margin-left:5px;
}

.account .tab-menu ul li a.tab:visited,	.account .tab-menu ul li  a.tab:link {
	background : #F6F6F5;
}


/* tab nav active states */

#content-main .account .subtab-menu ul li a.active,
#account-main .subtab-menu ul li#personal-info a,
#account-swellwatch .subtab-menu ul li#swell-watch a,
#account-subscriptions .subtab-menu ul li#subscriptions a,
#account-swellwatch-notification .subtab-menu ul li#notifications a,
#account-pay .subtab-menu ul li#pay a,
#account-paid .subtab-menu ul li#paid a,
#learn-more-swell .subtab-menu ul li#swell a,
#learn-more-buoy .subtab-menu ul li#bouy-data a,
#learn-more-conditions .subtab-menu ul li#current-conditions a,
#learn-more-forecast .subtab-menu ul li#forecasts a
 { /* account tabs */
	text-decoration:none;
	font-weight: bold;
}


/* =text nav */

.textnav{
	padding-left:0;
	margin-left:0;
}

.textnav li, .text-sub-nav li {
	display: inline;
}


.textnav li a, .textnav li a.first, .text-sub-nav li a, .text-sub-nav li a.first {
	font-family: Arial, Helvetica, sans-serif;
	border-left:1px solid #000;
	padding:0 3px;
}


#forcast-overlay .textnav li a {
	border-left:1px solid #fff;	
}

.text-sub-nav li a, .text-sub-nav li a.first {
	border-left:1px solid #6291C4;
	padding:4px 10px;
	color:#6291C4;
}

.text-sub-nav li a:hover, .text-sub-nav li a:hover.first,  .text-sub-nav li a#active {
	background:#ffc;
}

.textnav li a.first, .text-sub-nav li a.first, #forcast-overlay .textnav li a.first  {
	border-left:0;
}


/* list items */

.unselectedListItem {
	cursor: hand;
	color: black;
}


.region-list li .selectedListItem, .selectedListItem
{
	background: #7A7664;
	color: #FFCC66;
	cursor: default;
}


/* map controls */

#map-controls
{
	background: #82806D;
	cursor: pointer;
}

#map-control-subcontainer 
{
	height: 39px; /* keeps tiny jump of elements below in firefox */
}

#perspective-throbber
{
	cursor: default;
	margin-left: 4px;
	margin-top: 4px;
}


#perspective-throbber-container 
{
	height: 39px;
	width: 42px;
	float: left;
}

#perspective-view-control {
	background-color: rgb(142, 140, 123);
	height: 39px;
}

#perspective-view-control * {
	-moz-user-select:none;
}

#perspective-view-control-name-container
{
	border-right: 1px solid #757362;
    width: 233px;
     height: 31px;
    float: left;
    text-align: right;
    padding-top: 8px;
    padding-right: 3px;
    margin-left: -3px;
}

#perspective-view-control-menu-button
{
	display: inline;
	font-size: 115%;
	color: #EAE9DE;
	padding: 10px;
	cursor: pointer;
	position: relative;
	z-index: 5000;
}

#perspective-view-control-menu
{
	display: none;
	width: 250px;
	position: absolute;
	right: -4px;
	z-index: 5000;
	background-color: white;
	border: solid 1px black;
	padding: 2px 14px;
}

#perspective-view-control-menu > div
{
	margin: 10px 0px 10px 0px;
}

#perspective-view-control .perspectiveButton, #perspective-view-control .perspectiveButtonClose {
	
	border-left: 1px solid #8E8C7B;
	border-right: 1px solid #757362;
	height: 39px;
	width: 39px;
	cursor: pointer;
	cursor: hand;
}

#perspective-view-control .perspectiveButtonSelected{
	
	border-left: 1px solid rgb(82, 74, 62);
	border-right: 1px solid rgb(82, 74, 62);
	height: 39px;
	width: 39px;
}

#perspective-view-control .perspectiveButtonClose {
	width: 75px;
}

#marker-type-message 
{
	height: 19px;
	text-decoration : none;
}

#map-controls td div
{
	color: #fff;
	font-size: 1.2em;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 36px;
	text-align: center;
	border-right: 1px solid #757362;
	border-left: 1px solid #8E8C7B;
	height: 39px;
}

#map-controls td#more-data-link div {border-right: 0;}


/*
#more-data-link .animTypeSelectionButton a:hover {
	background: #757362;
	color: #fc6;
	text-decoration: none;
}
*/

#map-controls #perspective
{
	background : transparent url(/assets/images/btn-3d-tab-off.gif) no-repeat;
	width:20px; 
}
#map-controls #perspective:hover 
{
	background : #757362 url(/assets/images/btn-3d-tab-on.gif) no-repeat; 
}
	
#more-data-link .animButton .active {
	background : #665C4E url(/assets/images/background_map_nav.gif) repeat-x; 
	background-position: bottom;
	border-right: 1px solid #524A3E ! important;
	border-left: 1px solid #524A3E ! important;
	border-bottom: 1px solid #524A3E ! important;
	border-top : 1px solid #665C4E ! important;
	color : #fc6 ! important;
/*	text-transform: uppercase;*/
	font-weight:normal;
}

#more-data-link td.data a {
	background: #436FCD url(/assets/images/background_map_nav_data.gif) repeat-x;
	padding:10px 0;
	width:184px;
	text-align: center;
} 

#more-data-link td {
	font-size: 13px;
	padding: 5px 5px 5px 12px;
	margin-left: 10px;
}


/* region breadcrumb */

.region-list {
	font-size:1.1em;
	height:25px;
	color:#fff;
}

.region-list li {
	display: inline;
	cursor: pointer;
	cursor: hand;
	margin-left:5px;
	padding:3px 5px;
	color:#333;
	background:#ffc;
	letter-spacing:-0.02em;
}

.region-list li ul li {
	border:none;
	background:none;
}

.region-list li ul li:hover {
	background:#fc6;
}


.region-overlay-container {
	background:#fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;	
	width:300px;
	position: absolute;
	z-index: 10;
	margin-top: 22px;
}

.region-list li.region-more-button {
	width:20px;
	margin:0 2px 2px;
	display: inline;
	padding:3px 20px 4px 5px;  
	background: #3e8393 url(/assets/images/crumbs-more-blue.gif) top right no-repeat;
	color:#fff;
}

.region-more-button:hover {
	/*background: #fc6;*/
	color:#666;
	border:none;
}


.region-overlay-container ul {
	margin:5px;
}


.region-overlay-container ul li {
    padding:2px 10px;
	display: list-item;
}


.region-search-box {
	background: #D6D8CB url(/assets/images/icn-search.gif) no-repeat 6px 12px;
	padding:12px 2px 12px 25px;
	clear:both;
}

.component-report-container {
	background:#b3c5c5;
	color: #154848;
	padding:5px;
}
.component-report-container ul li {
	display:inline;
}