/* CSS Document */





body{ padding:0px; margin:0px;}
.maindiv{height:auto }

listing{
	margin:0px; 
	padding-right:40px;} 
	
.maindiv ul{padding-right:40px;}	
.maindiv li{border-bottom:1px solid #ccc; overflow:hidden; padding: 10px 20px;} 
.maindiv li p{ 
	color:#626262;
	float: left;
    font-family: arial;
    font-size: 25px;
	width:100%;}
.innerdiv{float:left; width:100%; color:#000!important;padding-top:50px;}
.first{ font-size:45px; float:left; font-family:arial; font-weight:bold;}
.time{float:right; font-size:35px; color:#999999}
.message { float:left; width:100%;}

.cer-area .time{
   font-family: arial;
    font-size: 12px;
    padding: 10px;	}

.cer-area .innerdiv{background:#E6E5EB; margin-bottom:12px;
    border-radius: 18px;
    float: left;
  	padding: 0 20px; max-width:90%!important;}
.cer-area .innerdiv p{ color:#000; font-size:50px;}	
	.cer-area .innerdiv .out{ background-color:#00CC66 !important}	
.out{ background:#02E14A!important; float:right!important; width:auto!important}
.out p{color:#fff!important}	
.in{ background:#E6E5EB!important; width:auto!important}	
.in p{ color:#000!important}
.cer-area .time{text-align: right;
    width: 100%;font-size: 30px;}
.cer-area .time span{ padding-right:10%;float: right;}
.cer-area li{ padding: 10px 0;}
.cer-area small{ float:left;padding-left:10%;font-family: arial;
    font-size: 30px;}
	
.mainheader{ 
	height:auto;  
	padding: 15px 0 10px 20px; 
	background:rgba(245, 245, 245, 0.97); 
	border-bottom:1px solid #CDCDCD; 
	font-family:Arial, Helvetica, sans-serif;}
	.mainheader .msg{float:left; padding:20px 10px 10px 10px;width: 30%; font-size:50px;text-decoration:none;}
	.mainheader .msg a{color:#0080FF;text-decoration:none;}
	
	.mainheader .mobile{ float:left;padding:20px 10px 10px 10px; width: 50%;font-size:50px; color:#000;}
	.mainheader .call{ float:left;padding:20px 10px 10px 10px;color:#3189E5;font-size:50px; }
.mainheader .call a{color:#0080FF;text-decoration:none;}

.mainheader{overflow: hidden;box-shadow: 0 3px 3px #ccc;
    position: fixed;
    top: 0;
    width: 100%; height:100px;}
ul.maindiv-new{   margin-bottom: 140px;
    padding-top: 120px !important}
.footer{ 
	background: #f7f7f9 none repeat scroll 0 0;
    bottom: 0; 
	box-shadow: 0 -2px 3px #ccc; position:fixed; width:100%;
    overflow: hidden;
    padding:25px 20px;
    
   
   }
.leftimage{   float: left;
    margin-left: 30px;
    width:10%;
	font-size:40px;}
.midddleimage{ 
	float: left;
    margin-left: 18px;
    width:100%;}
.rightimage{ float: left;
    }
.midddleimage .textarea{
	border: 1px solid #d0cfd4;
    border-radius: 5px; 
	margin-right:10px;
    height:auto; 
	float:left; 
	padding-left:20px;
    width:70%;
	font-size:40px;
	}
.midddleimage input[type="submit"]{
	background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: medium none;
    cursor: pointer; 
	font-size:50px; 
	line-height:90px;
    }


.login{  
	border: 1px solid #ccc;
    display: block;
  	margin-left:5%;
	font-family: arial;
    font-size:56px;
    text-align: center; height:500px;
  	margin-top:25%;
    text-align: center;
    width: 90%;}
.error{ 
	color: #ff0000;
    font-family: arial;
    margin-top: 40px;
    text-align: center;}
.form1{
	margin-bottom: 16px;
    margin-top: 9px;
	
	}
.form2{ 
	margin-bottom:6px;
	}
.form3{ margin-bottom:6px;}
.login input[type="text"]{
	border: 1px solid #ccc;
	font-size: 42px;
    height:81px;
    padding-left: 15px;
	border-radius:10px;
    width:70% ;}
.login input[type="password"]{
	border: 1px solid #ccc;
	font-size: 42px;
    height:81px;
    padding-left: 15px;
	border-radius:10px;
    width: 70%;}	
	
	
.login input[type="submit"]{background: #c60000 none repeat scroll 0 0;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-size: 37px;
	margin: 50px 0 10px;
    padding-bottom: 7px;
    width: 450px;}



@media (min-width: 415px) {
.login {  
    margin-top: 10px;
}
}