/**
 * sv.forms.css defines styles for forms
 */
form.rfp-form {
}

form.rfp-form p.hint, form.surveyForm p.hint {
    padding: 0;
    margin: 0 0 9px;
}

form.rfp-form fieldset, form.surveyForm fieldset {
    margin: 8px 0;
    padding: 0;
    position: relative;
    border-color: #4B3F33;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
		background-color: #FFF;
}

#fieldset-Planner-Information {
    z-index: 1001;
}

form.rfp-form legend, form.surveyForm legend {
    color: #4B3F33;
    font-family: Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    font-size: 14px;
    white-space: normal !important;
}

form.rfp-form legend span {
}

form.rfp-form fieldset > div, form.surveyForm fieldset > div {
    margin: 4px 0;
    position: relative;
}

form.rfp-form table, form.surveyForm table {
    margin: 0;
    padding: 0;
}

form.rfp-form th, form.rfp-form td, form.surveyForm th, form.surveyForm td {
    margin: 0;
    padding: 2px;
}

form.rfp-form div.dependent {
}

form.rfp-form div.dependent label, form.surveyForm div.dependant label {
    color: #000;
}

form.rfp-form .phone div.dependent, form.surveyForm .phone div.dependant {
    position: absolute;
    top: -1px;
    margin: 0;
    left: 125px;
    margin: 0;
}

form.rfp-form .radio div.dependent, form.surveyForm .radio div.dependant {
    position: relative;
}

form.rfp-form input, div.form-sexy, form.rfp-form input[type =
'file'] > input[type = 'text'], form.surveyForm input, form.surveyForm input[type = 'file'] > input[type = 'text'] {
    height: 16px;
    border-color: #AAA;
    border-style: solid;
    border-width: 1px;
}

form.rfp-form input[type =
'radio'], form.rfp-form input[type = 'checkbox'], form.surveyForm form input[type = 'radio'], form.surveyForm input[type = 'checkbox'] {
    height: auto;
    border: 0 none;
}

/*
 form.rfp-form .file span.field {
 position: relative;
 width: 260px;
 height: 18px;
 cursor: pointer;
 overflow:hidden;
 }
 form.rfp-form .file span.field input.fake {
 height: 16px;
 width: 200px;
 border: 1px solid #AAA;
 background-color: #EEE;
 color: #000;
 position: absolute;
 top: 0;
 left: 0;
 z-index: 1;
 }
 form.rfp-form .file span.field h4 {
 position: absolute;
 left: 212px;
 top: 0;
 width: 46px;
 height: 18px;
 overflow: hidden;
 padding: 0;
 cursor: pointer;
 }
 form.rfp-form .file span.field h4 span {
 background: transparent url(../images/file-upload-button.gif) scroll no-repeat top left;
 display: block;
 width: 46px;
 height: 18px;
 cursor: pointer;
 }
 form.rfp-form .file span.field input.file {
 position: relative;
 text-align: right;
 -moz-opacity:0;
 filter:alpha(opacity: 0);
 opacity: 0;
 z-index: 2;
 }
 */
form.rfp-form .file span.field input.file, form.surveyForm .file span.field input.file {
    height: auto;
}

form.rfp-form input.err, form.surveyForm input.err {
    border-color: #900;
}

form.rfp-form input:focus, form.rfp-form input.active, form.surveyForm input:focus, form.surveyForm input.active {
    border-color: #4B3F33;
    background-color: #F5F5F5;
}

form.rfp-form input[readonly], form.surveyForm input[readonly] {
    background-color: #F5F5F5;
    border-color: #EEEEEE;
}

form.rfp-form span.field, form.rfp-form label, form.surveyForm span.field, form.surveyForm label {
    display: block;
    font-size: 12px;
    line-height: 18px;
}

form.rfp-form label {
}

form.rfp-form div.dependent.required label, form.surveyForm div.dependent.required label {
    color: #000;
}

form.rfp-form div.dependent.required.active label, form.rfp-form .required label, form.surveyForm div.dependent.required.active label, form.surveyForm .required label {
    color: #990000;
}

