/************************************************************************/
/* Note:Top & Left Menus each have their own style sheets. Edit menus  */	
/* in 'top_menu.css' and 'left_menu.css' in the CSS folder.             */
/************************************************************************/	


/************************************************************************/	
/************************** BASIC HTML ELEMENTS *************************/
/************************************************************************/	

#mobilelink {
	display: none;
}

#desktoplink {
	display: block;
}

* /*div, span, ol, ul, li, a, h1, h2, h3, h4, h5, h6, p, img */{/*all html elements default to no padding, borders, etc. */
	margin:0;
	padding:0;
	border:0;
	outline:none;
	outline-style:none;
	outline-width:0px;
}
body {
	color:#000000;
	background-color:#C9E1FF;
	/*background-image:url(../images/framework/page_bg_shunt_transitional3.gif);*/
	/* background-color:#E6F4FF;
	background-image:url(../images/framework/page_bg_shunt.jpg); */
	background-position:top;
	background-repeat:repeat-x;
	/* added 10.17.2012 by Joe */
	background-image:url(/images/framework/page_bg_shunt_transitional4.gif); 
}
a:link, a:visited, a:hover {
	color:#00249F;
	text-decoration:none;
	outline:none;
	outline-style:none;
	outline-width:0px;
}
a:hover, a:active {
	background-color:#66ccff;
}
blockquote {
	padding:6px 40px 14px 40px;
}
h1, h2, h3, h4, h5, h6 {
	color:#213F5F;
	font-weight:bold;
	line-height:normal;
}
h1 {
	font-size:20px;
	margin-bottom:8px;
}
h2 {
	font-size:18px;
	margin-bottom:8px;
}
h3 {
	font-size:14px;
	margin-bottom:2px;
}
h4, h5, h6 {
	font-size:12px;
}
hr {
	border:none; 
	height:1px; 
	color:#D6DDF1; 
	background:#D6DDF1;
	margin:10px 0 15px 0;
}
img {
	border:none;
	padding:0;
	outline:none;
	outline-style:none;
	outline-width:0px;
	behavior:url('css/iepngfix.htc'); 
	/* 'behavior" allows IE6 to properly display transparent .png files - 
	requires 2 files in css folder 'iepngfix.htc', and 'blank.gif' -
	also requires that you specify height & width on .png's throughout site	*/
} 
p {
	margin-top:0px;
	margin-bottom:20px;
}
strong {
	font-weight:bold;
}


input[type="text"]{
	margin:4px;
	border:#999999 solid 1px;
}
textarea{
	margin:5px 0 5px 0;
}
select{
	margin:5px 0 5px 0;
	border:#999999 solid 1px;
}
input[type="submit"]{
	padding:3px;
	border:#999999 solid 1px;
	font-weight:bold;
	text-transform:uppercase;
}

/****** REMOVED TO FORCE TABLES TO DEFAULT STYLE ******/

/* table {
	width:98%;
	border:solid 1px #000;
	margin:1px 1px 8px 1px;
}
td {
	text-align:left;
	vertical-align:top;
	background:#DDD;
}
th {
	text-align:center;
	vertical-align:bottom; 
} */


/*** ADDED BY GR ***/
 
.table-border-1 {
	width:80%;
	border:solid 3px #DDD;
}

.table-border-1 table {
	 width:95%;
	 margin:1px 1px 8px 1px;
	 align:left;
}
.table-border-1 td {
	 text-align:left;
	 vertical-align:top;
	 font-size:12px;
}
.table-border-1 th {
	 text-align:center;
	 vertical-align:bottom;
}


.table-border-2 {
	width:89%;
	border:solid 3px #DDD;
}

.table-border-2 table {
	 width:95%;
	 margin:1px 1px 8px 1px;
	 align:left;
}
.table-border-2 td {
	 text-align:left;
	 vertical-align:top;
	 font-size:12px;
}
.table-border-2 th {
	 text-align:center;
	 vertical-align:bottom;
}


.table-tiny-1 {
	width:80%;
}

.table-tiny-1 table {
	 width:95%;
	 margin:1px 1px 8px 1px;
	 align:center;
}
.table-tiny-1 td {
	 text-align:center;
	 vertical-align:bottom;
	 font-size:10px;
	 font-weight:bold;
}
.table-tiny-1 th {
	 text-align:center;
	 vertical-align:bottom;
}

/*** END ADDED BY GR ***/


