/* - - - - - - - - - - - - - - - - - - - - -

Title : gMap Workout Tracker
Author : Kevin Hale 
URL : http://particletree.com

Description : This is an implementation of 
the Google Maps API using the Garmin 
Forerunner 201.

Created : July 11, 2005
Modified : July 14, 2005

- - - - - - - - - - - - - - - - - - - - - */

v\:* {
behavior:url(#default#VML);
}

/* ----- CSS ----- */

body{
margin:20px;
padding:0;
font-family: Arial, Helvetica, Verdana, sans-serif;
font-size:1em;
background-color:#fff;
}

/* ----- IDs ----- */

#header{
height:40px;
line-height:40px;
width:99%;
margin:0 0 20px 0;
border:1px solid #bfd3ec;
position:relative;
background: url(images/workoutTracker.jpg) no-repeat #DCECFB;
}

#container{
position:relative;
padding:0;
margin:0 2px 0 240px;
height:450px;
clear:both;
}

#map{
position:relative;
width:99%;
height:420px;
margin:0;
border:1px solid #ccc;
background-color:#eee;
text-align:center;
}

#stats{
position:absolute;
top:0;
left:0;
margin:0;
padding:0;
z-index:2000;
background-color:#fff;
border:1px solid #fff;
border-bottom:1px solid #ccc;
width:99%;
height:417px;
overflow:auto;
display:none;
}

#stats p{
font-size: .8em;
margin:0 0 15px 0;
}

#sideBar{
position:absolute;
top:0;
left:0;
margin:0 0 0 -230px;
padding:0;
width:220px;
height:450px;
font-size:.7em;
}

#loadstatus{
position:absolute;
bottom:0;
left:0;
z-index:1000;
width:99%;
line-height:30px;
height:30px;
border:1px solid #ccc;
text-align:left;
background-color:#fff;
}

#information{
position:absolute;
bottom:0;
z-index:1500;
font-size:.7em;
text-align:center;
width:080%;
}

#progress{
height:100%;
width:0%;
background-color:#DDEFA4;
}

#firstHalf{
width:45%;
margin:5px 0 15px 3px;
border-bottom:3px solid blue;
float:left;
}
#secondHalf{
width:45%;
margin:5px 3px 15px 0;
border-bottom:3px solid red;
float:right;
text-align:right;
}

#hideStats{
display:none;
}

.button{
border:1px solid #bfd3ec;
line-height:38px;
width:75px;
height:38px;
background-color: #DCECFB;
color: blue;
letter-spacing: 0em;
text-align:center;
font-weight:bold;
float:left;
cursor:pointer;
text-decoration:underline;
}

#footer{
margin:35px 0 35px 0;
width:100%;
text-align:center;
}

/* ----- Headers ----- */

h1{
float:left;
margin:0 0 0 10px;
padding:0;
font-size: .8em;
color:#fff;
letter-spacing:.1em;
display:none;
}

#header div{
float:right;
margin:0 12px 0 0;
font-size:.7em;
color:#333;
letter-spacing:.05em;
}

h2{
font-size: 1.3em;
color:#99bc33;
margin:0 0 .7em 0;
font-weight:normal;
}

/* ----- Paragraphs ----- */

p{
color:#333;
}

li{
color:#333;
margin:0;
padding:0;
}

#sideBar p{
font-size:1.2em;
}

#sideBar li p{
margin:0 0 .5em 0;
}

#footer p{
margin:0 0 5px 0;
padding:0;
letter-spacing:.04em;
}

ul{
margin:0 0 15px 0;
padding:0 0 0 1em;
}

/* ----- Form ----- */

form{
margin:0;
padding:0;
width:210px;
position:absolute;
bottom:0;
left:0;
}

fieldset{
margin:0 0 15px 0;
border:1px solid #ccc;
padding:5px auto 0 auto;
}

fieldset p{
margin:7px 0 5px 0;
padding:0;
font-size:.7em;
}

fieldset img{
margin:0 5px -3px 5px;
}

label{
color:#666;
float:right;
}

select{
margin:3px 0 0 0;
float:right;
}

/* ----- TABLES ----- */

table{
border:1px solid #ccc;
margin: 0 0 20px 0;
width:99%;
border-spacing:0;
font-size:.8em;
empty-cells:;
}
caption{
display:none;
}
thead{
}
tbody{
}
tfoot{
font-weight:bold;
background-color:#FFCFCF;
}
tr{
}
tr.alt{
background-color:#eee;
}
th{
border-bottom:1px solid #ccc;
background-color:#dedede;
padding:3px;
}
td{
text-align:center;
}

/* ----- Links ----- */

a:visited{
color:blue;
}
a:hover{
color:green;
}

#footer span a{
font-size:.8em;
color:green;
}

#footer p a{
color:#666;
text-decoration:none;
}

#footer a:hover{
color:red;
text-decoration:underline;
}
.clear{
clear:both;
}

/* ----- Colors ----- */

.white{
color:#fff;
}
.orange{
color:#EFB300;
}
.yellow{
color:#fffa73;
}
.red{
color:#E35A5A;
}
.green{
color:#738F1A;
}
.green2{
color:#99bc33;
}
.grey1{
color:#f2efe9;
}

.grey2{
color:#ebe6dc;
}
.grey3{
color:#d1d0cd;
}