form.rfp-form span.field, form.surveyForm span.field {
    height: 18px;
}

form.rfp-form .bool label, form.rfp-form .bool span.field, form.rfp-form .radio label, form.rfp-form .radio span.field, form.surveyForm .bool label, form.surveyForm .bool span.field, form.surveyForm .radio label, form.surveyForm .radio span.field {
    display: inline-block;
}

form.rfp-form .radio span.field, form.rfp-form .bool span.field, form.surveyForm .radio span.field, form.surveyForm .bool span.field {
    margin: 0 4px;
}

form.rfp-form .longText span.field, form.surveyForm .longText span.field {
    display: block;
    height: auto;
}

form.rfp-form textarea, form.surveyForm textarea {
    border-color: #AAA;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 10px;
}

form.rfp-form textarea:focus, form.rfp-form textarea.focus, form.surveyForm textarea:focus, form.surveyForm textarea.focus {
    border-color: #4B3F33;
    background-color: #F5F5F5;
}

form.rfp-form input.email, form.rfp-form input.url, form.rfp-form input.text, form.rfp-form div.form-sexy, form.surveyForm input.email, form.surveyForm input.url, form.surveyForm input.text {
    width: 200px;
}

form.rfp-form .options, form.surveyForm .options {
    z-index: 1000;
}

form.rfp-form .zip {
}

form.rfp-form .email {
}

form.rfp-form .url {
}

form.rfp-form .datetrigger {
    padding: 0;
    margin: 0;
    position: relative;
    top: 2px;
    left: 2px;
}

.form-alert {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    padding: 8px;
    line-height: 18px;
    color: #990000;
    background-color: #F5F5F5;
    border: 1px solid #900;
    z-index: 9999;
    text-align: center;
}

/* sexy combo */
div.form-sexy {
}

div.form-sexy input {
    border: 0 none;
    width: 200px;
    font-size: 12px;
    cursor: default;
}

div.form-sexy div.icon {
    width: 16px;
    height: 16px;
    border: 0;
    background: url(../images/widgets/booking-arrow.gif) no-repeat center center;
    cursor: default;
    right: 0;
    top: 0;
}

div.form-sexy div.list-wrapper {
    left: 0;
    top: 16px;
    background-color: #F5F5F5;
    padding: 0 0 7px;
    margin: 0 0 0 -1px;
    border-width: 0 1px 1px;
    border-style: solid;
    border-color: #AAA;
    width: 200px;
    bottom: auto;
    z-index: 20;
    position: relative;
}

div.form-sexy div.list-wrapper-up {
    top: auto;
    bottom: 21px;
}

div.form-sexy ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    height: 200px;
    position: relative;
}

div.form-sexy li {
    padding: 2px 14px;
    font-size: 12px;
    height: auto;
    cursor: default;
    margin: 0;
    list-style-type: none !important;
    list-style-position: outside !important;
    z-index: 40;
    position: relative;
}

div.form-sexy li span {
    z-index: 30;
    position: relative;
}

div.form-sexy li.active {
    background-color: #AAA;
}

div.form-sexy input.empty {
    color: gray;
}

form.rfp-form .radio-option, form.surveyForm .radio-option {
    float: left;
    margin: 0 12px;
}

form.rfp-form .radio-option .field, form.rfp-form .radio-option label, form.surveyForm .radio-option .field, form.surveyForm .radio-option label {
    display: inline-block;
    height: 18px;
    padding: 0 2px;
}

form.rfp-form .radio-option .field, form.surveyForm .radio-option .field {
    height: 16px;
}

form.rfp-form .radio-option label {
}

form.rfp-form .radio .dependent {
    float: left;
    margin: 0;
}

#fieldset-Date-Information div.date {
    float: left;
    margin: 0 18px 0 0;
}

.captcha img, .captcha #code {
    display: block;
    margin: 9px;
}

