/* @group Generic Items */

html {
	height: 100%;
	z-index: -1;
	position: relative;
}

body {
  margin: 0;
  padding: 0;
  background: white;
  font: 10px/170% Verdana, sans-serif;
  color: black;
	height: 100%;
	position: relative;
	z-index: -1;
}

input {
  font: 12px/100% Verdana, sans-serif;
  color: #494949;
}

.blurb-header, .pcp-update-item-header, .rounded-header {
  font-size: 120%;
  font-weight: bold;
  text-align: right;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
	color: #232323;
	height: 15px;
	padding: 5px 10px 5px 5px;
	background-color: white;
}

textarea, select {
  font: 12px/160% Verdana, sans-serif;
  color: #494949;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-weight: normal;
  font-family: Helvetica, Arial, sans-serif;
}

h1 {
  font-size: 170%;
}

h2 {
  font-size: 120%;
  font-weight: bold;
  text-align: right;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topleft: 10px;
  -moz-border-radius-topright: 10px;
	color: #3c3c3c;
	height: 15px;
	padding: 5px 10px 5px 5px;
	background-color: white;
}

h3.blue, h3.orange {
  font-size: 120%;
	font-weight: bold;
}

h3.blue { color: #068BC0; }
h3.orange { color: #F89838; }

h3 {
  font-size: 140%;
}

h4 {
  font-size: 130%;
}

h5 {
  font-size: 120%;
}

h6 {
  font-size: 110%;
}

ul, quote, code, fieldset {
  margin: .5em 0;
}

p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a:link, a:visited {
  color: #027AC6;
  text-decoration: none;
}

a:hover {
  color: #0062A0;
  text-decoration: underline;
}

a:active, a.active {
  color: #5895be;
}

hr {
  margin: 0;
  padding: 0;
  border: none;
  height: 1px;
  background: #fff;
}

ul {
  margin: 0.5em 0 1em;
  padding: 0;
}

ol {
  margin: 0.75em 0 1.25em;
  padding: 0;
}

ol li, ul li {
  margin: 0.4em 0 0.4em .5em; /* LTR */
}

ul.menu, .item-list ul {
  margin: 0.35em 0 0 -0.5em; /* LTR */
  padding: 0;
}

ul.menu ul, .item-list ul ul {
  margin-left: 0em; /* LTR */
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
  margin: 0.15em 0 0.15em .5em; /* LTR */
}

ul li, ul.menu li, .item-list ul li, li.leaf {
  padding: 0 0 .2em 1.5em;
  list-style-type: none;
  list-style-image: none;
}

ol li {
  padding: 0 0 .3em;
  margin-left: 2em; /* LTR */
}

ul.inline li {
  background: none;
  margin: 0;
  padding: 0 1em 0 0; /* LTR */
}

img, a img {
  border: none;
}

table {
  margin: 1em 0;
  width: 100%;
}

thead th {
  border-bottom: 2px solid #d3e7f4;
  color: #494949;
  font-weight: bold;
}

th a:link, th a:visited {
  color: #6f9dbd;
}

td, th {
  padding: .3em .5em;
}

tr.even, tr.odd, tbody th {
  border: solid #d3e7f4;
  border-width: 1px 0;
}


tr.odd td.active {
  background-color: #ddecf5;
}

tr.even td.active {
  background-color: #e6f1f7;
}

.clear { clear: both; }

ul.actions {
	font-weight: bold;
	width: 200px;
}

th.last.icons a.add {
	font-size: 20px;
	padding-left: 1em;
	padding-right: 1em;
	padding-bottom: 0.2em;
}

th.last.icons a.add:hover {
	background-color: #5496bb;
	text-decoration: none;
	color: white;
}

ul.actions li {
	font-weight: bold;
	width: 100%;
	text-indent: 0;
	margin: 0;
	text-align: center;
	padding: 0;
}

ul.actions li:hover {
	background-color: #5496bb;
	color: white;
}

ul.actions li a {
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

ul.actions li a:hover {
	font-weight: bold;
	text-decoration: none;
}

ul.actions li:hover a, ul.actions li:hover a:visited {
	background-color: #5496bb;
	color: white;
}

.left-block {
	float: left;
}

.right-block {
	float: right;
}

.align-left {
	text-align: left;
}

div.center-block {
	margin-right: auto;
	margin-left: auto;
}

.no-padding {
	padding: 0;
}

.blurb-body, .pcp-update-item-body, .panel-body {
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
	background-color: white;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

.blurb-body, .pcp-update-item-body {
  padding: 5px 10px;
  -webkit-border-bottom-left-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  -moz-border-radius-bottomright: 10px;
	background-color: white;
}

.round-all-10 {
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
}

#content div.panel-body table tbody tr.odd, #content div.panel-body table tbody tr.even {
	text-align: center;
}

#content div.panel-body table tbody tr.odd:hover, #content div.panel-body table tbody tr.even:hover {
	background-color: #5496bb;
	color: white;
}

#content div.panel-body table tbody tr.odd:hover a, #content div.panel-body table tbody tr.odd:hover a:link, #content div.panel-body table tbody tr.odd:hover a:visited, #content div.panel-body table tbody tr.even:hover a, #content div.panel-body table tbody tr.even:hover a:link, #content div.panel-body table tbody tr.even:hover a:visited {
	color: #fab760;
}

.highlight {
  position: relative;
  color: #333;
  font-size: 200%;
  font-weight: bold;
  text-align: center;
}

blockquote
{
  position: relative;
  color: #333;
  font-size: 120%;
  font-weight: bold;
  text-align: center;
}

.bold { font-weight: bold; }
.blue { color: #068BC0; }

#about .section {
  margin-top: 3em;
}

#satisfied li:before {
  content: "\00BB \0020";
}

