html, body {
	height: 100%;
}
body {
	color: white;
	font-family: 'Open Sans Condensed', sans-serif;
	font-size: 75%;
}
#map {
	height: 100%;
}

 .gmap3{
        /* margin: 20px auto; */
        border: 1px dashed #C0C0C0;
        width: 100%;
        height: 100%;
		}
		
		
		

		
/* cluster */
      .cluster{
      	color: #FFFFFF;
		text-align:center;
      	font-family: 'Open Sans Condensed', sans-serif;
      	font-size:12px;
      	font-weight:normal;
	
      	text-shadow: 0 0 2px #000;
        -moz-text-shadow: 0 0 2px #000;
        -webkit-text-shadow: 0 0 2px #000;
      }
      .cluster-1{
        background: url(../images/m1.png) no-repeat center;
		text-align:center;
        line-height:38px;
		color:white;
      	width: 50px;
	    top:-25px;
		left:-25px;
      	height: 50px;
      }
      .cluster-2{
        background: url(../images/m2.png) no-repeat center;
        line-height:53px;
		text-align:center;
      	width: 70px;
      	height: 70px;
      }
      .cluster-3{
        background: url(../images/m3.png) no-repeat center;
        line-height:66px;
		text-align:center;
      	width: 90px;
      	height: 90px;
      }

.notification {
	position: absolute;
	z-index: 100;
	bottom: 30px;
	left: 50%;
	width: 80%;
	padding: 10px 2%;
	margin-left: -42%;

	background: orange;
	color: #000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border: 1px solid #dd8500;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	box-shadow: 0 0 10px rgba(0,0,0,.3);
}
/** Clearfix */
.clearfix:after {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  line-height: 0;
  visibility: hidden;
}

#sidebar{
  height: 100%;
  position: absolute;
  top:0;
  right:0;
  border-left: 1px solid black;
  float: right;
  background: none;
}


#sidebar .header{
 position:fixed;
   bottom:10px;}
   
   
  #sidebar .footer{
 position:fixed;
   top:10px;}
   
#sidebar .content{
  position: absolute;
  top:120px;
  bottom:10px;
  right:10px;
  z-index:800;
  background: url(../images/content_bg.png) repeat transparent;
  -webkit-box-shadow: 0 0 5px black;
  -moz-box-shadow: 0 0 5px black;
  box-shadow: 0 0 5px black;
  width:447px;
  
}

#sidebar ul.menu {
  position: absolute;
  top:70px;
  width: 399px;
  z-index:850;
  margin-left:-15px;
}

#scroll{
  height:500px;
  width:100%;;
  overflow:auto;
  position:relative;
}

#newchat{
  padding: 2px 5px 2px 5px;
}

#azienda-logo {
position: fixed;
top: 50px;
left: 120px;
float: left;
width: 226px;
height: 90px;
background-image: url("../images/italogo.png");
display: block;
}

#sidebar ul{
  list-style: none;
  margin: 0px;   
}

#sidebar ul.donor-list{
  margin-bottom: 12px!important;
  margin-top:8px!important;
   
}


.oicon{
  background: url(../images/back.png) no-repeat 6px 7px;
  display: block;
  margin-top: 32px;
}

a.close {
  position: absolute;
  z-index: 890;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  margin-top: 300px;
  background-position: -0px 11px;
  opacity: .9;
}

a.close:hover {
  position: absolute;
  z-index: 890;
  right: 0;
  top: 0;
  width: 64px;
  height: 64px;
  margin-top: 300px;
  background-position: -0px 11px;
  opacity:1;
}

.icon {
background-image: url(../images/forward.png);
background-repeat: no-repeat;
display: block;
text-indent: -999em;
margin-top: 32px;
}


a.oopen {
  position: absolute;
  z-index: 890;
  right:0;
  top:0;
  width:64px;
  height: 64px;
  opacity:0.9;
  margin-top: 300px;
 
}

a.oopen:hover {
  position: absolute;
  z-index: 890;
  right:0;
  top:0;
  width:64px;
  height: 64px;
  opacity:1;
  margin-top: 300px;
  
}


