/*

<div class="pagination">
			<h:commandLink />

			<h:commandLink />
			
			<h:inputHidden value="" />
    		<span id="navigationText">
    		<h:outputLabel value="page" /> 
    		<h:inputText styleClass="nav" value="1"  >
			</h:inputText> 
			<h:outputLabel value="of" /> 
    		<h:outputLabel style="margin-left:0.7em;" value="1" />
			</span>

			<h:commandLink />

			<h:commandLink />
		</div>

*/

/*Ashland Inc Custom Pagination css*/
div.pagination { text-align: center; font-size: 1em !important }
	div.pagination span.navigation { margin: .5em; vertical-align:bottom }
		div.pagination span.navigation input[type="text"] { font-size: 1em !important; vertical-align: bottom }
		div.pagination span.navigation .nav { width: 1.75em; vertical-align: middle; margin: .5em; }
.pagination-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; width: 16px; height: 16px; background-image: url("/ai-vendor-inquiry/javax.faces.resource/arrows.png.xhtml?ln=images"); }

.pagination-icon-seek-first { background-position: -80px -160px; }
.pagination-icon-seek-prev { background-position: -48px -160px; }   
.pagination-icon-seek-next { background-position: -32px -160px; }
.pagination-icon-seek-end { background-position: -64px -160px; }   

/*Ashland Inc. jQuery Buttons Extension */
.pagination-button {
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border: 1px solid threedlightshadow;
	background: buttonface;
	font: 11pt Calibri, Tahoma, Arial;
	font-weight: normal;
	color: buttontext;
	text-decoration: none;
	outline: none;
	padding: .2em .2em .2em .2em;
	margin: .2em .2em .2em .2em;
	overflow: hidden;
	display:inline-block;
	vertical-align: middle;
}

a.pagination-button:hover {
	border: 1px solid threeddarkshadow;
	text-decoration: none;
}

a.pagination-button:active {
	border: 1px solid threedlightshadow;
	background: buttonshadow;
}

/* 
when a commandLink is "disabled", jsf renders a span instead of a link.  Thus, 
when you want to style disabled buttons you need to create a style for span.<classname>
 */
span.pagination-button {
	opacity: 0.4;filter:Alpha(Opacity=40);
}

span.pagination-icon {float: left;}