.wbpanel
{
}

/* header styles */
.header
{
    color: #fff;
}
.header .outer, .body .header .outer
{
    background: url( '/Images/WBPanel/panelTopRight.gif' ) right no-repeat;
    padding-right: 12px;
}

.header .inner, .body .header .inner
{
    background: url( '/Images/WBPanel/panelTopLeft.gif' ) left no-repeat;
    padding-left: 7px;
}

.header .content, .body .header .content, .header .contentFlash
{
    height: 32px;
    background: url( '/Images/WBPanel/panelTop.gif' ) repeat-x;
}

.header .content H2, .body .header .content H2
{
    font-size: 11pt;
    color: white;
    padding-top: 6px;
    margin: 0;
    text-align: left;
}

/* ie6 hack for padding */
* html .header .content H2, .body .header .content H2
{
    font-size: 11pt;
    color: white;
    padding-top: 2px;
    margin: 0;
    text-align: left;
}

/* wbpanel body styles */
.body
{
}
.body .outer
{
    background: url( '/Images/WBPanel/panelRight.gif' ) right repeat-y;
    padding-right: 7px;
}
.body .inner
{
    background: url( '/Images/WBPanel/panelLeft.gif' ) left repeat-y;
    padding-left: 1px;
}
.body .content
{
}
.body .content H2
{
    padding: 10px;
    margin: 0px;
    text-align: left;
    font-size: 11pt;
    color: #222222;
    font-weight: normal;
    width: 121px;
}
.body .content .footer
{
}
.body .content .footer .commands
{
    text-align: right;
    padding: 8px;
}
.body .content .footer .commands INPUT
{
    /* keep the buttons a consistent size */
    width: 75px;
}

/* dialog footer styles */
.footer
{
}
.footer .outer
{
    background: url( '/Images/WBPanel/panelBottomRight.gif' ) right top no-repeat;
    padding-right: 12px;
}
.footer .inner
{
    background: url( '/Images/WBPanel/panelBottomLeft.gif' ) left top no-repeat;
    padding-left: 7px;
}
.footer .content
{
    height: 23px;
    background: url( '/Images/WBPanel/panelBottom.gif' ) repeat-x;
}


.wbpanelhighlight
{
}
.wbpanelhighlight .header .outer, .wbpanelhighlight .body .header .outer
{
    background: url( '/Images/WBPanel/panelHighlightTopRight.png' ) right no-repeat;
    padding-right: 12px;
}
.wbpanelhighlight .header .inner, .wbpanelhighlight .body .header .inner
{
    background: url( '/Images/WBPanel/panelHighlightTopLeft.png' ) left no-repeat;
    padding-left: 7px;
}
.wbpanelhighlight .header .content, .wbpanelhighlight body .header .content
{
    height: 32px;
    background: url( '/Images/WBPanel/panelHighlightTop.gif' ) repeat-x;
}
.wbpanelhighlight .body .outer
{
    background: url( '/Images/WBPanel/panelHighlightRight.png' ) right repeat-y;
    padding-right: 7px;
}
.wbpanelhighlight .body .inner
{
    background: url( '/Images/WBPanel/panelHighlightLeft.gif' ) left repeat-y;
    padding-left: 1px;
}
.wbpanelhighlight .footer .outer
{
    background: url( '/Images/WBPanel/panelHighlightBottomRight.png' ) right top no-repeat;
    padding-right: 12px;
}

.wbpanelhighlight .footer .inner
{
    background: url( '/Images/WBPanel/panelHighlightBottomLeft.png' ) left top no-repeat;
    padding-left: 7px;
}
.wbpanelhighlight .footer .content
{
    height: 23px;
    background: url( '/Images/WBPanel/panelHighlightBottom.png' ) repeat-x;
}

