/* *************************** */
/* --- standard form --------- */
/* *************************** */
.standard-form {
	padding: 0;
	margin: 0 0 0 0px;
	width:690px;
	position:relative;
	display:block;
	background:none;
}

.standard-form fieldset {
	background:none;
	border:1px solid #fff;
	position:relative;
	display:block;
	color: #3d3d3d;
	padding: 10px 0;
	margin: 0 0 0 0px;
}

.standard-form fieldset fieldset {
	border: 0;
	position:relative;
	padding: 0;
	margin: 0 0 0 0px;
	display:block;
}

.standard-form fieldset legend {
	display:block;
	position:relative;
	color: #009ACA;
	font-size: 1.8em;
	padding: 0 0 0 0;
	margin:0;
	height:auto;
}

.standard-form fieldset legend span {
	/* span is added via jquery */
	background-image: url("images/form-legend-background-dots.png");
	background-position: top left;
	background-repeat:repeat-x;
	background-color:transparent;
	display:block;
	position:relative;
	min-width:690px;
	width:690px;
	display:block;
	color: #009ACA;
	padding: 0.5em 0 0.2em 0;
	margin:0;
	height:auto;
}

.small-form fieldset legend span {
	/* span is added via jquery */
	background:none;
	background-color:transparent;
	display:block;
	position:relative;
	width:auto;
	display:block;
	color: #009ACA;
	padding: 0.5em 0 0 0;
	margin:0;
}

.large-form fieldset legend span {
	/* span is added via jquery */
	display:block;
	position:relative;
	min-width:920px;
	width:920px;
	display:block;
	color: #009ACA;
	padding: 0.5em 0 0 0;
	margin:0;
}

.standard-form fieldset ol {
	margin: 0 0 0 20px;
	padding:0;
	position:relative;
}

.standard-form fieldset fieldset.linear-options label {
	display: block;
	position:relative;
	float: left;
	font-weight: normal;
	margin-right: 0.6em;
}

.standard-form fieldset fieldset.linear-options {
	display: block;
	position:relative;
	margin:0;
	padding:0;
}

/* ordered list styles */
.standard-form ol {
	clear: both;
	list-style-image: none;
	list-style-type: none;
	margin: 0 0 5px 10px;
	position:relative;
}

.standard-form ol li {
	clear: both;
	list-style-image: none;
	list-style-type: none;
	margin: 3px 0 5px 0;
	min-height: 25px; /* has ie6 hack */
	position:relative;
}

.standard-form fieldset.linear ol {
	list-style-image: none;
	list-style-type: none;
	position:relative;
}

.standard-form.large-form fieldset.linear ol {
	list-style-image: none;
	list-style-type: none;
	width:900px;
	position:relative;
}

.standard-form fieldset.linear ol li {
	clear: none;
	float: left;
	list-style-image: none;
	list-style-type: none;
	margin-right: 8px;
	position:relative;
}

.standard-form ul.dollar-handles {
	list-style-image: none;
	list-style-type: none;
	margin:0;
	padding:0;
	display:block;
	width:690px;
	border-top:1px dashed #eee;
}

.standard-form ul.dollar-handles li {
	display:block;
	float:left;
	width:690px;
	clear:both;
	background:#fff;
	margin:0 0 0 0;
	padding:0;
	border-bottom:1px dashed #eee;
}

.standard-form ul.dollar-handles li label {
	margin:0;
	padding:10px 5px;
	width:680px;
	height:32px;
}

.standard-form ul.dollar-handles li:hover,
.standard-form ul.dollar-handles li.hover {
	background:#F4FCED;
	cursor:pointer;
}

.standard-form ul.dollar-handles li label:hover,
.standard-form ul.dollar-handles li label.hover {
	cursor:pointer;
}

.standard-form ul.dollar-handles li label.selected,
.standard-form ul.dollar-handles li.dh-other .selected {
	background:#EAF8DB;
}

