/* CSS Document */

body {
	margin: 40px 0 0 0;
	padding: 0;
	font: 62.5% "Trebuchet MS", sans-serif; margin: 50px;
	background-color: #fff;
}

#map {
  width: 100%;
  height: 100%;
}

#gomap {
  width: 300px;
  height: 300px;
}

#logo{
  float: left;
  position:absolute;
 top:3px;
 left:4px;
 width:30%;
}

#psifiakes{
  float: right;
}

#bar {
 position:absolute;
 top:60px;
 left:5px;
 right: 5px;
 width:100%;
} 

.header { 
	background-color: #D0D0D0
	border-bottom: 1px solid #777;
	font-weight: bold;
	text-align: center;
	padding: 2px 0 4px;
	position: relative;
	overflow: hidden;
	width: 20%;
}

.footer{
  left: 40%;
}

/* CUSTOM pin/close buttons */
span.button-pin ,
span.button-close {
	position:	absolute;
	top:		0;
	width: 		20px;
	height:		20px;
	z-index:	2;
	display:	block;
	cursor: 	pointer;
}
span.button-close-west	{ left:	 0; }
span.button-close-east	{ right: 0; }
span.button-pin-west	{ right: 1px; }
span.button-pin-east	{ left:	 1px; }

/* CUSTOM pin-buttons */
span.button-pin-up 		  		{ background: url(../images/pin-up-off.gif) no-repeat center; }
span.button-pin-up:hover   		{ background: url(../images/pin-up-on.gif)  no-repeat center; }
span.button-pin-down 	  		{ background: url(../images/pin-dn-off.gif) no-repeat center; }
span.button-pin-down:hover 		{ background: url(../images/pin-dn-on.gif)  no-repeat center; }

/* CUSTOM close-buttons */
span.button-close-west			{ background: url(../images/go-lt-off.gif) no-repeat center; }
span.button-close-west:hover	{ background: url(../images/go-lt-on.gif)  no-repeat center; }
span.button-close-east			{ background: url(../images/go-rt-off.gif) no-repeat center; }
span.button-close-east:hover	{ background: url(../images/go-rt-on.gif)  no-repeat center; }

/* STANDARD toggler-buttons - when the east/west panes are 'closed' */
/*
*	SIMPLE TOGGLER BUTTONS
*/

.ui-layout-toggler-north-open ,
.ui-layout-toggler-south-closed { background: url(../images/toggle-up.gif) no-repeat center bottom; }
.ui-layout-toggler-north-closed ,
.ui-layout-toggler-south-open   { background: url(../images/toggle-dn.gif) no-repeat center top; }
.ui-layout-toggler-east-closed ,
.ui-layout-toggler-west-open    { background: url(../images/toggle-lt.gif) no-repeat center right; }
/*.ui-layout-toggler-west-closed , SEE west-closed BELOW */
.ui-layout-toggler-east-open    { background: url(../images/toggle-rt.gif) no-repeat center left; }

.ui-layout-toggler .content {
   font-size: 12px; /* IMPORTANT: default = 1px */
   font-weight: bold;
   text-align: center;
   background-color: #404040;
}


/*
 * Icons toolbar
 */

.pan {background-image:url(../images/pan.png) !important;}
.ruler {background-image:url(../images/ruler.png) !important;}
.ruler2 {background-image:url(../images/ruler_square.png) !important;}
.geolocation {background-image:url(../images/icon_geolocation.png) !important;}



	.fg-buttonset { float:right; }
	.fg-buttonset .fg-button { float: right; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }
	
	.fg-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
	.fg-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }
	
	a.fg-button { float:left; }
	
	/* remove extra button width in IE */
	button.fg-button { width:auto; overflow:visible; }
	
	.fg-button-icon-left { padding-left: 2.1em; }
	.fg-button-icon-right { padding-right: 2.1em; }
	.fg-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
	.fg-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
	
	.fg-button-icon-solo { display:block; width:8px; text-indent: -9999px; }	 /* solo icon buttons must have block properties for the text-indent to work */	
	
	.fg-buttonset { float:left; }
	.fg-buttonset .fg-button { float: left; }
	.fg-buttonset-single .fg-button, 
	.fg-buttonset-multi .fg-button { margin-right: -1px;}
	
	.fg-toolbar { padding: .5em; margin: 0;  }
	.fg-toolbar .fg-buttonset { margin-right:1.5em; padding-left: 1px; }
	.fg-toolbar .fg-button { font-size: 1em;  }

  .fg-button-width{ width: 200px; text-align: left;}
  .fg-button-width2{ width: 180px; text-align: left;}
	
.measurement { left:360px;  }

#menu ul{
  list-style-type:none;
  margin: 0;
  padding: 0;
  width: 200px;
}

#menu li{
  list-style-type:none;
  padding-left: 10px;
}


#menu ul ul {
  list-style-type:none;
  margin: 0;
  padding: 10px;
  width: 180px;
}

#menu ul ul ul{
  list-style-type:none;
  margin: 0;
  padding: 20px;
  width: 170px;
}

#menu{
 padding-left: 1px; 
}

#networks-list li{
  list-style-type:none;
}
#base-layers-list li{
  list-style-type:none;
}

#radio{
  float: left;
}

.form_label{
  float:left;
  width:25%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:right;
  font-weight:bold;
}

.olLayerGooglePoweredBy.olLayerGoogleV3.gmnoprint {
visibility:hidden;
}