body {background:url(/img/bg.png) 0px 0px repeat-x rgb(214,214,214);font:14px Helvetica, Arial, Verdana;margin:0px;}
#header {background:url(/img/logo.png) 50px 0px no-repeat rgb(163,8,8) ;}
#logo a{display:block;text-indent:-99990px;width:150px;height:37px;}
#content {width:831px;margin-left:auto; margin-right:auto;}
#footer {background: rgb(163,8,8) ;}
#bug {display:block;width:831px;height:100px;margin:5px auto 5px auto;padding-top:5px;background:#fff;}

#menu {display:block;width:831px;height:47px;margin:5px auto 5px auto;padding-top:5px;background:url(/img/menu.png) no-repeat;}
#menu ul { list-style:none; text-align:center; vertical-align:middle; margin:0; padding:0.3em;}
#menu li {font-size:15px;display:inline;padding:0.8em;font-weight:bold;background:url(/img/stroke.png) left no-repeat;}
#menu li a {color:rgb(255,255,255);text-decoration:none;}
#menu li a.selected {color:rgb(120,120,120);text-decoration:none;}

#submenu {display:block;width:831px;height:30px;margin:5px auto 5px auto;padding-top:5px;}
#submenu ul {list-style:none; text-align:center; vertical-align:middle; margin:0; padding:0.3em;}
#submenu li {font-size:13px;display:inline;padding:0.5em;font-weight:bold;background:url(/img/stroke.png) left no-repeat;}
#submenu li a {color:rgb(50,50,50);text-decoration:none;}
#submenu li a.selected {color:rgb(120,120,120);text-decoration:none;}

#links {width:831px; display:block; height:9em; margin:0 auto 0 auto; padding:20px 0 20px 0;}
#links ul { float:left;}
#links li { color:rgb(255,255,255); text-decoration:none; list-style-type: none;}
#links li a {color:rgb(255,255,255); text-decoration:none;}

.footertb{padding:5px; vertical-align:top;}

#summary { display:block; width:831px; height:320px;margin:5px auto 5px auto; padding:10px; background:url(/img/summary.png) no-repeat;}

#yourruns{float:left;width: 180px;height: 300px;padding:15px;font-weight:bold;font-size:20px;color:rgb(100,100,100);}
#runs{float:left;}
.runOcc{margin-bottom:15px;background-color:white;width:490px;padding:15px}
.bigRunOcc{background-color:white;width:771px;padding:15px}
.biggerRunOcc{width:100%}
.runMap{width:320px;height:180px;float:left;}
.bigRunMap{width:400px;height:320px;float:left;}
.biggerRunMap{width:100%;height:100%;position:fixed !important;left:0px !important;top:120px}
.runDetails{width: 160px;margin-left: 10px;font-size:15px;float:left;}
.bigRunDetails{padding:15px 15px 15px 415px;font-size:20px;}
.biggerMap{font-size:14px;}
.biggerRunDetails{width: 160px;padding:0 0 0 15px;font-size:12px;text-align:left;}

.date {font-size:16px;font-weight:bold;color:#aaa;text-align: right;}
.dis {font-size:22px;color:black;font-weight:bold;}
.dur {font-size: 20px;color:#686868;}
.more {text-align: right;padding: 50px 17px 0 0;background:url(/img/more.png) right bottom no-repeat;}
.more a {text-decoration: none;color: #aaa;}

#trackbottom{margin-top:100px;}
.deleteRun{width:114px;height:33px;font-size:15px;color: white;padding: 5px 4px 5px 2px;float:right;background:url(/img/delete.png) no-repeat;text-align: center;}
.deleteRun a{text-decoration: none;color: white;}

.exportRun{width:114px;height:33px;font-size:15px;color: white;padding: 5px 4px 5px 2px;float:left;background:url(/img/delete.png) no-repeat;text-align: center;}
.exportRun a{text-decoration: none;color: white;}

#placeholder{width:580px;height:300px; float:left;}
#runGraph{width:771px;height:330px;padding: 15px;background: white;margin-top: 20px;margin-bottom: 25px;}
#detailsPlaceholder{width:741px;height:300px;}

.graphcont {padding-top:2px;color:#000;font-weight:700;float:left}
.graph {margin-top:2px;background-color:#fff;width:270px;padding:0}
.graph .bar {display:block;position:relative;background:url(/img/bargraph.gif) right center repeat-x;border-right:#538e02 1px solid;text-align:center;color:#fff;height:25px;font-size:12px;line-height:1.9em}
.graph .barself {display:block;position:relative;background:url(/img/bargraph2.gif) right center repeat-x;border-right:#538e02 1px solid;text-align:center;color:#fff;height:25px;font-size:12px;line-height:1.9em}
.graph .bar span {position:absolute;left:1em}

.logindesc{text-align: right;width: 300px;}
.settingsdesc{text-align: right;width: 400px;}

.clear{clear:both;}

#challenges{float:right;width: 280px;}
.challengesDetails{background-color: white;margin: 0 0 20px 0;padding: 5px; }
.challengeName{font-size: 20px;font-weight: bold;text-align: right;}
.challengeDesc{font-size: 15px;}
.challengeDate{color: #aaa;}

.featuresicon{padding: 5px;}
.featurestext{vertical-align: top; padding: 0 5px 0 5px;}
.featurestitle{vertical-align: top;font-size: 16px;font-weight: bold;}