/******************************************************/

div.barmeterArea5 {
	width  : 328px;
	height : 43px;
	margin : 0 0 3px 5px;
	clear  : both;
}

div.barmeterArea5 .dataArea {
	position: absolute;
	width : 315px;
	height : 28px;
	background-color : #ffffff;
}

div.barmeterArea5 .headerArea {
	background-color : #ffffff;
	width  : 325px;
	height : 15px;
	clear  : both;
}

div.barmeterArea5 .headerArea .title
{
	font-size : 9pt;
	font-weight:bold;
	float : left;
}
div.barmeterArea5 .headerArea .value
{
	font-size : 9pt;
	font-weight:bold;
	float : right;
}


div.barmeterArea4 {
	width  : 328px;
	height : 55px;
	margin : 0 0 4px 5px;
	clear  : both;
}

div.barmeterArea4 .dataArea {
	position: absolute;
	width : 315px;
	height : 35px;
	background-color : #ffffff;
}

div.barmeterArea4 .headerArea {
	background-color : #ffffff;
	width  : 325px;
	height : 19px;
	clear  : both;
}

div.barmeterArea4 .headerArea .title
{
	font-size : 10pt;
	font-weight:bold;
	float : left;
}
div.barmeterArea4 .headerArea .value
{
	font-size : 10pt;
	font-weight:bold;
	float : right;
}


div.barmeterArea3 {
	width  : 328px;
	height : 75px;
	margin : 0 0 4px 5px;
	clear  : both;
}

div.barmeterArea3 .dataArea {
	position: absolute;
	width : 315px;
	height : 58px;
	background-color : #ffffff;
}

div.barmeterArea3 .headerArea {
	background-color : #ffffff;
	width  : 325px;
	height : 19px;
	clear  : both;
}

div.barmeterArea3 .headerArea .title
{
	font-size : 10pt;
	font-weight:bold;
	float : left;
}
div.barmeterArea3 .headerArea .value
{
	font-size : 10pt;
	font-weight:bold;
	float : right;
}


/******************************************************/

div#getData {
	position: absolute;
	width  : 80px;
	height : 25px;
	top : 20px;
	left : 810px;
}


div.widgetTitle {
	color : #ffffff;
	background-color:#999999;
	font-weight : bold;
	height : 17px;
	padding : 6px 0 0 0;
	text-align : center;
}


.itemStatusPanel {
	display : block;
	background-color:#cccccc;
	width : 135px;
	height: 19px;
	padding : 14px 5px 5px 5px;
	text-align:center;
	vertical-align:middle;
	border : 1px solid #000000;
	clear : both;
	font-size : 10pt;
}


div.photoArea {
	border : 1px solid #000000;
	float : right;
	width : 345px;
	height: 180px;
	overflow : hidden;
}


span.graphGroup
{
	display : inline-block;
	cursor: pointer;
	width  : 135px;
	height : 16px;
	text-align:center;
	padding : 5px 0 0 0;
	border : 1px solid #666666;
}

td.graphBrank
{
	width : 7px;
	border-top: 0;
	border-bottom: 0;
}

span.graphSpan
{
	display : inline-block;
	cursor: pointer;
	width  : 40px;
	height : 13px;
	text-align:center;
	padding : 2px 0 0 0;
	border : 1px solid #666666;
}

span.select {
	background-color:#BEEBFF;
	color : #000000;
	border : 1px solid #99DEFD;
}

div#dashBoradContainer {
	position: absolute;
	overflow : hidden;
	width : 910px;
	height: 550px;
	border: 1px solid #aaaaaa;
	background-repeat : no-repeat;
}
div#toDayTotalArea
{
	position: absolute;
	top   : 15px;
	left  : 15px;
	width : 260px;
	height: 118px;
	background-image:url("../../monitor/dashboard/common_img/today_total.png");
	background-repeat : no-repeat;
}
div#toDayTotalValue
{
	color : #009716;
}

div.totalValue {
	position: absolute;
	top   : 60px;
	left  : 15px;
	width : 225px;
	height: 36px;
	font-size : 24pt;
	font-weight : bold;
	text-align  : right;
}
div#systemTotalArea
{
	position: absolute;
	top   : 15px;
	left  : 285px;
	width : 260px;
	height: 118px;
	background-image:url("../../monitor/dashboard/common_img/system_total.png");
	background-repeat : no-repeat;
}
div#systemTotalValue
{
	color : #297EFF;
}

div#systemStatusArea
{
	position: absolute;
	top   : 248px;
	left  : 380px;
	width : 520px;
	height: 316px;
	background-image:url("../../monitor/dashboard/common_img/system_status.png");
	background-repeat : no-repeat;
}



div#systemStatusArea .box {
	position: absolute;
	top   : 52px;
	left  : 11px;
	width  : 492px;
	height : 200px;
	float  : left;
}
div#systemStatusArea .box .rightArea {
	width  : 335px;
	height : 260px;
	float  : right;
	overflow : hidden;
}
div#systemStatusArea .box .leftArea {
	width  : 150px;
	height : 260px;
	float  : left;
	overflow : hidden;
}




#alertHeader{
	display : block;
	width  : 900px;
	height : 25px;
	clear : both;
	padding : 0 0 0 5px;
}

.alertPageArea{
	padding : 5px 0 0 0;
	float:left;
}

.alertLegendArea{
	float:left;
	background-color:#E4F1F8;
	width  : 220px;
	height : 20px;
	padding : 5px 0 0 0;
}

.alertAllCheckArea {
	height : 20px;
	padding : 5px 0 0 0;
	float:right;
	text-align:right;
}

#alertTableArea {
	padding : 15px 0 0 0 ;
	clear : both;
}

#alertFooter{
	display : block;
	width  : 890px;
	height : 20px;
	clear : both;
	padding : 0 0 0 5px;
}

td.titleNormal {
	color : #ffffff;
	background-color:#67B7FF;
	font-weight : bold;
	width : 890px;
	height : 23px;
	padding : 2px 0 0 17px;
}

td.titleAlert {
	color : #ffffff;
	background-color:#FF856A;
	font-weight : bold;
	width : 890px;
	height : 23px;
	padding : 2px 0 0 17px;
}


.alertTitleNormal { background-color:#67B7FF; }
.alertTitleLevel1 { background-color:#FF856A; }
.alertTitleLevel2 { background-color:#FF856A; }

td.titlePanel1 {
	color : #ffffff;
	background-color:#999999;
	font-weight : bold;
	width : 890px;
	height : 23px;
	padding : 2px 0 0 17px;
}


