/**********************************************/
/*  NCA RUI common Standard style   			 */
/*  2017/06/27                             */
/**********************************************/
/*-- basic elements ------------------------------*/
* {
margin: 0;
padding: 0;
font-size: small;
font-weight: normal;
line-height: auto;
}
body {
color: #000000;
background-color: #fefefe;
}
table {
border-collapse: collapse;
border-spacing: 0px;
}
a:link,
a:visited {
color: #ffffff;
text-decoration: none;
}
a:hover {
color: #efefef;
text-decoration: none;
}
a:active {
color: #efefef;
text-decoration: none;
}
hr {
display: none;
}
legend {
display: none;
}
fieldset {
border: none;
}
img {
vertical-align: middle;
border: none;
}
select {
vertical-align: middle;
margin: 3px 0;
padding: 0;
font-weight: normal;
line-height: auto;
font-size: 1em;
min-width: 60px;
/ min-width: auto;
}
select option {
padding: 0 1ex;
font-size: 1em;
}
input {
vertical-align: middle;
padding: 1px 6px 1px 2px;
font-weight: normal;
font-size: 1em;
}
textarea {
vertical-align: middle;
padding: 2px;
}

/*-- common style --*/
.Supplement {
display: none;
}

.Wrapper {
background: transparent;
zoom: 1;
}
.Wrapper:after {/* firefox */
content: "";
display: block;
clear: both;
}

.TextReadOnly {
color: #000000;
background: #e7e7e7;
}

/*--.Buttons--*/

.TransitionOperation input.ButtonEnable,
.TransitionOperation input.ButtonEnable:hover,
.TransitionOperation input.ButtonEnable:active,
.TransitionOperation input.ButtonDisable {
min-width: 7em;
/ min-width: auto;
}
.ConfirmOperation input.ButtonEnable,
.ConfirmOperation input.ButtonEnable:hover,
.ConfirmOperation input.ButtonEnable:active,
.ConfirmOperation input.ButtonDisable{
min-width: 7em;
/ min-width: auto;
}
input.ButtonEnable {
font-weight: normal;
width: auto;
padding: 4px 8px;
margin: 2px 0;
border: 1px solid #cccccc;
background: #eeeeee;
line-height:  auto;
}
input.ButtonEnable:hover {
border: 1px solid #cccccc;
background: #f8f4c9;
}
input.ButtonEnable:active {
border: 1px solid #cccccc;
background: #efe695;
}
input.ButtonDisable {
font-weight: normal;
width: auto;
padding: 4px 8px;
margin: 2px 0;
border: 1px solid #cccccc;
background: #dedede;
color: #a0a0a0;
line-height: auto;
}
input.ButtonEnable,
input.ButtonEnable:hover,
input.ButtonEnable:active,
input.ButtonDisable{
min-width: 4em;
/ min-width: auto;
}
.ItemOperation{
float: right;
}

.PropertyListComponent .ItemOperation{
padding-right: 6px;
}
a.Button {
display: block;
float: left;
padding: 3px 5px;
margin: 2px 4px 2px 0;
line-height: 1.2em !important;
white-space: nowrap;
text-decoration: none !important;
border: 1px solid #cccccc;
background: #eeeeee;
}
a.Button:link ,
a.Button:visited {
border: 1px solid #cccccc;
background: #dedede;
text-decoration: none;
}
a.Button:hover {
border: 1px solid #cccccc;
background: #f8f4c9;
text-decoration: none;
}
a.Button:active ,
a.Button:focus {
border: 1px solid #cccccc;
background: #efe695;
text-decoration: none;
}
button.ButtonEnable {
width: auto;
padding: 2px 4px;
margin: 2px 0;
border: 1px solid #cccccc;
background: #eeeeee;
color: #232323;
}
button.ButtonDisable {
width: auto;
padding: 2px 4px;
margin: 2px 0;
border: 1px solid #cccccc;
background: #dedede;
color: #a0a0a0;
}
button img {
margin: 0;
vertical-align: middle;
border: none;
}
button span {
vertical-align: middle;
line-height: 17px;
}

/*-- basic layout ------------------------------*/
/*--#container--*/
#container {
margin: 0 auto;
width: 100%;
min-width: 760px;
text-align: left;
}
/*--#ruiCommons--*/
#ruiCommons {
clear: both;
color: #ffffff;
background: #0f0f0f;
padding: 4px 0;
zoom: 1;
}
#ruiCommons:after {/* firefox */
content: "";
display: block;
clear: both;
}
/*-- #applications --*/
#applications {
position: relative;
zoom: 1;
}
#applications:after {/* firefox */
content: "";
display: block;
clear: both;
}
/*-- field style ------------------------------*/

