/*----------------------------
        Sidebar Box
----------------------------*/
.box
{
    border: solid 1px #DDDDDD;
    margin: 10px auto;
    padding: 10px;
}
.box .title
{
    text-align: center;
}
.box .content
{
    background: none;
    margin: 0 auto;
}

/*----------------------------
        CollapsiblePanel
----------------------------*/
.collapsePanel
{
    height: 0px;
    overflow: hidden;
    clear: both;
    width: 580px;
    padding: 0;
}
.collapsePanelHeader
{
    width: 580px;
    height: 20px;
    color: #2A5E84;
    border-bottom: 1px solid #9BAFB9;
    font-weight: bold;
    float: left;
    padding: 5px;
    cursor: pointer;
    vertical-align: middle;
    position: relative;
    font-size: 16px;
    margin: 0.2em 0;
}
.left-collapse-panel
{
    float: left;
}
.right-collapse-panel
{
    float: right;
}

/*----------------------------
        Accordion
----------------------------*/
.accordianPane
{
    margin: 10px auto;
}
.accordionHeader
{
    border: 1px solid #CCC;
    background-color: #F3F3F4;
    padding: 0 5px;
    cursor: pointer;
}
.accordionHeaderSelected
{
    border: 1px solid #CCC;
    background-color: #E6E6E6;
    font-weight: bold;
    padding: 0 5px;
    cursor: pointer;
}
.accordionContent
{
    border: 1px dashed #CCC;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}