/*
 * It is highly, highly recommended that you develop your
 * CSS using Stylus: http://learnboost.github.com/stylus/.
 */

@import '../../../dojo/resources/dojo.css';
@import '../../../dijit/themes/claro/claro.css';

html, body {
	height: 100%;
	margin: 0;
	overflow: hidden;
	padding: 0;
}
h3 {
	margin-top: 0
}
#mainLayout {
	height: 100%;
}
#sidePaneStackContainer {
	overflow: auto;
}
#sidePane {
	width:220px;
	border:0;
    padding:0;
}

#topPane {
    text-align:center;
    vertical-align:middle;
    padding:0;
    border:0;
}
#label {
	font-family: 'Oswald', sans-serif;
	font-size: 24px;
	height:35px;
	color:#0000A0;
	padding-right:10px;
	/*padding-left:10px;*/
	vertical-align:middle;
}
#for {
	font-size: 12px;
	margin-right:10px;
    padding-top:2px;
    margin-top:2px;
}
/*TODO: fix other placeholders for "maintain"*/
.dijitPlaceHolder {
    color: rgb(170, 170, 170);
    font-style: italic;
    position: absolute;
    top: 0px;
    left: 0px;
    margin-top:3px;
}
#buttonSuche{
	font-size:12px;
}
#mainMenu{
	margin-top:2px;
}

#mapPane{
  margin: 0;
	padding: 0;
}
#map_canvas {
	height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
	width:100%;
}
.link {
	display:block;
	float:left;
	width:70px;
	margin-top:2px;
	margin-bottom:2px;
	color:blue;
	text-decoration: underline;
	text-align:left;
	cursor:pointer;
	vertical-align:middle;
	padding-right:10px;
}

.resLink:hover{
	font-weight:bold;
}
.resLink:visited{
	color:blue;
}
.resLink {
    cursor: pointer;
    color: #0000ff;
    color: -webkit-link;
    color: -moz-link;
}
.infoLink:visited{
	color:blue;
}
.infoLink{
    cursor: pointer;
    color: #0000ff;
    color: -webkit-link;
    color: -moz-link;
}
.comboLine {
	vertical-align:middle;
	padding-top:5px;
}
.dialogLine{
	padding-bottom:15px;
}
.dialogLabel {
	display:block;
	float:left;
	width:65px;
	margin-top:2px;
	margin-bottom:2px;
	text-align:left;
	vertical-align:middle;
	padding-right:10px;
}
.dialog{
	padding:5px;
}
div.info_hnav {
	font-size:x-small;
	/*margin-top:0px;*/
}
div.info_lnav {
	/*position:absolute;
	left:0;
	margin-bottom:10px;
*/
}
div.info_rnav {
/*	position:absolute;
	right:0;
	margin-bottom:10px;
*/
}
.cl_bold {
	font-weight:bold;
}
.iconDeletePolygon {
	background-image: url('../img/polygon_del.gif');
	background-repeat: no-repeat;
	width: 18px;
	height: 18px;
	text-align: center;
}
.paneLine {
	vertical-align:middle;
	padding-top:5px;
}
.paneLabel {
	display:block;
	float:left;
	width:70px;
	margin-top:2px;
	margin-bottom:2px;
	text-align:left;
	vertical-align:middle;
	padding-right:10px;
}
.paneLabelLong {
	display:block;
	float:left;
	width:120px;
	margin-top:2px;
	margin-bottom:2px;
	text-align:left;
	vertical-align:middle;
	padding-right:10px;
}

.index {
	z-index: -1;
}
.messages {
	position:fixed; 
	top: 50px;
	left:50%;
	margin-left: -200px;
	text-align: center;
	width: 400px;
	padding: 2px;
	border-color:black;
	background: rgb(250, 209, 99) none repeat scroll 0% 0%;
	/*
	-moz-background-clip: -moz-initial;
	-moz-background-origin: -moz-initial;
	-moz-background-inline-policy: -moz-initial;
	*/
	-moz-box-shadow:    1px 1px 2px 3px #ccc;
  -webkit-box-shadow: 1px 1px 2px 3px #ccc;
  box-shadow:         1px 1px 2px 3px #ccc;
}
.pageOverlay {
    top: 0;
    left: 0;
    position: absolute;
    height: 100%;
    width: 100%;
    z-index: 1001;
    display: block;
}

#loadingOverlay {
    background:  #fff url('//ajax.googleapis.com/ajax/libs/dojo/1.9.2/dijit/themes/claro/images/loadingAnimation.gif') no-repeat 10px 23px;
}

.loadingMessage {
    padding: 25px 40px;
    color: #999;
}
.bk_image {
	font-family: 'Arial', sans-serif;
	font-size: small;

}
.arrowL {
	position:absolute;
	top:1px;
	left:1px;
	background: no-repeat #fff url('../img/arrowL.png') 2px 2px;
    width: 15px;
	height: 17px;
	cursor: pointer;
}
.arrowR {
	position:absolute;
	top:1px;
	left:1px;
	background: no-repeat #fff url('../img/arrowR.png') 2px 2px;
    width: 15px;
	height: 17px;
	cursor: pointer;
}
#deleteButton {
    position:absolute;
    top:1px;
    left:54px;
    margin-top:4px;
    width: 26px;
    height: 27px;
    background: no-repeat #fff url('../img/polygon_del.gif') 4px 4px;
    cursor: pointer;
}
.hidden {
    display:none;
}
.show {
    display:block;
}
.pointer {
    cursor: pointer;
}
.kml_upload {
	border: 1px solid rgb(190, 206, 222);
	border-radius: 3px;
	background-color: rgb(229, 238, 249);
	padding: 4px 4px;
}
.kml_upload:hover {
	background-color: rgb(176, 207, 245);
}