.standard-form ul.dollar-handles li span.dollar-sign {
	vertical-align:super;
	font-size:13px;
	line-height:23px;
	float:left;
	display:block;
	position:relative;
	width:10px;
}

.standard-form ul.dollar-handles li span.amount {
	font-size:23px;
	line-height:23px;
	float:left;
	display:block;
	position:relative;
	width:50px;
}

.standard-form ul.dollar-handles li span.dh-description {
	display:block;
	float:left;
	width:540px;
	min-height:32px;
	padding:0 5px 0 20px;
	margin:0 0 0 0;
}

.standard-form ul.dollar-handles li input.donationAmount {
	font-size:20px;
}

.standard-form ul.dollar-handles li label.dh-other {
	width:90px;
	float:left;
	display:block;
	position:relative;
	cursor:pointer;
}

.standard-form ul.dollar-handles li label span.other-amount {
	width:40px;
	display:block;
	position:relative;
	float:left;
}

.standard-form ul.dollar-handles li span.dh-other {
	display:block;
	cursor:pointer;
	width:580px; /* has IE6 hack */
	float:left;
	height:32px;
	padding:10px 0 10px 10px;
	margin:0 0 0 0;
}

.standard-form ul.dollar-handles li input.radio {
	display:block;
	margin:2px 10px 0 10px;
	float:left;
}










.standard-form ul.regular-appeals {
	list-style-image: none;
	list-style-type: none;
	margin:0;
	padding:0;
	display:block;
	width:680px;
	border-top:1px dashed #eee;
}

.standard-form ul.regular-appeals li {
	display:block;
	float:left;
	width:680px;
	clear:none;
	background:#fff;
	margin:0 0 0 0;
	padding:0 0 10px 0;
	border-bottom:1px dashed #eee;
	}

.standard-form ul.regular-appeals li label {
	margin:0;
	padding:10px 5px;
	width:670px;
	cursor:pointer;
	display:block;
	float:left;
	}	

.standard-form ul.regular-appeals li label.error {
	display:none;
	}

.standard-form ul.regular-appeals li:hover,
.standard-form ul.regular-appeals li.hover {
	background:#F4FCED;
	cursor:pointer;
}

.standard-form ul.regular-appeals li label:hover,
.standard-form ul.regular-appeals li label.hover {
	cursor:pointer;
}

.standard-form ul.regular-appeals li.selected {
	background:#EAF8DB;
}

.standard-form ul.regular-appeals li span.title {
	vertical-align:super;
	font-size:13px;
	float:left;
	display:block;
	position:relative;
	width:130px;
}

.standard-form ul.regular-appeals li span.description {
	display:block;
	float:left;
	width:460px;
	padding:0 10px;
	font-weight:normal;
	margin:0 0 0 0;
}

.standard-form ul.regular-appeals li input.radio {
	display:block;
	margin:2px 10px 0 10px;
	float:left;
}


.standard-form ul.regular-dollar-handles-linear {
	list-style-image: none;
	list-style-type: none;
	margin:0;
	padding:0;
	display:block;
	float:left;
	width:650px;

}

.standard-form ul.regular-dollar-handles-linear li {
	display:block;
	float:left;
	width:90px;
	clear:none;
	margin:0 0 0 0;
	padding:0;
	border-bottom:1px dashed #eee;
	cursor:pointer;
	}
	
.standard-form ul.regular-dollar-handles-linear li.selected,
.standard-form ul.regular-dollar-handles-linear li.selected:hover,
.standard-form ul.regular-dollar-handles-linear li.selected:focus {
	background:#EAF8DB;
}
.standard-form ul.regular-dollar-handles-linear li.dh {
	width:90px;
	float:left;
	display:block;
	position:relative;
	cursor:pointer;
	margin:0;
	padding:0;
}

.standard-form ul.regular-dollar-handles-linear li:hover,
.standard-form ul.regular-dollar-handles-linear li:focus {
	background:#F4FCED;
	cursor:pointer;
	}
	
