/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - https://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

/**************** Page and tag styles ****************/

body
{margin:0; padding:0; color:#303030; background:#e0e0e0 url(/ui/img/bodybg.gif) top left repeat-y; font-family: 'trebuchet ms', Helvetica, sans-serif;}

ul
{list-style:square; margin:15px 0 20px 0; padding:0;}

li
{margin:0 0 8px 20px;}

a
{color:#236691; font-weight:bold; text-decoration:none;}

a:hover
{color:#505050;}

pre
{overflow:scroll;line-height:1.5em;};

/* img */
/* {float:left; margin:0 15px 15px 0; padding:1px; border:1px solid #d0d0d0;} */

a img
{border:none;}

/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:260px; height:100%; overflow:auto; background:#e0e0e0 url(/ui/img/sidebarbg.gif) top right repeat-y; text-align:right;}

#logo img { width: 256px;}
body > #sidebar
{position:fixed;}

#sidebar h1
{margin:20px 18px 0 5px; color:#236691; font-size:1.6em; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:0.9em; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:20px 18px 4px 5px; color:#236691;}

#sidebar  p
{margin:0 20px 18px 5px; color:#606060; font-size:0.8em;}

#sidebar a
{color:#808080}

#sidebar img {border:0; padding:0;}

#footer
{position: relative;
     left: 305px;
     font-size:60%;
};

/**************** Navigation menu styles ****************/

.menu {
    list-style-type: none; border:0; padding:0;
}

.menu li {margin:0;}

.menu a
{display:block; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0; border-right: 2px solid silver; border-bottom:2px solid transparent; border-top:2px solid transparent; font-size:1.1em; font-weight:normal; text-decoration:none; letter-spacing:-1px; line-height: 1.5em;}

.menu a:hover
{color:#303030; background:#caddf9;}

.menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;border-right:2px solid #fafafa;}

.menu a.active:hover
{color:#505050; background:#fafafa;}

/**************** Content area styles ****************/

#content, #banner
{width:650px; margin:0 0 0 305px; padding:20px 0; background:#fafafa;}

#content p
{margin:0 0 20px 0; line-height:1.5em;}

#content h1
{margin:0; color:#236691; font-size:3em; letter-spacing:-2px; text-align:left; padding-bottom:.25em;}

#content h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#content h3
{clear:both; margin:30px 0 10px 0; color:#236691; font-weight:normal; font-size: 2em; letter-spacing:-2px;}

/**************** Form styles ****************/
fieldset
{margin-bottom:1em;border:2px solid #236691;background:#dee7ef;}

legend
{background:#236691; padding:.2em .5em; color:#fff; font-weight: bold;}

label
{width: 8em; float:left; clear:left; text-align:right; margin-right:0.5em; display:block;margin-bottom:.5em;padding-top:.3em;font-weight:bold;}

label:after
{content: ":";}

input.submit
{display:block;margin-left:10em;}

fieldset input, fieldset textarea
{margin-left:7.5em;display:block;width:29em;font-family: 'trebuchet ms', Helvetica, sans-serif; font-size:1em;margin-bottom:.5em;}

.essentials input, .essentials textarea
{margin:0}

fieldset p.hint
{padding-left:137px;font-size:70%;margin:0 0 5px !important;}

textarea
{height:8em;}

label.highlight
{color:#d8000c;}

input.highlight, textarea.highlight
{border:2px solid #d8000c;}

#content form div{position:relative;text-align:left;}
label.invalid{text-align:left;display:block;position:absolute; left:620px;top:0;z-index:50;}
label.invalid{padding:5px;color:#d8000c; background-color:#ffbaba;border:1px solid #d8000c;width:10em;font-size:75%;text-indent:-1.7em;}
label.invalid:before {content:"◀";color:#d8000c;font-size:150%;line-height:.9em;}

label.invalid:after
{content: "";}

.uploader {margin-left:8.5em;}

.accept, .remove {display:inline;}
.accept .button, .remove .button, .actions .button {width:32px;}
/**************** Messages ****************/
/* Borrowed from https://css.dzone.com/news/css-message-boxes-different-me */
.info, .success, .warning, .error, .validation, .why
{ border:1px solid; margin:10px 4px; padding:15px 10px 15px 50px; background-repeat:no-repeat; background-position:.65em .65em;background-size:32px;}

.info, .why
{ color:#00529b; background-color:#bde5f8; background-image:url(/ui/img/info.svg); }

.success
{ color:#4f8a10; background-color:#dff2bf; background-image:url(/ui/img/ok.svg); }

.warning
{ color:#9f6000; background-color:#feefb3; background-image:url(/ui/img/warning.svg);}

.error
{ color:#d8000c; background-color:#ffbaba; background-image:url(/ui/img/error.svg);}

/**************** Tables ****************/
/* Borrowed from https://veerle-v2.duoh.com/blog/comments/a_css_styled_table/ */
table
{width:100%;border-spacing:0;border-collapse:collapse;}

th
{font-weight:bold; font-size:90%; color:#236691; border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; border-top:1px solid #C1DAD7; text-align:left; padding:6px; background:#CAE8EA;}


th:first-child, td:first-child
{border-left:1px solid#c1dad7;}

th.nobg
{text-transform:uppercase; border-top:0; border-left:0; border-right:1px solid #C1DAD7; background:none;}

tr.specalt a
{font-weight:bold;}

tr.spec th
{border-left:1px solid #C1DAD7; border-top:0; background:#fff; font-weight:bold; font-size:90%;}

tr.specalt th
{border-left:1px solid #C1DAD7; border-top:0; background:#eaf7fb; font-weight:bold; font-size:90%;}

td
{ border-right:1px solid #C1DAD7; border-bottom:1px solid #C1DAD7; background:#fff; padding:6px 6px 0;}

tr.specalt td
{background:#eaf7fb;}

tr {vertical-align:middle;}

td.actions
{text-align:center;}
td.actions form {margin-top:-2px;}

th img
{border:0;margin:0 .5em 0;width:32px;padding:0;vertical-align:-7px;}

thead th img
{vertical-align:-9px;}

table th .control
{float:right; text-align:right;text-transform:none;}
table th .control img
{margin-right:2px;}

#userlist .userinfo {display:none;background:transparent url(/ui/img/bubup.svg) 34px 0 no-repeat;margin:0;width:20em;padding-top:12px;z-index:10}
#userlist .userinfo .why {padding-bottom:0;margin-right:0;margin:0;}
#userlist .userinfo blockquote {margin-left:-40px;margin-right:10px;font-style:italic;font-size:80%}
#userlist .userinfo blockquote p {white-space:pre-wrap;}

/**************** Definition Lists ****************/
#content dt
{font-weight:bold;color:#236691;float:left;clear:left;width:7em;text-align:right;line-height:1.5em;}
#content dt:after
{content:":";}
#content dd
{margin: 0 0 0 7.5em;}
#content dd li {padding-top:.1em;}

#distlinks
{ border:1px solid; margin:10px 4px; padding:15px 10px 15px 50px;color:#aaa;background-color:#ffc;width:8em;list-style:none;padding:10px;margin:0;float:right;}
#distlinks li
{margin:0 0 .5em 0;}
#distlinks img
{border:0;vertical-align:middle;width:32px;}

#content p.dist
{width:440px;}

#credits dt
{color:black;}
#credits dd
{line-height:1.5em;}