html {
    width: 100%;
}

html, body {
    height: 100%;
    overflow: auto;
}

.title_w {
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
    padding: 5px 5px 2px;
}

.title_b {
    font-size: 8pt;
    font-weight: bold;
    color: #000000;
    padding: 5px 5px 2px;
}

.title_r {
    font-size: 10pt;
    font-weight: bold;
    color: #990000;
}

.title_g {
    font-size: 10pt;
    font-weight: bold;
    color: #336633;
}

.listTable {
    background-color: #0A4595;
}

.tabFrame {
    border: 1px solid #0A4595;
    border-top: 5px solid #0A4595;
    padding-bottom: 10px;
    background-color: white;
}

.title {
    font-weight: bold;
    color: #FFFFFF;
    font-size: 8pt;
    line-height: 12pt;
}

.input {
    font-size: 10pt
}

.input-disabled {
    font-size: 10pt;
    background-color: #c0c0c0;
    color: #000000;
}

.margin-head {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

.margin-body {
    margin: 20px 0px;
}

.header {
    background-image: url(../image/line.gif);
}

.dash-b {
    background-image: url(../image/line2.gif);
}

.div.dash-b {
    background-image: url(../image/line2.gif);
    height: 1px;
    margin: 10px;
}

.pad4 {
    padding: 4px;
}

.pad8 {
    padding: 8px;
}

.pad12 {
    padding: 12px;
}

.pad16 {
    padding: 16px;
}

.pad24 {
    padding: 24px;
}

.menu {
    padding-top: 4px;
    padding-right: 16px;
    padding-bottom: 4px;
    padding-left: 16px;
    font-size: 8pt;
    line-height: 12pt;
}

.bottom-menu {
    padding-right: 8px;
    padding-left: 16px;
}

.sfon {
    font-size: 8pt;
    line-height: 12pt;
}

.sfon-pad4 {
    font-size: 8pt;
    line-height: 6pt;
    padding-right: 4px;
    padding-left: 4px;
    padding-top: 2px;
    padding-bottom: 2px;
}

.sfon-pad8 {
    font-size: 8pt;
    line-height: 12pt;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 2px;
}

A.link:link {
    color: #0A4595;
    text-decoration: none
}

A.link:visited {
    color: #0A4595;
    text-decoration: none
}

A.link:hover {
    color: #CC3300;
    text-decoration: none
}

A.link2:link {
    color: #FFFFFF;
    text-decoration: none
}

A.link2:visited {
    color: #FFFFFF;
    text-decoration: none
}

A.link2:hover {
    color: #CC3300;
    text-decoration: none
}

A.track-link:link {
    color: #CC3300;
    text-decoration: none
}

A.track-link:visited {
    color: #CC3300;
    text-decoration: none
}

A.track-link:hover {
    color: #CC3300;
    text-decoration: none
}

A:link {
    color: #0A4595;
    text-decoration: none
}

A:visited {
    color: #0A4595;
    text-decoration: none
}

A:hover {
    color: #CC3300;
    text-decoration: none
}

A.opmenu:link {
    color: #000000;
    text-decoration: none;
}

A.opmenu:visited {
    color: #000000;
    text-decoration: none;
}

A.opmenu:hover {
    color: #000000;
    text-decoration: none
}

.submenu a:link {
    display: block;
    text-decoration: none;
    color: #0A4595;
    padding: 4px;
    width: 150px;
}

.submenu a:visited {
    display: block;
    text-decoration: none;
    color: #0A4595;
    padding: 4px;
    width: 150px;
}

.submenu a:hover {
    color: #FFFFFF;
    background-color: #0066CC;
}

.submenu font {
    display: block;
    text-decoration: none;
    padding: 4px;
    width: 150px;
}

a.link-btn:link {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #990000;
    padding: 3px 8px;
    border: 1px solid #660000;
    text-decoration: none;
}

a.link-btn:visited {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #990000;
    padding: 3px 8px;
    border: 1px solid #660000;
    text-decoration: none;
}

a.link-btn:hover {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #CC3300;
    padding: 3px 8px;
    border: 1px solid #660000;
    text-decoration: none;
}

.link-btn-disabled {
    font-size: 10px;
    width: 40px;
    height: 20px;
}

span.link-btn-disabled {
    font-size: 10px;
    color: #AAAAAA;
    background-color: #660000;
    padding: 3px 8px;
    border: 1px solid #440000;
    text-decoration: none;
}

.search-dash {
    background-image: url(../image/search_dashline.gif);
}

.search-box {
    background-color: #F5F5F5;
    padding: 4px;
    border: 1px solid #666666;
}

.word-break {
    font-size: 8pt;
    line-height: 12pt;
    padding-right: 8px;
    padding-left: 8px;
    padding-top: 5px;
    padding-bottom: 2px;
    /*	word-break : break-all;*/
}

.margin40 {
    margin: 40px;
}

.dash-w {
    background-image: url(../image/topline.gif);
    background-repeat: repeat;
    background-position: center top;
}

.top-img {
    background-image: url(../image/top_photo.jpg);
    background-repeat: no-repeat;
    background-position: center top;
}

.help {
    margin: 0px 25px;
    padding-bottom: 20px;
    font-size: 10pt;
    line-height: 12pt
}

.section {
    font-size: 10pt;
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0C419A;
    line-height: 12pt;
    border: 0pt;
    width: 100%;
}

body {
    font-size: 10pt;
    margin: 0px;
}

.tabtitle1 {
    font-weight: bold;
    color: #FFFFFF;
    background-color: #0A4595;
    padding: 4px;
    font-size: 8pt;
    line-height: 12pt;
}

.tabtitle-blank {
    color: #FFFFFF;
    background-color: #999999;
    font-size: 8pt;
    padding: 4px;
}

.wizard-tabtitle1 {
    font-weight: bold;
    padding: 4px;
    font-size: 8pt;
    line-height: 12pt;
}

.wizard-tabtitle2 {
    color: #990000;
    font-weight: bold;
    padding: 4px;
    font-size: 8pt;
    line-height: 12pt;
}

a.blankbtn:link {
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
}

a.blankbtn:visited {
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
}

a.blankbtn:hover {
    font-size: 10px;
    color: #FFFFFF;
    text-decoration: none;
}

.blankbtn {
    font-size: 8pt;
    color: #FFFFFF;
    background-color: #999999;
    border: 1px solid #666666;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
}

.tabborder {
    background-color: #F8F7F0;
}

.tabspace {
    padding: 10px 10px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #0A4595;
    border-left-color: #0A4595;
    background-color: #F8F7F0;
}

.tabspace-closed {
    padding: 10px 10px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-bottom-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-bottom-style: solid;
    border-right-color: #0A4595;
    border-left-color: #0A4595;
    border-bottom-color: #0A4595;
    background-color: #F8F7F0;
}

.smartfolder-folder {
    background-image: url('../image/folder.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-folder_up {
    background-image: url('../image/folder_up.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_app {
    background-image: url('../image/file_app.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_host {
    background-image: url('../image/file_host.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_tag {
    background-image: url('../image/file_tag.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_search {
    background-image: url('../image/file.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_stats {
    background-image: url('../image/file_stats.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_sensor {
    background-image: url('../image/file_sensor.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_group {
    background-image: url('../image/file_group.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_user {
    background-image: url('../image/file_user.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_syslogclient {
    background-image: url('../image/file_host.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_loggategroup {
    background-image: url('../image/file_gate.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_application {
    background-image: url('../image/file_app.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_columnset {
    background-image: url('../image/file_columnset.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_report {
    background-image: url('../image/file_report.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.smartfolder-file_customreport {
    background-image: url('../image/file_customrepo.gif');
    background-repeat: no-repeat;
    margin-left: 3px;
    text-indent: 1.2em;
}

.stats {
    font-size: 8pt;
    line-height: 12pt;
    padding-top: 4px;
}

.stats-input {
    font-size: 10pt;
    padding-top: 4px;
}

.stats-disabled {
    font-size: 8pt;
    color: #808080;
    line-height: 12pt;
    padding-top: 4px;
}

.statswarning {
    font-size: 10pt;
    line-height: 12pt;
    padding: 0 0 10px 2px;
}

a.csv-export-link {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #990000;
    border: 1px solid #666666;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
}

a.csv-export-link:visited {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #990000;
    border: 1px solid #666666;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
}

a.csv-export-link:hover {
    font-size: 10px;
    color: #FFFFFF;
    background-color: #CC3300;
    border: 1px solid #660000;
    text-decoration: none;
    padding-top: 3px;
    padding-right: 8px;
    padding-bottom: 3px;
    padding-left: 8px;
}

.csv-export-option {
    padding: 5px;
}

.tableFooter {
    border: 1px solid #0A4595;
    background-color: #D4DDE5;
}

.contents-header-left {
    /*font-size:8pt;
    line-height:12pt;*/

    width: 90px;
    background-color: #d4dde5;
    text-align: right;
    float: left;
    border: 1px solid #0a4595;
    padding: 4px;
}

.contents-header-right {
    margin-left: 100px;
    background-color: #f3fafa;
    text-align: left;
    border: 1px solid #0a4595;
    border-left: none;
    padding: 4px;
}

.contents-footer {
    padding: 16px;
    background-color: #d4dde5;
    border: 1px solid #0a4595;
}

.inlineWithText {
    display: inline-block;
    vertical-align: text-bottom;
}

.centredInParent {
    /*
     * <div>�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ<table>�ｽ�ｽ�ｽ�ｽ�ｽ蛹ｻ竊千ｹｧ謇假ｽｽ�ｿ�ｽ�ｽ<div>�ｽ�ｽ�ｽ�ｽ�ｽ譴ｧ諷｣�ｽ�ｿ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ謌托ｽｽ蜥ｲ�ｽ�ｮ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ鬯ｩ謳ｾ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ貅假ｿｽ郢ｧ�ｯ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽX�ｽ�ｽ�ｽ�ｽB
     * �ｽ�ｽ�ｽ�ｽg�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽ�ｽF
     * <div style="text-align:center">
     *   <table class="centredInParent">...</table>
     * </div>
     */
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

#LayerMenu0 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 1;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu1 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 2;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu2 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 3;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu3 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 4;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu4 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 5;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu5 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 6;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu6 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 7;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu7 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 8;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu8 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 9;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

#LayerMenu9 {
    position: absolute;
    width: 500px;
    height: 300px;
    z-index: 10;
    left: 0px;
    top: 0px;
    overflow: visible;
    visibility: hidden;
}

.informationBoxError {
    padding: 5px;
    background-color: #ffdbdd;
    border: 1px solid #c30008;
    color: black;
    font-size: 8pt;
    line-height: 12pt;
}

.informationBoxWarning {
    padding: 5px;
    background-color: #fcfac5;
    border: 1px solid #c2750e;
    color: black;
    font-size: 8pt;
    line-height: 12pt;
}

.informationBoxInformation {
    padding: 5px;
    background-color: #e7f3ff;
    border: 1px solid #0a4595;
    color: black;
    font-size: 8pt;
    line-height: 12pt;
}

.informationBoxContentsDiv {
    padding: 10px;
    padding-bottom: 0px;
}

.informationBoxSettingsPageDiv {
    padding: 0px;
    padding-bottom: 10px;
}

.informationBoxContentDiv {
    padding: 0px;
}

.tabspace table[cellspacing="0"] table.tableGenerator {
    margin: -1px;
}

/* ==========================================================
                       Table generator
   ========================================================== */
/* Outer container */
.tableGenerator, .tableGenerator-outertable {
    font-size: 8pt;
    line-height: 12pt;
    border-collapse: collapse;
    width: 100%;
}

/* heading <tr> */
.tableGenerator-header-line {
}

/* heading td */
.tableGenerator-header-cell {
    border: #0A4595 1px solid;
    background-color: #D4DDE5;
    padding: 5px;
}

/* content <tr> */
.tableGenerator-content-line {
}

/* content <td> */
.tableGenerator-content-cell {
    border: #0A4595 1px solid;
    padding: 5px;
}

/* content <td> on even row */
.evenRow .tableGenerator-content-cell {
    background-color: #F2F2F2;
}

/* content <td> on odd row */
.oddRow .tableGenerator-content-cell {
    background-color: #FFFFFF;
}

/* content <td> highlighted */
.tableGenerator-content-cell.marked {
    background-color: #fcfac5;
}

/* checkbox <td> in header */
.tableGenerator-header-checkbox-cell {
    background-color: #D4DDE5;
    border: #0A4595 1px solid;
    width: 10px;
}

/* checkbox <td> on even row */
.evenRow .tableGenerator-checkbox-cell {
    background-color: #D7B9A4;
    border: #0A4595 1px solid;
    width: 10px;
}

/* checkbox <td> on odd row */
.oddRow .tableGenerator-checkbox-cell {
    background-color: #E6CBB8;
    border: #0A4595 1px solid;
    width: 10px;
}

/* table title */
.tableGenerator-title {
    border: #0A4595 1px solid;
    padding: 5px;
}

/* table content */
.tableGenerator-content {
    border: #0A4595 1px solid;
    font-size: 8pt;
    line-height: 12pt;
}

/* Pagination element */
.tableGenerator-pagination {
    border: #0A4595 1px solid;
    background-color: #F3FAFA;
    font-size: 8pt;
    line-height: 12pt;
    padding: 5px;
}

/* Pagination element container */
.tableGenerator-pagination table {
    font-size: 8pt;
    line-height: 12pt;
}

/* Pagination element currentPage style */
.tableGenerator-pagination .currentPage {
    color: #FF0000;
}

/* Pagination element currentPage style */
.tableGenerator select {
    width: 150px;
}

.smartFolderSeparator {
    font-weight: bold;
}

.smarterFolderFolder {
    background-color: #D4DDE5;
}

.smarterFolderFile {
    background-color: #F2EEE8;
}

/* ***************************** */
/*        Loggate settings       */
/* ***************************** */

.volumeManagementContainer {
    background-color: #666666;
    border: 1px solid #666666;
    width: 100%;
}

table.settings {
    border-collapse: separate;
    border-spacing: 15;
    margin-left: auto;
    margin-right: auto;
}

.settings {
    font-size: 8pt;
    line-height: 12pt;
    text-decoration: none;
}

.settingsNoMargin {
    font-size: 8pt;
    line-height: 12pt;
    text-decoration: none;
    margin: 0px;
}

.settingsCentered {
    font-size: 8pt;
    line-height: 12pt;
    text-decoration: none;
    margin: auto;
}

div.settings {
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}

h2.settings {
    font-size: 150%;
    font-weight: bold;
    padding-bottom: 5px;
}

h3.settings {
    font-size: 120%;
    padding-bottom: 5px;
}

.ftpletlist {
    list-style-type: none;
}

ul.ftpletlist {
    border: 1px solid gray;
    height: 240px;
    width: 120px;
    overflow: auto;
    padding: 0px;
}

li.ftpletlist-draggable {
    cursor: move;
    background-color: #EAF2FA;
    margin: 1px;
    padding: 2px;
    border: 1px solid #7EA6B2;
}

.treetable {
    border-spacing: 0px;
}

.logstorageFontSet {
    font-size: 8pt;
    line-height: 12pt;
    text-align: left;
}

.settingsGUITreeMenuNoLink {
    font-size: 8pt;
    line-height: 12pt;
    color: #0A4595;
    text-decoration: italic
}

.ygtvcontent {
    font-size: 8pt;
    line-height: 12pt;
    color: #0A4595;
    text-decoration: none
}

.settingsGroup {
    padding: 10px;
    border: 1px solid #0a4595;
    background-color: #EAF2FA;
    zoom: 1;
}

.settingsGroup .settingsGroup {
    padding: 5px;
    border: 1px solid #0a4595;
    background-color: #D5E4F4;
    zoom: 1;
}

.settingsGroup .settingsGroup .settingsGroup {
    padding: 2px;
    border: 1px solid #0a4595;
    background-color: #EAF2FA;
    zoom: 1;
}

.settingsGroup .settingsGroup .settingsGroup .settingsGroup {
    padding: 5px;
    border: 1px solid #0a4595;
    background-color: #D5E4F4;
    zoom: 1;
}

.settingsGroup .settingsGroup .settingsGroup .settingsGroup .settingsGroup {
    padding: 2px;
    border: 1px solid #0a4595;
    background-color: #EAF2FA;
    zoom: 1;
}

.settingsGroup table.settings {
    margin: 0px;
}

.confirmScreen {
    border: none;
}

.confirmScreen ul {
    list-style: none;
    list-style-position: outside;
    padding: 0px;
    padding-left: 10px;
}

.confirmScreen ul li {
    list-style: none;
    list-style-position: outside;
    padding: 0px;
    padding-left: 5px;
}

.confirmScreen ul li ul {
    list-style-position: outside;
    padding: 0px;
    padding-left: 10px;
}

.confirmScreen ul li ul li {
    list-style: none;
    list-style-position: outside;
    padding: 0px;
    padding-left: 5px;
}

.confirmScreen ul li ul li ul li {
    list-style: none;
    list-style-position: inside;
    padding: 0px;
    padding-left: 5px;
}

.leaveBlank {
    padding-top: 25px;
}

.diffSettingsHighlight {
    font-weight: bold;
}

.diffSettingCurrentValue {
    border: 1px solid #0a4595;
    background-color: #EAF2FA
}

.diffSettingOtherValue {
    border: 1px solid #0a4595;
    background-color: #d4dde5
}

.textInput {
    width: 250px;
}

.width250 {
    width: 250px;
}

.width100prct {
    width: 100%;
}

.padlr {
    padding-left: 5px;
    padding-right: 5px;
}

/* Confirmation screen */

.parameterDiv {
    padding: 2px;
}

.parameterNewValue {
    background-color: #EAF2FA;
    border: 1px solid #0A4595;
}

.parameterOldValue {
    background-color: #D4DDE5;
    border: 1px solid #0A4595;
}

.parameterNoChange {
    background-color: #FAF2FA;
    border: 1px solid #0A4595;
}

.ygtvtable {
    width: 100%;
}

.floatingReset {
    height: 12pt;
    position: relative;
    float: right;
    top: -12pt;
    right: 2px;
    text-align: center;
    white-space: nowrap;

}

.rowOdd {
    background-color: #D5E4F4;
}

.rowEven {
    background-color: #EAF2FA;
}

.errorField {
    background-color: #FFDBDD;
}

.yui-skin-sam .yui-dt td.yui-dt-hidden, .yui-skin-sam .yui-dt th.yui-dt-hidden {
    border: none;
}

/* LDAP synch ajax loading */
.ajaxLoadingMessage {
    margin: auto;
    border: 3px solid #0A4595;
    border-top: none;
    background-color: white;
    width: 200px;
    text-align: center;
    padding: 10px;
}

.ajaxLoadingBackground {
    position: absolute;
    margin: none;
    padding: none;
    height: 100%;
    width: 100%;
}

/* Top page */
.logstBg {
    background: white;
}

.logstBg .contents {
    background: transparent;
}

/* Columnset overlays */
.dialogOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    text-align: center;
    background: transparent;
}

.dialogOverlay.IEBgOverlay {
    opacity: 0.5;
    filter: alpha(opacity=50);
    background-color: #000000;
}

.rgba .menuOverlay {
    background: rgba(0, 0, 0, 0.4);
}

.menuOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-top: 20px;
    text-align: center;
    background: transparent;
}

/*Do inline-block in browsers that supports it, IE css replace it with inline*/
.inlineBlockFix {
    display: inline-block;
}

.rgba .dialogOverlay {
    background: rgba(127, 127, 127, 0.5);
}

.cssgradients .dialogOverlay {
    background: -webkit-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7));
    background: -moz-radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7));
    background: radial-gradient(rgba(127, 127, 127, 0.5), rgba(127, 127, 127, 0.5) 35%, rgba(0, 0, 0, 0.7));
}

.dialogOverlay .dialog {
    background-color: #FFFFFF;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    width: 500px;
    border: 1px black solid;
    border-radius: 10px;
    -moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7);
    -webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7);
    box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.7);
}

.dialogOverlay .dialog .title {
    border-radius: 10px 10px 0px 0px;
    opacity: 1.0;
    margin-left: auto;
    margin-right: auto;
    padding: 2px;
    padding-left: 10px;
    border-bottom: 1px solid black;
}

.messageParameterLoadingContainer {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    margin: auto;
}

.messageParameterLoadingSpinner {
    position: absolute;
    bottom: 0px;
    left: 0px;
    text-align: left;
}

/* Color picker */
.colorpickerTable {
    font-family: "Courier New", monospace;
}

/* Login page footer */
#foot {
    position: absolute;
    bottom: 40px;
    width: 100%;
}

#foot-content {
    color: #999;
    width: 632px;
    margin-right: auto;
    margin-left: auto;
    text-align: center;
}

.btn {
    width: 276px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 20px;
}

.btn-activation-jp a {
    background-repeat: no-repeat;
    height: 41px;
    width: 132px;
    text-indent: -9999px;
    display: block;
    background-position: left 0px;
}

.btn-activation-jp a {
    background-image: url(../image/btn_activation_jp.png);
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}

.btn-activation-en a {
    background-repeat: no-repeat;
    height: 41px;
    width: 132px;
    text-indent: -9999px;
    display: block;
    background-position: left 0px;
}

.btn-activation-en a {
    background-image: url(../image/btn_activation_en.png);
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
}

.btn-login a {
    display: inline-flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    
    width: 400px;
    height: 40px;
    border-radius: 4px;
    background: #005bab;

    font-size: 14px;
    font-weight: 600;
}

.btn-login a.btn-login-inner:link,
.btn-login a.btn-login-inner:visited {
    color: #fff;
}

.btn-login a.btn-login-inner:hover {
    filter: brightness(125%);
}

div.btn-logstorage {
    display: inline-block;
}

.btn-logstorage a {
    background-image: url(../commons/loadImage.jsp?name=btn_logstorage.gif);
    margin: auto;
}

div.btn-infoscience {
    display: inline-block;
}

.btn-infoscience a {
    background-image: url(../commons/loadImage.jsp?name=btn_infoscience.gif);
    margin: auto;
}

.btn-login a:hover, .btn-logstorage a:hover, .btn-infoscience a:hover {
    background-position: left -41px;
}

.f-clear {
    clear: both;
}

#loginScreen {
    height: 100%;
    /*font-family: "驛｢譎擾ｿｽ�主ｸｷ�ｹ�ｧ�ｽ�ｮ驛｢譎���ｽ�ｧ陋幢ｽｵ邵ｺ�ｽPro W3", "Hiragino Kaku Gothic Pro", "驛｢譎｢�ｽ�｡驛｢�ｧ�ｽ�､驛｢譎｢�ｽ�ｪ驛｢�ｧ�ｽ�ｪ", Meiryo, Osaka, "�ｽ�ｽ�ｽ�ｭ�ｽ�ｽ�ｽ�ｳ �ｽ�ｽ�ｽ�ｰ驛｢�ｧ�ｽ�ｴ驛｢�ｧ�ｽ�ｷ驛｢譎｢�ｿ�ｽ邵ｺ�ｽ, "MS PGothic", sans-serif;
    font-size: 10pt;
    line-height: 1.4em;*/
    margin: 0px;
    padding: 0px;
    color: #333;
    background-color: #F2F2F2;
}

#loginScreen input,
#loginScreen .input-label {
    padding: 11px;
    font-size: 14px;
}

#loginScreen input {
    border: solid 1px #dae0e5;
    border-radius: 4px;
    width: 240px;
}

#loginScreen .input-label {
    color: #888;
    width: 80px;
    font-weight: 600;
}

#loginScreen div#container {
    margin: 0px auto;
    min-height: 100%;
}

