body {
    margin: 0;
    background-color: #eeeeee;
    font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif;
}

.header {
    font-size: 24px;
    width: 100%;
    height: 64px;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABACAIAAABUc4oXAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9sMEAcWMWnNX7oAAAAdaVRYdENvbW1lbnQAAAAAAENyZWF0ZWQgd2l0aCBHSU1QZC5lBwAAAGJJREFUCNdVjsERAzEMAtf0lmpTXr4Rm8fZk7sXiEEAr887aqTRiTTtRM89KY2dYFM2PvjxXxwn5dLOT23ozrvpdiLeur97y85johO6d5xd9/6zXQMEDKyAWRuFLAis+Pf8AHvDhoNx1pk3AAAAAElFTkSuQmCC");
    margin: 0;
    position: relative;
}

.body {
    width: 100%;
}

.header h1 {
    display: inline-block;
    font-size: 34px;
    margin-top: 12px;
    margin-bottom: 0;
    margin-left: 1em;
}

/* 運用者メニュー、管理者メニュー */
#menu {
    max-width: 500px;
    height: auto;
    margin: 0.5em 0.1em 0.1em 0.1em;
    padding: 1em 0.5em 0.5em 0.5em;
    border: solid 1px #cccccc;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    -khtml-border-radius: 8px;
    border-radius: 8px;
    position: relative;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#menu.user {
    background-color: white;
}

#menu.admin {
    background-color: white;
}

#menu table {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

#menu div {
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    position: absolute;
    top: -0.75em;
    padding: 0 0.5em;
}

#menu button {
    width: 280px;
    height: 35px;
    text-align: left;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin: 0.2em;
    cursor: pointer;
}

.jp #menu button {
    width: 240px;
}

#menu.user div,
#menu.user button {
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#e2ecff), to(#a5c5ff));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #e2ecff, #a5c5ff);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE2ECFF, endColorstr=#FFA5C5FF);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFE2ECFF, endColorstr=#FFA5C5FF)";
    border: solid 1px #4a7ebb;
}

#menu.admin div,
#menu.admin button {
    /* For WebKit (Safari, Google Chrome etc) */
    background: -webkit-gradient(linear, left top, left bottom, from(#eee8f8), to(#cab7e8));
    /* For Mozilla/Gecko (Firefox etc) */
    background: -moz-linear-gradient(top, #eee8f8, #cab7e8);
    /* For Internet Explorer 5.5 - 7 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEE8F8, endColorstr=#FFCAB7E8);
    /* For Internet Explorer 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFEEE8F8, endColorstr=#FFCAB7E8)";
    border: solid 1px #7d60a0;
}

/* 入力要素共通設定 */
[id^="bo"] input[type="text"] {
    width: 300px;
}

[id^="bo"] input[type="password"] {
    width: 300px;
}

/* テンプレート行 */
tr.records {
    display: none;
}

/* 一覧表示共通設定 */
table.datalist {
    width: 100%;
    border-collapse: collapse;
    font-size: 80%;
}

table.datalist thead tr th {
    background-color: gray;
    text-align: center;
    border: solid 1px white;
    color: white;
}

table.datalist thead tr th.id {
    width: 20%;
}

.jp table.datalist thead tr th.id {
    width: auto;
}

table.datalist thead tr th.name {
    width: 18%;
}

.jp table.datalist thead tr th.name {
    width: auto;
}

table.datalist thead tr th.authorization {
    width: 13%;
}

.jp table.datalist thead tr th.authorization {
    width: auto;
}

table.datalist thead tr th.propriety {
    width: 28%;
}

.jp table.datalist thead tr th.propriety {
    width: auto;
}

table.datalist thead tr:first-child th {
    border-top: solid 1px  #cccccc;
}

table.datalist thead tr th:first-child {
    border-left: solid 1px  #cccccc;
}

table.datalist thead tr th:last-child {
    border-right: solid 1px  #cccccc;
}

table.datalist tbody tr td {
    background-color: white;
    border: solid 1px #cccccc;
    color: black;
}

/* 編集系画面 編集値入力領域 */
div.input-field {
    background-color: white;
    border: solid 1px #cccccc;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    -khtml-border-radius: 6px;
    border-radius: 6px;
    margin-bottom: 5px;
}

div.input-field  table {
    margin-top: 5px;
    margin-bottom: 5px;
    width: 100%;
}

/* 編集系画面 処理実行ボタン配置領域 */
.execute {
    text-align: right;

}

/* ユーザー設定メンテナンス関連 */
#bo_login_id_list .list-container {
    overflow: auto;
    width : 100%;
    height: 500px;
}

#bo_login_id_list  table.datalist td.no {
    text-align: right;
}

#bo_login_id_list table.datalist td.edit_user_button,
#bo_login_id_list table.datalist td.login_enabled,
#bo_login_id_list table.datalist td.login_admin {
    text-align: center;
}

