/*-------------------------------------------------------
	===== TOC =====
	* Page
	* Header
	* LogMenu
	* Contents
	* Matrix
	* Page Button
	* Footer
	* Login
	* Top
	* Caution for switch list
	* User Info
	* Maintenance
	* Maintenance record/change popup
	* Email stop
-------------------------------------------------------*/
/*Page
-------------------------------------------------------*/


body {
  background: #e8e8e8;
	font-family:Arial, Helvetica, sans-serif;
	margin: 0px;
	color: #333;
}

#HeaderLogo input,
#aMenu input,
#MainMenu input,
#rMenu input,
#cMenu input,
#footer input{
	border:0;
}

#Container {
  margin: 20px auto;
	height: 620px;/*554px;*/
	width: 1024px;
	background: #f7f8fa;
	border: 1px solid #6f7987;
	position: relative;
	box-shadow: 0px 0px 10px #999;
}

.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}
.clearfix {display: inline-table;}
/* \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* */


/*Header
-------------------------------------------------------*/
#HeaderLogo {
	height:60px; /*100px;*/
	width:1024px;
/*	background-image:url(images/header_small1000.gif);
	background-repeat:no-repeat;*/
	background: #fff;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
}

#HeaderLogo #Logo {
	display:inline-block;
	width:65px;
	height:60px;
	/*background-image:url(image/logo_panasonic.gif);*/
	background: url('img/red-logo.gif') no-repeat center center;
	margin: 0 0 0 10px;
}

#HeaderLogo h1#Title {
	display:inline-block;
	vertical-align: top;
	font-size:16px;
	font: normal 16px/60px Arial, sans-serif;
	color: #555;
	padding: 0;
	margin: 0 15px 0 10px;
}

#HeaderLogo #logoFrlight {
	display:inline-block;
	/*background:url(img/logo_g3.gif) no-repeat center center;*/
	width:66px;
	height:60px;
}



#HeaderLogo #custom {
	float:right;
	display:inline-block;
	margin-top:10px;
	margin-right:10px;
	/*font:normal 12px Arial, sans-serif;*/
	font-size:12px;
	text-align:right;
	border:0px solid;
	height:50px;
	width:200px;
	color: #a3a3a3;
	white-space:pre-wrap;
}

#HeaderLogo .project-info {
  display: inline-block;
  float: right;
  /*font-size:12px;*/
  font: normal 16px/20px Arial, sans-serif;
  color: #a3a3a3;
  height: 50px;
  margin: 10px 15px 0 0;
}


#HeaderLogo .contact-info {
  display: inline-block;
  float: right;
  font: 11px Arial, sans-serif;
  color: #a3a3a3;
  height: 50px;
  margin: 10px 15px 0 0;
}

#aMenu {
	clear:both;
	height:51px;
	width: 972px;
  background: url('img/bg-hori-menu2.gif') repeat-x left top;
  position: absolute;
  right: 0;
  top: 60px;
}

#Leds {
	float: left;
	display: inline;
	height: 34px;
	width: 520px;/*440px;*//*510px;*/
	padding-top: 7px;
}

#Leds span {
	float:left;
	display:inline;
	height:34px;
	background-repeat:no-repeat;
}

#Leds2 {
	float:left;
	display:inline;
	height:44px;
	padding-top:7px;
	margin-left:50px;/*50px;*/
	padding-left:10px;
}

#Leds2 span {
	float:left;
	display:inline;
	height:34px;
	width:34px;/*80px;*/
	background-repeat:no-repeat;
	/*background-image: url(image/led_white_network.gif);*/
}

#rLed, #pLed, #cLed, #iLed, #tLed, #zLed{
	width: 60px;
	cursor: pointer;
}

#zLed, #xLed {
	width:60px;
	cursor: pointer;
}

#rLed {
	margin-left:10px;
}

#pLed, #cLed, #iLed, #zLed, #xLed, #nLed, #tLed {
	margin-left:10px;
	cursor: pointer;
}
/*Preload ON images and then set OFF images as default*/
#rLed{background-image: url(img/led_red_fire.gif);		background-image: url(img/led_white_fire.gif);}
#pLed{background-image: url(img/led_red_gas.gif);		background-image: url(img/led_white_gas.gif);}
#cLed{background-image: url(img/led_yellow_trouble.gif);	background-image: url(img/led_white_trouble.gif);}
#iLed{background-image: url(img/led_green_alarm.gif);		background-image: url(img/led_white_alarm.gif);}
#zLed{background-image: url(img/led_yellow_mask.gif);		background-image: url(img/led_white_mask.gif);}
#xLed{background-image: url(img/led_yellow_switch.gif);	background-image: url(img/led_white_switch.gif);}
#nLed{background-image: url(img/led_yellow_network.gif);	background-image: url(img/led_yellow_network.png); background-image: url(img/led_white_network.gif);}
#tLed{background-image: url(img/led_yellow_caution.gif);		background-image: url(img/led_white_caution.gif);}

