/*
    	common.css
	----------
    	This stylesheet controls layout, alignment and font settings that are common to all themes. 
	Separate stylesheets for each theme provide color and border treatments.
*/

/*
 * The style for font and size.
 */

body
{
  font: normal 80% , arial, verdana, helvetica, osaka, sans-serif; 
  margin: 0px;
}

table
{
  font: normal 100% , arial, verdana, helvetica, osaka, sans-serif; 
}

img
{
  border: 0px;
}


/*
 * The style for background color.
 */

body.basic
{
  background-color: #dfeaf5; 
}

body.basic2
{
  background: #dfeaf5;
	background-image: url(../image/leftMenuBG.gif);
	background-repeat: repeat-y;
	background-position: left top;
	position: relative;
}

body.messageError
{
  background: #fbf0f1; 
}

/*
 * The style for links.
 */

a
{ 
  text-decoration: none; 
  color: #161991;
}

a:hover
{ 
  text-decoration: underline; 
}

input
{
  vertical-align: middle; 
  font: normal 100% , arial, verdana, helvetica, osaka, sans-serif; 
} 

textarea
{
  vertical-align: middle; 
  font: normal 100% , arial, verdana, helvetica, osaka, sans-serif; 
} 

select
{
  vertical-align: middle; 
  font: normal 100% , arial, verdana, helvetica, osaka, sans-serif; 
}

input.textPage
{
  background-color:#ffffff;
  border: 1px solid #B6C9DC;
  margin:  0px 3px 0px 0px;
} 

/*
 * style for image
 */

img.objectImage
{
  margin: 0px 6px 0px 0px;
}

/*
 * style for text
 */
.textBold120
{
  font-weight:bold;
  font-size:120%;
}
/*
    	frame.css
*/

table.frame
{
  width: 100%; 
  background-color: #dae5f3;
}


table.frame tr.rowLogoArea
{
  background-color: #ffffff; 
}
/*
 *   	header.css
 */