#loginScreen > #container {
    height: auto;
}

#loginScreen #img-title {
    background-image: url(../commons/loadImage.jsp?name=img_title.gif);
    background-repeat: no-repeat;
    background-position: center top;
    height: 200px;
    width: 632px;

    margin: 0 auto;
    padding: 320px 0 60px;

    text-align: center;
}

#loginScreen #img-title-analytics {
    background-image: url(../image/img_title_elcanalytics.gif);
    background-repeat: no-repeat;
    background-position: center top;
    height: 200px;
    width: 632px;

    margin: 0 auto;
    padding: 320px 0 60px;

    text-align: center;
}

#loginScreen #formarea {
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: stretch;
    
    min-width: 480px;
    height: 184px;
    margin: 0 auto 0;
    padding: 8px 8px;
    background: #FFF;
    border-radius: 8px;
}

#loginScreen #formarea > div {
    display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    align-items: center;
    
    height: 48px;
}

#loginScreen #messageBox {
    position: absolute;
    top: 20px;
    width: 100%;
}

#loginScreen #messageBox > div {
    margin-right: auto;
    margin-left: auto;
    width: 450px;
}

#loginScreen #formarea > table {
    margin-right: auto;
    margin-left: auto;
    border: 1px solid #8BAAD0;
    padding: 4px;
    border-radius: 5px; /* CSS3鬮｣諷募愛�ｽ�｡�ｽ�ｽ*/
    -webkit-border-radius: 5px; /* Safari,Google Chrome鬨ｾ蛹�ｽｽ�ｨ */
    -moz-border-radius: 5px; /* Firefox鬨ｾ蛹�ｽｽ�ｨ */
    background-color: rgba(10, 69, 149, 0.50);
}