.bsmenubutton {
	float:left;
	display:inline;
	font: bold 11px Tahoma;
	margin-left:10px;
	margin-top:7px;
	width:34px;
	height:34px;	
	text-align:right;
	border:0;
}

input#soundoff {
	background-image: url(img/soundoff_up.gif);	
	cursor: pointer;
}

input#remote {
	background-image: url(image/remote_up.gif);	
}

input#rightmostitem  {
	height:34px;
	width:34px;/*110px*/;
	background-image: url(img/sign-out.gif);
	font: bold 16px Tahoma;
	margin:7px 13px 0 0;
	text-align:right;
	padding-right:3px;
	float:right;
	cursor: pointer;
}

.right-menu {
  width:300px;
  float: right;
}

/*LogMenu
-------------------------------------------------------*/
ul#LogMenu {
	max-width:958px;
	margin:0px 0 10px 10px;
	height:29px;
	background-image: url(img/tab-bg.gif);
	background-repeat:repeat-x;
	padding:0;
	display: block;
}

ul#LogMenu li {
	display:inline;
	float:left;
	padding:0;
	margin:0;
}

ul#LogMenu li input{
	text-decoration: none;
	font: bold 12px/24px arial, sans-serif;
	height:29px;
	color:#404853;
	text-shadow: 0 1px 0 #ffffff;
	border:0;
	width:158px;
	padding-left:5px;
	text-align: center;
	cursor: pointer;
}

/*LogMenu01 down*/
ul.log_LogMenu01 li input#LogMenu01 {
	/*background-image: url(image/event_tab_left_dn.gif);*/
	background: url("img/tab-down.gif") bottom left no-repeat;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
ul.log_LogMenu01 li input#LogMenu02,
ul.log_LogMenu01 li input#LogMenu03,
ul.log_LogMenu01 li input#LogMenu04,
ul.log_LogMenu01 li input#LogMenu05,
ul.log_LogMenu01 li input#LogMenu06
{
	/*background-image: url(image/event_tab_left_up.gif);*/
	background: url("img/tab-up.gif") bottom left no-repeat;
}

