/**** FORM STYLES ***/
form								{ margin:0; padding:0; }
.formWrap							{ width:670px; position:relative; z-index:999; }
.formWrap .fieldset					{ padding:20px 40px 10px 0; }
#siteContainer .formWrap .hidden	{ display:none; }

/**** FORM - ALERT MESSAGE ***/
#alertMessage						{ position:relative; background:#d84d39; margin:0 40px 10px 0; }
#alertMessage p						{ margin:0; padding:15px 20px 10px 70px; font:bold 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#alertMessage p span				{ display:block; font:oblique 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; }
#alertMessage img					{ margin:0 0 -53px 0; padding:10px 0 0 10px; }

/**** FIELDS ***/
.formWrap .field					{ position:relative; margin:0; display:block; width:100%; padding:5px 0 5px 0; }
.formWrap .field:hover				{ background-color:#dae3df; }
.formWrap .field label				{ background:url(../img/formFieldBottom.png) no-repeat 0 100%; margin:0; padding:10px 340px 10px 20px; display:block; font:normal 14px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field label span			{ display:block; font:oblique 11px/14px "Trebuchet MS", arial, helvetica, sans-serif; color:#666; }
.formWrap .field input,
.formWrap .field select,
.formWrap .field textarea			{ background:#fff !important; border:1px solid #698fb4; }
.formWrap .field div				{ position:absolute; top:50%; left:150px; }
.formWrap .field span.required		{ position:absolute; top:50%; left:135px; margin:-7px 0 0 0; font:normal 26px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }

/**** FIELDS - EDIT ***/
.formWrap .edit .field:hover span.edit			{ background-color:#94b469; }
.formWrap .edit .field label					{ color:#888; }
.formWrap .edit .field input					{ background:transparent !important; border:none; margin:1px; }
.formWrap .edit .field textarea					{ background:transparent !important; border:none; margin:1px; }
.formWrap .edit .field.browse input				{ background:#fff !important; border:1px solid #698fb4; margin:0; }
.formWrap .edit .field select					{  }
.formWrap .edit .field span.required			{ display:none; }
.formWrap .field span.edit						{ cursor:pointer; position:absolute; top:50%; left:210px; margin:-10px 0 0 0; background:#d8d8d9; }
.formWrap .field span.edit span					{ margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .field.changed span.edit	{ cursor:default; left:188px; background-color:#698fb4; }
#siteContainer .formWrap .field.changed div,
#siteContainer .formWrap .field.changed input,
#siteContainer .formWrap .field.changed select,
#siteContainer .formWrap .field.changed textarea	{ color:#336699; }
#siteContainer .formWrap .field span.change			{ cursor:pointer; position:absolute; top:50%; left:250px; margin:-10px 0 0 0; background:#9e9ea0; }
#siteContainer .formWrap .field span.change span	{ margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .field:hover span.change	{ background-color:#94b469; }

/**** FIELDS - IMAGE ***/
#siteContainer .formWrap .image						{ background:#fff; }
#siteContainer .formWrap .image span.change			{ cursor:pointer; position:absolute; top:50%; left:162px; margin:-10px 0 0 0; background:#d8d8d9; }
#siteContainer .formWrap .image span.change span	{ margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .image span.bottom			{ position:relative;  margin:0; width:630px; height:4px; display:block; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
#siteContainer .formWrap .image span				{ display:block; font:oblique 11px/14px "Trebuchet MS", arial, helvetica, sans-serif; color:#666; }
#siteContainer .formWrap .image img					{ padding:20px 20px 10px 250px; }

/**** FIELDS - ACTIVE STATE ***/
.formWrap .field.active					{ background-color:#7f9296; }
.formWrap .field.active label			{ color:#fff; }
.formWrap .field.active label span		{ color:#ddd; }
#siteContainer .formWrap .field.active div				{ color:#fff; }
.formWrap .field.active input,
.formWrap .field.active textarea		{ background:#fff !important; border:1px solid #698fb4; margin:0; }
.formWrap .field.active span.required	{ color:#fff; }
.formWrap .field.active div				{ color:#fff; }
.formWrap .field.active span.edit,
.formWrap .field.active span.change		{ display:none; }

/**** FIELDS - ALERT STATE ***/
.formWrap .field.alert					{ background-color:#d84d39; }
.formWrap .field.alert label			{ color:#fff; }
.formWrap .field.alert label span		{ color:#ddd; }
.formWrap .field.alert input			{ background:#fff !important; border:1px solid #990000; margin:0; }
.formWrap .field.alert span.required	{ color:#fff; }
.formWrap .field.alert div				{ color:#fff; }
.formWrap .field.alert span.edit,
.formWrap .field.alert span.change		{ display:none; }

/**** TEXT FIELDS ***/
.formWrap .field.text input				{ vertical-align:middle; width:400px; height:24px; padding:0 0 0 5px; font:normal 14px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap .field div					{ margin:-13px 0 0 0; font:normal 16px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#666; }

/**** TEXTAREAS ***/
.formWrap .field.textarea label			{ padding-bottom:58px; }
.formWrap .field.textarea textarea		{ vertical-align:middle; width:330px; height:72px; padding:0 0 0 5px; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field.textarea div			{ margin:-37px 0 0 0; }

/**** SELECT BOXES ***/
.formWrap .field.select select			{ vertical-align:middle; padding:0; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field.select img				{ vertical-align:middle; display:inline; }

/**** CHECKBOX ***/
.formWrap .field.checkbox input			{ vertical-align:middle; background:transparent !important; border:0;  }
.formWrap .field.checkbox label			{ padding:10px 20px 10px 275px; }


/**** TEXT FIELDS - SPECIAL CASES ***/
.formWrap .field.text input#phoneNumber,
.formWrap .field.text input#socialSecurityNumber,
.formWrap .field.text input#password,
.formWrap .field.text input#confirmPassword,
.formWrap .field.text input#orderFaxNumber,
.formWrap .field.text input#orderPhoneNumber,
.formWrap .field.text input#customerID					{ width:230px; }
.formWrap .field.text input#employeeDiscount,
.formWrap .field.text input#payoutPercentage,
.formWrap .field.text input#discountPercentage,
.formWrap .field.text input#couponClaimLimit,
.formWrap .field.text input#couponCustomerClaimLimit	{ width:50px; margin:0 5px 0 0; }
.formWrap .field.text input#creditAmount,
.formWrap .field.text input#additionalCreditAmount,
.formWrap .field.text input#certificateValue,
.formWrap .field.text input#minimumOrder,
.formWrap .field.text input#discountValue				{ width:50px; margin:0 0 0 5px; }

/**** BUTTONS ***/
.buttons								{ margin:0 0 0 150px; float:left; display:inline; padding:5px 0 15px 0; }
.buttons span							{ margin:10px 5px 0 17px; background:#a2c1da; float:left; display:inline; }


/**** BUSINESS HOURS ***/
.formWrap #businessHours								{ position:relative; z-index:999; float:left; display:inline; width:630px; padding:0; position:relative; z-index:1; background:#ebebec url(../img/formFieldTop.png) no-repeat; margin:0 40px 1px 0; display:block; }
.formWrap #businessHours ul								{ position:relative; z-index:999; float:left; display:inline; width:630px; background:url(../img/formFieldBottom.png) no-repeat 0 100%; margin:0; padding:0; list-style-type:none; }
.formWrap #businessHours ul li							{ position:relative; z-index:999; font:bold 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#666; margin:0; float:left; display:inline; padding:10px 5px; text-align:center; }
.formWrap #businessHours ul li span						{ height:32px; font:oblique 11px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#999; display:block; }
.formWrap #businessHours ul li.first					{ margin:0 0 0 20px; }
.formWrap #businessHours ul li.hover					{ cursor:default; background:#bfc0c1; color:#333; }
.formWrap #businessHours ul li.hover span				{ background:#bfc0c1; color:#666; }
.formWrap #businessHours ul li .timeSelect				{ display:none; position:absolute; z-index:999; top:75px; left:50%; background:#698fb4; width:200px; padding:10px 0 10px 0; margin:0 0 0 -100px; }
.formWrap #businessHours ul li.hover .timeSelect		{ text-align:left; display:block; }
.formWrap #businessHours ul li .time					{ position:relative; text-align:left; clear:both; margin:0 10px; width:180px; float:left; display:inline; padding:5px 0; }
.formWrap #businessHours ul li .time.active				{ background:#d84d39; }
.formWrap #businessHours ul li .time label				{ margin:0 10px 5px 10px; width:30px; font:normal 12px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#d9e3ec; float:left; display:inline; }
.formWrap #businessHours ul li .time input				{ float:left; display:inline; margin:0 5px 5px 0; width:40px; height:24px; padding:0 0 0 5px; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap #businessHours ul li .time select				{ float:left; display:inline; margin:0 0 5px 0; padding:0; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap #businessHours ul li .timeSelect span.top		{ width:200px; height:12px; display:block; background:url(../img/miniPopupArrowTop.png) no-repeat; margin:-22px 0 8px 0; }
.formWrap #businessHours ul li .timeSelect span.bottom	{ width:200px; height:4px; float:left; display:inline; background:url(../img/miniPopupBottom.png) no-repeat; margin:10px 0 -14px 0; }
.formWrap #businessHours ul li .time a.remove, 
.formWrap #businessHours ul li .time a.remove:link,
.formWrap #businessHours ul li .time a.remove:active,
.formWrap #businessHours ul li .time a.remove:visited	{ text-align:left;position:absolute; top:28px; left:160px; text-decoration:none; }
.formWrap #businessHours ul li .time a.remove:hover		{ text-decoration:none; }
.formWrap #businessHours ul li .timeSelect a, 
.formWrap #businessHours ul li .timeSelect a:link,
.formWrap #businessHours ul li .timeSelect a:active,
.formWrap #businessHours ul li .timeSelect a:visited	{ float:left; display:inline; width:200px; text-align:center; text-decoration:none; color:#fff; }
.formWrap #businessHours ul li .timeSelect a:hover		{ text-decoration:underline; }

/**** DATE SELECT ***/
.formWrap .dateSelect										{ position:relative; z-index:999; }
.formWrap .dateSelect img									{ cursor:pointer; }
.formWrap .dateSelect div 									{ display:block; position:absolute; z-index:999; top:36px; left:50%; background:#698fb4; width:200px; padding:0; margin:0 0 0 -102px; }
.formWrap .dateSelect div span.top							{ width:200px; height:12px; display:block; background:url(../img/miniPopupArrowTop.png) no-repeat; margin:-12px 0 0 0; }
.formWrap .dateSelect div span.bottom						{ width:200px; height:4px; display:block; background:url(../img/miniPopupBottom.png) no-repeat; margin:7px 0 -4px 0; }

/**** DATE SELECT - CALENDAR POPUP ***/
.formWrap .dateSelect .miniCalendar								{ background:#f7f9fb url(../img/miniPopupBorder.gif) repeat-y; }
.formWrap .dateSelect .miniCalendar h6							{ display:block; text-align:center; border:1px solid #97b5c9; background:#fff; margin:7px 12px 1px 12px; padding:0; font:bold 12px/17px "Trebuchet MS", arial, helvetica, sans-serif; color:#000; }
.formWrap .dateSelect .miniCalendar h6 img						{ display:inline; }
.formWrap .dateSelect .miniCalendar table						{ border-collapse:collapse; padding:0; font:normal 11px auto "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color:#4f6b72; margin:0 12px; width:auto; }
.formWrap .dateSelect .miniCalendar table tr					{ border:1px solid #f4f7fa; }
.formWrap .dateSelect .miniCalendar table th					{ padding:0 0 0 5px; text-align:left; font:bold 10px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background:#f7f9fb; border:0; }
.formWrap .dateSelect .miniCalendar table td					{ border:1px solid #b1c5d8; padding:0; color:#4f6b72;  text-align:center; background:#fff; font:normal 10px/14px arial, helvetica, sans-serif; }
.formWrap .dateSelect .miniCalendar table td.previousMonth,
.formWrap .dateSelect .miniCalendar table td.nextMonth			{ background:#e5e5e5; }
.formWrap .dateSelect .miniCalendar table td a, 
.formWrap .dateSelect .miniCalendar table td a:link, 
.formWrap .dateSelect .miniCalendar table td a:visited 			{ padding:5px; text-decoration:none; color:#4f6b72; display:block; width:14px; }
.formWrap .dateSelect .miniCalendar table td a:hover, 
.formWrap .dateSelect .miniCalendar table td a:active			{ text-decoration:none; border:1px solid #cc0000; padding:4px; }

#iframeDiv							{ position:relative; height:36px; }
iframe#logoFile						{ position:absolute; top:0; left:0; width:630px; height:36px; border:none; background:#fff; }