﻿body {
}
/* ATTENTION: we need all the inches, feet, lbs being called with a class tracker_inputfieldlabel */
.formrow_title {vertical-align: middle;} /* input label*/
.formrow_field select {margin: 5px 2px 5px 0px; vertical-align: middle;} /* drop down */
.formrow_field .tracker_inputfield {margin: 5px 2px 5px 0px;  font-size: 13px;} /*textbox */
.formrow_field .tracker_inputfieldlabel {padding: 0px 1px 0px 0px; vertical-align: middle;} /*spacing for lbs next to input*/
.formrow_field span {padding: 0px 1px 0px 0px; vertical-align: middle;} /*spacing for inches next to drop down */
.formrow_field input {vertical-align: middle;} /* icon calendar*/

.tracker_btnsubmit {margin: 5px 5px 0px 0px; vertical-align: middle;} /* submit button */
.tracker_btncancel {margin: 5px 5px 0px 0px; vertical-align: middle;} /* cancel button */

.tracker_daterange {
	margin: 10px 0px 10px 0px;
	vertical-align: middle;
}

.tracker_daterange span {
	padding: 0px 5px 0px 0px;
	vertical-align: middle;
}
.tracker_daterange input {
	margin: 0px 5px 0px 0px;
	vertical-align: middle;
}

div.tracker_content
{
	/*margin-top: -5px;*/
	margin-top: 5px;	
	padding: 0px 15px 0px 15px;

	}
div.tracker_title1, div.tracker_graph_title /*tracker page header */
{
	color: #FFFFFF; /*******#1D3A5A; */
	text-align: left;
	font-size: 16px;
	height: 29px;
	font-weight:bold;
	vertical-align: top;
	/*
	background-image: url('../../images/hbg1.gif');
	padding: 15px 15px 0px 5px;  */
	/*new*/
	padding: 0px 5px 0px 0px; 
	background-repeat: repeat-x; 
	background-position: bottom;
}

div.tracker_title2
{
	/*color: #ffffff; 
	text-align: left;
	font-size: 17px;
	height: 29px;
	font-weight:bold;
	padding: 5px 5px 5px 5px; 
	vertical-align: middle;
	background-image: url('../../images/hbg1.gif'); 
	background-repeat: repeat-x; 
*/
	/*NEW*/
	background-image:url(../../Images/trackers/bg_stepheader.gif);
	background-repeat:repeat-x;
	color:#FFFFFF;
	font-weight:bold;
	height:22px;
	padding-left: 10px;
	margin: 10px 0px 10px 0px;
}

div.tracker_description
{
	padding: 0px 0px 0px 0px;
	margin-bottom: 5px;	
}
/*i added this*/
div.tracker_disclaimer
{
	margin-left:15px;
}
/***********GRAPH ***************************************************/
div.tracker_graph_content /*Graph */
{
	/* NEW
	background-color: #eff1f5;
	width: 480px;
	height:340px;
	float: right;
	clear: right;
	*/
}

div.tracker_graph
{
	padding: 5px 0px 5px 0px; /*background-color: #eff1f5;*/ /*NEW
	background-color: #F4F6F8;*/
}

div.tracker_graph_title,div.trackers_chart_title 
{
	/*color: #ffffff; */
	color: #1D3A5A;
	margin: 0px; 
	text-align: left;
	font-size: 17px;
	height: 29px;
	font-weight:bold;
	padding: 5px 5px 5px 5px; 
	vertical-align: middle;
	/*new*/
	/*background-image: url('../../images/hbg1.gif'); 
	background-repeat: repeat-x; */
}
div.tracker_daterange
{
	/*NEW
	 background-color:#eff1f5;
	 padding: 2px 0px 10px 8px; 
	*/
}
/****tracker input form ********************************************************/
div.tracker_form_content
{	/*NEW 
	background-image: url('../../images/hbg1.gif'); 
	background-repeat: repeat-x; 
	background-color: #eff1f5;
	width: 445px;
	float: left;
	clear: left;
	margin: 0px; 
	text-align: left;
	vertical-align: middle;
	*/
	padding: 5px 5px 5px 5px;
}

div.tracker_form
{
	padding: 0px 0px 0px 0px; 
	height:inherit ;
}