.standard-form ul.regular-dollar-handles-linear li label {
	margin:0 0 0 0;
	padding:5px 0 0 0;
	cursor:pointer;
	display:block;
	float:left;
	width:90px;
	}

.standard-form ul.regular-dollar-handles-linear li.dh label {
	margin:0 0 0 0;
	padding:5px 0 0 0;
	cursor:pointer;
	display:block;
	float:left;
	width:90px;
	}
	
.standard-form ul.regular-dollar-handles-linear label.selected,
.standard-form ul.regular-dollar-handles-linear label.selected:hover,
.standard-form ul.regular-dollar-handles-linear label.selected:focus {
	background:#EAF8DB;
}

.standard-form ul.regular-dollar-handles-linear li.other {
	width:350px;
	display:block;
	}

.standard-form ul.regular-dollar-handles-linear li.other label {
	float:left;
	width:140px;
	}

.standard-form ul.regular-dollar-handles-linear li.other label.error {
	display:none;
	width:220px;
	}
	
.standard-form ul.regular-dollar-handles-linear li label input.radio {
	display:inline-block;
	margin:2px 5px 0 5px;
	padding:4px 0 0 0;
	}




/* labels */
.standard-form label {
	display: block;
	font-weight: bold;
	font-size:1em;
	position:relative;
	margin: 1em 0 0 0;
}

.standard-form label.disabled {
	color:#aaa;
	position:relative;
}

.standard-form fieldset fieldset.linear label.error,
.standard-form fieldset fieldset.linear-options label.error,
.standard-form label.error {
	display:none;
	color:#900;
	position:relative;
}

.e-newsletter-subscribe-form fieldset.linear label.error {
	width:145px;
	display:block;
	position:relative;
	color:#900;
}

/* inputs, textareas and selects */
.standard-form input,
.standard-form textarea {
	background: #fafafa;
	border:1px solid #ccc;
	color: #000;
	display: block;
	position:relative;
	margin: 4px 0 0 0;
	padding: 2px;
}

.standard-form textarea {
	font-family: Arial, sans-serif;
	font-size:1.1em;
	line-height:140%;
	padding:10px;
}

.standard-form .x-large {
	width:20em;
}

.standard-form .large {
	width:15em;
}

.standard-form .medium {
	width:10em;
}

.standard-form .small {
	width:5em;
}

.standard-form .x-small {
	width:4em;
}

.standard-form .xx-small {
	width:3em;
}

.standard-form input.disabled {
	border:1px solid #eee;
	color:#999;
}

.standard-form select {
/*border:1px solid #ccc;
	border makes safari drop down buttons lose their arrow?
	*/ 
}

.standard-form input.radio,
.standard-form input.checkbox {
	background: none;
	border:none;
}

.standard-form input,
.standard-form select,
.standard-form textarea {
	display: inline;
}

.standard-form input:focus,
.standard-form textarea:focus {
	background: #fff;
	border: 1px solid #FDAB02;
}

.standard-form input.hidden,
.standard-form select.hidden,
.standard-form textarea.hidden {
	border:none;
	padding:0;
	margin:0;
	width:auto;
	display: none;
}

.standard-form select.error,
.standard-form input.error,
.standard-form textarea.error,
.standard-form input.error:focus,
.standard-form textarea.error:focus {
	background: #f77;
	color: #000;
	border: 1px solid #900;
}

.standard-form fieldset ol li.radio-linear {
	float: left;
	display:block;
	position:relative;
	clear:none;
	margin-right: 1em;
}

.standard-form fieldset ol li.radio-linear label {
	position:relative;
}

.standard-form fieldset.phone-number {
	margin:0;
	padding:0;
	position:relative;
	height:24px;
	display:block;
}

.standard-form fieldset.phone-number label {
	margin:0;
	padding:0;
	position:relative;
	height:18px;
	display:inline-block;
}

.standard-form input.phone-number {
	margin:0;
	padding:2px 0 1px 0;
	clear:both;
	position:relative;
	float:left;
	display:block;
}

