/****** CSS Document ******/

a:link, a:visited { color:#3366cc; text-decoration:none; }
a:hover { color:#3366cc; text-decoration:underline; }

.yui-g, .yui-gb, .yui-gc, .yui-gd, .yui-ge, .yui-gf { margin-bottom:8px; }

.yui-g .first, .yui-ge .first { margin-bottom:8px; }

.yui-gb .yui-u{margin-left:1.5%;} /****** This is to fix a spacing problem in a 1/3, 1/3, 1/3 layout ******/

.yui-gd .yui-u{margin-left:1.4%;} /****** This is to fix a spacing problem in a 1/3, 2/3 layout ******/

.yui-gc .yui-u{margin-left:1.4%;} /****** This is to fix a spacing problem in a 2/3, 1/3 layout ******/

/* patch for .yui-gb issue in Grids 2.3.0*/
.yui-gb .yui-u {float:left;}

/* yui-gg is a custom yui like code to accomodate 300x250 banner in our t2(with side nav) layouts*/

.yui-gg {
	margin-bottom: 8px;
}

.yui-gg .yui-u {
	float:left;
	width: 41%;
}

.yui-gg .first {
	float:left;
	width: 57%;
	margin-right: 1.4%;	
}

.yui-gg .yui-g .yui-u {
	width: 40%;
}

.yui-gg .yui-g div.first {
	width: 57.5%;
}

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


#sf_admin_container #sf_admin_content {
	margin-right:0px !important;
}

hr {
	visibility: hidden;
	margin-bottom:3px; 
	border:none;
	clear:both;
}

div.hr {
	width:100%;
	height:1px;
	clear:both;
}
div.hr hr {
	display: none;
}

.thumbs hr {
	visibility: hidden;
	margin:0;
	padding:0;
}

#doc2 { 
	width:950px;
}

body {
	font-family:arial,helvetica,clean,sans-serif;
	background:#e7e7e7;
}

.yui-t7 #hd {
	margin-bottom:5px;
}

/****** This is clear float items so content underneath gets pushed down, just add clearfix to any div ******/
.clearfix:after { 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.divider {
	margin:3px auto;
	border-bottom:1px solid #ccc;
	width:95%;
}

/****** Headers ******/

h1 {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:161.6%;
	padding:0 3px 1px 3px;
}

.section_header {
	margin:-5px -5px 5px -5px;
	padding:2px 0px 0px 2px;
	min-height:34px;
}

.section_header h1 {
	font-family:arial,helvetica,clean,sans-serif;
	font-size:26px;
	color:#fff;
}

h1.home {
	color:#fff;
	font-size:108%;
	padding-top:0px;
	padding-bottom:5px;
}

#page_header {
	margin:-5px -5px 5px -5px;
	padding:5px 5px 0 5px;
	background:url(/images/section_bg.jpg) repeat-x;
}

#page_header h2 {
	color:#666;
	font-size:11px;
	height:16px;
	font-style: normal; 
	background:none;
	border:none;
	padding:0;
	margin:-2px 0 0 8px;
}

#page_header .yui-u img {
	padding:0px;
	border:1px solid #000;
}

h2 {
	font-family:arial,helvetica,clean,sans-serif;
	padding:0px 3px 1px 5px;
	color:#fff;
	margin:0 0 5px 0;
	border-bottom:1px solid #ccc;
	background-position:0 -2px;
	background:url(/images/h2_blue.jpg) repeat-x;
	font-size:116%;
	text-align: left;
}

.solidcolor {
	color:#fff;
	background:#3366cc;
	padding:5px;
}

#gridwithseperation h2 {
	font-size:123.1%;
	margin:10px -5px 10px -5px;
	padding:1px 0 1px 10px;
}

.text h2 {
	font-size:123.1%;
	padding:5px 0 0 0;
	background:none;
	font-weight:bold;
	color:#000;
	border:none;
}

.surfdetails h2 {
	border-top:1px solid #ccc;
	padding:10px 0 0 0;
	margin:10px 0 5px 0;
}

/* This is to apply a alternate background on h2 tags */
h2.altcolor {
	color:#000;
	background:#f2f2f2 url(/images/h2_gray.jpg) repeat-x bottom;
}

h3 {
	font-family:arial,helvetica,clean,sans-serif;
	font-weight:bold;
	padding:0 3px 1px 0px;
	margin:0 0 2px 0; /* used in surf report archives tab */
	font-size:115%;
}

.quick_links h3 {
	padding:3px;
	margin-bottom:0;
}

h4 {
	font-family:arial,helvetica,clean,sans-serif;
	padding:0px;
	margin:-1px 0px 2px 0px;
	font-size:116%;
}

#gridwithseperation h4 {
	font-size:116%;
}

/****** Body ******/

#bd {
  	padding:1px;
	margin:0 0 10px 0;
} /*IE6*/

#yui-main img {
	border:1px solid #ccc;
}

.yui-b {
	min-height: 530px;
	background-color:#fff;
	border:1px solid #ccc;
	padding:5px;
} /*IE6*/

.yui-ge .yui-u .two_col .yui-u {
	float:left;
	width:49%;
	padding:0px;
	margin:0px;
}

.yui-ge .yui-u .two_col .first {
	margin:0 8px 0 0;
	padding:0px;
}

#side_bar {
	padding:0px;
	border:none;
	background:none;
}

.text {
	padding:5px;
	font-size:93%;
}

.bullets li {
	margin:2px 0 3px 15px;
	padding-left:15px;
	background:url(/images/selected_side_nav.jpg) no-repeat top left; 	
}
/* removed borders from images */
#yui-main img.noborders {
	border: 0px none;
}

div.center {
	text-align: center;
}

/* Custom settings for Users admin tool */
.admin_area {
	margin:10px 5px;
}

.admin_overview {
	height:165px;
	padding:5px;
}

.admin_area div.first { width:78.5%; }
.admin_area .yui-u { width:20%; }

.quick_links {
	padding-left:5px;
	font-size:93%;
}

.quick_links ul {
	margin-bottom:7px;
}

.quick_links li {
	padding:1px 3px;
	margin:0px 7px;
}

.admin_area .small {
	color:red;
}

#sf_admin_container h1 {
	display:none;
}

a.edit_strong {
	color:#FF0000;
}

.sf_admin_edit_help {
	font-size:85%;
}
/* hides help icons */
#sf_admin_list_th_name img,
#sf_admin_list_th_context img,
#sf_admin_list_th_created_at img {
	display:none;
}

#sf_admin_container .sf_admin_list th {
	padding:0px 3px 1px 5px;
	margin:0 0 5px 0;
	font-size:108%;
	color:#000;
	background:#f2f2f2 url(/images/h2_gray.jpg) repeat-x bottom;
	border-right:1px solid #ccc;
}

#sf_admin_container .sf_admin_row_1 td {
	background-color:#f9f9f9 !important;
}

#yui-main .sf_admin_list img {
	border:none;
}

#sf_admin_container input, 
#sf_admin_container textarea,
#sf_admin_container select {
	background-color:#f4f4f4;
}

#sf_fieldset_optional_dates,
#sf_fieldset_main {
	width:50%;
	float:left;
}

.admin_area #sf_admin_content fieldset h2,
.x-window-body #sf_admin_content fieldset h2{
	padding:1px 3px 1px 5px;
	text-align:left;
	margin:0 0 5px 0;
	border-bottom:1px solid #ccc;
	border-top:1px solid #ccc;
	font-size:14px;
	background:#f2f2f2 url(/images/h2_gray.jpg) repeat-x bottom;	
}

.admin_area #sf_admin_content fieldset {
	margin-bottom:-1px;
	border-top:none;
}

.admin_area #sf_admin_content label {
	width:5.7em;
	padding:0;
}

#sf_admin_container .form-row .content {
	padding-left:6.3em;
}

.sf_admin_actions {
	float:right;
}

