#container-padding-fix{
	padding: 0 15px;
}

.hyphen{
	-ms-word-break: break-all;
	word-break: break-all;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
	text-overflow:ellipsis;
	overflow:hidden;
}

.elipses{
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}

caption, .title{
	font-size: 24px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 10px;
}

.subheading{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	margin-bottom: 8px;
}

.comment{
	text-align: left;
}

.comment-user{
	font-size: 14px;
}

.comment-date{
	font-size: 8px;
	padding-left: 5px;
	margin-bottom: 3px;
}

.comment-text{
	font-size: 12px;
	padding-left: 10px;
}

#comments{
	overflow-y: auto;
	max-height:428px;
}

.on-time{
	float: left;
	background: none repeat scroll 0 0 #86ec89;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	moz-border-top-left-radius: 20px;
	moz-border-bottom-left-radius: 20px;
}

.lates{
	float: right;
	background: none repeat scroll 0 0 #d60e0e;
	border-top-right-radius: 20px;
	border-bottom-right-radius: 20px;
	moz-border-top-right-radius: 20px;
	moz-border-bottom-right-radius: 20px;
	overflow: auto;
	text-align: right;
}

.bar-100-on-time{
	float: left;
	background: none repeat scroll 0 0 #86ec89;
	border-radius: 20px;
	moz-border-radius: 20px;
}

.bar-100-lates{
	float: right;
	background: none repeat scroll 0 0 #d60e0e;
	border-radius: 20px;
	moz-border-radius: 20px;
	overflow: auto;
	text-align: right;
}

.on-time p{
	color: #86ec89;
	padding-left: 10px;
}

.lates p{
	color: #d60e0e;
	padding-right: 10px;
}

.bar-100-on-time p{
	color: #86ec89;
	padding-left: 10px;
}

.bar-100-lates p{
	color: #d60e0e;
	padding-right: 10px;
}

.on-time p:hover, .lates p:hover{
	color: black;
	cursor: pointer;
}

.bar-100-on-time p:hover, .bar-100-lates p:hover{
	color: black;
	cursor: pointer;
}

#sel-page{
	color: black;
}

.text-centre, .title{
	text-align: center;
}

@-moz-document url-prefix(){
	#nearby{
		height: 31px;
	}
}

.carousel-control.left, .carousel-control.right{
	background-image: none;
}

.glyphicon{
	color: black;
}

#pagination{
	text-align: center;
}

.alert{
	text-align: center;
}

.pagination > li > a, .pagination > li > span {
	padding: 6px 10px;
}