ol {
	padding:4px 0 4px 24px;
	list-style-type:decimal;
	line-height:135%;
}
ul {
	padding:4px 0 4px 24px;
	list-style-type:disk;
	line-height:135%;
}
li	 {
	line-height:135%;
	padding:0;
	margin:0;
} 


/*************************************************************************/	
/*************************** BODY CONTENT/STRUCTURE **********************/
/*************************************************************************/

#container {
	width:990px;
	border:solid 1px #1A2C40;
	border-top:none;
 	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	line-height:145%;
	margin: 0 auto;
}

/* --- HEADER --- */
#header { 
	height:103px;
}
#headerLogin { 
	display:block;
	width:250px;
	height:19px;
	padding-top:1px;
	margin-bottom:7px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center;
	background-color:#4E5B69;
	background-image:url(../images/framework/login_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
}
#headerLogin a, #headerLogin a:visited { 
	color:#FFFFFF;
}
#headerLogin a:hover { 
	color:#00249F;
	background:none;
}
#headerTagline { 
	display:block;
	width:198px;
	margin-top:-5px;
	line-height:117%;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing:0px;
	word-spacing:0px;
}
#headerBannerAd { background:#ddd;
	float:right;
	overflow:hidden;
	width:728px;
	height:90px;
}

/* --- FOOTER --- */
#footer{position:relative; width:990px; background-color:#1b2c40; line-height:14px;}
#footer-inner{position:relative; width:990px; background-color:#1b2c40; line-height:14px; text-align:left;}
#footer #branding-social{color:#ffffff; font-size:11px; float:left; margin:10px 0 0 10px}
#footer #branding-social strong{text-transform:uppercase;}
#footer #branding-social a:hover{background-color: #1b2c40 !important; text-decoration: underline;}
#footer #footer-links{float:right; margin:10px 0 0 0;}
#footer .link-container{float:left; font-size:10px; color:#ffffff; border-left:1px solid #4e6b8d; padding:0 20px 0px 10px; width:107px; height:138px;}
#footer .link-container a:link{color:#ffffff; text-decoration:none; font-size:11px; font-weight:normal}
#footer .link-container a:visited{color:#ffffff; font-size:11px; font-weight:normal}
#footer .link-container a:hover{text-decoration:underline; font-size:11px; font-weight:normal; background-color: #1b2c40 !important; }
#footer .link-container a:active{color:#ffffff; font-size:11px; font-weight:normal}
#footer .link-container ul{list-style-type:none; margin:14px 0 0 0; padding:0; text-indent:0; line-height:14px;}
#footer .link-container li{margin:0;padding:0; line-height:14px;}
#footer .link-container strong{line-height:14px; font-size: 11px;}
#footer a.icon-twitter{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');	display:block;background-position:-4px -2px;width:20px;height:20px;	cursor:pointer;float:left;margin:5px 5px 12px 0;}
#footer a.icon-twitter:hover{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-4px -25px;width:20px;height:20px;}
#footer a.icon-facebook {background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-30px -2px;width:20px;height:20px;cursor:pointer;float:left;margin:5px 5px 12px 0;}
#footer a.icon-facebook:hover{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-30px -25px;width:20px;height:20px;}
#footer a.icon-googleplus{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-56px -2px;width:20px;height:20px;	cursor:pointer;float:left;margin:5px 5px 12px 0;}
#footer a.icon-googleplus:hover{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-56px -25px;width:20px;height:20px;}
#footer a.icon-youtube{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-81px -2px;width:20px;height:20px;	cursor:pointer;float:left;margin:5px 5px 12px 0;}
#footer a.icon-youtube:hover{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-81px -25px;width:20px;height:20px;}
#footer a.icon-email{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-106px -2px;width:20px;height:20px;cursor:pointer;float:left;margin:5px 5px 12px 0;}
#footer a.icon-email:hover{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-106px -25px;width:20px;height:20px;}
#footer #branding-social a:link, #footer #branding-social a:visited, #footer #branding-social a:hover, #footer #branding-social a:active{color:#FFF; font-weight:bold}
#footer .know-go-tagline{background:url('http://i.cdn-surfline.com/buoyweather/images/footer/footer-sprite-v5.png');display:block;background-position:-4px -55px;	width:290px;height:13px;}


