/* 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;
	}
	
	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;
}

#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;
}

/* // Click & Pledge default styles */

 body {
	 font-family: "adelle-sans",sans-serif;
	 margin:0;
	 padding:0;
	 font-size: 14pt !important;
		color: #333;
}

h4 {
	font-family: "alternate-gothic-no-3-d";
	color: #231f20;
	font-size: 20pt;
	text-transform:uppercase;
	padding: 5px 0 5px 5px;
	width: 100%;
	margin:0;
	letter-spacing:1px;
}


textarea { resize:none;}

fieldset { width:inherit;}

label { font-size:14pt !important; }

label.span2 { margin-left:0; }

#amountOpt section.span3, #amountOpt section.span8{ margin-left:0px;}

#CP_Layout {
	/*width:1000px;*/
	padding: 9px 9px 4px 9px;
}

.OtherLb {
	float:left;
}

input[type='text'], select, textarea{
	border-radius:0 !important;
	box-shadow:none !important;
	border:1px solid #ccc !important;
	outline:1px solid #231f20;
}


input[type='radio'], input[type='checkbox']{
	margin-top:0;
}

#amountOpt{ }

label.dedFldLb{ width:250px; float:left;}

#amountOpt label{ padding: 5px 5px; border-radius: 5px; text-align:left;}
#amountOpt label input{float:left; margin-top:5px;}

#amountOpt label.green{ background: #c3d52d; color: #FFFFFF; border-bottom: 1px solid #D3EB10;}
#amountOpt label.blue{ background: #2359a8; color: #FFFFFF; border-bottom: 1px solid #A3C8FF; }
#amountOpt label.lightblue{ background: #6AB1AD; color: #FFFFFF; border-bottom: 1px solid #FFAB98; }

.amntRight{ font-size:12px; display:block; width:300px; float:left; margin-left:0; list-style-position:inside;}
.amntLeft { float:left;}

/* Error CSS */

label.error{
	display:none !important;
}

input.error, select.error {
	background: #FC9A9A;
	color:#fff;
}
#ValidationErrs label.error {
	display: list-item !important;
	list-style: inside disc;
}

#PostData {
	margin-left: 40px;
	font-family: "alternate-gothic-no-3-d";
	background: #F39200;
	color: #fff;
	font-weight: 600;
	padding: 5px 35px;
	font-size: 1.5em;
	line-height: 1.2em;
	box-shadow:none;
	border:none;
	border-radius: 2px;
}

#PostData:hover {
  opacity: 0.9;
  color: #fff;
}

#OthLb.amntLeft{
	margin-right: 0px;
	margin-top:10px;
}

.clear{
clear:both;
height:1px;
}

.clear-left {
	clear: left;
}

#OR{
	font-size:20pt;
	font-weight:bold;
	color:#ccc;
	margin:10px 0;
}

#MembType label{
	float:left;
}

#TaxDed label, #GiftMem label{
}

#Gift_MemberInfo label{
}

#Rewards{
}

label.PayTypes{
	float:left;
}

section.member{
	width: 95%;
	float: left;
	margin: 5px;
	padding: 5px;
	box-shadow: 0 1px 4px -2px #333 inset;
}

section.member label{
	float:left;
}

.block {
	padding: 5px 5px;
	float: left;
	margin: 0 0 10px;
}

.divfix {
	float:left;
}

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

.DonationOpts_Lbl {
	float:left;
	margin-bottom:0;
}

.DonationOpts_Lbl input {
	float:left;
	margin: 10px 5px 5px;
}

#Additional_Mem {
	margin:10px 0;
	float:left;
}

#Creditcard, #Echeck {
	margin-top:20px;
}

.Types{
}

#Total{ font-weight:bold;}