body
{
width:100%;
margin-left: auto;
margin-right: auto;
color:#FFFFFF;
background-image: url(dark.png);
background-repeat:repeat;
}
.details { color:#FFFFFF; font-size:10px; font-weight:bold; line-height:95%; }
.number { color:#FFFFFF; font-size:18px; text-shadow: 0px 2px 2px rgba(160, 160, 160, 0.6);}

a {
color:#FFFFFF;
text-decoration:none;
}
.online { background:#00FF00; width:25px; border:#000000;}
.offline {background:#FF3300;width:25px; border:#000000;}
.hoverTable{

width:100%;
  
       border-collapse:collapse; 
	}
.hoverTable td{
    word-wrap: break-word;         /* All browsers since IE 5.5+ */
    overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
	padding:3px;
	}
	/* Define the default color for all the table rows */
.hoverTable tr{
   
	}
.hoverTable tr:nth-of-type(1n) td {
    border-bottom: 1px solid #666666;

}
	/* Define the hover highlight color for the table row */
.hoverTable tr:nth-of-type(1n) td:hover {
    cursor:pointer;
    opacity:90;
    filter: alpha(opacity=90); /* For IE8 and earlier */ 
    background: -webkit-linear-gradient(#CCCCCC, #33333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CCCCCC, #333333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CCCCCC, #333333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CCCCCC, #333333); /* Standard syntax (must be last) */
    }
	
	
.hoverTableRead{
     width:100%;
     border-collapse:collapse;
	 font-size:12px;
	}
.hoverTableRead thead tr { 
    background: -webkit-linear-gradient(#CCCCCC, #33333); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#CCCCCC, #333333); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#CCCCCC, #333333); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#CCCCCC, #333333); /* Standard syntax (must be last) */
}
.hoverTableRead thead td{ 

}
.hoverTableRead td{ 
  word-wrap: break-word;         /* All browsers since IE 5.5+ */
  overflow-wrap: break-word;     /* Renamed property in CSS3 draft spec */
  padding:3px;
  }
  
	/* Define the default color for all the table rows */
.phone { font-size:12px; line-height:96%;}
.message{font-size:12px; line-height:96%;}
.time { font-size:12px; line-height:96%;}
.hoverTableRead tr{

		/* background:#666666;*/

	}
.hoverTableRead tr:nth-of-type(2n) td {

    border-bottom: 1px solid #666666;

}
.hoverTableRead tr td:nth-of-type(2n) {

    border-bottom: 1px solid #666666;
	
	
}

	/* Define the hover highlight color for the table row */

img { vertical-align:middle; border:thin; border-color:#000000; display: inline; width:15px; height:10px;}

.refresh {
    position: fixed; top: 0px; left: 0px; z-index: 999; 
    padding-top:1px;
    padding-bottom:5px;
    vertical-align:middle;
    outline: 0;
    padding: 5px 12px;
	margin-left:10%;
	float:left;
	margin-top:4px;
    display: block;
    color: #9fa8b0;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #1c252b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #232B30; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}
.refresh:hover {
    color: #fff;
    background: #4C5A64; /* old browsers */
    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */
}
.copy {
    position: fixed; top: 0px; left: 0px; z-index: 999; 
    padding-top:1px;
    padding-bottom:5px;
    vertical-align:middle;
	float:right;
    padding: 5px 12px;
	margin-top:4px;
    display: block;
    color: #9fa8b0;
    font-weight: bold;
    text-shadow: 1px 1px #1f272b;
    border: 1px solid #1c252b;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #232B30; /* old browsers */
    background: -moz-linear-gradient(top, #3D4850 3%, #313d45 4%, #232B30 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#3D4850), color-stop(4%,#313d45), color-stop(100%,#232B30)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3D4850', endColorstr='#232B30',GradientType=0 ); /* ie */
    box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* CSS3 */
    -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Firefox */
    -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.2); /* Safari, Chrome */
}
.copy:hover {
    color: #fff;
    background: #4C5A64; /* old browsers */
    background: -moz-linear-gradient(top, #4C5A64 3%, #404F5A 4%, #2E3940 100%); /* firefox */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(3%,#4C5A64), color-stop(4%,#404F5A), color-stop(100%,#2E3940)); /* webkit */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4C5A64', endColorstr='#2E3940',GradientType=0 ); /* ie */
}