@import "http://fonts.googleapis.com/css?family=Fauna+One|Open+Sans+Condensed:300|Open+Sans";

@font-face {
    font-family: 'pacificoregular';
    src: url('fonts/pacifico-webfont.eot');
    src: url('fonts/pacifico-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/pacifico-webfont.woff') format('woff'),
         url('fonts/pacifico-webfont.ttf') format('truetype'),
         url('fonts/pacifico-webfont.svg#pacificoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

body{
	margin:0px;
	padding:0px;
	line-height:16px;
	color:#333333;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
}

h1, h2, h3, h4, p, ul, li, a, form, span{
	padding:0px;
	margin:0px;
	list-style:none;
	text-decoration:none;
}


#headerWrapper{
	background:url(images/map_02.jpg) repeat-x left bottom;
	
}

.leaflet-popup-pane{
	right:0!important;
	width:100%;
	position:fixed!important;
}

.hidden { visibility: hidden; display: none;}
.unhidden { visibility: visible; display: block;}

.popup {
    text-align: center;
}
.popup .slideshow {
    width: 100%;
}
.popup .slideshow .image {
    display: none;
}
.popup .slideshow .active {
    display: block;
}
.popup .slideshow img {
    width: 100%;
}
.popup .slideshow .caption {
    background: #eee;
    padding: 8px;
	font-size:11px;
}
.popup .cycle {
    height: 0px;
    margin-top:0px;
    padding-top:0px;
}
.popup .cycle a.prev {
    float: left;
}
.popup .cycle a.next {
    float: right;
}

.slideshow div.image span.mainImage{
	width:170px;
	height:170px;
	border-radius:50%;
	overflow:hidden;
	display:block;
	margin:0px auto;
	border:5px solid #e4e4e4;
}


.slideshow div.image span.mainImage img{
	height:170px;
	width:auto;
}


.leaflet-popup-content-wrapper{
	background:rgba(0,0,0,0.75)!important;
	color:#FFFFFF;
	padding:10px 00px 0px 0px!important;
	/* position:fixed!important	;
	right:0!important;
	top:0!important; */
	z-index:99999!important;
}


.slideshow div.image .caption{
	color:#333333;
	font-size:12px;
	line-height:16px;
	text-align:left;
}

.slideshow div.image h2{
	padding:15px 0px 5px 5px!important;
	text-align:left!important;
    font-family: "Open Sans";	
	font-weight:normal;
	font-size:16px;
}

#header, #txtWrapper{
	max-width:1183px;
	margin:0px auto;
	text-align:left;
}

#header .navbar-brand{
	width:35%;
	float:left;
	padding:5px 0px;
}
@media screen and (max-device-width : 900px)
{
	#header .navbar-brand{
		 width:80%!important;
		 display:block;
	}
}

#fotterWrapper .search{
	background:url(images/map_11.jpg) no-repeat right center #f6f6f6;
	border:1px solid #e4e4e4;
	padding:8px 35px 8px 6px;
	width:90%;
}





	#header #searchul{
		margin:10px 5% 0px 10%;
		width:22%;
	}
	
	#header #searchul li{
		width:100%;
	}
	
	
@media screen and (max-device-width : 1000px)
{
	#header #searchul{
		margin:0px; 
		width:auto;
	}
	
	#searchul{
		 clear:both!important;
		 float:left!important;
	}
	
	#header #searchul li{
		width:auto;
	}
	
	
	.navbar .in{
		background:#eee;
	}
}


	
ul#mainMenu li{
	padding:15px 15px;
}

ul#mainMenu li a{
	//color:#bea88f;
	text-transform:uppercase;
	padding:0px 0px;
    font-family: "Open Sans";
}

ul#mainMenu li.addnew a{
//	background:url(images/map_08.jpg) repeat-x left center;
	padding:6px 10px;
	color:#FFFFFF;
}

ul#mainMenu li.addnew{
	padding:10px 0 7px 10px;
}

ul#mainMenu li.addnew a span{
	margin-right:8px;
}

#rightWrapper{
	width:29%;
	float:left;
}


#leftWrapper{
	width:67%;
	float:left;
}
	
@media screen and (max-device-width : 600px){
	#rightWrapper,
	#leftWrapper{
		width:100%!important;
		float:none;
		clear:both;
	}
	
	.navbar-collapse ul{
		width:100%!important;
		text-align:center;
	}
	
	#BannerWrapper{
		height:200px!important;
	}
	
	#mainMenu{
		clear:both;
		float:left!important;
	}
	
	#rightWrapper{
		padding:10px 5% 10%  10%;
		width:90%!important;
	}
}
	

#txtWrapper{
	background:#FFFFFF;
	min-height:550px;
	position:relative;
	z-index:9999;
	border:1px solid #e4e4e4;
	border-bottom:0px;
	padding-bottom:50px;
}

