/**********************************************
 * general
 ***********************************************/

body {
 background-color: #FFFFFF;
 margin-left: 0px;
 margin-top: 0px;
 margin-right: 0px;
 margin-bottom: 0px;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 100%;
}

body.www {
 background-color: #ffffff;
 background: url(/images/greyback.gif) repeat-y 0px 0px;
 margin: 0px;
}

hr {
 width: 98%;
 border-bottom: 10px solid #C1C1C1;
 border-top: 1px solid black;
 margin-top: 25px;
 margin-bottom: 15px;
 margin-left: 0px;
 
}

table {
 padding: 0px;
 margin: 0px;
 border-spacing: 0px;
}

table.lookup_form {
 width: 98%;
 background-color: #F1F1F1;
}

tr, td {
 vertical-align: top;
 padding: 2px;
 margin: 0pt;
 font-size: 12px;
}

.pad {
  padding: 3px;
  margin: 3px;
}

.nopad {
  padding: 0px;
  margin: 0pt;
}

tr.navspacer {
  height: 34px;
  margin: 0px;
  padding: 0px;
}

td.nav1 {
  background-color: #D3354E;
  border: 5px solid black;
  font-weight: bold;
  vertical-align: middle;
  width: 80%;
  margin-left: 25px;
}

table.toptable {
  padding: 0px;
  margin: 0px;
  width: 100%;
  background: url(/images/greytop.gif) repeat-x 0px 0px;
}

table.topnavbox {
  width: 95%;
}

tr.topmenu, td.topmenu {
  height: 30px;
  padding: 0px;
  margin: 0px;
}

td.logo {
  width: 125px;
  padding: 15px;
}

td.tagline {
  height: 30px;
  width: 30%;
  text-align: right;
}

td.empty {
  font-size: 9px;
  color: #999999;
  border: 1px dotted #999999;
  padding: 1px;
  text-align: center;
}

img.thumbnail {
  border: 2px dotted black;
  margin: 3px;
}

img {
  border: 0px;
  margin: 0px;
  padding: 0px;
}

.datatable {
  width: 98%;
  margin-left: 10px;
  padding: 1px;
}

.data {
  padding: 3px;
}

.small {
 font-size: 90%;
 padding: 3px;
}

.source {
 background-color: #FFFFFF;
 font-size: 110%;
}


h1 {
 font-size: 125%;
}

h2 {
 font-size: 14px;
 background-color: #C1C1C1;
 border-bottom: 2px solid black;
 width: 98%;
 padding: 3px;
 margin-top: 0px;
}

ol {
 padding: 0px;
 margin: 0em 0em 1em 1.6em;
}

ul {
 padding: 0px;
 margin: 0px 0em 0px 2.2em;
 list-style: square;
}

li { 
 margin-bottom: 0.3em;
}

.report {
  font-weight: bold;
  background-color: #E58983;
} 

.detail_title {
  font-weight: bold;
}

.good_detail {
  background-color: #B0DDB2;
  padding-left: 4px;
}
.warn_detail {
  background-color: #EBE8A0;
  padding-left: 4px;
}
.bad_detail {
  background-color: #E58983;
  padding-left: 4px;
}
.report_detail {
  background-color: #FBCC25;
  font-weight: bold;
  padding-left: 4px;
}
.type_delist {
  background-color: #EAED8C;
  padding-left: 4px;
}
.type_modlist {
  background-color: #E8D882;
  padding-left: 4px;
}
.black {
  font-weight: bolder;
  font-size: 110%;
  color: #FFFFFF;
  background-color: #000000;
  padding: 1px;
}
.grey {
  font-weight: bolder;
  font-size: 110%;
  color: #FFFFFF;
  background-color: #777777;
  padding: 1px;
}
.green {
  font-weight: bolder;
  font-size: 110%;
  color: #FFFFFF;
  background-color: #00AA00;
  padding: 1px;
}
.red {
  font-weight: bolder;
  font-size: 110%;
  color: #FFFFFF;
  background-color: #AA0000;
  padding: 1px;
}
.yellow {
  font-weight: bolder;
  font-size: 110%;
  color: #FFFFFF;
  background-color: #bcbc53;
  padding: 1px;
}
.white {
  font-weight: bolder;
  font-size: 110%;
  color: #000000;
  background-color: #FFFFFF;
  padding: 1px;
  border: 2px solid black;
}
.status_subbed {
  color: #FFFFFF;
  background-color: #30517D;
  font-weight: bold;
  padding: 1px;
}

.status_perm {
  color: #FFFFFF;
  background-color: #B2AD56;
  font-weight: bold;
  padding: 1px;
}
.status_notlisted {
  background-color: #5C9230;
  color: #FFFFFF;
  font-weight: bold;
  padding: 1px;
}
.status_listed {
  color: #FFFFFF;
  background-color: #AA0000;
  font-weight: bold;
  padding: 1px;
}
.status_inactive {
  background-color: #C3C3C3;
  font-weight: bold;
  padding: 1px;
}
.active {
  background-color: #94DE92;
  font-weight: bold;
}
.expired {
  background-color: #DB9B87;
  font-weight: bold;
}
.highlite {
  background-color: #F0EFC0;
  padding: 5px;
}
.row0 {
  font-size: 100%;
  background-color: #F3F3F3;
  width: 98%;
}
.row1 {
  font-size: 100%;
  background-color: #FFFFFF;
  width: 98%;
}
.row2 {
  font-size: 100%;
  background-color: #F3F3F3;
  width: 98%;
}
.keys1 {
  margin-left: 5px;
  padding: 1px;
  font-size: 100%;
  background-color: #EEEEEE;
  width: 98%;
}
.keys2 {
  margin-left: 5px;
  font-size: 100%;
  background-color: #E6E6E6;
  width: 98%;
}

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

