@charset "utf-8";
/* CSS Document */

.paginate { font-size:10px !important; font-family:Arial !important; }
	ul.pagination li.details{
	   color:#006C6C;
	}
	
	ul.pagination li a
	{
		color:#FFFFFF;
		border-radius:3px;	
		-moz-border-radius:3px;
		-webkit-border-radius:3px;
		border:1px solid #6B6B6B;
	}
	

	
	ul.pagination li a:hover,
	ul.pagination li a.current
	{
		background:gray;
		
	}
	.paginate input[type=button] { color:#474747;
		border:solid 1px #6B6B6B;
		padding:0px 6px 2px 6px;
		background:gray;
		
		 height:20px; margin-top:0px; line-height:12px; font-size:10px; margin-left:0px; cursor:pointer;
	}
	.paginate input[type=button]:hover
	{
			border:1px solid #6B6B6B; background:blue; color:white !important;
	}
	.paginate input[type=text]
	{
			border:solid 1px #6B6B6B;
			line-height:normal !important;
	}
	.paginate input[type=text]:focus { border:1px solid green;font-weight:BOLDER; color:#060;}
	ul.pagination li a:active, .paginate input[type=button]:active { background:#BFFFBF; border:1px solid #62C267}
	
	
	
	ul.pagination{
		margin: auto;
		padding:0px;
		height:100%;
		overflow:hidden;
		font:11px 'Tahoma';
		color:#006A6A;
		list-style-type:none;	 
		
		 
	}   
	
	ul.pagination li.details{
		
		padding:5px 2px 5px 2px;
		color:black;
		vertical-align:middle;
		font-size:10px;
	}
	
	ul.pagination li.dot{padding: 3px 0;}
	
	ul.pagination li{
		float:left;
		margin:0px;
		padding:0px;
		color:black;
		margin-left:5px;
	}
	
	ul.pagination li:first-child{
		margin-left:0px;
	}
	
	ul.pagination li a{
		color:black;
		background:#ccc;
		vertical-align:middle;
		display:block;
		text-decoration:none;
		padding:2px 5px 2px 5px;
	}
	
	ul.pagination li a img{
		border:none;
	}
	 .paginate { margin-top:5px; margin-left:1%; margin-right:1%;   margin-bottom:0px; text-align:right;}
	 .paginate input[type=text] { width:40px; height:20px; font-size:10px; padding:2px 3px; }
	 
	 
/*=================(order by)========================*/	 
#OrderBy 
	{ 
		line-height:11px; width:100%; 
		
        height:auto;
		margin:-1px; 
	
     display:inline-block !important; 
	 overflow:hidden !important; 
	 cursor:pointer; margin:0px; padding:0px;text-align:justify
	
	}
	
	@media print
    {	
	  #OrderBy , #OrderBy * { background:none !important; color:black !important;}	
	}
	
* #OrderBy:hover { text-decoration:underline !important; }
#OrderBy span
{ 
		background:url(../SpiTechImages/Sort.png) no-repeat center;
		padding-left:9px; float:right;
}