/*
#footerWrapper {
	background: #2B4A6B;
	}
#footer {
	background-color:#2B4A6B;
	font-size:11px;
	height:23px;
	line-height:150%;
}
#footerLeft {	
	float:left;
	width:400px;
	margin:4px 0 0 28px;	
	color:#888;
}

#footerPrintable {	
	display:none;
}

#footerSiteLinks {
	clear:both;
	margin:10px auto 10px auto;
	color:#ffffff;
	text-align:center;
	width:100%;
	}

#footerSiteLinks a, #footerSiteLinks a:visited {
	text-decoration:underline;
	color:#fff;
	padding:0 5px 0 3px;
	border-right:solid 1px #999;
	line-height:9px;
	font-size:11px;
	}
	
#footerSiteLinks a:hover {
	color:#66CBFE;
	text-decoration:underline;
	background:transparent;
}

#footerRight {	
	float:right;
	width:500px;
	margin:4px 28px 0 0;	
	text-align:right;
}

#footerRight a, #footerRight a:visited {
	display:inline-block;
	height:9px;
	padding:0 5px 0 3px;
	border-right:solid 1px #999;
	line-height:9px;
	color:#A6A6A6;
	font-size:11px;
	font-weight:normal;
	#THIS_LINE_WAS_COMMENTED_OUT background-color:#1A2C40;
}

#footerRight a:hover {
	text-decoration:underline;
	background-color:transparent;
}
#footerDividerBar {
	clear:both;
	width:990px;
	height:15px;
	background:#1b2c40;
	margin:0;
	padding:0;
}
#footerTermsPrivacy {
	clear:both;
	margin:10px auto 10px auto;
	color:#ffffff;
	text-align:center;
	width:100%;
	font-size:11px;
	}
	
#footerTermsPrivacy a, #footerTermsPrivacy a:visited {
	text-decoration:underline;
	color:#fff;
	}
	
#footerTermsPrivacy a:hover {
	color:#66CBFE;
	text-decoration:underline;
	background:transparent;
}
*/

/* --- CONTENT AREA/PAGE BODY --- */
#pageBody, #pageBodyRightColumn {
	background-color:#FFFFFF;
	background-image:url(/images/framework/page_body_bg_new.gif);
	background-position:left;
	background-repeat:repeat-y;
	/* cross-browser hack to set minimum height for page body */
	min-height:800px;
	height:auto !important;
	height:800px;
}
#pageBodyRightColumn {
	/* gray bg behind right column - used only on 2-Column pages*/
	background-image:url(/images/framework/page_body_right_column_bg_new.gif);
}
#pageBodyRightColumn.tall_page, #pageBody.tall_page  {
        min-height:800px;
        height:auto !important;
        height:800px;
}


#contentArea {
	float:right;
	width:818px;
	overflow:hidden;
	min-height:800px;
}
#contentArea a:hover {
	background:none;
	color:#0099FF;
}
#contentLeft { 
	float:left;
	width:453px;
	padding:30px 30px 30px 35px;
	overflow:hidden;
	
}
#contentLeftWide { 
	float:left;
	width:753px;
	padding:30px 30px 30px 35px;
	overflow:hidden;
}

#contentRight { 
	float:right;
	width:250px;
	padding:0 0 30px 0 ;
	overflow:hidden;
	padding:25px;
}
#contentRightAds, #contentRightLowerAds {
 margin:-25px -25px 25px -25px;
 border-bottom:solid 1px #607794;
}
#contentRightAds a:hover, #contentRightLowerAds a:hover  {
 background:none;
}
#contentRightLowerAds {
 margin-top:25px;
} 
 
#contentRightAds2, #contentRightLowerAds2 {
 margin:1px -25px 25px -25px;
 border-bottom:solid 1px #607794;
 border-top:solid 1px #607794;
}
#contentRightAds2 a:hover, #contentRightLowerAds2 a:hover  {
 background:none;
}
#contentRightLowerAds2 {
 margin-top:25px;
} 

 
 
#contentSpan { 
	padding:30px 35px 0 28px;
	overflow:hidden;
}
#contentSpanAds {
	float:right;
	width:300px;
	margin:0 0 30px 28px;
}
#contentSpanAds a:hover {
	background:none;
}

