.hide,
.hide + label ~ div {
 display: none;
}
.hide + label {
color:#66696f;
font-size: 13px;
cursor: pointer;
display: inline-block;
}

.hide:checked + label {
color: golden;
border-bottom: 0;
}

.hide:checked + label + div {
display: block;
text-align: justify;
background:#e6ecbf;
margin-left: 0px;
padding: 20px;
-moz-box-shadow: inset 3px 3px 10px #7d8e8f;
-webkit-box-shadow: inset 3px 3px 10px #7d8e8f;
box-shadow: inset 3px 3px 10px #ecf2f2;
-webkit-animation: fade ease-in 0.5s;
-moz-animation: fade ease-in 0.5s;
animation: fade ease-in 0.5s;
border-radius: 15px;
border-top-left-radius: 15px;
border-top-right-radius: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
}

@-moz-keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}

@-webkit-keyframes fade {
from { opacity: 0; }
to { opacity: 1 }
}

@keyframes fade {
from { opacity: 0; }
to { opacity: 1 }   
}

.hide + label:before {
background-color: #1e90ff;
color: #fff;
content: "\002B";
display: block;
float: left;
font-size: 14px; 
font-weight: bold;
height: 16px;
line-height: 16px;
margin: 6px 10px;
text-align: center;
width: 16px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
}
.hide:checked + label:before {
    content: "\2212";
}
/*--------------------*/
.modlDi {
position: fixed;
font-family: Arial, Helvetica, sans-serif;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.8);
z-index: 99999;
-webkit-transition: opacity 400ms ease-in;
-moz-transition: opacity 400ms ease-in;
transition: opacity 400ms ease-in;
display: none;
pointer-events: none;
}

.modlDi:target {
display: block;
pointer-events: auto;
}

.modlDi > div {
width: 650px;
position: relative;
margin: 2% auto;
padding: 5px 20px 13px 20px;
border-radius:0px;
background: #fff;
overflow: auto; 
height: auto;
background: -moz-linear-gradient(#fff, #999);
background: -webkit-linear-gradient(#fff, #999);
background: -o-linear-gradient(#fff, #999);
}

.close {
background:#00BFFF;
color: #FFFFFF;
line-height: 25px;
position: absolute;
right: 4px;
text-align: center;
top: 2px;
width: 24px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;
-moz-box-shadow: 1px 1px 3px #000;
-webkit-box-shadow: 1px 1px 3px #000;
box-shadow: 1px 1px 3px #000;
}

.close:hover { background:#2A5A6A; }

.block-faq {
background: #f8f8f8;	
padding:10px; 
border-bottom: 1px solid #E8EDF2;
/*background: linear-gradient(to bottom,#f8f8f8 0,#e5ebf0 100%);*/
}

.block-faq:hover {
background-color: #E8EDF2;
}

.block-qao {
color: #114C5B;
text-align: justify;
display: block;
background: #F0F8FF url(img/user-mapping.png) no-repeat 10px center;
padding: 8px 8px 8px 68px;
border-radius: 5px;
margin: 10px auto;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
}