/* Donate.css */
h2 { font-size: 24px; margin: 0; }
form { margin-top: 0px; }
input { background: #e8e8e8; margin: 0; }
input.moneyinput { width: 300px; margin-top: 5px; }
span.lowLight { color: #AAAAAA; }
p.checkbox { float: left; width: 25px; margin-top: 50px}
p.checkbox input {margin-right: 5px}
p.giftaid {
    clear: both;
    margin-left: 20px;
    color: #D9D9D9;
}

div#donateForm h2{
	background: url(/images/headers/donate_online.png) no-repeat;
	padding-top:34px;
	height:0 !important;
	overflow:hidden;
	margin:0;
}

#step1Form { margin-top: -82px; }


div#donateText {
	float: left;
	width: 315px;
	margin-top: 32px;
}
div#donateText h2, div#donateText h3 {
    color: #C6C6C6;
    font-size: 20px;
    font-weight: normal;
    margin:0; padding: 0;
}

div#donateForm {
	float: left;
	padding-left: 32px;
	width: 572px;
	margin-top: 32px;
	font-size: 9pt;
	border-left: 1px solid #1ca3db;
        min-height: 700px;
}

h1#yourdetails_header {
	background: transparent url(/images/headers/yourdetails.png) no-repeat;
	padding-top: 24px;
	margin: 12px 0 50px 0;
}

div#chooseMoney {
	height: 340px;
}
div#chooseMoney a{
	display: block;
	position: relative;
}
div#chooseMoney a:hover {
	background-position: 0 -111px;
}
a#fivepounds {
	height: 110px; width: 110px;
	top: 46px;
	background: transparent url(/images/donate/fivepounds2.png) left top no-repeat;
}
a#tenpounds {
	height: 110px; width: 110px;
	top: -70px; left: 136px;
	background: transparent url(/images/donate/tenpounds2.png) left top no-repeat;
}
a#twentyfivepounds {
	height:110px; width:110px;
	top: -222px; left: 266px;
	background: transparent url(/images/donate/twentyfivepounds2.png) left top no-repeat;
}
a#fiftypounds {
	height: 110px; width: 110px;
	top: -245px; left: 384px;
	background: transparent url(/images/donate/fiftypounds2.png) left top no-repeat;
}
a#onehundredpounds {
	height: 110px; width: 110px;
	top: -288px; left: 73px;
	background: transparent url(/images/donate/onehundredpounds2.png) left top no-repeat;
}
a#twofiftypounds {
	height: 110px; width: 110px;
	top: -422px; left: 233px;
	background: transparent url(/images/donate/twofiftypounds2.png) left top no-repeat;
}
a#fivehundredpounds {
	height: 110px; width: 110px;
	top: -435px; left: 345px;
	background: transparent url(/images/donate/fivehundredpounds2.png) left top no-repeat;
}

p#first {
    margin-top: 40px;
}

#donateText p {
    margin-top: 10px;
    margin-bottom: 10px
}

div#content form p {
    width: 450px;
}

div#content a {
    color: #EB529D;
}

div#content form {
    position: relative;
}

div #content form img {
    position: absolute;
    top: 150px;
    left: 120px;
}

#submitForm {
    margin-top: 50px;
}

table td {
    padding: 3px;
}

div.grey_fade {
    position: absolute;
}

#mandatory {
    position: absolute;
    top: 49px;
    left: 550px;
}

td.formTitle {
    padding-bottom: 20px;
}

#formSubmit {
    margin-top: 20px;
}

.input input, input.moneyinput {
    border: 1px solid #B8B8B8;
    border-bottom: 0px;
    border-right: 0px;
    font-size: 16px;
    padding: 1px;
    width: 250px;
}

div#content form .inTouch {
    float: left;
    line-height: 16px;
    margin-top: 30px;
    width: 240px;
}

div#content form .inTouch p {
    width: 200px;
    color: #D1D1D1;
    margin-left: 18px;
}

div#content form .inTouch strong {
    margin-left: 5px;
}

div#content form .inTouch input {
    float: left;
}

div#content form p#privacy {
    color: #D1D1D1;
    width: 300px;
    margin-top: 20px;
    margin-bottom: 10px;
}