#clr{
	clear:both;
}

#BannerWrapper{
	height:320px;
	margin-bottom:-50px;
	overflow:hidden;
}
 
#BannerWrapper img{
	width:100%;
}


#breadcrumbs {
    background: linear-gradient(to bottom, #F3F3F3 0%, #EDEDED 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    color: #9E9E9E;
    font-size: 12px;
    padding: 15px 23px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#breadcrumbs a {
    color: #6E6E6E;
    text-decoration: none;
} 

#memberreg {
	padding:5px 50px; 
}

#memberreg label{
	width:200px;
	background:#e4e4e4;
	display:none;
	padding:5px 10px;
}


#memberreg input[type=email],
#memberreg input[type=text],
#projectForm select,
#projectForm textarea{
	padding:8px 10px;
	border:1px solid #d3d3d3;
	background:#f3f3f3;
	width:90%;
	font-size:14px;
    font-family: "Open Sans";
}

#memberreg input#city,
#memberreg input#phone{
	 width:45%;
	 margin-right:1%;
}

#memberreg input#state,
#memberreg input#fax{
	 width:43%;
}

#leftWrapper h1{
    font-family: "Open Sans";
	font-weight:normal;
	font-size:25px;
	text-transform:uppercase;
	margin-bottom:20px;
}

#rightWrapper .widget{
	 margin-bottom:15px;
	 font-size:12px;
}


#rightWrapper .widget h4.widgettitle{
	font-size:16px;
    font-family: "Open Sans";
	border-bottom:1px solid #e4e4e4;
	padding-bottom:10px;
	margin-bottom:10px;
}

#rightWrapper {
	padding-right:2%;
}

#et_contact_submit, #et_contact_reset {
    border: 0 none !important;
    color: #4C4B4B !important;
    float: left;
    font-size: 12px;
    height: 35px;
    margin-right: 9px;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
}
#et_contact_submit {
    background: url("images/contact_submit.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    margin-right: 6px;
    width: 73px;
}
#et_contact_reset {
    background: url("images/contact_reset.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    width: 61px;
}

.et-protected {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #E7E7E7;
    margin:20px 0px;
    width: 100%;
	
}

.et-protected-form{
	padding:25px 15px;
}

.et-protected-form p {
    padding-bottom: 16px;
}
.et-protected-form p label {
    position: relative;
}
.et-protected-form p .et_protected_icon {
    background: url("images/shortcodes-sprite.png") no-repeat scroll -190px -37px rgba(0, 0, 0, 0);
    display: block;
    height: 20px;
    left: 15px;
    position: absolute;
    top: 8px;
    width: 10px;
}
.et-protected-form p .et_protected_password {
    background-position: -275px -2px;
    height: 23px;
}
.et-protected-form label span {
    display: none;
}
.et-protected-form p input {
    -moz-box-sizing: border-box;
    background: linear-gradient(to bottom, #F3F3F3 1%, #FEFEFE 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #E7E7E7;
    box-shadow: 0 0 1px rgba(0, 0, 0, 0.1) inset;
    color: #363636;
    font-size: 14px;
    margin: 0 !important;
    padding: 10px 20px 10px 40px;
    position: relative;
    width: 100%;
}
.et-protected-form input.etlogin-button {
    background: linear-gradient(to bottom, #F9F9F9 0%, #F5F5F5 100%) repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 1px solid #E7E7E7;
    box-shadow: 1px 1px 0 0 #FFFFFF inset;
    color: #999999;
    font-size: 14px;
    padding: 14px 24px;
    text-shadow: 0 1px 0 #FFFFFF;
}

#rightWrapper h1{
    font-family: 'pacificoregular';
	font-weight:normal;
	margin-bottom:20px;
	margin-top:-10px;
}

.et-protected-form p label{	
	 width:100%;
}

#header .navbar{
	margin:0px;
}

#mainMenu{
	 float:right;
}

#projectphoto label{
	display:inline-block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	border:1px solid #d3d3d3;
	border-radius:8px;
	font-weight:normal;
	width:auto!important;
	cursor:pointer
}

#projectphoto label input[type=file]{
	display:none;
}

#projectphoto label span{
	background:url(http://m.barnard.edu/admissions/modules/publishing/images/plus-icon.gif) no-repeat center center;
	background-size:15px 15px;
	width:20px;
	height:20px;
	display:inline-block;
	float:left;
	margin-right:5px;
}


#projectphoto label:hover{
	box-shadow:0px 0px 5px #d3d3d3 inset;
}

#projectForm input[type=submit]{
	display:inline-block;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#e5e5e5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
	
	border:1px solid #d3d3d3;
	border-radius:8px;
	font-weight:normal;
	width:auto!important;
	cursor:pointer;
	padding:8px 15px;
	text-transform:uppercase;
	float:right;	
}

