/* =links */
.text-link {
	text-decoration: none;
	color:#000 ! important;
}

a.text-link:hover {
	background: url(/assets/images/icn-edit-small.gif) no-repeat right;
	padding-right:15px;
	text-decoration: underline;
	color:#000;
}


/* =layout */

#ad-column	{
	float:left;
	width:160px;
	padding:20px;
	/*background: url(/assets/images/background_adbar_fade.gif) repeat-x;*/
}

#banner_ad_holder2
{
}

#banner_ad_holder1
{
}

.ad_data_holder {
	display:none;
}



#map-container {
	background:#665C4E;
	border:4px solid #665C4E;  
	margin:0 5px;
}

#bottom-content-container {
	margin:0 5px;
}

.tribe-container, .log-container, .saved-buoy-container, #cam-container  {
	background: url(/assets/images/background-tribe.gif) repeat-x;
	margin:0 5px;
	font-family: Arial, Helvetica, sans-serif;
}

#cam-container  {
	background: url(/assets/images/background_cam.gif) repeat-x;
}

.saved-buoy-container 
{
	min-height:280px;
	height:auto !important;
	height:280px;
}

.invite-repeat 
{
	background: #ffc;
}


.text-report-body {
	font-family:Arial, Helvetica, sans-serif;
	background: #fff url(/assets/images/background-tribe.gif) repeat-x 0 -67px;
	padding:10px;
	min-height:180px;
	height:auto !important;
	height:180px;
	line-height:16px;
}
.text-report-body p { 
	margin-bottom:10px; 
	line-height:1.6;
}
.text-report-body h1 {
	font-size:1.6em;
 	margin:10px 0; 
	letter-spacing:-0.036em;
}
.text-report-body h2 { 
	font-size:1.4em;
	margin-bottom:5px; 
	border-top:1px dotted #ccc;
	padding-top:20px;
	margin-top:10px;
}

.text-report-body h3 { 
	font-size:1.2em;
	font-weight:bold;
	color:#c00;
}


.text-report-body h4 { 
	font-size:1.2em;
	font-weight:normal;
	color:#c00;
}

.text-report-body  hr {
	border:none;
	border-top:1px dotted #ccc;
	padding-top:5px 0 10px;
	margin:10px 0;
}

.text-report-body table {
	margin:1px 3px;
}

.text-report-date {
	background: #D6D3BD;
	font-weight:bold;
	padding:0 4px 0 2px;
	text-align:right;
}


.account .tribe-container, .session-detail .tribe-container  {
	background-position: 0 -30px;
}

#map {
	width: 512px;
    height: 384px;
    position: absolute;
    /*top: 163px;*/
    /*top: 408px;*/
	top: 42px;
    visibility: hidden;
}


.tab-menu, .tab-menu *, 
#map, #map * 
.no-select, .no-select *
{
	-moz-user-select: none; /* mozilla */
	-khtml-user-select: none;  /* konquerer and safari */
	user-select: none; /* css3 */
}


.no-action-screen {
	margin-top:10px;	
}

.no-action-screen div.header-container {
	background:#ffc;
	padding:10px;
	border:5px solid #fc6;
}

.right-column{
	float:right;
	width:520px;
}

.log-container .right-column{
	width:510px;
	margin-left:10px;
}

#cam-container  .right-column 
{
	width:700px;
}


.log-detail-right {
	float:right;
	width:515px;
}

.log-detail-left {
	float:left;
	width:235px;
}


li.log-more-options {
	border-bottom:1px dotted #ccc;
	padding:5px 0px;

}

.left-column{
	clear:left;
	float:left;
	width:259px;
}

#end-tick-obscurer 
{
	visibility : hidden;
    position : absolute;
    top : 45px;
    height : 10px;
    right : 10px;            
    background-color : #EBE9DE; /* to match the gif's background color */
    z-index : 10;
}

#tribe-container .left-column  {
	padding:5px;
	width:249px;
}

.half {
	float:left;
	width:48%;
	padding:1%;
}

.log-rating-key {
	padding:2px 5px 15px;
	font-size:0.8em;
}

.log-comments {
	margin-top:8px;
	border-top:1px dotted #ccc;
	border-bottom:1px dotted #ccc;
}

.right-half {
	float:right;
	width:57%;
	text-align:right;	
}

.left-half {
	float:left;
	width:38%
}

#map-container .left-column {
	text-align: center;
	width:255px;
	overflow:hidden;
	position:relative;
}

#map-container .right-column {
	width:512px;
	margin:0px;
}

#map-container .inspectorContainer { background-color:#fff; text-align:left; width:256px; height:500px; display:none; position:absolute; top:0; left:0; }
#inspector-marketing { background-color:#0E3E3E; height:465px; padding-top:5px; }


#bottom-content-container  .left-column {
	background:#fff url(/assets/images/background_ws_content_left.gif) repeat-x;
}

#bottom-content-container  .right-column {
	background:#fff url(/assets/images/background_ws_content_right.gif) repeat-x;
}

.feature-container {
	margin-top:15px;
}

feature-container h2 {
	padding:15px 10px;
	margin-bottom:20px;
}

#third-col-content {
	margin:50px 10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4;
}

#third-col-content h3 {
	font-size:1.4em;
	font-weight:normal;
	line-height:1.2;
	padding:5px 0;
}

.feature-content {
	margin:15px 10px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4;
}

.feature-content h3 {
	font-size:1.4em;
	font-weight:normal;
	line-height:1.2;
	padding:5px 0;
}

