/* CleverRun StyleSheet */

	/* Common */
	body {
		margin:0;
		padding:0;
	}
	
	.main {
		margin: 0 auto;
	}

	/* hack to make footer stick far down page on short pages, without breaking stuff

		tried this: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/
		but:
			- causes very slow srolling in iOS 5.1 (body { height: 100%; } )
			- slight double scroll bar issue in Firefox with jQuery dialog overlay ( html { height: 100% } )
	*/

	
	html, body {
		height: 100%;
	}
	#wrap {
		min-height: 100%;
		height: auto !important;
		height: 100%;
		margin: 0 auto -50px;
		overflow: visible;

		background: #1D7DC0;
	}
	.push, #footer {
		height: 48px;
	}
	#footer {
		border-top: 2px solid #ddd;
		background-color: #e9e9e9; /* footer color */
		background-image: url("/images/bright_squares.png");
	}
	#footer a:link, #footer a:visited {
		color: #6c665e;
	}
	#footer .container {
		padding-top: 12px;
	}

	/* Headings */
	h1 {
		font-size: 16pt;
	}
	h1.logo, h1.front_logo {
		font-family: "Permanent Marker", cursive;
	}
	.navbar h1.logo {
		margin-left: 0;
	}
	.navbar h1.logo {
		margin-top: 0;
		margin-bottom: 0;
		font-size:24pt;
		line-height: 30px;
		padding: 0 0;
	}
	.logo-left {
		color: black;
	}
	.logo-right {
		color: orange;
	}
	.logo a:link, .logo a:visited {
		text-decoration: none;
	}
	h1.front_logo {
		font-size:56pt;
		margin-top: 10px;
		padding: 40px;
	}
	.navbar h1.logo .subtitle {
		font-size: 12pt;
		color: black;
	}
	@media only screen and (max-width: 500px) {
		h1.front_logo {
			font-size: 24pt;
			margin-top: 0;
			padding-top: 0;
		}
		.navbar h1.logo {
			font-size: 20pt;
		}
	}
	h2, h3 {
		margin-bottom: 4px;
	}
	h3 {
		font-size: 14pt;
		line-height: 16pt;
		margin-top: 0;
	}
	h3 span, .inline_title {
		padding: 0 4px;
		background: black;
		color: white;
		position: relative;
		margin-right: 3pt;
		top: 1px;
		-webkit-border-top-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-topleft: 3px;
		-moz-border-radius-bottomright: 3px;
		border-top-left-radius: 3px;
		border-bottom-right-radius: 3px;
	}
	.inline_title {
		padding:3px;
		line-height: 200%;
		margin:3px;
		margin-left:3px;
	}

	.navbar-inner {
		background: #eee url("/images/square_bg.png");
		background: url("/images/square_bg.png"), -moz-linear-gradient(top, #fff 0%, #dde 100%);
		background: url("/images/square_bg.png"), -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#dde)); /* Chrome,Safari4+ */
		background: url("/images/square_bg.png"), -webkit-linear-gradient(top, #fff 0%,#dde 100%); /* Chrome10+,Safari5.1+ */
		background: url("/images/square_bg.png"), -o-linear-gradient(top, #fff 0%,#dde 100%); /* Opera 11.10+ */
		background: url("/images/square_bg.png"), -ms-linear-gradient(top, #fff 0%,#dde 100%); /* IE10+ */
		background: url("/images/square_bg.png"), linear-gradient(top, #fff 0%,#dde 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ddddee',GradientType=0 ); /* IE6-9 */
	}
	
	.main, .user_message {
		width:100%;
		max-width:960px;
		padding: 0;
	}
	.user_message {
		max-width:940px;
		margin: 0 auto;
	}
	.navbar-inner {
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
	}
	.navbar {
		position:relative;
		margin: 0;
	}
	@media (max-width: 979px) {
		.container { /* override stupid Bootstrap default */
			 width:97%; 
		}
	}
	.nav > li > a:hover {
		color: black;
	}
	.main {
		padding-top: 20px;
	}
	.main_fillet { padding-bottom: 10px; }

	@media only screen and (max-device-width: 568px) { /* 568px = effective iPhone 5 height */
		.container h1 { padding: 0 }
		#more_features_btn { display: none }
	}

	.narrow { display: none; } /* for compatibility, IE8 and lower don't support @media queries http://caniuse.com/#feat=css-mediaqueries */
	@media only screen and (max-width: 600px) {
		.wide { display: none; }
		.narrow { display: inline; }
	}

	/* Advert Units */
	.ad720 { margin: 50px auto 0; width: 728px }
	@media only screen and (max-width: 767px) {
		.ad720 { display: none; }
	}

	/* Menu */
	.menu, .settings {
		background-color: #0063ff;
		color: white;
		-webkit-border-bottom-left-radius: 3px;
		-webkit-border-bottom-right-radius: 3px;
		-moz-border-radius-bottomleft: 3px;
		-moz-border-radius-bottomright: 3px;
		border-bottom-left-radius: 3px;
		border-bottom-right-radius: 3px;	
	}
	.settings a:link, .settings a:visited {
		color: #444;
		text-decoration: none;
	}
	.settings:hover, .settings:hover a:link, .settings:hover a:visited {
		background-color: black;
		color: white;
	}
	.settings {
		background-color: #ddd;
		margin-right: 3px;
	}
	.menu, .settings {
		padding: 10px;
		float:left;
	}
	.menu_section {
		margin-top:0;
	}

	/* last run */
	.plus { color: green } /* improvement on last run */
	.negative { color: red } /* slower compared to last run */
	.last_run, .cmp_run, .key {
		float: left;
		padding: 0;
		margin-top: 10px;
	}

	.last_run, .cmp_run, .key, .calendar_div, .pace_div, .full_width_box, .menu, .settings {
		-moz-box-shadow:3px 3px 6px rgba(68, 68, 68, 0.2);
		-webkit-box-shadow:3px 3px 6px rgba(68, 68, 68, 0.2);
		box-shadow:3px 3px 6px rgba(68, 68, 68, 0.2);
	}
	.last_run, .cmp_run, .key, .calendar_div, .pace_div, .full_width_box {
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		background-color: white;
		background-image: url("/images/handmadepaper.png");
	}
	.transparent_box :link, .transparent_box :visited {
		color:white;
	}

	.last_run_inner, .key_inner, .padding_inner {
		padding: 5px;
	}

	.cmp_run_inner {
		padding-right: 5px;
	}
	.new_pb {
		background-color: orange;
		color: white;
		padding: 2px;
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		vertical-align: super;
	}

	/* Calendar */
	a.calendar_item:link, a.calendar_item:visited { color: black; }

	.calendar td, .pace_table td {
		border: 1px solid gray;
		vertical-align: top;
	}
	
	.pred_header {
		border-bottom: 1px solid gray;
	}
	
	.calendar th, .calendar td, .calendar .activity {
		padding: 4px;
	}

	.calendar_div, .pace_div, .full_width_box, .transparent_box {
		border: 0;
		width: 100%;
		margin-top: 20px;
	}

	.pace_table_container {
		overflow-x: auto;
		width:100%;
	}

	.full_width_box.tab-pane {
		margin-top: 0;
	}

	.calendar_div, .pace_div, .full_width_box {
		padding: 0;
	}
	.calendar, .pace_table {
		border-collapse:collapse;
		font-size:10pt;
		width: 100%;
	}
	.pace_table { width: 100%; }
	@media only screen and (max-width: 500px) {
		.calendar, .pace_table { font-size: 8.5pt; }
		.main_fillet, #footer { padding-bottom: 8px; }
		h3 span {
			padding: 0 5px;
		}
	}
	@media only screen and (max-width: 400px) {
		.calendar, .pace_table { font-size: 7.5pt; }
		.main_fillet, #footer { padding-bottom: 4px; }
		.last_run, .cmp_run { width: 100%; margin-right: 0 }
		.calendar th, .calendar td, .calendar .activity {
			padding: 2px;
		}
	}
	@media only screen and (max-width: 300px) {
		.calendar, .pace_table { font-size: 7pt; }
		.main_fillet, #footer { padding-bottom: 0; }
		.calendar th, .pace_table th, .calendar td, .pace_table td { padding: 1px; }
		div.colour_block { width: 4px; height: 8px; }
	}
	.calendar td.today { border: 2px solid black }
	.calendar td.future { color: gray; border: 1px solid #ccc; }
	.calendar td.noday { border: none }

	/* borderless table */
	.pace_table td:first-child, .pace_table th:first-child,
	.calendar td:first-child, .calendar th:first-child {
		border-left: 0;
	}
	.calendar td:last-child, .calendar th:last-child,
	.pace_table td:last-child, .pace_table th:last-child {
		border-right: 0;
	}
	.pace_table tr:last-child td, .calendar tr:last-child td {
		border-bottom: 0;
	}
	.pace_table td {
		text-align: center;
	}

	/* Chart */
	#chart_div {
		height: 400px;
		padding: 0;
		margin-bottom: 100px;
	}

		.success_box {
		background-color: green;
		color: white;
		padding: 3px;
	}

	div.ui-datepicker, div.ui-widget, div.ui-widget table {
		font-size: 12px;
	}

	.nav-tabs > li > a, h1 > a, h1 > a:hover {
		color: white;
	}

	.plan_run {
		float: right;
		padding: 2px;
		cursor: pointer;
		font-weight: bold;
		text-align: right;
	}
	.plan_run:hover {
		background-color: lightgray;
	}

	#plan_run_table tr td:first-child {
		text-align: right;
	}

	#next_month_button {
		margin: 0 40%;
		width: 20%;
	}
	@media only screen and (max-width: 767px) {
		#next_month_button {
			margin: 0 30%;
			width: 40%;
		}
	}
	@media only screen and (max-width: 500px) {
		#next_month_button {
			margin: 0 20%;
			width: 60%;
		}
	}

	table.sortable thead {
		cursor: pointer;
	}
	
	table.sortable thead th:hover {
		background-color: #ddd;
	}
	
	table.sortable thead th.sorttable_sorted, table.sortable thead th.sorttable_sorted_reverse {
		color: #bf3030;
	}

	div.alert-info {
		position: relative;
		padding-left: 84px;
	}
	.message-pic {
		float:left;
		margin:10px;
		left: 0;
		position: absolute;
		top: 0;
	}

	.row {
		margin-left: 0;
	}

	.alert {
		margin-top: 20px;
	}

.addthis_button_facebook_like { /* hide count */
	overflow:hidden;
	width: 45px !important;
}