.ptlabel {
	background-color:#87cefa;
	padding:3px;
	border:#666666 solid 1px;
	white-space:nowrap;
}
div #trktitle{
	vertical-align: middle;
	text-align: center;
	background-color: #ddd;
	padding-right:5px;
	padding-left:5px;
	font-family:sans-serif;
	font-size:12pt;
	margin-bottom: 3px;
	height: 20px;
}

.title0 {
	vertical-align: middle;
	background-color: #ddd;
	padding-right:5px;
	padding-left:0px;
	font-family:sans-serif;
	font-size:8pt;
	margin-bottom: 3px;
	height: 20px;
} 
.title4 {
	vertical-align: middle;
	background-color: #ddd;
	padding-right:5px;
	padding-left:5px;
	font-family:sans-serif;
	font-size:10pt;
	margin-bottom: 3px;
	height: 20px;
} 
.title5 {
	vertical-align: middle;
	background-color: #FFCCCC;
	padding-right:5px;
	padding-left:5px;
	font-family:sans-serif;
	font-size:10pt;
	margin-bottom: 3px;
	height: 20px;
}

.title2 {
	text-align:center;
	font-weight:bold;
	font-size:16px;
	border: 1px solid black;

}

.title3 {
	padding-right:5px;
	padding-left:5px;
	text-align: right;
	font-weight:bold;
	font-size:16px;
}

.hidden {display: none}

.messages{
	background: #eee;
	border: 2px solid red;
	padding: 10px;
	position: relative;
	/*left: 410px;*/
	/*top: 1875px;*/
	width: 128px;
	/*height: 250px;*/
	overflow:auto;
	z-index:1000;
	text-decoration: blink;
}

.word-wrap {
	white-space: pre-wrap; /* css-3 */
	white-space: -moz-pre-wrap; /* Mozilla, начиная с 1999 года */
	white-space: -pre-wrap; /* Opera 4-6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	word-wrap: break-word; /* Internet Explorer 5.5+ */
}

.options-box{
	background: #eee;
	border: 1px solid black;
	padding: 10px;
	/*position: absolute;
	left: 310px;
	top: 1975px;
	*/
	position:fixed; 
	left: 40%; 
	top: 40%; 
	margin-left: -200px;  
	margin-top: -33px; 
	z-index:2100;
	/*width: 500px;*/
	/*height: 250px;*/
	visibility:hidden;
	/*display:none;*/
	overflow:auto;
}

.mapsize-box{
	background: #eee;
	border: 1px solid black;
	padding-top:3px;
	margin: 2px;
	/*position: relative;*/
	left: 5px;
	overflow:auto;
}

.graph-box{
	background: #eee;
	border: 1px solid black;
	padding: 10px;
	/*position:absolute;
	left: 140px;
	top: 1500px;
	*/
	/*width: 500px;*/
	/*height: 250px;*/
	visibility: hidden;
	overflow:auto;
	z-index:2100;
}


#progressbar {
 /*
	position:relative;
  	width:300px; height:20px;
  	border:1px solid black;
  	overflow:hidden;
*/
/*
	position:fixed; 
	left: 50%; 
	top: 50%;  
	width:300px; height:20px;   
	margin-left: -50px;  margin-top: -33px; 
	border: 1px solid #989898; 
	z-index:2100; 
	overflow:hidden;
	top:expression((document.documentElement.scrollTop + screen.height/2 - 33) + 'px');"
*/
}
 
#progressbar div {
/*
  	background:#316AC5;
  	width:0; height:100%;
*/
}
.edtimg, .saveimg { cursor:pointer; }

.lvmarker {
  	font-size: 7pt;
  	font-family: Arial,Sans-Serif;
  	width: 125px;
  	text-align: center;
  	overflow: hidden;
  	white-space: nowrap;
 }
.kvmarker {
  	font-size: 7pt;
  	font-family: Arial,Sans-Serif;
  	width: 125px;
  	text-align: center;
  	overflow: hidden;
  	white-space: nowrap;
}
#loading{
  	position:absolute;
  	left: 45%;
  	top: 40%;
  	border:1px solid #6593cf;
  	padding: 2px;
  	background: #c3daf9;
  	width: 150px;
  	text-align: center;
  	z-index: 20001;
}

.menu-title{
    background: #D6E3F2;
    border-style: solid;
    border-color:#DAE6F4 #99bbe8 #99bbe8 #DAE6F4;
    border-width: 1px;
    margin:-2px -2px 0;
    color:#15428b;
    font:bold 10px tahoma,arial,verdana,sans-serif;
    display:block;
    padding:3px;
}


.x-my-minimize {
    background-position:0 -255px;
}
.x-my-minimize:hover {
    background-position:-15px -255px;
}

.x-my-maximize {
    background-position:0 -240px;
}

.x-my-maximize:hover {
    background-position:-15px -240px;
}

.x-my-help {
    background-position:0 -300px;
}

.x-my-help:hover {
    background-position:-15px -300px;
}

/*
 * FileUploadField component styles
 */
.x-form-file-wrap {
    position: relative;
    height: 22px;
}
.x-form-file-wrap .x-form-file {
	position: absolute;
	right: 0;
	-moz-opacity: 0;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
    height: 22px;
}
.x-form-file-wrap .x-form-file-btn {
	position: absolute;
	right: 0;
	z-index: 1;
}
.x-form-file-wrap .x-form-file-text {
    position: absolute;
    left: 0;
    z-index: 3;
    color: #777;
}

/* TABS */
.list {
	list-style:square;
	width:500px;
	padding-left:16px;
}

.list li{
	padding:2px;
	font-size:8pt;
}

pre {
   font-size:11px; 
}

