@charset "UTF-8";

/* reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* layout.css */

html, body {
	font-family: Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	font-size: 12px;
	color: #111;
	font-weight: normal;
	height: 100%;
}

#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	width: 100%;
	margin: 0 auto -280px;
}

/* General Rules */

.clear {
	clear: both;
}

.clearNone {
	clear: none;
}

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.dark {
   color: #333;
}

a {
	color: #2A5DB0;
	text-decoration: none;
}

a:hover {
	color: #2F8CCC;
}

a:active {
	color: #19397F;
}

p {
	margin: 10px 0;
}

.dividerWhite {
	background: url(../images/divider-white.png) no-repeat 0 0;
	width: 1px;
	height: 14px;
	margin: 0 10px;
}

.dividerWhite.streetTeamHide {
	display: none;
}

.dividerWhite.left {
	float: left;
}

.dividerWhite.right {
	float: right;
}

h1 {
	font-weight: bold;
	font-size: 18px;
	background: #EEE;
	color: #333;
	margin: 0 0 10px 0;
	padding: 5px;
}

h2 {
	font-weight: bold;
	font-size: 14px;
	color: #333;
}

.profile h2 {
	padding-left: 2px;
}

h3 {
	font-weight: bold;
	font-size: 16px;
	border-bottom: 1px solid #EEE;
	margin: 0 0 6px 0;
	padding: 0 1px 5px 1px;
	position: relative;
}

h3 span {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.noneContainer .mainText span {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.fitnessClassHeader span {
   position: absolute;
   width: 495px;
   height: 27px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

h3.pageHeader.race a,
h3.pageHeader.fitnessClass a {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

h3.leftListHeader {
   font-size: 21px;
   padding: 5px;
   width: 188px;
   border-bottom: 1px solid #CCC;
   margin: 0;
   position: relative;
   z-index: 10;
   line-height: 115%;
}

h3.leftListHeader.profile {
   font-size: 21px;
   padding: 5px;
   width: 188px;
   border: 1px solid #CCC;
   background: #C4D4E8;
   margin: 0;
   position: relative;
   z-index: 10;
   line-height: 115%;
}

h3.leftListHeader .subText {
   font-size: 11px;
   color: #666;
   font-weight: normal;
   margin-top: 4px;
   line-height: 130%
}

h3.infoHeader {
   font-size: 30px;
   margin-bottom: 20px;
   border-bottom: none;
}

.profile #leftColumn .username span {
   position: absolute;
   width: 100%;
   height: 31px;
   background: url(../images/hGradient-large.png) repeat-x 0 0;
}

.profile #leftColumn .username span.setUsername {
   position: relative;
}

/*
#subNav .username .setUsername {
   position: relative;
   width: inherit;
   height: inherit;
   background: none;
   color: #999;
   font-weight: normal;
   font-size: 11px;
   top: 5px;
   left: 4px;
}
*/

/*
#leftColumn .username .setUsername {
   font-size: 11px;
   position: relative;
   top: 5px;
   left: 5px;
}
*/

input {
   font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
}

/* Custom Elements - CLEAN ME UP */

/* toggle */

.toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m-small.png) repeat-x 0 0;
	padding: 2px 4px;
	height: 16px;
	cursor: pointer;
	margin: 0;
	text-align: center;
}

.toggleItem:hover {
	background: url(../images/toggle-m-small.png) repeat-x 0 -20px;
}

.toggleItem:active {
	background: url(../images/toggle-m-small.png) repeat-x 0 -40px;
}

.toggleItem.selected,
.toggleItem.selected:hover {
	background: url(../images/toggle-m-small-selected.png) repeat-x 0 0;
	cursor: default;
}

.toggleItem.left {
	margin-left: 4px;
	padding: 2px 4px 2px 2px;
	position: relative;
}

.toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-l-small.png) no-repeat 0 0;
}

.toggleItem.left:hover .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -20px;
}

.toggleItem.left:active .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -40px;
}

.toggleItem.left.selected .toggleCap,
.toggleItem.left.selected:hover .toggleCap {
	background: url(../images/toggle-l-small-selected.png) 0 0;
}

.toggleItem.right {
	margin-right: 4px;
	padding: 2px 0px 2px 2px;
	position: relative;
}

.toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-r-small.png) no-repeat 0 0;
}

.toggleItem.right:hover .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -20px;
}

.toggleItem.right:active .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -40px;
}

.toggleItem.right.selected .toggleCap,
.toggleItem.right.selected:hover .toggleCap {
	background: url(../images/toggle-r-small-selected.png) 0 0;
}

.toggleDivider {
	display: inline;
	float: left;
	background: url(../images/toggle-small-divider.png) no-repeat 0 0;
	width: 1px;
	height: 16px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.toggleTextMain {
	display: inline;
	font-size: 12px;
	font-weight: bold;
	color: #111;
	text-align: center;
	vertical-align: middle;
	position: relative;
	margin: 0 2px;
}

.toggleTextMain:hover {
	color: #000;
}

.toggleItem.selected .toggleTextMain {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -3px;
}

.toggleItem.selected .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.toggleArrow {
	background: url(../images/dropdownArrowGrey.png) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
}

.selected .toggleArrow {
	background: url(../images/dropdownArrowWhite.png);
}

/* checkbox */

.checkbox {
   height: 20px;
   position: relative;
}

.checkbox .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m-small.png) repeat-x 0 0;
	height: 20px;
	width: 12px;
	cursor: pointer;
	margin: 0;
	padding: 0;
	text-align: center;
	position: relative;
}

.checkbox:hover {
   cursor: pointer;
}

.checkbox:hover .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -20px;
}

.checkbox:active .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -40px;
}

.checkbox.selected .toggleItem {
	background: url(../images/toggle-m-small-selected.png) repeat-x 0 0;
}

.checkbox .toggleTextMain {
	width: 16px;
	height: 16px;
	position: absolute;
	display: block;
	margin: 0;
	top: 2px;
	left: -1px;
	z-index: 20;
}

.checkbox.selected .toggleItem .toggleTextMain {
	background: url(../images/toggleCheckmark.png) no-repeat 0 0;
}

.checkbox .toggleCapLeft {
	position: absolute;
	top: 0;
	left: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-l-small.png) no-repeat 0 0;
}

.checkbox:hover .toggleCapLeft {
	background: url(../images/toggle-l-small.png) no-repeat  0 -20px;
}

.checkbox:active .toggleCapLeft {
	background: url(../images/toggle-l-small.png) no-repeat  0 -40px;
}

.checkbox.selected .toggleCapLeft,
.checkbox.selected:hover .toggleCapLeft {
	background: url(../images/toggle-l-small-selected.png) 0 0;
}

.checkbox .toggleCapRight {
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-r-small.png) no-repeat 0 0;
}

.checkbox:hover .toggleCapRight {
	background: url(../images/toggle-r-small.png) no-repeat  0 -20px;
}

.checkbox:active .toggleCapRight {
	background: url(../images/toggle-r-small.png) no-repeat  0 -40px;
}

.checkbox.selected .toggleCapRight,
.checkbox.selected:hover .toggleCapRight {
	background: url(../images/toggle-r-small-selected.png) 0 0;
}

.checkbox .checkboxText {
   font-size: 14px;
   font-weight: bold;
   color: #222;
   margin-left: 20px;
   position: relative;
   top: 3px;
}

.checkbox:active .checkboxText,
.checkbox.selected .checkboxText {
   color: #000;
}

/* dropdownGrey */

.dropdownGrey {
	position: relative;
}

.dropdownGrey:hover .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -20px;
}

.dropdownGrey:active .toggleItem {
	background: url(../images/toggle-m-small.png) repeat-x 0 -40px;
}

.dropdownGrey.selected .toggleItem.right,
.dropdownGrey.selected:hover .toggleItem.right {
	background: url(../images/toggle-m-small-selected.png) repeat-x 0 0;
	cursor: default;
}

.dropdownGrey:hover .toggleItem.left .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -20px;
}

.dropdownGrey:active .toggleItem.left .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat  0 -40px;
}

.dropdownGrey:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -20px;
}

.dropdownGrey:active .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat  0 -40px;
}

.dropdownGrey.selected .toggleItem.right .toggleCap,
.dropdownGrey.selected:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small-selected.png) 0 0;
}

.dropdownGrey:hover .toggleTextMain {
	color: #000;
}

