body {
  margin: 0px;
  background-color: white;
  font-family: 'Lucida Grande', Helvetica, sans-serif;
}

.wrap {
  margin: 0;
  padding: 0;
}

.correction {
  border: 1px solid white;
  background-color: red;
}

.annotation {
  border: 1px solid white;
  background-color: #EEEEEE;
}

.comment {
  border: 1px solid white;
  background-color: #E0E0E0;
}

.entry {
  border: 1px solid white;
  margin: 4px;
  font-size: 12px;
}

.feedback {
  font-size: 9pt;
  margin: 18px;
}

.legal {
  color: gray;
  font-size: 9px;
  width: 522px;
  margin-top: 1.25em;
  margin-left: 2em;
 /* margin-left: 20px; */

/*  margin-left: auto;
  margin-right: auto;*/
}

.legal.nav li {
  font-size: 9px;
}

.account {
  color: gray;
  font-size: 10px;
  float: right;
  clear: none;
  vertical-align: top;
  margin-top: 3px;
  margin-right: 5px;
}

.account.nav li {
  font-size: 10px;          
  margin-right: .5em;
}

#topline {
  width: 100%; 
  /* padding-left: 40px; */
  margin-top: 0px;
  /* margin-left: 100px; */
  /* padding-right: 20px; */
  border-top: 1px solid gray;
  border-bottom: 1px solid lightgray;
  clear: both;
}

 hr {
  border: 0;
  height: 1px;
  color: lightgray;
  background-color: lightgray;
}

#hd {
  margin: 0px;
  padding: 0px;
  background-color: black;
  
  /* background-image: url(/static/i/top.png);
  background-repeat: repeat-x; */

  /*  text-align: center; */
  /*  align: center; */
  /*  margin-left: auto; */
  /*  margin-right: auto;    */
}

.center {
  margin-left: auto;
  margin-right: auto;      
}

.border {
  border: 1px lightgray solid;
  background-color: #f9f9f9;
  padding: 4px;
  margin-bottom: auto;
}

.top.nav {
  /*margin-left: 280px;*/
  padding-top: 32px;
}

.top {
  font-size: 15px;
  margin-top: 5px;
  text-align: left;
  /* border-top: 1px solid gray; */
  /* font-weight: bold; */
}

#topchart {
  margin-left: 28px;
  margin-right: auto;
}

.top.nav ul li a {
  font-size: 17px;
  margin-right: 10px;
  padding-right: 0;  
  text-transform: uppercase;
}

.nav {
  padding-left: 0;
  padding-bottom: 4px;
}

.nav a {
  text-decoration: none;
  margin-right: .33em;
  color: #AAAAAA;
}

.nav a:hover {
  text-decoration: none;
  margin-right: .33em;
  color: red;
}

.highlights dl {
 margin: 8px;	 
 padding: 6px;
}
.highlights dt {
 font-size: 11pt;
 font-weight: bold;
 margin-left: 6px;
 margin-top: 6px;
}
.highlights dd {
 margin-left: 18px;
 font-size: 11pt;
}

.features dl {
 margin: 5px;	 
 padding: 4px;
}
.features dt {
 font-size: 10pt;
 font-weight: bold;
 margin-left: 16px;
 margin-top: 4px
}
.features dd {
 margin-left: 24px;
 font-size: 10pt;
}


.dev.nav ul {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
  display: block;
}

.dev.nav ul li {
  margin-right: .35em;
  padding-right: 5px;

  /* font-weight: bold; */
  display: block;
  list-style-type: none
}

.nav ul {
  margin-left: 0;
  padding-left: 0;
  white-space: nowrap;
  display: inline;
}

.nav ul li {
  margin-right: .35em;
  padding-right: 5px;

  /* font-weight: bold; */
  display: inline;
  list-style-type: none
}

ul {
margin: 4px;
/*font-size: 12px;*/
}

.search {
  vertical-align:bottom;
/*  width: 500px; */
  padding:0px;
  margin-left: 0;
  padding-left: 0;
  height: 50px; 

/*  margin-bottom: 4px; */
/*    width:700px; */
/*    height: 22px; */
/*    border: 1px solid gray; */
/*    width: 55%; */
}

.search #qf form {
  margin: 0;
  padding: 0;
}

.search #q {
  vertical-align: bottom;
  width: 240px;
  font-size: 12px;
  padding-top: 26px;
  margin-top: 19px; 
  margin-left: 0px; 
  line-height: 18px;
  padding-left: 0;
  padding-top: 2px;
/*  padding-bottom: 0px; */
/*
 font-variant:normal;
 font-weight:normal;
 padding-left: 4px;
 height: 24px;
 border: 1px solid gray;
 width: 55%;
 margin-top: 9px;
 margin-left: 6px;
*/
}

.search #qs {

  vertical-align: bottom;
  margin-bottom: 2px;
  margin-left: 2px;
  margin-top: 25px;
