 DIV.playlist {
            width:260px;
            height:440px;
            overflow-y: scroll;
            border-top:1px solid #CCCCCC;
            border-bottom:1px solid #CCCCCC;
            }
.plEntry {
font-family: Verdana, Helvetica, sans-serif;
background-color: #F0F0F0;
margin: 0 1px 3px 0;
padding: 5px;
line-height:22px;
border: 1px solid #999999;
cursor:pointer;
}
.plEntry:hover	{background:#c4c2c2;}

.plTitle {
font-size:1.1em;
color:#176bb1;
}
#touch	{width:1005px; margin: 0 auto; line-height:30px; font-size:17px;	}

/* Icons */
IMG.icon {
	width:16px;
	height:16px;
	border:none;
	padding:0px 3px 0px 1px;
	vertical-align:top;
}

IMG.icon25	{
	width:25px;
	height:25px;
	border:none;
	padding:0px 3px 0px 2px;
	vertical-align:middle;
	float:right;
}
/* Injury Figure Table  */
.injuryFigure TD	{
	border:solid 0px black
}
.injuryFigure TD.active	{
	cursor:pointer;
}
.injuryFigure TD.small	{
	
}
.injuryFigure TR.row1 TD	{
	height:70px;
}
.injuryFigure TR.row2 TD	{
	height:60px;
}
.injuryFigure TR.row3 TD	{
	height:60px;
}
.injuryFigure TR.row4 TD	{
	height:60px;
}
.injuryFigure TR.row5 TD	{
	height:80px;
}
.injuryFigure TR.row6 TD	{
	height:40px;
}
.injuryFigure TR.row7 TD	{
	height:80px;
}
.injuryFigure TR.row8 TD	{
	height:40px;
}
.injuryFigure DIV.clickInfo	{
	font-weight:bold;
	font-size:13px;
	padding:0px 10px;
	text-align:center;
	display:none;
}
.injuryBack	TD	{
	border:solid 0px red;
}
.injuryFigure TR.bRow1 TD	{
	height:45px;
}
.injuryFigure TR.bRow2 TD	{
	height:55px;
}
.injuryFigure TR.bRow3 TD	{
	height:60px;
}
.injuryFigure TR.bRow4 TD	{
	height:50px;
}
.injuryDetails DIV	{
	line-height:18px;
}
.injuryDetails DIV.title	{
	color:Blue;
	font-size:15px;
	height:25px;
}

/* Info Window Tabs */
.windowTab    {float:left; display:inline; cursor:pointer; width:184px; height:23px; color:#176bb1; font-size:15px; padding:6px 0px 0px; text-align:center;}
.windowTabUnselect    { background:url(/images/tab1.png);}
.windowTabUnselect:Hover    {background:url(/images/tab2.png); color:#fff;}
.windowTabSelect    {background:url(/images/tab2.png);}


/* Info Table (Rounded) */
.innerInfo_box {
	background: #d7ecfd  url(/images/roundimages/innerinfo_tl.png) no-repeat top left;
}
.innerInfo_top {
	background: url(/images/roundimages/innerinfo_tr.png) no-repeat top right;
}
.innerInfo_bottom {
	background: url(/images/roundimages/innerinfo_bl.png) no-repeat bottom left;
}
.innerInfo_bottom div {
	background: url(/images/roundimages/innerinfo_br.png) no-repeat bottom right;
}
.innerInfo_content {
	background: url(/images/roundimages/innerinfo_r.png) top right repeat-y;
	padding: 0 15px; 
}

.innerInfo_title, .innerInfo_title A:Link, .innerInfo_title A:Visited {
	font-size:14px;
	font-weight:bold;
	color:#176bb1;
}
.innerInfo_top div,.innerInfo_top, .innerInfo_bottom div, .innerInfo_bottom {
	width: 100%;
	height: 15px;
	font-size: 15px;
}
.innerInfo_content, .innerInfo_bottom {
	margin-top: -15px;
}

/* Graybox for Charts */
.chart	{
	text-align:center;
	padding:15px;
}
.chart DIV.pageText	{
	font-size:14px;
}


.adminHeader A:Link, .adminHeader A:Visited	{	color:White; text-decoration:none;}
.adminHeader A:Hover	{ text-decoration:underline;}

/* To Be Cleaned Up - Client Selector*/
.clientSelect .title	{
	border-bottom:solid 2px #176bb1;
	color:#176bb1;
	font-size:14px;
}

.clientInfo .title {color:#176bb1;	font-size:14px; padding:5px 0px;}
.clientLine	{
	cursor:pointer;
	line-height:18px;
	
}
.clientLine:hover *	{
 background:#cccccc;
	
}
.clientDetails	{
	float:left;
	width:105px;
}
.businessLine	{
	font-size:15px;
}
/* Buttons */

.mainButton {
	float:left;
	display:inline;
	width:420px;
	height:90px;
	padding:15px;
	margin:0px 0px 15px 35px;
	cursor:pointer;
	font-size:15px;
}

.smallButton {
	width:270px;
	height:26px;
	text-align:center;
	padding-top:7px;
	font-size:13px;
	color:#4d4c4b;
	font-weight:bold;
	margin:0px 0px 5px 0px;
	cursor:pointer;
}
.smallButton_std { background: url(/images/roundimages/smallbutton.gif); }
.smallButton_high { background: url(/images/roundimages/smallbuttonhighlight.gif); }

.condButton {
	width:180px;
	height:24px;
	text-align:center;
	padding-top:3px;
	font-size:12px;
	color:#4d4c4b;
	font-weight:bold;
	margin:0px 0px 5px 15px;
	cursor:pointer;
	float:left;
}
.condButton_std { background: url(/images/roundimages/condbutton.gif); }
.condButton_high { background: url(/images/roundimages/condbuttonhighlight.gif); }
.simon {	background: url(/images/roundimages/condbuttonCurrent.gif);	}

.smallDot	{	background: url(/images/roundimages/smalldot.png) no-repeat center;	}
.bigDot	{	background: url(/images/roundimages/bigdot.png) no-repeat center;	}
.vertDot	{	background: url(/images/roundimages/vertdot.png) no-repeat center;	}
.horiDot	{	background: url(/images/roundimages/horidot.png) no-repeat center;	}
.injuryHistory	{ background: url(/images/clock16.png) no-repeat center;	}

/* In-Page Buttons */

.actionButton IMG   { cursor:pointer; margin:-14px 0px 0px -25px; width:50px; height:50px; float:left; display:inline; border:solid 0px blue;}
.actionButton   {cursor:pointer; width:220px; height:24px; padding-top:4px; font-size:14px; font-weight:bold; color:#fff;}
.actionButton_std   {background:url(/images/roundimages/button4.gif);}
.actionButton_high   {background:url(/images/roundimages/button5.gif);}

.Button1 {width:105px; height:10px;	text-align:left; padding:1px 0px 10px 5px; font-size:12px; color:#fff; margin:2px 0px 6px 2px; cursor:pointer;}
.Button1 IMG.icon {	width:16px;	height:16px; border:none; padding:1px 3px 0px 3px; vertical-align:top; }
.Button1_std { background: url(/images/roundimages/button7.gif); }
.Button1_high { background: url(/images/roundimages/button6.gif);}

.Button2 {
	width:140px;
	height:10px;
	text-align:center;
	padding:1px 0px 10px;
	font-size:12px;
	color:#fff;
	margin:2px 5px 6px;
	cursor:pointer;
}
.Button2_std { background: url(/images/roundimages/button9.png); }
.Button2_high { background: url(/images/roundimages/button8.png); color:White;}

.tourButton {
	width:98px;
	height:18px;
	padding:6px;
	font-size:14px;
	color:#4d4c4b;
	font-weight:bold;
	cursor:pointer;
	vertical-align:middle;
	margin:5px 0px 10px 5px;
}

.tourButton_std { background: url(/images/roundimages/cgym/tourButton.jpg); }
.tourButton_high { background: url(/images/roundimages/cgym/tourButtonhighlight.jpg); }

/* Tabs */
.tab	{
	width:120px;
	height:20px;
	font-weight:bold;
	font-size:15px;
	padding:5px;
	text-align:center;
	float:left;
	cursor:pointer;
}
.nutritionTab	{
	color:#4a9c49;
	margin:0px 0px -6px 0px;
	background:url(/images/roundimages/nutritiontab.gif);
}
.activityTab	{
	color:#176bb1;
	margin:0px 0px -6px 30px;
	background:url(/images/roundimages/activitytab.gif);
}

/* Nutrition */
.nutritionRecorder	TD{
	vertical-align:top;
	padding-bottom:4px;
}
.nutritionRecorder .nutritionText	{
	width:450px;
	height:32px;
	padding:2px;
}


/* Water DIVs */
.water	{
	width:28px;
	height:50px;
	margin:0px 10px;
	float:left;
	cursor:pointer;
}
.empty	{
	background-image:url(/images/roundimages/glassempty.png);
}
.full	{
	background-image:url(/images/roundimages/glassfull.png);
}
/* Note Warning and Mandatory*/
.note { font-size:9px; }
.warning { color:Red; font-size:12px; }
.minorWarning	{color:#FF660F; font-size:12px;}
.ideal	{color:#2dc15e; font-size:12px;	}
.mandatory	{ font-size:14px; font-weight:bold;	color:Red;}


/* Activity Recorder Table */
TABLE.activityRecorder  {background:#d7ecfd;}
TABLE.activityRecorder TD	{
	padding:0px;
	margin:0px;
	background:#d7ecfd;
}
TABLE.activityRecorder TR.titleRow TD, TABLE.activityRecorder TR.titleRow TD DIV.title {font-size:14px; background:url(/images/arbg.jpg);  color:#fff !important; line-height:25px;}
TABLE.activityRecorder TR TD.title, TABLE.activityRecorder TR TD DIV.title  {font-size:14px;  color:#176bb1}
TABLE.activityRecorder TR.totalsRow TD {font-size:14px; color:#176bb1; line-height:30px;}
/* Tour Text (Rounded) */
.tour_box {
   background: #6d6e72;
}
.tour_top div {
   background: url(/images/roundimages/tour_tl.png) no-repeat top left;
}
.tour_top {
   background: url(/images/roundimages/tour_tr.png) no-repeat top right;
}
.tour_bottom div {
   background: url(/images/roundimages/tour_bl.png) no-repeat bottom left;
}
.tour_bottom {
   background: url(/images/roundimages/tour_br.png) no-repeat bottom right;
}

.tour_top div, .tour_top, 
.tour_bottom div, .tour_bottom {
   width: 100%;
   height: 10px;
   font-size: 1px;
}
.tour_content  {
	margin: 0 10px; 
	font-size:15px;
	color:White;
}
.tourTitle	{
	font-size:20px;
	padding-bottom:8px;
}
TABLE.tour	TD	
{
	border:solid 0px blue;
	text-align:center;
	font-size:20px;
	padding:10px 0px;
	line-height:30px;
	font-family:arial;
	font-weight:bold;
}



/* Fitness Test Table */
.fitnessTest DIV	{
	padding:3px 0px 0px;
}
.fitnessTest DIV.title	{
	font-size:14px;
	font-weight:bold;
	color:#176bb1;
	border-bottom:solid 1px #176bb1;
}
.fitnessTest DIV.testGroup	{
	width:650px;
	float:left;
}
.fitnessTest DIV.field	{
	width:100px;
	float:left;
	text-align:center;
}
.fitnessTest DIV.testType	{
	width:200px;
	float:left;
}
.fitnessTest DIV.testDescription	{
	width:450px;
	float:left;
}
/* Quick Stats Tables */
.quickStatTable	{
	background-image:url(/images/roundimages/quickStats.gif);
	height:150px;
	padding:15px;
	text-align:center;
}
.fatFact	{
	width:480px;
	height:20px;
	padding:7px 10px 3px;
	margin:15px 0px 0px 120px;
	background:url(/images/roundimages/fatfact.gif);
	font-weight:bold;
}
.fatFact SPAN.title	{
	color:#176bb1;
	font-size:13px;
	padding-bottom:3px;
	
	
}
.summaryDiv	{
	line-height:26px;
	font-size:13px;
}

.summaryTable TD	{
	padding-bottom:3px;
}
.summaryTable TR.header TD, .summaryTable TR TD.header	{
	font-size:13px;
	font-weight:bold;
	color:#176bb1;
}
.summaryTable TR.footer TD	{
	font-weight:bold;
	border-top:solid 1px #176bb1;
	border-bottom:solid 1px #176bb1;
}

HR.gray
{
    border-color:#cccccc;
    border-style:solid;    
}
span.chart	{
	height: 130px;
	border-right: solid 2px #3956d0;
	width: 340px;
	margin: 3px 0px 5px 0px;
}
/* Route Map */
.map	{
	width:720px;
	height:488px;
	margin:0px 0px 0px 10px;
	float:left;
	text-align:center;
	border:solid 4px #176bb1;
}
/* My Measurements Section */
TABLE.measureSmall TD   {height:18px; text-align:center; color:#FF9233; font-weight:bold;}
TABLE.measureSmall input { width:35px; }
TABLE.measure {
	margin: 0px 20px 0px 20px;
}
TABLE.measure TD
{
	height:40px;
	text-align:center;
	color:#FF9233;
	font-weight:bold;
}

/* Calendar Section */
table.calendar{font-family:Verdana,Arial,sans-serif;font-size:0.8em;border-collapse:collapse;border:solid #176bb1 3px;background-color:#d7ecfd;width:215px;text-align:center;-moz-user-select:none;}table.calendar a{}table.calendar a:hover{}table.calendar input,table.calendar select{font-size:10px;}table.calendar td,table.calendar th{border:0;font-size:10px;text-align:center;}div.mainheading{margin:2px;}.closeBtn{}table.cells{border-collapse:collapse;border:solid #CCCCCC 1px;cursor:pointer;empty-cells:show;margin:0 6px 0 6px;}table.cells th{border:solid #CCCCCC 1px;text-align:left;font-weight:bold;color:#0054E3;width:22px;}table.cells th.wkhead{border-right:double #CCCCCC 3px;cursor:default;width:22px;}table.cells td{border:solid #CCCCCC 1px;vertical-align:top;text-align:left;font-weight:bold;height:20px;}table.cells td.wkhead{background-color:white;text-align:center;border-right:double #CCCCCC 3px;color:#0054E3;}table.cells td.noselect{background-color:#EEEEEE;color:#BBBBBB;text-decoration:line-through;cursor:default;}table.cells td.hlday{background-color:#99FF99;}table.cells td.wkday{background-color:#DDDDDD;}table.cells td.wkend{background-color:#DDDDDD;}table.cells td.curdate{}table.cells td.cell_selected{background-color:#99CCFF;color:black;}table.cells td.activity{background-color:#99ffcc;color:black;}table.cells td.notmnth{background-color:#FFFFFF;color:#CCCCCC;}table.cells td.notallowed{background-color:white;color:#EEEEEE;font-style:italic;}table.cells td.hover{background-color:#999999;}table.cells td div{padding:1px;margin:0;}
table.cybergym{font-family:Verdana, Helvetica,Arial,sans-serif;font-size:13px;border-collapse:collapse;width: 275px;text-align: center;/*prevent user from selecting text in Mozilla & Safari - check calendar constructor for IE code)*/-moz-user-select: none;   /*-khtml-user-select: none;*/}
table.cybergym a {
}
table.cybergym a:hover {
}
table.cybergym input, table.cybergym select {
	font-size: 13px;
}
table.cybergym td, table.cybergym th {
	border: 0;
	font-size: 10px;
	text-align: center;
}
.closeBtn {
	/*float: right;
	width: 15px;
	/*font-size: 1.5em;
	height: 13px;

	padding: 0 0 3px 0;
	margin: 1px 8px 0 0;
	border: solid black 1px;*/
}
/*all styles related to the main calendar grid*/
table.cybergymCells {
	border-collapse: collapse;
	border: solid #DDDDDD 1px;
	cursor: pointer;
	empty-cells: show;
	margin: 0 6px 0 6px;
}
/*the day headings*/
table.cybergymCells th {
	border: solid #CCCCCC 1px;
	text-align: left;
	font-weight: bold;
    font-size: 10px;
	color: #0054E3;
	width: 22px;
    height: 20px;
    padding:0px 5px 0px 3px;
}
table.cybergymCells th.wkhead {
	border-right: double #CCCCCC 3px;
	cursor: default;
	width: 25px;
}
/*The date cells*/
table.cybergymCells td {
	border: solid #CCCCCC 1px;
	vertical-align: top;
	text-align: left;
	font-weight: bold;    
    padding:0px 4px 0px 3px;
	height: 14px; /*IE doesn't like ems*/
}
table.cybergymCells td.wkhead {
	background-color: white;
	text-align: center;
	border-right: double #CCCCCC 3px;
	color: #0054E3;
}
table.cybergymCells td.noselect {
	background-color: #EEEEEE;
	color: #BBBBBB;
	text-decoration: line-through;
	cursor: default;
}
table.cybergymCells td.hlday {
	background-color: #99FF99;
}
table.cybergymCells td.wkday {
	background-color: #DDDDDD;
}
table.cybergymCells td.wkend {
	background-color: #DDDDDD;
}
table.cybergymCells td.curdate {

}
table.cybergymCells td.cell_selected {
	background-color: #99CCFF;
	color: black;

}
table.cybergymCells td.activity {
	background-color: #99ff22;
    font-size:10px;
	color: black;
}
/* Issue with Selected Day - Using Chosen instead */
table.cybergymCells td.chosen {
	background-color: #99CCFF;
    font-size:11px;
	color: black;
}
table.cybergymCells td.notmnth {
	background-color: #FFFFFF;
	color: #CCCCCC;
}
table.cybergymCells td.notallowed {
	background-color: white;
	color: #EEEEEE;
	font-style: italic;
}
table.cybergymCells td.hover {
	background-color: #999999;
}
table.cybergymCells td div {
	padding: 1px;
	margin: 0;
}

TABLE.calendarDetail TD {
	font-size:11px;
}
TABLE.mycalendar 
{
    /*background-color:#ffffff;
    width:700px;*/
}

TABLE.mycalendar TD.days
{
    width:95px;
    height:80px;
    vertical-align:top;
    font-size:10px;
    border:solid 1px #bbbbbb;
    background-color:#DDDDDD;
    cursor:pointer;
}
TABLE.mycalendar TD.days DIV
{
	font-size:9px;
}
TABLE.mycalendar TD.days:HOVER
{
    width:95px;
    height:80px;
    vertical-align:top;
    border:solid 1px #bbbbbb;
    background-color:#999999;    
}
TABLE.mycalendar TD.monthchange
{
    height:30px;
    vertical-align:middle;
}
TABLE.mycalendar TD.heading
{
    text-align:center;
    vertical-align:middle;
    width:297px;
    height:30px;
    font-weight:bold;
    font-size:22px;
}
TABLE.mycalendar TD.invalid
{
    background-color:white;
    color:#cccccc;
    width:95px;
    height:80px;
    font-weight:bold;
    border:solid 1px #bbbbbb;
    vertical-align:top;
}
TABLE.mycalendar TD.weekday
{
    font-weight:bold;
    font-size:15px;
    color:#3956d0;
    border:solid 1px #bbbbbb;
    height:20px;
}
TABLE.mycalendar TD.chosen
{
    background-color:#99CCFF;
}
/* Activity Recorder Section */
INPUT.reps, SELECT.reps
{
    width:35px;
    height:17px;
    padding:0px 20px 0px 5px;
    border:solid 0px gray;
    margin:3px 0px 0px 0px;
    background:url(/images/repsbg.jpg);
    font-weight:bold;
    font-size:12px;
}
INPUT.weights, SELECT.weights
{
    width:35px;
    height:17px;
    padding:0px 20px 0px 5px;
    border:solid 0px gray;
    margin:3px 0px 0px 0px;
    background:url(/images/weightsbg.jpg);
    font-weight:bold;
    font-size:12px;
}
INPUT.date
{
    width:75px;
    height:11px;
    font-size:12px;
}

INPUT.smallest, SELECT.smallest
{
    width:15px;
}
INPUT.mlbig, SELECT.mlbig
{
    width:200px;
    height:90px;
}
INPUT.largestplus, SELECT.largestplus
{
    width:265px;
}
INPUT.largest, SELECT.largest
{
    width:225px;
}

INPUT.larger, SELECT.larger
{
    width:185px;
}
INPUT.large, SELECT.large
{
    width:135px;
}
INPUT.medium, SELECT.medium
{
    width:95px;
}
INPUT.small, SELECT.small
{
    width:45px;
}

INPUT.smaller, SELECT.smaller
{
    width:28px;
}


TABLE.measure input { width:72px; }

a:link { color: #0066ff; text-decoration:underline;} 
a:visited { color: #7952bf; text-decoration:underline;} 
a:hover { color:red; text-decoration:underline; } 
a:active { } 
#header a:link { } 
#header a:visited { } 
#header a:hover { } 
#header a:active { } 

/* NEW EXT JS Styling */
/* Panel/Grid Title */
DIV.x-panel-header {color:#176bb1; font-size:15px; line-height:20px;}

DIV.form-header SPAN.x-panel-header-text {color:#176bb1; font-size:14px; font-weight:normal; line-height:20px;}
/* Grid Column Headers */
DIV.x-grid3-hd-inner  {color:#176bb1; font-size:12px;}

/* Button Text  */
/*BUTTON.x-btn-text   {color:#176bb1; font-size:12px;}*/

/* Grid Cells */
DIV.x-grid3-cell-inner  {font-size:11px;}
/* Grid */
DIV.x-grid-panel    {margin:10px 0px;}

/* Standard Panel */
/*DIV.x-panel-body   {padding:5px;}*/
