/*Common Donor CSS*/
.left{
	float:left;
}
.right{float:right;}
.clear{
	clear:both;
}
.hide{
	display:none;
}
#donorContainer{
	margin:3px;
}
#DONORGUTS{
	margin:5px;
}
.title{
	font-weight:bold;
	font-size:15px;
}
#donorGuts .warn{
	background-color:#ededed;
	border:2px solid #e6e6e6;
	padding:3px;
}
.warning{
	color:#AE0E26;
	font-weight:bold;
}

.largeBtn{
	width:136px;
	height:30px;
	border:none;
	cursor:pointer;
}

.backToSummary{
	background: url(/images/dm/backToSummary.gif) no-repeat;
	width:136px;
	height:30px;
}

/*donor sumamry/history tabs*/
#donorTabsContainer{
	width:60px;
}
.donorTab{
	height:30px;
	width:56px;
	border:2px solid #000;
	border-right:none;
	text-align:center;
	font-weight:bold;
	font-size:10px;
	padding:5px 2px;
}
	.donorTab a:link,.donorTab a:visited , .donorTab a:hover{
		text-decoration:none;
		color:#000;
	}
	.donorTab a{
		width:56px;
		height:30px;
	}
#donorHistoryTab{
	border-top:none;
}

/*Donor Summary */
#summary-info tr.sep td{
	border-top:2px solid #cccccc;
}
#summary-info th.title{
	font-size:13px;
	color:#A1A1A1;
}
#summary-info th.balance{
	text-align:right;
	color:#000000;
}
#summary-info th.paid,
#summary-info th.pledged{
	text-align:right;
}

