body {
    background-color: white;
    color: black;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 12pt;
    margin-top:0px;
    margin-right:0px;
    margin-left:0px;
    margin-bottom:0px;
}
/* START: themes support */
div.transbar,table.linkbar {
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:x-small;
}
/* 
  The purpose of this style is to use relative positioning
  with no shift to create a new coordinate system 
  for child elements using absolute positioning. It has no
  direct effect on its element. 
  See: table.linkbar below.
*/
table.anchorcoordinates {
   position:relative;
   top:0;
   left:0;   
}
div.transbar {   
   background-color:#A6CAF0;
   width:100%;
   filter:alpha(opacity=30);
   -moz-opacity:.30;
}
/* 
   Note: the following positioning attributes have to be on the linkbar table
   as opposed to the semi-transparent bar above, because the presence
   of positioning attributes effectively disables transparency.
   (Presumably, taking an element out of the normal "static" flow
   prevents the color blending logic from knowing which pixels to 
   merge)
*/
table.linkbar {
   z-index:1;
   color:#fff;   
   position:absolute;
   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;
}
.secondaryMenuRow {
    background-color: #F1EACB;
}
.secondaryMenuTable {
    border-collapse: collapse;
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #F5DEB3;
}
div#banner td#bantitle {
   color:#fff;
   font-family:Arial,helvetica,sans-serif;
   font-size:medium;
   font-weight:bold;
   vertical-align:middle;
   padding-left:1ex;
   padding-top:1ex;
   padding-bottom:1ex;
}
.bannerBullet {
   padding-left:1em;
   padding-right:1em;
   color: #7F9DB9;
}
.titleAddon {
   color: #F1EACB;
}
td#banlogo {
   vertical-align:middle;
   padding-right:1ex;
   padding-top:.7ex;
   padding-bottom:.7ex;
}
td#bantitle2 {
   color:#F1EACB;
   font-family:Arial,helvetica,sans-serif;
   font-size:medium;
   font-weight:bold;
   vertical-align:middle;
   padding-top:.5ex;
   padding-bottom:.5ex;
}
td#banbullet {
   color:#7F9DB9;
   font-size:medium;
   vertical-align:middle;
   padding-right:1ex;
   padding-left:1ex;
   padding-top:.7ex;
   padding-bottom:.7ex;
}
/* END: themes support */
th {
	text-align: left;
    background-color: transparent;
    color: black;
    font-size: 9pt;
    font-weight: bold;
}
fieldset {
	border: 1px solid #919190;
}
img {
    border-style: none;
    padding: 0px;
}
.mnemonic {
    text-decoration: underline;
}
.currentPage {
	text-decoration: none;
	background-color: transparent;
	color: white;
	font-size: 11px;
	font-weight: bold;
}
.portalLink:link {
    text-decoration: none;
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: normal;
}
.portalLink:active {
    text-decoration: none;
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: normal;
}
.portalLink:visited {
    text-decoration: none;
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: normal;
}
.portalLink:hover {
    text-decoration: underline;
    background-color: transparent;
    color: white;
    font-size: 11px;
    font-weight: normal;
}
.portalSecondaryLink:link {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
}
.portalSecondaryLink:active {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
}
.portalSecondaryLink:visited {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
}
.portalSecondaryLink:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #3872ac;
}
a:link, .hyperlink:link {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
a:active, .hyperlink:active {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
a:visited, .hyperlink:visited {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
a:hover, .hyperlink:hover {
    text-decoration: underline;
    background-color: transparent;
    color: #003399;
    font-size: 9pt;
    font-weight: bold;
}
.reportLevelLink:link {
    padding: 2px;
    text-decoration: none;
    background-color: transparent;
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.reportLevelLink:active {
    padding: 2px;
    text-decoration: none;
    background-color: transparent;
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.reportLevelLink:visited {
    padding: 2px;
    text-decoration: none;
    background-color: transparent;
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.reportLevelLink:hover {
    padding: 2px;
    text-decoration: none;
    background-color: #909f52; 
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal;
    text-align: center;
    vertical-align: middle;
}
.linkButton_text_default {
    text-decoration: none;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
.linkButton_text_rollover {
    text-decoration: underline;
    background-color: transparent;
    color: #003399;
    font-size: 9pt;
    font-weight: bold; 
}
.linkButton_text_inactive {
    text-decoration: none;
    background-color: transparent;
    color: #cccccc;
    font-size: 9pt;
    font-weight: bold;
}
.menuSpacer {
    width: 5px;
}
.menuPrimarySpacer {
    width: 20px;
}
.subMenuRule {
    padding-left: 5px;
    height: 1px;
    background-color: #003399;
    color: #003399;
}
#swirlSpacer {
    width: 80px;
}
#swirl {
    height: 170px;
    width: 100%;
    background-image: url(../images/welcome_swirl.gif);
    background-repeat: no-repeat;
}
.menuSecondary {
    background-color: transparent;
    color: white;
    font-size: 9pt;
}
.menuSub {
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
.menuSubRollover {
    background-color: #909f52;
    color: white;
    font-size: 9pt;
}
.reportLevelHighlight {
    background-color: white;
    color: white;
}
.appLevel_secondary_menuButton_center_cell_default {
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
}
.appLevel_secondary_menuButton_center_cell_rollover {
    text-align: center;
    vertical-align: middle;
    background-color: #909f52; 
}
.appLevel_secondary_menuButton_text_default {
    color: white;
    font-size: 9pt;
}
.appLevel_secondary_menuButton_text_rollover {
    color: white;
    font-size: 9pt;
}

/* Report Level Menu Buttons (used for view and edit "tabs" in WRS) */

.reportLevel_menuButton_cell_container {
	padding: 1px;
}
.reportLevel_menuButton_center_cell_default {
    text-align: center;
    vertical-align: middle;
    background-color: transparent;
}
.reportLevel_menuButton_center_cell_rollover {
    text-align: center;
    vertical-align: middle;
    background-color: #909f52; 
}
.reportLevel_menuButton_center_cell_inactive {
    text-align: center;
    vertical-align: middle;
    background-color: #E0E7ED;
    border-color: #7F9DB9;
    border-width: 1px;
	border-style: solid;
}
.reportLevel_menuButton_text_default {
    color: #3872ac;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}
.reportLevel_menuButton_text_rollover {
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}
.reportLevel_menuButton_text_inactive {
    color: black;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.tab_text_default {    
    color: #3872ac;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
}
.tab_text_rollover {    
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
}
.tab_text_inactive {    
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
}
.tab_center_cell_default_choose {
    background-color: #f1eacb; 
    background-image: url(../images/tab_center_default_choose.gif);
    background-repeat: no-repeat;
    color: #3872ac;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 21px;
    vertical-align: bottom;
}
.tab_center_cell_default {
    background-color: #f1eacb;  
    background-image: url(../images/tab_center_default.gif);
    background-repeat: repeat-x;
    color: #3872ac;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 21px;
    vertical-align: bottom;
}
.tab_center_cell_rollover {
    background-color: #909f52;  
    background-image: url(../images/tab_center_rollover.gif);
    background-repeat: repeat-x;
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 21px;
    vertical-align: bottom;
}
.tab_center_cell_inactive {
    background-color: transparent;
    background-image: url(../images/tab_center_inactive.gif);
    background-repeat: repeat-x;
    color: white;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    line-height: 21px;
    vertical-align: bottom;
}
.wizardSteps {
    height: 300px;
    width: 695px;
}
.wizardTopBorder {
    height: 3px;
}
.wizardText {
    background-color: transparent;
    color: black;
    font-size: 10pt;
    font-weight: bold;
}
.wizardLabel {
    background-color: transparent;
    color: black;
    font-size: 10pt;
}
.wizardNavigationBar {
    background-color: #faf3d4;
    color: black;
    font-size: 10pt;
}
.wizardNavigationBarBackNextSpacer {
	width: 10px;
}
.wizardNavigationBarRestOfButtonsSpacer {
	width: 30px;
}
.wizardDataItems {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 175px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}
.wizardStep5Top {
    height: 35px;
}
.groupBreakItems {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 210px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}
.dataInfoItems {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 150px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}
.filterInfoItems {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 75px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}

.genericExceptionError {
    background-color: transparent;
    color: red;
}
.sasExceptionError {
    background-color: transparent;
    color: red;
    font-weight: bold;
}
.errorHeader {
    background-color: transparent;
    color: black;
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
}
.errorMessages {
    margin-left: 10px;
    padding: 1px 4px 1px 4px;
    background-color: #faf3d4;
    color: black;
    font-size: 9pt;
}
#userPassword {
    border: 2px solid #f1eacb;
}
#userPasswordSpacer {
    width: 15px;
    height: 1px;
    font-size: 6pt;
}
#userPasswordTop {
    height: 1px;
    width: 1px;
    font-size: 10pt;
}
#userPasswordSeparator {
    height: 30px;
}
#userPasswordTextSeparator {
    height: 40px;
    width: 5px;
}
.userPasswordText {
    font-size: 10pt;
}
.logonConfirmSpacer {
    width: 20px;
}
#copyright {
    font-size: 8pt;
}
.buttonText {
    cursor: hand;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#003399;
    background-color:#fcf4dc;
    font-size: x-small;
    font-weight:bold;
    border-top:1px solid #A0BBDD;
    border-left:1px solid #A0BBDD;
    border-right:1px solid #003399;
    border-bottom:1px solid #003399;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffF1EACB');
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1px;
}
.buttonTextDisabled {
    cursor: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    color:#999999;
    background-color:#EDEBDF;
    font-size: x-small;
    font-weight:bold;
    border-top:1px solid #C7D1DB;
    border-left:1px solid #C7D1DB;
    border-right:1px solid #C7D1DB;
    border-bottom:1px solid #A3B1C1;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffEDEBDF');
    text-align: center;
    vertical-align: middle;
    margin-bottom: 1px;
}
.buttonImage {
    cursor: hand;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    height: 30px;
    width: 30px;
   	background-color:#fcf4dc;
    border-top:1px solid #A0BBDD;
    border-left:1px solid #A0BBDD;
    border-right:1px solid #003399;
    border-bottom:1px solid #003399;
   	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr=
      '#ffffffff',EndColorStr='#fff1eacb');    
    margin-bottom: 1px;
}
.buttonImageDisabled {
    cursor: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    height: 30px;
    width: 30px;
    background-color:#EDEBDF;
    border-top:1px solid #C7D1DB;
    border-left:1px solid #C7D1DB;
    border-right:1px solid #C7D1DB;
    border-bottom:1px solid #A3B1C1;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffEDEBDF');
    margin-bottom: 1px;
}
.buttonImageSquare {
    cursor: hand;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    padding: 1px 1px 0px 0px;
    height: 25px;
    width: 25px;
   	background-color:#fcf4dc;
    border-top:1px solid #A0BBDD;
    border-left:1px solid #A0BBDD;
    border-right:1px solid #003399;
    border-bottom:1px solid #003399;
   	filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr=
      '#ffffffff',EndColorStr='#fff1eacb');    
    margin-bottom: 1px;
}
.buttonImageSquareDisabled {
    cursor: auto;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    text-align: center;
    vertical-align: middle;
    padding: 1px 1px 0px 0px;
    height: 25px;
    width: 25px;
    background-color:#EDEBDF;
    border-top:1px solid #C7D1DB;
    border-left:1px solid #C7D1DB;
    border-right:1px solid #C7D1DB;
    border-bottom:1px solid #A3B1C1;
    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffFFFFFF',EndColorStr='#ffEDEBDF');
    margin-bottom: 1px;
}
.buttonHover {
   border-color:#f8b230;
}
.button_left_cell_default, .button_left_cell_rollover, .button_left_cell_inactive {
    border-style: none;
    text-align: right;
    margin: 0px;
    padding: 0px;
}
.button_right_cell_default, .button_right_cell_rollover, .button_right_cell_inactive {
    border-style: none;
    text-align: left;
    margin: 0px;
    padding: 0px;
}
.button_center_cell_default {
    text-align: center;
    vertical-align: middle;
    background-image: url(../images/button_center_default.gif);
    background-repeat: repeat-x;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
.button_center_cell_rollover {
    text-align: center;
    vertical-align: middle;
    background-image: url(../images/button_center_rollover.gif);
    background-repeat: repeat-x;
    color: white;
    font-size: 9pt;
    font-weight: bold;
}
.button_center_cell_inactive {
    text-align: center; 
    vertical-align: middle;
    background-image: url(../images/button_center_inactive.gif);
    background-repeat: repeat-x;
    color: #999999;
    font-size: 9pt;
    font-weight: bold;
}
.button_text_default {
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
.button_text_rollover {
    color: white;
    font-size: 9pt;
    font-weight: bold;
}
.button_text_inactive {
    color: #999999;
    font-size: 9pt;
    font-weight: bold;
}
.headerPadding {
    height: 15px;
}
.linePadding {
    font-size: 4pt;
    height: 5px;
}
.marginPadding {
    font-size: 9pt;
    width: 10px;
}
.iconPadding {
	font-size: 9pt;
	width: 2px;
}
.progress {
    background-color: transparent;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    font-style: italic;
}
.header, .tocHeader, .dualSelectorSourceLabel, .dualSelectorTargetLabel, .selectorLabel, .popup_active {
    background-color: transparent;
    color: black;
    font-size: 9pt;
    font-weight: bold;
}
.headerDisabled, .tocHeaderDisabled, .popup_disabled {
    cursor: default;
    background-color: transparent;
    color: #999999;
    font-size: 9pt;
    font-weight: bold;
}
.popup_selected {
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
}
.directions {
    font-size: 10pt;
}
#welcome, .dialogHeader {
    background-color: transparent;
    color: black;
    font-size: 10pt;
    font-weight: bold;
}

.dialogHeaderNormal {
    background-color: transparent;
    color: black;
    font-size: 10pt;
    font-weight: normal;
}

.labelUnmargined {
    font-size: 9pt;
}
.labelUnmarginedDisabled {
    background-color: transparent;
    color: #999999;
    font-size: 9pt;
}
.label {
    margin-left: 2px;
    margin-right: 2px;
    font-size: 9pt;
}
.labeldisabled {
    background-color: transparent;
    color: #999999;
    margin-left: 2px;
    margin-right: 2px;
    font-size: 9pt;
}
.legend {
    margin-left: 2px;
    margin-right: 2px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: black;
    font-size: 9pt;
}
.dropdown {
    background-color: white;
    color: transparent;
    font-size: 9pt;
}
.textentry {
    background-color: white;
    color: #003399;
    font-size: 9pt;
}
.textEntryDisabled {
    background-color: #EEEEEE;
    font-size: 9pt;
    color: #999999;
}
.monospaced {
    font-family: "Andale Mono", Courier, monospace;
    background-color: white;
    color: #003399;
    font-size: 9pt;
}
.monospacedDisabled {
    font-family: "Andale Mono", Courier, monospace;
    background-color: transparent;
    color: black;
    font-size: 9pt;
}
.proportionalDisabled {
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    background-color: transparent;
    color: black;
    font-size: 9pt;
}
.checkbox {
    margin-left: 15px;
}
.radiobutton {
    font-size: 9pt;
}
.olapDrillStatemenu,.olapDrillStatemenuDisabled,.olapDrillStatemenuDivider {
    vertical-align: bottom;
    font-size: 9pt;
}
.OLAPTableToolBar {
    vertical-align: bottom;
}
.tableText{
    margin-left: 5px;
}
#tableDataItemColumns {
    display: none;
}
#tableDataItemRows {
    display: none;
}
.popupBanner {
    position: relative;
    left: 0px;
    top: 0px;
    width: 100%;
}
/* TreeListSelector div pane */
.dataItemSelector_dualPane, .citation_treePane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 220px;
    height: 150px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}
