.gm-style-iw { 
    width:200px;
}



#accordion p.on {
    background-image: url('../img/checkbox-checked.png');
    background-position: 0px -10px;
    background-repeat: no-repeat;
    padding-left:25px;
    width:180px;
}

#accordion p {
    background-image: url('../img/checkbox-unchecked.png');
    background-position: 0px -10px;
    background-repeat: no-repeat;
    padding-left:25px;
    font-weight:normal;
    line-height:15px;
    background-color:transparent;
    font-size:12px;
    width:180px;
}

#accordion p.no-toggle {
    background-image: none;
    padding-left:0px;
    width:180px;
}

#accordion p:hover {
    cursor:pointer;
}





.buttonsBar {
	height:44px;
	background-color:#666;
	width:100%;	
	margin:0px;
}


.buttonsCentersMap {
		height:38px;
		background-color:#666;
		width:100%;
		padding:4px;
}

.hideLegendRight {
		width: 30px; 
		height:30px;
		padding:8px;
		background: url('../img/hideLegendRight.png');
		background-repeat:no-repeat;
		position: relative; 
		margin-top:8px;
		margin-left:62%;
		cursor:pointer;
}
		
.hideLegendRight:hover {
		background-image:url('../img/hideLegendRight-over.png');
		background-repeat:no-repeat;
}
	

.showLegendRight {
		margin-left:97%;
		margin-top:8px;
		width: 50px; 
		height: 30px; 
		background-image:url('../img/showLegendRight.png');
		background-repeat:no-repeat;
		position: relative; 
		display:none; 
		cursor:pointer;
		}
		
.showLegendRight:hover {
		background-image:url('../img/showLegendRight-over.png');
		background-repeat:no-repeat;
}


#CentersMap {		
 width:100%;
 overflow:hidden;
 height:300px;
 background-color:#fff;
 margin: 0px;

}

#CentersMap-legend {
		width:100%;
		height:auto;
		background-color:#404040;	
		margin: 0px;
        padding:10px 0px;
		overflow-x: auto;
        overflow-y: auto;
}

@media (min-width: 768px) { 

#CentersMap {width:65%; height:650px; float:left;}
#CentersMap-legend {width:35%; margin: -44px 0px 0px 0px; height:694px; float:left; padding:0px;}


}

.content #CentersMap-legend div.legend-label {
		
}

.content #CentersMap-legend div.legend-label h3,
.content #CentersMap-legend div.Map-Comments h3{
		color:#F47721;
		font-size:13px;
		width:100%;
		line-height:18px;
		padding-bottom:4px;
		font-weight:600;
		text-transform:uppercase;
		border-bottom:3px solid #F47721;
}


.content #CentersMap-legend div.legend-label .zoomTo p {
	font-weight:normal;
	font-style:normal;
	line-height:15px;
	font-size:12px;
	color:#999;
	margin:20px 0px 0px 0px;
    font-style:italic;
}


#CentersMap-legend div.Centers-layers p {font-size:12px;}

#CentersMap-legend div.Centers-layers h3 {font-size:14px; text-transform:none;color:#fff; margin-top:0px;}


#CentersMap-legend div.Centers-layers,  /*these float left on mobile and stack on tablet/desktop*/
#CentersMap-legend div.Map-Comments {
	margin:10px 0px 20px 0px;
	padding:0px 15px;
	color:#fff;
	float:left;
	position:relative;
	width:50%;
}

@media (min-width: 768px) { 

#CentersMap-legend div.Centers-layers,  /*these float left on mobile and stack on tablet/desktop*/
#CentersMap-legend div.Map-Comments {
	margin:10px 0px 20px 0px;
	color:#fff;
	float:none;
	width:100%;
}

}


div.content #CentersMap-legend a.btn-default {
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
  color: #F47721;
  text-decoration: none;
  float: none;
  display:block;
  width:85%;
  position: relative;
  margin: 4px auto;
  line-height:14px;
  padding:4px;
}

#CentersMap-legend .comment-marker {
   width:100%; padding-left:25px; margin:20px 0px;	
   background-image: url('../img/checkbox-unchecked.png');
   background-position: 0px 0px;
   background-repeat: no-repeat;
}
#CentersMap-legend .comment-marker.on {
   width:100%; padding-left:25px; margin:20px 0px;	
   background-image: url('../img/checkbox-checked.png');
   background-position: 0px 0px;
   background-repeat: no-repeat;
}

div.content #CentersMap-legend .comment-marker img{
float:left;
width:28px;
}

div.content #CentersMap-legend .comment-marker p{
float:left;
width:70%;
margin-left:10px; 
margin-top:8px;
line-height:14px;
}

@media (min-width: 768px) { 

#CentersMap-legend div.Map-Comments h3,
.content #CentersMap-legend div.legend-label {font-size:15px;line-height:18px;}
div.content #CentersMap-legend a.btn-default {width:80%;font-size: 11px;}

}

@media (min-width: 992px) { 

#CentersMap-legend div.Map-Comments h3,
.content #CentersMap-legend div.legend-label{ font-size:16px;}
div.content #CentersMap-legend a.btn-default {width:70%;font-size: 12px;}

}

@media (min-width: 1200px) { 

div.content#CentersMap-legend div.Map-Comments h3,
div.content #CentersMap-legend div.legend-label{ font-size:18px;}

div.content #CentersMap-legend a.btn-default {width:50%;}

}

div.content #CentersMap-legend input[type="submit"], /*these are just the go and resent buttons */
div.content #CentersMap-legend input[type="reset"] {
	color:#FFF;
	background-color:#F47721;
	border:none;
	margin-top:14px;
	margin-bottom:5px;
	padding:5px;
    font-size:11px;
	line-height:11px;
	text-transform:uppercase;

}

#CentersMap-legend input[type="submit"]:hover, 
#CentersMap-legend input[type="reset"]:hover {
	cursor:pointer;
}


/*  Contributions grid below map  */

.contributions-header {	
	width:100%;
	margin:0px;
	padding:0px;	
	border-bottom:1px solid #ccc;
	height:36px;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	color:#999;
	letter-spacing:1px;
}

.contributions {	
	width:100%;
	margin:0px;
	padding:0px;
    clear:both;
	cursor:pointer;
	border-bottom:2px solid #F47721;
}


.contribute-photo, 
.contribute-comment, 
.contribute-owner, 
.contribute-date, 
.contribute-comment-mobile {
	float:left;
    position:relative;
	padding:10px;
}

.contribute-photo{width:25%;}

.contribute-owner{width:75%;}
.contribute-date{
width:25%;
font-style:italic;
font-size:12px;
color:#666;
}
	
.contribute-comment-mobile{width:100%;}

@media screen and (min-width: 768px) {
	
.contribute-photo{width:15%;}
.contribute-comment{width:35%;}
.contribute-owner{width:25%;}
	
}