/* 

STYLE SHEET FOR www.fit-heaven.ch
Created by Damien Cardinaux and Mehdi El Ghaziani
www.blueleaf.ch

ToC
	1.  defaults
	2.  structure
	3.  links
	4.  navigation
	5.  fonts
	6.  images
	7. 	forms
	8. responsive
	9. videos
	10. pagination

Notes

*/

/* --------- 1. defaults  --------- */

* {
	margin:0;
	padding:0;
}

body {
	background-color:#e6e6e6;	
}

ul, ol {
	margin:14px 0px;
	padding-left:40px;
}

h1 {
	/*padding-bottom:30px;*/
	/*background:url('/multimedia/images/structure/h1Border.png') no-repeat bottom left;*/
	/*height:10px;*/
	/*width:inherit;*/
	font-size:24px;
	/*color:#1d1d1b;*/
	color: #e52b38;
	/*margin-bottom:10px;*/
	margin-top: 0px;
}


.jumbotron2 h2 {
	margin-top: 5px;
}

h2 {
	font-size:18px;
}

label {
	font-weight:bold;
}

label:hover {
	cursor:pointer;
}

p {
	margin:5px 0px 10px;
	text-align:justify;
	font-family: "Trebuchet MS", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

a:link, 
a:visited,
a:hover,
a:active {
	color:#1d1d1b;
	text-decoration:none;
	font-weight:bold;
	font-family: "Trebuchet MS", "Helvetica Neue",Helvetica,Arial,sans-serif;
}

a:hover {
	color:#cd0611;
}

a.red:link, 
a.red:visited,
a.red:hover,
a.red:active {
	color:#e52b38;
}

a.red:hover {
	text-decoration:underline;
}

a.white:link, 
a.white:visited,
a.white:hover,
a.white:active {
	color:#FFFFFF;
	font-weight:normal;
}

a.white:hover {
	text-decoration:underline;
}

#content table {
	width: auto;
	height: auto;
}

#content table tr td {
	padding: 0px 20px 5px 0px;
	text-align: left;
	width: auto;
	vertical-align: top;
}

#content table tr td p {
	text-align: left;
	width: auto;
	margin-top: 0px;
}

/* -------- 2. structure  --------- */

div#container {
   min-height:100%;
   position:relative;
}

.jumbotron2 {
  background-color: #EEEEEE;
  color: inherit;
  margin-bottom: 0px;
  margin-top: 30px;
  padding: 30px;
}

.footerStyle {
  background-color: #ececec;
  color: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 30px;
  border-top: 1px solid #d2d2d2;
}

.footerStyle2 {
  background-color: #ececec;
  color: inherit;
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 0px 30px;
}

div#wrapper {
	padding-bottom:50px;   /* Height of the footer */
	min-height:730px;
}

div#wrapper {
	margin:0 auto;
	width:1280px;
}

div#footerWrapper {
	/*border-top:dotted 1px #333;*/
	/*margin-top:50px;*/
	/*margin-bottom:30px;
	min-height:120px;
	padding-bottom:20px;*/
}

div#footerWrapper > ul > li {
	float:left;
	margin-right:58px;
	min-height: 250px;
}

div#footerWrapper > ul > li.last {
	margin-right:0px;
}

div#footerWrapper > ul > li > a {
	/*text-transform:uppercase;*/
}

div#footerWrapper  > ul > li > ul > li {
  background: url("/multimedia/images/structure/list-2.png") repeat-x scroll 0 bottom rgba(0, 0, 0, 0);
  line-height: 18px;
  padding: 3px 0 8px;
 }

 div#footerWrapper  > ul > li > ul > li.last {
 	background-image: none;
 }

 div#footerWrapper  > ul > li > ul > li a {
  font-weight: normal;
  color: #686868;
  font-size: 12px;
}

div#footerWrapper > ul > li > a:link, 
div#footerWrapper > ul > li > a:visited,
div#footerWrapper > ul > li > a:hover,
div#footerWrapper > ul > li > a:active {
	line-height: 34px;
	margin-bottom: 15px;
	color:#272727;
	font-weight:bold;
	font-family: Arial,Helvetica,sans-serif;
}