a#media_add_new,
a#text_add_new {
	padding:3px 3px 3px 22px;
	background:transparent url(/sf/sf_admin/images/add.png) no-repeat scroll 3px 2px;
}

#sf_admin_container ul.sf_admin_actions input {
	background-color:#3366cc !important;
	color:#fff !important;
}

.admin_area #sf_fieldset_text .form-row .content,
.admin_area #sf_fieldset_pictures_and_video .form-row .content {
	padding-left:0;
}

.admin_area #sf_fieldset_text .form-row label,
.admin_area #sf_fieldset_pictures_and_video label {
	display:none;
}

#sf_fieldset_extras,
#sf_fieldset_pictures_and_video,
#sf_fieldset_text {
	width:48%;
	float:right;
	clear:right;
}

#sf_admin_container table.sf_admin_list {
	width:98%;  
	margin:5px auto;
}

/* media window pop up */
.x-window-body #sf_fieldset_main,
.x-window-body #sf_fieldset_extras {
	width:100%;
	float:none;
}


/******** Comments ************/

#comments {
	padding:5px;
}

#comments .divider {
	margin:10px 0px;
}

#comments p {
	display:inline;
	font-size:100%;
}

#comments h3 {
	font-family:arial,helvetica,clean,sans-serif;
	padding:0px 3px 1px 5px;
	margin:-5px -5px 5px -5px;	
	height:18px;
	color:#fff;
	border-bottom:1px solid #ccc;
	background-position:0 -2px;
	background:url(/images/h2_blue.jpg) repeat-x;
	font-size:116%;
}

#comments li {
	padding:6px 5px 6px 9px;
	margin:0;
	color:#666;

}

#comments .commentby {
	font-size:85%;
	color:#000;
	padding:4px 0 3px 25px;
	margin:0 -9px 5px -12px;        
	height:15px;
	background-image:url(/images/icons/comments.png);
	background-color:#f2f2f2;
	background-repeat: no-repeat;
	background-position:1px -6px;
	border-top:1px solid #ccc;
}

#comments .usercomment {
	font-size:85%;
	color:#000;
	padding:4px 0 3px 25px;
	margin:0 0 -1px 0;        
	height:15px;
	background-color:#f2f2f2;
	border-top:1px solid #ccc;
}
#comments #comment_save {
	width:100px;
	margin:5px 0 5px 0;
	padding:4px;
	border:1px solid #ccc;
	color:#fff;
	background:#3366cc;
}

#comments textarea {
	width:99%;
	border:1px solid #ccc;
	padding:3px;
	background-color:#f2f2f2;	
}

.sponsored_by {
	margin:-47px 0 0 -70px;
	color:#fff;
	font-size:77%;
}

.prev_next {
	float:right;
	width:220px;
	text-align:right;
	margin:20px 0 -8px 0;
}

.prev_next a {
	padding:2px 5px 2px 5px;
}
.prev_next a:hover {
	text-decoration:none;
	background-color:#3366cc;
	color:#fff;
	padding:2px 5px 2px 5px;
}

.posted {
	margin:5px 0 15px 0;
	padding-left:3px;
	color:#999999;
	font-size:85%;
	line-height:1.1em;
	text-align: left;
}
.text_altcolor {
	color:#666;
}

.bikini_feature {
	text-align:right;
}

/*********** Surf Report Page ***********/

ul.tides {
    font-size:93%;
    padding:5px;
}

.tides li {
	margin:3px 0 2px 0px;
}

.surfoverview {
	padding:10px 0 0 4px;
	min-height:200px;
} /*IE6*/

.surfoverview #tides {
	margin-right: 3px;
	padding-left: 3px;
}

#tides {
    padding:5px;
    font-size:93%;
}

#tides ul {
    padding:0px 2px;
}

.surfoverview #tides li {
    padding:3px 3px 3px 5px;
}

#tides li {
    padding:2px;
}

.spots_home #tides li {
    padding:3px 2px;
}

.surfoverview img {
    margin:0pt 1px 2px 2px;
}

.surfdetails img {
	display:none;
}

.surfdetails p {
	color:#666;
}

.surfdetails .text {
	color:#666;
	font-size:100%;
}

.date_big {
	float:right;
	margin:-30px 0px 0px 3px;
	padding:5px 10px;
	font-size:116%;
	color:#666;
}

/********** Video Report ***********/

.video {
	margin-left:5px;
	width:405px;
	float:left;
}

.video_banner {
	float:right;
	width:302px;
	height:250px;
	margin-right:10px;
}

/********** Members Only  Ristrected Area *********/

.members_alert {
	border:1px solid #FFCC00;
	height:50px;
    margin:10px auto;
	width:95%;
	background:#FFFFCC url(/images/icons/restricted_smaller.gif) no-repeat;
	background-position:10px;
}

.members_alert h1 {
	padding:10px 5px 5px 95px;
	font-size:197%;
}

/********** Contact Us Page Static Pages CMS *********/

/* creates wide padding around layout */
.wide_spacing {
	width:97%;
	padding:5px 10px 5px 10px;
	margin:5px auto;
}

.wide_spacing p {
	padding:5px;
}

#yui-main .wide_spacing img {
	border:none;
	padding:0px;
}

.spaced_table td {
	padding:10px;
}

.wide_spacing #view_change {
	height:27px;
	background:transparent url(/images/bg_tabs.jpg) repeat-x left top;
}

.wide_spacing #view_change ul{
    float:left;
}

/********** Membership Benefit Table *********/

#yui-main .membership_benefits img {
	border:none;
	padding:0;
}

table.membership_benefits {
	width:95%;
	margin:0 auto;
}

.membership_benefits th, 
.membership_benefits td {
	padding:10px;
}

.membership_benefits td {
	text-align:center;
	font-weight:bold;
	font-size:108%;
}

.membership_benefits p {
	text-align:left;
}

.alt_td {
	background-color:#f5f5f5;
}

.membership_benefits #button {
	margin:0 auto;
}

.membership_benefits #button a {
	color:#fff;
}

.membership_benefits th {
	font-weight:bold;
	padding:6px 6px 6px 12px;
	font-size:116%;
	border:1px solid #ccc;
	background:#3366cc url(/images/h2_blue.jpg) repeat-x;	
	color:#fff;
}

/********** Forecast Page **********/

#forecast {
	padding:10px;
	line-height:1.3em;
}

.forecast_panel {
	margin:0 0px 10px 0px;
	font-size:85%;
}

table.dailyforecast_panel {
    background-color:#F7F7F7;
    border:1px solid #CCCCCC;
    margin:3px 16px 0pt 1px;
    width:467px;
}

.dailyforecast_panel th,
.dailyforecast_panel td {
	padding:1px 10px 1px 5px;
	text-align:center;	
}

.dailyforecast_panel td {
	padding-top:5px;
}

.forecast_links {
	padding:0px 3px 0 25px;
	border-left:1px solid #ccc;
}
.marine_panel td {
	padding:3px 10px 3px 10px;
	font-size:85%;
	text-align:center;
}

.marine_panel p {
	padding-top:3px;
}

.dailyforecast_panel td.altcolor {
	background-color:#f1f1f1;	
}

.dailyforecast_panel th {
	font-weight:bold;
	padding-left:5px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	background-color:#3366cc;
	color:#fff;
}

.forecast_boxes {
	float:left;
	margin:4px 0px 4px 4px;
}

#yui-main .forecast_panel img {
	padding:0px;
	border:none;
}

.panel_charts {
	padding:15px 5px 15px 9px;
}

.forecast_details {
	float:right; 
	margin:-27px -10px 2px 5px;
}

/* formats text in forecast page */
.dailyforecast h2 {
	padding:5px;
	margin-top:8px;
	border:1px solid #ccc;
	background:#f2f2f2 url(/images/h2_gray.jpg) repeat-x bottom;
}
.dailyforecast p {
	font-size:93%;
	display:inline;
	margin:0 20px 0 5px;
}

