/* generic styles */

.fishingtool-free-promo{	  clear: both; margin: 0px auto 20px auto; padding: 10px 20px; text-align: center; font-size: 18px; font-weight: bold; background-color: #ffff85;}
.fishingtool-free-promo-blank{clear: both; margin: 0px auto 20px auto; padding: 10px 20px; text-align: center; font-size: 18px; font-weight: bold;}

.modisWrapper{position: relative;}
.modisWrapper .modisWrapperFree{zoom: 1; opacity: 0.3; filter: alpha(opacity=30); cursor: default !important;}
.modisWrapper .modisFreeButtons{position: absolute; background-color: #fff; border: solid 2px #000; padding: 30px; /*display: table-cell; vertical-align: middle;*/ /*position: absolute; top: 0px; left: 50%;*/}
.modisWrapper .modisWrapperFree .modisThumbImage{cursor: default !important;}

.avhrrWrapper{position: relative;}
.avhrrWrapper .avhrrWrapperFree{zoom: 1; opacity: 0.3; filter: alpha(opacity=30); cursor: default !important;}
.avhrrWrapper .avhrrFreeButtons{position: absolute; background-color: #fff; border: solid 2px #000; padding: 30px; /*display: table-cell; vertical-align: middle;*/ /*position: absolute; top: 0px; left: 50%;*/}
.avhrrWrapper .avhrrWrapperFree .avhrrThumbImage{cursor: default !important;}

.fishingToolWrapper{position: relative;}
.fishingToolWrapper .fishingToolWrapperFree{zoom: 1; opacity: 0.3; filter: alpha(opacity=30); cursor: default !important;}
.fishingToolWrapper .fishingToolFreeButtons{position: absolute; background-color: #fff; border: solid 2px #000; padding: 30px;}
.fishingToolWrapper .fishingToolWrapperFree .thumbImage{cursor: default !important;}
/* short thumb fix */
/*.fishingToolWrapper.shortThumb .fishingToolFreeButtons{margin-top: 28px;}*/
/*.fishingtool-free-promo-blank.shortThumb{margin-top: 28px;}*/


.brokenImgFix{display: table-cell; vertical-align: middle; border: solid 1px #000; text-align: center; background-color: #e2e2e2; color: #666; font-size: 15px; line-height: 20px;}

#fishingtool-container { width: 990px; overflow: hidden; /*border:1px dotted #0000ff;*/ }
#topBar {clear:both;}
#topBar #locAttr {float:left; width:800px;}
#topBar #topLinks {float:left; width:200px;}
#map { height: 800px; width:800px; /*border:1px solid #000000;*/ float:left; }
.chartTool {border-bottom: 1px dotted #557799; /*margin: 10px 0px 0px 0px;*/ clear: both;}
#toolArea {clear:both;position:relative;}
.toolHeading {font-weight: bold; font-size:12px;}
.accordionContent { /* margin-left here overwrites fishingtool.css */ /*height:100px;*/}
.accordionButton {line-height: 24px;}
#avhrrFlyoutContainer {overflow:auto;}
.ui-widget-header {background: none;}
.filterOpts_item {display: none;}

/* temp / chloro at marker */
#markerTemp-water{display: block;}
#markerTemp-chloro{display: none;}

/* slider */
#sliderBody{margin: 0px auto;}
#sliderBody #sliderArea{margin: 0px auto 10px auto;}
#sliderBody #sliderArea .sliderLabel{width: 130px; float: left; margin: 0px 10px;}
#sliderBody #sliderArea .sliderLabel input{}
#sliderBody #sliderArea .loTemp{margin: 0px 30px 0px 0px;}
#sliderBody #sliderArea .hiTemp{margin: 0px 0px 0px 30px;}
#sliderBody #sliderArea .sliderLabel .tempHeader{text-align: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;}
#sliderBody #sliderArea .sliderLabel .tempValues{text-align: center;}
#sliderBody #sliderArea #slider-range{width: 400px; float: left; margin: 0px 0px 0px 0px;}

#loTemp, #hiTemp{float: left; text-align: right;}
.sliderLabel .deg{float: left; width: 10px;}
.sliderLabel .lblChloro,
.sliderLabel .lblCelsius,
.sliderLabel .lblFahren{float: left; width: 15px; position: relative; line-height: 30px;}
.tempValues input{width: 45px;}

/* custom styles */ 
#loading{display: none; position: absolute; top: 369px; left: 374px; /* top: 369px; left: 374px; */ font-size: 60px; z-index: 99999;}
#fishingtool-container .clear{clear: both;}
#fishingtool-container{width: 990px; background-color: #fff;}
#fishingtool-container #row1{width: 970px; /*border-bottom: solid 1px #5a7592;*/ background-color: #fff; margin: 0px auto;}
#fishingtool-container #row1 #column1{/*width: 790px;width: 300px; float: left;*/ width: 970px; padding: 0px 0px 0px 0px; position: relative; }
#fishingtool-container #row1 #column1 h1{margin: 15px auto 15px auto; font-size: 20px; line-height: normal; display: inline-block; margin-right: 30px;}
#fishingtool-container #row1 #column1 h1.fishtrack{color: #000;}
#fishingtool-container #row1 #column1 hr{border-top: solid 1px #5a7592; border-bottom: none; margin-bottom: 15px;}
#fishingtool-container #row1 #column2{/*width: 190px;*/width: 660px; float: left; padding-top: 10px; position: relative;}
#fishingtool-container #row1 #column1 a,
#fishingtool-container #row1 #column1 a:hover,
#fishingtool-container #row1 #column1 a:active{display: inline-block; margin: 10px 10px 0px 0px; padding-left: 15px; background-color: #fff; text-decoration: none; font-weight: bold; font-size: 12px; color: #1b336f;}
#fishingtool-container #row1 #column1 a.fishtrack,
#fishingtool-container #row1 #column1 a.fishtrack:hover,
#fishingtool-container #row1 #column1 a.fishtrack:active{color: #2270a9;}
/* fishing tool social sharing */
#fishingtool-container #row1 #column1 #fishing-chart-social{text-align: right; font-weight: bold; position: absolute; top: 7px; right: 0px;}
#fishingtool-container #row1 #column1 #fishing-chart-social .fishing-report-icon-facebook{color: #3c5a98; cursor: pointer;}
#fishingtool-container #row1 #column1 #fishing-chart-social .fishing-report-icon-twitter{color: #2daae1; cursor: pointer;}
#fishingtool-container #row1 #column1 #fishing-chart-social .fishing-report-icon-google-plus{color: #dd4c39; cursor: pointer;}
#fishingtool-container #row1 #column1 #fishing-chart-social .fishing-report-icon-pinterest{color: #cb2027; cursor: pointer;}
#fishingtool-container #row1 #column1 #fishing-chart-social .fishing-report-icon-envelope{color: #666; cursor: pointer;}
 
#fishingtool-container #row1-A{padding: 0px; border-top: solid 1px #5a7592; border-bottom: solid 1px #5a7592;}
#fishingtool-container #row1-A #column1 #marker{float: left; /* width: 30px; */ /*width: 32px;*/ /*width: 41px; margin-right: 10px;*/ padding-right: 10px;}
#fishingtool-container #row1-A #column1 #marker img{position: relative; top: 2px;}
#fishingtool-container #row1-A #column1 #markerLocation{background-color: #f2f2f2; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/marker-location-bg.png); background-position: right; background-repeat: no-repeat;}
#fishingtool-container #row1-A #column1 #markerLocation{float: left; width: 450px; /*margin-right: 10px;*/ margin: 0px 20px 0px 0px;}
#fishingtool-container #row1-A #column1 #markerDepth{float: left; /*width: 155px;*/ /*margin-right: 10px;*/margin: 0px 20px 0px 0px;}
#fishingtool-container #row1-A #column1 #markerTemp{float: left; /*width: 155px;*/ /*margin-right: 10px;*/margin: 0px 20px 0px 0px;}
#fishingtool-container #row1-A #column1 #markerSpeedDirection{float: left; /*width: 155px;*/ margin: 0px 20px 0px 0px; display: none;}
#fishingtool-container #row1-A #column1 .markerHeading{font-weight: bold; margin-bottom: 10px;}
#fishingtool-container #row1-A #column1 #markerTemp-chloro .markerHeading{margin-bottom: 5px;}
#fishingtool-container #row1-A #column1 .markerDetails{font-size: 18px;}
#fishingtool-container #row1-A #column1 .markerDetails span{font-weight: bold;}
#fishingtool-container #row1-A #column1 .markerDetails #lat, 
#fishingtool-container #row1-A #column1 .markerDetails #lon{/*width: 125px;*/}
#fishingtool-container #row1-A #column1 .markerDetails span{/*float: left;*/}
#fishingtool-container #row1-A #column1 .markerDetails #markerDetailsSelect{/*float: left;*/}
#fishingtool-container #row1-A #column1 .markerDetails #markerDepthValue{/*padding-right: 5px;*/}
#fishingtool-container #row1-A #column1 select{margin: 0px 0px 0px 5px; padding: 0px; position: relative; top: -2px; cursor: pointer; /*display: block;*/}
#fishingtool-container #row1-A #column1 .markerSelect{/*margin: 0px;*/ padding: 0px; position: relative; top: -2px; cursor: pointer; /*display: block;*/}
#fishingtool-container #row1-A select{display: inline-block;}
#fishingtool-container #row1-A .marker-info{background-color: #fff; padding: 10px 0px;}
#fishingtool-container #row1-A .marker-info img{float: left; margin: 0px 10px;}


#fishing-charts-share-modal {display: none; background-color: #fff; overflow: visible;}
#fishing-charts-share-modal p{margin: 10px 0px;}
#fishing-charts-share-modal img{float: right; border: solid 1px #ccc; width: 140px; margin: 0px 10px 10px 10px;}
#fishing-charts-share-modal input,
#fishing-charts-share-modal textarea{width: 100%;}
#fishing-charts-share-modal textarea{height: 150px;}
#fishing-charts-share-modal .row{margin-bottom: 5px;}
#fishing-charts-share-modal .row input,#fishing-charts-share-modal .row textarea{margin-bottom: 10px;}
#fishing-charts-share-modal #error{display: none; margin-top: 10px; /*background-color: #FDDEDC; border: solid 1px #FF6764; color: #000; padding: 5px 5px; margin: 10px auto;*/}
#fishing-charts-share-modal #success{display: none; margin-top: 10px; /*background-color: #66cc66; border:solid 1px #52804f; color: #000; padding: 5px 5px; margin: 10px auto;*/}
#fishing-charts-share-modal input,
#fishing-charts-share-modal textarea{border: solid 1px #ccc; padding: 5px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
#fishing-charts-share-modal .clear{clear: both;}
#fishing-charts-share-modal #dialog-close{position: absolute; right: -10px; top: -10px; background-color: #fff; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; }
#fishing-charts-share-modal #error{display: none; margin-top: 10px; /*background-color: #FDDEDC; border: solid 1px #FF6764; color: #000; padding: 5px 5px; margin: 10px auto;*/}
#fishing-charts-share-modal #success{display: none; margin-top: 10px; /*background-color: #66cc66; border:solid 1px #52804f; color: #000; padding: 5px 5px; margin: 10px auto;*/}
#fishing-charts-share-modal .errorMsg{border: solid 1px #ff4945; background-color: #fde0e2; color: #ff4945; font-size: 14px; padding: 5px 10px; margin: 0px auto 10px auto;}
#fishing-charts-share-modal .successMsg{border: solid 1px #3E8245; background-color: #CDEACB; color: #3E8245; font-size: 14px; padding: 5px 10px; margin: 0px auto 10px auto;}


#fishingtool-container #row2{width: 1000px; overflow: hidden; border-bottom: solid 1px #5a7592;}
#fishingtool-container #row2 #column1{width: 800px; float: left; position: relative; overflow: hidden;}
#fishingtool-container #row2 #column2{width: 189px; float: left; border-left: solid 1px #5a7592; background-color: #f2f2f2;   height: 799px; max-height: 799px; /*overflow-y: scroll;*/ overflow: hidden;}

/* map */
#fishingtool-container #row2 #column1 #map{position: relative;}
#fishingtool-container #row2 #column1 #map #mapTimeStamp{display: none; position: absolute; top: 10px; right: 10px; padding: 5px 10px; /* background-color: #000; */ color: #fff; text-align: center; zoom: 1;/* -moz-border-radius: 5px; border-radius: 5px; filter: alpha(opacity=70); opacity: 0.7; */ -moz-border-radius: 5px; border-radius: 5px; z-index: 1;} 
#fishingtool-container #row2 #column1 #map #mapTimeStamp .mapTimeStampWrapper{position: relative; padding: 5px 10px;}
#fishingtool-container #row2 #column1 #map #mapTimeStamp .mapTimeStampWrapper .mapTimeStampBackground{position: absolute; top: 0px; left: 0px; height: 100%; width: 100%; background-color: #000; -moz-border-radius: 5px; border-radius: 5px; filter: alpha(opacity=70); opacity: 0.7;}
#fishingtool-container #row2 #column1 #map #mapTimeStamp .mapTimeStampWrapper .mapTimeStampHeading{position: relative; font-weight: bold;}
#fishingtool-container #row2 #column1 #map #mapTimeStamp .mapTimeStampWrapper .mapTimeStampDetails{position: relative;}

/* flyout */
#fishingtool-container #row2 #column1 .flyout{/*margin: 20px; border: solid 1px #000; background-color: #fff;*/ position: absolute; z-index: 2000; top: 0px; left: 0px;}
#fishingtool-container #row2 #column1 .flyout .close{cursor: pointer; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-close.png); width: 18px; height: 24px; background-repeat: no-repeat; position: absolute; top: 0px; right: 5px;}
#fishingtool-container #row2 #column1 .flyout .flyout-title{font-size: 18px; margin-bottom: 10px;}

#fishingtool-container #row2 #column1 .flyoutContainer{width: 100%; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/1x1-bg.png);}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner{position: relative; border: solid 1px #000; background-color: #fff; padding: 10px; margin: 10px; height: 758px; overflow: auto;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .missing-data{text-align: center; font-size: 16px; color: #666; margin-top: 40px;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .tabs{}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .tabs .tab{position: relative; font-weight: bold; margin: 0px 5px 10px 5px; padding: 5px 10px; cursor: pointer; display: block; float: left;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .tabs .tab-text{margin: 0px 5px 10px 5px; padding: 5px 10px; display: block; float: left;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .tabs .tab.on{background-color: #1e6bb1; color: #fff;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .tabs .tab.off{background-color: #e6e6e6; color: #333;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .thumbsContainer{}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .thumbsContainer .thumbImage{float: left; margin-bottom: 10px; cursor: pointer; text-align: center;  width: 24%; margin-left: 5px;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .thumbsContainer .thumbImage img{display: block; border: solid 1px #000; width: 175px; margin: 0px auto;}
#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .thumbsContainer .thumbImage .timestamp{text-align: center; padding: 2px 0px 10px 0px; font-weight: bold;}

#fishingtool-container #row2 #column1 .flyoutContainer .flyoutContainerInner .tabs .tab span.new{background-color: #ff702d; padding: 2px 5px; position: absolute; top: -6px; right: -20px; display: block; font-size: 8px; color: #fff; font-weight: normal; text-transform: uppercase;}

/* old styles */

#fishingtool-container #row2 #column1 .filterFlyoutContainer{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/1x1-bg.png); height: 100%; width: 100%;}
#fishingtool-container #row2 #column1 .filterFlyoutContainer .filterFlyoutContainerInner{background-color: #fff; border: solid 1px #000; padding: 10px; margin: 10px; position: relative;}

#fishingtool-container #row2 #column1 #avhrrFlyoutContainer{width: 100%; /* */ background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/1x1-bg.png);}
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer #avhrrFlyoutContainerInner{position: relative; border: solid 1px #000; background-color: #fff; padding: 10px; margin: 10px; height: 758px; overflow: auto;}
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer #avhrrFlyoutContainerInner .avhrrThumbImage{float: left; margin-bottom: 10px; cursor: pointer; text-align: center; /*width: 24%;*/ width: 191px; margin: 0px 28px 10px 28px; /*float: left; margin-bottom: 10px; cursor: pointer; text-align: center;  width: 24%; margin-left: 5px;*/ }
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer #avhrrFlyoutContainerInner .avhrrThumbImage img{border: solid 1px #000; /*width: 177px;*/}
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer #avhrrFlyoutContainerInner .avhrrThumbImage .avhrrTimestamp{text-align: center; padding: 2px 0px 10px 0px; font-weight: bold;}
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer .flyout-title{margin: 0px 0px 10px 5px;}

#fishingtool-container #row2 #column1 #avhrrFlyoutContainer .avhrrThumbs{position: relative; border: solid 1px #000; background-color: #fff; padding: 10px; margin: 10px; height: 758px; overflow: auto;}
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer .avhrrThumbs .avhrrThumbImage{float: left; margin-bottom: 10px; cursor: pointer; text-align: center; /*width: 33%;*/ width: 191px; margin: 0px 28px 10px 28px;}
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer .avhrrThumbs .avhrrThumbImage img{border: solid 1px #000;}
#fishingtool-container #row2 #column1 #avhrrFlyoutContainer .avhrrThumbs .avhrrThumbImage .avhrrTimestamp{text-align: center; padding: 2px 0px 10px 0px; font-weight: bold;}



#fishingtool-container #row2 #column1 #modisFlyoutContainer{width: 100%; /* */ background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/1x1-bg.png);}
#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner{position: relative; border: solid 1px #000; background-color: #fff; padding: 10px; margin: 10px; height: 758px; overflow: auto;}
#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner .modisThumbImage{float: left; margin-bottom: 10px; cursor: pointer; text-align: center;  width: 24%; margin-left: 5px;}
#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner .modisThumbImage img{border: solid 1px #000;}
#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner .modisThumbImage .modisTimestamp{text-align: center; padding: 2px 0px 10px 0px; font-weight: bold;}
#fishingtool-container #row2 #column1 #modisFlyoutContainer .flyout-title{margin: 0px 0px 10px 5px;}

#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner #modisTabs{} 
#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner #modisTabs .modis-tab{font-weight: bold; margin: 0px 5px 10px 5px; padding: 5px 10px; cursor: pointer; display: block; float: left;}
#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner #modisTabs .modis-tab.on{background-color: #1e6bb1; color: #fff;}
#fishingtool-container #row2 #column1 #modisFlyoutContainer #modisFlyoutContainerInner #modisTabs .modis-tab.off{background-color: #e6e6e6; color: #333;}

.fishingToolFreeUser{background-color: #173863; color: #fff; font-weight: bold; text-align: center; /*padding: 55px 0px;*/ line-height: 20px; display: table-cell; vertical-align: middle;}
.fishingToolFreeUser a{color: #548AC8;}
   
/* sidebar */
#fishingtool-container #row2 #column2 #rightToolbar .chartTool{ clear: both; border-bottom: 1px dotted #557799;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionButton{}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionButton .toolHeading,
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .nonAccordionButton .toolHeading{margin-left: 10px; color: #1b336f; line-height: 34px;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionButton .toolHeading.fishtrack,
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .nonAccordionButton .toolHeading.fishtrack{color: #2270a9;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent{display: none; clear:both; margin-bottom: 8px; margin-left: 0px !important;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .filterSelect{width: 169px; height: 22px; cursor: pointer; margin: 0px auto 10px auto;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .filterSelect .selFilter{color: #666; margin-left: 30px; font-size: 11px; line-height: 22px;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .nonAccordionButton span{display: block; float: left;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .nonAccordionButton img{display: block; float: left; padding: 8px 5px 0px 0px;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .nonAccordionContent {clear: left;}

#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent #sstOptionImage	{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-date.png);}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent #sstCustomImage	{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-temp.png);}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent #chloroOptionImage	{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-date.png);}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent #chloroCustomImage	{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-chloro.png);}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent #tcOptionImage		{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-date.png);}

/* cloudfree sst custom styles */
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent #cloudfree{width: 156px; height: 22px; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-cloudfree.png); margin: 0px auto;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent #cloudfree span{display: block; width: 78px; text-align: center; line-height: 22px; float: left; font-weight: bold; cursor: pointer;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .cloudfree-shaded{background-position: 0px 0px;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .cloudfree-contoured{background-position: 0px -22px;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .cloudfree-shaded #shaded{color: #fff;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .cloudfree-shaded #contoured{color: #7a7a7a;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .cloudfree-contoured #shaded{color: #7a7a7a;}
#fishingtool-container #row2 #column2 #rightToolbar .chartTool .accordionContent .cloudfree-contoured #contoured{color: #fff;}

/* old styles */
/*
#fishingtool-container #row2 #column2 #rightToolbar #tools-free{background-color: #1e6bb1; color: #fff; text-align: center; padding: 5px 0px;}
#fishingtool-container #row2 #column2 #rightToolbar #tools-premium{background-color: #1e6bb1; color: #fff; text-align: center; padding: 5px 0px;}
#fishingtool-container #row2 #column2 #rightToolbar .toolHeading{padding-left: 15px; margin-left: 5px; color: #1b336f; background-position: 0px 1px; background-repeat: no-repeat; line-height: 24px;}
#fishingtool-container #row2 #column2 #rightToolbar .toolHeading-active{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-arrow-down.png);}
#fishingtool-container #row2 #column2 #rightToolbar .toolHeading-inactive{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-arrow-right.png);}
#fishingtool-container #row2 #column2 #rightToolbar .toolHeading-non-accordion{padding-left: 5px;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent #cloudfree{width: 156px; height: 22px; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-cloudfree.png); margin: 0px auto;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent #cloudfree span{display: block; width: 78px; text-align: center; line-height: 22px; float: left; font-weight: bold; cursor: pointer;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent .cloudfree-shaded{background-position: 0px 0px;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent .cloudfree-contoured{background-position: 0px -22px;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent .cloudfree-shaded #shaded{color: #fff;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent .cloudfree-shaded #contoured{color: #7a7a7a;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent .cloudfree-contoured #shaded{color: #7a7a7a;}
#fishingtool-container #row2 #column2 #rightToolbar #JPLToolset .accordionContent .cloudfree-contoured #contoured{color: #fff;}
#fishingtool-container #row2 #column2 #rightToolbar #AVHRRToolset #AVHRROptionImage{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-date.png); width: 137px; height: 22px; cursor: pointer; margin: 0px auto 5px auto;}
#fishingtool-container #row2 #column2 #rightToolbar #AVHRRToolset #AVHRRCustomImage{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-temp.png); width: 137px; height: 22px; cursor: pointer; margin: 0px auto;}
#fishingtool-container #row2 #column2 #rightToolbar #AVHRRToolset .avhrr-button{line-height: 22px; padding: 0px 0px 0px 32px; color: #666666; font-size: 11px;}
#fishingtool-container #row2 #column2 #rightToolbar #MODISToolset #MODISOptionImage{background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-date.png); width: 137px; height: 22px; cursor: pointer; margin: 0px auto 10px auto;}
#fishingtool-container #row2 #column2 #rightToolbar #MODISToolset .avhrr-button{line-height: 22px; padding: 0px 0px 0px 32px; color: #666666; font-size: 11px;}
*/
#fishingtool-container #row2 #column2 #rightToolbar #dataToolset .nonAccordionContent{clear: both; margin-bottom: 8px; margin-left: 0px !important;}
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts{line-height: 20px; padding-bottom: 5px;}
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts .lblFilter{padding: 0px 5px 5px 10px; color: #1b336f; font-size: 11px;}
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts .lblFilter.fishtrack{color: #333; font-weight: 600;}
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts .chkFilter{float: right; cursor: pointer; position: relative; margin-right: 10px;}
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts .chkFilter .chkOn{height: 20px; width: 52px; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-on.png);   }
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts .chkFilter .chkOff{height: 20px; width: 52px; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-off.png); }
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts .chkFilter .chkOn_e{height: 20px; width: 52px; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-on.png);   }
#fishingtool-container #row2 #column2 #rightToolbar .filterOpts .chkFilter .chkOff_e{height: 20px; width: 52px; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-off.png); }
#fishingtool-container #row2 #column2 #rightToolbar #infoToolset .nonAccordionContent .filterOpts .infoToolIcon{float: left; margin: 0px 5px 0px 10px;}
#fishingtool-container #row2 #column2 #rightToolbar #infoToolset .nonAccordionContent .filterOpts .infoToolLink{float: left; margin: 1px 10px 0px 0px; cursor: pointer; color: #1b336f; font-size: 11px;}
#fishingtool-container #row2 #column2 #rightToolbar #infoToolset .nonAccordionContent .filterOpts .infoToolLink.fishtrack{color: #333; font-weight: 600;}

#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset{/*display: none;*/} /* this line is temp until we get waypoints to work how we want on mobile */
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .filterOpts #lblArea{padding-left: 10px; font-size: 11px; line-height: 12px; max-height: 150px; overflow-y: scroll; margin-bottom: 10px; line-height: 15px;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .filterOpts #lblTotal{padding-left: 10px; font-size: 11px; line-height: 12px; margin-bottom: 10px;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .filterOpts #lblAreaSend{display: none;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent #showhide{width: 156px; height: 22px; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-showhide.png); margin: 0px auto;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent #showhide span{display: block; width: 78px; text-align: center; line-height: 22px; float: left; font-weight: bold; cursor: pointer;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .showhide-show{background-position: 0px 0px;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .showhide-hide{background-position: 0px -22px;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .showhide-show #filterShow{color: #fff;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .showhide-show #filterHide{color: #7a7a7a;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .showhide-hide #filterShow{color: #7a7a7a;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent .showhide-hide #filterHide{color: #fff;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent #waypointFiltersContainer{display: none;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent #send-clear-all{margin-bottom: 10px;}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent #filterSend{  width: 45px; height: 23px; float: left; margin-left: 15px; padding-left: 30px; color: #7a7a7a; font-size: 11px; font-weight: bold; line-height: 24px; cursor: pointer; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-send.png);}
#fishingtool-container #row2 #column2 #rightToolbar #waypointToolset .nonAccordionContent #filterDelete{width: 55px; height: 23px; float: left; margin-left: 8px;  padding-left: 20px; color: #7a7a7a; font-size: 11px; font-weight: bold; line-height: 24px; cursor: pointer; background-image: url(http://i.cdn-surfline.com/buoyweather/fishing_tool/icon-clear-all.png);}

/*
#select-coord-format{width: 90px; float: left; position: relative; border: solid 1px #ccc; font-size: 12px; color: #666; height: 20px; line-height: 20px; z-index: 1;}
#select-coord-format-options{display: none; position: absolute; top: 20px; z-index: 2;}
#select-coord-format-selected span{}
#select-coord-format-options .select-coord-format-option{border-bottom: solid 1px; margin-top: -1px;}
#select-coord-format-options .select-coord-format-option:hover{background-color: #ccc;}
*/
select{border: solid 1px #ccc; color: #000;}
 
/* dialog styles */
	/* customization for jquery UI dialog box (from FishTrack) */
	.ui-widget{-moz-box-shadow: 0 0 5px #888; -webkit-box-shadow: 0 0 5px #888; box-shadow: 0 0 5px #888; -moz-border-radius: 1px; border-radius: 1px; color:#000; font-size:12px;}
	.ui-dialog-titlebar{background: none; display: none;	-moz-border-radius: 1px; border-radius: 1px;}
	.ui-dialog .ui-dialog-content{padding: 12px;}
	.ui-widget-overlay{background:url(http://i.cdn-surfline.com/buoyweather/fishing_tool/bgnoise_lg.png); opacity: .92; filter:Alpha(Opacity=92); }
#dialog-premium{display: none;}
#dialog-premium #dialog-close{ background:url(http://i.cdn-surfline.com/buoyweather/fishing_tool/close-sprite.png); width: 31px;height:28px; margin-top:-6px; margin-right:-6px;float:right; outline:none;  }
#dialog-premium #dialog-close:hover{ background-position: 0px -28px;  }
#dialog-premium #dialog-close:active{ background:url(http://i.cdn-surfline.com/buoyweather/fishing_tool/close-sprite.png) no-repeat; width: 31px;height:28px; background-position: 0px -27px;  }
#dialog-premium .pseudoH1{font-size: 18px; margin: 0px !important; padding: 0px; color: #000; font-weight: bold;}
#dialog-close{ background:url(http://i.cdn-surfline.com/buoyweather/fishing_tool/close-sprite.png); width: 31px;height:28px; margin-top:-6px; margin-right:-6px;float:right; outline:none; z-index: 9999; }
#dialog-close:hover{ background-position: 0px -28px;  }
#dialog-close:active{ background:url(http://i.cdn-surfline.com/buoyweather/fishing_tool/close-sprite.png) no-repeat; width: 31px;height:28px; background-position: 0px -27px;  }

	/* buttons (from FishTrack) */
	/*#dialog-premium*/ .fishtrack-button {display: inline-block;zoom: 1;*display: inline;vertical-align: baseline;margin: 0 2px;outline: none;cursor: pointer;text-align: center;text-decoration: none;font: 12px/100% Verdana, Geneva, sans-serif;	padding: 10px 14px 10px 14px;text-shadow: 0 1px 1px rgba(0,0,0,.3);-webkit-border-radius: 4px; -moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);box-shadow: 0 1px 2px rgba(0,0,0,.2); font-size: 12px; /*font-weight:normal !important;*/ font-weight: bold;}
	/*#dialog-premium*/ .fishtrack-button a:link, .fishtrack-button a:visited, .fishtrack-button a:hover, .fishtrack-button a:active{ color:#ffffff;font-size: 12px; /* added this */ font-weight: bold;}   
	/*#dialog-premium*/ .fishtrack-button:hover {text-decoration: none;font-size: 12px; /*font-weight:normal*/}
	/*#dialog-premium*/ .fishtrack-button:active {position: relative;top:1px;font-size: 12px; /*font-weight:normal*/}
	/*#dialog-premium*/ .fishtrack-button.medium {font-size: 10px;padding: 4px 4px 4px 4px;}
	/*#dialog-premium*/ .fishtrack-button.small {font-size: 9px;padding: 2px 2px 2px 2px;}
	/*#dialog-premium*/ .fishtrack-button.blue1{color: #FFFFFF;border: solid 1px #295284;background: #2270a9;background: -webkit-gradient(linear, left top, left bottom, from(#2270a9), to(#010233));	background: -moz-linear-gradient(top,  #2270a9,  #010233);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#2270a9', endColorstr='#010233');}
	/*#dialog-premium*/ .fishtrack-button.blue1:hover {background: #336699;background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#336699));background: -moz-linear-gradient(top,  #336699,  #336699);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#336699');}
	/*#dialog-premium*/ .fishtrack-button.blue1:active {background: #295284;background: -webkit-gradient(linear, left top, left bottom, from(#336699), to(#336699));background: -moz-linear-gradient(top,  #336699,  #336699);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#336699', endColorstr='#336699');}
	/*#dialog-premium*/ .fishtrack-button.grey1{color:#68696b;border: solid 1px #a7a7a9;background: #ebedec;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f3), to(#a8a9ab));   background: -moz-linear-gradient(top,  #f1f1f3,  #a8a9ab);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f3', endColorstr='#a8a9ab');}
	/*#dialog-premium*/ .fishtrack-button.grey1:hover {background: #68696b;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f3), to(#f1f1f3));background: -moz-linear-gradient(top,  #f1f1f3,  #f1f1f3);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f3', endColorstr='#f1f1f3');}
	/*#dialog-premium*/ .fishtrack-button.grey1:active {background: #295284;background: -webkit-gradient(linear, left top, left bottom, from(#f1f1f3), to(#f1f1f3));background: -moz-linear-gradient(top,  #f1f1f3,  #f1f1f3);filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f1f1f3', endColorstr='#f1f1f3');}
	