div#footerWrapper  ul li a:hover {
	color:#e52b38;
}

#footer ul {
	list-style:none;
	margin:5px 0 0 0;
	padding:0 0 0 10px;
}

#footer ul ul {
	padding: 0px;
}

#footer table td, #footer table td a{
	color:#999999;
}

figure.left {
	float: left;
}

figure.left p.legend {
	margin: 0;
	font-style: italic;
}

@media (max-width: 767px) {
	figure.left {
		float: none;
	}	
	figure.left img {
		display: block;
		width: 100%;
	}
}

div#header {
	position:relative;
	width:1280px;
	height:185px;
}

div#logo {
	background:url('/multimedia/images/structure/logoweb.png') no-repeat top left;
	width:640px;
	height:72px;
	float: left;
	margin-top: 10px;
	z-index:100;
	margin-bottom: 10px;
}

div#slogan {
	font-style:italic;
	float:right;
	margin-right: 50px;
    margin-top: 50px;
}

div#mainContent, div#boxouts {
}

div#mainContent {
	width:960px;
	margin-right:50px;
	float:left;
}

div.content {
	width:960px;
}

div#content {
	margin-bottom: 40px;
}

div.header {
	padding:10px;
	background-color:#CCCCCC;
	border:1px dotted #666666;
	margin:0px 0px 20px;
	font-weight:bold;
}

div.element {
	/*width:700px;*/
	border-bottom:1px dotted #999999;
	margin-top:10px;
	padding-bottom:20px;
	margin-bottom:20px;
}

div.element.last {
	border-bottom: none;
}

div#boxouts {
	width:270px;
	float:left;
}

div.boxout {
	background:url('/multimedia/images/structure/boxoutBg.jpg') no-repeat top left;
	padding:15px;
	position:relative;
	margin-bottom:15px;
}

body.home .homeBoxouts div.boxout {
	height: 340px !important;
	overflow: hidden;
	margin-top: 30px;
}

body.home div#boxouts div.boxout {
	margin-top: 15px;
	margin-bottom: 30px;
}

div.boxout {
	text-align: center;
}

div#boxouts div.boxout {	
	width:267px;
	min-height: 75px;
}

div.boxout h1, div#contact h1 {
	color:#1b1b19;
	font-size:24px;
	padding-bottom:0px;
	background:none;
	height:auto;
	width:auto;
	padding-left:0px;
	text-align: left;
}

div.boxout h2 {
	color:#1b1b19;
	font-size:18px;
	margin-top:10px;
	text-align: left;
}

div.boxout p {
	margin-top:0px;
	color:#1b1b19;
	font-size:14px;
	text-align: left;
}

div.boxout a {
display: block;	
	text-align: left;
}

div.boxout a.red:link, 
div.boxout a.red:visited,
div.boxout a.red:hover,
div.boxout a.red:active {
	position:absolute;
	bottom:10px;
	right:15px;
}

div.boxout a.red.redMultiple:link,
div.boxout a.red.redMultiple:visited,
div.boxout a.red.redMultiple:hover,
div.boxout a.red.redMultiple:active {
	position:relative;
	bottom:auto;
	right:auto;
    display: block;
    width: 235px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

body.home div.boxout a.red.redMultiple {
    width: 360px !important;
}

div#contact {
	background:#FFFFFF url('/multimedia/images/structure/largeBoxoutBg.png') repeat-x bottom left;
	border:1px solid #d4d4d4;
	height:auto;
}

div#convention,
div#newsletters,
body.home div#contact {
	background:#f3f4f4 url('/multimedia/images/structure/largeBoxoutBg.png') repeat-x bottom left;
	border:1px solid #d4d4d4;
	height:auto;
}

div#content div#boxouts div#convention img {
	margin-top: 5px;
	margin-bottom: 5px;
}

div#content div#convention h2 {
	margin-bottom: 0px;
	font-size: 22px;
}

div#facebook {
	background:#FFFFFF url('/multimedia/images/structure/facebook.jpg') no-repeat top left;
	padding:10px;
	width:267px;
	height:75px;
}

