#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{
   visibility: hidden;
   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: 95%;
   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: 150%;
}

H2{
   font-size: 120%;
}

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%;
}