/* donor-css.css $Revision: 1.18 $ */

img.loading {
	margin: 0 auto;
	display: block;
	width: 50px;
	height: 50px;
}

span.loading {
	font-size: smaller;
	color: #999;
}

.donor-style-box .subgroup {
	margin-left: 40px;
}

.donor-style-box .subgroup label {
	margin-left:0;
	padding-left:0;
}

.donor-style-box .section {
	margin-top: 40px;
}

.required {
	color: red;
	font-size: smaller;
	margin-right: 2px;
	vertical-align: top;
}

.donor-sytle-powered {
	text-align: center;
}

.donor-style-box, .donor-style-endbuttons, .donor-style-errors {
	max-width: 600px;
	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size: 14px;
	line-height: 160%;
	text-align:left;
	color:#444;
}

.donor-style-box {
	margin: 20px auto 30px;
	background-color: #fff;
	border: 1px solid #ccc;
	-webkit-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	-o-box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	box-shadow: 0px 2px 10px rgba(0,0,0,0.5);
	filter: progid:DXImageTransform.Microsoft.dropShadow(color=#999999, offX=0, offY=2, positive=true);
	width: expression(Math.min(parseInt(this.offsetWidth), 600 ) + "px");
}

.donor-style-endbuttons, .donor-style-errors {
	margin: 20px auto;
}

.donor-style-errors {
	color: red;
	display: none;
}

.donor-style-cart-total {
	font-weight: bold;
}

.donor-style-clearb {
	clear: both;
}

.donor-style-box h2 {
	width: 100%;
	text-align: center;
	margin: 0;
	padding: 8px 0;
	border-bottom: 2px groove rgba(255,255,255,0.5);

	text-shadow: 0px 1px 1px #fff;
	font-size: 16px;

	background-color: #eee;
	background-image: -webkit-linear-gradient(#eee, #ddd);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #eee),color-stop(1, #ddd));
	background-image: -moz-linear-gradient(top, #eee, #ddd);
	background-image: linear-gradient(top, #eeeeee, #dddddd);
}

.donor-style-box h3 {
	font-size: 16px;
	font-weight: normal;
	margin: 0;
	padding: 0;
}

.donor-style-box h4 {
	font-size: 12px;
	font-weight: normal;
	margin: 18px 0 0;
	padding: 0;
}

.donor-style-box table {
	width: 100%;
	margin-bottom: 20px;
}

.donor-style-box td, .donor-style-box th {
	padding: 6px;
	font-size: 12px;
}

.donor-style-box img {
	width: 150px;
	margin: 20px;
	float: left;
	border: 2px solid #ccc;
}

.donor-style-box p {
	margin: 0 0 14px 0;
}

.donor-style-box .summary {
	margin-left: 10px;
}

.donor-style-box form, .donor-style-box .noform {
	width: 90%;
	margin: 20px;
	float: left;
}

.donor-style-2col form, .donor-style-2col .noform {
	width: 50%;
}

#donor-js-history, #donor-js-profile {
	margin: 20px;
}

#donor-js-history>div, #donor-js-profile>div {
	margin-left: 20px;
}

#donor-js-history form, #donor-js-profile form {
	margin-top: 0;
}

#donor-js-history h3, #donor-js-profile h3 {
	margin: 20px 0 10px 0;
}

#donor-js-history h3 a, #donor-js-profile h3 a {
	text-decoration: underline;
}

#donor-js-gift-cart-form td, #donor-js-cart-form td, #donor-js-history td, #donor-js-profile td {
	background-color: #eee;
	border: 1px solid #fff;
}

.donor-style-box input, .donor-style-box select {
	color:#333;
	margin:0;
	padding:2px 0;
}

.donor-style-box form label {
	margin: 0;
	padding:0;
	clear:both;
	display:block;
}

.donor-style-box p label {
	display:inline;
}

.donor-style-box label, .donor-style-box p label, .donor-style-box input {
	margin-right: 10px;
}

input, select {
    vertical-align:baseline;
}

input[type='submit'], input[type='button'], button {
	margin: 10px 10px 10px 0;
}

#donor-js-other-amount-input {
	margin: 6px 0 0 6px;
	width: 7em;
}

.donor-js-input-amount, .donor-js-change-amount {
	width: 7em;
}

.donor-style-buttonlink {
	display:inline-block;
	border:none;
	background:none;
	text-decoration:underline;
	cursor:pointer;
	padding:0;
	font-size: 10px;
}

#donor-js-desig-prose, #donor-js-item-prose {
	margin: 0 20px 10px 20px;
	padding-top: 10px;
	border-top: 1px dashed #ccc;
}


.donor-js-spon-opt h3, .donor-js-sku-opt h3 {
	margin-bottom: 10px;
}

#donor-js-contain-account-canvas h2 a {
	text-decoration: underline;
	color: #999;
}

#donor-js-contain-account-canvas h2 span {
	color: #ccc;
}

#donor-js-next-steps {
	margin: 10px 0 0 10px;
	font-size: smaller;
}

#donor-js-next-steps a {
	text-decoration: underline;
}

.donor-style-box h3.ui-state-default a {

}

.donor-style-box h3.ui-state-active a {

}