/*--#commonBranding--*/
#commonBranding {
float: left;
padding: 0 11px;
}
#commonBranding a:link ,
#commonBranding a:visited {
text-decoration: none;
}
#commonBranding a:hover ,
#commonBranding a:active ,
#commonBranding a:focus {
text-decoration: none;
}
#commonBranding #deviceLogo {
display: inline;
}
#commonBranding #deviceLogo img {
margin: 2px 4px 4px 0;
}
#commonBranding #deviceLogo > img {
margin: 0px 4px 0 0;
}
#commonBranding #deviceLogo span{
font-weight: bold;
}
#commonBranding #deviceLogo a:link ,
#commonBranding #deviceLogo a:visited {
color: #d2d2d2;
text-decoration: none;
}
#commonBranding #deviceLogo a:hover {
color: #ffffff;
text-decoration: none;
}
#commonBranding #deviceLogo a:active,
#commonBranding #deviceLogo a:focus {
color: #adadad;
text-decoration: none;
}
#commonBranding #deviceType {
margin: 0px 0px 0px 50px ;
display: inline;
padding: 0 6px;
color: #dfdfdf;
}
#commonBranding #deviceType span{
font-weight: bold;
}

/*--#commonTools--*/
#commonTools {
float: right;
text-align: right;
margin-right: 6px;
}
#commonTools * {
font-weight: bold;
line-height: 1.2em;
}
#commonTools fieldset{
float: left;
margin: 0px 6px 0 6px;
color: #d2d2d2;
white-space: nowrap;
}
#commonTools p {
display: inline;
}
#loginUserData .Supplement {
display: inline;
margin: 0 2px 0 12px;
}
#userName {
	margin: 0 6px 0 6px;
}
#commonTools p span ,
#commonTools p a {
white-space: nowrap;
z-index: 2;
}
#commonTools a:link ,
#commonTools a:visited {
color: #d2d2d2;
text-decoration: none;
border-bottom: 1px dotted #d2d2d2;
}
#commonTools a:hover {
color:#ffffff;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
}
#commonTools a:active ,
#commonTools a:focus {
color:#adadad;
text-decoration: none;
border-bottom: 1px solid #adadad;
}
/*-- #applicationBranding --*/
#applicationBranding {
background: #232323;
color:#ffffff;
clear:both;
zoom: 1;
}
#applicationBranding:after {/* firefox */
content: "";
display: block;
clear: both;
}
#applicationLogo {
display: block;
float: left;
width: auto;
height: 32px;
line-height: 32px;
padding: 2px 0 4px 10px;
}
#applicationLogo img {
display: inline;
margin-right: 8px;
vertical-align: -10px;
}
#applicationLogo .BrandingName {
display: inline;
line-height: 100%;
font-size: 120%;
font-weight: bold;
}
#appTools {
float: right;
display: block;
white-space: nowrap;
text-align: right;
line-height: 32px;
padding: 0 8px;
}
#appTools fieldset{
display: inline;
margin: 0px 5px;
vertical-align: middle;
line-height: 32px;
}
#appTools span {
line-height: 32px;
}
#appTools a {
margin: 0 5px 0 2px;
line-height: 14px;
}
#appTools a:link ,
#appTools a:visited {
color: #d2d2d2;
text-decoration: none;
border-bottom: 1px dotted #d2d2d2;
}
#appTools a:hover {
color: #ffffff;
text-decoration: none;
border-bottom: 1px dotted #ffffff;
}
#appTools a:active ,
#appTools a:focus {
color: #adadad;
text-decoration: none;
border-bottom: 1px solid #adadad;
}
#appTools select {
line-height: 14px;
margin: 6px 0;
}
#appTools a.ImgButton {
margin: 0;
line-height: 14px;
border: none !important;
}
/*-- #applicationContents --*/

#applicationContents {
position: relative;
background: #ffffff url("../media/contents_bg_l.gif") left top repeat-y;
zoom: 1;
}
#applicationContents:after {/* firefox */
content: "";
display: block;
clear: both;
}

#applicationContents .Wrapper:after {
content: "";
display: block;
clear: both;
}
#applicationContents .Wrapper {
display: inline-block;
width: 100%;
} 

/* for IE6 */
#contentsWrapper {
width: auto;
padding: 0 0 0 250px;
zoom: 1;
}
#contents {
padding: 10px 10px 10px 28px;
}
#navigationWrapper {
position: absolute;
top: 0;
left: 0;
width: 250px;
padding: 0;
zoom: 1;
line-height: auto;
}
/* for no IE6 overwrite */
* > #contentsWrapper {
width: 100%;
padding: 0;
float: right;
margin: 0 0 0 -250px;
zoom: 1;
}
* > #contents {
margin: 0 0 0 250px;
padding: 10px 28px 10px 28px;
}
* > #navigationWrapper {
position: static;
top: auto;
left: auto;
float: right;
width: 250px;
padding: 0;
zoom: 1;
}

