body {
			color: #343d44;
			font-family: "Ubuntu", Helvetica, Arial, sans-serif;
			text-rendering: optimizeLegibility;	
			background: url(images/np.jpg) no-repeat top center fixed;
			width: 100%;
			height: 100%;
			min-width: 100%;
			min-height: 100%;
		font-size: 12px;

			-webkit-background-size: 100% 100%;
			-moz-background-size: 100% 100%;
			-o-background-size: 100% 100%;
			background-size: 100% 100%;
		}
		
		h1 {
			text-transform: uppercase;
			font-size: 32px; 
		}

		.page_border {
			border: 2px solid #E2E2E2;
			border-style: dashed dashed dashed dashed;
			border-width: 5px;
			margin-left:auto; 
			margin-right:auto;
			border-radius: 20px;
		}
		
		.page_border th,
		.page_border td {
			padding: 10px 10px ;
			background: rgba(255,255,255,0.7);
			border-radius: 13px;
		}
		
		.page_nav td  {
			background-color: transparent;
			font-size: 12px;
		}
		
		/* Table */
		.data-table {
			font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";
			font-size: 12px;
			border-collapse: collapse;
			text-align: center;
		}

		.data-table th, 
		.data-table td {
			border: 1px solid #e1edff;
			padding: 0px 5px;
			border-radius: 0px;
			transition: all .5s;	
		}


		.data-table caption {
			margin: 7px;
		}


		/* Table Body */
		.data-table tbody td {
			color: #353535;
		}
		
		.data-table tbody td:first-child,
		.data-table tbody td:nth-child(4),
		.data-table tbody td:last-child {
			text-align: center;
		}

		.data-table tbody tr:nth-child(odd) td {
			/* background: rgba(244,251,255,1); */
			background: rgba(220,240,255,0.8);
		}
		.data-table tbody tr:nth-child(even) td {
			background: rgba(255,255,255,0.7);
		}

		.data-table tbody tr:hover td {
			background-color: #ffffa2;
			border-color: #ffff0f;
		}

		/* Table Header / Footer */
		.data-table thead th,
		.data-table tfoot th {
			padding: 1px 1px ;
			background-color: #0099ff;
			color: #FFFFFF;
			border-color: #6ea1cc !important; 
			text-transform: uppercase;
			text-align: center;
			vertical-align: middle;  
			width: 10px;
			white-space: nowrap;
		}
		
		.data-table thead th a:link,
		.data-table tfoot th a:link {
			text-decoration: none;			
		}
		
		.data-table tfoot th:first-child {
			text-align: center;
		    vertical-align: middle;  
		}
		.data-table tbody td a:link {
			text-decoration: none;			
		}
		
		
		.index_button {
		    height:80px;
			width:100px;	
		}
		
		.nav_table {
			font-family: "Lucida Sans Unicode", "Lucida Grande", "Segoe Ui";
			font-size: 12px;
			text-align: center;
			border-collapse: collapse;	
		}
		
		.nav_table td,
		.nav_table th {
			background-color: transparent;
		}
		
		/* Navigation Buttons */
		.nav_table 	a {
			text-decoration: none;
			display: inline-block;
			padding: 0px 5px;
		}
		
		.nav_table_mid {
			width: 800px;
		}
		
		.nav_table_button {
			width: 100px;	
		}
		
		.nav_table button {
			background-color: rgba(220,240,255,0.8); 
			border: 2px solid #0099ff; 
			color: black;
			padding: 5px 5px;
			text-align: center;
			font-size: 14px;
			font-weight: bold;
			width: 100px;
			height: 50px;
			border-radius: 10px;
		}
		
		.nav_table button:hover {
			background-color: #0099ff;
			color: white;
		}
		
		
		
		.nowrap {
			white-space: nowrap;
		} 
		
		/* Order link ↕ styling */
		.order_direction {
			color: yellow;
			font-weight: bold;
			font-size: 15px;			
		}	
		
		
		/* NEXT - PREVIOUS Button styling */
		.page_button {
			background-color: #E2E2E2;
			color: red;
			font-weight: bold;
			font-size: 12px;
			border-radius: 10px;
			text-transform: uppercase;	
		}
		
		/* Current highlighted page styling */
		.current_page {
			color: red;
			font-size: 20px ;
			border-radius: 10px;			
			vertical-align: middle;  
			background-color: #E2E2E2;
			font-weight: bold;			
		}	

		/* All other page link styling */
		.overall_pages {
			color: green;
			font-size: 10px ;
			vertical-align: middle;  
			font-weight: bold;			
		}