ul.pagination{
	margin:0px;
	padding:0px;
	height:auto;
	overflow:hidden;
	font:16px 'Tahoma';
	list-style-type:none;

}

ul.pagination li.details{
    padding:0px;
    font-size:0px;
}

ul.pagination li.dot{padding: 3px 0;}

ul.pagination li{
	float:left;
	margin:0px;
	padding:0px;
	margin-left:3px;
}

ul.pagination li:first-child{
	margin-left:0px;
}

ul.pagination li a{
	color:black;
	display:block;
	text-decoration:none;
	padding:7px 10px 7px 10px;
}

ul.pagination li a img{
	border:none;
}
	    
.records {
width:200px;
margin: 5px;
padding:2px 5px;

float:left;
}

.record {
color: #474747;
margin: 5px 0;
padding: 3px 5px;
cursor: pointer;
letter-spacing: 2px;
}
.record:hover {
background:#D3D2D2;
}


.round {
-moz-border-radius:8px;
-khtml-border-radius: 8px;
-webkit-border-radius: 8px;
border-radius:8px;    
} 
ul.pagination li.details{
color:#888888;
}

ul.pagination li a
{
	color:#FFFFFF;
	border-radius:5px;	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

ul.pagination li a
{
	color:#474747;
	border:solid 1px #B6B6B6;
	padding:6px 9px 6px 9px;
	background:#E6E6E6;
	background:-moz-linear-gradient(top,#ffffff 1px,#F3F3F3 1px,#E6E6E6);
	background:-webkit-gradient(linear,0 0,0 100%,color-stop(0.02,#FFFFFF),color-stop(0.02,#F3F3F3),color-stop(1,#E6E6E6));
}	

ul.pagination li a:hover,
ul.pagination li a.current
{
	background:#008CBA; color:#FFF;
}       

/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991.98px) {
	ul.pagination li{
		font-size: 20px;
	}
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767.98px){ 
	ul.pagination li{
		font-size: 11.8px;
	}
}

/*Extra small devices (portrait phones, less than 576px)*/
@media (max-width: 575.98px) {
	ul.pagination li{
		font-size:8px;
		padding:0;
	}	
}
@media (max-width: 400px) {
	ul.pagination li{
		font-size:4px;
		padding:-10px;
		font-weight: bold;
	}	
}