.ext-el-mask-msg{border:1px solid #6593cf;background:#c3daf9 url(../images/tb-blue.gif) repeat-x 0 -16px;padding:2px;}
.ext-el-mask-msg div{padding:5px 10px 5px 10px;background:#eee;border:1px solid #a3bad9;color:#222;font:normal 11px tahoma,arial,helvetica,sans-serif;cursor:wait;}
.x-mask-loading div{padding:5px 10px 5px 25px;background:#fbfbfb url( '../images/loading.gif' ) no-repeat 5px 5px;line-height:16px;}

.grayBorder > form {
    margin: 13px; /*-7px of .form-table tr td*/
}

a.button{
    margin-bottom: 0 !important;
}

fieldset {
    padding: 0 0.5em 0.5em;
    margin: 0.1em;
    border: 1px solid #d1d2d2;
}

fieldset legend {
    font-size: 13px;
    font-weight: bold;
    padding: 0 0.5em;
}

.feedbackPanelERROR {
    color: #90060f;
}

ul.feedbackPanel{
    margin:5px 25px 6px 25px;
}
div.feedback{
    text-align:left
}


textarea {
    height: auto;
    width: auto;
}

.form-table tr td{
    padding: 7px;
}


table.fixed{
    table-layout:fixed !important; /*IE 7 инпуты с длинными значениями*/
}

.form-table, .form-table table {
    margin-bottom: 0;
}

input.text, input.title {background-color: #fff;border: 1px solid #bbb;padding: 2px;}
input.text:focus, input.title:focus {border-color:#666;}
input[type=text], input[type=password], input.text, input.title, select {background-color:#fff;border:1px solid #bbb;padding: 2px;}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus {border-color:#666;}

.form-table input, .form-table textarea, .form-table select {
    width: 100%;
    margin: 0 !important;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;

}
.form-table input.hasDatepicker {
    -webkit-box-sizing: content-box;
       -moz-box-sizing: content-box;
            box-sizing: content-box;
}

.ie7 .ufd button {
    margin-top:-3px;
}
.ie7 table.list .ufd button{
    margin-left:1px !important;
}

/* компенсация красному бордеру - выдавливает картинку
.ufd input.required{
    padding-right:2px !important;
}
*/


/*
.firefox .ufd button {
    margin-top:-2px;
}

table.list .ufd button{
    margin-top:7px;
}
.ie8 table.list .ufd button{
    margin-top:8px !important;
}
.ie7 table.list .ufd button{
    margin-top:4px !important;
}
.firefox table.list .ufd button{
    margin-top:7px !important;
}

table.list .ufd input{
    width:100%;
}
*/

.form-table textarea {
    padding-right: 3px !important;
}

.black {
  color:black !important;
}

/*input[type="checkbox"], input[type="radio"], input.checkbox, input.radio {*/
    /*position: relative;*/
/*}*/
/*.ie7 input[type="checkbox"], .ie7 input[type="radio"], .ie7 input.checkbox, .ie7 input.radio {*/
    /*position: inherit;*/
/*}*/
.ie7 .tab-panel input[type="checkbox"]{ /* ODSTELE-177 */
    position:static !important;
}

.form-table input[type="checkbox"], .form-table input[type="radio"] {

    width: 12px !important;
    top: 0.2em;
}
.ie .form-table input[type="checkbox"], .form-table input[type="radio"] {

    width: 24px !important;
    top: 0.2em;
}
/*
input.required, div.select-required, textarea.required {
    border-left: 1px solid #90060f !important;
}

div.select-required select, div.select-required div.select-required {
  border-left:0 !important;
}

div.required input {
  border-left: 1px solid #90060f;
}
*/

.form-table select{
    color:black !important;
}

.form-table input.hasDatepicker {
    width: 78px !important;
}

.form-table img.ui-datepicker-trigger {
    border-left: 5px solid transparent;
    cursor: pointer;
}

div span input.hasDatepicker {
    width: 78px !important;
}

div span img.ui-datepicker-trigger {
    border-left: 5px solid transparent;
    cursor: pointer;
}

/*выравнивает иконку календаря*/
.yui-skin-sam {
    display: inline-block;
    vertical-align: bottom;
}

#ufd-container li {
/*    line-height: 22px;
В библиотеке ufd высота элемента списка вычисляется через
listItems.filter("li:first").outerHeight(true)
Что должно учитывать height, padding и margin,
поэтому line-height посчитан не будет, вместо этого используем padding
*/
padding-top: 4px !important;
}

/* label */
label {
    color: black;
    font-weight: normal;
    display: inherit;
    text-align: right;
}
.form-table label { /*чтоб работал right align*/
    display: block;
}
label.checkbox{
    display: inline;
    /*padding-left: 6px;*/
}
label.required:before{
    content: "* ";
    color:#90060f;
    font-weight: bold;
}

label.required.loginForm:before{
    content: "";
}


label.error{
    color:#90060f;
    font-weight: bold;
}

.ie7 label.required{
    z-index: expression(runtimeStyle.zIndex = 1, this.innerHTML = "* " + this.innerHTML)
}

/** AUTOCOMPLITE**/

div.wicket-aa-container{
    border:1px solid #CCCCCC;
}
div.wicket-aa {
    background-color:white;
    color:black;
}
div.wicket-aa ul {
    list-style: none outside none;
    margin:0;
    padding:5px;
}
div.wicket-aa ul li.selected {
    background-color:#CAD8E8;
    cursor:pointer;
}