| 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; | 
| } |