/* CSS Document */
html, body {
	font-family: Calibri, Helvetica, Arial, sans-serif;
    height: 100%;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#header{
	background-image:url(../../images/headerbg.png);
	height:65px;
	overflow:hidden;
}
 
#appLayout {
    height: 100%;
}
#leftCol {
    width: 14em;
    margin: 0;
    overflow:auto;
    padding: 0;
}
#rightCol {
    width: 16em;
}
#lowerCol {
    height: 10em;
    margin: 0;
    overflow:auto;
    padding: 0;
}
#headerDiv{
	font-size:14px;
	text-align:center;
}

#grid { height: 100%; }
.dgrid { border: none; }
.field-id { cursor: pointer; }


.claro .ecoLayout .edgePanel {
    background-color: #d0e9fc;
}
#mapPanel{
	padding:0px;
	margin:0px;
}
#toolPanel{
	padding:0px;
	margin:0px;
}
#viewsChart {
    width: 550px;
    height: 550px;
}
#mapDiv{
	width:100%;
	height:100%;
}
.deviceItem{
	border:1px;
	border-style:solid;
	background-color:#fff;
	height:50px;
}
.deviceItemLabel{
	border:0px;
	background-color:#EEE;
	cursor:pointer;
}
.deviceItem:hover{
	color:#ffffff;
}
.deviceItemSel{
	border:1px;
	border-style:solid;
	color:#0FF;
	height:40px;
	cursor:pointer;
}
.deviceItemSel:hover{
	color:#ffffff;
}
.zoominIcon { 
	background-image:url(../../images/nav_zoomin.png);
	width:16px; 
	height:16px; 
}
.zoomoutIcon { background-image:url(../../images/nav_zoomout.png); width:16px; height:16px; }
      .zoomfullextIcon { background-image:url(../../images/nav_fullextent.png); width:16px; height:16px; }
      .zoomprevIcon { background-image:url(../../images/nav_previous.png); width:16px; height:16px; }
      .zoomnextIcon { background-image:url(../../images/nav_next.png); width:16px; height:16px; }
      .panIcon { background-image:url(../../images/nav_pan.png); width:16px; height:16px; }
      .deactivateIcon { background-image:url(../../images/nav_decline.png); width:16px; height:16px; }
	  

#headerDeviceDiv{
	font-size:20px;
	text-align:center;
	font-weight:bold;
}
#numbPosDiv{
	width:100%;
}
#numbPosSliderValue{
	width:50px;
}