﻿/***
==== Page Messages ====
***/

.page-messages {
	margin:0px 15px 0px 15px;
	background:#D20000;
	color: #fff;
	
	padding: 1em;
	
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 0 #ccc;
	}

.page-messages a { color:#FFFFFF; text-decoration:underline; }

.column.three .page-messages { margin:0px 0px 15px 0px; }

/*
Critical
*/

.pagemessage-critical {
	background: #fbdfe4;
	color: #74282b;
	}
.pagemessage-critical a {color: #74282b;}

/*
Fieldsets
*/
fieldset {    
	position: relative;
	margin: 1em 0;
	/*background: #f6f6f6;	
	-moz-border-radius: 10px;
	-moz-box-shadow: 0 1px 0 #ccc;*/
	}
	
fieldset legend {
	position: relative;
	}

fieldset legend span {
    font-size:16px;
    font-weight:bold;
    color:#4c4c4c;
    margin:15px 0px 10px 0px;
    display:block;
/*	
	position: absolute;
	display: block;
	top: -15px;
	left: 30px;
	
	width: auto;
	
	background: #333;
	
	padding: 5px 10px;
	font-size: 1em;
	line-height: 1.25em;
	white-space: nowrap;
	
	font-weight: normal;
	color: #fff;
	
	-moz-border-radius: 2px;
	-moz-box-shadow: 0 2px 0 #ccc;
	*/
	}
		
		
fieldset .content {
	position: relative;
	/*padding: 40px 30px 30px;*/
	}
	
	
/*
Fieldgroup
*/

.field-group
 {
	min-height: 1px;
	margin: 0 0 1em 0;
	position: relative;
	clear: both;
	
	}
	
.radio-list { margin-left:0px; min-height:1px; }
	
	.field-group:after, .radio-list:after  {		content: ".";		height: 0;		display: block;		clear: both;		visibility: hidden;		}
	* html .field-group, * html .radio-list {height: 1px;	}
	


/*
all fields
*/
	
.field label
 {
 	display: block;
	text-align: left;
	color: #7c7c7c;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.6em;
	margin: 0 0 .1em 0;
	float: left;
	padding: 3px 1em 0 0;
	text-align: right;
	}
	
		
	.field label em {
		color: #777;
		font-style:normal;
		}
	
	.field .text,
	.field select,
	.field textarea,
	.field input[type='text'] {
		padding: 3px;
		border: 1px solid #c6c6c6;
		background:#ffffff;
		font-size:12px;
		color:#7c7c7c;
		-moz-border-radius: 3px;
		/*-moz-box-shadow: 0 1px 0 #fff;*/
		}
		
	.field .focus {
		border-color: #438daf;
		}

/*
Checkboxes
*/	
	
.checkbox label {
	position: relative;
	padding: 0 0 0 20px;
	color: #7C7C7C;
	font-weight: normal;
	/*font-size: .75em;	*/
	font-size:12px;
	}
	
	.checkbox .checkbox {
		position: absolute;
		top: 0;
		left: 0;
		}

.checkbox-group {
	min-height: 1px;
	margin: 0 0 1em 0;
	position: relative;
	clear: both;
	}

.checkbox-group label {
	position: relative;
	padding: 0 0 0 20px;
	color: #7c7c7c;
	font-size: 12px;	
	}
	
	.checkbox-group .checkbox,
	.checkbox-group input[type='checkbox']
	 {
		position: absolute;
		top: 0;
		left: 0;
		}
	
/* radio buttons */

.radio-list .option{
    padding: 0 0 10px 30px;
    clear: both;
    float: none;
    min-height: 1px;
}* html .radio-list .option{ height: 1px;} .radio-list .option:after{ height: 0; clear: both; display: block; content: "."; visibility: hidden; }

.radio-list br {
    clear:both;
}

.radio-list label{
    float: left;
    display:block;
    margin: 0 0 9px 7px;
    text-align:left;
    width:190px;
    
}

span.radio-list {
    float:left;
    display:block;
    
}

.radio-list input{
    float: left;
    margin: 3px 0 0;
    
}

.indent span { float:left; width:190px; display:block; text-align:right; }
.indent .radio-list { float:left; margin:-18px 0px 0px 0px; padding-left:200px; }
.indent .radio-list label { text-align:left; padding-top:0px; width:auto; }
.indent strong { font-weight:normal; }

/*wide*/

.wide label {
    width:600px;    
}

.inline {
    margin-left:30px;
}

.inline label {
    margin:0 20px 0 5px;
}



/*
Button groups
*/		
		
.button-group { margin: 2em 0 2em 0; min-height: 1px; } * html .button-group{ height: 1px; } .button-group:after{ height: 0; clear: both; display: block; content: "."; visibility: hidden; }
		
input.button { cursor:pointer; margin:0px 15px 15px 0px; padding:0px 15px; color:#FFFFFF; background:#2a7ea4; border:none; text-transform:uppercase; font-weight:bold; -moz-border-radius:15px; -webkit-border-radius:15px;  }
input.button { font-size:16px; border:none; background:#2a7ea4; }
input.button.next { background:#2a7ea4 url(input-next.gif) no-repeat center right; margin:0px; padding:0px 30px 0px 15px; float:right; }
input.button.back { background:#2a7ea4 url(input-back.gif) no-repeat center left; margin:0px; padding:0px 15px 0px 30px; float: left; }
input.button.add { background:#c72b1d url(input-add.gif) no-repeat center left; margin:0px 5px 0 0; padding:0px 15px 0px 30px; float:right; }
input.button.right { margin-right:0px; }
input.add-checkout{ width: 345px; }
input.just-buy{ width: 200px; }


	
/* When a field occurs within a field-group */
.field-group .field {
	float: left;
	margin: 0 1em 0 0;
	position: relative;
	}
	
	
/* field group sizes */
	.field .text	    {	width: 200px;	} /* Default */
	.field textarea	    {	width: 200px;	} /* Default */
	.field select	    {	width: 227px;	} 
	
	
	.medium .text		{	width: 140px;	}
	.short .text		{	width: 100px !important;	}
	.tiny .text			{	width: 25px;	}

textarea { font-family:Arial,Helvetica,sans-serif; }

	
/* Label sizes */
	.field label	{	width: 190px;	}
	.hide-label label	{ visibility: hidden; width: 0;}
	
	

	
/* Errors */

.error-message {
	position: absolute;
	display: none;
	background: #c82830;
	top: -43px;
	left: -10px;
	width: auto;
	padding: 10px;
	
	font-size: .75em;
	color: #fff;
	text-shadow: 0 1px 0 rgba(0,0,0,.1);
	white-space: nowrap;
	
	-moz-border-radius: 5px;
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,.1);
	}
	
	.error-message .pointer {
		position: absolute;
		bottom: -8px;
		left: 12px;
		
		width: 10px;
		height: 8px;
		background: url(error-message.pointer.gif) no-repeat 0 0;
		}
	
.error-marker {
	background: url(error-marker.gif) no-repeat right 0;
	width: 15px;
	height: 13px;
	display: block;
	float: left;
	margin: 0 3px 0 0;
	position:absolute;
	top: 5px;
	left:0px;
	cursor: pointer;
	}

.field-error .text,
.field-error select,
.field-error textarea
 {
	background: #fef7f8;
	border-color: #c82830;
	}
	
.alert{ color: #fff; padding: 20px 15px 5px; background: #c73c30; margin: 15px 0; min-height: 1px; } * html .alert{ height: 1px;} .alert:after{ height: 0; clear: both; display: block; content: "."; visibility: hidden; }
.alert h2{ color: #fff; margin: 0px 0 0px; }
.alert a{ color: #fff; text-decoration: underline; }
.alert .pdf{ padding: 7px 0 7px 35px; background: url(alert.pdf.gif) no-repeat 0 0;}

/* recommend form styles */

.recommend .field-group{
    margin: 0 0 5px;
}

.recommend .field label{
    display: none;
}

.recommend .field input{
    width: 175px;
}

fieldset.address input.text { width:342px; }
fieldset.address ul { margin:0px; padding:0px; z-index:99; }
fieldset.address li { padding:20px; list-style:none; background:#FFFFFF; }


/*fieldset.address*/ .checkbox-group { margin:0 0 15px 202px;  }
fieldset.manage { padding:15px 30px 15px 15px; background:#e6f0e5 url(fieldset-manage.gif) no-repeat 15px 30px; border:solid 1px #dedede; border-left:none; border-right:none; }
fieldset.manage h3, fieldset.manage p { margin-left:80px; clear:both; }
fieldset.manage .checkbox-group { margin-left:80px;  } 
fieldset.manage .checkbox-group input { margin-top:2px; }

.payment_method{ border: none; }
.payment_method td{ border: none; padding: 0 0 15px; }

.home-phone .field label { display:none; }
.home-phone .medium .text { width:155px; }

fieldset.login .checkbox { padding-left:202px; }
fieldset.login .button-group , fieldset.activate .button-group { margin-top:0px; padding-right:45px; padding-left:200px;  }
fieldset.login .button-group .button.right, fieldset.activate .button-group .button.right { margin-right:0px; }
fieldset.login .button-group a { display:block; clear:both; text-align:right; }

.ajax-results li { background:red; }
.auto-complete
{
    height: 200px;
    overflow-y: scroll;
}

/* donation */
p.total { font-size:16px; font-weight:bold; color:#4c4c4c; }
.other label { width:30px; }
.other input { margin-right:15px; }

	
.capcha img {
    border:1px solid #C6C6C6;
    background:url(capcha-bg.gif);
    margin:5px 0;
    
}

.vcard {
    min-height:1px;
} * html .vcard { height:1px; } .vcard:after { content:"."; height:0; visibility:hidden; clear:both; display:block; }

.vcard .org {
    font-weight:bold;
    margin-bottom:5px;
}

.vcard {
    margin-bottom:15px;
}

.vcard .column {
    float:left;
    width:180px;
}