.feature-content h4 {
	font-style:italic;
}

.feature-content img, #third-col-content img {
	float:left;
	padding:0 5px 5px 0;
	border:none;
}

.feature-content p, #third-col-content p { margin-bottom: 8px; }



#third-col-content, #third-col-content a  {
	color:#fff;

}


.feature-content ul {
	list-style:circle;
	padding-left:10px;
	margin-left:10px;
}

.feature-content hr {
	border:none;
	border-top:1px dotted #ccc;
	margin:10px 0;
	clear:both;
}


#inspectorContainerSearch {
	text-align: left;
	width:255px;
	height:407px;
	position:relative;
}

#inspectorContainerSearch .textbox{
	width:135px;
}

#inspectorSearchResultsContainer 
{
	padding:2px;
	overflow:auto;
	height:355px;
	width:251px;
}


#time-controls-container * {
	/*margin: 0px;*/ /* TODO necessary? */
}

#time-controls-container {
	position:relative;
	cursor: default;
	z-index: 5; /* so calendar floats above the datebar */
}

#calendarContainer {
	display:none; 
	position:absolute; 
	left:20px; 
	top:16px; 
}
#logCalendarContainer
{
	position:absolute;	
	display:none; 
	margin-top:42px;
}

#calendarButton {
	cursor:pointer; 
	cursor:hand; 
}
	
.region-tooltip {
	font-family: Sans-Serif;
	color: black;
	background-color: #FFFFE1;
	padding: 2px;
	border: solid black 1px;
}

.time-controls {
	padding:0px;
	margin:5px 0 0 5px
}

#timezoneName {
	text-align: right;
	padding-right: 10px;
	font-size: .9em;
	color:#fff; 
	font-family:Arial, Helvetica, sans-serif;
	padding-top: 0;
}

#date-bar-container {
	clear:left;
	margin:0;
	padding:4px 0px 0px 8px;
	position:relative; 
	height:55px;
	border-left:4px solid #665c4e;
}

#timemarker { top: 46px; left: 15px; position: absolute; z-index:1; }
#dateBar { position:absolute; width:490px; height:51px; background:transparent url(/assets/images/background-datebar.gif) no-repeat; left:15px; }
#dateBar .dayContainer { cursor:hand;cursor:pointer;width:70px; height:51px; float:left; position:relative; }
#dateBar .dateText { padding:10px 0; margin-left:-3px; line-height:1.2em; color:white; text-align:center; }
#dateBar .dayOfWeek { font-size:1.6em; font-family:verdana; font-weight:bold; line-height:0.8; }
#dateBar .dayOfMonth { font-size:10px; font-family:arial; color:#aca8a1;text-transform:uppercase;letter-spacing:-0.05em;}
#dateBar .weatherIcon { position:absolute;top:2px;left:40px; }
#dateBar .moonIcon { position:absolute;top:2px;left:40px; }

.breadcrumb-nav .region-more-button {
}

.breadcrumb-nav img, map-controls img {
	border:0;
}

#map-default-links {margin-top:10px;}

.swellwatch-icon {
	padding:10px;
	background:#F6F6F5;
}

.account-crumb {
	font-family:Arial, Helvetica, sans-serif;
	margin-top:5px;
	padding:5px 10px;
	font-size:1.1em;
	font-weight:bold;
}

.account-crumb a {
	font-weight:normal;	
}

.tab-menu+p, .account-crumb+p , .page-description  {
	font-size:1.0em;
	margin:5px 0;
	background: #ECF3F3;
	padding:5px 10px;
	line-height: 1.2;
	font-family: Arial, Helvetica, sans-serif;
}

/* list menu for surf and tools */

.tab-menu-surf {
	padding-left:0;
	margin:16px 0;
}

.tab-menu-surf li {
	display:inline;
}

.tab-menu-surf li a {
	font-size:1.6em;
	color:#aec7c7;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	background: url(/assets/images/background-surf-nav.gif) no-repeat center right;
	padding:10px;
}

.tab-menu-surf li a.first {
	background: none;
}

.tab-menu-surf li a.active {
	color:#fff;
}

.tab-content {
	margin:0 0 5px 5px;
	border-top:10px solid #d6d3bd;
}


#log-main-container {
	margin:5px 0;
	padding-top:5px;
	background:#fff;
}


.surf-spot-container {
	width:515px;
	height:470px;
}

.swellwatch-data-container {
	width:515px;
	height:470px;
}

.verify-data {
	padding:5px;
	background:#ffc;
}

.log-spot-naming-container {
	background:#fff;
	position:absolute;
	z-index:2;
	left:100px;
	top:175px;
	width:225px;
	height:90px;
	border:3px solid #666;
	padding:10px;
}

.fpo-map-image {
	position:absolute;
	z-index:1;
}


.inline-edit-controls {
	display:inline;
	background:#ffc;
	padding:0 2px 3px 5px;
}

.edit-controls {
	display:block;
	background:#ffc;
	padding:5px 10px;
	text-align:right;
}

.joinme-header {
}


#cam-help {
	padding:0 10px;
	color:#666666;
}

#content-absolutecr {
	clear:both;
	border-top:1px dotted #ccc;
	padding:10px;
	margin:15px 0;
	font-family:Arial, Helvetica, sans-serif;
}

#content-absolutecr h4 {
	margin:5px 0;
}


/* =text */

.start-screen p {
	padding:10px;
	background:#ffc;
	line-height:1.2;
}