.pledged span{
	padding-left:50px;
}
.pledged span.amount{
	padding-left:0px;
}
.pledged a{
	margin-left:20px;
}
	.summaryTitle{
		margin:5px 0px;
		border:2px solid #e6e6e6;
		padding:2px;
		font-weight:bold;
		font-size:15px;
	}
	
	.fundContainer{
		background-color:#e6e6e6;
		padding:2px;
		margin:5px 0px;
	}
	.fundName{
		background-color:#fff;
		padding:3px;
		font-size:15px;
		font-weight:bold;
		cursor:pointer;
	}
		.clickDet{
			font-weight:normal;
			font-size:11px;
		}
	.makePaymentImg{
		background: url(/images/dm/makePaymentImg.gif) no-repeat;
	}
	.increaseImg{
		background: url(/images/dm/increaseImg.gif) no-repeat;
	}
	.fundDetails{
		position:relative;
		height:73px;
	  overflow: hidden;
	}	
		.fundDetails td{
			padding:1px 5px;
			font-weight:bold;
			font-size:12px;
		}
		.fundDetails .title{
			padding-right:10px;
		}
		.fundYear{
			position:absolute;
			left:10px;
			top:10px;
			font-size:35px;
			font-weight:bold;
			color:#bebebe;
			overflow: hidden;
			width: 200px;
		}
		.fundTable{
			position:absolute;
			right:0px;
		}
	.pledgeBalance{
		color:#ff0000;
	}
	.paidBalance{
		color:green;
	}

	.fundPaymentDetails{
		display:none;
	}
		.invoiceNum{
			padding:2px 5px;
			font-weight:bold;
		}
	.fundPaymentDetails .hdrCell{
		background-color:#000;
		color:#fff;
		font-weight:bold;
		text-align:center;
	}
	.fundPaymentDetails .dataCell{
		text-align:center;
		background-color: #cbcbcb;
	}
	.fundPaymentDetails .date{
		width:20%;
	}
	.fundPaymentDetails .cardNum{
		width:30%;
	}
	td.paynow{
		padding-left:20px;
	}
	.btn{	
		color:#ffffff;
		display: inline-block;
		outline: none;
		cursor: pointer;
		text-align: center;
		text-decoration: none;
		font: 14px/100% Arial, Helvetica, sans-serif;
		padding: 8px 10px;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius: .5em;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
	}
	.btn:hover {
		text-decoration: none;
	}
	.btn:active {
		position: relative;
		top: 1px;
	}
	.yellow-grad{
		color: #fef4e9;
		border: solid 1px #cdcdcd;
		background: #b0b0b0;
		background: -webkit-gradient(linear, left top, left bottom, from(#b0b0b0), to(#808080));
		background: -moz-linear-gradient(top,  #b0b0b0,  #808080);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#b0b0b0', endColorstr='#808080');
	}
	.yellow-grad:hover {
		background: #CD2326;
		background: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#cdcdcd));
		background: -moz-linear-gradient(top,  #cdcdcd,  #cdcdcd);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cdcdcd', endColorstr='#cdcdcd');
	}
	.yellow-grad:active {
		color: #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#b0b0b0));
		background: -moz-linear-gradient(top,  #808080,  #b0b0b0);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#808080', endColorstr='#b0b0b0');
	}
	.red-grad{
		color: #fef4e9;
		border: solid 1px #880000;
		background: #C20505;
		background: -webkit-gradient(linear, left top, left bottom, from(#C20505), to(#880000));
		background: -moz-linear-gradient(top,  #c20505,  #880000);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c20505', endColorstr='#880000');
	}
	.red-grad:hover {
		background: #CD2326;
		background: -webkit-gradient(linear, left top, left bottom, from(#CD2326), to(#CD2322));
		background: -moz-linear-gradient(top,  #CD2326,  #CD2322);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#CD2326', endColorstr='#CD2322');
	}
	.red-grad:active {
		color: #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#880000));
		background: -moz-linear-gradient(top,  #cc0000,  #880000);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#cc0000', endColorstr='#880000');
	}
	.green-grad{
		color: #fef4e9;
		border: solid 1px #7CDB00;
		background: #73B201;
		background: -webkit-gradient(linear, left top, left bottom, from(#7DC201), to(#4D7901));
		background: -moz-linear-gradient(top,  #7dc201,  #4d7901);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7dc201', endColorstr='#4D7901');
	}
	.green-grad:hover {
		background: ##74B301;
		background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
		background: -moz-linear-gradient(top,  #74B301,  #5A8C01);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#74b301', endColorstr='#5A8C01');
	}
	.green-grad:active {
		color: #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, from(#5C8F01), to(#5C8F11));
		background: -moz-linear-gradient(top,  #5C8F01,  #5C8F11);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5c8f01', endColorstr='#5c8f11');
	}
		
	.black-grad{
		color: #ffffff;
		border: solid 1px ##E7E4E4;
		background: #aaaaaa;
		background: -webkit-gradient(linear, left top, left bottom, from(#505050), to(#010101));
		background: -moz-linear-gradient(top,  #505050,  #010101);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#505050', endColorstr='#010101');
	}
	.black-grad:hover {
		background: #212121;
		background: -webkit-gradient(linear, left top, left bottom, from(#010101), to(#505050));
		background: -moz-linear-gradient(top,  #010101,  #505050);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#010101', endColorstr='#505050');
	}
	.black-grad:active {
		color: #ffffff;
		background: -webkit-gradient(linear, left top, left bottom, from(#4C4C4C), to(#5C5C5C));
		background: -moz-linear-gradient(top,  #4c4c4c,  #5c5c5C);
		filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4c4c4c', endColorstr='#5c5c5c');
	}
/*Additional Funds*/

#additional-funds{
	border-top: 4px solid #cccccc;
	padding-top:15px;
	margin:10px 5px;
}
#additional-funds .title{
	margin-bottom:5px;
	color:#a1a1a1;
	font-size:13px;
}
#additional-funds .title span{
	font-weight:normal;
}
#additional-funds .fund-image{
	width:240px;
	height:180px;
	overflow:hidden;
}
#additional-funds .fund-image img{
	width:240px;
}
#additional-funds .fund-image div.no-image{
	width:240px;
	height:180px;
	background:url('/fls/0/site_graphics/no_image.jpg') no-repeat;
}
#additional-funds .fund-rec{
	height:200px;
	overflow:hidden;
}
#additional-funds .fund-details{
	margin:0px 5px;
}
#additional-funds .fund-name{
	font-size:13px;
}
#additional-funds .fund-info{
	margin-top:10px;
	width:500px;
}
#additional-funds .thumbs{
	width:770px;
	height:200px;
	overflow:hidden;
	position:relative;
}
#additional-funds .wrap{
	position:absolute;
	left:0;
	top:0;
}
#additional-funds .fund-thumb{
	cursor:pointer;
	padding:10px 15px;
}
#additional-funds .fund-thumb-name{
	width:160px;
	text-align:center;
	padding:5px 0px;
}
#additional-funds .fund-thumb-img{
	width:160px;
	height:120px;
	overflow:hidden;
}
#additional-funds .fund-thumb-img img{
	width:160px;
}
#additional-funds .scroll-btn{
	width:40px;
	height:140px;
	background: url('/fls/0/site_graphics/arrows-left-right.png') no-repeat;
	cursor:pointer;
}
#additional-funds .scroll-left{
	background-position:-2px;
}
#additional-funds .scroll-right{
	background-position:-49px;
}
/* Increase Pledge */
	#incPledgeContainer .hdrCell{
		text-align:center;
		background-color:#bebebe;
		font-weight:bold;
		font-size:13px;
		padding:3px;
	}
	#incPledgeContainer .dataCell{
		text-align:center;
		padding:3px;
	}
	
	#updatePledge{
		text-align:right;
		padding-right:28px;
	}
	#termsCheck{
		font-weight:bold;	
	}
		.updatePledgeImg{
			background: url(/images/dm/updatePledge.gif) no-repeat;
		}
	#makePayment{
		margin-top:5px;
	}
	#backSummary{
		text-align:right;
		margin-top:5px;
	}
		.backToSummaryImg{
			
		}
	#bottomLinks{
		width:462px;
	}
		.bottomLink{
			width:224px;
			height:68px;
			margin:3px;
			float:left;
		}
		#leftBottomLink{
			background: url(/images/dm/makePaymentLg.jpg) no-repeat;			
		}
		#rightBottomLink{
			background: url(/images/dm/viewOtherFundsLg.jpg) no-repeat;			
		}

