/**** FORM STYLES ***/
form								{ margin:0; padding:0; }
.formWrap							{ width:620px; position:relative; z-index:999; }
.formWrap h2						{ font:normal 14px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .fieldset					{ padding:0 0 10px 0; }
#siteContainer .formWrap .hidden	{ background:red; display:none; }

/**** FORM - ALERT MESSAGE ***/
#alertMessage						{ position:relative; background:#d84d39 url(../img/formFieldTop.png) no-repeat; margin:0 0 10px 0; }
#alertMessage p						{ margin:0; padding:15px 20px 10px 70px; font:bold 12px/18px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; background:url(../img/formFieldBottom.png) no-repeat 0 100%; }
#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					{ clear:both; position:relative; background:#e8f3fa url(../img/formFieldTop.png) no-repeat; margin:0 0 1px 0; display:block; width:100%; }
.formWrap .field.text.domain		{ float:left; display:inline; padding:0; }
.formWrap .field:hover				{ background-color:#d3e8f5; }
.formWrap .field label				{ background:url(../img/formFieldBottom.png) no-repeat 0 100%; margin:0; padding:10px 460px 10px 20px; display:block; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field.text.domain label	{ background:url(../img/formFieldBottom.png) no-repeat 0 100%; margin:0; padding:10px 460px 110px 20px; display:block; font:normal 12px/16px "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:220px; }
.formWrap .field span.required		{ position:absolute; z-index:1; top:50%; left:205px; margin:-7px 0 0 0; font:normal 26px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#999; }
.formWrap .field span.required.domain	{ margin:-57px 0 0 0; }

/**** IE6 ***/
.ie6 .formWrap .field					{ background:#e8f3fa url(../img/formFieldTop.gif) no-repeat; }
.ie6 .formWrap .field label				{ background:url(../img/formFieldBottom.gif) no-repeat 0 100%; }
/*******/


/**** FIELDS - LABEL SPAN BUTTON ***/
#siteContainer .formWrap .field label span.button			{ text-transform:uppercase; margin:-12px 0 0 0; z-index:2; position:absolute; top:18px; right:425px; background:#8ac2e7; display:block; padding:0 10px; font:bold 10px/26px arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .field.alert label span.button		{ background:#990000; }
#siteContainer .formWrap .field.calm label span.button		{ background:#94b469; }
#siteContainer .formWrap .field label span.button img		{ display:inline; vertical-align:middle; margin-left:5px; }

/**** 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 url(../img/formMiniButtonLeftLight.png) no-repeat; }
.formWrap .field span.edit span					{ background:url(../img/formMiniButtonRightLight.png) no-repeat 100% 0; 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 url(../img/formMiniButtonLeftLight.png) no-repeat; }
#siteContainer .formWrap .field span.change span	{ background:url(../img/formMiniButtonRightLight.png) no-repeat 100% 0; 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 url(../img/formFieldTopOutline.png) no-repeat; }
#siteContainer .formWrap .image span.change			{ cursor:pointer; position:absolute; top:50%; left:162px; margin:-10px 0 0 0; background:#d8d8d9 url(../img/formMiniButtonLeftWhite.png) no-repeat; }
#siteContainer .formWrap .image span.change span	{ background:url(../img/formMiniButtonRightWhite.png) no-repeat 100% 0; margin:0; padding:0 5px; font:normal 11px/21px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
#siteContainer .formWrap .image span.bottom			{ position:relative; background:url(../img/formFieldBottomOutline.png) no-repeat 0 100%; 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:#8ac2e7; }
.formWrap .field.active label			{ color:#fff; }
.formWrap .field.active label span		{ color:#ddd; }
#siteContainer .formWrap .field.active div				{ color:#fff; }
.formWrap .field.active.text input,
.formWrap .field.active.textarea 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; }

/**** FIELDS - CALM STATE ***/
.formWrap .field.calm					{ background-color:#a5d07b; }
.formWrap .field.calm label				{ color:#fff; }
.formWrap .field.calm label span		{ color:#fff; }
.formWrap .field.calm input				{ background:#fff !important; border:1px solid #9dc575; margin:0; }
.formWrap .field.calm span.required		{ color:#fff; }
.formWrap .field.calm div				{ color:#fff; }
.formWrap .field.calm span.edit,
.formWrap .field.calm span.change		{ display:none; }

/**** TEXT FIELDS ***/
.formWrap .field.text input				{ vertical-align:middle; width:330px; height:24px; padding:0 0 0 5px; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field.text input#domainName	{ margin:-50px 0 0 0; vertical-align:none; position:relative; float:left; display:inline; }
.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; }
.formWrap .field.textarea.small label		{ padding-bottom:34px; }
.formWrap .field.textarea.small textarea	{ vertical-align:middle; width:330px; height:48px; padding:0 0 0 5px; font:normal 16px/24px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }
.formWrap .field.textarea.small div			{ margin:-25px 0 0 0; }

.formWrap .field #domainLinks			{ float:left; display:inline; margin:-25px 0 275px 0; width:500px; }
.formWrap .field #domainLinks a,
.formWrap .field #domainLinks a:link,
.formWrap .field #domainLinks a:active,
.formWrap .field #domainLinks a:visited	{ float:left; display:inline; padding:0 25px 0 0; width:175px; text-decoration:underline; color:#638e3a; }
.formWrap .field #domainLinks a:hover	{ text-decoration:underline; }
.formWrap .field #domainLinks span		{ float:left; display:inline; width:500px; margin:0 0 5px 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; }

.multiSelectbox							{ height:35px; clear:both; position:relative; background:#e8f3fa url(../img/formFieldTop.png) no-repeat; margin:0 0 1px 0; display:block; width:100%; }
.multiSelectbox:hover					{ background-color:#d3e8f5; }
.multiSelectbox img						{ float:left; display:inline; margin:5px 10px 0 0; }
.multiSelectbox label					{ background:url(../img/formFieldBottom.png) no-repeat 0 100%; margin:0; padding:10px 145px 10px 20px; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; float:left; display:inline; }
.multiSelectbox select					{ margin:5px 0 0 0; }
.multiSelectbox span.required			{ position:absolute; top:50%; left:205px; margin:-7px 0 0 0; font:normal 26px/26px "Trebuchet MS", arial, helvetica, sans-serif; color:#999; }

/**** CHECKBOX ***/
.formWrap .field.checkbox input			{ vertical-align:middle; background:transparent !important; border:0;  }
.formWrap .field.checkbox label			{ padding:10px 20px 10px 245px; }
.formWrap .field.checkbox h6			{ position:absolute; top:10px; left:20px; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#333 ; }

/**** TEXT FIELDS - SPECIAL CASES ***/
.formWrap .field.text input#zipCode,
.formWrap .field.text input#discountCode		{ width:100px; }
.formWrap .field.text input#loginName			{ width:200px; }
.formWrap .field.text textarea#streetAddress	{ height:48px; }
.formWrap .field.text input#organizationPhone,
.formWrap .field.text input#organizationFax		{ width:150px; }


/**** BUTTONS ***/
.buttons								{ width:100%; float:left; display:inline; }
.buttons span							{ margin:0 5px 0 0; height:42px; overflow:hidden; background:#94b469 url(../img/formButtonLeft.png) no-repeat; float:left; display:inline; }
.buttons span input						{ cursor:pointer; overflow:visible; float:left; display:inline; margin:0 0 0 7px; padding:0 20px 0 13px; background:url(../img/formButtonRight.png) no-repeat 100% 0; border:0; height:42px; font:normal 14px/42px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
.buttons span.cancel					{ background-color:#9e9ea0; }
.buttons span a, 
.buttons span a:link,
.buttons span a:active,
.buttons span a:visited					{ text-decoration:none; float:left; display:inline; margin:0 0 0 7px; padding:0 20px 0 13px; background:url(../img/formButtonRight.png) no-repeat 100% 0; border:0; height:42px; font:normal 14px/42px "Trebuchet MS", arial, helvetica, sans-serif; color:#fff; }
.buttons span a:hover					{ text-decoration:none; }

/**** IE6 ***/
.ie6 .buttons span							{ background:#94b469 url(../img/formButtonLeft.gif) no-repeat; }
.ie6 .buttons span input					{ background:url(../img/formButtonRight.gif) no-repeat 100% 0; }
.ie6 .buttons span a, 
.ie6 .buttons span a:link,
.ie6 .buttons span a:active,
.ie6 .buttons span a:visited				{ background:url(../img/formButtonRight.gif) no-repeat 100% 0; }
/*******/

/**** 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; }

.couponDesc		{ border:1px solid #ddd; padding:15px 15px 5px 15px; margin:0 0 10px 0; font:normal 12px/16px "Trebuchet MS", arial, helvetica, sans-serif; color:#333; }



/**** IFRAME STYLE ***/
#siteContainer .formWrap .iframe				{ position:relative; margin:0 0 10px 0; float:left; display:inline; width:100%; background:#fff url(../img/formFieldTopOutline.png) no-repeat; }
#siteContainer .formWrap .iframe div			{ float:left; display:inline; width:599px; padding:1px 1px 1px 20px; position:relative; background:url(../img/formFieldBottomOutline.png) no-repeat 0 100%; margin:0; }
#siteContainer .formWrap .iframe iframe			{ float:left; display:inline; border:0; width:599px; height:100px; }