.text-forecast p {
	padding:10px;
	line-height:1.2;
}

.log-story	{
	padding:10px;
}
.log-story p {
	padding:8px 0;
	line-height:1.2;

}

blockquote.log-detail-comment {
	background:#F5F5EF  url(/assets/images/open-quote.png) no-repeat 5px 10px ;
	padding:10px 10px 10px 15px;
}

/* =comments */
.comment-body {
	padding:15px 10px;
	font-size:1.1em;
	background:#fff;
}

.comments-detail dl {
	padding:10px 10px 5px
}

.comments-detail dt {
	font-size:1.0em;
}

.comments-detail dd {
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #ccc;
}

.log-detail-right h5 {
	font-size:1.2em;
	padding:10px 10px 0;
}

h4.add-comment-header {
	font-weight:normal;
	font-size:1.2em;
	padding:5px 10px;
}

h4.number-comments {
	font-weight:normal;
	font-size:1.2em;
	background: #ECF3F3;
	padding:5px 10px;
}

.today-big {
	background:#ffcc66;
	font-size:0.8em;
	color:#fff;
	padding:2px;
	display:block;
	font-weight:bold;
	width:75px;
}

.today-small {
	background:#fc6;
	padding:2px;
	font-size:0.8em;
	color:#fff;
}

.view-all {
	text-align:right;
	padding:5px 10px;
	border-top:1px solid #ccc;
}

.start-screen {
	padding:5px 0;
}

#map-default-links table {
	width:85%;
	margin:0 5% 0 10%;
}

#map-default-links td {
	width:40%;
	padding-right:5%;
	vertical-align:top;
}

#map-default-links a {color:#0e3e3e;}


.links-container {
	padding:5px 0;
}

.links-container .no-data {
	font-family:Arial, Helvetica, sans-serif;
	padding:10px;	
	background:#ffc;
}

.surf-links dl {
	margin:5px 10px;
}
.surf-links dt {
	background:#ebe9de;
	padding:2px 10px;
	color:#666666;
	font-size:1.2em;
	text-transform:capitalize;
}

.surf-links dd ul {
	padding:10px;	
}

.surf-links dd ul li {
	border-bottom:1px dotted #ccc;
	margin-bottom:2px;
	padding-bottom:2px;	
}

.links-dash {
	clear:left;
	margin-top:10px 5px 15px;	
}

.links-dash img {
	float:left;
	padding:5px 10px;
}


/* =ads ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#content-300x250 {
	clear:both;
	padding:10px;
}

#content-300x250 h6 {
	padding:10px;
	font-size:-0.7em;
 	border-bottom:1px dotted #ccc;
	padding-bottom:0;
	margin-bottom:10px;
	font-weight:normal;
	color:#666666
}




/* =cam page elements ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#cam-container .left-column {
	margin:5px 4px;
	padding:5px;
	width:17%;
	background:#fff;
	opacity:.90;filter: alpha(opacity=90); -moz-opacity: 0.9;
}

#cam-container .right-column {
	width:81%;
}


#cam-nav-container dl {
	float:left;
	padding:2%;
	width:46%;
}

#cam-nav-container dl dt {
	font-size:1.0em;
}

#cam-nav-container dl dd a {
	color:#333333;
	text-decoration:none;
}

#cam-nav-container dl dd li {
	line-height:1.1;
	padding:3px 0;
}


#cam-header-title{
	float:left;
	width:30%;
	height:35px;
	padding:10px 0 10px 5px;
}

#cam-header-title h4 {
	font-size:1.5em;
	font-weight:normal;
	letter-spacing:-0.056em;	
	line-height:1.2;
}

#ad-cam-header {
	float:right;
	width:65%;
	text-align:left;
	padding:3px 0;
}


.cam-credits {
	padding:5px;
	border-bottom:1px dotted #ccc;
	margin-bottom:5px;
	font-size:1.0em;
	color:#666;
}

#cam-header a.add {
 background: url(/assets/images/icn-add-small.gif) no-repeat 0 4px;
 padding-left: 10px;
 text-decoration:none;
 color:#333333;
 margin-left:1px;
}


#cam {
	padding:12px 0 10px;

}

#the-player {
	float:left;
	width:60%;
}

#the-ads {
	float:right;
	width:38.5%;
}

#the-ads div {
	margin-bottom:8px;
}

.cam-upsell-text {
	font-size:1.1em;
	text-align:center;
	padding:15px 0 10px;
	border-top:1px dotted #ccc;
	line-height:1.0;
}

.cam-upsell-action {
	font-size:1.1em;
	text-align:center;
	padding:0 0 20px;
	line-height:1.0;
}

#cam-nav-container ul.upsell li {
	padding-bottom:10px;
	color:#666666;
	line-height:1.3;
}


#fake-cam 
{
	background: url(/assets/images/cams/restart-splash-player.gif) no-repeat;
    width:480px;
    height:336px;	
		text-align:center;
		vertical-align:middle;
		padding-top:25px;
	}

.DisplayAjaxMessage {
	padding:3px;
	background:#ffc;
	font-size:0.9em;
}


#promo-cam {
	background:#fff url(/assets/images/cams/cam-widget-background.gif) no-repeat;
	width:220px;
	height:286px;
}

#promo-cam h4, #promo-cam .cam-credits {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.9em;
		letter-spacing:normal;
}
#promo-cam h4 {
	color:#fff;
	padding-left:5px;
}

#promo-cam #the-player {
	clear:both;
}

#promo-cam a {
	text-decoration:none;
}

#promo-cam #cam-link, #promo-cam #swellwatch-link {
	display:block;
	float:left;
	padding:4px 50px;
	margin:2px 3px 5px 0;
}

#promo-cam #player-container {
	padding:0 4px;
}

#promo-cam  .cam-credits {
	border:none;
}

/* =tribe elements */

