body {margin:0; padding:0; width:100%; height:100%; font-family:Arial,Tahoma, Sans-Serif;}



#bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; overflow: hidden; }

#bg div { position: fixed; width: 100%; height: 100%; }

img { -ms-interpolation-mode: bicubic; }

#bg img { width:100%; height:100%; }



#Flash{margin:auto auto; width:100%; height:100%;}

#PageUpdateProgress{position: absolute; top:0px; left:0px; visibility:visible;vertical-align:middle;background:url(../Images/60-Percent-White.png) repeat top center; z-index:40; width:100%; height:100%}



/******** Admin ********/



#OuterDiv {margin:50px 0 0 0; padding:0; width:100%; position:relative; z-index:2;}

#Results { position:relative; margin:0 auto; padding:0; width:960px; border:solid 1px #333333;}

#AppTitle { padding:6px 10px; background:url(../Images/Vista.png) repeat-x 0px -32px; color:#FFFFFF; font-size:16px; font-weight:normal; }



#Filters { margin:0; padding:6px 10px; text-align:right; background:url(../Images/Vista.png) repeat-x 0px -62px; }



.Dropdown { margin:0 5px 0 0; font-family: Tahoma, Arial, Sans-Serif; font-size:11px; border:solid 1px #0a5074; background-color:#4782a1; color:#FFFFFF;  }

.Dropdown:hover {background-color:#666666; }





.Button { margin:0; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#ffffff; border:solid 1px #0a5074; background-color:#4782a1; }



.TabularData {margin-bottom:20px; font-family: Tahoma, Arial, Sans-Serif; font-size:11px; color:#FFFFFF; width:100%; }

.TabularData tr th {padding:8px; border-right:solid 1px #333333; border-bottom:solid 1px #333333; background:url('../Images/One-Pixel-10.png') repeat;}

.TabularData tr th a{text-decoration:none;}

.TabularData tr th a:link{color:#FFFFFF;}

.TabularData tr th a:hover{color:#336699;}

.TabularData tr th a:visited{color:#FFFFFF;}

.TabularData tr {background:url(../Images/One-Pixel.png) repeat-x 0px 0px;}

.TabularData tr td {margin:0; padding:6px 4px; border-bottom:solid 1px #333333;  }

.TabularData tbody tr:hover { background-color:#336699; }



.TabularDataFooter td table tr:hover {background-color:transparent;}

.TabularDataFooter td table tr td {background-color:transparent !important; text-align:center; border:none; color:#ff3300;}

.TabularDataFooter td table tr td a{text-decoration:none; color:#ffffff;}







#TblOwnerDetail, #TblBoatDetail { margin:10px 0; background:transparent;}

#TblOwnerDetail tr, #TblBoatDetail tr {background:transparent;}

#TblOwnerDetail tr th, #TblBoatDetail tr th {padding:4px 4px 4px 0; text-align:left; background:transparent; border:none;}

#TblOwnerDetail tr td, #TblBoatDetail tr td {padding:4px 4px 4px 0; text-align:left;  background:transparent; border:none;}

#TblOwnerDetail tr td a:link, #TblBoatDetail tr td a:link {color:#FFFFFF;}

#TblOwnerDetail tr td a:hover, #TblBoatDetail tr td a:hover{color:#336699;}

#TblOwnerDetail tr td a:visited, #TblBoatDetail tr td a:visited{color:#FFFFFF;}

/* Modal Window */



.DVFieldset{border:solid 1px #cccccc;}

.DVTitle{font-family:Tahoma, Arial, Sans-Serif; font-weight:bold; font-size:12px; color:#cccccc;}

.FormViewContainer{margin:0; padding:10px; background-color:#ffffff; height:420px; overflow:auto;}

.ModalBackground {background-color:#000000; filter:alpha(opacity=80); opacity:0.8;}

.ModalPopup{background-color:transparent; border:solid 1px #333333; padding:10px; width:650px;}



#ModalView {width:620px; height:460px; background:url(../Images/Vista.png) repeat-x 0px -34px; border:solid 1px #CCCCCC; }

#TblFormTitle{padding:6px 10px; font-size:16px; font-weight:normal; color:#ffffff;}



.ModalViewTblContainer{overflow:auto; height:396px;}



.TblForm {margin:2px auto 0 auto; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#333333; border-top:solid 1px #92b9d5; border-left:solid 1px #92b9d5; width:100%; background-color:#FFFFFF; }

.TblForm tr th{padding:8px; width:25%; text-align:left; background-color:#eaf2f9; border-bottom:solid 1px #92b9d5; border-right:solid 1px #92b9d5;}

.TblForm tr td{padding:8px; width:25%; border-bottom:solid 1px #92b9d5; border-right:solid 1px #92b9d5;}

.TblForm tr td input {padding:2px; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#333333;}

.TblForm tr td textarea {padding:2px; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#333333;}





#TblStorageForm {width:600px; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#333333;}

#TblStorageForm tr th{padding:3px; text-align:left; background-color:#eaf2f9;}

#TblStorageForm tr td{padding:3px; }

#TblStorageForm tr td input{padding:2px; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#333333;}

#TblStorageForm tr td textarea {padding:2px; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#333333;}



#Controls{padding:5px 0; text-align:center; width:100%; background:#FFFFFF url(../Images/ArcticWhite.png) repeat-x 0px -128px;}

.FormDetail {display:block; font-size:9px;}

.RadioButtonList tr td{margin:0; padding:0; border:none;}

.RegionDropDown {padding:2px; font-family:Tahoma, Arial, Sans-Serif; font-size:11px; color:#333333;}



/******** End Admin ********/



/******** Public ********/

img {border:none;}



#PublicOuterDiv {margin:0; padding:0; width:100%; position:relative; z-index:2; background:#CCCCCC url(../Images/Twin-Lights-Marina-Background3.jpg) no-repeat fixed top center;}

h2{margin:0; padding:8px 0 0 0; font-family:Georgia, Serif; font-size:16px; font-weight:normal; color:#FFFFFF; text-align:left;}





/******** Logo and Overlay ********/



#PublicLogoDiv{margin:10px auto; padding:0; width:550px;}

#PublicLogoDiv a{border-style:none; display:block; width:550px; height:48px;}

h1.LogoLink{padding:0; margin:0; text-indent:-9999px;}

#PublicContentDiv {margin:0; padding:0 50px;}

#PublicNavigationDiv{margin:0 auto; padding:0; width:860px;}



#TopNav{margin:40px 0 40px 10px; padding:0; display:flex; justify-content: center;}

.NavIcon {margin:0; padding:0 2px; float:left; width:80px; height:85px; text-align:center;}

.NavIcon div{margin:0; padding:5px 0; text-align:center; color:#ffffff; font-size:11px; display:none; width:80px;}



/******** Logo and Overlay ********/





/******** Home ********/



#Announcement {margin:0 auto 10px auto; padding:0 15px; width:823px; border:solid 1px #CCCCCC;}

#Announcement h1{font-family:Georgia, Serif; font-size:26px; font-weight:normal; color:#FFFFFF;}

#Announcement p{margin:0; padding:0; line-height:16px; font-family:Arial, Sans-Serif; font-size:12px; text-align:justify; color:#FFFFFF;}



.PhotoContainerHome {margin:0; padding:3px; width:250px; height:131px; border:solid 1px #999999; background-color:#FFFFFF;}



/******** End Home ********/



.PhotoContainer {margin:0; padding:3px; width:217px; height:114px; border:solid 1px #999999; background-color:#FFFFFF;}

.Title{margin:10px 0; padding:0; font-family:Georgia, Serif; font-size:18px; font-weight:normal; color:#FFFFFF;} 

.ContentTitle{margin:0; padding:8px 0; font-family:Arial, Sans-Serif; font-size:16px; font-weight:normal; color:#FFFFFF;}



.ParaLink {text-decoration:none; font-size:11px; font-weight:normal;}

.ParaLink:Link{color:#ffff00;}

.ParaLink:Visited{color:#ffff00;}

.ParaLink:Hover{color:#FFFFFF;}



.ContentLink {text-decoration:none; font-size:12px; font-weight:normal;}

.ContentLink:Link{color:#ffff00;}

.ContentLink:Visited{color:#ffff00;}

.ContentLink:Hover{color:#FFFFFF;}



#MarinaShop{margin:0; padding:0;}





/******** Folder Tabs ********/

.nav-tabs .nav-link {

    background-color: #ccc;

    margin-left: 3px;

}

.CustomTabStyle {margin:0; padding:0; width:860px;}

.CustomTabStyle .ajax__tab_header {border-bottom:solid 2px #CCCCCC;}

.CustomTabStyle .ajax__tab_body {margin:0; padding:10px 20px; font-family:Arial, Sans-Serif; font-size:12px; text-align:justify; color:#FFFFFF;}

.ContentColumn{margin:0; padding:0 25px 0 0; width:560px; float:left; color: #fff;}

.ContentColumn p {margin:0 0 1.5em 0; padding:8px 0; line-height:1.6;}

.ContentColumn p a{text-decoration:none; }

.ContentColumn p a:link{color:#ffff00;}

.ContentColumn p a:visited{color:#ffff00;}

.ContentColumn p a:hover{color:#ffffff;}



.ContentColumn ul{margin:0; padding:0 0 0 25px; list-style-type:none;}

.ContentColumn ul li{padding:3px 0;}



.ImageColumn{margin:0; padding:12px 0; float:left;}

.ImageColumn p{margin:0; padding:0; width:250px; line-height:16px; font-family:Arial, Sans-Serif; font-size:12px; text-align:justify; color:#FFFFFF;}







.Divider{border-top:dotted 1px #ffffff; border-bottom:none; border-left:none; border-right:none;}



/*.CustomTabStyle .ajax__tab_hover {width:165px; height:25px; font-family:Georgia, Serif; font-size:12px; color:#FFFFFF; }*/

/*.CustomTabStyle .ajax__tab_active {padding:5px 0 0 0; width:165px; height:25px; font-family:Georgia, Serif; font-size:12px; color:#FFFFFF; background:url(../Images/Folder-Tab-Off.png) no-repeat top; }*/



/******** End Folder Tabs ********/



/******** Storage Application ********/



#TblStorageApplication {width:550px; font-family:Arial, Sans-Serif; font-size:12px; color:#FFFFFF;}

#TblStorageApplication tr th{padding:3px; text-align:left; font-weight:normal; border-bottom:solid 1px #999999;}

#TblStorageApplication tr td{padding:3px; border-bottom:solid 1px #999999; }

#TblStorageApplication tr td input{padding:2px; font-family:Arial, Sans-Serif; font-size:12px; color:#333333;}

#TblStorageApplication tr td textarea {padding:2px; font-family:Arial, Sans-Serif; font-size:12px; color:#333333;}

.TblStorageApplicationDropDown {padding:2px; font-family:Arial, Sans-Serif; font-size:12px; color:#333333;}

.RequiredFields {font-family:Arial, Sans-Serif; font-size:12px; font-weight:bold; color:#ffff00 !important;}



#TblStorageApplication tr td table tr td {border:none !important;}



.ToopTip:link span {display:none;}

.ToopTip:visited span {display:none;}

.ToopTip:hover span {position: absolute; margin:15px 0px 0px 20px; background-color:#FFFF00; max-width:220; padding: 2px 10px 2px 10px; border: 1px solid #FFFFFF; font:normal 11px Arial, San-Serif; color:#333333; text-align:left; display: block;}









/******** End Storage Application ********/



/******** Dock Services ********/

#MarinaShop{width:810px; overflow:auto;}

#ShopItemContainer{margin:0; padding:0; width:1100px; overflow:auto;}

.ShopItem {margin:0; padding:0 2px; float:left; width:100px; height:75px; text-align:center; display:inline;}

.ShopItem div{margin:0; padding:5px 0; text-align:center; color:#ffffff; font-size:11px; display:none; width:100px;}



.storage-app {

    margin: 0 auto;

    padding: 15px;

    width: 200px;

    background-color: #f35b5b;

    border-radius: 3px;

    text-align: center;

}



    .storage-app a {

        color: #fff;

        text-decoration: none;

        text-transform: uppercase;

        font-family: Arial, Sans-Serif;

        font-size: 16px;

        font-weight: bold;

        text-align: center;

    }

    

/******** End Dock Services ********/

    /******** Contact Us ********/

    #ContactInfo {

        text-align: center;

        border-top: solid 1px #cccccc;

    }

/*#ContactInfo p{font-size:14px;}*/

/******** End Contact Us ********/



#PublicFooterDiv {margin:0; padding:5px 0; width:100%;}

#FooterIcons {margin:0 auto; padding:15px 0; width:860px; border-top:solid 2px #CCCCCC;}

#IconDiv {margin:0 auto; padding:0; width:620px;}

.FooterPhotoIcons {margin:0; padding:0 20px; float:left;}

.FooterPhotoIcons a {width:113px; height:53px; display:block; text-indent:-9999px;}

.FooterPhotoIcons a.CleanMarina:link{background:url(../Images/Btn-NJ-Clean-Marina-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.CleanMarina:visited{background:url(../Images/Btn-NJ-Clean-Marina-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.CleanMarina:hover{background:url(../Images/Btn-NJ-Clean-Marina-On.jpg) no-repeat left top;}





.FooterPhotoIcons a.MSI:link{background:url(../Images/Btn-MSI-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.MSI:visited{background:url(../Images/Btn-MSI-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.MSI:hover{background:url(../Images/Btn-MSI-On.jpg) no-repeat left top;}





.FooterPhotoIcons a.Marine1:link{background:url(../Images/Btn-Marine-1-Fuel-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.Marine1:visited{background:url(../Images/Btn-Marine-1-Fuel-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.Marine1:hover{background:url(../Images/Btn-Marine-1-Fuel-On.jpg) no-repeat left top;}





.FooterPhotoIcons a.NOAA:link{background:url(../Images/Btn-NOAA-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.NOAA:visited{background:url(../Images/Btn-NOAA-Off.jpg) no-repeat left top;}

.FooterPhotoIcons a.NOAA:hover{background:url(../Images/Btn-NOAA-On.jpg) no-repeat left top;}





#PublicDisclaimerDiv {margin:0; padding:5px 0; width:100%; background-color:#333333;}

.DisclaimerInfo {margin:0; padding:0; text-align:center; color:#FFFFFF; font-family:Arial, Sans-Serif; font-size:11px; line-height:16px;}



/******** End Public ********/