b@charset "utf-8";
/* CSS Document */

/* COMPANY: CLICK & PLEDGE
 * AUTHOR: Click&Pledge-ZA
 *  */


/*=== Click & Pledge default styles ===*/

/* Browser Alert */

#BrowserNote{
	float:none;
}

.wrapper{
		/*width:600px;*/
		margin:0 auto;
		border:1px solid #ddd;
		padding:5px;
		overflow:hidden;
	}

	.top p{
		font-family:'Arial' !important;
		color:#848383;
		font-size:14pt;
		line-height:26px;
	}

	.top h1{
		background:#ff6600;
		color:#fff !important;
		font-family:'Arial' !important;
		text-align:center;
		margin: 0px;
		padding: 10px 0px;
	}

	ul.browsers{
		list-style:none;
		padding:0;
		margin:0;
		margin-top:20px;
	}

	ul.browsers li{
		float:left;
	}

	img{
		border:none;
	}

	.clear{
		clear:both;
	}

	.footer{
		background:#eaedf1;
		padding:20px 0;
		text-align:center;
	}

	.btn-continue{
		font-family:Arial;
		background:#576270;
		padding:5px 10px;
		box-shadow:0 2px 2px #313944;
		float:none;
		margin:0 auto;
		border-radius:3px;
		font-size: 1.1em;
	}

	.footer a, .footer a:hover{
		color:#333;
		font-weight:normal;
		text-decoration:underline;
	}

	.browsers li.span1{
		float:left;
	}

	/* --END Browser Alert--- */

/* --JavaScript Error --*/

noscript h3{
	color:red;
	font-weight:bold;
}
.Select-menu-outer{
	z-index:9 !important;
}
#form-cover-noscript{
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 100%;
	z-index: 1;
	min-height:100%;
}

noscript h3, .h3-noscript{
	z-index: 999;
	position: absolute;
	-moz-position: absolute;
	-webkit-position: absolute;
}

noscript em, .em-noscript{
	z-index: 999;
	position: absolute;
	margin-top: 50px;
	left: 1px;
	text-align: left;
}

/* -- END JavaScript Error --*/

.glyphicon-asterisk{
	color: #ff0944 !important;
	font-size: 0.6em !important;
	display: inline-block !important;
	top: -5px !important;
	}
}

.popup_message{
	padding:10px 0 !important;
}

/* START Error CSS */

label.error{
	display:none;
}

input.error, select.error, textarea.error{
	background: #FC9A9A;
	color:#fff;
}

#Errs .modal-content{
	padding:10px !important;
}

#ValidationErrs{
	float:left;
	width:100%;
	display:none;}

#ValidationErrs label.error {
	display: list-item;
	list-style: inside disc;
}

/* END Error CSS */

span.CustomQ{
	display:none;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }


}

body{

    background:none !important;
	padding:5px;
	font-family: 'Droid Sans', sans-serif !important;
}

legend{

	/*font-family: 'Bitter', serif !important;*/

	font-family: 'Open Sans Condensed', arial, sans-serif !important;
	border: none !important;
	color: #94A545 !important;
	padding: 5px !important;
	font-size: 1.6em !important;
	font-weight: 600;
	margin-bottom: 10px !important;
	position: relative;
	z-index: 1;
}

#ContactInfo, #BillingInfo, #PaymentInfo{
	margin: 10px 0;
}

#Giving p{
    padding-left: 5px;
}

#Giving label{
	font-weight: normal;
}

#PostData{
	font-size: 2em;
    font-weight: bold;
}

#SecLogo{
	text-align: center;
}

button.selected{
    border: 1px solid #ccc;
}

#ContactInfo section, #BillingInfo section, #PaymentInfo section{
    margin-bottom: 5px;
}

/* Bootstrap fix */

#MainWrapper .col-md-12{
    padding-left: 0;
}

.total-block{
    font-family: 'Open Sans Condensed', arial, sans-serif !important;
    padding: 15px;
    font-size: 2em;
    border-top: 2px solid #94A545;
    float: left;
    color:#94A545 !important;
}

#dd-input{
    display: block;
    width: 100%;
    height: 34px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}

.chosen-choices{
    border:none !important;
}

#dd-company-name-input{
    margin-bottom: 10px;
}

.for, .periods, #Recurring button{float:left;}
.for, .periods{line-height:35px;}
#Recurring button{margin-right:10px;}

#donation-opt label input[type='radio']{display:none;}

#donation-opt label{float:left;background:#E7A230; padding:5px 10px; font-size:1.5em; margin-right:5px; color:#fff; font-weight:normal; text-align:center; min-width:120px;}
#donation-opt label.selected{background:#94A545;}