/*LogMenu02 down*/
ul.log_LogMenu02 li input#LogMenu02
{
	/*background-image: url(image/event_tab_left_dn.gif);*/
  background: url("img/tab-down.gif") bottom left no-repeat;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
ul.log_LogMenu02 li input#LogMenu01
{
	/*background-image: url(image/event_tab_left_up.gif);*/
   background: url("img/tab-up.gif") bottom left no-repeat;
}
ul.log_LogMenu02 li input#LogMenu03,
ul.log_LogMenu02 li input#LogMenu04,
ul.log_LogMenu02 li input#LogMenu05,
ul.log_LogMenu02 li input#LogMenu06
{
	/*background-image: url(image/event_tab_left_up.gif);*/
  background: url("img/tab-up.gif") bottom left no-repeat;
}

/*LogMenu03 down*/
ul.log_LogMenu03 li input#LogMenu03
{
	/*background-image: url(image/event_tab_left_dn.gif);*/
  background: url("img/tab-down.gif") bottom left no-repeat;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
ul.log_LogMenu03 li input#LogMenu01
{
	/*background-image: url(image/event_tab_left_up.gif);*/
	background: url("img/tab-up.gif") bottom left no-repeat;
}
ul.log_LogMenu03 li input#LogMenu02,
ul.log_LogMenu03 li input#LogMenu04,
ul.log_LogMenu03 li input#LogMenu05,
ul.log_LogMenu03 li input#LogMenu06

{
	/*background-image: url(image/event_tab_left_up.gif);*/
  background: url("img/tab-up.gif") bottom left no-repeat;
}

/*LogMenu04 down*/
ul.log_LogMenu04 li input#LogMenu04
{
	/*background-image: url(image/event_tab_left_dn.gif);*/
  background: url("img/tab-down.gif") bottom left no-repeat;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
ul.log_LogMenu04 li input#LogMenu01
{
	/*background-image: url(image/event_tab_left_up.gif);*/
  background: url("img/tab-up.gif") bottom left no-repeat;
}
ul.log_LogMenu04 li input#LogMenu02,
ul.log_LogMenu04 li input#LogMenu03,
ul.log_LogMenu04 li input#LogMenu05,
ul.log_LogMenu04 li input#LogMenu06

{
	/*background-image: url(image/event_tab_left_up.gif);*/
  background: url("img/tab-up.gif") bottom left no-repeat;
}

/*LogMenu05 down*/
ul.log_LogMenu05 li input#LogMenu05
{
	/*background-image: url(image/event_tab_left_dn.gif);*/
  background: url("img/tab-down.gif") bottom left no-repeat;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
ul.log_LogMenu05 li input#LogMenu01
{
	/*background-image: url(image/event_tab_left_up.gif);*/
  background: url("img/tab-up.gif") bottom left no-repeat;
}
ul.log_LogMenu05 li input#LogMenu02,
ul.log_LogMenu05 li input#LogMenu03,
ul.log_LogMenu05 li input#LogMenu04,
ul.log_LogMenu05 li input#LogMenu06
{
	/*background-image: url(image/event_tab_left_up.gif);*/
  background: url("img/tab-up.gif") bottom left no-repeat;
}

/*LogMenu06 down*/
ul.log_LogMenu06 li input#LogMenu06
{
	/*background-image: url(image/event_tab_left_dn.gif);*/
  background: url("img/tab-down.gif") bottom left no-repeat;
  color: #ffffff;
  text-shadow: 0 1px 0 #000000;
}
ul.log_LogMenu06 li input#LogMenu01,
ul.log_LogMenu06 li input#LogMenu02,
ul.log_LogMenu06 li input#LogMenu03,
ul.log_LogMenu06 li input#LogMenu04,
ul.log_LogMenu06 li input#LogMenu05
{
	/*background-image: url(image/event_tab_left_up.gif);*/
  background: url("img/tab-up.gif") bottom left no-repeat;
}


/*Contents
-------------------------------------------------------*/
#contentwrapper {
	width:974px;
	margin:60px 0 0 52px;
	padding:0 0 10px 0;
  height:420px;
	/*overflow:hidden;*/
}

h2 {
	font-size:18px;
	color:#404853;
	margin:0 10px 10px;
	width:965px;
	height:21px;
	
}

/*Matrix
-------------------------------------------------------*/
.pagecenter {
	margin-top:150px;
	font-size:15px; 
	text-align:center;
	padding:0; 
	width:966px;
}
.pagebody {
	font-size:15px; 
	margin:12px 15px 0px;
	padding:0; 
	width:966px;
}
.outer {
	margin:0 0 0 10px;
	padding:0; 
	width:958px;
	clear: both;
	overflow: hidden;
	/*border:1px solid #a5a5a5;*/
	/*border-color: #666 #ddd #ddd #666;*/
}

.innera {

/*	height:365px;*/
	/*background-color:#FFF;*/
	/*background-color:#CCCCCC;*//*#ccc;*/
}

.innera_log {
	 
}

.innera table {
	width:100%;
	border-collapse:collapse;
}

.innera table,
.innera th,
.innera td {
	font-size:12px;
	border:1px solid #99a3a7;
	white-space:nowrap;
	padding: 2px;
}

/*
FireFox calculates height as follows:
height of a table cell = height
					   = border-top + padding-top + line-height + padding-bottom + border-bottom
					   
while other browsers (IE, Chrome, Safari) calculate as follows:
height of a table cell = border-top + padding-top + height      + padding-bottom + border-bottom

(e.g.)
If we set td {height:21px; border-top:1px; border-bottom:1px;}
the height of the td will be 21px in FF and 23px in others.
*/
.innera thead th {
	height:18px;
	line-height:18px; /*for FF*/
	color:#404853;
	background-color:#dadcde;
	text-align:center;
}

.innera tbody td {
	line-height:19px; /*for FF*/
}

.innera_log tbody td {
	line-height:18px; /*for FF*/
}

.innera tbody.top td {
	line-height:19px; /*for FF*/
}

.innera tbody td a {
  border: none;
}

.innera .item {
	width:200px;
}
.innera .btn {
	margin:0;
	padding:0;
	width:130px;
	text-align:center;
}
.innera .date {
	width:100px;
}
.innera .middle {
	width:70px;
	text-align:center;
}
.innera .small {
	width:40px;
	text-align:center;
}
.innera .kind {
	width:160px;
	text-align:center;
}
.innera .text09 {
	width:130px;
}
.innera .text10 {
	width:170px;
}
.innera .text12 {
	width:190px;
}
.innera .text28 {
	width:380px;
}
.innera td.center {
	text-align:center;
}
.innera td.right {
	text-align:right;
}
.innera td.norightborder {
	border-right-style:none;
	text-align:right;
}
.innera td.noleftborder {
	border-left-style:none;
	text-align:right;
}
.innera .grayrow {
	background-color:#ebedef;
}
.innera .whiterow
{
	background-color:#FFFFFF;
}


.cmenubutton {
  font: bold 11px Arial, sans-serif;
  line-height:22px;
  width:100px;
  height:22px;
  background: url(img/normal-but.gif) top left repeat-x;
  margin-left:10px;
  margin-right:0px;
  color: #3f4753;
  text-shadow: 0 1px 0 #f2f4f6;
  border: 1px solid #6f7987 !important;
  margin: 2px 0;
  line-height: 1em;
  cursor: pointer;
}


.innera .ibtn {
	margin:0;
	padding:0;
	width:40px;
	text-align:center;
}

.imenubutton {
	font: bold 11px Tahoma;
	background: url(img/i_list-but.gif) center center no-repeat;
	width:32px;
	height:22px;
	margin:2px auto;
	border:0;
	cursor: pointer;
}

.tablepadding {
	margin-top: 20px;		
}

/*Page Button
-------------------------------------------------------*/
#cMenu {
	position:relative;
	width:974px;
	height:22px;
	margin: 0 0 0 52px;
}
/*.pmenubutton {
	font: bold 11px Arial, sans-serif;
	line-height:22px;
	width:100px;
	height:22px;
	background-image: url(image/nomal_btn.gif);
	margin-left:10px;
	margin-right:0px;
}
.pmenubuttonright {
	position:absolute;
	font: bold 11px Arial, sans-serif;
	line-height:22px;
	width:100px;
	height:22px;
	background-image: url(image/nomal_btn.gif);
	margin-left:15px;
	margin-right:5px;
	right:10px;
}*/
.pmenubutton {
	font: bold 11px Arial, sans-serif;
	line-height:22px;
	width:auto;
	padding: 0 20px;
	height:22px;
	background: url(img/normal-but.gif) top left repeat-x;
	margin-left:10px;
	margin-right:0px;
	color: #3f4753;
	text-shadow: 0 1px 0 #f2f4f6;
	border: 1px solid #6f7987 !important;
	line-height: 1em;
	cursor: pointer;
}
.pmenubuttonright {
	position:absolute;
  font: bold 11px Arial, sans-serif;
  line-height:22px;
  width:100px;
  height:22px;
  background: url(img/normal-but.gif) top left repeat-x;
  margin-left:10px;
  margin-right:0px;
  color: #3f4753;
  text-shadow: 0 1px 0 #f2f4f6;
  border: 1px solid #6f7987 !important;
  line-height: 1em;
	margin-left:15px;
	margin-right:5px;
	right:10px;
	cursor: pointer;
}
.pmenuPage {
	font: bold 11px Tahoma;
	margin:3px 0 0 10px;
}

/*Footer
-------------------------------------------------------*/
#footer {
  position: absolute;
  bottom: 0;
  right: 0;
	width:960px;
	height:48px;
	margin:0;
	/*background-color:#CCCCCC;*/
}

#copyright {
  	/*position: absolute;
 	bottom: 0;
	float:none;*/
	margin-bottom:30px;
	margin-left:270px;
	/*background: url(img/copyright_print2012.gif) no-repeat 10px;*/
	width:310px;
	height:13px;
	font-size: 14px;
	/*text-align: center;*/
}