#loginScreen #formarea > table th {
    font-weight: normal;
    color: #FFF;
    text-align: right;
    padding-left: 6px;
}

#loginScreen #formarea > table td {
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 6px;
}

#loginScreen .savepass {
    color: #FFF;
    margin-top: 15px;
    text-align: center;
    padding-top: 8px;
}

#loginScreen #licenseArea {
    display: inline-flex;
    flex-flow: column nowrap;
    justify-content: space-around;
    align-items: stretch;

    min-width: 480px;
    margin: 0 auto 0;
    padding: 8px 8px;
    border: 1px dashed #ccc;
}

#licenseArea #licenseOverExpiredArea {
    color: #F00;
}

/* Left menu background */
.menuTreeBody {
    background-image: url(../image/img_tree_back_repeat.gif);
    background-repeat: repeat;
    background-position: left bottom;
}

.menuTreeBodyOuter {
    background-image: url(../image/img_loginback.gif);
    background-repeat: repeat-x;
    background-position: left bottom;
    background-color: transparent;
}

body.menuTreeBody {
    border-right: 1px #0A4595 solid;
}

.menuTree > tbody > tr > td {
    border-left: 1px #0A4595 solid;
    border-right: 0px none;
    border-bottom: 1px #0A4595 dotted;
}

.menuTree > tbody > tr > td.menuTreeTitleImgContainer {
    border: none;
}