div.tracker_form_title /*input form header*/
{	
	color: #1D3A5A;
	margin: 0px; 
	padding: 5px 5px 0px 5px; 
	text-align: left;
	vertical-align: middle;
	font-size: 17px;
	height: 29px;
	font-weight:bold;
}

div.tracker_form_result
{	
	background:#eff1f5;
	/*width: 248px;*/
	padding: 0px 0px 0px 0px;
	/*float: left;
	clear: left; background-color: #BFDF66;*/
	/*height: 100px;*/
}

div.tracker_instruction, div.tracker_output
{
	clear:both ;
	margin-top : 5px;
}

div.tracker_output /* under the tracker, after you submit */
{
/*	background-color:#E5E5E5;
	padding: 10px 10px 10px 10px;*/
}
/****tools ***********************************************************************/
div.tool_form
{
	width:100%;
	margin-top: -20px; /*new-------------*/
	margin-right: 0px;
	padding-bottom: 5px;
}

div.tool_result
{
	/*NEW
	padding: 1px 0px 1px 0px;
	background-color: #eff1f5; */
	margin: 0px;
}

div.tool_description
{
	background-color: transparent;
	/*NEW*/
	/*padding: 1px;
	margin-bottom: 0px;	
	*/
}

/*****Tracker buttons ********************************************************************/
input.tracker_submit, input.tracker_cancel, input.tracker_go
{
	width: 57px;
	height: 19px;
	padding: 19px 0 0 5px;
	overflow: hidden;
	margin: 1px;
	border: 0px;
	cursor: pointer;
	cursor: hand;
	
}
input.tracker_submit
{
	background: transparent url(~/Images/trackers/btn_tracker_submit.gif) no-repeat center top;
}

input.tracker_cancel
{
	background: transparent url(~/Images/trackers/btn_tracker_cancel.gif) no-repeat center top;
}

input.tracker_go
{
	width: 27px;
	margin: 2px;
	background: transparent url(~/Images/trackers/btn_tracker_go.gif) no-repeat center top;
}

/*-----------------------------------------------------------------------*/
div.tracker_hr
{
	margin: 0px;
	padding: 0px;
	height: 1px;
	background: #fff url(~/Images/dotted_line.gif) no-repeat scroll left;
}

div.tracker_chartmenu
{
	color: #C9C9C9;
	float: left;
	padding: 5px 0px 3px 8px;
	color: #a0c763;
}

span.tracker_charttab
{
	height: 30px;
	padding: 0px;
}

/*--------- tracker_list-----------------------------------------------------------------*/
div.tracker_listitemused, div.tracker_listitemunused, div.tracker_listitemcenter
{
	padding: 5px 5px 8px 5px;
	margin: 0px;
	background: #fff url(~/Images/dotted_line.gif) no-repeat scroll bottom;
	border-bottom:solid 1px #cccccc;
}

div.tracker_listitemused
{
	background-color: #eff1f5;
}

div.tracker_listitemunused
{
	background-color: #F7F7F7;
}
div.tool_listitemused
{
	background-color: #eff1f5;
}

div.tool_listitemunused
{
	background-color: #F7F7F7;
}
div.tracker_listitemcenter
{
	background-color: #F7F7F7;
}

/*FORM VIEW************************************************************************/

.formviewrow
{
	height: 30px;
}

.formviewrow_title
{
	/*width :150px;*/
}

.formviewrow_field
{
}

.formviewrow_instruction
{
	background-color: #FAFAFA;
	border-style: solid;
	border-width: 1px;
	border-color: #DBDBDB;
	padding: 3px;
	margin-right: 10px;
	cursor: pointer;
}

.formviewrow_instructionbutton
{
	cursor: help;
	margin-left: 5px;
	margin-bottom: 3px;
	padding-left: 1px;
	color: #3299CC;
	font-weight: bold;
	background-color: #EDEDED;
}

p.trackersection
{
	width: 492px;
}

p.tracker
{
	color: #354955;
	font-weight: bold;
}

div#quicksetupbox
{
	float: left;
	margin: 0;
	width: 228px;
	padding: 0 12px 0 12px;
	background-color: #E6E6E6;
	height: 200px;
}

.quicksetup
{
	padding: 9px 0 0 0;
	margin: 0;
	line-height: 16px;
	color: #354955;
	font-weight: 900;
	font-size: 16px;
}

