/* 
Custom CSS for...
'Modern Business' HTML Theme by Start Bootstrap

All Start Bootstrap themes are licensed under Apache 2.0. 
For more info and more free Bootstrap 3 HTML themes, visit http://startbootstrap.com!
*/

/* Global Styles */

html, body {
  height: 100%;
  font-family: Helvetica,Arial,sans-serif;
  font-size: 14px;
  line-height: 135%;
}

body {
  padding-top: 80px;
 /* body padding for fixed top nav */
}

body.whatispopup2 {
  padding-top: 20px!important;
  background:transparent;
 /* whatispopup layout */
}

img.fullwidth {width:100%!important;}

h1, .page-header{ 
	color: #2d8c3d;
	font-size: 30px;
}

h2 {
	color: #414046;
	font-size: 24px;
}

h3 {
	color: #414046;
	font-size: 20px;
	line-height:135%;
	margin: 5% auto;
}

h3.hometext {color:#666;}

h3.nopadding {
	
	margin: 1% auto;
}

a {
    color: #2e8c3e;
}

p.videobutton{margin:10% auto;}

.navbar-nav > li > a {
    margin: 3px auto;
    padding-bottom: 1px;
    padding-top: 1px;
	border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

a:hover, a:focus{color:#b30413;}

.divider{ border-top:1px solid #eee;}


/* HACKS FOR SHOWING NAV ON LEFT */
.left-nav{padding-left:78px!important;}
.left-title{padding-top:0!important; margin-top:5px!important;}
.centered{padding-top:20px!important; float:right;}
/* //END OF HACKS FOR SHOWING NAV ON LEFT */


.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus {
    background-color: #eee;
    color: #000;
}

.navbar-inverse .navbar-nav > li > a:hover {background-color:#eee;}

.modal-body {
  /*then enter the height value you want here*/ 
  /*height:800px;*/
}

.row {
    margin-left: 0px;
    margin-right: 0px;
}

.fill{
    width:100%;
    height:100%;
    min-height:100%;
}

.morediv{
	border-bottom:1px solid #ccc;
	min-height:20px;
	width:80%;
	display:block;
	text-align:center;
	padding-bottom:2%;
	position:absolute;
	bottom:5%;
}

.img-home-portfolio,
.img-customer,
.portfolio-item {
  margin-bottom: 30px;
}

.tab-pane {
  margin-top: 15px;
}

.paddingtop{padding-top:2%}

.navbar{
	min-height:90px;
	z-index:1000;
}
/* Page Sections */

.texthalf{margin-top:5%;}

.section{padding:0;
margin:0;

}

.section-colored {
  background-color: #e1e1e1;
 /* change this to change the background color of a colored section */
}

.sidebar {
  margin-top: 20px;
  margin-bottom: 20px;
}

.sidebar ul {
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

.text-centeralign {margin:auto auto; vertical-align:middle;}

.sitetitle{ padding-top:5px;}
.max400{ max-width:400px; margin:2% auto; line-height:135%; font-size:14px}
.max500{ max-width:550px; margin:2% auto; line-height:160%; font-size:18px;}

.max-size200{max-width:200px;}
.max-size250{max-width:250px;}
.max-size350{max-width:350px;}
.subtitle { color: #414046;
    font-size: 24px;
}

.item,
.active,
.carousel-inner {
  height: 100%;
}

.fill {
  width: 100%;
  height: 100%;
  background-position: center;
  background-size: cover;
   margin-top:50px;
}

/* Social Icons Styles */
.list-social-icons {
  margin-bottom: 45px;
}

.tooltip-social a {
  text-decoration: none;
  color: inherit;
}

.facebook-link a:hover {
  color: #3b5998;
}

.linkedin-link a:hover {
  color: #007fb1;
}

.twitter-link a:hover {
  color: #39a9e0;
}

.google-plus-link a:hover {
  color: #d14836;
}

/* Service Page Styles */
.service-icon {
  font-size: 50px;
}

/* 404 Page Styles */
.error-404 {
  font-size: 8em;
}

/* Pricing Page Styles */
.price {
  font-size: 4em;
}

.price-cents {
  vertical-align: super;
  font-size: 50%;
}

.price-month {
  font-size: 35%;
  font-style: italic;
}

/* Footer Styles */
footer {
  margin: 10px 0;
  border-top:1px solid #ccc;
  padding:30px 0;
}

/* Custom Syles */

.btn {
	font-size:16px;
	margin:1px;
}

.btn-primary  {
  color: #414046;
  background-color: #ffcd00;
  border-color: #ffcd00;
  border:none;
  background-position:center center;
  background-size: cover;
}

.blankbutton {
	display:inline-block;
	background-color:#ffffff;
	width:72px; }
	
.learnmore {
	display:inline-block; 
	width:140px;
}

.btn-green  {
	color: #fff;
  	background-color: #2d8c3d;
  	border-color: #2d8c3d;
  	border:none;
 	background-position:center center;
  	background-size: cover;
}

.bottompadded{padding-bottom:20px;}

.btn-green:hover, .btn-green:focus,
.btn-green:active {
	color: #414046;
  	background-color: #ffcd00;
  	border-color: #ffcd00;
}

.minwidthfb{min-width:200px; float:left;}

.btn-fb, .btn-fb:visited, .btn-fb:focus  {
  padding-left:35px;
  color: #fff;
  background-color: #3d588f;
  border-color: #3d588f;
  border:none;
  background-position:10px center;
  height:auto;
  background-image:url(../images/facebook-32.png); 
  background-repeat:no-repeat;)
}

.btn-fb:hover, .btn-fb:active  {
  color: #fff;
  background-color: #6688d0;
  border-color: #6688d0;
}

.btn-xs{font-size:12px;}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.open .dropdown-toggle.btn-primary
 {
  color: #fff;
  background-color: #2d8c3d;
  border-color: #2d8c3d;
}

.btn-default{background-color:#eee;}

.btn-default:hover,
.btn-default:focus,
.btn-default.active{}

body {
	color:#666;
}

.section-colored{background-color:#f3f2f0;}
.navbar-inverse{background-color:#fff; border-bottom:3px solid #2d8c3d;}

.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
  color: #414046;/* #2d8c3d; */
}

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #2d8c3d;
}

.navbar-header{ width:100%; position:relative;}

.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	background-color: #2d8c3d;
}

a.nav{color:#999}
.logodiv{float:left; width:70px; padding-top:15px;}

.navdiv{float:left;}

.loginSectionContainer{float:right; width:40%; text-align:right;}
.userlogin { 
	background-color: #efefef;
    border-radius: 5px;
    float: right;
    font-size: 0.9em;
    line-height: 1.2;
    margin-top: 10px;
    padding: 5px 10px;
   	display:inline-block;
    right: 0;
    text-align: center;
    width: auto;
    min-width:90px;
}


.userlogin a{
	margin:5px 10px;
	font-size:12px;
	min-width:90px;
}

.userlogin div, .userlogin #urs {padding-bottom:2px;}

.resetPassword{ margin:2% 0; text-decoration:underline;}

.half-line {width:50%; border-color:#777; margin:20px auto 5px auto;}

.userlogin img{ padding-bottom:2px; margin-left:2%;}

/*.navbar-brand{ padding:20px 28px}*/

.topLogo{
	}
img.topLogo{vertical-align:bottom}
.carousel-caption{
	top:20%;
	padding-top:0;
}
.carousel-caption a{margin-top:2%;}

.carousel-caption a.btn-primary:hover{background-color:#fff; color:#666;}

/* Try video*/
.header-video {
    overflow: hidden;
    position: relative;
}


iframe.gmap {
    position: relative;
   	height:400px;
}

* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}



.img-centered{margin-left:auto; margin-right:auto;}
.vision{
	font-size:20px;
	margin-top:10%;
	line-height:135%;
}

.padded{padding:2% 0}
.playbutton{
	height:120px;
	width:120px;
	display:block;
	background-image:url(../images/arrow-right-2.png);
	background-repeat:no-repeat;
	margin:0 auto;
}



.title{
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size:30px;
}

#updateClinkForm .form-control{width:auto;}

.form-control:focus{border-color:#ffcd00;}

img.logoimg{ vertical-align:bottom; margin-right:30px; height:60px}

img.coinheader{
	float:right;  
	margin-left:5%;
}

.leadtext{
	margin-bottom:10%;
	line-height:135%;
}

.video-trigger {
    text-align: center;
    text-decoration: none;
	margin:5% 0;
	font-size:24px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
}

a.video-trigger {color:#2e8c3e}
a.video-trigger:hover {color:#414046}

.video-trigger:hover {
    background-color:transparent; color:#666;
	text-decoration:none;
}

.video-trigger:hover .playbutton{background-image:url(../images/arrow-right-h.png);}

/* DARK MODAL STYLES */

.modal-backdrop.in {
  -webkit-opacity: 0.95;
  -moz-opacity: 0.95;
  opacity: 0.95;
  background-color: #333333;
}
.ekko-lightbox .modal-content {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  border: none;
  background-color: transparent;
}
.ekko-lightbox .modal-header {
  border: 0;
  padding-left: 0;
  padding-right: 0;
}
.ekko-lightbox .modal-header .close {
  -webkit-opacity: 0.5;
  -moz-opacity: 0.5;
  opacity: 0.5;
  color: #fff;
  text-shadow: 0;
  font-weight: 100;
  margin-top: 5px;
}
.ekko-lightbox .modal-header .close:hover {
  -webkit-opacity: 1;
  -moz-opacity: 1;
  opacity: 1;
}
.ekko-lightbox .modal-header h4.modal-title {
  font-weight: 100;
  color: #fff;
  padding: 0;
}
.ekko-lightbox .modal-body {
  padding: 0;
}
.ekko-lightbox .modal-footer {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  border: 0;
  color: #fff;
  font-weight: 100;
  padding: 0;
}
.ekko-lightbox-nav-overlay a {
  -webkit-opacity: 0.9;
  -moz-opacity: 0.9;
  opacity: 0.9;
  text-shadow: none;
}

.navbar-toggle{margin-top:30px; background-color:#2d8c3d; border-color:#2d8c3d!important;}

/* //END OF DARK MODAL STYLES*/

.recipientTitle{
	color: #2d8c3d;
	font-size: 30px;
	margin-left:-15px;
}

.redTitle1 {font-size:1.8em; color:#B30413!important; display:block; padding:2% 0; text-transform:capitalize;}
.redTitle2 {font-size:1.5em; color:#B30413; display:block; padding:15px 0 0 0; text-transform:capitalize;}

.recipientDescription{
	color: #414046;
	font-size: 14px;
	margin:1% 0;
	display:block;
}

.contributeBox{
	background-color:#eee;
	padding:2%;
	border-radius:5px;
	width:100%;
	margin-bottom:2%;
}

.reccurDiv{
	font-weight: bold;
	font-size:13px;
	color:#b30413;

}

.recurringPaymentsDiv { width:44%;padding-left:0px;}
.contributionDigitsDiv {width:30%;padding-right:0px;}
.contributeButtonDiv {width:25%}

.contributeBox input.recurRadio {width:15px!important;}

.contributeBox input.makeRecurring {width:15px!important;}

.redTitle{
	color:#b30413;
	font-size:20px;
}

.block{display:block!important;}

.clinkerWelcome{
	display:block; 
	padding:2% 0; 
	margin:0; 
	color: #414046;
    font-size: 20px;
    line-height: 135%;
}

.smallRecipientImage img {max-height:80px; margin:10px 0 10px 10px;}

.contributeBox input{width:60px!important}
.contributeBox .recurringFrequencyDiv input{width:20px!important;}

p.error {
	font-weight: bold !important;
	color: red !important;
}

ul.messagePlaceholder {
	float: none;
    margin: 0 auto;	
    list-style-type: none;
}

div.messages {
	margin-top: 30px !important;
	margin-right: 0px !important;
	margin-left: 0px !important;
}

div.messagesFit {
	margin-top: 30px !important;
	margin-right: -15px !important;
	margin-left: -15px !important;
}

div.clinkerHeader {
	margin-right: 15px !important;
	margin-left: 15px !important;
}

div.fistElement {
	margin-top: 30px !important;
}

div.recipientProfile {
	margin-top: 30px !important;
}

.recipientProfile h3 {color:#b30413;  margin: 1% auto; padding:10px 0 0 0;}
.recipientProfile #registerOrLogin h3 {color:#000;}
.recipientProfile #loginFormMin h3 {color:#000;}

div.profilesHeader {
	margin-top: 30px !important;
}

div.recipientHeader {
	margin-top: 30px !important;
	margin-right: 15px !important;
	margin-left: 15px !important;
}

div.errorHeader {
	margin-left: 0px !important;
	margin-top: 20px !important;
}

.msg_SUCCESS {
	font-weight: bold !important;
	padding: 8px 35px 8px 50px;
	margin-bottom: 20px;
	border: 1px solid #2d8c3d;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #FFF;
	background-color: #2d8c3d;
	background-image:url(../images/check-25.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
}

p.highlightmessage {
	background-color:#fff; 
	padding:5px 10px 5px 40px; 
	border-radius:5px; 
	color:#444;
	display:block;
	width:60%;
	background-image:url(../images/enveloppe.png);
	background-repeat:no-repeat;
	margin:10px auto 5px;
	background-position:10px center;
	}

.msg_FAILURE {
	padding: 8px 35px 8px 50px;
	margin-bottom: 20px;
	background-color: #fcf8e3;
	border: 1px solid #b94a48;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-weight: bold !important;
	color: #fff;
	background-color: #b94a48;
	background-image:url(../images/error-25.png);
	background-repeat:no-repeat;
	background-position:5px center;
}

.makeblock{display:block;}

.paddedright {padding-right:5%;}
.paddedleft{padding-left:5%;}

.rightSeparatorLine {border-right:1px solid #ccc; margin-bottom:20px;}

.message {
	/*color:green;*/
}

.continuemessage {
	font-weight: bold !important;
	padding: 8px 35px 8px 14px;
	margin:5% 0 5% 0;
	text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
	background-color: #fcf8e3;
	border: 1px solid #555555;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #555555!important;
	background-color: #eeeeee;
}

.container {
    padding-left: 0px;
    padding-right: 0px;
}

.select-inline {display:inline;}
.form-autowidth {width:auto!important;}
.row-clearpadding {
	margin-left:-15px!important;
	margin-right:-15px!important;
}

.modal-backdrop, .modal-backdrop.fade.in {opacity:0.4!important;}

.whatis {font-size:0.8em; display:inline;}



	/* WHAT IS MODAL BOX CAROUSSEL */
	
	.whatispopup {
	  
	  background-image:url(../images/carousel.png);
	  background-repeat:no-repeat;
	}
	
	/* Fade transition for carousel items */
	.carousel .item {
	    left: 0 !important;
	      -webkit-transition: opacity .4s; /*adjust timing here */
	         -moz-transition: opacity .4s;
	           -o-transition: opacity .4s;
	              transition: opacity .4s;
	}
	
	/* Fade controls with items */
		.next.left,
		.prev.right {
		    opacity: 1;
		    z-index: 1;
		}
		.active.left,
		.active.right {
		    opacity: 0;
		    z-index: 2;
		}
		
	
	
	.carousel-control.left,.carousel-control.right {
	background-image: none
	}
	
	p.buttonDiv{margin-top:100px;}

	 .glyphicon-chevron-right {
	        color: #000;    
	   }
 	.glyphicon-chevron-left {
        color: #000;    
   	}
   
   	.whatispopup .carousel-indicators {bottom:0;}
   	
   	.whatispopup .carousel-indicators li{
        background: #777;    
   	}
	   
	.carousel-control.left,.carousel-control.right {
		background: none !important;
		filter: progid:none !important;
	}
	
	.carousel-indicators li.active  {
    background: #2D8C3D!important;
   /* position:absolute; */
    bottom:20%;
	}
	
	.whatispopup .carousel-caption {
	    color: #777;
	    left: 15%;
	    padding-bottom: 20px;
	    padding-top: 0px;
	    position: absolute;
	    right: 15%;
	    text-align: center;
	    text-shadow: none;
	    z-index: 10;
	}
	
	.whatispopup .carousel-caption h2{
		color: #777;
	}
	.cent{padding:0 5px;}
	
	body.whatispopup2{padding-top:10px!important;}
	
	.sidepadded{margin-right:20px;}
	
	/* Half Page Height Carousel Customization */
	.carousel {
	  height: 80%;
	}
	
	.smallstepheader {text-align:center;}
	.smallstepheader h1{color:#2d8c3d!important; font-size:24px; text-align:center; }
	.smallstepheader .carouselfullimage {
		margin-top:5px!important; 
		width:auto!important; 
		height:auto; 
		}
	
	.checkbox label{margin-right:20px;}
	.reccurDiv .checkbox label {margin-right:0!important;}
	.smallstepheader .row{
		margin-left:auto!important; 
		margin-right:auto!important; 
		text-align:center!important;}
	
	.whatispopup h2.greentext{color:#2D8C3D; font-weight:bold;}
	
	#bottombutton{position:absolute; bottom:20px; margin-left:auto; margin-right:auto; text-align:center; width:100%}
	
	.cardexpiry {text-align:right;}
	
	.welcomeClinker{margin-top:30px; margin-bottom:10px;font-size:20px; display:block;}
	
	/* RecipientCarousel styles*/
	
	.recipientCarousel {height:30%; border-bottom:2px solid #2d8c3d; min-height:250px; border-top:2px solid #2d8c3d;}
	.recipientCarousel .carousel-caption {text-shadow:none; color:#555; text-align:left; margin-top:0;}
	.recipientCarousel .carousel-indicators li{background-color:#555;}
	.recipientCarousel .carouselimage {max-height:140px; margin-top:-30px}
	.recipientCarousel .carouselfullimage {max-height:140px; margin-top:-10px; width: 100%}
	.recipientCarousel .carousel-indicators {
    bottom: -50px;
	}
	.recipientCarousel .container{margin:0;}
	.recipientCarousel h1{margin-top:-20px;}
	
	.recipientImage {height:100%; margin-bottom:20px; max-height:500px;}
	
	.personalmessage{color:#2d8c3d; font-size:1.5em; margin:3% auto 2% auto; text-align:left; padding-left:10px;}
	.personalmessagetext{margin-bottom:5%; font-size:16px; line-height:1.5; text-align:left; padding-left:10px;}
	.clinkerContributionSummary {padding-left:5%; padding-right:5%; }
	.contributionicon {margin-right:20px; margin-top:-10px;}

	.vElement {
		color: #c2c2c2;
	}

	.vElemnet-ok {
		color: green !important;
	}
	
		

	/* WelcomePopup */
	.blockUI {
		border-radius:10px;
		padding:	0;
		margin:		0;
		width:		60%;
		top:		25%;
		left:		30%;
		text-align:	center;
		color:		#777;
		border:		3px solid #cccccc;
		background-color: #fff;
		cursor:		wait;
	}
	
	.blockMsg{max-width:600px;}
	#welcomePopup h1{
		/*font-size:20px;*/
	}
	#welcomePopup {
	    color: #777;
	    padding:0 20px 20px 20px;
	    position:relative;
	    text-align:left;
	}
	.blockUI .closeIcon {
		background: none repeat scroll 0 0 #e11;
	    border: 1px solid #444;
	    border-radius: 20px;
	    color: #fff;
	    cursor: pointer;
	    height: 30px;
	    margin-right: 30px;
	    margin-top: -20px;
	    opacity: 1;
	    padding: 3px;
	    position: absolute;
	    right: -40px;
	    text-align: center;
	    width: 30px;
	    font-weight:bold;
	    font-size:14px;
	}
	
	.blockUI .closeIcon:hover {
	 background-color:#ff0000;
	}

	.blockOverlay{
		color:#fff;
		opacity:0.7;
	}

	.clinkerContributionSummary .hello {font-size:18px;}
	.clinkerContributionSummary .thankyou {font-size:20px; padding:6px 0; font-weight:normal;}
	.clinkerContributionSummary .totalclinks {font-size:16px; color:#fff; font-weight:normal;}

	/* Payments Table Styles */

	tr.tablehead {
		background-color:#eeeeee;
		border-bottom:5px solid #fff;
	}

	.orange {color:orange;}
	.green {color:green;}
	.whatiscontent{margin-top:-10px;}
	.orcontinue {padding:25px 0 10px 0;}
	.largetext{font-size:1.5em; padding-right:5px;}
	.greybox {
		background-color:#eeeeee;
		padding:2%;
		margin-top:20px;
	}
	.vcenter {
    padding:3%;
    font-size:1em;
	}
	
	.noheight{height:auto!important;}
	 label.headingLabels {color: #2d8c3d; font-size: 18px; font-weight:normal; margin-top:30px;}
	.recipientsTable{margin-top:30px!important;}
	
	.btn-help {font-size:14px;}
	.navbar-nav > li .btn-help {padding:0px 10px;}
	.navbar-nav > li .btn-help:hover {background-color:#2d8c3d; color:#fff;}
	
	#help_div{display:inline-block; padding:15px 15px 0 0;}
	#help_button > img {width:40px;}
	a#help_button {display:block; cursor:pointer;}

	#makePaymentNowButton > img {width:40px;}
	a#makePaymentNowButton {display:block; cursor:pointer;}

	.well {background-color:#2d8c3d; color:#fff; font-weight:bold; line-height:150%; clear:both;}
	.well .wellTitle, .well .redTitle2 {color:#fff; font-size:1.5em; display:block; padding:0; text-transform:capitalize; font-weight:normal; }
	.well .btn-primary:hover{background-color:#fff; color:#2d8c3d;}
	
	.overflowfix{overflow:hidden;}
	
		/*Fix issue with user info wrapping with long email addresses*/
	
	#thUserLogin #usr span {
	display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 180px;
	}

	#icon-thumbnail[src=""] {
		display: none;
	}
	
	#profilePicture-thumbnail[src=""] {
		display: none;
	}
}



/* Responsive Styles */

@media (max-height: 800px) {
	h3.hometext, .hometext{
		font-size:16px;
		margin:0;
	}
	.max500{font-size:16px;}
	p.videobutton{margin:5%;}
	.homeimage{max-height:90%;}

	
}

@media (max-height:720px) {
	.morediv {display:none;}
}

@media (max-width: 1200px) {
	.recipientCarousel {height:40%;}
	.recipientCarousel .carouselimage {max-height:180px; width: 190%;}
	.recipientImage { max-width:300px; }
	#thUserLogin #usr span {
   	max-width: 120px;
	}
}

@media (max-width: 900px) {
	.blockUI {	
		width:		70%;
		top:		10%;
		left:		15%;
	}
	
	p.highlightmessage {
	width:100%;
	}
	
	.recipientImage { max-width:250px; }
	
	
	
}

@media (max-width: 767px) {
	.userlogin{ display:none}
	.navbar-brand {font-size:14px;}
	.title{font-size:30px;}
	.title{margin-left:-20px;}
	.morediv {display:none;}
	h3.hometext, .hometext{font-size:16px;}
	.max500{font-size:16px;}
	p.videobutton{margin:5%;}
	.logoimg{margin-left:10px;}
	.recipientCarousel {display:none;}
	.contributeBox .form-control {display:inline-block;}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    border-top: 0 none;
    width: 100%;
	}
	.navbar-nav > li > a {padding-bottom:5px; padding-top:5px;}
	.left-nav {padding-left:30px!important;}
	.whatispopup h2{font-size:1.5em;}
	.cardexpiry {text-align:left;}
	img.max-size250{margin:auto; max-width:80%;}
	.blockUI {	
		width:		90%;
		top:		10%;
		left:		5%;
		height:		80%;
	}
	.recurringPaymentsDiv { width:auto;padding-left:inherit;}
	.contributionDigitsDiv {width:auto;padding-right:inherit;}
	.loginSectionContainer {width:auto; margin-top:10px;}

}

@media (max-width: 500px) {
	h3.hometext, .hometext{font-size:14px;}
	.max500{font-size:14px;}
	.title {
    display: block;
    font-size: 20px;
    margin-left:0;
	}
	.logoimg{margin-right:20px; margin-left:10px;}
	.whatispopup h2{font-size:1em;}
	.whatispopup {background-size:contain;}
	.minwidthfb {width:100%;}
	
	.loginsection a {margin-top:5px;}
	.loginsection a, .loginsection button {display:block; width:100%!important;}
	.whatispopup2 h1 {font-size:25px;}
	.blockUI {	
		width:		90%;
		top:		10%%;
		left:		5%;
		height:		80%;
	}
	.contributeButtonDiv {width:100%;padding-right:inherit;}
	.contributeButton {width:100%; display:block;}
	.loginSectionContainer {display:none;}
}

@media (max-width: 400px){
	.sitetitle{font-size:12px;}
}

@media (max-width: 380px) {
	.navbar-brand .sitetitle{display:none;}
	.btn-fb, .btn-fb:visited, .btn-fb:focus {background-image:none;}
	.jGrowl.center {top:0%!important; left:1%; overflow-y:auto; }
	.contributeBox input {width:100%!important;}
	.contributeBox .btn-primary{width:100%; margin-top:2%;}
}

.selectedRow {
	background-color: rgb(238, 239, 234) !important;
}

.datepicker.dropdown-menu {
	z-index: 1500 !important;
}

.yellowHighlight {
	background-color: yellow !important;
}