@charset "utf-8";

div.notice { color: green; }
div.big_notice { color: green;font-size:14px;font-weight:bold;margin-bottom:3px; }
div.register_notice { color: blue;font-size:14px;font-weight:bold;margin-bottom:3px; }
div.error { color: red;font-size:14px;font-weight:bold;margin-bottom:3px; }


.fieldWithErrors {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #ffc7c7;
  padding-right: 1px;
}

.formError {
  color: red;
}

div.auto_complete {
  width: 350px;
  background: #fff;
}

div.auto_complete ul {
  border:1px solid #888;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
}
div.auto_complete ul li {
  margin:0;
  padding:3px;
}
div.auto_complete ul li.selected {
  background-color: #ffb;
}
div.auto_complete ul strong.highlight {
  color: #800;
  margin:0;
  padding:0;
}

div.tooltip { vertical-align:middle; text-align:center; background-color:#ffffff; position:absolute; border:solid 1px #4169e1; }
div.tooltip table { margin-bottom: 0px; }

span.require {color:red}

.center{ text-align: center !important;}
.right{ text-align: right !important;}
.left{ text-align: left !important;}
.top{ vertical-align:text-top !important;}
.bottom{ vertical-align:text-bottom; !important;}

/* paging */
span.paging span.pageno a{
  margin-left:5px;
}

span.paging span.on a{
  font-weight:bold;
  text-decoration:none;
}

/* plc-ng-table */
table.plc-ng-table td.ok {
  background-color: #eef8ff !important;
}
table.plc-ng-table td.ok:before {
  color: blue !important;
  content: "OK" !important;
}
table.plc-ng-table td.ng {
  background-color: #ffeeee !important;
}
table.plc-ng-table td.ng:before {
  color: red !important;
  font-weight: bold;
  content: "NG" !important;
}
table.plc-ng-table.edit td {
  cursor: pointer;
}
table.plc-ng-table th.all-ok {
  cursor: pointer;
  padding: 3px;
}
table.plc-ng-table th.all-ok {
  background-color: #eef8ff !important;
}
table.plc-ng-table th.all-ok:before {
  color: blue !important;
  content: "OK" !important;
  font-size: 80% !important;
}
table.plc-ng-table th.all-ng {
  cursor: pointer;
  padding: 3px;
}
table.plc-ng-table th.all-ng {
  background-color: #ffeeee !important;
}
table.plc-ng-table th.all-ng:before {
  color: red !important;
  content: "NG" !important;
  font-size: 80% !important;
}
