/*---------------------Experimental CSS on tables ---------------------------------*/
@media(min-width: 730px) and (max-width: 900px) {
	.tableDiv{
		display: table;
		width: 100%;
		margin-top:5px;
 	}
 
	.row{
		display: table-row;
	}
 
	.row1{
		display: table-row;
		background-color: #FFF;
	 }
 
	.row2{
		display: table-row;
		background-color: #B9EBB0;
 	}

	.rowError{
		display: table-row;
		background-color: #F64609;
	 }
 
	.fullLength td{
		font: normal 13px helvetica;
	}

	.cell{
 		display: table-cell;
 		padding: 2px;
  	border: 1px solid black;
  	font: normal 14px helvetica;
 	}
 
 .cellR{
  	display: table-cell;
  	padding: 2px;
  	text-align: right;
  	border: 1px solid black;
  	font: normal 14px helvetica;
 	}
 
	.cellHeader{
  	display: table-cell;
  	font: bold 14px helvetica;
  	color:#66C100;
  	text-align:center;
  	padding: 2px;
  	border: 1px solid black;
 	}

	.cell .rowspan {
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	width: 100px;
	}

	.cell .colspan {
  	position: absolute;
  	top: 0;
  	bottom: 0;
  	width: 100px;
	}
}

.dataBox{
	display:none;  
}

@media(min-width: 100px) and (max-width: 730px) {
	.row{
		display:none;  
 	}
	.row1{
		display:none;  
 	} 
 	.row2{
		display:none;  
 	}	
 	
.dataBox{
	border:1px solid blue;
	width: 230px;
	min-height: 100px;
	margin:5px;
	display:inline-block;  
	
}

.dataBox .header1{
	width: 100%;
	background-color: #F20D0D;
	padding:5px 0px 3px 0px;
	text-align:center;
	font: bold 12px arial;
	color: #FFFFFF;

}

.dataBox .header1 a{
	text-decoration:none;
	color: #FFFFFF;

}

.dataBox .headert{
	width: 100%;
	background-color: #779B6D;
	padding:5px 0px 3px 0px;
	text-align:center;
	font: bold 12px arial;
	color: #FFFFFF;

}

.dataBox .headert a{
	text-decoration:none;
	color: #FFFFFF;

}


.dataBox .header4{
	width: 100%;
	padding-top:0px;
	text-align:center;
	font: normal 10px helvetica;
	color: #000;

}

	.dataBox .data{
		width: 58%;
		padding-top:2px;
		padding-left:3px;
		text-align:left;
		font: bold 13px arial;
		color: #000;
		float:left;

	}
	
	.dataBox .label{
		width: 40%;
		padding-top:2px;
		text-align:right;
		font: normal 13px arial;
		color: #000;
		float: left;
		
	}
}