@font-face
{
font-family:defused;/*Supported by major browser*/
src:url("../Font/Romantiques.ttf");
}
@font-face
{
font-family:defused;/*for I.E. only*/
src:url("../Font/TheDeadAreComing.eot");
}
body 
{
	min-height: 100%;
/*	background-image:url('../Images/body_back.jpg');
	background-repeat:repeat;
	*/
}
.boldCenter
{
	text-align:center;
	font-weight:bold;
	font-style:italic
}
.masterBody {
    padding: 0px;
    margin: 0px;
    background-color: #2a7cbb;
    /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#FFFFFF'); /* for IE */
    /*	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#FFFFFF)); /* for webkit browsers */
    /*	background: -moz-linear-gradient(top,#FFFFFF, #FFFFFF); /* for firefox 3.6+ */
    /*   	background-image:url('../Images/body_back.jpg');*/
}
.searchBoxHome {
    border: 1px solid #2a7cbb;
    display: block;
    height: 160px;
    min-width: 425px;
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 15px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding: 3px;
    -webkit-transform: translateX(10px) translateY(10px);
    border-color: #2a7cbb;
    background: #E9E9E9; /* for non-css3 browsers */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E9E9E9'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9)); /* for webkit browsers */
    background: -moz-linear-gradient(top, #FFFFFF, #E9E9E9); /* for firefox 3.6+ */
}
.searchBoxHome a Table
{
	font-size:medium;
	border:"0";	 
	height:150px;
	width:100%;
	text-align:left;

}
.searchBoxHome a Table td
{
	margin-left:4px;

}
.searchBoxHome a
{
	text-decoration: none;
	color:Black;
}
.tdPhoto
{
	border:"1";	 
	height:150px;
	width:120px;
	vertical-align:top;
	padding-top:4px;
	padding:4px;
}
.masterLeft
{
	width: 250px;
}
.masterTable {
    padding-left: 12%;
    padding-right: 10%;
    width: 100%;
}
.tdAlignRight
{
	text-align:right;
	margin-right:10px;
	padding-right:10px;

}
.Label {
    margin-right: 10px;
}
.tdImagethumb
{
	vertical-align:middle;
	text-align:center;
}
.tdHoroscope
{
	height:50px  !important;
	width:50px  !important;
	text-align:center;
	border: 1px solid black !important;
}
.mainDivHome
{
	min-width:425px;
	width:100%;
	padding-left:2px;

}
.menuTable
{
	width:100%;
	text-align:center;
	font-weight:bold;
}
.menuTable a
{
	text-decoration:none;
}
.headerContentDiv {
    vertical-align: middle;
    text-align: justify;
    border: 0;
    background: #919191;
    background-image: -webkit-linear-gradient(left, #B2B2B2, #0090CB, #B2B2B2);
    background-image: -moz-linear-gradient(left, #B2B2B2, #0090CB, #B2B2B2);
    background-image: -ms-linear-gradient(left, #B2B2B2, #0090CB, #B2B2B2);
    background-image: -o-linear-gradient(left, #B2B2B2, #0090CB, #B2B2B2);
    /*   -moz-border-radius: 10px;
     -webkit-border-radius: 10px;
/*    -khtml-border-radius: 10px;*/
    /*   border-radius: 10px;
    border: 1px solid;
    border-color:Silver;
   /* background-image:url(../Images/body-bkg.png);*/
    /*	background-repeat:repeat;
/*     behavior:url(border-radius.htc);
    background: #999; /* for non-css3 browsers */
    /*	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#FFFFFF'); /* for IE */
    /*	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FFFFFF)); /* for webkit browsers */
    /*	background: -moz-linear-gradient(top,  #E9E9E9,  #FFFFFF); /* for firefox 3.6+ */
}
.HeaderTable
{
	width:100%;
}
.HeaderSubTable
{
	width:100%;
	background-repeat:repeat-x;
}
.FooterTD
{
	background-image:url(../Images/FooterImage.jpg);
	background-repeat:repeat-x;
	height:60px;
	vertical-align:middle;
	text-align:center;
}
.masterContentDiv
{
    width:100%;
    margin:auto;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    border: 1px solid;
    border-color:Silver;
    behavior:url(border-radius.htc);
   background-image:url(../Images/content_body-bkg.png);
	background-repeat:repeat;
   background: #FFF; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#FFFFFF'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#FFFFFF)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E9E9E9,  #FFFFFF); /* for firefox 3.6+ */ 
/*padding-right:25px;*/

}

.ForgetPasswordLink
{
	padding-left:2px;
	font-size:14px;
	font-weight:normal;

}
.ForgetPasswordLink a
{
		text-decoration:none;
			color:White;
	}

@media screen and (max-width: 3000px){
    .spanHeader {
        font-size: 60px;
        color: #2a7cbb;
        padding-left: 20px;
        padding-right: 30px;
        font-weight: bolder;
        font-family: Baskerville Old Face;
        color: White;
        text-align: center;
    }
.spanHeader span
{
font-size :60px;
color : Orange;
text-align:center;
}
}

@media screen and (max-width: 1100px){
    .spanHeader {
        font-size: 40px;
        color: #2a7cbb;
        padding-left: 20px;
        padding-right: 30px;
        font-weight: bolder;
        font-family: Baskerville Old Face;
        color: White;
        text-align: center;
    }
.spanHeader span
{
font-size :40px;
color : Orange;
text-align:center;
}
}
@media screen and (max-width: 800px){
    .spanHeader {
        font-size: 30px;
        color: #2a7cbb;
        padding-left: 20px;
        padding-right: 30px;
        font-weight: bolder;
        font-family: Baskerville Old Face;
        color: White;
        text-align: center;
    }
.spanHeader span
{
font-size :30px;
color : Orange;
text-align:center;
}
}
@media screen and (max-width: 720px){
    .spanHeader {
        font-size: 30px;
        color: #2a7cbb;
        padding-left: 20px;
        padding-right: 30px;
        font-weight: bolder;
        font-family: Baskerville Old Face;
        color: White;
        text-align: center;
    }
.spanHeader span
{
font-size :30px;
color : Orange;
text-align:center;
}
.spanHeader span:before { content: "\000A";clear:both; white-space: pre; }
.spanHeader span:after { content: "\000A";clear:both; white-space: pre; }
}
.datalistDiv
{
	text-align:center;
	margin-left: auto;
    margin-right: auto;
    display:inline-block;
    width:100%;
    
}
.FloatingDiv
{
    padding-left:20px;
    min-width:450px;
    width:45%;
    float:left;
    
}
.headerTextBox {
    padding-left: 5px;
    width: 100px;
    border: 1px solid #2a7cbb;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background-color: White;
}
.contentDiv
{
	text-align:center;
}
.imageDiv
{
	padding-left:15px;
	text-align:center;
}
.button
{
	font-family: Arial, sans-serif;
	background:#25A6E1;
	background:-moz-linear-gradient(top,#25A6E1 0%,#000 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#000));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#000 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#000 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#000 100%);
	background:linear-gradient(top,#25A6E1 0%,#000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#000',GradientType=0);
	padding:2px 10px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;

	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #FFF
}

.Button
{
	background:#25A6E1;
	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:8px 13px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:17px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9
}
.ChatSubmit
{
    background:#25A6E1;
	background:-moz-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#25A6E1),color-stop(100%,#188BC0));
	background:-webkit-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-o-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:-ms-linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	background:linear-gradient(top,#25A6E1 0%,#188BC0 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#25A6E1',endColorstr='#188BC0',GradientType=0);
	padding:4px 3px;
	color:#fff;
	font-family:'Helvetica Neue',sans-serif;
	font-size:12px;
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border:1px solid #1A87B9;
    font-weight:bold;
}

.tdLeft
{
	text-align:left;
}

/*Textbox Watermark*/
.watermarked 
{
    padding-left:5px;
	width:100px;
	height:20px;
	border: 1px solid #000;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
	background-color:#FFF;
	color:gray;
}	
.errorMessage
{
	color:Red;
}
.TextBox
{
    padding-left:5px;
	width:220px;
	height:20px;
	border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
       box-shadow: 0 0 2px 2px #ccc; 

}
.TextBoxNoSize
{
    padding-left:5px;
	width:220px;
	height:20px;
	border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
        box-shadow: 0 0 1px 1px #ccc; 
}
.MultiLineTextBox
{
    padding-left:5px;
	width:220px;
	border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
        box-shadow: 0 0 1px 1px #ccc; 
}
.DropDownList
{
    padding-left:5px;
	width:225px;
	height:25px;
	border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
        box-shadow: 0 0 1px 1px #ccc; 
}
.DropDownListNoSize
{
        padding-left:5px;
    	height:25px;
    	width:115px;
	border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
        box-shadow: 0 0 1px 1px #ccc; 
}
.TextBox
{
    height:20px;
    padding-left:5px;
    border: 1px solid #ccc;
    border-radius: 5px;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
    box-shadow: 0 0 1px 1px #ccc; 

}
.tdTextCenter
{
	text-align:center;
}
.tdTextCenter a
{
	text-decoration:none;
	color:Black;
}
.divUserlist
{
    width:250px;
    height:300px;
    vertical-align:top;
    font-style:italic;
    overflow-y: scroll;
}
.divUserlist a:link {text-decoration: none}
.divUserlist a:visited {text-decoration: none}
.divUserlist a:active {text-decoration: none}
.divUserlist a:hover {text-decoration: none}
.ChatList
{
       width:230px;
        text-decoration: none;
        text-decoration: blink;

}
.WelcomeText
{
    color:Orange;
}
.adBox
{

    float: right;
    padding-right:10px;
    margin-top:15px; 
    text-align:left;
    margin-right:30px;
    
    
    border: 1px solid silver;
	display:block;
	height:500px;
	width:150px;
	text-align:center;
	margin-left:4px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding:3px;

     -webkit-transform: translateX(10px) translateY(10px);
    border-color:Silver;
    background: #E9E9E9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E9E9E9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #E9E9E9); /* for firefox 3.6+ */ 
}
.header
{
    text-align:center;
    background-image: url(bg1.gif);
    border:1px solid silver;
    font-size:0;
    height:30px;
    color:White;
    
}
 .header td
{   

    color:White;
    text-decoration:none;
    font: bold 14px Tahoma;

}


div.menu2 {
    /*width:500px;margin:0 auto;*/ /*Uncomment this line to make the menu center-aligned.*/
    text-align: center;
    background-color: gray;
    border: 1px solid #FFF;
    border-left:0px;
    border-right:0px;
    font-size: 0;
    width: 100%;
}

    div.menu2 a {
        display: inline-block;
        padding: 0 30px 0 30px;
        background-color: gray;
        color: White;
        text-decoration: none;
        font: bold 14px Tahoma;
        line-height: 32px;
    }

div.menu2 a:hover, div.menu2 a.current
{
    background-position:0 -60px;
    color:Orange;
}

div.menu2 a.dummy
{
    width:2px;
    padding:0 0;
}
.HomeMain
{
    width:95%;
     display: inline-block;
     	padding-top: 50px;
     	padding-left: 50px;
     	padding-bottom: 50px;

  /*display:inline;/*for IE7*/
  /*zoom:1;/*for IE7*/ 
}
.homeDiv
{
    float:left;

	width: 200px;
	height: 150px;
	padding: 5px;
	color: #FFF;
	font-family: sans-serif;
	font-size: 12px;
	border-width: 3px;
	border-style: solid;
	cursor: default;
	-webkit-transition: 0.1s all;
	-moz-transition: 0.1s all;
	-ms-transition: 0.1s all;
	transition: 0.1s all;
	vertical-align:middle;
	text-align:center;
	padding-top:30px;
	margin:2px;
}
.homeDiv:hover
{
  -webkit-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
	-moz-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
	-ms-transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
	transform: scale(0.97) perspective(400px) rotateY(0deg) rotateX(0deg);
	border-width: 3px;
	border-style:solid; 
}
.homeDiv a
{
    padding-top:5px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;

}
.Orange
{
    background-color: #FA6800;
	border-color: #FA6800;
}
.Blue
{
    background-color: #2878EC;
	border-color: #2878EC;
}
.Green
{
    background-color: #60A917;
	border-color: #60A917;
    
}
.Lime
{
    background-color: #A4C400;
	border-color: #A4C400;
}
.Emarald
{
       background-color: #008A00;
	border-color: #008A00;
}
.Indigo
{
       background-color: #6A00FF;
	border-color: #6A00FF;
}
.Red
{
       background-color: #E51400;
	border-color: #E51400;
}
.Violet
{
       background-color: #AA00FF;
	border-color: #AA00FF;
}
.Cyan
{
       background-color: #1BA1E2;
	border-color: #1BA1E2;
}
.Cabolt
{
       background-color: #0050EF;
	border-color: #0050EF;
}
.OrangeRed 
{
       background-color: #FF4500;
	border-color: #FF4500;
}
.DarkPurple
{
           background-color: #643EBF;
	border-color: #5133AB;
}
.IndianRed   
{
           background-color: #CD5C5C;
	border-color: #CD5C5C;
}

.searchBox
{
	border: 1px solid silver;
	display:block;
	height:160px;
	min-width:425px;
	width:80%;
	text-align:center;
	margin-left:4px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    padding:3px;
    -webkit-transform: translateX(10px) translateY(10px);
    border-color:Gray;
    background: #E9E9E9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#E9E9E9'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#E9E9E9)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #FFFFFF,  #E9E9E9); /* for firefox 3.6+ */ 


}
.searchBox a Table
{
	font-size:medium;
	border:"0";	 
	height:150px;
	width:100%;
	text-align:left;
	margin-left:10px;

}
.searchBox a Table td
{
	margin-left:4px;

}
.searchBox a
{
	text-decoration: none;
	color:Black;
}
.mainDiv
{
	padding:8px;
	min-width:425px;
	width:90%;
}
.diagonalText {
     -ms-transform: rotate(30deg); /* IE 9 */
    -webkit-transform: rotate(30deg); /* Safari 3-8 */
    transform: rotate(30deg);
    color:black;
     position: relative;
    margin-top:-100px;
    font-size:x-large;
     -webkit-animation: mymove 5s infinite; /* Safari 4.0 - 8.0 */
    animation: mymove 5s infinite;
    font-weight:bold;
}
@-webkit-keyframes mymove {
    from {left: 0px;}
    to {left: 5px;}
}

@keyframes mymove {
    from {left: 0px;}
    to {left: 5px;}
}
.div_whatsapp {
    position: fixed;
    float: right;
    right: 5px;
    bottom: 5px;
    z-index: 2;
}