﻿/*CollapsiblePanel - Used FAQ and FAQ-About-Sourashtrians.aspx */
    .ContainerPanel
    {
	    width:100%;
	    max-width:750px;
	    border:1px;
	    border-color:#1052a0;	
	    border-style:double double double double;
    }
    
    .collapsePanelHeader /* CollapsiblePanel Used in FAQ and FAQ-About-Sourashtrians.aspx*/
    {
	    width:750px;
	    max-width:750px;
	    height:35px;
	    background-image: url("../images/bg-menu-main-grey.png");
	    background-repeat:repeat-x;
	    font-family:Verdana;
	    color:Navy;
	    font-weight:bold;
	    vertical-align:middle; 
    }
    
    .PanelHeight /* Used in FAQ */
    {
	    height:250px;
    }
    
    .CpPlainText /* CollapsiblePanale Used in FAQ and FAQ-About-Sourashtrians.aspx for the Frist Question */
    {
        font-family:Verdana;
        color:Navy;
	    font-weight:bold;
	    text-decoration:none;
    }
    .HeaderContent
    {
	    float:left;
	    padding-top:7px;
	    padding-left:5px;
	    vertical-align:middle;
	    text-align:justify;	
    }
    .Content
    {
	    padding-left:10px;
	    padding-right:10px;
	    text-align:justify;	
    }
    .ArrowExpand
    {
	    background-image: url("../images/expand_black.png");
	    width:13px;
	    height:13px;
	    float:right;
	    margin-top:7px;
	    margin-right:5px;
    }
    .ArrowExpand:hover
    {
	    cursor:hand;
    }
    .ArrowClose
    {
	    background-image: url("../images/collapse_black.png");
	    width:13px;
	    height:13px;
	    float:right;
	    margin-top:7px;
	    margin-right:5px;
    }
    .ArrowClose:hover
    {
	    cursor:hand;
    }
    
    
    @media(max-width:768px) {
    
    .collapsePanelHeader
    {
        width:100%;
        font-size:16px;
	    height:35px; /* Changed from 90px - The Question length should not be more than 39 chars */
	    overflow:auto;
    }
    .Content
    {
        font-size:16px;
    }
    }
    
    @media(max-width:510px) {
    
    .collapsePanelHeader
    {
        width:100%;
        font-size:16px;
	    height:35px; /* The Question length should not be more than 39 chars */
	    overflow:auto;
    }
    .Content
    {
        font-size:16px;
    }
    }
    
    @media(max-width:375px) {
    
    .ContainerPanel
    {
	    width:100%;
    }
    .collapsePanelHeader
    {
        width:100%;
        font-size:16px;
	    height:35px; /* The Question length should not be more than 39 chars */
	    overflow:auto;
    }
    .Content
    {
        font-size:16px;
    }
    }