/*********************/
/* Accordion and Accordion Header */
/*********************/
.ui-accordion .ui-accordion-header {
    display: block;
    cursor: pointer;
    position: relative;
    margin-top: 2px;
    /*min-height: 0;
    height: 42px;*/
    background: url('/sites/all/themes/hrsa/images/bullyingprevention/expandcollapse/expandaccordionbutt.png') top left no-repeat;
    background-size: 900px 80px;
    margin: 0px;
    padding: 0px;
    margin-right: 30px;
    margin-bottom: 3px; /*provides extra spacing between accordion headers*/
    color: white;
    font-weight: bold;
}

/*********************/
/* Fix space issues for accordion title in 
    relation to icon and blue background */
/*********************/
h2[id^="ui-accordion-"] {
    padding-left: 40px !important;
    padding-top: 10px !important;
}


/*
div.panel-pane.pane-custom {
     height: 42px;
    width: 900px;
}
*/

    
/*********************/
/* Closed Header */
/*********************/
.ui-state-default .ui-icon {
    background: url('/sites/all/themes/hrsa/images/bullyingprevention/expandcollapse/plus-expandaccordion.png') 5px 6px no-repeat;
    padding-top: 8px;
    padding-left: 35px;
    font-size: 16px;
    padding: 22px 0 0 40px;
}

.ui-state-default {
    border: 0px;
}

/*********************/
/* Hovering/Focus on Header */
/*********************/
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(/sites/all/themes/hrsa/images/bullyingprevention/expandcollapse/plus-expandaccordion.png);
}

.ui-state-hover, .ui-widget-content
.ui-state-hover, .ui-widget-header
.ui-state-hover, .ui-state-focus, .ui-widget-content
.ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 0px;
}

/*********************/
/* Active (open) Header */
/*********************/
.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: 0.1em; 
    top: 15%; 
    margin-top: -9px;
    height: 100%;
}

.ui-state-active .ui-icon {
    background: url('/sites/all/themes/hrsa/images/bullyingprevention/expandcollapse/minus-expandaccordion.png') 5px 6px no-repeat;
    padding-top: 8px;
    padding-left: 35px;
    font-size: 16px;
    padding: 22px 0 0 40px;
}

/*********************/
/* Icon Styling for Plus/Minus Sign */
/*********************/
.ui-accordion-header-icon {
Padding-left: 10px;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
    padding-bottom: 2em;
}


/*********************/
/* Accordion Content */
/*********************/
.ui-widget-content {
   /* color: #222; */
    border: 0px;
}

.ui-accordion .ui-accordion-content {
    padding: 2px;
    height: auto;
    border-top: 0;
    overflow: auto;
    margin-right: .7em;
    font-size: .9em;
    font-family: open_sansregular,arial;  
}

.ui-widget-content a {
    text-decoration: underline;
    color: blue;
}

.ui-widget-content a:visited {
    text-decoration: underline;
    color: #551A8B; 
}



/*********************/
/* MOBILE STYLES */
/*********************/

@media (max-width: 600px) {
    .ui-accordion-header {
        font-size: 12px;  
        height: 20px;
        margin-right: 10px;
    }
}




div.verticalSlide > p:first-child a{
   display:block;
   position:relative;
   text-decoration:none;
   /*background: url('../images/bullyingprevention/expandcollapse/expandaccordionbutt.png') top left no-repeat;
   background-size: 900px 80px;*/
    background-color: #0A6687;
    height: auto !important; /* was 42px */
   /*width:448px;*/
   overflow:hidden;
   margin: 0px;
    padding-bottom: 3px;
    padding-top: 5px
   margin-right: 10px;
   color: white;
   font-weight:bold;
}

/* Target all Firefox */ 
@-moz-document url-prefix() {
	 div.verticalSlide > p:first-child{
		font-size:10pt; 
	}
} 

 div.verticalSlide > p:first-child a:hover{
   text-decoration: underline;
}

 div.verticalSlide p:first-child a>span{
	display:block;
	position: relative;
	margin: 0;
	background: url('../images/bullyingprevention/expandcollapse/plus-expandaccordion.png') 5px 6px no-repeat;
	height: 100%;
	padding-top: 8px;
	padding-left: 35px;
	font-size: 16px;
    padding: 6px 10px 10px 40px; /*12px 0 0 40px;*/
}


@media (max-width: 600px) {
    div.verticalSlide p:first-child a > span {
         padding: 4px 0 0 40px;
        font-size: 12px;   
    }
}

 div.verticalSlide > p:first-child a.expanded{
	background-color: #0A6687; /*url('../images/bullyingprevention/expandcollapse/expandaccordionbutt.png') top left no-repeat;*/
	color: white;
	/*background-size: 900px 80px;*/
}

 div.verticalSlide > p:first-child a.expanded:hover{
   background-color: #0A6687; /* url('../images/bullyingprevention/expandcollapse/expandaccordionbutt.png') top left no-repeat;**/
   color:white;
  /*background-size: 900px 80px;*/
}

 div.verticalSlide > p:first-child a.expanded>span{
   background: url('../images/bullyingprevention/expandcollapse/minus-expandaccordion.png') 5px 6px no-repeat;
}

 div.verticalSlide>div{
   display:none;

}

/* NO BG */
div.verticalSlidenobg > p:first-child a{
   display:block;
   position:relative;
   text-decoration:none;
   background-size: 900px 80px;
   min-height: 30px; /*47px;*/
   overflow:hidden;
   margin: 0px;
   padding-left: 0px;
   margin-right: 10px;
   color: black;
   font-weight:bold;
	

}


/* Target all Firefox */ 
@-moz-document url-prefix() {
	 div.verticalSlidenobg > p:first-child{
		font-size:10pt; 
	}
} 

 div.verticalSlidenobg > p:first-child a:hover{
   text-decoration: underline;
}

 div.verticalSlidenobg p:first-child a>span{
	display:block;
	position: relative;
	margin: 0;
	background: url('../images/bullyingprevention/expandcollapse/nobg/plus-expandcollapse2.png') 5px 15px no-repeat; /*5px 6px*/
	min-height: 30px;
	padding-top: 8px;
	padding-left: 35px;
	font-size: 20px;
    padding: 20px 0 0 40px; /*12px 0 0 0;*/
    text-decoration: none;
}


 div.verticalSlidenobg > p:first-child a.expanded{
	background-size: 900px 80px;
}

 div.verticalSlidenobg > p:first-child a.expanded:hover{
   background-size: 900px 80px;
}

 div.verticalSlidenobg > p:first-child a.expanded>span{
   background: url('../images/bullyingprevention/expandcollapse/nobg/minus-expandcollapse-blue.png') 5px 15px no-repeat; /*5px 6px*/
}

 div.verticalSlidenobg>div{
   display:none;
}