.menuTree > tbody > tr > td.menuTree-first {
    border-top: 1px #0A4595 solid;
}

.chrome .menuTree > tbody > tr > td.menuTree-first {
    border-top: 1px #0A4595 solid;
}

.menuTree > tbody > tr > td.menuTree-last {
    border-bottom: 1px #0A4595 solid;
}

/* Other */
.forceDefaultBorder {
    border: 1px solid #0A4595 !important;
}

.defaultDivBorder {
    border: 1px solid #0A4595;
}

/* Wizard */
.tabspace table[cellspacing="0"].wizardHeader {
    margin: auto;
}

.scrollingForm {
    overflow: auto;
    width: 100%;
    height: 100%;
    position: absolute;
}

.dockedMenu {
    background-color: #FFFFFF;
    border-bottom: 1px solid #005BAC;
}

.ie .dockedMenu td {
    border-bottom: 1px solid #005BAC;
}

.ie9plus .dockedMenu td, .ie10 .dockedMenu td {
    border-bottom: 0px !important;
}

.ie9plus .dockedMenu, .ie10 .dockedMenu {
    background-color: #FFFFFF !important;
}

.ie9plus .verticalBar, .ie10 .verticalBar {
    height: 22px;
}

.rgba .dockedMenu {
    background-color: rgba(255, 255, 255, 0.5);
    -moz-transition: background-color 0.25s ease-in;
    -webkit-transition: background-color 0.25s ease-in;
    -o-transition: background-color 0.25s ease-in;
    transition: background-color 0.25s ease-in;
    text-shadow: -3px 0 3px white, 0 3px 3px white, 3px 0 3px white, 0 -3px 3px white;
}

