/* Routes.css */

.noRoutes {
	font-style: italic;
}

.route#content {
   margin-top: 30px;
}

.route #mainColumn {
	width: 720px;
	margin-right: 20px;
	float: left;
}

.route #rightColumn {
	width: 230px;
	float: left;
	position: relative;
	top: 44px;
}

#createRouteButton {
   width: 100%;
   margin: 0 auto 35px auto;
   padding:0;
   float: none;
}

#createRouteButtonLarge {
   width: 300px;
   margin: 20px auto 50px auto;
   float: none;
}

.routesInfoBox .icon {
   float: right;
   margin: 0 0 20px 20px;
}

.routesInfoBox h3 {
   margin-bottom: 20px;
}

.route #profileStatsBox {
	width: 210px;
	margin-bottom: 30px;
}

.route #routeDetailSummary h3 {
	margin-top: 3px;
	width: 210px;
}

.route #profileStatsWindow {
	background-color:#444;
	-webkit-border-radius:5px;
	text-align:center;
	border-radius:5px;
	width: 180px;
	height: 61px;
	position: relative;
	margin: 10px auto;
}

.route #profileStatsWindow .unitText {
	font-size:.6em;
}

.profileStatsRow {
	width: 206px;
	padding: 0;
	clear: both;
	margin: 12px auto;
}

#routeDetailSummary label {
   display: block;
	margin: 16px 0 5px;
}

#routeDetailSummary label.checker {
   float: left;
}

#routeDetailSummary input[type="text"] {
   width:95%;
}

#routeDetailSummary textarea {
   width: 95%;
   resize: vertical;
   padding: 3px;
}

#routeDetailSummary .selector{
	float: none;
}

#makeRoutePublicButton {
   display: block;
   margin: 10px auto;
   width: 150px;
}

#routeActivityList {
	border-top: 1px solid #DDD;
	padding: 3px 0 0 0;
}

#routeActivityList #routeActivityIcon {
	float: left;
	margin-right: 10px;
}

#routeActivityList #routeActivityListItem:hover {
	background: #DDD;
	cursor: pointer;
}

#routeActivityListDate {
	margin: 3px 0 0 0;
}

#routeActivityListTime {
	margin: 5px 0 0 0;
	position: relative;
	top: 2px;
}

#routeDetailSummary .checker {
   top: 12px;
}

#deleteRouteLink {
   position:absolute;
   bottom:5px;
   right:5px;
   line-height:14px;
}