/*--#navigation --*/
#navigation {
width: 249px;
margin-left: 1px;
}
#navigation h2 {
display: none;
}
#navigation h3 {
display: none;
}
#navigation ul { 
line-height: 20px;
}
#navigation ul li {
list-style: none;
display: block;
margin:0;
}
#navigation ul li span.GroupTitle {
display: block;
margin: 0px;
padding: 2px 11px 0 11px;
font-size: 90%;
font-weight: bold;
border-bottom: 1px solid #dedede;
}
#navigation ul li a {
display: block;
padding: 8px 1.5em;
margin: 0;
}
#navigation ul li a:link ,
#navigation ul li a:visited { 
color: #232323;
border-right: 1px solid #dedede;
}
#navigation ul li a:hover,
#navigation ul li a:focus {
color: #232323;
background:#f8f4c9;
border-right: 1px solid #dedede;
}
#navigation ul li a:active {
color: #232323;
background: #efe695;
border-right: 1px solid #dedede;
}
#navigation ul li.Selected a {
background:#ffffff;
color: #232323;
border-right: 1px solid #dedede;
}
#navigation ul li.Selected a:link ,
#navigation ul li.Selected a:visited {
background:#ffffff;
color: #232323;
border-right: 1px solid #dedede;
}
.MainItem .Sub{
border-bottom: 1px solid #cccccc;
}
/*-- #applicationInfo --*/
#applicationInfo {
clear: both;
text-align: right;
padding: 6px 0 6px 0;
width: 100%;
height: 1.4em;
background:#0f0f0f;
color: #ffffff;
position:relative;
}
span.TechInfo {
float: left;
}
#changeView {
padding: 2px 12px;
font-size: 90%;
float: left;
line-height: 1em;
font-style: normal;
}
#changeView a:link ,
#changeView a:visited {
color: #d2d2d2;
border-bottom: 1px dotted #d2d2d2;
text-decoration: none;
}
#changeView a:hover {
color: #ffffff;
border-bottom: 1px dotted #ffffff;
text-decoration: none;
}
#changeView a:active,
#changeViewo a:focus {
color: #adadad;
border-bottom: 1px solid #adadad;
text-decoration: none;
}
address.SiteInforLegal {
padding: 2px 12px;
font-size: 90%;
float: right;
line-height: 1em;
font-style: normal;
}
/*--.GotoTop--*/
.tmpFooter {
clear:both;
}
.GotoTop {
margin: 1ex 0;
padding: 2px 0;
border-top: 1px solid #d6d6d6;
}
/*--navTopicPath--*/
#navTopicPath {
margin: 0 0 6px 0;
padding: 1px 0 0 0;
background: #ffffff;
font-size: small;
color: #666666;
zoom: 1;
}
#navTopicPath:after {/* firefox */
content: "";
display: block;
clear: both;
}
#navTopicPath h4 {
display: none;
}
#navTopicPath a {
text-decoration: none;
font-size: small;
}
#navTopicPath a:link ,
#navTopicPath a:visited {
color: #666666;
border-bottom: none;
}
#navTopicPath a:hover {
color: #0041D7;
padding-bottom: 1px;
border-bottom: 1px dotted #0041D7;
}
#navTopicPath a:active,
#navTopicPath a:focus {
color: #002f8c;
border-bottom: 1px solid #002f8c;
}
#navTopicPath span {
text-decoration: none;
font-size: small;
color: #666666;
}
/*--#contentHeading--*/
#contentHeading {
zoom: 1;
clear: both;
margin-bottom: 6px;
border-bottom: 1px solid #CCCCCC;
}
#contentHeading:after {/* firefox */
content: "";
display: block;
clear: both;
}
#contentHeading h2.PageName {
font-size: 150%;
font-weight: bold;
float: left;
padding: 2px 12px 0px 0px;
}
#contentHeading h2.PageName img {
margin: 0 4px;
}
/*--#contentHeadingTools--*/
#contentHeadingTools {
float: right;
width: auto;
margin: auto;
}
#tmpReload,
#consumableTmpReload {
 float: left;
 margin: -3px 0px 0px 6px;
 padding: 7px 0px 4px 0px;
 width: 24px;
 line-height: 24px;
}

