/**
 * Developed by Kernel Team.
 * http://kernel-team.com
 */
html {
    height: 100%;
    margin: 0;
}

body {
    margin: 0;
    background: #717b83;
    font-family: Verdana, sans-serif;
    font-size: 12px;
    height: 100%;
    color: #202020;
}

body#iframe_content {
    background: #fff !important;
}

h1 {
    font-size: 12px;
}

p {
    margin-top: 10px;
    margin-bottom: 10px;
}

a {
    color: #202020;
    text-decoration: underline;
}

a:hover {
    text-decoration: none;
}

a.link_help {
    font-size: 70%;
    vertical-align: top;
    margin-left: 3px;
    text-decoration: none;
    cursor: help;
}

form {
    display: inline;
}

input, select, textarea, button, file {
    font-family: Verdana, sans-serif;
    color: #202020;
    font-size: 12px;
}

input[disabled], select[disabled], textarea[disabled] {
    color: #a0a0a0;
}

textarea.html_code_editor {
    font-family: Courier New, sans-serif;
    color: #202020;
    font-size: 12px;
}

input.readonly_field, select.readonly_field, textarea.readonly_field {
    color: #505050 !important;
}

div.clear_both {
    clear: both;
}

div.scrollable_message {
    overflow: auto;
}

*.hidden {
    display: none !important;
}

*.js_params {
    display: none;
}

*.links_configuration {
    display: none;
}

*.highlighted_text {
    color: #f00;
}

*.nowrap {
    white-space: normal !important;
}

/**
 * Layout main.
 */

#content {
    height: 100%;
    margin: 0 10px;
    display: none;
}

#layout_root {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

#layout_main_left {
    padding: 0;
    width: 10px;
    background: url("../images/bg_left_tile.gif") left top repeat-y;
}

#layout_main_main {
    padding: 0 0 10px 0;
    vertical-align: top;
    background: #fff url("../images/main_tile.gif") 11px top repeat-y;
}

#layout_main_login, #layout_main_start, #layout_main_file_upload, #layout_main_popup {
    padding: 0 0 10px 0;
    vertical-align: top;
    background: #fff;
}

#layout_main_right {
    padding: 0;
    width: 10px;
    background: url("../images/bg_right_tile.gif") left top repeat-y;
}

#layout_bottom_left {
    padding: 0;
    width: 10px;
    height: 30px;
    background: url("../images/bg_left_bottom.gif") left top no-repeat;
}

#layout_bottom_main {
    padding: 0;
    height: 30px;
    background: url("../images/bg_bottom_tile.gif") left top repeat-x;
}

#layout_bottom_right {
    padding: 0;
    width: 10px;
    height: 30px;
    background: url("../images/bg_right_bottom.gif") left top no-repeat;
}

/**
 * Header.
 */

#header {
    background: url("../images/bg_header_tile.jpg") left top repeat-x;
    height: 55px;
}

#header_inner {
    background: url("../images/bg_header.jpg") left top no-repeat;
    height: 55px;
    text-align: right;
}

#user_info {
    float: right;
    color: #fff;
    padding: 8px 20px;
    background: #000;
}

#user_info a {
    color: #fff;
    margin: 0 2px;
}

#server_info {
    float: left;
    padding: 2px 0 0 10px;
    font-size: 11px;
    color: #ddd;
}

#server_info .value {
    color: #fff;
    font-weight: bold;
}

#server_info a {
    color: #fff;
    text-decoration: underline;
}

/**
 * Popup header.
 */

#header_popup {
    background: url("../images/bg_header_tile.jpg") left top repeat-x;
    height: 20px;
}

#header_popup_inner {
    background: url("../images/bg_header.jpg") left top no-repeat;
    height: 20px;
}

/**
 * Login form.
 */

#login_form {
    margin: 100px auto;
    width: 300px;
}

#login_form a {
    display: block;
    line-height: 0;
    font-size: 0;
    height: 45px;
    background: url("../images/login_header.gif") left top no-repeat;
}

#login_form .hor_line {
    height: 2px;
    margin: 1px 0 10px 0;
    background: #000;
}