.dropdownGrey.selected .toggleItem .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.dropdownGrey.selected .toggleArrow {
	background: url(../images/dropdownArrowWhite.png);
}

/* toggle large */

.toggleLarge .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m.png) repeat-x 0 0;
	padding: 2px 7px;
	height: 24px;
	cursor: pointer;
	margin: 0;
	text-align: center;
	position: relative;
}

.toggleLarge .toggleItem:hover {
	background: url(../images/toggle-m.png) repeat-x 0 -28px;
}

.toggleLarge .toggleItem:active {
	background: url(../images/toggle-m.png) repeat-x 0 -56px;
}

.toggleLarge .toggleItem.selected,
.toggleLarge .toggleItem.selected:hover {
	background: url(../images/toggle-m.png) repeat-x 0 -84px;
	cursor: default;
}

.toggleLarge .toggleItem.left {
	margin-left: 6px;
	padding: 2px 4px 2px 2px;
	position: relative;
}

.toggleLarge .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -6px;
	width: 6px;
	height: 28px;
	background: url(../images/toggle-l.png) no-repeat 0 0;
}

.toggleLarge .toggleItem.left:hover .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -28px;
}

.toggleLarge .toggleItem.left:active .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -56px;
}

.toggleLarge .toggleItem.left.selected .toggleCap,
.toggleLarge .toggleItem.left.selected:hover .toggleCap {
	background: url(../images/toggle-l.png) no-repeat 0 -84px;
}

.toggleLarge .toggleItem.right {
	margin-right: 6px;
	padding: 2px 2px 2px 4px;
	position: relative;
}

.toggleLarge .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -6px;
	width: 6px;
	height: 28px;
	background: url(../images/toggle-r.png) no-repeat 0 0;
}

.toggleLarge .toggleItem.right:hover .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -28px;
}

.toggleLarge .toggleItem.right:active .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -56px;
}

.toggleLarge .toggleItem.right.selected .toggleCap,
.toggleLarge .toggleItem.right.selected:hover .toggleCap {
	background: url(../images/toggle-r.png) no-repeat 0 -84px;
}

.toggleLarge .toggleDivider {
	display: inline;
	float: left;
	background: url(../images/toggle-divider.png) no-repeat 0 0;
	width: 1px;
	height: 24px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.toggleLarge .toggleTextMain {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 5px;
	margin: 0 2px;
}

.toggleLarge .toggleTextMain:hover {
	color: #000;
}

.toggleLarge .toggleItem.selected .toggleTextMain {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.toggleLarge .toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -2px;
}

.toggleLarge .toggleItem.selected .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.toggleLarge .toggleArrow {
	background: url(../images/profileDropdownArrow.png) no-repeat 0 0;
	display: block;
	width: 15px;
	height: 12px;
	position: relative;
	top: 8px;
	left: 2px;
}

/* dropdownGrey Large */

.dropdownLarge.toggleLarge .dropdownGrey:hover .toggleItem {
	background: url(../images/toggle-m.png) repeat-x 0 -28px;
}

.dropdownLarge.toggleLarge .dropdownGrey:active .toggleItem {
	background: url(../images/toggle-m.png) repeat-x 0 -56px;
}

.dropdownLarge.toggleLarge .dropdownGrey.selected .toggleItem.right,
.dropdownLarge.toggleLarge .dropdownGrey.selected:hover .toggleItem.right {
	background: url(../images/toggle-m.png) repeat-x 0 -84px;
	cursor: default;
}

.dropdownLarge.toggleLarge .dropdownGrey:hover .toggleItem.left .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -28px;
}

.dropdownLarge.toggleLarge .dropdownGrey:active .toggleItem.left .toggleCap {
	background: url(../images/toggle-l.png) no-repeat  0 -56px;
}

.dropdownLarge.toggleLarge .dropdownGrey:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -28px;
}

.dropdownLarge.toggleLarge .dropdownGrey:active .toggleItem.right .toggleCap {
	background: url(../images/toggle-r.png) no-repeat  0 -56px;
}

.dropdownLarge.toggleLarge .dropdownGrey.selected .toggleItem.right .toggleCap,
.dropdownLarge.toggleLarge .dropdownGrey.selected:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r.png) no-repeat 0 -84px;
}

.dropdownLarge.toggleLarge .dropdownGrey:hover .toggleTextMain {
	color: #000;
}

.dropdownLarge.toggleLarge .dropdownGrey.selected .toggleItem .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

.dropdownLarge.toggleLarge .dropdownGrey.selected .toggleArrow {
	background: url(../images/profileDropdownArrowSelected.png);
}

#profileDropdownBox {
	position: relative;
}

#profileDropdownBox .toggleTextMain {
	display: inline;
	font-size: 14px;
	font-weight: bold;
	color: #222;
	text-align: center;
	vertical-align: middle;
	position: relative;
	top: 5px;
	margin: 0 2px 0 0;
	text-shadow: #DDD 1px 1px 0px;
}

#profileDropdownBox .toggleTextMain a,
#profileDropdownBox .toggleTextMain a:hover {
	color: #000;
	text-decoration: none;
}

#profileDropdownBox .toggleItem.left img {
	float: left;
	display: block;
	margin-right: 5px;
	position: relative;
	top: 2px;
	left: -3px;
}

#profileNavList {
   display: none;
   position: absolute;
   top: 22px;
   right: -8px;
}

#profileNavList .shadowBoxContent {
   padding: 16px;
}

#profileNavList .profileNavListItem {
   margin: 4px auto;
   padding: 5px 5px 6px 5px;
}

#profileNavList .profileNavListItem:hover {
   background: url(../images/subNavBG2.png) repeat-x 0 0;
}

#profileNavList .profileNavListItem a {
   font-size: 13px;
   font-weight: bold;
   color: #333;
}

#profileNavList .profileNavListItem:hover {
   cursor: pointer;
}

#profileNavList .profileNavListItem:hover a {
   color: #FFF;
}

#profileNavList .profileNavListItem a:hover {
   text-decoration: none;
}

/* dropdownBlueSmall */

.dropdownBlueSmall .toggleItem {
	display: inline;
	float: left;
	background: url(../images/blueButton-m-small.png) repeat-x 0 0;
	padding: 2px 4px;
	height: 14px;
	cursor: pointer;
	margin: 0;
	text-align: center;
}

.dropdownBlueSmall .toggleItem:hover {
	background-position: 0 -18px;
}

.dropdownBlueSmall .toggleItem:active {
	background-position: 0 -36px;
}

.dropdownBlueSmall .toggleItem.selected,
.dropdownBlueSmall .toggleItem.selected:hover {
	background: url(../images/blueButton-m-small.png) repeat-x 0 -54px;
	cursor: default;
}

.dropdownBlueSmall .toggleItem.left {
	margin-left: 10px;
	padding: 2px 4px 2px 0px;
	position: relative;
}

.dropdownBlueSmall .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 18px;
	background: url(../images/blueButton-l-small.png) no-repeat 0 0;
}

.dropdownBlueSmall .toggleItem.left:hover .toggleCap {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -18px;
}

.dropdownBlueSmall .toggleItem.left:active .toggleCap {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -36px;
}

.dropdownBlueSmall .toggleItem.left.selected .toggleCap,
.dropdownBlueSmall .toggleItem.left.selected:hover .toggleCap {
	background: url(../images/blueButton-l-small.png) 0 -54px;
}

.dropdownBlueSmall .toggleItem.right {
	margin-right: 10px;
	padding: 2px 0px 2px 2px;
	position: relative;
	width: 10px;
}

.dropdownBlueSmall .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -10px;
	width: 10px;
	height: 18px;
	background: url(../images/blueButton-r-small.png) no-repeat 0 0;
}

.dropdownBlueSmall .toggleItem.right:hover .toggleCap {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -18px;
}

.dropdownBlueSmall .toggleItem.right:active .toggleCap {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -36px;
}

.dropdownBlueSmall .toggleItem.right.selected .toggleCap,
.dropdownBlueSmall .toggleItem.right.selected:hover .toggleCap {
	background: url(../images/blueButton-r-small.png) 0 -54px;
}

.dropdownBlueSmall .toggleDivider {
	display: inline;
	float: left;
	background: url(../images/blueButton-divider-small.png) no-repeat 0 0;
	width: 1px;
	height: 14px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.dropdownBlueSmall .toggleTextMain {
	display: inline;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	text-shadow: #000 0px 0px 1px;
}

.dropdownBlueSmall .toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -3px;
}

