@charset "utf-8";
/* CSS Document */

body.marina h4.title {
	background: transparent url(../img/marina_discount_logo.jpg) no-repeat left center;
	padding: 25px 0 25px 120px;
}

body.angler h4.title {
	background: transparent url(../img/marina_discount_logo.jpg) no-repeat left center;
	padding: 25px 0 25px 120px;
}

body.boatus h4.title {
	background: transparent url(../img/marina_discount_logo.jpg) no-repeat left center;
	padding: 25px 0 25px 120px;
}

.operationHours {
	background: transparent url(../img/clock.png) no-repeat 5px center;
}

.memberDiscounts {
	background: transparent url(../img/dollarIcon.png) no-repeat 5px center;
}

.additionalInfo {
	background: transparent url(../img/informationIcon.png) no-repeat 5px center;
}

.infoSection .content {
	padding-left: 45px;
}

.infoSection h3 {
	margin-left: -40px;
	padding: 8px 0 8px 35px;
	border-bottom: 1px solid #000000;
}

.additionalServices li h5 {
	background: transparent url("/assets/img/Bullets.png") no-repeat left -388px;
	padding: 3px 0 3px 18px;
}

.additionalServices .serviceInformation {
	display: none;
	margin-left: 20px;
	padding: 5px;
}

.additionalServices li.option-open .serviceInformation {
	display: block;
}

.additionalServices li.option-open h5 {
	background-position: left -633px;
}

.discountIcon {
	margin: 0 8px;
	vertical-align: middle;
}
/*Added ruby Brian wbr for Link*/
.btn-link {
    font-weight: 400;
    color: #007bff;
    text-decoration: underline;
    background-color: transparent;
}

.btn-link:hover {
    color: #007bff;
    background-color: transparent;
    border-color: transparent;
    text-decoration: unset;
 }




/* Added 6-16-2014 by CJU for new design */
.caps, .caps span {	
	text-transform:uppercase;	
}
.error {
	color:#cc0000;	
}
.ui-accordion .ui-accordion-content {
	padding:	 1em 0;
}
.ui-accordion .ui-accordion-header .ui-icon {
    margin-top: -8px;
    position: absolute;
	left: auto;
    right: 0.5em;
    top: 50%;
}
.ui-corner-top {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}
.ui-corner-bottom {
    border-bottom-left-radius: 0px;
    border-bottom-right-radius: 0px;
}
.ui-corner-all {
    border-radius: 0px;
}
.ui-accordion .ui-accordion-header {
    padding: 10px 15px;
	border: solid 1px #cecece;
	margin-top:6px;
}
.ui-accordion .ui-accordion-content {
    border-top: solid 1px #cecece;
}
.ui-widget-content {
	border:none;
}
.ui-state-default .ui-icon {
    background-image: url("/assets/js/jquery/ui/themes/ui-lightness/images/ui-icons_222222_256x240.png");
}
.ui-state-active .ui-icon {
	background-image: url("/assets/js/jquery/ui/themes/ui-lightness/images/ui-icons_222222_256x240.png")
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
    color: #0856bd;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    color: #0856bd;		
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { background-color:#cecece; background-image: url(/assets/js/jquery/ui/themes/ui-lightness/images/ui-bg_glass_100_f6f6f6_1x400.png); }
.ui-widget-content {
	background: none;	
}
button.redButton {
	background:none;
	background-color: #fff;
	border: solid 1px #ff0202 !important;	
	color: #ff0202;
}
button.redSubmit {
	background-color: #ff0202;
	color: #fff;
}
.small {
	font-size:10px;	
}
textarea {
	height: auto;	
}
form.form > ul#errorBox > li {
	padding:0;
}
img.sectionError {
	margin-right:10px;	
}
#business-map {
	width: 238px;
	height: 200px;
}
#business-map-wrapper {
	padding: 3px;
	border: solid 1px #cecece;
}
.gMapMarker {
	width:150px;	
}
#businessLoginForm { text-align:center; }
#businessLoginForm input {
    width: 90%;
    padding: 5px;
    background: #FFF;
    border: 1px solid #CCC;
	border-radius: 0;
    margin: 5px 0;
}
#businessLoginForm input:focus {border:1px solid #C00;}
div#businessInfoBox { border:solid 1px #999999; padding:5px 45px; }
div#businessInfoBox li { width:50%; margin-bottom:10px; float:left; }
div#businessInfoBox li h3 { padding:0; }
div#businessInfoBox li.last { width:100%; margin-bottom:0; }
img.icon { margin-bottom: -3px; }
.section { margin-left: 15px; margin-bottom: 10px; }
a { cursor:pointer; }