#login_form .login_field input {
    width: 70%;
}

/**
 * Main menu.
 */

#main_menu {
    position: relative;
    height: 32px;
    top: -16px;
    margin: 0 10px;
    padding: 0 1px;
    background: #fff;
}

#main_menu div {
    background: url("../images/main_menu_tile.gif") left top repeat-x;
    height: 32px;
}

#main_menu a {
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 0 20px;
    line-height: 32px;
    height: 32px;
    border-right: 1px solid #fff;
    text-decoration: none;
    text-transform: capitalize;
}

#main_menu a:hover {
    background: url("../images/main_menu_tile_hover.gif") left top repeat-x;
}

#main_menu a.first {
    background: url("../images/main_menu_logo.gif") left top no-repeat;
    padding-left: 59px;
}

#main_menu a.first:hover {
    background: url("../images/main_menu_logo_hover.gif") left top no-repeat;
}

#main_menu span {
    display: block;
    float: left;
    color: #fff;
    font-weight: bold;
    padding: 0 20px;
    line-height: 32px;
    height: 32px;
    border-right: 1px solid #fff;
    text-decoration: none;
    text-transform: capitalize;
    background: url("../images/main_menu_tile_static.gif") left top repeat-x;
}

#main_menu span.first {
    background: url("../images/main_menu_logo_static.gif") left top no-repeat;
    padding-left: 59px;
}

#main_menu_margin {
    position: relative;
    top: -16px;
    height: 5px;
    clear: both;
    background: #fff;
}

/**
 * Main pane.
 */

#main_pane {
    position: relative;
    top: -16px;
    width: 100%;
    border-collapse: collapse;
}

/**
 * Left pane.
 */

#left_pane {
    width: 220px;
    padding: 0 0 0 11px;
    vertical-align: top;
}

#left_pane_spacer {
    width: 221px;
    padding: 0;
}

#left_menu {
    padding: 0 0 15px 0;
}

#left_menu h1 {
    display: block;
    font-weight: bold;
    text-transform: capitalize;
    color: #fff;
    background: #aeaeae;
    margin: 5px;
    padding: 8px 10px;
}

#left_menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 5px;
    padding: 0;
    border-bottom: 1px solid #fff;
}

#left_menu li {
    border-top: 1px solid #fff;
}

#left_menu li span {
    display: block;
    padding: 5px 10px 5px 30px;
    background: #fff;
    text-transform: capitalize;
}

#left_menu li a {
    display: block;
    padding: 5px 10px 5px 30px;
    background: url("../images/icon_internal_link.gif") 8px center no-repeat;
    text-transform: capitalize;
}

#left_menu li a:hover {
    background: #aeaeae url("../images/icon_internal_link.gif") 8px center no-repeat;
}

.left_hints h1 {
    display: block;
    font-weight: bold;
    color: #fff;
    background: #aeaeae;
    margin: 5px;
    padding: 8px 10px;
    text-transform: capitalize;
}

.left_hints p {
    font-size: 11px;
    margin: 5px 0 0 0;
    padding: 0 10px;
}

.left_dt h1 {
    display: block;
    font-weight: bold;
    color: #fff;
    background: #aeaeae;
    margin: 5px;
    padding: 8px 10px;
    text-transform: capitalize;
}

.left_dt table {
    width: 100%;
    border-collapse: collapse;
}

.left_dt table td {
    padding: 2px 10px;
}

/**
 * Center pane.
 */

#center_pane {
    padding: 0 10px;
    vertical-align: top;
}

/**
 * Start page.
 */

#start_page {
    position: relative;
    top: -16px;
    margin: 0 11px;
}

#start_page #general_info {
    border: 1px solid #d0d0d0;
    padding: 8px 15px;
    margin-bottom: 5px;
}

#start_page #welcome_mes h1 {
    color: #0677f9;
    font-weight: bold;
    font-size: 18px;
    margin: 0;
}

#start_page #welcome_mes p {
    margin: 0 0 0 1px;
}

#start_page #welcome_mes {
    float: left;
}