/* Pay Fund (make payment) */
	#pay-fund{
		width:100%;
	}
	#pay-fund .error{
		background-color:#F7F087;
		padding: 10px;
		border-radius: 5px;
		margin-bottom: 10px;
	}
	
	#pay-fund .fund-summary{
		width:400px;
		margin-left:5px;
	}

	#pledge-now .fund-summary{
		width:400px;
		margin-left:5px;
	}




	#pay-fund .pledge-summary{
	width:280px;
	}
	#pay-fund .pledge-summary div.left,
	#pay-fund .pledge-summary div.right{
		margin-bottom:5px;
	}
	#pay-fund .pledge-summary div.right{
		clear:right;
	}
	#pay-fund .pledge-summary .title{
		white-space:nowrap;
		font-size:12px;
	}	
		
	#pay-fund .pledge-amt{
		margin:15px 0px;
	}
	#pay-fund .pledge-amt input{
		font-size:13px;
		margin-left:5px;
	}
	#pay-fund .no-pay{
		margin:0px 0px 10px 5px;

	}
	#single-pay .pledge-amt .balance{
		font-size:15px;
		padding-left:5px;
	}
	#processDonationImg{
		background:url(/images/dm/processDonation.gif) no-repeat;
	}
	#submit-pay .title{
		margin-bottom:10px;
	}
.cc-info{
	margin-bottom:15px;
}
/*Pay Fund (scheduled payments) */
	#schedpay .select-all,#schedpay .del-selected{
		background-color: #CBCBCB;
		margin-top: 10px;
		color:#666;
	}

	#schedpay .select-all:hover,#schedpay .del-selected:hover{
		background-color: #e8e8e8;
		
	}

	#schedpay .select-all{
		margin-right:30px;
	}	
	#sch_pay_title{
		padding-top:20px;
	}
	#sch_pay_plans{
		padding-left:15px;
		
	}
		.sch_info_link{
			font-weight:bold;
			cursor:pointer;
		}
		.sch_info{
			padding-bottom:5px;
			font-style:italic;
		}
	#sch_pay_amt{
		padding:10px 0px;
		text-align:right !important;
	}

	#sched-pay .title{
		margin:15px 0px;
	}
	#createPayPlanImg{
		background: url(/images/dm/createPayPlan2.gif) no-repeat;
		width:136px;
		height:30px;
	}
	#sch_submit #termsCheck{
		padding-bottom:5px;
	}


/*virtual fund drive*/
#vfd-container{
	margin:10px 10px;
}

