@charset "utf-8";
/* CSS Document */
html,body{
	margin:0;
	padding:0;
	background:#fff;
	-webkit-text-size-adjust:none;
	}
body {
	margin:0 auto;
	color:#535353;
	font-family:Arial,'ＭＳ Ｐゴシック', Helvetica, sans-serif,'宋体';
	}
body a {
	color:#535353;
	font-family:Arial,'ＭＳ Ｐゴシック', Helvetica, sans-serif,'宋体';
	}
button, .button {
	font-weight:bold;
	font-size:12px;
	height:1.8em;
	line-height:1.8em;
	margin:1em;
	padding:0 1em;
	border-radius: 6px;
	border:1px solid #a8a8a8;
	background: #f3f3f3; /* Fallback */
	background: -moz-linear-gradient(top, #ffffff 40%, #f3f3f3 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* W3C */
	cursor:pointer;
	}
button:hover, .button:hover {
	background: #cecece; /* Fallback */
	background: url(/images/menu_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* IE10+ */
	background: linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* W3C */
	}
.login_Button {
	margin:0 0.3em;
}
body {
	font-size:63%;
	font-size:10px\9;
	}
form {
	margin:0;
	padding:0;
	}
input, .input {
	font-size:1em;
	margin:0 0.2em;
	padding:2px;
	font-family:Arial,'ＭＳ Ｐゴシック', Helvetica, sans-serif,'宋体';
	}
select {
	font-size:12px;
	margin:0 0.2em;
	font-family:Arial,'ＭＳ Ｐゴシック', Helvetica, sans-serif,'宋体';
	}
input[type=text], input[type=password] {
	border:1px solid #a8a8a8;
}
input:disabled {
	background:#e4e4e4;
}
button.disabled {
	color:#999;
	border:1px solid #a8a8a8;
	background:#ececec;
	}
textarea {
	border:none;
	font-size:1em;
	margin:0 0.5em;
	}
h2 {
	font-size:1.8em;
}
#Main {
	margin:0 auto;
	min-width:1128px;
	width:94%;
	min-height:690px;
	position:relative;
	}
#header {
	height:65px;
	position:relative;
	vertical-align:middle;
	position:relative;
	}
.logo{
	position:absolute;
	top:19px;
	left:0;
	width:100%;
	height:50px;
	text-align:left;
	}
.logo img {
	padding-left:10px;
	height:40px;
	max-width:300px;
	float:left;
	}
.logo h1 {
	margin:0;
	text-align:center;
	padding:10px 0 0;
	width:auto;
	font-size:26px;
	line-height:30px;
}
.logo a img{
	border:none;
	z-index:9;
	}
.systemInfo {
	float:right;
	margin-top:15px;
	font-size:16px;
	line-height:1.5em;
}
.systemInfo li{
	float:left;
	padding:0 10px;
}
.systemInfo li.last{
	padding:0 8px;
	border-left:1px dashed #a8a8a8;
}
.systemInfo .topAlarm {
	color:#c30505;
	text-decoration:none;
	}
.systemInfo .topAlarm:hover {
	text-decoration:underline;
	}
.systemInfo .logout {
	display: block;
	padding-left: 25px;
	color:#535353;
	background: url(/images/logout.png) no-repeat 0 2px;
}
.systemInfo a {
	text-decoration:none;
}
.systemInfo a:hover {
	text-decoration:underline;
}
.menu, .menu li{
	margin:5px 0 0;
	padding:0;
	list-style:none;
	height:35px;
	line-height:35px;
	font-size:1.2em;
	font-weight:bold;
	}
.menu {
	position:absolute;
	bottom:0;
	width:98%;
	padding-left:1.4%;
	}
.menu li{
	position:relative;
	width:12%;
	text-align:center;
	float:left;
	border:1px solid #a8a8a8;
	border-radius: 6px 6px 0 0;
    background-image: none !important;
    background-color: #fff;
    filter: none !important;
    -webkit-box-shadow: inset 0 -24px 22px rgba(0,0,0,0.15);  
    -moz-box-shadow: inset 0 -24px 22px rgba(0,0,0,0.15);  
    box-shadow: inset 0 -24px 22px rgba(0,0,0,0.15); 
	}
li.m01 {
	width:20.2%;
	}
li.m02 {
	width:21%;
	}
li.m03 {
	width:19%;
	}
li.m04 {
	width:19%;
	}
li.m05 {
	width:19%;
	}
li.m06 {
	width:19%;
	}
li.m07 {
	width:13%;
	}
li.m08 {
	width:13%;
	}
.menu a {
	display:block;
	position:absolute;
	width:100%;
	color:#535353;
	text-decoration:none;
	}