/*New tracker manager------------------------------------------------------------------------------
----------------------------------------------------------------*/
.tracker_manager_header
{
	color: #FFFFFF; /*#354955; test*/
	text-align: left;
	font-size: 16px;
	height: 29px;
	font-weight:bold;	
	padding: 0px 0px 0px 15px;
}
.tracker_manager_description
{
	padding-top: 0px;	
}
.tracker_manager_cell
{
   padding: 0px 0px 0px 10px;
   width:100%;
}
.tracker_manager_table
{
	width:100%;
}

/****** manager compact *******************************************************/
.tracker_managercompact_image
{
    width: 50px;
    height: 30px;    
    padding-bottom: 5px;
}
.tracker_managercompact_imagecell
{
    vertical-align: bottom;  
}
.tracker_managercompact_cell
{
   vertical-align: middle;
   width: 175px;
}

.tracker_managercompact_title
{
   padding: 0px 0px 0px 10px;	
}
.tracker_managercompact_title_selected
{
   padding: 3px 0px 0px 0px;
   font-weight: 600;
   /*color: #EB8320;*/
   color: #1D3A5A;
}
.tracker_managercompact_titletrackers
{
	color: #1D3A5A;
	margin: 0px; 
	text-align: left;
	font-size: 14px;
	font-weight:bold;
	vertical-align: middle;
}
.tracker_managercompact_titletools
{
	color: #1D3A5A;
	margin: 0px; 
	text-align: left;
	font-size: 14px;
	font-weight:bold;
	vertical-align: middle;
}

.tracker_managercompact_description
{
    margin-top: -5px;
    font-size: 10.5px;
    padding-left: 20px;
}

.tracker_inputfield
{
}

.tracker_managersidenavlistcat
{
     color: #4A719C;
     font-weight:900;
     padding-top: 5px;    
}

.tracker_managersidenavlistsubcat
{
     color: #4A719C;
     font-weight: 600;
     padding-left: 5px;
}

.tracker_listcat
{
	background-image: url(../../Images/trackers/bg_stepheader.gif); 
	background-repeat: repeat-x; 
	height: 22px; 
    color: #FFFFFF;	
    font-weight: bold;    	      
    width: 98%;
    padding-left: 10px;
}

.tracker_listcat
{
    
}

/***********************************************************
 AJAX TAB STYLES
************************************************************/

.ajax__tab_trackers .ajax__tab_header {
	/*background-color: #7f7f7f;*/
	background:  url(/Images/Trackers/tabdot.gif) repeat-x bottom;
}

.ajax__tab_trackers .ajax__tab_outer {
	padding-right:4px;
	background:  url(/Images/Trackers/trackers_bg_tr_01.gif) no-repeat right;
	 margin-right:2px;
}

.ajax__tab_trackers .ajax__tab_inner 
{
	padding-left:8px;
	background:  url(/Images/Trackers/trackers_bg_tl_01.gif) no-repeat left;
}

.ajax__tab_trackers .ajax__tab_tab 
{	
	color: #FFFFFF;
	font-size: 13px;
    font-weight: bold;	
	background:url(/Images/Trackers/trackers_bg_m_01.gif) repeat-x;
    padding: 3px 5px 2px 5px;
    margin:0px;
    text-decoration: none;
}
.ajax__tab_trackers .ajax__tab_hover .ajax__tab_outer 
{
	padding-right:4px;
	background:  url(/Images/Trackers/trackers_bg_tr_02.gif) no-repeat right;
}

.ajax__tab_trackers .ajax__tab_hover .ajax__tab_inner 
{
	padding-left:8px;
	background:  url(/Images/Trackers/trackers_bg_tl_02.gif) no-repeat left;
}

.ajax__tab_trackers .ajax__tab_hover .ajax__tab_tab {
	background:url(/Images/Trackers/trackers_bg_m_02.gif) repeat-x;
	font-weight: bold;
	color: #EB8320;
}

.ajax__tab_trackers .ajax__tab_active .ajax__tab_outer {
	padding-right:4px;
	background:  url(/Images/Trackers/trackers_bg_tr_02.gif) no-repeat right;
}

.ajax__tab_trackers .ajax__tab_active .ajax__tab_inner {
	padding-left:8px;
	background:  url(/Images/Trackers/trackers_bg_tl_02.gif) no-repeat left;
}