.selectDataDialogDataItemSelector_dualPane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 220px;
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}
.save_treePane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 260px;
    height: 150px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}

/* TreeListSelector div pane */
.preferences_treePane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 220px;
    height: 125px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}
/* TreeListSelector labels, which match the header style */
.dataItemSelector_dualSelectorLabel {
    font-size: 9pt;
    font-weight: bold;
}
/* TreeListSelector labels border, which there should be none */
.dataItemSelector_dualSelectorLabelBg {
    background-color: transparent;
    border-style: none;
}
/* TreeListSelector border, which there should be none */
.dataItemSelector_dualSelectorBg {
    border-style: none;
}
/* TreeListSelector tree nodes - .dataItemSelector_dualText */
.dataItemSelector_treeText, .citation_treeText, .singleTreeDataItemSelector_treeText, .save_treeText, .preferences_treeText {
    cursor: hand;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}
/* TreeListSelector tree selections */
.dataItemSelector_treeSelected, .citation_treeSelected, .singleTreeDataItemSelector_treeSelected, .save_treeSelected, .preferences_treeSelected {
    cursor: default;
    background: #f1eacb;
    color: #3872ac;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}
/* TreeListSelector disabled tree nodes */
.dataItemSelector_treeDisabled, citation_treeDisabled, .singleTreeDataItemSelector_treeDisabled, .save_treeDisabled, .preferences_treeDisabled {
    cursor: default;
    background-color: transparent;
    color: #808080;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}
.previewDataPane {
    background-color: white;
    color: white;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    vertical-align: top;
    text-align: left;
    width: 100%;
}
.formatOptionsPane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    vertical-align: top;
    height: 245px;
    width: 335px;
    overflow: auto;
}
.columnRowPane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    vertical-align: top;
    height: 120px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}
