.datagrid table { border-collapse: collapse; text-align: left; width: 100%; background-image: radial-gradient(ellipse farthest-corner at right bottom, #E3F5FC 0%, #E3F5FC 25%, #FFFFFF 50%);} 
.datagrid {font: normal 12px/150% Arial, Helvetica, sans-serif; background: #fff; overflow: hidden;  border: 1px solid rgb(192, 192, 192); -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; }
.datagrid table td, .datagrid table thead { padding: 1px 3px; }

.thead, .datagrid table thead th {background:-webkit-gradient( linear, left top, left bottom, 
 );background:-moz-linear-gradient( center top, #1C6399 5%, #3A5799 100% );filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1C6399', endColorstr'#3A5799');background-color:#4E3C46; color:#FFFFFF; font-size: 15px; font-weight: bold; border-left: 0px solid #000000; } .datagrid table thead th:first-child { border: none;padding-left:3px; }
.datagrid table tbody td { color: #1C096B; font-size: 12px;font-weight: normal; }.datagrid table tbody .alt td { background: #F7F7F7; color: #240B6B; }
.datagrid table tbody td:first-child { border-left: none; }.datagrid table tbody tr:last-child td { border-bottom: none; }
div.datagrid {
	margin-top:4px;
	margin-bottom:4px;
}div.datagrid:hover {
	box-shadow:
   0 1px 3px rgba(0, 0, 0, .3),
   -6px 0 3px -7px rgba(0, 0, 0, .8),
   6px 0 6px -7px rgba(0, 0, 0, .8),
   0 0 4px rgba(0, 0, 0, .1) inset;
}
.topstat:hover {
	color:orange;
}
.order {
	padding :0 2px;
	cursor:pointer;
	font-size:15px;
}
.order:hover {
	color:lime;
}
.order_block {
	float:right;
	margin-right:2%;
	border-radius:6px;
	padding:0px;
}
.datagrid table tbody td a {
	color:#265F99;
	font-size:16px;
	line-height:1.3;
}
.datagrid table tbody td a:hover {
	color:#5A4923;
	text-decoration:none;
}
#hide_table {
	font-size:19px;
	color:lime;
	cursor:pointer;
	float:right;
	padding-right:6px;
}
#hide_table:hover {
	color:#7B73B5;
}

#datetd, .datagrid .datetd {
	font-size: 12px;
	font-style: italic;
}
#authortd,.datagrid .authortd, .comm_view {
	font-size: 12px;
}
#ratecount,.datagrid .ratecount{
	color:black;
	font-size:10px;
}
.favorstory {
	color:#000000; 
	font-style: italic;
}
.favorstory:hover {
	color:blue;
}
.tnum {
	font-size:15px;
	color: green;
}
.trating {
	font-size:13px;
	color: SeaGreen;
	font-weight:500;
}

.tavatar {
	float:left; 
	border-radius:10px; 
	margin-right:4px; 
	margin-left:-16px; 
	width:20px; 
	height:20px;
}
.rowhover:hover {
	background-color:#D3EAF2;
}
.pen-edit {
	font-size:14px; 
	color:#8B4513;
}
.pen-edit:hover {
	font-size:14px; 
	color:#1E64D2;
}
.titletd{
	display: block;
}
/*Для малых разрешений экрана и мобильных*/
@media (max-width:1186px){
.ratecount {
	display:none;
}
@media (max-width:1151px){
.datetd {
	display:none;
}
@media (max-width:925px){
.commtd {display:none;}
}
@media (max-width:860px){
.viewtd {display:none;}
}
@media (max-width:800px){
.authortd {display:none;}
.tavatar {margin-left:-6px;}
}
@media (max-width:710px){
.ratetd, .nummtd, .popular {display:none;}
.datagrid, table tbody tr td .titletd {	
}
.icon_table {padding:5px;margin-top:4px;margin-right:2px;}
}
@media (max-width:530px){
.authortd {display:none;}

}