/*Form*/
form {
    margin: 0;
    padding: 0;
}
#browse input {
    margin-bottom: 2px;
    display: block;
}
.passbox, .filebox {
    width: 200px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background-color: #F5F5F5;
    border: 1px solid #AAAAAA;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.passbox_hov, .filebox_hov {
    width: 200px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background-color: #EFEFEF;
    border: 1px solid #5371AF;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.areabox {
    width: 200px;
    height: 5em;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background-color: #F5F5F5;
    border: 1px solid #AAAAAA;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre-wrap;
}
.areabox_hov {
    width: 200px;
    height: 5em;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background-color: #EFEFEF;
    border: 1px solid #5371AF;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
    white-space: pre-wrap;
}
.areabox.distinctive {
    background-color: #FFFFEE!important;
}
.areabox_hov.distinctive {
    background-color: #FFFFCC!important;
}
.selbox, .txtbox, .selbox.nice-select {
    width: 200px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background-color: #F5F5F5;
    border: 1px solid #AAAAAA;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.selbox_hov, .txtbox_hov {
    width: 200px;
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    background-color: #EFEFEF;
    border: 1px solid #5371AF;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -o-box-sizing: border-box;
    box-sizing: border-box;
}
.txtbox.autocompletebox.combobox, .txtbox_hov.autocompletebox.combobox {
    background-position: 93% center;/* for IE7,8 and Safari */
    background-position: -webkit-calc(100% - 12px) center;
    background-position: right 12px center;
}
.selbox option, .selbox optgroup, .selbox_hov option, .selbox_hov optgroup {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.selbox.missing_records {
    color: #FF0000!important;
}
.selbox_hov.missing_records {
    color: #FF0000!important;
}
.txtbox.distinctive, .pricebox.distinctive {
    background-color: #FFFFEE!important;
}
.txtbox_hov.distinctive, .pricebox_hov.distinctive {
    background-color: #FFFFCC!important;
}
.txtbox.refreshed, .pricebox.refreshed, .areabox.refreshed, .selbox.refreshed {
    background-color: #C8FFBF!important;
}
.txtbox_hov.refreshed, .pricebox_hov.refreshed, .areabox_hov.refreshed, .selbox_hov.refreshed {
    background-color: #9FFF8F!important;
}
.txtbox.erred, .pricebox.erred, .areabox.erred, .selbox.erred {
    border-color: #FF7F7F!important;
    color: #FF0000;
}
.txtbox_hov.erred, .pricebox_hov.erred, .areabox_hov.erred, .selbox_hov.erred {
    border-color: #FF5F5F!important;
}
.txtbox.completed, .pricebox.completed, .areabox.completed {
    border-color: #087706!important;
    color: #087706;
}
.txtbox_hov.completed, .pricebox_hov.completed, .areabox_hov.completed {
    border-color: #035F00!important;
}
.txtbox.red, .txtbox_hov.red {
    color: #FF0000!important;
}
.txtbox.green, .txtbox_hov.green {
    color: #298923!important;
}
.txtbox.viewmode, .txtbox_hov.viewmode,
.txtbox.autocompletebox.readonly.viewmode, .txtbox_hov.autocompletebox.readonly.viewmode,
.areabox.viewmode, .areabox_hov.viewmode,
.selbox.viewmode, .selbox_hov.viewmode {
    border: 0px none;
    background-color: transparent;
    background-image: none;
    font-size: 10px;
}
.areabox.viewmode, .areabox_hov.viewmode {
    /* Remove WebKit user-resize widget */
    resize: none;
}
.selbox.num, .selbox_hov.num, .txtbox.num, .txtbox_hov.num {
    width: 40px;
}
.pricebox {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: right;
    background-color: #EFEFEF;
    border: 1px solid #AAAAAA;
}
.pricebox_hov {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: right;
    background-color: #EFEFEF;
    border: 1px solid #5371AF;
}
.pricebox_view {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 9px;
    text-align: right;
}
.codebox {
    width: 60px;
}
.namebox {
    margin-left: 6px;
    width: 134px;
}
td > .namebox {
    margin-left: 0px;
}
.labelbox {
    vertical-align: top;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 180px!important;
}
.labelbox_long {
    vertical-align: top;
    color: #666666;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    width: 210px!important;
}
.back_label {
    display: inline-block;
    overflow: hidden;
}
.viewbox td {
    padding: 3px;
}
.viewbox .labelbox {
    width: 0;
}
.databox {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.databox2 {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}
.datebox, timebox {
    float: left;
}
.datetimebox {
    float: left;
}
.button {
    background-color: #F5F5F5;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-left: 1px solid #AAAAAA;
    border-top: 1px solid #AAAAAA;
    border-right: 2px solid #AAAAAA;
    border-bottom: 2px solid #AAAAAA;
    margin-right: 4px;
    padding: 1px 7px;
}
.button:hover, .button_hov {
    background-color: #5371AF;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    border-left: 1px solid #000066;
    border-top: 1px solid #000066;
    border-right: 2px solid #000066;
    border-bottom: 2px solid #000066;
}
.button_inactive, .button_inactive:hover {
    background-color: #CCCCCC!important;
    color: #000000!important;
    cursor: wait;
}
.button.inactive, .button.inactive:hover {
    background-color: #CCCCCC!important;
    color: #000000!important;
}
.reports_generate_button {
    background-color: #FFF3C8;
}
.reports_export_button {
    background-color: #93D0F9;
}
.copy_button {
    width: 20px!important;
}
.frontendbox {
    color: #FFA500;
    font-style: italic;
}
.doubled {
    width: 400px;
}
.short {
    width: 80px!important;
}
/*
.txtbox[readonly], .txtbox_hov[readonly],
.areabox[readonly], .areabox_hov[readonly] {
    background: url('../images/readonly_bg.gif') 0 0;
    border: 1px solid #FFDDBB;
}
*/
.txtbox.autocompletebox, .txtbox_hov.autocompletebox {
    background: url('../images/small/autocompleter.png') no-repeat 100% 2px #F5F5F5;
}
.txtbox.autocompletebox.working, .txtbox_hov.autocompletebox.working {
    background-image: url('../images/small/indicator.gif')!important;
}
.readonly, .txtbox.autocompletebox.readonly {
    background: url('../images/readonly_bg.gif') 0 0;
    border: 1px solid #FFDDBB;
}
.txtbox.distinctive[readonly], .txtbox_hov.distinctive[readonly],
.areabox.distinctive[readonly], .areabox_hov.distinctive[readonly], .readonly.distinctive {
    background-image: none;
}
.readonly.distinctive {
    background-image: none;
}
.areabox.higher, .areabox_hov.higher {
    height: 200px;
}
.txtbox.small, .txtbox_hov.small, .selbox.date, .selbox_hov.date, .selbox.small, .selbox_hov.small, .pricebox.small, .pricebox_hov.small {
    width: 64px!important;
}
.selbox.time, .selbox_hov.time {
    width: 40px!important;
}
.input_inactive {
    background: url('../images/footer_bg4.gif') 0 0;
    border: 1px solid #DDDDDD;
}

.search_inactive {
    background: url('../images/footer_bg4.gif') 0 0;
    border: 1px solid #DDDDDD;
}

/* Autocompleter */
div.autocompletebox {
    position: absolute;
    background-color: #F5F5F5;
    border: 1px solid #5371AF;
    margin: 0;
    padding: 0px;
    z-index: 15000;
    overflow: hidden;
}
div.autocomeplete_positioned {
    margin-left: -66px!important;
}
div.autocompletebox ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.autocompletebox ul li.selected {
    background-color: #FFFFE0;
}
div.autocompletebox ul li {
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    cursor: pointer;
    color: #000000;
    font-size: 10px;
}
div.autocompletebox ul li a {
    color: #5371af !important;
}
div.autocompletebox ul li a:visited {
    color: #46044F !important;
}
div.autocompletebox ul li a:active {
    color: #EF0000 !important;
}
div.autocompletebox ul li a:hover {
    color: #2D395F !important;
}

div.autocompletebox li.user_portal {
    background: url('../images/small/user_portal.png') no-repeat 1px 1px;
    padding-left: 15px ! important;
}

div.autocompletebox li.user_normal {
    background: url('../images/small/user.png') no-repeat 1px 1px;
    padding-left: 15px ! important;
}

div.autocompletebox li.inactive_option {
    color: #A6A6A6;
}

div.button_menu {
    display: inline-block;
}
div.button_menu > a > img.icon_button {
    width: 14px;
    height: 14px;
}
div.button_menu div.autocompletebox {
    border: 1px solid #b5b5b5;
    border-bottom: 0px none;
    white-space: nowrap;
}
div.button_menu div.autocompletebox ul li:hover {
    background-color: #e3e3e3!important;
}
div.button_menu div.autocompletebox ul li {
    border-bottom: 1px solid #b5b5b5;
    padding: 3px 5px 0 0;
    width: 100%;
}
div.button_menu div.autocompletebox ul li a {
    display: block;
    color: #000000!important;
}
div.button_menu div.autocompletebox ul li a img.icon_button, div.button_menu div.autocompletebox ul li a:hover img.icon_button {
    background-image: none;
    background-color: #D0D8E3;
    padding: 5px;
    border: 0px none;
    opacity: 1;
}

.block_quote_status {
    margin: 0px 20px;
}
.transformations_options_box {
    width: 100%;
}
.info_extra_panel {
    padding: 12px 0px 0px 20px;
    float: left;
    vertical-align: top;
    width: 602px;
}
.inactive_option {
    color: #A6A6A6;
    cursor: help;
}
.inactive_checkbox {
    background-color: #CCCCCC!important;
    color: #000000!important;
}

/* style placeholder to look the same in different browsers */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #888888;
    opacity: 0.8;
}
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {
    color: transparent; /* autohide */
}
input:-moz-placeholder, textarea:-moz-placeholder { /* Firefox 18- */
    color: #888888;
    opacity: 0.8;
}
input:focus:-moz-placeholder, textarea:focus:-moz-placeholder {
    color: transparent; /* autohide */
}
input::-moz-placeholder, textarea::-moz-placeholder { /* Firefox 19+ */
    color: #888888;
    opacity: 0.8;
}
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {
    color: transparent; /* autohide */
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
    color: #888888;
    opacity: 0.8;
}