/* CSS Document */

html, body
{
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
	font: 100% Arial, Helvetica, sans-serif;
	color: #303030;
}

body
{
	background: #141414 url(../img/common/mesurf_background.png) no-repeat top center;
}

h1, h2, h3, h4, h5, h6, p, form
{
	margin: 0;
	padding: 0;
}

input, textarea, select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
}

fieldset, img
{
	margin: 0;
	padding: 0;
	border: 0px none;
	font-size: 100%;
	display: block;
}

img.left
{
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
	border: 1px solid #ccc;
}
img.left02
{
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
	border: none;
}
img.leftlisting
{
	display: inline;
	float: left;
	margin: 0 1em 0 0;
	border: 1px solid #ccc;
}
.leftlisting
{
	float: left;
	margin: 0 1em 0 0;
}
img.right
{
	display: inline;
	float: left;
	margin: 0 0 1em 1em;
	border: 1px solid #ccc;
}

.right
{
	float: right;
	margin: 0 0 1em 1em;
}

.left
{
	float: left;
	margin: 0 1em 1em 0;
}

a:link, a:visited
{
	color: #1a8eff;
}

a:hover, a:focus
{
	color: #303030;
}

legend.hidden
{
	display: none;
}

#wrapper
{
	width: 941px;
	margin: 0 auto 0 auto;
	text-align: left;
	display:block;
	background: none;
}

.headerAD
{
	width:400px;
	height:60px;
	padding:0 0 0 0px;
	margin:0;
	
}

#header
{
	padding:0px 18px 6px 18px;
	background: transparent url(../img/common/header_bg.png) no-repeat top left;
}

#header h1
{	
	margin-top:20px;
	Width: 160px;
	display: block;
	float: left;
}

#header div.ad
{
	margin-top:20px;
	/*background-color:Red;*/
	/*margin: 25px 20px 0 -25px;*/
	margin: 13px 0px 0px -25px;
	width: 728px;
	height: 90px;
	float: right;
	
}


#header div.emailSubscription
{
	margin-top: -5px;
}


#header div.emailSubscription input.subscriptionInput
{
	font-size: 12px;
}

#header div.emailSubscription td.subscriptionSubscription
{
	color:White;
	font-size: 11px;
	padding-left:4px;
}

#header div.emailSubscription td.subscriptionSubscriptionError
{
	color:Red;
	font-size: 11px;
	padding-left:4px;
}

#header div.emailSubscription input.standard
{
	padding: 0px;
	font-size: 11px;
	width: 160px;
}

#header div.emailSubscription input.subscriptionSubmit
{

}

#header ul#menu
{
	clear: both;
	margin: 0;
	padding: 5px 0px 0px 0px;
	font-size: 80%;
	color: #ffffff;
}

	ul#menu li
	{
		margin: 0;
		padding: 0 0 0 0px;
		list-style: none;
		float: left;
		/*background: transparent url(../img/nav/div.gif) no-repeat left top;*/
	}
	
	ul#menu li.hover ul
	{
		display: block;
	}
	
	ul#menu li ul
	{
		display: none;
		position: absolute;	
		margin: 0;
		padding: 0;
		background: transparent url(../img/nav/subnav_bg_full.png) repeat-y left top;
	}
	
	ul#menu li ul li
	{
		float: none;
		height: 24px;
		width: 144px;
		background: transparent none;
		padding: 6px 0 0px 0;
		margin: 0 0 0 0;
		background: transparent url(../img/nav/subnav_bg.png) no-repeat left top;
		
	}
	
	ul#menu li ul li.last
	{
		height: 29px;
		float: none;
		background: transparent none;
		padding: 6px 0 0px 0;
		margin: 0 0 0 0;
		background: transparent url(../img/nav/subnav_bg_last.png) no-repeat left top;
		
	}
	
	ul#menu li ul li.first
	{
		float: none;
		height: 26px;
		background: transparent none;
		padding: 12px 0 0px 0;
		margin: 0 0 0 0;
		background: transparent url(../img/nav/subnav_bg_first.png) no-repeat left top;
		
	}
	
	ul#menu li ul li a:link,
	ul#menu li ul li a:visited
	{
		color: #ffffff;
		padding: 0 0px 0 15px;
		text-decoration: none;
	}
	
	ul#menu li ul li a:link.first,
	ul#menu li ul li a:visited.first
	{
		color: #ffffff;
		padding: 0 0px 0 15px;
		text-decoration: none;
	}

	
	ul#menu li ul li a:focus,
	ul#menu li ul li a:hover,
	ul#menu li ul li a.active
	{
		color: #d84511;
/*		font-weight: bold;
*/
	}
	
	#header fieldset#quickSearch
	{
		margin: 4px 10px 0 0;
		float: right;
		display: inline;
	}

	fieldset#quickSearch input
	{
		float: left;
	}
	
	fieldset#quickSearch img
	{
		float: left;
		margin: 2px;
	}
	
	fieldset#quickSearch input.quickSearch_txt
	{
		/*width: 160px;*/
		width: 145px;
		margin: 2px;
		color: #303030;
		font-size: 70%;
		padding: 2px;
	}
	
	fieldset#quickSearch input.searchButton
	{
		margin: 2px;
	}
	

	#header #breadcrumb
	{
		height: 33px;
		background-color: #000;
		width: 582px;
		/*width: 800px;*/
	}
	
	#breadcrumb h2
	{
		padding: 7px 5px 5px 10px;
		float: left;
		margin: 0;
	}
	
	#breadcrumb #subnav
	{
		float: left;
		/*background: transparent url(../img/nav/sub_bg.gif) no-repeat top left;*/
		height: 23px;
		margin: 5px;
	}
	
		#subnav ul
		{			
			height: 23px;
			margin: 0;
			padding: 0 4px 0 0;
			list-style: none;
			/*background: transparent url(../img/nav/sub_bg_right.gif) no-repeat top right;*/
		}
		
		#subnav li
		{				
			margin: 0;
			padding: 5px 5px 5px 0;
			list-style: none;
			font-size: 70%;
			float: left;
		}
		
		#subnav li a:link,
		#subnav li a:visited
		{
			padding: 0 5px 0 10px;
			border-left: 1px solid #dcdcdc;
			border-left-style:dotted;
			text-decoration: none;
			color: #dcdcdc;
		}
		
		#subnav li a.active,
		#subnav li a:hover,
		#subnav li a:focus
		{
/*			font-weight: bold;
*/
			color: #d84511;
		}