#satisfied li {
  padding: 1.3em 2em;
  list-style-type: none;
  list-style-position: inside;
}

.center { text-align: center; }
.right { text-align: right; }

/* @end */

/* @group Framework */

/* @group Shadows */

#top-left-shadow {
	width: 9px;
	height: 9px;
	background: url(/images/top-left-shadow.png) no-repeat;
}

#top-shadow {
	background: url(/images/top_shadow.png) repeat-x 0 top;
	height: 9px;
	width: 982px;
}

#top-right-shadow {
	width: 9px;
	height: 9px;
	background: url(/images/top-right-shadow.png) no-repeat;
}

#left-shadow {
  background: url(/images/left_shadow.png) repeat-y;
	width: 9px;
	height: 100%;
}

#right-shadow {
	background: url(/images/right_shadow.png) repeat-y;
	width: 9px;
	height: 100%;
}

#bottom-left-shadow {
	width: 9px;
	height: 9px;
	background: url(/images/bottom-left-shadow.png) no-repeat 0 bottom;
}

#bottom-shadow {
	width: 982px;
	height: 9px;
	background: url(/images/bottom_shadow.png) repeat-x 0 bottom;
}

#bottom-right-shadow {
	width: 9px;
	height: 9px;
	background: url(/images/bottom-right-shadow.png) no-repeat 0 bottom;
}

/* @end */

/* @group Navigation */
.shadows { position: relative; z-index: 1; }

.wrap, .wrap tr td { margin: 0; padding: 0; }

#top_bar {
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

#main_nav {
  position: absolute;
  top: 0px;
  margin: 0;
  float: left;

}

.main-nav, .user-nav {
  float: left;
	margin: 0;
	padding: 0;
	height: 30px;
}

.orange-button { margin-bottom: 1.5em; cursor: pointer; }
.orange-button:hover { background-color: #068BC0; }

.blue-button {
  font-weight: bold;  
  padding: 5px 10px;
  color: #fff;
  font-size: 100%;
  cursor: pointer;
  background-color: #068BC0;
  border: none;
}
.blue-button:hover { background-color: #fab760; }

.main-nav a, .main-nav a:link, .main-nav a:visited, .user-nav a, .user-nav a:link, .user-nav a:visited, #pcp-countdown, .orange-button {
  display: block;
  position: relative;  
  font-weight: bold;  
  padding: 5px 10px;
}

.main-nav a, .main-nav a:link, .main-nav a:visited, #pcp-countdown, .orange-button {
color: #fff;
background: #fab760;
}

.user-nav a, .user-nav a:link, .user-nav a:visited {
  color: gray;  
  background: white;
}

.main-nav a:hover, .user-nav a:hover, .active a,
.active a:link,.active a:visited {
  color: #fff;
  text-decoration: none;
  background-color: #4c94c5;
}

/* @end */

#header {
	width: 100%;
	padding-top: 5px;
}

#header #logo-floater {
  width: 290px;
  z-index: 10;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#line-bar {
  position: relative;
  height: 2px;
  background-color: #f8971d;
	top: -16px;
}

#wrapper {
  width: 1000px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background: #5496bb url(/images/bg_gradient.png) repeat-x;
}

#wrapper > table { margin: 0; }
#wrapper > table > tbody > tr > td { padding: 0; }

#pcp-countdown {
  position: absolute;
  right: 0;  
	text-align: center;
}

#pcp-countdown table, #pcp-countdown table tr td {
	margin: 0;
	padding: 0;
	text-align: center;
}

#content {
	float: left;
	margin-top: 40px;
	width: 100%;
}

#flash {
	-webkit-border-radius: 10px;
  -moz-border-radius: 10px;
	margin-top: -10px;
	margin-bottom: 10px;
	text-align: center;
	background-color: white;
	float: left;
	padding: 10px;
}

#flash_messages {
	padding: 0;
	float: left;
}

.admin-flash-image {
	width: 75px;
	float: left;
	margin-right: 10px;
}

.flash-message {
	margin-right: auto;
	margin-left: auto;
	display: inline;
	color: #f8981d;
	font-size: 20px;
}

