@charset "UTF-8";

/*
 * Fancy Form Design Using CSS
 * http://articles.sitepoint.com/article/fancy-form-design-css
 */

dl.zend_form {
    width: 100%;
    padding-left: 0px;
    border-style: none;
}

fieldset {
    width: 100%;
    padding-left: 10px;
    border-style: none;
}

fieldset legend {
    font-size: 14pt;
    margin-top: 20px;
    margin-bottom: 6px;
}

/* Zend_Form_Element decorators
------------------------------------------------------------- */

/* http://maxdesign.com.au/presentation/definition/dl-table-display.htm */
dl.zend_form dt {
    width: 200px;
    min-height: 25px;
    float: left;
    margin: 3px 0 0 0;
    padding: .2em;
}

/* commented backslash hack for mac-ie5 \*/
dl.zend_form dt { clear: both }
/* end hack */

dl.zend_form dd {
    float: left;
    margin: 3px 0 0 0;
    padding: .2em;
}

dl.zend_form fieldset {
    float: left;
    margin-left: 0px;
}

dd#css_basemod-element,
dd#css_content-element {
    margin-top: 28px;
    margin-left: -172px;
}


/* info help link */
dl.zend_form dd em {
    float: right;
    margin-top: 4px;
    /* vertical-align: middle; */
}

/* unmask password field link */
dl.zend_form dd span.unmask img {
    margin-top: 4px;
    /* vertical-align: middle; */
}

dl.zend_form dd,
ul.errors {
    width: 532px; /* CHANGE if dl.zend_form width changed */
}

label.required {
    font-weight: bold;
}

dl.zend_form#fieldset-buttons {
    border: none;
}
dl.zend_form#fieldset-buttons legend {
    display: none
}

/* Form input fields
------------------------------------------------------------- */

input[type="text"],
input[type="password"],
textarea {
    border: 1px solid #BFBFBF;
    padding: 5px 0 5px 6px;
    outline-color: -moz-use-text-color;
    outline-style: none;
    outline-width: medium;
    width: 532px;
}

input[type="password"],
input.password,
input.hasDatepicker,
input.defaultsize {
    width: auto;
}

input[type="text"]:focus,
input[type="password"]:focus,
textarea:focus {
    border-color: #77B2EE;
    background-color: #fff;
}

input[type="radio"] {
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 6px;
}

/* required element stars
------------------------------------------------------------- */

dl.zend_form dt label {
    position: relative;
    float: left;
    width: 210px;
}

dl.zend_form dt label em {
    position: absolute;
    right: 3px;
}

dl.zend_form dt label em img {
    margin-top: 4px;
    vertical-align: middle;
}

/* Zend_Form errors
------------------------------------------------------------- */

dd.errors input[type="text"],
dd.errors input[type="password"],
dd.errors textarea {
    background-color: #fff0ca;
    border: 2px solid #f58100;
}

ul.errors {
    padding-left: 0px;
    padding-right: 7px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 0px; /* for IE7 compatibility */
    list-style: none;
    color: white;
    background-color: #ff6a15;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

ul.errors li {
    padding-left: 25px;
    padding-top: 2px;
    padding-bottom: 2px;
    margin: 0;
    font-weight: bold;
    color: white;
    background: transparent url('/qp-images/icons/Exclamation.png') no-repeat 2px 2px;
}

/* Form special fields
------------------------------------------------------------- */

dl.zend_form .formspecial {
    display: none;
}

/*
 * highlight selected radio button labels
 * using JQuery
 * http://dev-tips.com/featured/jquery-tip-how-to-select-radiocheckbox-input-on-click
 */

dd.radiobuttons label {
    padding-top: 5px;
    padding-bottom: 5px;
    width: 510px;
}

dd label.selected {
    font-weight: bold;
    padding-right: 5px;
    background: none repeat scroll 0 0 #CEE1F2;
}

/* Form buttons
------------------------------------------------------------- */

fieldset#fieldset-buttons {
    text-align: right;
    padding: 0;
}

/* JQuery UI overrides
------------------------------------------------------------- */

button.ui-button.ui-state-default,
input.ui-button.ui-state-default {
    color: #1F2E40;
}

button.ui-button.ui-state-hover,
input.ui-button.ui-state-hover {
    color: #C77405;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header{ margin-bottom: 8px; }
.ui-timepicker-div dl{ text-align: left; }
.ui-timepicker-div dl dt{ height: 25px; }
.ui-timepicker-div dl dd{ margin: -25px 0 10px 65px; }
.ui-timepicker-div .ui_tpicker_hour div { padding-right: 2px; }
.ui-timepicker-div .ui_tpicker_minute div { padding-right: 6px; }
.ui-timepicker-div .ui_tpicker_second div { padding-right: 6px; }
.ui-timepicker-div td { font-size: 90%; }


/* jquery.chosen overrides
------------------------------------------------------------- */
/*
.chzn-container .chzn-results li em {
  background: orange;
}
*/

.chzn-container input {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}