/* -- GLOBAL ////////////////////////////////////////////////////////////////////////////////////// -- */

.clear 	{
	clear: both;
}

strong	{
	font-weight: bold;
}

.zh-Hans
{
	font-family:sans-serif;
}

h1	{
	padding:0 0 0 18px;	
}

h1.home 
{
	padding:0 0 8px 20px;	
}

.pdf-format h1
{
	padding:10px;
}


h1.reports 
{
	padding:0 0 8px 38px;	
}


h3 
{
	padding:0 0 6px 0;	
}

h1.spider	{
	padding:0 0 0 28px;	
}

h6	{
	padding:4px 0 6px;	
}

hr	{
	margin: 0;
	padding: 0;
	display: none;
}

p	{
	padding:4px 0 6px 0;	
	color:#444444;
}

.hr	{
	margin: 5px -10px 10px -10px;
	border-top: 2px solid #D6E0E1;
}

.left	{
	float: left;
}

.right	{
	float: right;
}

.hidden	{
	display: none;
}

.upper	{
	text-transform: uppercase;
}
.lowercase	{
	text-transform:none;
}

.clearfix:after	{
	clear: both;
	content: ".";
	display: block;
	height: 0pt;
	visibility: hidden;
}

.clearfix	{
}

* html .clearfix	{
	height: 1%;
}

/* -- LAYOUT ////////////////////////////////////////////////////////////////////////////////////// -- */

html	{
	height: 100.1%;
}

body	{
	text-align: center;
	height:100%;
}

#page	{
	margin: 10px auto 0 auto;
	text-align: center;
	width: 980px;
	position:relative;
}

#content-area	
{
	position:relative;
	/*background:transparent url(../images/backgrounds/bg_circles.jpg) 95% 40px no-repeat; */
	padding: 30px 0 25px 0; 
	text-align: left;
	width: 980px;
	border: solid 1px #e2e2e2;
	border-top: none;
	min-height:300px
}

#content-area.no-bg
{
	background:none;
}


#header	{
	padding: 20px 34px 0 34px;
	text-align: left;
	width: 912px;
	border: solid 1px #e2e2e2;
	border-bottom: none;
	
}

.pdf-format #header
{
	width:750px;	
	padding:20px 15px 0;
}

.pdf-format #content-area
{
	width:780px;
}

.pdf-format #CorePerformance
{
	float:right;
	margin:10px 30px;
}

#footer	{
	clear:both;
	padding: 20px 0 10px 0;
	width: 980px;
}

/* -- HEADER ////////////////////////////////////////////////////////////////////////////////////// -- */

#mi-coach-logo	{
	float:left;
}

a#adidas-logo	{
	float: right;
	display: block;
	position: relative;
	top:0px;
	background: url('../images/common/adidas_logo.gif') no-repeat;
	width:40px;
	height:27px;
}

a#adidas-logo span	{
	display: none;
}

#header p	{
	display: inline;
	position: relative;
	top: -10px;
}

/* -- PRIMARY NAVIGATION ////////////////////////////////////////////////////////////////////////// -- */

#primary-navigation	{
	float:left;
	position: relative;
	top: 15px;
	left:13px;
}
ul#primary-navigation
{
	margin:0;
	padding:0;	
}

#primary-navigation li	{
	display: inline;
	padding: 0 0 0 12px;
}

/* -- SIDE NAVIGATION ////////////////////////////////////////////////////////////////////////// -- */

ol#sideNav
{
	float:left;
	padding: 0 0 0 34px;	
	width:176px;
}

ol#sideNav li 
{
	border:1px solid white;
	margin:4px 0 0;
	
}

ol#sideNav li li
{
	margin:4px 0 0;
}

ol#sideNav li a
{	
	display:block;
	padding:0 0 0 10px;
	margin:0;
	background: transparent url(../images/elements/subnav-arrows.gif) left 1px no-repeat;
	border:0;
}

ol#subNav
{
	margin:0 0 0;
}

ol#subNav li
{
	border:1px solid white;
}

ol#subNav li a
{
	display:block;
	padding:1px 0 1px 16px;
	background: none;
}

ol#sideNav li a:focus,
ol#subNav li a:hover,
ol#sideNav li a.selected,
ol#sideNav li a:hover,
ol#subNav li a:hover
{
	color: #529618;
}

ol#sideNav li a.selected,
ol#sideNav li a:hover
{
	background: transparent url(../images/elements/subnav-arrows.gif) left -60px no-repeat;
}
ol#sideNav li #subNav li a.selected,
ol#sideNav li #subNav li a:hover
{
	background:none;
}


/* -- CONTENT PANELS ////////////////////////////////////////////////////////////////////////// -- */

#right-content-panel	{
	float: left;
	position:relative;
	width: 580px;
	z-index:100;
}

#left-content-panel	{
	float: left;
	position:relative;
	width: 360px;
	z-index:101;
	padding: 0 0 0 10px;
}

#mid-three-col-panel	{
	float: left;
	width: 500px;
	padding: 0 0 0 14px; 
	text-align: left;
}

#mid-three-col-panel h1	{
	padding: 0 0 12px;
}

#right-three-col-panel {
	float: right;
	width: 230px;
	padding: 1px 5px 0 0;
}

#error-panel
{
	padding: 0 0 0 60px;	
}

#flash-example	{
	padding: 32px 0 0 0;
}
.img-circle	{
	padding: 30px 0 0 0;
}

.img-circle-floated	{
	padding: 30px 20px 0 0;
}

#flash-panel	
{
	position:relative;
}

#FlashLightBox
{
	position:absolute;
	display:none;
	left:10px;
	border:solid #ccc 1px;
	width:960px;
	height:490px;
	background:#ffffff;
	z-index:999;
	top:0;
}

#flash-video
{
	position:relative;
	
}

.fp-replace     {
    position: relative;
}

#flash-video .fp-replace
{
	width:490px;
	background:#ffffff;	
	position:relative;
	top:0px;
	padding:20px 10px;
}
#flash-video .fp-replace p 
{	
	width:305px;	
	text-align:left;
	float:left;
}

.fp-replace p   {
   margin: 0 0 0 0;
   float:left;
   width:200px;
}

.fp-replace .adobe-graphic      {
   float:left;
   margin: 0 0 0 16px;
   padding:4px 12px 0 0;
   width:112px;    
}

.fp-replace a
{
	color:#1486C5;
	text-decoration:none;	
}

/* -- TWIN COLUMN MINI PANEL ////////////////////////////////////////////////////////////////////////// -- */

.two-col-mini-panel .left	{
	float: left;
	width: 48%;
}

.two-col-mini-panel .right	{
	float: right;
	width: 48%;
}

/* -- FOUR COLUMN PANEL /////////////////////////////////////////////////////////////////////////// -- */

#results-wrapper 
{
	float: left;
}