div.map {
	position:relative;
	width:300px;
	height:300px;
	display:none;
}

div#facebook h2 {
	color:#FFFFFF;
	font-size:20px;
	margin-top:0px;
	margin-left:5px;
}

div#affiche, div#news {
	margin-bottom:15px;
}

div#news div.news {
	margin-bottom:30px;
}

div.date2 {
	font-family: Arial,Helvetica,sans-serif;
}

.date3 {
	font-size: 12px;
	font-style: italic;
}

div.date {
	background:url('/multimedia/images/structure/dateBg.png') no-repeat top left;
	width:46px;
	height:55px;
	float:left;
	padding-top:5px;
}

div#news div.news h2 {
	font-size:18px;
	margin-bottom:0px;
	min-height: 60px;
}

div.element h2 {
	font-size:18px;
	margin-left:0px;
	margin-bottom:5px;
	margin-top: 0px;
}

div.subElement {
	width:300px;
	float:left;
	margin-right:15px;
}

div#news div.news p {
	clear:both;
	margin-top:0;
	margin-bottom:5px;
}

div#news div.news a.more, a.more, a.back {
	float:right;
	font-weight: bold;
}

a.back {
	font-weight: normal;
	display: block;
	color:#e52b38;
	margin-bottom: 10px;
}

div.date div.day, 
div.date div.month {
	font-family:Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:24px;
	font-weight:bold;
	text-align:center;
}

div.date div.month {
	font-size:14px;
	line-height:14px;
}

div.date div.day {
	font-size:24px;
	line-height:24px;
}

div.member {
	width:300px;
	margin-right:50px;
	float:left;
	margin-top:15px;
}

div.member div.memberDetail {
	float:left;
	width:180px;
}

div#affiche {
	background:url('/multimedia/images/structure/afficheBg.jpg') no-repeat top left;
	width:315px;
	height:398px;
	float:left;
}

div#affiche div#topAffiche, div#affiche div#bottomAffiche {
	padding:15px;
}

div#affiche div#bottomAffiche {
	padding-top:10px;
	padding-bottom:5px;
	margin-right:45px;
	height:60px;
	overflow:hidden;
}

div#affiche div#bottomAffiche p,
div#affiche div#middleAffiche p {
	margin:0;
	padding:0;
	color:#FFFFFF;
	font-size:14px;
}

div#affiche div#middleAffiche p {
	padding:5px;
}

div#affiche div#middleAffiche a:link, 
div#affiche div#middleAffiche a:visited, 
div#affiche div#middleAffiche a:hover, 
div#affiche div#middleAffiche a:active {
  color: #FFFFFF;
  font-weight: normal;
  text-decoration: none;
}

div#affiche div#middleAffiche a:hover {
	text-decoration:underline;
}

div#affiche div#bottomAffiche p a.white {
	font-size:12px;
}

div#affiche div#middleAffiche {
	width:301px; 
	height:195px;
	margin:0px 7px;
	overflow:hidden;
}

div#affiche h1 {
	color:#FFFFFF;
	font-size:24px;
	padding-bottom:0px;
	background:none;
	height:auto;
	width:auto;
	padding-left:0px;
}

div#affiche h3 {
	color:#FFFFFF;
	font-size:14px;
	margin-top:5px;
}

/*div#footer {
	width:100%;
	height:34px;
	padding:8px 0px;
	position:absolute;
	bottom:0px;
	left:0px;
	z-index:100;
}*/

div#news {
}

div#newsImages h2,
div#newsDocs h2 {
	margin-top:30px;
	margin-bottom:15px;
}

div#poweredByBlueLeaf a {
	height:20px;
	float:right;
	border:none;
	margin-right:5px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight:normal;
	color: #424242;
}

/* -------- 4. navigation  -------- */
div.navbar {
	background-color: #4a575f;
	height: 84px;
	border-radius: 0px;
	margin-bottom: 40px;
	z-index: 2000;
}

.navbar-inverse {
    border-color: #4A575F;
}

.navbar-collapse {
  padding-left: 0px;
  padding-right: 0px;
}