#bo_login_id_list table.datalist td.enable_location {
    text-align: center;
    font-family: monospace;
}

#bo_login_id .login_id_table .select_value {
    display: none;
}

#bo_login_id tbody.login_id_table th {
    width: 30%;
    font-size: 90%;
}

.jp #bo_login_id tbody.login_id_table th {
    width: auto;
    font-size: 100%;
}

/* 表示設定メンテナンス関連 */
#bo_general_master div.input-field {
    max-height: 400px;
    overflow: auto;
}

#bo_general_master table th,
#bo_general_master table td {
    white-space: nowrap;
}

#bo_general_master table th {
    text-align: right;
    font-size: 90%;
}

.jp #bo_general_master table th {
    font-size: 100%;
}

#bo_general_master table .sub_title th {
    text-align: left;
    font-size: 100%;
}

#bo_general_master table .sub_title th.note {
    text-align: left;
    font-size: 80%;
}

.jp #bo_general_master table .sub_title th.note {
    text-align: center;
    font-size: 100%;
}

#bo_general_master .wide_col input {
    width: 400px;
}
#bo_general_master .narrow_col input {
    width: 100px;
}

/* パネル定格編集関連 */
#bo_pcs_info input {
    width: 100px;
}

#bo_pcs_info tbody tr th span.name {
    width: 60%;
    font-size: 80%;
}

.jp #bo_pcs_info tbody tr th span.name {
    width: auto;
    font-size: 100%;
}

/* 警報しきい値メンテナンス関連 */
#bo_combiner_box_info_list .list-container {
    overflow: auto;
    width : 100%;
    height: 500px;
}

#bo_combiner_box_info_list table.datalist td.no,
#bo_combiner_box_info_list table.datalist td.combiner_box_warn_dev_max,
#bo_combiner_box_info_list table.datalist td.combiner_box_warn_dev_min,
#bo_combiner_box_info_list table.datalist td.combiner_box_warn_power_min,
#bo_combiner_box_info_list table.datalist td.combiner_box_alert_dev_max,
#bo_combiner_box_info_list table.datalist td.combiner_box_alert_dev_min,
#bo_combiner_box_info_list table.datalist td.combiner_box_alert_power_min {
    text-align: right;
}

#bo_combiner_box_info_list table.datalist td.edit_alert_border_button {
    text-align: center;
}

#bo_combiner_box_info input[type="text"] {
    width: 250px;
}

.jp #bo_combiner_box_info input[type="text"] {
    width: 300px;
}

#bo_combiner_box_info table tbody.border_edit_table th {
    font-size: 80%;
    text-align: left;
}

.jp #bo_combiner_box_info table tbody.border_edit_table th {
    font-size: 100%;
    text-align: center;
}

/* メール送信先メンテナンス関連 */
#bo_alarm_addr_list span.alarm_mail_enabled,
#bo_alarm_addr_list span.alarm_mail_disabled {
    display: none;
}

#bo_alarm_addr_list .list-container {
    overflow: auto;
    width : 100%;
    height: 500px;
}

#bo_alarm_addr_list table.datalist td.no {
    text-align: right;
}

#bo_alarm_addr_list table.datalist td.edit_addr_button,
#bo_alarm_addr_list table.datalist td.login_admin,
#bo_alarm_addr_list table.datalist td.email_send {
    text-align: center;
}

#bo_alarm_addr_list table.datalist td.email_send {
    font-family: monospace;
    width : 70px;
}

/* 運用設定データエクスポート関連 */
#bo_export_config table tbody th {
    text-align: left;
}

.jp #bo_export_config table tbody th {
    text-align: center;
}

/* 機器設定データエクスポート関連 */
#bo_export_machine table tbody th {
    text-align: left;
}

.jp #bo_export_config table tbody th {
    text-align: center;
}

/* 詳細ログダウンロード */
/* 年月日表示用(英語/日本語兼用) */
#bo_download_log input[type="text"].date_text {
    font-size: 16px;
}