#map .popup .cycle a img{
	opacity:0.8;
}
#map .popup .cycle a.prev{
	content:'';
	display:block;
	margin:122px 0 -122px -46px;
}

#map .popup .cycle a.next{
	content:'';
	display:block;
	margin:122px -46px -122px 0px;
}

#map .popup .cycle a:hover img{
	opacity:1;
}

#map .popup #detailbtn{
	 background:#FFFFFF;
	 padding:5px 15px;
	 display:inline-block;
	 margin:10px 0px -15px 0px;
	 color: #333333;
    font-family: Calibri;
    font-size: 12px;
	text-transform:uppercase;
    line-height: 16px;
    text-align: left;
}


#map .popup #detailbtn:hover{
	 text-decoration:underline;
}

#map .popup span.tags{
	 display:block;
	 color: #d3d3d3;
    font-family: Calibri;
    font-size: 12px;
	text-transform:uppercase;
    line-height: 16px;
    text-align: left;
	padding:7px 5px;
	background:#666666;
	margin:5px 0px;
}



#details fieldset legend{
	padding:0px 10px;
	font-family:"trebuchet MS";
	text-transform:uppercase;
}

#details fieldset{
	padding:10px;
	border-color:#e4e4e4;
	margin-top:20px;
}

#details fieldset ul li{
	padding:3px 5px;
	border-bottom:1px solid #e4e4e4;
}

#details fieldset span{
	display:inline-block;
	padding:5px 10px;
	background:#e4e4e4;
	margin-right:10px;
}

#listingEtails{
	clear:both;
	padding-top:15px;
}

#details{
	width:48%;
	float:left;
}

.mainImg{
	display:block;
}

.mainImg img{
	width:100%;
}

#details p{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	padding:5px 0px
}



#tabbings{
	width:50%;
	float:right;
}

#tabbings #tabmenus{
	margin-bottom:7px;
}

#tabbings #tabmenus ul li{
	float:left;
}

#tabbings #tabmenus ul li a{
	padding:8px 12px;
	background:#efefef;
	margin-right:5px;
	color:#000000;
	border:1px solid #d3d3d3;
}

#tabContent{
	background:#333;
	color:#e4e4e4;
	padding:15px;
	padding-top:25px;
}

.projectdetails #listingEtails{
	padding:5px 2%;
}

.projectdetails h2{
    font-family: "Open Sans";
	text-transform:capitalize;
	font-size:24px;
	text-decoration:underline;
	margin-left:2%;
	display:block;
}

.pipelinediv{
	width:100%;
}

.leaflet-popup-close-button{
	background-color:#FFFFFF;
}

#memberreg h4,
#mapWrapper h4,
#txtWrapper h4{
    font-family: "Open Sans";
	font-size:14px;	
	line-height:20px;
	margin-right:15px;
}

#mapWrapper{
	padding:10px 1%;
}


#mapWrapper h1.mainHeading{
    font-family: "Open Sans";
	font-weight:normal;
	font-size:25px;
	text-transform:uppercase;
	margin-bottom:20px;
}

#memberreg  h4{
    font-family: "Open Sans";
	font-size:14px;	
	line-height:20px;
	margin-right:15px;
}

#fotterWrapper{
	width:100%;
	position:fixed;
	bottom:0;
	padding:7px 0px 0px 0px;
	background:#fff;
}

#fotterWrapper #buttons{
	width:62%;
	margin:0px auto;
}

#fotterWrapper #buttons p{
	 background:url(images/map_29.jpg) no-repeat center top;
	 width:265px;
	 padding:15px 5px;
	 text-align:left;
	 margin:0px;
}

#fotterWrapper #buttons p span{
	width:84%;
	padding-left:2%;
	display:inline-block;
	overflow:hidden;
} 

#fotterWrapper #buttons p span select{
	 background:none;
	 color:#FFFFFF;
	  border:0px;
	  width:117%;
	  box-shadow:0px 0px 0px;
	  padding:0px 10px;
}


#fotterWrapper #buttons p span select option{
	 line-height:25px;
	 vertical-align:middle;
	 background:#000000;
	 padding:5px 10px;
	 text-transform:capitalize;
	 font-size:12px;
	 border-bottom:1px solid #333;
}

#fotterWrapper #buttons p span select option:hover{
	 background:#d3d3d3;
	 color:#333;
}

#buttons ul{
	margin:0px;
}

#buttons ul li{
	 display:inline-block;
	 padding:0px 0px;
}

#msgerror{
	margin:5px 20px;
	background:#c3e7ae;
	padding:6px 10px;
	border:1px solid #a6db86;
	text-align:center;
    font-family: "Open Sans";
	font-size:14px;	
}