#tribe-main-container {
	padding:10px 5px;
}

.account #tribe-main-container {
	padding: 0;
}

#tribe-container .right-column {
	padding-top:0;
	margin-top:0;
}

.tribe-header {
	background: url(/assets/images/background-tribe-edit.gif) right repeat-y;
	padding-left:10px;
}
.tribe-greeting {
	float:left;
	width:73%;
}
.tribe-edit-header {
	float:right;
	width:20%;
	background:#9C9684;
	color:#fff;
	padding:3%;
	height:35px;
}

.tribe-edit-header a {
	color:#fff;
}


#tribe .comment-box {
	vertical-align: middle;
	margin:5px;
}

#log-caption {
	padding:5px;
}

.component, #log .component {
	background: url(/assets/images/background-tribe-component.gif) repeat-x 25px 0;
	margin-bottom:5px;
}

#log .component {
}

.user-image-large {
	padding:5px 20px;
}

.user-image-large .edit {
	margin-left:10px;
}

.component .sub-head, .sub-head {
	display: block;
	padding:5px;
	margin: 0 0 2px 0;
	background: #cde4e5;
	font-size:0.9em;
	line-height: 1.0;
}

.component .sub-head a {
	text-align:right;
}


/* =header */
#features h3 {
	font-size:1.2em;
}

.no-action-screen h5 {
	font-size:1.4em;
}

.no-action-screen h6 {
	font-size:1.4em;
	padding:10px;
}

.not-going-surfing-container h5 {
	font-size:1.1em;
	margin-bottom:3px;
}


.start-screen h5 {
	font-size:1.4em;
	padding:0 10px;
}


/* =tribe headers */

.tribe-greeting h1 {
	font-size:1.8em;
	letter-spacing: -0.036em;
	font-weight: normal;
	line-height: 1.0;
	margin-top:15px;
	margin-bottom:0;
	padding-bottom:0;
}

.tribe-greeting .description {
	margin:0;
	padding:0;
	line-height: 1.1;
}

#tribe h3, #your-tribe h4, #log h3, #cam-container h3 {
	background:#66A5B1;
	color:#fff;
	font-size: 1.2em;
	letter-spacing: -0.016em;
	padding:5px;
}

#your-tribe h4 {
	background: #efefe7;
	color:#666;
}

#tribe h3 a,#log h3 a {
	color:#fff;
}

#tribe h3 .title {
	display:block;
	width:50%;
	float:left;
}

#tribe h3 .link {
	display:block;
	width:50%;
	float:right;
	text-align:right;
	padding-top:3px;
}

#report-header-title-container {
	padding:2px 10px;
	color:#fff;
	border-top:5px solid #d6d3bd;
	border-bottom:0;
	border-left:5px solid #d6d3bd;
	border-right:5px solid #d6d3bd;
	background:#305959 url(/assets/images/region-header-background.gif) repeat-x;
	margin:0 5px;
}

#report-header-title {
	font-size:1.4em;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:-0.05em;
}

#report-header-title a {
	font-size:0.9em;
	font-family:Arial, Helvetica, sans-serif;	
	font-weight:normal;
	color:#fff;
}


dl.subscriptions {
	width:250px;
	float:left;
}


#features dl {
	margin:15px;
	font-family: Arial, Helvetica, sans-serif;
}

dl.where-you-going {
	padding:0 0 5px ;
}

dl.where-you-going dt {
	font-size: 1.0em;
	font-weight: bold;
	padding:2px 5px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #efefe7;
}

dl.where-you-going dd {
	font-size: 1.0em;
	font-weight: normal;
	line-height: 1.2;
	margin-bottom:3px;
	padding:2px 5px;
}

dl.where-you-going dt.you,.comments-detail dt.you {
	background:#ffffe5;
}

dl.where-you-going dd.you {
}


#your-tribe ul.active, #your-tribe ul.wannabe{
	
}

#your-tribe ul.active li, #your-tribe ul.wannabe li {
	display: inline;	
	float:left;
	padding:5px 3px;
}

#your-tribe ul.active li img, #your-tribe ul.wannabe li img {
	border:1px solid #000;
	margin-top:2px;
}
#your-tribe ul.active li.user-isonline img, #your-tribe ul.wannabe li.user-isonline img {
	border:3px solid #448D9B
}

#your-tribe ul.active li.user-isonline span.username, #your-tribe ul.wannabe li.user-isonline span.username, span.user-isonline {
	background: url(/assets/images/icn-user-isonline.gif) no-repeat 0 0;
	padding:2px 0 2px 18px;
}

.no-action-screen dl {
	margin:0 10px;
}



/*comments*/

.live-comments .comment, .edit-tools {
	padding:3px 5px;
	font-size:0.9em;
}

/* overlay */
.overlay {
	background: #fff;
	border:1px solid #676766;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
}



div.close {
	float:right;
	padding:5px;
}

 .close a, a.close,.close-sep a, a.close-sep {
	background: url(/assets/images/icn-close-small.gif) no-repeat 2px 0;
	padding-left:15px;
	color:#c00;
	text-decoration: none;
}