#tmpUpdate {
 float: left;
 padding-top: 5px;
 font-size: 90%;
 white-space: nowrap;
 line-height:24px;
}
/*--#contentInformation--*/
#contentInformation {
margin: 0px;
display: block;
padding: 6px 5px;
max-width: 70%;
/max-width: 100%;
line-height: 1.3em;
float:left;
/float: clear;
zoom: 1;
}
#contentInformation:after {/* firefox */
content: "";
display: block;
clear: both;
}
.ModuleHeading + #contentInformation {
max-width: 100%;
float: none;
}
#contentInformation ul{
margin-top: 8px;
margin-left: 1.5em;
color: #333333;
}
#contentInformation li{
line-height: 1.2em;
}
/*--.ContentOperation--*/
.ContentOperation fieldset ,
.ConfirmOperation fieldset {
margin: 0;
padding: 0;
border-top: none;
white-space: nowrap;
text-align: right;
}
.ContentOperation legend ,
.ConfirmOperation legend {
display: none;
}

/*--#availableMemory--*/
#availableMemory {
display: block;
text-align: right;
margin: 8px 0;
}
#availableMemory span.Property {
font-weight: bold;
}
#availableMemory span.Value {
font-weight: bold;
}
#availableMemory img {
	margin: 0;
}
/*-- ContentModule --*/
.ContentModule {
margin-bottom: 12px;
clear: both;
}
.ContentModule .ModuleHeading h4 {
margin: 6px 0;
}
/*--.ModuleHeading--*/
.ModuleHeading { 
display: block;
zoom: 1;
}
.ModuleHeading:after {/* firefox */
content: "";
display: block;
clear: both;
}
.ModuleHeading h4 {
font-size: 100%;
font-weight: bold;
color: #232323;
background: #dedede;
padding: 4px 1px 2px 6px;
clear: both;
}
.ModuleHeadingSub { 
display: block;
margin: 0;
background: #cccccc url("") repeat-x ;
padding: 2px 4px;
zoom: 1;
}
.ModuleHeadingSub:after {/* firefox */
content: "";
display: block;
clear: both;
}
.ModuleHeadingSub h4 {
font-size: 100%;
font-weight: bold;
color: #3e4555;
}
/*--.ModuleElement--*/
.ContentModule .ModuleElement {
margin: 0 1em;
zoom: 1;
clear: both;
}
.ModuleElement:after {/* firefox */
content: "";
display: block;
clear: both;
}
.ModuleElement h5 {
padding: 6px 0px 0px 0px;
font-size: 100%;
color: #232323;
border-bottom: 1px solid #999999;
font-weight: bold;
height: auto;
}
.ModuleElement table {
margin: 0;
width: 100%;
}
.ModuleElement table thead tr {
color: #000000;
}
.ModuleElement table thead th {
white-space: nowrap;
padding: 3px 30px 3px 6px;
text-align: left;
color: #232323;
}
.ModuleElement table tbody th {
padding: 4px 6px;
text-align: left;
color: #000000;
}
.ModuleElement table tbody td {
padding: 2px 7px;
}
.ModuleElement table td input.Button {
margin-right: 1px;
padding: 1px;
}
.ModuleElement input {
margin-right: 1px;
}
.ModuleElement a:link ,
.ModuleElement a:visited {
color: #002f8c;
text-decoration: none;
border-bottom: 1px dotted #002f8c;
}
.ModuleElement a:hover {
color: #0041D7;
text-decoration: none;
border-bottom: 1px dotted #0041D7;
}
.ModuleElement a:active ,
.ModuleElement a:focus {
color: #002f8c;
text-decoration: none;
border-bottom: 1px solid #002f8c;
}
.ModuleElement a.Button {
padding: 6px 10px;
}
.ModuleElement a.Button:link ,
.ModuleElement a.Button:visited {
color: #000000;
border: 1px solid #cccccc;
}
.ModuleElement a.Button:hover {
color: #000000;
border: 1px solid #cccccc;
}
.ModuleElement a.Button:active ,
.ModuleElement a.Button:focus {
color: #000000;
border: 1px solid #cccccc;
}