.ajax__tab_trackers .ajax__tab_active .ajax__tab_tab {
	background:url(/Images/Trackers/trackers_bg_m_02.gif) repeat-x;
	text-decoration: none;
	color: #1D3A5A;
}

.ajax__tab_trackers .ajax__tab_body {
    border:1px solid #B4B4B4;
    border-top : 0px;
    padding: 10px 10px 10px 10px;
    background-color:#FFFFFF;
}

/***********************************************************
 AJAX TAB STYLES - CHART
************************************************************/

/*---------------- CHARTS ------------------*/

.ajax__tab_charts .ajax__tab_header {
	background: none;
	padding: 5px 0px 5px 0px;
}

.ajax__tab_charts .ajax__tab_outer {
	padding-right:2px;
	background: none;
}

.ajax__tab_charts .ajax__tab_inner 
{
	padding-left:4px;
	background: none;
	/*border-right: 1px solid black;*/
}

.ajax__tab_charts .ajax__tab_tab 
{
    color: #1D3A5A;
    padding:4px 0px 0px 0px;
    margin:0px;
    border-bottom: solid 1px #000000;
    background: none;
}

.ajax__tab_charts .ajax__tab_hover .ajax__tab_outer 
{
	padding-right:2px;
	background: none;
}

.ajax__tab_charts .ajax__tab_hover .ajax__tab_inner 
{
	padding-left:4px;
	background: none;
	background: black;
}

.ajax__tab_charts .ajax__tab_hover .ajax__tab_tab {
/*	border-bottom: solid 1px #FFFFFF; */
	background: none;
}

.ajax__tab_charts .ajax__tab_active .ajax__tab_outer {
	padding-right:2px;
	background: none;
}

.ajax__tab_charts .ajax__tab_active .ajax__tab_inner {
	padding-left:4px;
	background: none;
}

.ajax__tab_charts .ajax__tab_active .ajax__tab_tab 
{
	border-bottom: solid 1px #FFFFFF;
	background: none;
	text-decoration: none;
}

.ajax__tab_charts .ajax__tab_body {
    border:none;
    padding: 10px 10px 10px 15px;
   /* background-color:#F4F6F8;*/
}
/***********************************************************
 TIMER STYLE
************************************************************/
.timerDiv
{
	background: #FFFFFF;
	border: 1px solid #b4c2db;
	padding: 2px; 
	width: 300px;
}

.timer
{ 
	position: relative; 
	width: 300px; 
	background: #FFFFFF;
}
	
.timer .bar 
{ 
    display: block;	
    position: relative;
    background: #FFFFFF; 
    text-align: center; 
    color: #333; 
    height: 2em; 
    line-height: 2em;								
}

.timer .timebar 
{ 
    display: block;	
    position: relative;
    background: #EB8320; 
    text-align: center; 
    color: #EB8320; 
    height: 2em; 
    line-height: 2em;							
}

.timercontainer{}
.timeIncrementTable{font-size:12px;}
.timeIncrementDiv{width:320px;}
.timeIncrement { text-align:right;  width:50px; vertical-align:top;}
.timerButtons{vertical-align:top; padding-top:10px;}
.timer .bar .spanlabel { position: absolute; left: 1em; padding-right:3px; width:50px; } 
.secspan { position: absolute; left:2.3em ; padding-left:3px; width:65px; } 
.startbtn {padding-left:5px; padding-right: 3px; cursor:pointer;}
.resetbtn {padding-left: 3px; cursor:pointer}

p.citation {
	padding-left:25px;
	text-indent:-25px;
}    

.tracker_titlelink
{
	margin: 10px 0px 0px 2px;
	color: #354955;
	cursor: pointer;
	text-decoration: underline;
}

/*-------------- heart rate table styles --------------------*/