.menu a:hover {
	display:block;
	position:absolute;
	top:0;
	left:0;
	height:35px;
	line-height:35px;
	text-decoration:none;
	border-radius: 5px 5px 0 0;
	z-index:4;
	background: url(/images/menu_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* IE10+ */
	background: linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* W3C */
	}
.menu a.on {
	display:block;
	position:absolute;
	width:110%;
	top:-5px;
	left:-5%;
	height:38px;
	line-height:38px;
	text-decoration:none;
	border:1px solid #07740c;
	border-radius: 6px 6px 0 0;
	z-index:5;
	color:#fff;
	background: #07740c; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top #07740c; /* IE8+9 */
	background: -moz-linear-gradient(top, #68c066 0%, #07740c 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68c066), color-stop(100%,#07740c)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #68c066 0%,#07740c 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #68c066 0%,#07740c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #68c066 0%,#07740c 100%); /* IE10+ */
	background: linear-gradient(top, #68c066 0%,#07740c 100%); /* W3C */
	}
#MainInfo {
	margin-top:5px;
	width:100%;
	position:relative;
	background-color:#fff;
	}
#Content {
	position:relative;
	height:570px;
	min-height:570px;
	z-index:10;
	border:1px solid #a8a8a8;
	border-radius:6px;
	background-color:#fff;
	-webkit-box-shadow: 2px 2px 2px rgba(200,200,200,3);
    -moz-box-shadow: 2px 2px 2px rgba(200,200,200,3);
    box-shadow: 2px 2px 2px rgba(200,200,200,3);
	}
.contentBg {
	padding:0 10px;
	background: #2e900c; /* Fallback */
	background: -moz-linear-gradient(top, #fff 40%, #0d6f12 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #fff 40%,#0d6f12 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #fff 40%,#0d6f12 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 40%,#0d6f12 100%); /* IE10+ */
	background: linear-gradient(top, #fff 40%,#0d6f12 100%); /* W3C */
	}
.reportbg {
	padding:0 10px;
	background: #cbffce; /* Fallback */
	background: -moz-linear-gradient(top, #fff 40%, #eaffeb 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #fff 40%,#eaffeb 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #fff 40%,#eaffeb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff 40%,#eaffeb 100%); /* IE10+ */
	background: linear-gradient(top, #fff 40%,#eaffeb 100%); /* W3C */
	}
#footer{ 
	clear:both;
	z-index:9;
	margin:5px 0;
	position:relative;
	min-height:29px;
	height:30px;
	line-height:30px;
	padding:0 1em;
	text-align:right;
	font-size:1.2em;
	border:1px solid #a8a8a8;
	border-radius:6px;
    background-image: none !important;
    background-color: #fff;
    filter: none !important;
    -webkit-box-shadow: inset 0 -24px 22px rgba(0,0,0,0.15);  
    -moz-box-shadow: inset 0 -24px 22px rgba(0,0,0,0.15);  
    box-shadow: inset 0 -24px 22px rgba(0,0,0,0.15); 
	}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration:underline;
}
.settingLab {
	float:left;
	}
.login {
	font-size:1.4em;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -70px;
	margin-left: -148px;
	text-align:center;
	width: 300px;
	height: 160px;
	line-height:2.6em;
}
.login table{
	margin:0 auto;
}
.loginSmText {
	font-size:12px;
}
sup, sub {
	font-size:0.7em;
	line-height:0.7em;
	-webkit-text-size-adjust:none;
	}
h3 {
	margin:0;
	padding:10px 0 0;
	height:2em;
	line-height:2em;
	font-size:1.4em;
	text-align:center;
	position:relative;
	}
h3 button {
	position:absolute;
	right:0;
	top:0;
	font-size:12px;
	font-weight:normal;
	cursor:point;
}
.datepickerDiv {
	position:absolute;
	bottom:38px;
	right:1%;
	z-index: 9999;
}
.datepickerDiv .innerDiv{
	display:none;
	float:left;
	z-index: 5;
}
ul, li{
	margin:0;
	padding:0;
	list-style:none;
	}
li.onSel a, li.onSel2 a{
	background:url(/images/lab_03.gif) 15px 11px no-repeat;
	}
.info {
	padding-left:0.89%;
	width:73%;
	height:100%;
	}
.info .infoTitle {
	height:5em;
	border-bottom:1px solid #a8a8a8;
	position:relative;
	}
.info h2 {
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	left:0;
	line-height:2.8em;
	text-indent:0.5em;
	}
.controlBtu {
	width:100%;
	text-align:center;
	line-height:3em;
	padding-top:.8em;
	border-top:1px solid #a8a8a8;
	}
.controlBtu button, .controlBtu .button {
	font-size:1.4em;
	font-weight:bold;
	height:28px;
	margin:0 1em;
	padding:0 2em;
	border-radius: 6px;
	border:1px solid #a8a8a8;
	background: #f3f3f3; /* Fallback */
	background: -moz-linear-gradient(top, #ffffff 40%, #f3f3f3 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* W3C */
	}
.controlBtu button:hover, .controlBtu .button:hover {
	background: #cecece; /* Fallback */
	background: url(/images/menu_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* IE10+ */
	background: linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* W3C */
	}
.controlBtu .ticket {
	font-size:1.4em;
	font-weight:bold;
	height:28px;
	width:186px;
	margin:0 1em;
	padding:0;
	border:none;
	color:#fff;
	border-radius: 6px;
	border:1px solid #2a7309;
	background:url(/images/ticket_bg.png) repeat-x -15px;
	background: -moz-linear-gradient(top, #42c800 0%, #389107 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #42c800 0%,#389107 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #42c800 0%,#389107 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #42c800 0%,#389107 100%); /* IE10+ */
	background: linear-gradient(top, #42c800 0%,#389107 100%); /* W3C */
	}
.controlBtu .ticket:hover {
	background:url(/images/ticket_bg.png) repeat-x top;
	background: -moz-linear-gradient(top, #4ad207 0%, #419e0f 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #4ad207 0%,#419e0f 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #4ad207 0%,#419e0f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #4ad207 0%,#419e0f 100%); /* IE10+ */
	background: linear-gradient(top, #4ad207 0%,#419e0f 100%); /* W3C */
	}
.controlBtu .mainbtu {
	font-weight:bold;
	padding:0 2em;
	border-radius: 6px;
	border:1px solid #0e1f89;
	color:#fff;
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #668bc0 0%, #0e1f89 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* W3C */
	cursor:pointer;
	}
.controlBtu .mainbtu:hover {
	background: url(/images/menu_on_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #668bc0 0%, #1529a4 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #668bc0 0%, #1529a4 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%, #1529a4 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%, #1529a4 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%, #1529a4 100%); /* W3C */
	}
a.button, a.mainbtu {
	font-size:1.4em;
	padding:0 2em;
	margin:0 1em;
	display:inline-block;
	text-decoration:none;
	}
.controlBtu a.mainbtu {
	font-weight:bold;
	line-height:1.8em;
	padding:0 2em;
	border-radius: 6px;
	border:1px solid #0e1f89;
	color:#fff;
	background: #0e1f89; /* Fallback */
	background: -moz-linear-gradient(top, #668bc0 0%, #0e1f89 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* W3C */
	}
.tableInfo {
	overflow:auto;
	}
.tableInfo table {
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	text-align:center;
	color:#333;
	background:#fff;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif,'宋体';
	}
.tableInfo table td{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	line-height:2em;
	padding:0 0.5em;
	}
.tableInfo table td.leftborder,.tableInfo table th.leftborder{
	border-bottom:1px solid #999;
	border-left:none;
	}
.tableInfo table td.lbb,.tableInfo table th.lbb{
	border-left:1px solid #999;
	}
.tableInfo table td.topborder,.tableInfo table th.topborder{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	}
.tableInfo table th{
	background:#555;
	line-height:1.2em;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	font-size:1.1em;
	padding:0.5em;
	color:#fff;
 	}
table th.sort {
	cursor:pointer;
	padding-right:1em;
}
tr.on {
	background:#c30505;
	}
tr.on td{
	color:#fff;
	}
/*
added by grace,2017-10-31
*/
tr.on1{
   background:#FFA200;
}
tr.on1 td{
   color:#000000;
}
tr.on1 td a{
   color:#000000;
}
tr.on2{
   background:#FEE000;
}
tr.on2 td{
	color:#000000;
}
tr.on2 td a{
	color:#000000;
}
tr.on3{
   background:#C30505;
}
tr.on3 td{
	color:#fff;
}
tr.on3 td a{
	color:#fff;
}
tr.on4{
    background:#006400;
}
tr.on4 td{
	color:#fff;
}
tr.on4 td a{
	color:#fff;
}
tr.on5{
	background:#0085CF;
}
tr.on5 td{
	color:#fff;
}
tr.on5 td a{
	color:#fff;
}
tr.on6{
	background:#D3D3D3;
}
tr.on6 td{
	color:#000000;
}
tr.on6 td a{
	color:#000000;
}
tr.on7{
	background:#FFFFFF;
}
tr.on7 td{
	color:#000000;
}
tr.on7 td a{
	color:#000000;
}
/*
end of added,2017-10-31
*/

.tableInfo tr.on td a{
	color:#fff;
	}
.alarm a{
	text-decoration:none;
	}
.alarm a:hover{
	text-decoration:underline;
	}
.alarm table th, .alarm table td{
	min-height:31px;
	line-height:15px;
	padding:2px 0;
	}
.alarm table th{
	height:32px;
	padding:2px 0;
	}
.alarm table td{
	height:auto;
	padding:2px 0;
	}
.alarm tbody tr.viewData:hover{
	cursor:pointer;
	}
.alarm tbody tr.viewData:hover a{
	text-decoration:underline;
	}
.alarm tbody tr.viewData a:hover{
	text-decoration:underline;
	}
.alarm tbody tr.viewDetails:hover{
	background:#fcc;
	}
.alarm tr.on.viewDetails:hover{
	background:#811;
	}
.hoverTd tr:hover{
	background:#ececec;
	cursor:pointer;
	}
.UserInfo {
	font-size:12px;
	padding:5px 0 0;
	}
.userPage span {
	margin-right:1em;
	display:inline-block;
	}
.UserSel {
	font-size:12px;
	}
.UserSel table{
	padding:10px 0;
	}
.UserSel td{
	line-height:2em;
	padding:5px 2px;
	}
.UserInfo table{
	border:none;
	}
.noBorder table {
	border:none;
	}
.UserInfo .tableInfo{
	border:1px solid #a8a8a8;
	}
.UserInfo .mod, .tableInfo .mod, .infoTable .mod, .tableInfo .del, .tableInfo .uploadPic {
	margin:0.2em 0.5em 0;
	margin:0.2em 0.5em 0\9;
	display:inline-block;
	width:16px;
	height:16px;
	line-height:2em;
	background:url(/images/mod.png) left top no-repeat;
	text-indent:-20em;
	overflow:hidden;
	cursor:pointer;
	vertical-align:middle;
	}
.tableInfo .del {
	background:url(/images/del.png) left top no-repeat;
	}
.tableInfo .uploadPic {
	background:url(/images/selectButton_upload.png) left top no-repeat;
	}
label {
	display:inline-block;
	}
.pageTitle {
	margin:0;
	padding:0;
	height:66px;
	position:relative;
	border:none;
	}
h2.ProjectName {
	margin:0;
	padding:0;
	min-width:230px;
	text-indent:.5em;
	font-size:18px;
	font-weight:bold;
	line-height:50px;
	background: url(/images/ProjectLab.png) no-repeat left 2px;
    height:50px;
	}
h2 label {
	margin:0;
	padding:0;
	text-indent:0;
	}
.pageTitle ul {
	margin:8px 0 0;
	padding:0;
	clear:both;
	float:right;
	margin-right:2px;
	display:table;
	border-collapse:collapse;
	list-style:none;
	text-align:center;
	}
.pageTitle li{
	font-size: 13px;
	float:left;
	margin:0 30px 0 0;
	position:relative;
	}
.pageTitle ul li a{
	padding:2px 15px;
	width:100%;
	display:block;
	text-decoration:none;
	line-height:1.8em;
	border:1px solid #a8a8a8;
	color:#535353;
	background: #fff; /* Fallback */
	background: url(/images/sub_menu_bg.gif) #fff repeat-x bottom; /* IE8+9 */
	background: -moz-linear-gradient(top, #ffffff 40%, #f3f3f3 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* W3C */
	}
.twoLabel, .threeLabel, .fourLabel, .fiveLabel, .sixLabel {
	width:97%;
	float:left;
	margin:0 auto;
	margin-left:1.5%;
	padding:0 2px 0 0;
}
.pageTitle.twoLabel ul, .pageTitle.threeLabel ul, .pageTitle.fourLabel ul, .pageTitle.fiveLabel ul, .pageTitle.sixLabel ul{
	float:none;
	margin:0 auto;
	padding:0;
	width:100%;
	}
.pageTitle.twoLabel ul li, .pageTitle.threeLabel ul li, .pageTitle.fourLabel ul li, .pageTitle.fiveLabel ul li, .pageTitle.sixLabel ul li{
	float:left;
	width:16.66%;
	margin:0;
	padding:0;
	}
.pageTitle.twoLabel ul li a, .pageTitle.threeLabel ul li a, .pageTitle.fourLabel ul li a, .pageTitle.fiveLabel ul li a, .pageTitle.sixLabel ul li a{
	padding:2px 0;
	}
.pageTitle.twoLabel ul li{
	width:50%;
	}
.pageTitle.threeLabel ul li{
	width:33.3%;
	}
.pageTitle.fourLabel ul li{
	width:25%;
	}
.pageTitle.fiveLabel ul li{
	width:20%;
	}
.pageTitle ul li a img{
	border: none;
	}
.pageTitle ul li a:hover{
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* IE10+ */
	background: linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* W3C */
	}
.pageTitle.fourLabel ul li a, .pageTitle.fiveLabel ul li a, .pageTitle.sixLabel ul li a{
	width:100%;
	text-align:center;
	padding:2px 0;
	}
.pageTitle ul li a.on{
	color:#fff;
	font-weight:bold;
	border:1px solid #0e1f89;
	border-left:none;
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #668bc0 0%, #0e1f89 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668bc0), color-stop(100%,#0e1f89)); /* Chrome, Safari 4+ */
 	background: -webkit-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* W3C */
	}
.pageTitle li a.first{
	border-radius: 6px 0 0 6px;
	border-left:1px solid #a8a8a8;
	}
.pageTitle ul li a.first.on{
	border-left:1px solid #0e1f89;
	}
.pageTitle li a.last{
	border-radius: 0 6px 6px 0;
	}
.pageTitle ul a.first.on {
	border-left:1px solid #0e1f89;
	}
.pageTitle ul a.last {
	border-radius: 0 6px 6px 0;
	}
.pageTitle  a.backBtu {
	border-radius: 6px;
	border:1px solid #a8a8a8;
	}
.childMenu {
	margin:10px 0 15px;
	line-height:36px;
	}
.childMenu ul {
	margin:8px 0 17px;
	padding:0;
	clear:both;
	float:right;
	margin-right:2px;
	display:table;
	border-collapse:collapse;
	list-style:none;
	text-align:center;
	}
.childMenu li{
	font-size: 13px;
	float:left;
	margin:0 30px 0 0;
	position:relative;
	}
.childMenu ul a{
	padding:2px 15px;
	width:100%;
	display:block;
	text-decoration:none;
	line-height:1.8em;
	border:1px solid #a8a8a8;
	color:#535353;
	background: #fff; /* Fallback */
	background: url(/images/sub_menu_bg.gif) #fff repeat-x bottom; /* IE8+9 */
	background: -moz-linear-gradient(top, #ffffff 40%, #f3f3f3 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* W3C */
	}
.childMenu ul a img{
	border: none;
	}
.childMenu ul a:hover{
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* IE10+ */
	background: linear-gradient(top, #e5e5e5 0%, #bcbcbc 100%); /* W3C */
	}
.childMenu ul a.on{
	color:#fff;
	font-weight:bold;
	border:1px solid #0e1f89;
	border-left:none;
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #668bc0 0%, #0e1f89 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668bc0), color-stop(100%,#0e1f89)); /* Chrome, Safari 4+ */
 	background: -webkit-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* W3C */
	}
.childMenu ul a.first {
	border-radius: 6px 0 0 6px;
	border-left:1px solid #a8a8a8;
	}
.childMenu ul a.first.on {
	border-left:1px solid #0e1f89;
	}
.childMenu ul a.last {
	border-radius: 0 6px 6px 0;
	}
.childMenu a.backBtu {
	border-radius: 6px;
	border:1px solid #a8a8a8;
	}
.page {
	margin:0 auto;
	width:100%;
	}
.pageGraph {
	position:relative;
	margin:0 0 0 0;
	height:502px;
	width:76%;
	float:left;
	border-radius: 8px;
	border:1px solid #a8a8a8;
	background: #ffffff; /* Fallback */
    box-shadow: none;
	background: url(/images/graph_bg.gif) repeat-x left bottom #fff; /* IE8+9 */
	background: -moz-linear-gradient(top, #ffffff 50%, #d5d5d5 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#d5d5d5 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#d5d5d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#d5d5d5 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 50%,#d5d5d5 100%); /* W3C */
	}
.cloudHomeGraph h4{
	margin:10px 0 0;
	height:1.8em;
	line-height:1.8em;
	font-size:1.2em;
	text-indent:.5em;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
	}
.cloudHomeGraph {
	float:left;
	width:54%;
	}
.homeSummary {
	min-width:1104px;
	width:auto;
	position:relative;
	font-size:1.4em; 
	border-radius: 2px;
	border:1px solid #a8a8a8;
	background: -moz-linear-gradient(top, #d4ddf5 0%, #ffffff 50%, ); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* IE10+ */
	background: linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4ddf5', endColorstr='#ffffff'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4ddf5', endColorstr='#ffffff')"; /* IE8 */
	}
.inverterSummary {
	display:none;
	width:100%;
	position:relative;
	font-size:1.4em; 
	border-radius: 2px;
	overflow:hidden;
	background: -moz-linear-gradient(top, #d4ddf5 0%, #ffffff 50%, ); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* IE10+ */
	background: linear-gradient(top, #d4ddf5 0%,#ffffff 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4ddf5', endColorstr='#ffffff'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d4ddf5', endColorstr='#ffffff')"; /* IE8 */
	}
.simple .inverterSummary {
	display:block;
	}
.inverterSummary a img{
	border:none;
	}
.inverterSummary .stringMore {
	padding-top:20%;
	position:relative;
	text-align:center;
	}
.inverterSummary span{
	left:6%;
	display:block;
	position:absolute;
	bottom:15px;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	}
.inverterSummary div{
	bottom:25px;
	width:260px;
	display:block;
	position:absolute;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	}
.inverterSummary h4{
	display:inline-block;
	line-height:120%;
	font-size:16px;
	font-weight:normal;
	padding:2px 5px;
	margin-bottom:4px;
	text-align:left;
	white-space:nowrap;
	background:#fffce1;
	color:#535353;
	border-radius: 4px;
	border:2px solid #beb59a;
	}
.inverterSummary .ac h4{
	margin-bottom:-1px;
	}
.inverterSummary img{
	margin:0 auto 5px;
	display:block;
	}
.inverterSummary .sun{
	top:10px;
	left:6%;
	background:none;
	}
.inverterSummary .Irr{
	font-weight:normal;
	line-height:150%;
	top: 15px;
	left:13%;
	text-align:left;
	height:50px;
	border-radius: 4px;
	padding:2px 5px;
	color:#535353;
	background:#fffce1;
	border-radius: 4px;
	border:2px solid #beb59a;
	}
.inverterSummary .simpleArrayBox {
	display:block;
	width:74px;
	height:80px;
	margin:0 auto;
	text-decoration:none;
	background: url(/pic/arraybox.png) no-repeat center top; /* IE8+9 */
	}
.inverterSummary .simpleArrayBox:hover {
	background-image: url(/pic/arraybox_over.png); /* IE8+9 */
	}
.inverterSummary .simpleInverter {
	display:block;
	width:86px;
	height:127px;
	margin:0 auto;
	text-decoration:none;
	background: url(/pic/inverter.png) no-repeat center top; /* IE8+9 */
	}
.inverterSummary .simpleInverter:hover {
	background-image: url(/pic/inverter_over.png); /* IE8+9 */
	}
.inverterSummary .simpleAC {
	display:block;
	width:106px;
	height:130px;
	margin:0 auto;
	text-decoration:none;
	background: url(/pic/ac_system.png) no-repeat center top; /* IE8+9 */
	}
.inverterSummary .simpleAC:hover {
	background-image: url(/pic/ac_system_over.png); /* IE8+9 */
	}
.inverterSummary td{
	padding:0 2px;
	}
.inverterSummary .string{
	left:-25px;
	}
.inverterSummary .array{
	left:250px;
	}
.inverterSummary .subarray{
	left:360px;
	}
.inverterSummary .inverter{
	left:530px;
	}
.inverterSummary .ac{
	left:820px;
	}
.inverterSummary .arrow01 {
	left:8%;
	bottom:150px;
	}
.inverterSummary .arrow02 {
	left:20%;
	bottom:60px;
	}
.inverterSummary .arrow03 {
	left:45%;
	bottom:60px;
	}
.inverterSummary .arrow04 {
	left:56%;
	bottom:60px;
	}
.inverterSummary .arrow05 {
	left:71%;
	bottom:60px;
	}
.homeSummaryInner {
	height:282px;
	position:relative;
	}
.projectPhoto {
	width:42%;
	float:left;
	}
.homeSummaryInner .projectPhotoImg {
	position:relative;
	width:480px;
	margin:0 auto;
	height:282px;
	background:url(/pic/factory_cloud.gif) no-repeat 0 0;
	}
.Home .projectPhotoImg {
	background:url(/pic/microInverter.gif) no-repeat 0 0;
	}
.Home.Residential .projectPhotoImg {
	background:url(/pic/residentialInverter.gif) no-repeat 0 0;
	}
.SmallInverter .projectPhotoImg {
	background:url(/pic/smallInverter.gif) no-repeat 0 0;
	}
.ParkingLot .projectPhotoImg {
	background:url(/pic/parkingLot.gif) no-repeat 0 0;
	}
.normal {
	padding-top:30px;
	width:58%;
	float:right;
	}
.Home .normal {
	font-size:1.2em;
	padding-top:25px;
	width:58%;
	}
.SmallInverter .normal {
	font-size:1.2em;
	padding-top:25px;
	width:58%;
	}
.ParkingLot .normal {
	font-size:1.2em;
	padding-top:25px;
	width:58%;
	}
.simple .homeSummaryInner {
	display:none;
	}
.homeSummaryInner .customPic{
	display:none;
	}
.homeSummaryInner .projectImg{
	display:none;
	}
.homeSummaryInner .projectImg img{
	display:none;
	}
.homeSummaryInner table {
	line-height:26px;
	font-size:14px;
	width:100%;
	}
.homeSummaryInner table td{
	padding:0 2px;
	font-weight:bold;
	}
.homeSummaryInner table .tabLine td{
	padding-bottom:15px;
	}
.homeSummaryInner table .tabLineSpan td{
	padding-bottom:30px;
	}
.homeSummaryInner table .SummaryData td, .homeSummaryInner table .SummaryData{
	line-height:18px;
	font-size:12px;
	font-weight:normal;
	}
.homeIco01 {
	position:absolute;
	left:125px;
	top:62px;
	z-index:3;
	width:13px;
	height:23px;
	display:block;
	text-decoration:none;
	}
.homeIco01:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -125px -62px;
	}
.homeIco01.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -125px -62px;
	}
.homeIco02 {
	position:absolute;
	left:84px;
	top:68px;
	z-index:3;
	width:21px;
	height:14px;
	display:block;
	text-decoration:none;
	}
.homeIco02:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -84px -68px;
	}
.homeIco02.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -84px -68px;
	}
.homeIco03 {
	position:absolute;
	left:300px;
	top:182px;
	z-index:3;
	width:35px;
	height:54px;
	display:none;
	text-decoration:none;
	}
.homeIco03:hover {
	background:url(/pic/homeIco03.png) no-repeat left bottom;
	}
.homeIco04, .homeIco0402, .homeIco0403, .homeIco0404 {
	position:absolute;
	left:227px;
	top:57px;
	z-index:3;
	width:16px;
	height:14px;
	display:block;
	text-decoration:none;
	}
.homeIco0402 {
	left:373px;
	top:67px;
	}
.homeIco0403 {
	left:164px;
	top:126px;
	}
.homeIco0404 {
	left:296px;
	top:137px;
	}
.homeIco04:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -227px -57px;
	}
.homeIco04.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -227px -57px;
	}
.homeIco0402:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -373px -67px;
	}
.homeIco0402.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -373px -67px;
	}
.homeIco0403:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -164px -126px;
	}
.homeIco0403.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -164px -126px;
	}
.homeIco0404:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -296px -137px;
	}
.homeIco0404.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -296px -137px;
	}
.homeIco05 {
	position:absolute;
	left:315px;
	top:129px;
	z-index:3;
	width:50px;
	height:39px;
	display:block;
	text-decoration:none;
	}
.homeIco05:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -315px -129px;
	}
.homeIco05.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -315px -129px;
	}
.Home .homeIco05, .Home .homeIco05.on {
	display:none;
	}
.homeIco06 {
	position:absolute;
	left:402px;
	top:154px;
	z-index:3;
	width:47px;
	height:79px;
	display:block;
	text-decoration:none;
	}
.homeIco06:hover {
	background:url(/pic/factory_cloud_on.gif) no-repeat -402px -154px;
	}
.homeIco06.on {
	background:url(/pic/factory_cloud_alarm.gif) no-repeat -402px -154px;
	}
.homeIco07 {
	position:absolute;
	left:372px;
	top:132px;
	z-index:3;
	width:22px;
	height:18px;
	display:block;
	text-decoration:none;
	}
.homeIco07:hover {
	background:url(/pic/homeIco07.png) no-repeat left bottom;
	}
.homeSummaryInnerNoPic {
	background:none;
	height:282px;
	}
.homeSummaryInnerNoPic .normal, .homeSummaryInnerNoPic .normal a {
	display:none;
	}
.homeSummaryInnerNoPic .pic img{
	height:282px;
	width:604px;
	}
.homeSummaryInnerNoPic .pic{
	width:54.5%;
	height:282px;
	float:left;
	}
.customPic .pic img{
	height:282px;
	width:604px;
	display:block;
	margin:0 auto;
	}
.homeSummaryInnerNoPic .info{
	width:43%;
	font-weight:bold;
	line-height:22px;
	font-size:16px;
	height:258px;
	padding-top:15px;
	float:right;
	}
.homeSummaryInnerNoPic .info span{
	white-space:nowrap;
	background:#fffcaa;
	color:#535353;
	border-radius: 4px;
	padding:0 10px;
	border:2px solid #beb59a;
	min-width:390px;
	display:inline-block;
	}
.customTable {
	width:510px;
	margin:0 auto;
	}
.homeSummaryInnerNoPic .info span table{
	padding:0;
	}
.homeSummaryInnerNoPic .info span td{
	padding:3px 0;
	line-height:22px;
	}
.custom .homeSummaryInner{
	background:none;
	}
.custom .homeSummaryInner .projectImg{
	height:282px;
	width:480px;
	position:absolute;
	z-index:12;
	top:0;
	left:0;
	display:block;
	}
.custom .homeSummaryInner .projectImg img{
	height:282px;
	width:470px;
	display:block;
	}
.farm .homeSummaryInner .projectPhotoImg {
	background:url(/pic/farm_cloud.gif) no-repeat 0 0;
	}
.farm_decentralized .homeSummaryInner .projectPhotoImg {
	background:url(/pic/farm_decentralized.gif) no-repeat 0 0;
	}
.building .homeSummaryInner .projectPhotoImg {
	background:url(/pic/building_cloud.gif) no-repeat 0 0;
	}
.homeIco0405, .homeIco0406, .homeIco0502, .homeIco07 {
	display:none;
	}
.farm .homeIco01 {
	position:absolute;
	left:359px;
	top:241px;
	z-index:3;
	width:12px;
	height:21px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco01:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -359px -241px;
	}
.farm .homeIco01.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -359px -241px;
	}
.farm .homeIco02 {
	position:absolute;
	left:379px;
	top:232px;
	z-index:3;
	width:21px;
	height:13px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco02:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -379px -232px;
	}
.farm .homeIco02.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -379px -232px;
	}
.farm .homeIco03 {
	display:none;
	}
.farm .homeIco04 {
	position:absolute;
	left:98px;
	top:78px;
	z-index:3;
	width:21px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco04:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -98px -78px;
	}
.farm .homeIco04.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -98px -78px;
	}
.farm .homeIco0402 {
	position:absolute;
	left:161px;
	top:71px;
	z-index:3;
	width:21px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco0402:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -161px -71px;
	}
.farm .homeIco0402.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -161px -71px;
	}
.farm .homeIco0403 {
	position:absolute;
	left:155px;
	top:101px;
	z-index:3;
	width:21px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco0403:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -155px -101px;
	}
.farm .homeIco0403.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -155px -101px;
	}
.farm .homeIco0404 {
	position:absolute;
	left:213px;
	top:125px;
	z-index:3;
	width:21px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco0404:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -213px -125px;
	}
.farm .homeIco0404.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -213px -125px;
	}
.farm .homeIco0405 {
	position:absolute;
	left:258px;
	top:110px;
	z-index:3;
	width:21px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco0405:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -258px -110px;
	}
.farm .homeIco0405.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -258px -110px;
	}
.farm .homeIco0406 {
	position:absolute;
	left:269px;
	top:149px;
	z-index:3;
	width:21px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco0406:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -269px -149px;
	}
