@charset "UTF-8";
/* CSS Document     <link rel="stylesheet" type="text/css" href="nfbamp_styles.css" />   */


body,td,th {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	margin-top:0px;
}
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #336699;

}

a.hiddenToggle { font-family:verdana;font-size:10px;color:#336699;text-decoration:none;font-weight:bold;padding-left:10px;background-image:url(http://www.surfline.com/templates/images/toggle_less_blue.gif);background-position:left;background-repeat:no-repeat; }
a.shownToggle { font-family:verdana;font-size:10px;color:#336699;font-weight:bold;text-decoration:none;padding-left:10px;background-image:url(http://www.surfline.com/templates/images/toggle_more_blue.gif);background-position:left;background-repeat:no-repeat; }
a.hiddenToggle:hover { font-family:verdana;font-size:10px;color:#336699;text-decoration:none;font-weight:bold;padding-left:10px;background-image:url(http://www.surfline.com/templates/images/toggle_less_blue.gif);background-position:left;background-repeat:no-repeat; }
a.shownToggle:hover { font-family:verdana;font-size:10px;color:#336699;font-weight:bold;text-decoration:none;padding-left:10px;background-image:url(http://www.surfline.com/templates/images/toggle_more_blue.gif);background-position:left;background-repeat:no-repeat; }

.cap-c1-bottomleft { background: url("/include/global_images/cap_darkblue_medblue_bl.gif") 0 100% no-repeat #000033;width:100%;height:7px;font-size:1px;}
.cap-c1-bottomright { background: url("/include/global_images/cap_darkblue_medblue_br.gif") 100% 100% no-repeat;height:7px;font-size:1px;}
		


a:focus{
			outline:none;
		}
		p {
			margin: 0em 0em 0.2em 0em;
			padding: 0px;
		}
		.faded, .faded a {
			color: #B2B2B2 !important;
		}
		
		/* slideshow styles */
		.slideShow ul, .slideShow li {
			list-style-type: none;
			margin: 0px;
			padding: 0px;
		}
		.slideShow {
			display: table;
			clear: both;
			margin-bottom: 10px;
		}
		.slideShow .navigation {
			margin-top: 0px;
			clear: left;
			display: block;
		}
		.slideShow .navigation li {
			display: inline;
		}
		.slideShow .navigation a {
			
			margin: 0px 0px 0px 0px;
			/*padding: 3px 8px;*/
		
			display: inline-block;
			text-decoration: none;
			font-size: 11px;
		}
		.slideShow ul.topNavigation {
			margin: 0px 0px 40px 0px;
		}

		/**.slideShow .navigation a:hover, .slideShow .navigation a.selected {
			background-color: #929292;
			color: #000000;
		}**/
		
		
		.slides li {
			padding-top:80px;
		}		
		.slide img {
			position: absolute;
			margin-top:-80px;
			
			/*cursor:pointer;  so people know that clickign will go to next slide */
			
		}
		
		
		/* Third Party Related Article Ad Fix for Postion4   */
		.position4 img {
			margin-top:0px;
			position: relative;
		}
		
		
		.highlight{
	background-color:#FF9900;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	cursor:pointer;
}
		
		
		/* controls the span for a video if non HTML5 browser (FLOWPLAYER)
		.slide span {
			position: absolute;
			margin-top:-100px;
			cursor:pointer; 
		} */

		/** slides with text over images **/
		.slide p {
			margin: 470px 0px 0px 0px;
			height:100px;
			width:963px; /* to allow for caption padding of 6 right and 6 left */
			position: absolute;
			background-color: #000;
			color: #fff;
			z-index: 1010;
			padding: 6px 14px 4px 14px;
			font-size:11px;
		}
		.slide p a {
			color: #FF9900;
			z-index:1100;
			font-size:11px;
			text-decoration:none;
		}
		
		.slide p a:hover{
			color: #FF9900;
			z-index:1100;
			font-size:11px;
			text-decoration:underline;
		}

		.navigation.white  {
			color:#336699;
		}
		
		.page:hover{
			border:#FF9900 1px solid;
			height:85px; 
		}
		.page{
			border:#FFFFFF 1px solid;
			height:85px;
		}
		a.selected{
			border:#FF9900 1px solid;
			height:85px;
		}

	
		.left a:hover{
		color: #FFFFFF;
		background-color:#537598;
		background:url(/slmp/v01.2/images/btn_prev_hover.png) left;
		width:67px;
		height:20px;
		}
		
		.left a{
		background-color:#264c73;
		color: #FFFFFF;
		background:url(/slmp/v01.2/images/btn_prev_normal.png) left;
		width:67px;
		height:20px;
		}
		
		.right a:hover{
		background-color:#537598;
		color: #FFFFFF;	
		background:url(/slmp/v01.2/images/btn_next_hover.png) right;
		width:67px;
		height:20px;
		}
		
		.right a{
		background-color:#264c73;
		color: #FFFFFF;	
		background:url(/slmp/v01.2/images/btn_next_normal.png) right ;
		width:67px;
		height:20px;
		}
	

		.nextFeature a{
			background:url(/slmp/v01.2/images/next_feature_btn.png) right;
			width:93px; height:20px;
		}
		.nextFeature a:hover{
			background:url(/slmp/v01.2/images/next_feature_btn_hover.png) right;
			width:93px; height:20px;
		}

		
		.thumbs {
			display:none;
			z-index: 9999; 
			width:970px; 
			height:530px; 
			position:absolute; 
			background-color:#000000; 
			padding:16px 10px 10px 10px
		}
		.innerCount {
			filter:alpha(opacity=60);
			-moz-opacity:0.6;
			-khtml-opacity: 0.6;
			opacity: 0.6;
			background-color:#000033;
			z-index:1002;
			position:absolute; 
			width:85px; 
			height:18px; 
			margin-top:67px; 
		}
		.innerCountNumber {
			padding-left:4px;
			z-index:1003;
			position:absolute;
			margin-top:71px;
			font-size:10px; 
			color:#FFF;
		}
		
		.thumbIcon a:hover{
		background-color:#537598;
		color: #FFFFFF;	
		background:url(/slmp/v01.2/images/thumb_icon_white.png) right; background-repeat:no-repeat;
		width:24px;
		height:20px;
		cursor:pointer;
		}
		
		.thumbIcon a{
		background-color:#264c73;
		color: #FFFFFF;	
		background:url(/slmp/v01.2/thumb_icon.png) right ;background-repeat:no-repeat;
		width:24px;
		height:20px;
		cursor:pointer;
		}
		
		
		.storybtn a:hover{
		background-color:#537598;
		color: #FFFFFF;	
		background:url(/slmp/v01.2/images/story_btn_hover.png) right; background-repeat:no-repeat;
		width:24px;
		height:20px;
		cursor:pointer;
		}
		
		.storybtn a{
		background-color:#264c73;
		color: #FFFFFF;	
		background:url(/slmp/v01.2/images/story_btn_normal.png) right ;background-repeat:no-repeat;
		width:24px;
		height:20px;
		cursor:pointer;
		}
		
		
		
		/*		.thumbIcon{
	padding-top:6px;
			background-color:#537598;
			float:right; 
			text-decoration:none;
			padding-right:5px;
			cursor:pointer;
			background-image:url(/slmp/v01.2/images/top_navigation_background.jpg);
			background-repeat: repeat-x;
			height:19px;
		}
		
		
		.storyIcon	{
    		padding-top:5px;
			float:right; 
			text-decoration:none;
			padding-right:8px;
			cursor:pointer;
			background-image:url(/slmp/v01.2/images/top_navigation_background.jpg);
			background-repeat: repeat-x;
			height:19px;
		}
		
		*/
		
		.controls{
			height:27px; 
			font-size:12px;  
			font-weight:bold; 
			background-image:url(/slmp/v01.2/images/top_navigation_background.jpg);
			background-repeat: repeat-x;
		}

		


/* Right Cick Menu Styles */
		.jqcontextmenu, .jqcontextmenu ul{ /*topmost and sub ULs, respectively*/
			font: normal 10px Verdana;
			margin: 0;
			padding: 0;
			position: absolute;
			left: 0;
			top: 0;
			list-style-type: none;
			background: white;
			border: 1px solid black;
			visibility: hidden;
			display: none; /*collapse all sub menus to begin with*/
			box-shadow: 2px 2px 5px #666; /*shadow for CSS3 capable browsers.*/
			-webkit-box-shadow: 3px 3px 8px #666;
			-moz-box-shadow: 3px 3px 8px #666;
		}
		.jqcontextmenu li{
			position: relative;
		}
		.jqcontextmenu li a{
			display: block;
			width: 300px; /*width of menu (not including side paddings)*/
			color: black;
			background: #F5F5F5;
			text-decoration: none;
			padding: 4px 5px;
		}
		* html .jqcontextmenu li{ /*IE6 CSS hack*/
			display: inline-block;
			width: 310px; /*width of menu (include side paddings of LI A*/
		}
		.jqcontextmenu li a:hover{
			background: #e0e0e0;
		}
		.rightarrowclass{
			position: absolute;
			top: 6px;
			right: 5px;
		}	
		#footer {
			width:990px;
			margin: 0 auto;
			background-color:#336699;
			text-align:center;
			line-height:20px;
			color:#FFFFFF;
			padding:10px 0 35px 0;
			clear:both;
		}

		#top_footer {
		}
		
		#top_footer a,#top_footer a:link,#top_footer a:active,#top_footer a:visited {
			text-align:center;
			color:#FF9900;
			font-weight:bold;
			text-decoration:none;
		
		}
		
		#top_footer a:hover {
			text-decoration:underline;
		}		
		
		#footer_tools {
			padding-top:7px;
			padding-bottom:7px;
			border-top:#FFFFFF dotted 1px;
		}
		
		#footer_tools a,#footer_tools a:link,#footer_tools a:active,#footer_tools a:visited {
			text-align:center;
			color:#FF9900;
			font-weight:bold;
			text-decoration:none;
		
		}
		
		#footer_tools a:hover {
			text-decoration:underline;
		}
		
		#footer_links {
			padding-top:7px;
			border-top:#FFFFFF dotted 1px;
		}
		
		#footer_links a,#footer_links a:link, #footer_links a:active, #footer_links a:visited {
			text-align:center;
			color:#FFFFFF;
			font-weight:bold;
			text-decoration:none;
		}
		
		#footer_links a:hover {
			text-decoration:underline;
			color:#FFFFFF;
		}

.skip_text a:hover{
	text-decoration:underline;
	}
.skip_text a:link{
	text-decoration:none;
	}	
.icon_widget { padding:0 0 0 14px;background: url("http://www.surfline.com/surfdata/images/icon_widget.gif") no-repeat 0 50%; }
.icon_widget_orange { padding:0 0 0 14px;background: url("http://www.surfline.com/surfdata/images/icon_widget_orange.gif") no-repeat 0 50%; }