/* user-defined containing element of the times control */
.times { float:left;border:solid 1px #7694bf;padding-bottom:4px;clear:both;border:1px solid #b4ccef;display:table;width:385px;padding-left:0px; }
/* element that contains the nav rows & innerHTML value */
.times .timesNav { text-align:center;display:block;width:100%;clear:both;padding-top:4px;margin-bottom:4px; }

/* define default properties for nav links */ 
.times .timesNav a { font-size:10px; color:#0110d2; cursor:pointer; }
.times .timesNav a:hover { font-size:10px; color:#9199fd; }
.times .timesNav .navLeft, .times .timesNav .navLeft:hover,
.times .timesNav .navRight, .times .timesNav .navRight:hover { cursor:pointer; color:inherit; }
/* css class for nav controls when reaching the max right/left of a recordset */
.times .timesNav .navOff, .times .timesNav .navOff:hover { color:gray; cursor:default; text-decoration:none; }
/* css class for ddl nav controls */
.times .timesNav .selectWrapper { width:100%; text-align:left; margin-left:10px; }
.times .timesNav .selectWrapper .label { font-weight:bold; font-size:10px; clear:both; float:left;}
.times .timesNav .selectWrapper .select { font-size:10px;clear:both;float:left; width:200px;}

/* containing element drawn by timesControl that rece	ives html data from the ajax call to /_ajax/times.aspx */
.times .timesContainer {display:table; width:100%;clear:both;float:left; }
/* 'no records' default loading message */
.times .timesContainer .noRecords { width:350px; height:50px; font-weight:bold; text-align:center;}
/* date range padding the top & bottom of the timesContainer element. */
.times .timesContainer .navbarTimestamps { clear:both;width:100%;text-align:center;font-size:9px;color:#000000; } 
.times .timesContainer .timesTable { width:100%	; display:block; }
/* displays a month at the top of the record set, and throughout the recordset preceding the first of each month */
.times .timesContainer .timesTable .monthHeader { clear:both;font-weight:bold;padding-top:6px;font-size:13px;padding-left:5px; } 
/* below the monthheader, displays the column headers */
.times .timesContainer .timesTable .timesHeaderRow { clear:both; display:block; height:15px;padding-left:5px; }
/* definition for each row & alternating row class */
.times .timesContainer .timesTable .timesRow, .times .timesContainer .timesTable .timesAltRow { clear:both;display:block; height:16px; background-color:#fff;padding-left:5px;padding-top:3px; }
.times .timesContainer .timesTable .timesRow {}
.times .timesContainer .timesTable .timesAltRow {background-color:#eff4fc; padding-left:5px;}
/* individual classes for the left, middle, and right cells */
.times .timesContainer .timesTable .leftCell { width:80px; display:block; padding-left:3px; float:left;}
.times .timesContainer .timesTable .midCell { width:90px; display:block; float:left; }
.times .timesContainer .timesTable .rightCell { width:165px; display:block; float:left; line-height:15px; text-align:center; }