.tdcontent {
  font-size: 90%;
  background-color: #FFFFFF;
}

.title {
  font-size: 13px;
  font-weight: bold;
  color: white;
  background-color: #3b3b4c;
  width: 98%;
}

tr.start_table {
  background-color: #FFFFFF;
  color: black;
}

.heading {
  color: black;
  font-weight: bold;
  padding: 2px;
  background-color: #E3E3E3;
  border-bottom: 2px solid black;
}

/**********************************************
 * navigation
 ***********************************************/

a:link, a:visited, a:active, a:hover {
 text-decoration: none;
 color: #D3354E;
 padding: 2px;
 font-weight: bold;
 font-size: 90%;
}

a:hover {
 text-decoration: none;
 color: white;
 background-color: #D3354E;
 padding: 2px;
 font-weight: bold;
 font-size: 90%;
}
 

a.navitem:link, a.navitem:visited, a.navitem:active, a.navitem:hover {
 font-weight: bold;
 font-size: 90%;
 text-decoration: none;
 color: white;
 background-color: #D3354E;
 padding: 2px;
}

a.navitem:hover {
 font-weight: bold;
 color: black;
 font-size: 90%;
 text-decoration: none;
 background-color: white;
 padding: 2px;
}


a.leftnavitem:link, a.leftnavitem:visited, a.leftnavitem:active, a.leftnavitem:hover {
 font-weight: bold;
 font-size: 90%;
 text-decoration: none;
 color: white;
 padding: 2px;
}

a.leftnavitem:hover {
 font-weight: bold;
 color: white;
 font-size: 90%;
 text-decoration: none;
 padding: 2px;
}

td.footer {
 padding: 0px;
 margin-top: 0px;
 margin-left: 0px;
 width: 100%;
}

table.contentarea, tr.contentarea {
 padding: 5px;
 margin-top: 5px;
 margin-left: 25px;
 width: 95%;
}

td.leftmenu {
 width: 10%;
 margin: 0px;
 padding: 0px;
}
td.rightframe {
 width: 90%;
 margin: 0px;
 padding: 0px;
}

table.content {
  width: 100%;
  padding: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
}

td.content {
 padding: 15px;
 width: 100%;
 margin-left: 10px;
 margin-top: 0px;
 margin-right: 50px;
}

table.leftnavitem {
 padding: 5px;
 border: 5px solid black;
 margin-top: 15px;
 margin-left: 10px;
 margin-right: 0px;
 margin-bottom: 0px;
 background-color: #808080;
 width: 125px;
 text-align: right;
}

tr.leftnavitem:hover, td.leftnavitem:hover {
 background-color: #D3354E;
}

td.leftnavitem {
 margin: 3px;
 padding: 5px;
}

table.login_submit {
  width: 98%; 
  text-align: center;
}

input.submit {
  font-size: 12px;
  font-weight: bold;
  color: white; 
  background-color: #D3354E;
  border: 2px solid black;
  margin: 2px;
  padding: 1px;
}

tr.nav, TD.nav {
  background-color: #E3E3E3;
}

td.submit{ 
  padding: 2px;
  font-weight: bold;
  background-color: #E3E3E3;
  border-top: 2px solid black;
}

a.comment:hover span.comment {
  display: inline;
  position: absolute;
  width: 400px;
  height: 400px;
  text-align: left;
  color: black;
  background: #E9E9E9;
  border: 2px solid black;
  padding: 8px;
}
a.comment {
  text-decoration: none;
}
a.comment:hover {
  background: none;
  color: black;
}
a.comment span.comment {
  display: none;
}

a.smcomment:hover span.smcomment {
  display: inline;
  position: absolute;
  width: 400px;
  height: 100px;
  text-align: left;
  color: black;
  background: #E9E9E9;
  border: 2px solid black;
  padding: 8px;
}
a.smcomment {
  text-decoration: none;
}
a.smcomment:hover {
  background: none;
  color: black;
}
a.smcomment span.smcomment {
  display: none;
}

pre {
 font-size: 100%;
 padding: 0px;
}

img.mxtools {
 float: right;
 display: inline-block;
 padding: 10px;
 width: 200px; 
}

img.i2net {
 float: right;
 display: inline-block;
 padding: 10px;
 width: 200px; 
}

div.indent {
 margin-left: 100px;
}

div.pre {
 font-family: Courier New, fixed;
 padding: 1px;
 color: black;
 line-height: 1.1em;
 white-space: pre;
}

a.nohover:link, a.nohover:visited, a.nohover:active, a.nohover:hover {
 text-decoration: none;
 padding: 2px;
 color: #D3354E;
 background: none;
 background-color: white;
 font-weight: bold;
 font-size: 90%;
}

a.nohover:hover {
 background-color: white;
 padding: 2px;
}

b.news {
  display: block;
  margin-bottom: 5px;
}

ul.news, ol.news {
  margin-left: 20px;
  margin-right: 30%;
}

li.news {
  margin-left: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
  list-style-type: square;
}

div.mirror3 {
 width: 250px;
 height: 150px;
 background-color: #F7E4E7;
 color: #000000;
}
div.mirror2 {
 width: 250px;
 height: 150px;
 color: #f0e68c;
 color: #000000;
 background-color: #ffffe0;
}
div.mirror1 {
 width: 250px;
 height: 150px;
 color: #000000;
 background-color: #E4F7E4;
}