#page { text-align:left; width: 100%;}

#header { text-align: left; padding: 4px; height: 26px; font-size: 80%; background: #fff /*#fff199 #fde3ac #ffd785*/;}
#header a { text-decoration: underline; color: #000;}
#header a:hover { text-decoration: underline;}
#header h1 { font-size: 80%; font-weight: bold; padding: 4px; margin: 0; text-align: left; position: absolute; left: 0; top 0;}
#header h1 a { text-decoration: none; color: #015b54; width: 100%;}

.button {
    display: inline-block;
    font-size: 100%!important; font-weight: bold; text-transform: none;
    background: /*#ffb00d*/ url(/static/img/design/button-bg.png) repeat-x center; color: #fff;
    border: solid 1px /*#196d64*/ #23998c; padding: 6px;
    border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
    border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
    border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
    border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}
a.button { text-decoration: none; color: #fff; line-height: normal; margin: 2px 0; vertical-align: middle;}
.button-minor-action {background: url(/static/img/design/button-bright-bg.png) repeat-x center !important; color: #015d54!important; border: solid 1px #ffe41c; font-weight: bold;}
input[type=button] {cursor: pointer;}
input[type=submit] {cursor: pointer;}

#searchbox .button { padding: 3px;}

#header .map-tool-button {
	text-decoration: none;
	cursor: pointer;
	background: #005e52; color: #fff; font-weight: bold;
	padding: 2px 4px 4px 4px; margin: 1px;
	border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
	border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}

#header .map-dropdown-button {
	text-decoration: none;
	background: #005e52 url(/static/img/design/dropdown-link-white.png) right center no-repeat;
	color: #fff; font-weight: bold;
	padding: 2px 15px 4px 4px; margin: 1px;
	border-top-left-radius: 2px; -moz-border-radius-topleft: 2px;
	border-top-right-radius: 2px; -moz-border-radius-topright: 2px;
	border-bottom-left-radius: 2px; -moz-border-radius-bottomleft: 2px;
	border-bottom-right-radius: 2px; -moz-border-radius-bottomright: 2px;
}

#select_search_result_div { display: none;}

.buttons { text-align: center;}

#toolbar.map-toolbar {background: #fffed1 url(/static/img/logo-map.png) 2px center no-repeat; padding-left: 22px; height: 28px; line-height: 28px; }

.jstree-classic.jstree-focused { background: #fff2d7!important; background: #fff!important;}
.jstree-classic-context { text-align: left; font-size: 80%; width: 250px; border: solid 1px #ddd; background-color: #fffcf5!important;}

.map-sidebar-tab-subtitle {background: #fdfdfd /*#fdeecf #fffdf7*/; color: #555; font-weight: normal; text-align: left; padding: 6px 12px; border-bottom: dotted 1px #d0d0d0;}
.map-sidebar-tab-subtitle p { margin: 0!important; padding: 0!important;}

#map-menu-content {overflow: hidden; }
#footer { position: absolute; left: 0; bottom: 0; height: 24px; line-height: 24px; vertical-align: middle; padding: 3px 0; text-align: center; color: #333; font-size: 80%; width: 20%; border-top: dotted 1px #b0b0b0;}
#footer a { color: #333;}
#loaded { display: none;}

#map { margin: 0; padding: 0; width: 80%;} /* in order to change this value you need change also the value in js function window_resize() */

#map_partner_button_cs_CZ { width: 120px; height: 42px; background: transparent url('/static/img/stante-se-partnerem.png') no-repeat;}
#map_partner_button_en_US { width: 120px; height: 42px; background: transparent url('/static/img/become-a-partner-button-en.png') no-repeat;}

#tools-search { position: absolute; left: 50%;}
#tools-search form {display: inline;}
#tools-search .button { padding: 3px;}

#search { border: solid 1px #b0b0b0; padding: 2px;}
#logo {position: absolute; top: 4px; left: 6px; width: 72px; height: 72px;}

#tools-menu {float: left; color: #555;}
#tools-menu { list-style-type: none; padding: 0;}
#tools-menu li { display: inline;}
#tools-map {float: right; color: #555;}
#tools-map a { color: #555;}
#tools-map { list-style-type: none; padding: 0;}
#tools-map li { display: inline; }

.map-tool-icon img { border: solid 1px #ccc;}

.sidebar-box { border-bottom: dotted 1px #b0b0b0; margin-bottom: 8px; background-color: #fffed1;}
.sidebar-box p { padding: 6px; margin: 0;}
.sidebar-box .position { font-size: 70%; color: #555; text-align: center;}
.sidebar-box .action { text-align: center;}

#campaigns-box .campaign-box { border-bottom: dotted 1px #b0b0b0;}
#campaigns-box .campaign-box:last-child { border-bottom: 0;}

#signup-box { text-align: center; padding: 12px; background: #fffed1;}

#map-sidebar-tabs { padding-top: 4px;}

#map_menu {
    width: 20%;
    text-align: left;
    overflow: auto;
    background: #fff /*#fffbe0 #fff2d7*/;
    padding: 0; margin: 0;
    font-size: 80%;
    border-top: dotted 1px #b0b0b0;
}

#map_menu h2 {
    font-weight: bold;
    text-align: center;
    font-size: 120%;
    font-weight: bold;
    margin: 0;
    padding: 6px;
    background: #015d54 /*#ffd785 #ffb00d*/;
    color: #fff;
    position: relative;
}

#search_result_notification {
    font-size: smaller;
    text-align: center;
    color: #ac0e0e;
}

#show-my-projects-button { float: left; margin: 4px 0 0 4px; }

.map-sidebar-box-close-button {
	display: box; background: red;
	position: absolute;
	top: 6px; right: 6px; width: 20px; height: 20px;
}

.map-sidebar-tab-content { padding-top: 0!important; background: #fff; overflow: auto;}
.map-sidebar-tab-content p { padding: 6px; margin: 0;}

#map-sidebar-tree-other-objects li.realized-planting a { color: #444!important; text-decoration: line-through!important;}
#map-sidebar-showcased-inventory { margin: 0; padding: 0;}
#map-sidebar-showcased-inventory ul { margin: 0; padding: 0; list-style-type: none;}
#map-sidebar-showcased-inventory ul li { padding: 3px 6px; margin: 0; border-bottom: dotted 1px #ddd; cursor: pointer;}
#map-sidebar-showcased-inventory ul li:hover { background: #eee;}

.sidebar-tree-node-category { text-transform: uppercase;}