div#menu {
	/*position:absolute;
	top:101px;
	left:0px;
	width:100%;
	height:84px;*/
}

#menu ul,
#menu ul li,
#menu ul ul {
	list-style:none;
	margin:0;
	padding:0;
}

#menu ul li {
	/*width:170px;*/
	float:left;
}

#menu ul li a {
	float:left;
	height:83px;
	/*width:140px;*/
	width:auto;
	/*padding:30px 15px;*/
	padding:30px 15px;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	border-right:1px solid #9f9f9f;
	border-left:1px solid #9f9f9f;
}

#menu ul li.first a {
	border-left:none;
}

#menu ul li.last a {
	border-right:none;
}

#menu ul li a:hover, #menu ul li a.selected, #menu ul li a.selected:hover, #menu ul li.active > a, #menu ul li.active > a:hover {
	background:url('/multimedia/images/structure/selectedBg.jpg') no-repeat top center;
}

#menu ul ul {
	visibility: hidden;
	position: absolute;
	top: 100%;
	/*left: 0;*/
	z-index: 598;
	/*width:230px;*/
	padding-top:40px;
	margin-top:-20px;
	background:url('/multimedia/images/structure/dropdownTopBg.png') no-repeat top center;
	border:none;
}

#menu ul ul:hover {
	/*background:url('/multimedia/images/structure/selectedHoverBg.png') no-repeat top center;*/
}

#menu ul ul li {
	float: none;
	display: block;
	width: 230px;
}

#menu ul li:hover > ul {
	visibility: visible;
}

#menu ul li li {
	border:none;
}

#menu ul li li a {
	float:left;
	display: block;
	height:36px;
	width:230px;
	padding:8px 15px;
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	border:none;
	background-color:#4a575f;
}

#menu ul li li a:hover, #menu ul li li a.selected, #menu ul li li a.selected:hover {
	background:none;
	background-color:#e52b38;
}

#subMenu {
	width:220px;
	margin-right:35px;
	float:left;
	margin-top:10px;
}

#subMenu h2 {
	color:#1b1b19;
	font-size:18px;
	margin-bottom:7px;
}

#subMenuTop {
	width:220px;
	height:20px;
}

#subMenuMiddle {
	width:220px;
	border-right:1px dotted #666666;
}

#subMenuBottom {
	width:220px;
	height:20px;
}

#subMenu ul,
#subMenu ul li,
#subMenu ul ul {
	list-style:none;
	margin:0;
	padding:0;
}

#subMenu ul li {
	padding-top:5px;
	padding-bottom:5px;
}

#subMenu ul li a.selected {
	color:#b9020c;
	background:#e6e6e6 url('/multimedia/images/structure/subMenuSelected.png') no-repeat 0px 1px;
	padding-left:20px;
}

.slicknav_menu {
  background: none repeat scroll 0 0 #4A575F;
  z-index: 2000;
}

.slicknav_menu a:link, .slicknav_menu a:visited, .slicknav_menu a:hover, .slicknav_menu a:active {
  color: #FFFFFF;
}


/* ---------- 5. fonts  ----------- */

body {
	font-family: "Trebuchet MS", "Helvetica Neue",Helvetica,Arial,sans-serif;
	color:#1d1d1b;
	font-size:14px;
}

.redFont {
	color:#e52b38;
}

/* --------- 6. images  ---------- */

img.left {
	float:left;
	border:1px solid #1d1d1b;
	margin-right:35px;
	margin-bottom:35px;
}

div.image img.left {
	margin-right:15px;
}

img.right {
	float:right;
	border:1px solid #1d1d1b;
	margin-left:35px;
	margin-bottom:35px;
}

div#content img {
	margin-top:20px;
	margin-bottom:20px;
}

div#content div.member img {
	float:left;
	margin-top:0px;
	margin-right:7px;
}

.floatImg2 {
	margin: 0 2% 2% 0 !important;
	margin-top: 5px !important;
}

.bannerImg {
	width: 100%;
}

/* --------- 7. forms  ---------- */

input[type=text],
input[type=password],
input[type=email]{
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	width:90%;
}

