/**** JAY styles ****/
.module-header-leftnav { background-color:#173862;background-image:url("/include/global_images/cap_173862_blue_tr.gif");background-position:top right;
background-repeat:no-repeat;height:7px; }
.module-header-e { height:20px; }
.module-header-e h2 { float:left;padding:4px 0 0 5px;font-weight:bold;font-size:10px;color:white; }
.module-header-e, h2.module-header-e {background-color:#173862;background-image:url("/include/global_images/cap_173862_blue_tr.gif");background-position:top right;background-repeat:no-repeat; color:#FFFFFF;}

.module-footer-d { background: url("http://www.surfline.com/include/global_images/cap_darkblue_medblue_bl.gif") 0 100% no-repeat #FFFFFF;width:100%;background-color:#000033; }
.module-footer-d div { background:url("http://www.surfline.com/include/global_images/cap_darkblue_medblue_br.gif") 100% 100% no-repeat;height:18px;color:white;padding:4px 0 0 7px; }

.module-inner-wind { width:650px;height:43px;background-color:#173862; }
.module-inner-tide { width:650px;height:43px;background-color:#173862; }

.cap-173862-tl { background: url("/include/global_images/cap_173862_blue_tl.gif") 0 100% no-repeat #173862;width:100%;height:7px;font-size:1px;}
.cap-173862-tr { background: url("/include/global_images/cap_173862_blue_tr.gif") 100% 100% no-repeat;height:7px;font-size:1px;}
.cap-173862-bl { background: url("/include/global_images/cap_173862_blue_bl.gif") 0 100% no-repeat #173862;width:100%;height:7px;font-size:1px;}
.cap-173862-br { background: url("/include/global_images/cap_173862_blue_br.gif") 100% 100% no-repeat;height:7px;font-size:1px;}
	
.section-inner-b { font-size:12px;padding:10px 15px 15px 15px; }
.section-inner-b { background-color:#FFFFFF;min-height:700px; }

.blog-header { padding:0 0 0 0;font-size:12px;font-weight:bold; }
.blog-entry { font-size:12px;padding:3px 0 0 0;line-height:16px; }

/* do not use top and bottom padding here. */
#reporttab { background-color:#FFFFFF;padding-left:15px; padding-right:15px; min-height:494px }
#swelltab { background-color:#FFFFFF;min-height:494px }

img.wind_overlay {margin-top:-43px;} 
.wind_time_bar { margin-top:-43px;}
.wind_speed_details { margin-top:-43px;}
.tide_time_bar { margin-top:-51px;}

/** tooltip **/
.cursor {  cursor:pointer; }
#tooltip { position:absolute;border:1px solid #000;background:#FFF;color:#000;padding:7px 10px 10px 10px;display:none;line-height:20px;font-size:12px; }
#tooltip td { color:black;padding:2px 4px 2px 4px;font-size:12px; }

/** for the toggle linkes **/
a.hiddenToggle { padding-left:10px;background-image:url(/surfdata/images/toggle_less.gif);background-position:left;background-repeat:no-repeat; }
a.shownToggle { padding-left:10px;background-image:url(/surfdata/images/toggle_more.gif);background-position:left;background-repeat:no-repeat; }
	

.waste { min-height:1000px; }
div.minBreakdetails { min-height:200px;}

/* sidebar */
.google_sidebar_map {padding:7px 7px 6px 9px;}
#surf_reports_and_cameras ul.subsublinks li.top_report {margin-top:6px;}
#sidebar_nav li .sublinks_spot {margin-left:16px;}


#time_container{
	width: 100%;
}
#time_container ul{
	list-style: none;
	list-style-position: outside;
}
#time_container ul.menu li{
	float:left;
	margin-right: 8px;
	margin-left: 8px;
}
#time_container ul.menu li{
	font-weight: 700;
	display: block;
	padding: 5px 6px 5px 6px;
	background: #dddddd;
	border: 1px solid #999999;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #04235C;
	cursor: pointer;
}
#time_container ul.menu li.active{
	background: #fff;
	border-bottom: 1px solid #d0ccc9;
	color: #04235C;
}


#report_time_container{
	width: 100%;
}
#report_time_container ul{
	list-style: none;
	list-style-position: outside;
}
#report_time_container ul.menu li{
	float:left;
	margin-left: 15px;
	margin-bottom:8px;
}
#report_time_container ul.menu li{
	font-weight: 700;
	display: block;
	padding: 5px 12px 4px 12px;
	background: #dddddd;
	border: 1px solid #999999;
	border-width: 1px 1px 1px 1px;
	position: relative;
	color: #04235C;
	cursor: pointer;
}
#report_time_container ul.menu li.active{
	background: #fff;
	border-bottom: 1px solid #d0ccc9;
	color: #04235C;
}