#four-column	
{

	margin: 10px 0 10px 30px;
	padding-bottom:10px;
	position:relative;
	width: 680px;
}

.four-column	
{
	background:transparent url(../images/backgrounds/four-col-btm-bg.gif) 0 100% no-repeat;
	float: left;
	height:110px;
	width: 225px;
}

.four-column img	{
	margin: 10px 0 10px 0;
	position:absolute;
	bottom:20px;
}

.four-column.divider	{
	background: url('../images/backgrounds/four_column_divider.jpg') 100% 50% no-repeat;
}

.four-column h2	
{
	background:transparent url(../images/backgrounds/four-col-top-bg.gif) 0 0 no-repeat;
	margin-top:-5px;
	padding: 20px 15px 20px 15px;
	text-transform:none;
}

.four-column h2.case-normal
{
	text-transform:none;
}

.four-column.boxed h2	{
	background: #ffffff url('../images/backgrounds/four_column_header.gif') no-repeat;
	display: block;
	margin: 0 0 0 0;
	padding: 1px 10px 1px 11px;
	width: 133px;
}

.four-column.boxed p	{
	background: url('../images/backgrounds/four_column_background.gif') repeat-y;
	padding: 5px 10px 0 20px;
	width: 123px;
}

.four-column.boxed	{
	background: url('../images/backgrounds/four_column_bottom.gif') 0 100% no-repeat;
	padding: 0 0 19px 0;
	width: 153px;
}

/* -- HOME PANELS ////////////////////////////////////////////////////////////////////////// -- */

#home	{
	/*background: url('../images/backgrounds/home_box_btm.gif') 0 100% no-repeat;*/
	padding: 0 0 20px 20px;
	width: 560px;
}

#home #intro	{
	background:transparent url('../images/backgrounds/line-divider.gif') 0 0 repeat-x;
	padding: 5px 0 10px 0;
	width: 560px;
}

#home #intro.no-bubbles{
	background:transparent url('../images/backgrounds/line-divider.gif') 0 0 repeat-x;
}

#home p.link	
{
	padding:15px 0 20px 0;
}

#home .subNav li	{
	display: inline;
	padding: 0 14px 0 0;
}

#home .content	{
	background:transparent url('../images/backgrounds/line-divider.gif') 0 0 repeat-x;
	padding: 10px 0 10px 0;
	width: 560px;
}

#home .bottom	{
	background:transparent url('../images/backgrounds/line-divider.gif') 0 100% repeat-x;
	height:10px;
}

#home .find-out-more
{	
	display:none;
	position:absolute;
	top:55px;
	right:-20px;	
}


#home .find-out-more a
{
	background:none;
	display:block;
	height:200px;
	width:200px;
}

#home .find-out-more a .circle
{
	position:relative;
}

#home .find-out-more a img.lbc
{
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#home .find-out-more a img.dbc
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:2;
}

#home .find-out-more a img.mlt
{
	position:absolute;
	top:100px;
	left:30px;
	z-index:4;
}

#home .find-out-more a span
{
	background:transparent url(../images/buttons/arrow-white.gif) left center no-repeat;
	color:#fff;
	left:35px;
	padding-left:20px;
	position:absolute;
	text-align:left;
	top:110px;
	width:inherit;	
	z-index:3;
}

/*
#home .find-out-more a span
{
	display:block;
	margin-left:20px;
	width:90px;
	text-align:center;
}*/

p.intro	{
	/*background: url('../images/backgrounds/home_rule.jpg') 50% 100% no-repeat;*/
	margin: 0 0 0 0;
	padding: 8px 120px 0px 0;
}

#home .content .right-column,
#home .content .left-column
{
	background:transparent url(../images/sprites/hp-btm-panel-bg.gif) -5px 100% no-repeat;
	margin-top:10px;
	padding:0 0 10px;
	width: 276px;
}

#home .content .right-column .ctn,
#home .content .left-column .ctn
{
	padding:0 20px 0;
}


#home .content .right-column .top,
#home .content .left-column .top
{
	background:transparent url(../images/sprites/hp-top-panel-bg.gif) -5px -8px no-repeat;
	height:10px;

}

.left-column	{
	float: left;
	padding: 10px 0 0 0;
	width: 45%;
}

.right-column	{
	float: right;
	padding: 10px 0 0 0;
	width: 45%;
}

.blue-circle-caption	{
	background: transparent url('../images/elements/blue_circle.png') 50% no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	height: 127px;
	width: 127px;
}

/* -- MINI TRAINING PANEL ////////////////////////////////////////////////////////////////////////// -- */

#mini-traing-panel	{
	padding: 0 0 20px 0;
	width: 519px;
	margin:12px 0 0 0px;
}

#mini-traing-panel #intro	{
	background:transparent url('../images/backgrounds/mini_tp_box_header.gif') 0 0 no-repeat;
	padding: 25px 20px 0px 40px;
	width: 456px;
}
#mini-traing-panel p.link	{
	padding-bottom:20px;
}

#mini-traing-panel .subNav li	{
	display: inline;
	padding: 0 14px 0 0;
}

#mini-traing-panel .content	{
	/*background: transparent url('../images/backgrounds/mini_tp_box_mid.gif') 0 0 repeat-y;*/
	padding: 0 30px 20px 0px;
}

#mini-traing-panel .content h2	
{
	background:transparent url(../images/backgrounds/blue-header-bg.gif) 0 0 no-repeat;
	padding-left:10px;
}

#mini-traing-panel h1{
	padding:4px 0 0px;
}
#mini-traing-panel .content h3{
	padding:4px 0 0px 10px;
}

#mini-traing-panel .content p{
	padding:0 0 6px 10px;
}
#mini-traing-panel .content p.indent{
	padding:0 0 6px 10px;
}

#mini-traing-panel  ol	{
	margin: 0 0 0 0;
	padding: 8px 20px 0 0;
}
#mini-traing-panel ol li
{
	float:left;
	margin: 0 6px 0 0;
	text-decoration:none;
}

#mini-traing-panel ul
{
	padding:2px 0 2px 30px;	
}

#mini-traing-panel ul li
{
	list-style-type:decimal;
	padding:2px 0;		
}

#mini-traing-panel ol li a
{
	color:#007FC5;
	font-size:108%;
	font-style:normal;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	width:136px;
	display:block;
}
#mini-traing-panel ol li a.selected,
#mini-traing-panel ol li a:hover
{
	color:#53DA3F;
}
#mini-traing-panel #intro .btm{
	background: url('../images/backgrounds/mini_tp_rule.jpg') 50% 40% no-repeat;
	padding: 8px 20px 30px 0;	
}

#mini-traing-panel p.divider
{	
	background: url('../images/backgrounds/mini_tp_rule.jpg') 50% 80% no-repeat;
	padding: 8px 20px 30px 0;
}
/* -- FLASH MOVIE PANEL //////////////////////////////////////// -- */

