.ui-widget-overlay { opacity: .90; filter:Alpha(Opacity=90); }
.no-close .ui-dialog-titlebar-close { visibility: hidden; }

.ui-progressbar .ui-progressbar-value {
        background: #db3833 none repeat scroll 0 0;
        height: 100%;
        margin: -1px;
	}


.ui-progressbar-value {
        transition: width 0.5s;
        -webkit-transition: width 0.5s;
	}

.progress-label {
        float: left;
        margin-left: 5px;
        margin-top: 5px;
        color: #ffffff;
	}



body {
	background: none repeat scroll 0 0 #E2E2E2;
}

body, input, textarea {
        color: #373737;
        font: 15px "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: 300;
        line-height: 1.625;
}

input[type="text"], textarea {
    background: none repeat scroll 0 0 #FAFAFA;
    text-transform: uppercase;
    border: 1px solid #DDDDDD;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1) inset;
    color: #888888;
}

/* Validation-error field highlight.
   Was `background:#EEEE00; border:2px solid black` -- an acid yellow with a
   heavy black border.  Now a conventional caution amber: #FFF6DA fill with a
   #C98A00 ring, and the field text darkened from the base #888888 to #6B5200
   so it stays readable on the lighter fill (6.8:1, vs 3.2:1 for #888 on
   #FFF6DA).
   The ring is an INSET BOX-SHADOW, not a border, on purpose: the clean state
   of these text inputs has no border at all, so any border here would grow
   the box and shift the field on validation failure -- the same class of bug
   as the .error width rule in ../style.css.  box-shadow paints inside the
   existing box and costs no layout.  (../style.css's `.required.error` sets
   border-color only, which recolours the <select> border that does exist.)
   Deliberately `input[type="text"].error`, not the bare `input.error` --
   the only other input type this form validates is the acknowledgement
   checkbox (type="checkbox"), which doesn't have a meaningful "fill" area
   the way a text box does; the bare selector was giving it an amber-filled
   square instead of reading as a normal checkbox with an error state. */
input[type="text"].error, select.error, textarea.error {
      background: #FFF6DA;
      color: #6B5200;
      box-shadow: inset 0 0 0 2px #C98A00;
}
input[type="text"].error::placeholder, textarea.error::placeholder {
      color: #6B5200;
      opacity: 1;
}

div.formhead {
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width:75%;
}

div.formcontainer {
        display:none;
        position:relative;
        background-color: #eee;
        border: 1px solid red;
        margin: 5px;
        padding: 5px 5px 5px 5px;
        top: 5px;
        z-index: 99999;
	width: 80%;
	text-align: left;
}

div.formcontainer ol  {
        margin-left: 20px;
}

div.formcontainer  li {
        list-style-type: disc;
}

.formcontainer label.error {
        display: block;
        position: relative;
}

* html div.formcontainer {position:absolute;}

/* =======================================
   CLEARS
======================================= */
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix {
        height: 1%;
}

.clearfix {
        display: block;
}
/* close commented backslash hack */
.clear {
        clear: both;
}