#start_page #system_info {
    background: url("../images/start_logo.gif") left center no-repeat;
    min-height: 38px;
    padding-left: 70px;
    float: right;
}

#start_page #system_info h1 {
    color: #0677f9;
    font-weight: bold;
    font-size: 14px;
    margin: 0;
}

#start_page #system_info p {
    margin: 3px 0 0 0;
}

#start_page #stats {
    background: #e3f0f8;
    padding: 8px 15px;
    margin-bottom: 5px;
}

#start_page #stats h1 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px 0;
}

#start_page #stats h2 {
    font-weight: bold;
    font-size: 12px;
    margin: 5px 0;
}

#start_page #stats table {
    border-collapse: collapse;
}

#start_page #stats table td {
    padding: 2px 15px 2px 0;
}

#start_page #stats .separator {
    height: 2px;
    background: #b8cedb;
    font-size: 0;
    line-height: 0;
}

#start_page #stats .stats_group {
    float: left;
    margin-right: 30px;
}

#start_page #alerts.twocol {
    width: 700px;
    float: left;
}

#start_page #errors.twocol {
    margin-left: 740px;
}

#start_page #alerts, #start_page #errors {
    background: #f8e4e4;
    padding: 8px 15px;
    margin-bottom: 5px;
}

#start_page #alerts h1, #start_page #errors h1 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #fe2a07;
}

#start_page #alerts .separator, #start_page #errors .separator {
    height: 2px;
    background: #dfc1c1;
    font-size: 0;
    line-height: 0;
}

#start_page #news {
    background: #fff;
    padding: 8px 15px;
    margin-bottom: 5px;
    border: 1px solid #d0d0d0;
}

#start_page #news h1 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px 0;
    color: #0677f9;
}

#start_page #news .separator {
    height: 2px;
    background: #e4e4e4;
    font-size: 0;
    line-height: 0;
}

#start_page #news span {
    font-weight: bold;
    margin-right: 20px;
}

/**
 * General error.
 */

#general_error {
    position: relative;
    top: -16px;
    margin: 5px 11px;
}

/**
 * Documnetation pages.
 */

#documentation {
    position: relative;
    top: -16px;
    margin: 5px 11px;
}

#documentation h1 {
    margin: 15px 0 0 0;
    padding: 5px 0 5px 20px;
    font-size: 18px;
    font-weight: bold;
    background: #0892fe;
    color: #fff;
    text-transform: capitalize;
}

#documentation h2 {
    margin: 15px 0 0 0;
    font-size: 18px;
    font-weight: bold;
    padding: 0 0 0 20px;
}

#documentation h3 {
    margin: 15px 0 0 0;
    font-size: 14px;
    font-weight: bold;
    padding: 0 0 0 20px;
    text-decoration: underline;
}

#documentation span.term {
    font-weight: bold;
}

#documentation span.comment {
    font-style: italic;
    color: #888;
}

#documentation p {
    margin: 15px 0 0 0;
    padding: 0 0 0 20px;
    line-height: 20px;
}

#documentation .code {
    display: block;
    border: 1px solid #222;
    margin: 15px 30px 0 30px;
    padding: 10px;
    font-family: Lucida Console, monospace;
    background: #eee;
    font-size: 13px;
}

#documentation .screenshot {
    display: block;
    margin: 15px 30px 0 30px;
    text-align: center;
}

#documentation .screenshot img {
    border: 1px solid #222;
}

#documentation .screenshot span {
    line-height: 20px;
    font-size: 11px;
}

#documentation .important {
    display: block;
    border: 1px solid #f22;
    background: #fcc;
    margin: 15px 30px 0 30px;
    padding: 10px;
}

#documentation ul {
    display: block;
    margin: 13px 0 0 30px;
    padding: 0;
    line-height: 20px;
    list-style-type: none;
}

#documentation li {
    display: block;
    padding: 4px 2px 4px 20px;
    background: url("../images/checkmark.gif") 0 9px no-repeat;
}

#documentation div.table {
    margin: 15px 30px 0 30px;
    background: #eee;
}

#documentation table {
    width: 100%;
    margin: 0;
    border-collapse: collapse;
}