#affiliate_ads {
 margin:25px -25px 0 -25px;
 background:#FFF;
 border-top:solid 1px #D9D9D9;
 border-bottom:solid 1px #D9D9D9;
 padding:25px;
 overflow:hidden;
}
#affiliate_ads div {
 margin:8px -25px -6px -25px;
 text-align:center;
}
#affiliate_ads div span {
 width:120px;
 height:90px;
 margin:0 3px 0 3px;
 border:solid 1px #D9D9D9;
 display:inline-block;
 background-color:#EEE;
 overflow:hidden;
}
#affiliate_ads div span:hover  {
 border:solid 1px #999;
 filter:alpha(opacity=75);
 -moz-opacity:0.75;
 -khtml-opacity:0.75;
 opacity:0.75;
}

/*************************************************************************/	
/*************************** INDIVIDUAL PAGES ****************************/
/*************************************************************************/

/* --- Home --- */
#homeFlash {
	width:445px;
	height:250px;
	border:solid 1px #607794;
	background:#C6CDE1;
	margin-bottom:7px;
	z-index:1;
}
.homeBottomBucketPair {	
	margin-top:20px;	
}
.homeBottomBucketPair h3 {
	margin:7px 0;
}
.homeBottomLeftBucket {
	float:left;
	width:205px;
}
.homeBottomRightBucket {
	float:right;
	width:205px;
}

/* horizontal dividers (thick/light horizontal lines) */ 
.horizontalDivider, .horizontalDividerRight {
	border:none; 
	height:4px; 
	background:#F3F3F3;
	margin:0 0 20px 0;
}
.horizontalDividerRight {
	background:#EAEAEA;
}

/* --- CHART PAGES --- */
.chartContainer {
	margin-top:10px;
}
#chartTopLinks, #chartTopLinks.chart_bg_1 {
	text-align:center;
	float:none;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/framework/chart_links_bg_1.jpg);
	background-position:top;
	background-repeat:no-repeat;
	margin-bottom:19PX;
}
#chartTopLinks.chart_bg_2 {
	background-image:url(../images/framework/chart_links_bg_2.jpg);
}
#chartTopLinks.chart_bg_3 {
	background-image:url(../images/framework/chart_links_bg_3.jpg);
}
#chartTopLinks.chart_bg_4 {
	background-image:url(../images/framework/chart_links_bg_4.jpg);
}
#chartTopLinks a, #chartTopLinks a:visited, #chartTopLinks a:hover {
	display:inline-block;
	border:solid 1px #FFF;
	margin:0 -2px -1px -2px;	
	padding:0 5px 0 5px;
	height:19px;
	font-size:11px;
}
#chartTopLinks a:hover, #chartTopLinks .selected {
	border:solid 1px #FFF;
	background-color:#66ccff;
	color:#000066;
}
#map_container {
    background:#fff;
	border:solid 1px #000;
    width :515px;
    margin:15px 0 15px -35px;
    text-align:left;
    overflow:hidden;
 }




#mapSetButton {
	align: right;
	text-align:right;
	font-size:10px;
  }

#mapSetButton  a {
	background-image:url(../images/framework/preferences_bg.jpg);
	background-repeat:no-repeat;
	border:solid 1px #888;
    margin:2px 2px 2px 2px;
	font-size:10px;
 }



#mapTabStatic {
	float: left;
	width:205px ; 
	white-space: normal;  
	padding:3px 2px 2px 2px;	
	
	color:#00249F;
	font-weight:bold;
	border-left:none; 
	border-right:none; 		
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}

#mapTabStatic a {
	float: left;
	width:205px ; 
	white-space: normal;  
	padding:3px 2px 2px 2px;	
	color:#00249F;
	font-weight:bold;
	border-left:none; 
	border-right:none; 		
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}


 
#mapTabDynamic {
	float: left;
	width:205px ; 
	white-space: normal;  
	padding:3px 2px 2px 2px;	
	color:#00249F;
	font-weight:bold;
	border-left:none; 
	border-right:none; 		
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}

	
#mapTabDynamic a {
	float: left;
	width:205px ; 
	white-space: normal;  
	padding:3px 2px 2px 2px;	
	color:#00249F;
	font-weight:bold;
	border-left:none; 
	border-right:none; 		
	margin-top:0;
	margin-bottom:0;
	text-align:center;
}


 	
	

#chartMenuTime {
 }

#chartMenuProduct {
 }
 
 
 #printButton {
	float: right;
	text-align:right;
	font-weight:bold;
 }

#printButton  a {
	background-image:url(../images/framework/preferences_bg.jpg);
 	background-repeat:no-repeat;
	border:solid 0px #666;
 	margin:3px 3px 3px 3px;
 }
 
