/* JASON: I added these comments: */

/*
Sample Level 2 style usage in App for RAD Panelbar:

<PanelItem ID="Panel2_1" Text="search" 
NavigateUrl="~/modules/maintenance/search.aspx" 
ItemCollapsedCssClass="panelbarItem2" 
ItemHoverCollapsedCssClass="panelbarItem2Selected" 
ItemExpandedCssClass="panelbarItem2Expanded" 
ItemSelectedCssClass="panelbarItem2Selected" />
*/

.panelbarItem2
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 36px;
    /*
    background-color: #E4F1F8;
    border: 1px solid #C1D9E5;
    */
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem2Expanded
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 36px;
    background-color: #E4F1F8;
    border: 1px solid #C1D9E5;
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem2Selected
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 36px;
    /*
    background-color: #EDF5FB;
    border: 1px solid #C1D9E5;
    */
    border-top: 0px;
    text-decoration: underline;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem2Separator
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: pointer;
    padding: 3px;
    padding-left: 36px;
    background-color: #FFFFFF;
    border: 1px solid #C1D9E5;
    /*
    background-color: #EDF5FB;
    border: 1px solid #C1D9E5;
    */
    border-top: 0px;
    text-decoration: none;
/*
    text-decoration: underline;
*/
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* JASON: I added these level 3 styles: */
/* 8/25/06 CG Added third level styles for reports */

/*
Sample Level 2 style usage in App for RAD Panelbar:

<PanelItem ID=""Panel3_0_0"" Text=""communications report"" 
NavigateUrl=""~/modules/reports/OakReportViewer/RemoteReportViewer.aspx?report=COMM_RPT"" 
ItemCollapsedCssClass=""panelbarItem3Collapsed"" 
ItemHoverCollapsedCssClass=""panelbarItem3HoverCollapsed"" 
ItemExpandedCssClass=""panelbarItem3Expanded"" 
ItemSelectedCssClass=""panelbarItem3Selected"" />
*/

.panelbarItem3Collapsed
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 32px;
    background-color: #DAE6FE; 
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem3HoverCollapsed
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 32px;
    background-color: #C5D9FE; 
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem3Expanded
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 32px;
    background-color: #DAE6FE; 
    border-top: 0px;
    text-decoration: none;
	font-weight:bold;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem3Selected
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 32px;
    background-color: #DAE6FE; 
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem3Separator
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: pointer;
    padding: 3px;
    padding-left: 32px;
    background-color: #FFFFFF;
    border: 1px solid #C1D9E5;
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

/* 2/6/07 SPG Added fourth level styles for reports */

.panelbarItem4Collapsed
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 46px;
    background-color: #CEDEFF;
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem4HoverCollapsed
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 46px;
    background-color: #C7D9FF;
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem4Expanded
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 46px;
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem4Selected
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: hand;
    cursor: pointer;
    padding: 3px;
    padding-left: 46px;
    background-color: #BDD2FF;
    border-top: 0px;
    text-decoration: none;
    font-weight:bold;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.panelbarItem4Separator
{
    FONT-SIZE: 11px; 
    COLOR: #000000;
    FONT-FAMILY: Arial,Verdana;
    width: 100%;
    cursor: pointer;
    padding: 3px;
    padding-left: 46px;
    background-color: #FFFFFF;
    border: 1px solid #C1D9E5;
    border-top: 0px;
    text-decoration: none;
    display: block;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
}