.dropdownBlueSmall .toggleArrow {
	background: url(../images/dropdownArrowWhite.png) no-repeat 0 0;
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
}

/* Activity Checkbox */

.activityCheckbox {
	min-width: 110px;
	height: 20px;
	margin: 0 0 5px 0;
	float: left;
}

.activityCheckbox {
	min-width: 110px;
	height: 20px;
	margin: 0 0 5px 0;
	float: left;
}

.activityCheckbox .toggleItem {
	display: inline;
	float: left;
	background: url(../images/toggle-m-small.png) repeat-x 0 0;
	padding: 2px 4px;
	height: 16px;
	cursor: pointer;
	margin: 0;
	text-align: center;
}

.activityCheckbox:hover .toggleItem {
	background-position: 0 -20px;
}

.activityCheckbox:active .toggleItem {
	background-position: 0 -40px;
}

.activityCheckbox.selected .toggleItem.left,
.activityCheckbox.selected:hover .toggleItem.left {
	background: url(../images/toggle-m-small.png) repeat-x 0 -60px;
	cursor: default;
}

.activityCheckbox .toggleItem.left {
	margin-left: 4px;
	padding: 2px 0px 2px 0px;
	position: relative;
}

.activityCheckbox .toggleItem.left .toggleCap {
	position: absolute;
	top: 0;
	left: -4px;
	width: 4px;
	height: 20px;
	background-image: url(../images/toggle-l-small.png) no-repeat 0 0;
}

.activityCheckbox:hover .toggleItem .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat 0 -20px;
}

.activityCheckbox:active .toggleItem .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat 0 -40px;
}

.activityCheckbox.selected .toggleItem.left .toggleCap,
.activityCheckbox.selected:hover .toggleItem.left .toggleCap {
	background: url(../images/toggle-l-small.png) no-repeat 0 -60px;
}

.activityCheckbox .toggleItem.right {
	margin-right: 4px;
	padding: 2px 0px 2px 4px;
	position: relative;
}

.activityCheckbox .toggleItem.right {
	min-width: 75px;
	text-align: left;
}

.activityCheckbox .toggleItem.right .toggleCap {
	position: absolute;
	top: 0;
	right: -4px;
	width: 4px;
	height: 20px;
	background: url(../images/toggle-r-small.png) no-repeat 0 0;
}

.activityCheckbox:hover .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat 0 -20px;
}

.activityCheckbox:active .toggleItem.right .toggleCap {
	background: url(../images/toggle-r-small.png) no-repeat 0 -40px;
}

.activityCheckbox .toggleDivider {
	display: inline;
	float: left;
	background: url(../images/toggle-small-divider.png) no-repeat 0 0;
	width: 1px;
	height: 16px;
	margin: 0;
	padding: 2px 0;
	font-size: 1px;
}

.activityCheckbox .toggleTextMain {
	display: inline;
	font-size: 12px;
	font-weight: normal;
	color: #111;
	text-align: left;
	vertical-align: middle;
}

.activityCheckbox.selected .toggleTextMain {
	font-weight: bold;
}

.activityCheckbox .toggleTextSecondary {
	display: inline;
	font-size: 9px;
	color: #111;
	text-align: center;
	position: relative;
	top: -3px;
}

.activityCheckbox .toggleCheckmark {
	display: block;
	width: 16px;
	height: 16px;
}

.activityCheckbox.selected .toggleCheckmark {
	background: url(../images/toggleCheckmark.png) no-repeat 0 0;
}

.activityCheckbox.selected .toggleTextSecondary {
	color: #FFF;
	text-shadow: #000 0px 1px 1px;
}

/* greydientBox */

.greydientBox {
	position: relative;
}