#footerleft {
	float:left;
	height:36px;
	width:36px;
	margin:0;
}

#footerlogo{
	position: absolute;
	bottom: 1px;
	right: 1px;
	height: 48px;
	width: 200px;
	margin: 0;
	background:url("img/panasonic.gif") bottom right no-repeat;
}


.footerout {
	/*background-color:#CCCCCC;/*#ccc;*!/*/
}
.footerin {
	/*background:url(image/refresh_ani.gif) no-repeat;*/
}

/*Login
-------------------------------------------------------*/
.login_back {
	width: 1024px;
	height:620px;
	position: absolute;
	background-image: url("img/login_back2013.jpg");
	/*background-repeat:repeat;*/
	top: 0px;
	left: 0;
	z-index: 10000;
}
#version-name{
	font-size: 36px;
	font: bold 36px/40px Arial, sans-serif;
    text-align: center;
    padding-top:180px;
    padding-right:300px;
    color:#606060;
}
#subtitle-name{
	font-size: 16px;
	font: 16px/18px Arial, sans-serif;
	text-align:center;
	padding-top:20px;
	padding-right:300px;
    color:#606060;
}


#login_plate {
	width:262px;
	height:137px;
	/*background-image: url(image/login_plate2012.gif);
	background-repeat:no-repeat;*/
	background: #ebedef;
	margin-top: 70px;/*117px;*/ /*317px*/
	margin-left:372px;
	border: 1px solid #888;
}

#login_plate table {
	width:256px;
	margin-top:12px;
	padding-top:12px;
}

#login_plate table td {
	height:32px;
}

#login_plate table input#uname,
#login_plate table input#upass {
	width: 116px;
	height:18px;
	border:solid 1px #a5acb2;
}

#login_copyright {
	width:310px;
	height:13px;
	/*background-image: url(img/copyright_print2012.gif);*/
	background-repeat:no-repeat;
	margin-top:117px;
	margin-left:345px;
	font-size: 14px;
}

/*Top
-------------------------------------------------------*/
#topwrapper{
	width:972px;
	height:381px;
}
#wrap01{
	float:left;
	/*background:url(image/bg_top_line.gif) repeat-y right;*/
	width:599px;
}
#wrap01 h2{
	width:536px;
	margin:0 0 7px 10px;
}
#wrap01 div.outer{
	/*margin-top:28px !important;*/
}
#wrap01 div.outer,
#wrap01 div.innera,
#wrap01 table{
	width:537px;	
}

#wrap02{
	float: right;
	margin-top:33px;
	width:398px;
}
#wrap02 h2{
	width:406px;
	margin:0 13px 0 0;
}

#wrap01 .innera,
#wrap02 .innera{
	height:auto;
}

#wrap02 ul{
	width:354px;
	margin-top:10px;
}
#wrap02 ul li{
	width:148px;
	float:left;
	display:inline;
	margin-right:29px;
	margin-bottom:11px;
}

#wrap02 ul li input{
	height:98px;
	width:100%;
	border:0;
}

