/**
* CSS themes for simplePagination.js
* Author: Flavius Matis - http://flaviusmatis.github.com/
* URL: https://github.com/flaviusmatis/simplePagination.js
*/

ul.simple-pagination {
	display: inline-flex;
  padding-top: 1em;
  margin-top: 2em;
}

.simple-pagination li {
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}
span.ellipse.clickable {
	font-family: Roboto;
  font-weight: 300;
  color: #97A3BC;
  border: 1px solid #97A3BC;
}

.ellipse input {
	width: 3em;
}

/*------------------------------------*\
	Compact Theme Styles
\*------------------------------------*/

.compact-theme a, .compact-theme span {
	font-family: Roboto;
  font-weight: 300;
  letter-spacing: 1px;
  color: #97A3BC;
  float: left;
  padding: .7em 1.1em;
  text-decoration: none;
  transition: background-color .2s;
  border: 1px solid #97A3BC;
}

.compact-theme a:hover {
	text-decoration: none;
	border-color: #3EB895; /* Old browsers */
}

.compact-theme li:first-child a, .compact-theme li:first-child span {
	border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

.compact-theme li:last-child a, .compact-theme li:last-child span {
	border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

.compact-theme .current {
	color: #3EB895;
  border-color: #3EB895;
}

.compact-theme .ellipse {
  padding: .7em 1em;
	cursor: row-resize;;
}