.greydient-bg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.greydient-bg-box {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.greydient {
	z-index: 10;
}

.greydient-content {
	position: relative;
	z-index: 20;
	padding: 8px;
}

.greydient-content .viewAll {
	text-align: right;
	display: block;
	width: 50px;
	margin: 5px auto 0 auto;
}

.greydient.tl {
	background: url(../images/greydient-tl.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.greydient.t {
	background: url(../images/greydient-t.png) repeat-x 0 0;
	position: absolute;
	width: 100%;
	height: 6px;
	z-index: 9;
}

.greydient.tr {
	background: url(../images/greydient-tr.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.greydient.r {
	background: url(../images/greydient-r.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: 2px;
}

.greydient.br {
	background: url(../images/greydient-br.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.greydient.b {
	background: url(../images/greydient-b.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 100%;
	z-index: 9;
}

.greydient.bl {
	background: url(../images/greydient-bl.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.greydient.l {
	background: url(../images/greydient-l.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
}

/* greyBox */

.greyBox {
	position: relative;
}

.greyBorder {
	z-index: 10;
}

.greyBorder.tl {
	background: url(../images/greyBorder-tl.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.greyBorder.t {
	background: url(../images/greyBorder-t.png) repeat-x 0 0;
	position: absolute;
	width: 100%;
	height: 6px;
	z-index: 9;
}

.greyBorder.tr {
	background: url(../images/greyBorder-tr.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.greyBorder.r {
	background: url(../images/greyBorder-r.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	right: 0;
	width: 2px;
}

.greyBorder.br {
	background: url(../images/greyBorder-br.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 8px;
	height: 8px;
}

.greyBorder.b {
	background: url(../images/greyBorder-b.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	height: 2px;
	width: 100%;
	z-index: 9;
}

.greyBorder.bl {
	background: url(../images/greyBorder-bl.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 8px;
	height: 8px;
}

.greyBorder.l {
	background: url(../images/greyBorder-l.png) repeat-y 0 0;
	position: absolute;
	top: 8px;
	left: 0;
	width: 2px;
}

/* greyBox w/ shadow */

.greyBorder.shadow.tl {
	background: url(../images/greyBorder-tls.png) no-repeat 0 0;
}

.greyBorder.shadow.t {
	background: url(../images/greyBorder-ts.png) repeat-x 0 0;
	height: 6px;
}

.greyBorder.shadow.tr {
	background: url(../images/greyBorder-trs.png) no-repeat 0 0;
}

.greyBorder.shadow.r {
	background: url(../images/greyBorder-rs.png) repeat-y 0 0;
}

.greyBorder.shadow.br {
	background: url(../images/greyBorder-brs.png) no-repeat 0 0;
}

.greyBorder.shadow.b {
	background: url(../images/greyBorder-bs.png) repeat-x 0 0;
	height: 6px;
}

.greyBorder.shadow.bl {
	background: url(../images/greyBorder-bls.png) no-repeat 0 0;
}

.greyBorder.shadow.l {
	background: url(../images/greyBorder-ls.png) repeat-y 0 0;
}

/* blackBox */

.blackBox {
	position: relative;
}

.blackBox-content {
	background: url(../images/blackBox-m.png) repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	margin: 10px 0;
}

.blackBox-tl {
	background: url(../images/blackBox-tl.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	left: 0;
}

.blackBox-t {
	background: url(../images/blackBox-m.png) repeat 0 0;
	height: 10px;
	position: absolute;
	top: 0;
	margin: 0 10px;
}

.blackBox-tr {
	background: url(../images/blackBox-tr.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	top: 0;
	right: 0;
}

.blackBox-br {
	background: url(../images/blackBox-br.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	right: 0;
}

.blackBox-b {
	background: url(../images/blackBox-m.png) repeat 0 0;
	height: 10px;
	position: absolute;
	bottom: 0;
	margin: 0 10px;
}

.blackBox-bl {
	background: url(../images/blackBox-bl.png) no-repeat 0 0;
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: 0;
	left: 0;
}

/* shadowBox */

.shadowBoxContainer {
	position: relative;
}

.shadowBox-bg {
	position: absolute;
	top: 14px;
	left: 14px;
	z-index: 5;
	background: #FFF;
}

.shadowBox {
	z-index: 10;
}

.shadowBoxContent {
	position: relative;
	z-index: 20;
}

.shadowBoxContent.dialog {
	position: relative;
	z-index: 20;
	padding: 20px;
}

.shadowBoxContent.dialog p {
   color: #666;
   line-height: 140%;
}

.shadowBoxContent.dialog h3 {
	width: 288px;
}

.shadowBoxContent h3 div {
	float: right;
	font-size: 11px;
	font-weight: normal;
	position: relative;
	top: 2px;
}

.shadowBoxContent input[type="file"] {
   width: 288px;
}

.shadowBox.tl {
	background: url(../images/shadowBox-tl.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
}

.shadowBox.t {
	background: url(../images/shadowBox-t.png) repeat-x 0 0;
	position: absolute;
	height: 20px;
	margin: 0 20px;
	top: 0;
	left: 0;
}

.shadowBox.tr {
	background: url(../images/shadowBox-tr.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.shadowBox.r {
	background: url(../images/shadowBox-r.png) repeat-y 0 0;
	position: absolute;
	top: 20px;
	right: 0;
	width: 20px;
}

.shadowBox.br {
	background: url(../images/shadowBox-br.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 20px;
	height: 20px;
}

.shadowBox.b {
	background: url(../images/shadowBox-b.png) repeat-x 0 0;
	position: absolute;
	bottom: 0;
	height: 20px;
	margin: 0 20px;
	left: 0;
}

.shadowBox.bl {
	background: url(../images/shadowBox-bl.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 20px;
	height: 20px;
}

.shadowBox.l {
	background: url(../images/shadowBox-l.png) repeat-y 0 0;
	position: absolute;
	top: 20px;
	left: 0;
	width: 20px;
}

.shadowBoxContainer.arrowTop .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-top.png) no-repeat 0 0;
	position: absolute;
	top: -13px;
	left: 100px;
	width: 45px;
	height: 22px;
	z-index: 12;
}

.shadowBoxContainer.arrowRight .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-right.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	right: -12px;
	width: 25px;
	height: 46px;
	z-index: 12;
}

.shadowBoxContainer.arrowBottom .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-bottom.png) no-repeat 0 0;
	position: absolute;
	bottom: -16px;
	left: 170px;
	width: 49px;
	height: 25px;
	z-index: 12;
}

.shadowBoxContainer.arrowLeft .shadowBoxArrow {
	background: url(../images/shadowBox-arrow-left.png) no-repeat 0 0;
	position: absolute;
	top: 30px;
	left: -12px;
	width: 21px;
	height: 40px;
	z-index: 12;
}


/* Buttons */

.blueButton-small {
	position: relative;
	float: right;
	height: 18px;
}

.blueButton-small:hover {
	cursor: pointer;
}

.blueButton-small.left {
	float: left;
}

.blueButton-small .l {
	background: url(../images/blueButton-l-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 18px;
}

.blueButton-small:hover .l {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -18px;
}

.blueButton-small:active .l {
	background: url(../images/blueButton-l-small.png) no-repeat 0 -54px;
}

.blueButton-small .m {
	background: url(../images/blueButton-m-small.png) repeat-x 0 0;
	margin: 0 10px;
	height: 18px;
}

.blueButton-small:hover .m {
	background: url(../images/blueButton-m-small.png) repeat-x 0 -18px;
}

.blueButton-small:active .m {
	background: url(../images/blueButton-m-small.png) repeat-x 0 -54px;
}

.blueButton-small .m .mainText {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-shadow: #333 -1px -1px 0px;
	position: relative;
	top: 3px;
   z-index: 10;
}

.blueButton-small:active .m .mainText {
	text-shadow: none;
	color: #A6C0E0;
}

.blueButton-small .m .mainText a,
.blueButton-medium .m .mainText a,
.blueButton-large .m .mainText a {
	color: #FFF;
}

.blueButton-small:active .m .mainText a,
.blueButton-medium:active .m .mainText a,
.blueButton-medium:active .m .mainText a {
	color: #A6C0E0;
}

.blueButton-small .r {
	background: url(../images/blueButton-r-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 18px;
}

.blueButton-small:hover .r {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -18px;
}

.blueButton-small:active .r {
	background: url(../images/blueButton-r-small.png) no-repeat 0 -54px;
}

.blueButton-small.disabled:hover {
	cursor: default;
}

.blueButton-small.disabled .l {
	background: url(../images/greyButton-l-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 18px;
}

.blueButton-small.disabled:hover .l {
	background: url(../images/greyButton-l-small.png) no-repeat 0 0;
}

.blueButton-small.disabled:active .l {
	background: url(../images/greyButton-l-small.png) no-repeat 0 0;
}

.blueButton-small.disabled .m {
	background: url(../images/greyButton-m-small.png) repeat-x 0 0;
	margin: 0 10px;
	height: 18px;
}

.blueButton-small.disabled:hover .m {
	background: url(../images/greyButton-m-small.png) repeat-x 0 0;
}

.blueButton-small.disabled:active .m {
	background: url(../images/greyButton-m-small.png) repeat-x 0 0;
}

.blueButton-small.disabled .r {
	background: url(../images/greyButton-r-small.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 18px;
}

.blueButton-small.disabled:hover .r {
	background: url(../images/greyButton-r-small.png) no-repeat 0 0;
}

.blueButton-small.disabled:active .r {
	background: url(../images/greyButton-r-small.png) no-repeat 0 0;
}

.blueButton-small.disabled .m .mainText {
	font-size: 11px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	position: relative;
	text-shadow: none;
	top: 2px;
}

.blueButton-small.disabled:active .m .mainText {
	text-shadow: none;
	color: #AAA;
}

.blueButton-medium {
	position: relative;
	float: right;
	height: 30px;
}

.blueButton-medium:hover {
	cursor: pointer;
}

.blueButton-medium.left {
	float: left;
}

.blueButton-medium .l {
	background: url(../images/blueButton-l-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 30px;
}

.blueButton-medium:hover .l {
	background: url(../images/blueButton-l-medium.png) no-repeat 0 -30px;
}

.blueButton-medium:active .l {
	background: url(../images/blueButton-l-medium.png) no-repeat 0 -90px;
}

.blueButton-medium .m {
	background: url(../images/blueButton-m-medium.png) repeat-x 0 0;
	margin: 0 15px;
	height: 30px;
}

.blueButton-medium:hover .m {
	background: url(../images/blueButton-m-medium.png) repeat-x 0 -30px;
}

.blueButton-medium:active .m {
	background: url(../images/blueButton-m-medium.png) repeat-x 0 -90px;
}

.blueButton-medium .m .mainText {
	font-size: 15px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-shadow: #333 -1px -1px 0px;
	position: relative;
	top: 7px;
   z-index: 10;
}

.blueButton-medium:active .m .mainText {
	text-shadow: none;
	color: #A6C0E0;
}

.blueButton-medium .r {
	background: url(../images/blueButton-r-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 30px;
}

.blueButton-medium:hover .r {
	background: url(../images/blueButton-r-medium.png) no-repeat 0 -30px;
}

.blueButton-medium:active .r {
	background: url(../images/blueButton-r-medium.png) no-repeat 0 -90px;
}

.blueButton-medium.disabled:hover {
	cursor: default;
}

.blueButton-medium.disabled .l {
	background: url(../images/greyButton-l-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 30px;
}

.blueButton-medium.disabled:hover .l {
	background: url(../images/greyButton-l-medium.png) no-repeat 0 0;
}

.blueButton-medium.disabled:active .l {
	background: url(../images/greyButton-l-medium.png) no-repeat 0 0;
}

.blueButton-medium.disabled .m {
	background: url(../images/greyButton-m-medium.png) repeat-x 0 0;
	margin: 0 15px;
	height: 30px;
}

.blueButton-medium.disabled:hover .m {
	background: url(../images/greyButton-m-medium.png) repeat-x 0 0;
}

.blueButton-medium.disabled:active .m {
	background: url(../images/greyButton-m-medium.png) repeat-x 0 0;
}

.blueButton-medium.disabled .m .mainText {
	font-size: 15px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	position: relative;
	text-shadow: none;
	top: 6px;
}

.blueButton-medium.disabled:active .m .mainText {
	color: #AAA;
}

.blueButton-medium.disabled .r {
	background: url(../images/greyButton-r-medium.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 30px;
}

.blueButton-medium.disabled:hover .r {
	background: url(../images/greyButton-r-medium.png) no-repeat 0 0;
}

.blueButton-medium.disabled:active .r {
	background: url(../images/greyButton-r-medium.png) no-repeat 0 0;
}

.blueButton-large {
	position: relative;
	float: right;
	height: 40px;
}

.blueButton-large:hover {
	cursor: pointer;
}

.blueButton-large.left {
	float: left;
}

.blueButton-large .l {
	background: url(../images/blueButton-l-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large:hover .l {
	background: url(../images/blueButton-l-large.png) no-repeat 0 -40px;
}

.blueButton-large:active .l {
	background: url(../images/blueButton-l-large.png) no-repeat 0 -120px;
}

.blueButton-large .m {
	background: url(../images/blueButton-m-large.png) repeat-x 0 0;
	margin: 0 21px;
	height: 40px;
}

.blueButton-large:hover .m {
	background: url(../images/blueButton-m-large.png) repeat-x 0 -40px;
}

.blueButton-large:active .m {
	background: url(../images/blueButton-m-large.png) repeat-x 0 -120px;
}

.blueButton-large .m .mainText {
	font-size: 22px;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	text-shadow: #333 -1px -1px 0px;
	position: relative;
	top: 8px;
	left: 1px;
   z-index: 10;
}

.blueButton-large:active .m .mainText {
	text-shadow: none;
	color: #A6C0E0;
}

.blueButton-large .r {
	background: url(../images/blueButton-r-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large:hover .r {
	background: url(../images/blueButton-r-large.png) no-repeat 0 -40px;
}

.blueButton-large:active .r {
	background: url(../images/blueButton-r-large.png) no-repeat 0 -120px;
}

.blueButton-large.disabled:hover {
	cursor: default;
}

.blueButton-large.disabled .l {
	background: url(../images/greyButton-l-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large.disabled:hover .l {
	background: url(../images/greyButton-l-large.png) no-repeat 0 0;
}

.blueButton-large.disabled:active .l {
	background: url(../images/greyButton-l-large.png) no-repeat 0 0;
}

.blueButton-large.disabled .m {
	background: url(../images/greyButton-m-large.png) repeat-x 0 0;
	margin: 0 21px;
	height: 40px;
}

.blueButton-large.disabled:hover .m {
	background: url(../images/greyButton-m-large.png) repeat-x 0 0;
}

.blueButton-large.disabled:active .m {
	background: url(../images/greyButton-m-large.png) repeat-x 0 0;
}

.blueButton-large.disabled .m .mainText {
	font-size: 22px;
	font-weight: bold;
	color: #AAA;
	text-align: center;
	text-shadow: none;
	position: relative;
	top: 9px;
}

.blueButton-large.disabled:active .m .mainText {
	text-shadow: none;
	color: #AAA;
}

.blueButton-large.disabled .r {
	background: url(../images/greyButton-r-large.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 21px;
	height: 40px;
}

.blueButton-large.disabled:hover .r {
	background: url(../images/greyButton-r-large.png) no-repeat 0 0;
}

.blueButton-large.disabled:active .r {
	background: url(../images/greyButton-r-large.png) no-repeat 0 0;
}

/* Step Selector */

.steps {
	position: relative;
	float: right;
	height: 30px;
	top: -6px;
}

.stepSelector-medium {
	position: relative;
	float: right;
	height: 30px;
}

.stepSelector-medium:hover {
	cursor: pointer;
}

.stepSelector-medium .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 30px;
}

.stepSelector-medium:hover .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 -30px;
}

.stepSelector-medium:active .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 0;
}

.stepSelector-medium.selected .l {
	background: url(../images/stepSelector-left.png) no-repeat 0 -90px;
}

.stepSelector-medium .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 -60px;
	margin: 0 15px;
	height: 30px;
}

.stepSelector-medium:hover .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 -30px;
}

.stepSelector-medium:active .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 0;
}

.stepSelector-medium.selected .m {
	background: url(../images/stepSelector-middle.png) repeat-x 0 -90px;
}

.stepSelector-medium .m .mainText {
	font-size: 13px;
	font-weight: normal;
	color: #666;
	text-align: center;
	position: relative;
	top: 8px;
}

.stepSelector-medium .m .mainText span {
	font-weight: bold;
}

h3 .stepSelector-medium .m .mainText span {
   position: relative;
   width: inherit;
   height: inherit;
   background: none;
}

.stepSelector-medium.selected .m .mainText {
	text-shadow: #333 -1px -1px 0px;
	color: #FFF;
}

.stepSelector-medium .r {
	background: url(../images/stepSelector-right.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 30px;
}

.stepSelector-medium:hover .r {
	background: url(../images/stepSelector-right.png) no-repeat 0 -30px;
}

.stepSelector-medium:active .r {
	background: url(../images/stepSelector-right.png) no-repeat 0 0;
}

.stepSelector-medium.selected .r {
	background: url(../images/stepSelector-right.png) no-repeat 0 -90px;
}

.stepSelector-medium.left .m {
	margin: 0 16px 0 15px;
}

.stepSelector-medium.left .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 30px;
}

.stepSelector-medium.left:hover .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -30px;
}

.stepSelector-medium.left:active .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 0;
}

.stepSelector-medium.left.selected .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -90px;
}

.stepSelector-medium.middle .m {
	margin: 0 16px 0 8px;
}

.stepSelector-medium.middle .m .mainText {
	position: relative;
	left: 3px;
	z-index: 20;
	margin-right: 4px;
}

.stepSelector-medium.middle .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	right: 0;
	width: 16px;
	height: 30px;
}

.stepSelector-medium.middle:hover .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -30px;
}

.stepSelector-medium.middle:active .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 0;
}

.stepSelector-medium.middle.selected .r {
	background: url(../images/stepSelector-dividerRight.png) no-repeat 0 -90px;
}

.stepSelector-medium.middle .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	left: -10px;
	width: 18px;
	height: 30px;
}

.stepSelector-medium.middle:hover .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -30px;
}

.stepSelector-medium.middle:active .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 0;
}

.stepSelector-medium.middle.selected .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -90px;
}

.stepSelector-medium.right .m {
	margin: 0 15px 0 8px;
}

.stepSelector-medium.right .m .mainText {
	position: relative;
	left: 4px;
	z-index: 20;
}

.stepSelector-medium.right .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -60px;
	position: absolute;
	top: 0;
	left: -10px;
	width: 18px;
	height: 30px;
}

.stepSelector-medium.right:hover .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -30px;
}

.stepSelector-medium.right:active .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 0;
}

.stepSelector-medium.right.selected .l {
	background: url(../images/stepSelector-dividerLeft.png) no-repeat 0 -90px;
}

.stepSelector-medium.left.selected,
.stepSelector-medium.middle.selected,
.stepSelector-medium.right.selected {
	cursor: default;
}

/* Accordion */

.accordion {
	cursor: pointer;
	position: relative;
	margin-bottom: 5px;
}

.ui-state-active.accordion {
   margin-bottom: 0;
}

.accordion .accordion-l {
	background: url(../images/accordion-l.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 4px;
	height: 27px;
}

.accordion:hover .accordion-l {
	background: url(../images/accordion-l.png) no-repeat 0 -27px;
}

.accordion:active .accordion-l {
	background: url(../images/accordion-l.png) no-repeat 0 -54px;
}

.accordion .accordion-m {
	background: url(../images/accordion-m.png) repeat-x 0 0;
	width: 222px;
	height: 27px;
	margin: 0 4px;
}

.accordion:hover .accordion-m {
	background: url(../images/accordion-m.png) repeat-x 0 -27px;
}

.accordion:active .accordion-m {
	background: url(../images/accordion-m.png) repeat-x 0 -54px;
}

.accordion .accordion-r {
	background: url(../images/accordion-r.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 4px;
	height: 27px;
}

.accordion:hover .accordion-r {
	background: url(../images/accordion-r.png) no-repeat 0 -27px;
}

.accordion:active .accordion-r {
	background: url(../images/accordion-r.png) no-repeat 0 -54px;
}

.accordion .mainText {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	position: relative;
	top: 6px;
	left: 2px;
}

.accordion .bubble {
	position: absolute;
	top: 4px;
	right: 21px;
	height: 20px;
	width: 28px;
}

.ui-state-active.accordion .bubble {
	display: none;
}

.accordion .bubble-l {
	background: url(../images/bubble-l.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 20px;
}

.accordion .bubble-m {
	background: url(../images/bubble-m.png) repeat-x 0 0;
	height: 20px;
	width: 8px;
	margin: 0 10px;
}

.accordion .bubble-r {
	background: url(../images/bubble-r.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 20px;
}

.accordion .bubble-text {
	color: #EEE;
	font-weight: bold;
	font-size: 12px;
	text-align: center;
	width: 28px;
	position: absolute;
	top: 3px;
	z-index: 10;
	text-shadow: 0px 0px 2px #666;
}

.accordion .navStatusArrow {
	background: url(../images/arrow-left.png) no-repeat 0 0;
	position: absolute;
	top: 9px;
	right: 8px;
	width: 9px;
	height: 11px;
}

.ui-state-active.accordion .navStatusArrow {
	background: url(../images/arrow-down.png) no-repeat 0 0;
	position: absolute;
	top: 10px;
	right: 6px;
	width: 11px;
	height: 9px;
}

/* notification bar */

#notificationBar {
   display: none;
   position: fixed;
   bottom: -111px;
   opacity: 0.0;
   left: 0;
   width: 100%;
   height: 111px;
   background: url(../images/growl-bg.png) repeat-x 0 0;
   z-index: 10000;
}

#notificationBar:hover {
   background: url(../images/growl-bg.png) repeat-x 0 -111px;
   cursor: pointer;
}

#notificationBar:active {
   background: url(../images/growl-bg.png) repeat-x 0 -222px;
   cursor: pointer;
}

#notificationContent {
   width: 950px;
   height: 100px;
   display: block;
   margin: 11px auto 0 auto;
   position: relative;
}

#notificationContent .icon {
   width: 64px;
   height: 63px;
   display: block;
   float: left;
   margin-right: 24px;
   position: relative;
   top: 18px;
   left: 0;
}

#notificationContent.success .icon {
   background: url(../images/icon-notificationSuccess.png) no-repeat 0 0;
}

#notificationContent.error .icon {
   background: url(../images/icon-notificationError.png) no-repeat 0 0;
}

#notificationContent.message .icon {
   background: url(../images/icon-notificationMessage.png) no-repeat 0 0;
}

#notificationContent .mainText {
   color: #555;
   text-shadow: #FFF 1px 1px 0;
   font-size: 32px;
   font-weight: bold;
   position: relative;
   top: 20px;
   left: 0;
}

#notificationContent .subText {
   color: #555;
   text-shadow: #FFF 1px 1px 0;
   font-size: 14px;
   font-weight: normal;
   position: relative;
   top: 26px;
   left: 2px;
}

#notificationContent .action {
   width: 41px;
   height: 41px;
   display: block;
   float: right;
   position: relative;
   top: 31px;
   left: 0;
   background: url(../images/icon-notificationClose.png) no-repeat 0 0;
}

#notificationContent.message .action {
   background: url(../images/icon-notificationAction.png) no-repeat 0 0;
}

/* Header */

#header {
	width: 100%;
	height: 53px;
	background: url(../images/header-bg.jpg) repeat-x 0 0;
	border-bottom: 1px solid #666;
	position: relative;
	z-index: 100;
}

#header.nonEliteHeader {
	margin-bottom: 50px;
}

#headerContent {
	width: 970px;
	height: 53px;
	margin: 0 auto;
	position: relative;
}

#siteLogo {
	position: relative;
	top: 8px;
	left: 2px;
	width: 205px;
	height: 40px;
	margin: 0 20px0 0;
}

/* Main Navigation */

#headerNav {
	height: 28px;
	position: absolute;
	top: 12px;
	left: 235px;
}

#headerNav #homeButton {
   background: url(../images/homeButton.png) no-repeat 0 0;
	width: 28px;
	height: 28px;
	margin-right: 10px;
	float: left;
	display: block;
}

#headerNav #homeButton span {
   visibility: hidden;
}

#headerNav #homeButton:hover {
   background: url(../images/homeButton.png) no-repeat 0 -28px;
   cursor: pointer;
}

#headerNav #homeButton:active {
   background: url(../images/homeButton.png) no-repeat 0 -56px;
}

.mainNav {
	font-size: 16px;
	font-weight: bold;
	font-family: Helvetica Neue, Helvetica, Arial, Verdana, Tahoma, sans-serif;
	background: url(../images/mainNav-m.png) repeat-x 0 0;
	color: #EE;
	height: 28px;
	float: left;
	padding: 0 10px;
	position: relative;
}

.mainNav:hover {
	background: url(../images/mainNav-m.png) repeat-x 0 -28px;
	cursor: pointer;
}

.mainNav:hover a.mainNavText {
   color: #FFF;
}

.mainNav:active {
	background: url(../images/mainNav-m.png) repeat-x 0 -56px;
	cursor: pointer;
	color: #CCC;
}

.mainNav:active a.mainNavText {
   color: #CCC;
   text-shadow: none;
}

.mainNavDivider {
	width: 1px;
	height: 28px;
	float: left;
	background: url(../images/mainNav-divider.png) repeat-x 0 0;
}

.mainNavText {
	position: relative;
	top: 6px;
	text-shadow: 0 -1px 0 #000;
}

a.mainNavText {
   color: #EEE;
}

.mainNav.left, .mainNav.left:hover {
	background: url(../images/mainNav-m-dark.png) repeat-x 0 0;
	margin: 0 0 0 6px;
	color: #BBB;
	padding: 0 10px 0 4px;
	cursor: default;
}

.mainNav.left .mainNavCap {
	background: url(../images/mainNav-l-dark.png) no-repeat 0 0;
	width: 6px;
	height: 28px;
	position: absolute; 
	top: 0;
	left: -6px;
}

.mainNav.left.dark .mainNavCap {
	background: url(../images/mainNav-l-dark.png) no-repeat 0 0;
}

.mainNav.right {
	margin: 0 6px 0 0;
	padding: 0 4px 0 10px;
}

.mainNav.right .mainNavCap {
	background: url(../images/mainNav-r.png) no-repeat 0 0;
	width: 6px;
	height: 28px;
	position: absolute; 
	top: 0;
	right: -6px;
}

.mainNav.right:hover .mainNavCap {
	background: url(../images/mainNav-r.png) no-repeat 0 -28px;
	cursor: pointer;
}

.mainNav.right:active .mainNavCap {
	background: url(../images/mainNav-r.png) no-repeat 0 -56px;
	cursor: pointer;
	color: #AAA;
}

/* Utility Navigation */

#utilityNav {
	height: 20px;
	position: absolute;
	top: 16px;
	right: 0;
	color: #CCC;
}

#utilityNav a {
	color: #CCC;
	text-decoration: none;
}