.fv-box-panel
{
	background:transparent url(../images/backgrounds/flash-ex-btm.gif) 0 100% no-repeat;
	width:500px;
	padding:0 0 20px 0; 	
	margin: 0 0 10px -5px;
}

.fv-box-panel .header 
{
	background:transparent url(../images/backgrounds/flash-ex-top.gif) 0 0 no-repeat;
	padding:16px 0 8px 30px;
}
#mid-three-col-panel .fv-box-panel .header h1
{
	padding:0 0 4px 0;
}

.fv-box-panel .player-content 
{
	background:transparent url(../images/backgrounds/flash-ex-top.gif) 0 -20px no-repeat;
	/*background:transparent url(../images/backgrounds/eg_box_mid.gif) 0 0 repeat-y;*/
	padding:0 0 5px 15px;
	text-align:center;
	
}

/* -- LIST PANEL //////////////////////////////////////// -- */

.hub-list	{
	padding: 0 0 0 0;
}

.hub-list .item	{
	float: left;
	width: 100%;
	padding: 10px 0 20px 0;
	background: url('../images/backgrounds/line-divider.gif') center 100% repeat-x;
}

.hub-list .last
{
	background:none;
}

.hub-list .item .r-block	{
	float: right;
	width: 386px;
}
.hub-list .item .r-block p	
{
	padding:0 0 16px 0;	
}

.hub-list .item h2	{
	float: right;
	width: 386px;
	padding: 0 0 2px 0;
}

.hub-list .item img {
	float: left;
	padding: 6px 0 0 0;
}

.hub-list .item a.read-more {
}
/* -- DEFAULT TABLE STYLE ///////////////////////////////////////////////////////////////////////// -- */

table	{
	border-bottom: 1px solid #007FC5;
	border-left: 1px solid #007FC5;
	width: 100%;
}

table thead tr th,
table tbody tr td	{
	padding: 4px;
}

table tbody tr.odd-stripe	{
	background: #E2E2E2;
}

table tbody tr td	{
	border-right: 1px solid #007FC5;
	vertical-align: top;
	color:#333333;
}
/* -- REPORT TABLE PANELS ///////////////////////////////////////////////////////////////////////// -- */

.report-tables table thead tr th
{
	background:none;
}

.report-tables	{
	clear: both;
	padding: 0 0 0 30px;
	width: 665px;
}

.report-tables .header
{
	/*background: url('../images/common/page_divider.gif') 50% 0 no-repeat;*/
	padding:14px 0 0 0;
}

.report-tables .btm
{
	background: url('../images/backgrounds/line-divider.gif') 50% 100% repeat-x;
	padding:10px 0 0 0;
}

.report-tables .last
{
	background: none;
	padding:10px 0 0 0;
}


.report-tables img.mode
{
	float:left;
	margin:0 4px 4px 0;
}

.report-tables h3
{
	float:left;
	width:300px;
	margin:6px 0 0 0;
}

.report-tables h3.pro-mode	{
	background: url('../images/common/pro_mode_logo.gif') no-repeat;
	margin: 0 0 4px 0;
	padding: 8px 0 8px 90px;
}

.report-tables div.date-bar	
{
	background:transparent url(../images/backgrounds/my-report-bg.gif) 0 0 no-repeat;
	color:#ffffff;
	padding-left:10px;
	width: 100%;
}

.report-tables p.date
{
	
}

.report-tables p.report-date	{
	float: left;
	color:#ffffff;	
	font-weight:bold;
}

.report-tables p a.delete	{
	float: right;
}

.report-tables table	
{
	border:none;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	width: 100%;
}

.report-tables th	{
	border-bottom: 1px solid #CCC;
	padding: 4px 0 0 0;
}

.report-tables th.photo	{
	width: 60px;
}

.report-tables th,
.report-tables td	{
	vertical-align: top;
	border-right: 4px solid #FFFFFF;
}

.report-tables td	{
	padding: 4px 0 4px 0;
}

.report-tables td p .read-more	{
	float: right;
}

.report-tables a#basic-button,
.report-tables a#pro-button
{
	margin:10px 0 0 0;
	float:right;
	text-decoration:none;
	font-size:100%;
	font-style:normal;

}
.report-tables a#basic-button span,
.report-tables a#pro-button span
{
	background: transparent url(../images/buttons/show_hide_sprite.gif) right -8px no-repeat;
	padding: 2px 20px 2px 0;
	font-weight:bold;
	color:#1486C5;
	
}

.report-tables .hide a#basic-button:hover span,
.report-tables .hide a#pro-button:hover span
{
	color:#3CBD2D;
	background-position: right -113px;
}

.report-tables .hide a#basic-button span,
.report-tables .hide a#pro-button span
{

	background-position: right -74px;
}

.report-tables a#basic-button:hover span,
.report-tables a#pro-button:hover span
{
	color:#3CBD2D;
	background-position: right -41px;
}



p.report-date	{
	
}

div.separator	{
	background: url('../images/common/page_divider.gif') 50% 0 no-repeat;
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
}

/* -- Dictionary list //////////////////////////////////////////////////////////////////////////// -- */

dl
{
	padding:6px 0 8px;
}

dl h2
{
	margin:6px 0;
	text-transform:uppercase;	
}

.sIFR-active dl h2
{
	margin:8px 0 0;
}

/* -- RIGHT HAND IMAGE //////////////////////////////////////////////////////////////////////////// -- */

.right-hand-image	{
	float: right;
	display: block;
}

/* -- RIGHT HAND IMAGE //////////////////////////////////////////////////////////////////////////// -- */

.right-hand-image	{
	float: right;
	display: block;
}

/* -- REPORTS PAGES /////////////////////////////////////////////////////////////////////////////// -- */

div.location	{
	margin: 0 0 0 30px;
}

/* -- FLASH STATS ///////////////////////////////////////////////////////////////////////////////// -- */

#flash-stats	{
	background: url('../images/common/flash_stat.jpg') 0 0 no-repeat;
	float: left;
	height: 465px;
	padding: 0 0 0 30px;
	width: 765px;
}

#flash-stats p.left
{
	margin-right:10px;
}

/* -- MINI PROFILE //////////////////////////////////////////////////////////////////////////////// -- */

#mini-profile	{
	background: url('../images/backgrounds/my-report-profile-bg.gif') 0 100% repeat-y;
	border-top:3px solid #97ca47;
	float: left;
	width: 155px;
	margin:0;
	padding:0 0 10px 10px;
}

#mini-profile h2	{
	padding: 10px 0 0 0;
}

#mini-profile .profile-img-holder
{
	clear: left;
	margin: 0;
	padding: 0;
	display:block;
	border: 1px white solid;
	height:110px;
	width:145px;
	overflow:hidden;	
}

#mini-profile .profile-img-holder img	{
	margin: 0;
	padding: 0;
}

#mini-profile ol	{
	margin: 0 0 0 0;
}



