/* cad9ce */
* {margin:0; padding: 0;}
body  {
background: #666666;
border:0 none;
font: normal 12px/18px Arial; 
color: #333;
outline:0 none;
vertical-align:baseline;
}

a {outline: none; color:#7D3D31;}
a:vistied {outline: none; color:#7D3D31;}
a:hover {text-decoration: none;}

a.movie-edit {color: #007bff;}
a.movie-edit:hover {color: #d01d1d; font-weight: bold;}
.movie-edit-icon {padding-right: 10px; color: #868e96;}
.movie-edit-icon:hover .fas {color: #d01d1d;}

h1 { margin: 0 0 20px 0; font: bold 22px/30px 'Paprika', cursive; color: #826E6E; border-bottom: 1px dotted #ccc; padding: 0 0 7px 0;}
h2 { margin: 0 0 20px 0; font: bold 26px/30px 'Paprika', cursive; color: #826E6E; border-bottom: 1px dotted #ccc; padding: 0 0 7px 0; }
h3 { margin: 0 0 5px 0; font: bold 14px/20px 'Paprika', cursive; color: #826E6E; border-bottom: 1px dotted #ccc; padding: 0 0 5px 0; }
h4 { font: bold 14px/18px 'Paprika', cursive; color: #E0EFE8; border-bottom: 1px dotted #ccc; padding: 7px 7px 7px 18px; background: #826E6E; margin: 0 0 10px 0;}
h3.formError {border-bottom: none; background: none; color: #d90000;}
#errorMessage {border: 1px solid #d90000;}
#errorMessage a {color: #0000a0;}
p.content { margin: 0 0 7px 0;}
.highlight-container {color: #595959; background: #EFEFEF; border-radius: 5px; padding:25px 20px; margin: 0 0 20px 0; 
font: 16px/24px Segoe UI,SegoeUI,Segoe WP,Helvetica Neue,Helvetica,Tahoma,Arial,sans-serif;  
text-align: left; border: 1px solid #7e7e7e;}
h2.press {font: bold 16px/20px Arial; margin: 0 0 7px 0; color: #000; border-bottom: none;}
h3.press {font: bold 14px/18px Arial; margin: 0 0 7px 0; color: #000; border-bottom: none;}
p.author {font-style: italic; font-size: 12px; margin: 0 0 25px 0;}
img {line-height: 0; display: block; border: none;}
img.photo-border {border: 1px solid #959595; padding: 2px;}
img.left-photo {margin: 0 20px 20px 0; float: left;padding: 2px; border: 1px dotted #ccc;}
img.right-photo {margin: 0 0 20px 20px; float: right; padding: 2px; border: 1px dotted #ccc;}
p {margin: 0 0 10px 0;}
ul {margin: 0 0 25px 0;}
li {margin: 0 0 0 15px;}

ul#nav-links {list-style-type: none; margin: 0;}
ul#nav-links li { paddng: 0 0 0 0; margin: 0;background: #d2ddc2; border-radius: 5px; margin: 0 0 2px 0; text-align: center;}
ul#nav-links li:hover { background: #e7eed8;}
ul#nav-links li a {color: #826E6E; text-decoration: none; display: block;}
ul#nav-links li a:hover {}

ul#things-to-do li {float:left; width: 160px;}

table {border-collapse: collapse;}
td {vertical-align: top;}
#container-content {padding: 20px; margin: 0 0 0 0; overflow: auto; width: 950px; /*80%*/}
#nav-container {background: #9db3a3;padding: 25px 15px; width: 170px;}
#footer {background: #666666; color: #fff; padding: 10px 11px; font-size: 12px; line-height: 16px; text-align:center;}
#footer a {color: #fff;text-decoration: none;}
#footer a:hover {text-decoration: underline;}
#footer p { margin: 0 0 15px 0;}

#top-header {background: url(/images/structure/header.jpg) no-repeat right 0 #fff ; height: 91px; width: 100%;}
#header-location {background: #666666; color: #fff; padding: 5px 15px; border-top: 1px solid #666;}
#home-content {}
.home-content-left, .home-content-right {background: #EFEFEF;float: left; width: 27%; margin: 0 23px 20px 0;padding: 15px; border-radius: 5px; height: 170px; text-align: center; border: 1px solid #7e7e7e;}
.home-content-right {margin: 0 0 0 0;}

.home-callout {background-color: #fff; border-radius: 5px; padding: 10px;}
.home-callout h3 {border: none;}
.home-callout ul.events {width: 75%;}
.home-callout ul.events li {text-align: left; font-size: 1.2em; line-height: 1.4em; margin: auto, auto; }

table#AutoNumber1 {width: 100%; background: #9db3a3; }
/* table#AutoNumber1 td.border {border: 1px solid #666666; } */

td.tree {width: 200px; background: #313117 url(/images/tree-face.jpg) no-repeat; border-right: 1px dotted #666;}

table.rates { width: 100%; border: none; border-collapse: collapse; margin: 0 0 0 0}
table.rates td.header {padding: 0 10px 0 0;}
table.rates td.rates {padding: 0 7px 10px 20px;}
table.rates td.rates2 {padding: 0 30px 10px 20px;}
table.rates td.misc { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding-top: 10px; }
ul.rate-notes {margin: 0 0 10px 15px;}
ul.what-to-do {margin: 0 0 15px 190px;}
ul.movielist {float: left; width: 235px;}


.page-photo {margin: 25px auto;}
.page-photo img {border: 4px #fff solid; max-width: 750px;}

/***** Print Receipt *****/

.invoice-container-links {
    padding: 25px 70px;
    max-width: 850px;
}

.invoice-container {
    padding: 25px 70px;
    max-width: 850px;
    background-color: #fff;
    border: 1px solid #ccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
}

.printButton {width: 30px; margin-top: 2px; font-size: 20px; float: right;}
.alignTable td.left {text-align: right; padding: 0 15px; color: #929292; font-style: italic;}
.rowcall {margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dotted #333;}

/***** Global Classes *****/
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */ 

.complete {padding: 15px; border: 1px solid #ccc; border-radius: 5px; margin-bottom: 25px; background-color:#c9ffc9; }
.complete h1 {margin-bottom: 5px;}
.complete p {font-size: 14px; font-weight: bold;}

#calendar  {font-size: 20px; background-color: #f7f7f7;}

#calendar tr.headerDisplay td {background-color: #FEFEDD;padding: 10px;}
#calendar tr.headerDisplay td.lastMonth {text-align: left;}
#calendar tr.headerDisplay td.nextMonth {text-align: right;}
#calendar td.month {text-align: center;}
#calendar tr.daysOfTheWeek {background-color: #ccc;}
#calendar tr.calendarDays {background-color: #beffc1;}
#calendar tr.calendarDays td {width: 80px; height: 55px;padding: 2px;}
#calendar tr.calendarDays .thisDay {padding: 2px; font-size: 15px; font-weight: bold;}
#calendar tr.calendarDays .isItOpen {font-size: 12px; padding: 8px 2px 0 0; text-align:right;}
#calendar tr.calendarDays  td.occupied {background-color: #ffe7e6;}
#calendar .isItFull {font-size: 14px; text-align: right; padding: 7px 2px 2px 2px;}

.dateChooser {width: 600px; line-height: 22px;}
.smallItalic { font-style: italic; font-weight: bold; margin-top: 15px;}
.requiredForm {color: #ff0000;}

#manage .formInput {width: 33%; display: inline;}

select.formSelect {padding: 13px 30px;}

select#eventType.formSelect {padding: 5px 10px 10px 10px; color: red; font-size:16px;}
select#eventType.formSelect option {padding: 0; line-height: .8em; color: #000; }

select#numberofGuests.formSelect {padding: 5px 10px 10px 10px; color: red; font-size:16px;}
select#numberofGuests.formSelect option {padding: 0; line-height: .8em; color: #000; }

select#state.formSelect {padding: 15px 30px 20px 10px; color: red; font-size:16px;}
select#state.formSelect option {padding: 0; line-height: .8em; color: #000; }

select#country.formSelect {padding: 20px 60px 20px 10px; color: red; width:100%; font-size: 16px;}
select#country.formSelect option { padding: 0; line-height: .8em; color: #000; }

textarea#specialneeds.form-control.input-sm.chat-input {padding-top:30px; height:120px;}
.titleRequest {font-size: 1.3em}

select#waiverGroup.formSelect {padding:0 0 0 10px; color: #b92929;}
select#waiverGroup.formSelect option { padding: 0; line-height: .8em; color: #292db9; }

input.waiver[type="checkbox"] {
      background: #3d404e;
      border: #7f83a2 1px solid;
      height: 25px;
      width: 25px;
      margin: 5px 10px 0 0;
      float: left;
   }

input.waiverData, input.waiverDataRequired {padding: 2px 2px 2px 5px;}
input.waiverDataRequired {border: solid 1px red;}


/* XXXX   ADMIN   XXXX */
body#admin {background-color: #f8f8f8; font-family: "Open Sans",Verdana,Tahoma,serif; color: #333; font-size: 14px; line-height: 1.5}
img.logo-admin {margin: 10px auto;}
.col-xs-12 {width: 100%;}
.red-callout-box {background-color: #4a3e3e; color: #fff; font-weight:bold; padding-top: 5px; text-align: center; margin: 0 auto; padding: 5px;}
input#primaryAccountID, input#secondaryAccountID {width: 25px; height: 25px; border-color: #000;}
.createContact {font-size: .9em; font-weight: normal;}
input.breakdown {padding: 2px 4px 2px 4px; width: 100px; text-align: center;}
.NFPicon {    border: 1px solid #535355;
    color: #f2f7f2;
    background-color: #bc3131;
    padding: 2px 4px;
    border-radius: 5px;}

section#header-admin {
    background: #005588;
    border-top: 3px solid #6fc685;}
.navbar-main {
    margin-bottom: 0;
    background-color: #0e5077;
    border: 0;
    min-height: 38px;
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 15px;}    
.navbar-main {background: #4f748e;}

section#main-body-admin {
    margin: 0;
    padding: 20px 0;
    min-height: 350px;
    background-color: #fff;} 

section#main-body-admin h1,section#main-body-admin h2, section#main-body-admin h3, section#main-body-admin h4, section#main-body-admin h5, section#main-body-admin h6 {
    font-family: Raleway,"Helvetica Neue",Helvetica,Arial,sans-serif;
    font-weight: 700;
}

section#main-body-admin.h1, section#main-body-admin h1 {font-size: 36px;}   
section#main-body-admin.h1 .small, section#main-body-admin h1 small  {font-weight: 400; line-height: 1;  color: #777; font-size:65%;}
    
.main-content {margin-bottom: 60px; min-height: 300px;}
               
.logincontainer {
    margin: 40px auto 100px auto;
    padding: 0 10px;
    max-width: 500px;}

div.header-lined h1 {
    margin-top: 0;
    margin-bottom: 15px;
    padding: 15px 0;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    color: #058;
}
div.header-lined small {white-space: nowrap; overflow: hidden;}

form.login-form {max-width: 100%; margin-bottom: 5px; font-weight: 700;}

.btn-default   { color: #333;
    background-color: #fff;
    border-color: #ccc;}
    
.checkbox-login, .radio-login {
    position: relative;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
}
  
.checkbox-login label, .radio-login label {
    min-height: 20px;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

#taxSearch .groupname {width: 1}

#reviewReservationInfo td.left {text-align:right; padding: 3px 3px 3px 15px; vertical-align: top;  }
#reviewReservationInfo td.right  { padding: 3px 15px 3px 10px; vertical-align: top;  }
#reviewReservationInfo td.right  { padding: 3px 15px 3px 10px; vertical-align: top;  }
#reviewReservationInfo td.datesandtimes  { padding: 15px 0; border-bottom: 1px dotted #000;  }

textarea.adminresNotes { width: 95%; padding: 5px;  min-height:12.5rem; resize:vertical;}

.showhidesearch {background-color: #fafafa; margin-bottom: 20px;}
.showhidesearch input {width: 215px; padding: 2px; }

#taxSearch.row.showhidesearch #groupname.groupname {width: 150px; padding: 2px; }
#taxSearch.row.showhidesearch #lastname.lastname {width: 150px; padding: 2px; }

#reservationTable tr.titleRow th {background-color: #fff9eb; font-weight: bold; padding-left: 5px;}
#reservationTable td {padding: 3px 10px 3px 5px; vertical-align: top;     border-top: 1px solid #b1bbc6;}
#reservationTable tr.last td {padding: 3px 10px 3px 5px; vertical-align: top; border-bottom: 1px solid #b1bbc6;}
#reservationTable td .groupleader { font-style: italic; color: #84838b;}

#reservationTable tr.requestOutput td {border: none;}
td.titleTD {width: 125px; text-align: right; color: olive;}

#reservationRequestTable td {padding: 3px 10px 3px 5px; vertical-align: top;}
#reservationRequestTable td.titleTD {width: 125px; text-align: right; color: olive;}


table.reservationDetails td {text-align: right; padding-bottom: 10px; padding-right: 18px;}
table.reservationDetails td.centering {text-align: center; }
table.reservationDetails td.fieldTitle {vertical-align: middle;}
table.reservationDetails label {margin-bottom: 0;}
.detailSeparator {border-bottom: 1px dotted #190707; height: 15px;margin-bottom: 15px;}
input.loopInput {width: 100px; padding: 2px;}

table.reservationDetails  td.separatorDotted {padding: 2px 25px 15px 2px; border-bottom: 1px dotted #190707; }

h4#paymentlist {margin: 10px 0 0 0;} 
table#addPayment {padding-left: 20px; background-color: #edebeb; width:100%; border-bottom: 1px dotted #000; margin-bottom: 10px;}
table#addPayment td {padding: 8px 5px 8px 2px;}

table#paymentlist {margin: 0 auto; border-bottom: 1px dotted #ccc;} 
table#paymentlist th{padding: 2px 35px 2px 5px; background-color: #dbf3ce; border-bottom: 1px dotted green;} 
table#paymentlist td{padding: 2px 20px 2px 5px;} 

#reviewReservation td {padding: 2px 25px 2px 2px;}
#reviewReservation td.spacer {width: 100px;}
#reviewReservation td.spacerReview {width: 40px;}

#reviewReservation textarea.resNotes {width: 350px; padding: 10px 10px 20px 10px; height: auto; min-height: 165px; font-size: .9em;}
.pricingDetails {padding: 0 0 10px 0;}
#myInput {
  background-image: url('/images/searchicon.png');
  background-position: 10px 10px;
  background-repeat: no-repeat;
  width: 50%;
  font-size: 16px;
  padding: 12px 20px 12px 40px;
  border: 1px solid #ddd;
  margin-bottom: 12px;
}



 mgc-lg:checked:after {
    top: 5px;
    left: 3px;
    height: 7px;
    width: 13px;
    font-size: 34px;
}

/* XXXX   MEDIA QUERIES   XXXX */
@media (min-width: 768px)
{
	.navbar {border-radius: 0px;}
}

@page {
  size: auto;
  margin: 0;
}
@media print {
.invoice-container {border: none; font-size: 12px;}
}