.split_listing em.poor {
    color: #000096;
}

.split_listing em.poor_fair {
    color: #0096ff;
}
.split_listing em.fair {
    color: #339933;
}
.split_listing em.fair_good {
    color: #339933;
}
.split_listing em.good {
    color: #ff4b00;
}
.split_listing em.excellent {
    color: #ff4b00;
}

/*  General formatting */

.captions {
	color:#666;
	padding-left:3px;
	font-size:77%;
}

.small {
	font-size:77%;	
}

strong {
	font-weight: bold;
}

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

.bottomline {
	border-bottom:1px solid #ccc;
}

.minutes_ago {
	margin-left:5px;
	color:#FF0000;
}

#yui-main .membership {
	height:27px;
	background: url(/images/bg_tabs.jpg) repeat-x top left;
}

#view_change {
	height:24px;
}
.textmediaview {
	margin-top:-23px;	
}

#view_change ul {
	float:right;
}

#view_change ul.yui-nav {
	float:left;
}

#view_change li {
	float:left;
	height:16px;
	border:1px solid #ccc;
	border-bottom:none;
	margin:0 3px 0 3px;
	padding:5px 8px 3px 8px;
}

#view_change .yui-nav2	li {
	background-color:#f7f7f7;
}

#view_change span.selected  {
	border:none;
	color:#fff;
	margin:1px -10px -10px -10px;
	padding:8px 10px 10px 10px;
	background:url(/images/tabs.gif) no-repeat top center;
}

#view_change li.selected  {
	border:none;
	padding:8px 10px 10px 10px;
	background:url(/images/tabs.gif) no-repeat top center;
}

#view_change li.selected a {
	color:#fff;
}

/********* Tabs for Details Pages need to make float left ********/

.media_browser_large .surf_details {
	margin:0px;
	margin-bottom:-8px;
	padding:6px 0 2px 7px;
	height:24px;
}

.media_browser_large .surf_details img {
	display:none;
}

.media_browser_large .surf_details p {
	float:left;
	width:85px;
	height:20px;
	font-size:93%;
	color:#666;
}

.media_browser_large .surf_details p.surfers {
	width:36px;
}

.media_browser_large .surf_details p.water_temp {
	width:20px;
}

.media_browser_large .surf_details p.wind {
	width:40px;
}

.media_browser_large .surf_details p.swell {
	width:70px;
}

.media_browser_large .surf_details p.conditions {
	width:80px;
}

.media_browser_large .surf_details p.wave_height {
	width:100px;
}

.media_browser_news {
	border:1px solid #ccc;
	float:left;
	width:150px;
	padding:3px;
	margin-right:10px;
}

#yui-main .media_browser_news img {
	border:none;
	padding-bottom:10px;
}

.media_browser_news .captions {
	padding:3px;
	color:#666;
	font-size:10px;
	margin-top:-10px;
	margin-bottom:3px;
    border-top:none;
}

.media_browser_news .view_all {
	padding:3px;
	border-top:1px solid #ccc;
    margin:0px -3px 0px -3px;
}

#side_nav .view_all {
	margin:10px -4px 0 -4px;
	text-align:left;
}

.view_all {
	text-align:right;
	border-top:1px solid #ccc;
	background-color:#fff;
	padding:3px;
	margin:-1px 0 0 0;
}

.view_all a {
	padding-right:2px;
	font-size:77%;
	text-transform:lowercase;
}

.view_all_feature {
	text-align:right;
	border:1px solid #ccc;
	background-color:#fff;
	padding:3px;
	margin:-1px -6px 8px -6px;
}

.view_all_feature a {
	padding-right:2px;
	font-size:77%;
	text-transform:lowercase;
}

.home_page .view_all {
	margin-top:3px;
}

/* used in listing boxes */
.view_details {
	margin-top:3px;
}

.one_col {
	margin-bottom:8px;
}

.one_col .yui-u .borders,
.two_col .yui-u .borders  { /****** Creates a light gray borders within two column and one column breaks ******/
	background-color:#fff;
	border:1px solid #ccc;
}

.borders { /****** Creates a light gray borders ******/
	background-color:#fff;
	border:1px solid #ccc;
}

.borders_left {
	border-left:1px solid #ccc;
}

.borders_right {
	border-right:1px solid #ccc;
}

.altcolor_borders { /****** Creates a light gray background with borders ******/
	border:1px solid #ccc;
	background-color:#f3f3f3;
}

.altcolor { /****** Creates a light gray background without borders ******/
	background-color:#f3f3f3;
}

.thumb_70 {
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:#fff no-repeat center;
	height:70px;
	width:70px;
}

.thumb_90 {
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:#fff no-repeat center;
	height:90px;
	width:90px;
}

.thumb_120 {
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:#fff no-repeat center;
	width:120px;
	height:90px;
}

.thumb_190 {
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:#fff no-repeat center;
	height:140px;
	width:200px;
}
.thumb_400 {
	border:1px solid #ccc;
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:#fff no-repeat center;
	height:300px;
	width:400px;
}

.pagination {
	border:1px solid #ccc;
	border-top:none;
	margin:0 -6px 0 -6px;
	padding:3px 10px 3px 5px;
}

.pagination a {
	font-size:88%;
}

.pagination li a:hover {
	text-decoration:none;
	background-color:#3366cc;
	color:#fff;
	margin:0 -5px 0 -5px;
	padding:5px;
}

.pagination li {
	float:left;
	background-color:#fff;
	padding:5px;
}

.pagination .selected {
	background-color:#3366cc;
	font-size:88%;
	margin:2px -5px 0 -5px;
	padding:5px;
	color:#fff;
}

/****** Top Header Login Box ******/

#login { 
	height:90px; 
	margin-bottom:3px; 
}

.x-panel-body {
	border:none;
	padding:0;
	margin:0;
}

.top_banner {
	float:left;
}

#login_box {
	width:211px;
	height:85px;
	float:right;
	background-color:#fff;
	border:1px solid #ccc;
	padding:3px 0px 0px 5px;
	font-size:95%;
}
/* this is when members logged in */
.login_menu {
	padding:2px 0px 0px 3px;
}
#login_box .login_menu p{
	margin-bottom:3px;
}
.login_menu span {
	color:#666;
}
.login_menu a {
	font-size:85%;
}

#login_form_user, #login_form_pass {
	border:1px solid #ccc;
	padding:1px;
	background-color:#f2f2f2;
	width:80px;
	height:16px;
}/*IE6*/

#login_box p {
	margin:0px 0px 10px 0px;
}

.go_button {
	margin-bottom:-8px;
}

.search_box {
	display:inline;
	width:214px;
	padding-top:3px;
	float:right;
	margin:17px 0px 0px 0px;
	font-size:88%;
	color:#cccccc;	
}

.search_field {
	float:left;
	height:13px;
	width:174px;
	color:#666;
	border:1px solid #ccc;
	background-image:url(/images/search_bg.jpg); 
	background-position:2px 1px;
	background-repeat:no-repeat;
	background-color:#ccc;
	margin-top:1px;
	padding:3px 0px 0px 7px;
} /*IE6-7*/

input.searchsubmitbutton {
	float:left;
	text-indent:-9999px;
	padding:0px;
	border:none;
	height:20px;
	width:23px;
	margin:1px 0px 0px -3px;
	background:transparent url(/images/go_button.gif) no-repeat; 
}

.header {
	height:65px; 
	background:#3366cc url(/images/header_bg.jpg) repeat-x; 
	margin:0px; 
}

.header_logo {
	font-size:85%;
	color:#fff;
	padding:18px 0px 0px 5px;
}

.header_logo img {
	margin:-2px 0 -3px 0;
}

.header_links {
	margin:-1px 10px 0px 0px;
	text-align:right;
	color:#fff; 
	font-size:85%; 
} 

