@import url('//fonts.googleapis.com/css?family=Mr+De+Haviland|Dawning+of+a+New+Day|Homemade+Apple|Meddon');
@import url('/assets/css/core.css');
@import url('/assets/css/ui-lightness/jquery-ui-1.10.0.custom.min.css');

div#wrap div#main div#content div#inner div#mainarea div.table{width:500px;float:left;margin:0 0 20px 0;}
	div#wrap div#main div#content div#inner div#mainarea div.table > div.row{width:100%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
	div#wrap div#main div#content div#inner div#mainarea div.table > div.row div.col{width:10%;float:left;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
		div#wrap div#main div#content div#inner div#mainarea div.table > div.row div.col > p{padding:0 4px;margin:4px 0;}
	div#wrap div#main div#content div#inner div#mainarea div.table.fourCol > div.row div.col{width:25%;}
	div#wrap div#main div#content div#inner div#mainarea div.table.fourCol > div.row div.col.w4{width:100%;min-height:inherit;}
	
	div#wrap div#main div#content div#inner div#mainarea div.table.fourCol > div.row.cc > div{width:16%;}
	div#wrap div#main div#content div#inner div#mainarea div.table.fourCol > div.row.cc > div:nth-child(3){width:28%;}
	div#wrap div#main div#content div#inner div#mainarea div.table.fourCol > div.row.cc > div:nth-child(4),
	div#wrap div#main div#content div#inner div#mainarea div.table.fourCol > div.row.cc > div:nth-child(5){width:20%;}

div#wrap div#main div#content div#inner div#mainarea div.block.curCond{height:200px;margin:0 0 0 -20px;padding:25px 0 0 40px;background:url("/assets/images/callouts/callout-molasses-current-conditions.png") top left no-repeat;}


