﻿/*********************************************************/
/* CREATED: 06-08 by AELLIS for ACHD                     */
/* PURPOSE: handle accordian AJAX control                */
/*                                                       */
/* UPDATES: changed to support commission archive grid   */
/*          moved accordian.css style here               */
/* Added style for AJAX progress overlay JFORST 06-14-10 */
/*********************************************************/

/* the way this works is a tad funky.  needs to be smoothed out */
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
    /*border: solid 1px #000;*/
    background-color: white;
    padding: 4px;
    margin: 0px 0px 0px 0px; /* top right bottom left */
    position: absolute;
    top: 20%;
    left: 45%;
    /*width: 450px;*/
    /*height: 350px;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bolder;
    vertical-align: middle;
    text-align: center;
}

/******************************/
/*         ACCORDIAN          */
/******************************/
.accordionHeader
{
	border: 1px solid #2F4F4F;
	color: white;
	background-color: #CBCC99;
	font-family: Arial, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;
	margin-top: 5px;
	cursor: pointer;
	border-bottom: 1px solid #2F4F4F;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
	background-color: #EFEEDE;
	border: 1px dashed #2F4F4F;
	border-top: none;
}

.accordionContentOrange
{
    /*background-color: #EFEEDE;*/
    border: 1px solid #2F4F4F;
    /*border-top: none;*/
    /*white-space: nowrap;*/

}
.accordionHeaderOrange
{
    background-color: #D2691E;
    /*border: 1px solid #000000;*/
    /*border: 1px solid #2F4F4F;*/
    color: #FFFFFF; 
    /*background-color: #CBCC99;*/
    /*background-color: #D2691E;*/
    /*background-color: #000000;*/
    /*font-family: Arial, Sans-Serif;*/
    font-size: 12px;    
    font-weight: bold;    
    padding: 2px;    
    margin-top: 5px;    
    cursor: pointer;
    border-bottom: 1px solid #2F4F4F;
    /*width: 658px;*/
}
.accordionHeaderSelectedOrange
{
    background-color: #D2691E;
    color: #FFFFFF;
    font-size: 12px;    
    font-weight: bold;    
    padding: 2px;    
    margin-top: 5px;    
    cursor: pointer;
    border-bottom: 1px solid #2F4F4F;
    /*width: 658px;*/
}
