/**
 * Styles common to all form-builder themes
 *
 * Also provides common typographic defaults that may be overridden by the themes
 *
 */

html{
	background: transparent;
}

body {
	line-height: 1.4em;
	color: #333; 
	background: transparent; 
}

p, ul, ol, li, table {
	margin: 1em 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

a {
	color: #555; 
	text-decoration: underline;
}

#content .Inputfield {
	font-size: 16px;
	margin-top: 0;
	margin-bottom: 0.5em; 
}
#content .InputfieldSubmit {
	margin-top: 1.5em;
}

#content input[type=text], 
#content input[type=number],
#content input[type=email],
#content textarea {
	font-size: 0.875em; 
}
select {
	width: auto; 
	height: 2.3125em;
}
#content .InputfieldColumnWidth select, 
#content .InputfieldColumnWidth .dropdown, 
#content input[type=text], 
#content input[type=number],
#content input[type=email] {
	width: 95%; 
	width: 100%; 
}

#content .InputfieldForm textarea {
	padding: 0.5em; 
}

.InputfieldForm textarea {
	/* if an iframe embedded textarea is resized, it can cause a problem */
	/* this prevents the textarea size built into chrome */
	resize: none; 
}

iframe.FormBuilderViewport {
	overflow: hidden;
}

.description {
	/* field description */
}

.notes {
	/* notes */
	font-size: 0.9166666em;
	color: #888; 
	background: none; 
}

.detail {
	/* detail, smaller text */
	font-size: 0.9166666em;
}

#wrap_Inputfield- {	
	/* hp */
	display: none; 
}

.content .ui-button {
	/* optimize the look of submit button */
        font-size: 1.3em;
        margin: 0 1em 0 0;
        padding: 3px 9px;
        cursor: pointer;
        box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
}

#notices li,
p.ui-state-highlight,
#content p.ui-state-error {
	/* pad the notices */
	padding: 0;
	margin: 0;
}



#content p{
	margin: 0;
}

#content .container {
	padding: 0;
}

label.ui-widget-header + div.ui-widget-content {
	/* remove doubled border between header/content on ui-widgets */
	border-top: none; 
}

.InputfieldFieldset > label.ui-widget-header {
	/* uncomment if you want fieldset headers to be larger */
	/*
	font-size: 1.3em; 
	padding-top: 0.5em;
	padding-bottom: 0.5em; 
	*/
}

button.ui-datepicker-trigger {
	/* tweak to datepicker trigger */
        margin: 0 0 0 0.5em;
}


p span.ui-state-error {
	/* pad the inline messages a bit */
	padding: 0;
	font-size: 12px; 
}

#content p.ui-state-highlight {
	margin: 1em 0 2em 0;
	background: none;
	border: none; 
}

.modal .InputfieldForm {
	padding: 2px; 
}

.InputfieldForm ul {
	/* some inputs use ul lists, and we don't want left padding on them */
	padding-left: 0;
}

/**
 * InputfieldMarkup used for the following:
 *
 * 1. Styles applied to InputfieldMarkup inputs
 *
 * 2. Used as the place where success text is output when loaded from another page
 *
 * You may want to replace/add your own styles for consistency with your site.
 *
 */

.InputfieldMarkup h1 {
        font-size: 2em;
}

.InputfieldMarkup h2 {
        font-size: 1.5em;
}

.InputfieldMarkup h3 {
        font-size: 1.3em;
}

.InputfieldMarkup .ui-widget-content ul,
.InputfieldMarkup .ui-widget-content ol {
        padding-left: 3em; 
}

.InputfieldMarkup .ui-widget-content ul li {
        list-style: disc; 
        margin: 0;
}

.InputfieldMarkup .ui-widget-content ol li {
        list-style: decimal;
}

.Inputfields input.InputfieldMaxWidth,
.Inputfields textarea {
	width: 100%; 
}

.InputfieldSubmit .InputfieldContent {
	text-align: center; 
}

.InputfieldForm .InputfieldSubmit button {
	width: auto;
	padding-left: 4em;
	padding-right: 4em; 
	margin-bottom: 0;
}

.InputfieldColumnWidth + .InputfieldColumnWidth {
}

.InputfieldColumnWidth.InputfieldColumnWidthFirst {
	margin-right: 1% !important; 
}

#content .InputfieldCheckboxes label {
	text-transform: none; 
}

#content .InputfieldCheckboxes .InputfieldContent span.checkbox {
}

#content form.custom .custom.checkbox:before {
	font-size: 20px; 
	line-height: 1em; 
}


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 250px) {
        /**
         * Disregard column width when at mobile size
         *
         */
        .Inputfield {
                clear: both !important;
                width: 100% !important;
                margin-left: 0 !important;
                margin-bottom: 1em !important; 
		margin-right: 0 !important;
        }
}

form#FormBuilder_promo-form-opted-in .InputfieldHeader {font-size:14px;}
form#FormBuilder_promo-form-opted-in label {font-size:14px; margin-bottom: 0; }
form#FormBuilder_promo-form-opted-in #wrap_Inputfield_accept .InputfieldHeader {display:none !important;}

form#FormBuilder_contact .InputfieldHeader,
form#FormBuilder_contact .InputfieldContent,
form#FormBuilder_contact .InputfieldContent p,
form#FormBuilder_villa-inquiry .InputfieldHeader,
form#FormBuilder_villa-inquiry .InputfieldContent,
form#FormBuilder_villa-inquiry .InputfieldContent p,
form#FormBuilder_villa-inquiry2 .InputfieldHeader,
form#FormBuilder_villa-inquiry2 .InputfieldContent,
form#FormBuilder_villa-inquiry2 .InputfieldContent p {display: inline;}

form#FormBuilder_contact #Inputfield_destinations {width: 100%;}

.input-error {
    background-color: #fdefef !important;
    border: 1px solid #cd0a0a !important;
}
.input-error::-webkit-input-placeholder { /* Chrome */
    color: #e0787e;
    font-style: italic;
}
.input-error:-ms-input-placeholder { /* IE 10+ */
    color: #e0787e;
    font-style: italic;
}
.input-error::-moz-placeholder { /* Firefox 19+ */
    color: #e0787e;
    font-style: italic;
    opacity: 1;
}
.input-error:-moz-placeholder { /* Firefox 4 - 18 */
    color: #e0787e;
    font-style: italic;
    opacity: 1;
}