/* Membership */
#main-content form#crm fieldset{
	border:none;
	background:none;
	padding:0;
}


#main-content form#crm {
	font-size: 1em;
	line-height: 1.5;
	margin: 1em 0px;
}
#main-content form#crm{
	width:460px;
}	
#main-content form#crm .donation input {
	width: 50px;
	float: left;
	border: 1px solid #999;
	color: #333;
	background: #e0e0e0;
	padding: 2px;
}

#main-content form#crm .donation span.js-help {
	top: 0;
}


#main-content form#crm legend {
	font-style: italic;
	font-size: 1.2em;
}
#main-content form#crm fieldset {
	border: 1px solid #ccc;
	padding: 1em 20px;
	margin: 1em 0px !important;
	border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-moz-border-radius-topleft: 0px;
}
#main-content form#crm label {
	padding-right: 10px;
	display: block;
	width: 150px;
	float: left;
	clear: left;
	text-align: right;
}
#main-content form#crm input, #main-content form#crm textarea {
	float: left;
	border: 1px solid #999;
	color: #333;
	background: white;
	padding: 2px;
	margin:1px 0;
}

#main-content form#crm select#country_id,#main-content form#crm select#member_country_id {width:240px;}
#main-content form#crm input, #main-content form#crm textarea {
	padding-right: 15px;
}
#main-content form#crm select{
	float: left;
	margin:1px 0;
	padding: 2px;	
	border: 1px solid #999;
}
#main-content form#crm .donation input {
	width: 80px;
	float: left;
	border: 1px solid #999;
	color: #333;
	background: #e0e0e0;
	padding: 2px;
}

#main-content form#crm .donation span.js-help {
	top: 0;
}
#main-content form#crm textarea {
	overflow: auto;
}
#main-content form#crm input, #main-content form#crm select, #main-content form#crm textarea {
	border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
#main-content form#crm input:focus,  #main-content form#crm textarea:focus, #main-content form#crm input:hover, #main-content form#crm select:hover, #main-content form#crm textarea:hover {
	background: #ffc;
	border: 1px solid black;
	color: black;
	-webkit-transition: border 3s linear;
	box-shadow: 0 0 2px #000;
	-o-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	-moz-box-shadow: 0 0 2px #000;
}
#main-content form#crm select:focus{
	background: #ffc;
	border: 1px solid black;
	color: black;
	box-shadow: 0 0 2px #000;
	-o-box-shadow: 0 0 2px #000;
	-webkit-box-shadow: 0 0 2px #000;
	-moz-box-shadow: 0 0 2px #000;
}


#main-content form#crm p {
	position: relative;
	width: 400px;
	float: left;
	clear: left;
	margin: 0 0 0.75em;
}
#main-content form#crm span.help {
	display: block;
	float: left;
	clear: left;
	padding: 4px 2px 4px 41px;
	margin: 1em 0 0;
	background: #aecad5 url(../images/information.png) 4px no-repeat;
	width: 350px;	
	border: 1px solid #76A3D1;
	box-shadow: 1px 1px 2px #999;
	-o-box-shadow: 1px 1px 2px #999;
	-webkit-box-shadow: 1px 1px 2px #999;
	-moz-box-shadow: 1px 1px 2px #999;
	color: #00587D;
}
#main-content form#crm span.js-help {
	background: #aecad5 url(../images/information.png) 4px no-repeat;
	position: absolute;
	right: -250px;
	width: 200px;	
	margin: 0;
	padding: 10px 10px 10px 25px;
	line-height: 1.2;
}




#main-content form#crm p.warning {
	float: none;
	background: #F8E793 url(../images/error.png) 10px no-repeat;
	padding: 4px 4px 4px 111px;
	border: 1px solid #999;
	margin: 1em 10px !important;
	width: 323px;
	box-shadow: 1px 1px 2px #ccc;
	-o-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
}
#main-content form#crm p.missed input, #main-content form#crm p.missed textarea {
	background: #fcc url(../images/cross.png) top right no-repeat !important;	
}
#main-content form#crm p.hit input, #main-content form#crm p.hit textarea {
	background: #cfc url(../images/tick.png) top right no-repeat !important;	
}




#main-content form#crm span.check-wrap input:focus {
	border: none;
}