.ExHeartRate{font-weight:bold;	vertical-align: bottom;}
.ExHeartRatetrOne{background-color:#F4F6F8;}
.ExHeartRatetrTwo{background-color: #FFFFFF;}
.ExHeartRatetbl
{
	margin: 0px 0px 0px 0px;
	/*margin-top: 5px;
	margin-bottom: 0px;*/
	padding: 5px 5px 5px 5px;
	border: 1px solid #1A7CA1;
	width:70%;
	background-color:#F4F6F8;	
}
.ExHeartRatetbl td
{
	border: 1px solid #1D3A5A;
	padding: 5px 0px 5px 8px;
	border-collapse:collapse;
	text-align:left;
}
.ExHeartRatetbl th
{
	border: 1px solid #1D3A5A;
	padding: 5px 0px 5px 8px;
	border-collapse:collapse;
	text-align:left;
	background-color:#F4F6F8;
}

/*--------------end heart rate table styles --------------------*/

.TrackerTable {
	border: 1px solid #868c91;
	width: 100%;
	margin: 0px;
	
}

.TrackerTable tr th {
	background-image: url(../../Images/trackers/bg_exerciseinfo.gif); 
	background-repeat: repeat-x; 
	color: #ffffff; 
	height: 22px; 
	border-right: 1px solid #ffffff; 
	padding: 2px 8px 2px 8px;

}

.TrackerTable tr th.lastcolumn {
	border-right: none;
}

.TrackerTable td {
	padding: 2px 8px 2px 8px;
	border-bottom: 1px solid #868c91;
} 

/*
.TrackerTable
{
	margin: 0px 0px 0px 0px;
	
	padding: 5px 5px 5px 5px;
	border: 1px solid #1A7CA1;
	width:70%;
}
.TrackerTable td
{
	border: 1px solid #1D3A5A;
	padding: 5px 0px 5px 8px;
	border-collapse:collapse;
	text-align:left;
}
.TrackerTable th
{
	border: 1px solid #1D3A5A;
	padding: 5px 0px 5px 8px;
	border-collapse:collapse;
	text-align:left;
	background-color:#F4F6F8;
}

.tracker_btncalendar
{
 vertical-align: middle;	
}
*/

.tracker_rangelabel
{
	 font-family: Arial;
	 font-size: 13px;
	 font-weight: bold;
	 color: #1D3A5A;
}

.tracker_FormInstruction
{
	margin-bottom: -30px;
}

/*------tracker SubNav------------------------------------------------------------------*/
.tracker_SubNav {
	/*background-color: #1D3A5A;*/
	color: #FFFFFF;
	width: 100%;
	margin: 0px 0px 15px 0px;
	padding: 0px 0px 0px 0px;
	text-align: right;
}

.tracker_SubNav td {
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 10px;
	height: 20px;
	vertical-align: middle;
}

.tracker_SubNav ul {
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

.tracker_SubNav li {
	display: inline;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

.tracker_SubNav a:link, .tracker_SubNav a:visited, .tracker_SubNav a:hover, .tracker_SubNav a:active {
	color: #FFFFFF;
}

.tracker_contentholder
{
    padding: 0px 30px 0px 15px;    
}

.tracker_Header
{
    width: 100%;    
}

.tracker_Header td
{
    text-align: right;
    padding: 0px 20px 0px 15px;
}
.tracker_HeaderRight td
{
}

.tracker_HeaderLeft td
{
}

.tracker_Header a:link, .tracker_Header a:visited, .tracker_Header a:hover, .tracker_Header a:active 
{
    text-decoration: underline; color: #FFFFFF;
}
.bg04_content_tracker
{
    padding: 0px 1px 15px 1px; 
    width: 98%;
    height: 100%;
}
div.tracker_appointmentcontent
{
}
div.tracker_appointment
{
	margin-bottom:5px;
}
div.tracker_appointmentresults
{
}
div.tracker_weekDropDown
{
	vertical-align:bottom; 
	text-align:right
}
div.tooltipcontainer
{ 
	position:absolute;
	display:none;
	width:120px;
	/*margin-top: -5px;   
      top:10px; 
	border:solid 1px #1A7CA1;
	padding:2px;
	text-align:center;
	vertical-align:middle;*/
}

div.tooltiptext 
{
	text-align:left; 
	border: 1px solid #4B709A; 
	background-color: #ffffff; 
	padding: 3px 10px 3px 10px;
	height:60px; 
}

div.tooltippointer
{
	position:relative;
	width: 19px; 
	height: 10px;
	background: url(../images/trackers/bg_tooltippointer.gif) no-repeat; 
	top: -1px; 
	margin-left: auto;
	margin-right: auto;
}