ul.menu li a{
  display: inline-block;
  border: 3px solid #385d8a;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  font: 16px Arial;
  font-weight: bold;
  padding:7px 37px;
  color: white;
  background: #4f81bd;
  border-top-left-radius: 10px 10px;
  border-top-right-radius: 10px 10px;
  -moz-border-topleft: 10px 10px;
  -moz-border-topright: 10px 10px;
  -webkit-border-top-right-radius:10px 10px;
  -webkit-border-top-left-radius:10px 10px;
}

ul.menu li a:hover {
  background: #00b0f0;
  text-decoration: none;
  color:white;
}

ul.menu li a:active {
  color: #00b0f0;
  position: relative;
  top: 1px;
}

ul.menu li a.selected{
  background: #00b0f0;
  text-decoration: none;
  color:white;
}
/* Sidebar styling */
#menu {
  -webkit-padding-start: 0px!important;
  -moz-padding-start:0px!important;
  padding: 0;
  margin: 0;
}

#menu a {
  display:block;
}
#menu ul {
  margin:0;
  padding:0;
}
#menu li.outerListItem {
  margin:0;
  padding:0;
  list-style-type:none;
}

#header-left,#header-right{float: right;}
#header-right{width:280px;}
#header-left{width:102px;}

#header-title{
  margin-top: 0;
  padding-right: 15px;
  padding-top: 30px;
  padding-left: 110px;
 font-family: 'Open Sans Condensed', sans-serif;
  font-size: 25px;
  font-style: italic;
  line-height: 19px;
  font-weight: lighter;
  color: white;
/*  background-image:url(http://itas.gussrl.it/logo.png); */
  background-repeat: no-repeat;
  background-position: center;
  height: 80px!Important;
  padding-bottom: 0px;
}  

#footer-title{
  margin-top: 0;
  padding-right: 15px;
  padding-top: 30px;
  padding-left: 110px;
 font-family: 'Open Sans Condensed', sans-serif;
  font-size: 25px;
  font-style: italic;
  line-height: 19px;
  font-weight: lighter;
  color: white;
/*  background-image:url(http://itas.gussrl.it/logo.png); */
  background-repeat: no-repeat;
  background-position: center;
  height: 40px!Important;
  padding-bottom: 0px;
}  

.data {
height: 40px;
position: fixed;
top: 0px;
right: 0px;
z-index:900;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: white;
text-transform: uppercase;
background: rgb(119, 136, 153);
background-image:url('../images/geologo.png');
background-repeat:no-repeat;
background-position:left center;
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
width:100%;
padding: 10px;
box-shadow: 0px 5px 10px 2px #333333;
-webkit-box-shadow: 0px 5px 10px 2px #333333;
-moz-box-shadow: 0px 5px 10px 2px #333333;



}

.posmenu {
position: absolute;
right: 60px;
 top:50%; 
 height:40px; 
 margin-top:-20px;
}

.legend2 {
width: 200px;
height: 50px;
position: fixed;
bottom: 56px;
left: 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: black;
text-transform: uppercase;
background: rgb(255, 255, 240);
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
box-shadow: 0px 5px 10px 2px #333333;
-webkit-box-shadow: 0px -5px 10px 2px #333333;
-moz-box-shadow: 0px -5px 10px 2px #333333;

}

.legend {
width: 600px;
height: 50px;
position: fixed;
bottom: 5px;
left: 0px;
font-family: 'Open Sans Condensed', sans-serif;
font-size: 16px;
font-style: normal;
font-weight: bold;
color: black;
text-transform: uppercase;
background: rgb(255, 255, 240);
opacity:0.9;
filter:alpha(opacity=90); /* For IE8 and earlier */
box-shadow: 0px 5px 10px 2px #333333;
-webkit-box-shadow: 0px -5px 10px 2px #333333;
-moz-box-shadow: 0px -5px 10px 2px #333333;

}



.menuName {
  font-family: 'Open Sans Condensed', sans-serif;
  font-size:20px;
  width:100%;
}

#tabs-1 {padding:90px 15px 5px 50px!Important;}
#tabs-2 {padding:90px 15px 5px 50px!Important;}
#tabs-3 {padding:50px 15px 5px 0px!Important;}