.columnRowItem {
    font-size: 9pt;
}
.columnRowItemDisabled {
    background-color: transparent;
    color: #999999;
    font-size: 9pt;
}
.columnRowHeaderSpacer {
    width: 15px;
}
.columnRowHeaderMajorSpacer {
    width: 100px;
}
.columnRowHeaderMinorSpacer {
    width: 5px;
}
.columnRowHeaderMargin {
    width: 10px;
}
/* matches the header style with italic */
.columnRowHeader {
    font-size: 9pt;
    font-weight: bold;
    font-style: italic;
}
.columnRowItemSpacer {
    width: 15px;
}
.columnRowRadioButtonMargin {
    width: 5px;
}
.columnRowRadioButtonInnerSpacer {
    width: 15px;
}
.measureLabel {
    font-style: italic;
    font-size: 9pt;
}
.graphTypeSpacer {
    font-size: 9pt;
    width: 35px;
}
.dialogSpacer {
    width: 20px;
}
.buttonSpacer {
    width: 10px;
}
.rightPaneSpacer {
    width: 5px;
}
#groupText {
    background-color: transparent;
    color: #3872ac;
    font-size: 8pt;
    visibility: visible;
}
.gridLayoutCellContainer {
    padding-left: 7px;
    padding-bottom: 7px;
    text-align: left;
    vertical-align: top;
}
#saveDialogMainContent {
    height: 475px;
    padding: 7px;
}

