/* HTML Form */
fieldset {
        border: 1px #909090 solid;
        margin: 8px;
        padding: 1px 6px 4px 6px;
}
legend {
        border: 1px #a0a0a0 solid;
        background-color: #e7e7e7;
        margin: 2px 2px 1px 2px;
        padding: 0px 4px 0px 4px;
        font-weight: bold;
}
input {
        /*padding: 1px;*/
        margin-right: 2px;
}
/*
button {
        padding: 1px 16px 2px 16px !important;
        padding: 1px 12px 2px 12px;
        background-color: #77A33E;
        border-width: 1px !important;
        border-width: 0;
        border-color: #90C050;
        border-style: solid !important;
        border-style: none;
        color: #FCFEE2;
        font-size: 10px;
        font-weight: normal;
        height: 24px;
        line-height: 20px;
        cursor: pointer !important;
        cursor: hand;
        background: url("../../skins/img/btn_bg_green_200.jpg") right -6px no-repeat;
}
button:hover {
        background-color: #8CAF5E;
        background: url("../../skins/img/btn_bg_green_hover_200.jpg") right -6px no-repeat;
}
*/
.rstar {
        color: green;
        margin-left: 1px;
}

.arr_up1 {
        padding-left:10px;
        background: url("../../skins/img/arr_up1.png") left 5px no-repeat;
}
.arr_up2 {
        padding-left:10px;
        background: url("../../skins/img/arr_up2.png") left 5px no-repeat;
}

/* HTML container */
.container {
        margin: 4px;
}
.container h1 {
        margin: 0;
        padding: 0 0 4px 0;
}

 
/* HTML box panel */
.panel {
        border: 1px #c0c0c0 solid;
        margin-bottom: 8px;
}
.panel .inner, .panel h1 {
        margin: 2px;
        background-color: #d7d7d7;
        padding: 4px;
}
.panel h1 {
        background-color: #4477AA;
        color: #FFFFFF;
        font-size: 14px;
        font-weight: bold;
        line-height: 1em;
        border:0;
}

/* HTMLTable in HTMLGroupbox */
fieldset table {
        font-size: 11px;
        line-height: 13px;
}
fieldset th, fieldset td {
        padding: 1px;
}
fieldset tr.even td {
        background-color: #C8C4BC;
        vertical-align: top;
}
fieldset tr.odd td {
        background-color: #D0CCC4;
        vertical-align: top;
}
fieldset th {
        background-color: #4477AA;
        padding: 1px;
        color: #fafafa;
}
fieldset th a:link, th a:visited, th a:active, th a:hover {
        color: #fafafa;
}

/* HTML Labeledit */
label {
        margin-right: 4px;
        padding-top: 2px;
}
label.indent {
        width: 60px;
        float: left;
        clear: both;
        /*border: 1px #ff0000 dotted;*/
}

.bevel {
        font-size: 1px;
        margin:4px 0 4px 0;
        padding:0;
		border-top: 1px #f0f0f0 solid;
}

.field {
        margin:4px 0 4px 0;
}

/* HTML Labeledit - input inside label */
label input {
        margin-left: 4px;
        margin-right: 4px;
}

/* classes of a invalid Controls */
.invalid,
.invalid label,
.invalid .rstar {
        color: #DD0000;
}

.invalid input, .invalid select, .invalid textarea {
        border-color: #DD6666;
        border-style: solid;
        border-width: 1px;
}

/* classes of a marked Controls */
.marked {
        border-color: #DD0000;
        border-style: solid;
        border-width: 1px;
        padding: 5px 2px 5px 2px !important;
        padding: 2px 0 1px 2px; /*ie*/
}

/* classes of a disabled Controls */
/*input.disabled, select.disabled, textarea.disabled{*/
.disabled {
        border-color: #c0c0c0;
        background-color: #E1DED9;
        color: #606060;
}

/* classes for IE browser */
.ie_btn {
      height: 24px;
      padding: 2px 4px 2px 14px;
      background-color: #f0f0f0;
      color: #222;
      border: 1px #e0e0e0 outset;
}

