body {
    font-family: "Arial", "Helvetica", "Verdana", "sans-serif";
    font-size: 12px;
    width: 100%;
    height: 100%;
}

#top_menu {
    position: absolute;
    right: 0;
    top: 0;
    padding: 3px 5px 0 0;
}

#main_panel {
    margin: 2px 3px 2px 3px;
}

.inner_menu {
    width: 100%;
}

.inner_tabs .ui-tabs {

}

div#account {
    padding: 0;
}

div#inner_tabs {
    padding: 0;
}

div#inner_tabs .ui-widget-header {
    border: none;
}

div#inner_tabs .ui-state-default {
    font-weight: normal;
    border: none; /*background:none;*/
}

.mt15 {
    margin-top: 15px;
}

.panel {
    width: 100%;
    height: 100%;
}

.viewport {
    margin: 0 auto;
    min-width: 800px;
    min-height: 600px;
}
.viewdialog {
    margin: 0 auto;
    min-width: 600px;
    min-height: 300px;
}

div.form {
    margin: 0.5em;
}

div.form fieldset {
    border: 1px solid #a5acb2;
    padding: 0.8em 0 0;
}

div.form fieldset {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

div.form fieldset legend {
    padding: 0 .5em 0 0;
    margin-left: 1em;
    font-weight: bold;
}

div.form p {
    padding: 0 1em;
    height: 1.8em;
    margin: 0.5em 0;
}

div.form p.v-mid * {
    vertical-align: middle;
}

div.form p input {
    width: 21em;
}

div.form p select {
    width: 21.5em;
}

div.form label {
    font-weight: bold;
    font-size: 1em;
}

div.form label {
    text-align: right;
    float: left;
    margin: 0 0;
    white-space: nowrap;
    width: 15em;
    padding-right: 0.5em;
}

div.form label.error {
    text-align: left;
    margin-left: 16.5em;
    text-align: left;
    float: none;
}

input.error {
    color: #c00;
    background: #FAF683;
    border: solid 1px #999;
}

select.error {
    color: #c00;
    background: #FAF683;
    border: solid 1px #999;
}

textarea.error {
    color: #c00;
    background: #FAF683;
    border: solid 1px #999;
}

.right {
    text-align: right;
}

.center {
    text-align: center;
}

.left{
    text-align:left;
}

.error {
    color: #c00;
}

div#profile h1 {
    font-size: 180%;
    margin: 1em 0
}

div#profile label sub {
    font-size: .7em;
}

