/* Body style */

body           { background: white; overflow: -moz-scrollbars-vertical;
                 font-family: Verdana, Arial, Helvetica; font-size: 8pt;
                 padding: 0; margin: 0; border: 0; margin-right: 1px; }

/* Page layout elements */

#main          { width: 963px; margin: 0 auto; padding: 0; }

/* Header style */

#header        { background: url(/img/skin/top2.png);
                 position: relative; /* This makes absolute positioning work on tabs */
                 height: 127px; padding: 0 7px; margin: 8px 0 5px 0;
                 font-family: Arial,Helvetica,sans-serif; }
#header #title { color: white; position: absolute;
                 bottom: 10px; left: 20px;
                 font-family: Verdana,Helvetica,sans-serif; }
#toplink       { background: url(/img/skin/tab_bg.png) no-repeat;
                 position: absolute; height: 32px; width: 102px;
                 right: 10px; top: 27px; text-align: center; }
#toplink a     { display: block; font-size: 16px; height: 32px;
                 color: black; text-decoration: none; line-height: 32px; }

/* Menu style */

#menu             { height: 37px; width: 100%; font-size: 13px;
                    font-weight: bold; font-family: Arial,Helvetica,sans-serif; }
#menu div.bgleft  { background: url(/img/skin/menu_left.png) left top no-repeat;
                    height: 37px; }
#menu div.bgright { background: url(/img/skin/menu_right.png) right top no-repeat;
                    height: 37px; }
#menu ul          { display: block; background: url(/img/skin/menu_bg.png) repeat-x;
                    margin: 0 10px; height: 37px; line-height: 37px; padding: 0; }
#menu li          { display: inline; line-height: 37px; padding: 12px; }
#menu a           { color: black; text-decoration: none; }

/* Main content */

#content          { padding: 20px; }

/* Footer */

#footer           { font-family: Verdana,Arial,Helvetica,sans-serif;
                    font-size: 7.5pt; background: url(/img/skin/footer_bg.png) repeat-x;
                    height: 53px; margin: 50px 0 20px 0; padding: 5px 10px; }
#footer a         { text-decoration: none; color: #003366; }

/* HTML element overrides */

a                 { color: #336600; }
h1, h2            { font-family: Arial,Helvetica,sans-serif; font-weight: normal;
                    font-size: 24px; margin-top: 0.5em; margin-bottom: 1.0em; }
h1 a, h2 a        { color: black; text-decoration: none; }
h3                { background: url(/img/skin/submenu_title_bg.png) repeat-x;
                    font-size: 8pt; font-weight: bold; color: white;
                    padding: 0 7px; margin: 1.2em 0; height: 20px; line-height: 20px; }
h3 a              { color: white; text-decoration: none; }
h4                { color: #900; font-size: 10pt; margin-top: 1em; }
p                 { line-height: 140%; margin-bottom: 1em; }
li                { line-height: 140%; }
thead             { font-weight: bold; }
td                { vertical-align: top; }
img               { border: 0; }

/* Other styles */

.info-box         { padding: 5px 10px; width: 60%; border: 1px #fcc solid; background: #fee; }
.idea             { margin: 3em auto 1em auto; width: 50%; border: 1px solid #ccf;
                    background: #eef url(/img/icons/lightbulb.png) no-repeat 15px 15px;
                    padding: 15px 20px 15px 50px; }
.explanation      { margin-top: 3em; border-top: 1px dotted #999;
                    padding-top: 0.5em; color: #666; width: 80%; font-size: 7pt; }
.error            { background: #cc0000; color: white; padding: 4px 10px }
.filelist td      { padding: 2px 20px 2px 2px; }
.filelist a       { color: black; text-decoration: none; }
.filelist a:hover { text-decoration: underline; }
.links li         { list-style-image: url(/img/icons/ny-knapp_137.gif); }
.links a          { color: black; text-decoration: none; }
.links a:hover    { text-decoration: underline; }
.subinfo          { color: #666; font-style: italic; }

th.header         { cursor: pointer; padding-right: 20px !important;
                    background: #EEECE1 url(/img/tablesorter/bg.gif) no-repeat right !important; }
th.headerSortDown { cursor: pointer; padding-right: 20px !important;
                    background: #EEECE1 url(/img/tablesorter/desc.gif) no-repeat right !important; }
th.headerSortUp   { cursor: pointer; padding-right: 20px !important;
                    background: #EEECE1 url(/img/tablesorter/asc.gif) no-repeat right !important; }