/*-- ContentModule .PropertyListComponent --*/
.ContentModule .ModuleElement table.PropertyListComponent {
width: 100%;
border: none;
line-height: 20px;
padding:5px 1em;
}
.ContentModule .ModuleElement table.PropertyListComponent thead {
display: none;
border: none;
}
.ContentModule .ModuleElement table.PropertyListComponent tbody {
border: none;
}
.ContentModule .ModuleElement table.PropertyListComponent th {
width: 35%;
text-align: left;
vertical-align: top;
color: #000000;
padding: 2px 1em;
border-bottom: 1px solid #ffffff;
border-left: 0px;
}
.ContentModule .ModuleElement table.PropertyListComponent td {
text-align: left;
vertical-align: top;
color: #000000;
padding: 2px 0px;
border-bottom: 1px solid #ffffff;
}
/*-- ContentModule .ItemListComponent --*/
.ContentModule .ModuleElement .ItemListComponent table {
width: 100%;
}
.ContentModule .ModuleElement .ItemListComponent table thead th {
padding: 3px 15px 3px 5px;
text-align: left;
white-space: nowrap;
color: #000000;
background: #eeeeee;
border-right: 1px solid #ffffff;
border-bottom:1px solid #ffffff;
}
.ContentModule .ModuleElement .ItemListComponent table tbody th ,
.ContentModule .ModuleElement .ItemListComponent table tbody td {
line-height: 20px;
text-align: left;
color: #000000;
padding: 2px 7px;
border-width: 0 0 1px 0;
border-bottom: 1px dotted #dddddd;
}
.ContentModule .ModuleElement .ItemListComponent table tbody td a {
display: block;
float: left;
line-height: 28px;
padding-right: 5px;
}
.ContentModule .ModuleElement .ItemListComponent table tbody td.CountLimit{
color: #ee0000;
}

/*-- ContentModule .MenuListComponent --*/
table.MenuListComponent thead {
display: none;
border: none;
}
table.MenuListComponent tr {
vertical-align: top;
}
table.MenuListComponent tr th,
table.MenuListComponent tr td{
padding-bottom: 6px;
}
/*-- ContentModule .ErrorListComponent --*/
.ContentModule .ModuleElement table.ErrorListComponent thead {
display: none;
border: none;
}
.ContentModule .ModuleElement table.ErrorListComponent th ,
.ContentModule .ModuleElement table.ErrorListComponent td{
padding-top: 8px;
}
.ContentModule .ModuleElement table.ErrorListComponent th {
width: 40px;
}
#noErrorInformation, 
#errorInformation{
margin: 12px 6px;
}

/*--table tr OddColumn / EvenColumn --*/
tr.OddColumn th ,
tr.OddColumn td {
border-bottom:solid 1px #e8e8e8;
}
tr.EvenColumn th ,
tr.EvenColumn td {
background:#f5f6f8;
border-bottom:solid 1px #e8e8e8;
}
tr.OddColumn td.NewInput {
background-color: #eeeeee;
border-right: 1px solid #ffffff;
}
tr.EvenColumn td.NewInput {
background-color: #e4e8ee;
border-right: 1px solid #ffffff;
}

