/*
 * Typography
 */
body {
	font-family: trebuchet ms,arial,tahoma,verdana,sans-serif;
	font-size: 1.0em;
	color: #333;
}

h1, h2, h3 {
	color: #0085c7;
	margin: 15px 0 15px;
}
h3 {
	margin:0;
	font-size:1.1em;
}
p {
	margin: 10px auto 10px;
	color: #555;
}

a:link { color: #0085c7; }
a:visited { color: #0085c7;  }
a:hover { color: #0085c7;  }
a:active { color: #0085c7;  }

/*
 * Form Typography
 */
label {
	font-weight: bold;
}

fieldset {
	border: solid 0px #00953d;
	padding: 5px;
}

legend {
	color: #00953d;
	display: none;
}


input {
	font-size: 1.1em;
}

#date_picker .has_focus {
	background-color: #fcfca4;
}
input.has_focus {
	background-color: #fcfca4;
} 

form .input_set  {
  float: left;
  margin: auto auto auto 50px;
  height: 80px;
  }
	form .input_set.input_submit {
	  float: left;
    margin: 1.1em auto auto 30px;
    height: 40px;
	  }
    form .input_set.input_submit input {
      margin-top: 3px;
    }
  form .input_set.first_in_row {
  	clear: left;
		margin: auto auto auto auto;
  }
	form  input.input_address,
	form .input_set.input_email input {
		width: 300px;
	}
  form .input_tip {
    width: 200px;
    color: #00953d;
    font-size: 0.7em;
    line-height: 1.0em;
  }
  form .hidden_input_tip {
    display: none;
  }
	form .input_set label {
		display: block;
	}
	form .input_set select {
		font-size: 1.1em;
	}

  form .error_list {
  	color: #e90024;
    font-size: 0.8em;
		margin: 0 0 5px 0;
		list-style: none;
		font-weight: bold;
  }
/*
 * Layout & Colours
 */

* {
	padding: 0px;
	margin: 0px;	
}

/*
 * Utils
 */
.clearfix {zoom:1;}
.clearfix:after {
	content:""; 
	display:block; 
	height:0; 
	line-height:0px; 
	clear:both; 
	visibility:hidden; 
	overflow:hidden;
}

.edit {
	font-size:0.6em;
}


#container {
	width: 975px;
	margin: 0 auto;
}

#header {
	 position: relative;
	 width: 100%;
	 padding: 10px 0 0 0;
	 margin-bottom: 15px;
	 border: 0;
	 border-bottom: solid 2px #0085c7;
  }
	#header #logged_in_as {
		position: absolute;
		right: 0;
		top: 0;
		font-size: 0.7em;
		background-color: #0085c7;
		color: #fff;
		padding: 3px 7px 5px 7px;
	}
	#header #logged_in_as a {
		color: #fff;
	}
	/* Navigation */
	#main_navigation ul {
    list-style-type: none;
		
  }
	
	
	
	
	
  #main_navigation ul li {
    display: block;
		float: left;
		padding: 0;
		margin: 0 0 0 20px;
		border: solid 2px #0085c7;
    border-bottom: 0; 
  }
	#main_navigation ul li a:link,
	#main_navigation ul li a:visited {
		display: block;
		padding: 8px;
		margin: 0;
		height: 100%;
		color: #0085c7;
		text-decoration: none;
  }
	#main_navigation ul li a:hover,
	#main_navigation ul li a:active,
	#main_navigation ul li a:focus
  {
		background-color: #d0e9ed;
		text-decoration: underline;
	}
	
	
	/* Current Nav Tab */
	#main_navigation ul li.current {
		background-color: #0085c7;
	}
	#main_navigation ul li.current a {
    font-weight: bold;
		color: #fff;
    text-decoration: none;
  }
	#main_navigation ul li.current a:hover,
  #main_navigation ul li.current a:active
  {
    background-color: #0085c7;
    text-decoration: none;
  }
	/* End current Nav tab */
  /* End Navigation */
	#header #login_logout {
		float: right;
		margin: 11px 0 0 0;
		}
		#header #login_logout a {
			padding: 0 15px 5px 15px;
		}

    
#body_container {
	clear: both;
	width: 100%;
	position: relative;
}
#footer {
	clear: both;
	width: 100%;
	margin: 40px auto;
	border: 0;
  border-top: solid 2px #0085c7;
}
#footer ul {
    list-style-type: none;
  }
  #footer ul li {
    display: block;
    float: right;
    margin: 10px 20px 10px 20px;
  }

#flash_notice {
	width: 500px;
	text-align: center;
	margin: 10px auto auto auto;
	padding: 5px;
	color: #009f3d;
	background-color: #fcfca4;
}



