﻿  .modalBackground
        {
            height: 100%;
            background-color: black;
            filter: alpha(opacity=70);
            opacity: 0.7;
        }
            .modalBackgroundwhatsapp
        {
            height: 100%;
            background-color: black;
            filter: alpha(opacity=70);
            opacity: 0.7;
      
        }
        
               .modalBackgroundcontactdetails
        {
            height: 100%;
            background-color: black;
            filter: alpha(opacity=70);
            opacity: 0.7;
        
        }
        @media only screen and (max-width: 800px) {
    
    /* Force table to not be like tables anymore */
	#no-more-tables table, 
	#no-more-tables thead, 
	#no-more-tables tbody, 
	#no-more-tables th, 
	#no-more-tables td, 
	#no-more-tables tr { 
		display: block; 
	}
 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
 
	#no-more-tables tr { border: 1px solid #ccc; }
 
	#no-more-tables td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 50%; 
		white-space: normal;
		text-align:left;
	}
 
 #no-more-tables .fiveper 
{ width:0%;
}
#no-more-tables .tenper 
{ width:0%;
}
#no-more-tables .fifteenper 
{ width:0%;
}
#no-more-tables .fortyper 
{ width:0%;
}
	#no-more-tables td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%; 
		padding-right: 10px; 
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}
 
	/*
	Label the data
	*/
	#no-more-tables td:before { content: attr(data-title); }
 }
        
        
.stdMainPopup
{
    background: url(../Images/header.jpg) repeat;
    border-radius: 10px;
    color:#333;
}

.stdPopupClose
{
    padding-right: -20px;
    cursor: pointer;
    margin-bottom: -30px;
    margin-top: -23px;
    margin-right: -18px;
    background-position: top;
    position: relative;
}
.PageInnerHeadingDetailsMain
{
    float: left;
    color: #D65953;
    margin-bottom: 10px;
    height: 30px;
    font-weight: bold;
    font-size: 17px;
    border-bottom: solid 2px #014F7A;
}

.PageInnerHeadingDetailsSub
{
    float: left;
    padding-left: 20px;
    padding-right: 20px;
    border-top-right-radius: 10px;
    padding-top: 5px;
    border-top-left-radius: 10px;
    height: 30px;
    background-color: #014F7A;
    color: white;
}
.stdPopupInnerMain
{
    background-color: #f1f1f1;
    border-radius: 10px;
    margin: 10px;
    float: left;
}
.stdPopInnerMsg
{
    font-weight: bold;
    float: left;
    color: Red;
    text-align: center;
    margin-top: 6px;
}


.stdPopupInnerContent
{
    float: left;
    margin: 5px 30px 10px 25px;
}

.stdPopupInnerContentHeading
{
    float: left;
    font-weight: bold;
    color: #254F5D;
    font-size: 18px;
}

#overLayBackground
{
    background-color: rgb(250, 250, 250);
    opacity: 0.7; /* Safari, Opera */
    -moz-opacity: 0.25; /* FireFox */
    filter: alpha(opacity=70); /* IE */
    z-index: 200;
    height: 100%;
    width: 100%;
    background-repeat: repeat;
    position: fixed;
    top: 0px;
    left: 0px;
    text-align: center;
    line-height: 240px;
}

#overLayBackground > img
{
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
    margin: auto;
}        