.header_links a:link,
.header_links a:hover,
.header_links a:active,
.header_links a:visited { 
	color:#fff; 
	font-size:85%; 
	text-decoration:none;
}

/****** Top Navigation ******/

#navigation {
	display:block;
	height:25px;
	color:#cccccc;
} /*IE6*/

#navigation a { 
	color:#000;
}

#navigation .main .first a {
	background:none;
}

#navigation .selected a { 
	color:#3366cc;
}

#navigation .main {
	width:100%;
	font-size:108%;
	float:left;
	background: url(/images/main_menu_bg.jpg) repeat-x;
	margin-bottom:10px;
}

#navigation .main .selected {
	margin-top:-6px;
	padding-top:6px;
	height:20px;
	background:#fff url(/images/main_menu_selected.jpg) repeat-x;
} /*IE6*/

#navigation .main,
#navigation .main li {
	float:left;
}

#navigation .main a {
	display:block;
	padding:0 1.0em;
	line-height:1.6em;
	background:url(/images/main_menu_divider.gif) no-repeat left top;
	text-decoration:none;
}

#navigation .main a:hover { 
	text-decoration:underline;
}

/****** Side Navigation ******/

.yui-t7 #side_nav {
	display:none;
}

.yui-t7 #side_bar {
	display:none;
}

.yui-t4 #side_nav {
	margin-top:0px;
	padding-top:5px;
}

#nav-spots {
	margin-top:-1px;
	padding-bottom:10px;
}

#acc-ct {
	width:185px;
}

#side_nav {
	font-size:85%;
}

#side_nav .divider {
	margin:8px 0px;
}

#side_nav .locations_nav li {
	margin-left:5px;
}

#side_nav_banner {
	border:none;
	background:none;
	margin-top:10px;
	padding:10px;
}

#side_nav h2 {
	clear:both;
	padding:0px;
	margin-bottom:1px;
	font-size:123.1%;
	font-weight:bold;
	color:#000;
	background:none;
	border:none;
}

#side_nav h1 {
	background: #3366cc url(/images/h2_blue.jpg) repeat-x scroll 0% 0%;
	color: #fff;
	font-size:15px;
	margin:-1px 0;
	padding:2px 1px 4px 7px;
}

#side_nav em {
	color:#666;
}

#side_nav .in_line li {
	float:left;
	padding:0px 15px 3px 0px;
}

#side_nav .selected {
	padding-left:13px;
	background:url(/images/selected_side_nav.jpg) no-repeat top left; 
}

#side_nav .in_line .selected {
	padding-left:13px;
	margin:0 -7px 0 -3px;
	background:url(/images/selected_side_nav.jpg) no-repeat top left; 
}

#side_nav .in_line .selected a,
#side_nav .selected a {
	color:#000;
}

/****** Side Navigation Accordion ******/

#context-tree {
	margin-top:-1px;
	padding:5px;
}

.side_nav_body {
	padding:9px;
	background: #fff;
	line-height:1.52em;
	border:1px solid #ccc;
}

/* right side sky scraper in details page */
.details_banner {
	padding:10px 8px 10px 8px;
}
/* right side sky scraper in listing page */
.banner_listing {
	padding:0px 10px 0px 10px;
}
/* right side rectangle in directory page */
.rectangle_banner {
	margin: 15px 2px;
}

#side_nav_photosc li,
#side_nav_context_childc li,
#side_nav_context_child li {
	margin-bottom:5px;
	line-height:1.1em;
	/*border-bottom:1px solid #ccc;*/
}

#local {
	padding:9px;
}

.x-panel-header {	
	border:none;
	font-family:arial,helvetica,clean,sans-serif;	
	font-size:15px;
	min-height:16px;
	color:#fff;
	background:transparent url(/images/icons/side_nav/white-top-bottom.gif) repeat-x scroll;	
}

.x-tool-toggle {
	background-position:0pt -255px;
}

.x-panel-collapsed .x-tool-toggle {
	background-position:0pt -240px;
}

/****** Feature Featured Browser ******/

#feature_browser {
	border:1px solid #ccc;
	margin:0 -6px 10px -6px;
	min-height:302px;
	background-color:#000;	
}
.classic {
	margin-bottom: 18px;
}
.classic .yui-gf .yui-u {
	width: 81%;	
}
.classic .yui-gf .first {
	width: 17%;
}
.classic .yui-gf {
	padding: 0 5px;
	background-color: #fff;		
}
.feature h1 {
	display:none;
}

#featured_nav {
	float:right;
	width:304px;
}

.left #featured_nav {
	float: left;
	background:none;
	width:164px;
	height:450px;
	border-left:none;
	margin:0px;
	border-right:4px solid #000;	
}

#featured_nav .text_right { 
	border:none;
	min-height:97px;
	margin-right:0px;
	width:278px;
	padding:4px 3px 0px 18px;
	background:#f7f7f7 url(/images/feature_divider_wide.gif) no-repeat bottom center;
}

#featured_nav .feature-item {
    cursor: pointer;  
}

#featured_nav .text_right .text {
	width:64%;
}

#featured_nav .text_right .photo {
	padding-right:5px;
}

.left #featured_nav .text_right {
	min-height: 27px;
	background:#f7f7f7 url(/images/feature_divider_wide.gif) no-repeat bottom center;
	width:154px;	
	padding:4px 0px 0px 10px;
	margin:0px;
}
.left #featured_nav .text_right .photo {
	display: none;
}
.left #featured_nav .text_right .text {
	float: left;
	text-align: left;
	padding-top: 2px;
	font-size:116%;
	color:#3366cc;
}

#featured_nav .selected {
	height:97px;
	width:278px;
	background:#f7f7f7 url(/images/feature_selected.gif) top left;
	padding-top:4px;
}

#swell_model_map {
    margin-top:5px;
    padding:3px;
}

#yui-main #swell_model_map img {
    margin:0 2px;
}

.spots_home h3 {
	font-size:100%;
}

.left #featured_nav .selected {
	height:27px;
	width:155px;
	background:url(/images/feature_selected_left.gif) no-repeat top right;
}

.left #featured_nav .selected .text {
	padding-top:2px;
}

.featured-slider {
	overflow:hidden;
	/*position:absolute;*/
	height:302px;
	width:450px;
	margin:0px;
	padding:0px;	
}

.left #feature_main {
	margin-left:168px;
}

.left #feature_main .featured-slider {
	overflow:hidden;
	position:absolute;	
	border:none;
	height:450px;
	width:450px;
	margin:0px;
	padding:0px;
}

#feature_browser .feature_main img {
	margin:5px 0 5px 0;
	padding:0px;
}

#yui-main #feature_browser img {
	border:none;
}

#yui-main #feature_browser img.borders {
	border:1px solid #ccc;
}

.feature_captions {
	display:none;
	margin:0 0 -30px 0;
	min-height:25px;
}

.feature_captions p {
	font-size:93%;
	padding:5px 3px 3px 8px;
}

.left .feature_captions {
	display:block;
	margin:0px;
	height:43px;
}

.left .feature_captions h4 {
	width:200px;
	padding:5px 5px 0 5px;
}

.left .feature_captions p {
	color:#666;
}
.left .feature_captions p.posted {
	font-size:85%;
	padding:0px 0px 0px 6px;
	margin:0px;
	margin-top:-2px;
}

.home_tile {
	float:left;
	width:200px;
}

.home_time {
	float:right;
	width:245px;
}

.home_time p.date {
	font-size:138.5%;
	padding:2px 9px 0 0px;	
	text-align:right;
}

.surf_details {
	display:none;
}

.left .surf_details {
	display:block;
	margin:0px;
	padding:6px 0 2px 7px;
	height:24px;
	width:442px;
	position:absolute;
	z-index:3;
}

.left .surf_details img {
	display:none;
}

.left .surf_details p {
	float:left;
	width:85px;
	height:20px;
	font-size:93%;
	color:#666;
}

