/* Copyright (c) Business Objects 2006. All rights reserved. */

.crviewer
{
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border: 1px solid;
}

.stackedPanel
{
    overflow: hidden;
    position: relative;
}

.parameterPanelToolbar
{
    margin: 0px;
    overflow: hidden;
}

.crtextinputs
{
    background-color: transparent;
    font-size: 11px;
    border: none;
    padding-left: 5px;
    padding-right: 2px;
}

.toolPanel
{
    position:relative; /* Needed for Webform design time */
    border-right: 1px solid;
    border-bottom: 1px solid;
}

.toolPanel.leftBorder
{
    border-left: 1px solid #96a8c3;
}

.toolPanelRTL
{
    position:relative; /* Needed for Webform design time */
    border-left: 1px solid;
    border-bottom: 1px solid;
}

.toolPanelRTL.leftBorder
{
    border-right: 1px solid #96a8c3;
}

.leftPanel
{
    position : absolute;
    top: 0px;    
}

.leftPanel.crvRTL
{
    right: 0px;
}

.leftPanel.crvLTR
{
    left: 0px;
}

.panelHeader 
{
    border-top: 1px solid;
    border-right: 1px solid;
    position : absolute;
    z-index: 1;
    overflow: hidden;
}

.panelHeaderRTL 
{
    border-top: 1px solid;
    border-left: 1px solid;
    position : absolute;
    z-index: 1;
    overflow: hidden;
}