.close-sep a, a.close-sep {
	background: url(/assets/images/icn-close-small-sep.gif) no-repeat 2px 2px;
	padding-left:25px;
}


.search-box {
	background: #E9E8DC;
	padding:10px 10px 5px 2px;
	margin:2px 2px 0 2px;
	height: 30px;
}

#saved-views-searchbox 
{
	height: 50px;
}

#more-data {
	width: 192px;
	height: 236px;
	background-color: white;
	visibility: hidden;
	z-index: 5001;
	position: absolute;
	margin-left: 0px;
	margin-top: 0px;
	/* _margin-top: 0px; IE 6*/
}


#more-data ul 
{
	background-color: white;
	margin: 10px;
	border-color: #C4C4BE;
	border-style: dotted;
	border-width: 0pt 0pt 0pt 1px;
}

#more-data li {
	font-size: 13px;	
	margin-left: 10px;
}

#map-thumper
{
	cursor: default;
}

.not-going-surfing-container {
	padding:5px;
	line-height:1.2;
}

/* =overlay-forcast*/

#forcast-overlay {
	font-family:Arial, Helvetica, sans-serif;
	color:#fff;
	text-align: left;
	padding:10px;
}

#forcast-overlay h4 {
	font-size:1.2em;
	letter-spacing: -0.036em;
	line-height:1.1em;
}

#forcast-overlay h5 {
	margin:5px 0
}

#forcast-overlay h5+p {
	margin:0;
	padding:0;
	line-height: .5;
}

#forcast-overlay p {
	line-height:1.2em;
	margin:8px 0;
}

#forcast-overlay p.date {
	margin:3px;
}

#forcast-overlay a {
	color:#fff;
}

#forcast-overlay .textnav {
	background: #ffc;
}

#forcast-overlay .textnav li a {
	font-size:0.9em;
	color: #665C4E;
	border-color: #665C4E;
	margin:2px 0;
}

.current-conditions {
	background:#665C4E;
	margin:0 -5px 10px;
	padding:5px;	
}

.current-conditions dt {
	font-size:1.0em;	
	width:75px;
	float:left;
	margin:0;
	padding:0;
}

.current-conditions dd {
	line-height: 1.1;
	margin:0;
	padding:3px 0;	
}

.current-conditions dt#surf-title {
	height:20px;
}


/* navigation */
ul.tabs-main {
	width:450px;
}

#signin-controls {
	font-family: Arial, Helvetica, sans-serif;
	padding:0;
}

#signin-controls .half {
	padding:0;
	width:49.5%;
}

#signin-controls .half h3 {
	text-align: left;
	padding-left:5px;
	letter-spacing: -0.026em;
}

#signin-controls .half h3 a {
	text-decoration: underline;
}

.sign-in-info 
{
	width:350px;
	text-align:right;
	overflow:hidden;
}

#region-nav-container {
	background: #EAE9DE;
	border-top:5px solid #D6D3BD;
	margin:0 5px;
	padding:8px 0 0 3px;
}

#region-nav-container * {
	-moz-user-select: none; /* mozilla */
	-khtml-user-select: none;  /* konquerer and safari */
	user-select: none; /* css3 */
}


/* SAVED VIEWS MENU */

#saved-views {
	float:right;
	font-family: Arial, Helvetica, sans-serif;
	width:150px;
	background:#82806D url(/assets/images/background_saved_views.gif) repeat-x;
	border:2px solid #82806D;
	border-bottom:0;
	position: relative; 
	z-index: 5001;
}

#your-saved-views {
	display: none;
	position: absolute; 
	right: -2px; 
	top: 26px; 
	z-index: 5000;
	width:250px;
}

#saved-views-title {
	display: block;
	background: url(/assets/images/icn_saved_view.gif) no-repeat;
	color:#fff;
	text-decoration: none;
	padding: 3px 5px 5px 35px;
	cursor: pointer;
}

#saved-views-list {
	padding:10px 6px;
	margin-bottom: 18px;
}

#saved-views-list > div {
	padding: 0px 6px;
	clear: both;
	line-height: 18px;
}

#saved-views-list .name-saved-view {
	float: left;
	cursor: pointer;
	height: 22px;
	padding: 9px 5px 0px 5px;
	width: 180px;
}

#saved-views-list .name-saved-view:hover {
	color:#e4a11a;
	background: #ffc;
}

#saved-views-list .delete-saved-view 
{
	cursor:pointer;
	margin-top: 10px;
	float: right;
}

#saved-view-search-box 
{
	background: #E9E8DC none repeat 0%;
	padding: 10px 10px 5px;
}

#save-search-button {
	padding:0px 0px; 
	margin:6px 0px 6px 134px;
	width: 100px; 
	height: 22px; 
	font-size: 0.9em;
	background: #C5C4A1 url(/assets/images/background_sub_nav.gif) repeat-x  0% 50%;
	color: #595C3F;
}


/* END SAVED VIEWS MENU */



#bottom-content-container  .left-column h2 {
	background:#1F5757 url(/assets/images/background_ws_header.gif) repeat-x;
	padding:15px;
	color:#fff;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:1.6em;
	line-height: 1.8em;
	height: 23px;
	letter-spacing:-0.036em;
}

#calendarMonthYear  {
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.066em;
	font-weight: bolder;
	font-size:1.2em;
	line-height:1.0;
	color:#fff;
	margin-left:5px;
}


.time-controls img {
	float:left;
	margin-right:5px;
}