.column-left {
  width: 650px;
  float: left;
}

.column-right {
  width: 300px;
  float: right;
	height: 100%;
	position: relative;
}

.blurb {
  margin-bottom: 20px;
}

#footer {
	clear: both;
	margin-right: auto;
	margin-left: auto;
	width: 1000px;
}



/* @end */

/* @group Progress Bar */

div.pcp-active-user-body {
  position: relative;
  height: 32px;
}

div.progress-bar-header, div.progress-bar-progress {
  width: 100%;
  height: 20px;
}

div.progress-bar-header-first {
  top: 0px;
}

div.progress-bar-header {
  position: relative;
  color: #0067ac;
  font-weight: bold;
  background-color: #c7c0b9;
}

div.progress-bar-progress {
  color: #fff;
  background-color: #f8981d;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-topright: 5px;
}
  
div.progress-bar-name {
  position: absolute;
  padding-top: 2px;
  text-indent: 10px; color: #fff; }
  
div.progress-bar-day {
  position: absolute;
  top: 2px;
  right: 40px; color: #fff; }

.progress-bar-banner {
  position: absolute;
  top: -8px;
  right: 3px;
/*  width: 20px;*/
  height: 28px;
}

/* @end */

/* @group PCP Update Item */

div.pcp-update-item {
  position: relative;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 0px;
	float: left;
	background-color: white;
  overflow: hidden;
}

.patrick-pic {
	left: -10px;
	top: -46px;
	float: left;
	width: 136px;
	height: 193px;
	background-color: white;
	margin-left: 0;
}

.pcp-update-item-body {
  padding: 10px 10px 0 0;
	margin-bottom: 0;
	margin-right: 0;
	width: 508px;
  height: 155px;
	float: right;
	overflow: hidden;
}

.pcp-update-item-header {
	float: right;
	width: 630px;
}

.pcp-update-item-name a, .pcp-update-item-name a:visited {
	color: white;
}

.more-button {
  position: absolute;
  padding: 0.2em 1em;
  right: 0;
  bottom: 0;
  color: white;
  font-weight: bold;
  background-color: #c7c0b9;
}

/* @end */

/* @group PCP Feed Items */

div.pcp-feed-items div.odd, div.pcp-feed-items div.even, div.pcp-feed-items  div.odd a, div.pcp-feed-items div.even a {
  font-family: "Helvetica";
  font-size: 10pt;
  text-indent: 0.5em;
}

div.pcp-feed-items {
	padding-top: 40px;
}

div.pcp-feed-item-avatar { float: left; width: 48px; height: 48px; }

div.pcp-feed-item-avatar, div.pcp-feed-item-avatar img {
  width: 48px;
}

div.pcp-feed-item {
  float: left;
  -webkit-border-top-right-radius: 10px;
  -webkit-border-bottom-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -moz-border-radius-bottomright: 10px;
  -moz-border-radius-bottomleft: 10px;
	width: 602px;
}

div.rounded-header {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	display: inline-block;
	float: right;
	clear: both;
	margin-bottom: 10px;
	padding-right: 20px;
	padding-left: 20px;
	line-height: 1em;
}

div.progress-bar-header div.progress-bar-name a, div.progress-bar-header div.progress-bar-name a:visited {
	color: white;
}

.pcp-feed-item-body {
  padding: 0 10px;
}

div.pcp-feed-item-header { padding: 0 10px; font-weight: bold;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px; }
div.pcp-feed-item-header, div.pcp-feed-item-header a, div.pcp-feed-item-header a:link, div.pcp-feed-item-header a:visited { color: #fff; }


div.pcp-feed-item-odd, div.pcp-feed-item-even { margin-bottom: 10px; }

div.pcp-feed-item-odd {
	background-color: white;
}
div.pcp-feed-item-odd div.pcp-feed-item-header, div.pcp-feed-item-odd div.pcp-feed-item-header a, div.pcp-feed-item-odd div.pcp-feed-item-header a:visited {
	color: white;
	background-color: #fab760;
}
div.pcp-feed-item-odd .pcp-feed-item-body a, div.pcp-feed-item-odd .pcp-feed-item-body a:link, div.pcp-feed-item-odd .pcp-feed-item-body a:visited { font-weight: bold; color: #f8981d;
}

div.pcp-feed-item-even { background-color: white;
}
div.pcp-feed-item-even div.pcp-feed-item-header { background-color: #5eb2e9; }
div.pcp-feed-item-even .pcp-feed-item-body a, div.pcp-feed-item-even .pcp-feed-item-body a:link, div.pcp-feed-item-even .pcp-feed-item-body a:visited { font-weight: bold; color: #0067ac; }

div.pcp-feed-item  div.odd .field-description-wrapper { background-color: #fde5c6; }

div.pcp-feed-item  div.even .field-description-wrapper { background-color: #bfd9ea; }

/* @end */