#wrap02 ul li input#top_Eventlog	{background-image: url(image/top_Eventlog_up.gif);}
#wrap02 ul li input#top_CUDiag		{background-image: url(image/top_CUDiag_up.gif);}
#wrap02 ul li input#top_NMASTDiag	{background-image: url(image/top_NMASTDiag_up.gif);}
#wrap02 ul li input#top_Service		{background-image: url(image/top_Service_up.gif);}
#wrap02 ul li input#top_UserInfo	{background-image: url(image/top_UserInfo_up.gif);}
#wrap02 ul li input#top_Mainte		{background-image: url(image/top_Mainte_up.gif);}

#wrap02 ul li input#top_RmDisable	{background-image: url(image_rm/top_RmDisable_up.gif);}
#wrap02 ul li input#top_RmActivate	{background-image: url(image_rm/top_RmActivate_up.gif);}
#wrap02 ul li input#top_RmInterlock	{background-image: url(image_rm/top_RmInterlock_up.gif);}
#wrap02 ul li input#top_RmMisc		{background-image: url(image_rm/top_RmMisc_up.gif);}
#wrap02 ul li input#top_RmTest		{background-image: url(image_rm/top_RmTest_up.gif);}
#wrap02 ul li input#top_RmClose		{background-image: url(image_rm/top_RmClose_up.gif);}


/*Caution for switch list
-------------------------------------------------------*/
#cautionsw0,
#cautionsw1,
#cautionsw2,
#cautionsw3{
	width:250px;
	float:left;
}
#cautionsw0 td.item,
#cautionsw1 td.item,
#cautionsw2 td.item,
#cautionsw3 td.item{
	width:170px;
}
#cautionsw0 td.onoff,
#cautionsw1 td.onoff,
#cautionsw2 td.onoff,
#cautionsw3 td.onoff{
	width:80px;
	text-align:center;
}
#cautionsw2,
#cautionsw2 td,
#cautionsw2 th{
	border-left: none;
}
#cautionsw3{
	/*margin-left: 30px;*/
}
#cautionsw0{
	margin-left: 30px;
}


/*User info
-------------------------------------------------------*/
.clear_color {
/*	background-color:#CCCCCC !important;
	border-color:#CCCCCC !important;
	border:none !important;*/
	width:958px;
}

.set_leftarea {
	width:400px;
	float:left;
}

.set_leftarea2 {
	width:400px;
	float:left;
}

.set_rightarea table {
	width:auto !important; 
}
.set_left_cont {
	font-family:Arial, Helvetica, sans-serif, monospace !important;/*"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace !important;*/ 
	border-bottom:none !important;
}
.set_left_cont th {
	border-bottom:none !important;
	padding:none !important;
}
.set_left_cont td {
	padding:0 0 0 2px;
	line-height:normal !important; /*for FF*/
	height:19px !important;
}

.set_left_w95 {
	width:95px;
}
.set_left_w80 {
	width:80px;
}
.set_left_btn {
	width:46px !important;
	padding:0 !important;

}

.btn_select_up {
/*	font: normal 12px Tahoma;
	width:46px;
	height:18px;
	background:url(image/nomal_btn_s_up.gif) no-repeat;
	border:0;*/
	font: bold 11px Arial, sans-serif;
	line-height:1em;
	height:16px;
	background: url(img/normal-but.gif) top left repeat-x;
	margin-left:5px;
	margin-right:5px;
	color: #3f4753;
	text-shadow: 0 1px 0 #f2f4f6;
	border: 1px solid #6f7987 !important;
	cursor: pointer;
	vertical-align: middle;
}
.btn_select_dn {
/*	font: normal 12px Tahoma;
	width:46px;
	height:18px;
	background:url(image/nomal_btn_s_dn.gif) no-repeat;
	border:0;*/
	font: bold 11px Arial, sans-serif;
	line-height:1em;
	height:16px;
	background: url(img/normal-but-dn.gif) top left repeat-x;
	margin-left:5px;
	margin-right:5px;
	color: #3f4753;
	text-shadow: 0 1px 0 #f2f4f6;
	border: 1px solid #6f7987 !important;
	cursor: pointer;
	vertical-align: middle;
}
.btn_high_up {
/*	font: normal 12px Tahoma;
	width:46px;
	height:28px;
	background:url(image/high_btn_s_up.gif) no-repeat;
	border:0;*/
	background: url("img/normal-but.gif") repeat-x scroll left top transparent;
  border: 1px solid #6F7987 !important;
  color: #3F4753;
  cursor: pointer;
  font: bold 11px/1em Arial,sans-serif;
  height: 16px;
  margin-left: 5px;
  margin-right: 5px;
  text-shadow: 0 1px 0 #F2F4F6;
  vertical-align: middle;
}
.set_rightarea {
	width:558px;
	float:right;
	/*border:solid 2px;*/
	/*border-color: #666 #ddd #ddd #666;*/
	overflow: hidden;
	height:305px;
	/*background-color:#CCCCCC;*/
	position:relative;
}
.set_rightarea2 {
	width:558px;
	float:right;
	/*border:solid 2px;*/
	/*border-color: #666 #ddd #ddd #666;*/
	overflow: hidden;
	/*height:305px;*/
	/*background-color:#CCCCCC;*//*#ccc;*/
	position:relative;
	display: block;
}
.set_right_cont {
	border-collapse:collapse;
}
.set_right_cont .mailaddr{
	width:200px;
	font-size:11px;
}
.set_right_cont td{
	vertical-align:middle;
	text-align:center;
	height:28px !important;
	line-height:28px !important; /*for FF*/
	padding:0px 1px;
	
}
.set_right_cont th{
	font-size:12px;
	border:1px solid #99A3A7;
	background-color:#DADCDE;
	color:#404853;
	padding: 0px 1px;
	height:18px;
	_height:16px;
}
.set_right_cont th.second{
	height:29px;
}
.set_right_cont th.doubleh{
	height:48px;
}
.set_right_cont th.recep{
	width:10px;
}
.set_right_cont th.mail{
	width:240px;
}
.set_right_cont th.always{
	width:25px;
}
.set_right_cont th.time{
	width:120px;
}
.set_right_cont th.type{
	width:25px;
}
.set_right_cont th.hydrant{
	width:25px;
}
.set_right_cont th.test{
	width:40px;
}
.set_right_cont .line_bold{
}
.set_right_cont .left{
	text-align:left;
	padding-left:3px;
}
.set_right_cont td .tbox{
	width:15px;
}

