div.jqplot-title { 
 | 
    font-size:13px; 
 | 
    padding-bottom: 0; 
 | 
    margin-bottom: 0.5em; 
 | 
    background-color: gainsboro; 
 | 
} 
 | 
div.jqplot-highlighter-tooltip { 
 | 
    z-index:10; 
 | 
    opacity: 0.94; 
 | 
    background-color:#ffeebe; 
 | 
    color:black; 
 | 
} 
 | 
div.jqplot-axis.jqplot-xaxis { 
 | 
    margin-top:5px; 
 | 
} 
 | 
div.jqplot-axis.jqplot-xaxis .jqplot-xaxis-label { 
 | 
    margin-top:3px; 
 | 
    margin-bottom:3px; 
 | 
} 
 | 
div.jqplot-axis.jqplot-yaxis { 
 | 
    margin-left:3px; 
 | 
} 
 | 
div.jqplot-axis.jqplot-yaxis .jqplot-yaxis-label { 
 | 
    margin-right:3px; 
 | 
} 
 | 
div.jqplot-axis.jqplot-y2axis { 
 | 
    margin-right:3px; 
 | 
} 
 | 
div.jqplot-axis.jqplot-y2axis .jqplot-y2axis-label { 
 | 
    margin-left:6px; 
 | 
} 
 | 
.jqplot-target div.jqplot-point-label, 
 | 
.jqplot-target span.jqplot-data-label { 
 | 
    background-color:rgba(255,255,255,0.6); 
 | 
    color:black; 
 | 
    font-size:10px; 
 | 
} 
 | 
  
 | 
div.jqplot-table-legend-swatch-outline div.jqplot-table-legend-swatch { 
 | 
    border-top-width: 4px; 
 | 
    border-bottom-width: 4px; 
 | 
    border-left-width: 4px; 
 | 
    border-right-width: 4px; 
 | 
} 
 | 
/*************************/ 
 | 
div#rightBlockSidebarDiv { 
 | 
    position: absolute; 
 | 
    top:2px; 
 | 
    left:0px; 
 | 
} 
 | 
div#Page\:rightBlock #handlebarLink { 
 | 
    position: absolute; 
 | 
    height: 31px; 
 | 
    width: 9px; 
 | 
    cursor: url(/img/cursors/col-expand.cur),pointer; 
 | 
} 
 | 
div#Page\:rightBlock.sidebarCollapsed #handlebarLink { 
 | 
    cursor: url(/img/cursors/col-collapse.cur),pointer; 
 | 
} 
 | 
#handlebarLink .indicator { 
 | 
    position: absolute; 
 | 
    z-index: 6; 
 | 
    height: 31px; 
 | 
    width: 9px; 
 | 
    right: 0; 
 | 
    background: url(/img/alohaSkin/sidebar_sprite.png) 0 -62px no-repeat; 
 | 
} 
 | 
.sidebarCollapsed #handlebarLink .indicator { 
 | 
    background: url(/img/alohaSkin/sidebar_sprite.png) 0 0 no-repeat; 
 | 
} 
 | 
#handlebarLink #pinIndicator { 
 | 
    top: 0; 
 | 
} 
 | 
div#Page\:rightBlock { 
 | 
    position: absolute; 
 | 
    top: 60px; 
 | 
    right: 0px; 
 | 
    width: 275px; 
 | 
    z-index:150; 
 | 
    overflow: auto; 
 | 
} 
 | 
div#Page\:rightBlock.sidebarCollapsed { 
 | 
    width: 10px; 
 | 
    overflow: hidden; 
 | 
} 
 | 
  
 | 
div#Page\:rightBlock .pbBody { 
 | 
    margin:7px 7px; 
 | 
} 
 | 
div#Page\:rightBlock.sidebarCollapsed .pbBody span { 
 | 
    display:none; 
 | 
} 
 | 
div#Page\:rightBlock.sidebarCollapsed .pbBody table { 
 | 
    display:none; 
 | 
} 
 | 
div#Page\:rightBlock td.pbTitle { 
 | 
    width: 70%; 
 | 
    text-align: center; 
 | 
} 
 | 
div#Page\:rightBlock td.pbTitle h2 { 
 | 
    font-size: 1.3em; 
 | 
} 
 | 
div#Page\:rightBlock.sidebarCollapsed td.pbTitle h2 { 
 | 
    display:none; 
 | 
} 
 | 
  
 | 
.activeTab {background-color: #236FBD; color:white; background-image:none} 
 | 
.inactiveTab { background-color: lightgrey; color:black; background-image:none} 
 | 
div.clear_both { 
 | 
    clear:both; 
 | 
} 
 | 
div.tabCommentPop textarea.limitedtextarea { 
 | 
    width: 99%; 
 | 
    margin-left: 4px; 
 | 
} 
 | 
div.tabCommentPop input.countdown { 
 | 
    width:30px; 
 | 
    font-size: 9px; 
 | 
    text-align: right; 
 | 
    border: 0px; 
 | 
} 
 | 
div.tabCommentPop button.saveComment { 
 | 
    float:right; 
 | 
    margin-right:10 px; 
 | 
} 
 | 
  
 | 
div#in_Tab div.clear_both { 
 | 
    margin: 3px 0px 10px 0px; 
 | 
} 
 | 