input[type=text]:focus,
input[type=password]:focus{
	border-color:#B9020C;
	-moz-box-shadow:0 0 3px #0459b7;
	-webkit-box-shadow:0 0 3px #0459b7;
	outline:none; /* Pour enlever le contour jaune lorsque l'on s�lectionne un input dans Chrome */
}

input[type=submit],
a.submit{
	background:#4b5860;
	border:1px solid #000000;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
}

input[type=submit]:hover,
a.submit:hover{
	background:#e62c39;
	border-color:#121210;
	text-decoration:none;
}
input[type=submit]:active,
input[type=submit]:focus,
a.submit:active,
a.submit:focus{
	background:#B9020C;
	border-color:#121210;
	outline:none;
}

div.formMessageKo {
	color:#FF0000;
}

div.formMessageOk {
	font-weight:bold;
}

#fieldWrap_5 {
	width:150px;
	float:left;
}

#fieldWrap_6 {
	width:389px;
	float:left;
	margin-bottom:10px;
}

#fieldWrap_10, #fieldWrap_7, #fieldWrap_8, #fieldWrap_9 {
	width:100%;
	clear:both;
	margin-bottom:20px;
}

#fieldWrap_10 .controls, #fieldWrap_7 .controls, #fieldWrap_8 .controls, #fieldWrap_9 .controls{
	padding-left:20px;
}

#fieldWrap_10 label.control-label, #fieldWrap_7 label.control-label, #fieldWrap_8 label.control-label, #fieldWrap_9 label.control-label{
	color:#e52b38;
	text-align:left;
}

#fieldWrap_8 #subtitle {
	width:100%;
	float:left;
	color:#1D1D1B;
}

#fieldWrap_8 .controls .checkbox {
	float:left;
	width:45%;
	margin-right:26px;
}


/* --------- 8. responsive  ---------- */

@media only screen and (max-width: 1200px) and (min-width: 994px) {
	#menu ul li a {
	  border-left: 1px solid #9F9F9F;
	  color: #FFFFFF;
	  float: left;
	  font-size: 16px;
	  font-weight: normal;
	  height: 83px;
	  padding: 30px 15px;
	  text-align: center;
	  text-decoration: none;
	  width: auto;
	}

	div#footerWrapper > ul > li:nth-child(3),
	div#footerWrapper > ul > li:nth-child(4),
	div#footerWrapper > ul > li:nth-child(5) {
		display: none;
	}

	div#footerWrapper > ul > li {
		margin-right:155px;
	}
}

@media only screen and (max-width: 993px) and (min-width: 768px) {
	#menu ul li a {
	  font-size: 12px;
	  padding: 30px 8px;
	  border-right: none;
	}

	div#slogan {
		display: none;
	}

	div#footerWrapper > ul > li:nth-child(3),
	div#footerWrapper > ul > li:nth-child(4),
	div#footerWrapper > ul > li:nth-child(5) {
		display: none;
	}

	div#footerWrapper > ul > li {
		margin-right:90px;
	}

	div#content .col-md-9 {
		margin-bottom: 30px;
	}

}

@media only screen and (max-width: 767px) {
	#menu ul li a {
	  font-size: 12px;
	  padding: 30px 5px;
	  border-left: none;
	  border-right: none;
	}

	div#slogan {
		display: none;
	}

	div#logo {
		background-size: 100%;
		width: 100%;
		height: 80px;
	}

	#menu ul li {
	  float: none;
	  background-color: #4a575f;
	  z-index: 1000;
	}

	#menu ul li a {
		float: none;
		width: 100%;
	}

	#menu ul li a:hover, #menu ul li a.selected, #menu ul li a.selected:hover, #menu ul li.active > a, #menu ul li.active > a:hover {
	  background-image: none;
	  background-color: #e6e6e6;
	  color:  #4a575f;
	}

	div.boxout {
		float: left;
		margin-right: 20px;
		margin-top: 30px;
	}

	div.boxout:nth-child(2n) {
		float: right;
		margin-right: 0px;
	}

	div#facebook {
	  margin-right: 0px;
	  float: right;
	}

	div#poweredByBlueLeaf {
		clear: both;
		float: right;
	}

	div#footerWrapper > ul > li:nth-child(3),
	div#footerWrapper > ul > li:nth-child(4),
	div#footerWrapper > ul > li:nth-child(5) {
		display: none;
	}

	div#footerWrapper > ul > li {
		margin-right:50px;
	}
}