.mail_wrap {
	width:560px;
	margin-bottom:0px;
}
.mail_left {
	width:230px;
	margin:0px auto auto 0px;
	padding:20px;
	font-size:12px;
	float:left;
	display:inline;
	border-top: 1px solid #99A3A7;
	border-bottom: 1px solid #99A3A7;
	border-left: 1px solid #99A3A7;
	background: #ffffff;
}
.mail_right {
	width:230px;
	margin:0;
	padding: 20px;
	font-size:12px;
	float:left;
	display:inline;
	border: 1px solid #99A3A7;
	background: #ffffff;
}
.mail_genzai {
	margin-bottom:18px;
	width:100%;
	font-weight: bold;
}
.mail_sankaku {
	margin-bottom:16px;
	width:100%;
	background:url(image/sankaku.gif) no-repeat 36px;
	height:12px;
	display: none;
}
.mail_new1, .mail_new2, .mail_new3, .mail_new4 {
	margin-bottom:19px;
	width:100%;
	height:20px;
}

.mail_new3, .mail_new4 {
	visibility:hidden;
}
.mail_title{
	padding-top:5px;
	width:100px;
	float:left;
	text-align:center;
	line-height:15px;
}
.mail_tbox{
	width:113px;
	float:right;
}
.mail_tbox input{
	width:110px;
}

.mail_btn {
/*	position:absolute; 
	bottom:0px;
	right:0px;  	*/   
	width:220px;
	display: block;
	float: right;
	margin: 15px 0 0 0;
}

.mail2_btn {
	width:190px;
	display: block;
	float: right;
	margin: 15px 0 0 0;
}


.mail_btn input{
	margin-right:7px;
}

.set_center {
	text-align:center;
}

/*Maintenance 
-------------------------------------------------------*/

.outer_chg_margin {
	margin-top:0 !important;
	padding-top:0 !important;
}
.innera_chg_height {
/*	height:285px !important;*/
}

.maint_title {
	height:18px;
	font-size:12px;
	text-align:left;
	margin:0;
	padding: 0 0 0 15px;
	display: block;
	float: left;
  width: 100%;
}

/*
Very important to reset line-height here because this td can contain a button with 18px height.
*/
.maint_cant td {
	text-align:center;
	line-height:normal !important; /*for FF*/
	height:19px !important;
	padding:0 0 0 2px;
}
.maint_cant td.left {
	text-align: left;
}

.maint_w215 {
	width:215px;	
}
.maint_w100 {
	width:100px;	
}
.btn_s_up {
/*	font: normal 11px Arial, sans-serif;
	width:50px;
	height:18px;
	background:url(image/nomal_btn_s2_up.gif) no-repeat;
	border:0;*/
	font: bold 11px Arial, sans-serif;
	line-height:1em;
	height:16px;
	background: url(img/normal-but.gif) top left repeat-x;
	margin-left:5px;
	margin-right:5px;
	color: #3f4753;
	text-shadow: 0 1px 0 #f2f4f6;
	border: 1px solid #6f7987 !important;
	cursor: pointer;
	vertical-align: middle;
}

/* Maintenance record/change popup
-------------------------------------------------------*/
#modal-content {display:none;}
#simplemodal-overlay {background-color:#fff; cursor:wait;}
#simplemodal-container {
	font-size:13px;
/*  width:484px;*/
	height:150px;/*height:150px;*/
	/*background:url("image/popup.gif") no-repeat;*/
	background: #ebedef;
	border: 1px solid #6f7987;
	padding:20px;
	
}
#simplemodal-container .simplemodal-data {padding:1px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {width:25px; height:29px; display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
.simplemodal-wrap {
  height: 300px;
}

