body,html{
  color: #000000;
  font-family: Verdana, Arial;
  margin: 0px; 
}

/* hyperlinks*/

a{
  color: #1c6280;
}

a:hover{
  color: #e34e21;
}

/* BANNER STYLES */


div.bn_cpt{
  margin-top: 10px;
  margin-left: 50px;
}

a.banner{
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1.2em;
  font-family: Georgia;
}

a.banner:hover{
  text-decoration: underline;
}


ul.upperlinks{
  margin: 10px 20px 0px 0px;
}

ul.upperlinks li{
  color: #b6d1d4;
  float: right;
  list-style: none;
  margin: 2px;
}

li.ulinks a{
  color: #FFFFFF;
  text-decoration: none;
  font-size: .8em;
  font-family: Verdana;
}

li.ulinks a:visited{
  color: #FFFFFF;
  text-decoration: none;
  font-size: .8em;
}

li.ulinks a:hover{
  text-decoration: underline;
}

/* layout styles */


#container{
  color: #000000;
  margin: 0px auto;
  min-width: 900px;
}

#banner{
  color: #FFFFFF;
  background: #225577 url('/manage/images/bannerbg.gif');
  height: 50px;
  overflow: hidden;
  min-width: 900px;
}

#menus{
  color: #000000;
  width: 152px;
  position: relative;
  left: 10px;
  margin-top: 10px;
  margin-left: 10px;
}

#content{
  color: #000000;
  position: absolute;
  left: 180px;
  top: 70px;
  right: 0px;
}

#footer{
  color: #000000;
  clear: both;
  text-align: center;
  display: none;
}

/* LOGIN PAGE */

#loginpage{
  width: 350px;
  margin: 100px auto;
}

#loginheader{
  color: #225577;
  font-size: 2em;
  text-align: center;
  margin-bottom: 10px;
}

#login{
  background: #FFFFDD;
  border: 1px solid #003355;
  padding: 20px 10px;
  margin-top: 10px;
  font-size: .75em;
}

#loginfooter{
  margin-top: 30px;
}

#loginfooter a{
  color: #22bbff;
  margin-left: 20px;
  font-size: .75em;
}

loginfooter a:hover{
  color: #e34e21;
}

#login input.l{
  font-family: 'Georgia';
  font-size: 2em;
  width: 100%;
}

#login input.s2{
  color: #FFFFFF;
  background: #225577;
  font-size: 1.5em;
  border: none;
  padding: 3px 10px;
}

/* custom styles */

div.comment{
  width: 100px;
  float: left;
  margin: 5px 5px 0px 0px;
}

div.comment a{
  font-size: 10pt;
}

div.comment img{
  border: none;
}

div.goright{
  text-align: right;
  margin-top: 9px;
}

div.center{
  margin-top: 10px;
  text-align: center;
}

div.centre{
  text-align: center;
}

table.hits{
  font-size: 10pt;
}

div.tinyft{
  color: #000000;
  font-size: 6pt;
  font-style: italic;
}

h1{
  margin: 0px;
}

h2{
  margin: 0px;
  font-style: italic;
  font-family: Georgia;
  font-weight: none;
}

textarea.s{
  color: #FFFFFF;
  background: #3399cc;
  border: 1px solid #000000;
}

span.error, span.error{
  color: #FF0000;
}

img.display{
  margin: 0px auto;
}

form{
  display: inline;
}

iframe{
  background: #FFFFFF;
}

/* CUSTOM INPUT STYLES */

textarea.s1{
  color: #000000;
  background: #eaf3fa;
  font-family: Verdana;
  border: 1px solid #000000;
  font-size: 1em;
  padding: 2px;
}

input.s{
  border: 1px solid #000000;
  background: #eaf3fa;
  font-family: Verdana;
  font-size: 1em;
  padding: 2px;
}

label.s{
  font-family: Verdana; 
}

input.s2{
  color: #FFFFFF;
  background: #225577;
  font-size: 1.5em;
  border: none;
  padding: 3px 10px;
}