#utilityNav a:hover {
	color: #FFF;
	text-decoration: underline;
}

#utilityNav #links {
	float: right;
	position: relative;
	top: 3px;
	margin-right: 10px;
}

#utilityNav #links .elite {
	font-weight: bold;
	color: #FFF;
}

#utilityNav #profileDropdownBox {
	float: right;
	position: relative;
	top: -6px;
}

/* mid Nav */

#midNav {
	background: url(../images/midNav.png) repeat-x 0 0;
	height: 139px;
	position: absolute;
	width: 100%;
	top: -20px;
	z-index: 50;
}

#midNavMain {
	width: 970px;
	height: 139px;
	margin: 0 auto;
}

#midNavMain .divider {
	background:  url(../images/midNav-divider.png) repeat-x 0 0;
	width: 1px;
	height: 139px;
	float: left;
}

.midNavItem {
	width: 300px;
	height: 139px;
	padding: 0 11px;
	float: left;
}

.midNavItem:hover {
	background: url(../images/midNav.png) repeat-x 0 -139px;
	cursor: pointer;
}

.midNavItem:active {
	background: url(../images/midNav.png) repeat-x 0 -278px;
	cursor: pointer;
}

.midNavItem.selected,
.midNavItem.selected:hover,
.midNavItem.selected:active {
	background: url(../images/midNav.png) repeat-x 0 -417px;
}

