/*-------------------------------------------------------------------------------------------------
								--SPECIFICATIONS: FORM EDITING---
-------------------------------------------------------------------------------------------------*/

form.form-spec {background-color: #fafaf8;
	width:80%; font-family:'MS Trebuchet', Helvetica, sans-serif; font-size:10pt; margin:12pt auto 4pt auto; border:1px solid #c0c0c0; padding:4pt;
}

form.form-spec div.container {
	border:2px groove #e3e3e3;
	padding: 10px;
	margin: 10pt 0;
}
/*form.form-spec div.container + fieldset {margin-top:10pt; }*/
form.form-spec div.container > div.legend{
	background-color: #537092;
	color: #ffffff;
	margin:-20px 0 10pt 0px;
	padding-left:.5em;
	padding-right:.5em; 
	/*background-color:inherit; */
	/* padding:0 10px;  display:table is not compatible with padding*/
	display:table;
	border-collapse: separate;
}

form.form-spec *.blank {display:none; }

form.form-spec div.data-set {margin-top:-4px; }

form.form-spec div.data-set + div.data-set {
	border-top: 1px solid #afafb0;
	/*box-shadow: 0 -1px 2px #afafb0;*/
	/*box-shadow: 0 -5px 5px -7px #afafb0;*/
	box-shadow: inset 0 5px 5px -7px #afafb0;
	padding-top:10px; 
}

form.form-spec textarea, 
form.form-spec input { font-family:courier; }

/*----------------------------------------------------------------------------
form.form-spec textarea.change-color, 
form.form-spec [type=text].change-color,
form.form-spec select.change-color,
form.form-spec span.change-color { background-color:#ffc0c0; }
----------------------------------------------------------------------------*/