/*  padding-top: 26px; */
  
 
 /* height: 24px;
 font-size: 10px;
 font-weight: bold;
 letter-spacing: .8;
 text-transform: uppercase;
 color: black;
 border: 1px solid gray;
*/
}

.section {
  margin: 12px;
}

.lower {
  /* border-top: 1px solid gray; */
  font-size: 12px;
  padding-top: 12px;
  margin-top:8px;
}

.main {
  margin: 4px;
}

#bd {
  margin: 6px;
}                                                                               

p {
  margin: 8px;
  font-size: 14px;
  padding: 4px;
}

h1 {
  padding-left: 4px;
  font-size: 28px;
  /* font-weight: bold; */
  margin-bottom: 8px;
  margin-top: 6px;
  /* text-transform:uppercase;  */
  /* margin-left: 140px; */
}

h1.center {
  width: 40%;	   
  margin-left: auto;
  margin-right: auto;
}

.logo {
  margin-left: 12px;
  /* float: left; */
  padding-bottom: 0px;
  padding-top: 0px;
/*  background: #fcfcfc; */
/*  margin-right: auto; */

}
.logo img {
  border: 0;
  width: 256px;
  height: 66px;
  padding: 3px;
}


.lede {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.intro, .intro p {
  width: 860px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 16px;
  font-size: 18px;
  padding-left: 32px;
/*
  padding-left: 40px;
  padding-right: 40px; */
}

h2 {
  /* padding-left: 6px; */
  font-size: 20px;
  margin-bottom: 8px;
  margin-top: 8px;
  color: #444444;
}

h3 {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 4px;
  margin-top: 8px;
  color: #444444;

 /* padding-left: 3px; */
}

sub, sup { 
  line-height: 0; 
}  

.footnote {
  font-size:.8em;
  color:gray;
}

.footnote dt {
  display: inline;
}

.footnote dd  {
  display: inline;
}

.footnote dt a {
  text-decoration: none;
  color: #707070;
}

.footnote dd  a {
  text-decoration: none;
  color: red;
}

td {
   vertical-align: top;
}

#ft {
   /* background-image: url(/static/i/bot.png); 
    background-repeat: repeat-x; */

  /*  text-align: center; */
}

label {
    float: right;
    margin-right: 8px;
    text-align: right;
    color: #444444;
}

label.left {
  float: left;
  text-align: left;
  font-weight: bold;
}



.example  {
    margin-top: 4px;
    font-size: 10px;
    font-family: Courier, serif;
    color: #999999;
}

table {
 margin-right: auto;
 margin-left: auto;
 border-spacing: 4px;
}

th {
 font-weight: bold;
 align: center;
 border-bottom: 1px lightgray solid;
}

td {
 padding: 4px;
}

.gsselemdoc, .gsspropdoc {
 padding: 8px;
 margin: 8px;
 width: 100%;
}

.gsselemdoc th, .gsspropdoc th {
 border: 1px lightgray solid;
 font-size: 10pt;
 margin: 8px;
 padding: 5px;
}

.gsselemdoc td, .gsspropdoc td {
 border: 1px lightgray solid;
 font-size: 10pt;
 margin: 8px;
 padding: 6px;
}

.propunit {
 text-transform: lowercase;
}
                     la
.elemname, .propaname {
 margin: 8px;
 font-size: 10pt;
 font-weight: bold;
 color: #353535;
}

.elemexample {
 font-family: monospace;
 font-size: 10pt;
}

#openid {
 background: #FFFFFF url('/static/i/openid-icon-small.gif') no-repeat scroll 0pt 50%;
 padding-left: 18px;
}

.msgs {
  font-size: 14px;
  padding-top: 8px;
  padding-bottom: 8px;
}

.call {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 0;
  margin-right: 0;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 8px;
  padding-right: 8px;
  background: #efefef;
  border: 1px solid firebrick;
  -moz-border-radius: 15px;
  -webkit-border-radius: 15px;
}

.call h1 a {
  text-decoration: none;
  color: #dd4400;
}

.call h1 a:hover {
  text-decoration: none;
  color: orangered;
}

.call:hover {
  border: 1px solid orangered;
}

.call h1 {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
  padding-left: 0px;
}

.call h2 {
  text-align: right;
  padding-right: 20px;
  margin-right: 20px;
}

h2.call:hover {
  color: black;
}

sup a {
  text-decoration: none;
  color: #707070;
}

sup a:hover {
  text-decoration: none;
  color: red;
}

.forgot-password a {
  color: blue;    
  font-size: 10px;
  margin-left: 1.5em;

}

.forgot-password a:hover {
  color: blue;
  font-size: 10px;
  margin-left: 1.5em;

}

dd {
  margin-left: 8px;
}

.right {
  text-align: right;
}

.in-left{
  margin-left: 2em;
}
.in-right {
  margin-right: 2em;  
}

.arrow {
  font-size: 36px;
}