@media only screen and (max-width: 445px) {
	h1 {
	  font-size: 18px;
	}

	div#logo {
	  background-size: 100% auto;
	  height: 50px;
	  width: 100%;
	}

	div#footerWrapper > ul > li {
		width: 35%;
		margin-top: 20px;
	}

	div#footerWrapper > ul > li:nth-child(1),
	div#footerWrapper > ul > li:nth-child(6) {
		margin-right: 80px;
	}

	
	div#footerWrapper > ul > li:nth-child(2),
	div#footerWrapper > ul > li.last {
		margin-right: 10px;
	}

	div#footerWrapper > ul > li {
		margin-right:0px;
		width: auto;
	}

	
}

@media only screen and (max-width: 600px) {
	div.boxout {
		float: left !important;
	}
}

.slicknav_menu {
	display:none;
}

@media screen and (max-width: 767px) {
	/* #menu is the original menu */
	#menu {
		display:none;
	}
	
	.slicknav_menu {
		display:block;
	}

	div#boxouts div.boxout {
		display: none;
	}

	div#boxouts div#convention {
		display: block;
	}
}

/* --------- 9. videos  ---------- */
div.video {
	min-height: 265px;
}

.kmt-form-author ul, .commentList ul {
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}

.kmt-form-author ul li {
	float:left;
	width:40%;
	margin-bottom:20px;
}

#commentInput {
    height: 110px;
    overflow: auto;
    resize: none;
    width: 100%;
	background: rgba(255, 255, 255, 0.9);
	background:-moz-linear-gradient(90deg, #fff, #eee); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#eee), to(#fff), color-stop(0.2, #fff)); /* Webkit */
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	margin-bottom:20px;
}

.QapTcha .Slider {
    background: url("/multimedia/images/structure/bg_draggable_qaptcha.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0) !important;
    height: 21px !important;
    width: 29px !important;
}
.QapTcha .bgSlider {
    height: 21px !important;
    width: 221px !important;
}

.kmt-title {
	background-color:#4A575F;
	padding:5px 10px;
	color: #FFFFFF;
    font-size: 18px;
}

.km-author {
	color:#272727;
}

.kmt-time {
	font-size:12px;
	font-style:italic;
}

.kmt-content {
	border-bottom: 1px dotted #999999;
	padding-bottom:10px;
	margin-top:20px;
}

/* --------- 10. pagination  ---------- */
.pagination {
  height: 40px;
  margin: 20px 0;
  width: 100%;
}

.pagination ul {
	padding-left: 0px;
  display: inline-block;
  *display: inline;
  margin-bottom: 0;
  margin-left: 0;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  *zoom: 1;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.pagination ul > li {
  display: inline;
}

.pagination ul > li > a,
.pagination ul > li > span {
  float: left;
  padding: 0 14px;
  line-height: 38px;
  text-decoration: none;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-left-width: 0;
}

.pagination ul > li > a:hover,
.pagination ul > .active > a,
.pagination ul > .active > span {
  background-color: #f5f5f5;
}

.pagination ul > .active > a,
.pagination ul > .active > span {
  color: #999999;
  cursor: default;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover {
  color: #999999;
  cursor: default;
  background-color: transparent;
}

.pagination ul > li:first-child > a,
.pagination ul > li:first-child > span {
  border-left-width: 1px;
  -webkit-border-radius: 3px 0 0 3px;
     -moz-border-radius: 3px 0 0 3px;
          border-radius: 3px 0 0 3px;
}

.pagination ul > li:last-child > a,
.pagination ul > li:last-child > span {
  -webkit-border-radius: 0 3px 3px 0;
     -moz-border-radius: 0 3px 3px 0;
          border-radius: 0 3px 3px 0;
}

.pagination-centered {
  text-align: center;
}

.pagination-right {
  text-align: right;
}