@charset "UTF-8";
.accordion-content p,
.accordion-content ul li{
    color:#646464;
}
.accordion-container {
    font-size: 20px; /*IMPORTANT unit basis*/
	margin:2.2% 0;
}
@media only screen and (min-width:768px) and (max-width:1400px) and (orientation:landscape)
{.accordion-container{font-size: 3vh; width:75vw;}}
@media only screen and (max-width:767px) and (orientation:landscape)
{.accordion-container{font-size: 4vh; width:95vw;}}

@media only screen and (min-width:1024px) and (orientation:portrait)
{.accordion-container{font-size: 1.5vw; width:85vw;}}
@media only screen and (min-width:768px) and (max-width:1023px) and (orientation:portrait)
{.accordion-container{font-size: 2vw; width: 90vw;}}
@media only screen and (max-width:767px) and (orientation:portrait)
{.accordion-container{font-size: 3vw; width: 100vw;}}


.accordion-container .accordion-section:nth-child(1) .accordion-header{
    cursor: pointer;
}
.accordion-content-title{
    cursor: pointer;
    text-align:right;
    /*font-size: 1em;*/
    color: #FFFFFF;
    padding: 0.5% 25.8% 1.2% 0;
}
.accordion-container .accordion-section:nth-child(1) .inactive-header:hover, 
.inactive-header:hover .accordion-content-title {
    background-color: #D8D8D8;
    color:#8B8B8B;
}
.accordion-content-title:hover{
    background-color: #D8D8D8;
    color:#FFFFFF;
}
/*.accordion-container .accordion-section:nth-child(2) .accordion-header,
.accordion-container .accordion-section:nth-child(3) .accordion-header{
	text-align:right;
	cursor: pointer;
    /*font-size: 1em;*/
    /*color: #FFFFFF;
    padding: 0.5% 25.8% 1.2% 0;
}*/
.accordion-container .accordion-section:nth-child(1) .inactive-header {
    background-color: #999;
}
.accordion-container .accordion-section:nth-child(2) .inactive-header {
    background-color: #B2B1B1;
}
.accordion-container .accordion-section:nth-child(3) .inactive-header {
    background-color: #C9C9C9;
}

.accordion-container .accordion-section:nth-child(2) .inactive-header:hover, 
.accordion-container .accordion-section:nth-child(3) .inactive-header:hover {
    background-color: #D8D8D8;
    color:#8B8B8B;
}
.accordion-container .accordion-section:nth-child(1) .active-header,
.accordion-container .accordion-section:nth-child(2) .active-header, 
.accordion-container .accordion-section:nth-child(3) .active-header {
    background-color: #999;
}
.accordion-content-title:hover,
.accordion-container .accordion-section:nth-child(1) .active-header:hover,
.accordion-container .accordion-section:nth-child(2) .active-header:hover, 
.accordion-container .accordion-section:nth-child(3) .active-header:hover {
    background-color: #999;
}
.accordion-content {
    font-size:0.9em;
	overflow:hidden;
	display: none;
    padding: 0px 5%;
    background-color: #DCDCDC;
}
.accordion-php {
    padding: 1.5% 0;
}
/**Open-close symbol styling**/
/**
.active-header {
	background: url(../ExamAccordion/images/active-header.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
.active-header:hover {
	background: url(../ExamAccordion/images/active-header.gif) ;
	background-repeat: no-repeat;
	background-position: right 50%;
}
.inactive-header {
	background: url(../ExamAccordion/images/inactive-header.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
.inactive-header:hover {
	background: url(../ExamAccordion/images/inactive-header.gif);
	background-repeat: no-repeat;
	background-position: right 50%;
}
**/