/* standard styles */

body{margin:0px; padding:0px; background-color: #fff;}
p{
	color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	text-decoration: none;
	font-size: 11px;
}



/* custom styles */
#syndicate-container{width: 600px; margin: 0px auto; padding: 10px; background-color: #f2f2f2; border: solid 1px #666;}
#syndicate-container #header{position: relative; height: 48px;}
#syndicate-container #header #boat{position: absolute; top: 0px; left: 0px;}
#syndicate-container #header #buoyweather{position: absolute; top: 0px; right: -16px;}
#syndicate-container #nav{background-color: #173862;}
#syndicate-container #nav a{color: #fff; padding: 10px 7px; border-right: solid 1px #2e5880; display: block; float: left; font-family: Verdana, Geneva, sans-serif; font-size: 11px; text-decoration: none;}
#syndicate-container #nav a:nth-child(11){border-right: 0px !important;}
#syndicate-container #guts{height: 400px; padding: 10px; background-color: #fff;}
#syndicate-container #guts h1,
#syndicate-container #guts h2{margin-bottom: 10px;}
#syndicate-container #guts select{border: solid 1px #173863; color: #173863; outline: none; -webkit-appearance: none;  -webkit-border-radius: 0px; border-radius: 0px; background-image: url(/component/images/icon-caret-down.png); background-repeat: no-repeat; background-position: right; padding: 2px 20px 2px 5px;}
#syndicate-container #guts input[type='submit']{border: solid 1px #173863; color: #fff; outline: none; -webkit-appearance: none;  -webkit-border-radius: 0px; border-radius: 0px; padding: 2px 10px 2px 10px; background-color: #173863;}
#syndicate-container #footer{color: #fff; background-color: #173862; font-family: Verdana, Geneva, sans-serif; padding: 10px; text-align: left !important; font-size: 11px !important; font-weight: normal !important; }
#syndicate-container #footer a{color: #fff; text-decoration: underline;}
#syndicate-container #footer #divider{margin: 0px 30px;}
#syndicate-container .clear{clear: both;}
#syndicate-container .error{border: solid 1px #ff4945; background-color: #fde0e2; color: #ff4945; font-size: 14px; padding: 5px 10px; margin: 0px auto 10px auto;}
#syndicate-container #guts #summary table h2{background-color: #e8e8e8; color: #173863; padding: 10px 0px; text-align: center; margin-top: 0px; position: relative; top: -5px; left: -5px; width: calc(100% + 10px);}
#syndicate-container #guts #summary table h3{color: #173863;}
#syndicate-container #guts #summary table td{text-align: left; width: 33%; padding: 5px;}
#syndicate-container #guts #promo{margin-top: 10px;}

#syndicate-container #guts #NAMtext .table-tiny-1{width: 100%; overflow: scroll;}
/*
#syndicate-container #guts #NAMtext table h2{background-color: #e8e8e8; color: #173863; padding: 10px 0px; text-align: center; margin-top: 0px; position: relative; top: -5px; left: -5px; width: calc(100% + 10px);}
#syndicate-container #guts #NAMtext table h3{color: #173863;}
#syndicate-container #guts #NAMtext table td{text-align: left; width: 33%; padding: 5px;}
*/

/* summary */
#syndicate-container #guts #NAMtext .clear{clear: left;}
#syndicate-container #guts #NAMtext .day{width: 33%; float: left; border-top: solid 1px #173863; border-left: solid 1px #173863; border-bottom: solid 1px #173863;}
#syndicate-container #guts #NAMtext .day:last-child{border-right: solid 1px #173863;}
#syndicate-container #guts #NAMtext .day h2{background-color: #e8e8e8; color: #173863; padding: 10px 0px; text-align: center; margin: 0px; border-bottom: solid 1px #173863;}
#syndicate-container #guts #NAMtext .day .dayInterior{padding: 5px;}
#syndicate-container #guts #NAMtext .day .dayInterior h3{color: #173863;}

#syndicate-container #guts #nww3Component3day .clear{clear: left;}
#syndicate-container #guts #nww3Component3day .day{width: 33%; float: left; }
#syndicate-container #guts #nww3Component3day .day1{border-top: solid 1px #173863; border-right: solid 1px #173863; border-bottom: solid 1px #173863; border-left: solid 1px #173863;}
#syndicate-container #guts #nww3Component3day .day2{border-top: solid 1px #173863; border-right: solid 1px #173863; border-bottom: solid 1px #173863;}
#syndicate-container #guts #nww3Component3day .day3{border-top: solid 1px #173863; border-right: solid 1px #173863; border-bottom: solid 1px #173863;}
#syndicate-container #guts #nww3Component3day .day h2{background-color: #e8e8e8; color: #173863; padding: 10px 0px; text-align: center; margin: 0px; border-bottom: solid 1px #173863;}
#syndicate-container #guts #nww3Component3day .day .dayInterior{padding: 5px;}
#syndicate-container #guts #nww3Component3day .day .dayInterior h3{color: #173863;}

/* leaflet custom styles 
#syndicate-container .leaflet-popup-close-button{top: -8px; right: -8px; padding: 0px; color: #fff; background-color: #000; width: 15px; height: 15px; font-size: 12px; -webkit-border-radius: 10px; border-radius: 10px;}
#syndicate-container .leaflet-popup-content-wrapper{-webkit-border-radius: 0px; border-radius: 0px;}
#syndicate-container .leaflet-popup-content-wrapper .leaflet-popup-content{margin: 5px;} 
#syndicate-container .map-content{cursor: pointer; width: 200px;}
#syndicate-container .map-content .map-content-text{float: left; width: 166px; background-color: #dddddd; color: #2e5880; height: 20px; line-height: 20px; padding: 0px 5px; font-weight: bold; }
#syndicate-container .map-content .map-content-icon{float: left;  background-color: #2e5880; color: #ffffff; height: 20px; line-height: 20px; padding: 0px 5px; }
*/