﻿
/* ACCORDION HEADER/FOOTER LAYOUT
----------------------------------------------------------*/
.accordion-topleftcorner  
{
    display: block;
    float: left;
    background-image: url('../images/Top_Left.gif');
    background-repeat: no-repeat;
    width: 720px;
    height: 32px;
    text-align: left;
}
.accordion-toprightcorner  
{
    display: block;
    float: right;
    background-image: url('../images/Top_Right.gif');
    background-repeat: no-repeat;
    width: 34px;
    height: 32px;
    text-align: right;
}
.accordion-bottomleftcorner  
{
    display: block;
    float: left;
    background-image: url('../images/Bottom_Left.gif');
    background-repeat: no-repeat;
    width: 34px;
    height: 32px;
    text-align: left;
}
.accordion-bottomleftcorner2  
{
    display: block;
    float: left;
    background-image: url('../images/Bottom_Left2.gif');
    background-repeat: no-repeat;
    width: 34px;
    height: 32px;
    text-align: left;
}
.accordion-bottomrightcorner  
{
    display: block;
    float: right;
    background-image: url('../images/Bottom_Right.gif');
    background-repeat: no-repeat;
    width: 34px;
    height: 32px;
    text-align: right;
}
.accordion-bottomrightcorner2  
{
    display: block;
    float: right;
    background-image: url('../images/Bottom_Right2.gif');
    background-repeat: no-repeat;
    width: 34px;
    height: 32px;
    text-align: right;
}
.rmPanelHeader
{
    margin-top: 5px;
    cursor: pointer;
    display: block;
    width: 760px;
    height: 32px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}
.rmPanelHeaderGrey
{
    margin-top: 5px;
    cursor: pointer;
    display: block;
    width: 760px;
    height: 32px;
    background-color: rgb(148, 149, 148);
    overflow: hidden;
}
.rmPanelFooter
{
    display: block;
    width: 760px;
    height: 32px;
    background-color: rgb(246, 244, 234);
    overflow: hidden;
}

/* ACCORDION BODY LAYOUT
----------------------------------------------------------*/
.rmPanel
{
    background-color: rgb(246, 244, 234);
    width: 760px;
    color: #000;
    overflow: hidden;
}
.rmPanel2
{
    background-color: rgb(238, 235, 215);
    width: 760px;
    color: #000;
    overflow: hidden;
}

/* Top Bars for Accordian and Pop ups
----------------------------------------------------------*/
.rmTopBar
{
    margin-top: 5px;
    display: block;
    width: 760px;
    height: 32px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}
.rmBottomBar
{
    display: block;
    width: 760px;
    height: 32px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}
.rmTopBar2 
{
    margin-top: 5px;
    display: block;
    width: 760px;
    height: 75px;
    border-top-width: 1px;
    border-top-color: rgb(239, 62, 66);
    border-top-style: solid;
    background-color: rgb(238, 235, 215);
}
.rmTopBar3
{
    margin-top: 0px;
    display: block;
    width: 760px;
    height: 50px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}
.rmTopBarSmall
{
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
    display: block;
    width: 565px;
    height: 50px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}
.rmTopBarSmall2
{
    margin-top: 0px;
    display: block;
    width: 565px;
    height: 80px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}
.rmTopBarSmall3
{
    margin-top: 0px;
    display: block;
    width: 565px;
    height: 190px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}

/* Panel header layout
----------------------------------------------------------*/
.rmPanelHeaderSelected
{
    margin-top: 5px;
    cursor: pointer;
    display: block;
    width: 760px;
    height: 32px;
    background-color: rgb(238, 235, 215);
    overflow: hidden;
}
.rmPanelHeader .hingeIcon
{
    display: inline;
    float: left;
    background-image: url('../images/Arrow_Closed.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeader .hingeIcon1
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_blue_closed.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeader .hingeIcon2
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_blueLight_closed.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeader .hingeIcon3
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_red_closed.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeader .hingeIcon4
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_orange_closed.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeader .hingeIcon5
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_green_closed.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeader .hingeIcon6
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_black_closed.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon
{
    display: inline;
    float: left;
    background-image: url('../images/Arrow_Open.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon1
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_blue_open.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon2
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_blueLight_open.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon3
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_red_open.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon4
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_orange_open.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon5
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_green_open.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon6
{
    display: inline;
    float: left;
    background-image: url('../images/arrow_black_open.gif');
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}
.rmPanelHeaderSelected .hingeIcon7
{
    display: inline;
    float: left;
    margin-left: 20px;
    margin-top: 6px;
    height: 20px;
    width: 20px;
}