#register_notice {
	width: 500px;
  text-align: center;
  margin: 10px auto auto auto;
  padding: 5px;
  color: #e90024;
  background-color: #fcfca4;
	border: 1px solid #e90024;
}

#homepage_about img {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	width: 400px;
	height: 200px;
	border: 0px solid;
	padding: 5px;
}



/*
 * Forms
 */
form #register_submits.input_set,
form #submits.input_set  {
  float: left;
  margin: 1.1em auto auto 30px;
	height: 40px;
  }
	form #register_submits.input_set input,
	form #submits.input_set input {
		margin-top: 3px;
  }
	
	form .input_tip {
    width: 200px;
    color: #00953d;
    font-size: 0.7em;
		line-height: 1.0em;
  }
  form .hidden_input_tip {
    display: none;
  }
	
/*
 * Login Register form
 */
#login_form {
	width: 100%;
	}
	#login_form label {
    display: block;
  }
	#login_form .input_set {
		float: left;
		margin: auto auto auto 50px;
		height: 80px;
	}
	#login_form #email.input_set {
		margin: auto auto auto auto;
	  }
		#login_form #email.input_set input {
		  width: 300px;	
	  }
		
#register_form {
	width: 100%;
  }
	#register_form label {
		display: block;
	}
	#register_form .input_set {
    float: left;
    margin: auto auto auto 50px;
    height: 80px;
  }
	
	#register_form #register_email.input_set {
		margin: auto auto auto auto;
	  }
	  #register_form #register_email.input_set input {
      width: 300px; 
    }
	#register_form #register_name {
		margin-right: 200px;
	}
  #register_form #register_password.input_set {
  	clear: left;
		margin: auto auto auto auto;
  }
	#register_title {
		margin-top: 0;
	}
/*
 * Log Add/Edit Form
 */
#log_add_form {
	width: 100%;
  }
  #distance_fld {
  	float: left;
		margin: auto auto auto 50px;
    }
		#distance_fld label {
			display: block;
		}
	  #distance_fld a>img {
      border: 0px;
      vertical-align: top;
			width: 32px;
			height: 29px;
  }
	#log_add_form .input_set {
		height: 80px;
	}

	#time_fld {
		float: left;
		margin: auto auto auto 50px;
    }
		#time_fld label {
      display: block;
    }
	#date_fld {
    float: left;
		margin: auto;
		clear: left;
		
    }
    #date_fld label {
      display: block;
		}
	
	#save_new {
		display: none;
		
	}
  #date_picker {
  	 clear: left;
    }
		#date_picker .month_nav {
			margin: 107px 5px 0 5px;
		}
		#calendar .different_month a {
			color: #777;
		}
		#date_picker #earlier {
			float: left;
			display: block;
		}
		#date_picker #earlier a {
			font-weight: normal;
			text-decoration: none;
		}
    #date_picker #later {
      float: left;
			display: block;
    }
		#date_picker #later a {
      font-weight: normal;
			text-decoration: none;
    }
		#date_picker #calendar {
      float: left;
    }
		#calendar td {
			width: 43px;
		}
		#calendar td a {
			display: block;
			width: 100%;
			height: 100%;
			text-align: center;
			color: #000;
			text-decoration: none;
			border: solid 1px #fff;
		}

		#calendar td a:link { border: solid 1px #fff; }
		#calendar td a:hover { border: solid 1px #f4c300; }
		
    #calendar td a#todays_date {
			font-weight: bold;
			color: #009f3d;
    }
		#calendar td a#todays_date:hover {
			border: solid 1px #009f3d;
	  }
		#calendar td a.chosen_date {
      border: solid 1px #f4c300;
    }
		
		#map_dialog {
			display: none;
			position: absolute;
			top: 5px;
			width: 961px;
			height: 380px;
			background-color: #fff;
			border: solid 2px #009f3d;
			padding: 5px;
			z-index:999;
		}
		#map_dialog #map_controls {
			margin-bottom: 5px;
		}
		#map_dialog #distance_sofar {
			float: left;
			vertical-align: text-bottom;
			margin: auto auto auto auto;
		}
		#map_dialog #close_map_dialog {
			display: block;
			float: right;
		  }
			#map_dialog #close_map_dialog a {
        text-decoration: none;
				font-size: 0.7em;
      }
		#map_dialog #map_controls input {
			display: block;
			float: right;
			margin: auto auto auto 10px;
		}
		#map_dialog #map_controls #address_submit {
      margin: auto 50px auto 3px;
    }
		
		#past_routes {
			float: right;
			margin: 0 120px 0 0;
			width: 400px;
		}
		#past_routes h3 {
			margin: 0px;
			font-size: 0.9em;
		}
		#past_routes ul {
			list-style-type: none;
		}
		#date_picker_wrapper {
			float: left;
			clear:  left;
		}
		