div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#forecast{}
div#wrap div#main div#content div#inner div#mainarea div#sidebar ul#forecast > li{margin:0 0 20px 0;padding:0 0 4px 4px;border:1px solid #999;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;}
div#wrap div#main div#content div#inner div#mainarea div.conditions{width:52px;height:52px;float:left;cursor:pointer;font-size:50%;text-align:center;position:relative;overflow:hidden;}
	div#wrap div#main div#content div#inner div#mainarea div.conditions > .text{color:#FFF;position:relative;float:left;clear:both;}
	
	div#wrap div#main div#content div#inner div#mainarea div.conditions.windspeed{background:url("/assets/images/callouts/callout-weather-dive-flag-wind.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.windspeed > .text{width:30px;top:12px;font-size:170%;margin:0 0 0 20%;text-shadow:1px 1px 4px rgba(0,0,0,.85),2px 2px 2px rgba(0,0,0,.85);}
			div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.windspeed > .text{font-size:220%;position:relative;left:-4px;}
	
	div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir > .text{color:#333;font-size:180%;top:20px;left:0;}
	div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir{color:#333;background:url("/assets/images/callouts/callout-conditions-winddir-variable.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.nne{background:url("/assets/images/callouts/callout-conditions-winddir-nne.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.ne{background:url("/assets/images/callouts/callout-conditions-winddir-ne.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.ene{background:url("/assets/images/callouts/callout-conditions-winddir-ene.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.e{background:url("/assets/images/callouts/callout-conditions-winddir-e.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.ese{background:url("/assets/images/callouts/callout-conditions-winddir-ese.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.se{background:url("/assets/images/callouts/callout-conditions-winddir-se.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.sse{background:url("/assets/images/callouts/callout-conditions-winddir-sse.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.s{background:url("/assets/images/callouts/callout-conditions-winddir-s.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.ssw{background:url("/assets/images/callouts/callout-conditions-winddir-ssw.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.sw{background:url("/assets/images/callouts/callout-conditions-winddir-sw.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.wsw{background:url("/assets/images/callouts/callout-conditions-winddir-wsw.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.w{background:url("/assets/images/callouts/callout-conditions-winddir-w.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.wnw{background:url("/assets/images/callouts/callout-conditions-winddir-wnw.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.nw{background:url("/assets/images/callouts/callout-conditions-winddir-nw.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.nnw{background:url("/assets/images/callouts/callout-conditions-winddir-nnw.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.winddir.n{background:url("/assets/images/callouts/callout-conditions-winddir-n.png") center center no-repeat;}
	
	div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir > .text{color:#333;top:25px;left:-3px;}
	div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir{color:#333;background:url("/assets/images/callouts/callout-conditions-current-none.png") left center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.nne{background-image:url("/assets/images/callouts/callout-conditions-current-nne.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.ne{background-image:url("/assets/images/callouts/callout-conditions-current-ne.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.ene{background-image:url("/assets/images/callouts/callout-conditions-current-ene.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.e{background-image:url("/assets/images/callouts/callout-conditions-current-e.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.ese{background-image:url("/assets/images/callouts/callout-conditions-current-ese.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.se{background-image:url("/assets/images/callouts/callout-conditions-current-se.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.sse{background-image:url("/assets/images/callouts/callout-conditions-current-sse.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.s{background-image:url("/assets/images/callouts/callout-conditions-current-s.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.ssw{background-image:url("/assets/images/callouts/callout-conditions-current-ssw.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.sw{background-image:url("/assets/images/callouts/callout-conditions-current-sw.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.wsw{background-image:url("/assets/images/callouts/callout-conditions-current-wsw.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.w{background-image:url("/assets/images/callouts/callout-conditions-current-w.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.wnw{background-image:url("/assets/images/callouts/callout-conditions-current-wnw.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.nw{background-image:url("/assets/images/callouts/callout-conditions-current-nw.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.nnw{background-image:url("/assets/images/callouts/callout-conditions-current-nnw.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.currentdir.n{background-image:url("/assets/images/callouts/callout-conditions-current-n.png");}
		
	div#wrap div#main div#content div#inner div#mainarea div.conditions.current{background:url("/assets/images/callouts/callout-conditions-water-current-none.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.current > .text{margin:0;position:absolute;bottom:0;left:0;width:52px;color:#0073AC;font-size:170%;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.current.slight{background:url("/assets/images/callouts/callout-conditions-water-current-slight.png") center center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.current.moderate{background:url("/assets/images/callouts/callout-conditions-water-current-moderate.png") center center no-repeat;}
	
	div#wrap div#main div#content div#inner div#mainarea div.conditions.waves{background:url("/assets/images/callouts/callout-conditions-waves-flat.png") center center repeat-x;}
		div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.waves{background-position:left center;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves > .text{margin:0;position:absolute;bottom:0;left:0;width:52px;font-size:200%;}
			div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.waves{width:104px;}
			div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.waves > .text{left:0;width:104px;font-size:350%;}
				div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.waves > .text small{font-size:50%;}
			div#wrap div#main div#content div#inner div#mainarea div#sidebar div.conditions.waves > .text{text-shadow:none;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._around-1,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._1{background-image:url("/assets/images/callouts/callout-conditions-waves-around-1.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._around-2,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._1-to-2,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._1-2,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._2{background-image:url("/assets/images/callouts/callout-conditions-waves-1-2.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._2-to-3,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._2-3,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._3{background-image:url("/assets/images/callouts/callout-conditions-waves-2-3.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._around-3,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._3-4,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._3{background-image:url("/assets/images/callouts/callout-conditions-waves-around-3.png");}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._over-3,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._3-to-4,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._3-4,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._3-to-5,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._3-5,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._around-4,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._4,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._4-to-5,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._4-5,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._5-to-6,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._5-6,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._around-5,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._5,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._around-6,
		div#wrap div#main div#content div#inner div#mainarea div.conditions.waves._6{background-image:url("/assets/images/callouts/callout-conditions-waves-over-3.png");}
		
		div#wrap div#main div#content div#inner div#mainarea div.conditions.current.heavy{background:url("/assets/images/callouts/callout-conditions-water-current-heavy.png") center center no-repeat;}
		
	div#wrap div#main div#content div#inner div#mainarea div.conditions.viz{background:url("/assets/images/callouts/callout-conditions-viz-clear.png") left center no-repeat;}
		div#wrap div#main div#content div#inner div#mainarea div.conditions.viz > .text{position:absolute;margin:0;bottom:0;right:0;text-align:right;color:#0073AC;}
			div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.viz > .text{width:52px;right:auto;left:52px;text-align:center;font-size:400%;line-height:60%;}
				div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.viz > .text small{font-size:50%;}
			div#wrap div#main div#content div#inner div#mainarea div#leftSide div.conditions.viz{width:104px;}
		
div#wrap div#main div#content div#inner div#mainarea ul.reefreports{width:98%;float:left;}
div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li{width:100%;margin:10px 0 15px 0;}
div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li{padding:0 5px;border:1px solid #333;box-shadow:0 0 30px 10px rgba(182,160,100,.4) inset;-moz-box-shadow:0 0 30px 10px rgba(182,160,100,.4) inset;-webkit-box-shadow:0 0 30px 10px rgba(182,160,100,.4) inset;border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;-ms-border-radius:10px;}
div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li .script1{margin:10px 0 20px 0;float:left;font:normal 300%/85% 'Mr De Haviland',cursive,sans-serif;}
div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li .script2{margin:10px 0 20px 0;float:left;font:normal 220%/85% 'Dawning of a New Day',cursive,sans-serif;}
div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li .script3{margin:10px 0 20px 0;float:left;font:normal 150%/130% 'Homemade Apple',cursive,sans-serif;}
div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li .script4{margin:10px 0 20px 0;float:left;font:normal 150%/140% 'Meddon',cursive,sans-serif;}
	div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li .comments{width:64%;float:left;margin:0 0 0 5px;clear:left;}
	div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li .comments.wide{width:100%;}
	
	div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li ul.pics{width:35%;float:right;margin:20px 0 0 0;}
	div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li ul.pics > li{width:48%;float:left;margin:0 5px 5px 0;}
		div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li ul.pics > li:nth-child(even){margin:0 0 5px 0;}
		div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li ul.pics > li img.thumb{width:100%;float:left;background:rgba(0,0,0,.1);}
		
	div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li div.block{width:52px;float:left;padding:2px;text-align:center;border-right:1px solid #CCC;}
	div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li div.block.double{width:115px;}
		div#wrap div#main div#content div#inner div#mainarea ul.reefreports > li div.block .title{width:100%;float:left;}
		
/* ####WEATHER QUERY######## */
div#wrap div#main div#content div#inner div#mainarea form#reefReportFilter{width:100%;float:left;}
	div#wrap div#main div#content div#inner div#mainarea form#reefReportFilter > ul{width:100%;float:left;}
	div#wrap div#main div#content div#inner div#mainarea form#reefReportFilter > ul > li{width:auto;margin:0 20px 0 0;float:left;}
	div#wrap div#main div#content div#inner div#mainarea form#reefReportFilter > div.loader{width:100%;height:20px;float:left;clear:both;background:#ECECEC;display:none;}
div#wrap div#main div#content div#inner div#mainarea ul.reportlinks{width:98%;float:left;margin:0 0 15px 10px;}
	div#wrap div#main div#content div#inner div#mainarea ul.reportlinks > li{width:auto;float:left;margin:0 15px 0 0;}
		div#wrap div#main div#content div#inner div#mainarea ul.reportlinks > li h3{margin:0;padding:0;font-size:100%;line-height:120%;}