input.s3{
  color: #FFFFFF;
  background: #225577;
  font-size: 1em;
  border: none;
  padding: 3px 10px;
}

/* custom divs */

div.confirm{
  border: 2px solid #ffdd00;
  background: #ffffff;
  width: 300px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  position: absolute;
  left: 50%;
  margin-left: -250px;
}

div.conhead{
  color: #000000;
  background: #eedd22;
  font-weight: bold;
  text-align: center;
  padding: 5px;
}

div.error{
  color: #000000;
  background: #eedd22 url('/manage/images/alert.gif') no-repeat 10px;
  border: 1px solid #ff3322;
  padding: 10px 10px 10px 35px;
}

div.success{
  color: #000000;
  background: #00bb11 url('/manage/images/checkmark.gif') no-repeat;
  background-position: 8px 10px;
  border: 1px solid #00ff00;
  padding: 10px 10px 10px 40px;
}

div.success2{
  color: #000000;
  background: #FFFFAA;
  border: 1px solid #FFAA00;
  padding: 10px;
  font-size: .75em;
}

div.imglft{
  padding: 5px;
  margin: 5px 5px 5px 0px;
  height: 200px;
  border: 1px solid #225599;
  float: left;
}

div.clear{
  clear: both;
}

/* table styles */

table.tbl{
  font-size: 1em;
}

tr.heading{
  color: #000000;
  background: #eaf3fa;
  font-family: Verdana;
}

th.head, td.head{
  padding: 10px;
  text-align: left;
}

td.error{
  color: #000000;
  background: #fedddd;
  padding: 10px;
  font-weight: bold;
}

td.line{
  border-bottom: 1px solid #CCCCCC;
  height: 45px;
}

td.success{
  color: #00ff00;
}

td.err{
  color: #ff0000;
}

div.xt{
  margin-top: 5px;
  display: none;
}

div.xt a{
  color: #1c6280;
  font-size: .8em;
  text-decoration: none;
}

div.xt a:hover{
  color: #e34e21;
  text-decoration: underline;
}

a.tbl{
  color: #1c6280;
  text-decoration: none;
  font-size: 1em;
}

a.tbl:hover{
  color: #e34e21;
}

div.phoptions{
  border: 1px solid #000000;
  background: #dddddd;
  padding: 4px;
  margin-top: 3px;
  font-size: 8pt;
  text-align: left;
}

tr.row{
  color: #000000;
}

tr.error{
  background: #ff0000;
}

td.leftsd{
  background: #003591;
}

td.s{
  padding: 15px;
}

/* menu styles
  Be sure to make it pretty!
*/

div.heading{
  color: #FFFFFF;
  text-align: center;
  padding: 5px;
  margin: 10px 0px 0px 20px;
  border: #cccccc;
  background: #225577;
  font-size: .75em;
}

ul.menu{
  margin: 0px;
  padding: 0px;
}

li.mnu{
  background: #eaf3fa;
  border: 1px solid #dfdfdf;
  border-top: 1px solid #FFFFFF;
  list-style: none;
  padding: 6px 5px;
}

li.sep{
  list-style: none;
  margin-left: 2px;
}

li.active{
  border: 1px solid #000000;
  list-style: none;
  background: #225577 url('/manage/images/mnubg.gif');
  padding: 6px 5px;
}

li.mnu a{
  color: #1c6280;
  text-decoration: none;
  font-family: Verdana;
  font-size: .8em;
}

li.mnu a:hover{
  color: #e34e21;
}

li.active a{
  color: #ffffff;
  text-decoration: none;
  font-family: Verdana;
  font-size: .8em;
}


/* DASHBOARD STYLES */

table.floating{
  color: #496280;
  float: left;
  min-width: 300px;
  margin: 0px 5px;
  border: 1px solid #dfdfdf;
  border-bottom: none;
}

table.floating a{
  text-decoration: none;
}

table.floating a:hover{
  text-decoration: underline;
}

tr.dashhead{
  color: #093e56;
  background: #dfecf6;
}

tr.dash{
  background: #faf9f7;
}

table.floating td{
  border-bottom: 1px solid #dfdfdf;
}