#bottom-content-container .time-controls a {
	font-family: Arial, Helvetica, sans-serif;
	color:#82806D;
	float:left;
	text-decoration: none;
}


.overlay h4 {
	font-weight:normal;
	padding:5px 10px;
	margin:10px;
	background:#ffc;
}

#inspectorContainerSearch ul.pins, .overlay ul.region {
	padding-left:10px;
	margin-left:0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
}

#inspectorContainerSearch ul.pins li {
	background:transparent url(/assets/images/spacer.gif) no-repeat scroll 0 7px;
    padding:5px 0 6px 21px;
}


.overlay  ul.region {
	width:175px;
	padding-right:10px;
	border-right:1px dotted #AEB297;
	float:left;
}

.overlay  ul.last {
	border-right:0;
} 

.overlay  ul.region  li {
	padding:3px;
}

.clear {
	clear:left;
}

/* =table */

.checkbox dd table {
	padding:0;
	margin:0;
}

.checkbox dd table td {
	padding:2px 0;
	margin:0;
	vertical-align: top;
}

.checkbox dd table td:hover {
	background:#ffc;
}

.checkbox dd table td label {
	padding:0 4px;
	font-family: Arial, Helvetica, sans-serif;
}

.payemnt-table {
	
}

.payemnt-table th {
	text-align: left;
	font-size:0.9em;
	font-weight: normal;
	color:#999;
	border-bottom:1px solid #ccc;
}

div table.payemnt-table th, div table.payemnt-table td {
	padding:5px;
	vertical-align: top;
	margin:0;
}

div table.payemnt-table h4 {
	font-size:1.6em;
	line-height:1.0;
}

td.total-label {
	font-size:1.2em;
}

td.total {
	font-size:1.2em;
	font-weight:bold;
}

td.image-column {width:75px}

#features table {
	border:5px solid #E2E1D0;	
	width:100%;
}


#features table td, #features table th {
	text-align:center;
	padding:3px;
	border-right:1px solid #959875;
}

#features table th.primo{
	background: url(../images/background-feature-primo.gif) repeat-x;
}

#features table th.core{
	background: url(../images/background-feature-core.gif) repeat-x;
}


#features table th {
	border-bottom:2px solid #564E42;
	font-weight: normal;
}

#features table td {
	border-bottom:1px solid #959875;
}


#features table td.description {
	text-align:right;
	padding-right:15px;
}

#tribe .live-comments  {
	padding:0 5px;
}

#tribe .live-comments  td {
	border-bottom:1px solid #BFBFBF;
	line-height: 1.2;
	padding:5px;
	vertical-align: top;
}

#tribe .live-comments .you {
	background:#FFFFE5 ! important;
}

#tribe .live-comments .user {
	background:#f5f5ef;
	padding:5px;
}

#tribe .live-comments .comment-container {
	margin:5px 0;
	border:1px solid #ccc;
}

#tribe .live-comments .comment-container-body, .comment-body-text{
	padding:10px;
}

#tribe .live-comments .comment-container-body p {
	line-height:1.4;
	margin:6px 0;
}


#tribe .live-comments  .user-you {
	background:#ffc;
	border-bottom:none;
}

/* =log */

.log-header {
	padding:10px;
	line-height:1.2;
}

.surf-log-rating-0,
.surf-log-rating-1,
.surf-log-rating-2,
.surf-log-rating-3,
.surf-log-rating-4,
.surf-log-rating-5 
{
	width:96px;
	background:transparent url('/assets/images/star-sprite.gif') no-repeat scroll 0 -254px;
}
.surf-log-rating-5 { background:transparent url('/assets/images/star-sprite.gif') no-repeat scroll 0 -24px; }
.surf-log-rating-4 { background:transparent url('/assets/images/star-sprite.gif') no-repeat scroll 0 -70px; }
.surf-log-rating-3 { background:transparent url('/assets/images/star-sprite.gif') no-repeat scroll 0 -116px; }
.surf-log-rating-2 { background:transparent url('/assets/images/star-sprite.gif') no-repeat scroll 0 -162px; }
.surf-log-rating-1 { background:transparent url('/assets/images/star-sprite.gif') no-repeat scroll 0 -208px; }

#tribe-log table 
{
	width:100%;
}

.surf-log-col-location select { width:180px; }
.surf-log-col-user { width:90px; overflow:hidden; }
.surf-log-col-user select { width:80px; }
.surf-log-col-date { width:140px; overflow:hidden; }
.surf-log-col-rating { width:100px; }
.surf-log-col-rating select { width:70px; }

#tribe-log table select {
	font-size:10px;
}

#tribe-log .table-sorted-asc { background:#efefe7 url('/assets/images/arrow_down.gif') no-repeat scroll 0 10px; }
#tribe-log .table-sorted-desc { background:#efefe7 url('/assets/images/arrow_up.gif') no-repeat scroll 0 10px;}

#tribe-log table th, #tribe-log table td {
	text-align: left;
}

#tribe-log table th {
	background: #efefe7;
	cursor:pointer;
	vertical-align:top;
	padding:5px 0 5px 11px;	
}

#tribe-log table tbody td {
	border-bottom:1px dotted #ccc;	
	padding:5px;
}

#tribe-log table tfoot td {
	border-top:1px solid #D6D3BD;
}

#tribe-log table td .you, #tribe-log table td .tribe {
	border:1px solid #000;
	background:#ff766a;
	padding:3px 5px;	
	text-decoration:none;
	color:#000;	
}

