.mydatagrid
{
	width: 80%;
	border: solid 2px  #1db0c4;/**color grid*/
	min-width: 80%;
}
.header
{
	background-color:  #1db0c4;
	font-family: Arial;
	color: White;
	height: 25px;
	text-align: center;
	font-size: 13px;	
}

.rows
{
	background-color: #fff;
	font-family: Arial;
	font-size: 12px;
	color: #000;
	min-height: 25px;
	text-align: left;
}
.rows:hover
{
	background-color: #c1e5f2;
	color: Black;
}

.mydatagrid a /** FOR THE PAGING ICONS  **/
{
	background-color: Transparent;
	padding: 5px 5px 5px 5px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
}

.mydatagrid a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	/*background-color: #8ab52b;
	color: #fff;*/
}
.mydatagrid span /** FOR THE PAGING ICONS CURRENT PAGE INDICATOR **/
{
	background-color: #fff;
	color: #000;
	padding: 5px 5px 5px 5px;
}
.pager
{
	background-color: #1db0c4;
	font-family: Arial;
	color: White;
	height: 30px;
	text-align: left;
}

.mydatagrid td
{
	padding: 5px;
}
.mydatagrid th
{
	padding: 5px;
}
.pager a:hover /** FOR THE PAGING ICONS  HOVER STYLES**/
{
	background-color: #1db0c4;
	color: #fff;
}
.Labeltotales
{
    font-weight: bold;
    text-align: right;
    color: Red;
    font-size: 18px;
    font-weight: bold;
    float:left;
}
.TextTotales
{
    float: right;
    font-weight: bold;
    text-align: right;
    color:Blue;
    font-family: Century Gothic,Verdana;
    list-style-type: decimal;
    width: 120px;
    font-size:14px;
}
.totales
{
    width: 118px;
    font-weight: bold;
    text-align: right;
    color: Red;
    font-size: 18px;
    font-weight: bold;
    float:right;
}
.Subtotales
{
    width: 118px;
    font-weight: bold;
    color: Maroon;
    text-align: right;
    font-size: 14px;
    font-weight: bold;
}