html, body {
	font-family: Arial, sans serif;
	font-size: 11px;
	margin: 0;
	padding: 0;
}

#hand_b {
	visibility: hidden;
	width:31px;
	height:31px;
}

#placemark_b {
	margin-top: 10px;
	width:31px;
	height:31px;
	background-image: url(../map_icons/marker.png);
}
#placemark_b.selected {
	background-image: url(../map_icons/marker.png);
}

#line_b {
	width:31px;
	height:31px;
	background-image: url(../map_icons/line.png);
}
#line_b.selected {
	background-image: url(../map_icons/line.png);
}

#login_b {
	margin-top: 4px;
	margin-left: 2px;
	width: 31px;
	height: 31px;
	background-image: url(../map_icons/login.png);
}
#login_b.selected {
	background-image: url(../map_icons/login.png);
}

#save_b {
	margin-top: 4px;
	margin-left: 2px;
	width: 31px;
	height: 31px;
	background-image: url(../map_icons/save.png);
	background-repeat: no-repeat;
}
#save_b.selected {
	background-image: url(../map_icons/save.png);
}

#cancel_b {
	margin-top: 4px;
	margin-left: 2px;
	width: 31px;
	height: 31px;
	background-image: url(../map_icons/cancel.png);
	background-repeat: no-repeat;
}
#cancel_b.selected {
	background-image: url(../map_icons/cancel.png);
}

#delete_b {
	display: none;
	margin-top: 4px;
	margin-left: 2px;
	width: 31px;
	height: 32px;
	background-image: url(../map_icons/delete.png);
	background-repeat: no-repeat;
}
#delete_b.selected {
	background-image: url(../map_icons/delete.png);
}

#logout_b {
	width: 31px;
	height: 31px;
	background-image: url(../map_icons/logout.png);
}
#logout_b.selected {
	background-image: url(../map_icons/logout.png);
}

#shape_b {
	width:31px;
	height:31px;
	background-image: url(../map_icons/shape.png);
}
#shape_b.selected {
	background-image: url(../map_icons/shape.png);
}

#add_b {
	width:31px;
	height:31px;
	background-image: url(../map_icons/add.png);
}
#add_b.selected {
	background-image: url(../map_icons/add.png);
}

#map {
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

#menu {
	margin:0 auto;
	width: 40px;
	height: 40px;
	margin-top: 120px;
	background-color: black;
	position: absolute;
	z-index: 100; 
	opacity: 0.8;
}

.error_msg {
	color: red; 
	font-size: 14px; 
	font-family: courier, cursive;
}

.success_msg {
	color: green; 
	font-size: 14px; 
	font-family: courier, cursive;
}

#tt {
	position : absolute;
	display : block;
	overflow : hidden;
	z-index : 9999;
}

#tttop {
	display : block;
	height : 5px;
	margin-left : 5px;
	overflow : hidden;
	z-index : 9999;
}

#ttcont {
	display : block;
	padding : 2px 12px 3px 7px;
	margin-left : 5px;
	background : #666;
	color : #fff;
	font-size : 12px;
	overflow : hidden;
	z-index : 9999;
}

#ttbot {
	display : block;
	height : 5px;
	margin-left : 5px;
	overflow : hidden;
	z-index : 9999;
}

#noway, #yesway, #report {
	display: none;
}

#report.error_text {
	color: rgb(212, 0, 0); 
	font-size: 17px; 
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	text-shadow: 2px 2px 7px rgb(232, 0, 0);
    text-align: center;
}

#report.success_text {
	color: rgb(160, 198, 61); 
	font-size: 17px; 
	font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
	text-shadow: 2px 2px 7px rgb(180, 224, 69);
    text-align: center;
}

.captcha_img
{
    position: absolute;
    width: 120px;
    height: 37px;
    margin: 4px 0 0 7px;
}


.hidden {
	display: none;
}


/* Pop-up message and fading background */
#opaco {
	background-color: #000000;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 10;
}

.info {
	background-color: #000 !important;
	opacity: 0.1 !important;
}

#popup {
	background-color: #000000;
	position: fixed;
	/*width:300px;*/
	left:50%;
	top:50%;
	right: 50% !important;
	min-width: 300px;
	z-index: 11;
	opacity: 0.8;
    box-shadow:	0pt 2px 5px rgba(0, 0, 0,  0.7);
    border-radius: 5px;
}

/*-- Стиль всплавающего окна входа --*/

#popup h1{
    font-size: 38px;
    color: rgb(126, 158, 48);
    font-family: 'Oswald',Arial,Helvetica,sans-serif;
    font-weight: bold;
    text-align: center;
    text-shadow: 5px 5px 10px #4d4d4d;
    margin: 0 0 7px 0;
    padding: 0;
}

#popup hr {
	width: 100%;
	height: 1px;
	background-image: url('../map_icons/hr.png');
    background-repeat: no-repeat;
    background-position: center;
	padding: 0;
	margin: 0;
	border: 0;
}

#popup .label_text {
	font-size: 14px;
}
 
