
div.isDialog { position:absolute; top:50%; left:50%; width:200px; height:150px; margin-left:-100px; margin-top:-100px; background-color:transparent; padding:39px 0px 21px 0px; z-index:8900098}

div.isDialog div.t { position:absolute; top:0px; left:0px; width:100%; height:39px; padding:0px 22px 0px 21px; text-align:left; font-size:12px; font-weight:bold; }
div.isDialog div.m { position:relative; top:0px; left:0px; width:100%; height:100%; padding:0px 22px 0px 21px }
div.isDialog div.b { position:absolute; bottom:0px; left:0px; width:100%; height:22px; padding:0px 22px 0px 21px; }

div.isDialog div.t div.tl { position:absolute; top:0px; left:0px; width:21px; height:100%; background-image:url(../images/dialog/topleft.png);  }
div.isDialog div.t div.tc { position:relative; top:0px; left:0px; width:100%; height:100%; ; background-image:url(../images/dialog/centretop.png);  background-repeat:repeat-x; background-position:0 9px;  padding:15px 0px 0px 0px;    color:black !important; }
div.isDialog div.t div.tr { position:absolute; top:0px; right:0px; width:22px; height:100%; background-image:url(../images/dialog/topright.png);  }

div.isDialog div.m div.ml { position:absolute; top:0px; left:0px; width:21px; height:100%; background-image:url(../images/dialog/leftmiddle.png);  }
div.isDialog div.m div.mc { position:relative; top:0px; left:0px; width:100%; height:100%; background-color:#e2e2e2;  }
div.isDialog div.m div.mr { position:absolute; top:0px; right:0px; width:22px; height:100%; background-image:url(../images/dialog/rightmiddle.png);  }

div.isDialog div.b div.bl { position:absolute; top:0px; left:0px; width:21px; height:100%; background-image:url(../images/dialog/bottomleft.png);  }
div.isDialog div.b div.bc { position:relative; top:0px; left:0px; width:100%; height:100%; background-image:url(../images/dialog/centrebottom.png);  }
div.isDialog div.b div.br { position:absolute; top:0px; right:0px; width:22px; height:100%; background-image:url(../images/dialog/bottomright.png);  }

div.isDialog table { width:100%;  }
div.isDialog table td { padding:5px;  } 


div.isDialog p { text-align:center; margin:5px; padding:2px; }
div.isDialog input.DialogButton  { width:70px; margin:5px;}


div#ViewWorkLog fieldset dl dt, div#ViewWorkLog fieldset dl {margin:0px; }
div#ViewWorkLog fieldset dl dt, div#ViewWorkLog fieldset dl dd  { display:block; float:left; height:35px; }
div#ViewWorkLog fieldset dl dt { margin-left:25px; clear:left;  }

div#ViewWorkLog fieldset dl dd.comments  { width:375px; }
div#ViewWorkLog fieldset dl dd.time  { width:100px; clear:right; text-align:right; font-size:.8em; padding-right:20px; }


div.DialogParas p { text-align:left; font-size:1.0em;  }
div.DialogParas p.buttonLine { text-align:center; margin-top:25px;  }
div.DialogParas p.buttonLine div { float:left; margin-left:30px; }

div.isDialog .button { width:75px; height:25px; line-height:25px; border:solid 1px black; font-size:11px; text-align:center; background-color:white;  cursor:pointer }



/* Work Logs Adjust Dialog */
.shiftAdjLegend { width:180px;font-size:1.0em; }
.shiftAdjValue  { font-weight:bold; text-align:left; }
.shiftAdjArrow	{ vertical-align:middle; text-align:center;  }
.shiftAdjTotal	{ vertical-align:middle; font-size:1.5em; font-weight:bold; text-align:left; padding-left:40px; width:250px; }
.shiftAdjDuration { padding-left:2px; font-size:1.0em; }
.shiftAdjSelect { }
.shiftAdjDurationLegend { width:160px; font-size:1.0em; backgound-color:green }
#shiftAdjComments { clear:both; width:500px; margin:5px auto auto auto; height:100px;  }
#shiftAdjTbl { margin-top:15px; width:500px; }
#shiftAdjTbl tr { margin:0; padding:0; }

/*Dialog ead Messages */
#readMessage { margin-top:10px;  }
#readMessage .Legend { text-align:right; padding-right:5px; width:10%;font-size:0.8em;}
#readMessage .Value  { font-weight:bold; text-align:left;  width:90% }

#recpList { position:absolute; top:80px; width:380px; height:350px; background-color:buttonface; border:solid  1px black; padding:10px;  display:none;} 


#KioskDialogCloseTop {  position:absolute; top:-27px; right:0px; height:20px; white-space:nowrap; } 

#BGBlackout { position:absolute; top:0px; left:0px; display:block; width:100%; height:100%; background-image:url(../images/popupbg.png); text-align:center; padding-top:20%; }


#AddNewCustomer tr td { text-align:left;   }
#AddNewCustomer tr td.legend { text-align:right; padding:0px 5px 0px 0px;   }
#AddNewCustomer tr td input { width:120px; }
#AddNewCustomer tr td.buttons { text-align:center;  }
#AddNewCustomer tr td.buttons input { width:100px; display:inline;}

h3.WarnText { padding:2px !important; margin:0px !important; font-size:14px;  }
p.WarnText { padding:2px !important; margin:2px !important; font-size:12px;  }

div.DialogKioskStartWork #Body { position:absolute; top:0px; left:20px; width:620px; text-align:left; font-size:14px; height:150px; overflow:scroll; display:block; border:inset 1px buttonface; background-color:white; }
div.DialogKioskStartWork #StartContent { position:absolute; top:170px; left:140px; width:360px; text-align:left; font-size:14px; color:green }
div.DialogKioskStartWork p { width:360px; text-align:left; font-size:14px; color:green }
div.DialogKioskStartWork p strong { color:black; }
div.DialogKioskStartWork textarea { width:360px; height:100px; font-size:14px;}
div.DialogKioskStartWork div.Buttons {width:360px; position:relative; top:0px; left:0px; height:120px; margin-top:10px}
div.DialogKioskStartWork div.Buttons input.StartWork { width:200px; height:60px; position:absolute; top:10px; left:80px; font-size:25px; font-weight:bold; color:green; }
div.DialogKioskStartWork div.Buttons input.Modify { width:100px; height:30px; position:absolute; top:80px; left:0px; font-size:12px; font-weight:bold; color:black; }
div.DialogKioskStartWork div.Buttons input.Cancel { width:100px; height:30px; position:absolute; top:80px; right:0px; font-size:12px; font-weight:bold; color:black; }



div.DialogKioskStartShift p { width:360px; text-align:left; font-size:14px; color:green }
div.DialogKioskStartShift p strong { color:black; }
div.DialogKioskStartShift textarea { width:360px; height:100px; font-size:14px;}
div.DialogKioskStartShift div.Buttons {width:360px; position:relative; top:0px; left:0px; height:120px; margin-top:10px}
div.DialogKioskStartShift div.Buttons input.StartWork { width:200px; height:60px; position:absolute; top:10px; left:80px; font-size:25px; font-weight:bold; color:green; }
div.DialogKioskStartShift div.Buttons input.Modify { width:100px; height:30px; position:absolute; top:80px; left:0px; font-size:12px; font-weight:bold; color:black; }
div.DialogKioskStartShift div.Buttons input.Cancel { width:100px; height:30px; position:absolute; top:80px; right:0px; font-size:12px; font-weight:bold; color:black; }


div.DialogKioskStopWork p { width:360px; text-align:left; font-size:14px; color:green }
div.DialogKioskStopWork p strong { color:black; }
div.DialogKioskStopWork textarea { width:360px; height:100px; font-size:14px;}
div.DialogKioskStopWork div.Buttons {width:360px; position:relative; top:0px; left:0px; height:80px; margin-top:10px}
/*div.DialogKioskStopWork div.Buttons input.StopWork { width:200px; height:60px; position:absolute; top:0px; left:80px; font-size:25px; font-weight:bold; color:red; }*/
div.DialogKioskStopWork div.Buttons input{ width:130px; height:60px; position:relative; top:0px; left:0px; font-size:25px; font-weight:bold;  margin:10px; }
div.DialogKioskStopWork div.Buttons input.stop 		{ color:red; }
div.DialogKioskStopWork div.Buttons input.comment 	{ color:green; }
div.DialogKioskStopWork div.Buttons input.compleate { color:; font-size:20px}
div.DialogKioskStopWork div.Buttons input.compleate { color:; font-size:20px}
div.DialogKioskStopWork p#clockOutCB { position:absolute; top:260px; left:260px; width:150px; height:20px; }


div.DialogKioskStopShift p { width:360px; text-align:left; font-size:14px; color:green }
div.DialogKioskStopShift p strong { color:black; }
div.DialogKioskStopShift textarea { width:360px; height:100px; font-size:14px;}
div.DialogKioskStopShift div.Buttons {width:360px; position:relative; top:0px; left:0px; height:80px; margin-top:10px}
div.DialogKioskStopShift div.Buttons input.StopWork { width:200px; height:60px; position:absolute; top:0px; left:80px; font-size:25px; font-weight:bold; color:red; }


div.DialogShowComments p {  text-align:left; font-size:15px; color:green }



div.DialogShowComments textarea { width:360px; height:170px; font-size:14px;}






/* UsersWorkRecords Table */

table#ReportWorkRecords * { -moz-box-sizing:border-box; box-sizing:border-box; table-layout:fixed;} 
table#ReportWorkRecords { width:98%; border-collapse:collapse; border:solid 0px white; padding:0px; margin:5px 0px 0px 10px; border-left:solid 5px white;}


/* Time and Name */

table#ReportWorkRecords tr td.timeAction span { white-space:nowrap; display:block; float:right; margin-right:15px;clear:right; font-size:11px; }
table#ReportWorkRecords tr td.timeAction span.time { margin-top:10px; } 
table#ReportWorkRecords tr td.timeAction img { float:left; clear:none; margin-left:10px; }



/* The Content on the work item comments */

table#ReportWorkRecords tr td.content,
table#ReportWorkRecords tr td.content * { font-size:14px; text-align:left;  }
table#ReportWorkRecords tr td p { margin:0px; padding:5px 0px 5px 0px; }
table#ReportWorkRecords tr td.content a { color:red; text-decoration:none; }
table#ReportWorkRecords tr td.content a:hover { color:red; text-decoration:underline;} 

/* The associated times */

table#ReportWorkRecords tr td.duration {  font-size:12px; padding-right:20px !important; vertical-align:bottom !important; }
table#ReportWorkRecords tr td.duration a, 
table#ReportWorkRecords tr td.duration p { text-align:right; margin-right:27px; margin-bottom:-2px; font-size:12px;}
table#ReportWorkRecords tr td.duration a { color:red; font-weight:bold; font-size:12px;}
table#ReportWorkRecords tr td.duration a:hover { color:red; text-decoration:underline;}

/* CloseShift  */

table#ReportWorkRecords tr.CloseShift { height: 11px; padding:0px; margin:0px; }
table#ReportWorkRecords tr.CloseShift td {overflow:hidden;}
table#ReportWorkRecords tr.CloseShift td.duration { width:82px; height: 11px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_End_Bar.gif ) ;  background-repeat: no-repeat;   }
table#ReportWorkRecords tr.CloseShift td.duration p { text-align:right }

/* StartDay  */

table#ReportWorkRecords tr.StartDay { height:30px; padding:0px; margin:0px; }
table#ReportWorkRecords tr.StartDay td {overflow:hidden; font-size:16px; font-weight:bold; vertical-align:middle; text-align:left; }


/* DayTotal  */

table#ReportWorkRecords tr.DayTotal { height: 30px; padding:0px; margin:0px; }
table#ReportWorkRecords tr.DayTotal td {overflow:hidden; text-align:right; font-size:14px; }
table#ReportWorkRecords tr.DayTotal td.duration { width:82px; height: 30px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Day_Total.gif ) ;  background-repeat: repeat-y;  font-size:12px;}
table#ReportWorkRecords tr.DayTotal td.duration p { vertical-align:middle!important; margin-bottom:2px; font-size:14px; }
 

/* RangeTotal  */

table#ReportWorkRecords tr.RangeTotal { height: 30px; padding:0px; margin:0px; }
table#ReportWorkRecords tr.RangeTotal td {overflow:hidden; text-align:right; font-size:14px; font-weight:bold;}
table#ReportWorkRecords tr.RangeTotal td p { text-align:right;  }
table#ReportWorkRecords tr.RangeTotal td.duration p { vertical-align:middle; font-size:14px; font-weight:bold; }


/* Clock In Row */

table#ReportWorkRecords tr.ClockIn { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.ClockIn td {overflow:hidden;}

table#ReportWorkRecords tr.ClockIn td.leftSpacer { width:10px; height: 41px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.ClockIn td.timeAction { width:161px; height: 41px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_ClockIn_L.gif ) ;  background-repeat: no-repeat; vertical-align:top;}

table#ReportWorkRecords tr.ClockIn td.content { height: 41px; padding:0px; margin:0px; text-align:left; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_ClockIn_C.gif ); background-repeat:repeat;  }

table#ReportWorkRecords tr.ClockIn td.duration { width:82px; height: 41px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_ClockIn_R.gif ) ;  background-repeat: no-repeat;  }

table#ReportWorkRecords tr.ClockIn td.content p { width:300px; float:left; }

table#ReportWorkRecords tr.ClockIn td.content img { float:right; margin-top:6px; }

table#ReportWorkRecords tr.ClockIn td p { margin-top:6px; }

/* Clock Out row */

table#ReportWorkRecords tr.ClockOut { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.ClockOut td {overflow:hidden;}

table#ReportWorkRecords tr.ClockOut td.leftSpacer { width:10px; height: 46px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.ClockOut td.timeAction { width:161px; height: 46px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_ClockOut_L.gif ) ;  background-repeat: no-repeat; vertical-align:top; }

table#ReportWorkRecords tr.ClockOut td.content {  height: 46px; padding:0px; margin:0px; text-align:left; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_ClockOut_C.gif ); background-repeat:repeat;  }

table#ReportWorkRecords tr.ClockOut td.duration { width:82px; height: 46px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_ClockOut_R.gif ) ;  background-repeat: no-repeat;  }

table#ReportWorkRecords tr.ClockOut td.duration a { margin-bottom:20px; display:block; }  

/*  Normal Row */

table#ReportWorkRecords tr.WorkItem { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.WorkItem td {overflow:hidden;}

table#ReportWorkRecords tr.WorkItem td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.WorkItem td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Left_Norm.gif ) ;  background-repeat:repeat;  vertical-align:top;}

table#ReportWorkRecords tr.WorkItem td.content {  padding:5px; margin:0px; text-align:left; background-color:#eaffde; }

table#ReportWorkRecords tr.WorkItem td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Right_Norm.gif ) ;  background-repeat:repeat-y;  }

/*  Adjustment Row */

table#ReportWorkRecords tr.Adjust { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.Adjust td {overflow:hidden;}

table#ReportWorkRecords tr.Adjust td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.Adjust td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Left_Alt.gif ) ;  background-repeat:repeat;  vertical-align:top;}

table#ReportWorkRecords tr.Adjust td.content {  padding:5px; margin:0px; text-align:left; background-color:#ebf0d1; }

table#ReportWorkRecords tr.Adjust td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Right_Alt.gif ) ;  background-repeat:repeat-y;  }

/*  Lunch Row */

table#ReportWorkRecords tr.Lunch { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.Lunch td {overflow:hidden;}

table#ReportWorkRecords tr.Lunch td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.Lunch td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Left_Alt.gif ) ;  background-repeat:repeat; vertical-align:top; }

table#ReportWorkRecords tr.Lunch td.content {  padding:5px; margin:0px; text-align:left; background-color:#ebf0d1; }

table#ReportWorkRecords tr.Lunch td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Right_Alt.gif ) ;  background-repeat:repeat-y;  }

/*  Spacer Normal Row */

table#ReportWorkRecords tr.Spacer { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.Spacer td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.Spacer td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.Spacer td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.Spacer td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.Spacer td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_R.gif ) ;  background-repeat:repeat-y;  }



/*  Spacer AboveAdjust Row */

table#ReportWorkRecords tr.SpacerTop { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.SpacerTop td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.SpacerTop td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.SpacerTop td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Top_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.SpacerTop td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Top_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.SpacerTop td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Top_R.gif ) ;  background-repeat:repeat-y;  }



/*  Spacer Below Adjust Row */

table#ReportWorkRecords tr.SpacerBot { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.SpacerBot td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.SpacerBot td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.SpacerBot td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Bot_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.SpacerBot td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Bot_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.SpacerBot td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Bot_R.gif ) ;  background-repeat:repeat-y;  }



/*  Spacer Between Adjust Row */

table#ReportWorkRecords tr.SpacerMid { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.SpacerMid td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.SpacerMid td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.SpacerMid td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Mid_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.SpacerMid td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Mid_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.SpacerMid td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/Confirmed/Shift_Div_Mid_R.gif ) ;  background-repeat:repeat-y;  }



/* Confirmed Items */



/* Clock In Row */

table#ReportWorkRecords tr.NC_ClockIn { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_ClockIn td {overflow:hidden;}

table#ReportWorkRecords tr.NC_ClockIn td.leftSpacer { width:10px; height: 41px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_ClockIn td.timeAction { width:161px; height: 41px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_ClockIn_L.gif ) ;  background-repeat: no-repeat; vertical-align:top; }

table#ReportWorkRecords tr.NC_ClockIn td.content {  height: 41px; padding:0px; margin:0px; text-align:left; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_ClockIn_C.gif ); background-repeat:repeat;  }

table#ReportWorkRecords tr.NC_ClockIn td.duration { width:82px; height: 41px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_ClockIn_R.gif ) ;  background-repeat: no-repeat;  }

table#ReportWorkRecords tr.NC_ClockIn td.content p { width:300px; float:left; }

table#ReportWorkRecords tr.NC_ClockIn td.content img { float:right; margin-top:6px; }

table#ReportWorkRecords tr.NC_ClockIn td p { margin-top:6px; }

/* Clock Out row */

table#ReportWorkRecords tr.NC_ClockOut { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_ClockOut td {overflow:hidden;}

table#ReportWorkRecords tr.NC_ClockOut td.leftSpacer { width:10px; height: 46px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_ClockOut td.timeAction { width:161px; height: 46px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_ClockOut_L.gif ) ;  background-repeat: no-repeat; vertical-align:top;}

table#ReportWorkRecords tr.NC_ClockOut td.content {  height: 46px; padding:0px; margin:0px; text-align:left; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_ClockOut_C.gif ); background-repeat:repeat;  }

table#ReportWorkRecords tr.NC_ClockOut td.duration { width:82px; height: 46px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_ClockOut_R.gif ) ;  background-repeat: no-repeat;  }

table#ReportWorkRecords tr.NC_ClockOut td.duration a { margin-bottom:20px; display:block;}  

/*  Normal Row */

table#ReportWorkRecords tr.NC_WorkItem { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_WorkItem td {overflow:hidden;}

table#ReportWorkRecords tr.NC_WorkItem td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_WorkItem td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Left_Norm.gif ) ;  background-repeat:repeat;  vertical-align:top;}

table#ReportWorkRecords tr.NC_WorkItem td.content { padding:5px; margin:0px; text-align:left; background-color:#ead1b6; }


table#ReportWorkRecords tr.NC_WorkItem td.duration {width:82px;  padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Right_Norm.gif ) ;  background-repeat:repeat-y;   vertical-align:top;}

/*  Adjustment Row */

table#ReportWorkRecords tr.NC_Adjust { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_Adjust td {overflow:hidden;}

table#ReportWorkRecords tr.NC_Adjust td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_Adjust td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Left_Alt.gif ) ;  background-repeat:repeat;  vertical-align:top;}

table#ReportWorkRecords tr.NC_Adjust td.content {  padding:5px; margin:0px; text-align:left; background-color:#e8d6c8; }

table#ReportWorkRecords tr.NC_Adjust td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Right_Alt.gif ) ;  background-repeat:repeat-y;  vertical-align:top; }


/*  Lunch Row */

table#ReportWorkRecords tr.NC_Lunch { height: 41px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_Lunch td {overflow:hidden;}

table#ReportWorkRecords tr.NC_Lunch td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_Lunch td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Left_Alt.gif ) ;  background-repeat:repeat;  vertical-align:top;}

table#ReportWorkRecords tr.NC_Lunch td.content {  padding:5px; margin:0px; text-align:left; background-color:#ead1b6; }

table#ReportWorkRecords tr.NC_Lunch td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Right_Alt.gif ) ;  background-repeat:repeat-y;  vertical-align:top; }

/*  Spacer Normal Row */

table#ReportWorkRecords tr.NC_Spacer { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_Spacer td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.NC_Spacer td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_Spacer td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.NC_Spacer td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.NC_Spacer td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_R.gif ) ;  background-repeat:repeat-y;  }


/*  Spacer AboveAdjust Row */

table#ReportWorkRecords tr.NC_SpacerTop { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_SpacerTop td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.NC_SpacerTop td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_SpacerTop td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Top_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.NC_SpacerTop td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Top_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.NC_SpacerTop td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Top_R.gif ) ;  background-repeat:repeat-y;  }


/*  Spacer Below Adjust Row */

table#ReportWorkRecords tr.NC_SpacerBot { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_SpacerBot td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.NC_SpacerBot td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_SpacerBot td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Bot_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.NC_SpacerBot td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Bot_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.NC_SpacerBot td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Bot_R.gif ) ;  background-repeat:repeat-y;  }



/*  Spacer Between Adjust Row */

table#ReportWorkRecords tr.NC_SpacerMid { height:11px; padding:0px; margin:0px; }

table#ReportWorkRecords tr.NC_SpacerMid td {overflow:hidden; height:11px;}

table#ReportWorkRecords tr.NC_SpacerMid td.leftSpacer { width:10px; padding:0px; margin:0px;   }

table#ReportWorkRecords tr.NC_SpacerMid td.timeAction { width:161px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Mid_L.gif ) ;  background-repeat:no-repeat; }

table#ReportWorkRecords tr.NC_SpacerMid td.content {  padding:5px; margin:0px; text-align:left;  background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Mid_C.gif ) ;  background-repeat:repeat-x; }

table#ReportWorkRecords tr.NC_SpacerMid td.duration { width:82px; padding:0px; margin:0px; text-align:right; background-image:url( ../images/WorkLogs/ShiftView/NotConfirmed/Shift_Div_Mid_R.gif ) ;  background-repeat:repeat-y;  }

/* #FooterButtons div.button { float:right; } */

#DlgButtons { width:100%; height:28px; padding:10px 0px 10px 0px; text-align:left; margin-top:4px; }


/* DialogCapacityViewUsers */


div.DialogCapacityViewUsers  {  padding:20px 0px 20px 0px }
div.DialogCapacityViewUsers h2.Title { position:absolute; top:-12px; left:0px; background-color:transparent; color:black; font-size:1.2em; text-align:left; }
div.DialogCapacityViewUsers input.CloseButton { position:absolute; bottom:-10px; right:0px; width:80px; }
div.DialogCapacityViewUsers div.ScrollArea { position:relative; width:100%; height:255px; border:solid 1px black; background-color:white; overflow:auto;  padding:10px;}
div.DialogCapacityViewUsers div.ScrollArea div.Item { position:relative; width:100%; height:65px;  border-bottom:solid 2px black;  margin-bottom:10px:}
div.DialogCapacityViewUsers div.ScrollArea div.Item h3 { position:absolute; width:70%; height:20px; top:0px; left:0px;  margin:0px; padding:0px;   line-height:1em; text-align:left;}

div.DialogCapacityViewUsers div.ScrollArea div.Item div.CapacityHolder { position:absolute; width:70%; top:25px; left:0px; border:solid 1px black; background-image:url(../images/capacity-bar/amber.png); height:25px; overflow:hidden; }
div.DialogCapacityViewUsers div.ScrollArea div.Item div.CapacityHolder div.AssignBar { position:absolute; width:0%; left:0px;  background-image:url(../images/capacity-bar/blue.png); height:25px; border-right:solid 1px white; z-index:90001;}
div.DialogCapacityViewUsers div.ScrollArea div.Item div.CapacityHolder div.AssignBarOver { position:absolute; width:0%; right:0px;  background-image:url(../images/capacity-bar/red.png); border-left:solid 1px white; height:25px; z-index:90010;}
div.DialogCapacityViewUsers div.ScrollArea div.Item div.CapacityHolder div.WorkBar { position:absolute; width:0%; left:0px;  background-image:url(../images/capacity-bar/green.png); border-right:solid 1px white; height:25px; z-index:90020;}

div.DialogCapacityViewUsers div.ScrollArea div.Item div.WeekCapacityDetails { position:absolute; top:0px; left:70%; height:100px; width:30%; }
div.DialogCapacityViewUsers div.ScrollArea div.Item div.WeekCapacityDetails p  { white-space:nowrap; padding:0px 5px 0px 0px;; margin:0px 0px 3px 0px;   width:100%; clear:both; float:right; }
div.DialogCapacityViewUsers div.ScrollArea div.Item div.WeekCapacityDetails p div.CapacityDetalLegend { float:right; text-align:right; font-size:10px; clear:left; }
div.DialogCapacityViewUsers div.ScrollArea div.Item div.WeekCapacityDetails p div.CapacityDetalData   { float:right; text-align:right; font-size:10px; clear:none; width:30px;}


div.DialogFilterCalender div.FilterOptions { width:125px; display:block; float:left; clear:none; margin:0px 15px 0px 15px; }
div.DialogFilterCalender div.FilterOptions h3 { margin:10px 0px 10px 0px }
div.DialogFilterCalender p.buttons { display:block; float:none; clear:both;	 margin:40px 0px 0px 0px; text-align:right; padding:0px 20px 0px 0px; }
div.DialogFilterCalender p.buttons input { width:110px; margin-left:20px;}


input.DialogFilterCalenderQuick_BigBtn { width:300px }
input.DialogFilterCalenderQuick_MedBtn { width:150px }
select.DialogFilterCalenderQuick_MedBtn { width:150px }

/* Dialog Help */

#HelpTreePane { position:absolute; top:0px; left:0px; width:150px; height:500px; overflow:hidden;    }
#HelpBodyPane { position:absolute; top:0px; left:150px; width:610px; height:500px; overflow:auto; background-color:White; border:solid 1px black;}


/* Movie overlay Styles */

#moviePlayer {display:none; position:absolute; z-index:9009000; width:700px; height:559px; left:50%; top:50%; margin:-300px 0px 0px -350px; background-color:#472c16; border:solid 2px white; padding:30px;}
#moviePlayer a#lnkClosemovie { position:absolute; bottom:5px; right:5px;   z-index:9009020; text-decoration:none; font-size:12px; color:#e79539; }
#moviePlayer a#lnkClosemovie:hover { color:white; }
#moviePlayer p#caption { position:absolute; top:280px; left:0px; height:50px; width:100%; text-align:center; color:#e79539; font-size:12px;}


.IS_Overlay { display:none; position:absolute; z-index:9009000; width:100px; height:100px; left:50%; top:50%; margin:-50px 0px 0px -50px; background-color:#472c16; border:solid 2px white; padding:30px; color:#e79539; }

.IS_Overlay a#lnkCloseOverlay { position:absolute; bottom:5px; right:5px;   z-index:9009020; text-decoration:none; font-size:12px; color:#e79539; cursor:pointer; }
.IS_Overlay a#lnkCloseOverlay:hover { color:white; }