#main
{
	padding: 8px 28px 0 28px;
	font-size: 70%;
	background: transparent url(../img/promo/bg_promo.gif) repeat-y top left;
}

#main h2
{
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;

	background: url(../img/v2_title/h2_bg.png) repeat-x;
	height: 15px;

	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;
	font-size: 110%;
	color: #ffffff;
}

#main h2.usercomments
{
	border-top: 1px solid #b2b2b2;
	border-left: 1px solid #b2b2b2;
	border-right: 1px solid #b2b2b2;
	border-bottom: 1px solid #b2b2b2;

	background: url(../img/v2_title/h2_bg_grey.png) repeat-x;
	height: 15px;

	padding: 5px 10px 5px 10px;
	margin: 0 0 10px 0;
	font-size: 110%;
	color: #ffffff;
}

#main h2 a
{
	float: right;
	display: inline;
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
}

#main h2 a.categoryLink
{
	float: none;
	font-size: 100%;
}

#main #content h2
{
	margin: 0 10px 10px 0;
}

#content
{
	width: 570px;
	margin: 0 13px 0 0;
	float: left;
	display: inline;
}

#content div.a-feature
{
/*
	border: 1px solid #ccc;
	padding: 8px 9px 10px 10px;
	
*/
margin: 0 10px 10px 0;
}

#content div.a-feature .overlay
{
	position: absolute;
	margin: 1px 0 0 437px;
}

#content div.a-feature h2
{
	border: 0px none;
	padding: 0;
	background-color: transparent;
	background: none;
	height:auto;
}

#content div.a-feature .content h3
{
	font-size: 100%;
	text-transform: uppercase;
	margin: 0 0 5px 0;
	color: #303030;
}

#content div.a-feature p
{
	margin: 0 0 10px 0;
}

#content div.a-feature h3
{
	color: #000;
	font-size: 130%;
}

#content div.a-feature h4
{
	color: #000;
	font-size: 110%;
	font-weight: normal;
	margin: 0 0 10px 0;
}

#content div.a-feature .content
{
	background-color: #e6e6e6;
	padding: 8px 9px 10px 10px;
}

#content div.a-feature .content img.left
{
	border: 1px solid #ccc;
}

#content div.a-feature a.readmore img
{
	position: relative;
	left: -2px;
}

#content div.adFeature
{
	/*border: 1px solid #ccc;
	*/
	margin: 0 0 15px 0;
}

#content li.listingItem
{
	padding: 8px 9px 0px 10px;
}



#content div.listingBorder
{
	border: 1px solid #ccc;
	padding: 8px 0px 0px 0px;
	margin: 0 10px 15px 0;
}