#documentation table td {
    padding: 5px;
    font-size: 13px;
    border: 1px solid #888;
    border-top: none;
}

#documentation table tr.header td {
    border: 1px solid #222;
    font-weight: bold;
    background: #ccc;
}

#documentation div.contents {
    margin: 15px 0 0 0;
    padding: 0 0 0 40px;
    line-height: 20px;
}

#documentation div.contents a {
    color: #111;
}

#documentation div.contents a.l2 {
    font-size: 15px;
    font-weight: bold;
}

#documentation div.contents a.l3 {
    margin-left: 10px;
    color: #333;
}

/**
 * Data editor.
 */

.de {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 10px;
}

/* Data editor global */

.de .de_header {
    padding: 5px 0;
    color: #fff;
}

.de .de_header div {
    font-weight: bold;
    padding: 8px 8px;
    background: #0892fe;
}

.de .de_header a {
    color: #fff;
}

.de .de_separator {
    padding: 5px 0 5px 10px;
    color: #fff;
}

.de .de_separator div {
    font-weight: bold;
    padding: 3px 8px;
    background: #0892fe;
}

.de .de_separator a {
    color: #fff;
}

.de .de_grayed {
    color: #777;
}

.de .de_lv_pair {
    display: inline;
    white-space: nowrap;
}

.de .de_lv_pair input {
    margin: 0;
}

.de .de_lv_pair span {
    padding-left: 5px;
    padding-right: 20px;
}

.de .de_lv_pair span.selected {
    font-weight: bold;
}

.de .de_fu {
    display: inline;
}

.de .de_hint {
    font-size: 80%;
}

.de .de_insight_list .list {
    padding-bottom: 5px;
}

.de .de_insight_list .list a {
    padding: 0 10px 0 13px;
    text-decoration: none;
    background: url("../images/icon_delete_small.gif") 0 3px no-repeat;
    display: block;
    float: left;
}

.de .de_insight_list .list a.hover {
    text-decoration: underline;
    background: url("../images/icon_delete_small_hover.gif") 0 3px no-repeat;
    cursor: pointer;
}

.de .de_insight_list .list span {
    padding: 0 10px 0 0;
    display: block;
    float: left;
}

.de a.de_expand {
    padding-right: 12px;
    background: url("../images/icon_expand.gif") right 3px no-repeat;
}

.de a.de_collapse {
    padding-right: 12px;
    background: url("../images/icon_collapse.gif") right 3px no-repeat;
}

.de p {
    padding-right: 10px;
}

.de td.de_simple_text {
    padding: 4px 5px 4px 18px;
}

.de td.de_label {
    padding: 5px 5px 5px 18px;
    white-space: nowrap;
}

.de td.de_required, .de div.de_required {
    font-weight: bold;
}

.de td.de_control {
    padding: 6px 0 6px 10px;
}

.de td.de_table_control {
    padding: 6px 0 0 18px;
}

.de td.de_action_group {
    padding: 10px 15px 2px 10px;
}

.de table.control_group {
    width: 100%;
    border-collapse: collapse;
}

.de table.control_group td {
    padding: 4px 0;
}

.de table.control_group tr.group_title td div {
    background: #ccc;
    padding: 3px 5px;
    font-weight: bold;
}

.de table.control_group tr.group_data td {
    padding: 4px 0 4px 10px;
}

/* Data editor image list */

.de table.de_img_list {
    width: 100%;
    border-collapse: collapse;
}

.de table.de_img_list td {
    padding: 5px 2px;
}

.de table.de_img_list td.de_img_list_label {
    white-space: nowrap;
    padding-right: 10px;
}

.de table.de_img_list tr.de_img_list_thumb td {
    border-top: 1px solid #a4a4a4;
}

.de table.de_img_list tr.de_img_list_thumb td img {
    border: none;
}

.de table.de_img_list tr.de_img_list_desc td {
    border-top: 1px solid #e4e4e4;
}

.de table.de_img_list tr.de_img_list_options td {
    border-top: 1px solid #e4e4e4;
}

/* Data editor edit grid */

.de table.de_edit_grid {
    border-collapse: collapse;
    width: 100%;
}

