body {
  margin: 0px;
  padding: 0px; 
}

.phone {
   padding: 10px;
   padding-bottom: 5px;
}

#nppMap {
   width: 100%;
}

#bottomPromt {
  padding: 5px;
}

.selLTItem td {
	background-color: rgb(255, 255, 150) !important;
}

#lightTableContainer {
  visibility: hidden;
  margin-top: 36px;
  overflow-y: auto;
}

#authorization {
	display: none;
}

#lightTableContainer td {
	cursor: pointer;
}

#lightBottomBarContainer {
  visibility: hidden;
}

#tableSearchDiv {
  max-height: 550px;
  overflow: auto;
}

#red, #green, #blue {
    width: 150px;
	font-size: 8px !important;
    border: 1px solid #aaaaaa !important;
    background-color: #ffffff !important;
    color: #222222;
}

#colorChooser {
   display: none;
}

#colorViewer {
    width: 50px;
    height: 50px;
	border: 1px solid #000000;
}

#red .ui-slider-range { background: #ff0000; border: 1px solid #000000; }
#green .ui-slider-range { background: #00ff00; border: 1px solid #000000; }
#blue .ui-slider-range { background: #0000ff; border: 1px solid #000000; }

#circleDiv {
   height:10px;
   width:10px;
   border-radius:10px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   background-color: #ff0000;
   border: 1px solid #000000
}

#pointSize  {
	width: 120px;
	font-size: 8px !important;
	border: 1px solid #aaaaaa !important;
	background-color: #ffffff !important;
	color: #222222;
}

#pointSize a, #red a, #green a, #blue a{
	border: 1px solid #aaaaaa;
	margin-top: -1px;
	background-color: #c8c8c8;
	background-image: none !important;
	font-weight: bold;
	color: #555555;
	font-size: 10px !important;
	cursor: pointer;
}

#pointSize a:hover, #red a:hover, #green a:hover, #blue a:hover {
	background: #c8c8c8 !important;
}

#tableSearchDiv th {
  background-color: rgb(220, 220, 255);
  padding: 3px;
  cursor: pointer;
}

#descAbbr div {
  padding: 10px;
  padding-bottom: 0px;
  padding-left: 0px;
  text-align: left;
}

.sortDesc {
  background-image: url('../img/desc.gif'); 
  background-repeat: no-repeat;
  background-position: center right;
}

.sortAsc {
  background-image: url('../img/asc.gif'); 
  background-repeat: no-repeat;
  background-position: center right;
}

#overviewTableDiv .tr1 td {
  background-color: rgb(250, 250, 250);
}

#overviewTableDiv .tr2 td {
  background-color: rgb(240, 240, 240);
}

#tableSearchDiv .tr1 td {
  background-color: rgb(250, 250, 250);
  cursor: pointer;
  padding: 3px;
}

.selTr  {
   background-color: rgb(100, 100, 255) !important;
   color: #ffffff;
}

#tableSearchDiv .tr2 td {
  background-color: rgb(240, 240, 240);
  cursor: pointer;
  padding: 3px;
}

#appContent {
    /*height: 400px;*/
    opacity:0.4; 
    visibility: hidden;
}

#mapScale {
  float: left;
  margin-right: 10px;
  width: 550px;
}

#scaleXY {
  padding: 5px;
}

#scaleContainer {
  text-align: center;
  display: block;
  padding-bottom: 0px;
  height: auto !important;
  display: none;
}

#lightTableContainer td {
	text-align: center;
	background-color: #ffffff;
	padding: 3px;
}

.checkboxTable {
	width: 20px;
	padding: 0px !important;
}

#lightTableContainer th {
	text-align: center;
	background-color:  #e0e0ff;
	padding: 3px;
	cursor: pointer;
	padding-right: 20px;
    padding-left: 20px;
}

#lightTableContainer .leftAlign {
	text-align: left;
}

.scalePosition {
   position: absolute;
   left: 10px;
   bottom: 10px;
}

#scaleValues {
  text-align: center;
}
 
#scaleValues td {
  text-align: center;
  font-weight: bold;
  font-family: Verdana;
  font-size: 11px;
}

#statisticsContainer {
  display: none;
  padding: 7px;
  padding-top: 3px;
  font-size: 12px;
  font-family: Verdana;
  overflow: hidden;
}