div.clear {
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.f_confirm_title {
    display: none;
    font-weight: bold;
    font-size: 1.1em;
    text-align: center;
    width: 800px
}

.buttons_panel {
    padding: 10px 0;
    border-width:  1px 0 0;
    border-style: solid;
    border-color: #a5acb2;
    width: 100%;
    text-align: center;
}

.buttons_panel_noborder {
    padding-bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 1.2em;
}

.f_row {
    position: relative;
    min-width: 800px;
    width: 100%;
    /*margin: 10px 0;*/
    padding: 5px 0;
    /*border-bottom: 1px solid #a5acb2;*/
}

.f_label {
    width: 180px;
    font-size: 1.1em;
    font-weight: bold;
    text-align: right;
    margin: 0 0;
    padding-right: 0.5em;
    float: left;
}

.f_data {
    min-width: 500px;
    text-align: left;
    float: left;
}

.f_data_value {
    white-space: pre;
}

.f_data_original_ord {
    display: none;
}

.f_data_original {
    white-space: pre;
}

.f_ctrl {
    position: absolute;
    bottom: 5px;
    right: 5px;
    text-align: right;
}

.f_ctrl span {
    text-decoration: underline;
    cursor: pointer;
}

.f_changed {
    background-color: #ffc966;
}

.f_on_review {
    background-color: #6699ff;
    color: #ffffff;
}

.f_ctrl_undo {
    display: none;
}

.f_changed .f_ctrl_undo {
    display: inline;
}

.f_editmode {
}

.f_editmode span.f_data_original {
    display: none;
}

.f_editmode span.f_data_original_br {
    display: none;
}

.f_editmode span.f_data_value {
    display: none;
}

.f_editmode span.f_data_input {
    display: inline;
}

.f_editmode span.f_data_input_other {
    display: inline;
}

.f_editmode span.f_ctrl_cancel {
    display: inline;
}

.f_editmode span.f_ctrl_change {
    display: none;
}

.f_editmode span.f_ctrl_undo {
    display: none;
}

.f_editmode span.f_ctrl_apply {
    display: inline;
}

.f_viewmode {
}

.f_viewmode span.f_data_original {
    display: none;
}

.f_viewmode span.f_data_original_br {
    display: none;
}

.f_viewmode span.f_data_value {
    display: inline;
}

.f_viewmode span.f_data_input {
    display: none;
}

.f_viewmode span.f_data_input_other {
    display: none;
}

.f_viewmode span.f_ctrl_cancel {
    display: none;
}

.f_viewmode span.f_ctrl_change {
    display: inline;
}

.f_viewmode span.f_ctrl_apply {
    display: none;
}

.f_confirmmode {
}

.f_confirmmode .f_row {
    display: none
}

.f_confirmmode .f_changed {
    display: block
}

.f_confirmmode .f_confirm_title {
    display: inline;
}

.f_confirmmode span.f_data_original {
    display: inline;
    min-height: 1em;
    width: 250px;
    float: left;
    padding: 0 5px
}

.f_confirmmode span.f_data_original_br {
    display: inline;
}

.f_confirmmode span.f_data_value {
    display: inline;
    color:#ff0000;
    width: 250px;
    float: left;
    padding: 0 5px
}

.f_confirmmode span.f_data_input {
    display: none;
}

.f_confirmmode span.f_data_input_other {
    display: none;
}

.f_confirmmode div.f_ctrl {
    display: none;
}

.f_data_pic_holder {
    text-align: left;
}

.f_clear {
    clear: left;
}

.cc_details {
    display: none;
}

.pre {
    white-space: pre;
}

.even {
    /*background-color:#fffafa;*/
}

.odd {
    background-color: #ebebeb;
}

.dialog {
    display: none
}

.top-note {
    font-weight:bold;
    font-size: 1.1em;
    padding: 0.8em 0;
    margin: 0.5em 0;
}

#ajax-load {
    display: none;
    color: #f9f9f9;
    font-weight: bold;
    background: #f27373;
    margin: 0;
    padding: 2px 5px 2px 5px;
    position: absolute;
    right:45%;
    top: 0;
    width:auto;
    border-top: 0 none !important;
}

#ajax-load * {
    vertical-align: middle;
}


/**
small image only buttons
align icon span
**/

.btn_16x16 {
    width: 16px; height:16px;
}

.btn_16x16 span {
    margin-left: -6px;
}


#toolbar{ margin: 5px; padding: 3px; vertical-align: middle;}





/* 2023 11 08 SK css buttons */
.myButton {
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #74c7e5), color-stop(1, #1b78aa) );
    background:-moz-linear-gradient( center top, #74c7e5 5%, #1b78aa 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#74c7e5', endColorstr='#1b78aa');
    background-color:#74c7e5;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    border:1px solid #44b7f0;
    display:inline-block;
    color:#fcfeff;
    font-family:arial;
    font-size:12px;
    font-weight:bold;
    padding:6px 24px;
    text-align: center;
    text-decoration:none;
    text-shadow:1px 1px 5px #155070;
    line-height:  normal;
}.myButton:hover {
     background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1b78aa), color-stop(1, #74c7e5) );
     background:-moz-linear-gradient( center top, #1b78aa 5%, #74c7e5 100% );
     filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1b78aa', endColorstr='#74c7e5');
     background-color:#1b78aa;
 }.myButton:active {
      position:relative;
      top:1px;
  }