#tribe-log table td .tribe {
	background:#6a83ff;
}



/* =pages */

/* =signup */

.signup-links-container {
	font-family: Arial, Helvetica, sans-serif;
	background:#66A5B1;
	padding:10px;
	color:#fff;
	text-align:center;
}

.signup-links-container a {
	color:#fff;
	font-size:1.4em;
}

.signup-links-container p {
	font-size:0.9em;
}

#signup-upgrade  .signup-links-container  {
	background:#456855;	
}

.signup-seal, #features table th.signup-seal {
	padding:8px 10px 5px 75px;
	margin:0 0 10px 0;
	text-align:left;
}

#features table .signup-seal {
	font-size:0.8em;
	width:200px;
}

#signup-upgrade .signup-seal {
	background: #fff url(/assets/images/seal-surfer-built.gif) no-repeat;	
}

.signup-seal h3 {
	font-size:1.4em;
	line-height:1.1;	
	padding-bottom:5px;
}

.signup-seal p {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 1.2;	
}

#marketing h4 {
	font-size:1.4em;
	line-height:1.0em;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: -0.025em;
}

#marketing ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	margin:10px 10px 10px 15px;
	padding-left:15px;
	list-style:circle;
}

#marketing ul li {
	line-height: 1.1;
	padding-bottom:8px;
}



.pay-sell {
	font-size:0.9em ! important;
	padding:15px;
	margin:5px 10px 10px 0;
	width:46%;
	color:#666;
	background: #ECF3F3;
}

.signup-guarantee {
	font-family: Arial, Helvetica, sans-serif;
	font-size:1.0em;
	padding:10px;
	line-height: 1.1;
}

.text-report-body h2, #bottom-content-container  .left-column .text-report-body h2  { 
	font-size:1.4em;
	margin:0;
	padding:0 0 10px;
	background:none;
	color:#333333;
	
}

/* text */
.skip {
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.8em;
	font-weight: normal;	
}

.browdown {
	padding-top:3px;
}

/* =image */

img.screen-cast {
	padding:25px 50px;
}

.swellwatch-icon .avatarContainer {
	margin:10px;
}

.signup-avitar {
	float:left;
	margin:10px;
}

#perspective-view {
	width: 512px;
	height: 384px;
	position: absolute;
	/*top: 163px;*/
 	/*top: 407px;*/
 	top: 42px;
	visibility: hidden;
}
#mapOverlayContainer {position:relative;z-index:2;}