form#Page\:Form2 td.rich-tabpanel-content { 
 | 
    padding:6px 4px 6px 6px; 
 | 
} 
 | 
.reportElement { 
 | 
    position: relative; 
 | 
    width: 323px; 
 | 
    min-height: 1px; 
 | 
    margin: 0px 5px 5px 0px; 
 | 
} 
 | 
div.last {  
 | 
    margin-right: 0px; 
 | 
} 
 | 
.reportElement .analyticsEmbeddedReportChart .asOfDateContainer {display: none} 
 | 
.reportElement .analyticsEmbeddedReportChart .refreshButtonContainer {display: none} 
 | 
.reportElement .reportComment { 
 | 
    position: absolute; 
 | 
    left: 1px; 
 | 
    top: 245px; 
 | 
} 
 | 
.reportElement .smarmClip { 
 | 
    position: absolute; 
 | 
    left: 1px; 
 | 
    top: 1px; 
 | 
} 
 | 
.reportElement .reportCommentPop { 
 | 
    position: absolute; 
 | 
    background: wheat; 
 | 
    z-index: 200; 
 | 
    width: 300px; 
 | 
    left: 15px; 
 | 
    top: 245px; 
 | 
} 
 | 
.reportElement .reportCommentPop textarea.limitedtextarea { 
 | 
    width: 95%; 
 | 
    margin-left: 4px; 
 | 
} 
 | 
.reportElement .reportCommentPop input.countdown { 
 | 
    width:30px; 
 | 
    background: wheat; 
 | 
    font-size: 9px; 
 | 
    text-align: right; 
 | 
    border: 0px; 
 | 
} 
 | 
.reportElement .reportCommentPop button.saveComment { 
 | 
    float:right; 
 | 
    margin-right:10px; 
 | 
} 
 | 
.jqplot-target { 
 | 
    background-color: white; 
 | 
    border-width: 1px; 
 | 
    border-color: #cbcccb; 
 | 
    border-style: solid; 
 | 
} 
 | 
.jqplot-target .loadingMask { 
 | 
    background-color: white; 
 | 
    z-index: 101; 
 | 
    -moz-opacity: .8; 
 | 
    opacity: .80; 
 | 
    filter: alpha(opacity=80); 
 | 
    width: 100%; 
 | 
    height: 100%; 
 | 
    position: absolute; 
 | 
    text-align: center; 
 | 
    left: 0; 
 | 
    zoom: 1; 
 | 
    border-width: 1px; 
 | 
    border-color: #cbcccb; 
 | 
    border-style: solid; 
 | 
} 
 | 
.jqplot-target .loadingPanel { 
 | 
    background: transparent url(/projRes/analytics-platform/img/spinner_triangle.gif) no-repeat; 
 | 
    width: 34px; 
 | 
    height: 34px; 
 | 
    position: relative; 
 | 
    margin-left: auto; 
 | 
    background-position: 1px -1px; 
 | 
} 
 | 
.jqplot-target .errorMask .loadingMsg { 
 | 
    top: 0; 
 | 
    font-size: 1.0em; 
 | 
    text-align: left; 
 | 
    color: red; 
 | 
} 
 | 
.jqplot-target .loadingMsg { 
 | 
    line-height: 1; 
 | 
    top: 20%; 
 | 
    font-size: 1.5em; 
 | 
    position: relative; 
 | 
    display: block; 
 | 
} 
 | 
div#in_Tab_container { 
 | 
  overflow: auto; 
 | 
  height: 460px; 
 | 
} 
 | 
  
 | 
/*** PersonalEvaluationClipEdit CSS Style ***/ 
 | 
  
 | 
#justClipList{ 
 | 
    position: relative; 
 | 
} 
 | 
  
 | 
.clip_menu{ 
 | 
    left: 10px; 
 | 
    padding: 10px; 
 | 
    position: absolute; 
 | 
    width: 120px; 
 | 
} 
 | 
  
 | 
.clip_dragDiv{ 
 | 
    padding: 20px 10px 10px 130px; 
 | 
    background: transparent; 
 | 
    position: relative; 
 | 
    cursor: pointer; 
 | 
} 
 | 
  
 | 
.clip_btnDiv{ 
 | 
    padding: 20px 10px 10px 20px; 
 | 
} 
 | 
  
 | 
.clip_lineNo{    
 | 
    /* positioning */ 
 | 
    position: absolute; 
 | 
    right: 40px; 
 | 
    top: 10px; 
 | 
  
 | 
    /* styling */ 
 | 
    font-size: 24px; 
 | 
    font-weight: bold; 
 | 
    color: #ccc; 
 | 
} 
 | 
  
 | 
.clip_textarea{ 
 | 
    position: absolute; 
 | 
    left: 500px; 
 | 
    top: 100px; 
 | 
} 
 |