.maint_pop_cont {
	width:371px !important;
	border:none !important;
}
.maint_pop_cont td {
	border:none !important;
	vertical-align:top;
	padding:0 10px;
}
.maint_pop_cont caption {
	font-weight:bold;
	text-align:left;
	height:35px;
}
.maint_pop_cont .label {
	width:55px;
	text-align:right;
}

.maint_pop_cont .label2 {
	padding-top:3px;
}
.maint_pop_cont .line1 {
	height:35px;
}
.maint_pop_cont .line2 {
	height:30px;
}
.maint_pop_cont .w40 {
	width:40px;
	margin: 0 5px 0 0;
}
.maint_pop_cont .w25 {
	width:25px;
	margin: 0 5px;
}
.maint_pop_btn {
	width:371px;
	text-align:right !important;
}
.maint_pop_btn input {
	margin-left:7px;;
}

/* Remote
-------------------------------------------------------*/
.remote_pop_cont {
	width:400px !important;
	border:none !important;
}
.remote_pop_cont td {
	border:none !important;
	vertical-align:top;
	padding:0;
}
.remote_pop_cont caption {
	font-weight:bold;
	text-align:left;
	height:35px;
}
.remote_pop_cont .label {
	width:150px;
	text-align:right;
}
.remote_pop_cont .label2 {
	padding-top:3px;
}
.remote_pop_cont .label3 {
	padding-top:3px;
}
.remote_pop_cont .line1 {
	height:10px;
}
.remote_pop_cont .line2 {
	height:20px;
}
.remote_pop_cont .line3 {
	height:30px;
}

.remote_pop_cont .w120 {
	width:120px;
}

.remote_pop_cont .w50 {
	width:50px;
}
.remote_pop_cont .w40 {
	width:40px;
}
.remote_pop_cont .w25 {
	width:25px;
}
.remote_pop_btn {
	width:371px;
	text-align:right !important;
}
.remote_pop_btn input {
	margin-left:7px;;
}



/* Email stop
-------------------------------------------------------*/
.maint_leftarea {
	width:170px;
	float:left;
}

.maint_rightarea {
	width:760px;
	float:right;
	/*border:solid 2px;
  border-color: #666 #ddd #ddd #666;*/
	overflow: hidden;
	height:305px;
	/*background-color:#ffffff;*/
	position:relative;
}

.right-cont {
  padding: 15px;
  background: #ffffff;
  border: 1px solid #99A3A7;
}

.btn_l_up {
/*	font: normal 12px Tahoma;
	width:170px;
	height:22px;
	background:url(image/nomal_btn_l_up.gif) no-repeat;
	border:0;*/
	background: url("img/normal-but.gif") repeat-x left top;
	border: 1px solid #6F7987 !important;
	color: #3F4753;
	cursor: pointer;
	font: bold 11px/1em Arial,sans-serif;
	height: 22px;
  margin: 0;
	padding: 0 20px;
	text-shadow: 0 1px 0 #F2F4F6;
	width: 170px;
}
.btn_l_dn {
	width:170px;
	height:22px;
	background:url("img/normal-but-dn.gif") repeat-x left top;
	border: 1px solid #6F7987 !important;
	font: bold 11px/1em Arial,sans-serif;
	text-shadow: 0 1px 0 #c4ccd4;
	color: #3F4753;
}
.maint_btn_spacer1 {
	margin-bottom:10px;
}

.maint_wrap {
	width:100%;
}
.maint_left_wrap {
	width:400px;
	float:left;
}
.maint_left_wrap_ikkatu {
	width:auto !important;
}
.maint_wrap table {
	width:400px;
}

.maint_cont {
	width:364px !important;
	border-collapse:collapse;
}

.maint_cont_ikkatu {
	width:auto !important;
}

.maint_cont td{
	padding:0 0 0 2px !important;
	vertical-align:middle;
	text-align:center;
	height:18px !important;
}
.maint_cont th{
  background-color: #DADCDE;
  color: #404853;
  height: 18px;
  line-height: 18px;
  text-align: center;
}
.maint_cont .line_bold{
}
.maint_cont .number{
	text-align:left;
	padding-left:3px;
}
.maint_cont_w54 {
	width:54px;
}

.maint_cont_btn{
  margin: 15px 0 0 0;
  float: right;   	  
	width:220px;
}
.maint_cont_btn input{
	margin-right:7px;
}
.maint_cont_btn2{
  float: left; 	   	  
	width:234px;
	margin-top: 15px;
}
.maint_cont_title {
	vertical-align:bottom;
	text-align:left;
	padding:0 0 3px 10px !important;
}
ul#LogMenu li input.yellow {
	color:yellow;
	background-color:fuchsia;
}

#waitstat, .waitimage{
	height:32px;
	width:32px;
	float:left;
	clear:both;

}