form.form-spec textarea.change-color, 
form.form-spec [type=text].change-color,
form.form-spec select.change-color,
form.form-spec span.change-color { background-color:#ffdfdf;  }

form.form-spec textarea.invalid.change-color,
form.form-spec input.invalid.change-color,
form.form-spec select.invalid.change-color {box-shadow: 0 0px 13px 0px #ef4361; background-color:#fff9f9; }

form.form-spec textarea.invalid,
form.form-spec input.invalid,
form.form-spec select.invalid {box-shadow: 0 0px 13px 0px #ef4361; /*background-color:#fff4f4;*/ }


form.form-spec ol li.us-state {display:none; }
form.form-spec ol li.region {display:list-item; }
form.form-spec ol.united-states li.us-state {display:list-item; }
form.form-spec ol.united-states li.region {display:none; }

form.form-spec div.data-set li.us-state {display:none; }
form.form-spec div.data-set li.region {display:list-item; }
form.form-spec div.data-set.united-states li.us-state {display:list-item; }
form.form-spec div.data-set.united-states li.region {display:none; }

form.form-spec div.data-set li.select-date label {float:left; }
form.form-spec div.data-set li.select-date table.date-input {float:left; margin-left:3em; margin-bottom:1em; }
form.form-spec div.data-set li.select-date input.select-date-value {display:none; }
form.form-spec div.data-set li.select-date table.date-input td {padding:1px 10px;}
form.form-spec div.data-set li.select-date div.date-input-end {clear:left;}

/*form.form-spec fieldset {max-width:0px; width:0px; }*/
form.form-spec fieldset > legend {color:#ffffff; background-color:#537092; padding-left:.5em; padding-right:.5em; }
form.form-spec fieldset hr {margin:0 auto; box-shadow: 0 2px 2px #afafb0; background-color: #afafb0; border-width:0; height:1px; }
form.form-spec fieldset + fieldset {margin-top:10pt; }
form.form-spec fieldset ol {float:left; list-style-type:none; }
form.form-spec fieldset label {display: inline-block; vertical-align: top;}
form.form-spec fieldset ol li + li{margin-top:6pt; }
form.form-spec fieldset.location label {min-width:72pt; }

form.form-spec div.no_HTML {display:none; }
form.form-spec fieldset ol li.hidden{display:none; }

form.form-spec fieldset.multiple ol,
form.form-spec fieldset.multiple-ordered ol {} 

/*-------------------------------------------------------------------------------------------------
	When a field set has only one iteration we no not show the up or down controls
	
	For a form with the 'no empties' protocol we do not show the delete.
-------------------------------------------------------------------------------------------------*/
form.form-spec fieldset.has-one div.data-set table.control td.up,
form.form-spec fieldset.has-one div.data-set table.control td.down,
form.form-spec fieldset.has-one div.data-set table.control td.delete {display:none; }

/*-------------------------------------------------------------------------------------------------
	Field Set has one entry.
	For a form with the 'no empties' protocol we do not show the delete.
-------------------------------------------------------------------------------------------------*/
form.form-spec fieldset.has-one div.data-set table.control td.delete, 
form.form-spec fieldset.has-one div.data-set.first table.control td.delete, 
form.form-spec fieldset.has-one div.data-set.last table.control td.delete {display:none; }

/*-------------------------------------------------------------------------------------------------
	Only show add for the last item in a field set that is not full (stylistic!)
-------------------------------------------------------------------------------------------------*/
form.form-spec fieldset table.control td.add {display:none; }
form.form-spec fieldset.full table.control td.add {display:none; }
form.form-spec fieldset div.data-set.last table.control td.add {display: table-cell; }
form.form-spec fieldset.full div.data-set.last table.control td.add {display: none; }


/*-------------------------------------------------------------------------------------------------
	Never show up on the first item.
	Never show down on the last item.
-------------------------------------------------------------------------------------------------*/
form.form-spec fieldset div.data-set.first table.control td.up,
form.form-spec fieldset div.data-set.last table.control td.down {display: none; }

/*-------------------------------------------------------------------------------------------------
	Never show down on the first item (Lisa's style)
	Never show delete on the first item (Lisa's style)
-------------------------------------------------------------------------------------------------*/
form.form-spec fieldset div.data-set.first table.control td.down,
form.form-spec fieldset div.data-set.first table.control td.delete {display: none; }

form.form-spec fieldset.multiple table.control,
form.form-spec fieldset.multiple-ordered table.control,
form.form-spec fieldset.single table.control {
	float:right; background-color: transparent; border-width:0px; text-align:center; margin:0 1em; 
	border-left:0px solid #c0c0c0; border-spacing:2px; padding-left:20px; 
}
form.form-spec fieldset.single table.control td,
form.form-spec fieldset.multiple table.control td,
form.form-spec fieldset.multiple-ordered table.control td{
	background-color:#537092; color:#ffffff; padding:0 0 2px 0; border-color: transparent; 
}

form.form-spec div.data-set fieldset.Profile:first-child {border-width:0px; }
form.form-spec div.data-set fieldset.Profile li.bottom-space {margin-bottom:36pt; }

form.form-spec fieldset.multiple table.control td + td,
form.form-spec fieldset.multiple-ordered table.control td + td{
	border-top:2px; 
}

form.form-spec fieldset.multiple table.control td:hover,
form.form-spec fieldset.multiple-ordered table.control td:hover{
	background-color:#e0ddbe; color:#000000; 
}

form.form-spec fieldset.single table.control input[type=button],
form.form-spec fieldset.multiple table.control input[type=button],
form.form-spec fieldset.multiple-ordered table.control input[type=button]{
	display:block; margin:0 auto; background-color:transparent; border-width:0px; 
	font-family:'MS Trebuchet', Helvetica, sans-serif; font-size:10pt; color: inherit; font-weight:bold; 
} 

form.form-spec fieldset div.data-set div.message {max-width:380px; margin-top:10px; font-style:italic; }
form.form-spec fieldset div.data-set div.message *.italic{font-style:normal; }
form.form-spec fieldset div.data-set + div.data-set div.message {display:none;}

/*-------------------------------------------------------------------------------------------------
							---Profile Image Specs---
-------------------------------------------------------------------------------------------------*/
form.form-spec li.profile-image div.image-box {display: inline-block; position: relative; margin-top:1em; margin-right:1em; }
form.form-spec li.profile-image div.image-box > span {display:none; background-color:#fa5663; padding:0 .5em; margin-bottom:.25em; opacity:0.4; }
form.form-spec li.profile-image.empty div.image-box > span {display:table; }
form.form-spec li.profile-image input {display:inline-block;}
form.form-spec li.profile-image img {max-width:120px; display:inline-block; }
form.form-spec li.profile-image img.empty {display:none; }

form.form-spec li.profile-image table.control-profile {
	float:right; background-color:transparent; border-width:0px; text-align:center; margin:0 1em; 
	border-left:0px solid #c0c0c0; border-spacing:2px; padding-left:20px; 
}
form.form-spec li.profile-image table.control-profile input[type=button]{
	display:block; margin:0 auto; background-color:transparent; border-width:0px; 
	font-family:'MS Trebuchet', Helvetica, sans-serif; font-size:10pt; color: inherit; font-weight:bold; 
} 
form.form-spec li.profile-image table.control-profile td {background-color:#537092; color:#ffffff; padding:0 0 2px 0; border-color: transparent;}
form.form-spec li.profile-image table.control-profile td:hover {background-color:#e0dbbe; color:#000000;}

form.form-spec li.profile-image.empty table.control-profile td {display:none; }
form.form-spec li.profile-image.empty img {/*display:none;*/ opacity:0.4; }

form.form-spec li.profile-image div.message {display:none;}
form.form-spec li.profile-image.empty div.message {display:block; }

form.form-spec li.profile-image input {display:inline-block;}
form.form-spec li.profile-image input.empty {display:none; }
form.form-spec li.profile-image.empty input {display:none; }
form.form-spec li.profile-image.empty input.empty {display:inline-block; }


form.form-spec table.formBannerMenu {
	/*width:100%;*/
	text-align:center;
	/*background-color:#b0b0b0;*/
	margin:0 auto 20px auto;
	font-family:"Trebuchet MS","Gill Sans","Arial Narrow","Helvetica Neue Light";
	font-weight:normal;
	border-collapse:separate;
	border-spacing:2px;
	padding:0;
	/*background-color:#537092;*/
}

form.form-spec table.upperMenu {/*margin:0 0 20px 0;; border-bottom:1px solid #000000; border-top:1px solid #000000;*/ line-height:1; }
form.form-spec table.lowerMenu {margin-bottom:6pt; border-bottom:1px solid #000000; border-top:1px solid #000000; line-height:1; }


form.form-spec table.upperMenu tr {background-color:#537092; color:#ffffff; }
form.form-spec table.upperMenu tr td {font-weight:bold; }
form.form-spec table.upperMenu tr td.menuOut a {color:#ffffff;}
form.form-spec table.lowerMenu tr {background-color:#b0b0b0; }

form.form-spec ul[menu] table.menuTable {
	transition:background-color .4s ease 0s;
	-moz-transition:background-color .4s ease 0s;
	-webkit-transition:background-color .4s ease 0s;
	-o-transition:background-color .4s ease 0s;
}
form.form-spec ul[menu] li.menuHover table.menuTable {color:#3c3d3e; background-color:#d2d3d4;}
form.form-spec table.formBannerMenu td { padding:1px 0px 1px 0; border:0px solid #f0f0f0;}
form.form-spec table.formBannerMenu td.borderRight { border-right:1px solid #f0f0f0;}
form.form-spec table.formBannerMenu td.borderLeft { border-left:1px solid #f0f0f0;}

form.form-spec table.formBannerMenu  a {padding:3px 48pt; display:block;}
form.form-spec table.formBannerMenu  a.first {margin-left:10pt;}
form.form-spec table.formBannerMenu  a.last {margin-right:10pt;}

form.form-spec table.formBannerMenu  li a {padding:1px 6pt; display:block;} 
form.form-spec table.formBannerMenu li {margin:2px 0pt; padding:0pt 0px 0pt 0px; }

form.form-spec div[menuboxes] {
	font-family: "Trebuchet MS","Gill Sans","Arial Narrow","Helvetica Neue Light";
    font-size: 9pt;
    font-style: normal;
    font-weight: normal;
}

form.form-spec > div[menuboxes] > div[menu~=container] > ul[menu] {background-color:#f0f0f0; border-color:#a0a0a0; border-style:solid; border-width:0 0 1px 0; overflow:auto; }
form.form-spec > div[menuboxes] > div[menuboxes] > div[menu~=container] > ul[menu] {background-color:#fff8ff; border-color:#a0a0a0; border-style:solid; border-width:0 0 1px 0; overflow:auto; }
form.form-spec > div[menuboxes] > div[menuboxes] > div[menuboxes] > div[menu~=container] > ul[menu] {background-color:#ffffff; border:1px solid #a0a0a0; overflow:auto; }
form.form-spec > div[menuboxes] > div[menuboxes] > div[menuboxes] > div[menuboxes] > div[menu~=container] > ul[menu] {background-color:#cbfee9; border:1px solid #a0a0a0; overflow:auto; }

form.form-spec .bannerHoverUpper {background-color:#eeeff0; }