.left .surf_details p.surfers {
	width:30px;
}

.left .surf_details p.water_temp {
	width:20px;
}

.spot_links_home {
	display:none;
}

.left .spot_links_home {
	display:block;
	margin-top:40px;
	padding:6px 0 2px 7px;
	height:24px;
	width:442px;
	position:absolute;
	z-index:3;	
}

.left .spot_links_home p {
	font-size:85%;
}

#quick_summary h3 {
	padding:0px 10px 4px;
}

#feature_browser .upcoming_feature {
	border:none;
	float:right;
	width:299px;
}

/****** Local Portals Page Featured Spots ******/

#featured_spot {
	margin:5px -6px 0 -6px;
	border:1px solid #ccc;
}

.yui-gc #featured_spot {
    margin:5px 0px 0px 0px;
    border:none;
}

#featured_spot h3 {
	margin:-3px 0 0 0px;
}

#featured_spot .photo {
	float:left;
	width:220px;
	min-height:200px;
	padding:10px;
	padding-top:5px;
	background-color:#f7f7f7;
}

#featured_spot .discription {
	float:right;
	width:68%;
}

.yui-gc #featured_spot .discription {
	float:right;
	width:61%;
}

#featured_spot .discription h3 {
    font-size:108%;
}

#featured_spot .photo h3 {
    font-size:131%;
}

#featured_spot .spot_highlights h3 {
    font-size:108%;
}

.spot_highlights {
    margin-top:13px;
    height:90px;
    font-size:85%;
}

.spot_highlights h3 {
    font-size:108%;
    margin:0px;
}

.spot_highlights .split_left {
    float:left;
    width:48%;
    min-height:40px;
}

.spot_highlights .split_right {
    float:right;
    width:48%;
    min-height:40px;    
}

.back_button {
	margin:-2px 0 2px 0;
	background:url(/images/back_button.gif) no-repeat center left;
	padding:0 3px 0 11px;	
}

#yui-main .back_button img {
	border:none;
	margin-right:-1px;
}

#prev_report  .listing {
	margin:-3px -7px -1px -1px;
	padding:12px 0px 0px 8px;
}

#prev_report .yui-gf .label {
	margin:30px 0 30px 0;
	text-align: center;
	font-size:116%;
}

#prev_report .yui-gf,
#prev_report .yui-g,
#prev_report .yui-u{
	margin:0;
	padding:0;
}
/* this is for the listing in the archives surf report page */
#prev_report .yui-g .yui-u {
	width:50.4%;
}
#prev_report .yui-g .first {
	width:47%;
}

#prev_report .yui-g .yui-u h3 {
	text-align:center;
}

#prev_report .small {
	margin:2px 0 0 65px;
}

/****** Lising Components ******/

.summary_list {
	margin:10px 0 5px 0;
	padding:4px;
	border:1px solid #ccc;
	background-color:#fff;
}

.summary_list .text {
	float:left;
	width:25%;
}

.summary_list .photo {
	float:left;
	width:20%;
	padding:7px 0 0 0;
	min-height:100px;
} /*IE6*/

.summary_list .video {
	float:left;
	width:20%;
	padding:7px 0 0 0;
	min-height:100px;
} /*IE6*/

.summary_list .commnets {
	float:left;
	width:30%;
}

.summary_list p {
	color:#666666;
	font-size:85%;
}

.listing,
.map_split {
	margin:0px -6px 0 -6px;
	padding:10px 5px 0 5px;
}
/* surf directory page */

.small_map_items{
	float:right;
	width:250px;
	height: 348px;
	overflow-y: auto;
}

.small_map_items h3 {
	padding-left: 7px;
	font-size: 131%;
}
.small_map_items .map_item-featured{
	min-height:44px !important;
	background:#FFF;
}
.small_map_items .map_item-featured .text{
	width:80%;
}
.small_map_items a.weblink{
	font-size:80%
}
.special,
.small_map_items .special{
	background: transparent url(/images/gmap/star-sm.png) no-repeat;
	padding:0 0 0 15px;
}
.small_map_items .address,
.small_map_items .phone,
.small_map_items .feature_descriptor,
.small_map_items .divider{
	display:none;
}

.map_split {
	border-bottom:1px solid #ccc;
}

.map_icon_list {
	text-align:left;
	margin-left: 8px;
}

.map_icon_list li {
	background: transparent url(/images/gmap/sprite-map_icons.gif) no-repeat 0px -120px;
	padding:0 0 0 23px;
	margin:2px;
	height:20px;
	width:175px;
	float:left;
}

.map_icon_list li.Restaurants{
	background-position:0px -20px;
}
.map_icon_list li.Surf-Camps{
	background-position:0px -60px;
}
.map_icon_list li.Surf-Boards,
.map_icon_list li.Surf-Gear{
	background-position:0px 0px;
}
.map_icon_list li.Surf-Shops,
.map_icon_list li.Surf-Board-Repair{
	background-position:0px -80px;
}

.map_icon_list li.Non-Profit{
	background-position:0px -240px;
}

.map_icon_list li.Photographers{
	background-position:0px -180px;
}

.map_icon_list li.Skateboard{
	background-position:0px -200px;
}

.map_icon_list li.Travel-Directory, 
.map_icon_list li.Surf-Travel{
	background-position:0px -220px;
}

.map_icon_list li.Surf-Schools, 
.map_icon_list li.Surf-Clubs{
	background-position:0px -160px;
}

.map_icon_list li.Vacation-Rentals{
	background-position:0px -140px;
}

.text_left {
	min-height:75px;
	padding:5px 0px 0px 0px;
	margin:0px 5px 0px 5px;
} /*IE6*/

.text_left p {
	color:#666666;
	font-size:85%;
}

.text_left .photo {
	float:right;
	padding-bottom:3px;	
}

.text_left .text {
	float:left;
	width:66%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gb .text_left .text {
	float:left;
	width:56%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gc .yui-u .text_left .text {
	float:left;
	width:66%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gc .first .text_left .text {
	float:left;
	width:82%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gd .yui-u .text_left .text {
	float:left;
	width:82%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gd .first .text_left .text {
	float:left;
	width:66%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-g .text_left {
	padding:2px 0 5px 0;
}

.yui-g .text_left .text {
	width:76%;
}

.listing .text_right {
	border:1px solid #ccc;
	padding:4px;
	margin:0 4px 10px 4px;
	background-color:#fff;
	min-height:90px;
} /*IE6*/

.listing .yui-gf .text_right {
	border:1px solid #ccc;
	padding:4px;
	margin:5px 4px 2px 4px;
	background-color:#fff;
	min-height:90px;
}  /*IE6*/

.text_right p {
	color:#666666;
	font-size:93%;
}

/* used in the surf report, session listing pages */
p.date {
	font-size:93%;
	margin-bottom:5px;	
}

.listing .two_col .text_right {
	border:1px solid #ccc;
	padding:4px;
	margin:0 4px 6px 4px;
	float:left;
	width:46.5%;
	background-color:#fff;
	min-height:90px;
} /*IE6*/

.listing .two_col .text_right_wrap {
	float:left;
	width:47.4%;	
	border:1px solid #ccc;
	padding:4px;
	margin:0 4px 6px 4px;
	min-height:90px;
} /*IE6*/

#gridwithseperation .text_right {
	padding:4px 0 4px 5px;
	background-color:#fff;
	margin:0 0 5px 0;
}

#gridwithseperation .yui-gb {
	margin-left:5px;
}

#gridwithseperation .text_left {
	border:none;
	margin:0 0 10px 0;
}

#gridwithnoseperation .text_left {
	border:none;
	margin:0 0 3px 0;	
}

#gridwithnoseperation .text_right {
	border:none;
	margin:0 -2px 3px -2px;	
}


#gridwithseperation .text_right p.date {
	font-size:85%;
	margin-bottom:5px;
	color:#333333;
	letter-spacing:-0.01em;
}

