/* CSS RESET */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address,
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i,
center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{ /*margin: 0; padding: 0; border: 0;	outline: 0;*/ font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { font-family: Arial, Helvetica, sans-serif; line-height: 1.25em; color: #555; background-color: #f9f9f9; }
table { border-collapse: collapse; border-spacing: 0; }

/* LAYOUT */

#canvas { max-width: 62.5em; margin: auto; margin-top: 1em; border: 1px solid #ddd; background-color: #fff; }

.rnd_crnrs { height: 7px; }
#rnd_crnr_tl, #rnd_crnr_tr, #rnd_crnr_bl, #rnd_crnr_br { position: relative; width: 7px; height: 7px; }
#rnd_crnr_tl { top: -1px; left: -1px; float: left; background: url(../images/round_corners_spec.png) no-repeat left top; }
#rnd_crnr_tr { top: -1px; left: 1px; float: right;  background: url(../images/round_corners_spec.png) no-repeat right top; }
#rnd_crnr_bl { top: 1px; left: -1px; float: left; background: url(../images/round_corners.png) no-repeat left bottom; }
#rnd_crnr_br { top: 1px; left: 1px; float: right; background: url(../images/round_corners.png) no-repeat right bottom; }

#language_nav { list-style: none; margin-top: 1em; margin-bottom: 0 }
#default.extended #content { border-right: 1px solid #dbdbdb; }
#footer { margin: 1em 0; text-align: center; }
#footer p, #footer p span, #footer p a { font-size: 12px !important;} 

.top_rule, .mid_rule, .bottom_rule { height: 7px; margin: 10px 0; background: url(../images/rule.png) repeat-x; }

#content img { margin: 6px 0; }
.item { margin-bottom: 20px; padding-bottom: 6px; border-bottom: 1px dotted #999999; }

#empty #header { margin: 4em 0 2em; padding: 0; background: none; }
#empty #canvas { border: none; background: none; text-align: center; }
#empty #linkLogin { font-size: 1.25em; }
#empty #footer { margin-top: 2em; }

/* NAVIGATION */

#nav { list-style: none; margin: 0; border-top: 1px solid #bbb; margin-top: 7px; }
#nav li { margin: 0; border-bottom: 1px solid #bbb; line-height: 1em; }
#nav a { display: block; position: relative; left: -5px; padding: 5px 0 5px 10px; text-decoration: none; text-transform: uppercase; font-weight: bold; font-size: 0.875em; }
#nav a:focus { outline: none; }
#nav a:focus, #nav a:hover { background: url(../images/nav_arrow.png) no-repeat left center; }
#nav li#menu { display: none; }

#language_nav li { display: inline; margin-left: 12px; }
#language_nav a { font-size: 0.75em; text-decoration: none; text-transform: uppercase; }
#language_nav a:link, #language_nav a:visited { color: #666; }

/* TEXT */

ul { list-style: circle; margin: 0 0 12px 18px; }
ol { margin-left: 27px; margin-bottom: 12px; }
li { margin-bottom: 6px; line-height: 1em; }
del { text-decoration: line-through; }
strong { font-weight: bold; }
em { font-style: italic; }

#content p { margin-bottom: 12px; line-height: 1em; }
#headlines { margin-bottom: 4px; font-size: 0.875em; line-height: 1.25em; }
#footer p { font-size: 0.75em; color: #666; }

.date { margin-bottom: 6px; font-size: 0.75em; font-style: italic; }

a:link, a:visited {  text-decoration: none; }
a:focus { outline: #666 dotted 1px; }
a:focus, a:hover { text-decoration: underline; }
a:hover { outline: none; }
a.external { padding-right: 14px; background: url(../images/external_link.png) no-repeat right center; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }

h1 a:link, h1 a:visited { color: #999; }
h1 a:focus { outline: none; }
h1 a:focus, h1 a:hover { color: #000; text-decoration: none; }

#header h1 { text-transform: uppercase; color: white; line-height: 0.5em !important; }
#header h2 { padding-left: 2px; color: white; /*text-transform: uppercase;*/ }
#content h1 { margin-bottom: 24px; font-size: 1.5em; line-height: 1.5em; letter-spacing: -1px; color: #000; }
#content h2 { margin: 24px 0 4px; font-size: 1em; text-transform: uppercase; }
#content .item h2 { margin-top: 20px; }
#content h3 { margin: 20px 0 3px; font-size: 0.875em; text-transform: uppercase; color: #000; }
#content h4 { margin-bottom: 6px; font-size: 1em; font-style: italic; }
#headlines h3 { margin-bottom: 11px; font-size: 1.25em; line-height: 1.5em; color: #000; }
#headlines h4 { margin-bottom: 3px; font-size: 0.875em; text-transform: uppercase; }

/* TWEAKS */

#content li p { margin: 0; line-height: inherit; }

/**** CUSTOMIZATION ***/

/* Primary color */
#header h2, #content h2, #headlines h4, #nav a, #language_nav a:focus, #language_nav a:hover { color: #800000 }

/* Secondary color */
a:link, a:visited, a:active, #language_nav a:active, h1 a:active { color: #00004f; }

/* Header dimensions */
#header h1 { font-size: 3.75em; line-height: 0.5em; letter-spacing: -3px; }
#header h2 { padding-top: 2px; font-size: 1.25em; letter-spacing: -1px; }
#header img { margin: 0 0; height: 200px; border-radius: 8px;}

/* responsive stuff */
.row.nopadding .columns { padding: 0; }
html, body { -webkit-text-size-adjust: none;  } /* fix for iOS when font size decreases depending on column width */
img { max-width: 100%; }

@media screen and (max-width: 28em) {
    .hide-for-small { display: none; }

    #content { padding-top: 18px; }
    #content h1 { margin-bottom: 0.5em; }

    #header { text-align: center; }
    #header h2 { display: none; }

    #nav li { display: none; padding-left: 1.5em; }
    #nav.show li { display: block; }
    #nav li#menu {
        display: block;
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iMzJweCIgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMyIDMyOyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgMzIgMzIiIHdpZHRoPSIzMnB4IiB4bWw6c3BhY2U9InByZXNlcnZlIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIj48cGF0aCBkPSJNNCwxMGgyNGMxLjEwNCwwLDItMC44OTYsMi0ycy0wLjg5Ni0yLTItMkg0QzIuODk2LDYsMiw2Ljg5NiwyLDhTMi44OTYsMTAsNCwxMHogTTI4LDE0SDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDIgIHMwLjg5NiwyLDIsMmgyNGMxLjEwNCwwLDItMC44OTYsMi0yUzI5LjEwNCwxNCwyOCwxNHogTTI4LDIySDRjLTEuMTA0LDAtMiwwLjg5Ni0yLDJzMC44OTYsMiwyLDJoMjRjMS4xMDQsMCwyLTAuODk2LDItMiAgUzI5LjEwNCwyMiwyOCwyMnoiLz48L3N2Zz4=) no-repeat 0.4em center;
        -moz-background-size: 16px 16px;
        -o-background-size: 16px 16px;
        -webkit-background-size: 16px 16px;
        background-size: 16px 16px;
        padding: 0.5em 2em;
        text-transform: uppercase;
        font-size: 0.875em;
        font-weight: bold;
    }
}

@media screen and (max-width: 48em) {
    #default.extended #content { border: none; }
}

.stackTrace {
    display: block;
    white-space: pre;
}

#error h1 {
    font-size: 2em;
    margin-bottom: 0.5em;
}

#error #canvas {
    padding: 1em;
    max-width: 45em;
}

.report-container { height: 500px; max-width: 100% }

/* Application specific */
#header, #topbuttondiv {
    background-color: #00004f;
}
/*#canvas { background: url('../images/watermark.jpg'); background-size: contain; background-repeat: no-repeat; }*/
.headerButton {
    font-size: 15px;
    margin: 0;
    padding: 5px 12px 4px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #ededed;
    font-size: 12px;
    line-height: 1;
    font-family: Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #800000;
    cursor: pointer;
    font-weight: bold;
}

    .headerButton:hover {
        background-color: #fff;
    }

    .headerButton:focus {
        border-color: #fff;
    }

    .headerButton:active {
        background-color: #ededed;
    }

#topbuttondiv {
    padding-top: 5px;
    border-top-style: double;
    border-top-color: white;
    border-top-width: medium;
}

.bottomTextButtons {
    width: 650px;
    position: relative;
    height: 50px;
    padding-top: 20px;
}

#publicFootNote {
    font-size: 10px;
    text-align: center;
}

.publicList {
    list-style-position: outside;
    list-style-type: circle;
}

.loginToForumButton {
    font-size: 15px;
    margin: 0;
    padding: 5px 12px 4px;
    border: 1px solid #ccc;
    border-radius: 2px;
    background-color: #ededed;
    font-size: 12px;
    line-height: 1;
    font-family: Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    color: #800000;
    cursor: pointer;
    font-weight: bold;
}

    .loginToForumButton:hover {
        background-color: #fff;
    }

    .loginToForumButton:focus {
        border-color: #fff;
    }

    .loginToForumButton:active {
        background-color: #ededed;
    }

body, p, a, h1, h2, span, em, td {
    font-family: Arial, Helvetica, sans-serif !important;
}

p, span, em {
    font-size: 12pt !important;
    line-height: 1.2em
}

sup {
    font-size: xx-small;
    vertical-align: super;
}

p, a {
    overflow-wrap: break-word !important;
}