/* #9aaaff */ */
.clearer {
  clear: both; }

a {
  color: #666; }

a:visited {
  color: #666; }

a:hover {
  color: #02008F;
  text-decoration: underline; }

.spinner {
  padding: 3px;
  background: url('/images/icons/spinner.gif') no-repeat center left; }

#site .user {
  position: absolute;
  top: 2px;
  right: 4px;
  font-size: 0.9em; }

#header {
  margin: 0px auto;
  padding: 0px;
  background: #FFFFFF;
  width: 900px; }
  #header .logoLeft {
    float: left;
    height: 136px;
    width: 110px;
    background: url('/images/header-background.png') repeat-x center top; }
  #header .logo {
    float: left;
    width: 660px; }
  #header .logoRight {
    float: left;
    height: 136px;
    width: 130px;
    background: url('/images/header-background.png') repeat-x center top; }

#footer {
  color: #444546;
  width: 900px;
  clear: both;
  background-color: #FFFFFF;
  /* :background                   url('/images/line1.png') repeat-x center top */ */
  padding: 0px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: auto;
  margin-top: 20px;
  text-align: center;
  border-top: 1px solid #444546; }
  #footer a {
    color: #444546;
    text-decoration: none; }
  #footer a:hover {
    color: #444546;
    text-decoration: underline; }
  #footer ul {
    list-style: none;
    padding: 0px;
    margin: 0px; }
  #footer li {
    display: inline;
    padding: 0px 20px 0px 20px;
    font-size: 24px; }
  #footer li.spacer {
    padding: 0px; }

#login_form {
  width: 650px;
  font-size: 14px;
  margin-left: auto;
  margin-right: auto; }
  #login_form .login_box {
    text-align: left;
    float: left;
    margin: 0px;
    width: 250px;
    height: 250px;
    border: 1px solid #01006F;
    padding: 5px;
    padding-left: 15px; }
  #login_form .button {
    width: 600px;
    clear: left;
    float: left;
    text-align: center;
    margin: 20px auto 0 auto; }
  #login_form .login_middle {
    float: left;
    width: 40px;
    margin-top: 100px;
    margin-left: 20px;
    margin-right: 20px;
    font-weight: bold;
    font-size: 16px;
    text-align: center; }
  #login_form input {
    margin-left: 15px;
    padding: 2px;
    font-size: 14px;
    font-weight: bold; }
  #login_form label {
    font-weight: bold;
    display: block; }

#right_panel {
  width: 150px;
  margin-top: 100px;
  float: right;
  padding: 0px; }

.box {
  border: 1px solid #AAAAAA;
  padding: 0px;
  padding-bottom: 3px;
  width: 150px; }
  .box h1 {
    margin: 0px;
    padding: 2px;
    margin-bottom: 3px;
    width: 146px;
    background-color: #CCCCCC;
    font-size: 14px; }
  .box ul {
    margin: 0px;
    padding: 2px;
    /* :list-style-type  none */ */ }
  .box li {
    margin: 1px;
    margin-left: 15px;
    padding: 0px; }

#comments {
  border-top: 1px solid black;
  margin-top: 40px; }
  #comments .comment {
    margin-top: 10px;
    border-top: 1px solid #888888;
    padding: 5px;
    width: 500px; }
  #comments .title {
    font-size: 14px;
    font-weight: bold; }
  #comments .details {
    font-size: 9px;
    color: #7f4500; }
  #comments .body {
    margin-top: 5px; }
    #comments .body p {
      margin-bottom: 5px; }

#comments_form {
  margin-top: 30px; }

.spinner {
  background-image: url('/images/icons/spinner.gif');
  display: none; }

#markup_help {
  float: right;
  width: 290px;
  padding: 10px;
  padding-right: 5px; }
  #markup_help table {
    width: 100%;
    border: 2px solid #999999; }
    #markup_help table td {
      padding: 2px;
      border-bottom: 1px solid #999999; }
    #markup_help table td.arrow {
      padding-right: 10px; }
  #markup_help h3 {
    font-size: 14px; }

#markup_help_body {
  border-left: 1px dotted black;
  padding: 10px;
  width: 280px; }

#markup_help_show {
  font-size: 12px;
  text-align: center;
  background-color: yellow;
  width: 70px;
  padding: 5px;
  padding-right: 0px;
  float: right; }