#mini-profile ol li	{
	margin: 0 0 8px 0;
}

#mini-profile ol li .label
{
	color:#302C2D;
	font-size:93%;
	font-weight:bold;
	text-transform:capitalize;
}

.mini-profile-bottom	{
	background: url('../images/backgrounds/mini_profile_bottom.gif') 0 0 no-repeat;
	clear: both;
	width: 150px;
	height: 9px;
}

p.test-message	{
	background: url('../images/backgrounds/paragraph_top.gif') 0 0 no-repeat;
	float: left;
	margin: 10px 0 0 25px;
	padding: 76px 0 0 0;
	width: 150px;
}


/* -- FOOTER ////////////////////////////////////////////////////////////////////////// -- */

ul#utility-navigation
{
	float:left;
	position:relative;
	left: 0px;
	margin:0;
	padding:0;	
}
#utility-navigation li	{
	display: inline;
	padding: 0 0 0 15px;
	line-height:12px;
	/*border:solid #CC0000 1px;*/
}
#footer-copy {
	float: right;
}

#world-map	{
	background: url("../images/common/language_map.gif") no-repeat;
	margin: 0 10px 0 0;
	padding: 0 0 21px 31px;
	display: inline;
}

.lang-select	{
	display: inline;
}

.copyright	{
	display:inline;
}

a.core-performance img	{
	text-align: right;
	margin: 20px 25px 0 0;
	float:left;
	
}

a.micoach img	{
	padding: 0 0 0;
	float:right;
}

.core-performance-general	{
	text-align: right;
	margin: 60px 25px 0 0;
}

.core-performance-home	{
	text-align: left;
	margin: 10px 10px 0 30px;
}

.core-performance-right-col	
{
	clear:both;
	text-align: left;
	margin: 40px 25px 0 0;
}

/* -- GLOBAL COMPONENT //////////////////////////////////////// -- */

.component
{
	padding:16px 0;
}


/* -- IMAGE FORMATING //////////////////////////////////////// -- */

#mid-three-col-panel img
{
	padding-bottom:4px;
}

img.lrg-shadowed
{
	position:relative;
	left:0;
}

img.sml-shadowed
{
	position:relative;
	left:-9px;
}

/* -- BACKGROUNDS //////////////////////////////////////// -- */

.mcs-bg
{
	background: transparent url('../images/backgrounds/my_core_skills_bg.jpg') 100% 20px no-repeat;
}

/* -- BUTTONS ////////////////////////////////////////////////////////////////////////// -- */

.workout .link a.quick-link
{
	background:transparent url(../images/buttons/arrow_sprite.gif) 0 2px no-repeat; 
	color:#1486C5;
	text-decoration:none;
	text-transform:none;
	padding:2px 0 2px 20px;
}

.workout .link a.quick-link span
{
	text-transform:none;
	margin:0;
	padding:0;
}

td.link a.quick-link:hover
{
	background-position:0 -84px;
	color:#529618;
}

.buttons a.read-more,
a.read-more 
{
	
	background:transparent url(../images/sprites/button-green-right.gif) 100% 0 no-repeat;
	color:#ffffff;
	margin:0;
	padding: 3px 0 4px 0;
	text-transform:uppercase;
}
.buttons a.read-more span,
a.read-more span 
{

	background:transparent url(../images/sprites/button-green-left.gif) 0 0 no-repeat;
	padding: 3px 10px 6px 10px;
	margin:-3px 20px 0 0;
}

.buttons a.read-more:focus,
.buttons a.read-more:hover,
a.read-more:focus,
a.read-more:hover
{
	background-position:100% -30px;
}

.buttons a.read-more:focus span,
a.read-more:focus span,
.buttons a.read-more:hover span,
a.read-more:hover span
{
	background-position:0 -30px;
}

ol.confirm li a:hover {
	background-position: 0 -84px;
}

a.delete	
{
	color:#fff;
	background: url('../images/buttons/delete.gif') 0 50% no-repeat;
	padding: 0px 20px 2px 20px;
	font-weight:bold;
}

a.close	{
	background: url('../images/buttons/close_button.gif') 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}

a.close:hover	{
	background-position: 0 -23px;
}



/* -- SYMBOLS ////////////////////////////////////////////////////////////////////////// -- */

.note
{
	background: transparent url(../images/common/circle_note.gif) left 2px no-repeat;
	padding: 2px 0 2px 20px;
}

/* -- LOGIN BOX ////////////////////////////////////////////////////////////////////////// -- */

.profile-box
{
	background: transparent url(../images/backgrounds/panel-wide-top.gif) 0 0 no-repeat ;
	margin: 0 0 0 30px;
	width: 681px;		
	position:relative;
}

.profile-box .form-top
{
	/*background: url('../images/backgrounds/profile_box_header.gif') 0 0 no-repeat;*/
	height: 10px;
}

.profile-box .form-bottom
{
	background: transparent url(../images/backgrounds/panel-wide-btm.gif) 0 100% no-repeat;
	height: 10px;
}

.profile-box .left
{
	width:50%;	
}


.login-box
{
	background: url('../images/backgrounds/panel-wide-top.gif') 0 0 no-repeat;
	margin: 0 0 0 30px;
	width: 641px;
	float: left;
	position:relative;
}

.login-box .form-top
{
	/*background: url('../images/backgrounds/panel-wide-top.gif') 0 0 no-repeat;*/
	height: 10px;
}

.login-box .form-bottom
{
	background: url('../images/backgrounds/panel-wide-btm.gif') 0 100% repeat-y;
	height: 16px;
}

.form-content
{
	padding:10px 20px 10px 20px;
}

.form-content h2,
.form-content h1	
{
	padding:0 0 0 0;
	margin: 2px 0 15px 0px;
	text-align:left;
}

.form-content p	{
	margin: 2px 0 5px 0;
	text-align:left;
	padding:0;
	color:#302c2d;
	font-weight:bold;
}

.form-content p.note	
{
	margin: 5px 0 5px 10px;
	padding:0 0 0 24px;
	color:#1486C5;
}

.form-content .form
{
	
	padding:8px 0 8px 0;	
}

.form-content .form label	{
	clear:both;
	float:left;
	padding: 8px 10px 0 0;
	text-align: right;
	width:180px;	
	color:#302c2d;
	font-weight:bold;
}
.form-content .form.left label	
{
	width:70px;
}


.form-content .form input
{
	background: #fff;
	float:left;
	padding:4px;
	width:200px;
	border:solid 1px #DDDDDD;
	margin:2px 0 2px;
}

.form-content .form input.textbox:focus {
border:1px solid #529618;
}

.form-content .form input.dateOfBirth
{
	width:80px;
}

.form-content .form .divider
{
	clear:both;
	background:transparent url('../images/backgrounds/line-divider.gif') 0 100% no-repeat;
	padding:8px 20px 40px 10px;
}

