/* uiform */
.form .item { margin-top: 20px; }
.form .item:before, .form .item:after { content: ""; display: table; }
.form .item:after { clear: both; }
.form .item { zoom: 1; }

.tl { text-align: left; }.tc { text-align: center; }.tr { text-align: right; }
.fl { float: left; }.fr { float: right; }
.gr1 { margin-right: 2%; }.gr2 { margin-right: 5%; }
.gl1 { margin-left: 2%; }.gl2 { margin-left: 5%; }
.w10 { width: 10%; }.w15 { width: 15%; }.w20 { width: 20%; }.w25 { width: 25%; }.w30 { width: 30%; }
.w35 { width: 35%; }.w40 { width: 40%; }.w45 { width: 45%; }.w50 { width: 50%; }.w55 { width: 55%; }
.w60 { width: 60%; }.w65 { width: 65%; }.w70 { width: 70%; }.w75 { width: 75%; }.w80 { width: 80%; }
.w85 { width: 85%; }.w90 { width: 90%; }.w95 { width: 95%; }.w100 { width: 100%; }
.h100 { height: 100px; }.h150 { height: 150px; }.h200 { height: 200px; }
.h250 { height: 250px; }.h300 { height: 300px; }

/* error-message */
.error-message { color: #e50005; font-size: 12px; padding-top: 5px; }

/* label */
.label { color: #333; font-size: 15px; }
.label small { color: #999; font-family: Georgia, Arial, Helvetica, sans-serif; display: block; font-size: 12px; }

/* textbox */
.textbox { background-color: #fff; border: #ccc solid 1px; border-radius: 5px; box-shadow: inset #e5e5e5 0 2px 3px; color: #888; float: left; font-size: 14px; margin: 0; padding: 8px 10px; }
.textbox:focus { border-color: #999; box-shadow: #e5e5e5 0 2px 3px; color: #333; }

/* button */
.button { background-color: #fafafa; background-image: linear-gradient(#fff 0%, #fafafa 75%, #f6f6f6 100%); border: #ccc solid 1px; border-radius: 5px; box-shadow: inset #fff 0 -1px 0; }
.button:hover { background-color: #fff; background-image: linear-gradient(#fff, #f9f9f9); }
.button:active { background-color: #eee; background-image: linear-gradient(#eee, #fff); box-shadow: inset rgba(0,0,0,.1) 0 1px 2px; }
.button input { background: transparent url(../images/arrow-2.gif) no-repeat right center; border: 0; color: #888; font-family: 'MuseoSans700', Arial, Helvetica, sans-serif; margin: 0; padding: 9px 27px 8px 12px; text-transform: uppercase; }
.button.nobg input { background-image: none; padding-right: 12px; }

/* checkbox & radio */
.amform-input-checkbox, .amform-input-radio { background: url(../images/arrow-8.png) no-repeat; color: #666; margin-bottom: 10px; }
.amform-input-checkbox { background-position: 0 0; line-height: 16px; padding-left: 31px; }
.amform-input-radio { background-position: 0 -200px; line-height: 16px; padding-left: 31px; }
.amform-input-checkbox.checked, .amform-input-radio.checked { color: #333; }
.amform-input-checkbox.checked { background-position: 0 -100px; }
.amform-input-radio.checked { background-position: 0 -300px; }

/* select */
.amform-select-container.expanded .amform-select-result-container { border-radius: 5px 5px 0 0;}
.amform-select-result-container { background-color: #f9f9f9; background-image: linear-gradient(#fff, #f9f9f9); border: #ccc solid 1px; border-radius: 5px; cursor: pointer; overflow: hidden; padding: 8px 14px; }
.amform-select-result { color: #333; float: left; }
.amform-select-arrow { background: url(../images/arrow-7.gif) no-repeat center; float: right; overflow: hidden; text-indent: -9999px; width: 7px; }
.amform-select-list { background-color: #fff; border: #ccc solid 1px; border-top: 0; border-radius: 0 0 5px 5px; box-shadow: rgba(0,0,0,.15) 0 5px 5px; max-height: 200px; overflow-y: scroll; }
.amform-select-list ul, .amform-select-list li { margin: 0; padding: 0; }
.amform-select-list ul { list-style: none; padding-bottom: 5px; }
.amform-select-list li { border-bottom: #eee solid 1px; color: #888; padding: 8px 14px 6px; }
.amform-select-list li:hover, .amform-select-list li.selected { background-image: linear-gradient(#fff, #f9f9f9); border-bottom-color: #ddd; color: #ff5b35; }

/* multiple select */
.amform-select-multiple-container {
    background-color: #f0f0f0; padding: 10px 0;
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, .1); border-radius: 5px;
}
.amform-select-multiple-list ul, .amform-select-multiple-list li { margin: 0; padding: 0; }
.amform-select-multiple-list ul { list-style: none; }
.amform-select-multiple-list li {
    border-top: #ddd solid 1px; color: #666; padding: 6px 14px;
    box-shadow: inset 0 1px 0 #fff;
}
.amform-select-multiple-list li:first-child { border-top: 0; box-shadow: none; }
.amform-select-multiple-list li.selected {
    background-color: #f9f9f9; color: #333;
    background-color: rgba(255, 255, 255, .6);
}

/* jscrollpane */
.jspScrollable { outline: 0; }
.jspContainer { overflow: hidden; position: relative; }
.jspPane, .jspVerticalBar, .jspHorizontalBar { position: absolute; }
.jspPane { width: 100% !important; }
.jspVerticalBar { height: 100%; right: 10px; top: 0; width: 11px; }
.jspHorizontalBar { bottom: 0; height: 11px; left: 0; width: 100%; }
.jspVerticalBar *, .jspHorizontalBar * { margin: 0; padding: 0; }
.jspCap { display: none; }
.jspHorizontalBar .jspCap { float: left; }
.jspTrack, .jspDrag { border-radius: 5px; position: relative; }
.jspTrack { background-color: #ccc; background-color: rgba(204, 204, 204, .5); }
.jspDrag { background-color: #fff; cursor: pointer; left: 0; top: 0; width: 11px; z-index: 100; }
.jspHorizontalBar .jspTrack, .jspHorizontalBar .jspDrag { float: left; height: 100%; }
.jspArrow { background-color: #50506d; cursor: pointer; display: block; text-indent: -9999px; }
.jspArrow.jspDisabled { background-color: #80808d; cursor: default; }
.jspVerticalBar .jspArrow { height: 11px; }
.jspHorizontalBar .jspArrow { float: left; height: 100%; width: 11px; }
.jspVerticalBar .jspArrow:focus { outline: none; }
.jspCorner { background-color: #fff; float: left; height: 100%; }