body {
  color: #000;
  background-color: #c3d6e6;
  font-family: verdana, arial, helvetica, sans-serif;
  margin: 4px
}

img {
  border: 0px
}

p {
  color: #000;
  background-color: transparent;
  font-size: 12px;
  font-weight: normal
}

h1 {
  color: #003399;
  font-size: 18px;
  font-weight: bold
}

h2 {
  color: #f60;
  font-size: 12px;
  font-weight: bold;
  text-transform: capitalize
}

h2, table.menu h2  {
  border-bottom: solid 1px #86c0f0;
  color: #003399;
  font-weight: bold;
  text-align: center;
  margin: 2px
}

div.quote  {
  border: solid 1px #86c0f0;
  background-color: #ccc;
  margin: 6px;
  padding: 4px
}

a:link,
a:active,
a:visited {
  color: #325cb4;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
}

a:hover {
  color: #c00
}

table.preview {
  color: #000;
  background-color: #336699;
  font-size: 10px;
  text-decoration: none
}

table {
  color: #000;
  font-size: 12px;
  text-decoration: none
}

table.collect {
  color: #000;
  font-size: 12px;
  text-decoration: none;
  margin: 0 auto
}

table.lcollect {
  color: #000;
  font-size: 12px;
  text-decoration: none
}

table.collect td.heading, table.lcollect td.heading {
  color: #44b;
  font-weight: bold;
  text-align: right
}

div.centered {
  text-align: center
}

div.template {
  position: relative;
  margin: 0 auto;
  width: 980px
}

table.popTemplate {
  position: relative;
  margin: 0 auto;
  width: 500px
}

table.popTemplate td.body {
  text-align: left;
  color: #000;
  width: 500px;
  background-color: #fff;
  padding: 6px
}

table.template td.hf, table.popTemplate td.hf {
  color: #000;
  background-color: #86c0f0
}

table.template td.header {
  color: #000;
  background-color: #ffffff
}

table.template td.marquee {
  color: #000;
  width: 150px;
  background-color: #fff;
  vertical-align: top;
  border-right: solid 1px #86c0f0;
  padding: 0px
}

table.template td.body {
  color: #000;
  width: 830px;
  vertical-align: top;
  background-color: #fff;
  padding: 6px
}

table.template td.noauth {
  color: #000;
  width: 980px;
  background-color: #fff;
  padding: 6px#336699
}

.footer {
  color: #000;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  margin: 4px;
  padding: 0px
}

.footer a:link,
.footer a:active,
.footer a:visited {
  font-size: 11px;
  text-decoration: none
}

.footer a:hover {
  color: #f00;
  text-decoration: underline
}

div.messageBoxSuccess {
  border: solid 1px green;
}

div.messageBoxWarning {
  border: solid 1px #ffa620;
}

div.messageBoxError {
  border: solid 1px red;
}

div.messageBoxError, div.messageBoxWarning, div.messageBoxSuccess {
  background-color: #AAA;
  margin-left:10px;
  margin-right:10px;
  margin-top:0px;
  margin-bottom:10px;
  padding: 0px
}

div.messageBoxSuccess table, div.messageBoxWarning table, div.messageBoxError table {
  color: #000;
  font-size: 12px;
  font-weight: normal
}

p.status {
  color: #fff;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  margin: 4px
}

p.status a:link,
p.status a:active,
p.status a:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
}

p.status a:hover {
  color: #003399;
}

table.menu p {
  color: #000;
  font-weight: bold;
  text-align: left;
  margin: 4px
}

table.menu h2 a:link,
table.menu h2 a:active,
table.menu h2 a:visited {
  font-weight: bold;
  font-size: 12px;
  color: #325cb4;
  text-decoration: none
}

table.menu h2 a:hover {
  color: #c00
}

table.menu p a:link,
table.menu p a:active,
table.menu p a:visited {
  font-weight: bold;
  font-size: 12px;
  color: #325cb4;
  text-decoration: none;
}

table.menu p a:hover {
  color: #000;
}

.regular {
  color: green;
  font-weight: bold;
}

.warning{
  color: #003399;
  font-weight: bold;
}

.critical{
  color: red;
  font-weight: bold;
}

table.dump {
  color: #000;
  font-size: 12px;
  text-decoration: none
}

table.dump th {
  color: #fff;
  background-color: #336699;
  font-weight: bold;
  text-align: left
}

table.dump td {
  background-color: #eee
}

table.dump td.highlighted {
  background-color: #91CFF7
}

.btn, .btn a {
  display:block;
  width:150px !important;
  height:45px;
  border:none;
  font-family:arial, helvetica, sans-serif !important;
  line-height:45px !important;
  background:url(../layout/button.jpg) top left no-repeat;
  text-align:center;
  color:#fff !important;
  font-weight:bold;
  text-decoration:none;
  padding:0;
  margin:0 auto;
}

form .btn {
  padding-bottom:4px;
}

#content {
  color: #000;
  background-color: #ffffff;
  float: right;
  height: 500px;
  padding-top:15px;
}

  
#content #index {
  width:667px; /* Enable to center the forms */
  margin:10px auto 10px auto;
}
    
#index .box {
  width:323px;
  float:left;
}
    
#index .box p {
  clear:both;
  padding-top:10px;
  text-align:left;
}
	
div#content .centered, div#content P.centered  { /*to make something centered*/
  text-align:center;
  margin:0 auto;
}