#vfd-container .btn{
	font-size:13px;
	width:190px;
}
#tkt-vfd-title{
	height:44px;
	width:500px;
	background: url('/images/tkt/star.png') no-repeat left;
	padding:20px 50px 0px 50px;
}
#vfd-container .title{
	font-size:12px;
}
#vfd-container th.title{
	color:#828282;
}
#donor-summary {
}
table#camp-levels,#donor-summary{
	margin:15px 0px;
}
#camp-levels th{
	text-align:center;
}
#camp-levels .lvl-desc{
	text-align:left;
	width:60%;
}
#camp-levels .lvl-row{
	text-align:center;
}
#camp-levels td,#camp-levels th{
	border-bottom:3px dotted #828282;
	padding:5px 0px;
}

#vfd-container a.edit-pledge,#vfd-container a.cancel-edit-pledge{
	text-decoration:underline;
	cursor:pointer;
}
#vfd-container .autorenew{
	width:400px;
	background: url('/images/tkt/star.png') no-repeat left;
	padding:20px 0px 0px 50px;
	margin-left:130px;
}

#vfd-container .btn-container{
	margin-right:25px;
	padding:10px 0px;
	text-align:right;
}
#vfd-container .btn-container .button{
	background-color:#008600;
	color:#ffffff;
	font-size:13;
	padding: 8px 10px;
}
#vfd-container #vfd-cancel{
	background-color:#C20505;
	color:#ffffff;
}
#vfd-container #prev-camp{
	padding-left:100px;
	margin:15px 0px;
	width:300px;
}
#vfd-container #prev-camp div.camp-name{
	background-color:#c0c0c0;
	padding:15px 5px 0px 15px;
	height:45px;
	width:190px;
}
#vfd-container .arrow-right {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-bottom: 30px solid transparent;
	border-left: 30px solid #c0c0c0;
}
#vfd-container .total{
	padding-top:10px;
	text-align:right;
	font-size:13px;
}
#vfd-container .total.amount{
	padding-right:10px;
}
#vfd-container table#dm_data{
	padding:10px 20px;
	width:100%;
}
#dm_data th,#dm_data td{
	text-align:center;
}
#dm_data td.description{
	text-align:left;
}
#dm_data td.amount{
	text-align:right;
	padding-right: 40px;
}
#vfd-container .fund-desc .title{
	padding:10px 0px;
	text-align:left;
	width:400px;
}

#vfd-container .show-pay-plans,
#vfd-container .hide-pay-plans{
	text-align:right;
	font-size:16px;
	font-weight:bold;
	margin-right:25px;
}
#vfd-container .pay-plans fieldset{
border:2px solid #828282;
}
#vfd-container .pay-plans legend.title{
font-size:14px;
color:#000000;
padding:0px 5px;
}
#vfd-container .pay-plans .title,
#vfd-container .pay-plans .headline{
color:#828282;
padding:5px 0px;
font-size:14px;
}
#vfd-container .pay-plans .container{
float:right;
}
#vfd-container .pay-plans .description{
padding:5px 0px;
}
#vfd-container .pay-plans .pay-plan-option{
padding:2px 0px;
width:500px;
}
#vfd-container .pay-plans .ccard{
padding:10px 0px;
}
#vfd-container .pay-plans .info-container{
position:relative;
display:inline-block;
}
#vfd-container .pay-plan-option .pplan-description{
	position:absolute;
	top:0px;
	left:20px;
	border:1px solid #000000;
	width:250px;
	padding:5px;
	background-color:#c0c0c0;
}
#vfd-container .pay-plans .info-icon{
	background: url(/fls/0/titanv3/information.png) no-repeat;
	display:inline-block;
	width:12px;
	height:12px;
}
.amount-input{
	text-align:center;
}
.amount-input input{
	border:1px solid #9c9c9c;
	width:70px;
}


/* FORMS CSS - AD -Basic Grey */

.basic-grey {
    margin-left:auto;
    margin-right:auto;
    
    background: #F7F7F7;
    padding: 20px 15px 0px 20px;
    max-width: 95%;
   margin-bottom: 20px;
    text-shadow: 1px 1px 1px #FFF;
    border:1px solid #E4E4E4;
}
.basic-grey h1 {
    font-size: 16px;
    padding: 0px 0px 5px 20px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 15px -10px;
    font-family: Arial;
   
}

.basic-grey .title {
    font-size: 16px;
    padding: 0px 0px 5px 20px;
    display: block;
    border-bottom:1px solid #E4E4E4;
    margin: -10px -15px 15px -10px;;
   
}

