#main {
    margin: auto ;
	border: 1px solid #0000FF;
	width: 453px;
    min-height:50px;
	background: #0000FF;
    font-family: Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size : 25px;
    border-collapse:collapse;
}

#sender {
   clear:both;   
	border: 1px solid #cccccc;
	width: 300px;
	background: #E9ECEF;
   font-family: Arial, Helvetica, sans-serif;
   font-weight:bold;
   font-size : 25px;
   color:#CC0000;
   padding:25px;
   margin-bottom:10px;
   margin-top:10px;
   margin-left: 10px;
}

td {
   padding:5px;
}

#result {
    margin-top:20px;
	 border: 1px solid #;
	 width: 300px;
	 background: #E9ECEF;
    text-align:left;
    font-family: sans-serif;
    font-weight:bold;
    font-size : 25px;
    padding:0px;
    height:400px;
    overflow:scroll;
}

.error {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size : 23px;
    color:#dd1111;
    padding:5px;

}


.text {
	border: 20px solid #0000FF;
}

input {
    border: 25px solid #CC0000;
}


#caption{
    font-family: Castellar;
    font-weight:bold;
    margin:10px;
    font-size : 25px;
    color:#FFFFFF;
}
p{
    margin:0px;
    padding:10px;
}

.name{
    font-weight:bold;
    font-style: italic;
    color:#999;
}

.txt {
    font-family: Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-size:25px;
    color:#333;
}

#mchat{
    border:0px;
    width:100%;
}
#main, #sender, #result #caption, #icon,#mchat{
		margin-left: 1%;
		margin-right: 1%;
				 
		boxshow:3px 5px 7px #FFFFFF;
		border:1px solid #0000FF;
}		
@viewport{
	zoom: 1.0;
	width: extend-to-zoom;
}
@-ms-viewport{
	width: extend-to-zoom;
	zoom:1.0;
}