.midNavItem .icon {
	width: 70px;
	height: 70px;
	margin: 0 10px;
	position: relative;
	float: left;
	top: 18px;
}

.midNavItem .mainText {
	width: 210px;
	height: 70px;
	position: relative;
	float: left;
	top: 36px;
	text-shadow: #EEE 1px 1px 0;
	color: #333;
	font-size: 33px;
}

#headerContent .eliteButton {
   background: url(../images/becomeElite-grey.png) no-repeat 0 0;
   display: block;
   width: 272px;
   height: 44px;
   position: absolute;
   right: -10px;
   top: 53px;
}

#headerContent .eliteButton span {
   visibility: hidden;
}

#headerContent .eliteButton:hover {
   background: url(../images/becomeElite-grey.png) no-repeat 0 -44px;
}

#headerContent .eliteButton:active {
   background: url(../images/becomeElite-grey.png) no-repeat 0 -88px;
}

/* Notification */

#notificationBox {
	display: none;
	width: 980px;
	margin: 0 auto;
	z-index: 50;
	height: 34px;
}

#notification {
	display: none;
	position: relative;
	float: right;
	z-index: 50;
	height: 34px;
}

#notification .l {
	background: url(../images/notification-l.png) no-repeat 0 -6px;
	width: 13px;
	height: 34px;
	position: absolute;
	top: 0;
	left: 0;
}

