/**************************************
 * Global style settings
 **************************************/
* {
    margin: 0px;
    font-family: sans-serif;
    font-size: 10pt;
}

a img { border: none; vertical-align: middle; }

h1 { font-size: 16pt; }
h2 { font-size: 12pt; }
h3 { font-size: 10pt; }
.blurb { padding-left: 1em; margin-bottom: 1em;}

/***************************************
 * Header style settings
 ***************************************/
#header { 
    display: block; 
    border: 1px solid black; 
    overflow: hidden; 
    clear: both;
    background: #070707;
    color: #AAAAAA;
}

/****************************************
 * Menu bar
 ****************************************/
#navigation li, #navigation a {
    float:left;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
    clear: none;
    overflow: hidden;
    display: block;
    background: #242424;
    border-left: 1px solid #777;
    border-right: 1px solid #333;
    border-top: 1px solid #444;
}

#navigation .current a:hover {
    background:#ef7500;
}
#navigation a:hover {
    background:#363636;
}
#header a, #header a:hover {
    color:#FFFFFF;
    text-decoration:none;
}
#header li.current a { color: #000; }

#navigation a {
    color:#AAAAAA;
    font-family:"Trebuchet MS",Trebuchet,Verdana,Arial,Helvetica,sans-serif;
    height:25px;
    /* line-height:40px; */
    padding: 10px;
    font-size: 12pt;
    text-transform: uppercase;
    vertical-align: middle;
    display: inline;
}
.current img { vertical-align: middle; }

#navigation .current a {
    background: #e86c00;
}
#userinfo {
    float: right;
    font-size: 8pt;
    text-align: right;
    position: absolute;
    right: 0px;
    top: 0px;
    line-height: 0.9;
}
/*********************************************
 * Styles for the content section of each page
 *********************************************/
#content {
    margin: 1em;
}
.spacer { margin-left: 3em; }
#navigation li.logout { float: right; margin-top: 17px; margin-right: 1px;}
#navigation li.logout a { color: #E86C00; font-size: 8pt; height: 14px; padding: 7px; }


/*********************************************
 * Table style #1
 *********************************************/
table.datatable {
    border: 0px;
    border-spacing: 0px;
}
table.datatable thead th {
    border-bottom: 2px solid black; 
    padding-left: 1em;
    text-align: left;
}
table.datatable td {
    vertical-align: middle;
    padding-left: 1em;
    padding-bottom: 0.1em;
    padding-top: 0.1em;
    border-bottom: 1px solid #aaa;
}
table.datatable caption {
    font-size: 14pt;
    font-weight: bold;
}

table.dictionary th {
    text-align: right;
    vertical-align: top;
}

table.dictionary td {
    padding-bottom: 0.4em;
    border: none;
}

/***********************************
 * Style elements
 ***********************************/

.greyblock {
    border: 1px solid #bbb;
    background: #eee;
    padding: 1em;
    overflow: hidden;
}

.floater {
    background: #ffeda6; border: 1px solid #777; padding: 1em;
}

#flashMessage { width: 300px; margin-left: auto; margin-right: auto; text-align: center; border: 2px solid red; }

#imagepreview{
    position:absolute;
    border:1px solid #ccc;
    background:#333;
    padding:5px;
    display:none;
    color:#fff;
}

.sitenote, sup {
    font-size: 8pt;
}