@font-face {
  font-family: 'OpenSans';
  src: url('../fonts/OpenSans.eot') format('embedded-opentype');src:  url('../fonts/OpenSans.woff') format('woff'), url('../fonts/OpenSans.ttf')  format('truetype'), url('../fonts/OpenSans.svg#OpenSans') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Semibold';
  src: url('../fonts/OpenSans-Semibold.eot') format('embedded-opentype');src:  url('../fonts/OpenSans-Semibold.woff') format('woff'), url('../fonts/OpenSans-Semibold.ttf')  format('truetype'), url('../fonts/OpenSans-Semibold.svg#OpenSans-Semibold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'OpenSans-Bold';
  src: url('../fonts/OpenSans-Bold.eot') format('embedded-opentype');src:  url('../fonts/OpenSans-Bold.woff') format('woff'), url('../fonts/OpenSans-Bold.ttf')  format('truetype'), url('../fonts/OpenSans-Bold.svg#OpenSans-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}
:focus {outline:0 none}
#idonate_donationBox{
	background: #FFF;
    text-align: center;
    width: 100%;
    height: 590px;
    font-family: opensans;
    padding-top: 10px;
    max-width: 1170px;
    margin: 0 auto;
    float: none;
}
.idonate_rtop,
.idonate_rbottom{display:block}
.idonate_r1{margin:0 5px}
.idonate_r2{margin:0 3px}
.idonate_r3{margin:0 2px}
.idonate_r4{height:2px; margin:0 1px}
.idonate_h3{background:#FFC600; color:#000; font-family:Arial,Helvetica,sans-serif; font-size:15px; margin:0; padding:0 0 3px; text-align:center;
-moz-border-radius:10px 10px 0 0; border-radius:10px 10px 0 0; height:25px; line-height:25px}
.cardMain div { width:350px !important; float:left !important;}

#idonate_donationBox .content{width:100% !important; float:left !important;}

#idonate_donationBox .ticknox{width:100% !important; float:left !important;}
#idonate_donationBox .cardMain{margin-top:-20px !important;}

#donordetail {margin:0; padding:0;}
#donordetail div { width:100%; float:left;}
#donordetail .donorDmain{float:left; width:100%; font-size:14px; margin:0; padding:0;}

#donationAmount .radioLabel{width:100% !important;}
#donordetail .donorDmain select{
	width: 100%;
    border: 1px solid #eae8e8;
    background: #f7f7f7;
    height: 38px;
}
#cardType select{
	width: 100%;
    border: 1px solid #eae8e8;
    background: #f7f7f7;
    height: 38px;
}
#idonate_donationBoxInside_top,
#idonate_donationBoxInside_bot{margin: 0 0 7px !important; color:#000033; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:12px; text-align: center;}