#alert {
  display: none;
  padding: 7px;
  padding-top: 3px;
  font-size: 12px;
  font-family: Verdana;
  text-align: center;
  padding: 10px;
}

#overviewTableDiv {
  max-height: 550px;
  overflow-y: auto;
}

#tableOverview {
  display: none;
  padding: 7px;
  padding-top: 3px;
  font-size: 12px;
  font-family: Verdana;
  text-align: center;
  padding: 10px;
}

#tableOverview td, #tableOverview th {
  background-color: #ffffff;
  font-size: 12px;
  font-family: Verdana;
  padding: 7px;
  text-align: center;
}

#tableOverview  th {
  background-color: #e0e0ff;
  cursor: pointer;
  padding-right: 20px;
  padding-left: 20px;
}

#tableOverview  .td2 {
  background-color: #ffffff;
}

#tableOverview  .td1{
  background-color: #f0f0f0;
}

#menuControl {
   float: right;
   padding-right: 3px;
   cursor: pointer;
}

 .aButton {
    font-size: 13px;
    font-family: Verdana;
    text-decoration: none;
    background-color: #EEEEEE;
    color: #333333;
    padding: 2px 6px 2px 6px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #333333;
    border-bottom: 1px solid #333333;
    border-left: 1px solid #CCCCCC;
}

#resSearchSel {
  width: 100%;
  height: 100%;
  font-size: 12px;
  font-family: Verdana;
}

#tableSearch {
  display: none;
  padding: 7px;
  padding-top: 3px;
  font-size: 12px;
  font-family: Verdana;
  text-align: center;
  padding: 10px;
}

#statisticsContainer td {
  font-size: 12px;
  font-family: Verdana;
  padding-right: 5px;
}

#statTitle {
  padding: 3px;
  padding-top: 7px;
  font-size: 12px;
  font-family: Verdana;
  text-align: center;
  font-weight: bold;
}

#statData {
  border: solid 1px #000000;
  margin: 5px;
  height: 355px;
  visibility: hidden;
}

#mpcContainer {
  display: none;
  padding: 10px;
  text-align: center;
  font-family: Verdana;
  font-size: 12px;
  font-weight: bold;
}
  
#coordsContainer {
  float: right;
  display: none;
}

#coordsContainer td {
  font-weight: bold;
  font-family: Verdana;
  font-size: 11px;
}

#scaleName {
  font-family: Verdana;
  font-size: 11px;
  padding-bottom: 5px;
  font-weight: bold;
}

#mapToolsContainer {
   /*padding-left: 5px;
   padding-right: 5px;*/
   padding: 5px !important;
   overflow: hidden !important;
}

#distancePanel {
	visibility: hidden;
	overflow-y: auto;
	max-height: 300px !important; 
}

#distancePanel td {
	background-color: rgb(250, 250, 250);
	padding: 5px;
	text-align: center;
}

#distancePanel th {
	background-color: rgb(230, 230, 230);
	padding: 5px;
}

#mapToolsContainer ul {
  list-style: none;
  padding: 0px;
  margin: 0px;
}

#mapToolsContainer li {
  padding: 0px;
  margin-bottom: 5px;
  overflow: hidden;
}

#trackBut {
	margin-top: 3px;
}

#mapToolsContainer input:hover {
   /*border: solid 3px rgb(0, 0, 255);*/
}

#mapToolsContainer a {
   background: #ffffff !important;
   padding: 0 !important;
}

#mapToolsContainer  .toolBut{
   width: 32px;
   height: 32px;
   border-radius: 5px 5px 5px 5px;
   cursor: pointer;
   background-position:center; 
   border: solid 3px rgb(37, 38, 131);
}

#homeBut {
   background: url('../img/maptools/home.png') no-repeat;
}

#panBut {
   background: url('../img/maptools/pan.gif') no-repeat;
}

#zoomoutBut {
   background: url('../img/maptools/zoomout.png') no-repeat;
}

#zoominBut {
   background: url('../img/maptools/zoomin.png') no-repeat;
}

#zoomextBut {
   background: url('../img/maptools/zoominext.png') no-repeat;
}

#prevBut {
   background: url('../img/maptools/back.png') no-repeat;
}