.farm .homeIco0406.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -269px -149px;
	}
.farm .homeIco05 {
	position:absolute;
	left:306px;
	top:129px;
	z-index:3;
	width:74px;
	height:66px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco05:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -306px -129px;
	}
.farm .homeIco05.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -306px -129px;
	}
.farm .homeIco06 {
	position:absolute;
	left:395px;
	top:125px;
	z-index:3;
	width:51px;
	height:88px;
	display:block;
	text-decoration:none;
	}
.farm .homeIco06:hover {
	background:url(/pic/farm_cloud_on.gif) no-repeat -395px -125px;
	}
.farm .homeIco06.on {
	background:url(/pic/farm_cloud_alarm.gif) no-repeat -395px -125px;
	}
.farm .homeIco07 {
	display:none;
	}
.farm_decentralized .homeIco01 {
	position:absolute;
	left:352px;
	top:228px;
	z-index:3;
	width:12px;
	height:21px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco01:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -352px -228px;
	}
.farm_decentralized .homeIco01.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -352px -228px;
	}
.farm_decentralized .homeIco02 {
	position:absolute;
	left:372px;
	top:218px;
	z-index:3;
	width:21px;
	height:13px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco02:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -372px -218px;
	}
.farm_decentralized .homeIco02.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -372px -218px;
	}
.farm_decentralized .homeIco03 {
	display:none;
	}
.farm_decentralized .homeIco05 {
	position:absolute;
	left:191px;
	top:71px;
	z-index:3;
	width:17px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco05:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -191px -71px;
	}
.farm_decentralized .homeIco05.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -191px -71px;
	}
.farm_decentralized .homeIco0502 {
	position:absolute;
	left:129px;
	top:79px;
	z-index:3;
	width:17px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco0502:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -129px -79px;
	}
.farm_decentralized .homeIco0502.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -129px -79px;
	}
.farm_decentralized .homeIco0503 {
	position:absolute;
	left:188px;
	top:103px;
	z-index:3;
	width:17px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco0503:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -188px -103px;
	}
.farm_decentralized .homeIco0503.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -188px -103px;
	}
.farm_decentralized .homeIco0504 {
	position:absolute;
	left:287px;
	top:108px;
	z-index:3;
	width:17px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco0504:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -287px -108px;
	}
.farm_decentralized .homeIco0504.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -287px -108px;
	}
.farm_decentralized .homeIco0505 {
	position:absolute;
	left:244px;
	top:126px;
	z-index:3;
	width:17px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco0505:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -244px -126px;
	}
.farm_decentralized .homeIco0505.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -244px -126px;
	}
.farm_decentralized .homeIco0506 {
	position:absolute;
	left:300px;
	top:150px;
	z-index:3;
	width:17px;
	height:26px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco0506:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -300px -150px;
	}
.farm_decentralized .homeIco0506.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -300px -150px;
	}
.farm_decentralized .homeIco06 {
	position:absolute;
	left:386px;
	top:103px;
	z-index:3;
	width:51px;
	height:89px;
	display:block;
	text-decoration:none;
	}
.farm_decentralized .homeIco06:hover {
	background:url(/pic/farm_decentralized_on.gif) no-repeat -386px -103px;
	}
.farm_decentralized .homeIco06.on {
	background:url(/pic/farm_decentralized_alarm.gif) no-repeat -386px -103px;
	}
.farm_decentralized .homeIco04, .farm_decentralized .homeIco0402, .farm_decentralized .homeIco0403, .farm_decentralized .homeIco0404, .farm_decentralized .homeIco0405, .farm_decentralized .homeIco0406, .farm_decentralized .homeIco07 {
	display:none;
	}
.building .homeIco0402, .building .homeIco0403, .building .homeIco0404, .building .homeIco0405, .building .homeIco0406, .building .homeIco0502 {
	display:none;
	}
.building .homeIco01 {
	position:absolute;
	left:42px;
	top:62px;
	z-index:3;
	width:10px;
	height:18px;
	display:block;
	text-decoration:none;
	}
.building .homeIco01:hover {
	background:url(/pic/building_cloud_on.gif) no-repeat -42px -62px;
	}
.building .homeIco02 {
	position:absolute;
	left:20px;
	top:71px;
	z-index:3;
	width:18px;
	height:10px;
	display:block;
	text-decoration:none;
	}
.building .homeIco02:hover {
	background:url(/pic/building_cloud_on.gif) no-repeat -20px -71px;
	}
.building .homeIco03 {
	display:none;
	}
.building .homeIco04 {
	position:absolute;
	left:193px;
	top:126px;
	z-index:3;
	width:19px;
	height:23px;
	display:block;
	text-decoration:none;
	}
.building .homeIco04:hover {
	background:url(/pic/building_cloud_on.gif) no-repeat -193px -126px;
	}
.building .homeIco04.on {
	background:url(/pic/building_cloud_alarm.gif) no-repeat -193px -126px;
	}
.building .homeIco0402 {
	position:absolute;
	left:227px;
	top:116px;
	z-index:3;
	width:19px;
	height:23px;
	display:block;
	text-decoration:none;
	}
.building .homeIco0402:hover {
	background:url(/pic/building_cloud_on.gif) no-repeat -227px -116px;
	}
.building .homeIco0402.on {
	background:url(/pic/building_cloud_alarm.gif) no-repeat -227px -116px;
	}
.building .homeIco05 {
	position:absolute;
	left:359px;
	top:154px;
	z-index:3;
	width:10px;
	height:38px;
	display:block;
	text-decoration:none;
	}
.building .homeIco05:hover {
	background:url(/pic/building_cloud_on.gif) no-repeat -359px -154px;
	}
.building .homeIco05.on {
	background:url(/pic/building_cloud_alarm.gif) no-repeat -359px -154px;
	}
.building .homeIco06 {
	position:absolute;
	left:402px;
	top:156px;
	z-index:3;
	width:40px;
	height:67px;
	display:block;
	text-decoration:none;
	}
.building .homeIco06:hover {
	background:url(/pic/building_cloud_on.gif) no-repeat -402px -156px;
	}
.building .homeIco06.on {
	background:url(/pic/building_cloud_alarm.gif) no-repeat -402px -156px;
	}
.SmallInverter .homeIco05 {
	position:absolute;
	left:174px;
	top:205px;
	z-index:3;
	width:21px;
	height:35px;
	display:block;
	text-decoration:none;
	}
.SmallInverter .homeIco05:hover {
	background:url(/pic/smallInverter_on.gif) no-repeat -174px -205px;
	}
.SmallInverter .homeIco05.on {
	background:url(/pic/smallInverter_alarms.gif) no-repeat -174px -205px;
	}
.SmallInverter .homeIco06 {
	position:absolute;
	left:118px;
	top:31px;
	z-index:3;
	width:34px;
	height:57px;
	display:block;
	text-decoration:none;
	}
.SmallInverter .homeIco06:hover {
	background:url(/pic/smallInverter_on.gif) no-repeat -118px -31px;
	}
.SmallInverter .homeIco06.on {
	background:url(/pic/smallInverter_alarms.gif) no-repeat -118px -31px;
	}
.ParkingLot .homeIco05 {
	position:absolute;
	left:240px;
	top:147px;
	z-index:3;
	width:36px;
	height:53px;
	display:block;
	text-decoration:none;
	}
.ParkingLot .homeIco05:hover {
	background:url(/pic/parkingLot_on.gif) no-repeat -240px -147px;
	}
.ParkingLot .homeIco05.on {
	background:url(/pic/parkingLot_alarm.gif) no-repeat -240px -147px;
	}
.SmallInverter .homeIco0502 {
	position:absolute;
	left:25px;
	top:145px;
	z-index:3;
	width:16px;
	height:29px;
	display:block;
	text-decoration:none;
	}
.SmallInverter .homeIco0502:hover {
	background:url(/pic/smallInverter_on.gif) no-repeat -25px -145px;
	}
.SmallInverter .homeIco0502.on {
	background:url(/pic/smallInverter_alarms.gif) no-repeat -25px -145px;
	}
.homeSummaryInner span {
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:16px;
	font-weight:normal;
	height:20px;
	line-height:20px;
	width:20px;
	background:url(/images/listNumber.png) no-repeat left bottom;
	}
.Home span, .SmallInverter span, .ParkingLot span {
	font-size:20px;
	height:25px;
	line-height:25px;
	width:25px;
	background:url(/images/microListNumber.png) no-repeat left bottom;
	}
.homeSummaryInner .SummaryData span, .homeSummaryInner .SummaryData td span{
	margin:0;
	line-height:18px;
	height:auto;
	min-width:80px;
	font-weight:normal;
	text-align:left;
	font-size:12px;
	width:auto;
	white-space:nowrap;
	background:#fffce1;
	color:#535353;
	border-radius: 4px;
	padding:0 5px;
	border:2px solid #beb59a;
	}
.Home .SummaryData span, .Home .SummaryData td span, .SmallInverter .SummaryData span, .SmallInverter .SummaryData td span, .ParkingLot .SummaryData span, .ParkingLot .SummaryData td span{
	line-height:22px;
	font-size:15px;
	}
.homeSummaryInner .SummaryData span span, .homeSummaryInner .SummaryData td span span{
	font-size:15px;
	padding:0;
	border:none;
	background:none;
	min-width:auto;
	}
.Home .SummaryData span span, .Home .SummaryData td span span, .SmallInverter .SummaryData span span, .SmallInverter .SummaryData td span span, .ParkingLot .SummaryData span span, .ParkingLot .SummaryData td span span{
	font-size:18px;
	}
.homeSummaryInner a.arrayIco {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	height:40px;
	line-height:40px;
	width:40px;
	background:url(/pic/arrayIco.png) no-repeat left bottom;
	}
.homeSummaryInner a.arrayIco:hover {
	background:url(/pic/arrayIcoOver.png) no-repeat left bottom;
	}
.homeSummaryInner a.arrayIco.on {
	background:url(/pic/arrayIcoOn.png) no-repeat left bottom;
	}
.homeSummaryInner a.InverterIco {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	height:64px;
	line-height:64px;
	width:40px;
	background:url(/pic/inverterIco.png) no-repeat left bottom;
	}
.homeSummaryInner a.InverterIco:hover {
	background:url(/pic/inverterIcoOver.png) no-repeat left bottom;
	}
.homeSummaryInner a.InverterIco.on {
	background:url(/pic/inverterIcoOn.png) no-repeat left bottom;
	}
.farm_decentralized a.InverterIco  {
	height:65px;
	line-height:65px;
	width:40px;
	background:url(/pic/smallInverterIco.png) no-repeat left bottom;
	}
.farm_decentralized a.InverterIco:hover {
	background:url(/pic/smallInverterIco_on.png) no-repeat left bottom;
	}
.farm_decentralized a.InverterIco.on, .farm_decentralized a.InverterIco.on:hover {
	background:url(/pic/smallInverterIco_alarms.png) no-repeat left bottom;
	}
.factory a.InverterIco {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	height:42px;
	line-height:42px;
	width:58px;
	background:url(/pic/inverterHouse.png) no-repeat left top;
	}
.factory a.InverterIco:hover {
	background:url(/pic/inverterHouse_on.png) no-repeat left top;
	}
.factory a.InverterIco.on {
	background:url(/pic/inverterHouse_alarm.png) no-repeat left top;
	}
.SmallInverter a.InverterIco  {
	height:65px;
	line-height:65px;
	width:40px;
	background:url(/pic/smallInverterIco.png) no-repeat left bottom;
	}
.SmallInverter a.InverterIco:hover {
	background:url(/pic/smallInverterIco_on.png) no-repeat left bottom;
	}
.SmallInverter a.InverterIco.on, .Home a.InverterIco.on:hover {
	background:url(/pic/smallInverterIco_alarms.png) no-repeat left bottom;
	}
.ParkingLot a.InverterIco  {
	height:65px;
	line-height:65px;
	width:40px;
	background:url(/pic/smallInverterIco.png) no-repeat left bottom;
	}
.ParkingLot a.InverterIco:hover {
	background:url(/pic/smallInverterIco_on.png) no-repeat left bottom;
	}
.ParkingLot a.InverterIco.on {
	background:url(/pic/smallInverterIco_alarms.png) no-repeat left bottom;
	}
.Home a.InverterIco, .Home a.InverterIco.on {
	height:44px;
	line-height:44px;
	width:55px;
	background:url(/pic/microInverterIco.png) no-repeat left bottom;
	}
.Home a.InverterIco:hover {
	background:url(/pic/microInverterIcoOver.png) no-repeat left bottom;
	}
.Home a.InverterIco.on, .Home a.InverterIco.on:hover {
	background:url(/pic/microInverterIcoOn.png) no-repeat left bottom;
	}
.Home a.InverterIco:hover {
	background:url(/pic/microInverterIcoOver.png) no-repeat left bottom;
	}
.Residential a.InverterIco:hover {
	background:url(/pic/residentialInverterIcoOver.png) no-repeat left bottom;
	}
.Residential a.InverterIco, .Residential a.InverterIco.on {
	height:64px;
	line-height:64px;
	width:34px;
	display:block;
	text-decoration:none;
	background:url(/pic/residentialInverterIco.png) no-repeat left bottom;
	}
.Residential a.InverterIco.on, .Residential a.InverterIco.on:hover {
	background:url(/pic/residentialInverterIcoOn.png) no-repeat left bottom;
	}
.homeSummaryInner a.MeterIco {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	height:40px;
	line-height:40px;
	width:40px;
	background:url(/pic/meterIco.png) no-repeat left bottom;
	}
.homeSummaryInner a.MeterIco:hover {
	background:url(/pic/meterIcoOver.png) no-repeat left bottom;
	}
.homeSummaryInner a.FooterIco {
	display:inline-block;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:14px;
	height:48px;
	line-height:48px;
	width:30px;
	background:url(/pic/footIco.png) no-repeat left bottom;
	}
.homeSummaryInner a.FooterIco:hover {
	background:url(/pic/footIcoOver.png) no-repeat left bottom;
	}
.farm  a.InverterIco {
	height:42px;
	line-height:42px;
	width:58px;
	background:url(/pic/inverterHouse.png) no-repeat left bottom;
	}
.farm  a.InverterIco:hover {
	background:url(/pic/inverterHouse_on.png) no-repeat left bottom;
	}
.farm  a.InverterIco.on {
	background:url(/pic/inverterHouse_alarm.png) no-repeat left bottom;
	}
.building  a.InverterIco {
	height:64px;
	line-height:64px;
	background:url(/pic/inverterIco.png) no-repeat left bottom;
	}
.building  a.InverterIco:hover {
	background:url(/pic/inverterIcoOver.png) no-repeat left bottom;
	}
.building  a.InverterIco.on {
	background:url(/pic/inverterIcoOn.png) no-repeat left bottom;
	}
.customer .projectPhotoImg, .Home.customer .projectPhotoImg{
	width:480px;
	height:282px;
	background:none;
	}
.customer .projectPhotoImg img{
	width:456px;
	height:282px;
	}
.customer .lineTip, .customer .projectPhotoImg a{
	display:none;
	}
.homeSummaryInner span.temperature {
	display:inline-block;
	text-align:center;
	color:#fff;
	font-size:14px;
	height:20px;
	line-height:20px;
	width:20px;
	background:url(/pic/temperatureT.png) no-repeat 6px bottom;
	}
.homeSummaryInner .yellow{
	display:inline-block;
	padding:0 5px;
	height:20px;
	font-size:14px;
	color:#535353;
	background:#fff226;
	border:1px solid #efc003;	
	border-radius: 6px;
	}
.homeSummaryInner .red{
	display:inline-block;
	padding:0 5px;
	width:1.5em;
	height:20px;
	font-size:14px;
	background:#ff1717;
	border:1px solid #a4160f;	
	border-radius: 6px;
	}
.homeSummaryInner .green{
	display:inline-block;
	padding:0 5px;
	height:20px;
	font-size:14px;
	background:#06bf13;
	border:1px solid #037b06;	
	border-radius: 6px;
	}
.homeSummaryInner .gray{
	display:inline-block;
	padding:0 5px;
	height:20px;
	font-size:14px;
	color:#dfdfdf;
	background:#a9a9a9;
	border:1px solid #888;	
	border-radius: 6px;
	}
.lineTip {
	position:absolute;
	bottom:10px;
	left:10px;
	width:auto;
	line-height:14px;
	white-space:nowrap;
	font-size:12px;
	z-index:9;
	display:none;
	}
.lineTip ul, .lineTip li {
	margin:0;
	padding:0;
	}
.lineTip li.line01 {
	background:url(/images/dot01.png) no-repeat left 6px;
	padding-left:22px;
	}
.lineTip li.line02 {
	background:url(/images/dot02.png) no-repeat left 6px;
	padding-left:22px;
	}
.farm .lineTip li.line02 {
	display:none;
	}
.lineTip li.line03 {
	background:url(/images/dot03.png) no-repeat left 6px;
	padding-left:22px;
	}
.homeSummaryInnerNoPic .lineTip, .custom .lineTip, .homeSummaryInnerNoPic .projectPhoto, .building .lineTip {
	display:none;
	}
.homeGraph {
	clear:both;
	}