.popupmenu, .menuItemContainer {
    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;
    color: #3872ac;
    font-size: 9pt;
    font-weight: bold;
    z-index: 999;
}
.popupmenuspacer, .menuItemDivider {
    background-color: #3872ac;
    color: #3872ac;
    height: 1px;
    width: 90%;
}


.menuItem:hover
{
	text-decoration: none;
}

.menuItemHighlight
{
	cursor:hand;
	font-size: 1px;
	border: 1px solid #6496BF;
	position:absolute;
	background-color: #6496BF; 
	filter: alpha(opacity=30);
	opacity: .30;
}

.popupdebug {
    font-size: 10px;
    text-decoration: underline;
}

.reportName {
    font-size: 9pt;
}
.navigationButton {
    border-style: none;
    margin-right: 2px;
    margin-left: 2px;
    vertical-align: middle;
}
.TOCmenu {
    border: #3872AC; 
    border-style: solid; 
    border-top-width: 1px; 
    border-right-width: 1px; 
    border-bottom-width: 1px; 
    border-left-width: 1px;
}
.TOCdropdown {  
    background-image: url(../images/popup_tiling_background.gif); 
    background-repeat: repeat; 
    border: #C0C0C0 solid;
    border-width: 0px 1px 1px;
    height: 250px;
    overflow-y: auto;
    overflow-x: auto;
}
.TOC_text {
    background-color: transparent;
    color: black;
    font-size: 9pt;
    font-weight: bold;
}
.TOC_selected {
    background-color: transparent;
    color: black;
    font-size: 9pt;
    font-weight: bold;
}
.TOC_current_text {
    background-color: #FAF3D4;
    color: black;
    font-size: 9pt;
    font-weight: bold;
}
.TOC_current_selected {
    background-color: #FAF3D4;
    color: black;
    font-size: 9pt;
    font-weight: bold;
}
.dualSelectorContainer {
    width: 100%;
}
.createFilter_dualSelector_container,
.mulitValuedPromptResponseEditor_container {
    width: 100%;
}
.createFilter_dualSelector_listComponent,
.multiValuedPromptResponseEditor_listComponent,  
.itemValues_dualSelectorSource, .itemValues_dualSelectorTarget {
    background-color: white;
    color: black;
    font-size: 9pt;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 100%;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}
