/* ================= */
/* standard elements */
/* ================= */

html {
    height:100%;
    margin-bottom:1px;	
}

h1 {
    color:#222222;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:24px;
    font-weight:normal;
    margin:0px 0px 10px 0px;
}

h2 {
    color:222222;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:20px;
    font-weight:normal;
    margin:0px 0px 15px 0px;
}

h3 {
    color:222222;
    font-family:verdana, arial, helvetica, sans-serif;
    font-size:14px;
    font-weight:bold;
    margin:0px 0px 10px 0px;
}

body, p, ul, td, input, select {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #000000;
}

body {
    margin: 0px 0px 0px 0px;
}

p {
    margin: 0px 0px 15px 0px;
    line-height:140%;
}

p.indentLeft {
    margin-left:20px;
}

strong {
    font-weight:normal;
    background-color:#FFFFA4;
}

ul {
    margin:0px 0px 15px 20px;
    padding:0px 0px 0px 3px;
    line-height:160%;
    list-style:square inside;
}

hr {
    color:#999999;
    height:1px;
    border-style:solid;
}

/* ---------- */
/* hyperlinks */
/* ---------- */

a:link      { text-decoration: underline; 	color: #000088; }
a:visited   { text-decoration: underline; 	color: #000088; }
a:hover     { text-decoration: none;        color: maroon; }

/* ============ */
/* special text */
/* ============ */

.super          { font-size:8px; position:relative; top:-2px; font-weight:bold; }
.highlight      { color: maroon; font-weight: bold; }
.errorMessage   { color: maroon; font-weight: bold; }
.statusMessage  { color: maroon; font-weight: bold; }
.disabled       { color: #999999; }
.likeH1         { color:#222222; font-family:verdana, arial, helvetica, sans-serif; font-size:24px; font-weight:normal; }
.likeH2         { color:#222222; font-family:verdana, arial, helvetica, sans-serif; font-size:20px; font-weight:normal; }
.likeH3         { color:#222222; font-family:verdana, arial, helvetica, sans-serif; font-size:14px; font-weight:bold; }

/* -------------------------------- */
/* relative positioning of controls */
/* -------------------------------- */

.posL1 { position:relative; left:-1px;  }
.posL2 { position:relative; left:-2px;  }
.posL3 { position:relative; left:-3px;  }
.posL4 { position:relative; left:-4px;  }
.posL5 { position:relative; left:-5px;  }

.posR1 { position:relative; left:1px;   }
.posR2 { position:relative; left:2px;   }
.posR3 { position:relative; left:3px;   }
.posR4 { position:relative; left:4px;   }
.posR5 { position:relative; left:5px;   }

.posU1 { position:relative; top:-1px;   }
.posU2 { position:relative; top:-2px;   }
.posU3 { position:relative; top:-3px;   }
.posU4 { position:relative; top:-4px;   }
.posU5 { position:relative; top:-5px;   }

.posD1 { position:relative; top:1px;    }
.posD2 { position:relative; top:2px;    }
.posD3 { position:relative; top:3px;    }
.posD4 { position:relative; top:4px;    }
.posD5 { position:relative; top:5px;    }

/* ------------------ */
/* columns in a table */
/* ------------------ */

td.columnLabel      { padding-right:20px; padding-top:0px; padding-bottom: 7px; vertical-align:bottom; font-weight:bold; }
td.columnLabel0     { padding-right: 0px; padding-top:0px; padding-bottom: 7px; vertical-align:bottom; font-weight:bold; }
td.columnLabel05    { padding-right:05px; padding-top:0px; padding-bottom: 7px; vertical-align:bottom; font-weight:bold; }
td.columnLabel10    { padding-right:10px; padding-top:0px; padding-bottom: 7px; vertical-align:bottom; font-weight:bold; }
td.columnLabel15    { padding-right:15px; padding-top:0px; padding-bottom: 7px; vertical-align:bottom; font-weight:bold; }

td.columnValue      { padding-right:20px; padding-top:6px; padding-bottom: 7px; vertical-align:middle; }
td.columnValue0     { padding-right: 0px; padding-top:6px; padding-bottom: 7px; vertical-align:middle; }
td.columnValue05    { padding-right: 5px; padding-top:6px; padding-bottom: 7px; vertical-align:middle; }
td.columnValue10    { padding-right:10px; padding-top:6px; padding-bottom: 7px; vertical-align:middle; }
td.columnValue15    { padding-right:15px; padding-top:6px; padding-bottom: 7px; vertical-align:middle; }

tr.rowLight     { background-color:#DDDDDD; }
tr.rowDark      { background-color:#EEEEEE; }
td.lowerBorder  { border-bottom-style:solid; border-bottom-color:white; border-bottom-width:2px;}

/* ------------- */
/* form elements */
/* ------------- */

td.formLabel {
    vertical-align:top;
    padding-top:3px;
}

td.formValue {
    vertical-align:top;
    padding-left:8px;
    padding-bottom:3px;
}

td.formPlain {
    vertical-align:top;
    padding-left:8px;
    padding-top:3px;
    padding-bottom:10px;
}

td.formError {
    color:maroon;
    font-weight:bold;
    vertical-align:top;
    padding-top:3px;
}

input.button {
    padding-top:2px;
    padding-bottom:2px;
}

/* ----------------------------------- */
/* CONFIG pages with a line at the top */
/* ----------------------------------- */

table.command {
    width:700px;
    margin-bottom:10px;
}

td.commandLeft {
    padding-top:3px;
    padding-bottom:5px;
    text-align: left;	
    vertical-align:bottom;
}