#listings li {
    border-bottom: 1px solid #999999;
    padding: 10px 5px;
}
#listings li span.listingphoto {
    border: 5px solid #d3d3d3;
    display: inline-block;
    float: left;
    margin-right: 10px;
    overflow: hidden;
    width: 190px;
}
#listings li span.listingphoto img {
    width: 100%;
}
#listings li #listingdetails {
    float: right;
    width: 285px;
}
#listings li:hover span.listingphoto {
    border: 5px solid #d3d3d3;
}
#listings li:hover {
    background: none repeat scroll 0 0 #f4f4f4;
    cursor: pointer;
}.detailbtn {
    background: url("images/icfg_25.jpg") repeat-x scroll left top rgba(0, 0, 0, 0);
    color: #000000;
    display: inline-block;
    font-size: 12px;
    margin-top: 7px;
    padding: 5px 30px;
    text-transform: uppercase;
}
#listingdetails span {
    background: none repeat scroll 0 0 #333333;
    display: inline-block;
    font-size: 10px;
    margin-bottom: 5px;
    margin-right: 5px;
    padding: 3px 6px;
    text-transform: uppercase;
}
#listingdetails span a {
    color: #FFFFFF;
}

#listingdetails h3 {
    font-family: "Open Sans";
    font-weight: bold;
	font-size:17px;
	margin:0px;
    margin-bottom: 10px;
    text-transform: capitalize;
}
#listingdetails p {
    font-size: 10px; 
}

#listingprojects{
	padding:10px 15px;
	min-width:450px;
	width:45%;
	float:left;
}

#txtWrapper h1{
    font-family: "Open Sans";
	font-weight:normal;
	font-size:25px;
	text-transform:uppercase;
	margin-bottom:05px;
	padding-left:15px;
}

#mapMarkers{
	 width:53%;
	 float:right;
	 padding-right:20px;
	 min-width:525px;
}

.diretions legend{
	color:#FFFFFF;
	font-family: "trebuchet MS";
	padding: 0 3px;
	text-transform: uppercase;
}

.diretions fieldset ul li {
    border-bottom: 1px solid #E4E4E4;
    padding: 3px 5px;
}
.diretions fieldset span {
    background: none repeat scroll 0 0 #444;
    display: inline-block;
    margin-right: 10px;
    padding: 5px 10px;
}

#memberreg h1{
	 padding-left:0px;
	 padding-bottom:15px;
}


#TabForm fieldset{
clear:both;
	padding:10px;
	border:1px dotted #999999; 
	margin-bottom:20px;
	
}

#TabForm fieldset td{
	padding:5px;
}

#TabForm fieldset legend{
	padding:10px;
	text-transform:uppercase;
	font-family:"trebuchet MS";
	font-size:14px;
	font-weight:bold;
}

#TabForm fieldset td input[type=text],
#TabForm fieldset td input[type=password]{
	border:1px solid #d3d3d3;
	border-left:5px solid #d3d3d3; 
	padding:5px 10px;
}

#TabForm fieldset td select{
	border:1px solid #d3d3d3;
	border-left:5px solid #d3d3d3; 
	padding:5px 5px;
}


#TabForm fieldset td textarea{
	border:1px solid #d3d3d3;
	border-left:5px solid #d3d3d3; 
	padding:5px 5px;
}


#TabForm_errorloc  ul li{
	color:#FFFFFF;
	font-size:12px;
	margin:0px 2px 2px 0px;
	list-style:disc inside;
	float:left;
	padding:5px 20px 5px 5px;
	color:#FF0000;
}

#datatables td{
	 font-size:12px;
}

#datatables td .btn-mini {
    border-radius: 3px;
    font-size: 10.5px!important;
    padding: 0 6px!important;
}

#datatables td .btn {
    background-color: #F5F5F5;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    background-repeat: repeat-x;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #333333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0;
    padding: 4px 12px;
    text-align: center;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    vertical-align: middle;
	border:1px solid #d3d3d3;
}

@media all and (max-device-width:768px) {
	#fotterWrapper #buttons{
		width:100%!important;
	}
	
	#fotterWrapper #buttons form{
		clear:both!important;
		/*width:60%!important; */
		width:265px!important;
	}
	
	.leaflet-popup-content{
		 width:180px!important;
	}
	
	#legands{
		display:none;
	}
	
	#tabbings, #details{
		width:100%!important;
		clear:both!important;
		float:none!important;
	}
	
	#fotterWrapper #buttons form input{
		width:265px!important;
	}
}

a#submitbtn{
	display:inline-block;
}

#legands{
	float:right;
	padding:5px 10px 5px 5px;
	background:#FFFFFF;
	border:1px solid #d3d3d3;
	margin-top:-85px;
}

#legands img{
	width:25px;
}

#legands td{
	padding:1px 5px;
}

.responsive #formWrapper input[type=text],
.responsive #formWrapper input[type=password],
.responsive #formWrapper table{
 	width:100%;
}