/* zaap.zachhale.com */

html {padding: 0; margin: 0;}
body {padding: 10px; margin: 0; text-align: center; font-size: 12px; font-family: 'Trebuchet MS',Verdana,Sans-serif; background: #345;}
pre {text-align: left;}

#wrap {margin: 0 auto 0 auto; width: 960px; text-align: left; border: 1px solid #000; overflow: auto; background-color: #fff;}

#header {position: absolute; top: 23px; margin: 0 0 0 805px;}
#header h1 {margin: 0; padding: 0; font-size: 40px;}
#header a:link,
#header a:visited,
#header a:hover {color: #000; text-decoration: none;}

#main {width: 960px; overflow: auto;}
#main #measure {position: absolute; top: 23px; width:260px; margin: 5px 0 0 58px;}
#main #measure h2 {margin: 0; padding: 0; line-height: 24px; display: inline;}
#main #measure p {margin: 0; padding: 0;}
#main #graph {float:left; margin: 10px 0 10px 0;}
#main #graphnav {width:690px; margin: 0 20px 0 56px;}
#main #graphnav #navlist {padding: 0 0 21px 10px;border-bottom: 1px solid #000;text-align: right;}
#main #graphnav #navlist ul, 
#main #graphnav #navlist li {margin: 0;padding: 0;display: inline;list-style-type: none;float:right;}
#main #graphnav #navlist a:link, 
#main #graphnav #navlist a:visited {padding: 3px 6px 3px 6px; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 1px solid #000; background-color: #eee;float: left;line-height: 14px;font-weight: bold;margin: 0 4px 0 10px;text-decoration: none;color: #555; border-bottom: 1px solid #000;}
#main #graphnav #navlist a:link.current, 
#main #graphnav #navlist a:visited.current, 
#main #graphnav #navlist a:hover {color: #000; }
#main #graphnav #navlist a:link.current, 
#main #graphnav #navlist a:visited.current {background-color: #fff; border-bottom: 1px solid #fff;}
#main #graphtimeframe {margin: 0 20px 10px 53px; width: 683px; overflow: auto; padding: 5px 5px; border: 1px solid #555; background-color: #f0f0f0;}
#main #graphtimeframe p {padding: 0; margin: 0;}
#main #graphtimeframe p.left {float: left; text-align: left;}
#main #graphtimeframe p.right {float:right; text-align: right;}

#main #linelist {position: absolute; top: 71px; width:168px; height: 365px; margin: 0 10px 10px 770px; /*margin: 59px 10px 10px 0;*/border: 1px solid #000;}
#main #linelist h3 {margin: 0; padding: 5px;}
#main #linelist .pad {margin: 0; padding: 0 5px 10px 5px;}
#main #linelist #visiblelines .pad {overflow: auto; height: 190px;}
#main #linelist #visiblelines .pad input {background-color: #000; border: 1px solid #000;}
#main #linelist #updatevisibility {position: absolute; top: 227px; width: 168px; background: #fff;}
#main #linelist #updatevisibility p {padding: 5px 5px 7px 5px; margin: 0;}
#main #linelist #addaline {position: absolute; top: 260px; width: 168px; border-top: 1px solid #000; background-color: #f0f0f0;}

#main #linetabs {width:918px; margin: 0; clear: both;}
#main #linetabs #navlist {padding: 0 0 0 15px;}
#main #linetabs #navlist ul, 
#main #linetabs #navlist li {margin: 0;padding: 0;display: inline;list-style-type: none;float:left;}
#main #linetabs #navlist a:link, 
#main #linetabs #navlist a:visited {padding: 3px 6px 3px 6px; border-top: 1px solid #000; border-left: 1px solid #000; background-image: url(images/alpha.png);float: left;line-height: 14px;font-weight: bold;margin: 0 0 0 10px;text-decoration: none;color: #222;}
#main #linetabs #navlist a:link.current, 
#main #linetabs #navlist a:visited.current, 
#main #linetabs #navlist a:hover {color: #000; background-image: none;}
#main #linetabs #navlist a:link.current, 
#main #linetabs #navlist a:visited.current {padding-bottom: 4px; margin-bottom: -1px;border-left: 1px solid #000 !important;}
#main #linetabs #navlist a:link.deleteline, 
#main #linetabs #navlist a:visited.deleteline, 
#main #linetabs #navlist a:hover.deleteline {font-size: 10px;padding-right: 3px; padding-left: 4px; margin-left: 0; border-top: 1px solid #000; border-right: 1px solid #000; border-left: 0;background-image: url(images/alpha.png) !important;}

#main #linedetails {float:left; width: 918px; margin:0 20px 10px 20px; clear:both; border: 1px solid #000;}
#main #linedetails .plusminus {display: inline;}
#main #linedetails .plusminus a {font-family: Monospace; font-size: 10px; color: #000; text-decoration: none; padding: 1px 4px 2px 5px; margin: 0 0 1px 0; background-color: #fff; border: 1px solid #000;}
#main #linedetails ul {margin: 0; padding: 0;}
#main #linedetails li {margin: 0; padding: 10px; list-style-type: none;}
#main #linedetails h3 {margin: 0; padding: 0; display: inline;}
#main #linedetails .detailbar {float: right;margin-top: -15px;}
#main #linedetails .detailbar .bar {background-color: transparent; background-image: url(images/alpha.png); margin-left: 1px; cursor: default;}
#main #linedetails .detailbar .checked {background-color: #fff;}
#main #linedetails .details {margin: 5px 0 0 43px; background-color: #fff; }
#main #linedetails .details .table {padding: 5px; height: 200px; overflow: auto;}
#main #linedetails .details .table .bar { background-color: #000;}
#main #linedetails .details .panel {padding: 5px; background-color: #ccc; overflow: auto;}
#main #linedetails .details .panel p {padding: 0; margin: 0;}
#main #linedetails .details .panel p.left {float: left; text-align: left;}
#main #linedetails .details .panel p.right {float: right; text-align: right;}

#footer {padding: 10px; margin: 10px 0 0 0; width: 940px; overflow: auto; background-color: #eee; border-top: 1px solid #ccc; }
#footer p {margin: 0; padding: 0;}
#footer p.left {float: left; text-align: left;}
#footer p.right {float: right; text-align: right;}