.promptValues_dualSelectorSource, 
.promptValues_dualSelectorTarget {
    background-color: white;
    font-size: 9pt;
    /*width: 100%;*/
}

.sortSelectorDropdown {
    background-color: white;
    color: transparent;
    font-size: 9pt;
    /*width: 100%;*/
    width: 250px;
}

.selectorComponentDiv
{
     padding: 10;
     width:365;
     height:350;
     overflow-Y:scroll;
     border: 1px solid #000000;
     

}

/* DataSourceSelector div pane */
.citation_dataSourceTreePane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 100%;
    height: 200px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}

/**** Default Palette Styles For CDD ColorPicker  *****/
.PaletteContainer 
{ 
    border: 1px black solid;
/*    border-collapse:collapse;  */
    padding: 2px; 
    margin: 2px; 
    height: 10px
} 
    
.PaletteContainerDisabled 
{ 
    border: 1px #c0c0c0 solid;
} 
.PalettePreviewCell
{
   height: 5px; 
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
}

.PaletteTable 
{
    border-collapse: separate;
    background-color: #dcdcdc;
    border: 1px black solid;
}

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

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

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

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

.ImagePickerPreviewCell
{
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;
}

/**** Color Picker Palette Styles  *****/
.ColorPickerContainer
{
    border: 1px black solid;
	width: 95px;
}

.ColorPickerContainerDisabled
{
   border: 1px #c0c0c0 solid;
   width: 95px;   
}

.ColorPickerItemCell
{
    height: 10px;
    width: 10px;
}

