body{
margin:0;
}

#container {
position:relative;
margin:0 auto;
width: 850px;
height: 830px;
background-color:#F0FFFF;
}

#left{
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
float:left;
width:50px;
height:820px;
background-color:#68838B;
border-style:ridge;
}
.top{
}
.bottom{
position:absolute;
top:775px;
}

#right{
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */
float:right;
width:50px;
height:820px;
background-color:#68838B;
border-style:ridge;
}

#main_window {
box-shadow: 10px 10px 5px #888888;
border-radius:25px;
-moz-border-radius:25px; /* Firefox 3.6 and earlier */
position:absolute;
margin-left:125px;
margin-right:125px;
margin-top:25px;
width: 600px;
height: 750px;
border:ridge 5px;
border-color:#9AC0CD;
background-color:#B2DFEE;
caption-side:top;
}

#menu{
width:580px;
margin-top:10px;
position:absolute;
margin-left:10px;
margin-right:10px;
height:50px;
}
#p_i{
border-collapse: collapse;
border-spacing: 0;
margin-bottom:5px;
}
.margin1{
height:150px;
margin-left:50px;
margin-right:50px;
margin-top:20px;
}

.p_i_title{
text-align:center;
border:solid 2px;
width:140px;
background-color:#06DCDD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.p_i_title:hover
{
cursor:pointer;
background-color:#96DCaD;
}

#marginn{
position:absolute;
background-color:#E0FFFF;
color:#111111;
width:580px;
height:690px;
margin-top:50px;
margin-left:10px;
margin-right:10px;
border-top:0;
border-bottom-left-radius:9px;
-moz-border-bottom-left-radius:9px; /* Firefox 3.6 and earlier */
border-bottom-right-radius:9px;
-moz-border-bottom-right-radius:9px; /* Firefox 3.6 and earlier */
}

/*statistics page*/
.statistics{
margin-left:140px;
margin-right:140px;
margin-top:20px;
}

#p_i tr.hover:hover{
background-color:#B4CDCD;
}

.td_title_stats{
text-align:center;
border:solid 2px;
width:150px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.data_stats{
width:150px;
border:solid 2px;
border-color:#474747;
}

/*users page graphp*/
.users{
position:absolute;
float:left;
margin-top:10px;
}
.users_data{
border:solid 2px;
border-color:#474747;
}
.users_data_h{
border:solid 2px;
border-color:#474747;
}
.users_data_h:hover
{
cursor:pointer;
background-color:#96DCaD;
}

#display
{
margin-top:10px;
float:right;
position:absolute;
margin-left:200px;
width:360px;
height:300px;
}
/*display div inside*/
.user_display
{
margin-left:-5px;
margin-right:20px;
width:320px;
}
.td_title_users_aa{
width:40px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.td_title_users{
width:120px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}

.td_title_users_display
{
width:120px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}

.td_data_users_display
{
width:200px;
border:solid 2px;
border-color:#474747;
}
span{
visibility:hidden;
}
.delete{

border:none;
background-color: transparent;
cursor: pointer;
background-image:url(images/delete.png);
width:20px;
height:20px;
background-repeat:no-repeat;
}

.valid
{
color:#548B54;
font-size:14px;
}
.invalid
{
color:red;
font-size:14px;
}

.o_msg
{
margin-left:5px;
margin-top:10px;
}

.height{
height:70px;
}

/*troubleshoot report*/
#troubleshoot_field
{
position:absolute;
width:580px;
height:650px;
overflow-x:auto;
overflow-y:auto;
}
.troubleshoots
{
margin-left:15px;
margin-right:15px;
margin-top:10px;
}
.td_title_troubleshoot_aa{
width:40px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.td_title_troubleshoot_small{
width:125px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.td_title_troubleshoot_big{
width:260px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}

.td_data_troubleshoots
{
border:solid 2px;
border-color:#474747;
height:40px;
}
.tr_troubleshoot_hover:hover{
background-color:#B4CDCD;
}
#filter_result
{
position:absolute;
left:90px;
top:-1px;
}
#total
{
position:absolute;
left:500px;
top:-1px;
}
#clear
{
position:absolute;
left:270px;
top:-1px;
}
/*messages pages*/
#message_field
{
position:absolute;
width:580px;
height:680px;
overflow-x:auto;
overflow-y:auto;
}
#message
{
position:relative;
margin-left:15px;
margin-right:15px;
margin-top:-4px;
overflow-x:auto;
overflow-y:auto;
display:block;
height:300px;
width:548px;
text-align:justify;
border:solid 2px;
background-color:#96CDCD;
font-size:20px;
color:#474747;
}

.messages
{
margin-left:15px;
margin-right:15px;
margin-top:20px;
}
.td_title_messages_aa{
width:40px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.td_title_messages_small{
width:125px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}
.td_title_messages_big{
width:260px;
text-align:center;
border:solid 2px;
background-color:#96CDCD;
font-style:italic;
color:#474747;
font-weight:bold;
}

.td_data_messages
{
border:solid 2px;
border-color:#474747;
height:40px;
}
.tr_messages_hover:hover{
background-color:#B4CDCD;
}
#log_out
{
height:60px;
margin-top:25px;
text-align:center;
color:#ffffff;
font-family:"Times New Roman",Georgia,Serif;
font-size:13px;
font-weight:bold;
color:azure;
text-shadow:1px 1px 3px black;
}
#log_out:hover
{
text-shadow:3px 3px 8px black;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}
#href
{
text-align:center;
width:50px;
height:100px;
text-align:center;
text-decoration:none;
color:#ffffff;
font-size:15px;
}

.mess:hover
{
cursor:pointer;
font-weight:bold;
}

.on_buttona{
border:none;
background-color: transparent;
cursor:pointer;
background-image:url(images/on.png);
width:40px;
height:30px;
background-repeat:no-repeat;
margin-bottom:2px;
}
.on_buttona:hover
{
background-image:url(images/off.png);
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
}

.center
{
text-align:center;
}
.href:hover
{
cursor:pointer;
font-weight:bold;
}
.important
{
font-size : 12px;
}
 #data_message
 {
 position:absolute;
 width:180px;
 height:15px;
top:1px;
 right:200px;
 left:200px;
 font-size:13px;
 text-align:center;
 }
 
.hoverrrrr:hover
{
cursor:pointer;
font-weight:bold;
}