.panelHeaderTop
{
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.panelHeaderBottom
{
    position: absolute;
    width: 100%;
    overflow: hidden;
}

.panelHeaderTitle
{
    position : absolute;
    bottom : 3px;
    left : 10px;    
    font-weight: bold;
    font-size : 8.5pt;
    white-space: nowrap;
    color :#FFFFFF;
    overflow : hidden;
}

.panelHeaderTitle.crvRTL
{
    right : 10px;
}

.panelHeaderTitle.crvLTR
{
    left : 10px;
}

.panelHeaderCloseButton 
{
    padding : 1px;
}

.panelHeaderCloseButtonHighlighted
{
    border : 1px solid #F5F7F9;
}

.panelHeaderButtonCtn
{
    position : absolute;
    bottom: 3px;
}

.panelHeaderButtonCtn.crvRTL
{
    left: 4px;
}

.panelHeaderButtonCtn.crvLTR
{
    right: 4px;
}

.panelNavigatorInnerBorder 
{
    border: 1px solid;
}

.panelNavigator
{
    position : absolute;    
    z-index: 5;
    border: 1px solid;
    border-left: 0px;
}

.panelNavigatorRTL
{
    position : absolute;    
    z-index: 5;
    border: 1px solid;
    border-right: 0px;
}

.panelNavigatorItemImage
{
    width : 22px;
    height : 22px;
    position : absolute;
    top : 6px;
    left: 6px;
}

.panelNavigatorItem 
{
    position:absolute;
    width: 35px;
    left : 0px; 
    top : 0px; /* Will be set by PanelNavigatorItem constructor */
    height : 35px;
    cursor : pointer;
}

.parameterInfoRow
{
    color : #006699;
    padding : 1px 2px;
    margin: 2px 10px;
    font-style: italic;
    font-size : 12px;
    display: none;
    white-space: nowrap;
    text-decoration: underline;
    cursor: pointer;
}

.paramPanelOverLay 
{
    width: 100%;
    height: 100%;
    background-color: black;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 5;
    filter: alpha(opacity=15); /* IE */
    opacity: 0.15; /* Safari and Mozilla */
}

.stackedTab
{
    overflow: hidden;
    margin: 5px 2px;
    border-collapse: collapse;
    border: 1px solid;
}

.stackedTabTitle
{
    height: 20px;
}

.stackedTabTitleDirty
{
    height: 20px;
}

.stackedTabContentCtn
{
    float: left;
}

.stackedTabText
{
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    cursor: default;
    color: black;
    font-size: 8pt;
    color: #4F5C72;
    font-weight: bold;
    position: relative;
    margin-left: 5px;
    top: 1px;
    width: 100%;
}

.stackedTabIconCtn
{
    position: absolute;
    top: 1px;
    height: 100%;
    width: 20px;
    z-index: 5;
}

.clearValueBtnCtn
{
    position : absolute;
    right : 1px;    
    top : 1px;
}

.clearValueBtnCtnRTL
{
    position : absolute;
    left : -20px;    
    top : 1px;
}

.advButtonContainer {
    height: 16px;
    position:absolute;
    right:0px;
    top : 0px;    
}

.WarningPopup
{
    position : absolute;
    border: 1px solid black;
    width :300px; 
    font-size : 12px;
    background-color : #ffffcc;
    display : none;
    z-index: 20;
}

.crvnoselect
{
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
}

.iactParamRow
{
    position: relative;
    height: 18px;
    overflow: hidden;
    white-space: nowrap;
    margin: 2px 20px 2px 0px;
    
}
.iactParamRowEditable
{
    border: 1px solid;
}
    
.iactParamRowEditable.hasError
{
    border: 1px solid red;
}

.iactParamRowIE
{
    height: 20px;
}

.iactParamValue
{
    padding-left:4px;
    height: 18px;
    overflow: hidden;
}

.iactParamValueAndButton
{
    position: relative;
    overflow: hidden;
    height: 18px;
}

.iactTextField
{
    font-size: 8pt;
    height: 15px;
    border: none;
    padding-left: 2px;
    padding-right: 2px;
    position : relative;
    padding-top : 0px;
    top : 2px;
}

.iactRangeFieldTable
{
    height: 18px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 1px;
    white-space:nowrap;
    overflow:hidden;
    border-collapse: collapse;
    font-size: 8pt;
}

.iactTextComboTextField
{
    margin-right: 15px;
}

.iactTextComboTextFieldRTL
{
    margin-left: 15px;
}

.iactTextComboArrow
{
    height: 16px;
    overflow: hidden;
    border-top: 1px solid #E1E1FC;
    border-left: 1px solid #E1E1FC;
    border-right: 1px solid #9191AC;
    border-bottom: 1px solid #9191AC;
    position: absolute;
    top: 0px;
}

.iactValueIcon
{
    height: 18px;
    overflow: hidden;
}

.infozone
{
    background-color: white;
    color: #808080;
    font-size: 11px;
    border: 1px solid;
    padding: 4px;
}

.waitdialogzone
{
    border-top: solid 1px #FFFFFF;
    border-left: solid 1px #FFFFFF;
    border-right: solid 1px #636384;
    border-bottom: solid 1px #636384;
    padding: 5px;
    margin: 5px;
}

.dialogTitleLevel2
{
    font-size: 8.5pt;
    font-weight: bold;
    color : #4F5C72;    
    display:inline;
    white-space:nowrap;
}

.dialogTitleLevel2Underline
{
    border-bottom: 1px solid #4F5C72;
}

/*=========*/
/* Toolbar */
/*=========*/

/* This is needed for design time */
.crtoolbar 
{
	background-color: #CDD9E9;
}

.crtoolbartop
{
    position: absolute;
    width: 100%;
    height: 12px;
    overflow: hidden;
}

.crtoolbarbottom
{
    position: absolute;
    top: 12px;
    width: 100%;
    height: 16px;
    overflow: hidden;
}

/*==========================================================*/
/* Toolbar button's default, depressed and hover behaviours */
/*==========================================================*/

.button_depressed .button_image
{
    border: 1px solid;
    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

.button_hover .button_image
{
    border: 1px solid;
    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/*======================*/
/* Toolbar button group */
/*======================*/

.toolbar_buttongroup
{
    border: 1px solid;
    overflow: hidden;
    
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
}

/*===========*/
/* Statusbar */
/*===========*/

.statusbar_breadcrumb
{
    width: 100%;
    height: 14px;
    overflow: hidden;
    position: relative;
}

/*============*/
/* Breadcrumb */
/*============*/

.loadingMessageBar
{
    position: absolute;
    top: 6px;
    left: 6px;
    height: 30px;
    overflow: hidden;
}
            
.loadingMessage
{
    color: #000000;
    font-size: 12px;
    text-decoration: none;
    white-space: nowrap;
}

/*==============================================================*/
/* DesignTime CSS styles                                        */
/*==============================================================*/

.designTimeToolbarButton
{
    overflow: hidden;
    float: left;
    width: 21px;
    height: 19px;
    margin-top: 5px;
    margin-left: 5px;
}

.designTimePanelNavigatorItem 
{
    width : 31px;
    height : 33px;
    cursor : pointer;
}

.designTimePanelNavigatorItem.selected
{
    background:transparent url('allInOneBG.gif') repeat-x 0px -181px;
}

.designTimeToolbarItem
{
    float: left;
}

.designTimeLeftPanel 
{
    height: 100%; 
    float : left;
    vertical-align: top;
    width: 100px; 
}

.designTimePanelNavigator
{  
    vertical-align: top;
    background-color : #e5eaf1;
    border: 1px solid #94abc5;
    float: left;
    width : 33px;
    height: 100%;
    overflow:hidden;
}

.designTimeStatusBar 
{
    height: 15px;
    overflow: hidden;
    clear: both;
    text-align: right;
    white-space: nowrap;
    padding: 3px 5px;
    position: relative;
}

.designTimeToolPanel
{
    height:100%;
    position : relative;
    overflow: hidden;
    float : right;
    border-top: 1px solid #94abc5;
    border-right : 1px solid #94abc5;
    border-bottom: 1px solid #94abc5;
    background-color: #F5F7F9;
}

.designTimePanelHeader 
{
    background-color: #829FC6;
}

.designTimeReportAlbum 
{
    height: 100%; 
    float:right;
}

.designTimeSearchPanelTextContainer
{
    height: 15px;
    width: 100%;
    margin: 4px;
    border: 1px solid #94abc5;
    background-color: #FFFFFF;
}

.designTimeSearchPanelResults
{
    margin-left: 4px;
    margin-top: 4px;
    margin-right: 4px;
    border: 1px solid #94abc5;
    background-color: #FFFFFF;
}

.clear 
{ 
    clear: both; 
    height: 1px;
    overflow: hidden;
}

.selectListControl
{
    width : 100%;
    overflow : hidden;
    cursor : default;
    background-color : white;
    border : 1px solid;
    position : relative;
}

.selectListItem
{
    width: 100%;
    white-space: nowrap;
    font-size: 9pt;
    overflow: hidden;
}

.selectListItem .selectListItemTitle
{
    margin-top: 3px;
    margin-left: 3px;
}

.selectListItem .selectListItemDesc
{
    margin-left: 3px;
    margin-bottom: 3px;
    color : gray;
}

.searchPanel
{
    font-size : 9pt;    
}

.searchPanel table tr td
{
    padding : 0px 1px;
}

.searchPanelTextContainer
{
    width : 100%;
    padding : 0px;
    border : 1px solid;
    position : relative;
    overflow : hidden;
}

.searchPanel .searchPanelTextContainer .arrowContainer
{
    width : 15px;
    border : 0px;
}

.searchPanelInput
{
    width : 100%;
    height : 100%;
    border : 0px none;
    background-color: transparent;
}

.searchPanel.loadingInfo
{
    display : inline;
    color : gray;
    padding : 0px 3px;
    position : relative;
}

.searchPanel.info
{
    padding-left : 0px;
    margin : 0px;
    cursor : default;
}

.searchPanel.info.resultsFoundText
{
    position : relative;
    left : 5px;
    display : none;
    height : auto;    
}

.crvHidden
{
    display : none;
}

DIV.hideFrame
{
    background-color: transparent;
}

DIV.hideFrame .hideableFrame
{
    display: none;
}

.crvScrollBar
{
    position : absolute;
}

.crvScrollBar.crvHorizontal
{
    bottom : 0px;
    left : 0px;
    height : 17px;
    background : transparent url('allInOneBG.gif') repeat-x 0px -17px;
    width : 100%;
}

.crvScrollBar.crvVertical
{
    top : 0px;
    height : 100%;
    background : transparent url('allInOneBGV.gif') repeat-y 0px 0px;
    width : 17px;
    z-index: 1;
}
.crvScrollBar.crvVertical.crvLTR
{
    right : 0px;
    left: auto;
}
.crvScrollBar.crvVertical.crvRTL
{
    left : 0px;
    right : auto;
}
.crvScrollBar table
{
    height : 100%;
    width : 100%;
    border-collapse:collapse;
    padding : 0px;
    overflow : hidden;
}

.crvScrollThumbToolTip
{
    position : absolute;
    padding : 2px 4px;
    cursor : default;
    width : auto;
    margin: auto;
    display:none;
    white-space:nowrap;
    font-size : 7.5pt;
    border:1px solid #4F5C72;
    background : url('allInOneBG.gif') repeat-x 0px -34px;
}

.crvScrollButton
{
    width : 17px;
    height : 17px;
}

.crvScrollButton a
{
    position: relative;
    cursor: default;
}
.crvAllInOne
{
   background: url('allInOne.gif');
}
.crvAllInOneRTL
{
    background: url('allInOne_rtl.gif');
}
.crvScrollButton.crvLeft a
{
    background-repeat: no-repeat;
    background-position: 0px -420px;
    width : 16px;
    height : 16px;
    left : 0px;
    display : block;
    text-decoration : none;
    line-height:16px;
    margin-top: 1px;
}
.crvScrollButton.crvLeft a:hover
{
    background-position: 0px -437px;
}

.crvScrollButton.crvRight a
{
    background-position: 0px -454px;
    width : 16px;
    height : 16px;
    right : 0px;
    display : block;
    text-decoration : none;
    line-height:16px;
    margin-top: 1px;
}
.crvScrollButton.crvRight a:hover
{
    background-position: 0px -471px;
}

.crvScrollButton.crvdown
{
     vertical-align: bottom;	
}

.crvScrollButton.crvdown a
{
    background-position: 0px -505px;
    width : 16px;
    height : 16px;
    bottom : 0px;
    display : block;
    text-decoration : none;
    line-height:16px;
    margin-left: 1px;
}
.crvScrollButton.crvdown a:hover
{
    background-position: -17px -505px;;
}
.crvScrollButton.crvup
{
    vertical-align: top;
}
.crvScrollButton.crvup a
{
    background-position: 0px -488px;
    width : 16px;
    height : 16px;
    top : 0px;
    display : block;
    text-decoration : none;
    line-height:16px;
    overflow:hidden;
    margin-left:1px;
}

.crvScrollButton.crvup a:hover
{
    background-position: -17px -488px;
}

.crvScrollTrack
{
    height : 100%;
    position : relative;
    width : 100%;    
    cursor : default;
}

.crvScrollThumb
{
    position : absolute;
    float : left;
    overflow : visible;
    cursor : default;
}

.crvScrollThumb.crvThumbVertical
{
    height: 30%;
    width : 100%;
    top : 0px;
    min-height: 14px;
    margin-left:1px;
}

.crvScrollThumb.crvThumbHorizontal
{
    height: 100%;
    width : 30%;
    left : 0px;
    top: 0px;
    margin-top:1px;
}

a.crvScrollThumb table
{
    height : 100%;
    width : 100%;
    border-collapse : collapse;    
}

a.crvScrollThumb.crvThumbVertical table tbody tr.crvThumbL1 td
{
    height : 2px;
    width : 100%;
    background : url('allInOne.gif') 0px -416px;
}

a.crvScrollThumb.crvThumbVertical table tbody tr.crvThumbL2 td
{
    width : 100%;
    background : url('allInOneBGV.gif') repeat-y -18px 0px;
    vertical-align : middle;
}

a.crvScrollThumb.crvThumbVertical table tbody tr.crvThumbL2 td div.crvThumbImage
{
    width : 17px;
    height : 10px;
    overflow:hidden;
    display : block;
}

a.crvScrollThumb.crvThumbVertical table tbody tr.crvThumbL3 td
{
    width : 100%;
    height : 2px;
    background : url('allInOne.gif') 0px -418px;
}

.crvScrollThumbMoveOverlay 
{
    position : absolute;
    display : none;
    left : 0px;
    top : 0px;
    width : 100%;
    height : 100%;	
    background-color: #FFFFFF;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index:9000;
}

/*
 * Horizontal scroll thumb
 */
 
a.crvScrollThumb.crvThumbHorizontal table td.crvThumbL1
{
    height : 100%;
    width : 2px;
    background : url('allInOne.gif') 0px -399px;
}

a.crvScrollThumb.crvThumbHorizontal table td.crvThumbL2
{
    height : 100%;
    background : url('allInOneBG.gif') repeat-x 0px -0px;
    text-align : center;
}

a.crvScrollThumb.crvThumbHorizontal table td.crvThumbL2 div.crvThumbImage
{
    height : 17px;
    width : 10px;
    overflow:hidden;
    display : block;
    margin : 0px auto;
}

a.crvScrollThumb.crvThumbHorizontal table td.crvThumbL3
{
    height : 100%;
    width : 2px;
    background : url('allInOne.gif') -2px -399px;
}

.scrollingMenuArrow
{
    line-height : 0px;
    border : 1px solid;
    width: 100%;
    height: 100%;
}

/*=============*/
/* Take Action */
/*=============*/

div.takeaction_menu_overlay
{
    display : block;
    z-index : 500;
    visibility : hidden;
    position : fixed;
    left: 0px;
    top: 0px;
    width : 100%;
    height : 100%;
    background-color : #000000;
    opacity : 0;
    -moz-opacity : 0;
    filter : alpha(opacity=0);
}

img.takeaction_menu_button
{
    display : block;
    z-index : 501;
    visibility : hidden;
    position : absolute;
}

div.takeaction_horizontal_borders
{
    display : block;
    z-index : 501;
    visibility : hidden;
    position : absolute;
    background-color : #000000;
    height : 2px;
    font-size : 0px;
}

div.takeaction_vertical_borders
{
    display : block;
    z-index : 501;
    visibility : hidden;
    position : absolute;
    background-color : #000000;
    width : 2px;
    font-size : 0px;
}