html { height:100%;}
html, body {background:white; margin:0px; padding:0px; color: #333333; font-family: Arial, Tahoma, Helvetica, sans-serif;  text-align:left;}
body { height:100%;}
td {
  font-size: 1em;
}
input {
  font-size: 1em;
}
#main_table {
 margin:0;
 padding:0;
}
.button {
    width: 100%;
    height: 100%;
    font-size: large;
    background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;
    border: 1px solid #456F9A;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #3E6790;
    border-radius: 0.5em 0.5em 0.5em 0.5em;
}
.button_entry {
    width: 100%;
    height: 100%;
    background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;
    border: 1px solid #456F9A;
    color: #FFFFFF;
    font-weight: bold;
    text-shadow: 0 1px 1px #3E6790;
    border-radius: 1em 1em 1em 1em;
}
.m_right {
margin-right:20px; margin-left:45%; width:50%; border: 1px solid; ;margin-bottom: 10px;
background: #D4F8C4;
}
.m_left {
margin-left: 10px; border: 1px solid; width:52%; margin-bottom: 10px;
background: #C4E3F8;
}
.m_cont {
 display: block;
 bottom: 0%;
 left: 0%;
 width: 100%;
 height: 100%;
}
.date {
font-size: 0.5em;
}
.corner {
border-radius: 0.5em 0.5em 0.5em 0.5em;
padding: 4px 4px 4px 7px;
}
#send_btn {
    width:100%;
    height: 100%;
    background: linear-gradient(#6FACD5, #497BAE) repeat scroll 0 0 #5E87B0;
    border: 1px solid #456F9A;
    color: white;
}
#inp_text {
width:100%;
float:left;
border: 1px solid;
background:white;	
}