#mainFormContainer {padding:2em 0 0 0;}
form {width:98%;}
form > label,
form > div > label,
form > div > div > label,
form > div > div > div > label {width:100%; display:inline-block; border:1px solid #CCC; padding:.5em; margin:0 0 1em 0; min-height:23px; line-height:150%; font-size:14px; color:#666666;}

form > label.invalid,
form div > label.invalid {color:#CC0000; font-weight:bold; border:1px solid #CC0000;}

form > label.multi-inputs > span > input,
form > div > label.multi-inputs > span > input,
form > label.multi-inputs input,
form > div > label.multi-inputs input,
form > label > textarea,
form > div > label > textarea,
form > label > input,
form > label > select,
form > div > label > input,
form > div > label > select,
form > div > div > label > input,
form > div > div > label > select,
form > div > div > div > label > input,
form > div > div > div > label > select {background:none; border:0; width:325px; color:#666666; font-size:14px;}

/* For Confirmation Tab */
td input[type='text'] {border:0; border-bottom:1px solid #CCC; padding:.3em;}
tr.error input[type='file'] {color:#C00; font-weight:bold;}
tr.error input[type='text'] { border-bottom:1px solid #C00;}
tr.error button.flat {background-color:#C00;}
tr.error button.flat:hover {background-color:#9D0000;}


form > label.multi-inputs > span > input, form > div > label.multi-inputs > span > input {width:100%; border:1px solid #CCC; padding:0 .2em;}
form > label.multi-inputs > span:not(.required), form > div > label.multi-inputs > span:not(.required) {width:25%; margin:0 0 0 1em;}
form > label.multi-inputs > span.warningMessage, form > div > label.multi-inputs > span.warningMessage {width:100%;}
.multi-inputs span input:focus,
.multi-inputs.additional-liability label.focused,
.multi-inputs.additional-liability label.focused,
form.docsUpload input.upload:focus,
td input:focus {border-bottom:1px solid #0683FF; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
.multi-inputs.additional-liability label {border-bottom:1px solid #CCC; width:234px;}
.multi-inputs.additional-liability a img {vertical-align:bottom; margin:0 5px 0 0;}

form > label > textarea {border:1px solid #CCC; height:75px;}

input[type="radio"] {vertical-align:middle; margin:0 .5em 0 0;}

form > label > label,
form > div > label > label,
form > div > div >label > label,
form > div > div > div >label > label {width:260px; float:left;}
label.focused {border:1px solid #0683FF; /*outline:1px solid #0683FF;*/ transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}

label.focused > label {color:#0855BD; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
form > label > div {width:325px;}
form > label > span,
form > div > label > span,
form > div > div > label > span {margin:0em 0 0 2em; display:inline-block;}

form > label > select,
form > div > label > select,
form > div > div > label > select {line-height:150%; font-size:14px; color:#666666;}

form > label > label + span > label,
form > div > label > label + span > label,
form > div > div > label > label + span > label {width:71px; display:inline-block;}
form input:disabled,
form > label.multi-inputs > span > input:disabled, form > div > label.multi-inputs > span > input:disabled {background:#D7D7D7; text-align:center;}
form input[disabled='disabled'],
form > label.multi-inputs > span > input[disabled='disabled'], form > div > label.multi-inputs > span > input[disabled='disabled'] {background:#D7D7D7; text-align:left;}

form label span.required:before {content:'*'; margin:0 0 0 0 !important; padding:0; color:#C00; font-size:14px; display:inline; float:none !important; font-weight:bold; font-family:"Arial Black", Gadget, sans-serif;}
.sectionBreak {border-bottom:2px dotted #0683FF; padding:0 .5em; margin:2em 0; width:100%;clear:both;}
.warningMessage {padding:8px; margin:0; color:#C00; display:inline-block;}
a.full {display:block; text-align:center;}
.additionalIncome {margin:0em 0 1em 1em;}

form div.center button.flat.red {float: none;}

#column_key {}
#column_key h5 {float:right; width:25%; padding:0 1Em 0 0; margin:0;}
#column_key h5:first-child {padding:0 3em 0 0; }

a.trash-liability {margin:0 0 0 0; -webkit-filter: grayscale(100%); filter: grayscale(100%); filter: gray; filter: url("data:image/svg+xml;utf8,<svg version='1.1' xmlns='http://www.w3.org/2000/svg' height='0'><filter id='greyscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0' /></filter></svg>#greyscale"); opacity:0.5; filter:alpha(opacity=50);}
a.trash-liability:hover {-webkit-filter: grayscale(0%); filter: grayscale(0%); filter: none; opacity:1; filter:alpha(opacity=100);}
form.confirmation > label > div {width: auto; margin:.7em 1em 3em 0;}

form.confirmation, form.docsUpload {width:auto;}

#confirmWarningBox, #confirmWarningBox2 {border:2px solid #CC0000; padding:1em;}/* confirmation warning box */

a.edit {font-size:12px; margin:0 1em; border-bottom:1px dotted #666666 !important;}/* confirmation Edit link */
a.edit:hover {border-bottom:1px solid #CC0000 !important;}

table button.small {width:100%; margin:0;}


#saveForm {width:100%; border:1px solid #CCC; text-align:center; font-size:15px; line-height: 18px; color:#666666; font-family: "Century Gothic", CenturyGothic, AppleGothic, sans-serif;}
#saveForm > div {padding:1em;}
#saveForm #bottomSave {background:#E7E7E7;}

#confirm-quote-ID {width:500px;}
#confirm-quote-ID h3 {margin:.5em .3em 0 0;}
#confirm-quote-ID #confirm-quote-ID-box {border:1px solid #CCC; padding:.3em .5em;}

/* login area */
.cred-container {padding:1.5em 1em; background:#e7e7e7; border-radius:5px;}
.cred-container form {margin:1em 0 0 0; width:100%;}
.cred-container form > label {background-color:#FFF; padding:0; margin:.5em 0;}
.cred-container form > label > label {width:150px; float:left; margin:.5em;}
.cred-container form > label > input {width:225px; float:left; margin:.5em;}
.cred-container form a,
.cred-container form button {margin:.5em 0 0 0;}
a.toggle span.arrow img {margin:0 0 0 .3em; transform:rotate(90deg); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
a.toggle.expanded span.arrow img {transform:rotate(-90deg);}

div.message_container {margin:1em; padding:1em; border:1px solid #CCC;}
div.message_container.error {margin:1em; padding:1em; border:1px solid #C00;}
div.message_container img {margin:0 .3em 0 0;}
div.message_container ul {margin:0 0 0 1em;}
    
ul.all_inline li {float:left; margin:0 0 .5em 0;}
ul.all_inline li a {border-left:1px solid #CCC; padding:0 .5em; border-bottom:0 !important;}
ul.all_inline li:first-child {padding:0 .5em;}

form.admin {width:100%; font-size:14px;}
form.admin.search {width:100%; margin:0 1em 0 0;}
form.admin ul li {float:left; width:35%; margin:0 2em 0 0;}
form.admin select,
form.admin input,
form.admin ul li input {font-size:14px; border:none; border-bottom:1px solid #CCC; width:95%; padding:.3em; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;}
form.admin input:focus,
form.admin ul li input:focus {border-bottom:1px solid #0683FF;}
form.admin select {
  padding: .2em;
  border: 0;
  color: #666666;
  border-bottom: 1px solid #CCC;
  width:auto;
}

#adminAllApps thead tr .headerSortDown, #adminAllApps thead tr .headerSortUp {
  background-color: #BDBDBD;
  color: #fff;
}
#adminAllApps thead tr th {
    cursor: pointer;
}

.admin-area {margin:2em 0 0 0;}
.admin-area form,
form.app_flags {width:100%; display:block; margin:0;}
.admin-area form > div > label,
form.app_flags > div > label {width:93%;}
.admin-area form > div > label > label,
form.app_flags > div > label > label {width:125px;}
.admin-area form > div > label > input,
.admin-area form > div > label > select,
form.app_flags > div > label > input,
form.app_flags > div > label > select {width:150px; display: inline-block;}
form.app_flags textarea {width:95%; height:100px;}

#rightFloat #admin_actions a,
#rightFloat #admin_actions h3 {margin:.5em 0; display:block;}

.help {transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1);}
.help:hover {filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); cursor:pointer !important;}
#filter {margin-top:2em;}
table.zebra tbody td, table.zebra thead th {padding: 11px 4px;}
#app_list {margin-top:3em; border-top:1px dotted #CCC; padding-top:2em;}
#filterButton button {margin:1em 0 0 0;}
#rightFloat {margin:82px 0 0 0;}
#saveFormButton {cursor: pointer;}

/* Partner Network Discount Section */
.help-text {
    background-color: #e3f2ff;
    font-size: 12px;
    padding: 10px;
}

.discounts-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.2em;
    grid-row-gap: 1em;
}

.discount-selections {
    display: flex;
    flex-direction: column;
    border: 1px solid #e7e7e7;
    border-radius: 1px;
    padding: 15px 20px;
    font-size: 12.5px;
}

.discount-selections > textarea {
border: 1px solid #e7e7e7;
padding: 5px;
}

.discount-selections > textarea::-webkit-resizer {
    display: none;
}

.terms-and-conditions {
    border: 1px solid #e7e7e7;
    margin-top: 40px;
    padding: 25px;
    height: 420px;
    overflow: auto;
}

.terms-and-conditions h1 {
    font-size: 17px;
    font-weight: bold;
}

.terms-and-conditions ol {
    padding-top: 5px;
    font-size: 15px;
}

.term-and-condition-check {
    margin-top: 30px;
    -ms-transform: scale(1.8); /* IE */
    -moz-transform: scale(1.8); /* FF */
    -webkit-transform: scale(1.8); /* Safari and Chrome */
    -o-transform: scale(1.8); /* Opera */
    transform: scale(1.8);
    padding: 10px;
    margin-left: 5px;
}

.terms-and-conditions ol li {
    padding: 12px 0;
}

.create-password {
    margin: 10px 0;
}

.create-account {
    margin: 30px 0;
}


.create-account-information {
    width: 75%;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 1.2em;
    grid-row-gap: 1.2em;
}

.create-account-information label {
    font-weight: bold;
    font-size: 15px;
}

.create-account-information input {
    border: none;
    background-color: #e4e8ec;
    height: 50px;
    padding: 5px;
    border-radius: 5px;
}

.create-account-information .error {
    border: 1px;
    border-color: #e21c1c;
    background-color: #fdecec;
}


.submit-button {
    margin: 30px 0;
    width: 140px;
    height: 50px;
    background-color: #CC0000;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-weight: 100;
}

.submit-button:hover {
    margin: 30px 0;
    width: 140px;
    height: 50px;
    background-color: #dd0000;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-weight: 100;
}
/*
Added by Brian W 07-26
*/
.cancel-button {
    margin: 30px 0;
    width: 140px;
    height: 50px;
   background-color: #CDCDCD;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-weight: 100;
}

.cancel-button:hover {
    margin: 30px 0;
    width: 140px;
    height: 50px;
    background-color: #CDCDCD;
    border-radius: 5px;
    border: none;
    color: #fff;
    font-weight: 100;
}

/*End
*/

.red-asterik {
    font-weight: 100;
    color: #f00000;
}

#usernameErrorText, #fullNameErrorText, #passwordErrorText, #emailAddressErrorText {
    display: none;
    color: red;
    font-size: 14px;
}

.ui-accordion-content {
    height: auto !important;
}

.password-relative {
    position: relative;
}

.show-password {
    position: absolute;
    right: -80px;
    text-align: center;
    top: 10px;
    line-height: 20%;
    font-size: 12px;
}

.show-password:hover {
    text-decoration: underline;
    cursor: pointer;
}

.checked-thank-you {
    display: flex;
    flex-direction: row;
    font-size: 14px;
}

.checked-thank-you:first-child {
    padding-right: 10px;
    color: #0bb9b1;
}

/* MOBILE */
@media only screen and (max-width: 760px){
    #back-top {z-index: 10000;}
    .addthis-smartlayers {display:none !important;}
    form {width:100%;}
    form > label > label,
    form > div > label > label,
    form > div > div >label > label,
    form > label > select,
    form > div > label > select,
    form > div > div > label > select,
    form > label.multi-inputs > span > input, form > label.multi-inputs input, form > label > textarea, form > label > input, form > label > select, form > div > label > input, form > div > label > select, form > div > div > label > input, form > div > div > label > select {width:95%; padding:.3em;}
    form > label.multi-inputs > span:not(.required) {width: 40%;}
    
    #page .tabbed-module .tabs li:first-child {margin:0 3px;}
    #page .tabbed-module .tabs li:last-child:not(.current) {margin:0 3px !important;}
    #page .tabbed-module .tabs li:last-child {border-bottom: 0 !important;}
    
    #rightFloat {margin:0;}
    #saveForm {width:99%; margin-bottom:2em;}
}

/*Added by CJU*/
#checkbox_agree {
    margin-right:10px;
    margin-top:5px;
    width:auto;
}

.form input.error, .form input.error:focus, .form select.error, .form textarea.error {
    border-width: 1px;
    border-style: solid;
}

@media print {
    #filter, #app_list h3, #pagerAllApps a.right, footer, #headerContact {display:none;}
    #app_list {margin-top: 0; border-top: none; padding-top: 2em;}    

}

/* IE8 Specific Styles */
html.no-canvas li {font-size:13px;}
html.no-canvas ui-widget-content .ui-state-default {border-bottom:none; border-left:none; background:#CCCCCC; border-top:none; border-right:none; font-weight:normal;}
html.no-canvas ui-widget-content .ui-state-active {}