/* chart & text-report */
.chart-message-error, .chart-message-notice, .text-report-message-error, .text-report-message-notice { font-size:14px; line-height:normal; padding:3px; text-align:center; width:92%; background-color:#fff; }
.chart-message-error, .text-report-message-error {color:#b00000; border:solid 2px #b00000; font-weight:bold; }
.chart-message-notice, .text-report-message-notice {color:#443C32; border:solid 2px #443C32; font-weight:bold; }
/* chart */
.chart-message-error, .chart-message-notice { display:none; position:absolute; left:16px; top:8px; }
.yui-panel-container .chart-message-error, .yui-panel-container .chart-message-notice { top:20px; } /* if in modal dialog, move down */
.chart-overlay {display:none; position:absolute; top:0; left:0; width:515px; height:0px; background-color:#D6D3BD; opacity:.92; filter: alpha(opacity=92); -moz-opacity: 0.92;}
/* text-report */
.text-report-message-error, .text-report-message-notice { margin: -2px 0 0 6px; }
/* buoy chart */
.buoy-chart-container { border:2px solid #665c4e; margin-left:-2px; margin-bottom:-3px;  border-bottom-width:3px; border-top-width:3px; background:white; width:256px; height:403px;float:left; }
.buoy-refresh-link { height:30px; line-height:30px; margin:5px; padding-left:18px; height:16px; background:transparent url('/assets/images/icn-refresh.gif') no-repeat scroll center left; }
.buoy-add-link, .buoy-remove-link, .buoy-activity-indicator { position:absolute; bottom:2px; right:18px; padding-left:12px; font-size:11px; }
.buoy-add-link {background:transparent url('/assets/images/icn-add.gif') no-repeat scroll center left;}
.buoy-remove-link {background:transparent url('/assets/images/icn-trash-small.gif') no-repeat scroll center left;}
.buoy-activity-indicator {right:42px; bottom:0px;}
.buoy-message-error, .buoy-message-notice { border:1px solid black; display:none; position:absolute; bottom:-2px; font-weight:bold; line-height:normal; padding:1px; text-align:center; width:130px; background-color:#ffc; }
.buoy-message-error {color:#b00000; border:1px solid #b00000; left:1px; }
.buoy-message-notice {color:#443C32; left:120px; }
#region-forecast-data-container {margin:15px 1px 0 0;}

/* maintneance message container */
.sw-maintenance 
{
	margin:10px;
	padding:10px;
	border:1px dotted #c00;	
	font-family:Arial,helvetica,Sans-Serif;
	line-height:1.2;
	font-size:1.0em;
	color:#666;	
	}

/* PNG alpha transparency fix for IE 5.5 and 6 */
.alphaPNG { behavior: url(/assets/scripts/iepngfix.htc) }

/* weather forecast bar */
.weather-week-container  { width:514px; height:114px; }
.weather-link { text-align:right; padding-right:10px; height:14px; }
.weather-week-header { background-color:#ECEADE; color:#070707; font-family:arial; font-size:14pt; }
.weather-week-chart { width:484px; height:72px; border-top:1px solid #999; border-right:0; position:relative; left:18px; }
.weather-week-chart * {font-family:arial; font-size:12px;}
.weather-week-chart strong { font-weight:bold; color:black; font-size:12px; }

.weather-day-container {width:69px; height:72px; text-align:center;float:left;}
.weather-day-container-first { width:70px; }

.weather-day { margin-bottom:-1px; border-right:1px solid #ccc; border-bottom:1px solid #000; }
.weather-day-first { border-left:1px solid #000; }
.weather-day-last { border-right:1px solid #000; }

.weather-day-high {background-color:#f3f3cb; width:68px; font-weight:bold; line-height:16px;height:16px;}
.weather-day-low {background-color:#e6e6e6; width:68px; line-height:16px;height:16px;}
.weather-day-hash { border-right:1px solid black;  width:68px; height:8px; line-height:8px;}
.weather-day-hash-first { width:69px; }
.weather-day-hash-last { border:0; }
.weather-day-label { font-size:10px; color:#666; line-height:9px; margin-top:-1px;}

.day-detail { display:none; position:absolute; top:73px; left:-8px; width:223px; background-image:url(/assets/images/weather-detail-bg.png); }
.day-detail-label { height:21px; text-align:center; line-height:21px; }

.day-detail-icon { float:left; margin-left:4px;  background-color:#fff;}
.day-detail-time-label { border-bottom:1px solid black; height:22px; line-height:22px; text-align:center; }
.day-detail-temp { float:left; width:43px; height:27px; text-align:center; line-height:13px; padding:2px 0; margin:6px 0 0 4px; }
.day-detail-desc { float:left; text-align:center; width:105px; background-color:#fff; }

.day-detail-daytime { width:108px; float:left; margin-left:4px; }
.day-detail-daytime-label { background-color:#f3f3cb; border-right:1px solid black; }
.day-detail-daytime-temp {background-color:#f3f3cb; }

.day-detail-nighttime { width:107px; float:left; }
.day-detail-nightime-label { background-color:#e6e6e6; }
.day-detail-nighttime-temp {background-color:#e6e6e6; }

.day-detail-bottom { clear:both; position:relative; top:4px; height:4px; line-height:0px; background-repeat:none; background-image:url(/assets/images/weather-detail-bg-bottom.png); }

.mask { background-color:#82806D; filter:alpha(opacity=90); opacity:0.90; -moz-opacity:0.90; }

/* overriding yui styles */
.yui-panel .bd { padding:0; }


/*
blue sign in box on /login/
*/

.sign-in-box, .sign-in-box table
{
	font-family: Trebuchet MS, Arial;
	color: #000;
	font-size:14px;
}
.sign-in-box 
{
	border: 3px solid #f2f1ea;
	background: #cde4e5;
	width: 235px;
	margin-bottom:22px;
}

.sign-in-box-heading
{
	background: #66a5b1;
	padding: 3px;
	text-align:center;
}

.sign-in-box a 
{
	color:#1a6d7d;
}

.sign-in-box-form
{
	padding: 10px;
}
.sign-in-box-form, .sign-in-box-form *
{
	font-size: 14px;
}
.sign-in-box-input
{
	font-size: 16px;
	width:210px;
	padding:1px;
}
.sign-in-box-form-group 
{
	margin-bottom:10px;
}

.sign-in-box-remember label
{
	font-size:13px;
}
.sign-in-box-heading-text
{
	font-size: 18px;
	font-weight: bold;
}
.sign-in-error {
	color:#f00;
}

.sign-in-footer {
	border-top:1px dotted #CCCCCC;
	text-align: center;
	padding-top:5px;
	padding-bottom:15px;
}


/*
brown marketing box in box on /login/
*/

.sign-in-marketing
{
	font-family: Trebuchet MS, Arial;
	color: #000;
	font-size:14px;
	padding-top:3px;
} 
.sign-in-marketing-body 
{
	background:#fff url(/assets/images/background-sign-in-marketing.gif) repeat-x;
	width:700px;
}
.sign-in-marketing-heading
{
	background: #d6d3bd;
	width:700px;
	line-height:33px;
}
.sign-in-marketing-heading-text
{
	color:#443c32;
	font-size: 18px;
	font-weight: bold;
	padding:3px 5px;
}
.sign-in-marketing-table
{
	margin:10px;
}
.signup-link 
{
	color:black;
	font-weight:bold;
}
.sign-in-marketing-body img 
{
	cursor: pointer;
}

.screenshot-dialog-heading 
{
	background:#D6D3BD;
	font-size:18px;
	height:30px;
	line-height:30px;
	margin-bottom:30px;
	font-weight:bold;
	color:#000;
	text-align:center;
	border-bottom: 1px solid black;
}

#screenShotPanel 
{
	text-align:center;
	background:#fff;
}
.dialogHeading { background:#ECEADE; line-height:26px; font-size:18px; font-family:Trebuchet MS, Arial; padding-left:4px; }

.mySpotsLink 
{
	background: url(/assets/images/icn-edit-small.gif) no-repeat left;
	padding-left:15px;
	margin-left:10px;
}

.surfSpotMarkerListLink 
{
	background: url(/assets/images/map-marker-surf-16.png) no-repeat left center;
	padding-left:20px;
	line-height:26px;
	height:26px;
	display:block;
	overflow:hidden;
}

.listTable td, fieldset.login .listTable td  {padding:2px; }