.form-content h1
{
	background:transparent url('../images/backgrounds/line-divider.gif') 0 100% repeat-x;
}

.form-content .buttons
{
	background:transparent url('../images/backgrounds/line-divider.gif') 0 0 repeat-x;
	margin-top:10px;
	padding:22px 20px 0px 0;
}

.form-content .buttons p 
{
	float:left;	
	text-align:left;
	width:auto;
	margin:0 6px 0 0;
	padding-top:3px;
	padding-bottom:3px;
}

.form-content .form span	{
	background: #EBEBEB;
	float:left;
	padding:4px;
	width:200px;
	border:solid 1px #DDDDDD;
	margin:2px 0 2px;
}

.form-content .form .buttons a span	
{
	border:0;
	width:auto;
}

.form-content .form input.metric
{
	width:34px;
}
.form-content .form span.metric
{
	border:0;
	background:none;
}

.form-content .form input.imperial
{
	width:20px;
}

.form-content .form label.imperial
{
	width:10px;
	clear:none;	
	text-align:center;
	padding:2px;
	font-size:138.5%;
}

.form-content .form span.radioHolder
{
	background: none;
	border:0;
}

.form-content .form span.radioHolder input
{
	display:inline;
	padding:2px 0 0 0;
	margin:2px 0 0 0;
	width:13px;
	float:none;
	border:none;
	line-height:1em;
	background:none;
}

.form-content .form span.radioHolder label
{
	display:inline;
	padding:0 10px 0 10px;
	width:20px;
	float:none;
	margin:0 0 0 0;
	line-height:1em;
	font-size:93%;
	font-weight:normal;
}

.form-content .form span.radioHolder br
{
	clear:both;	
	padding:2px 0;
	margin:2px;
}

.form-content .form textarea
{
	background: #fff;
	float:left;
	padding:4px;
	width:200px;
	border:solid 1px #DDDDDD;
	margin:2px 0 2px;
}


.form-content h1 span.sIFR-alternate,	
.form-content h2 span.sIFR-alternate	
{
	display:none;
}

.form-content .update
{
	position:absolute;
	right:20px;
	bottom:30px;
}

.form-content .update span.lbl
{
	font-weight:bold;	
}

.form-content .form .lbl-leaderboard
{
	padding-top:0;
}

.form-content .form .lbl-leaderboard label
{
	padding:0 0 0 10px;
	text-align:left;
	width:460px;
	text-transform:none;
	float:none;
}

.form-content .form .lbl-leaderboard input
{
	text-align:left;
	width:20px;
	float:none;
}

.user-profile	{
	background: url('../images/backgrounds/user_profile_form_background.gif') repeat-y;
	margin: 0 0 0 30px;
	width: 419px;
}

.user-form-top	{
	background: url('../images/backgrounds/user_profile_form_top.gif') 0 0 no-repeat;
	height: 10px;
}

.user-form-bottom	{
	background: url('../images/backgrounds/user_profile_form_bottom.gif') 0 100% no-repeat;
	height: 16px;
}

.user-profile p	{
	margin: 5px 0 5px 0;
	text-align:right;
	width: 140px;
}

.user-profile p.exp	{
	margin: 5px 0 5px 30px;
	text-align:left;
	width: 340px;
}

.user-profile .login p	{
	margin: 5px 0 5px 30px;
	text-align:left;
	width: 340px;
}

.user-profile .buttons
{
	padding: 16px 0 22px 30px;
}

.user-profile .buttons p 
{
	float:left;	
	text-align:left;
	width:auto;
	margin:0 16px 0 0;
}

.user-profile h1	{
	margin: 2px 0 5px 10px;
	text-align:left;
	width: 340px;
}

.user-profile h2	
{
	clear:both;
	margin: 0px 0 5px 30px;
	width: 240px;
	padding: 9px 0 0;
}

.user-profile label	{
	clear:both;
	float:left;
	padding: 8px 10px 0 0;
	text-align: right;
	width:140px;
}

.user-profile span	{
	background: #EBEBEB;
	float:left;
	padding:4px;
	width:200px;
	border:solid 1px #DDDDDD;
	margin:2px 0 2px;
}


.user-profile input
{
	background: #fff;
	float:left;
	padding:4px;
	width:200px;
	border:solid 1px #DDDDDD;
	margin:2px 0 2px;
}
.user-profile input.imperial
{
	width:20px;

}

.user-profile label.imperial
{
	width:10px;
	clear:none;	
	text-align:center;
	padding:2px;
	font-size:138.5%;
}

.user-profile textarea
{
	background: #fff;
	float:left;
	padding:4px;
	width:200px;
	border:solid 1px #DDDDDD;
	margin:2px 0 2px;
}

.user-profile span.radioHolder
{
	background: #fff;
}
.user-profile span.radioHolder br
{
	clear:both;	
	padding:2px 0;
	margin:2px;
}

.user-profile span.radioHolder input
{
	display:inline;
	padding:2px 0 0 0;
	margin:2px 0 0 0;
	width:13px;
	float:none;
	border:none;
	line-height:1em;
}

.user-profile span.radioHolder label
{
	display:inline;
	padding:0 10px 0 10px;
	width:20px;
	float:none;
	margin:0 0 0 0;
	line-height:1em;
	font-size:102%;
}

/* TODO */
/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
 
 .dp-calendar
{
	background:transparent url('/images/sprites/p-cal-calendar-area.jpg') 0 0 repeat-y;
}


table.jCalendar 
{
	/*background:#FFFFFF none repeat scroll 0% 0%;*/
	border:0px solid #DDDDDD;
	border-collapse:separate;
	border-spacing:1px;
	width: 201px;
	margin:8px 6px 12px;
}
table.jCalendar th {
	background:none;
	color:#000;
	font-weight:bold;
	padding:3px 5px;
	text-align:center;
}
table.jCalendar td {
	/*background:#FFFFFF none repeat scroll 0% 0%;*/
	color:#000000;
	padding:3px 5px;
	text-align:center;
	border:0px solid #DDDDDD;
	font-weight: normal;
}
table.jCalendar td.other-month {
	/*background:#DDDDDD none repeat scroll 0% 0%;*/
	color:#AAAAAA;
}

table.jCalendar td.disabled {
	background:none;
	color:#AAAAAA;
}

table.jCalendar td.today {
	background:#666666 none repeat scroll 0% 0%;
	color:#FFFFFF;
}
table.jCalendar td.selected {
	background:#3ABB29 none repeat scroll 0% 0%;
	color:#FFFFFF;
}
table.jCalendar td.selected:hover {
	background:;
	color:#FFFFFF;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background:#3ABB29 none repeat scroll 0% 0%;
	color:#FFFFFF;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background:#BBBBBB none repeat scroll 0% 0%;
	color:#888888;
}
div.dp-popup {
	background:#FFFFFF none repeat scroll 0% 0%;
	font-family:arial,sans-serif;
	font-size:100%;
	line-height:1.2em;
	padding:0px;
	position:relative;
	width:213px;
	/*border:1px solid #DDDDDD;*/
}
div#dp-popup {
	position:absolute;
	z-index:199;
}
div.dp-popup .p-cal-top
{
	background:transparent url('/images/sprites/p-cal-top.jpg')0 0 no-repeat;	
	height:6px;
}