/* IE6 Star Hacks and Alpha Filter for PNG transparency*/
* html .wbpanelhighlight .header .outer, .wbpanelhighlight .body .header .outer
{
    background: url( '/Images/WBPanel/panelHighlightTopRight.gif' ) right no-repeat;
    padding-right: 12px;
}
* html .wbpanelhighlight .header .inner, .wbpanelhighlight .body .header .inner
{
    background: url( '/Images/WBPanel/panelHighlightTopLeft.gif' ) left no-repeat;
    padding-left: 7px;
}
* html .wbpanelhighlight .body .outer
{
    background: url( '/Images/WBPanel/panelHighlightRight.gif' ) right repeat-y;
    padding-right: 7px;
}
* html .wbpanelhighlight .footer .outer
{
    background: url( '/Images/WBPanel/panelHighlightBottomRight.gif' ) right top no-repeat;
    padding-right: 12px;
}

* html .wbpanelhighlight .footer .inner
{
    background: url( '/Images/WBPanel/panelHighlightBottomLeft.gif' ) left top no-repeat;
    padding-left: 7px;
}
* html .wbpanelhighlight .footer .content
{
    height: 23px;
    background: url( '/Images/WBPanel/panelHighlightBottom.gif' ) repeat-x;
}


.panel
{
    cursor: pointer;
    width: 27px;
    height: 27px;
}

/*
.panel-up
{
}
.panel-down
{
}
*/

.panel-target
{
}
.panel-closed
{
    display: none;
}

.wbpanelhighlight .header .outer .inner .content .panel-up
{
    background: url( '/Images/WBPanel/vistaOrangeExpand_stack.gif' ) no-repeat scroll;
    margin-top: 3px;
    height: 23px;
    width: 170px;
    padding-right: 30px;
    background-position: 175px 0;
    line-height: 20px;
}

.header .outer .inner .content .panel-up
{
    background: url( '/Images/WBPanel/vistaBlueExpand_stack.gif' ) no-repeat scroll;
    margin-top: 3px;
    height: 23px;
    width: 170px;
    padding-right: 30px;
    background-position: 175px 0;
    line-height: 20px;    
}

.wbpanelhighlight .header .outer .inner .content .panel-down
{
    background: url( '/Images/WBPanel/vistaOrangeCollapse_stack.gif' ) no-repeat scroll;
    margin-top: 3px;
    height: 23px;
    width: 170px;
    padding-right: 30px;
    background-position: 175px 0;
    line-height: 20px;    
}

.header .outer .inner .content .panel-down
{
    background: url( '/Images/WBPanel/vistaBlueCollapse_stack.gif' ) no-repeat scroll;
    margin-top: 3px;
    height: 23px;
    width: 170px;
    padding-right: 30px;
    background-position: 175px 0;
    line-height: 20px;    
}


.wbpanelhighlight .header .outer .inner .content .panel-up:hover,
.header .outer .inner .content .panel-up:hover,
.wbpanelhighlight .header .outer .inner .content .panel-down:hover,
.header .outer .inner .content .panel-down:hover
{
    background-position: 175px -23px;
}


/**********************************************
        just  for HeaderUseFlash
        because of show/hide text
**********************************************/
* html .header .outer .inner .contentFlash H2
{
    display: inline;
}

.header .outer .inner .contentFlash .panel-up
{
    background: url( '/Images/WBPanel/vistaBlueExpand_stack.gif' ) no-repeat scroll;
    margin-top: 3px;
    height: 23px;
    width: 23px;
    padding-right: 0px;
    background-position: 0px 0px;
    line-height: 20px;    
}

.header .outer .inner .contentFlash .panel-down
{
    background: url( '/Images/WBPanel/vistaBlueCollapse_stack.gif' ) no-repeat scroll;
    margin-top: 3px;
    height: 23px;
    width: 23px;
    padding-right: 0px;
    background-position: 0px 0px;
    line-height: 20px;    
}

.header .outer .inner .contentFlash .panel-up:hover,
.header .outer .inner .contentFlash .panel-down:hover
{
    background-position: 0px -23px;
}