/*
 * Goal Editing
 */

#name_fld {
	margin-left: 0px;
}
#name_fld input {
	width: 445px;
}
#name_fld .input_tip {
  width: 445px;
}


/*
 * Reports
 */

#chart {
	width: 100%;
	height: 250px;
	background-color: #ccc;
}

#chartNav {
	list-style:none;
	
	position:absolute;
	top:0;
	right:0;
	
}
#chartNav li {
	display:inline;
	margin:2px;
	font-size:0.7em;
	
}
#chartNav li a {
	padding:2px;
	margin:0;
	background-color:#c1e1f1;
  text-decoration:none;
}
#chartNav li a:hover {
  background-color:#dfeff8;
}
#metriclisting {
  float: left;
	width: 500px;	
}

#metrics {
	margin: 20px 5px 10px 5px;
  }
	#metriclisting .metric_col,
  #metrics .metric_col {
	 display: block;
	 float: left;
	 width: 49%;
	 
  }
	#metriclisting .metric,
	#metrics .metric {
		margin: 0 0 12px;
	 }
	 #metriclisting .metric h3,
	 #metrics .metric h3 {
	   margin: 0px;
    }
	  #metrics .metric h3 a {
      font-size: 0.8em;
    }
		#metriclisting .metric h3 span {
			color: #0085c7;
		}
#loglisting {
	float: left;
}
#logs {
	width: 100%;
  }
h2.statisticsTitle {
    width: 100%;
    border-bottom: solid 1px #0085c7;
	}
	.statisticsListing table
	{
	 display: block;
   float: left;
	 margin: 0 32px 15px -16px;
   width: 457px;
	 text-align: left;
	 font-size: 0.8em;
	 }
	 .statisticsListing.goals table {
	 	 width:auto;
	 }
	 .statisticsListing table th.th_name {
    width: 300px;
    padding-left: 0;
   }
	 .statisticsListing table th.th_prediction {
    width: 200px;
    
   }
	 .statisticsListing table th.th_date,
	 #logs table th.th_date {
	 	width: 200px;
		padding-left: 0;
	 }
	 .statisticsListing table th.th_distance,
	 #logs table th.th_distance {
    width: 80px;
   }
	 .statisticsListing table th.th_time,
	 #logs table th.th_time {
    width: 80px;
   }
	 .statisticsListing table th.th_pace,
   #logs table th.th_pace {
    width: 45px;
   }
	 .statisticsListing table td.delete,
	 #logs table td.delete {
	 	width: 16px;
	 }
	 .statisticsListing table td.delete a img {
	 	border: 0;
	 }
	 .statisticsListing table td.delete a,
	 #logs table td.delete a {
    display: none;
   }
	 #logs table td img,
	 #loglisting table td img {
	 	border:0;
	 }
	 .statisticsListing table .edit {
	 	font-size:0.7em;
	 }
	 .statisticsListing table a.edit {
    text-decoration:none;
   }
	 .statisticsListing table a.edit:hover {
    text-decoration:underline;
   }
	 .statisticsListing table a.mapIcon {
	 	background: url(/img/map_icon_16.gif) no-repeat 0 0;
		overflow:hidden;
		height:16px;
		width:16px;
		display:block;
	 }
	 .statisticsListing table a.mapIcon:hover {
	   background-position: 0 -16px;
	 }
ul.user_list {
	font-size: 0.9em;
	list-style: none;
	list-style-position: inside;
  }
	ul.user_list li {
	 margin-bottom: 4px;	
	 }
	 ul.user_list li a {
    text-decoration: none;
  }
  ul.user_list ul {
    list-style: none;
    list-style-position: inside;
    }
	  ul.user_list ul li {
	  	float: left;
			width: 300px;
	    }
		  
#map_cntrl {
	position:relative;
	background:url(/img/map_icon.gif) no-repeat 0 0;
	display:inline-block;
	vertical-align: middle;
	margin: -11px 0 0 0;
	width:32px;
	height:29px;
}
#map_cntrl:hover {
	background-position: 0 -29px;
}
a.mapPointer {
	text-decoration:none;
	border-bottom:dashed 1px #0085c7;
}
span.mapPointer {
	display:block;
	position:absolute;
	top:28px;
	left:23px;
	background-color:#0085c7;
	color: #fff;
	font-size:0.7em;
	width:55px;
	padding:3px;
	text-align:center;
	border-style: solid;
	border-color: #00a5e7;
	border-width: 2px;
	
}