/*
have to combine webcaspar.css and sasComponent.css together since
somehow the sasComponent.css is not recognized on when login to result viewer page 5/2/07
*/


/********* sasComponent.css ********************/
/* ActionProvider specific styles: Keep this at the beginning of this   */
/* style sheet, otherwise they can be overriden via the class="foo bar" */
/* syntax .  E.g. class="MenuBarActionContainer overideStyle"           */

.MenuBarActionContainer
{
  white-space: nowrap;
}

.visualDataExplorerHeader
{
  background-color: #003399;
}

.visualDataExplorerBannerTextContainer
{
  vertical-align:middle;
}
.visualDataExplorerBannerText
{
  color:#fff;
  font-family:Arial,helvetica,sans-serif;
  font-size:medium;
  font-weight:bold;
  padding-left:1ex; 
  padding-top:1ex;
  padding-bottom:1ex;
}
.visualDataExplorerBannerSecondaryText
{
  color:#EEEEEE;
  font-family:Arial,helvetica,sans-serif;
  font-size:medium;
  font-weight:bold;
  padding-top:.5ex;
  padding-bottom:.5ex;
}
.visualDataExplorerBannerTextSeparator
{
  color:#7F9DB9;
  font-size:medium;
  vertical-align:middle;
  padding-right:1ex;
  padding-left:1ex;
}

.visualDataExplorerBannerImage IMG
{
  vertical-align:middle;
  padding-right:1ex;
  padding-top:.7ex;
  padding-bottom:.7ex;
}

.visualDataExplorerViewerErrorContainer
{
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: x-small;
  border: 1px solid #7F9DB9;
  white-space:nowrap;
  text-align: center;
}


.visualDataExplorerFooterTextContainer
{
  vertical-align:middle;
  text-align:center;
}
.visualDataExplorerFooterText
{
  color:#666;
  font-family:'trebuchet ms',arial,helvetica,sans-serif;
  font-size:x-small;
  padding:2px;
}
.visualDataExplorerFooterSecondaryText
{
  color:#666;
  font-size:x-small;
  text-align:right;
  padding:2px;
  
}
.visualDataExplorerFooterTextSeparator
{
  color:#000000;
  font-size:x-small;
  vertical-align:middle;
  padding-right:1ex;
  padding-left:1ex;
}

.visualDataExplorerFooterImage IMG
{
  vertical-align:middle;
  padding-right:1ex;
  padding-top:.7ex;
  padding-bottom:.7ex;
}



/* VISUALDATAEXPLORER STYLES */

.visualDataExplorerVerticalSpacer
{
  height: 12px;
}

.visualDataExplorerHorizontalSpacer
{
   width: 12px;
}
.visualDataExplorerSlicerPanel
{
     vertical-align: top;
     
     border: 1px solid #CFCBB1; 
     background-color: #ffffff; 
     overflow:auto;
     height: 425px;
     margin: 4px;
     margin-top: 8px;
}

.visualDataExplorerSlicerPanel DIV
{
 margin-right: 4px;
}

.visualDataExplorerViewsNavigatorTree
{
     vertical-align: top;
     overflow:scroll; 
     border: 1px solid #CFCBB1; 
     background-color: #ffffff; 
     height: 100%;
   width: 210px;
     margin: 4px;
}

.visualDataExplorerManageViewsNavigatorTree
{
     vertical-align: top;
     overflow:scroll; 
     border: 1px solid #CFCBB1; 
     background-color: #ffffff; 
     height: 190px;
     width: 100%;     
}

.visualDataExplorerManageViewsButton
{
}

.visualDataExplorerPanelMenu, .visualDataExplorerPanelMenu A
{
     font-family: Trebuchet MS, Helvetica, sans-serif;
     font-size: x-small;
     text-decoration: none;
     color: #275E94;
}

.visualDataExplorerPanelMenu IMG
{
    border-right: #EEEEEE 2px solid; 
  vertical-align: middle;
}

.visualDataExplorerSelectedPanelMenu, visualDataExplorerSelectedPanelMenu A
{
     font-family: Trebuchet MS, Helvetica, sans-serif;
     font-size: x-small;
     text-decoration: none;
     color: #275E94;          
}

.visualDataExplorerSelectedPanelMenu IMG
{
    border-right: #E0E7ED 2px solid; 
  vertical-align: middle;
}


.visualDataExplorerPanelLabel
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: x-small;
    background-color: #EEEEEE;
    border-bottom: #cfcbb1 1px solid;
    
}
.visualDataExplorerPanelLabel SPAN
{
    vertical-align:top;
}

.visualDataExplorerPanel
{
   background-color: #EEEEEE; 
}

.visualDataExplorerPanelBar
{
     border-left:1px solid #cfcbb1;
     border-right:1px solid #cfcbb1;
     background-color:#EEEEEE;
}
.visualDataExplorerBottomDivider
{
  color:#666;
  font-size:x-small;
  text-align:right;
  padding:2px;
  border-top:1px solid #cfcbb1;
}

.visualDataExplorerCollapsedPanel
{
   border-right: #f5deb3 1px solid; 
   border-left: #f5deb3 1px solid;
   background: #EEEEEE; 
}
.visualDataExplorerExpandedPanel
{
   border-left: #f5deb3 1px solid;
   border-left: #f5deb3 1px solid;
   background: #EEEEEE; 
}

.visualDataExplorerViewerContainer
{
   background: #ffffff;
   margin-left: 12px;
   
}

.visualDataExplorerSelectedMenu
{
   background-color:#E0E7ED;
   border: 1px solid #7F9DB9;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: x-small; 
   color: #275E94;
   font-weight: normal;
   cursor:hand;   
   padding: 2px;
}

.visualDataExplorerSelectedMenu IMG
{
   vertical-align: middle;
}

.visualDataExplorerSelectedMenuItem IMG
{
   background-color:#E0E7ED;
   border: 1px solid #7F9DB9;
   vertical-align: middle;
}

.visualDataExplorerSelectedMenuItem A
{
  color: #3872ac;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 9pt; 
  vertical-align: middle;
  cursor:hand;
  font-weight: bold;
  text-decoration: none;  
}

.visualDataExplorerSelectedMenuItem A:hover
{
  text-decoration: underline;
}

TD.visualDataExplorerTitle, LABEL.visualDataExplorerTitle
{
  font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: x-small; 
    color: #000000;
    font-weight: normal;
}

.visualDataExplorerToolbar
{
  background-color: #EEEEEE;
  border-bottom: 1px solid #CFCBB1; 
  padding: 1px;
}

.visualDataExplorerTitle SPAN 
{
  margin-left: 3px;
}

.visualDataExplorerEmptyTable
{
  font-size: x-small;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border: 1px solid #CFCBB1;
  border-top-style: none; 
  height: 55px;
  white-space: nowrap;
  
}
.visualDataExplorerEmptyTable A
{
  text-decoration: none;
  color: #3872ac;
  font-weight: bold;
}

.visualDataExplorerEmptyTable A:hover
{
  text-decoration: underline;
}

.visualDataExplorerAppliedFilters
{
  font-size: 8pt;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border: 1px solid #CFCBB1;
  border-top-style: none; 
  height: 30px; 
  width: 300px;
  overflow:auto;
}

.visualDataExplorerAppliedFiltersLabel
{
  font-size: 8pt;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.visualDataExplorerDrillPath
{
  border: 1px solid #CFCBB1;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  border-top-style: none; 
  height: 30px;
  width: 300px;
}

.visualDataExplorerMenuItemContainer  
{
  Z-INDEX: 3;
  background-color: white; 
  border-bottom-color: #3872ac; 
  border-bottom-style: solid; 
  border-bottom-width: 1px; 
  border-left-color: #3872ac; 
  border-left-style: solid; 
  border-left-width: 1px; 
  border-right-color: #3872ac; 
  border-right-style: solid; 
  border-right-width: 1px; 
  border-top-color: #3872ac; 
  border-top-style: solid; 
  border-top-width: 1px; 
  color: #3872ac; 
  font-size: 9pt; 
  font-weight: bold; 
  padding-bottom: 0px; 
  padding-left: 4px; 
  padding-right: 3px; 
  padding-top: 0px; 
  text-align: left;
}

.visualDataExplorerMenuItemContainer IMG
{
  margin-right: 7px;
}

.visualDataExplorerLeftPanel {
  background-color: #faf8ed;
  vertical-align: top;
}

.visualDataExplorerMenu
{
   padding: 1px;
}

.visualDataExplorerViewMenu A
{
  color: #275E94;
  text-decoration: none;  
}

.visualDataExplorerViewMenu
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: x-small; 
    color: #275E94;
    font-weight: normal;
    cursor:hand;
}

.visualDataExplorerViewMenu A:hover
{
    
  text-decoration: underline;
}

.visualDataExplorerViewMenuDivider  
{
  background-color: #faf8ed;
}

.visualDataExplorerMenuLink
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: x-small; 
    color: #275E94;
    cursor:hand;
    font-weight: normal;    
    padding: 1px;
}

.visualDataExplorerMenuLink A
{
  color: #275E94;   
  text-decoration: none;
}

.visualDataExplorerMenuLink IMG
{
   vertical-align: middle;
}

.visualDataExplorerMenuLink A:hover
{
    
  text-decoration: underline;
}

.visualDataExplorerMenuDisabled IMG
{
   vertical-align: middle;
}

.visualDataExplorerMenuItemLinkDisabled IMG
{
   vertical-align: middle;
}


.visualDataExplorerTreeContainer
{
     vertical-align: top;
     width:100%;
     height: 250px;
     overflow:scroll;
     overflow-x:hidden;
     border: 1px solid #CFCBB1; 
     background-color: #ffffff; 
}

.visualDataExplorerQueryButton, .visualDataExplorerQueryButton A
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
    font-size: x-small; 
    color: #275E94;
    font-weight: normal;
    cursor:hand;
    text-align: center;
    text-decoration: none;
}

.visualDataExplorerQueryButton A:hover
{
    text-decoration: underline;
}

.visualDataExplorerQueryButtonDisabled A
{
    font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: x-small; 
  color: #275E94;
  font-weight: normal;
  cursor:hand;
  text-align: center;
    text-decoration: none;
}

.visualDataExplorerQueryButton IMG, .visualDataExplorerQueryButtonDisabled IMG
{
  margin-left: 5px;
}

.visualDataExplorerBookmarkText
{
  width: 250px;
}

.visualDataExplorerBookmarkList
{
  width: 250px;
}

