/* builder page styles */

#builder {
	padding:0;
}

#accordion {
	max-width:510px;
	position:relative;
}

#accordion p.msg {
	font-size:20px;
	font-weight:bold;
	font-family: "MuseoSans-700",sans-serif;	
	color:#005F9F;
}

#accordion .z-section {
	position:relative;
	margin-left:44px;
	width:100%;
	border:2px #CCCCCC solid;
	margin-bottom:15px;		 
}

#accordion .z-section .done {
	position:absolute;
	top:-2px;
	left:-44px;
	width:35px;
	height:35px;
	background:url(images/done.png);
	display:none;
}

#accordion .z-section.done .done {
	display:block;
}

#accordion .z-section h3 {
	height:35px;
	line-height:34px;
	margin:-2px -2px 0;
	background:#EF8100;
	color:white;
	font-size:17px;
	font-weight:300;
	text-transform:none;
	cursor:pointer;
}

#accordion .z-section.grey h3 {
	background:#777777;
	color:#A6A6A6;
	cursor:text;
}


#accordion .z-section h3 span.num {
	display:inline-block;
	width:35px;
	text-align:center;
	color:white;
	font-size:21px;
	font-weight:700;
	font-family: "MuseoSans-700",sans-serif;	
}

#accordion .z-section.grey h3 span.num {
	color:#A6A6A6;
}

#accordion .z-section h3 i {
	position:absolute;
	top:12px;
	right:10px;
	width:14px;
	height:9px;
	background:url(images/arrows.png) transparent no-repeat 0 -9px;
	display:block;
}

#accordion .z-section.open h3 i {	background-position:0 0;	}
#accordion .z-section.grey h3 i {	background-position:0 -18px;	}

#accordion .z-section .z-div {
	display:none;
	padding:10px 15px 5px;
}

.onlyWes {
	display:none;
}

#accordion .z-section.open .z-div, .onlyWes.open {
	display:block;
}

#accordion .z-section .z-div h4 {
	text-transform:none;
	margin:10px 0;
	font-size:15px;
	font-weight:700;
	font-family: "MuseoSans-700",sans-serif;	
	color:#555555;	
}

#accordion .z-section .z-div p {
	margin-bottom:15px;
}

#accordion .z-section .z-div td {
	vertical-align:top;
	padding-bottom:15px;
}

#accordion .z-section .z-div th {
	font-family: "MuseoSans-700",sans-serif;
	font-weight:bold;
	padding-bottom:10px;
	color:#005f9f;
}

#accordion .z-section .z-div a {
	line-height:15px;
	padding-right:5px;
}

#accordion .z-section ul {
	margin:0;
}

#accordion .z-section li {
	list-style:none;
	position:relative;
	padding-left:30px;
	margin-bottom:10px;
}

#accordion .z-section li input {
	position:absolute;
	top:1px;
	left:0;
}

#accordion .z-section li.jess {
	width:88px;
	padding-top:86px;
	padding-left:45px;
	background:url(images/jess.png) transparent no-repeat 30px 26px;
	display:inline-block;
	vertical-align:top;
	margin-right:60px;
}

#accordion .z-section li.abby {
	width:88px;
	padding-top:86px;
	padding-left:45px;
	background:url(images/abby.png) transparent no-repeat 30px 26px;
	display:inline-block;
	vertical-align:top;
	margin-right:60px;
}

#accordion .z-section li.wes {
	width:88px;
	padding-top:86px;
	padding-left:45px;
	background:url(images/wes.png) transparent no-repeat 30px 26px;
	display:inline-block;
	vertical-align:top;
	margin-right:60px;
}

#accordion .z-section li.peggysuesallysue {
	width:175px;
	padding-top:86px;
	background:url(images/sue.png) transparent no-repeat 30px 0;
	display:inline-block;
	vertical-align:top;	
	padding-left:33px;		
}

#accordion .z-section li span {
	display:block;
	font-weight:700;
	font-family: "MuseoSans-700",sans-serif;
}

#accordion #step_3.z-section span.OnlyJess {
	display:none;
}
#accordion.Jess #step_3.z-section span.OnlyJess {
	display:block;
	font-size:12px;
}
#accordion.Jess #step_4.z-section .total_protein , #accordion.Jess #step_4.z-section .protein_normalization{
	display:none;
}

#accordion.Jess #step_4.z-section .protein_normalization.ok {
	display:block;
}

#accordion .z-section #results table {
	margin-bottom:20px;
}

#accordion .z-section #results p, #accordion .z-section p.roll {
	margin:-10px -15px 15px;
	padding:10px 15px;
	background:#EEEEEE;
}

#accordion #email p {
	margin-bottom:5px;
}
#accordion #email input[type=email] {
	padding:5px 10px;
	width:250px;
	display:block;
	margin-bottom:10px;
	width:237px;
}
#accordion #email input[type=submit], #email_kit {
	color:white;
	border:0;
	padding:10px 60px 10px 20px;
	background:url(images/email.png) #0C549B no-repeat right center;
	display:block;
	cursor:pointer;
	margin-bottom:12px;
	width:237px;
}

#accordion #another {
	color:white;
	float:right;
	padding:10px 40px 10px 20px;
	background:url(images/arrow.png) #0C549B no-repeat right center;
	display:block;
	cursor:pointer;
	margin-right:-42px;
}

#results table td {
	padding-right:20px;
}
#results table td a {
	cursor:pointer;
}
#results table td.w70 {
	width:80px;
	padding-right:0;
}

.dss td {
	display:none;
}

.mobile {
	display:none;
}

#popup {
	position:absolute !important;
	left:0;
	display:none;
	background-color:#eeeeee;
	padding:0 20px;
	cursor:pointer;
	z-index:11;
}

#content {
	overflow:visible;
}

@media (max-width: 1000px) {
}

@media (max-width: 1024px) {
	.mobile {	display:block;	}
	.desktop	{	display:none;	}
	#results table td a.p_name {	cursor:default;	color:#555;	}
}

@media (max-width: 480px) {
	#accordion .z-section {	margin-left:40px;	width:90%;	}
	#accordion .z-section h3 {	font-size:13px;	}
	#accordion #another {		margin-right:-10px;	}
}