.ColorPickerSelectedItemCell
{
	width: 10px;
	width: 10px;
	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: 60px;
   font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: 10pt;
   font-weight: normal;    
}

.ColorPickerAutomaticSwatch
{
	height: 10px;
	width: 10px;
	padding-left: 2px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
}

.ColorPickerAutomatic
{
	background-color: #FCF4DC;
	border-bottom: 1px solid #3872AC;
	border-left: 1px solid #B1C1D0;
	border-right: 1px solid #3872AC;
	border-top: 1px solid #B1C1D0;
	color: #3872AC;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffff',EndColorStr='#FFF1EAcb');
	font: 84% 'trebuchet ms', helvetica, sans-serif;
	font-weight: bold;
	cursor: pointer;			
}
.ColorPickerAutomaticRollover
{
	border-color: #F8B230;
}

.ColorPickerAutomaticRollover span
{
	color: #3872AC;
	font: 84% 'trebuchet ms',helvetica,sans-serif;
	font-weight: bold;

}




.toolbarButton 
{
    border: 1px solid buttonface;
    padding: 1px;
    text-align: center; 
    cursor: hand;
}

/*********************************************
* Styles for table and graph data dialog panel
* applies to com.sas.servlet.tbeans.dataselectors.dataitems.html.SingleTreeDataItemSelectorPanel
**********************************************/

.singleTreeDataItemSelector_header {
    background-color: transparent;
    color: black;
    font-size: 9pt;
    font-weight: bold;
}

.singleTreeDataItemSelector_treePane {
    background-color: white;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 325px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: auto;
    vertical-align: top;
}

.singleTreeDataItemSelector_menuLink
{
	text-decoration: none;
    cursor:hand;
    color: #3872ac;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
}

.singleTreeDataItemSelector_menuItem
{
   background-color: transparent;
   cursor:hand;
   color: #3872ac;
   font-family: Trebuchet MS, Helvetica, sans-serif;
   font-size: 9pt; 
   font-weight: bold;
   vertical-align: middle;
   padding-right: 5px; /* provides spacing between a node and its icon image */
   padding-top: 2px;
}

.singleTreeDataItemSelector_menuItemDisabled, .singleTreeDataItemSelector_menuItemDisabled A
{
  color: gray; 
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 9pt; 
  font-weight: bold;
  cursor:hand;
  padding-right: 5px; /* provides spacing between a node and its icon image */
  padding-top: 2px;
}

.singleTreeDataItemSelector_menuItemDisabled A:hover
{
  text-decoration: none;
  cursor:default;
}

/* This defines the "required" roles style in the dataItem selector. */
.singleTreeDataItemSelector_requiredTreeText {
    cursor: default;
    background-color: transparent;
    color: black;
    font-size: 9pt;
    font-weight: bold;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}

/* This defines the "optional" roles style in the dataItem selector. */
.singleTreeDataItemSelector_optionalTreeText {
    cursor: default;
    background-color: transparent;
    color: black;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}

/* This defines the container for the error message area in the dataItem selector */
.singleTreeDataItemSelector_messageAreaContainer
{
  width: 100%;
}

/* This defines the text for the error message area in the dataItem selector. Mimics .errorMessages */
.singleTreeDataItemSelector_messageAreaText
{
  padding: 1px 4px 1px 4px;
  background-color: #faf3d4;
  color: black;
  font-size: 9pt;
}

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

.percentCalculationsSelectorChoiceBox
{
    width: 250px;
}

.percentCalculationsSelectorChoiceLabel
{
   font-family: "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: "Trebuchet MS", Arial, Helvetica, sans-serif;
   font-size: x-small; 
   color: #000000;
}

.percentItemNodeText
{
  font-family: "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: "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: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  width: 130px;
}

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

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

.pcs_ListBoxViewMeasureNode
{
  font-family: "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: "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: "Trebuchet MS", Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  text-align: left;
  vertical-align: bottom;
  white-space: nowrap;
  /* width: 100px; */
}


/**** Synchronized Reports Data Pane  *****/
.dataPaneDualSelector_treePane {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    width: 165px;
    height: 150px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}

.dataPaneDualSelector_treeImage, 
.dataPaneDualSelector_dualtext {
	cursor: hand;
}