.standard-form li.state,
.standard-form li.postcode {
	float:left;
	width:100px;
	position:relative;
	clear:none;
	margin:0 0 10px 0;
	padding:0;
	line-height:1em;
}

.optional {
	color:#99cc00;
	font-weight:normal;
}

.action-letter {
	background: url("images/online-actions-letter-header.png") top left no-repeat;
	width:560px;
	position:relative;
	padding:20px 30px 0 30px;
	margin:0;
	left:-20px;
	display:block;
	float:left;
}

.action-letter h4.letterHeader {
	margin:0px 0;
	padding:20px 10px;
}

.action-letter div.letterBody {
	margin:0;
	padding:10px 10px;
	width:500px;
}

.action-letter p.letterFooter {
	margin:0;
	padding:10px 10px;
	width:500px;
}

.action-letter-bottom {
	background:#fff url("images/online-actions-letter-footer.png") 0px -40px no-repeat;
	width:590px;
	height:60px;
	padding:0;
	left:-30px;
	margin:0 0 0px 0;
	position:relative;
	display:block;
	float:left;
}

.action-letter #letterHeader {
	margin:20px 0 10px 0px;
	padding:20px 0 0 0;
	font-weight:bold;
}

.action-letter #letterFooter {
	margin:10px 0 0 0px;
	font-weight:bold;
}

.action-letter textarea {
	margin:0;
	padding:5px;
	width:500px;
	min-height:350px;
	color:#333;
	background: #ffe;
	border:1px solid #ddd !important;
}

.action-letter textarea:hover {
	margin:0;
	padding:5px;
	background: #ffe;
	color:#333;
}

.action-letter textarea:focus {
	margin:0;
	padding:5px;
	background: #fff;
	color:#000;
	border:1px solid #fc0 !important;
}

/* ----- confirmation form  ----- */

.confirmation-form label {
	display: block;
	float: left;
	font-weight: normal;
	margin-right: 30px;
	text-align: right;
	width: 10em;
	margin:0 1em 0 0;
	color:#666;
}

.confirmation-form .value {
	display: block;
	float: left;
	font-weight: bold;
	color:#3d3d3d;
	margin-right: 30px;
	text-align: left;
	width: 40em;
	margin:0;
}

.confirmation-form fieldset.additional label {
	display: block;
	float: none;
	font-weight: bold;
	margin-right: 30px;
	text-align: left;
	width: auto;
	margin:0 0 0 0;
	color:#000;
}

.confirmation-form fieldset.subscribe label {
	display: block;
	float: none;
	font-weight: bold;
	margin-right: 30px;
	text-align: left;
	width: auto;
	margin:0 0 0 0;
	color:#000;
}

/* hide unneccessary stuff on confirmation form */
.confirmation-form .ccv-info {
	display:none;
}

.standard-form.small-form ol li {
	margin: 5px 0 5px 0;
	list-style-type: none;
	list-style-image: none;
	clear: both;
	min-height: 25px;
	height: 25px;
}

.standard-form option {
	padding: 2px 0 0 4px;
}

.standard-form.small-form {
	padding: 0 !important;
	margin: 0 0 0 0 !important;
	position:relative;
	background:none;
	width:190px;
	display:block;
}

.standard-form.small-form fieldset {
	border: none;
	background-image:none;
	color: #333;
	display: inline;
	padding: 5px 5px;
	margin: 0px 5px 0px 0px;
	min-width: 180px;
	width:150px;
}

.standard-form.small-form fieldset legend {
	font-weight:bold;
	font-size:1.2em;
	margin:12px 0 0 0;
	color:#333;
	padding:0;
}

.standard-form.small-form fieldset label {
	margin:0 0 0 0;
	padding:0 0 0 0;
	display:block;
	clear:both;
	line-height:120%;
}

