.f-label, .f-input, .f-required-caption {font-size: 12px;}
.f-input {padding: 5px 5px 5px 0;}
.f-label {padding: 7px 5px 5px 0; font-weight: 800; vertical-align: top; white-space: nowrap;}
.f-label-comment {width: 190px; padding-right: 10px; margin-top: 3px; color: #999999; white-space: normal;}
.f-hint {display: inline-block; vertical-align: middle;}
.f-input-readonly {border: 0;}
/*.f-input-comment {color: #888888;}*/
.f-input-checkbox {padding-bottom: .5em;}
.f-caption {padding: 1em 0;}

.f-hint-control {display: block; width: 15px; height: 15px; background: url(/images/hint_point.png) no-repeat;}
.f-hint:hover {background-position: 0 -15px;}

.f-input-text, .f-select {width: 160px; border: 1px solid #7f9db9;}
.f-input-text[disabled] {border: 1px solid #dbdbdb; background-color: #ffffff;}
.f-input-text {width: 400px; padding: 1px; padding: 2px 1px 2px\9;}
.f-input-small {width: 200px;}
textarea.f-input-text {height: 100px;}
textarea.f-input-html {height: 300px;}
.f-select, .f-file {width: 404px;}
.f-file-clear {margin-top: 5px;}

.f-input-currency {width: 350px;}
.f-select-currency {width: 55px;}

.f-required-caption {margin: 10px 0;}
.f-required-mark {color: #ff0000;}
.f-label .f-required-mark {display: block; float: right;}
.f-invalid, select.f-required option:first-child {background-color: #f5eed1;}
select.f-invalid option {background-color: #ffffff;}

.f-input-options-col {float: left; width: 50%;}
.f-image-preview {float: left; margin-bottom: 5px; width: 450px; height: 300px; background-repeat: no-repeat;}
.f-image-preview-control-item {float: left; margin-bottom: 5px; margin-right: 10px}
.f-image-preview-title {margin: 5px 0;}

.f-row-highlighted {background: #eaeff3;}

.f-external {margin-bottom: 3px;}
.f-external-option {font-weight: bold;}
.f-external-option-close {display: inline-block; width: 8px; height: 8px; margin-left: 3px; background: url(/images/option_close.gif) no-repeat; vertical-align: middle;}

/* table */
.f-images td {padding: 5px; vertical-align: middle;}
.f-images-drag {background: #d4d0c8;}
.f-images-drag-handle {background: url(/admin/images/icons/sort_handle.png) center no-repeat; cursor: pointer;}

/* validation alert */
.f-alert {position: absolute; z-index: 10; display: none;}
.f-alert {width: 242px;}
.f-alert-box {padding-left: 2px; background: url(/images/tt_lr.png) no-repeat;}
.f-alert-box2 {padding-right: 2px; background: url(/images/tt_lr.png) no-repeat 100% 0;}
.f-alert-box3 {padding: 1px; background: #ffffff;}
.f-alert-box4 {padding: 2px; border: 1px solid #cdcccc;}
.f-alert-content {padding: 10px; font-weight: bold; color: #ba2846; background: #f5eed1 url(/images/tt_alert_bgr.gif) repeat-x; text-align: center;}
.f-alert-bottom {height: 8px; padding-left: 5px; background: url(/images/tt_b.png) no-repeat 0 4px;}
.f-alert-bottom-right {float: right; width: 5px; height: 4px; overflow: hidden; margin-top: 4px; background: url(/images/tt_b.png) no-repeat 0 -4px; \ margin-top: 0; _margin-right: 1px; _margin-left: -3px;}
.f-alert-connector {position: relative; height: 14px; overflow: hidden; margin-top: -4px; background: url(/images/tt_alert_conn.png) no-repeat 50% 0; _background: url(/images/tt_alert_conn_ie6.png) no-repeat;}

/* steps */
.f-steps {width: 100%; margin-bottom: 2em; border: 3px solid #ffffff; background-color: #efefef;}
.f-steps-item {width: 25%;}
.f-steps-item, .f-steps-item a {color: #848484; border-color: #848484;}
.f-steps a[href] {text-decoration: none; border-bottom-width: 1px; border-bottom-style: dotted;}
.f-steps-title {padding-bottom: 5px; font-size: 18px;}
.f-steps-box {height: 79px; padding: 10px 5px 10px 34px; background: url(/images/form_step_sep.gif) no-repeat;}
.f-steps-item:first-child .f-steps-box {padding-left: 15px; background-image: none;}
.f-steps-active, .f-steps-active a {color: #ffffff; border-color: #ffffff;}
.f-steps-active .f-steps-box {background: #426595 url(/images/form_step_sep_active.gif) no-repeat;}
.f-steps-active + .f-steps-item .f-steps-box {background: url(/images/form_step_sep_active_after.gif) no-repeat;}
.f-steps-done, .f-steps-done a {color: #171b1e; border-color: #171b1e;}
.f-steps-done .f-steps-box {background: #cfddef url(/images/form_step_sep_done.gif) no-repeat;}
.f-steps-item:last-child .f-steps-box {padding-right: 15px;}
.f-steps-box-clickable {cursor: pointer;}
.f-steps-disabled a[href] {border-bottom: none;}
.f-steps-disabled a {cursor: default;}

/* bookmarks */
.bookmarks {height: 28px; background: url(images/bookmark_line.gif) repeat-x bottom; border-bottom: 1px solid #9ab8cf;}
.bookmarks-item {display: block; float: left; margin-right: 5px; padding-left: 2px; font-size: 12px; background: url(images/bookmark.gif) no-repeat;}
.bookmarks-item, .bookmarks-item span {color: #2a3945;} 
.bookmarks-item span {display: block; float: left; padding-right: 2px; background: url(images/bookmark.gif) no-repeat 100% -28px;}
.bookmarks-item span span {display: block; float: left; height: 28px; line-height: 28px; padding: 0 5px; background: #ffffff url(images/bookmark.gif) repeat-x 0 -56px;}
.bookmarks-item span span span {height: 13px; margin-top: 7px; padding: 0 0 0 17px; line-height: normal; background-color: transparent; background-repeat: no-repeat; background-position: 0 0;}
.bookmarks-item img {vertical-align: middle;}
.bookmarks-item-active {background-position: 0 -84px;}
.bookmarks-item-active span {background-position: 100% -112px;}
.bookmarks-item-active span span {color: #ffffff; background-color: #191d28; background-position: 0 -140px;}
.bookmarks-item-active span span span {background-position: 0 -13px;}
.bookmarks-disabled .bookmarks-item, .bookmarks-disabled .bookmarks-item span, .bookmarks-item-disabled, .bookmarks-item-disabled span {color: #909ab0; text-decoration: none; cursor: default;}
.bookmarks-tooltip {float: left; padding-top: 5px;}

/* message */
.main-content-brief-status, .main-content-info {margin-top: 20px; padding: 20px; color: #fff; background: #2a80b9;}
.main-content-brief-status a, .main-content-info a {color: #fff; border-bottom: 1px dotted #fff;}
.main-content-brief-info {margin: 20px 0;}

/* misc */
.page-personal_offers .g-button {width: 200px;}
.main-content-pad {margin-bottom: 2em;}
.main-content-pad strong {font-weight: 600;}
.f-steps-desc {font-size: 12px; line-height: 1em;}