#main-content form#crm .error,#main-content form#crm .errors {
	width: 100%;
	background: #fcc url(../images/exclamation.png) 10px no-repeat;
	padding: 4px 4px 4px 41px;
	border: 1px solid #999;
	margin: 1em 10px !important;
	width: 393px;
	box-shadow: 1px 1px 2px #ccc;
	-o-box-shadow: 1px 1px 2px #ccc;
	-webkit-box-shadow: 1px 1px 2px #ccc;
	-moz-box-shadow: 1px 1px 2px #ccc;
}
#main-content form#crm .error p, #main-content form#crm .error ul {
	float: none;
}
#main-content form#crm .error ul {
	list-style: circle;
	line-height: 1.2;
	padding-left: 20px;
	margin: 1em 0;
}
#main-content form#crm p.checkbox{
	margin-left:140px;
	width: 280px;
}
#main-content form#crm p.checkbox label {
	width: 400px;
	text-align: left;
	display:inline;	
	float:none;
	margin-left:10px;
}
#main-content form#crm p.radio label {
	width: 400px;
	text-align: left;
	display:inline;	
	float:none;
}
#main-content form#crm a.checkbox {
	padding: 2px 4px 2px 24px;
	text-decoration: none;
	color: black;
	background: url(../images/cross.png) 2px no-repeat;	
	border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px dotted #fff;
	float:left;
}
#main-content form#crm a.checkbox:focus, #main-content form#crm a.checkbox:hover, #main-content form#crm a.checkbox:active {
	border: 1px solid #ccc;
	background-color: #ffc;
	box-shadow: 0 0 3px #999;
	-o-box-shadow: 0 0 3px #999;
	-webkit-box-shadow: 0 0 3px #999;
	-moz-box-shadow: 0 0 3px #999;
}
#main-content form#crm label.checked a { background: url(../images/tick.png) 2px no-repeat;float:left;}
#main-content form#crm label.unchecked a { background: url(../images/cross.png) 2px no-repeat;float:left; }

#main-content form#crm p.label_full_width label{width:100%;text-align:left;margin-bottom: 5px;}
#main-content form#crm p.label_full_width input,#main-content form#crm p.label_full_width select{margin-left:150px;}
#main-content form#crm p.label_full_width textarea{margin-left:150px;}

#main-content form#crm p.character_count{margin-left:150px;}
#main-content form#crm p.character_count span.safe{color:#ffffff;background:#008800;padding:0 3px;font-weight:bold;}
#main-content form#crm p.character_count span.over{color:#ffffff;background:#880000;padding:0 3px;font-weight:bold;}

#main-content form#crm p.submit,#main-content form#sagepay p.submit{
	padding:0;
	text-align:right;
	margin-top:1em;
}
#main-content form#crm p.submit button, #main-content form#crm p.submit a,#main-content form#sagepay p.submit button, #main-content form#sagepay p.submit a{
	border: 1px solid #333;
	font-size: 1.2em;
	padding: 4px 12px;
	background: rgb(0, 113, 184);
	color: white;
	border-radius: 6px;
	-o-border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 8px;
	box-shadow: 1px 1px 3px #999;
	-o-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	-moz-box-shadow: 1px 1px 3px #999;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 90%, from(rgba(0, 0, 0, 0.25)), to(rgb(111, 180, 223)));
  	text-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.5);
  	-o-text-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.5);
  	-webkit-text-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.5);
  	-moz-text-shadow: -1px -1px 1px rgba(0,0,0,0.5), 1px 1px 1px rgba(255,255,255,0.5);
	opacity: 0.75;
	cursor: pointer;
	margin: 2px;
	text-decoration: none;
}
#main-content form#crm p.submit button:focus,
#main-content form#crm p.submit button:hover,
#main-content form#crm p.submit button:active,
#main-content form#crm p.submit a:focus
#main-content form#sagepay p.submit button:focus,
#main-content form#sagepay p.submit button:hover,
#main-content form#sagepay p.submit button:active,
#main-content form#sagepay p.submit a:focus{
	-webkit-transition: opacity 0.5s linear;
	opacity: 1;
}





.membership_table {

border-collapse:separate;
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
    width: 100%;   
}

.membership_table tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.membership_table td, .membership_table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 4px 8px;
    text-align: right;    
}
.membership_table tfoot tr:last-child td{
	border:none;
}

.membership_table th {
color:#ffffff;
    background-color: #0071B8;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 
}

.membership_table td:first-child, .membership_table th:first-child {
    border-left: none;
     text-align: left;  
}

.membership_table th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.membership_table th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.membership_table th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.membership_table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.membership_table tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}


.membership_table sup {
vertical-align: super;
font-size: smaller;
}
#main .membership_table sup a:link,#main .membership_table sup a:visited{
	text-decoration:none;
}

.membership_table tfoot td{
	font-size: smaller;
}

.membership_table caption{
	text-align:left;
	color:#0071B8;
	font-size:1.2em;
	font-weight:bold;
	margin: 0 0 4px 0;
}




#main #main-content ol.transaction_steps
{
margin: 0 0 20px 0;
padding: 0;
height: 25px;
font: 11px Verdana, sans-serif;
width: 100%;
background: #fff;
clear:left;
/*border: 1px solid #CCC*/
}

ol.transaction_steps li
{
float: left;
margin: 0 5px 0 0;
padding: 4px 2px;
width: auto;
border-bottom: 3px solid #999;
font-size:11px;
}





ol.transaction_steps li.current
{
color: #000;
cursor: default;
font-weight: bold;
border-bottom: 3px solid #0071B8;
}



p.mem_back_link{
	text-align:right;
	margin:2px 0;
}