/* col */
colgroup{
border: 0px;
}
col.SelectColumn{
width: 2em;
white-space: nowrap;
}
col.TypeColumn{
width: auto;
white-space: nowrap;
}
.ContentModule .ModuleElement .ItemListComponent table thead.SortOperation tr th {
padding: 0px;
text-align: left;
vertical-align: middle;
background: #eeeeee;
border-right: 1px solid #ffffff;
text-indent: 6px;
}
.ContentModule .ModuleElement .ItemListComponent .NumberColumn {
width:3em;
}
.ItemListComponent table thead.SortOperation tr th a {
display: block;
padding: 5px 20px 5px 3px;
height: 1.1em;
line-height: 1.1em;
background: #eeeeee;
color: #000000;
border: none;
background-position: right;
background-repeat: no-repeat;
white-space: nowrap;
}
.ItemListComponent table thead.SortOperation tr th a:link,
.ItemListComponent table thead.SortOperation tr a:visited {
text-decoration: none;
}
.ItemListComponent table thead.SortOperation tr th a:hover {
color: #0033cc;
text-decoration: none;
background-color: #f0f0f0;
border: #0099cc 1px solid;
}
.ItemListComponent table thead.SortOperation tr th.Sort_up a {
background-image: url("./surface/list_sort_up.gif");
}
.ItemListComponent table thead.SortOperation tr th.Sort_down a {
background-image: url("./surface/list_sort_down.gif");
}
.ItemOperation a {
font-size: 90%;
}
.ItemOperation button {
font-size: 90%;
}
/*---.ContentModuleEditable--*/
.ContentModuleEditable {
margin: 6px 0 12px 0;
background: #eeeeee;
zoom: 1;
clear: both;
}
.ContentModuleEditable .ContentOperation {
margin:4px 6px 0 0;
}
.ContentModuleEditable h5{
margin: 0 1em;
}
.ContentModuleEditable table {
width: 100%;
padding:5px 1em;	
}
.ContentModuleEditable .ModuleElement table {;
margin-top: 3px;
border: none;
} 
.ContentModuleEditable .ModuleElement table th ,
.ContentModuleEditable .ModuleElement table td {
border-width:  0;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent {}
.ContentModuleEditable .ModuleElement table.PropertyListComponent thead {
display: none;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody {/* FireFox *//* IE is [rules="groups"] property */
border-top: none;
border-color:#ffffff;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody th {
width: 35%;
text-align: left;
vertical-align: top;
padding: 7px 4px 4px 2em;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody th label {
color: #000000;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody td {
color: #000000;
vertical-align: middle;
padding: 4px 10px 6px 6px;
}
.ContentModuleEditable .ModuleElement table.PropertyListComponent tbody td select {
margin: 0px 0;
}

/*-- ContentModule .OrderListComponent --*/
.ContentModuleEditable .ModuleElement .OrderListComponent table {
margin: 5px 0 0 0;
border: 1px solid #d1d1d1;
}
.ContentModuleEditable .ModuleElement .OrderListComponent table thead th {
padding: 2px 4px;
text-align: left;
white-space: nowrap;
background: #dedede;
border: 1px solid #d1d1d1;
}
.ContentModuleEditable .ModuleElement .OrderListComponent table tbody th ,
.ContentModuleEditable .ModuleElement .OrderListComponent table tbody td {
text-align: left;
color: #000000;
padding: 2px 4px;
background-color: #ffffff;
border-bottom: 1px solid #d1d1d1;
border-width: 0 0 1px 0;
vertical-align: middle;
}
/* sub items */
tr.Sub th {
padding-left: 4em !important;
}
tr.Sub1 th {
padding-left: 4em !important;
}
tr.Sub2 th {
padding-left: 5em !important;
}
tr.Sub3 th {
padding-left: 6em !important;
}
tr.Sub4 th {
padding-left: 7em !important;
}
tr.Sub5 th {
padding-left: 8em !important;
}
tr.Sub6 th {
padding-left: 9em !important;
}
tr.Sub7 th {
padding-left: 10em !important;
}
span.subsub ,
span.Subsub {
display: block;
padding: 0 0 1ex 8ex;
}
span.memo {
display: block;
margin-top: 3px;
font-size: 90%;
color: #4f5666;
line-height: 150%;
}
.GroupTitle span.memo {
display: inline;
font-size: 90%;
color: #4f5666; 
margin-left: 20px;
}
.H4memo {
 font-size: 90%;
 color: #232323;
 line-height: 150%;
 padding: 3px 6px; 
 border-top: none;	
}
/*-- EditableItems dl dt dd sub style --*/
.EditableItems {
zoom: 1;
}
.EditableItems:after {/* firefox */
content: "";
display: block;
clear: both;
}
.EditableItems dl {
padding: 4px 0;
}
.EditableItems dl dt {
display: inline;
padding: 4px 4px 4px 1ex;
}
.EditableItems dl dd {
display: inline;
padding: 4px 4px 4px 1em;
}
.EditableItems dl.Main {
border-bottom: solid 1px #ffffff;
}
.EditableItems dl.Sub1 {
border-bottom: solid 1px #ffffff;
}
.EditableItems dl.Sub1 dt {
padding: 4px 4px 4px 3ex;
}
.EditableItems dl.Sub2 dt {
padding: 4px 4px 4px 5ex;
}
.EditableItems dl.Sub3 dt {
padding: 4px 4px 4px 7ex;
}
.EditableItems dl.Sub4 dt {
padding: 4px 4px 4px 9ex;
}
.EditableItems dl.Sub5 dt {
padding: 4px 4px 4px 11ex;
}
.EditableItems dl.Sub6 dt {
padding: 4px 4px 4px 13ex;
}
.EditableItems dl.Sub7 dt {
padding: 4px 4px 4px 15ex;
}
.PropertyDefinitionSub {
border-bottom: solid 1px #FFFFFF;
padding: 4px 4px 4px 3ex;
}
.NoBorderBottom {
border: 0;
}
/*-- ContentModuleListUp --*/
.ContentModuleListUp {
margin: 6px;
}
.ContentModuleListUp .ListUpModuleElement td {
vertical-align: top;
}
.ListUpModuleElement ul {
list-style: none;
margin: 6px;
line-height: 1.5em;
}
.ListUpModuleElement ul li {
margin: 6px;
}
.ListUpModuleElement ul li a:link ,
.ListUpModuleElement ul li a:visited {
color: #004466;
text-decoration: none;
border-bottom: 1px dotted #004466;
}
.ListUpModuleElement ul li a:hover {
color: #0044cc;
text-decoration: none;
border-bottom: 1px solid #0044cc;
}
.ListUpModuleElement ul li a:active ,
.ListUpModuleElement ul li a:focus {
color: #004499;
text-decoration: none;
border-bottom: 1px solid #004499;
}
/*---.ElementOperation--*/
.ElementOperation {
padding: 6px 0 2px 0;

zoom: 1;
}
.ElementOperation:after {/* firefox */
content: "";
display: block;
clear: both;
}
.ElementOperation fieldset {
display: inline;
margin-right: 12px;
}
.ElementOperation fieldset.FilterOperation {
clear: both;
display: block;
width: auto;
margin: 0px;
padding: 2px 2px 0 4px;
text-align: right;
zoom: 1;
}
.ElementOperation fieldset.FilterOperation span.DisplayedOption {
float: left;
margin: 8px 5px;
}
.ElementOperation fieldset.GotoSubSettings {
display: block;
margin: 2px;
text-align: right;
}
.ElementOperation input {
margin: 1px 0 4px 0;
}

.ElementOperation fieldset .ButtonEnable,
.ElementOperation fieldset .ButtonDisable{
margin-right: 6px;
}
/*****= Paging Navigation  =*****/
.PageOperation {
display: block;
float: right;
text-align: right;
vertical-align: bottom;
margin: 0;
zoom: 1;
}
.PagingNavigation {
float: right;
padding: 2px 0;
text-align: right;
vertical-align: top;
white-space: nowrap;
color: #666666;
zoom: 1;
}
* > .PagingNavigation {
width: auto;
}
.PagingNavigation span.OneGroup {
margin: 0 0 0 12px;
white-space: nowrap;
zoom: 1;
}
.PagingNavigation span.OneGroup a {
padding: 0 1px;
zoom: 1;
}
.PagingNavigation span.OneGroup a:link,
.PagingNavigation span.OneGroup a:visited {
text-decoration: underline;
border: none;
}
.PagingNavigation span.OneGroup a:hover ,
.PagingNavigation span.OneGroup a:active {
text-decoration: underline;
border: none;
background-color: #f9f9ff;
}
.PagingNavigation span.OneGroup span.Now {
padding: 0 2px;
border: 1px solid #ecebe4;
color: #584b46;
font-weight: bold;
zoom: 1;
}

/*---.ElementOperation_Footer--*/
.ElementOperation_Footer {
padding-top: 2px;
border-top: 1px solid #d6d6d6;
zoom: 1;
}
.ElementOperation_Footer:after {/* firefox */
content: "";
display: block;
clear: both;
}
.ElementOperation_Footer fieldset {
display: inline;
margin: 0 12px 0 0;
}
/*--.GotoListTop--*/
.GotoListTop {
float: left;
margin: 0;
padding: 0;
}
/*--.GotoTop--*/
.GotoTop {
margin: 1ex 0;
padding: 2px 0;
border-top: 1px solid #d6d6d6;
}
/*=================== Attention[NG] ===================*/
.Attention {
color: #ff0000;
padding: 1px 4px;
background-color: #ffeebb;
}
/*=================== Num[align right] ===================*/
.NumDataColumn {
text-align: right !important;
}
/*===================DocumentFileNum [align right] ===================*/
.DocumentFileNum{
float: right !important;
padding-bottom:2px;
margin-top: -20px; 
}
/*=================== Note ===================*/
.Note {
color: #676787;
font-size: 90%;
vertical-align: middle;
line-height: 1.5em;
padding-right: 1ex;
padding-left: 1ex;
}
/*=================== Many_items_column ===================*/
td.One_item {
display: block;
width: auto;
padding: 2px 0;
}
td.One_item > input {
margin-right: 2px;
}
td.Many_items_column .One_item {
display: inline;
padding-right: 20px;
white-space: nowrap;
width: auto;
}
td.Many_items_column_matrix .One_item {
display: block;
float: left;
padding-right: 20px;
white-space: nowrap;
width: 32ex;
}

/*=================== Step ===================*/
#contentHeading .Steps {
padding: 2px 0;
}
#contentHeading .Steps p {
color: #ddddda;
font-weight: bold;
font-size: 90%;
display: inline;
margin: 0 5px 0 4px;
}
#contentHeading .Steps img {
margin: 0 5px 0 0;
}
#contentHeading .Steps h2 {
margin: 1px 0 0 2px;
}