/********* Home page *********/

.content_viewer {
	float: left;
	width: 450px;
	margin-right: 20px;
}
#yui-main .content_viewer img {
	border: none;
}
#content_viewer .text {
	padding: 0 5px 1px 5px;
	font-size: 123.1%;
	border-bottom: 1px solid #ccc;	
}
.mag_cover {
	float: left;
	width: 273px;
} 
/********* Home page Tabs listing *********/

#quick_summary .altcolor_borders{
	border-top: none;
}

#quick_summary .text_right {
	margin:0px 5px 0px 10px;
}

#magazine .text_right {
	padding:0px;
	margin:0px;
}

#quick_summary .text_right .text {
	width:81%;
}

#quick_summary .yui-gd {
	margin:0px 10px;
}

#magazine {
	padding:0px 10px 10px 10px;
}

#quick_summary .divider {
	margin:5px auto 7px auto;
}

#yui-main #quick_summary img {
	border:none;
}

#quick_summary .text_right_wrap img {
	float:left;
	padding:5px 10px 5px 0;
}

#quick_summary .text_right_wrap p {
	color:#666;
}

/********* Home page Surf Reports *********/

.homepage_spots .divider {
	margin:8px 0;
}

.homepage_spots {
	padding:0px 5px 5px 5px;
	font-size:85%;
}

.homepage_spots h2 {
	clear:both;
	padding:0px;
	margin-bottom:1px;
	font-size:123.1%;
	font-weight:bold;
	color:#000;
	background:none;
	border:none;
}

.homepage_spots li {
	margin-left:5px;	
	padding:2px 0 1px 0;
}

#side_nav_loc_sr_latest {
	padding-bottom:21px;
}

#yui-main .homepage_spots img {
	border: none;
}

.classic #tides {
	padding-left:0;
	padding-right:7px;
	font-size:85%;
}

.classic #feature_browser {
	border:none;
}

.classic p.date {
	padding:0;
	margin:-1px 0px 5px 1px;
	color:#999999;
	font-size:85%;
	line-height:1.1em;	
	border: none;
}
.classic div.surfdetails {;
	padding: 0 0 0 6px;
	margin-bottom:0px;
	width: 103px;
	float: left;
}

.home_featured_spot {
	height:135px;
	padding-top:5px;
}

.sr_image_hp {
	height:90px;
	float: left;
}

.home_surf_panel {
	height:210px;
	width: 99%;
}

.classic_button {
	float:right;
	margin-top:-20px;
	font-size:85%;
	padding-right:4px;
}

.home_panel {
	width: 203px;
	display: block;
}

.home_panel p {
	font-size:85%;
}

.home_panel .divider {
	margin:7px auto;
}

.live_cam {
	background: url(/images/icons/live_cam.gif) no-repeat 0% 0%;
	padding:0 0 4px 20px;
}

#yui-main .home_panel img {
	padding:4px;
}

.classic h1 {
	clear: both;
	font-size: 116%;	
	font-weight: bold;
	padding:0px 0px 1px 5px;
}

.classic .spots_home { 
	width: 235px;
	height: 139px;
	margin-left: 10px;
	padding: 2px 0 0 5px;	
}
.spots_home {
	float:left;
	border-left:1px solid #ccc;
	padding-left:10px;
	padding-right: 10px;
	margin-left:-1px;
}
.classic .firsty {
	margin-left:0; 
}
/* hides text in text_horizontal_bottom on home page*/

.hide_text p {
	display:none;
}

.listing .premium_listing {
	background:transparent url(/images/icons/premium_business_temp.gif) no-repeat bottom right;
}

.yui-ge .listing .two_col .text_right_wrap {
	width:47.4%;
}

.listing .two_col .text_right_wrap .text {
	 padding:5px;
	 color:#666;
}

.text_right_wrap .text p {
	 font-size:85%;
}
.listing .two_col .text_right_wrap .photo {
	float:left;
	padding:5px 7px 1px 3px;
}

.text_right {
	min-height:75px;
	padding:5px 4px 0px 0px;
	margin:0px 5px 0px 5px;
} /*IE6*/

.text_right .photo {
	float:left;
	padding-bottom:3px;	
}

.text_right .text {
	float:right;
	width:70%;	
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.first .text_right .text {
	width:86%;
}

.yui-gb .text_right .text {
	float:right;
	width:57%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.home_page .text_right .text {
	width:65%;
}

.home_page .yui-u {
	min-height:240px;
}

.yui-gd .yui-u .text_right .text {
	float:right;
	width:82%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gc .yui-u .text_right .text {
	float:right;
	width:66%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gc .first .text_right .text {
	float:right;
	width:82%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-gd .first .text_right .text {
	float:right;
	width:66%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.yui-ge .first .text_right .text {
	float:right;
	width:61%;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.listing .yui-gf .text_right .text {
	width:81%;
} 

.yui-g .text_right {
	padding:2px 0 5px 0;
}

.yui-g .text_right .text {
	width:71%;
}/* change from 76% for portal */

.yui-gc .listing .text_right .text {
	width:77%; 
	padding-top:4px;	
}

.yui-g .listing .text_right .text {
	width:71%; 
	padding-top:4px;
}

#prev_report .text_right .text {
	width:69%;
}

.yui-gc .listing .text_right .photo {
	padding:3px 2px 2px 5px;
}

.yui-g .listing .text_right .photo {
	padding:3px 2px 2px 5px;
}

.text_nophoto {
	min-height:25px;
	padding:5px 4px 0px 4px;
} /*IE6*/

.text_nophoto .text {
	float:left;
	line-height:normal;
	padding:0;
	padding-bottom:3px;
}

.text_nophoto .photo {
	display:none;
}

.text_nophoto p {
	font-size:85%;
	color:#999999;
}

.photo_notext {
	margin: 0 auto;
	width: 94%;
}

.photo_notext .photo {
	float:left;
	padding:2px 5px 10px 5px;
}

.photo_notext_90 .photo {
	float:left;
	padding:5px 5px 10px 11px;
}

.date_text {
	padding:3px 10px 0px 10px;
    font-size:93%;
}

.date_text ul {
	padding:3px 0 5px 0;
}

.date_text li {
	padding:0 0 3px 0;
	margin-bottom:3px;
}

.date_text em {
    font-size:93%;
    color: #999;
    padding: 1px 2px 1px 0px;
    font-style: normal;
}

.date_events {
	padding:3px 10px 5px 10px;
    font-size:93%;
}

.date_events ul {
	padding:3px 0 5px 0;
}

.date_events li {
	padding:4px 0 3px 0;
	margin-top:3px;
	border-top:1px solid #ccc;
}

.date_events em {
    font-size:93%;
    color: #999;
    padding: 1px 2px 1px 0px;
    font-style: normal;
}

.date_events .posted {
	color:#999;
	margin:1px 0px 2px -2px;
}

.single_media_120 {
	padding:5px 5px 5px 10px;
}

.single_media_120 img {
	margin-bottom:5px;
}

.single_media_120 p {
	padding-bottom:9px;
}

.yui-g .text_right_events {
	padding:5px 10px 5px 10px;
}

.yui-g .text_right_events .text {
	float:right;
	width:70%;	
}

.text_right_events .photo {
	float:left;
	margin:5px 0 0 0;
}

.yui-g .text_right_events .posted {
	margin:-2px -1px 7px -2px;
}

.text_right_120 {
	padding:5px 4px 10px 0px;
	margin:0px 10px 0px 10px;
	border-bottom:1px solid #ccc;
}

.text_right_120 .text {
	float:right;
	width:82%;
}

.yui-gc .text_right_120 .text {
	width:71%;
}

.yui-ge .text_right_120 .text {
	width:73%;
}

.yui-g .text_right_120 .text {
	width:64%;
}

.text_right_120 .photo {
	float:left;
	margin:7px 0 0 0;
}

.text_right_120 .posted {
	margin:-2px -1px 7px -2px;
}

.text_news {
	margin:0 10px 0px 10px;
}

.text_news .posted {
	margin:-2px -1px 7px -2px;
}

.text_news .text {
	border-bottom:1px solid #ccc;
	padding:5px 0 5px 0;
}

.photo_name_post p {
	padding-top:4px;
}

.photo_name_post .photo {
	float:left;
	width:134px;
	margin:5px 5px 5px 8px;
}

.photo_name_post .posted {
	margin:-5px -1px 7px -2px;
}

.photo_120_full p {
	color:#000;
	padding-top:4px;
}

.photo_120_full .photo {
	float:none;
	width:233px;
	_height:90px;
	margin:8px auto;
}

#yui-main .photo_120_full img.noborders {
	padding:0px;
	border:none;
}

.photo_120_full .posted {
	margin:-5px -1px 7px -2px;
}

.photo_name_vert p {
	color:#000;
	padding-top:4px;
}

.photo_name_vert {
	margin:5px 10px 5px 11px;
}

.photo_name_vert .photo {
	width:134px;
	padding:6px 0px 2px 4px;
}

.photo_name_vert .posted {
	margin:-5px -1px 7px -2px;
}

.photo_thumb_90 p {
	padding-top:4px;
}

.photo_thumb_90 .photo {
	float:left;
	font-size:93%;
	width:123px;
	margin:5px 5px 5px 8px;
}

.photo_thumb_90 .posted {
	margin:-5px -1px 7px -2px;
}

.large_thumb {
	min-height:110px;
	padding:5px 4px 10px 0px;
	margin:0px 5px 0px 5px;
} /*IE6*/

.media_260 .photo {
	text-align:center;
	margin:10px 0 10px 0;
}

/****** Insiders Page - Business Page ******/

#directory {
    padding-top:0px;
}

#directory .text_right {
	border:none;
	background:none;
	padding:4px 0 4px 5px;
	margin:2px 5px 5px;
	width:47.5%;
}

#directory .text_right_wrap {
    border:none;
}

#directory .listing {
    background:none;
    border:none;
    margin:0px -4px;
    padding:9px 5px;
}

#business_profile {
	margin:0 -6px 10px -6px;
	min-height:110px;
}