.visualDataExplorerErrorText
{
  color: red;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.visualDataExplorerErrorContainer
{
  text-align: left;
  border: 1px solid #CFCBB1;
  overflow:auto; 
  height:450; width:90%;
  font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: x-small;
}

.visualDataExplorerInstructionText
{
  font-family:Arial,helvetica,sans-serif;
  font-size:x-small;
}

.visualDataExplorerInstructionText A,.visualDataExplorerInstructionText A:visited
{
    text-decoration:none;
    color: #275E94;
}

.visualDataExplorerInstructionText A:hover
{
    text-decoration:underline;
}

.visualDataExplorerWelcomeText
{
    font-family:Arial,helvetica,sans-serif;
    font-size:14;
  font-weight:bold;
}

.visualDataExplorerErrorTitle
{
  font-family:Arial,helvetica,sans-serif;
  font-size:x-small;
  font-weight:bold;
}

.visualDataExplorerItalicLabel
{
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small;
    font-style: italic;
}

.visualDataExplorerCustomizerLayoutChoiceBox{
  margin-left: 5px;
  width: 150px; 
}

.fullWidth 
{
  width:100%; 
}


/*EXPANDCOLLAPSE STYLES*/

/*entire table container */
.sas_ExpandCollapseContainerStyle{
  background-color: #FAF8ED;
  width: 400px;
  border: 1px solid #eeeeee;

}

/*entire title row area, including buttons*/
.sas_ExpandCollapseTitleStyle{
}

/*td element containing button table */
.sas_ExpandCollapseButtonsStyle{
  text-align: right;  
}

/*table containing only buttons */
.sas_ExpandCollapseButtonsTableStyle{
}

/*separator row between the title area and the contents */
.sas_ExpandCollapseSeparatorStyle{
}

/*expand collapse div tag */
.sas_ExpandCollapseDivStyle{
  display: none;
}

/*button within the component */
.sas_ExpandCollapsebutton{
  background-color: transparent;
  border-style: none;
}

/*OLAP STYLES*/

.OLAPMainTable{
     border-left:   #C0C0C0 1px solid;
     border-right:  #C0C0C0 1px solid;
     border-top:    #C0C0C0 1px solid;
     border-bottom: #C0C0C0 1px solid;
   
}

.OLAPTableTitle {
    color: #000000;
    text-align: center;
    vertical-align: middle;
    font-family:  helvetica, sans-serif;
    font-size: 9pt;
    height: 50px;
}

.OLAPTableFooter {
    color: #000000;
    text-align: left;
    vertical-align: middle;
    font-family:  helvetica, sans-serif;
    font-size: 9pt;    
}


.OLAPTableToolBar {
    vertical-align: bottom;
}

/* row title headers with text-align Left */
th.OLAPTableRowTitleHeader {
    background-color: #EEEEEE;
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 1px solid;
    text-align: left;
    vertical-align: middle;
    font-weight: bold;
    font-size: x-small;
    
}

/* row title headers with text-align Left */
th.OLAPTableEmptyRowTitleHeader {
    background-color: #EEEEEE;
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 0px solid;
    text-align: left;
    vertical-align: middle;
    font-size: x-small;
    font-weight: bold;
}

/* column title headers with text-align right */
th.OLAPTableColumnTitleHeader {
    background-color: #EEEEEE;
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 1px solid;
    text-align: right;
    vertical-align: middle;
    font-size: x-small;
    font-weight: bold;
}

/* Ragged Hierarchies on the row */
th.OLAPRaggedRow {
    background-color: #EEEEEE;;
    border-bottom: #C0C0C0 1px solid;
    text-align: left;
    vertical-align: middle;
    font-size: x-small;
    font-weight: bold;
}

/* Last Ragged Hierarchies on the row */
th.OLAPRaggedLastRow {
    background-color: #EEEEEE;
    border-bottom: #C0C0C0 1px solid;
    border-right: #C0C0C0 1px solid;
    text-align: left;
    vertical-align: middle;
    font-size: x-small;
    font-weight: bold;
}

/* Ragged Hierarchies on the column */
th.OLAPTableRaggedColumnHeader
{
    background-color: #EEEEEE;
    border-right: #C0C0C0 1px solid;
    text-align: center;
    vertical-align: text-top;
    color: #275E94;
    font-family:  helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}

th.OLAPTableColumnHeader
{
    background-color: #eeeeee;
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 1px solid;
    text-align: center;
    vertical-align: text-top;
    font-family:  helvetica, sans-serif;
   
    font-size: x-small;
    font-weight: bold;
}



th.OLAPTableRowHeader
{
    background-color: #EEEEEE;
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 1px solid;
    text-align: left;
    vertical-align: middle;
    font-family: Verdana, helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
}
th.OLAPTableColumnMeasureHeader
{
    background-color: #EEEEEE;
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 1px solid;
    text-align: center;
    vertical-align: middle;
    font-family: "Trebuchet MS", helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}
.OLAPTableColumnMeasureHeader A {
   text-decoration: none;
   color: #275E94;  
}

.OLAPTableColumnMeasureHeader A:hover{
   text-decoration: underline;
}

th.OLAPTableRowMeasureHeader
{
    background-color: #EEEEEE;
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 1px solid;
    text-align: left;
    vertical-align: middle;
    font-family:  helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
}

.OLAPTableRowMeasureHeader A {
   text-decoration: none;
   color: #275E94;
}

.OLAPTableRowMeasureHeader A:hover{
   text-decoration: underline;
}

td.OLAPTableMeasureHeaderText
{
    font-family:  helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    color: #275E94;
}

/* Hover Attribute for Links in measure headers */
A.OLAPTableMeasureHeaderLink:hover {
   text-decoration: underline;
   color: #275E94;    
   font-family:  helvetica, sans-serif;    
   font-size: x-small;
   font-weight: bold;
}

/* Links attributes for measure */
A.OLAPTableMeasureHeaderLink {
    text-decoration:none;
    color: #275E94;     
    font-family: helvetica, sans-serif;    
    font-size: x-small;
    font-weight: bold;
}

td.OLAPTableColumnHeaderText
{
    color: #000000;
    font-family: helvetica, sans-serif;   
    font-size: x-small;
    font-weight: bold;
}


/* data values */
td.OLAPTableData {
    border-right: #C0C0C0 1px solid;
    border-bottom: #C0C0C0 1px solid;
    font-family:  Verdana, helvetica, sans-serif;
    font-size: x-small;
    text-align: right;
    vertical-align: bottom;
}

td.OLAPTableTotalsData {
    
    background-color: #FAFAD2;
    font-family:  Verdana, helvetica, sans-serif;
    font-size: x-small;
}
td.OLAPTableSubtotalsData {
    
    background-color: #FAFAD2;
    font-family: Verdana, helvetica, sans-serif;
    font-size: x-small;
}
.OLAPTableTotalsHeader {
    font-weight: bold;
    background-color: #eeeeee;
    font-family: Verdana, helvetica, sans-serif;
    font-size: x-small;
    
}
.OLAPTableSubtotalsHeader {
    font-weight: bold;
    background-color: #eeeeee;
    font-family: Verdana, helvetica, sans-serif;
    font-size: x-small;
}

.OLAPDataCellDisabled{}

.OLAPTableData A:link, .OLAPTableData A:active, .OLAPTableData A:visited {
    text-decoration: none;
    background-color: transparent;
    color: #275E94;
    font-family: Verdana, helvetica, sans-serif;
    font-size: x-small;
   
    
}

/* totals/subtotals data values for export to Excel */
/* merging OLAPTableData and OLAPTableTotalsData together */
td.OLAPTableTotalsDataForExportToExcel {
    border-right: #CFCBB1 1px solid;
    border-bottom: #CFCBB1 1px solid;
    font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
    font-size: 9pt;
    text-align: right;
    vertical-align: bottom;
    background-color: #e0e7ed;
}

/* merging OLAPTableData and OLAPTableSubtotalsData together */
td.OLAPTableSubtotalsDataForExportToExcel {
    border-right: #CFCBB1 1px solid;
    border-bottom: #CFCBB1 1px solid;
    font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
    font-size: 9pt;
    text-align: right;
    vertical-align: bottom;
    background-color: #e0e7ed;
}

/* totals/subtotals headers for export to Excel */
/* merging OLAPTableRowHeader and OLAPTableTotalsHeader together */
th.OLAPTableTotalsHeaderForExportToExcel {
    background-color: #EEEEEE;
    border-right: #CFCBB1 1px solid;
    border-bottom: #CFCBB1 1px solid;
    text-align: left;
    vertical-align: middle;
    font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
    font-weight: bold;
}

/* merging OLAPTableRowHeader and OLAPTableSubtotalsHeader together */
th.OLAPTableSubtotalsHeaderForExportToExcel {
    background-color: #EEEEEE;
    border-right: #CFCBB1 1px solid;
    border-bottom: #CFCBB1 1px solid;
    text-align: left;
    vertical-align: middle;
    font-family:  Verdana, helvetica, sans-serif;
    font-weight: bold;
}

.OLAPTableData A:hover{
    text-decoration: underline;
    background-color: transparent;
    color: #275E94;
    font-weight: bold;
}

.ShowDetailTableContainer{
    background-color: white;
    border-top: #000000 2px solid;
    border-right: #000000 1px solid;
    border-bottom: #000000 1px solid;
    border-left: #000000 2px solid;
    text-align: left;
}

/*
 * Action Provider styles for OLAP
 */
.OLAPTable_rt_menuBar, .OLAPTable_ct_menuBar, .OLAPTable_rh_menuBar{
    margin-right:auto;
    font-weight: normal;
    font-size: x-small;
}

.OLAPTable_ch_menuBar{
    margin-left:auto;
    margin-right:auto;
    font-weight: bold;
    font-size: x-small;
}


/* row title headers with text-align Left */
td.OLAPTable_rt_menu, span.OLAPTable_rt_menu {
    font-family: Verdana,  helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small; 
}

/* column title headers with text-align right */
span.OLAPTable_ct_menu {
    text-align: left;
    vertical-align: middle;
    font-family: Verdana, helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
}
span.OLAPTable_ct_menu A, span.OLAPTable_rt_menu A {
    text-decoration: none;
    color: #275E94;
    font-weight: bold;
    font-size: x-small;
}
span.OLAPTable_ct_menu A:hover, span.OLAPTable_rt_menu A:hover {
    text-decoration:underline;    
    color: #275E94;
    font-weight: bold;
    font-size: x-small;
}

/* column and row headers */
span.OLAPTable_ch_menu, span.OLAPTable_rh_menu {
    color: #000000;
    font-family: Verdana, helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
}
.OLAPTable_ch_menu A, .OLAPTable_rh_menu A {
    text-decoration: none;
    color: #275E94;
    font-family:  Verdana, helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
}
span.OLAPTable_ch_menu A:hover, span.OLAPTable_rh_menu A:hover{
   text-decoration: underline;
   color: #275E94;
   font-weight: bold;
    font-size: x-small;
}



.OLAPTable_dt_menuDisabled, .OLAPTable_ch_menuDisabled, .OLAPTable_ct_menuDisabled, .OLAPTable_rh_menuDisabled, .OLAPTable_rt_menuDisabled { 
    background-color: transparent; 
    color: inherit; 
    font-family: Verdana, helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
    vertical-align: top;
}

.OLAPTable_dt_menuItemContainer, .OLAPTable_ch_menuItemContainer, .OLAPTable_ct_menuItemContainer, .OLAPTable_rh_menuItemContainer, .OLAPTable_rt_menuItemContainer {
    padding-left: 8px;
    padding-right: 6px;
    background-color: white;
    border-top: #3872ac 1px solid;
    border-right: #3872ac 1px solid;
    border-bottom: #3872ac 1px solid;
    border-left: #3872ac 1px solid;
    text-align: left;
    color: #3872ac;
    z-index: 999;
    
}

.OLAPTable_dt_menuItem, .OLAPTable_ch_menuItem, .OLAPTable_ct_menuItem, .OLAPTable_rh_menuItem, .OLAPTable_rt_menuItem {
       color: #275E94;
       font-size: x-small;
       font-family: Verdana, helvetica, sans-serif;
       text-align: left;
       
}
.OLAPTable_dt_menuItem A, .OLAPTable_ch_menuItem A, .OLAPTable_ct_menuItem A, .OLAPTable_rh_menuItem A, .OLAPTable_rt_menuItem A {
    color: #275E94;
    text-decoration:none;
    
    
}
.OLAPTable_dt_menuItem A:hover, .OLAPTable_ch_menuItem A:hover, .OLAPTable_ct_menuItem A:hover, .OLAPTable_rh_menuItem A:hover, .OLAPTable_rt_menuItem A:hover {
    color: #275E94;
    text-decoration:none;
    background-color: #CFDEEB;
    
}

.OLAPTable_dt_menuItemDivider, .OLAPTable_ch_menuItemDivider, .OLAPTable_ct_menuItemDivider, .OLAPTable_rh_menuItemDivider, .OLAPTable_rt_menuItemDivider {
    color: #CFCBB1;
    height: 1px;
    width: 90%;
}

.OLAPTable_dt_menuItemArrow, .OLAPTable_ch_menuItemArrow, .OLAPTable_ct_menuItemArrow, .OLAPTable_rh_menuItemArrow, .OLAPTable_rt_menuItemArrow {
       color: #000000;
       font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
       font-size: 9pt;
       text-align: left;
}

.OLAPTable_dt_menuItemLink, .OLAPTable_ch_menuItemLink, .OLAPTable_ct_menuItemLink, .OLAPTable_rh_menuItemLink, .OLAPTable_rt_menuItemLink {
    color: #275E94;
    font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
    font-size: 9pt;
    text-align: left;
}
.OLAPTable_dt_menuItemLink A, .OLAPTable_ch_menuItemLink A, .OLAPTable_ct_menuItemLink A, .OLAPTable_rh_menuItemLink A, .OLAPTable_rt_menuItemLink A {
    color: #275E94;
    text-decoration:none;
}
.OLAPTable_dt_menuItemLink A:hover, .OLAPTable_ch_menuItemLink A:hover, .OLAPTable_ct_menuItemLink A:hover, .OLAPTable_rh_menuItemLink A:hover, .OLAPTable_rt_menuItemLink A:hover {
    color: #275E94;
    text-decoration:none;
    background-color: #CFDEEB;
}

.OLAPTable_dt_menuItemDisabled, .OLAPTable_ch_menuItemDisabled, .OLAPTable_ct_menuItemDisabled, .OLAPTable_rh_menuItemDisabled, .OLAPTable_rt_menuItemDisabled {
   background-color: transparent;
   font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
   color: #A9A9A9;
   font-size:9pt;
}

.OLAPTable_dt_menuLink, .OLAPTable_ch_menuLink, .OLAPTable_ct_menuLink, .OLAPTable_rh_menuLink, .OLAPTable_rt_menuLink {
}


.MenuBar{
}

.Menu{
}

.olapMenuLink{
}

.olapDrillStatemenuDivider
{
  padding-left: 3px;
  padding-right: 3px;
  color: #3872ac;
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
}


.olapDrillStatemenu
{
  margin-left: 2px;
  margin-right: 2px;
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.olapDrillStatemenuLink A, .olapDrillStatemenuLink A:visited, .olapDrillStatemenuLink A:active
{
  text-decoration: none;
  background-color: transparent;
  color: #3872ac;
  font-size: 8pt;
  font-family: Verdana,"Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.olapDrillStatemenuLink A:hover 
{
  text-decoration: underline;
  background-color: transparent;
  color: #003399;
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.olapDrillStateLabel
{
  margin-left: 2px;
  margin-right: 2px;
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.olapDrillStateTitle
{
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

th.showDetailTableColumnHeader {
    background-color: #faf3d4;
    border-right: #3872ac 1px solid;
    border-bottom: #3872ac 1px solid;
    color: black;
    text-align: center;
    vertical-align: middle;
    font-size: 9pt;
    
}

th.ShowDetailTableRowHeader {
    background-color: #faf3d4;
    border-right: #3872ac 1px solid;
    border-bottom: #3872ac 1px solid;
    color: black;
    text-align: left;
    vertical-align: middle;
    font-size: 9pt;
    
}

/* GraphOLAPTableComposite styles */

.GraphOLAPTableTitle {
    color: #000000;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
  height: 50px;
}

.GraphOLAPTableFooter {
    color: #000000;
    text-align: left;
    vertical-align: middle;
    font-family:  Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.GraphOLAPTableLegend{
   text-align: center;
   vertical-align: middle;
   background-color: #FAF3D4;
   border-left: #3872ac 2px solid;
   border-right: #3872ac 2px solid;
   border-bottom: #3872ac 2px solid;
   padding-top:3;
}

.GraphOLAPTableRowNavigationBar{
   vertical-align: bottom;
   background-color: white;
   border-left: #3872ac 2px solid;
   border-right: #3872ac 2px solid;   
}

.GraphOLAPTableToolBar {
    vertical-align: bottom;
}



/***************************************************************************
* DUALSELECTOR STYLES 
*(applies to com.sas.servlet.tbeans.dualselector.html.DualListSelector,
* TreeListSelector and DualTreeSelector)
****************************************************************************/

/* Sets <table class="dualSelectorBg"> to specify the background color and border of the dual selector */
.dualSelectorContainer 
{
  border: solid 1px #C0C0C0;
}

/* Sets <td class="dualSelectorLabel"> to specify the font and color of the label's text */
.dualSelectorSourceLabel, .dualSelectorTargetLabel 
{
   background-color : #DCDCDC;
   border: 1px solid #C0C0C0;
   border-style: outset;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000;
}


/* Sets <input class="dualSelectorButton"> to specify background attributes of buttons */
.dualSelectorButton 
{
  vertical-align: middle;
  width: 25px;
/*
  background-color: #DCDCDC;
  border: solid 2px #C0C0C0;
  border-style: outset;
  background-color:  #DCDCDC; */
}


.dualSelectorSubmitButton
{
  cursor: pointer;
  color: #003399;
  padding: 2px;
  font-size: 9pt;
  font-weight: bold;
  text-align: center;
      vertical-align: middle;
}

/***************************************************************************
*
*  Applies to com.sas.servlet.tbeans.dualselector.html.DualListSelector
*
*****************************************************************************/

/* Sets <select class="dualSelectorSource"> to specify the font, color and width of the
   Source Listbox */
.dualSelectorSource {
  background-color: #FEFEFF; 
  font-family: Verdana,  Arial, Helvetica, sans-serif;
  font-size: 8pt; 
  width: 150; 
  border-style: inset;
}

/* Sets <select class="dualSelectorTarget"> to specify the font, color and width of the
   Target Listbox */
.dualSelectorTarget {
  background-color: #FEFEFE; 
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 8pt; 
  width: 150; 
  border-style: inset;
}

 
/***************************************************************************
*
*  Applies to com.sas.servlet.tbeans.dualselector.html.TreeListSelector
*
*****************************************************************************/
/* Sets the <div class="dualPane"> to specify the border of the TreeListSelector's Source and Target components */

.dualSelectorSourceContainer
{
     vertical-align: top;
     width:150;
     height:200;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
     
  }
  
  .dualSelectorTargetContainer
  {
     vertical-align: top;
     width:150;
     height:200;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
  }

/* The TreeView's node text used insde the TreeListSelector. */
.dualText, .dualTree:active, .dualTree:link, .dualTree:visited 
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  text-decoration: none;
  color: #000000;
}

/***************************************************************************
*
* TABLEVIEW STYLES (applies to com.sas.servlet.tbeans.tableview.html.TableView)
*
****************************************************************************/

.tableContainer {
}

.tableTitle {
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;    
    font-size: x-small;
    height: 50px;
    color: #000000;
    background-color: #faf8ed;
    border: #cfcbb1 1px solid;
}

.tableFooter {
    text-align: center;
    vertical-align: middle;
    font-family: Verdana,  "Trebuchet MS", Helvetica, sans-serif;
    font-size: x-small;
    height: 50px;
    color: #000000;    
    background-color: #EEEEEE;
    border: #7f9db9 1px solid;
    border-top: #cfcbb1 1px solid;    
}

.tableToolBar {
    vertical-align: bottom;
}

.tableContent {
}

.mainTable {
    border: #7F9DB9 1px solid;
}

.tableviewmenuBar {
}

.tableviewmenu A:link, .tableviewmenu A:active, .tableviewmenu A:visited
{
    text-decoration:none;
    background-color: transparent;
    color: #275e94;    
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    font-size: x-small;
    font-weight: normal;
}

.tableviewmenu A:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #275e94;    
    font-size: x-small;
}

.tableviewmenuDisabled {
    text-decoration:none;
    background-color: transparent;
    color: #3872ac;
    font-size: x-small;
}

.tableviewmenuItemContainer {
    padding-left: 4px;
    padding-right: 3px;
    border-top: #3872ac 1px solid;
    border-right: #3872ac 1px solid;
    border-bottom: #3872ac 1px solid;
    border-left: #3872ac 1px solid;
    text-align: left;
    background-color: white;
    font-size: x-small;
    z-index: 999;
}

.tableviewmenuItem {
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    text-decoration:none;
    background-color: transparent;
    color: #275e94;        
    font-size: x-small;
    cursor: hand;
}

.tableviewmenuItem A:active, .tableviewmenuItem A:link, .tableviewmenuItem A:visited {
    text-decoration:none;
    background-color: transparent;
    color: #275e94;        
    font-size: x-small;
}

.tableviewmenuItem A:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #275e94;
    font-size: x-small;
}

.tableviewmenuItemLink A:active, .tableviewmenuItemLink A:link, .tableviewmenuItemLink A:visited {
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    text-decoration:none;
    background-color: transparent;
    color: #275e94;    
    font-size: x-small;
}

.tableviewmenuItemLink A:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #275e94;       
    font-size: x-small;
}

.tableviewmenuItemDisabled {
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    text-decoration:none;
    background-color: transparent;
    color: #000000;
    font-size: x-small;
}

.tableviewmenuItemArrow {
  font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
}

.tableviewmenuItemDivider {
    color: #3872ac;
    height: 1px;
    width: 90%;
}

th.tableColumnHeader {
    background-color: #EEEEEE;
    border-left: none;
    border-right: #7f9db9 1px solid;    
    border-top: none;
    border-bottom: #cfcbb1 1px solid;
    text-align: center;
    vertical-align: middle;
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;    
    font-size: x-small;
    font-weight: normal;
}

th.tableRowHeader {
    background-color: #EEEEEE;
    border-left: none;
    border-right: #7f9db9 1px solid;    
    border-top: none;
    border-bottom: #cfcbb1 1px solid;
    color: #000000;    
    text-align: left;
    vertical-align: middle;
    font-family: Verdana,  "Trebuchet MS", Helvetica, sans-serif;    
    font-size: x-small;
    font-weight: normal;    
}

/* alpha data values */
td.tableData {
    border-left: none;
    border-right: #eeeeee 1px solid;    
    border-bottom: #eeeeee 1px solid;
    border-top: none;
    color: #000000;
    font-family: Verdana,  Helvetica, sans-serif;
    font-size: x-small;
}

/* numeric data values */
td.tableDataNumeric {
    border-left: none;
    border-right: #eeeeee 1px solid;
    border-bottom: #eeeeee 1px solid;    
    border-top: none;
    color: #000000;    
    font-family:  Verdana, Helvetica, sans-serif;
    font-size: x-small;
    text-align: right;
}

td.tableDataTotal {
    border-right: #cfcbb1 1px solid;
    border-bottom: #cfcbb1 1px solid;
    border-top: none;
    color: #000000;    
    background-color: #FAFAD2;
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    font-size: x-small;
    font-weight: bold;
    text-align: right;
}

td.emptyTableData {
    border-left: none;
    border-right: #cfcbb1 1px solid;    
    border-bottom: #cfcbb1 1px solid;
    border-top: none;
    color: #000000;
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    font-size: x-small;
    text-align: center;
}

tr.tableRow {
}

tr.tableEvenRow {
    background-color: #faf8ed;
}

tr.tableOddRow {
    background-color: #ffffff;
}

.tableEditColumnCell {
    border-right: #cfcbb1 1px solid;
    border-bottom: none;    
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
}

.tableEditRowCell {
    background-color: #faf3d4;
    border-right: #cfcbb1 1px solid;
    border-bottom: #cfcbb1 1px solid;
    color: #3872ac;
    text-align: left;
    vertical-align: middle;
    font-size: x-small;
}

.tableRowSelectionCell {
    border-right: #cfcbb1 1px solid;
    border-bottom: none;
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
}

/* TreeTableView style */
.TreeTableColumn {
    padding: 0pt;
}


/***************************************************************************
*
* TABLEVIEW STYLES
*
****************************************************************************/

.navigationBar {
}

.navigationBarElement {
    vertical-align: bottom;
}

.navbarmenuBar {
}

.navbarmenuDisabled {
}

.navigationText {
    color: #000000;
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    font-size: x-small;
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
}

.navbarInput  {
    color: #000000;
    font-family: Verdana, "Trebuchet MS", Helvetica, sans-serif;
    font-weight: bold;
    font-size: x-small;
    width: 35;
}

.navbarmenuLink {
}

/***************************************************************************
* MENUBAR STYLES
* Default styles used for com.sas.servlet.tbeans.menubar.html.MenuBar, Menu
* and MenuItem classes
***************************************************************************/

/* Sets <table class="menuBar"> on the outer container of the menus.  */
.menuBar 
{
  /*border: solid 1px #000000;*/
}

/* Sets <td class="menuDivider"> */
.menuDivider  
{
  background-color: #EEEEEE;
  font-size: small;
  font-weight : bold;
  color: #275E94;
}

/* Sets <td class="menu|menuLink|menuDisabled|menuLinkDisabled|menuSelected|menuLinkSelected"> */
/* If the menu has a url, 'menuLink' will be used; otherwise, 'menu' will be the default style class. */
.menu A, .menuLink A,
.menuDisabled A, .menuLinkDisabled A
{
  color: #275E94;
}

.menu, .menuLink
{
    background-color: #EEEEEE;
    font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
    font-size: x-small; 
    color: #275E94;
    font-weight: normal;
    cursor:hand;
    text-align: center;
}

.menu A, menu A:visited, 
.menuLink A, .menuLink A:visited,
.menuDisabled A, .menuLinkDisabled A:visited
{
    
  text-decoration: none;
}

.menuLink A:hover, .menu A:hover  
{
  text-decoration: underline;
}

.menuDisabled, .menuLinkDisabled
{
  background-color: #EEEEEE;
  font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
  font-size: x-small; 
  font-weight: normal;
  color: gray;
  text-align: center;
}


/* Sets <hr class="menuItemDivider"> or <td class="menuItemDivider"> */
/* If a divider image for the menu item is not provided, the style will be set on the <hr> */
/* otherwise, it'll be set on the <td> */
.menuItemDivider 
{
  color: #3872ac;
  height: 1px;
      width: 90%;
}

/* The arrow to indicate that the Menu Item has sub menus. By default, if no image is provided,*/
/* ">" will be used */
.menuItemArrow
{
        color: #3872ac;
        font-size: 9pt;
        font-weight: bold;
       text-align: left;
}



/* Sets <div class="menuItemContainer">.  The <div> containing the menu items */
.menuItemContainer  
{

  background-color: white; 
  border-bottom-color: #3872ac; 
  border-bottom-style: solid; 
  border-bottom-width: 1px; 
  border-left-color: #3872ac; 
  border-left-style: solid; 
  border-left-width: 1px; 
  border-right-color: #3872ac; 
  border-right-style: solid; 
  border-right-width: 1px; 
  border-top-color: #3872ac; 
  border-top-style: solid; 
  border-top-width: 1px; 
  color: #3872ac; 
  font-size: 9pt; 
  font-weight: bold; 
  padding-bottom: 0px; 
  padding-left: 4px; 
  padding-right: 3px; 
  padding-top: 0px; 
  text-align: left;
  z-index: 999;
}

/* Sets <td class="menuItem|menuItemLink|menuItemDisabled|menuItemLinkDisabled|menuItemSelected|menuItemLinkSelected"> */
/* If the menu item has a url, 'menuItemLink' will be used; otherwise, 'menuItem' will be the default style class. */
.menuItem A, .menuItemLink A
{
  color: #3872ac;
  font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
  font-size: 9pt; 
}

.menuItemLink IMG, .menuItem IMG, .menuItemDisabled IMG
{
 vertical-align: middle;
}
.menuItem, .menuItemLink
{
    background-color: transparent;
    cursor:hand;
    color: #3872ac;
  font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
  font-size: 9pt; 
  font-weight: bold;
  vertical-align: middle;
}

.menuItemDisabled, .menuItemDisabled A, .menuItemLinkDisabled, .menuItemLinkDisabled A
{
  color: gray;
  font-family: Verdana,  Trebuchet MS, Helvetica, sans-serif;
  font-size: 9pt; 
  font-weight: bold;
  cursor:hand;
}

.menuItemLinkActive, .menuItemActive, .menuItemLinkDisabledActive, .menuItemDisabledActive
{
    background-color: transparent;
    font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
    font-size: 9pt; 
    color: #3872ac;
    font-weight: bold;
    cursor:hand;
}

.menuItemActive A, menuItemActive A:visited, 
.menuItemLinkActive A, .menuItemLinkActive A:visited
{
    
  text-decoration: none;
}

.menuItem A, .menuItem A:visited, 
.menuItemLink A, .menuItemLink A:visited,
.menuItemDisabled A, 
.menuItemLinkDisabled A,
.menuItemLinkDisabledActive A:hover,
.menuItemDisabledActive A:hover
{
    
  text-decoration: none;
}

.menuItemLink A:hover,
.menuItemLinkActive A:hover,
.menuItem A:hover,
.menuItemActive A:hover
{
  text-decoration: underline;
  color: #003399
}

.menuLink IMG, .menu IMG, .menuLinkDisabled IMG, .menuDisabled IMG,
.menuItemLink IMG, .menuItem IMG, .menuItemLinkDisabled IMG, .menuItemDisabled IMG 
{
  vertical-align: middle;
}

/***************************************************************************
*
* COMBOBOXVIEW STYLES (applies to com.sas.servlet.tbeans.form.html.ComboBoxView)
*
* See getStyleMap() method on ComboBoxView for list of keys these styles 
* map to.
*
****************************************************************************/
.comboBoxViewOption   {padding: 0; padding-left: 3; padding-right: 3; width: 100%;
          background: white; padding: 1; font-family: MS Shell Dlg; font-style: normal; 
          font-size:10pt;}
.comboBoxViewDropDown   {position: absolute; visibility:hidden;
          border:solid black; border-width: 1px; padding: 0;
          background: white; overflow: hidden; width:100%;}
.comboBoxViewList     {height: 100%; border-width:0; background: white; }
.comboBoxViewLabel    { border-bottom: 1px solid buttonface; border-top:1px solid threeddarkshadow; border-left: 1px solid threeddarkshadow; padding:0; background: white; border-right:1px solid buttonface; }
.comboBoxViewLabelDiv   { border-left: 1px solid #848284; border-top: 1px solid #848284; }
.comboBoxViewImages   {height:20; width:20;}
.comboBoxViewListImages   {height:20; width:20;}
.comboBoxViewTextCtrl   {border-right:1px solid buttonface;  }
.comboBoxViewTextCtrlDiv  {padding:0; border-top: 1px solid #848284;}
.comboBoxViewTextCtrlDiv2 {padding:0; border-top: 1px solid #424142;}
.comboBoxViewTable    {position:relative;left:0px;top:0px;height:100%;width:100%;}
.comboBoxViewListHighlight  {background: highlight; color: white; font-family: MS Shell Dlg; 
         font-style: normal; font-size:10pt;}
.comboBoxViewListUnHighlight  {background: highlighttext;color: windowtext; font-family: MS Shell Dlg; 
         font-style: normal; font-size:10pt;}
.comboBoxViewListText   {color: windowtext; height:1; font-family: MS Shell Dlg; font-style: normal; 
         font-size:10pt;}
.comboBoxViewListSelected {color: highlighttext; height: 1; font-family: MS Shell Dlg; font-style: normal; 
         font-size:10pt;}
.comboBoxViewListTable    {width:100%;}
.comboBoxViewNoImages   {height:10; width:2;}
.comboBoxViewTextCell   { }
.comboBoxViewImageCell    {border-right: 1px solid #D6D3CE; 
          border-bottom: 1px solid #D6D3CE; height:100%; }
.comboBoxViewEditImageCell  {}
.comboBoxViewArrowCell    {border-top: 1px solid #848284; }
.comboBoxViewButton   { height:19px; width:16px; }
.comboBoxViewEditButton   { height:17px; width:16px;}
.comboBoxViewButtonDiv1   { border-top: 1px solid buttonface; border-bottom: 1px solid #D6D3CE; border-right: 1px solid #D6D3CE; }
.comboBoxViewButtonDiv2   { border-top: 1px solid #424142; }
.comboBoxViewButtonDiv3   {border-top: 1px solid #848284; border-bottom:1px solid white; border-right:1px solid white;}
.comboBoxViewButtonDiv4   { border-top: 1px solid buttonface; border-bottom: 1px solid #D6D3CE; border-right: 1px solid #D6D3CE; }
.comboBoxViewDisplayEditTbl {}
.comboBoxViewDisplayTable { }
.comboBoxViewTableCell    {border-bottom: 1px solid lightgrey; border-right: 1px solid lightgrey; }
.comboBoxViewLeftTableCell  { }

.comboBoxViewButtonXP   {}
.comboBoxViewDisplayTableXP {background:white; border-left: 1px solid #7B9EBD; border-top: 1px solid #7B9EBD;
          border-right: 1px solid #7B9EBD; border-bottom: 1px solid #7B9EBD; }
.comboBoxViewLabelXP    {background: white; border:none; }
.comboBoxViewLeftTableCellXP  {}
.comboBoxViewArrowCellXP  {}
.comboBoxViewButtonImgXP  {}


/***************************************************************************
*
* LISTBOXVIEW STYLES (applies to com.sas.servlet.tbeans.form.html.ListBoxView)
*
* See getStyleMap() method on ListBoxView for list of keys these styles 
* map to.
*
****************************************************************************/
.listBoxViewDropDown  { border-left: 2px solid dimgray ;  
          border-bottom: 3px double inactiveborder;
          border-top: 2px solid dimgray; 
          overflow:hidden;
          border-right: 3px double inactiveborder; 
          padding: 0; 
          background: white;
          cursor: default;
          
        }
.listBoxViewScroll  { border-left: 3px inset ;  
          border-bottom: 4px double inactiveborder;
          border-top: 3px inset ;
          overflow: hidden; 
          overflow: scroll;
          border-right: 4px double inactiveborder; 
          padding: 0; 
          background: white;
        
          
        }

        
        
.listBoxViewListImages    {height:20; }
.listBoxViewListText    {color: windowtext; font-family: MS Shell Dlg; 
         font-style: normal; font-size:10pt;}
/*.listBoxViewListSelected  {color: highlighttext;}*/
.listBoxViewListNoImages  {height:10; width:2;}
.listBoxViewListHighlight {background: highlight; color: highlighttext;
         font-family: MS Shell Dlg; font-style: normal; font-size:10pt;}
.listBoxViewListUnHighlight {background: highlighttext; color: windowtext;
         font-family: MS Shell Dlg; font-style: normal; font-size:10pt;}
.listBoxViewListTable   {}


.listBoxViewListSelected
{
     color: white;
     font-family: MS Shell Dlg; font-style: normal; font-size:10pt;
     /*background-color: #003399;*/
}
.listBoxViewListTableXP   {border: 1px solid #7B9EBD; padding:1;}
.listBoxViewDropDownXP    {border-left: 1px solid dimgray ;  
         border-bottom: 1px solid threedlightshadow;
         border-top: 1px solid dimgray; 
         overflow:hidden;
         border-right: 1px solid threedlightshadow; 
         padding: 0; 
         background: white;
         cursor: default;
        }

/***************************************************************************
*
* JAVASCRIPTNODE STYLES (applies to com.sas.servlet.tbeans.models.JavaScriptNode)
*
* See getStyleMap() method on JavaScriptNode for list of keys these styles 
* map to.
*
****************************************************************************/
.javaScriptNodeText   {font-family: MS Shell Dlg; font-style: normal; font-size:10pt;}
.javaScriptNodeNoImage    {height:15; width:2}
.javaScriptNodeIndentStyle  {height:10; width:7} 

/***************************************************************************
*
*  TREEVIEW STYLES
*      Applies to com.sas.servlet.tbeans.html.TreeView
*
*****************************************************************************/

/* Sets <a class="treeText"> to specify non-linked tree node font attributes */
.treeText {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: black;
  cursor: default;
}
.treeText:active, .treeText:focus {
  font-weight: bold;
  outline: thick solid red;
}
.treeText:hover {
  color: purple;
}

.treeDisabled {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: gray;
}


.treeSelected, .treeSelected:active, .treeSelected:link, .treeSelected:visited {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  background: highlight;
  color: highlighttext;
  cursor: default;
}
.treeSelected:active, .treeSelected:focus {
  font-weight: bold;
}
.treeSelected:hover {
  color: navy;
} 

    
    
/* Sets <a class="treeLink"> to specify linked tree node font attributes */
.treeLink, .treeLink:active, .treeLink:link, .treeLink:visited { 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  color: #0000CC;
  text-decoration: none;
} 
    
/* Sets <a class="treeLink"> hover attributes */
.treeLink:hover {
  text-decoration: underline;
} 
    
/* Sets <a class="treeLinkActive"> to specify active linked tree node font attributes */
.treeLinkActive, .treeLinkActive:active, .treeLinkActive:link, .treeLinkActive:visited { 
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: x-small;
  font-weight: bold;
  color: #0000CC;
}

.treeDescription {
  font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
  font-size: xx-small;
  color:  #C0C0C0;
}
    
/* Sets <a class="treeLinkActive"> hover attributes */
.treeLinkActive:hover {
  text-decoration: underline;
  color: #0000CC;
}


/* SELECTORS */
.selectorBackground
{
  background-image: url(popup_tiling_background.gif);
  margin:0px;
}
.selectorHeader
{
    margin-left: 2px;
    margin-right: 2px;
    font-family: Verdana,  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.selectorLabel
{
    font-family: Verdana,  "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}
.selectorLabelTop
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold;
    vertical-align: top;
}
.selectorText
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.selectorTextEntry,
.selectorTextArea,
.selectorInput
{
    background-color: white;
    color: #003399;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.selectorTextEntryDisabled
{
    background-color: transparent;
    color: #003399;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.selectorRadio {
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}
.selectorChoice,
.selectorList {
    background-color: white;
    color: transparent;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.selectorFieldsetLegendTop
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
  color: transparent;    
    font-weight: bold;
    vertical-align: top;
  padding-right:5px;
}

.selectorCheckBox {
}
   
.selectorRadioLabel, 
.selectorCheckBoxLabel  {
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
  color: transparent;    
}

.selectorErrorHeader {
    background-color: transparent;
    color: black;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}
.selectorErrorMessages {
    margin-left: 10px;
    padding: 1px 4px 1px 4px;
    background-color: #faf3d4;
    color: black;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

.selectorDialogSpacer {
  width: 10px;
}
.selectorVerticalDialogSpacer {
    font-size: 1pt;
    height: 20px;
}
.selectorHeaderSpacer {
  width: 10px;
}

.buttonSpacer,
.componentSpacer,
.selectorButtonSpacer,
.selectorComponentSpacer {
  width: 10px;
}
.verticalComponentSpacer,
.verticalButtonSpacer,
.selectorRowSpacer,
.selectorVerticalButtonSpacer {
  font-size: 1pt;
  height: 5px;
}

.selectorRowTextSpacer
{
  font-size: 1pt;
  height: 12px;
}

/**************************************
/*
/* Button class default styles 
/***************************************/

.buttonLeft, .buttonLeftRollover, .buttonLeftInactive {
    border-style: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
}
.buttonRight, .buttonRightRollover, .buttonRightInactive {
    border-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.button {
    
    font-size: 1em;
    font-weight: bold;
    color: #fff;
    background-color: #399;
    border-bottom: 2px solid #366;
    border-right: 2px solid #366;
    border-top: 2px solid #dff;
    border-left: 2px solid #dff;
    font-family:Verdana, trebuchet ms,helvetica,sans-serif;
    cursor: pointer;
    height: 1.8em;
    
}

.visualDataExplorer_ButtonAction_ButtonCenter
{
    color:#3872ac;
    cursor: pointer;
    padding: 1px 3px 1px 3px;
    font-family:trebuchet ms,helvetica,sans-serif;
    font-size:84%;
    font-weight:bold;
    background-color:#fcf4dc;
    border-top:1px solid #b1c1d0;
    border-left:1px solid #b1c1d0;
    border-right:1px solid #3872ac;
    border-bottom:1px solid #3872ac;
    filter:progid:DXImageTransform.Microsoft.Gradient(
  GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffEEEEEE');
}

.buttonActive {
    text-align: center;
    vertical-align: middle;
    /* background-image: url(buttonCenterActive.gif); */
    background-repeat: repeat-x;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}

.buttonRollover
{
   border-color:#f8b230;
}


.buttonRollover span
{
    color:#3872ac;
    font-family:Verdana, trebuchet ms,helvetica,sans-serif;
    font-size:84%;
    font-weight:bold;
}

.buttonDisabled {
    text-align: center; 
    vertical-align: middle;
    /* background-image: url(buttonCenterDisabled.gif); */
    background-repeat: repeat-x;
    color: #999999;
    font-size: 9pt;
    font-weight: bold;
}

.buttonCenter SPAN
{
    color:#3872ac;
    font-family:Verdana, trebuchet ms,helvetica,sans-serif;
    font-size:84%;
    font-weight:bold;

}
.buttonCenterDisabled SPAN {
    color: #999999;
    font-size:84%;
}

.buttonCenter IMG, .buttonCenterDisabled IMG
{
    text-align: center; 
    vertical-align: middle; 
}
 
/***********************************************
 * SimpleCalculatedItemSelector default styles 
 ***********************************************/

.SimpleCalculatedItemSelectorContainer,
.SimpleCalculatedItemSelectorNameLabel,
.SimpleCalculatedItemSelectorDescriptionLabel,
.SimpleCalculatedItemSelectorMeasureAndLevelButtons,
.SimpleCalculatedItemSelectorAvailableLabel
{
}

.SimpleCalculatedItemSelectorNameEntry,
.SimpleCalculatedItemSelectorDescriptionEntry,
{
  width: 275px;
}

/* Set <select class="SimpleCalculatedItemSelectorAvailableList"> to specify the height 
and width of the Available List */
.SimpleCalculatedItemSelectorAvailableList 
{
  height: 114px;
  width: 175px; 
}

.SimpleCalculatedItemSelectorLevelCombo 
{
  width: 175px; 
}

.SimpleCalculatedItemSelectorListEditorComponent
{
  height: 114px;
  width: 390px;
}


/***********************************************
 * BaseExpressionEditor default styles 
 ***********************************************/

.BaseExpressionEditorExpressionLabel,
.BaseExpressionEditorOperatorButtonRow,
.BaseExpressionEditorStringDataPatternExampleRow,
{
}

/* Set class="BaseExpressionEditorExpressionArea" to specify the height
and width of the ExpressionEditor when it is contained in either the
SimpleCalculatedItemSelectorPanel or the AdvancedCalculatedItemSelectorPanel */

.BaseExpressionEditorExpressionArea 
{
  height: 120px;
  width: 225px;
}


/* DataItemSelector styles */
/* applies to com.sas.servlet.tbeans.dataselectors.html.DataItemSelector */

.dataItemSelectorRoleComboBox
{
    width: 137;
}

.dataItemSelectorViewItemsComboBox
{
    width: 130;
}

.dataItemSelectorOlapDualSelectorSourceContainer
{
     vertical-align: top;
     width:200;
     height:228;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
     
}

.dataItemSelectorTableDualSelectorSourceContainer
{
     vertical-align: top;
     width:200;
     height:228;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
}
  
.dataItemSelectorOlapDualSelectorTargetContainer
{
     background-color: red;
     vertical-align: top;
     width:200;
     height:200;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
}

.dataItemSelectorTableDualSelectorTargetContainer
{
     vertical-align: top;
     width:200;
     height:228;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
}

.dataItemSelectorRoleLabel, .dataItemSelectorViewItemsLabel
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000;
}

.dataSelectorPanelContainer
{
     vertical-align: top;
     overflow:scroll;
}

.dataItemSelectorMessageTextEntry
{
   background-color: transparent;
}

.dataItemSelectorMenuItem, .dataItemSelectorMenuItemLink, .dataItemSelectorMenuItem A:visited
{
   background-color: transparent;
   cursor:hand;
   color: #3872ac;
   font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
   font-size: 9pt; 
   font-weight: bold;
   vertical-align: middle;
   text-decoration: none;
   padding-left: 5px;
   padding-top: 2px;
}

.dataItemSelectorMenuItem A:hover
{
   text-decoration: underline;   
}

.dataItemSelectorMenuItemDisabled, .dataItemSelectorMenuItemLinkDisabled, .dataItemSelectorMenuItemDisabled A
{
   background-color: transparent;
  color: gray; 
  font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
  font-size: 9pt; 
  font-weight: bold;
  cursor:hand;
   text-decoration: none;
   padding-left: 5px;
   padding-top: 2px;
}

.dataItemSelectorMenuItemDisabled A:hover
{
  text-decoration: none;
}

.dataItemSelectorMenuDisabled, .dataItemSelectorMenuLinkDisabled
{
  text-decoration: none;
  background-color: #EEEEEE;
  font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
  font-size: x-small; 
  font-weight: normal;
  color: gray;
  text-align: center;
}

.dataItemSelectorMenuLink,
.dataItemSelectorMenuBarDisabled {
    color:#3872ac;
    cursor: pointer;
    padding: 1px 3px 1px 3px;
    font-family:Verdana, trebuchet ms,helvetica,sans-serif;
    font-size:84%;
    font-weight:bold;
    background-color:#fcf4dc;
    border-top:1px solid #b1c1d0;
    border-left:1px solid #b1c1d0;
    border-right:1px solid #3872ac;
    border-bottom:1px solid #3872ac;
    filter:progid:DXImageTransform.Microsoft.Gradient(
  GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffEEEEEE');
}

.dataItemSelectorArrowMenuLink,
.dataItemSelectorArrowMenuBarDisabled {
    vertical-align: middle;
        width: 25px;

    color:#3872ac;
    cursor: pointer;
    padding: 1px 3px 1px 3px;
    font-family:Verdana, trebuchet ms,helvetica,sans-serif;
    font-size:84%;
    font-weight:bold;
    background-color:#fcf4dc;
    border-top:1px solid #b1c1d0;
    border-left:1px solid #b1c1d0;
    border-right:1px solid #3872ac;
    border-bottom:1px solid #3872ac;
    filter:progid:DXImageTransform.Microsoft.Gradient(
  GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffEEEEEE');
}

.dataItemSelectorMenuBar IMG, .dataItemSelectorMenuBarDisabled IMG
{
  margin-left: 5px;
}





/* FindSelector styles */
/* applies to com.sas.servlet.tbeans.dataselectors.find.html.FindSelector */

.findSelectorConditionChoiceBox
{
    width: 200;
}

.findSelectorFindTypeRadio, .findSelectorFindDirectionRadio
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: x-small; 
}

.findSelectorLabel
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000;
}


.findSelectorValueTextEntry
{
   background-color: transparent;
   width: 200;
}

/***********************************************
 * Sort selector styles 
 ***********************************************/
.sortSelectorChoiceBox {
    width: 200px;
    background-color: white;
    color: transparent;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    
}

/*********************************************
* PercentCalculations styles.  Apply to 
* com.sas.servlet.tbeans.dataselectors.calculations.percent.html.PercentCalculationsSelector 
**********************************************/
.percentCalculationsSelectorLabel
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000;
   white-space: nowrap;
   width: 120px;
}

.percentCalculationsSelectorChoiceBox
{
    width: 250px;
}

.percentCalculationsSelectorChoiceLabel
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   text-align: left;
   color: #000000;
   white-space: nowrap;
   width: 250px;
}

.percentCalculationsSelectorLabelTextEntry
{
   /* background-color: transparent; */
   color: transparent;
   width: 250px;
}

.percentCalculationsSelectorSummary
{
}

.percentCalculationsSelectorButton
{
}

.percentCalculationsSelectorTitleLabel
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000;
}

.percentItemNodeText
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
}

.percentSelectorComponentSpacer
{
  width: 30px;
  /* background-color: #faf3d4; */
}

/****************
/* PercentCalculationsSelectorListBoxView
/*****************/
.pcs_ListBoxViewContainer
{ 
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border-left: 3px inset treeshadow;  border-bottom: 4px double inactiveborder;
  border-top: 3px inset treeshadow;overflow:auto;
  border-right: 4px double inactiveborder; padding: 0; background: white;
  width: 400px;
  height: 100%;
  overflow: auto; 
}


.pcs_ListBoxViewContainerXP
{ 
 border-left: 1px solid dimgray ;  
 border-bottom: 1px solid threedlightshadow;
 border-top: 1px solid dimgray; 
 border-right: 1px solid threedlightshadow; 
 padding: 0; 
 background: white;
 width: 400px;
 height: 100%;
 overflow: auto; 
}

.pcs_ListBoxViewTitle
{
   width: 400px;
}

.pcs_ListBoxViewTitle TABLE
{
  width: 100%;
}

.pcs_ListBoxViewMeasureTitle
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  width: 130px;
}

.pcs_ListBoxViewPercentTitle
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  width: 160px;
}

.pcs_ListBoxViewLabelTitle
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  width: 100px;
}

.pcs_ListBoxViewMeasureNode
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  width: 130px;
}

.pcs_ListBoxViewPercentNode
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  width: 160px;
}

.pcs_ListBoxViewLabelNode
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  width: 100px;
}

/*********************************************
* MemberPropertiesSelector styles.  Apply to 
* com.sas.servlet.tbeans.memberproperties.html.MemberPropertiesSelector 
**********************************************/

.mps_SourceTitle
{
}


.mps_TargetTitle
{
}

.mps_OptionsLabel
{
   /* font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;*/
   /* font-size: x-small;*/ 
   /* color: #000000;*/
   /* white-space: nowrap;*/
   /* width: 120px; */
}

.mps_LabelsCheckBox
{
    font-size: 9pt;
    /* margin-left:9px; */
    text-align: left;
  font-weight: bold;
  /* font-style: italic; */
}

.mps_LabelsCheckBoxLabel
{
    font-size: 9pt;
    /* margin-left:9px; */
    text-align: left;
  font-weight: bold;
}

.mps_CaptionsCheckBox
{
  font-size: 9pt;
    /* margin-left:9px; */
    text-align: right;
  font-weight: bold;    
}

.mps_CaptionsCheckBoxLabel
{
  
  font-size: 9pt;
  /* margin-left:9px; */
  text-align: right;
  font-weight: bold;
}

.mps_LabelsCheckBoxTD
{
  width: 50%; 
}

.mps_CaptionsCheckBoxTD
{
  width: 50%; 
}

/************************* FontPicker Styles ****************************/


.fontPickerContainer
{
   border: 2px solid;   
}

.fontPickerToolBar
{ 
   border: 5px solid;
   
}

.fontPickerButtonSpacer
{
   width: 1px;    
}

.fontPickerButton
{  
}

.fontPickerButton IMG
{
   vertical-align: middle;
}

.fontPickerSelectedButton
{
   background-color:#E0E7ED;
   border: 1px solid #7F9DB9;
   font-family: Verdana, Trebuchet MS, Helvetica, sans-serif;
   font-size: x-small; 
   color: #275E94;
   font-weight: normal;
   cursor:hand;      
}

.fontPickerSelectedButton IMG
{
   vertical-align: middle;
}

.fontPickerSampleText
{
   
}


/*********************************/
/* NEW RemoteFileSelector Styles */
/* remotefileselector2 package   */
/*********************************/

/********************************* RemoteFileSelector General customizations ****************************/

.rfs_Container
{
   width: 100%;
}

.rfs_Search
{
}

.rfs_ToolBar
{
}

.rfs_DetailView
{
   padding-top: 8px;  
}


/********************************* RemoteFileSelector - DETAILVIEW customizations ****************************/

.rfs_FileDetailView, .rfs_SearchDetailView
{
    padding: 0px;    
    margin: 0px;
    width: 100%;
    border-color: #3872AC;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

.rfs_FileDetailViewData, .rfs_SearchDetailViewData
{
     
}

.rfs_FileDetailViewColumnHeader, .rfs_SearchDetailViewColumnHeader
{
   background-color: #faf3d4;
   color: black;
   text-align: left;
   vertical-align: middle;
   font-style: normal;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   font-weight: normal;
   padding-top: 2px;
   padding-right: 15px;
   padding-bottom: 3px;
   padding-left: 5px; 
   border-style: solid;
   border-color: #3872AC;
   border-width: 0px 0px 1px 0px;
}



.rfs_FileDetailViewData img, .rfs_SearchDetailViewData img
{
   margin-right: 2px;
}

.rfs_FileDetailViewData A:active, .rfs_SearchDetailViewData A:active,
.rfs_FileDetailViewData A:link, .rfs_SearchDetailViewData A:link,
.rfs_FileDetailViewData A:visited, .rfs_SearchDetailViewData A:visited,
.rfs_FileDetailViewColumnHeader A:active, .rfs_SearchDetailViewColumnHeader A:active,
.rfs_FileDetailViewColumnHeader A:link, .rfs_SearchDetailViewColumnHeader A:link,
.rfs_FileDetailViewColumnHeader A:visited, .rfs_SearchDetailViewColumnHeader A:visited
{
   text-decoration:none;
   color: #3872ac;
   font-style: normal;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small;
}


.rfs_DetailViewOddRow
{
    background-color: white;
    color: black;
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small; 
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}

.rfs_DetailViewEvenRow
{
    background-color: #FAF8ED;
    color:black; 
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small; 
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}


/********************************* RemoteFileToolBar customizations *****************************************/

.rfs_ToolBarContainer
{
   margin-top: 8px;
   margin-bottom: 0px;
   margin-left: 10px;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000; 
}


.rfs_ToolBarLabel
{  
}

.rfs_ToolBarChoice
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   width:220px;
   margin-left: 2px;
   margin-right: 10px;
   height: 1.4em;
}

.rfs_ToolBarShowDescriptionLabel
{
}

.rfs_ToolBarShowDescription
{
   margin-left: 10px;
}

/* Button text is span section of buttonCenter */
.rfs_ToolBarAction_ButtonCenter SPAN
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small;
   color:#3872ac;
   margin-left: 2px;
}

.rfs_ToolBarAction_ButtonCenter A:link, 
.rfs_ToolBarAction_ButtonCenter A:active, 
.rfs_ToolBarAction_ButtonCenter A:visited
{
   text-decoration: none;
}

.rfs_ToolBarAction_ButtonCenterDisable A:link,
.rfs_ToolBarAction_ButtonCenterDisabled A:active,
.rfs_ToolBarAction_ButtonCenter A:hover,
.rfs_ToolBarAction_ButtonCenterDisabled A:visited
{
   text-decoration: none;
}

.rfs_ToolBarAction_ButtonCenterDisabled SPAN 
{
   color: #999999;
   font-family: Verdana,  "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small;
}

.rfs_ToolBarAction_ButtonCenter IMG,
.rfs_ToolBarAction_ButtonCenterDisabled IMG
{
    text-align: center; 
    vertical-align: middle; 
}


/********************************* EXPANDCOLLAPSE customizations of the RemoteFileSearch *****************************************/

/*entire table container */
.rfs_SearchExpandCollapseContainer{
   background-color: #FFFFFF;
   border: 1px solid #3872AC;
   margin-bottom: 2px;
   width: 100%;        
}

/*entire title row area, including buttons*/
.rfs_SearchExpandCollapseTitle{
   font-size: x-small;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-weight:bold;  
   padding-left: 4px;
   width: 100%;
 }


.rfs_SearchAll
{
   width: 39%;
}


/********************************* RemoteFileSearch cusomizations *****************************************/
.rfs_SearchContainer
{
   padding-bottom: 2px;
   padding-top: 2px;
   padding-left: 2px;
   padding-right: 2px;
   color: #000000;
   background-color: #FAF8ED;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif; 
   width: 100%; 
      
}

.rfs_SearchFieldsContainer
{
   vertical-align: top;
}


.rfs_SearchButtonsContainer
{
   vertical-align: top;
   padding-left: 10px;
   padding-top: 5px;
}

.rfs_SearchButton 
{
   width: 60px;
   color:#3872ac;
   cursor: pointer;
   padding: 1px 3px 1px 3px;
   font-family: Verdana, trebuchet ms,helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fcf4dc;
   border-top:1px solid #b1c1d0;
   border-left:1px solid #b1c1d0;
   border-right:1px solid #3872ac;
   border-bottom:1px solid #3872ac;
   filter:progid:DXImageTransform.Microsoft.Gradient(
   GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffEEEEEE');
   margin-bottom: 8px;
}

.rfs_StopButton 
{
   width: 60px;
   color:#3872ac;
   cursor: pointer;
   padding: 1px 3px 1px 3px;
   font-family:Verdana, trebuchet ms,helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fcf4dc;
   border-top:1px solid #b1c1d0;
   border-left:1px solid #b1c1d0;
   border-right:1px solid #3872ac;
   border-bottom:1px solid #3872ac;
   filter:progid:DXImageTransform.Microsoft.Gradient(
   GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffEEEEEE');
}

   
.rfs_SearchText {
   padding: 2px;
   width: 100%;  
}

.rfs_SearchTextLabel {
   font-size: x-small;  
   width: 110px;
}

.rfs_SearchTextComponent {
   width: 100%;
   font-size: x-small;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;   
   height: 1.4em;
   borderTopStyle: inset;
   borderWidth: 20px;
}

.rfs_searchWhat {
   padding: 2px;
   width: 100%
}

.rfs_SearchWhatLabel {
   font-size: x-small;
   width: 110px;
}

.rfs_SearchWhatComponent {
   width: 100%;
   font-size: x-small;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;   
   height: 1.2em;
}

.rfs_SearchWhere {
   padding: 2px;
   width: 100%
}

.rfs_SearchWhereLabel {
   font-size: x-small;
   width: 110px;
}

.rfs_SearchWhereComponent {
   font-size: x-small;
   width: 100%;
   height: 1.2em;
}

.rfs_SearchSubfolders {
   padding: 2px;
}

.rfs_SearchSubfoldersLabel {
   font-size: x-small;
}

.rfs_SearchSubfolders {
   font-size: x-small;
}

.rfs_SearchDateTimeLimits {
   padding: 2px;
   width: 100%;
}

.rfs_SearchDateTimeLimitsLabel
{
   font-size: x-small;
   width: 110px;
}

.rfs_SearchDateTimeLimitsComponent {
   font-size: x-small;
   width: 100%;
   height: 1.2em;
}

.rfs_SearchInTheLast {
   width: 100%;
   padding: 2px;
}

.rfs_SearchInTheLastLabel {
   font-size: x-small;
   width: 100%;
   margin-right: 4px;
}

.rfs_SearchInTheLast_fields {
   text-align: right;
     
}

.rfs_SearchInTheLast_labelCell {
}

.rfs_SearchInTheLastValueComponent {
   width: 25px;
   font-size: x-small;
   height: 1.6em;  
   text-align: right; 
}

.rfs_SearchInTheLastUnitComponent {
   width: 70px;
   font-size: x-small;
   height: 1.2em;
}


/*****************************/
/* RemoteFileSelector styles */
/*****************************/


/* set Style for entire RemoteFileSelector component */
.RFSContainer {
  border: none;
}

/*****  Location ToolBar customizations ****/

  
/* set style for action buttons */
.RFSActionButtons {
}


/* Control the space around the image in the action in the menubar area */
.RFSMenu_menuBar IMG {
  margin-right: 3px; 
  margin-left: 5px; 
}

/* Control the look of the anchor of the action in the menubar area */
.RFSMenu_menuBar A:active, .RFSMenu_menuBar A:link, .RFSMenu_menuBar A:visited {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size : x-small;
  cursor:hand;
}
.RFSMenu_menuBar A:hover {
  text-decoration: underline;
}



/* Set style for location combobox label */
.RFSLabel {
    font-size: 9pt;
    font-weight: bold;
    margin-left: 5px;
}

.RFSMenu_menuLink A:link, .RFSMenu_menuLink A:active, .RFSMenu_menuLink A:visited {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}

.RFSMenu_menuLink A:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #003399;
    font-size: 9pt;
    font-weight: bold;
}
.RFSMenu_menuDisabled, .RFSMenu_menuDisabled A:link, .RFSMenu_menuDisabled A:active, 
.RFSMenu_menuDisabled A:hover, .RFSMenu_menuDisabled A:visited {
    text-decoration: none;
    background-color: transparent;
    color: #AAAAAA;
    font-size: 9pt;
    font-weight: normal;
}

/* Styles for the show description checkbox */
.RFSShowDescriptionComponent {
   margin-left:9px;
}

.RFSshowDescriptionLabel {
    margin-left: 0px;
    margin-right: 2px;
    font-size: 9pt;
}

/* set style for ComboBoxView component */
.RFSComboBoxView {
    background-color: white;
    color: transparent;
    font-size: 9pt;
    width:220px; 
}

/* set style on tool bar */
.RFSToolBar {
    font-style: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
  
}

/**** Detail View customizations ****/

/* set style for entire detail view area */
.RFSDetailView {
    padding: 12px 0px 0px 0px;    
    margin: 0px; 
}

/* set style for the outer container of the table */
.RFSDetailView_tableContainer, .RFSSearchView_tableContainer {
  border:none;
}

/* set style for the content area of the table which is inside the continer */
.RFSDetailView_tableContent, .RFSSearchView_tableContent {
  border:none;

}


.RFSDetailView_maintable {
    padding: 0px;    
    margin: 0px;
    width: 100%;
}



/* set style for the column headers for the table */
.RFSDetailView_tablecolumnheader, .RFSSearchView_tablecolumnheader {
    background-color: #E5E9E6;
    color: black;
  text-align: left;
  vertical-align: middle;
    font-style: normal;
    font-weight: bold;
    font-family:Verdana,  sans-serif;
    font-size: 9pt;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; 
    border-style: solid;
    border-color: #3872AC;
    border-width: 0px 0px 1px 0px;
}

/* set style for the individual cells of the table */
.RFSDetailView_tabledata, .RFSSearchView_tabledata {
  
}


/* set style for contents of table cell */
.RFSDetailView_tableviewmenuBar, .RFSSearchView_tableviewmenuBar {
}


/* create space between image and anchor text with the setting below */
/* this is the space associated with the folder or file image in the */
/* first column of the RemoteFileSelector component                  */
.RFSDetailView_tableviewmenuBar IMG {
   margin-right: 5px; 
}


/* Set style on anchor for each cell */
.RFSDetailView_tableviewmenuBar A:active, .RFSDetailView_tableviewmenuBar A:link, .RFSDetailView_tableviewmenuBar A:visited {
  text-decoration:none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}

.RFSDetailView_tableviewmenuBar A:hover, .RFSSearchView_tableviewmenuBar A:hover {
  text-decoration: underline;
    background-color: transparent;
    color: #003399;
    font-size: 9pt;
    font-weight: bold;
}

.RFSDetailView_oddRow {
    background-color: white;
    color: black;
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}

.RFSDetailView_evenRow {
    background-color: #E5E9E6;
    color:black; 
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}



/**************************/
/* RFS Search Area Styles */
/**************************/

.RFSSearchContainer {
    padding-bottom: 10px;
}

/* includes fields and buttons */
.RFSSearchDisplayArea {
width: 337px;
}

/* set style for the table containing the data */
.RFSSearchView_maintable {
  border:none;
}

.RFSSearchView_tableviewmenuBar IMG {
   margin-right: 5px; 
}

.RFS_NoSearchResultsMsg {
}

.RFSSearchView_tableviewmenuBar A:active, .RFSSearchView_tableviewmenuBar A:link, .RFSSearchView_tableviewmenuBar A:visited {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}

.RFSSearchView_oddRow {
    background-color: white;
    color: black;
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}

.RFSSearchView_evenRow {
    background-color: #E5E9E6;
    color:black; 
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}

/****************************/
/* Search fields            */
/****************************/

/* style class for entire search area */
.RFSSearchFields {
    background-color: #E5E9E6;
    width: 100%;   
}
 
 
/* styles for "Search For" field and label */
.RFSSearchTextComponent {
    background-color: white;
    color: #003399;
    font-size: 9pt;
    width: 100%;
}
 
.RFSSearchTextLabel {
    font-size: 9pt;
    font-weight: bold;
}
 
.RFSSearchTextLabel_cell, .RFSSearchTextComponent_cell {
    padding: 2px;
}
 
.RFSSearchText {
}
 


/* styles for "Search What" field and label */
.RFSSearchFieldLabel {
    font-size: 9pt;
    font-weight: bold;
}
 
.RFSSearchFieldComponent {
    background-color: white;
    color: transparent;
    font-size: 9pt;
    width: 100%;
}
 
.RFSSearchFieldLabel_cell, .RFSSearchFieldComponent_cell, {
    padding: 3px;  
}
 
.RFSSearchField {
}
 


 
/* style class for the "search where" label and component */
.RFSSearchFolder {
}
 
.RFSSearchFolderLabel {
    font-size: 9pt;
    font-weight: bold;
}
 
.RFSSearchFolderLabel_cell, .RFSSearchFolderComponent_cell {
    padding: 3px;  
}

.RFSSearchFolderComponent {
    background-color: white;
    color: transparent;
    font-size: 9pt;
    width: 100%;
}
 
 

/* styles for "Search subfolders" checkbox */
.RFSSearchSubfoldersComponent_cell {
    font-size: 9pt;
}

.RFSSearchSubFolders {
}
 
.RFSSearchSubFoldersComponent {
}
 


/* styles for search "Date/Time Limits" label and component */
.RFSSearchLimits {
}
 
.RFSSearchDateTimeLimits {

}
 
.RFSSearchDateTimeLimitsLabel {
    font-size: 9pt;
    font-weight: bold;
}

.RFSSearchDateTimeLimits_cell, .RFSSearchDateTimeLimitsComponent_cell {
    padding: 3px;  
}

/* select elements (e.g. comboboxes ) */
.RFSSearchDateTimeLimitsComponent {
    background-color: white;
    color: transparent;
    font-size: 9pt;
    width: 100%;
}



/* Styles for "In the last" label and entry fields */
.RFSSearchLimitValues_cell {
    text-align: right;
}

.RFSSearchLimitValues_table {
    width: 100%;
    border-width: 0px;
    padding: 3px;
}
.RFSSearchLimitValueLabel {
    font-size: 9pt;
}
.RFSSearchLimitValueLabel_cell {
text-align: left;
}
.RFSSearchLimitValueComponent_cell {
text-align: right;
}

/* class for text input used to enter value for date/time limit */ 
.RFSLimitValueComponent {
    background-color: white;
    color: #003399;
    font-size: 9pt;
    width: 20px;
}
 
/* class for dropdown used to select date/time limit units (hr, days, etc.) */ 
.RFSSearchUnitComponent {
    background-color: white;
    color: transparent;
    font-size: 9pt;
    width: 70px;
}

/*****************************/
/* Styles for search buttons */
/*****************************/


.RFSSearch_buttonContainer {
    margin-right: 2px;

}
.RFSCancel_buttonContainer {
    margin-left: 2px;
    margin-right: 2px;
}

.RFSSearch_buttonContainer SPAN {
}

.RFSCancel_buttonContainer SPAN {
}

.RFSSearchButtonsContainer {
text-align: right;
    padding: 5px 5px 0px 0px;

}

.RFSSearchButtons {
    text-align: right;
}

.RFSSearch_RFSDetailView_tableviewmenuLink {
    
}


.RFSSearch_button, .RFSCancel_button {
        color:#3872ac;
        cursor: hand;
        padding: 1px 3px 1px 3px;
        font-family:Verdana, trebuchet ms,helvetica,sans-serif;
        font-size:84%;
        font-weight:bold;
        background-color:#fcf4dc;
        border-top:1px solid #b1c1d0;
        border-left:1px solid #b1c1d0;
        border-right:1px solid #3872ac;
        border-bottom:1px solid #3872ac;
        filter:progid:DXImageTransform.Microsoft.Gradient(
  GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffEEEEEE');
}

.RFSSearch_buttonRollover, .RFSCancel_buttonRollover
{
   border-color:#f8b230;
}





.RFSExpand_button {
    cursor: hand;
    text-align: center;
    vertical-align: middle;
    padding: 1px 1px 0px 0px;
    height: 25px;
    width: 25px
}

.RFSCollapse_button {
    cursor: hand;
    text-align: center;
    vertical-align: middle;
    padding: 1px 1px 0px 0px;
    height: 25px;
    width: 25px
}

/*******************************/
/* styles for search link area */
/*******************************/

.RFSSearchLink {
    border-style: solid;
    border-width: 1px;
    border-color: #3872AC;
    margin-bottom: 5px;  
    width: 337px;  
 }



.RFSSearchLinkLabel {
    vertical-align: center;
    white-space: nowrap;
    font-size: 9pt;
    font-weight: bold;
    margin-right: 20px;
    margin-left: 5px;
}

.minmax_cell {
    text-align: right;
    white-space: nowrap;
}

.RFSSearchMaximize, .RFSSearchMinimize {
    height: 16px;
    width: 16px;  
}

.RFSSearchDisplayArea {
}

/***************************************************************************
*
* RFS COMBOBOXVIEW STYLES for location drop-down and Search Where fields
*
****************************************************************************/
.RFS_comboBoxViewOption   {padding: 0; padding-left: 3; padding-right: 3; width: 100%;
          background: white; padding: 1;}
.RFS_comboBoxViewDropDown   {position: absolute; visibility: hidden;   
          border:solid black; border-width: 1px; padding: 0;
          background: white; overflow: hidden; width:100%;}
.RFS_comboBoxViewList   {width:100%; height: 100%; border-width:0; background: white;}
.RFS_comboBoxViewLabel    {border-top: 2px solid dimgray; border-left: 2px solid dimgray; 
          border-bottom: 1px solid buttonshadow; background: white; 
          padding: 0; height:22; overflow:hidden; width:200px; }
.RFS_comboBoxViewImages   {height:20; width:20;}
.RFS_comboBoxViewListImages   {height:20; width:20;}
.RFS_comboBoxViewTextCtrl   {border-right:100px; border-top: none; border-left: none; border-bottom:none;}
.RFS_comboBoxViewTable    {position:relative;left:0px;top:0px;height:100%;width:100%;}
.RFS_comboBoxViewListHighlight  {background: highlight;}
.RFS_comboBoxViewListUnHighlight  {background: highlighttext;}
.RFS_comboBoxViewListText   {color: windowtext; height:1;}
.RFS_comboBoxViewListSelected {color: highlighttext; height: 1;}
.RFS_comboBoxViewListTable    {width:100%;}
.RFS_comboBoxViewNoImages   {height:10; width:2;}
.RFS_comboBoxViewTextCell   {border-top: 2px solid dimgray; border-left: 2px solid dimgray; 
          border-bottom: 1px solid buttonshadow;}
.RFS_comboBoxViewImageCell    {border-top: 2px solid dimgray; border-right: 2px solid dimgray; }

/**** 
*
* Advanced filter selector
****/

.advancedFilterSelectorValueContainer
{
  height: 40px;
  
}

.advancedFilterSelectorTreeContainer
{
  height: 40px;
  width: 50px;
  overflow:scroll;
}

.AdvancedFilterSelectorShowDialog
{
  border-left: 3 inset treeshadow;  border-bottom: 4 double inactiveborder;
  border-top: 3 inset treeshadow;   
  border-right: 4 double inactiveborder; padding: 0; 
}
.AdvancedFilterSelectorCombinationDialog
{
  border-left: 3 inset treeshadow;  border-bottom: 4 double inactiveborder;
  border-top: 3 inset treeshadow;   overflow:scroll; overflow-x:hidden;
  border-right: 4 double inactiveborder; padding: 0; 
  width:320px;
  height:170px;
}



.advancedFilterSelectorExpression
{
     border-left: #C0C0C0 2px solid;
     border-right: #C0C0C0 1px solid;
     border-top: #C0C0C0 2px solid;
     border-bottom: #C0C0C0 2px solid;
     height: 75px;
     width:100%;
     color: black;
     overflow:scroll;
     overflow-x:auto;
     font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
     font-size: x-small; 
}

.advancedFilterWarning
{
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: italic;
}

.calendarSelectorControl
{
   width: 100px;
} 


.advancedFilterSelectorTreeContainer
{
     vertical-align: top;
     width:250;
     height:200;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
}

.advancedFilterSelectorControl
{
   width: 250px;
}

.advancedFilterWarning
{
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-style: italic;
}

/****************
/* DataSelectorListBoxView
/*****************/


/****************
/* DataSelectorListBoxView
/*****************/
.dataSelector
{ 
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  border-left: 3px inset treeshadow;  border-bottom: 4px double inactiveborder;
  border-top: 3px inset treeshadow;overflow:auto;
  border-right: 4px double inactiveborder; padding: 0; background: white;
  width: 350px;
  height: 100%;
  overflow: auto; 
}


.dataSelectorXP
{ 
 border-left: 1px solid dimgray ;  
 border-bottom: 1px solid threedlightshadow;
 border-top: 1px solid dimgray; 
 border-right: 1px solid threedlightshadow; 
 padding: 0; 
 background: white;
 width: 350px;
 height: 100%;
 overflow: auto; 
}


.dataSelector TABLE, .dataSelectorXP TABLE
{ 
  width: 100%;
}



.dataSelectorListBoxViewTitle
{
   width: 350px;
}

.dataSelectorListBoxViewTitle TABLE
{
  width: 100%;
}

.dataItemNodeText
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;

}

.dataItemNodeDescription
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  text-align: right;
  vertical-align: bottom;
  white-space: nowrap;
}


.dataSelectorListBoxViewLabel
{
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
}

.dataSelectorListBoxViewDescription
{
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: bold;
   text-align: right;
}


.qualifierSelectorTreeArea {
  background-color: #FEFEFE; 
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 8pt; 
  width: 350;
  height: 250;
  border-style: inset;
  overflow:scroll;
}

/****************
/* WebMDDBView styles
/*****************/

/* Sets <span class="wTitle">  */
.wTitle {
  color: #0000CC;
        margin-top: 10px;
  font-size : large;
  font-weight : bold;
}

/* Sets <span class="wSubTitle">  */
.wSubTitle {
  color: #FFFFFF;
        margin-top: 10px;
  font-size : large;
  font-weight : bold;
}

/* Sets <span class="wSubTitle">  */
.wTitle2 {
  color: #0000CC;
        margin-top: 8px;
  font-size : medium;
  font-weight : bold;
}

/* Sets <td class="wTitleBg"> to specify background attributes of title table */
.wTitleBg {
  
}

/* Sets <td class="wContainer"> to specify background attributes of webmddb container */
.wContainer {
  border: none;
}


/* Sets <table class="wTable"> to specify background attributes of webmddb table */
.wTable {
  
        background-color: #FFFFFF;
        border-left: solid silver 1 ;
        border-top: solid silver 1 ;
        border-bottom: solid #333333 1 ;
        border-right: solid #333333 1 ;
        font-family :Verdana,  Arial, Helvetica, sans-serif;
        font-size: x-small;
        font-weight : bold;
        border-width: 1;}

/* Sets <span class="wRowLab"> to specify Row Label font attributes */
.wRowLab  {
        background-color: #C6C3C6;
  font-weight : bold;
  font-size : x-small;
}

/* Sets <td class="wRowLabBg"> to specify background attributes of Row Labels */
.wRowLabBg  {
  background-color: #DCDCDC;
  border: solid 1px #C0C0C0;
  border-top: 0pt;
  border-left: 0pt;
  text-align : center;
}

/* Sets <span class="wColLab"> to specify Column Label font attributes */
.wColLab {
        background-color: #C6C3C6;
  font-weight : bold;
  font-size : x-small;
}

/* Sets <td class="wColLabBg"> to specify background attributes of Column Labels */
.wColLabBg  {
  background-color: #DCDCDC;  
  border: solid 1px #C0C0C0;
  border-top: 0pt;
  border-left: 0pt;
  text-align : center;  
}


/* Sets <span class="wData"> to specify Data font attributes */
.wData  {
  font-size : x-small;
}

/* Sets <td class="wDataBg"> to specify background attributes of Data */
.wDataBg  {
  border: solid 1px #C0C0C0;
  border-top: 0pt;
  border-left: 0pt;
  text-align : right;
}

/* Sets <td class="wTotLab"> to specify attributes of Total label */
.wTotLab  {
  background-color: #C6C3C6;
  font-weight : bold;
  font-size : x-small;
}

/* Sets <span class="wTotData"> to specify Data attributes of Total row */
.wTotData {
        background-color: #FFFFCC;
  font-size : x-small;
}

/* Sets <span class="wDrillTitle"> to specify Drill Title font attributes */
.wDrillTitle {
  font-size : x-small;
  font-weight: bold;
}

/* Sets <span class="wDrillRowLab"> to specify Drill Row Label fattributes */
.wDrillRowLab {
  background-color: #C6C3C6;
  font-size : x-small;
  font-weight: bold;
}

/* Sets <span class="wDrillColLab"> to specify Drill Column Label attributes */
.wDrillColLab {
  background-color: #C6C3C6;
  font-size : x-small;
  font-weight: bold;
}

/* Sets <td class="wDrillColLabBg"> to specify background attributes of Drill Column Labels */
.wDrillColLabBg {
  text-align: center;
  background-color: #DCDCDC;
  border: solid 1px #C0C0C0;
  border-top: 0pt;
  border-left: 0pt;
}

/* Sets <span class="wDrillData"> to specify Drill Data font attributes */
.wDrillData {
  font-family : Verdana, Helvetica, sans-serif;
  font-size : x-small;  
}

/* Sets <td class="wDrillDataBg"> to specify background attributes of Show Drill Data */
.wDrillDataBg {
  background-color: #FFFFFF;
  border: solid 1px #C0C0C0;
  border-top: 0pt;
  border-left: 0pt;
  text-align: right;
}

/* Sets <a class="wRowLabLink"> to specify Row Label Link font attributes */
.wRowLabLink, .webmddbRowLabLink:active, .webmddbRowLabLink:link, .webmddbRowLabLink:visited  {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #0000CC;
  text-decoration: none;
}

/* Sets <a class="wLabLink"> hover attributes */
.wRowLabLink:hover {
  text-decoration: underline;
}


/***********************************************
 * Filter and Rank selector styles 
 ***********************************************/
.farSelectorCurrentFilters {
  width: 270px;
  overflow-x: scroll;
}

.farSelectorRadio {
  width: 12px;
}

.farSelectorRadioLabel {
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
  color: transparent;
  margin-right: 20px;
  margin-left: 2px;
}

.farSelectorFilterCondition,
.farSelectorFilterValue {
  width: 75%;
}

/*****************************/
/* File Selector InformationMap selector detail view div container style */
/*****************************/
.FileSelector_RFSDetailView {
    padding: 12px 0px 0px 0px;    
    margin: 0px; 
    height: 275px;
    width: 515px;
    overflow:scroll; 
    overflow-x:hidden;            
}

/*****************************/
/* File Selector CubeSelector styles */
/*****************************/
/* set Style for entire CubeSelector RemoteFileSelector component */
.CubeSelector_RFSContainer {
  border: none;
}

/***** CubeSelector - Location ToolBar customizations ****/
/* set style for action buttons */
.CubeSelector_RFSActionButtons {
}

/* Control the space around the image in the action in the menubar area */
.CubeSelector_RFSMenu_menuBar IMG {
  margin-right: 3px; 
  margin-left: 5px; 
}

/* Control the look of the anchor of the action in the menubar area */
.CubeSelector_RFSMenu_menuBar A:active, .CubeSelector_RFSMenu_menuBar A:link, .CubeSelector_RFSMenu_menuBar A:visited {
  font-family : Verdana, Arial, Helvetica, sans-serif;
  text-decoration:none;
  font-size : x-small;
  cursor:hand;
}
.CubeSelector_RFSMenu_menuBar A:hover {
  text-decoration: underline;
}

/* Set style for location combobox label */
.CubeSelector_RFSLabel {

}

.CubeSelector_RFSMenu_menuLink A:link, .CubeSelector_RFSMenu_menuLink A:active, .CubeSelector_RFSMenu_menuLink A:visited {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}

.CubeSelector_RFSMenu_menuLink A:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #003399;
    font-size: 9pt;
    font-weight: bold;
}
.CubeSelector_RFSMenu_menuDisabled, .CubeSelector_RFSMenu_menuDisabled A:link, .FileSelector_RFSMenu_menuDisabled A:active, 
.CubeSelector_RFSMenu_menuDisabled A:hover, .CubeSelector_RFSMenu_menuDisabled A:visited {
    text-decoration: none;
    background-color: transparent;
    color: #AAAAAA;
    font-size: 9pt;
    font-weight: normal;
}

/* Styles for the show description checkbox */
.CubeSelector_RFSShowDescriptionComponent {
   margin-left:9px;
}

.CubeSelector_RFSshowDescriptionLabel {
    margin-left: 0px;
    margin-right: 2px;
    font-size: 9pt;
}

/* set style for ComboBoxView component */
.CubeSelector_RFSComboBoxView {
    background-color: white;
    color: transparent;
    font-size: 9pt;
    width:220px;
}

/* set style on tool bar */
.CubeSelector_RFSToolBar {
   margin-top: 4px;
   margin-bottom: 0px;
   margin-left: 6px;
   font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000; 
}



/**** CubeSelector Detail View customizations ****/
.CubeSelector_RFSDetailView {
    padding: 12px 0px 0px 0px;    
    margin: 0px; 
    height: 282px;
    width: 515px;
    overflow:scroll; 
    overflow-x:hidden;            
}

/* set style for the outer container of the table */
.CubeSelector_RFSDetailView_tableContainer, .CubeSelector_RFSSearchView_tableContainer {
  border:none;
}

/* set style for the content area of the table which is inside the continer */
.CubeSelector_RFSDetailView_tableContent, .CubeSelector_RFSSearchView_tableContent {
  border:none;
}

.CubeSelector_RFSDetailView_maintable {
    padding: 0px;    
    margin: 0px;
    width: 100%;
    border-color: #3872AC;
    border-width: 1px 1px 1px 1px;
    border-style: solid;
}

/* set style for the column headers for the table */
.CubeSelector_RFSDetailView_tablecolumnheader, .CubeSelector_RFSSearchView_tablecolumnheader {
   background-color: #faf3d4;
   color: black;
   text-align: left;
   vertical-align: middle;
   font-style: normal;
   font-family: Verdana, sans-serif;
   font-size: 9pt;
   font-weight: bold;
   padding-top: 2px;
   padding-right: 15px;
   padding-bottom: 3px;
   padding-left: 5px; 
   border-style: solid;
   border-color: #3872AC;
   border-width: 0px 0px 1px 0px;
}

/* set style for the individual cells of the table */
.CubeSelector_RFSDetailView_tabledata, .CubeSelector_RFSSearchView_tabledata {
}

/* set style for contents of table cell */
.CubeSelector_RFSDetailView_tableviewmenuBar, .CubeSelector_RFSSearchView_tableviewmenuBar {
}

.CubeSelector_RFSDetailView_tableviewmenuBar IMG {
   margin-right: 5px; 
}

.CubeSelector_RFSDetailView_tableviewmenuBar A:active, .CubeSelector_RFSDetailView_tableviewmenuBar A:link, .CubeSelector_RFSDetailView_tableviewmenuBar A:visited {
  text-decoration:none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: normal;
}

.CubeSelector_RFSDetailView_tableviewmenuBar A:hover, .CubeSelector_RFSSearchView_tableviewmenuBar A:hover {
  text-decoration: none;
    background-color: transparent;
    color: #003399;
    font-size: 9pt;
    font-weight: normal;
}

.CubeSelector_RFSDetailView_oddRow {
     background-color: white;
    color: black;
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: x-small; 
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}

.CubeSelector_RFSDetailView_evenRow {
     background-color: #FAF8ED;
    color:black; 
    text-align: left;
    vertical-align: middle;
    font-style: normal;
    font-family: Verdana, sans-serif;
    font-size: 10pt;
    padding-top: 2px;
    padding-right: 15px;
    padding-bottom: 3px;
    padding-left: 5px; /* provide some spacing to the left border of the cell */
    border-style: none;
    border-width: 0px;
}

.fileSelectorInput {
  width:100%; 
}

.fileSelectorChoice {
  width:100%; 
}

.SeparatorMenuItemContainer 
{
    padding-left: 1px;
    padding-right: 1px;
}

.ImageSeparatorMenuItemContainer  
{
    padding-left: 6px;
    padding-right: 6px;
}

.ImageSeparatorMenuItemContainer  IMG
{
  vertical-align: middle;
}

/* *****  Color picker styles  ***** */


/**** Default Palette Styles  *****/
.PaletteContainer
{
  border-collapse:collapse;
  padding: 2px;
  margin: 2px;

}

.PaletteContainerDisabled
{

}

.PalettePreviewCell
{
height: 10px;
}

.PaletteTable 
{
  border-collapse: separate;
    border-top: 1px solid #D2B48C;
    border-bottom: 1px solid #D2B48C;
    border-left: 1px solid #D2B48C;
    border-right: 1px solid #D2B48C;
    background-color: #FAF8ED;
}

.PaletteItemCell
{
  width: 15px;
  height: 15px;
}

.PaletteSelectedItemCell
{
  width: 15px;
  width: 15px;
  border: 2px solid black;
}

/**** Image Picker Palette Styles  *****/
.ImagePickerItemCell
{
  width: 15px;
  width: 15px;
}

.ImagePickerSelectedItemCell
{
  width: 15px;
  width: 15px;
  border: 2px solid black;
}

.ImagePickerPreviewCell
{
}


/**** Color Picker Palette Styles  *****/
.ColorPickerItemCell
{

    height: 15px;
    width: 15px;
}

.ColorPickerSelectedItemCell
{
  width: 15px;
  width: 15px;
  border: 2px solid black;
}

.ColorPickerPreviewCell
{
    border-top: 1px solid gray;
    border-left: 1px solid gray;
    border-bottom: 0px solid black;
    border-right: 0px solid black;
    height: 15px;
    width: 50px;
    
    font-family: Verdana, "Trebuchet MS", helvetica, sans-serif;
    font-size: x-small; 
    font-weight: Normal;
    
}

/**************************************
/*
/* Tab Button class default styles 
/***************************************/

.tabButtonLeft, .tabButtonLeftRollover, .tabButtonLeftInactive 
{
}

.tabButtonRight, .tabButtonRightRollover, .tabButtonRightInactive 
{
}

.tabButton 
{
}

.tabButtonActive 
{
}

.tabButtonRollover
{
}


.tabButtonBottomRollover, .tabButtonBottomLeftRollover, .tabButtonBottomRightRollover
{
}



.tabButtonRollover SPAN
{
    color: #3872ac;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
}

.tabButtonCenter SPAN
{
    color: #3872ac;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;

}

.tabButtonActive SPAN
{
    color: black;
    font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
}


.tabButtonCenterDisabled SPAN 
{
}

.tabButtonCenter IMG, .tabButtonCenterDisabled IMG
{
}

.tabMenuTable
{
  z-index: 999;
}
.tabMenuTabCell
{
  padding: 0px;
  border-bottom: 1px solid #467cb1;;    
}

.tabMenuActiveTabCell
{
  padding: 0px;
}

.tabMenuSpacerCell
{
  border-bottom: 1px solid #467cb1;;
  width: 100%;
}


/* ExceptionHighlightingSelector styles */
/* applies to com.sas.servlet.tbeans.dataselectors.exceptionHighlighting.html.ExceptionHighlightingSelector */

.exceptionHighlightingSelectorComboBoxLeftCell
{
  text-align: left;
    width: 250;
}

.exceptionHighlightingSelectorChoiceBox
{
    width: 250;
}
.exceptionHighlightingSelectorFontFamilyChoiceBox
{
    width: 150;
}
.exceptionHighlightingSelectorFontSizeChoiceBox
{

}
.exceptionHighlightingSelectorColorChoiceBox
{
    width: 100;
}

.exceptionHighlightingSelectorListEditorComponent
{
  height: 114px;
  width: 390px;
}


/* EntityAttributeValueSelector and editor styles */
.entityAttributeList
{
  width:250;
  height:100%;
  overflow:auto;
}

.entityAttributeLabel
{
  margin-left:5px;
}

.entityAttributeSupProps
{
  padding-left: 2px;
  vertical-align: top;
  white-space: nowrap;
  padding-bottom: 2px; 
  text-align: left; 
}

.propertyEditorPanelInstructionText
{
  padding-left: 2px;
  font-size: 8pt;
    font-style: italic;
    font-weight: bold;
}

/* AppliedFilters styles */
.appliedFiltersDiv
{
/*  border: 1px solid #CFCBB1; */
  width: 300px; 
  overflow:auto;
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;  
}

.appliedFiltersLabel
{
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.appliedFiltersTitle
{
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.appliedFiltersLogicalOperator
{
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.appliedFiltersFilterExpressionText
{
  font-size: 8pt;
  font-family: Verdana, "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ESRIBackgroundLayer
{
  background-color: white;
  position: absolute;
  z-index: 0;
}

.ESRIMapLayer
{
  background-color: white;
  position: absolute;
  z-index: 0;
}

.ESRIZoomLayer
{
  background-color: blue;
  filter:alpha(opacity=30);
  position: absolute;
  z-index: 1;
}
.ESRIMapMenu
{
  background-color: #EEEEEE;
}

.ESRIMapContainer
{
  border: 1px solid #7F9DB9;
}

.mapDualSelectorSourceContainer, .mapDualSelectorTargetContainer
  {
     vertical-align: top;
     width:250;
     height:200;
     overflow:scroll;
     border: 1px solid #000000;
     background-color: #ffffff;
  }
.mapDualSelectorSourceLabel, .mapDualSelectorTargetLabel
{
   /* background-color : #DCDCDC; */
   border: 0px solid #C0C0C0;
   border-style: outset;
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000;
}

/*SWOVJ Banner styles*/
div.transbar {
   font-family: Verdana, 'Trebuchet MS',helvetica,sans-serif;
   font-size: x-small;
   background-color: #A6CAF0;
   width:100%;
   filter:alpha(opacity=30);
   -moz-opacity:.30;
}

table.linkbar {
   font-family: Verdana, 'Trebuchet MS',helvetica,sans-serif;
   font-size: x-small;
   color:#fff;
   position:absolute;
   z-index:1;
   top:0px;
   left:0px;
}

table.linkbar td a {
   color:#fff;
   text-decoration:none;
   padding-left:1ex;
   padding-right:1ex;
}

table.linkbar td a:hover {
   text-decoration:underline;
}
/*end SWOVJ Banner styles*/

.fastClickProtectingElement
{
  z-index:-1000;
  background-color:white;
  filter:alpha(opacity=0);
  position:absolute;
  width:0px;
  height:0px;
  top:0px;
  left:0px;
}

.mnemonic {
    text-decoration: underline;
}

.backgroundTransparent
{
    background-color: transparent;
}

.colorWhite
{
    color: white;
    
}

.fontWeightNormal
{
   font-weight: normal;   
}

.verticalAlignTop
{
  vertical-align:top;
}

.aboutFieldsetLegendTop
{
  color: #996600;
}


.colorBlue A:link, 
.colorBlue A:active, 
.colorBlue A:visited
{
    color: #275E94;
}

.fontSizeXSmall
{
    font-size: x-small; 
}

.fontSizeSmall
{
  font-size: small;
}

.whiteLink A:link, 
.whiteLink A:active, 
.whiteLink A:visited
{
  color: white; 
}

  
/********* END OF sasCompenent.css *************************/