.de table.de_edit_grid tr.eg_header td {
    padding: 5px 5px;
    font-weight: bold;
    background: #e2e1e0;
}

.de table.de_edit_grid tr.eg_data td {
    padding: 2px 5px;
    border-bottom: 1px solid #c4c4c4;
}

.de table.de_edit_grid tr.eg_even td {
    background: #f4f3f2;
}

.de table.de_edit_grid tr.eg_group_header td {
    padding: 5px 5px;
    font-weight: bold;
    background: #e2e1e0;
}

.de table.de_edit_grid tr.eg_group_header td a.add {
    background: url("../images/icon_add.gif") left top no-repeat;
    height: 15px;
    margin-right: 7px;
    text-indent: 20px;
    display: block;
    float: left;
}

.de table.de_edit_grid tr.eg_group_header td a.add:hover {
    background: url("../images/icon_add_hover.gif") left top no-repeat;
}

.de table.de_edit_grid tr.eg_total td {
    padding: 5px 5px;
    font-weight: bold;
    background: #e2e1e0;
}

.de table.de_edit_grid td {
    border-top: 1px solid #c4c4c4;
    border-bottom: 1px solid #c4c4c4;
}

.de table.de_edit_grid td.eg_no_wrap {
    white-space: nowrap;
}

/**
 * Errors list.
 */

.err_list {
    color: #fe2a07;
    margin: 5px 10px;
    padding: 8px 8px;
    background: #f8e4e4;
    border: 1px solid #dfc1c1;
}

.err_list .err_header {
    font-weight: bold;
    padding-bottom: 5px;
    border-bottom: 2px solid #dfc1c1;
}

.err_list ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 1px;
}

.err_list ul li {
    padding-top: 3px;
}

/**
 * Message.
 */

.message {
    margin: 5px 10px;
    background: #e4eff8;
    border: 1px solid #c1d1df;
}

.message p {
    color: #000;
    padding: 8px;
    margin: 0;
}

/**
 * Data grid.
 */

.dg_wrapper {
    border: 1px solid #e4e4e4;
}

/* Data grid filter section */

.dg_wrapper .dgf {
    background: #e4e4e4;
    padding: 5px;
}

.dg_wrapper .dgf td.dgf_label {
    padding-right: 5px;
}

.dg_wrapper .dgf td.dgf_control {
    padding-right: 15px;
}

.dg_wrapper .dgf td.dgf_advanced_link a {
    background: url("../images/icon_advanced_open.gif") 1px 1px no-repeat;
    padding: 1px 1px 1px 15px;
    font-weight: bold;
}

.dg_wrapper .dgf td.dgf_advanced_link a:hover {
    background: url("../images/icon_advanced_open_hover.gif") 1px 1px no-repeat;
}

/* Data grid main section */

.dg_wrapper .dg {
    padding: 5px;
}

.dg_wrapper .dg table {
    border-collapse: collapse;
    width: 100%;
}

.dg_wrapper .dg .dg_additional_menu_template {
    display: none;
}

/* Data grid additional menu */

.dg_additional_menu {
    background: #e4e4e4;
    padding: 2px;
    border: 1px solid #202020;
}

.dg_additional_menu ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.dg_additional_menu li.wb {
    border-bottom: 1px solid #777;
}

.dg_additional_menu li a {
    display: block;
    padding: 5px 20px 5px 30px;
    background: url("../images/icon_internal_link.gif") 8px center no-repeat;
}

.dg_additional_menu li a:hover {
    background: #aeaeae url("../images/icon_internal_link.gif") 8px center no-repeat;
}

/* Data grid header row */

.dg_wrapper .dg .dg_header td, .dg_wrapper .dg .dg_header a {
    color: #fff;
}

.dg_wrapper .dg tr.dg_header td {
    background: #0892fe url("../images/dg_header_border.gif") left 2px repeat-y;
    padding: 5px 5px;
    font-weight: bold;
    white-space: nowrap;
}

.dg_wrapper .dg tr.dg_header td.dg_selector {
    background: #0892fe;
}

