/* ---------------------------------------------------------------------------- next / previous */		

.nextPreviousWrap
	{
	background-color:transparent;
	
	display:table;

	/*width:500px; */
	width:34em;

	height:2em;
	line-height:2em;

	/*vertical-align:middle;*/
	text-align:center; 
    vertical-align:middle;

	margin-top:15px; 
	margin-bottom:5px;

	font-family: "Lucida Console", Monaco, monospace;

	font-size:14px;

	color:#535061;	
	}

@media (max-width: 500px) 
	{
		.nextPreviousWrap 
			{
			width: 100%;
			}
	}

.nextPreviousRow
	{
	display:table-row;
	background-color:transparent;
	}

.nextPreviousCell
	{
	display:table-cell;
	width:1.5em;
	background-color:transparent;

	-moz-box-sizing:		border-box;
	-webkit-box-sizing:		border-box;
	-ms-box-sizing:			border-box;
	box-sizing:					border-box;

	/* debug */
	/*
	border-style:solid;
	border-width:1px;
	border-color:#000;
	*/
	}

.nextPreviousCell.spacer
	{
	width:5px!IMPORTANT;
	background-color:transparent;
	}

.nextPreviousRow > div.nextPreviousNav
	{
	display:table-cell;
	width:2em;
	background-color:transparent;
	padding: 0 3px 0 3px;
	color:#535061;
	text-align:center; 
    vertical-align:middle;
	}

div.nextPreviousNav.buff
	{
	background-color:transparent;
	}


/* current page */
.nextPreviousRow > div.nextPreviousNav span
	{
	/*background-color:red;*/
	color:#e34531;
	/*background:green;
	border: 1px green solid;*/
	}

.nextPreviousRow > div.navEndEmpty
	{
	width:2em!important;
	background-color:transparent;
	}

/* ---------------------------------------------------------------------------- hrs */

.nextPreviousHr
	{
	float:left;
	width:410px;	
	}

#nextPreviousHrTop
	{
	}

#nextPreviousHrBottom
	{
	margin-bottom:2px;
	}

/* ---------------------------------------------------------------------------- spacing */
/*
a.firstArrow, a.previousArrow
	{
	padding-right:5px;
	}

a.lastArrow, a.nextArrow
	{
	padding-left:5px;
	}
*/
/* ---------------------------------------------------------------------------- images */
div.firstArrow, div.firstArrow.ghost:hover
	{
	background: url("/images/icons/firstArrowWhite.svg") center center / 50% no-repeat scroll #3f4c6b!important;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

div.lastArrow, div.lastArrow.ghost:hover
	{
	background: url("/images/icons/lastArrowWhite.svg") center center / 50% no-repeat scroll #3f4c6b!important;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

div.previousArrow, div.previousArrow.ghost:hover
	{
	background: url("/images/icons/previousArrowWhite.svg") center center / 50% no-repeat scroll #3f4c6b!important;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

div.nextArrow, div.nextArrow.ghost:hover
	{
	/* background: color image repeat attachment position 
	
	
	background: [background-image] [background-position] / [background-size] [background-repeat] [background-attachment] [background-origin] [background-clip] [background-color];
	*/
	background: url("/images/icons/nextArrowWhite.svg") center center / 50% no-repeat scroll #3f4c6b!important;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	}

/* hover */
div.firstArrow:hover
	{
	background: url("/images/icons/firstArrowWhite.svg") center center / 50% no-repeat scroll #5d719f!important;
	}

div.lastArrow:hover
	{
	background: url("/images/icons/lastArrowWhite.svg") center center / 50% no-repeat scroll #5d719f!important;
	}

div.previousArrow:hover
	{
	background: url("/images/icons/previousArrowWhite.svg") center center / 50% no-repeat scroll #5d719f!important;
	}

div.nextArrow:hover
	{
	background: url("/images/icons/nextArrowWhite.svg") center center / 50% no-repeat scroll #5d719f!important;
	}

/* ---------------------------------------------------------------------------- hrefs */

.nextPreviousWrap a:link
	{
	text-decoration:none;
	/*color:#979797!important;*/
	color:#535061!important;
	}	

.nextPreviousWrap a:visited
	{
	text-decoration:none;
	color:#535061!important;
	}

.nextPreviousWrap a:focus
	{
	text-decoration:none;
	color:#535061!important;
	}

.nextPreviousWrap a:hover
	{
	text-decoration:none;
	color:#535061!important;
	}

.nextPreviousWrap a:active
	{
	text-decoration:none;
	color:#535061!important;
	}

.nextPreviousHRef
	{
	/*font-size:12px;*/
	}

/* ---------------------------------------------------------------------------- ghost */
.ghost
	{
	opacity: 0.5;
	}

/*
.navEnd.ghost
	{
	width:10%!important;
	}
*/