div.dp-popup .p-cal-header
{
	background:transparent url('/images/sprites/p-cal-h2.jpg')0 0 repeat-y;	
}

div.dp-popup .p-cal-btm
{
	background:transparent url('/images/sprites/p-cal-bottom.jpg')0 0 repeat-y;	
	height:6px;
}

div.dp-popup h2 {
	font-size:93%;
	margin:0;
	padding:6px 0pt;
	text-align:center;
	color:#007FC5;
	font-weight:bold;
	min-height:20px;
}
a#dp-close {
	display:block;
	font-size:11px;
	padding:4px 0pt;
	text-align:center;
}
a#dp-close:hover {
	text-decoration:underline;
}
div.dp-popup a {
	color:#007FC5;
	padding:3px 2px 0pt;
	text-decoration:none;
	font-weight:bold;
}
div.dp-popup div.dp-nav-prev {
	left:4px;
	position:absolute;
	top:8px;
	width:100px;
}
div.dp-popup div.dp-nav-prev a {
	float:left;
}
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor:pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor:default;
}
div.dp-popup div.dp-nav-next {
	position:absolute;
	right:4px;
	top:8px;
	width:100px;
}
div.dp-popup div.dp-nav-next a {
	float:right;
}
div.dp-popup a.disabled {
	color:#AAAAAA;
	cursor:default;
}
div.dp-popup td {
	cursor:pointer;
}
div.dp-popup td.disabled {
	cursor:default;
	background:none;
}
 
 
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 2px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/buttons/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}




/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

/* -- DAILY WORKOUT /////////////////////////////////////////////////////////////////////////////// -- */

.workout-container
{
	background:transparent none 50% 0 no-repeat  ;
	padding:14px 0 0;
	margin:0 0 10px 0;
}

.workout-container h3
{
	background:transparent url(../images/backgrounds/blue-header-bg.gif) 0 0 no-repeat  ;
	padding:1px 0 0 10px;
}

.workout-container .btm	
{
	background:transparent none no-repeat scroll 50% 100%;
	padding:14px 0 0;
}

dl.workout	{
	background: url('../images/backgrounds/mcs_edging.gif') bottom no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 20px 0;
}

.workout dt     {
   clear: left;
   float: left;
   margin: 0 0 8px 0;
   width: 100px;
   color:#333333;
}

.workout dd     {
   float: left;
   margin: 0 0 8px 5px;
   width: 390px;
}


table.workout	{
	clear: left;
	margin: 10px 0 15px 0;
	
}

table.workout thead
{
	/*background:transparent url(../images/common/page_divider_flip.gif) 50% bottom no-repeat scroll ;*/
	
	padding:0 0 14px;
}

table.workout,
table.workout td	{
	border: none;
}