.new-pledge-text{
	font-size: 14px;
	line-height: 42px;
	padding-right: 20px;
	padding-left: 15px;
}

#top-info.basic-grey .title{
	border:0px;
	padding:0px;
	margin: 0px;
}

#submit-pay .title{
	margin-top: 0px;
	padding-top: 0px;
}



#submit-pay.basic-grey{
	margin-top: 0px;
	padding-top: 10px;
	
}

.basic-grey h1>span {
    display: block;
    font-size: 11px;
}



.basic-grey label {
    display: block;
    margin-top:5px;
}
.basic-grey label>span {
    font-size: 14px;
    line-height: 30px;
    
    text-align: right;
    padding: 20px 10px;
    margin-top:30px;
    
}
.basic-grey input[type="text"], .basic-grey input[type="email"], .basic-grey textarea, .basic-grey select {
    border: 1px solid #DADADA;
    color: #888;
    height: 30px;
    margin-bottom: 8px;
    margin-right: 10px;
    margin-top: 2px;
    outline: 0 none;
    padding: 3px 3px 3px 5px;
    
    font-size: 16px;
    line-height:15px;
    box-shadow: inset 0px 1px 4px #ECECEC;
    -moz-box-shadow: inset 0px 1px 4px #ECECEC;
    -webkit-box-shadow: inset 0px 1px 4px #ECECEC;

}

.basic-grey input[type="text"].small-input{

  width: 50px;
  margin-right:0px;
  text-align: right;
}



.basic-grey textarea{
    padding: 5px 3px 3px 5px;
}
.basic-grey select {
    background: #FFF url('/fls/0/donor/down-arrow.png') no-repeat right;
    -webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	-o-appearance: none;
	appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
   padding-right: 20px;
    height: 35px;
    line-height: 25px;
    font-size: 14px;
}



.basic-grey textarea{
    height:100px;
}
.basic-grey .button {
    background-color: #cbcbcb;
    border: none;
    text-decoration: underline;
    color: #666;
    border-color: #333;
   font-weight: normal;
    border-radius: 3px;
   font-size: 14px;
	padding: 5px 10px 5px;
    cursor: pointer;
}
.basic-grey .button:hover {
    background: #E8E8E8
}

.fund-description{
	padding-left:30px;
	padding-top: 10px;
	 background: #ecfaff none repeat scroll 0 0;
    border-color: #b6edff;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0.8rem;
     margin-top: 0.5rem;
    padding: 0.5rem;
}

a.simulate-button{
	text-decoration: none;
	font-size: 14px;
	padding: 7px;
	background-color: #cbcbcb;
	border-color: #333;
	border-style: solid;
	border-width: 0;
	color: #666;
	cursor: pointer;
	display: inline-block;	
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 20px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	border-radius: 3px;
	text-decoration: none;
	color: #666 !important;

}

a.simulate-button.no-bottom-margin{
    margin: 0px;
    margin-left: 20px;
}

a.simulate-button:hover{
		background-color: #E8E8E8 ;
}


.basic-grey select::-ms-expand {
    display: none;
}
.fund-info{
	padding-bottom: 10px;
	
}

#pledge-now .fund-info{
	padding-bottom: 10px;
	width: 100%;
}


#pay-fund{
	padding-bottom: 10px;
}

#submit-pay table td a{
		font-size: 14px;
	padding: 5px 10px 5px 10px;
	
	background-color: #cbcbcb;
	border-color: #333;
	border-style: solid;
	border-width: 0;
	color: #666;
	cursor: pointer;
	display: inline-block;
	font-family: Arial,sans-serif;
	font-size: 14px;
	font-weight: normal;
	line-height: normal;
	margin: 0 0 20px;
	margin-top:15px;
	position: relative;
	text-align: center;
	text-decoration: none;
	transition: background-color 300ms ease-out 0s;
	border-radius: 3px;
	text-decoration: none;
}


#submit-pay table td a:hover{
		background-color: #E8E8E8 ;
	}

.pledge-summar-color{
	margin-top:10px;
	background-color: #cdcdcd;
	padding:5px;
	border-radius: 5px;
	
}

.donation-not{
	padding-top:12px;
	font-size: 14px;
}


#pledge-now .fund-details {
	margin-top: 20px;
}

#pledge-now .fund-details .title{
		white-space:nowrap;
		font-size:12px;
		margin-right: 15px;
	}