.waitimg{
	background-image:url('img/loader.gif');
	background-repeat:no-repeat;
}
.errorimg{
	background-image:url('img/error.png');
	background-repeat:no-repeat;
}
.tickimg{
	background-image:url('img/tick.png');
	background-repeat:no-repeat;
}
.clockimg{
	background-image:url('img/clock.png');
	background-repeat:no-repeat;
}
.tickpartimg{
	background-image:url('img/tickpart.png');
	background-repeat:no-repeat;
}


/* Special menu slideup
-------------------------------------------------------*/

a:focus {
outline: none;
}

.panel {
  position: absolute;
  bottom: 0px;
  right: 10px;
  display: none;
  background: #fff;
  border:1px solid #6F7987;
  -moz-border-radius-topright: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-bottomright: 20px;
  -webkit-border-bottom-right-radius: 20px;
  border-radius: 5px 5px 0 5px;
  width: 330px;
  height: auto;
  padding: 20px;
  font-size:12px;
}

.panel h3{
  padding: 0;
  margin: 0 0 15px 0;
  color: #404853;
}

.panel p{
  margin: 0 0 15px 0;
  padding: 0;
}

.panel input {
  margin-right: 10px;
}

.panel a, .panel a:visited{
  margin: 0;
  padding: 0;
  color: #9FC54E;
  text-decoration: none;
  border-bottom: 1px solid #9FC54E;
}

.panel a:hover, .panel a:visited:hover{
  margin: 0;
  padding: 0;
  color: #ffffff;
  text-decoration: none;
  border-bottom: 1px solid #ffffff;
}

a.paneltrigger, a.paneltrigger:hover{
  position: absolute;
  text-decoration: none;
  top: 0px;
  right: 10px;
  font-size: 16px;
  letter-spacing:-1px;
  font-family: verdana, helvetica, arial, sans-serif;
  color:#fff;
  padding: 10px 20px 10px 15px;
  font-weight: 700;
  background:#222222 url("img/but-plus.gif") top center no-repeat;
  border:1px solid #6F7987;

  display: block;
}

a.paneltrigger:hover{
  background:#222222 url("img/but-plus-hover.gif") top center no-repeat;
}

a.active.paneltrigger{
  background:#222222 url("img/but-close.gif") top center no-repeat;
}

/**** NEW STYLES ADDED BY ADVISORS ****/

.sub-menu {
  width: 52px;
  background: #404853 url("img/bg-sub-menu.gif") top left repeat-y;
  height: 560px;
  position: absolute;
  left: 0;
  z-index: 100;
}

.sub-menu-1, .sub-remote {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sub-menu input, .sub-remote input {
  border: 0;
  height: 47px;
  width: 52px;
  padding: 0;
  margin: 0;
}

.sub-remote {
  display: none;
  background: #293039 url("img/bg-sub-remote-menu.gif") top left repeat-y;
  box-shadow: inset 0px 2px 2px #000;
}

.sub-menu input:hover {
  cursor: pointer;
}

.sub-menu-1 li {
  background: url("img/sub-menu-divider.gif") bottom right no-repeat;
}

.sub-remote li {
  background: url("img/sub-remote-divider.gif") bottom right no-repeat;
}

.status-summary, #top_StatusSummary {
  background: url("img/i_status_summary.gif") center center no-repeat;
}

.event-log, #top_Eventlog  {
  background: url("img/i_eventlog.gif") center center no-repeat;
}

#top_Mainte  {
  background: url("img/i_maintenance.gif") center center no-repeat;
}

.user-info, #top_UserInfo {
  background: url("img/i_userinfo.gif") center center no-repeat;
}

.control-unit, #top_CUDiag {
  background: url("img/i_control-unit.gif") center center no-repeat;
}

#top_NMASTDiag {
  background: url("img/i_eventlog.gif") center center no-repeat;
}

#top_Service {
  background: url("img/i_detector-diagnosis.gif") center center no-repeat;
}

.remote-operations, #top_NMASTDiag {
  background: url("img/i_remote-operations.gif") center center no-repeat;
}

.remote-disabled {
  background: url("img/i_remote-disabled.gif") center center no-repeat;
}

.remote-activation {
  background: url("img/i_remote-activation.gif") center center no-repeat;
}

.remote-maintenance {
  background: url("img/i_remote-maintenance.gif") center center no-repeat;
}

.remote-test {
  background: url("img/i_remote-test3.gif") center center no-repeat;
}

.more-text {
  position: relative;
  text-align: center;
}

.more-text .popup-text {
  display: none;
  position: absolute;
  top: 0px;
  bottom:5px;
  left: 50px;
  width: 300px;
  background: #fff;
  height: 18px;
  border: 1px solid #333;
  white-space: normal;
  padding: 0px;
  z-index: 9999;
  text-align: left;
}

a img {
	border: none;
}

#epu{
	width: 34px;
	height:34px;
	position: absolute;
	left: 990px;
	top: 586px;
}
#epubutton{
	width: 34px;
	height:34px;
	border: none;
}

.pwinput{
    width: 136px; /*118px;*/
    height:22px;
}