/* --------- CSS stylesheet for COLLAPSIBLE PANELS ----------*/

/*
h2, p, ol{
	margin:0px;
	padding:0px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	
}
ol, ul {
	padding:3px 0 10px 22px;	
}

*/

.session{
	margin-left:-20px;	
/*	width:800px;	*/
	
     margin-bottom: 3px;
 
}

/*
li {
	padding:0 0 4px 0;	
}
hr {
	border:none;
	height:1px;
	border-top:1px dashed #999;
}
*/

#container-panels {
/*	width:780px;	*/
/*	width:580px;	*/
	margin:auto;
	
	
}
.contain {
/*    width:100%; */
    width:600px; 
		margin-left: 0px;
    margin-bottom: 0px;
    overflow:auto;
	}

/*
.nonexpandable-panel-heading-left{
    width:16%; 
    float:left;
   
    background-color:#EEE;
    position:relative;
	clear:both;
	margin-bottom: 5px;
	text-align:center;
	
}
.nonexpandable-panel-heading-left2{
    width:16%; 
    float:left;
	min-height:55px;
    background-color:#EEE;
    position:relative;
	clear:both;
	margin-bottom: 5px;
	text-align:center;
	
}

.nonexpandable-panel-heading-right2{
    width:16%; 
    float:right;
	min-height:55px;
    background-color:#EEE;
    position:relative;
	
	margin-bottom: 5px;
	
	
}
.nonexpandable-panel-heading-left3{
    width:16%; 
    float:left;
	min-height:70px;
    background-color:#EEE;
    position:relative;
	clear:both;
	margin-bottom: 5px;
	text-align:center;
	
}


.nonexpandable-panel-heading-right3{
    width:16%; 
    float:right;
	min-height:70px;
    background-color:#EEE;
    position:relative;
	
	margin-bottom: 5px;
	
	
}

*/

.expandable-panel {
    width:100%; 
    position:relative;
/*	min-height:55px; */
	min-height:25px;
	float:left;
	
/*	margin-left: 8px; */
    margin-bottom: 5px;
	align:center;
	overflow:hidden;
	
    
}   
.expandable-panel1 {
    width:100%; 
    position:relative;
	min-height:70px;
	float:left;
/*	margin-left: 8px; */
    margin-bottom: 5px;
	align:center;
	overflow:auto;
	
    
}   
/*
.nonexpandable-panel {
    width:83%; 
    position:relative;
   
    overflow:auto;
	margin-left: -60px;
    margin-bottom: 5px;
	align:center;
	float:right;
	
}   
*/
.expandable-panel-heading {
/*    width:100%; */
   
/*	min-height:55px; */
   min-height:25px;
	background-color:#EEE; 
    position:relative;
	
}
.expandable-panel-heading1 {
    width:100%; 
   
   min-height:70px;
	background-color:#EEE;
    position:relative;
	
}

.expandable-panel-heading span{
/*    width:100%; */
    cursor:pointer;
   
	background-color:#EEE;
    position:relative;
	
}


.expandable-panel-heading1 span{
    width:100%; 
    cursor:pointer;
   
	background-color:#EEE;
    position:relative;
	
}


/*

.nonexpandable-panel-heading{
    width:100%; 
    
    align:center;
    background-color:#EEE;
    position:relative;
	
}



.expandable-panel-heading span:hover {
    color:#666;
}

.expandable-panel-heading1 span:hover {
    color:#666;
}
.expandable-panel-heading h2 {
    padding:2px 4px 2px 4px; 
    font-size:14px;
    align:center;
}


.nonexpandable-panel-heading h2 {
    padding:2px 4px 2px 4px; 
    font-size:14px;
    align:center;
}
.nonexpandable-panel-heading-left h2 {
   padding:2px 4px 2px 4px; 
    font-size:14px;
	align:center;
	
}



.nonexpandable-panel-heading-left2 h2 {
   padding:2px 4px 2px 4px; 
    font-size:14px;
	align:center;
	
}
.nonexpandable-panel-heading-left3 h2 {
   padding:2px 4px 2px 4px; 
    font-size:14px;
	align:center;
	
}
*/

.expandable-panel-content { 
  padding: 0 5px 0 5px;
  margin-top:-999px;
	margin-left:-10px;
	width:90%;
}
.expandable-panel-content p {
    padding: 4px 0 6px 0 !important;
}
.expandable-panel-content p:first-child  {
	padding-top:10px;
}
.expandable-panel-content p:last-child {
	padding-bottom:15px;	
}
.icon-close-open {
    width:20px;
    height:20px;
    position:absolute;
    background-image:url(icon-close-open.png);
    right:15px;
}

.expandable-panel-content img {
	float:right;
	padding-left:12px;	
	clear:both;
}

.header-active {
   background-color:#EEE;
}