#domain{
   float: right;
   padding-right: 0.5em;
}

#header{
   font-family: sans-serif;
   font-size: 80%;
   background-color: #5588dd;
   color: #ffffff;
   padding-left: 0.4em;
   padding-top: 0.15em;
   padding-bottom: 0.15em;
   border-bottom: #3366bb 0.15em solid;
   border-right: #3366bb 0.15em solid;
   border-top: #77aaff 0.15em solid;
   border-left: #77aaff 0.15em solid;
}

#footer{
   margin-top: 2.5em;
   padding-top: 0.15em;
   border-top: #5588dd 0.15em solid;
   font-size: 80%;
   padding-bottom: 0.8em;
   color: #888888;
}

#panel{
   font-family: sans-serif;
   font-size: 80%;
   position: absolute;
   right: 0.5em;
   top: 2.5em;
   width: 19%;
   padding-top: 0.8em;
   padding-bottom: 0.8em;
   padding-left: 1em;
   padding-right: 0.5em;
}

#content
{
   top: 2.5em;
   position: absolute;
   width: 75%;
   left: 1em;
}

.panelheading{
   background-color: #5588dd;
   font-weight: bold;
   padding-left: 0.15em;
   color: #000000;
   padding-top: 0.05em;
   padding-bottom: 0.05em;
}

.panelbody{
   padding-left: 0.65em;
   padding-top: 0.5em;
   padding-bottom: 0.5em;

}

.panelsection{
   background-color: #eeeeee;
   margin-bottom: 1.5em;
   border: 1px #cccccc solid;
}

BODY{
   background-color: #ffffff;
   color: #000000;
}

H1{
   font-size: 1.5em;
   border-bottom: 1px solid #5588dd;
}

H2{
   font-size: 1.3em;
   border-bottom: 1px dotted #5588dd;
}

H3{
   font-size: 1.15em;
}

TH{
   text-align: left;
}

.heading {
   background-color: #5588dd;
   color: #ffffff;
   font-size: 80%;
   padding: 0.25em;
   font-family: sans-serif;
   
   background-image: url("/img/gradient.png");
   background-repeat: repeat-y;
   background-position: center right;
}

/* Sortable tables */
table.sortable a.sortheader {
   background-color:#aaaaaa;
   color:#000000;
   font-weight: bold;
   text-decoration: none;
   display: block;
}

table.sortable span.sortarrow {
   color: black;
   text-decoration: none;
}

/* DHTML popups */
.popup {
   border-bottom: 2px #444444 solid;
   border-right: 2px #444444 solid;
   border-top: 2px #bbbbbb solid;
   border-left: 2px #bbbbbb solid;
   
   position:absolute;
   left:50px;
   top:50px;
}

.popupiframe {
   width: 99%;
   height: 99%;
}

.popupheading {
   background-color: #5588dd;
   font-family: sans-serif;
   font-size: 80%;
   color: #ffffff;
   height: 20px;
   vertical-align: middle;
   line-height: 20px;
}

.popupcontent {
   background-color: #eeeeee;
   border: 1px #cccccc solid;
   width: 100%;
   height: 100%;
}

.infobox {
   width: 100%;
}

.help {
   background-color: #eeeeee;
   border: 1px #aaaaaa solid;
   padding: 0.1em;
   margin-left: 2em;
   margin-right: 2em;
}

.greyed, .greyed A{
   color: #999999;
}

.error{
   background:url("/img/message_critical_new.png") no-repeat 5px center;

   margin: 0.5em;
   padding: 13px 10px 13px 50px;
   border: 1px solid #f00;
   background-color: #fbb;
}