/* TreeListSelector labels, which match the header style */
.dataPaneDualSelector_dualSelectorLabel {
    font-size: 9pt;
    font-weight: bold;
}
/* TreeListSelector labels border, which there should be none */
.dataPaneDualSelector_dualSelectorLabelBg {
    background-color: transparent;
    border-style: none;
}
/* TreeListSelector border, which there should be none */
.dataPaneDualSelector_dualSelectorBg {
    border-style: none;
}
/* TreeListSelector tree nodes - .dataItemSelector_dualText */
.dataPaneDualSelector_treeText {
    cursor: hand;
    background-color: transparent;
    color: #3872ac;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}
.dataPaneCategoryHeader_labelText {
    cursor: default;
    background-color: transparent;
    color: black;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}
/* TreeListSelector tree selections */
.dataPaneDualSelector_treeSelected {
    cursor: default;
    background: #f1eacb;
    color: #3872ac;
    font-size: 9pt;
    text-decoration: none;
    padding-left: 2px; /* provides spacing between a node and its icon image */
    padding-right: 2px;
}

.dataPaneConfigurationPane {
    background-color: #fcfbf5;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 150px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
    vertical-align: top;
}
/* Errormessage for Quick Reports displayed above Data Pane */
.dataPane_renderErrorMessage {
    font-size: 10pt;
    font-weight: bold;
    font-family: "Trebuchet MS";
}



/******* ExceptionHighlightingSelector styles ***********/
/* applies to com.sas.servlet.tbeans.dataselectors.exceptionHighlighting.html.ExceptionHighlightingSelector */
.exceptionHighlightingSelectorContainer
{
	width: 100%;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 15px;
}

.exceptionHighlightingSelectorTabContainer
{
 	height: 225px;
	width: 100%;
}

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

.exceptionHighlightingSelectorChoiceBox
{
    width: 250;
}

.exceptionHighlightingSelectorTextEntry
{
	width: 250px;
}
.exceptionHighlightingSelectorFontFamilyChoiceBox
{
    width: 150;
}
.exceptionHighlightingSelectorFontSizeChoiceBox
{
}
.exceptionHighlightingSelectorColorChoiceBox
{
    width: 100;
}
.exceptionHighlightingSelectorListEditorComponent
{
	height: 168px;
	width: 100%;
}

.exceptionHighlightingSelectorPreviewContents 
{
	width: 550px;
    overflow: hidden;

}

.exceptionHighlightingSelectorRuleContext 
{
	overflow-y: auto;
	width: 555px;
	height: 27px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
	
}


/***** Styles used by List Editor component */
.ListEditorContainer
{
	width: 100%;
}

.ListEditorListContainer
{
	width: 100%;
}




/********************************************************/
/*** Misc styles used by CDD Selectors              *****/
/********************************************************/
.selectorRowSpacer,
.selectorVerticalButtonSpacer {
	font-size: 1pt;
	height: 5px;
}

.selectorButtonSpacer,
.selectorComponentSpacer {
	width: 10px;
}


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

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

.selectorChoice,
.selectorList {
    background-color: white;
    color: transparent;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 10pt;
}

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


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


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

.tabButtonLeft, .tabButtonLeftRollover, .tabButtonLeftInactive 
{
}

.tabButtonRight, .tabButtonRightRollover, .tabButtonRightInactive 
{
}

.tabButton 
{
}

.tabButtonActive 
{

}

.tabButtonRollover
{
}


.tabButtonBottomRollover, .tabButtonBottomLeftRollover, .tabButtonBottomRightRollover
{
}



.tabButtonRollover SPAN
{
    color: #909f52;
    font-family: "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: "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: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    line-height: 17px;
}

.tabButtonCenterDisabled SPAN 
{
  /*
    color: #999999;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 9pt;
    font-weight: bold;
*/
}

.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%;
    line-height: 17px;
}
/* ----------------------------------- report properties dialog -------------------------------------- */
.reportPropertiesDropDown {
   width: 100%;
}
.reportPropertieslabel {
    margin-left: 4px;
    margin-right: 2px;
    font-size: 9pt;
    font-weight: bold;
}

.reportPropertieslabelDisabled {
    background-color: transparent;
    color: #999999;
    margin-left: 4px;
    margin-right: 2px;
    font-size: 9pt;
    font-weight: bold;
}

.reportPropertiesFieldSet {
	border: 1px solid #919190;
}

.reportPropertiesFieldSetDisabled {
    border: 1px solid #D3D3D3;
}

.reportPropertiesRowSpacer {
	height: 20px;
}

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

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

.ESRIZoomLayer
{
  background-color: #E3E3FF;
  filter:alpha(opacity=50);
  position: absolute;
  z-index: 1;
}
.ESRIMapMenu
{
	background-color: #F1EACB;
}

.ESRIMapContainer
{
}

