@charset "UTF-8";

/* CSS Document */

.btn {

	display: block;

	position: relative;

	background: #aaa;

	padding: 5px;

	float: left;

	color: #ffffff;
    
    font-style:bold;

	text-decoration: none;

	cursor: pointer;

width: 140px;

}

.btn * {

	font-style: bold;

	background-image: url(/newmap/images/btn2.png);

	background-repeat: no-repeat;

	display: block;

	position: relative;
    

}

.btn i {

	background-position: top left;

	position: absolute;

	margin-bottom: -5px;

	top: 0;

	left: 0;

	width: 5px;

	height: 5px;

}

.btn span {

	background-position: bottom left;

	left: -5px;

	padding: 0 0 5px 10px;

	margin-bottom: -5px;

}

.btn span i {

	background-position: bottom right;

	margin-bottom: 0;

	position: absolute;

	left: 100%;

	width: 10px;

	height: 100%;

	top: 0;

}

.btn span span {

	background-position: top right;

	position: absolute;

	right: -10px;

	margin-left: 10px;

	top: -5px;

	height: 0;

}

* html .btn span, * html .btn i {

	float: left;

	width: auto;

	background-image: none;

	cursor: pointer;
font-style:bold;

}

.btn.gray {

	background: #666666;
font-style:bold;

width: 140px;

}

.btn.orange {

	background: #ff6600;

	width:140px;

}



.btn.green {
font-style:bold;

	background: #9d4;

width: 140px;

}





.btn.blue {

	background: #2ae;

width: 140px;

}



.btn.yellow {

	background: #ffff00;
/**	background: #d3d338;**/
width: 140px;

}



.btn.red {

	background: #FF0000;

width: 140px;

}



.btn.purple {

	background: #9900FF;

width: 140px;

}



.btn.brown {

	background: #993300;

width: 140px;

}



.btn.pink {

	background: #FF99FF;

width: 140px;

}

.btn.white {

	color: #008000;
	background: #efefef;
font-style:bold;
width: 140px;

}

.btn.other {

	background: #2d2c2c;

width: 140px;

}







.btn.reload {

	background: #cccccc;

width: 140px;

}




.btn:hover {

	background-color: #a00;

width: 140px;

}

.btn:active {

	background-color: #444;

width: 140px;

}

.btn[class] {

	background-image: url(/newmap/images/shade.png);

	background-position: bottom;

}

* html .btn {

	border: 3px double #aaa;

}

* html .btn.blue {

	border-color: #2ae;

}

* html .btn.green {

	border-color: #9d4;

}

* html .btn.pink {

	border-color: #e1a;

}

* html .btn:hover {

	border-color: #a00;

}

p {

	clear: both;

	padding-bottom: 1em;

}

form {

	margin-top: 1em;

}

form p .btn {

	margin-right: 1em;

}

textarea {

	margin: 1em 0;

}
/*****    end knopki css ***/





/*****************

.tooltip {

    font-weight:bold;
font-size:0.5em;

	font-size: xx-small;

	border:0px solid #91a7b4;

	border-top-color:#778a98;

	background-image: url(/newmap/images/maps/corner.png);

	line-height: normal;

	padding-top: 0px;

	padding-bottom: 0px;

    margin: 0.2em 0;

	padding-left:0px;

background-repeat: no-repeat;

background-attachment:fixed;

background-position: 2% 2%

}
***************/



/***============== create a style for the tooltip ============ **/

/**	border:1px #006699 dotted;	border:1px solid #91a7b4;	border-top-color:#778a98;**/
/**	background-image: url(/newmap/images/maps/tooltipbot.png);**/




.tooltip {

    font-weight: bold;

    font-size: 0.5em;

	font-size: xx-small;

	border-bottom: 1px solid #FC1505;

	border-left: 1px solid #FC1505;

	border-top: 1px solid #FC1505;

	border-right: 1px solid #FC1505;

	background-color: #F9F9D4;

}



#side_bar {

	height: 190px;

width: 150px;

	overflow: scroll;

	background-color: #ffffff;

	font-size: x-small;

	border-color: #336633;

	scrollbar-arrow-color: #00C11A;

	scrollbar-3dlight-color: #4F824F;

	scrollbar-darkshadow-color: #4F824F;

	scrollbar-face-color: #f4f4f0;

	scrollbar-highlight-color: #ffffff;

	scrollbar-shadow-color: #d0d0d0;

	scrollbar-track-color: #f5f5f5;

	word-spacing: normal;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

	font-weight: bold;

	margin-bottom: 5px;

	padding-bottom: 5px;

	max-width: 150px;

	position: static;

}



/****/