/* CSS Document */


/*
---------------------------------------------
01. main/default elements
---------------------------------------------
*/


* { margin:0; padding:0}
img, fieldset { border:none}

body { background:#C6C4BF url(../images/bg_body.gif) no-repeat top center; font-family:Arial, Helvetica, sans-serif}

p { font-size:14px; font-weight:normal; color:#FFFFFF; line-height:1.4em;}

a {color:#E3D5A6;}

h1 { font-size:22px; color:#E3D5A6}
h2 { font-size:16px; color:#E3D5A6}


/*
---------------------------------------------
02. container
---------------------------------------------
*/

#container { width:100%; float:left; border-top:10px solid #786E61; background:url(../images/bg_graphic.png) no-repeat top center;}

/*
---------------------------------------------
03. wrapper
---------------------------------------------
*/

#wrapper { width:870px; margin:0 auto}


/*
---------------------------------------------
04. header
---------------------------------------------
*/

#header { width:870px; height:173px; float:left; }

#header .logo { width:285px; height:90px; float:left; padding-top:60px; position:relative}

#header .toplinks { width: auto; height:64px; float:right; padding-top:60px; }
#header .toplinks ul { width: auto; height:64px; float:right; border-bottom:4px solid #7C7469}
#header .toplinks ul li { list-style:none; float:left; font-size:13px; color:#484847; padding-top:20px; position:relative; padding-left:4px; padding-right:4px}
#header .toplinks ul li a { display:block; color:#484847; text-decoration:none; font-weight: normal; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; padding-left:8px; padding-right:8px; padding-top:4px}
#header .toplinks ul li a:hover { background:url(../images/bg_nav.png); padding-bottom:20px; color:#484847; }
#header .toplinks ul li .selected {background:url(../images/bg_nav.png); padding-bottom:20px; color:#484847; }


/*
---------------------------------------------
05. photo
---------------------------------------------
*/

#photo { width:848px; float:left;}
#photo .mainphoto { float:left; border:11px solid #786E5F}
#photo .caption { float:left; margin-top:-250px; padding-left:200px; position:relative}


/*
---------------------------------------------
06. footer
---------------------------------------------
*/


#footer { width:850px; float:left; padding:5px 10px; background:#786E60; margin:15px 0px; }
#footer p { font-size:11px; position:relative; padding-top:6px}

#footer .copyright { width: auto; float:left; padding-right:15px}
#footer .logo { width:90px; height:30px; float:left;}
#footer .address { width: auto; float:left; padding:0px 10px}
#footer .spacer { padding-left:15px}


/*
---------------------------------------------
07. developed by
---------------------------------------------
*/


#developedby { width:870px; float:left; padding-bottom:20px}
#developedby p { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#786E5F; font-size:12px; position:relative}
#developedby p a {color:#786E5F; text-decoration:underline}


/*
---------------------------------------------
08. content
---------------------------------------------
*/

#content { width:848px; float:left; padding:11px; background:#786E5F}


/*
---------------------------------------------
09. left panel
---------------------------------------------
*/

#leftpanel { width:626px; float:left}
#leftpanel p { font-family:"Tahoma", Arial, Helvetica, sans-serif}
#leftpanel a { font-family:"Tahoma", Arial, Helvetica, sans-serif; color:#E3D5A6;}
#leftpanel li {margin-left:20px;}

#leftpanel .header { width:626px; float:left; margin-bottom:10px}

#leftpanel2 { width:850px; float:left; padding-bottom: 10px;}
#leftpanel2 p { font-family:"Tahoma", Arial, Helvetica, sans-serif}


/*
---------------------------------------------
10. right panel
---------------------------------------------
*/

#rightpanel { width:210px; float:right}
#rightpanel ul { width:190px; float:left; padding:10px; list-style:none; padding-top:0px; margin-bottom:25px; }
#rightpanel ul li { font-size:12px; color:#fff; text-align:right; border-bottom:1px solid #534C42; padding:7px 0px;}
#rightpanel ul li a { display:block; color:#FFFFFF; text-decoration:none;  position:relative}
#rightpanel ul li a:hover {color:#E3D5A6; text-decoration:none;}
#rightpanel ul li .selected {color:#E3D5A6; text-decoration:none;}

/*

--------------------------------------------------------*/



.xfb-form-container {  }



/*

--------------------------------------------------------*/







.xfb-form-container #formHeader { margin: 0; padding: 0 0.5em; }



.xfb-form-container #formTitle {margin: 1em 0 0.375em 0; padding: 0; font-size: 2.0em; }

.xfb-form-container #formDescription { margin: 0 0 1.5 0; padding: 0; font-size: 1.1667em; }



.fieldItemEven { }

.fieldItemOdd { }





/* Field Item

--------------------------------------------------------*/



.fieldItem { display: block; border: 1px solid transparent; }

* html .fieldItem {border: none;}

.fieldItemInner { display: block; padding: 0.5em 0.5em 0.125em; }



* html .fieldItemInner { height: 1%; } /* IE 6 */

.fieldItemInner:after { content: '.'; height: 0; display: block; visibility: hidden; clear: both; } /* FF / Moz */



/* Selected */

.fieldSelected { border: 1px solid #caeaf9; background-color: #eaf5fa; }



/* Title */

.fieldItem .fieldTitle { padding: 0 0 0.1em; display: block; font-size: 1em; font-weight: bold; }



.fieldItem .fieldTitle .req { color: #990000; font-size: 1.2em; margin-left: 0.5em;}

.fieldItem .fieldTitle .uni { font-size: 0.9em; font-weight: normal; }



/* Content */

.fieldItem .fieldContent { font: 1em Arial, Helvetica, sans-serif; }

.fieldItem .fieldRow { margin: 0; padding: 0.2em 0 0.4em; display: block; clear: both; }

.fieldItem .fieldBlock { padding: 0.3em 0.6em 0.3em 0; display: block; float: left; }

.fieldItem .fieldName { display: block; font-weight: normal; }

.fieldItem .fieldNote { display: block; font-size: 1em; color: #000 !important; font-style: normal; }

.fieldItem .textField { }

.fieldItem label {font-weight: normal;}



/* Fields */

.xsmallField .textField,

.xsmallField.type-phone .textField.phone-international,

.xsmallField .dropdown {width: 100px;}

.xsmallField.type-address .textField {width: 210px;}

.xsmallField.type-name .textField {width: 80px;}

.xsmallField.type-address .dropdown.country {width: 92px;}

.xsmallField.type-address .textField.city,

.xsmallField.type-address .dropdown,

.xsmallField.type-address .textField.state {width: 78px;}

.xsmallField.type-name .textField.prefix,

.xsmallField.type-name .textField.suffix,

.xsmallField.type-address .textField.zip {width: 35px;}

.xsmallField.type-time .textField,

.xsmallField.type-phone .textField,

.xsmallField.type-date .textField {width: 27px;}

.xsmallField.type-date .dropdown,

.xsmallField.type-time .dropdown,

.xsmallField.type-price .textField {width: 60px;}



.smallField .textField,

.smallField.type-phone .textField.phone-international,

.smallField .dropdown {width: 150px;}

.smallField.type-address .textField {width: 250px;}

.smallField.type-name .textField {width: 98px;}

.smallField.type-address .dropdown.country {width: 119px;}

.smallField.type-address .textField.city,

.smallField.type-address .dropdown,

.smallField.type-address .textField.state {width: 98px;}

.smallField.type-name .textField.prefix,

.smallField.type-name .textField.suffix,

.smallField.type-address .textField.zip {width: 35px;}

.smallField.type-phone .textField,

.smallField.type-time .textField,

.smallField.type-date .textField {width: 27px;}

.smallField.type-price .textField,

.smallField.type-date .dropdown,

.smallField.type-time .dropdown {width: 60px;}



.medField .textField,

.medField.type-phone .textField.phone-international,

.medField .dropdown {width: 250px;}

.medField.type-name .textField,

.medField.type-address .dropdown.country {width: 119px;}

.medField.type-address .textField.city,

.medField.type-address .dropdown,

.medField.type-address .textField.state {width: 98px;}

.medField.type-name .textField.prefix,

.medField.type-name .textField.suffix,

.medField.type-time .textField,

.medField.type-date .textField,

.medField.type-phone .textField,

.medField.type-address .textField.zip {width: 35px;}

.medField.type-date .dropdown,

.medField.type-time .dropdown,

.medField.type-price .textField {width: 74px;}



.largeField .textField,

.largeField.type-phone .textField.phone-international,

.largeField .dropdown {width: 400px;}

.largeField.type-name .textField,

.largeField.type-address .dropdown.country {width: 194px;}

.largeField.type-address .textField.city,

.largeField.type-address .dropdown,

.largeField.type-address .textField.state {width: 156px;}

.largeField.type-name .textField.prefix,

.largeField.type-name .textField.suffix,

.largeField.type-address .textField.zip {width: 68px;}

.largeField.type-time .textField,

.largeField.type-phone .textField,

.largeField.type-date .textField {width: 35px;}

.largeField.type-date .dropdown,

.largeField.type-time .dropdown {width: 74px;}

.largeField.type-price .textField {width: 124px;}





/* Instructions */

.fieldItem .fieldInstructions { padding: 0.2em 0 0.8em; display: block; clear: both; font-size: 0.9em; }



.fieldItem .radio-container .choice-option,

.fieldItem .checkbox-container .choice-option { padding: 0.3em 0; display: block; }



.choice-option label {display: inline; color:#000;}





/* Field Specific

--------------------------------------------------------------*/



.fieldItem .dropdown-country { }

.fieldItem .dropdown-country select { float: left; }

.fieldItem .dropdown-country .flag-container { width: 16px; height: 11px; display: block; margin: 0.3em 0 0 0.6em; float: left; }



.type-price .fieldName,

.type-price .textField,

.type-price .fieldNote { float: left; }

.type-price .fieldNote, .type-price .fieldName {margin: 0.25em 0;}

.type-price .textField {margin: 0 0.5em;}



.dropdown { font-size: 1em; }



.dropdown-image-container { }

.dropdown-image { padding: 0.4em; }





/* Submit Button

--------------------------------------------------------------*/



.submitButtonContainer { padding: 0.4em 0.5em; display: block; }

.submitButtonContainer .submitButton { font-size: 1.2em; margin: 0; }





/*

--------------------------------------------------------------*/



.errorSummary { margin-bottom: 0.1em; padding: 0.8em 1.4em; background: #FFFFCC; border: 1px solid #E6D8A2; }

.errorSummary strong { color: #000; }

.errorSummary p { margin: 0; color: #990000; }





.fieldItemError { background: #FFEAEB; border-color: #ffccce; }

.fieldItemError .fieldItemInner .errorDescription { padding-left: 2em; font-size: 1em; color: #990000; font-style: italic; }



.fieldItemError .fieldTitle { /*font-style: italic;*/ color: #CC0000; }

.fieldItemError .fieldRowError { border-left: 1px solid #990000; }



.fieldItemError .fieldBlockError { }

.fieldItemError .fieldBlockError .fieldName { color: #990000; }

div.fieldItemError span.fieldBlockError em.fieldNote { color: #CC0000; }

.fieldItemError .fieldBlockError .error { border: 1px solid #ffccce; }



/* Lightbox

--------------------------------------------------------------*/



.lightbox { background-color: #000; opacity: 0.5; filter: alpha(opacity=50); }

#lightbox_content { position: absolute; left: 0; top: 0; z-index: 9999; }



.lightbox-content { width: 600px; height: 400px; display: block;}





/* Confirmation Message

--------------------------------------------------------------*/



.confirmation-content { width: 600px; height: 400px; display: block; background: #FFF; }

.confirmation-content-inner { padding: 2em 0 0 0; }



.confirmation-content .text { width: 90%; margin: 0 auto; display: block; overflow: auto; padding: 0.2em 0.3em; background: #FFF url(/themes/light/images/input_bg.gif) top repeat-x; border: 1px solid #CCC; border-top: 1px solid #999; border-left: 1px solid #999; font: 1.1em Verdana, Arial, Helvetica, sans-serif; }



.confirmation-content .save-options { padding: 1em 2em; display: block; text-align: right; }

.confirmation-content .save-options .button { font-size: 0.9em; font-family:Verdana; font-weight:bold; }

.confirmation-content-message { padding: 10px; font-family:Verdana; font-size: 12px;}



/* Button controls

--------------------------------------------------------------*/



.save-options .button { margin: 0.3em 0.3em 0.2em auto; padding: 0.4em 0.8em; font-size: 1.1em; text-decoration: none; color: #FFF; overflow: hidden; text-align: center; background: #B9B9B9; border: 1px solid #CCC; border-right-color: #999; border-bottom-color: #999; text-align: center; }



.save-options .button-save:hover { background: #9BC191; border-color: #ACD1A7; border-right-color: #76A965; border-bottom-color: #76A965; }

.save-options .button-save:active { background: #76A965; border-color: #ACD1A7; border-right-color: #76A965; border-bottom-color: #76A965; }



.save-options .button-cancel:hover { background: #DF8A8A; border-color: #E7B0AD; border-right-color: #C25454; border-bottom-color: #C25454; }

.save-options .button-cancel:active { background: #C25454; border-color: #E7B0AD; border-right-color: #C25454; border-bottom-color: #C25454;}



/* View Form Password

--------------------------------------------------------------*/



.passwordRequirement { text-align: center; }

.passwordRequirement .passwordContainer { margin: auto; text-align: left; display:inline-block; width: 500px; }

.passwordRequirement .passwordContainer p { font-family: Verdana; font-size: 12px; margin: 8px 0px 8px 0px; display:block; line-height: 14px; }



/* Date Picker 

--------------------------------------------------------------*/

.datePickerImage { cursor: pointer; }

#FBDatePicker { width: 184px; font-family: 'Arial'; font-size: 12px; z-index: 9999; background-color: #EEE; padding: 3px; border: solid 1px #999; color: #000; }

#FBDatePicker .fbdMove { width: 50px; float: left; cursor: pointer; }

#FBDatePicker .fbdTitle { width: 75px; float: left; }

#FBDatePicker .fbdRow { clear: both }

#FBDatePicker .frbDayBlock { float: left; width: 25px; text-align:center; padding: 2px 0px 2px 0px; cursor: pointer; display: block; }

#FBDatePicker .fbdDateFieldsRow { float: right; }



/* Price Fields

--------------------------------------------------------------*/

span.choicePrice { display: none; }

.paymentForm span.choicePrice { display: inline; }