#popup input:not([type="checkbox"]){
    width: 100%;
    height: 37px;
    margin-top: 4px;
    padding: 8px 5px 8px 32px;
    border: 1px solid rgb(178, 178, 178);
    border-radius: 3px;
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.6) inset;
}
#popup input:not([type="checkbox"]):active,
#popup input:not([type="checkbox"]):focus{
    border: 2px solid rgba(126, 158, 48, 0.7);
    box-shadow: 0px 1px 4px 0px rgba(168, 168, 168, 0.9) inset;
}

/**** advanced input styling ****/
/* placeholder */
::-webkit-input-placeholder  {
    color: rgb(190, 188, 188);
    font-style: italic;
}
input:-moz-placeholder,
textarea:-moz-placeholder{
    color: rgb(190, 188, 188);
    font-style: italic;
}
input {
  outline: none;
}

/*стилизуем обе кнопки*/
#popup p.button input, #reg_button{
    margin-top: 0;
    width: 25%;
    cursor: pointer;
    background: rgb(126, 158, 48);
    padding: 2px 1px;
    font-family: 'BebasNeueRegular','Arial Narrow',Arial,sans-serif;
    color: #fff;
    font-size: 18px;
    border: 1px solid rgb(104, 130, 40);
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
    border-radius: 3px;
    box-shadow:
        0px 1px 1px 0px rgb(126, 158, 48);
    transition: all 0.2s linear;
}
#popup p.button input:hover, #reg_button:hover{
    background: rgb(147, 183, 56);
}
#popup p.button input:active,
#popup p.button input:focus{
    background: rgb(104, 130, 40);
    position: relative;
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
#reg_button:active, #reg_button:focus{
    margin-top: 1px;
    background: rgb(104, 130, 40);
    position: absolute;
    box-shadow: 0px 1px 6px 4px rgba(0, 0, 0, 0.2) inset;
}
p.login.button,
p.signin.button{
    text-align: right;
    margin: 5px 0;
}

#reg_button {
    margin-top: 3px !important;
    height: 23px;
    padding: 6px 3px;
    text-align: center;
    width: 100px !important;
    position: absolute;
}

.keeplogin{
    margin-top: -5px;
}
.keeplogin input,
.keeplogin label{
    display: inline-block;
    font-size: 12px;
    font-style: italic;
}
.keeplogin input#loginkeeping{
    margin-right: 5px;
}
.keeplogin label{
    width: 80%;
}

p.change_link{
    position: absolute;
    color: rgb(127, 124, 124);
    left: 0px;
    height: 20px;
    width: 440px;
    padding: 17px 30px 20px 30px;
    font-size: 16px ;
    text-align: right;
    border-top: 1px solid rgb(219, 229, 232);
    border-radius: 0 0  5px 5px;
    background: rgb(225, 234, 235);
    background: repeating-linear-gradient(-45deg,
    rgb(247, 247, 247) ,
    rgb(247, 247, 247) 15px,
    rgb(225, 234, 235) 15px,
    rgb(225, 234, 235) 30px,
    rgb(247, 247, 247) 30px
    );
}
#popup p.change_link a {
    display: inline-block;
    font-weight: bold;
    background: rgb(247, 248, 241);
    padding: 2px 6px;
    color: rgb(29, 162, 193);
    margin-left: 10px;
    text-decoration: none;
    border-radius: 4px;
    border: 1px solid rgb(203, 213, 214);
    transition: all 0.4s  linear;
}
#popup p.change_link a:hover {
    color: rgb(57, 191, 215);
    background: rgb(247, 247, 247);
    border: 1px solid rgb(74, 179, 198);
}
#popup p.change_link a:active{
    position: relative;
    top: 1px;
}

/*-- ! Стиль всплавающего окна входа ! --*/

.widthinfo {
	min-width: 750px;
	width: 750px;
}

.widthreg {
    min-width: 580px;
    width: 580px;
}

div.bug {
	
	padding:10px;
	position: relative;
	z-index: 20;
	color: #fff;
	opacity: 0.8; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9+ */

}

#infocontent {
	padding-bottom: 20px !important;
	height: 450px;
}

#infoarea
{
	width: 720px;
	height: 438px;
	position: absolute;
}

#contentinfo {
	overflow: auto;
	height: 420px;
}

.input {
	padding: 2px;
	font-size: 14px;
	border: 1px solid black;
	width: 190px;
	height: 25px;
	margin-bottom: 2px;
	background-color: #808080; 
}

.log_text {
	font-size: 14px;
	color: #ffffff !important;
	margin-top: 2px;
	margin-left: 2px;
	top: 10px;
}

.submit {
	font-size: 14px;
	width: 50px;
	height: 24px;
	color: #fff;
	border: 1px solid #fff;
	background-color: #000;
}

.hr_info {
	border: 0;
	opacity: 0.8;
} 

.info_href {
	cursor: pointer;
}

#bottom_panel {
	width: 720px;
	margin-bottom: 5px;
	float: left;
	display: inline;
	bottom: 0;
	position: absolute;
}

#editinfo, #makeedit, #save_info {
	float: left;
	margin-right: 10px;
}