/* This is what is hidden initially */
#idonate_donationBoxInside_bot{}
#otherAmount{border:1px solid #D6D6D6; color:#000000; font-family:Arial,"Times New Roman",Times,serif; height:20px; margin-left:5px;padding:0 3px; width:64px}
#donate_calltoaction{color:#FFF; background:#DC0000; border:1px solid rgb(150,0,0); text-align:center; font-weight:bold; padding:5px 0; margin:0 auto 10px; -moz-border-radius:10px; border-radius:10px}
#donate_calltoaction:hover{background:-moz-linear-gradient(top, rgb(200,0,0), rgb(255,0,0)); background:-webkit-gradient(linear, 0 0, 0 100%, from(rgb(200,0,0)), to(rgb(255,0,0)))}
.leave-comments textarea{ 
	width: 98%;
    height: 35px;
    background: #f7f7f7;
    border: 1px solid #e2e2e2;
    padding: 1%;
    margin: 8px 0 0;
}
.recipient_field{text-align:left}
.ui-datepicker{display:none; padding:0.2em 0.2em 0; width:17em; position:absolute; z-index:1000 !important; float:left;}
.ui-corner-all{border-radius:4px 4px 4px 4px}
.ui-widget-content{background:url("../images/ui-bg_highlight-soft_100_eeeeee_1x100.png") repeat-x scroll 50% top #EEEEEE; border:1px solid #DDDDDD;
color:#333333}
.ui-widget{font-family:Trebuchet MS,Tahoma,Verdana,Arial,sans-serif; font-size:12px}

label strong{font-size:11px}
label i{font-size:14px; color:#F00; line-height:10px;}
i{font-size:14px; color:#F00; line-height:10px;}
.ticknox i{font-size:8px; color:#F00; line-height:6px;}
.ticknox input[type="checkbox"]{ margin-left:10px;}
.payment-details{margin-top:-10px}
.payment-details div{    margin: 8px 0 7px;text-align: left;padding-left: 3px;line-height: 2;font-family: opensans;font-size: 13px; }
.payment-details div strong{font-size:12px;}

.DetailMain{
	border: 1px groove #000000;
/*    border-radius: 10px 10px 10px 10px;
*/	margin-left:10px !important; margin-right:10px !important;
	/*min-height:450px;*/
	float:none;
	overflow:hidden;
}

.monthly_div{ width:99% !important; padding-top:7px; padding-bottom:7px;}

.monthly_div span{ width:95% !important; margin-left: 28px; padding:5px 0 5px; float: left; } 

.how_much strong{ color:#FF3333; } 

.monthly_div select{ width:40% !important; height:25px; margin-left: 27px; border:1px solid #999999; }

.DetailMain div{ float: left; width: 350px; }
.DetailMain div label {
    float: left;
    line-height: 18px;
    text-align: left;
    width: 42%;
}
.DetailMain div input[type="text"] {
    border: 1px solid #999999;
    height: 22px;
    line-height: 22px;
    text-align: left;
    width: 56%;
}
.anonymous{ width:100% !important;}
#anonymous_text{ width:99%; }
#donationAmount{
	float:right;
	overflow:hidden;
	border-left: 1px groove #000000;
/*    border-radius: 10px 10px 0 0;
*/    border-right: 1px groove #000000;
    border-top: 1px groove #000000;
}

.cardMain {
	border-bottom: 1px groove #000000;
    border-left: 1px groove #000000;
/*    border-radius: 0 0 10px 10px;
*/    border-right: 1px groove #000000;
	float: right !important;
	margin-left:10px;
	overflow:hidden;
}

.cardMain select{height:21px; border: 1px solid #999999;}

div label{
	text-align: left;
    line-height: 18px;
    float: left;
    width: 100%;
    margin: 0px 0 0px;
}
div input[type="text"]{text-align:left; border:1px solid #999999; height:22px; line-height:22px; width:57%;}
h4{color:black; display:block; font-size:14px; font-weight:bold; text-align:center;}
h3{color: #00466c; float:left; width:100%; background:#fff; padding:5px 0 5px; display:block; font-size:20px; margin:0px !important; font-weight:bold; text-align:center; background-image:url(images/h3bg.png); height:40px;}
.gender{height:20px}
#vCountry{width:200px}
.nowidth{width:77px !important}
#cardType, #vCounty, #vTownCity{width:200px}
div input[type="password"]{text-align:left; height:18px; line-height:18px; width:200px}

div.payment-details label {}
div.payment-details div div.jqTransformInputWrapper {}

.right-next2 { /*float:right; width:78%;*/ margin:0; text-align:center }

/*Easy tooltip style*/

#easyTooltip h3{
 font-size:14px;
 color:#000;
 border-bottom:1px solid #FFC600;
 margin:0px;
	}	

#easyTooltip{
	padding:5px 10px;
	border:1px solid #FFC600;
	/*background:#5e5e5e url(bg2.gif) repeat-x;*/
	background:#F6F6F6;
	
	
	color:#000;
	width:250px;
	}
#easyTooltip p{
	margin:.25em 0;
	}
#tooltipDiv {position:absolute; margin:-40px 0 0 600px;  padding:0;}
#tooltipRDiv {position:absolute; margin:0px 0 0 0px; padding:0;}
/*Easy tooltip style*/	
.poweredby {font-family:Verdana, Geneva, sans-serif; font-size:9px; /*clear:both; float:left; width:50%;*/ text-align:right;}
.poweredby h4{
	padding: 0;
    margin: 6px 0 12px;
    color: #191919;
    font-family: opensans;
    text-align: left;
}
h5{ font-size:20px }
.poweredby {
    max-width: 1170px;
    width: 100% !important;
    float: none !important;
    margin: 0 auto;
    padding: 0 15px 0;
}
h5.ui-accordion-header {
    background: #f7f7f7;
    border: 2px solid #e2e2e2;
}
h5.ui-accordion-header.ui-helper-reset.ui-state-default {
    background: #f7f7f7;
    border: 2px solid #e2e2e2;
    font-family: OpenSans-Semibold;
    color: #bf1e2e;
    font-size: 18px;
	padding-left: 1.2em;
}
h5.ui-accordion-header.ui-helper-reset.ui-state-default span {
    right: 15px;
    left: inherit;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content {
    background: #e8e8e8;
    padding: 20px;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content {
	background: #ffffff;
    padding: 20px;
    font-family: opensans;
    font-size: 13px;
    margin-top: 0;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content b, .ui-accordion-content.ui-helper-reset.ui-widget-content strong {
    font-family: opensans-semibold;
    font-size: 13px;
	line-height: 2;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content input#otherAmount {
    font-family: opensans;
}
.payment-details div strong {
    margin: 0 0 8px;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content div label strong {
    color: #bf1e2e;
    font-weight: normal;
    font-family: opensans;
}
.ui-accordion-content.ui-helper-reset.ui-widget-content input[type="text"] {
    background: #f7f7f7;
    width: 98%;
    padding: 0 1% 0;
    height: 38px;
    border: 1px solid #eae8e8;
}
.payment-details .donation_info {
	background: #5a5a5a !important;
    padding: 20px !important;
    color: #fff;
    border: 2px solid #bf1e2e;
}
.payment-details .donation_info a {
    color: #bf1e2e;
}
div#idonate_footer input[type="button"] {
    margin: 12px 0 0;
    background-size: cover;
    overflow: hidden;
    background-color: transparent;
    border: 0;
    width: 225px !important;
    height: 47px !important;
}
select#emonth, select#eyear {
    border: 1px solid #eae8e8;
    background: #f7f7f7;
    height: 38px;
}
select.charity-answer {
    background: #efefef;
    border: 1px solid #e0e0e0;
    height: auto;
    line-height: 2;
    box-shadow: none;
    border-radius: 0;
    color: #000;
    font-family: opensans;
    padding: 6px 12px;
}
