/*
 * SimpleModal Contact Form
 * http://www.ericmmartin.com/projects/simplemodal/
 * http://code.google.com/p/simplemodal/
 *
 * Copyright (c) 2009 Eric Martin - http://ericmmartin.com
 *
 * Licensed under the MIT license:
 *   http://www.opensource.org/licenses/mit-license.php
 *
 * Revision: $Id: contact.css 213 2009-09-17 04:10:02Z emartin24 $
 *
 */

/*** the form for corcelli ***/
#newsletter-signup-form {
  border: 1px #666 solid;
} 

#newsletter-signup-form form {
  width: 330px;
}

#newsletter-signup-form,
#newsletter-signup-form h3,
#newsletter-signup-form .close {
  background: #333;
  color: #eee;
}

#newsletter-signup-form .example{
  text-align: right;
  display: block;
  font-size: 11px;
}

#newsletter-signup-form p {
  margin: 5px 0 3px 0;
}

#newsletter-signup-form .form-entry {
  overflow: hidden;
}


/*** the form for reservation ***/

#reservation-form {
  border: 1px #999 solid;
} 

#reservation-form form {
  width: 330px;
}

#reservation-form,
#reservation-form h3,
#reservation-form .close {
  background: #333;
  color: #eee;
  padding-top: 10px
}

#reservation-form .example{
  text-align: right;
  display: block;
  font-size: 11px;
}

#reservation-form p {
  margin: 5px 0 3px 0;
}

#reservation-form .form-entry {
  overflow: hidden;
}

body.reservation .form-popup {
  margin: 10% auto 0 auto;
}

body.reservation .form-popup {
  margin-top: 0;
}

body.reservation #contents {
  padding-top: 5%;
}

/*** the form in general ***/
form {
  width: 270px;
  position: relative;
  padding: 10px;
}

.form-entry {  
  margin-bottom: 10px;
}

label {
  display: block;
  text-align: right;
  position: relative;
}

input,
select,
textarea {
  border: 1px #ccc solid;
  padding: 1px;
  margin-left: 10px;
  width: 180px;
}

#newsletter-accept {
  border: 1px #ccc solid;
  margin-left: 10px;
  width: 10px;
}

select {
  width: 186px;
}

textarea {
  height: 100px;
}

label .ta-label {
  position: relative;
  top: -90px;
}

form .submit-cnt {
  margin-top: 20px;
  text-align: right;
}

form button {
  border: 1px #ccc solid;
  background-color: #eee;
  padding: 1px 8px;  
  overflow: visible;
  cursor: pointer;
}

/*** form intro ***/
.form-intro {
  padding: 10px 15px;
}

.form-intro p{
  margin-bottom: 0;
}

/*** error messages and erroneous fields ***/
form ul.error {
  padding: 5px;
  color: firebrick;
  margin: 0;
}

form em.error {
  color: firebrick;
}

input.error,
select.error,
textarea.error {
  border: 1px firebrick solid;
}

input.error {
  background-color: pink;
}


/*** the form popup on its own page (if js fails) ***/
body.newsletter #contents {
}

body.newsletter .form-popup {
  margin: 10% auto 0 auto;
}

body.newsletter #contents {
  padding-top: 5%;
}

body.newsletter .form-popup {
  margin-top: 0;
}


/****** rounded corners, background colors etc for the popup *****/
#popup-container {  
  background:url(../media/icons/throbber.gif) no-repeat center;
  width: 200px;
}

#popup-container.has-content {
  background-image: none; 
  width: auto; 
}
.form-popup {
  position: relative;
}

.form-popup .close{
  position: absolute;
  right:1px;
  top:1px;
  font-size: 20px;
  line-height: 20px;
  cursor:pointer;
  padding: 5px 8px 10px 10px;
}

.form-popup{
  width: 410px;
  z-index:100;
  color:#554B46;
  padding:0 0px 0px 0px;
  -moz-border-radius :8px;
  -webkit-border-radius:  8px;
  border-radius: 8px;
  background:#EEEDEC;
}

.form-popup h3{
  font-size: 14px;
  line-height:17px;
  padding: 10px 20px 10px 20px;
  margin:0;
  text-align:center;
  background:#C9C9C9;
  -moz-border-radius :8px 8px 0 0;
  -webkit-border-top-left-radius: 8px ;
  -webkit-border-top-right-radius: 8px ;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}

.form-popup form {
  margin:0 auto;
  padding: 10px 0 20px 0;
}

.form-popup .form-success {
  text-align: center;
  padding: 10px;
}

.has-js #wrapper-dob-add{
  display:none;	
}

/* Popup */

.popup-container {
  border: 1px #ccc solid;
  background: black;
  color: white;
  -moz-border-radius : 8px 8px 8px 8px;
  -webkit-border-top-left-radius: 8px;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}

.evt-popup {
  width: 298px;
}

.popup-container .close {
  position: absolute;
  right: -2px;
  top: -2px;
  font-size: 16px;
  line-height: 20px;
  cursor:pointer;
  padding: 5px 8px 10px 10px;
  color: white;
}

.popup img {
  margin: 0 auto;
  display: block;
  border: 1px #999 solid
}

.popup h3 {
  font-size: 14px;
  line-height: 17px;
  padding: 10px 0px 0px 0px;
  margin: 0px;
  color: #df0404;
}

.popup h3 .date {
  font-size: 11px;
  color: #eee
}