#yui-main .profile_photo img {
	border:none;
}

.profile_photo {
	margin:10px 10px 5px 10px;
	float:left;
}

.profile_photo p.small {
	padding:3px 0px 4px 23px;
	background:transparent url(/images/icons/user_edit.png) no-repeat 3% 50%;
}

#business_map {
	position:relative;
	float:right;
	margin-top:-80px;
}

#business_profile .text {
	padding:10px;
}

#business_profile label {
	font-weight:bold;
}

.profile_details {
	margin:10px 0 10px 0;
}

.profile_details li {
	margin:5px 0 5px 5px;
}

.profile_details em {
	font-style: italic;
}

.insiders_profile_photos .profile {
	float:left;
	width:43%;
}

.insiders_profile_photos .profile .thumb_90 {
	margin:5px 0 0 5px;
}

.insiders_profile_photos .text {
	float:right;
	width:54%;
}

.insiders_profile_photos .posted {
	margin:-2px 0 5px -3px;
}

.insiders_profile_photos .photo {
	float:left;
	width:57%;
}

.insiders_profile_photos .thumb_90 {
	float:left;
	margin:5px 5px 10px 6px;
}

/****** Map Browser ******/

#mapContainer {
	margin:0px 0px 10px 0px;
}

#mapContainer img {
	border:none;
	background-color: transparent;
}

/****** Media Browsers ******/

.media_browser_large {
	padding:0px;
	margin-bottom:20px;
}

.media_browser .vertical {
	padding:1px;
}

#yui-main .controls img {
	border:none;
	cursor:pointer;
}

#yui-main .thumbs_control img {
	border:none;
	cursor:pointer;
}

.controls {
	min-height: 20px;
	margin:0px 0px 0px 0px;
	padding: 4px 0px 3px 8px;
	background:#f2f2f2 url(/images/h2_gray.jpg) repeat-x bottom;	
}

.number_pics b {
	color:#000;
}
.number_pics {
	float:right;
	text-align:right;
	font-family:arial,helvetica,clean,sans-serif;
	font-size:93%;
	font-weight:bold;
	color:#666;
	width:60px;
	height:15px;
	padding:0px 9px 0px 10px;
	margin:3px 7px 0 0;
}

.thumbs_control {
	height:15px;
	text-align:right;
	margin:0px 0px 0px 0px;
	padding:3px 5px 3px 8px;
	background:#f2f2f2 url(/images/h2_gray.jpg) repeat-x bottom;		
}

.controls a {
	float:left;
	text-align:center;
	padding:0px 2px 0px 0px;
	color:#000;
	font-size:77%;
}

.controls a:hover {
	text-decoration:none;
}

.vertical img {
	margin:0 0 4px 2px;
}

.media_browser_large .main_image {
	margin:0;
	padding:3px 0px;
	background-color:#f7f7f7;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
}

.media_browser_large .captions {
	color:#000;
	padding:0px 4px 6px 8px;
}

.media_browser_large .main_image img {
	margin:10px 5px 10px 5px;
}

.media_browser_large .main_image {
        text-align:center;
}

#media_caption {
	text-align:left;
}

.media_info {
	margin:0px 5px 5px 5px;
	height:20px;
}

#media_by {
	float:left;
	padding-top:4px;
	width: 50%;
	font-size:85%;
}

#media_rating {
	text-align:right;
	float:right;
	width: 40%;
	font-size:85%;
}

#media_rating ul {
    float:right;
    margin-right:8px;
}

.media_browser_large .thumbs {
	overflow: auto;
	border:1px solid #ccc;
    border-left:none;
    border-right:none;
	background-color:#f2f2f2;
	height:190px;
	margin:10px 0px 0px 0px;
	padding:4px 4px 4px 8px;
}

#yui-main .media_browser_large .thumbs img {
	float:left;
	padding:4px;
	background-color:none;
	border:none;
	margin:0px 5px 4px 0px;
	padding:3px;
}

#yui-main .media_browser_large .thumbs .active {
	background-color:#000;
    padding:3px;
}

/****** Icons ******/

.wave_height {
	padding:3px 1px 5px 25px;
	margin:0;
	background:url(/images/icons/wave_height.gif) no-repeat top left;
}

.conditions {
	padding:3px 1px 5px 25px;
	margin:0;
	background:url(/images/icons/conditions.gif) no-repeat top left;
}

.swell {
	padding:3px 1px 5px 25px;
	margin:0;
	background:url(/images/icons/swell.gif) no-repeat top left;
}

.surfers {
	padding:3px 1px 5px 25px;
	margin:0;
	background:url(/images/icons/surfers.gif) no-repeat top left;
}

.wind {
	padding:3px 1px 5px 25px;
	margin:0;
	background:url(/images/icons/wind.gif) no-repeat top left;
}

.time {
	padding:3px 1px 5px 25px;
	margin:0;
	background:url(/images/icons/time.gif) no-repeat top left;
}

.water_temp {
	padding:3px 1px 5px 25px;
	margin:0;
	background:url(/images/icons/temp.gif) no-repeat top left;
}

/****** Membership Sign Up Pages ******/

.already_member {
    background: url(/images/arrow_button.gif);
    background-repeat: no-repeat;
    background-position: 1% 32%;
    padding-left: 15px;
}

.signupbox {
	margin:5px 0 10px 0;
	padding:0 0 0 86px;
	border-bottom:1px solid #ccc;
	min-height:103px;
}

.signupbox input {
	margin:0 5px -2px 0;
}

.product1 {
	background:url(/images/icons/signup/badge_64.95.jpg) no-repeat top left;
}

.product3 {
	background:url(/images/icons/signup/badge_69.95.jpg) no-repeat top left;
}