.homeGraph h4{
	margin:10px 0 0;
	height:1.8em;
	line-height:1.8em;
	font-size:1.2em;
	text-indent:.5em;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
	}
.homeGraph .graphinner {
	height:192px;
	background:#fff;
	border:1px solid #a8a8a8;
	border-top:none;
}
.infoTable {
	overflow:auto;
	}
.infoTable table{
	border-collapse:collapse;
	font-size:12px;
	}
.infoTable th, .infoTable td{
	border:1px solid #a8a8a8;
	line-height:1.5em;
	}
.infoTable th.gn, .infoTable td.gn{
	color:#fff;
	background:#42a343;
	}
.infoTable th.al, .infoTable td.al{
	color:#fff;
	background:#ed1c24;
	}
.infoTable th.ye, .infoTable td.ye{
	color:#fff;
	background:#abc617;
	}
.infoTable th{
	background:#b6d392;
	color:#333;
	}
.infoTable td{
	padding:0 2px;
	}
.infoTable td input, .infoTable td button  {
	line-height:1.2em;
	margin:2px 0;
	}
.infoTable td.gbg{
	background:#f1fce9;
	}
.infoTable .on td.gbg {
	background:#c30505;
	color:#fff;
	}
.infoTable .showBG{
	cursor:pointer;
	}
.infoTable .showBG:hover td.gbg{
	background:#def0d1;
	}
.infoTable .on.showBG:hover td.gbg{
	background:#c30505;
	}
.subTitle{
	background:#ddd;
	font-weight:bold;
	}
.subTitle td{
	padding:0 10px;
	}
.homeGraph .dld {
	z-index:99;
	position:absolute;
	display:block;
	right:45px;
	top:44px;
	}
.device, .device2, .signal {
	margin:0 5px 0 5px;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	cursor:pointer;
	border-radius:0;
	background:url(/pic/device.png) no-repeat left top;
	}
.device2 {
	float:right;
	}
.deviceList {
	height:167px;
	width:180px;
	background:#fff;
	border:#a8a8a8 1px solid;
	position:absolute;
	left:10px;
	top:20px;
	overflow:auto;
	display:none;
	}
.signal {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	cursor:pointer;
	border-radius:0;
	background:url(/pic/device.png) no-repeat left top;
	}
.signalList 
{
	height:167px;
	min-width:120px;
	background:#fff;
	border:#a8a8a8 1px solid;
	position:absolute;
	left:52px;
	top:0px;
	overflow:auto;
	display:none;
	}
.device:hover, .device2:hover, .signal:hover {
	background:url(/pic/device_on.png) no-repeat left top;
	}
.homeGraph .dropDown {
	z-index:99;
	position:absolute;
	display:block;
	right:70px;
	top:44px;
	}
.homeGraph .dropDown .dropSel{
	margin:0;
	display:block;
	font-size:12px;
	float:right;
	}
.homeGraph .dropDown .dropSel select{
	margin:0 1px;
	}
.cloudShow {
	height:499px;
	min-height:499px
	}
 h2.cloudTitle{
	margin:0;
	line-height:45px;
	padding:0 20px;
	font-size:18px;
	font-weight:normal;
	position:absolute;
	left:0;
	top:0;
	}
.cloudSubMenu {
	position:absolute;
	right:10px;
	top:-28px;
	z-index:9;
	font-size:12px;
	}
.cloudSubMenu li{
	display:block;
	float:right;
	}
.cloudSubMenu li a{
	display:block;
	text-align:center;
	border-radius:6px 6px 0 0;
	border:1px solid #a8a8a8;
	background:url(/images/label.png) repeat-x left top;
	padding:0 1em;
	line-height:26px;
	height:26px;
	text-decoration:none;
	}
.cloudSubMenu li a:hover{
	background-position:left -40px;
	}
.cloudSubMenu li.on a{
	padding:0 1.5em;
	margin-top:-2px;
	font-weight:bold;
	border:1px solid #2a7309;
	background:url(/images/label.png) repeat-x left -100px;
	color:#fff;
	line-height:28px;
	height:28px;
	}
.cloudSubMenu li.on a:hover{
	background-position:left bottom;
	}
.cloudBody {
	margin-top:45px;
	border:1px solid #a8a8a8;
	background:#fff;
	position:relative
	}
.cloudBody h3{
	margin:0;
	padding:5px 0 0;
	font-size:14px;
	height:auto;
	line-height:28px;
	background:none;
	}
.cloudInner {
	padding:0 10px;
	font-size:12px;
	height:482px;
	}
.cloudInner .outList {
	text-align:left;
	position:relative;
	}
.cloudInner h5 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	}
.cloudInner .listButton {
	padding-top:140px;
	}
.cloudInner select.list{
	padding:3px 5px;
	border:1px solid #a9a9a9;
	height:380px;
	width:200px;
	}
.cloudInner button{
	margin:5px 10px;
	}
.uploadImg, .uploadImgProject {
	width:auto;
	display:inline-block;
	text-align:center;
	}
.uploadImg .img, .uploadImgProject .img{
	max-width:400px;
	height:60px;
	border:1px solid #a8a8a8;
	-webkit-box-shadow: 2px 2px 2px rgba(200,200,200,3);
    -moz-box-shadow: 2px 2px 2px rgba(200,200,200,3);
    box-shadow: 2px 2px 2px rgba(200,200,200,3);
	}
.uploadImg .img img{
	height:60px;
	}
.uploadImgProject .img, .uploadImgProject .img img{
	width:160px;
	height:100px;
	}
.uploadImgProject .img{
	margin:0 0 0 5px;
	}
.uploadImgProject button{
	margin:10px 0 0 5px;
	}
.delArea, .delRegion{
	margin:0 3px;
	text-decoration:none;
	display:inline-block;
	background: url(/images/del.png) no-repeat 0px 6px;
	height:20px;
	width:16px;
}
.cloudInner td{
	vertical-align:top;
	line-height:3em;
	padding:0 3px;
	}
.cloudBody .controlBtu {
	padding:.8em 0 0.5em;
	}
.pageControl {
	margin:0;
	float:right;
	width:23%;
	height:89%;
	}
.pageControl .Date h5{
	margin:0;
	padding:0 0.7em;
	height:20px;
	line-height:20px;
	text-align:center;
	font-weight:normal;
	width:auto;
	font-size:1.2em;
	display:inline-block;
	border:1px solid #a8a8a8;
	border-bottom:none;
	border-radius:2px 2px 0 0;
	cursor:pointer;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
	}