/*=================== Time ===================*/
.TimeSetting {
white-space: nowrap;	 
}

/*=================== Sizes ===================*/
.Size_full_box{
width: 99%;
height: 5em !important;
}
.Size_full{
width: 99%;
}
.Size_longest{
width: 600px;
}
.Size_long{
width: 480px;
}
.Size_middle{
width: 340px;
}
.Size_short{
width: 250px;
}
.Size_shortest{
width: 160px;
}
.Size_figure{
width: 6ex;
}

/*-- MsgModule --*/
.MsgModule {
margin: 4ex 10%;
padding: 2px;
border: 1px solid #000000;
}
.MsgModule .Normal {
padding: 16px;
background: #cdecec;
border: 1px solid #7b7b7b;
text-align: center;
}
.MsgModule .Warning {
padding: 16px;
background: #ffffee;
border: 1px solid #7b7b37;
text-align: center;
}
.MsgModule .Glitch {
padding: 16px;
background: #ffffbb;
border: 1px solid #7b7b37;
text-align: center;
}
.MsgModule .Critical {
padding: 16px;
background: #ffeeee;
border: 1px solid #7b7b37;
text-align: center;
}
.MsgModule div input {
margin-top: 1ex;
padding: 1px 1.5em;
}

/**** Message frame ****/
.MsgModule img {
margin: 0 0 10px 0;
}
.AlertStatusMsg {
font-weight: bold;
}