#notification .m {
	background: url(../images/notification-m.png) repeat-x 0 -6px;
	height: 34px;
	margin: 0 13px;
}

#notification .m .icon {
	width: 24px;
	height: 24px;
	margin-right: 5px;
	position: relative;
	top: 2px;
	left: -2px;
	float: left;
}

#notification.success .m .icon {
	background: url(../images/notification-success.png) no-repeat 0 0;
}

#notification.success .m .mainText {
	color: #093;
}

#notification.error .m .icon {
	background: url(../images/notification-error.png) no-repeat 0 0;
}

#notification.error .m .mainText {
	color: #C00;
}

#notification.warning .m .icon {
	background: url(../images/notification-warning.png) no-repeat 0 0;
}

#notification.warning {
	width: 980px;
}

#notification.warning #resendEmailLink {
	float: right;
	display: block;
	font-size: 14px;
	font-weight: bold;
	position: relative;
	top: 6px;
	z-index: 40;
	margin-right: 4px;
}

#notification.success #resendEmailLink {
	display: none;
}

#notification.error #resendEmailLink {
	display: none;
}

#notification .m .mainText {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	position: relative;
	top: 6px;
	float: left;
	z-index: 40;
	margin-right: 4px;
}

#notification .r {
	background: url(../images/notification-r.png) no-repeat 0 -6px;
	width: 13px;
	height: 34px;
	position: absolute;
	top: 0;
	right: 0;
}

/* Profile Navigation */

#fullscreenNav {
	display: none;
}

/* Profile Navigation */

#subNav {
	width: 970px;
	height: 50px;
	margin: 50px auto 20px auto;
	background: url(../images/pNav-bg.png) repeat-x 0 2px;
	position: relative;
}

#subNav.navigation {
	margin: 40px auto 30px auto;
}

#subNavLeft {
	display: block;
	background: url(../images/pNav-bg-l.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	left: -70px;
	height: 27px;
	width: 200px;
}

#subNavRight {
	background: url(../images/pNav-bg-r.png) no-repeat 0 0;
	position: absolute;
	top: 2px;
	right: -70px;
	height: 27px;
	width: 200px;
}

#subNav .underline {
	border-bottom: 1px solid #D5D5D5;
	height: 29px;
	width: 970px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.profileBoxSmall {
	width: 230px;
	margin: 0 20px 0 0;
	float: left;
}

.avatarSmall {
	float: left;
	margin-right: 15px;
	position: relative;
	z-index: 10;
	overflow: hidden;
	border: none;
}

.avatarSmall a {
	height: 0px;
	padding: 0;
	margin: 0;
}

.profileBoxSmall .username {
	font-size: 21px;
	font-weight: bold;
	color: #000;
	position: relative;
	top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
}

.profileBoxSmall #monthlyActivities {
	position: relative;
	top: 14px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.profileBoxSmall #monthlyActivitiesNumber {
	font-weight: bold;
	color: #000;
}

.profileBoxSmall #monthlyActivitiesText {
	font-weight: normal;
	color: #666;
}

.icon-elite.small {
   display: block;
   position: absolute;
   bottom: 9px;
   left: 25px;
   width: 25px;
   height: 13px;  
   z-index: 10;
}

.profileBoxSmall .icon-elite.small {
   bottom: 3px;
}

.icon-elite.normal {
   display: block;
   position: absolute;
   bottom: 6px;
   right: 2px;
   width: 58px;
   height: 29px;  
}

#profileDropdownBox .icon-elite {
   display: none;  
}

#subNavBox {
	width: 720px;
	margin: 0;
	height: 29px;
	float: left;
}

#subNavBox a,
.raisedHeaderContainer a {
	display: block;
	padding: 8px;
	margin: 0 8px 0 0;
	font-size: 13px;
	color: #666;
	float: left;
	text-align: center;
	position: relative;
	z-index: 10;
}

#subNavBox a:hover,
.raisedHeaderContainer a:hover {
	color: #333;
	cursor: pointer;
	background: #EEE;
	border: 1px solid #DDD;
	border-bottom: 1px solid #EEE;
	padding: 7px;
}

#subNavBox a.selected,
#subNavBox a.selected:hover,
.raisedHeaderContainer a.selected,
.raisedHeaderContainer a.selected:hover {
	color: #2A5DB0;
	cursor: pointer;
	background: #FFF;
	border: 1px solid #D5D5D5;
	border-bottom: 1px solid #FFF;
	font-weight: 16px;
	font-weight: bold;
	padding: 6px 8px 7px 8px;
	height: 14px;
}

#postActivityButton {
	float: left;
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 10;
}

#subNavMain .blueButton-small .m .mainText {
   top:2px;
}

#subNav .subNavButtonLabel {
   color: #666;
   float: right;
   position: relative;
   z-index: 5;
   top: 3px;
   margin-right: 10px;
}

/* Main Content */

#content {
	width: 970px;
	margin: 0 auto;
	position: relative;
}

.twoColumn #leftColumn {
	width: 230px;
	margin: 0 20px 0 0;
	float: left;
	clear: left;
	position: relative;
}

.twoColumn #mainColumn {
	width: 720px;
	margin: 0;
	float: left;
}

.twoColumn #rightColumn {
	display: none;
}

.twoColumn .mainContentLeft {
	width: 270px;
	margin: 0 20px 0 0;
	float: left;
	position: relative;
}

.twoColumn .mainContentLeft.nosplits.noFitnessClass {
	display: none;
}

.twoColumn .mainContentLeft.nosplits {
	display: block;
	position: absolute;
	width: 300px;
}

.twoColumn .mainContentRight {
	width: 430px;
	margin: 0;
	float: left;
}

.twoColumn .mainContentRight.nosplits {
	width: 720px;
	margin: 0;
	float: left;
	position: relative;
}

.threeColumn #leftColumn {
	width: 200px;
	margin: 0 20px 0 0;
	float: left;
}

.threeColumn #mainColumn {
	width: 530px;
	margin: 0;
	float: left;
}

.threeColumn #rightColumn {
	width: 200px;
	margin: 0 0 0 20px;
	float: left;
}

#subContent {
	background: url(../images/subContent-bg.png) repeat 0 0;
	width: 100%;
	position: relative;
	margin: -90px 0 0 0;
}

#subContentTop {
	background: url(../images/subContent-bg-top.png) repeat-x 0 0;
	width: 100%;
	position: relative;
	min-height: 500px;
}

#subContentBody {
	width: 990px;
	position: relative;
	top: 150px;
	margin: 0 auto 150px auto;
}

.leftListContainer {
   margin: 0;
   width: 198px;
   background: #FFF;
   padding: 8px 0;
}

.leftListItem {
   margin: 0;
   padding: 5px;
   width: 188px;
   position: relative;
}

.leftListItem:hover {
   background: #EEE;
   cursor: pointer;
}

.leftListItem .icon {
   width: 25px;
   height: 25px;
   margin-right: 10px;
   float: left;
}

.leftListItem .icon img {
   width: 25px;
   height: 25px;
}

.warningLightboxSelectionList .warningLightboxSelectionItem.leftListItem .icon img,
.streetTeammates .leftListItem .icon img {
   width: 50px;
   height: 50px;
}

.profile .leftListItem .icon {
   width: 50px;
   height: 50px;
   margin-right: 10px;
   float: left;
}

.leftListItem .mainDetailsBox .leftListArrow {
   background: url("../images/feedArrow-small.png") no-repeat scroll 0 0 transparent;
   height: 16px;
   margin-top: -8px;
   position: absolute;
   right: 8px;
   top: 50%;
   width: 16px;
}

.leftListItem .leftListText {
   width: 130px;
   float: left;
}

.profile .leftListItem .leftListText {
   width: 100px;
   float: left;
}

.warningLightboxSelectionList .warningLightboxSelectionItem.leftListItem .leftListText {
   width: 270px;
   float: left;
}

.leftListItem .leftListText .mainText {
   font-weight: bold;
   font-size: 14px;
   color: #000;
   margin-bottom: 5px;
}