.ESRISelectedMenu
{
   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;
}
.burstSetItems {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 100px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}
.burstSetDisplay {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 150px;
    width: 635px;
    overflow-y: scroll;
    overflow-x: auto;
}
.burstSetGroupLevels {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 100px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}
.burstResultsDisplay {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 370px;
    overflow-y: scroll;
    overflow-x: scroll;
    overflow: auto;
}
.scheduleWizardPrompts {
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
    border-color: #808080 #c0c0c0 #c0c0c0 #808080;
    border-style: ridge;
    border-top-width: 2px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 2px;
    height: 400px;
    overflow-y: scroll;
    overflow-x: auto;
    overflow: auto;
}
/* ------------------------ column/graph resizing styles ------------------------ */
/* Divs for resizing Columns/Graphs.
   Note that they need a background color even though opacity is 0 */
.resizer {
    position: absolute;
    background-color: #DFDCC8;
    opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0);
    width: 5px;
    cursor: e-resize;
    cursor: col-resize;
}
.resizerVert {
    position: absolute;
    background-color: #DFDCC8;
    opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0);
    height: 5px;
    cursor: s-resize;
}
.resizerBoth {
    position: absolute;
    background-color: #DFDCC8;
    opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0);
    height: 5px;
    width: 5px;
    cursor: se-resize;
}
.resizerRight {
    position: absolute;
    background-color: #DFDCC8;
    opacity: 0.0; -moz-opacity: 0.0; filter:alpha(opacity=0);
    width: 5px;
    cursor: e-resize;
}
.highlightColumn {
    position: absolute;
    background-color: #CFCEC2;
    border-color: #B3B2A3;
    opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40);
    border-style: none dashed;
    border-width: 3px;
}
.highlightColumnOther {
    position: absolute;
    background-color: #CFCEC2;
    border-color: #B3B2A3;
    opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40);
    border-style: none dashed;
    border-width: 3px;
}

.highlightExtraColumnHeader 
{
    background-color: #DFDCC8 !important;
}

.highlightGraph {
    position: absolute;
    background-color: #CFCEC2;
    border-color: #B3B2A3;
    opacity: 0.4; -moz-opacity: 0.4; filter:alpha(opacity=40);
    border-style: none dashed dashed none;
    border-width: 3px;
}

/* ----- FontPicker for Edit Text, Header, Footer and other dialogs ----- */

.fontPickerContainer {
}

.fontPickerButtonSpacer {
	padding-right: 6px;
        height: 100%;       
}

.fontPickerPreviewText {
   height:  30px;
   overflow: hidden;
   padding-top: 3px; 
}

.fontPickerToolBar {
    vertical-align: middle;
    horizontal-align: center;   
}

.fontPickerBoldButton, .fontPickerItalicButton, .fontPickerUnderlineButton,
.fontPickerAlignLeftButton, .fontPickerAlignCenterButton, .fontPickerAlignRightButton,
.fontPickerForegroundColor, .fontPickerBackgroundColor
{
    vertical-align: top; 
    horizontal-align: center;
}

.fontPickerFontSize
{
    vertical-align: top;
    horizontal-align: center;
    margin-top: 1px;
}


.fontPickerFontName
{
   vertical-align: top;
   horizontal-align: center;
   padding-right: 4px;
}

.fontPickerForegroundColor
{
   padding-right: 4px;
}

/* ----------------------------------- ToggleImage properties dialog -------------------------------------- */

.imageStyle
{
	cursor: pointer;
        vertical-align: middle;
	horizontal-align: center;
        margin: 1px;          
        padding: 1px;                           
}

.imageStyle A, .imageSelectedStyle A
{
        vertical-align: middle;
        horizontal-align: center;
}

.imageSelectedStyle
{
	cursor: pointer;
        vertical-align: middle;
	horizontal-align: center;
        background-color: #E0E7ED;
	border: 1px solid #7F9DB9;
        padding: 1px;
}

.imageSelectedStyle IMG, .imageStyle IMG
{
	vertical-align: middle;
	horizontal-align: center;        
}

.ESRIIdentifyLabel
{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;

}

.ESRIIdentifyText
{
	font: 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.ESRIIdentifyContainer
{
	height: 300px;
	overflow-y: scroll;
	vertical-align: top;
	border-bottom: 2 double inactiveborder;
	border-left: 1 inset treeshadow;
	border-right: 1 double inactiveborder;
	border-top: 1 inset treeshadow;

}
td.ESRIMapIdentifyTableData {
	padding-right: 45px;
	white-space:nowrap;
    	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
    	font-size: 12px;

}

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

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


/*********************
Graph Menu Bar
**********************/
.graphMenuBar{
   display:none;
}


.treeViewImage, .tvi {
	border: 0; 
	width: 16; 
	height: 22;
	vertical-align: top;
}

.tNRD {
	margin: 0px;
	padding: 0px;
	border-width: 0px;
	height: 18px;
}

