@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */

<style type="text/css">

/* Colors 
==================================


Blue - Link			#2851A2
Blue - Hover		#002878
Blue - Light		#ebf4fb
Blue - Navbar		#b7dcff	
Blue - Classifieds	#a2c5e5

Orange - Hover  	#ee8822
Red					#d2232a

Tease black			#272727
Grey - Dark			#666
Grey - Medium		#999
Grey - Light		#ededed
Grey - Extra Light	#efefef


*/


/* Basic Layout 
================================== */

body 		{ text-align: left; }

.fourteen	{ width: 959px; }
.thirteen	{ width: 889px; }
.twelve		{ width: 819px; }
.eleven		{ width: 749px; }
.ten		{ width: 679px; }
.nine		{ width: 609px; }
.eight		{ width: 539px; }
.seven		{ width: 469px; }
.six		{ width: 399px; }
.five		{ width: 329px; }
.four		{ width: 259px; }
.three		{ width: 189px; }
.twoHalf	{ width: 154px; }
.two		{ width: 119px; }
.one		{ width: 49px;	}

.left		{ float: left;	}
.right		{ float: right; }

.col		{ margin-right: 10px; }

.first		{ margin-left: 0;	}	
.last		{ margin-right: 0;	}
.outset		{ margin: 30px;}


/* New Project 
================================== */

.fitbit-mini  {
	float: left;
	margin: 0 10px 10px 0;
}

.fitbit-mini .individual-viz-day, 
.fitbit-mini .individual-link {
	display: none;
}

.fitbit-mini .fitbit-container {
	width: 290px;
	height: 150px;
}

.fitbit-container {
	background-color: #ebf4fb;
	border: 1px solid #B7CDFF;
	text-align: left;
	width: 100%;
	height: 390px;	
	font-family:Arial, Helvetica, sans-serif;	
}
.fitbit-inner{
	padding: 10px;
}
.individual-head{
	padding-bottom: 20px;
}
.individual-img{
	float:left;
	padding: 0 10px 0 0;
}
	
.fitbit-logo{
	float: right;
}
.individual-goal{
	padding-bottom: 10px;
}
.individual-goal-perc {
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
}
.individual-viz-day{
	padding-bottom: 10px;
}

.individual-link{
	text-align: center;
}

.individual-graph {
	position: relative;
	height: 150px;
	background-color: white;
	margin-right:10px;
	margin-left: 30px;
}

.individual-bucket {
	position: absolute;
	background-color: #62d8f3;
	width: 1px;
}

.individual-graph-label {
	position: absolute;
	color: #999;
	font-size: 10px;
	left: -30px;	
}

.individual-graph-line {
	border-left: 1px solid #eee;
	width: 1px;
	position: absolute;
	height: 100%;
}

.individual-time-label {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color:#999;
	text-transform: uppercase;
	text-align: center;
	margin-top: 23px;
	margin-left: 8px;
}

.x-label {
	top: 102%;
	margin-left: -5px;
	text-align: center;
}

.individual-goal-viz {
	position: relative;
	width: 100%;
	height: 35px;
}

.individual-background-icon {
	position: absolute;
	height: 35px;
}

.individual-inactive-background {
	width: 98%;
	margin: 0 1%;
	background-image: url(http://cache.boston.com/_webdesignready/2011/widgets/fitbit/code/12-17-11/images/inactive_background.png);
}

.individual-active-background {
	background-image: url(http://cache.boston.com/_webdesignready/2011/widgets/fitbit/code/12-17-11/images/active_background.png);
}

.individual-icon {
	position: absolute;
}

.individual-inactive-right {
	right: 0;
}

.individual-active-right {
	margin-left: -17px;
}

.active-container {
	position: relative;
	margin-left: 34px;
	margin-right: 34px;
}

.blogText .fitbit-placeholder img {
	border: none;
}