.dg_wrapper .dg tr.dg_header a.dg_sort_asc {
    padding-left: 13px;
    background: url("../images/icon_sort_asc.gif") 1px center no-repeat;
}

.dg_wrapper .dg tr.dg_header a.dg_sort_desc {
    padding-left: 13px;
    background: url("../images/icon_sort_desc.gif") 1px center no-repeat;
}

/* Data grid group header rows */

.dg_wrapper .dg tr.dg_group_header td {
    background: #e0e0e0 url("../images/dg_group_header_border.gif") left 2px repeat-y;
    padding: 2px 5px;
    border-bottom: 1px solid #777;
    font-weight: bold;
}

.dg_wrapper .dg tr.dg_group_header td.dg_selector {
    background: #e0e0e0;
}

.dg_wrapper .dg tr.dg_group_header td a.edit {
    background: url("../images/icon_edit.gif") left top no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    display: block;
    float: left;
}

.dg_wrapper .dg tr.dg_group_header td a.edit:hover {
    background: url("../images/icon_edit_hover.gif") left top no-repeat;
}

.dg_wrapper .dg tr.dg_group_header td a.additional {
    background: url("../images/icon_additional.gif") left top no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    display: block;
    float: left;
}

.dg_wrapper .dg tr.dg_group_header td a.additional:hover {
    background: url("../images/icon_additional_hover.gif") left top no-repeat;
}

/* Data grid data rows */

.dg_wrapper .dg tr.dg_data td {
    background: url("../images/dg_data_border.gif") left 2px repeat-y;
    padding: 2px 5px;
    border-bottom: 1px solid #a4a4a4;
}

.dg_wrapper .dg tr.dg_data td.dg_selector {
    background: none;
}

.dg_wrapper .dg tr.dg_data td.dg_selector_emul {
    background: none;
    padding: 0;
    height: 25px;
}

.dg_wrapper .dg tr.dg_data td a.edit {
    background: url("../images/icon_edit.gif") left top no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    display: block;
    float: left;
}

.dg_wrapper .dg tr.dg_data td a.edit:hover {
    background: url("../images/icon_edit_hover.gif") left top no-repeat;
}

.dg_wrapper .dg tr.dg_data td a.additional {
    background: url("../images/icon_additional.gif") left top no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 7px;
    display: block;
    float: left;
}

.dg_wrapper .dg tr.dg_data td a.additional:hover {
    background: url("../images/icon_additional_hover.gif") left top no-repeat;
}

/* Data grid common */

.dg_wrapper .dg tr.dg_even td {
    background: #f4f3f2 url("../images/dg_even_border.gif") left 2px repeat-y;
}

.dg_wrapper .dg tr.dg_even td.dg_selector {
    background: #f4f3f2;
}

.dg_wrapper .dg tr.dg_even td.dg_selector_emul {
    background: #f4f3f2;
}

.dg_wrapper .dg tr.dg_selected td {
    background: #cfcfcf url("../images/dg_selected_border.gif") left 2px repeat-y;
}

.dg_wrapper .dg tr.dg_selected td.dg_selector {
    background: #cfcfcf;
}

/* Data grid total row */

.dg_wrapper .dg tr.dg_total td {
    background: #b4b4b4 url("../images/dg_total_border.gif") left 2px repeat-y;
    padding: 2px 5px;
    border-bottom: 1px solid #e4e4e4;
    font-weight: bold;
    height: 30px;
}

.dg_wrapper .dg tr.dg_total td.dg_selector {
    background: #b4b4b4;
}

/* Data grid batch section */

.dg_wrapper .dgb {
    padding: 5px;
}

.dg_wrapper .dgb td {
    padding: 5px;
}

.dg_wrapper .dgb td select {
    margin: 1px 0;
}

.dg_wrapper .dgb .dgb_actions_configuration {
    display: none;
}

/**
 * Paging.
 */

.paging {
    text-align: center;
    margin: 10px 0;
}

.paging a {
    padding: 5px;
    margin: 0 2px;
}

.paging a:hover {
    background: #e6e6e6;
    padding: 4px;
    border: 1px solid #c4c4c4;
}

