@charset "shift_jis";
body, h1, h2, h3, h4, h5, h6, p,
 ul, ol, li, dl, dt, dd, table, tr, th, td,
 address, form, blockquote, pre, code, img {
margin: 0;
padding: 0;
border: none;
list-style: none;
font-size: 100%;
}
body {
font: 75% Arial, Helvetica, sans-serif;
font-size: 12px;
/font-size: 75%;
line-height: 1.5;
color: #333;
background: #647077;
}
.clearFix {
/zoom: 1;
}
.clearFix:after {
content: "";
display: block;
clear: both;
}
.floatLeft {
float: left;
}
.floatRight {
float: right;
}
.txtCenter {
text-align: center;
}
.txtRight {
text-align: right;
}
.vTop {
vertical-align: top;
}
label {
cursor: pointer;
}
.visibleElement {
visibility: visible;
}
.hiddenElement {
visibility: hidden;
}
.container {
width: 900px;
background: #ededed;
margin: 0 auto;
}
.header {
background: #fff;
border-bottom: 8px solid #006de6;
}
.header img {
display: block;
padding: 8px;
}
#status_line {
height: 18px;
color: #fff;
padding: 3px 10px;
font-size: 11px;
background: #272727;
background: -webkit-gradient(linear, center top, center bottom, from(#3c3c3c), to(#272727));
background: -moz-linear-gradient(top, #3c3c3c, #272727);
background: -o-linear-gradient(top, #3c3c3c, #272727);
background: linear-gradient(to bottom, #3c3c3c, #272727);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#272727', GradientType=0)";
}
#logout_button {
color: #666;
font-weight: bold;
font-size: 10px;
height: 20px;
}
#version_button {
color: #666;
font-weight: bold;
font-size: 10px;
height: 20px;
}
#equipment_status {
height: 16px;
padding: 0 0 0 24px;
display: inline;
}
#event_message {
position: relative;
left: 100px;
height: 16px;
padding: 0 0 0 0px;
display: inline;
}
#login_version_button_line {
height: 22px;
}
.greenLed {
background: url(../img/3leds_v2.png) left top no-repeat;
}
.orangeLed {
background: url(../img/3leds_v2.png) left center no-repeat;
}
.redLed {
background: url(../img/3leds_v2.png) left bottom no-repeat;
}
#led_image {
background-image: url(../img/3leds_v2.png);
background-position: center;
}
.wrapper {
overflow: hidden;
}
.sidebar {
float: left;
width: 180px;
color: #fff;
padding-bottom: 10px;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 1px #000;
font-size: 12px;
padding-bottom: 1200px;
margin-bottom: -1200px;
background: #272727;
background: -webkit-gradient(linear, center top, center bottom, from(#3c3c3c), to(#272727));
background: -moz-linear-gradient(top, #3c3c3c, #272727);
background: -o-linear-gradient(top, #3c3c3c, #272727);
background: linear-gradient(to bottom, #3c3c3c, #272727);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#3c3c3c', endColorstr='#272727', GradientType=0)";
}
ul.nav {
list-style: none;
border-top: 1px solid #666;
margin-bottom: 15px;
/zoom: 1;
}
ul.nav li {
border-bottom: 1px solid #666;
/zoom: 1;
}
ul.nav a, ul.nav a:visited {
padding: 10px 5px 10px 15px;
display: block;
text-decoration: none;
color: #fff;
font-weight: bold;
background: #1c1c1c;
width: 160px;
}
ul.nav a:hover, ul.nav a:active, ul.nav a:focus {
background: #03f;
background: -webkit-gradient(linear, center top, center bottom, from(#09f), to(#03f));
background: -moz-linear-gradient(top, #09f, #03f);
background: -o-linear-gradient(top, #09f, #03f);
background: linear-gradient(to bottom, #09f, #03f);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#09f', endColorstr='#03f', GradientType=0)";
color: #fff;
}
ul.nav a.selected {
background: #03f url(../img/sel_menu.png) left top no-repeat;
width: 160px;
}
.currentInfo {
padding: 10px 4px 10px 4px;
font-weight: normal;
font-size: 11px;
line-height: 1.2;
}
.currentInfo table{
width: 98%;
font-weight: normal;
font-size: 14px;
table-layout:fixed;
word-wrap:break-word;
}
.currentInfo table td{
padding: 0px 5px;
}.contentsPage {
width: 700px;
background: #ededed;
padding: 2px 10px 0px 0px;
float: right;
}
.tabs {
list-style: none;
margin: 10px 0 0 20px;
padding: 0;
overflow: hidden;
/zoom: 1;
}
ul.tabs li {
float: left;
margin-left: 5px;
height: 28px;
overflow: hidden;
/zoom: 1;
}
ul.tabs li a {
display: block;
text-align: center;
padding: 9px 15px;
color: #888;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 1px #e4f1ff;
font-size: 11px;
background: #dce0e3;
}
ul.tabs li a:hover {
font-weight: bold;
color: #555;
background: #d8d8d8;
background: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d8d8d8));
background: -moz-linear-gradient(top, #ffffff, #d8d8d8);
background: -o-linear-gradient(top, #ffffff, #d8d8d8);
background: linear-gradient(to bottom, #ffffff, #d8d8d8);
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#d8d8d8', GradientType=0)";
}
ul.tabs li a.current {
font-weight: bold;
color: #0099ff;
background: url(../img/tab_bg.png) left top repeat-x;
}
.overlayTabs {
text-align: center;
list-style: none;
margin: 0;
padding: 0;
line-height: 24px;
overflow: hidden;
position: relative;
/zoom: 1;
}
.overlayTabs li {
float: left;
margin-left: 5px;
height: 24px;
overflow: hidden;
/zoom: 1;
border: 1px solid #aaa;
z-index: 0;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #fff;
position: relative;
background: #dce0e3;
}
.overlayTabs li a {
display: block;
text-align: center;
padding: 0 20px;
color: #888;
font-weight: bold;
text-decoration: none;
text-shadow: 0 1px 1px #e4f1ff;
font-size: 11px;
}
.overlayTabs li a:hover {
color: #555;
}
.overlayTabs li a.current {
color: #0099ff;
}
.overlayTabs li.selected {
font-weight: bold;
background: #fff;
color: #0099ff;
z-index: 2;
border-bottom-color: #fff;
}
.overlayTabs:before {
position: absolute;
content: " ";
width: 100%;
bottom: 0;
left: 0;
border-bottom: 1px solid #aaa;
z-index: 1;
}
.overlayTabs li:before,
.overlayTabs li:after {
border: 1px solid #aaa;
position: absolute;
bottom: -1px;
width: 5px;
height: 5px;
content: " ";
}
.overlayTabs li:before {
left: -6px;
border-bottom-right-radius: 4px;
border-width: 0 1px 1px 0;
box-shadow: 2px 2px 0 #d1d1d1;
}
.overlayTabs li:after {
right: -6px;
border-bottom-left-radius: 4px;
border-width: 0 0 1px 1px;
box-shadow: -2px 2px 0 #d1d1d1;
}
.overlayTabs li.selected:before {
box-shadow: 2px 2px 0 #fff;
}
.overlayTabs li.selected:after {
box-shadow: -2px 2px 0 #fff;
}
.tabPanes {
padding: 10px 15px 20px 15px;
clear: both;
min-height: 380px;
height: auto !important;
height: 380px;
background: #fff url(../img/pn_grad.png) repeat-x left bottom;
}
.tabPanes h3 {
padding: 0 0 10px 0;
color: #666;
font-size: 16px;
text-shadow: 1px 1px 0 #e4f1ff;
}
.tabPanes h4 {
margin: 10px 0 0 10px;
color: #999;
font-size: 13px;
}
.tabPanes h5 {
margin: 10px 0 0 10px;
color: #666;
font-size: 12px;
}
.tabPanes input, .modal input {
background-color: #fff;
padding: 2px;
color: #333;
font-size: 12px;
text-shadow: 1px 1px 0 #e4f1ff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.overlayTabPanes {
border-top: none;
padding: 10px 15px 10px 15px;
clear: both;
min-height: 280px;
height: auto !important;
height: 280px;
background: #fff;
}
.overlayTabPanes h3 {
padding: 0 0 10px 0;
color: #666;
font-size: 16px;
text-shadow: 1px 1px 0 #e4f1ff;
}
.overlayTabPanes h4 {
margin: 10px 0 0 10px;
color: #999;
font-size: 13px;
}
.overlayTabPanes h5 {
margin: 10px 0 0 10px;
color: #666;
font-size: 12px;
}
.overlayTabPanes input, .modal input {
background-color: #fff;
padding: 2px;
color: #333;
font-size: 12px;
text-shadow: 1px 1px 0 #e4f1ff;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sendSuccessfuly {
background: #e2f9ff;
border-radius: 4px;
border: inset 1px;
padding: 8px 12px;
margin: 0 0 10px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.sendError {
background: #ffefef;
color: #f02222;
border-radius: 4px;
border: inset 1px;
padding: 8px 12px;
margin: 0 0 10px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
.dropShadow {
background: #ededec url(../img/shadow.png) top center no-repeat;
height: 50px;
}
.footer {
padding: 10px;
color: #eee;
background: #1c1c1c;
font-size: 11px;
position: relative;
clear: both;
}
.itemTable {
margin-left: 30px;
color: #666;
}
.itemTable th {
color: #06c;
text-shadow: 1px 1px 0 #e4f1ff;
font-weight: normal;
text-align: left;
line-height: 1.2;
}
.itemTable .tsmall {
font-size: 10px;
line-height: 1.1;
}
.itemErrFont {
color: #ff0000;
}
.itemWarnFont {
color: #ff9900;
}
.applyButton {
text-align: right;
padding: 5px 5px 0px 5px;
}
.advanceButton {
text-align: right;
padding: 0px 5px 0px 5px;
}
.optionButton {
text-align: right;
padding: 15px 5px 0px 5px;
}
.selectPresetButton {
padding: 5px 0px 5px 5px;
border-top-style: solid;
border-top-color: #999;
border-top-width: thin;
margin: 0px;
}
.modal {
background-color: #fff;
display: none;
width: 655px;
padding: 12px;
text-align: left;
border: 2px solid #333;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-moz-box-shadow: 0 0 50px #ccc;
-webkit-box-shadow: 0 0 50px #ccc;
}
.tabModal {
width: 655px;
}
@media only screen
 and (max-device-height: 640px) {
.modal {
height: 400px;
overflow-y: auto;
}
}
.modal h2 {				
margin: 0 0 10px 0;
padding: 10px 0 6px 10px;
border-bottom: 1px solid #333;
font-size: 16px;
}
.modal h3 {
margin: 0 0 10px 0;
color: #666;
font-size: 16px;
text-shadow: 1px 1px 0 #e4f1ff;
}
.modal h4 {
margin: 10px 0 0 10px;
color: #999;
font-size: 13px;
}
.modal h5 {
margin: 10px 0 0 20px;
color: #666;
font-size: 12px;
}
.dialogButton, .logButton {
text-align: right;
padding: 15px 5px 10px 5px;
}
.smallModal {
width: 480px;
}
.tooltip, .dialogTooltip {
border: 1px solid #000;
color: #000;
font-size: 10px;
background: #ffffe1;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
text-shadow: none;
line-height: 1.1;
min-width: 120px;
width: auto !important;
width: 120px;
display: none;
padding: 1px 2px;
text-align: left;
}
.gridTooltip {
border: 1px solid #000;
color: #000;
font-size: 10px;
background: #ffffe1;
-moz-box-shadow: 0 0 5px #000;
-webkit-box-shadow: 0 0 5px #000;
text-shadow: none;
line-height: 1.1;
min-width: 240px;
width: 240px !important;
width: 240px;
display: none;
padding: 1px 2px;
text-align: left;
}
#version_overlay {
display: none;
width:  450px;
height: 300px;
}
#version_overlay .contentWrap {
background: #fff;
}
#error_overlay {
display: none;
width: 220px;
}
#error_overlay .contentWrap{
background:#fff;
}
#error_overlay p {
color: #900;
padding: 16px 16px 0 16px;
}
.messageOverlay {
display: none;
min-width: 220px;
width: auto !important;
width: 220px;
border: 3px solid #555;
}
.messageOverlay .contentWrap {
background:#fff;
}
.messageOverlay .confirm {
padding: 0 0 0 42px;
background: url(../img/alert.png) left center no-repeat;
}
.messageOverlay .confirmThin {
padding: 10px 0 10px 42px;
background: url(../img/alert.png) left center no-repeat;
}
.messageOverlay .error {
padding: 0 0 0 42px;
background: url(../img/error.png) left center no-repeat;
}
.messageOverlay .errorThin {
padding: 10px 0 10px 42px;
background: url(../img/error.png) left center no-repeat;
}
.messageOverlay .success {
padding: 0 0 0 42px;
background: url(../img/ok.png) left center no-repeat;
}
.messageOverlay .successThin{
padding: 10px 0 10px 42px;
background: url(../img/ok.png) left center no-repeat;
}
.messageOverlay .messageOverlayInner {
padding: 20px;
}
.confirmBtn {
text-align: right;
padding: 10px 0 0 0;
}
.wideTextfield {
width: 195px;
}
.xwideTextfield {
width: 325px;
}
.xxwideTextfield {
width: 385px;
}
#preset_dialog {
width: 655px;
}
#gbox_log_table, #gbox_preset_table, #gbox_program_list, #gbox_maintenanceLog_table {
margin: 0 auto 20px auto;
}
#preset_table td {
height: 26px;
}
#preset_table td textarea {
float: right;
}
.editable, .editablefield {
width: 98%;
}
.hideDialog {
display: none;
}
#localized_text {
display: none;
}
.editableTableCaption {
width: 592px;
margin: 0 auto;
border: 1px solid #aaa;
padding: 3px;
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
}
.editableTable, .ip {
margin: 0 auto 10px auto;
border-collapse: collapse;
border: 1px solid #aaa;
border-top: none;
}
.editableTable th {
border: 1px solid #aaa;
border-top: none;
padding: 3px;
color: #212121;
font-weight: normal;
font-size: 11px;
background: url(images/bg_g75_e.png) left center repeat;
}
.editableTable td {
border: 1px solid #aaa;
padding: 1px;
}
.editableTable tr.ui-state-highlight td {
border: 1px solid #fcefa1;
padding: 1px;
}
.editableTable td .editable {
width: 98%;
display: block;
}
.status {
display: inline-block;
font-size: 10px;
padding: 1px 5px;
background: #ddd;
}
.editTablebtn {
padding: 0 0 0 33px;
}
.enable {
background: #6bb32c;
color: #fff;
}
.itemTable .itemTable {
margin: 0;
}
.progress {
width: 100%;
height: 18px;
margin: 15px 0;
background: #efefef;
}
.progress .bar {
background: #006de6;
width: 0%;
height: 18px;
}