#menu li.outerListItem a {
  display:block;
  height:42px;
}
a {
	color: #0069D6;
}
#hungerNavIcon{
  display: inline-block;
  padding: 0px;
  height: 42px;
  width: 147px;
  background-image: url(../images/navpanel.png);
  background-position: -42px 0px;
}

li.ui-state-active #hungerNavIcon{
  display: inline-block;
  padding: 0px;
  height: 42px;
  width: 147px;
  background-image: url(../images/navpanel_hover.png);
  background-position:-42px 0px;
}


#wfpNavIcon{
  display: inline-block;
  padding: 0px;
  height: 42px;
  width: 147px;
  background-image: url(../images/navpanel.png);
  background-position: -29px 84px;
}

li.ui-state-active #wfpNavIcon {
  display: inline-block;
  padding: 0px;
  height: 42px;
  width: 147px;
  background-image: url(../images/navpanel_hover.png);
  background-position: -29px 84px;
}



#peopleNavIcon{
  display: inline-block;
  padding: 0px;
  height: 42px;
  width: 147px;
  background-image: url(../images/navpanel.png);
  background-position: -39px 42px;
}

li.ui-state-active #peopleNavIcon {
  display: inline-block;
  padding: 0px;
  height: 42px;
  width: 147px;
  background-image: url(../images/navpanel_hover.png);
  background-position: -39px 42px;
}





.ui-tabs .ui-tabs-nav li {
  position: relative;
  float: left;
  border-bottom-width: 0 !important;
  margin: 0 .1em -1px 0!important;
  padding: 0!important;
}

.ui-tabs .ui-tabs-hide {
  display: none !important;
}

#haritaPopUp {
	width: 395px;
	padding-left:27px;
	position: absolute;
	z-index:9999;
	display:none;
}
#haritaPopUp .haritaWrapper {
	width: 398px;
	position:absolute;
	z-index:9;
	display:table;
}
#haritaPopUp .arrow {
	position:absolute;
	background:url(../popim/infowindow_arrow.png) no-repeat;
	width:27px;
	height:40px;
	margin-top:10px;
	margin-left:-14px;
	z-index:10;
}
#haritaPopUp .haritaWrapper .top {
	background:url(../popim/infowindow_top.png) no-repeat;
	width: 398px;
	height: 20px;
}
#haritaPopUp .haritaWrapper .content {
	background:url(../popim/infowindow_content.png) no-repeat left bottom;
	;
	width: 398px;
	z-index: 9999;
	color: #666;
	padding-left:18px;
	padding-bottom:20px;
}
#haritaPopUp .haritaWrapper .content .container {
	width: 355px;
	min-height:120px;
	max-height:350px;
	overflow:auto;
}
#haritaPopUp .haritaWrapper .content .container .left {
	width: 225px;
	float: left;
	border-right: 1px dotted #999;
	display:table;
	min-height:160px;
}
#haritaPopUp .haritaWrapper .content .container .left .magazaadi {
	width: 225px;
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
}
#haritaPopUp .haritaWrapper .content .container .left .magazaadres {
	width: 225px;
}
#haritaPopUp .haritaWrapper .content .container .left .magazabilgi {
	width: 225px;
	margin-top: 10px;
}
#haritaPopUp .haritaWrapper .content .container .right {
	width: 100px;
	float: left;
	padding-left: 10px;
	font: 16px;
	font-weight: bold;
}
#haritaPopUp .haritaWrapper .content .container .right .urunlogo {
	margin-top: 5px;
	cursor:pointer;
}

.accordionButton {
	font-weight:bold;
	width: 320px;
	margin-right:20px;
	float: left;
	_float: none;  
	border-bottom: 1px dotted #333;
	cursor: pointer;
	height:20px;
	padding-bottom:5px;
	padding-top:5px;
}
.accordionContent {
	clear:both;
	padding-top:10px;
}

.on {
	font-weight:bold;
	cursor:pointer;
	color:#900;
}
.over {
	font-weight:bold;
}

a:hover,
a:focus {
	color: #0050A3;
}