.pageControl .Date h5:Hover{
	background: -moz-linear-gradient(top, #f1f1f1 0%, #aaa 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#aaaaaa'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#aaaaaa')"; /* IE8 */
	}
.pageControl .Date h5.on{
	color:#fff;
	border-color:#0e1f89;
	background: #0e1f89; /* Fallback */
	background: -moz-linear-gradient(top, #668bc0 0%, #0e1f89 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668bc0), color-stop(100%,#0e1f89)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#668bc0', endColorstr='#0e1f89'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#668bc0', endColorstr='#0e1f89')"; /* IE8 */
	}
.pageControl .Date div{
	display:none;
	font-size:1.2em;
	border-top:none;
	background:#fff;
	border:1px solid #a8a8a8;
	height:98px;
	}
.pageControl .Date div.on{
	display:block;
	}
.pageControl .Date li {
	margin:0.7em 0;
	font-weight:bold;
	padding-left:4em;
	line-height:1.5em;
	min-height:30px;
	background:url(/images/ico.gif) no-repeat 15px 6px;
	}
.pageControl .Date li.en02 {
	background:url(/images/ico.gif) no-repeat 15px -97px;
	}
.pageControl .Date li.en03 {
	background:url(/images/ico.gif) no-repeat 15px -201px;
	}
.pageControl .Date li.en04 {
	background:url(/images/ico.gif) no-repeat 15px -304px;
	}
.pageControl .Date li.en05 {
	background:url(/images/ico.gif) no-repeat 15px -408px;
	}
.pageControl .Date li.en06 {
	background:url(/images/ico.gif) no-repeat 15px -511px;
	}
.pageControl .Date li.en07 {
	background:url(/images/Inverters_Summary_03.png) no-repeat 15px 6px;
	}
.pageControl .Date li.en08 {
	background:url(/images/Inverters_Summary_22.png) no-repeat 15px 6px;
	}
.pageControl .Date li.en09 {
	background:url(/images/kw.png) no-repeat 15px 6px;
	}
.reportSetting h4 {
	margin:10px 0 0;
	height:1.8em;
	line-height:1.8em;
	font-size:1.2em;
	text-indent:.5em;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
	}
.reportSetting .Info {
	height:128px;
	padding:0.4em 0;
	border:1px solid #a8a8a8;
	border-top:none;
	background:#fff;
	font-size:1.2em;
	}
.reportSetting .InfoSel {
	height:210px;
	/*height:auto;*/
	padding:0.4em 0;
	border:1px solid #a8a8a8;
	background:#fff;
	font-size:1.2em;
	}
.selectInverters.top {
	margin-top:0;
	}
.selectInverters h4 {
	position:relative;
}
.inverterGenerate {
	position:absolute;
	right:-11px;
	top:-11px;
	font-size:12px;
	height:1.6em;
	line-height:1.6em;
	font-weight:normal;
	padding:0 0.8em;
	text-indent:0;
	background: #fff; /* Fallback */
	background: url(/images/sub_menu_bg.gif) repeat-x bottom; /* IE8+9 */
	background: -moz-linear-gradient(top, #ffffff 40%, #f3f3f3 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 40%,#f3f3f3 100%); /* W3C */
}
.inverterGenerate:hover {
	background: url(/images/menu_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
}
.inverterGraphControl {
	top:-5px;
}
.selectInverters .Info {
	overflow:auto;
	height:222px;
	}
.selectInverters .arrayInfo {
	overflow:auto;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	background:#fff;
	font-size:12px;
	}
.arrayInfo table td{
	padding:3px 4px;
	line-height:15px;
	}
.arrayInfo table td.top{
	padding-top:6px;
	}
.arrayInfo table td.bottom{
	padding-bottom:6px;
	}
.bottomLine td{
	border-bottom:1px solid #a8a8a8;
	}
.arrayInfo table td.bottomLine{
	border-bottom:1px solid #a8a8a8;
	}
.arrayInfo table td.leftLine, table td.leftLine{
	border-left:1px solid #a8a8a8;
	}
.arrayInfo button {
	margin:0.5em 0.3px 0;
	padding:0;
	min-width:5em;
	background:none;
	height:3em;
	color:#fff;
	border:1px solid #2a7309;
	background-color:#fff;
    -webkit-box-shadow: inset 0 -2.5em 3em rgba(16,175,8,1);  
    -moz-box-shadow: inset 0 -2.5em 3em rgba(16,175,8,1);  
    box-shadow: inset 0 -2.5em 3em rgba(16,175,8,1); 
	}
.arrayInfo button:hover {
    -webkit-box-shadow: inset 0 -2.5em 3em rgba(7,159,0,1);  
    -moz-box-shadow: inset 0 -2.5em 3em rgba(7,159,0,1);  
    box-shadow: inset 0 -2.5em 3em rgba(7,159,0,1); 
	}
.selectInverters li{
	padding:0.6em 0;
	padding-left:1em;
	line-height:1em;
	}
.pageControl h3 {
	background:none;
	margin:0;
	padding:0;
	height:2.5em;
	line-height:2.5em;
	}
.pageControl h5 {
	margin:0;
	padding:0;
	height:2em;
	line-height:2em;
	text-align:center;
	font-weight:normal;
	width:30%;
	font-size:1.2em;
	display:inline-block;
	border:1px solid #a8a8a8;
	border-bottom:none;
	border-radius:2px 2px 0 0;
	cursor:pointer;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
	}
.pageControl h5.on {
	color:#fff;
	border-color:#0e1f89;
	background: #0e1f89; /* Fallback */
	background: -moz-linear-gradient(top, #668bc0 0%, #0e1f89 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668bc0), color-stop(100%,#0e1f89)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#668bc0', endColorstr='#0e1f89'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#668bc0', endColorstr='#0e1f89')"; /* IE8 */
	}
.pageControl .power, .pageControl .energy {
	height:87%;
	overflow:auto;
	border:1px solid #a8a8a8;
	font-size:1.2em;
	background:#fff;
	height:444px;
	}
.pageControl .total{
	border-bottom:1px dashed #a8a8a8;
	}
.pageControl .power ul, .pageControl .energy ul{
	padding:.5em 0;
	}
.pageControl .power input, .pageControl .energy input{
	margin:0 0.5em 0 0;
	padding:0;
	}
.pageControl .power li, .pageControl .energy li{
	line-height:1em;
	padding:0.2em 0 0 1em;
	}
.pageControl .power td, .pageControl .energy td{
	padding:0.2em 0 0 0.5em;
	}
.pageEvent {
	clear:both;
	width:100%;
	margin:0 auto;
	}
.filter {
	margin:0;
	padding:0px 0;
	font-size:1.2em;
	font-weight:bold;
	float:right;
	}
.filter span {
	margin-right:1em;
	}
.filter button {
	margin:0 .2em;
	}
.filterSel {
	display:inline-block;
	text-align:left;
	}
.pageNum {
	position:relative;
	text-align:center;
	font-size:1.2em;
	}
.pageNum button{
	margin-left:0.2em;
	}
.pageNum a{
	margin:0 0.1em;
	text-decoration:none;
	}
.Export {
	padding:15px 20px 0 0;
	display:block;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	text-align:right;
	height:18px;
	background:url(/images/disk.png) no-repeat right 13px;
	}
.Export:hover {
	background-position:right -169px;
	}
.Export span {
	display:none;
	position:absolute;
	right:0;
	top:31px;
	padding:0;
	width:auto;
	font-size:10px;
	line-height:1.5em;
	background:#fff;
	border:1px solid #a0a0a0;
	white-space:nowrap;
	text-align:left;
}
.Export span a{
	margin:0;
	padding:0 5px;
	display:block;
}
.Export span a:hover{
	color:#fff;
	background:#4572a5;
}
.arryGraph {
	margin-top:10px;
	margin-left:10px;
	width:100%;
	background:none;
	position:relative;
	}
.totalWorst {
	overflow:auto;
	height:260px;
	border:1px solid #999;
	border-top:none;
	background-color:#fff;
	}
.totalWorst tr.onShowTr, .totalWorst tr.arrayTitle{
	background:#fff;
	}
.totalWorst tr:hover td{
	background:#fcc;
	}
tr.onSel td{
	background:#134a8b;
	color:#fff;
	}
.totalWorst td{
	border-bottom:1px solid #999;
	border-left:1px dashed #999;
	line-height:1.6em;
	padding:0 0.5em;
	font-size:12px;
	cursor:pointer;
	}
.totalWorst.show2{
	font-size:12px;
	line-height:140%;
	padding:5px;
	height:147px;
	overflow:auto;
	}
.totalWorst.show2 td{
	line-height:74px;
	}
.totalWorst tr.bottomNoLine td{
	border-bottom:none;
	}
.totalWorst th{
	background:#555;
	line-height:1.2em;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	font-size:1.2em;
	padding:0.4em;
	color:#fff;
 	}
.totalWorst td.leftborder,.totalWorst th.leftborder{
	border-bottom:1px solid #999;
	border-left:none;
	}
.tableInfo table th.sortUp, th.sortUp {
	cursor:pointer;
	padding-right:1em;
	background:url(/images/sortUp.png) no-repeat right 12px #555;
}
.tableInfo table th.sortDown, th.sortDown {
	cursor:pointer;
	padding-right:1em;
	background:url(/images/sortDown.png) no-repeat right 12px #555;
}
.tableInfo table th.sortDown, th.sortDown {
	cursor:pointer;
	padding-right:1em;
	background:url(/images/sortDown.png) no-repeat right 12px #555;
}
.totalWorst th.sortDown {
	background:url(/images/sortDown.png) no-repeat right 9px #555;
	}
.cc, .cc td{
	background:#eee;
	}
.stringPerformance {
	padding-right:10px;
	margin:0 auto;
	position:relative;
	height:100%;
	}
.stringPerformance .leftLabel{
	width:3%;
	height:100%;
	position:relative;
	font-size:1.4em;
	float:left;
	}
.stringPerformance .leftLabel01{
	position:absolute;
	top: 47px;
	right: -48px;
	width:126px;
	text-align:center;
	height:32px;
	line-height:32px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform:translateX(0) rotate(-90deg);
	}
:root .stringPerformance .leftLabel01{
	/*right:-174px\9;*/
}
.stringPerformance .leftLabel02{
	position:absolute;
	top:183px;
	right:-58px;
	width:146px;
	text-align:center;
	height:32px;
	line-height:32px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform:translateX(0) rotate(-90deg);
	}
:root .stringPerformance .leftLabel02{
	/*right:-204px\9;*/
}
.stringPerformance .leftLabel03{
	position:absolute;
	top:329px;
	right:-58px;
	width:146px;
	text-align:center;
	height:32px;
	line-height:32px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform:translateX(0) rotate(-90deg);
	}
:root .stringPerformance .leftLabel03{
	/*right:-204px\9;*/
}
.stringPerformance .leftLabel01.on{
	top: 48px;
	right: -49px;
	width:132px;
	height:36px;
	line-height:36px;
	z-index:99;
	}
:root .stringPerformance .leftLabel01.on{
	/*right:-181px\9;*/
}
.stringPerformance .leftLabel02.on{
	top:181px;
	right:-60px;
	width:154px;
	height:36px;
	line-height:36px;
	z-index:99;
	}
:root .stringPerformance .leftLabel02.on{
	/*right:-214px\9;*/
}
.stringPerformance .leftLabel03.on{
	top:327px;
	right:-60px;
	width:154px;
	height:36px;
	line-height:36px;
	z-index:99;
	}
:root .stringPerformance .leftLabel03.on{
	/*right:-214px\9;*/
}
.stringPerformance .leftLabel01 a{
	display:block;
	text-decoration:none;
	background:url(/images/leftLabel.png) right top no-repeat;
	}
.stringPerformance .leftLabel01 a:hover{
	background:url(/images/leftLabel.png) right -80px no-repeat;
	}
.stringPerformance .leftLabel02 a{
	display:block;
	text-decoration:none;
	background:url(/images/leftLabel.png) left bottom no-repeat;
	}
.stringPerformance .leftLabel02 a:hover{
	background:url(/images/leftLabel.png) left -80px no-repeat;
	}
.stringPerformance .leftLabel03 a{
	display:block;
	text-decoration:none;
	background:url(/images/leftLabel.png) left bottom no-repeat;
	}
.stringPerformance .leftLabel03 a:hover{
	background:url(/images/leftLabel.png) left -80px no-repeat;
	}
.stringPerformance .on a{
	color:#fff;
	font-weight:bold;
	}
.stringPerformance .leftLabel01.on a{
	background:url(/images/leftLabel.png) right bottom no-repeat;
	}
.stringPerformance .leftLabel02.on a{
	background:url(/images/leftLabel.png) left top no-repeat;
	}
.stringPerformance .leftLabel03.on a{
	background:url(/images/leftLabel.png) left top no-repeat;
	}
.stringBoard {
	position:relative;
	margin-left:3%;
	width:97%;
	height:500px;
	background:#fff;
	border:1px solid #a8a8a8;
	}
.graph, .graphPercentage, .graphShow {
	min-height:402px;
	height:82%;
	margin:10px;
	position:relative;
	border-radius: 8px;
	border:1px solid #a8a8a8;
	background: #ffffff; /* Fallback */
	background: url(/images/graph_bg.gif) repeat-x left bottom #fff; /* IE8+9 */
	background: -moz-linear-gradient(top, #ffffff 0%, #d5d5d5 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* IE10+ */
	background: linear-gradient(top, #ffffff 0%,#d5d5d5 100%); /* W3C */
	}
.graphShow {
	height:89%;
	}
#arrayBoxGraph {
	min-height:434px;
}
.total.on {
	background-position:right bottom;
	}
.maintenance_Choose {
	width:27%;
	float:left;
	clear:both;
	padding:0;
	margin:0;
	}
.maintenance_Choose h5, .maintenance_Choose h6, .maintenance_Choose .info {
	margin:0;
	padding:0;
	}
.maintenance_Choose h5{
	padding:0 8px;
	height:1.8em;
	line-height:1.8em;
	text-align:center;
	font-weight:normal;
	width:auto;
	font-size:1.2em;
	display:block;
	float:left;
	border:1px solid #a8a8a8;
	border-bottom:none;
	border-radius:2px 2px 0 0;
	cursor:pointer;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
	}
.maintenance_Choose h5:Hover{
	background: -moz-linear-gradient(top, #f1f1f1 0%, #aaa 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#aaa 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#aaaaaa'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#aaaaaa')"; /* IE8 */
	}
.maintenance_Choose h5.on{
	color:#fff;
	border-color:#0e1f89;
	background: #0e1f89; /* Fallback */
	background: -moz-linear-gradient(top, #668bc0 0%, #0e1f89 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#668bc0), color-stop(100%,#0e1f89)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* IE10+ */
	background: linear-gradient(top, #668bc0 0%,#0e1f89 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#668bc0', endColorstr='#0e1f89'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#668bc0', endColorstr='#0e1f89')"; /* IE8 */
	}
.StatisticsInfo {
	clear:both;
	border:1px solid #a8a8a8;
	height:441px;
	background:#fff;
	}
.StatisticsInfo table td, .ticketChange table td{
	padding:0 0 0.5em 0.5em;
	}
.StatisticsInfo table td{
	padding:0 0 0.5em 0.5em;
	line-height:1.5em;
	}
.ticketChange {
	height:437px;
	min-height:437px;
	width:98%;
	margin:0 auto;
	line-height:1.5em;
	}
.ticketChangeInfo table td{
	position:relative;
	font-size:1.4em;
	width:auto;
	}
.ticketChangeInfo {
	position:relative;
	border:1px solid #a8a8a8;
	border-left:none;
	border-bottom:none;
	height:100%;
	width:50%;
	float:left;
	}
.ticketChangeInfo table {
	margin-top:3%;
	height:96%;
	}
.changeTicket {
	color:#fff;
	font-weight:bold;
	font-size:1em;
	height:3em;
	line-height:3em;
	margin:0 1em;
	padding:0 1em;
	border-radius: 6px;
	border:1px solid #07740c;
	background: #07740c; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top #07740c; /* IE8+9 */
	background: -moz-linear-gradient(top, #68c066 0%, #07740c 100%); /* FF 3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68c066), color-stop(100%,#07740c)); /* Chrome, Safari 4+ */
	background: -webkit-linear-gradient(top, #68c066 0%,#07740c 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #68c066 0%,#07740c 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #68c066 0%,#07740c 100%); /* IE10+ */
	background: linear-gradient(top, #68c066 0%,#07740c 100%); /* W3C */
	}
.changeTicket:hover {
	background: url(/images/menu_on_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #6de368 0%, #138e20 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #6de368 0%,#138e20 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #6de368 0%,#138e20 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6de368 0%,#138e20 100%); /* IE10+ */
	background: linear-gradient(top, #6de368 0%,#138e20 100%); /* W3C */
}
.ticketChange {
	clear:both;
	width:98%;
	margin:20px auto 0;
	padding-top:30px;
	line-height:1.5em;
	position:relative;
	}
.ticketChange  h4.titleTop{
	height:1em;
	line-height:1em;
	margin:0;
	padding:0;
	font-size:1.4em;
	position:absolute;
	left:0;
	top:-25px;
	}
.ticketChangeLog {
	position:relative;
	width:49.8%;
	float:left;
	height:100%;
	border-top:1px solid #a8a8a8;
	}
.ticketChangeLogTop {
	height:60%;
	overflow:auto;
	font-size:1.4em;
	}
.ticketChangeLogTop h4{
	margin:0;
	line-height:2em;
	}
.ticketChangeLogTop table{
	border-right:1px solid #a8a8a8;
	}
.ticketChangeLogTop td{
	background-color:#fff;
	border-bottom:1px solid #a8a8a8;
	}
.ticketChangeLogTop .on td, .ticketChangeLogTop td.on{
	color:#535353;
	background-color:#eeeeee;
	}
.ticketChangeLogBottom {
	height:40%;
	}
.ticketChangeLogBottom table{
	heigth:60%;
	font-size:1.2em;
	}
.ticketChangeLogBottom h4 {
	margin:0;
	line-height:2em;
	padding-left:0.5em;
	font-size:1.4em;
	border-top:1px solid #a8a8a8;
	}
.ticketChangeLogBottom button {
	display:inline-block;
	margin:0;
	padding:0 1em;
	font-weight:normal;
	font-size:1em;
	}
.ticketChangeLogBottom .textarea {
	margin:0.3em 0;
	padding:0;
	height:100%;
	border:1px solid #a8a8a8;
	}
.overView td.red{
	color:#ca1e1f;
	font-weight:bold;
	}
.overView td.yellow{
	color:#dfa720;
	font-weight:bold;
	}
.overView td.green{
	color:#137339;
	font-weight:bold;
	}
.overView, .outageDuration, .worst {
	width:90%;
	margin:0 auto;
	font-size:1.4em;
	}
.overView h6, .outageDuration h6, .worst h6{
	clear:both;
	height:3em;
	font-size:1em;
	padding-left:2.5em;
	line-height:3em;
	background:url(/images/statistic.png) no-repeat left 0.5em;
	}
.overView {
	padding-bottom:.4em;
	border-bottom:1px solid #a8a8a8;
	}
.outageDuration h6 {
	background-position:left -80px;
	}
.outageDuration h6.noBg {
	height:2.5em;
	line-height:2.5em;
	margin-left:2.5em;
	margin-top:0.5em;
	padding-left:0;
	border-top:1px dashed #a8a8a8;
	background:none;
	}
.outageDuration div {
	padding-left:2.5em;
	}
.worst h6 {
	background-position:left -165px;
	}
.outageDuration {
	padding-bottom:1em;
	border-bottom:1px solid #a8a8a8;
	}
.maintenance_User{
	margin:0 3px 10px 0;
	float:right;
	width:71.8%;
	}
.maintenance_User h4, .maintenance_Ticket h4{
	margin:0;
	width:100%;
	height:1.8em;
	line-height:1.8em;
	font-size:1.2em;
	text-indent:0;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
	}
.maintenance_User h4 span{
	display:inline-block;
	background:url(/images/Maintenance_Statistic_01.png) 8px 1px no-repeat;
	padding-left:2.5em;
	}
.maintenance_Ticket h4 span{
	display:inline-block;
	background:url(/images/Maintenance_Statistic_02.png) 8px 1px no-repeat;
	padding-left:2.5em;
	}
.maintenance_User div, .maintenance_Ticket .maintenanceGraph{
	border:1px solid #a8a8a8;
	border-top:none;
	width:100%;
	height:197px;
	min-height:197px;
	background:#fff;
	}
.maintenance_Ticket .maintenanceGraph{
	height:210px;
	}
.maintenance_Ticket{
	margin-right:3px;
	float:right;
	width:71.8%;
	}
.selTime {
	margin:10px 0 0;
	height:28px;
	float:left;
	left:0;
	padding:0;
	width:99.8%;
	}
.dateSel {
	margin:0 1.4%;
	left:0;
	padding:0;
	width:97.2%;
	}
.selTime ul{
	padding-right:2%;
	}
#dialog, .dialogDiv {
	font-size:12px;
}
#dialog span, .dialogDiv span {
	display:inline-block;
	margin-right:2em;
	background:url(/images/columnLine.png) bottom right no-repeat;
	padding-right:1.3em;
}
#dialog span.selectColumn, .dialogDiv span.selectColumn {
	margin-right:2em;
	background:url(/images/columnLine.png) top right no-repeat;
	padding-right:1.3em;
}
#dialog h4, .dialogDiv h4 {
	margin:0.5em 0;
	line-height:2.2em;
	font-size:1.2em;	
}
.dialogDiv td{
	padding:0.5em;
}
#dialog table {
	width:98%;
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	text-align:center;
	color:#333;
	background:#fff;
	font-family:Arial, Helvetica, sans-serif,'宋体';
	}
#dialog table td{
	border-bottom:1px solid #999;
	border-left:1px dashed #999;
	line-height:2em;
	padding:0 0.5em;
	}
#dialog table td.leftborder, #dialog table th.leftborder{
	border-bottom:1px solid #999;
	border-left:none;
	}
#dialog table td.lbb{
	border-left:1px solid #999;
	}
#dialog table td.topborder{
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	}
#dialog table th{
	background:#555;
	line-height:1.6em;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	font-size:1em;
	padding:0.5em;
	color:#fff;
 	}
#dialog table.tableHide, #dialog table.tableHide td {
	width:auto;
	border:none;
	line-height:1em;
	padding:0;	
}
#dialog table.tableHide {
	margin:1em 0 0.5em;
}
.dialogBtu {
	text-align:center;
	}
.dialogBtu form{
	margin:0;
	padding:0;
	}
.dialogBtu button{
	height:2em;
	line-height:2em;
	font-size:1.3em;
	font-weight:bold;
	}
.dialogBtu button.mainbtu, .generateReport {
	padding:0 1em;
	border-radius: 6px;
	border:1px solid #136804;
	clear:both;
	display:block;
	color:#fff;
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #5cd756 0%, #136804 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #5cd756 0%,#136804 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #5cd756 0%,#136804 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5cd756 0%,#136804 100%); /* IE10+ */
	background: linear-gradient(top, #5cd756 0%,#136804 100%); /* W3C */
	cursor:pointer;
	}
	/*add by g*/
	.dialogBtu button.mainbtu, .generateReporta {
	padding:0 1em;
	border-radius: 6px;
	border:1px solid #136804;
	clear:both;
	display:block;
	color:#fff;
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #5cd756 0%, #136804 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #5cd756 0%,#136804 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #5cd756 0%,#136804 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5cd756 0%,#136804 100%); /* IE10+ */
	background: linear-gradient(top, #5cd756 0%,#136804 100%); /* W3C */
	cursor:pointer;
	}
	/*end*/
		/*add by g*/
	.dialogBtu button.mainbtu, .generateReportb {
	padding:0 1em;
	border-radius: 6px;
	border:1px solid #136804;
	clear:both;
	display:block;
	color:#fff;
	background: #0e1f89; /* Fallback */
	background: url(/images/menu_on_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #5cd756 0%, #136804 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #5cd756 0%,#136804 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #5cd756 0%,#136804 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #5cd756 0%,#136804 100%); /* IE10+ */
	background: linear-gradient(top, #5cd756 0%,#136804 100%); /* W3C */
	cursor:pointer;
	}
	/*end*/
.generateReport:hover {
	background: url(/images/menu_on_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #6de368 0%, #138e20 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #6de368 0%,#138e20 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #6de368 0%,#138e20 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6de368 0%,#138e20 100%); /* IE10+ */
	background: linear-gradient(top, #6de368 0%,#138e20 100%); /* W3C */
}
/*add by g*/
.generateReporta:hover {
	background: url(/images/menu_on_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #6de368 0%, #138e20 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #6de368 0%,#138e20 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #6de368 0%,#138e20 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6de368 0%,#138e20 100%); /* IE10+ */
	background: linear-gradient(top, #6de368 0%,#138e20 100%); /* W3C */
}
/*end*/
/*add by g*/
.generateReportb:hover {
	background: url(/images/menu_on_over_bg.gif) repeat-x top; /* IE8+9 */
	background: -moz-linear-gradient(top, #6de368 0%, #138e20 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #6de368 0%,#138e20 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #6de368 0%,#138e20 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #6de368 0%,#138e20 100%); /* IE10+ */
	background: linear-gradient(top, #6de368 0%,#138e20 100%); /* W3C */
}
/*end*/
.generateReport {
	height:2.2em;
	margin:20px 0 0;
}
/*add by g*/
.generateReporta {
	height:2.2em;
	margin:7px 0 0;
}
/*end*/
/*add by g*/
.generateReportb {
	height:2.2em;
	margin:1px 0 0;
}
/*end*/
.reportGraph {
	width:74%;
	padding:0;
	float:left;
	height:100%;
	position:relative;
}
.reportGraph h1{
	position: absolute;
	top: 50%;
	margin:0 auto;
	width:100%;
	margin-top: -1em;
	height: 1em;
	line-height: 1em;
	text-align:center;
}
.reportDiv {
	height:507px;
	margin:0;
	padding:0 1%;
	background-color:#fff;
	border:1px solid #c3c3c3;
	overflow:auto;
	position:relative;
}
.reportDiv h2{
	position:relative;
	width:100%;
	text-align:center;
	font-size:16px;
	margin:0.5em 0 0.2em;
	padding:0;
	line-height:2em;
}
.reportDiv .reportExport {
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	cursor:pointer;
	width:18px;
	height:18px;
	z-index:9;
	background:url(/images/disk.png) no-repeat left top;
}
.reportDiv .reportExport:hover {
	background:url(/images/disk.png) no-repeat left bottom;
}
.reportDiv h4 {
	margin:10px 0 0;
	height:20px;
	line-height:20px;
	font-size:12px;
	text-indent:8px;
	position:relative;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
}
.reportDiv h5 {
	margin:0.7em 0 0;
	line-height:1.8em;
	border-top:1px solid #a8a8a8;
	font-size:1em;
	text-indent:.5em;
	text-align:right;
	position:relative;
}
.reportDiv .reportInfo {
	border:1px solid #a8a8a8;
	border-top:none;
	padding:5px;
	position:relative;
	overflow:hidden;
}
.reportDiv .logo {
	position:absolute;
	top:4px;
	left:0;
	width:100%;
	height:76px;
	text-align:left;
}
.reportDiv .logo img {
    padding-left:1%;
	height:76px;
	max-width:300px;
	float:left;
	}
.reportDiv .logo a img{
	border:none;
	z-index:9;
	}
.reportSetting {
	width:25%;
	padding:0 0 0 0;
	float:right;
	height:100%;
}
.reportSetting h3 {
	background:none;
	margin:0;
	padding:0;
	font-size:16px;
	font-weight:bold;
	height:2em;
	line-height:2em;
	position:relative;
	text-align:left;
}
.reportSetting h3.top{
	padding-top:.5em;
}
.reportSetting h3 a{
	text-decoration:none;
	text-indent:-33em;
	display:inline-block;
	height:15px;
	width:16px;
	overflow:hidden;
	position:absolute;
	right:1px;
	top:1em;
	background:url(/images/reportAdd.png) left top no-repeat;
}
.reportSetting h3 a:hover{
	background-position:right top;
}
.hidden {
	display:none;
	}
.reportPeriod, .reportType {
	width:100%;
	margin:0;
}
.reportPeriodLeft, .reportPeriodRight {
	width:49%;
	margin:0;
}
.reportFloatLeft, .reportFloatRight {
	width:49%;
	margin:0;
	font-size:12px;
	float:left;
}
.reportFloatRight {
	float:right;
}
.reportInfo table {
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	text-align:center;
	color:#333;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif,'宋体';
	line-height:16px;
	}
.reportInfo table td{
	border-bottom:1px solid #bfbfbf;
	background:url(/images/dotWhite.gif) repeat-x top #eee;
	padding:5px;
	}
.reportInfo table .se td{
	background:#fff;
	}
.reportInfo table td.c01, .reportInfo table .se td.c01{
	color:#fff;
	background:#d60000;
	}
.reportInfo table td.c02, .reportInfo table .se td.c02{
	background:#ffae00;
	}
.reportInfo table .notop td{
	border-top:none;
	}
.reportInfo table td.leftborder,table th.leftborder{
	border-bottom:1px solid #999;
	}
.reportInfo table td.topborder,table th.topborder{
	border-bottom:1px solid #999;
	}
.reportInfo table th{
	line-height:16px;
	border-bottom:1px solid #999;
	font-size:11px;
	padding:6px 5px;
	background: #ffdaba; /* Fallback */
	background: url(/images/table_th_bg.png) left top repeat-x;/* IE9+IE8 */
	background: -moz-linear-gradient(top, #fff1e4 0%, #ffdaba 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #fff1e4 0%,#ffdaba 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #fff1e4 0%,#ffdaba 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #fff1e4 0%,#ffdaba 100%); /* IE10+ */
	background: linear-gradient(top, #fff1e4 0%,#ffdaba 100%); /* W3C */
 	}
.reportInfo table .lineRight, .reportInfo table th.lineRight, .reportInfo table td.lineRight {
	border-right:1px solid #999;
}
.sliderShow {
	padding:5px;
	overflow:auto;
}
.reportInfo .label table{
	margin:0;
	padding:0;
}
.reportInfo .label{
	position:absolute;
	width:100%;
	background:#fff;
	bottom:0;
	height:25px;
	left:0;
}
.reportInfo .label table{
	border:none;
	margin:0 .5em;
}
.reportInfo .label td{
	border:none;
	background:none;
	width:7%;
	line-height:1em;
}
.reportInfo .label .top td{
	border:none;
	border-top:2px solid #c30104;
	border-right:1px solid #999;
	height:5px;
	background:none;
	width:7%;
	position:relative;
}
.reportInfo .label td.name{
	width:auto;
}
.reportInfo .origin{
	position:absolute;
	display:block;
	top:-4px;
	right:-3px;
	width:6px;
	height:6px;
	background: url(/images/origin.png) left top no-repeat;
}
.reportInfo .arrow{
	position:absolute;
	bottom:20px;
	left:2px;
	width:6px;
	height:8px;
	background: url(/images/pastArrow.png) left top no-repeat;
}
.reportInfo .labelPast{
	position:absolute;
	bottom:5px;
	left:35px;
}
.reportInfo .labelText{
	position:absolute;
	bottom:5px;
	right:5px;
}
.projectShow {
	margin:-5px 0;
	padding:0;
	height:90px;
	text-align:left;
	font-size:1.2em;
	line-height:1.4em;
}
.projectShow h4{
	margin:0;
	font-size:12px;
	font-weight:bold;
	line-height:22px;
	text-align:left;
	background:none;
}
.projectShow a.mapEnterProject {
	padding-left:13px;
	margin-left:10px;
	width:10px;
	text-indent:-99em;
	height:11px;
	overflow:hidden;
	display:block;
	position:absolute;
	right:-30px;
	top:30px;
	background: url(/images/enter.gif) no-repeat left top;
}
.projectShow a.mapEnterProject:hover {
	background-position:left bottom;
}
.projectShow table{
	margin:2px 0;
}
.projectShow table td{
	padding:0 3px ;
	white-space:nowrap;
}
.projectShow table td.alarms {
	color:#d60000;
	font-weight:bold;
	}
.projectShow.p01 {
	top:48px;
	left:294px;
}
.projectShow.p02 {
	top:260px;
	left:211px;
}
.projectShow.p03 {
	top:199px;
	left:527px;
}
.projectShow.p04 {
	top:155px;
	left:853px;
}
.projectImg {
	position:absolute;
	top:18px;
	left:18px;
	z-index:99;
}
.projectInf {
	margin:0 auto;
	width:100%;
	float:left;
	text-align:left;
	z-index:1;
	position:relative;
}
.projectInf h2 a{
	text-decoration:none;
}
.projectInf h2 a:hover{
	text-decoration:underline;
}
.projectInf h2 .enterProject{
	padding-left:13px;
	margin-left:10px;
	width:100px;
	line-height:11px;
	font-size:12px;
	color:#535353;
	overflow:hidden;
	display:inline-block;
	background: url(/images/enter.gif) no-repeat left top;
}
.projectInf h2 .enterProject:hover{
	color:#333;
	background: url(/images/enter.gif) no-repeat left bottom;
}
.projectInf h4{
	font-weight:bold;
}
.mapInfoDiv h4 {
	margin:10px 0 0;
	height:22px;
	line-height:22px;
	font-size:12px;
	text-indent:6px;
	position:relative;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
}
.selePJList 
{
	width:12%;
	margin:0 0.7% 0 0;
	float:left;	
}
.PJListDetails {
	width:46.6%;
	margin:0;
	float:right;
}
.alarmsLab {
	color:#fff;
	}
.mapShow {
	margin:0;
	width:40%;
	float:left;
	position:relative;	
}
.timeSel {
	position:absolute;
	right:1px;
	top:1px;
	font-size:10px;
	padding:0;
	margin:0;
}
.timeSel select{
	padding:0;
	margin:0;
	font-size:12px;
}
.geographMore {
	width:81.4%;
	margin:0;
	height:515px;
	overflow:auto;
	float:right;
	background:#dcdcdc;	
}
.mapDiv h3 {
	margin:5px 0 0;
	padding:0;
	height:22px;
	line-height:22px;
	font-size:12px;
	text-indent:6px;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
}
.mapInfoDiv .mapInfo{
	background:#fff;
	padding:3px 5px;
	font-weight:normal;
	overflow:auto;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	font-size:12px;
	line-height:17px;
	}
.mapInfoDiv span {
	float:left;
	}
.mapInfoDiv table{
	padding:3px 0;
	font-weight:normal;
	border-left:1px solid #a8a8a8;
	border-right:1px solid #a8a8a8;
	border-bottom:1px solid #a8a8a8;
	background:#fff;
	font-size:12px;
	}
.mapInfoDiv table td{
	padding:2px 5px;
	line-height:15px;
	}
.mapInfoDiv table td{
	padding:2px 5px;
	line-height:15px;
	}
.mapInfoDiv.important table td{
	font-size:14px;
	line-height:16px;
	}
.mapInfoDiv table .top td{
	padding-top:5px;
	border-top:1px solid #a8a8a8;
	}
.mapInfoDiv table td.projectImgSm {
	padding:0 0.5px;
}
.projectImgSmFleet img {
	border:1px solid #a8a8a8;
}
.mapInfoDiv .date-picker table{
	border:none;
	padding:0;
	}
.mapInfoDiv .date-picker table td{
	padding:1px;
	line-height:14px;
	}
.mapInfoDiv .date-picker span {
	float:none;
	}
.mapInfoDiv table .top td{
	padding-top:5px;
	border-top:1px solid #a8a8a8;
	}
.projectImgSm h2 {
	margin:0;
	color:#666;
	line-height:2em;
	font-size:1em;
	}
.bigTable table {
	padding:6px 0;
	}
.bigTable table td {
	padding:2px 5px;
	font-size:1.2em;
	line-height:1.7em;
	height:auto;
	}
.bigTable table tr.se {
	background:#f1fce9;
	}
.bigTable table td.se {
	background:#f1fce9;
	}
.bigTable table td.bigT {
	font-size:1.4em;
	font-weight:normal;
	}
table th.bigText, table td.bigText {
	font-size:1.4em;
	font-weight:bold;
	}
table.lineTable{
	width:100%;
	font-size:12px;
	background:#fff;
	border-collapse:collapse;
	}
table.lineTable .alarmsTitle{
	color:#fff;
	background:#d60000;
	}
table.lineTable .alarmsTitle a{
	color:#fff;
	}
table.selectTable tbody tr:hover{
	background:#fcc;
	cursor:pointer;
	}
table.lineTable tbody tr.onshow{
	background:#134a8b;
	font-weight:bold;
	color:#fff;
	}
table.lineTable tbody tr.onshow:hover td{
	background:#134a8b;
	font-weight:bold;
	color:#fff;
	}
table.lineTable tbody tr.onshow:hover td.alarmsTitle{
	background:#e34444;
	}
table.lineTable tbody tr.onshow td{
	color:#fff;
	}
table.lineTable tbody tr.onred{
	background:#c30505;
	color:#fff;
	}
table.lineTable tbody tr.onred td{
	color:#fff;
	}
table.lineTable td, table.lineTable th {
	border:1px solid #a9a9a9;
	border-top:none;
	line-height:14px;
	padding:3px 7px 2px 7px;
	}
table.lineTable input {
	margin:0;
	padding:0;
	}
table.lineTable th {
	font-weight:bold;
	background:#ddd;
	line-height:20px;
  }
table.lineTableShow{
	width:100%;
	font-size:12px;
	background:#fff;
	border-top:1px solid #a8a8a8;
	border-collapse:collapse;
	}
tbody tr.onList{
	background:#fcc;
	}
table.lineTableShow .alarmsTitle{
	color:#fff;
	background:#d60000;
	}
table.lineTableShow .alarmsTitle a{
	color:#fff;
	}
table.lineTableShow tbody tr.onshow{
	background:#134a8b;
	font-weight:bold;
	color:#fff;
	}
table.lineTableShow tbody tr.onshow:hover td{
	background:#134a8b;
	font-weight:bold;
	color:#fff;
	}
table.lineTableShow tbody tr.onshow:hover td.alarmsTitle{
	background:#e34444;
	}
table.lineTableShow tbody tr.onshow td{
	color:#fff;
	}
table.lineTableShow tbody tr.onred{
	background:#c30505;
	color:#fff;
	}
table.lineTableShow tbody tr.onred td{
	color:#fff;
	}
table.lineTableShow td, table.lineTableShow th {
	border:1px solid #a9a9a9;
	border-top:none;
	line-height:16px;
	padding:3px 7px 2px 7px;
  }
table.lineTableShow th {
	font-weight:bold;
	background:#ddd;
	line-height:20px;
  }
table.lineTableShow th.on {
	color:#fff;
	background:#c30505;
  }
.hoverClick tr:hover td{
	background:#ddd;
	cursor:pointer;
	}
table.lineTableShow tr.on td {
	color:#fff;
	background:#c30505;
  }
table.lineTableShow.onSelected tr td {
	background:#ddd;
  }
table.lineTableShow.onSelected tr.on td {
	background:#aa0505;
  }
table.lineTableShow tr td.on {
	color:#fff;
	background:#c30505;
  }
.projectList {
	height:435px;
	overflow:auto;
	background:#efefef;
	border:1px solid #a8a8a8;
	border-top:none;"
}
.projectDetailsList {
	 width:100%;
	 margin:0;
	 float:right;
}
.geographMap {
	border:1px solid #a9a9a9;
	border-top:none;
	width:auto;
	height:305px;
	background:#fff;
}
.projectDetailsTable {
	 height:484px;
	 overflow:auto;
	 background:#efefef;
	 border:1px solid #a8a8a8;
	 border-top:none;"
}
.geographPJName {
	margin:0 10px 0 0;
	height:37px;
	line-height:37px;
	font-size:18px;
	text-align:center;
	font-weight:bold;	
}
.geographAlarms {
	margin:0;
	background:#d60000;
	line-height:27px;
	text-align:center;
	color:#fff;
	font-size:12px;
	border:none;	
}
.PDList{
	float:left;
	width:26%;
	background:#fff;
	border:1px solid #a8a8a8;
	border-top:none;
	margin-bottom:7px;
	position:relative;
	}
.PDList .picture{
	height:143px;
	border-top:1px solid #a8a8a8;
	background:#fff;
	text-align:center;
	}
.PDList img{
	display:block;
	margin:0 auto;
	border:none;
	width:100%;
	height:143px;
	}
.PDGraph {
	width:72.7%;
	float:right;
	height:208px;
	background:#fff;
	border:1px solid #a8a8a8;
	border-top:none;
	}
.PJGraphShow {
	position:relative;
	}
.dataList {
	height:190px;
	}
.dataList .data01, .dataList .data04{
	margin:20px auto 0;
	height:190px;
	width:149px;
	position:relative;
	background:url(/pic/percent.png) 0 0 no-repeat;
	}
.dataList .data04{
	background:url(/pic/percent.png) 0 -582px no-repeat;
	}
.dataList .labP{
	height:190px;
	width:149px;
	background:url(/pic/percentOver.png) 1px 0 no-repeat;
	}
.dataList .data02 .labP{
	background-image:url(/pic/percentOver02.png);
	}
.dataList .data04 .labP{
	background-image:url(/pic/percentOver03.png);
	}
.dataList .labP.p10{
	background-position:1px 0;
	}
.dataList .labP.p20{
	background-position:-149px 0;
	}
.dataList .labP.p30{
	background-position:-298px 0;
	}
.dataList .labP.p40{
	background-position:-447px 0;
	}
.dataList .labP.p50{
	background-position:-596px 0;
	}
.dataList .labP.p60{
	background-position:-745px 0;
	}
.dataList .labP.p70{
	background-position:-894px 0;
	}
.dataList .labP.p80{
	background-position:-1043px 0;
	}
.dataList .labP.p90{
	background-position:-1192px 0;
	}
.dataList .labP.p99{
	background-position:-1341px 0;
	}
.dataList .data02{
	margin:20px auto 0;
	height:190px;
	width:149px;
	position:relative;
	background:url(/pic/percent.png) 0 -280px no-repeat;
	}
.dataList.data03 {
	height:190px;
	background:url(/pic/percent.png) center -230px no-repeat;
	}
.dataList .dataLabel {
	font-size:22px;
	font-weight:bold;
	text-align:center;
	width:100%;
	position:absolute;
	left:0;
	top:110px;
	}
.dataList .data02 .dataLabel {
	font-size:18px;
	top:50px;
	}
.dataList .dataLabelDetails {
	font-size:10px;
	position:absolute;
	width:100%;
	text-align:center;
	left:0;
	top:80px;
	line-height:12px;
	text-align:center;
	}
.dataList h6 {
	margin:0;
	line-height:30px;
	padding-left:10px;
	font-size:14px;
	}
.dataList h6 span{
	display:inline-block;
	float:none;
	font-size:12px;
	font-weight:normal;
	color:#a8a8a8;
	}
.dataList h6 span sup{
	color:#a8a8a8;
	}
.sortList {
	cursor:pointer;
	padding-right:15px;
}
.sortList.up, .sortList.up  {
	background-image:url(/images/sortList.gif);
	background-position:right 10px;
	background-repeat:no-repeat;
	padding-right:15px;
}
.totalWorst .sortList.up, .totalWorst .sortList.up {
	background-image:url(/images/sortList02.gif);
	background-position:right 10px;
}
.sortList.down, .sortList.down  {
	background-image:url(/images/sortList.gif);
	background-position:right -85px;
	background-repeat:no-repeat;
	padding-right:15px;
}
.totalWorst .sortList.down, .totalWorst .sortList.down  {
	background-image:url(/images/sortList02.gif);
	background-position:right -88px;
}
.onshow a{
	color:#fff;
	}
.updateTime {
	position:absolute;
	right:5px;
	bottom:5px; 
	z-index:99;
	color:#535353;
	font-size:10px;
}
.homeLinkSelect{
	z-index:99;
	font-size:18px;
	font-weight:bold;
	margin:0;
	height:50px;
	line-height:50px;
	float:right;
}
.homeLinkSelect .selList {
	float:right;
	height:15px;
	margin-left:10px;
	width:190px;
	text-align:right;
	}
.ProjectName select{
	font-size:1em;
	max-width:190px;
	color:#535353;
	}
.homeLinkSelect select{
	font-size:15px;
	max-width:190px;
}
.homeLinkSelect .selOption{
	display:block;
	float:left;
	margin-right:10px;
}
.homeLinkSelect .seldate{
	margin-top:1px;
	display:block;
	float:right;
	z-index:9;
	font-weight:normal;
	position:relative;
}
.homeLinkSelect .seldate a{
	display:inline-block;
}
.seldateLab {
	display:block;
	float:left;
	position:relative;
	}
.reportSetting .seldateLab {
	margin:8px 10px;
	}
.seldateLab .date-picker {
	position:absolute;
	display:none;
	left:23px;
	top:0;
	z-index:99;
	}
.dateCalendar {
	top:0;
	left:-160px;
	position:absolute;
	}
.seldateLab .date-picker.a2 {
	left:160px;
	}
.homeLink {
	display:block;
	text-decoration:none;
	font-size:13px;
}
a.homeLink:hover {
	background: url(/images/Nav_Site.png) no-repeat right top;
}
.topInf {
	position:relative;
	margin-right:10px;
	overflow:auto;
	font-weight:bold;
}
.topInf h2{
	margin:10px 0 0;
	padding:0;
	min-width:230px;
	width:auto;
	text-indent:.5em;
	font-size:18px;
	font-weight:bold;
	line-height:46px;
	background: url(/images/ProjectLab.png) no-repeat left bottom;
}
.topInf .sunShine {
	float:left;
	display:block;
	position:relative;
	font-size:12px;
	}
.sunShine{
	position:relative;
	width:100%;
	height:211px;
	}
.sunShine span{
	display:block;
	position:absolute;
	}
.sunShine h5{
	margin:0;
	padding:0;
	font-weight:bold;
	display:block;
	position:absolute;
	font-size:12px;
	width:120px;
	text-align:center;
	left:0;
	bottom:-15px;
	}
.sunShine span p{
	margin:0;
	padding:2px 0;
	}
.sunShine .sun {
	position:absolute;
	top:5%;
	left:3.5%;
	height:45px;
	width:45px;
	background: url(/pic/sun_small.png) no-repeat left top;
	}
.sunShine .sun span{
	display:block;
	font-weight:normal;
	line-height:20px;
	top:10px;
	left:50px;
	text-align:left;
	white-space:nowrap;
	border-radius: 4px;
	padding:2px 8px;
	border:1px solid #a8a8a8;
	background:#fff;
	}
.sunShine .sunArrow{
	left:6%;
	top:42%;
	width:16px;
	height:20px;
	background: url(/images/arrow_down_small.gif) no-repeat left top;
	}
.sunShine .panels {
	position:absolute;
	left:0%;
	width:80px;
	bottom:20px;
	height:44px;
	text-align:center;
	background: url(/pic/panels_small.png) no-repeat center top;
	}
.sunShine .panels h5{
	width:80px;
	}
.sunShine .panelsArrow{
	width:20px;
	height:16px;
	bottom:17%;
	left:18%;
	background: url(/images/arrow_small.gif) no-repeat left top;
	}
.sunShine .array {
	position:absolute;
	left:17%;
	bottom:20px;
	width:180px;
	height:86px;
	text-align:center;
	background: url(/pic/subarraybox_small.png) no-repeat center bottom;
	}
.sunShine .array:hover {
	background: url(/pic/subarraybox_small_on.png) no-repeat center bottom;
	}
.sunShine .array h5{
	width:180px;
	}
.sunShine .arrayArrow{
	width:20px;
	height:16px;
	bottom:17%;
	left:47%;
	background: url(/images/arrow_small.gif) no-repeat left top;
	}
.sunShine .inverter {
	position:absolute;
	left:45%;
	bottom:20px;
	width:180px;
	height:95px;
	text-align:center;
	background: url(/pic/inverter_small.png) no-repeat center bottom;
	}
.sunShine .inverter:hover {
	background: url(/pic/inverter_small_on.png) no-repeat center bottom;
	}
.sunShine .inverter h5{
	width:180px;
	}
.sunShine .inverterArrow{
	width:20px;
	height:16px;
	bottom:17%;
	left:74%;
	background: url(/images/arrow_small.gif) no-repeat left top;
	}
.sunShine .homeMeter {
	position:absolute;
	right:0;
	bottom:20px;
	width:120px;
	height:130px;
	text-align:center;
	background: url(/pic/meter.png) no-repeat center bottom;
	}
.sunShine .array span{
	position:relative;
	display:inline-block;
	font-weight:normal;
	line-height:18px;
	text-align:left;
	white-space:nowrap;
	border-radius: 4px;
	padding:2px 8px;
	border:1px solid #a8a8a8;
	background:#fff;
	}
.sunShine .inverter span{
	position:relative;
	display:inline-block;
	font-weight:normal;
	line-height:18px;
	text-align:left;
	white-space:nowrap;
	border-radius: 4px;
	padding:2px 8px;
	border:1px solid #a8a8a8;
	background:#fff;
	}
.sunShine .homeMeter span{
	position:relative;
	display:inline-block;
	font-weight:normal;
	line-height:18px;
	text-align:left;
	white-space:nowrap;
	border-radius: 4px;
	padding:0 8px;
	border:1px solid #a8a8a8;
	background:#fff;
	}
.topInf ul {
	margin:0;
	padding:.8em 0;
	font-size:1.2em;
}
.topInf li {
	margin:0 0 0 2%;
	padding:0 0 0 3em;
	width:39%;
	float:left;
	height:3.8em;
}
.bottomInf{
	margin-right:10px;
	position:relative;
}
.bottomInf h4{
	margin-top:5px;
}
.bottomInf .alarmShow{
	position:absolute;
	top:1.2em;
	right:0;
	font-size:1.2em;
}
.bottomInf.tableInfo table{
	margin-top:5px;
}
.bottomInf.tableInfo th{
	font-size:1.2em;
}
.la {
	width:100px;
	}
.la2 {
	width:130px;
	}
.la3 {
	width:180px;
	}
.loading {
	margin:0 auto;
	display:block;
	width:30px;
	height:30px;
	background: url(/images/loading.gif) no-repeat left top;	
}
.dialogAddSite {
	font-size:12px;
	line-height:2em;
	white-space:nowrap;
	}
.dialogAddSite table {
	margin:0 auto;
	}
.dialogAddSite .controlBar {
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #a8a8a8;
	text-align:center;
	}
/* Michael */
iframe {
	border: 0;
	overflow: hidden;
	display: block;
}

table {
	width: 100%;
	border: 0;
	padding: 0;
	border-spacing: 0;
	border-collapse: 0;
}

table.customTable{
	margin-top:1px ;		
}

table.customTable td{
	padding:1px ;		
}

table.customTable td td{
	padding:3px 0;		
}

input.wrongShow {
	border: 1px solid #f33;
	background: url(/images/del.png) no-repeat right top; 
}

#blockDiv {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin: 0 auto;
	z-index: 999;
	text-align: center;
	color: #999;
}

.ewDialog {
	text-align: center;
}

.ewDialog div {
	font-size: 14px;
	padding: 25px;
}

.ewDialog button {
	font-size: 14px;
	width: 70px;
}
.link01.on, .link02.on, .link03.on, .link04.on {
	background:#efefef;
	cursor:pointer;
	}
.alarm tbody tr:hover {
	background:#fcc;
	cursor:pointer;
	}
.alarm tbody tr.on:hover {
	background:#881111;
	}
/*
added by grace,2017-10-31
*/
.alarm tbody tr.on1:hover {
	background:#d58801 ;
}
.alarm tbody tr.on2:hover {
	background:#edb817;
}
.alarm tbody tr.on3:hover {
	background:#881111;
}
.alarm tbody tr.on4:hover {
	background:#004600 ;
}
.alarm tbody tr.on5:hover {
	background:#025c8e;
}
.alarm tbody tr.on6:hover {
	background:#A9A9A9;
}
.alarm tbody tr.on7:hover {
	background:##F8F8FF;
}
/*
end of added,2017-10-31
*/

.tipShow {
	position:absolute;
	right:70px;
	top:0px;
	font-size:12px;
	padding:5px;
	line-height:16px;
	background:#ffffde;
	border:1px solid #a8a8a8;
	border-radius: 6px;
	z-index:99;
	}
.tipShow li{
	margin:0;
	padding:3px 5px;
	}
.tipBg {
	position:absolute;
	bottom:-8px;
	left:20px;
	width:15px;
	height:8px;
	background:url(/images/tipBg.png) no-repeat left top;
	}
.pjName {
	font-weight:bold;
	}
.redDI{
	display:inline-block;
	margin:0 2px;
	padding:0 3px;
	color:#fff;
	width:10px;
	height:12px;
	font-size:10px;
	background:#ff1717;
	border:1px solid #a4160f;	
	border-radius: 4px;
	}
.greenDI{
	display:inline-block;
	margin:0 2px;
	padding:0 3px;
	color:#fff;
	width:10px;
	height:12px;
	font-size:10px;
	background:#06bf13;
	border:1px solid #037b06;	
	border-radius: 4px;
	}
.grayDI{
	display:inline-block;
	margin:0 2px;
	padding:0 3px;
	width:10px;
	height:12px;
	font-size:10px;
	color:#dfdfdf;
	background:#a9a9a9;
	border:1px solid #888;	
	border-radius: 4px;
	}
.downIco {
	position:absolute;
	cursor:pointer;
	right:5px;
	top:8px;
	width:24px;
	height:20px;
	display:block;
	overflow:hidden;
	text-indent:-99em;
	background:url(/images/downIco.png) no-repeat top left;
	}
.downIco:hover {
	background:url(/images/downIco.png) no-repeat top right;
	}
.graphContainer01 {
	width:49.5%;
	float:left;
	height:260px;
	}
.graphContainer02 {
	width:49.5%;
	float:right;
	height:260px;
	}
.reportDetails {
	font-size:13px;
	font-weight:normal;
	}
.pjName {
	font-size:16px;
	font-weight:bold;
	}
.inverterSummaryGraph {
	width:100%;
	padding-top:10px;
	height:85%;
	}
.inverterSummaryGraph h4{
	margin:0;
	width:100%;
	height:1.8em;
	line-height:1.8em;
	font-size:1.2em;
	text-indent:.5em;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
	}	
.inverterSummaryGraph .inverterSummaryGraphImg{
	border:1px solid #a8a8a8;
	width:100%;
	border-top:none;
	height:100%;
	background:#fff;
	position:relative;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
	}
.dld {
	z-index:99;
	position:absolute;
	display:block;
	right:34px;
	top:10px;
	}
/*add by g*/
.dlda {
	z-index:99;
	position:absolute;
	display:block;
	right:34px;
	top:10px;
	}	
/*end*/
.maxButton{
	display:inline-block;
	cursor:pointer;
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	border-radius:0;
	background:url(/images/maxMin.png) no-repeat 0 top;
	}
/*add by g*/
.maxButtona{
	display:inline-block;
	cursor:pointer;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	border-radius:0;
	background:url(/images/maxMin.png) no-repeat 0 top;
	}	
/*end*/
.minButton {
	display:inline-block;
	cursor:pointer;
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	border-radius:0;
	background:url(/images/maxMin.png) no-repeat 0 bottom;
	}
.maxButton:hover{
	background:url(/images/maxMin.png) no-repeat right top;
	}
/*add by g*/
.maxButtona:hover{
	background:url(/images/maxMin.png) no-repeat right top;
	}	
/*end*/	
.minButton:hover{
	background:url(/images/maxMin.png) no-repeat right bottom;
}
.selDate {
	display:inline-block;
	cursor:pointer;
	}
.dateList {
	height:90px;
	width:120px;
	background:#fff;
	border:#a8a8a8 1px solid;
	position:absolute;
	left:0px;
	top:20px;
	overflow:auto;
	display:none;
	}
.dateList.deviceList {
	left:34px;
	height:100px;
	width:120px;
	}
.dld .pd {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	border-radius:0;
	cursor:pointer;
	background:url(/images/deviceSel.png) no-repeat 0 -50px;
	}
.dld .ld {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	border-radius:0;
	cursor:pointer;
	background:url(/images/deviceSel.png) no-repeat 0 -100px;
	}
.dld .pd:hover {
	background:url(/images/deviceSel.png) no-repeat -48px -50px;
	}
.dld .ld:hover {
	background:url(/images/deviceSel.png) no-repeat -48px -100px;
	}
.dld .pd.disabled, .dld .pd.disabled:hover {
	cursor:auto;
	background:url(/images/deviceSel.png) no-repeat -96px -50px;
	}
.dld .ld.disabled, .dld .ld.disabled:hover {
	cursor:auto;
	background:url(/images/deviceSel.png) no-repeat -96px -100px;
	}
.seleDate {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	border-radius:0;
	cursor:pointer;
	background:url(/images/calendar.png) no-repeat 0 0;
	}
.seleDate:hover {
	background:url(/images/calendar.png) no-repeat 0 bottom;
	}
.seleDate_D {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	border-radius:0;
	cursor:pointer;
	background:url(/images/calendar_d.png) no-repeat 0 0;
	}
.seleDate_D:hover {
	background:url(/images/calendar_d.png) no-repeat 0 bottom;
	}
.seleDate_W {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	border-radius:0;
	cursor:pointer;
	background:url(/images/calendar_w.png) no-repeat 0 0;
	}
.seleDate_W:hover {
	background:url(/images/calendar_w.png) no-repeat 0 bottom;
	}
.seleDate_M {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	border-radius:0;
	cursor:pointer;
	background:url(/images/calendar_m.png) no-repeat 0 0;
	}
.seleDate_M:hover {
	background:url(/images/calendar_m.png) no-repeat 0 bottom;
	}
.seleDate_Y {
	margin:0 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	display:inline-block;
	border-radius:0;
	cursor:pointer;
	background:url(/images/calendar_y.png) no-repeat 0 0;
	}
.seleDate_Y:hover {
	background:url(/images/calendar_y.png) no-repeat 0 bottom;
	}
.selbutton {
	margin:9px 0 0;
	padding:0;
	height:30px;
	width:36px;
	border:none;
	cursor:pointer;
	border-radius:0;
	text-decoration:none;
	background:url(/images/selectButton01.png) no-repeat 0 0;
	}
.selbutton:hover, .selbutton.on {
	background:url(/images/selectButton01.png) no-repeat 0 bottom;
	}
.selbutton.button02 {
	background:url(/images/selectButton02.png) no-repeat 0 0;
	}
.selbutton.button02:hover, .selbutton.button02.on {
	background:url(/images/selectButton02.png) no-repeat 0 bottom;
	}
.selbutton.button03 {
	background:url(/images/selectButton03.png) no-repeat 0 0;
	}
.selbutton.button03:hover, .selbutton.button03.on {
	background:url(/images/selectButton03.png) no-repeat 0 bottom;
	}
.selbutton.button04 {
	background:url(/images/selectButton04.png) no-repeat 0 0;
	}
.selbutton.button04:hover, .selbutton.button04.on {
	background:url(/images/selectButton04.png) no-repeat 0 bottom;
	}
.selbutton.buttonTable {
	background:url(/images/selectButton_table.png) no-repeat 0 0;
	}
.selbutton.buttonTable:hover, .selbutton.buttonTable.on {
	background:url(/images/selectButton_table.png) no-repeat 0 bottom;
	}
.selbutton.buttonMap {
	background:url(/images/selectButton_map.png) no-repeat 0 0;
	}
.selbutton.buttonMap:hover, .selbutton.buttonMap.on {
	background:url(/images/selectButton_map.png) no-repeat 0 bottom;
	}
.selbutton.buttonProjects {
	background:url(/images/selectButton_projects.png) no-repeat 0 0;
	}
.selbutton.buttonProjects:hover, .selbutton.buttonProjects.on {
	background:url(/images/selectButton_projects.png) no-repeat 0 bottom;
	}
.selbutton.buttonTarget {
	background:url(/images/selectButton_target.png) no-repeat 0 0;
	}
.selbutton.buttonTarget:hover, .selbutton.buttonTarget.on {
	background:url(/images/selectButton_target.png) no-repeat 0 bottom;
	}

.selbutton.buttonAir {
	background:url(/images/selectButtonAir.png) no-repeat 0 0;
	}
.selbutton.buttonAir:hover, .selbutton.buttonAir.on {
	background:url(/images/selectButtonAir.png) no-repeat 0 bottom;
	}
.selbutton.buttonWater {
	background:url(/images/selectButtonWater.png) no-repeat 0 0;
			}
.selbutton.buttonWater:hover, .selbutton.buttonWater.on {
	background:url(/images/selectButtonWater.png) no-repeat 0 bottom;
	}
.selbutton.buttonMeter {
	background:url(/images/selectButtonMeter.png) no-repeat 0 0;
	}
.selbutton.buttonMeter:hover, .selbutton.buttonMeter.on {
	background:url(/images/selectButtonMeter.png) no-repeat 0 bottom;
	}
.selbutton.buttonCT {
	background:url(/images/selectButtonCT.png) no-repeat 0 0;
	}
.selbutton.buttonCT:hover, .selbutton.buttonCT.on {
	background:url(/images/selectButtonCT.png) no-repeat 0 bottom;
	}
.selbutton.buttonChiller {
	background:url(/images/selectButtonChiller.png) no-repeat 0 0;
	}
.selbutton.buttonChiller:hover, .selbutton.buttonChiller.on {
	background:url(/images/selectButtonChiller.png) no-repeat 0 bottom;
	}
.selbutton.buttonControl {
	background:url(/images/selectButtonControl.png) no-repeat 0 0;
	}
.selbutton.buttonControl:hover, .selbutton.buttonControl.on {
	background:url(/images/selectButtonControl.png) no-repeat 0 bottom;
	}
.selbutton.buttonAOControl {
	background:url(/images/selectButtonAO.png) no-repeat 0 0;
	}
.selbutton.buttonAOControl:hover, .selbutton.buttonAOControl.on {
	background:url(/images/selectButtonAO.png) no-repeat 0 bottom;
	}
.selbutton.buttonPDU {
	background:url(/images/selectButtonPDU.png) no-repeat 0 0;
	}
.selbutton.buttonPDU:hover, .selbutton.buttonPDU.on {
	background:url(/images/selectButtonPDU.png) no-repeat 0 bottom;
	}
.selbutton.buttonTemp {
	background:url(/images/selectButtonSensor2.png) no-repeat 0 0;
	}
.selbutton.buttonTemp:hover, .selbutton.buttonTemp.on {
	background:url(/images/selectButtonSensor2.png) no-repeat 0 bottom;
	}
.selbutton.buttonFish {
	background:url(/images/selectButtonFish.png) no-repeat 0 0;
	}
.selbutton.buttonFish:hover, .selbutton.buttonFish.on {
	background:url(/images/selectButtonFish.png) no-repeat 0 bottom;
	}
.selbutton.buttonSensor2 {
	background:url(/images/selectButton05.png) no-repeat 0 0;
	}
.selbutton.buttonSensor2:hover, .selbutton.buttonSensor2.on {
	background:url(/images/selectButton05.png) no-repeat 0 bottom;
	}	
.selbutton.buttonSolarAnalysis {
	background:url(/images/selectButtonSolarAnalysis.png) no-repeat 0 0;
	}
.selbutton.buttonSolarAnalysis:hover, .selbutton.buttonSolarAnalysis.on {
	background:url(/images/selectButtonSolarAnalysis.png) no-repeat 0 bottom;
	}	
.selbutton.buttonDiagram {
	background:url(/images/navDiagram.png) no-repeat 0 0;
	}
.selbutton.buttonDiagram:hover, .selbutton.buttonDiagram.on {
	background:url(/images/navDiagram.png) no-repeat 0 bottom;
	}
.homeLinkSelect select {
	font-size:18px;
	color:#535353;
	}
.homeLinkSelect .seleDate {
	margin:0;
	padding:0;
	height:30px;
	width:36px;
	border:none;
	border-radius:0;
	background:url(/images/selectButtonDate.png) no-repeat 0 0;
	}
.homeLinkSelect .seleDate:hover {
	background:url(/images/selectButtonDate.png) no-repeat 0 bottom;
	}
.graphOuter {
	height:261px;
	border-top:1px solid #a8a8a8;
	padding:10px;
}
.graphInfo {
	height:260px;
	overflow:hidden;
	position:relative;
	}
.graphInner  {
	height:260px;
	position:relative;
	}
.leftFram {
	position:absolute;
	left:5px;
	bottom:5px;
	height:22px;
	width:22px;
	background:url(/images/imgPN.png) no-repeat 0 0;
	}
.leftFram.enable {
	cursor:pointer;
	background:url(/images/imgPN.png) no-repeat 0 -28px;
	}
.leftFram.enable:hover {
	background-position:left bottom;
	}
.rightFram {
	position:absolute;
	right:5px;
	bottom:5px;
	height:22px;
	width:22px;
	background:url(/images/imgPN.png) no-repeat right 0;
	}
.rightFram.enable {
	cursor:pointer;
	background:url(/images/imgPN.png) no-repeat right -28px;
	}
.rightFram.enable:hover {
	background-position:right bottom;
	}
.inverterSummaryGraphImg h3 {
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	text-align:center;
	background:none;
	padding:0;
	margin:0;
	height:auto;
	line-height:1.5em;
	font-size:14px;
	font-weight:normal;
	}
.scrollImg{
	display:block;
	position:absolute;
	left:0;
	top:0;
	}
.scrollImg img{
	width:100%;
	height:240px;
	display:block;
	float:left;
	}
.fullGraph {
	height:100%;
	}
.environmental, .environmental li {
	margin:0;
	padding:0;
	font-size:12px;
	}
.environmental{
	margin-left:1%;
	}
.environmental li {
	width:31%;
	float:left;
	padding:10px 1%;
	text-align:center;
	position:relative;
	}
.environmental li div{
	border:1px solid #a8a8a8;
	border-radius: 6px;
	height: 207px;
	display: block;
	text-align: center;
	font-size: 28px;
	font-weight: bold;
	color: #287c2a;
	}
.environmental li h5{
	position:absolute;
	bottom:6%;
	margin:0;
	left:0;
	width:100%;
	line-height:12px;
	display:block;
	clear:both;
	font-size:14px;
	color:#535353;
	line-height:14px;
	}
.environmental .numVal {
	margin:0;
	padding:0;
	z-index:9;
	position:absolute;
	top:20%;
	left:0;
	width:100%;
	text-align:center;
	border:0;
	max-height:80px;
	font-size:20px;
	}
.environmental li h5 p{
	margin:0;
	padding:1px 0;
	float:none;
	}
.environmental h3 {
	margin:10px auto 20%;
	padding:0;
	height:100px;
	font-size:20px;
	line-height:1em;
	width:90%;
	display:block;
	text-align:center;
	position:abosolute;
	top:25%;
	left:5%;
	z-index:0;
	}
.environmental h3 sub{
	line-height:6px;
	}
.environmental h3 label{
	clear:both;
	margin:0px auto 0;
	width:100%;
	}
.environmental h6 {
	margin:10px 0 0;
	padding:0;
	font-size:20px;
	line-height:1.3em;
	z-index:9;
	}
.mont-Select {
	clear:both;
	color:#535353;
	margin:10px auto 0;
	height:215px;
	position:relative;
	background:#fff;
	border:1px solid #a8a8a8;
	}
.mont-Select h3{
	margin:0;
	padding:0;
	height:38px;
	line-height:38px;
	font-size:24px;
	font-weight:normal;
	}
.mont-Select .preTip {
	position:absolute;
	left:15px;
	top:10px;
	height:22px;
	width:22px;
	cursor:pointer;
	background:url(/images/imgPN.png) no-repeat 0 -28px;
	}
.mont-Select .nextTip {
	position:absolute;
	right:15px;
	top:10px;
	height:22px;
	width:22px;
	cursor:pointer;
	background:url(/images/imgPN.png) no-repeat right -28px;
	}
.mont-Select .selMonth {
	position:absolute;
	right:45px;
	top:11px;
	margin:0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	cursor:pointer;
	border-radius:0;
	background:url(/images/calendar.png) no-repeat 0 0;
	}
table.mont_table {
	width:96%;
	margin:0 auto;
	font-size:20px;
	height:170px;
	text-align:center;
	}
table.mont_table td{
	border:1px solid #fff;
	background:#ececec;
	position:relative;
	width:16.6%;
	}
table.mont_table  td span{
	display:block;
	}
.mont_table td.current {
    background: #bebebe;
	color:#fff;
}
.mont_table td.bg01 {
    background: #ff9999;
	cursor:pointer;
}
.mont_table td.bg02 {
    background: #ff7777;
	cursor:pointer;
}
.mont_table td.bg03 {
    background:#ee4444; color:#fff;
	cursor:pointer;
}
.mont_table td.bg04 {
    background:#bb0000; color:#fff;
	cursor:pointer;
}
.mont_table td.bg05 {
    background:#990000; color:#fff;
	cursor:pointer;
}
.onOffDiv {
	display:inline-block;
	width:55px;
	}
.statusOn {
	margin:0 5px;
	display:inline-block;
	padding-right:16px;
	height:14px;
	line-height:14px;
	font-size:0.7em;
	width:25px;
	cursor:pointer;
	background:url(/images/StatusBtu.png) no-repeat right bottom;
	}
.statusOff {
	margin:0 5px;
	display:inline-block;
	padding-left:16px;
	height:14px;
	line-height:14px;
	font-size:0.7em;
	width:30px;
	cursor:pointer;
	background:url(/images/StatusBtu.png) no-repeat right top;
	}
.dialogAddSite {
	font-size:12px;
	line-height:2em;
	white-space:nowrap;
	}
.dialogAddSite table {
	margin:0 auto;
	}
.dialogAddSite td{
	padding:2px;
	}
.dialogAddSite td button{
	margin:2px;
	width:50px;
	}
.dialogAddSite tr.topLine td{
	border-top:1px solid #a8a8a8;
	padding-top:5px;
	}
.dialogAddSite tr.bottomPa td{
	padding-bottom:5px;
	}
.dialogAddSite .controlBar {
	margin-top:10px;
	padding-top:5px;
	border-top:1px solid #a8a8a8;
	text-align:center;
	}
.dialogAddSite input {
	margin:0 3px;
	padding:2px;
	}
.dialogAddSite textarea {
	margin:0 3px;
	padding:0;
	border:1px solid #a8a8a8;
	}
.pluse1 {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background:url(/pic/pluse0.png) no-repeat center center;
	}
.pluse0 {
	display:inline-block;
	width:20px;
	height:20px;
	vertical-align:middle;
	background:url(/pic/pluse1.png) no-repeat center center;
	}
.hideBody{
	display:none;
}
.bigTable table {
	padding:6px 0;
	}
.bigTable table td {
	padding:2px 5px;
	font-size:1.2em;
	line-height:1.7em;
	height:auto;
	}
.bigTable table tr.se {
	background:#f1fce9;
	}
.bigTable table td.se {
	background:#f1fce9;
	}
.bigTable table td.bigT {
	font-size:1.4em;
	font-weight:normal;
}
span.save {
	float:right;
	display:block;
	margin:1px 5px 0 0;
	padding:0;
	height:20px;
	width:24px;
	border:none;
	border-radius:0;
	cursor:pointer;
	background:url(/images/selectButton_save.png) no-repeat left bottom;
	}
span.save:hover {
	background:url(/images/selectButton_save.png) no-repeat left top;
}
.sensorsSpan {
	}
.sensorsSpan span{
	white-space:nowrap;
	border-radius: 4px;
	display:block;
	font-weight:normal;
	font-size:12px;
	line-height:14px;
	padding:2px 3px;
	border:2px solid #1c9b90;
	background:#feffae;
	min-width:120px;
	}
.sensorsSpan span.red{
	border:2px solid #787878;
	background:#cc2222;
	color:#fff;
	}
.sensorsSpan .sensorsTitle{
	white-space:nowrap;
	border-radius: 4px;
	display:block;
	font-weight:normal;
	font-size:14px;
	line-height:14px;
	padding:2px 3px;
	border:2px solid #787878;
	background:#fff;
	min-height:168px;
	margin:0 5px 0 0;
	text-align:center;
	min-width:96px;
	text-decoration:none;
	}
.sensorsSpan .sensorsTitle table{
	height:100%;
	white-space:pre-wrap;
	min-height:168px;
	}
.sensorsSpan .sensorsTitle.red{
	border:2px solid #787878;
	background:#cc2222;
	color:#fff;
}
.sensorsSpanTop span{
	white-space:nowrap;
	border-radius: 4px;
	display:block;
	font-weight:normal;
	font-size:20px;
	line-height:24px;
	padding:2px 3px;
	border:2px solid #1c9b90;
	background:#feffae;
	min-width:120px;
}
.waitFlag {
	color:#535353;
	font-family:Arial,'ＭＳ Ｐゴシック', Helvetica, sans-serif,'宋体';
	display: block;
	font-size: 1.5em;
	-webkit-margin-before: 0.83em;
	-webkit-margin-after: 0.83em;
	-webkit-margin-start: 0px;
	-webkit-margin-end: 0px;
	font-weight: bold;
}
tr.onSel1 td{
	background:#ddd;
}
.sensorsDiagram {
	height:100%;
	width:100%;
	position:relative;
	}
.sensorsDiagram .alarmBox {
	position:absolute;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	border-radius:4px;
	padding:5px;
	}
.sensorsDiagram .iMage {
	position:absolute;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	}
.sensorsDiagram table{
	width:100%;
	height:100%;
	}
.sensorsDiagram .alarmBox span {
	vertical-align:middle;
	display:block;
	}
.sensorsDiagram .objectControl {
	position:absolute;
	text-align:center;
	display: table-cell;
	vertical-align:middle;
	border-radius:4px;
	padding:5px;
	border:2px solid #1c9b90;
	}
.sensorsDiagram .objectControl span {
	vertical-align:middle;
	display:block;
	}
.boxInner {
	position: relative;
	top: 50%;
	}
.boxText {
	text-align: center;
	position: relative;
	top: -50%;
	}
.sensorsDiagram .numbers {
	position:absolute;
	padding:0.2em 0.5em;
	border-radius:4px;
	line-height:130%;
	min-width:12%;
	border:2px solid #1c9b90;
	}
.sensorsDiagram .nobox {
	position:absolute;
	border-radius:4px;
	line-height:130%;
	min-width:12%;
	}
		
.p01 {
	background:#FFFFFF;
	}
.p02 {
	background:#CCCCCC;
	}
.p03 {
	background:#feffae;
	}
.p04 {
	background:#38831e;	
}
.p05 {
	background:#99FFFF;
	}
.p06 {
	background:#eebbFF;
	}
.p07 {
	background:#cc3333;
	}
.p08 {
	background:#FFCC00;
	}	
.p09 {
    background:#8aff33;
}
.p010 {
    background:#339cff;
}
.p011 {
    background:#9033ff;
}
.p012 {
    background:#ff7133;
}
.p013 {
    background:#000000;
}
.p014 {
    background:#807e7c;
}
.p015 {
    background:#0000FF;
}
.p016 {
    background:#873600;
}
.t01 {
	color:#353535;
	}
.t02 {
	color:#777777;
	}
.t03 {
	color:#006633;
	}
.t04 {
	color:#003399;
	}
.t05 {
	color:#663399;
	}
.t06 {
	color:#cc3333;
	}
.t07 {
	color:#eeeeee;
	}
.t08 {
	color:#FFCC00;
	}
.t09 {
	color:#74e516;
}
.t010 {
	color:#fff000;
}
.t011 {
	color:#00fff3;
}
.t012 {
	color:#2688ea;
}
.t013 {
	color:#C0C0C0;
}
.t014 {
	color:#FF00FF;
}
.t015 {
	color:#ba4a00;
}
.t016 {
	color:#FA8072;
}
.sensorsDiagram .red{
	background:#cc2222;
	color:#ffffff;
	}

.sensorsDiagram .selects 
{
	position:absolute;
	border:1px solid #a9a9a9;
	margin:0; 
	padding:0;
}
	
.sensorsDiagram .buttons {
	position:absolute;
	margin:0; 
	padding:0;
	font-weight:normal;
}

.sensorsDiagram .gauge {
	position:absolute;
	}
		
@-webkit-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF6347; -webkit-box-shadow: 0 0 5px #FF6347; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-moz-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF6347; -webkit-box-shadow: 0 0 5px #FF6347; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@-o-keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF6347; -webkit-box-shadow: 0 0 5px #FF6347; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

@keyframes glowing {
  0% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
  50% { background-color: #FF6347; -webkit-box-shadow: 0 0 5px #FF6347; }
  100% { background-color: #B20000; -webkit-box-shadow: 0 0 3px #B20000; }
}

.sensorsDiagram .alarmbutton 
{
  -webkit-animation: glowing 1500ms infinite;
  -moz-animation: glowing 1500ms infinite;
  -o-animation: glowing 1500ms infinite;
  animation: glowing 1500ms infinite;
}

.sensorsDiagram .titlebar {
	margin:0;
	width:100%;
	height:24px;
	line-height:24px;
	overflow:hidden;
	font-size:12pt;
	text-indent:.5em;
	font-weight:bold;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
}

.sensorsDiagram .bordersize
{
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;    
}

/*added by steven,2017-08-04*/
.inverterSummaryGraphImg2 h3 {
	position:absolute;
	left:0;
	bottom:5px;
	width:100%;
	text-align:center;
	background:none;
	padding:0;
	margin:0;
	height:auto;
	line-height:1.5em;
	font-size:14px;
	font-weight:normal;
	}
.inverterSummaryGraph2 {
	width:100%;
	padding-bottom:10px;
	}
.inverterSummaryGraph2 h4{
	margin:0;
	width:100%;
	height:1.8em;
	line-height:1.8em;
	font-size:1.2em;
	text-indent:.5em;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
	}	
.inverterSummaryGraph2 .inverterSummaryGraphImg2{
	border:1px solid #a8a8a8;
	width:100%;
	border-top:none;
	height:100%;
	background:#fff;
	position:relative;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
	}
/*end of added,2017-08-04*/
.VIEWALL .allRealtimeDiv 
{
    border:1px solid #a8a8a8;
	border-top:none;
	width:auto;
	height:305px;
	background:#fff;
    box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;
}

.VIEWALL h4 {
	margin:10px 0 0;
	height:22px;
	line-height:22px;
	font-size:12px;
	text-indent:6px;
	position:relative;
	border:1px solid #a8a8a8;
	border-radius:2px 2px 0 0;
	background: #d9d9d9; /* Fallback */
	background: -moz-linear-gradient(top, #f1f1f1 0%, #cdcdcd 100%); /* FF 3.6+ */
	background: -webkit-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Chrome 10+, Safari 5.1+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* IE10+ */
	background: linear-gradient(top, #f1f1f1 0%,#cdcdcd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd'); /* IE6 & IE7 */ 
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#f1f1f1', endColorstr='#cdcdcd')"; /* IE8 */
}