/**
 * Forms.css defines the styles for forms
 *
 * Everything is within a form of class 'formstyle'
 *
 * Calculations:
 * (430*0.382)-5 = 159.26
 * (430*0.618)-5 = 260.74
 * (261/2)-5 = 125.5
 * (261/3)-10 = 77
 * 261-20 = 241
 * 125-20 = 105
 * 77-20 = 57
 *
 * Calculations:
 * (700*0.382)-5 = 262.4
 * (700*0.618)-5 = 427.6
 * (428/2)-5 = 209
 * (428/3)-10 = 132.666667
 * 428-20 = 408
 * 209-20 = 189
 * 132-20 = 112
 */
form.formStyle {
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 18px;
}

form.formStyle span.hint, form.formStyle label.req {
    color: #990000;
}

form.formStyle label span.hint {
    color: #666 !important;
}

form.formStyle .field-1 span.hint {
    display: block;
    float: left;
    clear: left;
}

form.formStyle fieldset {
    width: 430px;
    margin: 14px 0;
}

form.formStyle span.notes {
    display: block;
    margin: 0 1em 16px 1em;
}

form.formStyle legend {
    display: block;
    background-color: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    width: 430px;
    font-size: 14px;
    margin: 14px 0 0 0;
	padding-top:2px;
	padding-bottom:2px;
}

form.formStyle legend span {
    display: block;
    width: 430px;
}

/* end form.formStyle fieldset legend */
form.formStyle .odd, form.formStyle .even {
    clear: both;
}

/* height in ems to effectively inherit line height */
form.formStyle span.hideDisp {
    display: block;
    float: left;
    height: 1em;
    width: 159px;
    padding: 0 5px 0 0;
}

form.formStyle label {
    float: left;
    width: 159px;
    padding: 5px 5px 0 0;
    text-align: right;
    display: block;
    line-height: 16px;
}

form.formStyle span.field-1 {
    display: block;
    float: left;
    width: 261px;
    padding: 0 0 0 0;
}

form.formStyle span.field-1 input, form.formStyle span.field-1 select, form.formStyle span.field-1 textarea {
    float: left;
    clear: left;
    margin: 2px;
    border: 1px solid #C5C5C5;
    background-color: #F5F5F5;
}

form.formStyle span.field-1 label {
    padding: 0 0 0 3px;
   /* width: auto;*/
    text-align: left;
    margin: 0;
    height: auto;
}

form.formStyle span.field-1 .select-field-1-col {
    width: 261px;
}

form.formStyle span.field-1 .select-field-2-col {
    float: left;
    width: 125px;
    margin: 0 5px 0 0;
}

form.formStyle span.field-1 .select-field-3-col {
    float: left;
    width: 77px;
    margin: 0 5px 0 0;
}

form.formStyle span.field-1 .select-field-1-col .select-field-1, form.formStyle span.field-1 .select-field-2-col .select-field-2, form.formStyle span.field-1 .select-field-3-col .select-field-3 {
    margin: 2px 0 0;
    width: inherit;
}

form.formStyle span.field-1 .select-field-1-col .select-field-1 input, form.formStyle span.field-1 .select-field-2-col .select-field-2 input, form.formStyle span.field-1 .select-field-3-col .select-field-3 input {
    background-color: transparent;
    border: none;
    float: none;
    display: inline;
    vertical-align: middle;
}

form.formStyle span.field-1 .select-field-1-col .select-field-1 label, form.formStyle span.field-1 .select-field-2-col .select-field-2 label, form.formStyle span.field-1 .select-field-3-col .select-field-3 label {
    float: none;
    display: inline;
    text-align: left;
    padding: 0;
}

form.formStyle span.field-1.boolean {
    display: block;
    float: left;
    clear: none;
    width: auto;
    margin: 0 5px 0 0;
}

form.formStyle span.field-1.boolean input {
    background-color: transparent;
    border: none;
}

form.formStyle span.field-1.boolean label {
    float: left;
    width: 317px;
    clear: none;
    text-align: left;
    margin: 0 0 0 2px;
    padding: 0;
}

form.formStyle .spacerHack {
    clear: both;
    height: 4px;
}

form.formStyle span.required {
    display: block;
    background-color: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    width: 430px;
    padding: 4px 0;
    text-align: center;
    color: #990000;
    margin: 5px 0;
}