/* report page */


/* report only page */
.surfreport_model_layer {min-height:530px;}
.surfreport_report_layer {min-height:460px;}

/* regional modules */
.regional_external_blog_module{min-height:430px; height:auto !important; height:430px}
.regional_internal_blog_module{min-height:430px; height:auto !important; height:430px}

/* regional link icons */
a.icon-media { padding-left:14px;background-image:url(/include/global_images/icon-media.gif);background-position:left;background-repeat:no-repeat; }
a.icon-news { padding-left:14px;background-image:url(/include/global_images/icon-news.gif);background-position:left;background-repeat:no-repeat; }


/**** JCA STYLES ****/
small { font-size:10px; }
.bold { font-weight:bold; }
p { padding:0;margin:0; }
#text-surfheight { font-size:24px;font-weight:bold; }
.text-data { font-size:15px;font-weight:bold; }
.medium-text { font-size:11px;line-height:16px; }
#breakDetails ul { margin:0; }
#breakDetails li { margin:0 0 4px 0;font-size:11px; }
#weatherTable td { color:black; }



/**** TAB STYLES ****/
/*adjusts the tabs on module*/
ul.tabNavigation {	list-style: none;	margin: 5px 0px 3px 0px;	padding: 0; }
ul.tabNavigation li {display: inline;height:20px;margin: 0px -3px 0px 0px;}
ul.tabNavigation li a {padding: 3px 6px;color: #FFFFFF;border-left: 1px solid #002c83;text-decoration: none;height:30px;background-image:url(http://www.surfline.com/home/hp_images/top_tab_open.gif);background-position:right top;}
ul.tabNavigation li a.selected,
ul.tabNavigation li a:hover {color: #fff;padding: 3px 6px;height:30px;background-image:url(http://www.surfline.com/home/hp_images/top_tab_closed.gif);background-position:right top;border-left: 1px solid #000033;}
ul.tabNavigation li a.selected {font-weight:bold;}
ul.tabNavigation li a:focus {outline: 0;}

/* adjusts inside module text postion */
div.tabs > div {padding: 5px;margin-top: 3px;border: 1px solid #FFFFFF;}
div.tabs > div h2 { margin-top: 0; }



/**** LEFT SIDEBAR NAVIGATION STYLES ****/
#sidebar_nav ul { list-style:none;padding:0;margin:0; }
#sidebar_nav li { list-style:none;font-size:10px;padding:0 0 4px 0;margin:0; }
#sidebar_nav .toplinks { padding-left:10px;padding-bottom:3px; }
#sidebar_nav .toplink-bottom { padding-bottom:11px; }
#sidebar_nav li .sublinks { padding-left:17px;padding-top:4px;clear:both; }
#sidebar_nav li .sublinks a { font-weight:normal; }
#sidebar_nav li .subsublinks { padding-left:17px;clear:both; }
#sidebar_nav li .subsublinks a { font-weight:normal; }
#sidebar_nav .sublink-top { padding-top:4px; }

.sublinks-header { padding:3px 0 4px 0;margin:0;font-size:10px;color:#FFFFFF;border-top:#80808c solid 1px;;border-bottom:#80808c solid 1px; }
.sublinks-header:hover { cursor:pointer; }
.sublinks-header span { display:block;float:left;width:16px;height:16px;background:url("/include/global_images/arrow_open_closed.gif") 0 -16px; }

.subsublinks-header { padding:2px 0 2px 0;margin:0;font-size:10px;color:#DDDDDD; }
.subsublinks-header:hover { cursor:pointer; }
.subsublinks-header span { display:block;float:left;width:16px;height:16px;background:url("/include/global_images/arrow_open_closed.gif") 0 -16px; }

.closed span { display:block;float:left;width:16px;height:16px;background:url("/include/global_images/arrow_open_closed.gif") 0 0px; }


/**** FORECAST NAVIGATION BUTTONS ****/
#forecast_nav a.button_forecast {
	display: block;
	height: 19px;
	background: url(/surfdata/images/nav_bg.gif) left top;
	text-align: center;
	color: white;
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	padding: 1px 10px 0 10px;
	border-left:solid 1px #fff;
}
#forecast_nav a.button_forecast:hover {
	background: url() #336699;
}
#forecast_nav a.current {
	background: url() #336699;
}

ul.horizontal {
	margin: 0 auto;
	padding: 0;
}
ul.horizontal_list li {
	float: left;
	list-style: none;
}

#report_nav a.button_report {
	display: block;
	height: 15px;
	background: url(/surfdata/images/nav_bg.gif) left top;
	text-align: center;
	color: white;
	text-decoration: none;
	font-family: verdana;
	font-size: 10px;
	font-weight: normal;
	padding: 2px 10px 0 10px;
	margin-left: 2px;
	border:1px solid #000033;
	/*border-left:solid 1px #fff;*/
}
#report_nav a.button_report:hover {
	background: url() #336699;
}
#report_nav a.current {
	background: url() #bbb;
}