.standard-form .publish-info-blue {
	margin:0 0 0 5px;
	padding:0 0 0 0;
	display:inline-block;
	width:14px;
	height:14px;
	text-indent:-9999em;
	background: url("images/site-icons-info-blue.png") top left no-repeat;
}

.standard-form .publish-info-green {
	margin:0 0 0 5px;
	padding:0 0 0 0;
	display:inline-block;
	width:14px;
	height:14px;
	text-indent:-9999em;
	background: url("images/site-icons-info-green.png") top left no-repeat;
}

.standard-form.small-form fieldset p {
	margin:0;
	padding:0;
}

.standard-form.small-form fieldset ol {
	margin:0 !important;
	padding:0 !important;
}

.standard-form.small-form fieldset ol li {
	margin:0;
	padding:0;
	display:block;
	clear:both;
	width:180px;
	line-height:120%;
	min-height:3.5em;
}

.standard-form.small-form fieldset ol li input,
.standard-form.small-form fieldset ol li select {
	margin:0 0 5px 0;
	padding:0;
}

.standard-form .subscribe {
	margin:0;
	padding:0;
}

.standard-form .bottom-of-form,
.standard-form .form-buttons {
	padding:10px 0 0 0;
	margin:2px 0 0 0;
	background-image: url("images/form-legend-background-dots.png");
	background-position: top left;
	background-repeat:repeat-x;
	width:670px;
	clear:both;
	float:left;
}

.standard-form.large-form .bottom-of-form,
.standard-form.large-form .form-buttons {
	width:900px;
}

.standard-form.contact-form .bottom-of-form,
.standard-form.contact-form .form-buttons {
	width:270px;
}

.standard-form.small-form .bottom-of-form,
.standard-form.small-form .form-buttons {
	padding:0 0 0 0;
	margin:0 0 0 0;
	background-image: none;
	width:auto;
	clear:both;
	float:left;
}

/* 

THE BUTTONS!!

always use <input> for submit buttons, we never use <button>
 */

/* normal buttons */
.standard-form input.buttonDonate {
	background-image: url('images/form-input-button-background.png');
	background-position: 0 0;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:100px;
	cursor:pointer;
}

.standard-form input.buttonDonate:hover,
.standard-form input.buttonDonate:focus {
	cursor:pointer;
	background-position: 0 -30px;
}

.standard-form input.buttonSubmit {
	background-image: url("images/form-input-button-background.png");
	background-position: 0 -60px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:100px;
	cursor:pointer;
}

.standard-form input.buttonSubmit:hover,
.standard-form input.buttonSubmit:focus {
	cursor:pointer;
	background-position: 0 -90px;
}

.standard-form input.buttonSubscribe {
	background-image: url("images/form-input-button-background.png");
	background-position: 0 -120px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:120px;
	cursor:pointer;
}

.standard-form input.buttonSubscribe:hover,
.standard-form input.buttonSubscribe:focus {
	cursor:pointer;
	background-position: 0 -150px;
}

.standard-form input.buttonConfirm {
	background-image: url("images/form-input-button-background.png");
	background-position: 0 -180px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:100px;
	cursor:pointer;
}

.standard-form input.buttonConfirm:hover,
.standard-form input.buttonConfirm:focus {
	cursor:pointer;
	background-position: 0 -210px;
}

.standard-form input.buttonSign {
	background-image: url("images/form-input-button-background.png");
	background-position: 0 -240px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:70px;
	cursor:pointer;
}

.standard-form input.buttonSign:hover,
.standard-form input.buttonSign:focus {
	cursor:pointer;
	background-position: 0 -270px;
}


.standard-form input.buttonSend {
	background-image: url("images/form-input-button-background.png");
	background-position: 0 -300px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:70px;
	cursor:pointer;
	}

.standard-form input.buttonSend:hover,
.standard-form input.buttonSend:focus {
	cursor:pointer;
	background-position: 0 -330px;
	}


.standard-form input.buttonNext {
	background-image:url("images/form-input-button-background.png");
	background-position:0 -420px;
	background-repeat:no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0;
	padding:0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:70px;
	cursor:pointer;
}

