.barsTable              { border-collapse:collapse; border-spacing: 0px; background-color: transparent }
.barSplitter            { border-left: 1px dotted #bfbfbf; white-space: nowrap; clear: both; width: auto; padding-left: 1px }
.altBarBgr              { background-color: #f7f7f7 }
.altBarBgr div span     { background-color: #f7f7f7 !important; }
.bar                    { background: #d9d1b7; float: left; margin-left: 1px; margin-right: 1px; margin-right: 1px; z-index: 2; position: relative }
.bar:hover              { background: #62AF32; float: left; margin-left: 1px ;margin-right: 1px; margin-right: 1px; z-index: 2; cursor: pointer;}
.bars                   { width: auto; position: relative; left: 0px; }
.bars .selected         { background: #62AF32; -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.5); box-shadow: inset 0 0 2px rgba(0,0,0,0.5); }
.barvalue               { background: white; display: block; padding: 0; position: relative; margin: 0px;}
.hideTimeline           { width: 94%; position: relative; top:1px;margin-top: 5px; height:6px; height:11px; border-bottom: 1px solid #d9d1b7; text-align: center;}
.timeline               { height: 90px; display: block; width: 100% }
.timetine               {  }
.timelineContainer      { margin-top: 0px; width: 885px; float: left; position: relative  }   
.timelineLabel          { padding: 1px 0 0 2px; height: 22px; border-left: 1px dotted #bfbfbf; white-space: nowrap }
.timelineScaleContainer { height: 30px; padding: 0 0px 0 4px; position: relative;  right: 15px; top: -15px; text-align: center; float: right; z-index: 1; }
#timelineScale          { background-image: url(Images/slider.png); background-repeat: no-repeat; margin-left: 3px; height: 40px; background-position: 5px 0px; *background-position-x: 3px; width: 10px;}
.timelineScaleContainer .ui-slider              
                        { position: relative; text-align: left; height: 45px }
.timelineScaleContainer .ui-slider .ui-slider-handle 
                        { position: absolute; left: -2px; *left: -4px; z-index: 2; width: 17px; height: 6px; cursor: hand; background-color: #62AF32; border: 0px;}
.viewport               { position: relative; background-image: url(Images/timeline_bg.png); background-repeat: repeat-x; overflow: hidden  }
.timeline_range         { background-image: url(Images/timeline_range_bgr.gif); background-repeat: repeat-x; background-position: center 3px }

.barPointerCell         { width: 16px; cursor: pointer }
.barPointerCellLeft     { width: 16px; cursor: pointer; background-image: url(Images/timeline_range_bgr.gif); background-repeat: no-repeat !important; background-position: right 3px !important;}
.barPointerCellRight     { width: 16px; cursor: pointer; background-image: url(Images/timeline_range_bgr.gif); background-repeat: no-repeat !important; background-position: left 3px !important;}


.timelinePrevButton     { background-image: url(Images/timeline_icon_prev.png); background-repeat: no-repeat; background-position: center center  }
.timelinePrevButtonDisabled 
                        { border-right: 1px solid #d9d1b7; border-left: none; border-bottom: none; border-top: none; }
.timelineNextButton     { background-image: url(Images/timeline_icon_next.png); background-repeat: no-repeat; background-position: center center }
.timelineNextButtonDisabled 
                        { border-left: 1px solid #d9d1b7; border-right: none; border-bottom: none; border-top: none }
.timelineButton         { float: left; border: 1px solid #d9d1b7; width: 15px; cursor: pointer; height: 60px; display: block; background-color: #f9f9f9;   }
.timelineButtonDisabled { float: left; width: 15px; height: 60px; display: block; }
.timelineButton:hover   { cursor: pointer; background-color: #d9d1b7;}

.timelineFilterDotsContainer    { width: 0px; display:block; float:left;}
#timelineFilterDotsLeft         { background-image: url(Images/timeline_range_leftarrow.gif); background-repeat: no-repeat; background-position: 100% 1px;  width: 8px; height:10px; margin-right: -8px; margin-top:1px; display:block; z-index: 20; position:absolute; background-color: #fff; }
#timelineFilterDotsRight        { background-image: url(Images/timeline_range_rightarrow.gif); background-repeat: no-repeat; background-position: 0% 1px;  width: 8px; height:10px; margin-left: -8px; margin-top:1px; display:block; z-index: 20; position:absolute; background-color: #fff; }


a.zoom, a.zoom:visited  { background: url(Images/ico-zoom.png) no-repeat; display: block; height: 18px; line-height: 1; margin: 7px 0 2px 4px; overflow: hidden; text-indent: -300px; text-decoration: none; width: 13px; }
.zoom:hover             { background-position: -26px 0; }
#z_out          		{ background-position: 0 -36px; }
#z_out:hover           	{ background-position: -26px -36px; }

.grayBg                 { background: #f6f6f6; width: 14px; height: 50px }

.dateTimePickerDialog   { display: none; width: 270px; position: absolute; z-index: 1000; background-color: #fff; border: 1px solid #c0c0c0; padding: 10px 10px 10px 10px; }
.jtw-datepicker         { width: 100%; display: inherit; background-color: #fff }
.jtw-dateform           { width: 265px; position: relative; top: -10px }
.jwt-arrow              { position: relative; left: 20px; top: -21px; width: 17px; height: 11px; z-index: 1001; background-image: url(Images/dialogPointer.png); background-repeat: no-repeat; display: block  }
.setTitle               { width: 40px; padding-left: 5px; white-space: nowrap }
.setDate                { width: 50% }
.setDate img            { margin-left: 3px; position: relative; top: 3px; cursor: pointer }
.setTime                { width: auto }
.delimiter              { width: 10px }
.dateSelection          { width: 80% }
.timeSelection          { width: 20px; text-align: center; font-size: 1.2em }
.timeControl            { text-align: center; background-color: rgb(238, 235, 224); color: #9d131b; cursor: pointer }
.timeControl a          { text-decoration: none; font-size: 0.9em; font-weight: bold }
.datepickerTableHeader  { text-align: left; padding-bottom: 5px; padding-left: 5px;  }
.ui-datepicker          { background-color: #fff; border: 1px solid #d9d1b7 }
#dateTimePickerToArea   { }
#dateTimePickerFromArea { }
.wizardPartActive       { background-color: #E3E3E3 !important; }