﻿.panelGreyBox
{
    /* margin: 0 auto;  center for now */
    width: 50em; /* ems so it will grow */
    background: url('/Images/MasterImages/panelGrey_BR.gif') no-repeat bottom right;
    font-size: 100%;
}
.panelGreyBox .publicPanelHead
{
    background: url('/Images/MasterImages/panelGrey_TR.gif') no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.panelGreyBox .publicPanelHead .publicPanelHeadInner
{
    background: url('/Images/MasterImages/panelGrey_TL.gif') no-repeat top left;
    height: 12px;
}
.panelGreyBox .publicPanelBody
{
    background: url('/Images/MasterImages/panelGrey_BL.gif') no-repeat bottom left;
    margin: 0;
    padding: 1px 10px 10px 10px;
}




.panelBlueBox
{
    width: 50em; /* ems so it will grow */
    background: url('/Images/MasterImages/panelBlue_BR.gif') no-repeat bottom right;
    font-size: 100%;
}
.panelBlueBox .publicPanelHead
{
    background: url('/Images/MasterImages/panelBlue_TR.gif') no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.panelBlueBox .publicPanelHead .publicPanelHeadInner
{
    background: url('/Images/MasterImages/panelBlue_TL.gif') no-repeat top left;
    height: 12px;
}
.panelBlueBox .publicPanelBody
{
    background: url('/Images/MasterImages/panelBlue_BL.gif') no-repeat bottom left;
    margin: 0;
    padding: 1px 10px 10px 10px;
}




.panelOrangeBox
{
    width: 50em; /* ems so it will grow */
    background: url('/Images/MasterImages/panelOrange_BR.gif') no-repeat bottom right;
    font-size: 100%;
}
.panelOrangeBox .publicPanelHead
{
    background: url('/Images/MasterImages/panelOrange_TR.gif') no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.panelOrangeBox .publicPanelHead .publicPanelHeadInner
{
    background: url('/Images/MasterImages/panelOrange_TL.gif') no-repeat top left;
    height: 12px;
}
.panelOrangeBox .publicPanelBody
{
    background: url('/Images/MasterImages/panelOrange_BL.gif') no-repeat bottom left;
    margin: 0;
    padding: 1px 10px 10px 10px;
}

.panelOrangeBox .publicPanelBody P
{
    margin-top: 0px;
    margin-bottom: 10px;
}


.panelOrangeWhiteBox
{
    width: 50em; /* ems so it will grow */
    background: url('/Images/MasterImages/panelOrange_BR.gif') no-repeat bottom right;
    font-size: 100%;
}
.panelOrangeWhiteBox .publicPanelHead
{
    background: url('/Images/MasterImages/panelOrangeWhite_TR.gif') no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.panelOrangeWhiteBox .publicPanelHead .publicPanelHeadInner
{
    background: url('/Images/MasterImages/panelOrangeWhite_TL.gif') no-repeat top left;
    height: 12px;
}
.panelOrangeWhiteBox .publicPanelBody
{
    background: url('/Images/MasterImages/panelOrange_BL.gif') no-repeat bottom left;
    margin: 0;
    padding: 0px 3px 1px 3px;
}

.panelOrangeWhiteBox .publicPanelBody P
{
    margin-top: 0px;
    margin-bottom: 0px;
}


.panelGreenBox
{
    width: 50em; /* ems so it will grow */
    background: url('/Images/MasterImages/panelGreen_BR.gif') no-repeat bottom right;
    font-size: 100%;
}
.panelGreenBox .publicPanelHead
{
    background: url('/Images/MasterImages/panelGreen_TR.gif') no-repeat top right;
    margin: 0;
    padding: 0;
    text-align: center;
}
.panelGreenBox .publicPanelHead .publicPanelHeadInner
{
    background: url('/Images/MasterImages/panelGreen_TL.gif') no-repeat top left;
    height: 12px;
}
.panelGreenBox .publicPanelBody
{
    background: url('/Images/MasterImages/panelGreen_BL.gif') no-repeat bottom left;
    margin: 0;
    padding: 1px 10px 10px 10px;
}

.panelGreenBox .publicPanelBody P
{
    margin-top: 0px;
    margin-bottom: 10px;
}
