/**
 * @Theme:Standard
 * @Author:Everett Myers (everett.myers@actha.us)
 * @LastUpdate:2011-04-18T16:57:50-07:00
 * @BaseCode:AF ver 2.0.0
 */ 

/* Imports */
@import url('main.css');

#memberbenefits {}

/* Membership Benefits */
table#membership_benefits{margin:0;}
table#membership_benefits td{color:#5c380f;padding:30px 10px;vertical-align:top;}
table#membership_benefits td p{color:#5c380f;font-size:16px;}
table#membership_benefits td a{font-weight:bold;color:#5c380f;}
div.ContentBlock div.registrationTab{z-index:3;cursor:pointer;position:absolute;padding:10px 10px 20px 10px;background:#262261;top:-35px;left:20px;border-radius:15px;}
div.ContentBlock div.awardsTab{z-index:3;cursor:pointer;position:absolute;padding:10px 10px 20px 10px;background:#BC0000;top:-35px;left:200px;border-radius:15px;}
div.ContentBlock div.communityTab{z-index:3;cursor:pointer;position:absolute;padding:10px 10px 20px 10px;background:#5c380f;top:-35px;left:320px;border-radius:15px;}
div.ContentBlock  #registrationDiv{position:absolute;z-index:4;background:#262261;padding:10px;top:0px;left:0px;width:980px;min-height:175px;}
div.ContentBlock  #awardsDiv{position:absolute;z-index:4;background:#BC0000;padding:10px;top:0px;left:0px;width:980px;min-height:175px;}
div.ContentBlock  #communityDiv{position:absolute;z-index:4;background:#5c380f;top:0px;left:0px;width:980px;min-height:175px;}


ul.membership_benefits {margin-left:20px;}
ul.membership_benefits li{padding:5px;color:#5C380F;font-size:16px;font-weight:bold;}
ul.membership_benefits li a{color:#5C380F;text-decoration:underline;}
input.membership_benefits{width:100%;margin:auto;font-size:22px;font-weight:bold;background:#BC0000;color:#FFF;padding:1px 6px;border:none;border-radius:10px;cursor:pointer;}
input.membership_benefits:hover{background:#BC7C7C;}

table.memberships{}
table.memberships tr{border:1px solid #000;}
table.memberships th{text-align:center;padding:5px;background:#5C380F;}
table.memberships td{text-align:center;padding:5px;background:#FFF;}
table.memberships td:first-child{text-align:left;}

#memberbenefits{height:1700px;}
#memberbenefits button.signmeup{background:#028;}
#memberbenefits div.new_memberTab{z-index:3;cursor:pointer;position:absolute;padding:10px 5px 20px 35px;width:120px;background:#187178;top:-35px;left:10px;border-radius:15px;}
#memberbenefits div.new_memberTab img{height:30px;position:absolute;top:5px;left:5px;}
#new_memberDiv{position:absolute;z-index:4;background:#187178;padding:10px;top:0px;left:0px;width:980px;}
#memberbenefits div.retail_discountsTab{z-index:3;cursor:pointer;position:absolute;padding:10px 5px 20px 30px;width:170px;background:#A36218;top:-35px;left:175px;border-radius:15px;}
#memberbenefits div.retail_discountsTab img{height:30px;position:absolute;top:5px;left:5px;}
#retail_discountsDiv{position:absolute;z-index:4;background:#A36218;padding:10px;top:0px;left:0px;width:980px;}
#memberbenefits div.registrationTab{z-index:3;cursor:pointer;position:absolute;padding:10px 5px 20px 40px;width:130px;background:#0D458B;top:-35px;left:385px;border-radius:15px;}
#memberbenefits div.registrationTab img{height:30px;position:absolute;top:5px;left:5px;}
#registrationDiv{position:absolute;z-index:4;background:#0D458B;padding:10px;top:0px;left:0px;width:980px;}
#memberbenefits div.insuranceTab{z-index:3;cursor:pointer;position:absolute;padding:10px 5px 20px 30px;width:110px;background:#C22831;top:-35px;left:565px;border-radius:15px;}
#memberbenefits div.insuranceTab img{height:30px;position:absolute;top:5px;left:5px;}
#insuranceDiv{position:absolute;z-index:4;background:#C22831;padding:10px;top:0px;left:0px;width:980px;}
#memberbenefits div.awardsTab{z-index:3;cursor:pointer;position:absolute;padding:10px 5px 20px 20px;width:80px;background:#007727;top:-35px;left:715px;border-radius:15px;}
#memberbenefits div.awardsTab img{height:30px;position:absolute;top:5px;left:5px;}
#awardsDiv{position:absolute;z-index:4;background:#007727;padding:10px;top:0px;left:0px;width:980px;}
#memberbenefits div.communityTab{z-index:3;cursor:pointer;position:absolute;padding:10px 5px 20px 35px;width:120px;background:#83A224;top:-35px;left:825px;border-radius:15px;}
#memberbenefits div.communityTab img{height:30px;position:absolute;top:5px;left:5px;}
#communityDiv{position:absolute;z-index:4;background:#83A224;padding:10px;top:0px;left:0px;width:980px;}


/* pricing Table */
.pricetable_table table {

	border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
	width: 100%;
    background-color: #eeeeee;
    z-index:3;
}


.pricetable_table table th {
	border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
    border-top: 1px solid #D5D5D5;
    color: #2F2F2F;
}
	
.pricetable_table table th span {
	color: #23B0F1;
    font-size: 24px;
}
	
.pricetable_table table tr {
	height: 30px;
    text-align: center;
}
	
.pricetable_table table .grey {
	background-color:#e9e9e9;
}
	
.pricetable_table table tr td {
    font-weight: normal;
}

.pricetable_table table .btn td {
	border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
}
	
	
.pricetable_table .footer {
	border-bottom: 1px solid #D5D5D5;
    height: 80px !important;
	text-align:center;
}
.pricetable_table_infoColumnCell{
    width: 340px;
    margin-left:20px;
    display: list-item;
    list-style-type: disc;
	border-right:0px;
    text-align:left;
	}
.pricetable_table_infoColumn { 
	width: 340px; 
	}
.pricetable_table_slimColumn {
	width: 88px;
	border-left: 1px solid #D5D5D5;
    border-right: 1px solid #D5D5D5; 
	}
	
.footer .the_button{
    float: none;
    margin-top: 0;
}
	
.the_button {

	border-bottom: 1px solid #9f9f9f;
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	float: left;
	color: #5c380f;
	display: inline-block;
	font-size: 12px;
	font-weight: bold;
	height: 33px;
	letter-spacing: -0.7px;
	line-height: 33px;
	margin: 0;
	text-align: center;
	width: auto;
	padding:0 15px;
	position:relative;
	z-index:1002;
	
	-moz-border-radius:5px;
	-khtml-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	
	background: #dddddd;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#ffffff), to(#dddddd));
	background: -webkit-linear-gradient(#ffffff, #dddddd);
	background: -moz-linear-gradient(#ffffff, #dddddd);
	background: -ms-linear-gradient(#ffffff, #dddddd);
	background: -o-linear-gradient(#ffffff, #dddddd);
	background: linear-gradient(#ffffff, #dddddd);
	-pie-background: linear-gradient(#ffffff, #dddddd);	
}
	
.the_button:hover, .the_button.active {
	color: #ffffff;	
	border-bottom: 1px solid #9f9f9f;
	border-right: 1px solid #c5c5c5;
	border-left: 1px solid #c5c5c5;
	
	background: #fffccc;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#5c380f), to(#5c380f));
	background: -webkit-linear-gradient(#5c380f, #5c380f);
	background: -moz-linear-gradient(#5c380f, #5c380f);
	background: -ms-linear-gradient(#5c380f, #5c380f);
	background: -o-linear-gradient(#5c380f, #5c380f);
	background: linear-gradient(#5c380f, #5c380f);
	-pie-background: linear-gradient(#5c380f, #5c380f);  
	}
	
	/*a {
	font-family:trebuchet MS;
	font-size:13px;
	font-weight:normal;
	text-decoration: none;
    outline: medium none;
	color:#000;
	}*/
.checkmark {
    display:inline-block;
    width: 22px;
    height:22px;
    -ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.checkmark_circle {
    position: absolute;
    width:22px;
    height:22px;
    background-color: green;
    border-radius:11px;
    left:0;
    top:0;
}
.xmark {
    display:inline-block;
    width: 22px;
    height:22px;
	-ms-transform: rotate(45deg); /* IE 9 */
    -webkit-transform: rotate(45deg); /* Chrome, Safari, Opera */
    transform: rotate(45deg);
}

.xmark_circle {
    width:22px;
    height:22px;
    background: red;
    color: #fff;
    font-family: 'Helvetica', 'Arial', sans-serif;
    font-size: 1.3em;
    text-align: center; 
	border-radius:11px;
    left:0;
    top:0;
}
.xmark_x1 {
    position: absolute;
    width:12px;
    height:3px;
    background-color:#fff;
    left:6px;
    top:10px;
}
.xmark_x2 {
    position: absolute;
    width:3px;
    height:12px;
    background-color:#fff;
    left:10px;
    top:5.5px;
}
.checkmark_stem {
    position: absolute;
    width:3px;
    height:9px;
    background-color:#fff;
    left:11px;
    top:6px;
}

.checkmark_kick {
    position: absolute;
    width:3px;
    height:3px;
    background-color:#fff;
    left:8px;
    top:12px;
}