#buttonBar {
  }

 #emailAlertBlock {
  }
 
 

 #loadingBlock {
  position: absolute; 
  left: 740px; 
  top: 300px; 
  height: 100px; 
  width: 200px; padding: 1em;
border:solid 1px #666;
  text-align:center;
 }




/* --- HEADER --- */
#headerNew { 
	/* height:117px; */
	/* added 10.17.2012 by Joe */
	position: relative; 
	height: 60px;
}
#headerLoginNew { 
	display:block;
	/*width:990px;*/
	height:12px;
	padding-top:1px;
	padding-bottom:4px;
	color:#FFFFFF;
	font-weight:bold;
	text-align:left;
 	/*background-color: #2b4a6b;*/
	background-position:top;
	background-repeat:no-repeat;
	/* added 10.17.2012 by Joe */
	position: absolute; 
	right: 0px; 
	top: 20px; 
	width: auto; 
	background-color: #1a2c42;
}
#headerLoginNew a, #headerLogin a:visited { 
	color:#FFFFFF;
}
#headerLoginNew a:hover { 
	color:#6dccff;
	background:none;
}
#headerTaglineNew { 
	/*display:block;*/
	width:198px;
	margin-top:-5px;
	line-height:117%;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:justify;
	letter-spacing:0px;
	word-spacing:0px;
	/* added 10.17.2012 */
	display: none;
}
#headerBannerAdNew { background:#ddd;
	float:right;
	margin-top:5px;
	overflow:hidden;
	width:728px;
	height:90px;
}

/* added 10.17.2012 */
.header-logo{position: relative; margin-top: 5px;}

/* new button and input classes */
/* using specific class names for these, to avoid breaking existing stuff*/

input.bwbutton1, .bwbutton1, .bwbutton1 a:link, .bwbutton1 a:visited, .bwbutton1 a:active, a:link.bwbutton1, a:visited.bwbutton1 {
	display:inline-block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 13px;
	font-weight: bold;
	border: none;
	color: white;
	padding: 8px 10px 8px 10px;
	cursor: pointer;
	background: #007AD7;
	background: -moz-linear-gradient(top, #007AD7 0%, #054F86 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#007AD7), color-stop(100%,#054F86));
	background: -webkit-linear-gradient(top, #007AD7 0%,#054F86 100%);
	background: -o-linear-gradient(top, #007AD7 0%,#054F86 100%);
	background: -ms-linear-gradient(top, #007AD7 0%,#054F86 100%);
	background: linear-gradient(top, #007AD7 0%,#054F86 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ad7', endColorstr='#054f86',GradientType=0 );
	border-radius: 3px;
}
input.bwbutton1:hover, .bwbutton1:hover, .bwbutton1 a:hover, a:hover.bwbutton1 {
	background: #054f86;
}
input.bwbutton1:active, .bwbutton1:active, a:active.bwbutton1 {
	background:#007ad7;
}
input.bwinput {
	display:inline-block;
	padding:8px;
	font-family: Helvetica, sans-serif;
	font-size: 13px;
	border: 1px solid #CCC;
	border-radius: 3px;
	box-shadow: inset 0px 0px 5px #ccc;
}

/* HEADER BANNER AD 990X90 */
#banner-top-990-90{width: 990px; height: 90px; clear: both;}
#banner-top-990-90{background-image:url(/images/full_layer-gen_bg.png); background-repeat: repeat; text-align: center;}

/* FISHINGTOOLS.JSP */
.fishing_region_border{width:800px; /*height:1px;*/ margin: 0px 0px 0px 10px; /*background: #557799;*/ clear:left; border-bottom: solid 1px #557799;}

/* Historical Data - 13 Year Hindcast Data */
#historicalData #column1{width: 450px; float: left;}
#historicalData #column2{width: 295px; float: left; margin-left: 10px;}
#historicalData #column2 img{margin-bottom: 10px; display: block;}
#historicalData .clear{clear: both;}
#needAnEstimateContainer{float:right; 265px; margin: 0 0 15px 15px;}
#needAnEstimateContainer #needAnEstimate{width: 265px; padding:15px; background-color: #213F5F;}
#needAnEstimateContainer #needAnEstimate p{color: #fff;}
#needAnEstimateContainer #needAnEstimate p a{color: #fff; text-decoration: underline;}
#needAnEstimateContainer #needAnEstimate p:last-child{margin-bottom: 0px;}