#nextBut {
   background: url('../img/maptools/forward.png') no-repeat;
}

#infoBut {
   background: url('../img/maptools/poi.png') no-repeat;
}

#mapBut {
   background: url('../img/maptools/globeblue.png') no-repeat;
}

#distBut {
	background: url('../img/maptools/distance.png') no-repeat;
}

#autoMenuDiv {
   padding-left: 10px;
}

#autoMenuDiv td {
  font-size: 12px;
  font-family: Verdana;
}

.selector {
  width: 100%;
}

#egaskroSystemsDiv {
  padding: 5px;
  height: 345px;
  overflow-y: auto;
  margin-left: -25px; 
  padding-top: 5px;
}

#egaskroSystemsDiv ul {
   list-style: none;
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
}

#menuContainer {
   position: absolute;
   top: 10px;
   right: 10px;
   width: 450px;
   height: 370px;
   background-color: rgb(240, 240, 248);
   border: solid 1px #000000;
   z-index: 10;
}

#menuContainer #tabs {
  margin-top: 3px;
  margin-left: 5px;
}

.tabsc {
  background-image: url('../img/menu_.jpg');
  background-size: 100% 100%;
  /*margin-top: 30px;*/
  margin-left: 3px;
  margin-right: 10px;
  padding: 5px 5px;
  height: 265px;
  font-size: 13px;
  border: 1px solid #d3d3d3;
}

.tabsc table {
  font-size: 13px;
  border-spacing: 1px;
}

.checkbox {
   width: 15px;
   height: 15px;
}

#menuHeader {
    background-color: #464f56;
	color: #ffffff;
	font-family: Verdana;
    font-weight: bold;
	padding: 5px;
	padding-left: 15px;
	font-size: 13px;
}

#ui-datepicker-div {
   background-color: #ffffff;
   border: 1px solid #000000;
}

#menuContainer select {
   background: transparent;
   width: 100%;
   padding: 3px;
   font-size: 13px;
   border: 1px solid #000000;
   border-radius: 7px;
   background-color: #ffffff;
}

#dateReq {
  font-size: 12px;
  font-family: Verdana;
  padding: 3px;
  width: 85px;
}

#fromDateStat {
  font-size: 12px;
  font-family: Verdana;
  padding: 3px;
  width: 85px;
}

#toDateStat {
  font-size: 12px;
  font-family: Verdana;
  padding: 3px;
  width: 85px;
}

.nameTd {
   width: 60px;
}

.tabsc p {
  padding: 5px;
  margin: 0px;
}

.button {
   padding: 3px;
   /*border-radius: 7px;
   background-color: #ffffff;
   border-collapse: collapse;
   padding: 5px;
   cursor: pointer;
   font-size: 12px;
   font-weight: bold;*/
}

#updateReq , #createTab {
   margin-top: 10px;
   margin-left: 3px;
}

.clear {
   clear: both;
}

#progressBarContainer {
   position: absolute;
   padding: 5px;
   width: 210px;
   height: 30px;
   top: -210px;
   left: 405px;
   background-color: #ffffff;
   border: solid 1px #000000;
   z-index: 5000;
}

#aggregRuleTdText, #aggregRuleTdSelect {
   visibility: hidden;
}

#infoContainer {
   position: absolute;
   padding: 5px;
   max-width: 500px;
   background-color: #464f56;
   display: none;
   z-index: 101;
}

#infoContainer th {
    font-family: Verdana;
    font-weight: bold;
	font-size: 11px;
	text-align: left;
	background-color: #ffffff;
}

#infoContainer td {
    font-family: Verdana;
    font-weight: normal;
	font-size: 11px;
	text-align: left;
	background-color: #ffffff;
}

#mapTypeContainer {
   position: relative;
   left: 0px;
   top: -203px;
   display: none;
}

#mapType {
   /*height: 70px;*/
}

.tabs2 {
	margin-top: 40px;
	margin-right: 3px;
	padding: 5px 5px !important;
	border: 1px solid #d3d3d3 !important;
}

#progressBar { 
   background-color: #cccccc; 
   width: 210px;
   height: 15px;
 } 

#progressBarStatus {
   font-size: 14px;
   font-weight: normal;
} 

#hourRequest, #hourTD {
  display: none;
}