table.workout thead tr th
{
	background:none;
	color:#529618;
	padding: 14px 6px 14px 6px ;
	border-bottom:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
table.workout tbody td 
{
	background:none;	
	border-bottom:1px solid #CCCCCC;
	color:#777777;
	padding: 6px 6px 6px 6px ;
}


table.workout tbody tr.striped {
	/*background: #E1F5FF;*/
}


table.workout tbody tr td.link {
	text-align: right;
	width:30%;
}

td.exercise	{
	width: 40%;
	text-transform:uppercase;
}

ul.workout-tools	{
	margin: 10px 0 0 0;
}

ul.workout-tools li	{
	margin: 0 0 4px 0;
}

dl.workout-info {
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.workout-info dt {
    clear: left;
    color:#777777;
    float: left;
    margin: 0 0 8px 0;
    width: 100px;
    font-weight: bold;
}

.workout-info dd {
    float: left;
    margin: 0 0 8px 5px;
    width: 390px;
}


/* -- CALENDAR //////////////////////////////////////////////////////////////////////////////////// -- */

.calendar	{
	/*border: 2px solid #AAAAAA;*/
	/*padding: 3px 1px 3px 3px;*/
	width: 195px;
}

.calendar table	{
	width: 195px;
}

table.current-month	
{	
	width: 100%;
	
}

table.month input 
{
	margin: 2px 3px 0px 5px;
}

.calendar table.month 	{
	margin: 5px 0 10px 0;
}

.calendar table.days 	{
	border-top:2px solid #EDEDED;
}

.calendar table,
.calendar table tr,
.calendar table tr th,
.calendar table tr td	{
	border: none;
	text-align: center;
}

.calendar table tr th /* div.header*/	{
	background: #007EC5;
	padding: 3px 0 3px 0;
	width: 26px;
}

.calendar table tr.wrapper td	{
	margin: 0 0 0 0;
	padding: 0 0 0 0 ;
}

.calendar table tr.wrapper td.border-left-white
{
	background:transparent url(/images/backgrounds/calendar-l-w.jpg) top left repeat-y;	
}

.calendar table tr.wrapper td.border-right-white
{
	background:transparent url(/images/backgrounds/calendar-r-w.jpg) top left repeat-y;	
}

.calendar table tr.wrapper td.border-left
{
	background:transparent url(/images/backgrounds/calendar-l.jpg) top left repeat-y;	
}

.calendar table tr.wrapper td.border-right
{
	background:transparent url(/images/backgrounds/calendar-r.jpg) top left repeat-y;	
}

.calendar table tr th.day-header
{
	padding-top:10px;	
}

.calendar table tr.wrapper td table tr td	{
	margin: 0 0 0 0;
	padding: 2px 1px 2px 1px ;
}

.calendar table tr td div a	{
	display: block;
	margin: 0 0 0 0;
	padding: 3px 0 3px 0;
	width: 25px;
}

.calendar table tr td div.day a	{
	border: 1px solid #EBEBEB;
}

.calendar table tr td div.next-workout a	{
	background: #3BBC26;
	border: 1px solid #DDDDDD;
}

.calendar table tr td div.future-workout a	{
	background: #71CFF1;
	border: 1px solid #DDDDDD;
}

.calendar table tr td div.past-workout a	{
	background: #9DDE93;
	border: 1px solid #9DDE93;
}

.calendar table tr td div.today a	{
	/*border: 1px solid #007EC5;*/
}

.calendar table tr td div a:hover	{
	border: 1px solid #007EC5;
}

.calendar table tr td div.next-last-month a,
.calendar table tr td div.next-last-month a:hover	{
	background: #EBEBEB;
	border: 1px solid #EBEBEB;
}

.key	{
	margin: 10px 0 0 5px;
}

.key h4	{
	margin: 0 0 3px 0;
}

.key ul li	{
	clear: left;
}

.key .today	{
	border: 1px solid #007EC5;
	float: left;
	height: 15px !important;
	margin: 0 8px 3px 0;
	width: 15px;
}

.key .next-workout	{
	background: #3BBC26;
	float: left;
	height: 17px !important;
	margin: 0 8px 4px 0;
	width: 17px;
}

.key .future-workout	{
	background: #71CFF1;
	float: left;
	height: 17px !important;
	margin: 0 8px 2px 0;
	width: 17px;
}

.key .past-workout	{
	background: #9DDE93;
	float: left;
	height: 17px !important;
	margin: 2px 8px 2px 0;
	width: 17px;
}

.key h5 {
       clear: left;
       margin: 8px 0 5px 0;
       padding: 0 0 0 0;
}

.key ul li a.read-more  {
       background-position: 0 3px;
       color:#444444;
       display: inline-block;
       font-size:100%;
       margin: 0 0 0 0;
       padding: 4px 0 4px 25px;
       text-transform:none;
}

.key ul li .read-more.ms-office   {
    background: url('../images/buttons/ms_office.gif') 0 no-repeat;
    padding: 5px 0 5px 25px;
}

.key ul li .read-more.ical {
    background: url('../images/buttons/ical.gif') 0 no-repeat;
    padding: 5px 0 5px 25px;
}

.key ul li .read-more.csv {
    background: url('../images/buttons/other_calendars.gif') 0 no-repeat;
    padding: 5px 0 5px 25px;
}

a.read-more.ms-office:hover,
a.read-more.ical:hover,
a.read-more.csv:hover
{
	background-position:0;
}

/* -- EXERCISE FLASH AREA ///////////////////////////////////////////////////////////////////////// -- */

.exercise-demo	{
	background: url('../images/backgrounds/flash-ex-top.gif') 0 0 no-repeat;
	padding: 10px 0 0 0;
	margin:0 0 16px;
}

.exercise-demo-content	{
	/*background: url('../images/backgrounds/ex_box_mid.gif') 0 0 repeat-y;*/
	padding: ;
}

#mid-three-col-panel .exercise-demo-content h1	{
	float: left;	
	margin: 10px 0 0 30px;
	width: 320px;
	font-size: 143%;
}

.exercise-demo-content p	{
	clear: left;
	text-align: left;
	margin: 10px 0 10px 30px;
	width: 400px;
}

.exercise-demo-bottom	{
	background: url('../images/backgrounds/flash-ex-btm.gif') 0 0 no-repeat;
	height: 30px;
}

.white-exercise-demo	{
	background: url('../images/backgrounds/home_box_header.gif') 0 0 no-repeat;
	padding: 10px 0 0 0;
}

.white-exercise-demo-content	{
	background: url('../images/backgrounds/home_box_mid.gif') 0 0 repeat-y;
	padding: 0 20px 0 20px;
}

.white-exercise-demo-content h1	{
	float: left;
	width: 320px;
}

.white-exercise-demo-content p	{
	display: inline;
	position: relative;
	top: 0.75em;
}

.white-exercise-demo-bottom	{
	background: url('../images/backgrounds/home_box_btm.gif') bottom left no-repeat;
	height: 30px;
}

.exercise-video	{
	margin: 0 0 0 45px;
}

.exercise-description	{
	padding: 0 0 0 10px;
	text-align: left;
	width: 500px;
}

dl.exercise.workout	
{
	margin:10px 0 0px;
	background: none;
}

dl.exercise.workout dt	{
	width: 130px;
}

dl.exercise.workout dd	{
	float: left;
	width: 320px;
}

dl.exercise.workout	dd ul
{
	padding:2px 0 2px 20px;
	list-style-type:decimal;	
}

dl.exercise.workout	dd ul li
{
	padding:1px 0;
}

/* -- PROGRAM PLAN //////////////////////////////////////////////////////////////////////////////// -- */

dl.program	{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.program dt	{
	clear: both;
	color:#777777;
	float: left;
	margin: 0 0 8px 0;
}

.program dd	
{
	color:#777777;
	float: left;
	margin: 0 0 8px 5px;
}

/* -- TODAYS PROGRAM ////////////////////////////////////////////////////////////////////////////// -- */

.program-divider
{
	display:block;
	height:10px;
	background: none 50% 0 no-repeat;
	padding: 0 0 20px 0;
}


dl.todays-program	{
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
}

.todays-program dt	{
	clear: left;
	float:left;
}

.todays-program dd	{
	margin: 0 0 8px 8px;
	float:left;
}

.workout-list	{
	margin: 0 0 10px 0;
}

.workout-list li	{
	background: url('../images/common/green_bullet.gif') 0 5px no-repeat;
	padding: 0 0 0 12px;
}

.program-summary	{
	background: url('../images/backgrounds/line-divider.gif') 50% 100% repeat-x;
	margin: 0 0 20px 0;
}

.program-workout	{
	background: none 50% 100% no-repeat;
	padding:10px 0 0;
	margin: 10px 0 0px 0;
}

.todays-workout	{
	background: none 50% 100% no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

/* -- TRAINING FORM /////////////////////////////////////////////////////////////////////////////// -- */

.training-overview	{
	background: url('../images/backgrounds/home_rule.jpg') 50% 100% no-repeat;
	margin: 0 0 20px 0;
	padding: 0 0 10px 0;
}

.training-form p	{
	margin: 0 0 15px 0;
}

.training-form label	{
	clear: left;
	float: left;
	width: 220px;
	text-transform:uppercase;
}

.training-form select	{
	border: 1px solid #286AB7;
	float: left;
	margin: 0 20px 10px 0;
	width: 234px;
}

.training-form input	{
	border: 1px solid #286AB7;
	float: left;
	margin: 0 0 5px 0;
	padding: 2px 3px;
	width: 208px;
}

/* -- EXERCISE OVERLAY //////////////////////////////////////////////////////////////////////////// -- */

#exercise-overlay	{
	position: relative;
	width: 500px;
}

#exercise-overlay .close	{
	position: absolute;
	left: 395px;
	top: 25px;
}

.exercise-demo-container .close	{
	float: right;
	margin: 25px 20px 0 0;
}

/* -- FORM DEFINITION ///////////////////////////////////////////////////////////////////////////// -- */

dl.programme-strength	{
	padding: 0 0 10px 0;
	margin:0;
	
}

dl.programme-strength dt	{
	float: left;
	font-size: 93%;
	font-weight: bold;
	width: 220px;
	margin:0;
	text-transform:uppercase;
}

dl.programme-strength dd	{
	float: left;
	margin:0;
}

/* -- TRANSPARENT OVERLAY ///////////////////////////////////////////////////////////////////////// -- */

body	{
	height: 100%;
}

.transparent-overlay	{
	background: #000000;
	height: 100%;
	position: absolute;
	top: -10px;
	width: 100%;
	z-index: 101;
	
	/* -- OPACTIY -- */
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity=40);
	
	/* -- IE6 -- */
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

/* -- MESSAGE ///////////////////////////////////////////////////////////////////////////////////// -- */

.message	{
	background: transparent url(../images/backgrounds/modal-top-bg.gif) 0 0 no-repeat;
	padding: 10px 0 30px 0;
	position: absolute;
	text-align: left;
	top: 30%;
	right: 20%;
	left: 30%;
	width: 500px;
	z-index: 999;
}

.message .msg
{
	background: transparent url(../images/backgrounds/modal-top-bg.gif) 0 0 no-repeat;
}

.message .btm
{
	background: transparent url(../images/backgrounds/modal-btm-bg.gif) 0 100% no-repeat;
	height:5px;
}


.message h1	{
	float: left;
	width: 380px;
	padding: 10px 0 0 15px;
}

.message p a.close	{
	float: right;
	margin: 10px 20px 0 0;
}

.message h2	{
	margin: 0 0 0  15px;
}

.message p.confirm-message	{
	margin: 0 15px 0 15px;
}

ol.confirm	{
	margin: 0 0 0 15px;
}

ol.confirm li a	{
	background: transparent url('../images/buttons/arrow_sprite.gif') 0 2px no-repeat;
	padding: 2px 0 2px 20px;
}

/* -- GRAPH /////////////////////////////////////////////////////////////////////////////////////// -- */

.graph-area
{
	clear:both;
}

.graph-area h2	{
	border-top: 1px solid #000000;
	padding: 4px 0 0 0;
}

.graph	{
	margin: 30px 0 0px 0;
}

.graph div	{
	float:left;
	/*margin: 0 4px 0 4px;*/
	text-align: center;
	/*width: 100px;*/
}

.pdf-format .graph div	{
	float: left;
	margin: 0 2px 0 2px;
	text-align: center;
	/*width: 100px;*/
}

.graph-key
{
	clear:both;
	/*border-top: 1px solid #000000;*/
	margin: 0 0 0px 0;
}

.graph div.first	{
	margin: 0 0 0 35px;
}

.graph .repeated 
{
	width: auto;
	margin: 0px;
	padding: 0;
}

.graph .repeated div.graph-data 
{
	height:188px;
	padding: 0 4px 0 4px;
}

.graph .repeated div.graph-data div
{
	float:none;
	margin:0;
}
.low-heart-rate	{
	background: #FFFFFF;
	height: 0;
}

.low-heart-rate p	{
	background: #FFFFFF;
	height:59px;
	margin-top:125px;
	padding: 4px 0 0 0;
}

.medium-heart-rate	{
	height: 124px;
}

.medium-heart-rate p	{
	background: #FFFFFF;
	padding: 4px 0 0 0;
	height:121px;
	margin-top:63px;
}

.high-heart-rate	{
	/*background: #0073AE url('../images/sprites/graph-bar.jpg') 0 100% repeat-x;*/
	/*padding: 0 0 188px 0;*/
}

.high-heart-rate p	{
	background: #FFFFFF;
	padding: 4px 0 0 0;
	height:184px;
}

.repeated .low-heart-rate p, .repeated .medium-heart-rate p, .repeated .high-heart-rate p	{
	background:transparent url('../images/sprites/graph-bar.jpg') 0 100% repeat-x;
}
.graph .repeated .rep-area
{
	text-align:left;
	/*background:transparent url("../images/sprites/graph-fade-block.jpg")  right 5px no-repeat;*/
}

.graph .repeated .rep-area .fade
{
	background:transparent url("../images/sprites/graph-fade-block.jpg")  00 no-repeat;
	display:block;
	height:10px;
	width:30px;
	
}

.graph .repeated .rep-area p
{
	text-align:center;
}

.graph .repeated .multiple
{
	 background:transparent url("../images/sprites/graph-rep-sprite.jpg")  right 6px no-repeat;
	 padding-top:4px;
}

.graph .repeated .single
{
	 background:transparent url("../images/sprites/graph-single-sprite.jpg")  right 3px no-repeat;
	 padding-top:4px;	 
}

.graph .repeated .end
{
	 background:transparent url("../images/sprites/graph-stop-sprite.jpg")  right 2px no-repeat;
	 padding-top:4px;	 
}

.graph-area p.key	{
	/*float: left;*/
	padding-top:30px;
}

.graph-area dl,
.graph-area dd,
.graph-area dt	{
	float: left;
}

.graph-area dt span	{
	position: absolute;
	top: -5000px;
}

dt.dark-blue	{
	background: #0073AE;
	height: 20px;
	width: 20px;
}

dt.medium-blue	{
	background: #00AEEF;
	height: 20px;
	width: 20px;
}

dt.light-blue	{
	background: #71CEF5;
	height: 20px;
	width: 20px;
}

dd p	{
	/*border-right: 1px solid #ACAAAB;*/
	margin: 0 10px 0 0;
	padding: 0 10px 0 5px;
}

dd p.last	{
	border-right: none;
	padding: 0 0 0 5px;
}

/* -- RED BOX ///////////////////////////////////////////////////////////////////////////////////// -- */

.red-box	{
	border: 1px solid red;
	padding: 10px;
	margin: 0 0 20px 0;
}

/* -- CORE PERFORMANCE PANEL ////////////////////////////////////////////////////////////////////// -- */

.load-core-performance	
{
	/*border:2px solid #000;*/
	top: 0;
	left:20px;
	position: absolute;
	text-align: center;
	
}
.positioner	
{
	/*border:2px solid #000;*/
	text-align:left;
	height: 100%;
	position: absolute;
	width: 100%;
	z-index: 999;
}
.core-performance-popup	
{
	float:left;
	/*border:2px solid #000;*/
	background: #FFFFFF;
	display: block;
	margin: 0 auto 10px auto;
	position: relative;
	text-align: left;
	width: 490px;
	z-index: 999;
}

.core-performance-popup br	{
	height: 0;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.core-performance-popup .close	{
	float: right;
	margin: 20px 30px 0 0;
}

.core-performance-content	{
	background: #F8F8F8;
	margin: 10px 0 10px 20px;
	padding: 10px 0 0 10px;
	width: 440px;
}

.micoach-content	{
	background: #FFFFFF;
	margin: 10px 0 10px 20px;
	padding: 10px 0 0 10px;
	width: 440px;
}


.core-performance-popup img.title-image	{
	float: left;
	height: 20px;
	margin: 20px 80px 10px 30px;
}

.core-performance-popup img.micoach-title-image	{
	float: left;
	height: 20px;
	margin: 20px 80px 0px 30px;
}

.core-performance-content h3	{
	margin: 10px 0 0 0;
	width: 420px;
}

.core-performance-content p	{
	margin: 0 0 20px 0;
	width: 420px;
}

.bubbled
{
	margin: 190px 0 0 0;
}