.x-tab-panel-body .x-panel-body {
    padding:10px;
}

.container {
	position: relative;
	height: 500px;
	width: 100%;
}
.container-fullscreen {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
}
div#ToolTipDiv {
  	Position: absolute;
  	top: 100px;
  	left: 100px;
  	height: 20px; 
  	border: 2px solid #FF0000; 
  	background-color: #FF9999;
  	display: none;
  	padding: 3px;
}

.point_info_block {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}


a, span, div, body {
	text-decoration: none;
}


.bubble {
	font: normal 10px verdana;
	width: 270px;
	border: 1px solid #8D8EA3;
	padding:3px;
	text-align:left;
	color: #B915C3;
}


.buttons {

	padding: 5px;
	margin: 5px;
	font: normal 10px verdana;
	width: 130px;

}

.button, .selectedButton, .buttonB, .button3 {
	background: #A6A8CC;
	color: navy;
	border: 2px solid navy;
	text-align:center;
	vertical-align:middle;
	font: normal 10px verdana;
	padding: 2px;
	cursor: pointer;
	margin: 3px;
}
.button3 {
	margin: 0px;
}

.selectedButton {
	border: 2px solid #008000;
	background: #80FF80;
	color: #008000;
}
.buttonB {
	border: 2px solid #ECB052;
	background: #F6D84C;
	width: 160px;
	padding: 5px;

}
.button:hover, .buttonB:hover, .button3:hover {
	background: #EBB94D;
	color: red;
	border: 2px solid red;
}




.mapFrame, .buttonsFrame, #link {
	-moz-outline-width:8px;
	-moz-outline-radius:15px;
	-moz-outline-style:solid;
	margin:12px;
}

.mapFrame {
	-moz-outline-color:#838FBB;
}
.buttonsFrame {
	-moz-outline-color: #838FBB;
	padding:3px;
	background:#939BC3;
}

#link {
	-moz-outline-color: #838FBB;
	padding:12px;
	font: normal 12px verdana;
	text-align:center;
	background:#939BC3;
}
#link a{
	color:navy;
}


#detailmap, #mapDiv {
	font: normal 10px verdana;
}
#mapDiv {
}
#detailmap {
	width: 250px;
	height: 150px;
	border:1px solid gray;
}
#dist {
	font: bold 10px verdana;
}


#opacitySlider {
	background: url('file:///C:/Documents%20and%20Settings/VELO/Local%20Settings/Temporary%20Internet%20Files/Content.IE5/SDLQRBG1/sliderBG.jpg');
	cursor: pointer;
	width: 500px;
	height: 20px;
	position: relative;
	left: 0px;
	text-align: center; font-style:normal; font-variant:normal; font-weight:normal; font-size:10px; font-family:verdana
}

.label {
	width: 100px;
	height: 20px;
	text-align: center;
	vertical-align: middle;
	font: normal 12px verdana;
	padding:2px;

}
.message {
	height: 80px;
	font: normal 12px courier new;
	border: 1px solid #8D8EA3;
	overflow: auto;
}



#loadIndicator {
	text-align: left;
	border: 4px solid navy;
	background: white;

	position:absolute;
	left: 100px;
	top: 300px;
	width: 800px;

}

#innerIndicator {
	margin:8px;
	padding: 2px;
	background: #FFC435;
}

#loadingBlock {
	border: 1px solid #8D8EA3;
	background: navy;
	width: 10px;
	height: 20px;
	position:relative;
	left: 0px

}

#gcLocation {
	border: 1px solid #8D8EA3;
	width: 200px;
	margin: 3px;

}

#logo {
	color: #000000;
	background: #eeeeee;

}





#loadingMessage {
    position: absolute;
    width:  200px;

    top: 35%;
    left: 35%;
    text-align: center;
    padding: 50px;
    border: 2px solid navy;
    background-color: #FF8080;
	color:#FFE21D;
	font: bold 20px verdana;
    z-index: 1;
	opacity: 0.7;

}


.OIContainer td {
	vertical-align:top;
	border: 1px solid gray;
}

#tmp {
	height: 200px;
	overflow:auto;
	font: normal 12px courier new;
}

.statusDiv {
	padding: 3px;
	font: normal 12px courier new;
	text-align:left;
	color: navy;

}



#zbookmarks {
	border: 2px solid #FFFF40;
	background: #00C600;
	color: #FFFF40;
	font: normal 12px verdana;
	padding:2px;
	margin:1px;

}

.bookmark {
	border: 1px solid navy;
	background: #A6A8CC;
	color: navy;
	font: normal 12px verdana;
	padding:2px;
	margin:1px;
	cursor: pointer;
}
.bookmark:hover {
	background: navy;
	color: #A6A8CC;
	border: 1px solid #A6A8CC;
}

#bmContainer {
	background: #A6A8CC;

	margin: 3px;
	width:200px;
	overflow:auto;
	position:absolute;
	z-index:100;
}
#locationText {
	margin: 3px;
	padding: 1px;
	padding-left: 10px;
	background:#E2B6C6;
}



#infoDiv {
	padding: 5px;
	background:#939BC3;
	color: navy;
	font: normal 12px verdana;
	height:540px;
	overflow:auto;

}

.countyInfo, .countyInfoSel {
	font: normal 11px verdana;
	cursor:pointer;
	background:#F4E48C;
	border:1px solid #EEA532;
	margin-bottom:5px;
	padding:2px;
}

.countyInfoSel {
	background:#F4A98C;
	border:1px solid #EF3E31;
}

.statusBar {
	-moz-outline-width:8px;
	-moz-outline-radius:15px;
	-moz-outline-style:solid;
	-moz-outline-color:#838FBB;
	margin: 12px;

}