.product27 {
	background:url(/images/icons/signup/badge_free.jpg) no-repeat top left;
}

#yui-main .compare img,
#yui-main .compare_free img {
	border:none;
}
 
#signup div.small {
	min-height:58px;
	display:block;
    padding-top:5px;
}

.compare {
	float:right;
	margin-top:-18px;
}

.compare_free {
	float:right;
	margin-top:-20px;
}
/* this hides the comparison chart on sign up page */ 
#chart {
	display:none;
}

.altcolor_borders .forms input {
	background-color:#fff;
}

#membership_page {
	margin:10px 5px;	
}

#membership_page input, 
#membership_page textarea,
#membership_page select {
	background-color:#f4f4f4;
}

input#button {
	background-color:#3366cc;	
}

ul.subscriptions {
	margin:0 5px;
}

.subscriptions li {
	font-size:93%;
	padding:5px;
	margin:-1px 5px 0 5px;
	border:1px solid #ccc;
	border-left:none;
	border-right:none;
}

.errbox {
	border:1px solid #FFCC00;
	padding:10px 5px 5px 45px;
	min-height:20px;
    margin-bottom:10px;
	width:94.4%;
	background:#FFFFCC url(/images/icons/warning.gif) no-repeat;
	background-position:5px;
} /*IE6*/

.hedit table {
	border:1px solid #ccc;
}

.hedit th {
	color:#fff;
	font-weight:bold;
	padding:3px;
	background-color:#333;	
}

.hedit td {
	padding:5px;
}

.hedit tr {
	padding:5px;
	border-bottom:1px solid #ccc;	
}

.vedit th {
	padding:5px;
	font-size:12px;
}

.vedit td {
	padding:5px;
}

#profile table {
	width:76%;
}

.forms {
	width:99%;
}

.forms .small {
	color:#666;
}

.forms td {
	padding:10px;
}

.forms_small td {
	padding:5px;
}

#signup .forms tr {
	border-bottom:1px solid #ccc;
}

.forms .set-col {
    text-align: center;
}

.forms input {
	border:1px solid #ccc;
	padding:3px;
	background-color:#f2f2f2;
}

.forms textarea {
	border:1px solid #ccc;
	padding:3px;
	background-color:#f2f2f2;
}

.forms label {
	font-weight:bold;
	padding:5px 5px 5px 0;
	margin:2px 0 2px 0;
}

#button {
	width:100px;
	padding:4px;
	border:1px solid #ccc;
	color:#fff;
	background:#3366cc;
}

.photo_profile {
	float:left;
	width:110px;
	margin:5px 10px 0 5px;
}

#yui-main .yui-b .yui-u .photo_profile img {
	border:none;
	padding:0;
	margin-bottom:2px;
}

#yui-main .yui-b .forms img {
	border:none;
	padding:0;
	margin-bottom:2px;
}

.list_normal li {
	list-style-type: decimal; 
	padding:3px;
}

.split_listing li {
	float:left;
	width:100%;	
    clear: both;
}

.split_listing_alt li {
	padding:0 0 3px 0;
	margin-bottom:3px;
}

.split_listing em {
    float: right;
    color: #999;
    padding: 1px 2px 1px 10px;
    display: block;
    font-style: normal;
}

.split_listing_alt em {
    float: left;
    color: #000;
    padding:2px 2px 1px 0px;
    margin:-3px 3px 0 8px;
    display: block;
    font-style: normal;
}
.signup .split_listing li {
	padding: 3px 0px 3px 0px;
}

/****** Footer ******/

#breadcrumb {
	width:948px;
	height:15px;
	font-size:95%;
	padding:1px 0px 0px 0px;
	background:url(/images/breadcrum_bg.jpg) repeat-x right top;
	border:1px solid #ccc;
} /*IE6*/

#breadcrumb li {
	display:inline;
	padding:2px 15px 1px 5px;
	line-height:1.3em;
	background:url(/images/breadcrum_divider.gif) no-repeat right;
}

.footer-contents {
	padding:5px 0px 5px 5px;
	background-color:#fff;
	border:1px solid #ccc;
	border-top:none;
} /*IE6*/

.footer-contents dt {
	color:#666;
}

#footer_links dl {
	float: left;
	margin: 0px;
	margin-right: 13px;
	padding: 1px 0;	
}

#footer_links dl.member_footer {
    /*border:1px solid #FFCC00;*/
	/*background:#FFFFCC;*/
}

#footer_links .special {
    background:url(/images/icons/footer/new.png);
    background-repeat: no-repeat;
    background-position: 90% 0%;    
}

#footer_links dl.last {
	border: none;
	width: 13%;
} /*IE7*/

#footer_links dd {
	margin: 0;
	padding: 0px 10px;
	font-size: 88%;
}

#footer_links dd a {
	font-size: 88%;
	color:#3366cc;
	text-decoration: none;
	line-height:1.4em;
}

#footer_links dd a:hover {
	text-decoration: underline;
}

#footer_links dd a span {
	text-transform: none;
}

#footer_links dt {
	font-size: 85%;
	font-weight: bold;
	padding: 0 10px;
}

#total_image_count {
    float:right;
    font-size:138.5%;
    color:#999;
}

#ft_last {
	height: 20px;
	background-color: #fff;
	border:1px solid #ccc;
	padding:5px;
	margin-top:5px;
	font-size: 88%;
	text-align:left;
}/*IE6*/

#ft_last p {
	margin-bottom:3px;
	font-size: 88%;
	padding-top:4px;
	float:left;
}
#ft_last a {
	color:#3366cc;
	text-decoration:none;
}
#ft_last a:hover {
	color:#3366cc;
	text-decoration:underline;
}
#ft_last p.supporting_links { 
	margin-left: 100px;
}

/****** Smart Links ******/

.footer-contents h3 {
	font-size: 100%;
	text-align: center;
	border-bottom: 1px solid #ccc;
	margin: 3px 12px;
}
.smartlinks {
	margin:10px 12px 15px 0;	
}
.smartlinks li { 
    font-size:85%;
    height:9px;
	float: left;
	border-right:1px solid #ccc;
 	padding:0px 10px 2px 10px;
	margin:3px 0;
}

/*  map styles */
#gmap{
	border:1px solid #CCC;
	display:block;
	overflow:hidden;
}
#gmap img{
	border:0;
}
#gmap.map_small{
	width:300px;
	height:300px;
	margin:auto;
}
#gmap.map_medium{
	width:490px;
	height:344px;
}
.info_window{
	width:200px;
	height:120px;
	position: absolute;
}
#info_window_bg{
	background: url(/images/gmap/info_bubble-200x120.png) top no-repeat;
	width:200px;
	height:120px;
	position:absolute;

}
.info_window h1{
	color:#FFF;
	font-size:12px;
	line-height:20px;
	vertical-align: middle;
	font-weight:bold;
	padding:4px 2px 0 6px;
	height:20px;
	width:168px;
	overflow:hidden;
	position:relative;

}
.info_window #close_button{
	width:14px;
	height:14px;
	margin:7px 6px 0 0;
	background:url(/images/gmap/info_bubble-close.png) no-repeat;
	float:right;
	cursor:pointer;
	position:relative;

}
.info_window p{
	font-size:11px;
	margin:3px 7px;
	position:relative;
}
.map_item{
	min-height:40px !important;
}
.feature_descriptor{
	float:right;
	font-style:italic;
}
.map_item-featured{
	background:#FFFFea;
}
.map_item-active{
	background-color:#E7E7E7 !important;
}
.icon img{
	cursor: pointer;
	border:0;
}
.social_networks {
	width: 130px;
	float: right;
	padding: 5px 5px 0 5px;
	margin-top: 5px;
	text-align: right;	
}
#side_bar .social_networks {
	float: none;
	text-align: center;
	width: 93%;
	margin-top: 10px;
}
#side_bar img.openmag {
	margin-top: 3px;
}