body{
  background: #edebeb;
}

.range-holder{
	margin: 0 auto;
	padding:0 0 20px;
	max-width: 650px;
	
}

.dragdealer {
  position: relative;
  height: 19px;
  border-radius: 12px;
  background-color:#ccc;
  

}
.dragdealer .handle {
  position: absolute;
  top: 0;
  left: 98% !important;
}

.stripe{
	/* background: #ddd  url("https://dl.dropboxusercontent.com/u/4277345/codepen/stripe-bg.png") top left repeat; */
	background-color: #5a5a5a;
	position: absolute;
	top: 0;
	left: 0;
	margin: 3px 1px;
	height: 6px;
	border-radius: 8px;
}

.age-stripe{
	
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	background:rgba(0,0,0, 0.3);
}

.imperial-height-stripe{
	
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	background:rgba(0,0,0, 0.3);
	padding:5px;
	max-width:100%;
} 

.metric-height-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding:5px;
	border-radius: 12px;
	max-width:100%;
	height:9px;
}

.imperial-weight-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
}

.metric-weight-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
}
.exercise-per-week-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
}
.minuts_per_day_stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
}
.custom-calories-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
} 
.protien-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
}
.fat-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
}
.carbs-stripe{
	background:rgba(0,0,0, 0.3);
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	height: 9px;
	border-radius: 12px;
	padding:5px;
	max-width:100%;
}
.exercise-day-stripe{
	background-color: #5a5a5a;
	position: absolute;
	top: 0;
	left: 0;
	margin: 3px 1px;
	height: 6px;
	border-radius: 8px;
}  

.exercise-minut-stripe{
	background-color: #5a5a5a;
	position: absolute;
	top: 0;
	left: 0;
	margin: 3px 1px;
	height: 6px;
	border-radius: 8px;
}

/*	#green-highlight{position: absolute; top:0; left: 3px; height: 6px; opacity: .5; background: #333; display: none;}
	#orange-highlight{position: absolute; top:0; left: 381px; height: 6px; opacity: .5; background: #333; display: none;}
	#blue-highlight{position: absolute; top:0; left: 3px; height: 6px; opacity: .5; background: #333; display: none;}
*/



.square{
  position: absolute;
  top: 0;
  left: 0;	  
  margin-top: -13px;
  margin-left: -20px;
  cursor: pointer;
  width: 50px;
  height: 37px;
  background: #505054;
  border-radius: 8px;
  color: #FFF;
  font-size: 14px;
  line-height: 30px;
  text-align: center;
  padding-top: 13px;
}

.menu-line{width: 50%; margin: 2px auto; height: 5px; background: #FFF; display: block;}

.infobox{
	position: absolute;
    top: 0;
    left: 0;
    margin-top: -125px; 
    margin-left: -65px;
	width: 100px;
	background: #FFF;
	padding: 0px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	border: #333 solid 2px;
}

	.infobox:after {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 15px 15px 0;
		border-color: #333 transparent;
		display: block;
		width: 0;
		z-index: 1;
		bottom: -15px;
		left: 40px;
	}
	
	.infobox:before {
		content: '';
		position: absolute;
		border-style: solid;
		border-width: 15px 15px 0;
		border-color: #333 transparent;
		display: block;
		width: 0;
		z-index: 0;
		bottom: -15px;
		left: 40px;
	}
	
	.titlebar{
		background: #008da8;
		color: #FFF;
		padding: .5em;
     line-height: 1.5em;
		font-size: 15px;
	}
	#plan-holder{font-weight: bold;}
	
	.innerbox{
		padding: 5px;
		background:#333;
	}
	
	.info-price{color: #e07c00; font-size: 33px; line-height: 1.8em;}

	
	.annual-label{
	  color: #fff; font-size: 14px; font-weight: bold; width: 100%; line-height: 1.8em;text-align:center;}
	.annual-price{color: #ea0000; font-size: 25px; width: 100%;text-align:center;}  

	/*calculator design*/
	.info-image-con {
    width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
}
.info-image-height {
    width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
}
.info-show{padding-top:3px;}
.info-image-con:hover{background:#ea0000;}
.info-image-height:hover{background:#ea0000;}
.fmla-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
	}
.fmla-info-show:hover{background:#ea0000;}
.fmla-info-show img{padding-top:3px;}
.apw-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
}
.apw-info-show:hover{background:#ea0000;}
.apw-info-show img{padding-top:3px;}
.mpd-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
}
.mpd-info-show:hover{background:#ea0000;}
.mpd-info-show img{padding-top:3px;}
.instc-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
}
.instc-info-show:hover{background:#ea0000;}
.instc-info-show img{padding-top:3px;}
.coopln-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
}
.coopln-info-show:hover{background:#ea0000;}
.coopln-info-show img{padding-top:3px;}
.pro-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
}
.pro-info-show:hover{background:#ea0000;}
.pro-info-show img{padding-top:3px;}
.fat-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
}
.fat-info-show:hover{background:#ea0000;}
.fat-info-show img{padding-top:3px;}
.carb-info-show{
	width: 16px;
    height: 16px;
    background: #999;
    border-radius: 50%;
    display: inline-block;
	margin-left:6px;
	text-align:center;
}
.carb-info-show:hover{background:#ea0000;}
.carb-info-show img{padding-top:3px;}