@import "js/jquery/thickbox/thickbox.css";
@import "js/jquery//fancybox/jquery.fancybox-1.3.1.css";

BODY {font-family:verdana, tahoma, sans-serif;}
H1 {margin-bottom:.5em;}
P	{margin:0px 0px 1em 0px;}
#page {background:#fff; width:960px; margin:0px auto 20px auto;}
#header {background:#000; height:35px;}
#header H1 {color:#fff; float:left; font-weight:bold; font-size:90%; padding:3px 20px; margin:5px 0 15px 0;}
#buttons {font-size:90%;  float:left; margin:5px 0px 0px 0px;}
#buttons INPUT {float:left;}
#lights {float:left; margin:-3px 15px 0px 5px; height:32px; width:32px;}
#lights.go {background:url(images/lights_go_small.png) no-repeat;}
#lights.stop {background:url(images/lights_stop_small.png) no-repeat;}

#menu {text-align:right; padding:5px 0 0 0;}
#menu UL {float:right;}
#menu LI {float:left;}
#menu A {margin:10px 20px 0px 0px; text-decoration:none; color:#fff; font-size:75%;}
#menu A:hover {text-decoration:underline;}

#screens {display:none;}

#settings {width:400px;}
#settings UL {margin:0px; list-style:none; padding:0px;}
#settings LI {margin:0px; padding:0px;}
#settings LABEL {clear:both; margin:0px; display:block; font-size:76%; font-weight:bold;}
#settings INPUT {clear:both; margin:0px; width:5em;}

#notifications {float:left; margin:10px 0px 10px 15px; width:130px; font-size:75%;}
#notifications UL {list-style:none; margin:0; padding:0;}
#notifications UL LI {margin-bottom:4px; color:#333;}
#notifications .heading	{padding-right:10px;}
#notifications .label {font-size:70%; font-weight:bold; color:#666;}
#notifications .value {font-size:70%;  padding-left:3px; font-weight:bold; color:#111;}
#notifications .msg {display:block; clear:both; font-size:85%; font-weight:bold;}

#tracks {float:left; width:800px;}
.track {clear:both; margin:0px;}
.track_graph	{height:230px; width:580px; float:left;}
.track H2 		{font-size:120%; margin:10px 0px 0px 10px; float:left; width:180px;}
.track_stats 	{margin:10px; height:150px; width:200px; float:left;}

.track_stats DL {margin:0px; font-size:80%;}
.track_stats DT {float:left; clear:both; margin:0px 8px 12px 0px;}
.track_stats DD {margin:0px 0px 12px 0px; font-weight:bold; position:relative;}
.track_stats DD .value {}
.track_stats DD .other {color:#666; font-size:80%; position:relative; top:-5px; left:5px;}

#footer {clear:both; font-size:70%; margin-left:250px; padding-top:30px;}
#footer a {color:#000; text-decoration:none;}
#footer a:hover {text-decoration:underline;}