File: styles/default.css

/*
	The style of the main table
	The tablewhich is going to 
	contain all the html of the grid
*/
#DG_style{
	
	border-width:0px;
	width:700px;
	padding: 2px 2px 2px 2px ;
	
}
/*
	The default image style in
	the main table
*/
#DG_style img{
	border-width:0px  ;
}
/*
	The default style of select tag in 
	the main table
*/
#DG_style  select{

	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	background-color:#E9E9E9 ;
	
}
/*
	The default link style (the <a> tag) in 
	the main table
*/
#DG_style a{

	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	font-weight:bold ;
	text-decoration:none ;
}
#DG_style a:hover{

	color: #00FFFF ;
	
}
/*
 The style of table
 which is going to contain the grid elements (header and line)
*/
#DG_style #DG_main_table{
	
	border :1px solid #CCCCCC;
	width:100% ;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	
}
/*
The css of cel if no data to display
*/
#DG_style #DG_noDataMessage{
	text-align:center ;
	padding:20px 0px 20px 0px ;	
	background-color:#F5F5F5
}
/*
 Style of the additionnal 
 detail like 'from' 'off' 'to' etc
*/
#DG_style #DG_additional_detail{
	
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	white-space:nowrap ;
	
}

#DG_style #DG_additional_detail #DG_additional_detail_table{
	
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	width:100% ;
	
}
/*
 with this style you can the 
 detail 'of page' in the right
*/
#DG_style #DG_additional_detail #DG_td1{
	
	text-align:left ;
	white-space:nowrap ;
}

/*
	The default header style 
*/
#DG_style #DG_Header{
	
	background-color:#CCCCCC ;
	padding: 0px 0px 0px 0px ;
	border:	#CCCCCC outset 1px  ;
	
}
/*
	Every <td> in the header ( except the td of the main checkbox if used ) 
	contains a table with 2 cell 
	the cell in the left contains the name of the column 
	and to the right the sorting image
*/
#DG_style #DG_header #DG_header_table {

	width: 100% ;
	border-width: 0px ;
	
}

/*
	The style of the text in header
*/

#DG_style #DG_header #DG_header_table #DG_header_table_content{

	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #003366 ;
	width:100% ;
	padding: 0px 0px 0px 5px ;
	text-shadow:#003399 ;
	white-space:nowrap ;
}
/*
	The style of link in header
*/
#DG_style #DG_header #DG_header_table #DG_header_table_content a{
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	font-weight:bold ;
}
/*
	The style of over statut of  link in header
*/
#DG_style #DG_header #DG_header_table #DG_header_table_content a:hover{
	color: #00CCFF ;
}
/*
	The style of the sorting inducator image in the header
*/
#DG_style #DG_header #DG_header_table #DG_img_direction{
	
	margin-left:5px ;
	margin-right:5px ;
	
}
/*
	The default style of cell in each line 
*/
#DG_style #DG_line_td_content {
	
	text-align:left ;
	padding: 0px 0px 0px 0px ;
	
}
/*
	The default style of cell in each cel 
*/
#DG_style #DG_line_div_content {
	
	text-align:left ;
	padding: 1px 1px 1px 1px ;
	
}
/*
	default style off the pagination bar
*/
#DG_style  #DG_pagination{
	white-space:nowrap ;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	width: 100% ;
}
/*
	the table style off the pagination bar
*/
#DG_style  #DG_pagination #DG_pagination_table{

}
/*
	default style off the pagination number
	text in the pagination bar
*/
#DG_style  #DG_pagination_number{
	white-space:nowrap ;
	font-family: Tahoma, Arial, Verdana;
	font-size: 11px;
	color: #000000 ;
	text-align:center ;
}
/*
	default style off the pagination number
	text link in the pagination bar
*/

#DG_style  #DG_pagination a{
	border:#999999 outset 1px ;
	padding:1px 5px 1px 5px ;
	background-color:#F5F5F5 ;
	margin: 2px 2px 2px 2px ;
}
/*
	the style off the number 
	will be indicate the current page
	
*/
#DG_style  #DG_pagination #DG_current{
	
	padding:1px 5px 1px 5px ;
	border:#F7F7F7 inset 1px ;
	background-color:#F8F8F8 ;
	color:#FF6600
}

/*
	the style off the div 
	wich containe the select paginator
	
*/
#DG_style  #DG_div_select_size{

	text-align:right ;
	
}
/*
	a test style
	
*/
.test{

	background-color:#F9E6E6 ;
	
}