div.enclosing
{
  background-image: url(../image/headerBG.gif);
  background-repeat: repeat-x;
  background-position: top;
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

.skipNavi
{
  padding: 0px;
  background-color:#FFFFFF;
  background-image: url(../image/logoBG.gif);
  background-repeat: repeat-x;
  background-position: top;
}


/*
style for logo area
*/

table.headerArea
{
  width: 100%; 
  margin: 0px;
  background-color:#FFFFFF;
}

table.headerArea td.logo
{
  padding: 8px 0px 0px 14px;
  background-color:#FFFFFF;
  background-image: url(../image/logoBG.gif);
  background-repeat: repeat-x;
  background-position: top left; 
  width: 355px; 
}

table.headerArea td.slope
{
  width: 130px; 
  background-image: url(../image/headerBG.gif); 
  background-repeat: repeat-x;
  background-position: top; 
}

/*
style for header button area
*/

table.headerArea td.headerButtonArea
{
  padding: 6px 20px 0px 0px; 
  background-image: url(../image/headerBG.gif); 
  background-repeat: repeat-x;
  background-position: top left;
}

table.headerButtons td
{
  padding: 0px; 
  white-space: nowrap; 
}

.modelName
{ 
/*  font-family: helvetica,arial;*/
  font-family: arial,helvetica;
/*  font-size:20px;*/
  font-size: 125%;
  font-style: normal;
  font-weight: 900;
  text-align: left;
  vertical-align: bottom;
  color: #474747;
}

.tradeName
{
	padding: 0px 0px 0px 20px; 
/*	font-family: helvetica,arial;*/
    font-family: arial,helvetica;
	color: #474747;
}

/*
style for button area
*/

td.mainButtonArea
{
  text-align: left;
  /*width: 100%;*/
  padding: 0px 0px 4px 0px;
  background-color: #FFFFFF;
}

table.mainButton td.selected
{
  padding: 0px 40px 0px 5px;
  font-weight: bold;
  font-size:150%; 
  white-space: nowrap;
}

table.mainButton td
{
  padding: 0px 0px 0px 10px;
  font-weight: bold;
  white-space: nowrap;
  vertical-align: middle;
}

.loginNameArea
{
  margin-top:12px;
  height:16px;
}

.loginName
{
	font-weight:900;
	white-space: nowrap;
}

//
.loginNameArea
{
  background-color: #ffffff;
  padding: 0px 20px 0px 0px;
  text-align:right;
  font-weight:bold;
  font-size: 110%;
}
//

tr.rowHeaderArea
{
  background-color: #ffffff; 
}

td.mainButtonArea
{
  padding: 0px; 
  border-bottom: 1px solid #BBD0E7;
}

/*
 * ¥á¥¤¥ó¥Ø¥Ã¥À©`ϤÎÊËÇФ꾀ÐФΥ¹¥¿¥¤¥ë
 */
td.rowHeaderDivisionArea
{
  width: 100%;
  padding: 0px;
  background-color: #FFFFFF;
  background-image: url(../image/mainButtonAreaBG.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  height: 6px;
}

/*
 * ¥á¥¤¥ó¥Ø¥Ã¥À©`ϤÎÊËÇФ꾀ÐФΥ¹¥¿¥¤¥ë£¨¥¨¥é©`£©
 */
td.rowHeaderDivisionAreaError
{
  width: 100%;
  background-color: #FFFFFF;
  padding: 0px;
  background: url(../image/mainErrorButtonAreaBG.gif);
  background-repeat: repeat-x;
  background-position: bottom;
  height: 6px;
}
/* 
 * style for contents icon
 */

table.contentsIcon
{
  padding: 0px;
}

table.contentsIcon td
{
  padding: 0px 0px 0px 3px;
  vertical-align: top;
}
/*
    leftmenu.css

*/
td.leftmenu
{
/*	width:175px;*/
	vertical-align: top;
	white-space: nowrap;
/*	background-image: url(../image/leftMenuBG.gif);
	background-repeat: repeat-y;
	background-position: left top;*/
	display:block;
}

table.menuPadding
{
	padding: 4px 4px 0px 4px;
/*	border-right: 1px solid #afafaf;*/
	height:100%;
}

table.menuTitle3
{
	margin: 0px 0px 2px 0px;
	padding: 0px;
	border: 1px solid #AAC0D6;
	background-color: #E9EFF5;
	width: 150px;
	cursor:pointer;
}

table.menuTitle3 td a
{
	margin: 0px;
	padding: 2px 4px 2px 4px;
	display: block;
}

table.menuTitle3 td a:hover
{
	background-color: #ffffff;
	text-decoration: underline;
}
/*
 *  style for list
 */

@import url(ListTable.css);
@import url(ListGroup.css);
@import url(ListScroll.css);

/*
    	control.css
	----------
    	This stylesheet controls layout, alignment and font settings for control buttons. 
*/

/*
style for control area
*/

table.control
{
  margin: 0px; 
  padding: 0px; 
  border: 1px solid #8d8d8d; 
  height: 22px; 
}

table.control td.button
{
  padding: 0px 5px 0px 5px; 
  white-space: nowrap; 
  background-image: url(../image/buttonBG.gif);
  background-repeat: repeat-x;  
  background-color: #b8b8b8; 
  border: 0px; 
  cursor: pointer; 
  vertical-align: middle;
  text-align: center;
}

table.control td.button a.button
{
  text-decoration: none;
  color:#000000;
  display: block;
  white-space: nowrap; 
}

table.control td.button_bgc
{
  padding: 2px;
  background-color:#f6f6f6;
  cursor:pointer;
}

table.control td.button_bgc a
{
  text-decoration: none;
  color:#000000;
  display: block;
  white-space: nowrap; 
}

/*
 *  style for setting title buttons
 */

table.settingButton
{ 
  padding: 0px; 
  border: 1px solid #939393; 
}

table.settingButton td.button
{
  padding: 0px 5px 0px 5px; 
  height: 20px; 
  width: 7em;  
  white-space: nowrap; 
  background-image: url(../image/buttonBGwhite.gif);
  background-repeat: repeat-x; 
  background-color: #b1b1b1; 
  cursor: pointer;  
  font-weight: bold; 
  font-size: 120%; 
}

table.settingButton td.button a.button
{
  display: block;
  white-space: nowrap; 
  color: #000000;
  text-decoration: none; 
}



/*
  the style for supply page 
*/

table.toner
{
  margin: 0px; 
  padding: 0px; 
  border: 1px solid #8d8d8d; 
  height: 20px; 
}

table.others
{
  margin: 0px; 
  padding: 0px; 
  border: 1px solid #8d8d8d; 
  height: 20px; 
}

/* black toner*/
table.toner td.black
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarK.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
}

/* magenta toner*/
table.toner td.magenta
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarM.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
}

/* yellow toner*/
table.toner td.yellow
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarY.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
}

/* cyanogen toner*/
table.toner td.cyanogen
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarC.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 

}

/* Waster Toner*/
table.others td.wastertoner
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarG.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
}

/* Fuser Unit*/
table.others td.fuserunit
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarG.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
}

/* Transfer Belt*/
table.others td.transferbelt
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarG.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
}

