body {
  background:#efefef;
  font-family: 'open sans', sans-serif;
  font-size: 14px;
  line-height: 1.231;
}


.errorMsg {
    color: red;
    padding-bottom: 20px;
    margin-top: -5px;
}


#container {
	width: 950px;
	padding: 0 auto;
	margin: 15px auto;
	background-color: none;
}


.container2 {
	width: 950px;
	padding: 0 auto;
	margin: auto;
	background-color: #00a6b6;
}



#header {
	width: 940px;
	margin: 10px 5px 20px 5px;
}


.header { width: 940px; margin: 10px 5px 20px 5px;}



.logo {
	float: left;
	
}

.headnav {
float:right;
}


.headnav ul li {
display: inline-block;
}

 .headnav ul li a {
  padding: 12px 27px;
  margin-bottom: 0;
  font-size: 14px;
  line-height: 20px;
  color: #333333;
  text-align: center;
  cursor: pointer;
  background-color: #43c3d1;
  -webkit-border-radius: 4px;
   -moz-border-radius: 4px;
    border-radius: 4px;
	width: auto;
	text-decoration:none;
}

 .headnav ul li a:hover {
  background-color: #000;
  color:#fff;
}

.login-nav {
	float: right;
	margin-bottom: 25px;
	margin-right:0px;
	padding-top:15px;
	
}

.login-nav a {
	font-size:12px;	
}

.login-nav img {
	padding-left:5px;
}

#banner-image {
	width: auto;
	height: 198px;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 10px 0 0;
	border: 2px #fff solid;
	webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 5px 0px rgba(50, 50, 50, 0.75);
}

#the-content {
	width: 940px;
	clear: both;
	padding: 20px 0;
	margin-left:5px;
}

#callout {
	/**width: 430px;**/
	padding: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #abcf4b;
	/**display: table-cell; width: 48%;**/
	-webkit-box-shadow: 0px 2px 3px 0px rgba(114, 114, 114, 0.75);
	-moz-box-shadow: 0px 2px 3px 0px rgba(114, 114, 114, 0.75);
	box-shadow: 0px 2px 3px 0px rgba(114, 114, 114, 0.75);
}


#callout h1 {
		padding-bottom:10px;

}

.greenradiusbox {
	padding: 20px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	background-color: #abcf4b;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(114, 114, 114, 0.75);
	-moz-box-shadow: 0px 2px 3px 0px rgba(114, 114, 114, 0.75);
	box-shadow: 0px 2px 3px 0px rgba(114, 114, 114, 0.75);
}

.greenradiusbox h1 {padding-bottom:10px; padding-left:10px;}



.clearfix {
	clear: both;
}


#footer-container {
	width: 960px;
	padding: 20px 0;
	margin: 0 auto;
	color: #ffffff;
}

#footer-container p {
	color: #ffffff;
}



#copyright {
	font-size: 11px;
	line-height: 15px;
	padding-top: 20px;
}

#copyright a {color: #ffffff;text-decoration: underline;}

#copyright a:hover {color: #ffffff; text-decoration: none;}

#project-listing {
	width: 97%;
	padding: 15px;
	margin: 0 0 20px;
	background-color: #eef5db;
}

.underline {
	border-bottom: 1px solid #43c3d1;
	padding-bottom: 5px;
}

.inp {
	width: 460px !important;
}

.date {
	width: 150px !important;
}


form{margin: 0px;}

hr{border-top: 0;}

.partner-listing {
    width: 96%;
    padding: 15px 10px 15px 15px;
    margin: 0 0 20px;
    background-color: #E0E6CE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
	-moz-box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
	box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
}

.project-listing {
    width: 97%;
    padding: 15px 0 15px 15px;
    margin: 0 0 20px;
    background-color: #E0E6CE;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius:6px;
	-webkit-box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
	-moz-box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
	box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
}
.picture-resource{
	max-width: 120px;
	max-height: 90px;
}
input.required {
    border-color: #F00 !important;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
}

