.grid { 
    border-collapse:collapse;
    border:1px solid #c0c0c0;
    border-width: 1px 0 0 1px;
}

.grid th{	
	color:#1010f0;
	font-weight:bold;	 
	text-align:center;
	background-color:#e0e0e0;
 	border:1px solid #c0c0c0;
 	border-width: 0 1px 1px 0;
 	padding:2px;	
}
.grid tr.light {
	background-color:#FFFACD;
	border-color: #8010f0;
}	

.grid tr.selected td{
   	color:#a01010;   	
	background-color:#80b0f080; /*ΝΈΓχΆΘ*/   		
}	
.grid .item td {
     border:1px solid #c0c0c0;
     border-width:0 1px 1px 0;
	 padding:2px;
	 line-height:24px;
} 
.grid .item:hover{
	background-color:#80f0f080; /*ΝΈΓχΆΘ*/
}
/* for checkbox */
.grid .checkbox{
	display:inline-block;
	border:1px solid #101080;
	border-radius: 3px;
	width:10px;
	height:10px;
}
.grid .selected .checkbox{
	background-color:#101080;	
}
.grid .th .selected{
	background-color:#101080;
}
.grid a{
	text-decoration: none;
}
.page_nav{
	padding-top:5px;
	padding-bottom:5px;
}
.page_nav span{
	display:inline-block;	
    padding-left: 3px;
    padding-right: 3px;
    border-radius: 5px;
}
.page_nav .active{
	cursor: pointer;
	background-color: #a0e0f0;	
}
.page_nav .active:hover{	
	background-color:#c0e080;
}
.page_nav .page_num{
	width: 50px;
	border-radius:5px;
	margin-left: 50px;
    text-align: center;
}
.page_nav .goto_page{
	border-radius:5px;
}