/* green toner*/
table.toner td.green
{
  width: auto;  
  white-space: nowrap; 
  background-image: url(../image/deviceStTnBarG.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
}

/* unknown toner*/
table.toner td.unknown
{
  width: auto;  
  white-space: nowrap; 
  background-repeat: repeat-x; 
  background-color: #ffffff; 
}

/*
 * style for tab indicator
 */

td.settingTabArea
{
  padding: 10px 0px 10px 0px;
}

table.tabArea td.tabMargin 
{ 
  border-bottom:1px solid #afafaf;
}

table.tabArea td.tabSelected
{ 
  border-left: 1px solid #afafaf; 
  border-top: 1px solid #afafaf; 
  border-right: 1px solid #afafaf; 
  padding: 5px;
  background-color: #DFEAF5;
  font-weight: bold;
  white-space: nowrap;
}

table.tabArea td.tabUnSelected
{ 
  border: 1px solid #afafaf; 
  padding: 5px;
  background-color: #BDD7EF;
  white-space: nowrap;
}
/*
    	objectArea.css
*/

td.contentsArea
{
  padding: 0px 20px 0px 20px; 
}



/*
 * The style for object area
 */

table.objectArea
{ 
  padding:0px; 
  margin: 0px;
}

table.objectArea td.p2_0_20_0
{ 
  padding: 2px 0px 20px 0px; 
  background-position: top left;
}


table.objectArea td.objectName
{ 
  padding: 0px;  
  height: 22px; 
  margin: 0px;
  font-weight: bold; 
  font-size: 150%; 
}


table.objectArea1-1 td.settings2
{ 
  padding-left: 10pt;

}

table.objectArea1 td.settings5
{ 
  padding: 0px 5px 0px 5px; 
  height: 22px; 
  width: 3em;  
  text-align: center;
  white-space: nowrap;
  border: 1px solid #8d8d8d; 
  background: #F5EAA4; 
  font-size: 120%;
}


td.linkLine
{
  padding: 0px; 
  width: 100%;
  height: 10px; 
  background: url(../image/settingFlatContsDivision.gif) repeat-x center bottom;
  background-position: top left;
}
/*
 *    	settingContents.css
 */


/*
 * The style for settings category.
 */

td.sCategoryArea
{
  padding: 0px 20px 0px 20px; 
}


.rightMargin
{
	padding: 5px 20px 20px 20px;
/*	border-left: 1px solid #afafaf;*/
}


td.sCategoryTitleArea
{
  padding: 5px 20px 5px 20px; 
}

td.TitleArea
{
  padding: 5px 20px 5px 0px; 
}

.sFont
{
	font-size: 70%
}

/*
 * The style for settings category list
 */

table.sCategory tr.settingCategoryLBG
{ 
  background-color: #BDD7EF;
}

table.sCategory td.settingCategoryL
{ 
  padding: 5px 10px 5px 0px; 
  white-space: nowrap;
}

table.sCategory td.settingCategoryL1
{ 
  padding: 5px; 
  font-weight: bold;
  white-space: nowrap;
}

table.sCategory td.settingCategoryL2
{ 
  padding: 5px 10px 5px 10px; 
  white-space: nowrap;
}

table.sCategory td.settingCategoryL3
{ 
  padding: 5px 10px 5px 20px; 
  white-space: nowrap;
}

table.sCategory td.settingCategoryL4
{ 
  padding: 5px 10px 5px 30px; 
  white-space: nowrap;
}

table.sCategory td.settingCategoryL5
{ 
  padding: 5px 0px 5px 0px; 
  white-space: nowrap;
}

table.sCategory td.settingCategoryL6
{ 
  padding: 5px 10px 5px 20px; 
  white-space: nowrap;
}

table.sCategory td.settingCategoryL9
{ 
  padding: 30px 30px 30px 30px; 
  width: 12em; 
  height: 12em; 
  white-space: nowrap;
  text-align: center;
}

table.sCategory td.settingCategoryL11
{ 
  padding: 3px 15px 3px 5px; 
  border-bottom: 1px solid #d2d5d9;  
  white-space: nowrap; 
  line-height: 1.5em; 
}


table.sCategory td.buttonArea
{ 
  padding: 3px 0px 3px 15px; 
  border-bottom: 1px solid #d2d5d9;  
  white-space: nowrap; 
  line-height: 1.5em; 
  text-align: right;
}

/*
table.sCategory td.contentsDivision
{ 
  padding: 0px; 
  width: 100%; 
  height: 10px;
  background: url(../image/settingContsDivision2.gif) repeat-x center center;
}
*/

/*
 * The style for settings category (box with border)
 */

table.setting
{
  border: 1px solid #919191; 
  background-color: #ffffff; 
  line-height: 1.5em; 
}

table.setting td
{ 
  padding: 2px 0px 2px 0px; 
  white-space: nowrap;
}

table.setting td.sCategoryAreaTitle
{
  padding: 10px; 
}

/*
 * 2004/07/07
 */

table.setting td.settingCategoryL2
{ 
  padding: 5px 10px 5px 20px; 
  height: 2em; 
  white-space: nowrap;
}

table.setting td.settingCategoryL3
{ 
  padding: 5px 10px 5px 30px; 
  height: 2em; 
  white-space: nowrap;
}

table.setting td.settingCategoryL4
{ 
  padding: 5px 10px 5px 40px; 
  height: 2em; 
  white-space: nowrap;
}


table.setting td.contentsDivision
{ 
  padding: 0px; 
  width: 100%; 
  height: 10px;
  background: url(../image/settingContsDivision.gif) repeat-x bottom;
}

/*
 * The style for settings bullet image.
 */

img.listImage
{
  margin: 0px 3px 0px 0px; 
}


/*
 * The style for settings category (detail contents)
 */

table.sDetail td
{ 
  padding: 0px;
  border: 0px; 
  white-space: nowrap;
}


/*
style for table
*/
table.settings td
{ 
  padding: 5px; 
 /* width: 110px;*/
  width: 125px;
  height: 130px;
  border: 1px solid #afafaf; 
  vertical-align: top;
  background: #ffffff;  
}
/*
    	settingDivButtons.css
*/


/*
 *  style for setting title buttons
 */

td.settingButtonArea
{ 
  padding:  0px 20px 0px 20px; 
}

table.settingButton
{ 
  padding: 0px; 
  border: 1px solid #afafaf; 
}

table.settingButton td.button
{
  padding: 0px 5px 0px 5px; 
  height: 20px; 
  width: 7em;  
  white-space: nowrap; 
  background-image: url(../image/buttonBGwhite.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
  cursor: pointer;  
  font-weight: bold; 
  font-size: 120%; 
}

table.settingButton td.button a.button
{
  display: block;
  white-space: nowrap; 
  color: #000000;
  text-decoration: none; 
}


/*
  placed the inside text, longer button 
*/
table.settingButton td.buttonl
{
  padding: 0px 5px 0px 5px;
  height: 20px; 
  width: 10em; 
  white-space: nowrap; 
  background-image: url(../image/buttonBGwhite.gif);
  background-repeat: repeat-x; 
  background-color: #e1e1e1; 
  cursor: pointer; 
  font-weight: bold;  
  font-size: 120%; 
}

table.settingButton td.buttonl a.buttonl
{
  display: block;
  white-space: nowrap; 
  color: #000000;
  text-decoration: none; 
}

/* 
 * style for layout 
 */

.p0_0_0_0
{
  padding:0px;
}

.p0_0_0_5
{
  padding: 0px 0px 0px 5px;
}

.p0_0_0_10
{
  padding: 0px 0px 0px 10px;
}

.p0_10_5_0
{
  padding: 0px 10px 5px 0px;
}

.p0_20_0_20
{
  padding: 0px 20px 0px 20px;
}

.p2_0_2_0
{
  padding: 2px 0px 2px 0px;
}

.p2_0_0_0
{
  padding: 2px 0px 0px 0px;
}

.p2_2_2_20
{
  padding: 2px 2px 2px 20px;
}

.p2_5_0_10
{
  padding: 2px 5px 0px 10px;
}

.p2_10_2_0
{
  padding: 2px 10px 2px 0px;
}

.p2_10_2_10
{
  padding: 2px 10px 2px 10px;
}

.p2_10_2_15
{
  padding: 2px 10px 2px 15px;
}

.p3_0_0_0
{
  padding: 3px 0px 0px 0px;
}

.p3_0_3_0
{
  padding: 3px 0px 3px 0px;
}

.p5_0_0_0
{
  padding: 5px 0px 0px 0px;
}

.p5_0_5_0
{
  padding: 5px 0px 5px 0px;
}

.p5_20_10_20
{ 
 padding: 5px 20px 10px 20px;
}

.p5_20_5_20
{
  padding:  5px 20px 5px 20px; 
}

.p10_0_0_0
{
  padding: 10px 0px 0px 0px;
}

.p10_10_10_10
{
  padding: 10px 10px 10px 10px;
}

.p10_20_0_20
{
  padding: 10px 20px 0px 20px;
}

.p10_20_10_20
{
  padding:  10px 20px 10px 20px;
}

.p20_40_20_40
{
  padding:  20px 40px 20px 40px;
}

/*
 * ¥×¥é¥¤¥Ù©`¥È¥¨¥ê¥¢¤Î¥¹¥¿¥¤¥ë(¥á¥Ã¥»©`¥¸)
 */

td.privateAreaMessage
{
  padding: 2px 20px 2px 73px; 
}