/***** new wind bar styles *****/
#wind_table td { font-family:arial;font-size:10px;vertical-align:bottom;text-align:center;color:#000; }
#wind_table #day td { background-color:#ccc;padding:2px 0 2px 0;;border:1px #888 solid;border-left:0px;border-bottom:0px; }
#wind_table #numbers td { background-color:#ddd;padding:2px 0 2px 0;border:1px #888 solid;border-left:0px; }
#wind_table #bars td { background-color:#eee;border-right:1px #888 solid;font-weight:bold; }
#wind_table #wind td { padding:3px 0 2px 0;vertical-align:center;border-bottom:1px #888 solid;border-right:1px #888 solid;background-color:#fff; }
#wind_table .report_bar { background-color:#ffa900;width:35px;margin:0 14px 0 14px; }

.msg_style { height:30px;width:85px;padding:4px 5px 0 5px;background-color:#fff;font-family:arial;font-size:11px;border:1px #000 solid;position:absolute;display:none;text-align:center; }

#wind_now_table td { text-align:center; }
#wind_now_day td { font-family:arial;font-size:10px;vertical-align:top;text-align:center;background-color:#ccc;padding:2px 0 2px 0;;border:1px #888 solid;color:#000;text-align:center; }
#wind_now_bars td { background-color:#fff;border:1px #888 solid;color:#000;text-align:center;border-top:0; }

#tide_box td { border:0; }

#forecast_wind_table td { font-family:arial;font-size:10px;vertical-align:bottom;text-align:center;color:#000; }
#forecast_wind_table #day td { background-color:#ccc;padding:2px 0 2px 0;border-right:1px #888 solid;border-top:1px #000 solid; }
#forecast_wind_table #numbers td { background-color:#ddd;padding:2px 0 2px 0;border:1px #888 solid;border-left:0px; }
#forecast_wind_table #bars td { background-color:#eee;border-right:1px #888 solid;font-weight:bold; }
#forecast_wind_table #wind td { padding-top:3px;padding-bottom:2px;vertical-align:center;border-bottom:1px #000 solid;border-right:1px #888 solid;background-color:#fff; }
#forecast_wind_table .report_bar { background-color:#ffa900;width:13px;margin:0 3px 0 3px; }
/*.msg_style { height:30px;width:75px;padding:4px 5px 0 5px;background-color:#fff;font-family:arial;font-size:11px;border:1px #000 solid;position:absolute;display:none;text-align:center; }*/

.data_table td { font-family:arial;font-size:10px;vertical-align:bottom;text-align:center;color:#000; }
.data_table .day td { background-color:#ccc;padding:2px 0 2px 0;;border:1px #888 solid;border-left:0px;border-bottom:0px; }
.data_table .numbers td { background-color:#ddd;padding:2px 0 2px 0;border:1px #888 solid;border-left:0px; }
.data_table .bars td { background-color:#eee;border-right:1px #888 solid;font-weight:bold; }
.data_table .period td { color:#555;background-color:#ddd;border-right:1px #888 solid;font-weight:bold; }
.data_table .wind td { padding-top:3px;padding-bottom:2px;vertical-align:center;border-bottom:1px #888 solid;border-right:1px #888 solid;background-color:#fff; }
.data_table .report_bar_swell { background-color:#336699;width:20px;margin:0 9px 0 9px; }
.data_table .report_bar_wind { background-color:#ffa900;width:20px;margin:0 9px 0 9px; }