/*--Message with guide--*/
.Normal .Message_guide {
margin: 20px 0 0 0;
padding: 15px 40px;
vertical-align: middle;
text-align: left;
border-top: 1px dotted #3399cc;
border-bottom: 1px dotted #3399cc;
}
.Warning .Message_guide {
margin: 20px 0 0 0;
padding: 15px 40px;
vertical-align: middle;
text-align: left;
border-top: 1px dotted #ede60a;
border-bottom: 1px dotted #ede60a;
}
.Glitch .Message_guide {
margin: 20px 0 0 0;
padding: 15px 40px;
vertical-align: middle;
text-align: left;
border-top: 1px dotted #e88e00;
border-bottom: 1px dotted #e88e00;
}
.Critical .Message_guide {
margin: 20px 0 0 0;
padding: 15px 40px;
vertical-align: middle;
text-align: left;
border-top: 1px dotted #e93003;
border-bottom: 1px dotted #e93003;
}

/*"Validates" is abbreviated as "vali".*/
/*============== Validation Error style =================*/
.MessageFrame_vali {
margin: 10px 25px;
}
.MessageFrame_vali ul {
background-color: #f8f0f0;
border: 4px double #ed3131;
color: #ed3131;
padding: 5px 30px;
}
.MessageFrame_vali ul li {
padding: 4px 0;
}
.Vali_part {
font-size: 75%;
font-style: italic;
color: #ffffff;
background-color: #ed3131;
padding: 1px 4px 1px 2px;
margin: 0 6px 0 3px;
white-space: nowrap;
display: none;
}

/*============== #deviceErrorInfoModule=================*/
#deviceErrorInfoModule p {
margin-left: 12px;
padding: 2px;
border-bottom: 1px solid #ffffff;
}
/*============== .QuotationModuleHeading=================*/
.QuotationModuleHeading h3 {
display: none;
}
.QuotationModuleElement .ModuleElement table {
width: auto;
margin-left: 7px;	
}
/*============== etc=================*/
#DeviceStatusModule.PropertyListComponent th {
	width: 20%;
}

label {
	padding-left: 2px;
}


/*============== Toner Bar=================*/

#table th{
	text-align:left;
	padding-right: 12px;
	white-space: nowrap;
}

#tonerInfomationModule table{
	width: auto;
	min-width: 450px;
	/ min-width: auto;
}


#tonerInfomationModule table th,
#tonerInfomationModule table td{
	vertical-align: middle;
}
.tonerBar {
	padding-bottom: 5px;
	width: 250px;
}
.tonerRemain {
background: #ecedf2;
width:100%;
min-width: 90px;
/ min-width: auto;
border: 1px solid #aaaaaa;
}

#yellow {
	background-color: #ffdd00 !important;
}

#magenta {
	background-color: #e929d6 !important;
}

#cyan {
	background-color: #2bc6ff !important;
}

#black {
	background-color: #000000 !important;
}
.Remaining100{
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining90{
	width: 90%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining80{
	width: 80%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining70{
	width: 70%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining60{
	width: 60%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining50{
	width: 50%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining40{
	width: 40%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining30{
	width: 30%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining20{
	width: 20%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining10{
	width: 10%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.Remaining0{
	width: 0%;
	margin: 3px;
	height: 20px;
	background: transparent center right no-repeat !important;
}

.RemainingUnknown#yellow, 
.RemainingUnknown#magenta ,
.RemainingUnknown#cyan,
.RemainingUnknown#black{
	margin: 3px;
	height: 20px;
	background:#ecedf2 url("../media/unknown.png") center center no-repeat!important;
}

/* ------------------------------- */
/* --------2016.04.14 ECO--------- */
	
.eco_m_icon{
	display: none !important;
	}

.eco_m_show{
	display:none !important;
	}

.eco_m_fb{
	width:36% !important;
	}
	
.eco_m_hide{
	width:36% !important;
	}
	
.eco_br_none{
	width:26% !important;
	}
	
/* ------------------------------- */
/* ------------------------------- */