#content div.feature
{
	border: 1px solid #ccc;
	padding: 8px 9px 10px 10px;
	margin: 0 10px 15px 0;
	background-color: #e7f3ff;
}

#content div.feature .overlay
{
	position: absolute;
	margin: -8px 0 0 466px;
}

#content div.feature h2
{
	border: none;
	padding: 0;
	background: none;
}

#content div.feature h3
{
	font-size: 100%;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

#content div.feature p
{
	margin : 0 0 5px 0;
}

#content ul.articles
{
	margin: 0 10px 0 0;
	padding: 0 10px 10px 10px;
	list-style: none;
}



#content ul.articles li
{
	margin: 0 0 1em 0;
	padding: 0;
	list-style: none;
}

#content ul.articles h3
{
	font-size: 100%;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

#content ul.articles p
{
	margin : 0 0 5px 0;
}
/*--homepage listing items--*/
#content ul.articleslisting
{
	margin: 0 10px 0 0;
	padding: 0 10px 0px 10px;
	list-style: none;
}
#content ul.articleslisting li
{
	margin: 0 0 12px 0;
	padding: 0;
	list-style: none;
}
#content ul.articleslisting h3
{
	font-size: 100%;
	margin: 0 0 5px 0;
	text-transform: uppercase;
}

#content ul.articleslisting p
{
	margin : 0 0 0 0;
}

/*----end---*/

div.column
{
	margin: 0 10px 0px 0;
	width: 275px;
	float: left;
	display: inline;
}

div.column h2
{
	margin: 0 0 10px 0 !important;
	height: 14px;
}

div.column h3
{
	font-size: 100%;
	margin: 0 0 5px 0;
}

div.column h3 a:link,
div.column h3 a:visited
{
	color: #303030;
	text-decoration: none;
}

div.column h3 a:hover,
div.column h3 a:focus
{
	text-decoration: underline;
}

div.column p
{
	margin: 0 0 5px 0;
}

div.column ul
{
	margin: 0;
	padding: 0 10px 10px 10px;
	list-style: none;
}

div.column li
{
	margin: 0 0 15px 0;
	padding: 0;
	list-style: none;
}

div.column .viewmore
{
	margin: 0 10px 1em 0;
	float: right;
}

div.paging
{
	color: #1a8eff;
	padding: 10px;
	text-align: right;
}

div.paging a, div.paging strong
{
	padding: 0 5px 0 5px;
}

#panel
{
	width: 300px;
	float: left;
	display: inline;
}

#panel div.signMeIn-msg
{

	margin: 0 0 12px 0;
}

#panel fieldset#signMeIn
{
	padding: 0 10px 10px 10px;
	margin-top: -5px;
}
	
	fieldset#signMeIn input.txt
	{
		margin: 0 0 5px 0;
		border: 1px solid #6c6c6c;
		color: #303030;
		display: block;
		width: 265px;
		padding: 4px;
	}
	
	fieldset#signMeIn input.button
	{
		float: right;
		display: inline;
	}



#panel h2
{
	background:background: url(../img/v2_title/h2_bg.png) repeat-x;
	height: 15px;
	
}

#panel h2.advert
{
	padding: 0;
	text-align: center;
	font-size: 100%;
	background-color: transparent;
	background:none;
	font-weight: normal;
	border: 0px none;
	color: #1a8eff;
	margin: 0 0 3px 0;
}

#panel .advert
{
	/*border: 1px solid #ccc;
	*/
	margin: 0 0 10px 0;
	background-color: #e7f3ff;
}

#panel .advert a.arr_r_promo:link,
#panel .advert a.arr_r_promo:visited
{
	display: block;
	padding: 5px 10px 5px 30px;
	background: transparent url(../img/icon/arr_r_promo.gif) no-repeat 18px 8px;
	text-transform: uppercase;
	text-decoration: none;
	color: #5b5b5b;
}

#panel .advert a.arr_r_promo:hover,
#panel .advert a.arr_r_promo:focus
{
	text-decoration: underline;
}

#foot
{
	margin: 0 18px 0 18px;
	background: #434242 url(../img/footer_sep.png) no-repeat top left;
	padding: 30px 20px 20px 20px;
	font-size: 70%;
	color: #fff;
}

#foot div.clearit
{
	background: transparent url(../img/foot_div.gif) repeat-y top left;
}

#foot ul
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#foot li
{
	margin: 0 0 10px 0;
	list-style: none;
}

#foot a:link,
#foot a:visited
{
	color: #fff;
	text-decoration: none;
}

#foot a:hover,
#foot a:focus
{
	text-decoration: underline;
}

#foot h2
{
	margin: 0 0 20px 0;
}

#foot div.clearit
{
	margin: 0 0 10px 0;
}

#foot div.clearit div
{
	float: left;
	display: inline;
}

#foot #topForums
{
	width: 200px;
	margin: 0 25px 0 0;
}
	#topForums li
	{
		padding: 0 0 0 25px;
		background: url(../img/icon/page.gif) no-repeat left 1px;
	}
	
	#topForums li small
	{	
		float: right;
	}

#foot #recentForums
{
	width: 200px;
	margin: 0 25px 0 0;
}

	#recentForums li
	{
		padding: 0 0 0 20px;
		background: url(../img/icon/page.gif) no-repeat left 1px;
	}

#foot #recentMeSurf
{
	width: 200px;
	margin: 0 25px 0 0;
}

	#recentMeSurf li
	{
		padding: 0 0 0 20px;
		background: url(../img/icon/page.gif) no-repeat left 1px;
	}

#foot #aboutMeSurf
{
	width: 190px;
}

	#aboutMeSurf h2
	{
		margin: 0 0 10px 0;
	}

	#aboutMeSurf p
	{
		margin: 0 0 15px 0;
	}

#footer
{
	margin: 0 18px 0 18px;
	background-color: #717171;
	padding: 10px 40px 10px 40px;
	color: #fff;
	font-size: 57%;
}

#footer h2
{
	font-size: 100%;
	text-transform: uppercase;
	background: transparent url(../img/footer_hr.png) left bottom no-repeat;
	padding: 0 0 10px 5px;
	margin: 0 0 5px 0;
}

#footer .sponsors
{
	background: transparent url(../img/footer_hr.png) left bottom no-repeat;
	padding: 0 0 5px 0;
}

#footer .sponsors img
{
	margin: 0 15px 0 0;
	display: inline;
}

#footer .copyRight
{
	padding: 5px;
	text-align: center;
}

#footer .copyRight a
{
	color: #fff;
	text-decoration: none;
}

#footer .copyRight a:hover,
#footer .copyRight a:focus
{
	text-decoration: underline;
}

a.title
{
	text-decoration: none;
}

a.title:link, a.title:visited
{
	color: #303030;
}

a.title:hover, a.title:focus, a.title h3:hover
{
	text-decoration: underline;
}

a.arr_r_thin:link, a.arr_r_thin:visited
{
	padding: 0 0 0 10px;
	background: transparent url(../img/icon/arr_r_thin.gif) no-repeat left 5px;
}

a.arr_r_blue:link, a.arr_r_blue:visited
{
	padding: 0 0 0 10px;
	background: transparent url(../img/icon/arr_r_blue.gif) no-repeat left 5px;
}

a.arr_r_dbl:link, a.arr_r_dbl:visited
{
	padding: 0 0 0 10px;
	background: transparent url(../img/icon/arr_r_dbl.gif) no-repeat left 5px;
}

a.arr_r_dbl_small:link, a.arr_r_dbl_small:visited
{
	padding: 0 0 0 10px;
	background: transparent url(../img/icon/arr_r_dbl_small.gif) no-repeat left 5px;
}

a.mail:link, a.mail:visited
{
	padding: 0 0 0 19px;
	background: transparent url(../img/icon/mail.gif) no-repeat left 2px;
}


.hidden
{
	position: absolute;
	left: -9999px;
	top: -9999px;
	color: #000;
	overflow: hidden;
	height: 1px;
	width: 1px;
}

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

.clearit 
{ 
	display: inline-block; 
}

html[xmlns] .clearit
{ 
	display: block;
}

dt.readMore
{
	display: block;
	clear: both;
	padding: 0 0 10 0;
}

/* style used in homepage.aspx and product listing */
.rating
{
	margin: 0 0 0 0;
	padding: 0;
	color: #cd3e0f;
	font-weight: bold;
}

.rating dt
{
	float: left;
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
}

.rating dd
{
	float: left;
	display: inline;
	margin: 0 8px 0 0;
	padding: 0;
}

div.rating
{
	font-weight: normal;
	font-size: 11px;
}

.mesurfRating
{
	padding-bottom:0px; display:block; height:20px; margin-bottom:0px; color:#1a8eff;
}

.userRating
{
	margin-top:0px; display:block; color:#CE6937;
}



div.rating div.ratingLabel
{
	vertical-align:middle;
	float:left; 
	display:inline; 
	width:75px;
	height:17px;
	padding-top:3px;
}

div.rating .ratingComment
{
	padding-top:3px;
	padding-bottom:-3px;
	display: block;
}

div.rating div.ratingValue
{
	float:left; 
	display:inline;
}

.radioRating
{
	display:inline;
}

.radioRating input
{
	display:inline;
}

fieldset#comment .radioRating label
{
	display:inline;
}

/* used in product and entertainment detail screen */
fieldset#comment label.inputLabel
{
	font-size: 120%;
	font-weight: bold;
	width: 70px;
	float: left;
}

fieldset#comment input.inputValue
{
	width: 205px;
}


/*v2*/
#main h6
{
	background-color: #e7f3ff;
	margin: 0 0 10px 0;
	font-size: 11px;
	height:25px;
	color: #1a8eff;
}
#main h5
{
	height:25px;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

#main h6 a:link
{
	float: right;
	display: inline;
	font-size: 70%;
	font-weight: normal;
	text-decoration: none;
}

#main #content h6
{
	margin: 0 10px 10px 0;
}

img.v2_title
{
	margin-top:-5px;
	margin-left: -10px;
}

#main .divider_grey
{
	background:url(../img/v2_title/divider_grey.png) repeat-x top left;
	width:inherit;
	margin-top: 10px;
	height:4px;
}
/* end */

.clearFloat { clear:both; }

.divider { display: block; float: left; padding: 0 3px 0 5px; }


/* page selection css */

.center
{
	display: block; margin-left: auto; margin-right: auto; text-align: center;
}

div#content .listPaging a:link
{

	background-color: #dcdcdc;
	padding: 5px 8px 5px 8px;
	text-decoration: none;
	color: #1a8eff;
	border: 1px solid #ababab;
	
}

div#content .listPaging a.pageSelected
{
	background-color: #c6c6c6;
	text-decoration: none;
	padding: 5px 8px 5px 8px;
	color: #d84511;
	border: 1px solid #ababab;
}

div#content .listPaging a:hover
{

	background-color: #ababab;
	text-decoration: none;
	padding: 5px 8px 5px 8px;
	color: #1a8eff;
	border: 1px solid #838383;
	
}
div#content .listPaging a:active
{

	background-color: #ababab;
	text-decoration: none;
	padding: 5px 8px 5px 8px;
	color: #1a8eff;
	border: 1px solid #838383;
	
}
div#content .listPaging
{

margin-left:10px;
margin-right:10px;
text-align:right;
	
}



/* Hides from IE-mac \*/
	.clearit { display: block; height: 1%; }
/* End hide from IE-mac */

.coastList
{
	width:100%;
}

.beachList
{
	width:100%;
	margin-bottom: 5px;
	margin-top: 5px;
}

h3.coastTitle
{
	font-size: 120%;
	padding: 5px 0 0 0;
}

img.poweredByCoastalWatch
{
	float: left;
}

div.weatherLeft
{
	width: 150px;
	float:left;
}

div.weatherRight
{
}

div.weatherLabel
{
	color: #1A8EFF;
}

div.weatherValue
{
}

/**************************************************
* Coastal Watch Widget
***************************************************/

#coastalWidgets h2
{
	margin-bottom: 0;
}

#coastalWidgets h2 a
{
	float:left;
}

div.divCoastalWatchWidgetContent
{
	background-color: White;
	/*padding: 0 10px 0 10px;*/
	padding: 10px;
	width:278px;

}

div.divCoastalWatchWidgetContent img.coastalThumbImage
{
	padding: 5px 10px 3px 0;
	float: left;
}

div.divCoastalWatchWidgetContent .imageDate
{
	float: right;
}

/* expandable div */
#coastalWidgets
{
	border: 1px solid #b2b2b2;
	margin-bottom: 10px;
}

#coastalWidgets .expandableCorappse
{
	width:100%; background-color:#E7F3FF; 
	/*height of the expandable icon box*/
	height:50px;

	
}
#coastalWidgets .expandableText
{
	text-align:right;
	margin-top:0px;
	padding-top:18px;
	padding-right:10px;
	vertical-align: bottom;
}
#coastalWidgets .collapseText
{
	text-align:right;
	padding-top:3px;
	padding-right:10px;

}
#coastalWidgets a.expandable:link, a.expandable:visited
{
	padding: 0 0 0 15px;
	background: transparent url(../img/v2_tab/btn_expand.png) no-repeat left 2px;
	text-decoration:none;
}

#coastalWidgets a.collapse:link, a.collapse:visited
{
	padding: 0 0 0 15px;
	background: transparent url(../img/v2_tab/btn_collapse.png) no-repeat left 2px;
	text-decoration:none;
}

#coastalWidgets .coastalWidgetForcastNote
{
	float:right;
	display: block;
	padding-bottom:0px;
}

/*---------------------------------------------------------------*/

#cse-search-results iframe
{
	width: 550px;
}