.rgba .dockedMenu:hover {
    background-color: rgba(255, 255, 255, 1.0);
}

.crumbsBar.outer {
    position: relative;
    overflow-y: hidden;
}

.crumbsBar .inner {
    position: absolute;
    top: -2px;
}

.ie .crumbsBar .inner {
    top: -1px;
}

.ie .crumbsBar .crumb {
}

.crumbsBar .crumb {
    color: black;
}

.crumbsBar .crumb.root {
    color: dark-grey;
}

.crumbsBar .crumb.file, .crumbsBar .crumb.folder {
    padding-left: 8px;
    white-space: nowrap;
}

.crumbsBar .crumb img {
    border: none;
}

.crumbsBar .crumb a {
    white-space: nowrap;
    color: black;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.crumbsBar .crumb a:hover {
    color: red;
}

.crumbsBar .separator {
    color: #828e88;
    font-size: 8px;
    letter-spacing: -2px;
    margin-top: -10px;
    padding-right: 1px;
}

.crumbsBar .crumb-icon {
    white-space: nowrap;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.crumbsBar .crumb.withIcon {
    padding: 2px 2px 2px 8px;
}

.sensorLog {
    white-space: pre-wrap;
}

.sampleLog {
    white-space: pre-wrap;
}

.sampleLogHighlight {
    background-color: #d4dde5;
    font-weight: bold;
}

img.icon {
    width: 24px;
    height: 24px;
}

.sfon.icon-vertical-centering a {
    display: flex;
    height: 100%;
    align-items: center;
    gap: 0.2rem;
}
/* リストのアイコン表示で他と構造が異なる箇所は個別にスタイルを調整する(共有フォルダ,ユーザー管理(ログインユーザ)) */
.sfon.icon-vertical-centering-sharefolder, .sfon.icon-vertical-centering-loginuser {
     display: flex;
     height: 100%;
     align-items: center;
     gap: 0.2rem;
 }