/**************************       ACCORDIAN STYLES        **************************/
/**   by Arc Software   **/                               /**   Created July-2013 **/
/***********************************************************************************/

.accordion 
{
    font-family: arial,sans-serif;
    margin: 10px 0;
}
.accordion {
    font-family: arial,sans-serif;
    margin: 0 0 10px;
    position:relative;
}
.accordion .buttonsContainer {display:none;}
.accordion h3 {
    background-color: #B7C3CA;
    border-bottom: 1px solid #657078;
    border-top: 1px solid #657078;
    cursor: pointer;
    font-size: 16px;
    margin: 4px 0 0;
    padding: 6px 90px 6px 12px;
}

.accordion h3.parent {background-color:#A4B2BE;}
.accordion h3 strong,
.accordion h3 span.extractIndex {color:#000;margin:0 2px;font-weight:bold;}
.accordion h3 span.ui-icon
{
    background-image: url(../images/beta/betaimg-map.png);
    background-position: -5px -223px;
    display: inline-block;
    height: 19px;
    margin-right: 10px;
    vertical-align: top;
    width: 16px;
}

.accordion h3.ui-state-active {background-color:#657078;color:white;}
.accordion h3.ui-state-active strong,
.accordion h3.ui-state-active span.extractIndex {color:white;}
.accordion h3.ui-state-active span.ui-icon {background-position:-5px -142px;}

/** Hovers **/

.accordion h3:focus,.accordion h3:hover {background-color: #F26522;color: White;}
.accordion h3:hover span.ui-icon {background-position: -5px -263px;}
.accordion h3.ui-state-active:focus,
.accordion h3.ui-state-active:hover {
    background-color: #657078;
    border-color: #F26522;
}
.accordion h3.ui-state-active:focus span.ui-icon,
.accordion h3.ui-state-active:hover span.ui-icon {
    background-position: -5px -182px;
}  
 
.fauxAccordion {
    background-color: #657078;
    color: #FFFFFF;
    border-bottom: 1px solid #657078;
    border-top: 1px solid #657078;
    font-size: 16px;
    margin: 0;
    padding: 6px 90px 6px 12px;
}

#usingExtractsAccordion {padding: 0 0 20px;border-bottom: 1px solid #657078;}
#usingExtractsAccordion #extractsForm {border:0;}
#usingExtractsAccordion #extractsForm .formBlock{text-align:center!important;}

#usingExtractsAccordion #extractsForm .formLabel {text-align:left;}
#usingExtractsAccordion #extractsForm .formLabel label {margin:0 3px;}
#usingExtractsAccordion #extractsForm .formLabel input {
    border: 1px solid #657078;
    border-radius: 4px;
    font-family: Arial,Sans-Serif !important;
    font-size: 13px;
    min-height: 16px;
    padding: 3px 5px;
    width:25px;
}

#usingExistingProjForm {border-bottom: 1px solid #657078;padding: 20px 20px 40px;}
/**** Validation Icons ****/

.accordion span.status
{
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -468px -194px rgba(0, 0, 0, 0);
    display: none;  
    height: 23px;
    margin: -2px 0 0;
    position: absolute;
    right: 50px;
    width: 23px;
}
.accordion span.valid{display:inline;background-position: -468px -176px;}
.accordion span.invalid {display:inline;background-position: -468px -144px;}

/************************/

/****** Toolbar (delete/remove button holder *********/

.accordion span.toolbar
{
    display: inline-block;
    height: 20px;
    left: 820px;
    margin-top: -20px;
    position: relative;
    top: 30px;
    width: 20px;
}
.accordion span.toolbar span {display: inline-block;}

/*****************************************************/

/**** Remove Icons ****/
.accordion span.remove, 
.accordion span.removeParent
{
    background: url("../images/beta/betaimg-map.png") no-repeat scroll -79px -28px transparent;
    border-radius: 3px;
    height: 20px;
    margin: 0;
    right: 20px;
    width: 20px;
}
.accordion span.remove:hover,
.accordion span.removeParent:hover
{
    background-color:#F26522;
    cursor:pointer;
} 

/***********************/

/****************** Open Accordion Rows **************************/

.accordion .ui-accordion-content
{
    background-color:#FFFFFF;
    margin:0;
    padding:0 0 5px;
    border-bottom: 1px solid #657078;
}

.accordion .ui-accordion-content p
{
    margin:0px;
    padding:20px;
    list-style:none;
    font-size: 12px;
}
.accordion .ui-accordion-content p.info
{
    font-size: 10px;
    font-weight: bold;
    padding: 10px 0 15px 20px;
}

/*****************************************************************/

.fieldGroup {
    border-bottom: 1px dotted #000000;
    border-top: 1px dotted #000000;
    margin: 8px 0;
    padding: 10px 0;
}
.fieldGroup h3 {
    background-color: rgba(0, 0, 0, 0);
    color: #657078;
    color: #000;
    border: 0 none;
    cursor: default;
    font-size: 14px;
    margin: 0;
    padding: 6px 0 12px;
}
.fieldGroup h3:hover {
    background-color: rgba(0, 0, 0, 0);
    color: #657078;
    color: #000;
}



tr.edit .accordion h3 {padding-left:30px;font-size: 13px;color:#657078;}
tr.edit .accordion h3 span.ui-icon {background-position: -5px -225px;}
tr.edit .accordion h3:focus, tr.edit .accordion h3:hover {color: #fff;}
tr.edit .accordion h3:focus span.ui-icon,tr.edit .accordion h3:hover span.ui-icon {background-position: -5px -265px;}

tr.edit .accordion h3.ui-state-active {color:#fff;}
tr.edit .accordion h3.ui-state-active span.ui-icon {background-position: -5px -144px;}
tr.edit .accordion h3.ui-state-active:focus,
tr.edit .accordion h3.ui-state-active:hover {
    color: #f26522;
}
tr.edit .accordion h3.ui-state-active:focus span.ui-icon,
tr.edit .accordion h3.ui-state-active:hover span.ui-icon {
    background-position: -5px -184px;
}

tr.edit .ui-accordion .ui-accordion-content {
    border-top: 0 none;
    display: none;
    margin-bottom: 2px;
    margin-top: 0;
    overflow: auto;
    padding: 1em 2.2em;
    position: relative;
    top: 0;
}