.callout-center{
	display: table-cell; width: 2%;
}
.projectResults .joinButton {
	margin: 5px;
}
.project-listing-resource {
	display: block;
  margin-left: auto;
  margin-right: auto;
	padding-bottom: 3px;
}


/* additional custom css */

.btn {font-size:13px; padding: 8px 14px;}

.inputbordercolor  {border: 2px solid #43c3d1;}


.projectdetails {
	width:460px;
	height:auto;
	text-align:left-justify;
	font-size:13px;
}

.project-listing-span {
	padding-top:20px;
	padding-right:10px;
}


.joinbutton {
	text-align:center;
	margin:0 auto;
	padding-top:10px;
	padding-right:10px;
	float:right;
}

.eightypercent {width:80%;;}


.margintop20px {margin-top:20px;}
.margintop30px {margin-top:30px;}
.margintop50px {margin-top:50px;}
.marginleft10px {margin-left:10px;}
.marginbottom10px {margin-bottom:10px;}
.marginbottom20px {margin-bottom:20px;}	
.paddingbottom15px {padding-bottom:15px;}
.paddingtop12px {padding-top:12px;}
.paddingtop15px {padding-top:15px;}
.negative10margin {margin-top:-10px;}
.navpadding8px {padding-top:8px;}

.font13px {font-size:13px;}	 
.fontsize12px {font-size:12px;}
.fontsize14px {font-size:14px;}
.fontsize32px {font-size:32px;}
.fontweight500 {font-weigth:500;}

.whitefont {color:#fff;}
.smalltags {font-size:11px; }
			 
.leftpl {float:left; width:430px; height:auto; }
.rightpl {float:right; width:135px; height:auto;}	 
	 
	 
.keywordsSearch {padding-top:8px;}	 
	 	
.buttonbottom {position:absolute; bottom: 5%; right:5%;  left:5%; }
.textmessage {font-size:13px;}
.fluidboxcontent {min-height:110px;}
.mainfooterbox {background-color: #005e86; margin:0 auto;}	
.newsinput { margin-bottom: 4px; height: 30px;}
.pinkbutton {background-color:#ec008c; border:none;}
.pinkfont {color:#ec008c;}
.submitnewproject {float:right; margin-right:25px;}
.signcontainer {margin:0 auto; float:right; padding-top:90px;}
.torquisecolor {background-color:#43c3d1;}
.buttoncolorwhite {color:#fff;}			 
.paginationbottom  {list-style-type:none; float:right;}
.paginationbottom  li {display:inline-block; padding-right:15px;}
.searchfiltercontainer {margin-bottom:30px;}
.projectlistingheader { text-align:left; margin:0 auto;}

.filtercategorytitle {font-weight:bold;}
.relationshipsection {margin-top:20px;}

/*index*/
.nav-tabs>li>a{
	margin-right: 0px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background-color:#ccffff;
	font-size: 14px;
	padding: 10px 25px;
	color:#000;
	}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
	color: #555;
	background-color:#43c3d1;
	border: 2px solid #43c3d1;
	border-bottom-color: #43c3d1;
	cursor: default;
	color:#000;
}

.banner-image {
	width: auto;
	overflow: hidden;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	margin: 10px 0 0;
	border: 2px #fff solid;
	webkit-box-shadow: 0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 5px 0px rgba(50, 50, 50, 0.75);
	box-shadow:   0px 2px 5px 0px rgba(50, 50, 50, 0.75); }

.paragraphcontainer {width:460px; height:auto; margin:0 auto;}
.nav-tabs {border-bottom: 2px solid #43c3d1;}
.greenthumbpic {padding-left:10px;}
.greencontainer {position:relative; minimum-height:244px; margin-top:10px;}	
.boxcontent {width:320px; height:auto; margin:0 auto; float:right;}
.thumbpic_green {max-width:110px; max-height:110px;}


.greentitle {height:38px !important;}
/*iPhone 6 and iPhone 6+ portrait*/
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ 
	.scutoplogo { padding-top: 200px; float: left; margin-left: 0px;}
}
/*header*/
.logocontainer  {margin-top:15px; margin-bottom:15px;}	
.mainlogo {padding-top:30px;}
.logsnav {padding-right:0px;}
.topnavigation {background:none; float:left; margin:10px auto;}
.topnavigation ul li  {font-size:13px;}
.midcontentinfo {padding-top:25px;}
.projectheader {margin-bottom:20px;}
.scutoplogo {margin-left:-20px; padding-top:60px; }



/*login*/
.logincenterform {margin:0 auto; width:80%; height:auto;
    background-color: #E0E6CE;
    padding:15px 15px  20px 15px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
    -moz-box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
    box-shadow: 0px 2px 3px 0px rgba(185, 182, 182, 0.75);
    }
	
.logincenterform {font-size:12px; text-align:justify;}
	

/*contactcontainer*/
.contactcontainer {margin-top:50px;}


/*Submitproject*/
.borderbottomblue {border-bottom: 1px solid #43c3d1;}

/*Account page*/
.picture-resize {max-width:100px; max-height:100px;}


/*footer*/
.footer_container {margin:0 5px 0 5px; width:940px; height:auto; padding-top:20px; padding-bottom:20px;  background-color: #005e86;}
.leftfoot {margin:0 auto; height:auto; float:left;}
.newsletter {float: left; margin-left: 60px;}
.copyrights {margin:0 auto; list-style-type:none; padding-top:30px; padding-bottom:15px;}
.copyrights li {display:inline-block; font-size:11px;}
.copyrights li a {color:#fff;}
.copyrights li a:hover {color:#ff3baf;}
.chatterloginbottom {float:left; margin-left:1px; padding-top: 54px; font-size:11px;}
.chatterloginbottom a :hover{color:#ff3baf;}


/*footer-chatter*/
.footercontainer { position: absolute; left: 0; bottom: 0; height: 155px; width:100%; }
.footercolorbox {background-color: #005e86; padding-top:15px;}
.footer { background-color: #005e86; width:100%; height:auto; margin:0 auto;}
#chatter-holder { width:100%; height:auto; background-color: #00a6b6; margin-top:15px; padding-top: 5px; }

.chatter-container {
	width: 100%;
	height:auto;
	padding: 7px 0 9px 40px;
	color: #ffffff;
	font-size:13px;
	background: url(../mastermedia/liveideasicon.png) no-repeat;
	margin-left:5px;}

#chatter {width:100%; height:auto; padding-top:2px;}

/*media queries*/	 
@media only screen and (min-width: 1200px) {

}


@media only screen and (max-width: 1024px) {
.thumbpic_green {max-width:80px; max-height:80px;}
.headnav ul li a {padding: 8px 18px; margin-bottom: 0; font-size: 13px;}	
.signcontainer { margin: 0 auto; float: right; padding-top: 90px; }
 }
@media only screen and (max-width: 966px) {
.scutoplogo { padding-top: 10px; float: right;}
}
 
@media only screen and (max-width: 768px) {
.submitnewproject {float:left; margin-top:25px;}
.headnav ul li a { padding: 11px 20px; margin-bottom: 0; font-size: 13px;}
.scutoplogo {padding-top: 0px; float: right;}	 
.newsletter {height: auto; float: left;  margin-left:1px;}  
.signcontainer {margin: 0 auto; float: right; padding-top: 35px;}
.chatterloginbottom {padding-top: 20px;}
}

 @media only screen (max-width: 667px) {
.scutoplogo { padding-top: 200px; float: left; margin-left: 0px;}
    }
	
@media only screen and (max-width: 568px) {
.scutoplogo { padding-top: 10px; float: right;}
.chatterloginbottom {padding-top: 20px;}
}
@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ 
	.scutoplogo { padding-top: 200px; float: left; margin-left: 0px;}
}

 @media only screen and (max-width: 640px) {
.scutoplogo { float: left; margin-left: 0px;}
    }

@media only screen and (max-width: 360px) {

.headnav ul li a { padding: 11px 13px; margin-bottom: 0; font-size: 12px;}
.calloutbox { padding-top:20px;}
.mainlogo {padding-top:30px; padding-left:50px;}
.login-nav {float: right; margin-bottom: 25px; margin-right:10px; padding-top:15px; padding-right:20px;}
.headnav {float:left;}
.midcontentinfo {padding-top:5px;}
.paddingbottom15px {padding-bottom:15px;}
.centerpinkbutton {float:left; padding-top:15px;}
.smalltags {font-size:10px; padding-left:15px;}
.whitefont {padding-bottom:10px; margin-top:15px;}
.newsletter {margin-left:1px; float:left;}
.copyrights {margin: 0 auto; text-align: left; padding-top: 5px; padding-bottom: 15px;}
.submitnewproject {float:left; margin-top:25px;}
.rightpl {margin-top:20px;}
.contactcontainer {margin-top:20px;}
.topnavigation {font-size:11px;}
.signcontainer {margin:0 auto; float:left; padding-top:20px;}
}
.nav-tabs>li>a{
	margin-right: 0px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background-color:#ccffff;
	font-size: 13px;
	padding: 10px 20px;
	}
	
.copyrights li {display:inline-block; font-size:9px;}
.jointitle {font-size:13px;}
.scutoplogo {float: left; margin-left:0px;}
.chatterloginbottom {float:left; margin-left:1px; padding-top: 5px;}
.fluidboxcontent {max-height:auto;}
.greentitle {height:60px!important;}
}	

@media only screen and (max-device-width: 640px), only screen and (max-device-width: 667px), only screen and (max-width: 480px) and (orientation : portrait){ 
	.scutoplogo { padding-top: 200px; float: left; margin-left: 0px;}
}
@media only screen and (max-width: 320px) {

.calloutbox { padding-top:20px;}
.mainlogo {padding-top:30px; padding-left:50px;}
.login-nav {float: right; margin-bottom: 25px; margin-right:10px; padding-top:15px; padding-right:20px;}
.headnav {margin-left:-10px; float:left;}
.midcontentinfo {padding-top:5px;}
.paddingbottom15px {padding-bottom:15px;}
.centerpinkbutton {float:left; padding-top:15px;}
.smalltags {font-size:10px; padding-left:15px;}
.whitefont {padding-bottom:10px; margin-top:15px;}
.newsletter {margin-left:1px; float:left;}
.copyrights {margin: 0 auto; text-align: left; padding-top: 5px; padding-bottom: 15px;}
.submitnewproject {float:left; margin-top:25px;}
.rightpl {margin-top:20px;}
.contactcontainer {margin-top:20px;}
.headnav ul li a { padding: 11px 13px; margin-bottom: 0; font-size: 12px;}
.topnavigation {font-size:11px;}


.nav-tabs>li>a {
	margin-right: 0px;
	line-height: 1.42857143;
	border: 1px solid transparent;
	border-radius: 4px 4px 0 0;
	background-color:#ccffff;
	font-size: 13px;
	padding: 10px 20px;
	}
	
.copyrights li {display:inline-block; font-size:9px;}

.jointitle {font-size:13px;} 

.chatter-container {font-size:12px;}
.signcontainer {margin:0 auto; float:left; padding-top:20px;}
.scutoplogo { padding-top: 10px; float: left; margin-left:0px;}
.chatterloginbottom {float: left; font-size: 11px; margin-left:1px; padding-top: 5px;}

.greentitle {height:60px!important;}
.fluidboxcontent {max-height:auto;}
 }