.leftListItem .leftListText .subText {
   font-weight: normal;
   font-size: 11px;
   color: #666;
   margin-bottom: 4px;
}

.leftListItem .leftListText .subText.date {
   font-weight: bold;
   margin-bottom: 0;
}

.leftListContainer .border {
   border-top: 1px solid #EEEEEE;
   height: 1px;
   margin: 8px 0;
   width: 200px;
}

/* Lightbox */

.lightbox {
   line-height: 130%;
   font-size: 14px;
}

/* popout */

.popout-tl {
   background: url(../images/popout-tl.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.popout-t {
   background: url(../images/popout-t.png) repeat-x 0 0;
   height: 23px;
}

.popout-tr {
   background: url(../images/popout-tr.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.popout-r {
   background: url(../images/popout-r.png) repeat-y 0 0;
   width: 23px;
}

.popout-br {
   background: url(../images/popout-br.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.popout-b {
   background: url(../images/popout-b.png) repeat-x 0 0;
   height: 23px;
}

.popout-bl {
   background: url(../images/popout-bl.png) no-repeat 0 0;
   width: 23px;
   height: 23px;
}

.popout-l {
   background: url(../images/popout-l.png) repeat-y 0 0;
   width: 23px;
}

/* Footer */

#push {
	height: 310px; /* .push must be the same height as .footer */
	clear: both;
}

#footer {
	width: 100%;
	padding-bottom: 0;
	margin: 0 auto;
	color: #666;
	font-size: 11px;
	position: relative;
	background: url(../images/wrapper-bg-bottom.png) repeat-x 0 50px;
}

#footerTop {
	width: 100%;
	height: 13px;
	background: url(../images/footer-bg-top.jpg) repeat-x 0 0;
}

#footerContent {
	width: 100%;
	height: 174px;
	background: #E6E7E8;
}

#footerBot {
	width: 100%;
	height: 13px;
	background: url(../images/footer-bg-bot.jpg) repeat-x 0 0;
}

#footer2 {
	width: 970px;
	padding-top: 29px;
	margin: 0 auto;
	color: #666;
	font-size: 11px;
	position: relative;
	background: url(../images/pNav-bg2.png) repeat-x 0 0;
}

#footer2 #fineprint {
	width: 600px;
	text-align: left;
	position: relative;
	top: 4px;
	float: left;
	margin-left: 20px;
}

#footer2 #social {
	width: 330px;
	text-align: right;
	position: relative;
	top: 0;
	float: left;
	margin-right: 20px;
}

#footer2 #social #socialText {
	position: relative;
	top: 4px;
	margin-right: 6px;
	float: right;
}

#footer2 #social .socialIcon {
	margin: 0 4px;
	vertical-align: middle;
	display: block;
	width: 20px;
	height: 20px;
	float: right;
}

#footerNavLeft {
	display: block;
	background: url(../images/pNav-bg-l2.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	left: -70px;
	height: 27px;
	width: 200px;
}

#footerNavRight {
	background: url(../images/pNav-bg-r2.png) no-repeat 0 0;
	position: absolute;
	top: 0;
	right: -70px;
	height: 27px;
	width: 200px;
}

.socialIcon.twitter {
	background: url(../images/icon-twitter-20.png) no-repeat 0 0;
}

.socialIcon.twitter:hover {
	background: url(../images/icon-twitter-20.png) no-repeat 0 -20px;
}

.socialIcon.twitter:active {
	background: url(../images/icon-twitter-20.png) no-repeat 0 -40px;
}

.socialIcon.facebook {
	background: url(../images/icon-facebook-20.png) no-repeat 0 0;
}

.socialIcon.facebook:hover {
	background: url(../images/icon-facebook-20.png) no-repeat 0 -20px;
}

.socialIcon.facebook:active {
	background: url(../images/icon-facebook-20.png) no-repeat 0 -40px;
}

#fineprint a {
	color: #666;
}

#fineprint a:hover {
	color: #2F8CCC;
}

p.empty {
   color: #666;
   font-style: italic;
   line-height: 130%;
}

p.empty span {
   display: block;
   font-weight: bold;
   color: #444;
   font-style: normal;
   font-size: 12px;
   margin-bottom: 8px;
}

#popup_cancel.blueButton-medium .m .mainText {
   top: 6px;
}

/* Welcome */

#welcome {
	background: #EDF5FC;
	border: 1px solid #369;
	padding: 10px;
	width: 950px;
	margin: 20px auto;
	line-height: 130%;
	position: relative;
}

#welcome h3 {
	color: #369;
	font-size: 24px;
	border-bottom: none;
	margin-top: 16px;
}

#welcome .icon {
	width: 200px;
	height: 200px;
	float: left;
	margin-right: 20px;
}

#welcome .signature {
	font-size: 14px;
	font-weight: bold;
	color: #369;
}

#welcomeClose {
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 13px;
	color: #369;
	font-weight: bold;
}

textarea {
   font-family: Helvetica-Neue, Helvetica, Arial, sans-serif;
}

.wrapper-bg-top {
   background: url(../images/wrapper-bg-top.png) repeat-x 0 0;
   position: absolute;
   top: 54px;
   left: 0;
   width: 100%;
   height: 30px;
}

.wrapper-bg-bottom {
   background: url(../images/wrapper-bg-bottom.png) repeat-x 0 0;
   position: absolute;
   bottom: -70px;
   left: 0;
   width: 100%;
   height: 30px;
}

/* Raised Header */

.raisedHeaderContainer {
	height: 29px;
	background: url(../images/pNav-bg.png) repeat-x 0 2px;
	position: relative;
}

.raisedHeaderLeft {
	display: block;
	background: url(../images/homeNav-bg-l.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	left: -15px;
	height: 27px;
	width: 50px;
}

.raisedHeaderRight {
	background: url(../images/homeNav-bg-r.png) no-repeat 0 0;
	position: absolute;
	bottom: 0;
	right: -15px;
	height: 27px;
	width: 50px;
}

.raisedHeaderMiddle {
	height: 29px;
}

/* .progressBar */

.progressBar {
   position: relative;
}

.progressBar.garmin {
   width: 240px;
   height: 37px;
   margin: 20px auto;
}

.progressBar .container {
   width: 100%;
   position: absolute;
   z-index: 200;
   height: 37px;
}

.progressBar .container .l {
   background: url(../images/progressBarContainer-l.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   position: absolute;
   top: 0;
   left: 0;
}

.progressBar .container .m {
   background: url(../images/progressBarContainer-m.png) repeat-x 0 0;
   width: 200px;
   margin: 0 20px;
   height: 37px;
}

.progressBar .container .r {
   background: url(../images/progressBarContainer-r.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   position: absolute;
   top: 0;
   right: 0;
}

.progressBar .bar {
   width: 100%;
   position: absolute;
   z-index: 200;
   height: 37px;
}

.progressBar .bar .l {
   background: url(../images/progressBar-l.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   float: left;
}

.progressBar .bar .m {
   background: url(../images/progressBar-m.png) repeat-x 0 0;
   width: 0px;
   height: 37px;
   float: left;
}

.progressBar .bar .r {
   background: url(../images/progressBar-r.png) no-repeat 0 0;
   width: 20px;
   height: 37px;
   float: left;
}

.notViewable h3.pageHeader {
   width: 768px;
   float: left;
   clear: none;
   font-size: 30px;
   line-height: 130%;
   text-align: left;
   border-bottom: none;
   color: #444;
}

.notViewable .actions {
   width: 770px;
   float: left;
   clear: none;
}

.viewableBox {
   width: 970px;
   margin: 40px auto 20px;
}

.viewableBox .icon {
   width: 150px;
   height: 150px;
   float: left;
   margin-right: 50px;
}

.notViewable .actions p {
   font-size: 12px;
   color: #666;
   float: left;
}

.notViewable .actions a {
   position: relative;
   top: 20px;
   font-size: 16px;
   font-weight: bold;
}

.notViewable .actions p.signup {
   font-size: 14px;
   font-weight: bold;
   color: #333;
   margin-bottom: 10px;
}

.fitnessClass .noneContainer .mainText {
   font-size: 24px;
   font-weight: bold;
   color: #666;
   margin: 30px 0;
   text-align: center;
}

.fitnessClass .noneContainer .subText {
   font-size: 16px;
   font-weight: normal;
   color: #666;
   margin-top: 30px;
   text-align: center;
}

.fitnessClass .noneContainer .subText a {
   font-weight: bold;
}