body { font: 100%/120% normal helvetica,arial,sans-serif; height: 100%; width: 500px; margin: 0 auto; }

h1,h2,h3 { font-family: "helvetica neue", helvetica, arial, sans-serif; font-weight: normal; color: #000; font-weight: 300;}

img { border:0; }
#header { font-family: helvetica, arial, sans-serif;  }
#header #bookmarklet { text-align: right; margin: 2em 0; }
#header #bookmarklet a { color: #00f; text-decoration: underline; }
#header h1 { margin:2em 0 0 0; font-size: 2.5em; font-style: normal; font-weight: 100; }
#header h1 span { margin:0; }
#header img { margin: 40px 20px -46px 0; padding:1px; border: 4px solid #000; background: #ccc; }
#header a { color: #000; text-decoration: none; }
#header p { float: right; padding-right: 1em; font-size: 0.8em; color: #666; }

#content { margin: 80px 0 0 0; clear: both;}
#content #accordion {margin-top: 2em;}
#content #uri { width:100%; font-size: 1.6em;	}
#content textarea { width: 100%; height: 10em;}
#content .instructions { font-size: 80%;}

#content pre,
#content #cleanedText { max-height: 150px; overflow: auto; border: 1px solid #ccc; padding:0.5em;}

#content table { width: 100%; }
#content th { text-align: left; width: 50%; }
#content td { text-align: right; padding-left: 1em; }
#content th, #content td { border-bottom: 1px solid #ddd; }

#content .chunk h3 { margin: 0; padding: 0; }
#content .chunk td {  text-align: left; }
#content .chunk .footnote {  text-align: right; font-size: 70%; color: #666; }

#content .soundbite, #content #whatItDoes { font-size: 80%; margin: 2em 0; color: #4e4e4e; }
#content .soundbite { width: 48%; float: left;  }
#content .soundbite h2, #content #whatItDoes h2 { font-size: 150%;  }
#content .soundbite h3, #content #whatItDoes h3 { font-size: 130%;  }
#content .firstSb { margin-right: 4%; }
#content #whatItDoes code {padding-left: 4em;}

#content .indicator   { width: 140px; }
#content .scale   { width: 142px; height: 20px; }
#content .scale-a { background: #fff url(../images/scale.png) 0 0 no-repeat;      } /* worst */
#content .scale-b { background: #fff url(../images/scale.png) 0 -20px no-repeat;  }
#content .scale-c { background: #fff url(../images/scale.png) 0 -41px no-repeat;  }
#content .scale-d { background: #fff url(../images/scale.png) 0 -62px no-repeat;  }
#content .scale-e { background: #fff url(../images/scale.png) 0 -83px no-repeat;  } /* best */

#content .meanScore { background: #eee; padding: 1em;}
#content p.scale-a   { border-left: 1em solid #B30012; } /* worst */
#content p.scale-b { border-left: 1em solid #E69A00; }
#content p.scale-c { border-left: 1em solid #F0E325; }
#content p.scale-d { border-left: 1em solid #97BA0D; }
#content p.scale-e { border-left: 1em solid #46B93F; }/* best */

#content .bookmarklet { text-align: center; font-size: 2em; font-family: helvetica,arial,sans-serif; }
#content .bookmarklet a {  border-radius: 0.2em; -moz-border-radius: 0.2em; -webkit-border-radius: 0.2em; background: #000; color: #fff; padding: 0.3em 0.6em; text-decoration: none;}
#content .bookmarklet a:hover { color: #ff7e01;}

#content #tabs h2 span,
#content #tabs a span
 { display: block; position: absolute; top: 0; left: -9999px;}

#footer { margin: 5em 0 1em 0; color: #777; line-height: 2em; }
#footer a { color: #777; white-space:nowrap; }
#footer img { margin-right: 4em; }


.clear { clear: both; }