form.formStyle span.captcha {
    display: block;
    width: 430px;
    text-align: center;
    background-color: #F5F5F5;
    border-bottom: 1px solid #C5C5C5;
    border-top: 1px solid #C5C5C5;
    margin: 4px 0;
}

form.formStyle span.captcha hr {
    display: none;
}

form.formStyle span.captcha img {
    margin: 4px;
}

form.formStyle span.captcha input {
    border: 1px solid #C5C5C5;
}

form.formStyle .captcha img, form.formStyle .captcha #code {
    display: inline;
}

form.formStyle span.btnContainer {
    display: block;
    margin: 4px 0;
    text-align: center;
}

form.formStyle span.btnContainer input {
    padding: 2px;
    background-color: #F5F5F5;
    border: 1px solid #C5C5C5;
}

form.formStyle label.field-inline {
    display: inline;
    float: none !important;
    clear: none !important;
}

form.formStyle span.field-inline {
    float: none !important;
    clear: none !important;
}

form.formStyle span.field-inline input, form.formStyle span.field-inline select {
    float: none !important;
    clear: none !important;
    border: 1px solid #C5C5C5 !important;
    background-color: #F5F5F5 !important;
}

form.formStyle ul.form-opts {
    clear: both;
    margin: 14px auto;
    padding: 0;
}

form.formStyle ul.form-opts li {
    list-style: none;
    margin-left: 0;
    display: block;
    float: left;
    width: 104px;
    margin: 0 4px;
    border: 1px solid #C5C5C5;
    background-color: #F5F5F5;
    padding-top: 5px;
    padding-bottom: 5px;
	padding-left:0px;
	padding-right:0px;
    text-align: center;
    cursor: pointer;
}

form.formStyle1 td {
    padding: 4px 0;
}

/* set width down here
 *
 * Calculations (see form-css-calculator.xls):
 * total col width = 390
 * label width = 144
 * field width = 236
 * 2-col = 113
 * 3-col = 68
 * 1-col-opt = 216
 * 2-col-opt = 93
 * 3-col-opt = 48
 */
/* total col */
form.formStyle span.required, form.formStyle span.captcha, form.formStyle fieldset, form.formStyle legend, form.formStyle legend span {
    width: 415px;
}

/* label */
form.formStyle span.hideDisp, form.formStyle label {
    width: 172px;
}

/* field */
form.formStyle span.field-1, form.formStyle span.field-1 .select-field-1-col {
    width: 236px;
}

/* 2-col */
form.formStyle span.field-1 .select-field-2-col {
    width: 113px;
}

/* 3-col */
form.formStyle span.field-1 .select-field-3-col, form.formStyle ul.form-opts li {
    width: 65px;
}

/* 1-col-opt */
form.formStyle span.field-1.boolean label {
    width: 216px;
}

/* wide form
 *
 * Calculations (see form-css-calculator.xls):
 * total col width = 690
 * label width = 259
 * field width = 421
 * 2-col = 205
 * 3-col = 130
 * 1-col-opt = 401
 * 2-col-opt = 185
 * 3-col-opt = 110
 */
/* total col */
#mid2col form.formStyle span.required, #mid2col form.formStyle span.captcha, #mid2col form.formStyle fieldset, #mid2col form.formStyle legend, #mid2col form.formStyle legend span {
    width: 690px;
}

/* label */
#mid2col form.formStyle span.hideDisp, #mid2col form.formStyle label {
    width: 259px;
}

/* field */
#mid2col form.formStyle span.field-1, #mid2col form.formStyle span.field-1 .select-field-1-col {
    width: 421px;
}

/* 2-col */
#mid2col form.formStyle span.field-1 .select-field-2-col {
    width: 205px;
}

/* 3-col */
#mid2col form.formStyle span.field-1 .select-field-3-col, #mid2col form.formStyle ul.form-opts li {
    width: 130px;
}

/* 1-col-opt */
#mid2col form.formStyle span.field-1.boolean label {
    width: 401px;
}
#eventForm input {
	margin-right:5px;
	margin-top:5px;
	margin-bottom:5px;
}