.paging span {
    background: #0892fe;
    color: #fff;
    padding: 4px;
    margin: 0 2px;
    border: 1px solid #0467ca;
}

/**
 * File upload dialog and upload layer.
 */

.upload_layer {
    background: #fff;
    padding: 2px;
    border: 2px solid #000;
}

#file_upload_dialog div {
    margin: 10px;
}

#file_upload_dialog div h1, .upload_layer div h1 {
    display: block;
    background: #aeaeae;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
}

#file_upload_dialog div iframe, .upload_layer div iframe {
    width: 100%;
    border: 0;
}

#file_upload_dialog div.progress, .upload_layer div.progress {
    border: 1px solid #aeaeae;
    padding: 1px;
    height: 12px;
    overflow: hidden;
}

#file_upload_dialog div.progress div, .upload_layer div.progress div {
    margin: 0 !important;
    height: 12px;
    background: #5bb6fe;
    overflow: visible;
    white-space: nowrap;
    font-size: 10px;
    font-weight: bold;
    text-indent: 5px;
}

/**
 * Preview layer.
 */

.preview_layer {
    background: #e4e4e4;
    padding: 2px;
    border: 1px solid #202020;
}

/**
 * Wait post layer.
 */

.wait_post_layer {
    border: 2px solid #000;
    background: #fff;
    padding: 1px;
}

.wait_post_layer div {
    background: url(../images/main_menu_logo.gif) left -1px;
    padding-left: 59px;
    padding-right: 20px;
    height: 31px;
    line-height: 31px;
    color: #fff;
    font-weight: bold;
}

/**
 * Insight icon.
 */

.insight_icon {
    position: absolute;
    width: 10px;
    height: 11px;
    background: url("../images/icon_insight.gif") left top no-repeat;
    cursor: help;
}

/**
 * Insight layer.
 */

.insight_layer {
    background: #fff;
    padding: 2px;
    border: 1px solid #202020;
}

.insight_layer .scroller {
    overflow: auto;
    height: 160px;
}

.insight_layer ul {
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.insight_layer li {
    display: block;
    padding: 3px;
    text-decoration: none;
    cursor: pointer;
    white-space: nowrap;
}

.insight_layer li.focused {
    background: #e4e4e4;
    border: 1px solid #202020;
    padding: 2px;
}

.insight_layer span.highlighted {
    font-weight: bold;
    text-decoration: underline;
}

.insight_layer span.other {
    display: block;
    padding: 3px;
    color: #777;
}

/**
 * Insight list layer.
 */

.insight_list_layer {
    border: 2px solid #000;
    background: #fff;
    padding: 1px;
    overflow: auto;
}

/**
 * Sizes.
 */

.fixed_height_30 {
    height: 30px;
}

.fixed_height_50 {
    height: 50px;
}

.fixed_height_100 {
    height: 100px;
}

.fixed_height_150 {
    height: 150px;
}

.fixed_height_200 {
    height: 200px;
}

.fixed_height_250 {
    height: 250px;
}

.fixed_height_300 {
    height: 300px;
}

.fixed_height_350 {
    height: 350px;
}

.fixed_height_400 {
    height: 400px;
}

.fixed_50 {
    width: 50px;
}

.fixed_100 {
    width: 100px;
}

.fixed_150 {
    width: 150px;
}

.fixed_200 {
    width: 200px;
}

.fixed_250 {
    width: 250px;
}

.fixed_300 {
    width: 300px;
}

.fixed_350 {
    width: 350px;
}

.fixed_400 {
    width: 400px;
}

.fixed_450 {
    width: 450px;
}

.fixed_500 {
    width: 500px;
}

.fixed_550 {
    width: 550px;
}

.fixed_600 {
    width: 600px;
}

.fixed_650 {
    width: 650px;
}

.fixed_700 {
    width: 700px;
}

.dyn_50 {
    width: 50%;
}

.dyn_60 {
    width: 60%;
}

.dyn_70 {
    width: 70%;
}

.dyn_80 {
    width: 80%;
}

.dyn_90 {
    width: 90%;
}

.dyn_full_size {
    width: 98%;
}