.standard-form input.buttonNext:hover,
.standard-form input.buttonNext:focus {
	cursor:pointer;
	background-position:0 -450px;
}

.standard-form input.buttonJoinNow {
	background-image: url("images/form-input-button-background.png");
	background-position: 0 -360px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0 10px 0 0px;
	padding:0 0 0 0;
	display:block;
	border:none;
	height:30px;
	line-height:0;
	font-size:0;
	text-indent:-9999em;
	width:110px;
	cursor:pointer;
}

.standard-form input.buttonJoinNow:hover,
.standard-form input.buttonJoinNow:focus {
	cursor:pointer;
	background-position: 0 -390px;
}


/* small buttons */

a.buttonSmallBack,
.standard-form input.buttonSmallBack {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -0px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	height:20px;
	width:65px;
	text-indent:-9999em;
	cursor:pointer;
}

a.buttonSmallBack:hover,
a.buttonSmallBack:focus,
.standard-form input.buttonSmallBack:hover,
.standard-form input.buttonSmallBack:focus {
	background-position: -200px -20px;
	cursor:pointer;
}

.standard-form input.buttonSmallEdit {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -40px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	height:20px;
	width:65px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonSmallEdit:hover,
.standard-form input.buttonSmallEdit:focus {
	background-position: -200px -60px;
	cursor:pointer;
}


.standard-form input.buttonSmallSubscribe {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -80px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	height:20px;
	width:110px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonSmallSubscribe:hover,
.standard-form input.buttonSmallSubscribe:focus {
	background-position: -200px -100px;
	cursor:pointer;
}

.standard-form input.buttonSmallSign {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -120px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	height:20px;
	width:65px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonSmallSign:hover,
.standard-form input.buttonSmallSign:focus {
	background-position: -200px -140px;
	cursor:pointer;
}

.standard-form input.buttonSmallSubmit {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -160px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	height:20px;
	width:80px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonSmallSubmit:hover,
.standard-form input.buttonSmallSubmit:focus {
	background-position: -200px -180px;
	cursor:pointer;
}

.standard-form input.buttonSmallGo {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -200px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	line-height:0;
	border:none;
	height:20px;
	width:45px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonSmallGo:hover,
.standard-form input.buttonSmallGo:focus {
	background-position: -200px -220px;
	cursor:pointer;
}



.standard-form input.buttonSmallAddToCart {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -240px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	float:left;
	line-height:0;
	border:none;
	height:20px;
	width:105px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonSmallAddToCart:hover,
.standard-form input.buttonSmallAddToCart:focus {
	background-position: -200px -260px;
	cursor:pointer;
}


.buttonSmallViewCartAndCheckout {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -320px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:0px 0px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	float:left;
	line-height:0;
	border:none;
	height:20px;
	width:170px;
	text-indent:-9999em;
	cursor:pointer;
}

.buttonSmallViewCartAndCheckout:hover,
.buttonSmallViewCartAndCheckout:focus {
	background-position: -200px -340px;
	cursor:pointer;
}


.standard-form input.buttonCheckout {
	background-image: url("images/form-input-button-background.png");
	background-position: 0px -480px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	float:right;
	line-height:0;
	border:none;
	height:30px;
	width:115px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonCheckout:hover,
.standard-form input.buttonCheckout:focus {
	background-position: 0px -510px;
	cursor:pointer;
}


.buttonSmallContinueShopping {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -400px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	float:left;
	line-height:0;
	border:none;
	height:20px;
	width:150px;
	text-indent:-9999em;
	cursor:pointer;
}

.buttonSmallContinueShopping:hover,
.buttonSmallContinueShopping:focus {
	background-position: -200px -420px;
	cursor:pointer;
}



.buttonSmallRemove {
	background-image: url("images/form-input-button-background.png");
	background-position: -200px -280px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	float:left;
	line-height:0;
	border:none;
	height:20px;
	width:75px;
	text-indent:-9999em;
	cursor:pointer;
}

.buttonSmallRemove:hover,
.buttonSmallRemove:focus {
	background-position: -200px -300px;
	cursor:pointer;
}

.standard-form input.buttonProcessPayment {
	background-image: url("images/form-input-button-background.png");
	background-position: 0px -540px;
	background-repeat: no-repeat;
	background-color:transparent;
	position:relative;
	margin:4px 10px 0 0px;
	padding:0 0 0px 0px;
	display:block;
	font-size:0;
	float:left;
	line-height:0;
	border:none;
	height:30px;
	width:180px;
	text-indent:-9999em;
	cursor:pointer;
}

.standard-form input.buttonProcessPayment:hover,
.standard-form input.buttonProcessPayment:focus {
	background-position: 0px -570px;
	cursor:pointer;
}



/*
END OF THE BUTTONS!!

 */
	
	
	
	
	
	
	
	
	
	
	
div.error-box {
	border:2px dashed #c00;
	padding:15px 10px 10px 20px;
	background:#fcc;
	color:#c00;
}

div.error-box h3 {
	padding:5px 0px;
	color:#c00;
}

div.error-box ol {
	margin:0;
	padding:0;
}

div.error-box ol li {
	margin:0 0 0 30px;
	padding:0;
	line-height:1em;
	height:1em;
	color:#c00;
	list-style:decimal;
}

/* end standard form */


/* start custom forms */

/* search form in site header */
.header-search-form {
	height: 20px;
	padding:0;
	margin:0;
	width: 220px;
	display:block;
}

.header-search-form input.searchfield {
	color: #666;
	float: left;
	height: 18px;
	font-size:12px;
	line-height:18px;
	position:relative;
	width: 155px;
	margin:0;
	padding:0 0 0 6px;
	background:#F1EBDB;
	border:1px solid #B4D562;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.header-search-form input.searchfield:focus {
	background:#F4EfDf;
	border:1px solid #FDAB02;
}

.header-search-form input.searchfield.error,
.header-search-form input.searchfield.error:focus {
	background:#fff;
	border:1px solid red;
}

.header-search-form input.hidden {
	display: none;
}

.header-search-form input.buttonSmallGo {
	float:right;
	margin:0 0 0 0px;
	padding:0 0 0 0;
}


/* end search form in site header */

.standard-form.footer-subscribe-form {
	border: none;
	float:left;
	background-image:none;
	width: 240px;
	display: block;
	position:relative;
}

.standard-form.footer-subscribe-form #esf-inputs li {
	width:200px;
	display:block;

	}

.standard-form.footer-subscribe-form label {
	float:left;
	display:inline;
	}
	
.standard-form.footer-subscribe-form input {
	float:left;
	display:inline;
	}
	
.standard-form.footer-subscribe-form input.error {
	float:left;
	display:inline;
	}

.standard-form.footer-subscribe-form label.error {

	}

.standard-form.footer-subscribe-form span.error {
	float:left;
	display:inline;
	width:30px;
	height:22px;
	margin:0 0 0 0;
	}



.standard-form.footer-subscribe-form fieldset {
	border: none;
	background-image:none;
	color: #333;
	position:relative;
	display: block;
	padding: 5px 5px;
	margin: 0px 5px 0px 0px;
	min-width: 180px;
}

.standard-form.small-form.footer-subscribe-form fieldset legend {
	padding: 12px 0 0 0;
	margin: 0 0px 0px 0px;
	position:relative;
	min-width:100px;
}

.standard-form.small-form.footer-subscribe-form fieldset legend span {
	padding: 0 0 0 0;
	margin: 0 0px 0px 0px;
	position:relative;
	min-width:150px;
	width:150px;
	color: #3d3d3d;
}

.standard-form.small-form.footer-subscribe-form .form-buttons {
	padding: 0 0 0 0;
	margin: 5px 0px 0px 0px;
}

.e-newsletter-subscribe-form h3 {
	padding: 0 0 0 0;
}

.e-newsletter-subscribe-form h4 {
	padding: 0.5em 0 0 0;
}

.e-newsletter-subscribe-form ol.tiles {
	position:relative;
	display:block;
	float:left;
	width:900px;
	margin:0 0 1em 0;
}

.e-newsletter-subscribe-form ol.tiles li {
	background: #f1f1f1;
	width:270px;
	display:block;
	clear:none;
	position:relative;
	display:block;
	padding:5px 10px;
	margin:0px 5px 5px 0px;
	float:left;
	font-size:1.1em;
	color:#3d3d3d;
}

.e-newsletter-subscribe-form ol.tiles.main li {
	background: #f1f1f1;
	width:880px;
	display:block;
	clear:none;
	position:relative;
	display:block;
	padding:5px 10px;
	margin:0px 5px 5px 0px;
	float:left;
	color:#3d3d3d;
}

.e-newsletter-subscribe-form ol.tiles.main li label {
	display:block;
	position:relative;
	display:block;
	margin:0;
	padding:0;
	float:left;
	width:880px;
	font-size:1.2em;
}

/* specific forms */

#eventRegoForm #title {
	width: 7em
}

/* end specific forms */ 

#ccv-info-dialog h3 {
	margin:0;
	padding:0;
	font-size:1.2em;
}

#ccv-info-dialog p {
	margin:0;
	padding:0;
}

#ccv-info-dialog img {
	margin:0;
	padding:0;
}

/* step 1,2,3 */
ol.steps {
	list-style-image: none;
	list-style-type: none;
	margin:10px 0 10px -20px !important;
	padding:0 !important;
	display:block;
	height:38px;
	background:#EFEAD7 url("images/steps-background.png") top left no-repeat;
	width:740px;
	position:relative;
	_width:720px;
	clear:both;
}

ol.steps li {
	position:relative;
	display:block;
	list-style:none;
	list-style-image:none;
	width:187px;
	_width:176px;
	float:left;
	clear:none;
	min-height:20px;
	height:20px;
	background:#F8F5ED;
	line-height:1em !important;
	font-size:1.2em;
	line-height:20px;
	color:#3d3d3d;
	margin:4px 0 0 2px;
	padding:8px 8px 4px 36px;
	background-repeat: no-repeat;
	background-position: 7px 4px;
}

ol.steps li.one {
	background-image: url("images/site-icons-1.png");
	margin-left:20px;
}

ol.steps li.two {
	background-image: url("images/site-icons-2.png");
}

ol.steps li.three {
	background-image: url("images/site-icons-3.png");

}

ol.steps li.four {
	background-image: url("images/site-icons-4.png");
}

ol.steps li.one-current-step {
	background-image: url("images/site-icons-1-current.png");
	background-color:#fff;
	color:#0099CB;
	min-height:22px;
	height:22px;
	margin-left:20px;
	_margin-left:10px;
}

ol.steps li.two-current-step {
	background-image: url("images/site-icons-2-current.png");
	background-color:#fff;
	color:#0099CB;
	min-height:22px;
	height:22px;
}

ol.steps li.three-current-step {
	background-image: url("images/site-icons-3-current.png");
	background-color:#fff;
	color:#0099CB;
	min-height:22px;
	height:22px;

}

ol.steps li.four-current-step {
	background-image: url("images/site-icons-4-current.png");
	background-color:#fff;
	color:#0099CB;
	min-height:22px;
	height:22px;
}

ol.steps li.one-completed-step {
	background-image: url("images/site-icons-tick.png");
	background-color:#F6F3E9;
	color:#70BB23;
	margin-left:20px;
	_margin-left:10px;
}

ol.steps li.two-completed-step,
ol.steps li.three-completed-step,
ol.steps li.four-completed-step {
	background-image: url("images/site-icons-tick.png");
	background-color:#F6F3E9;
	color:#70BB23;
}


ol.steps li.three-completed-step {

}