/* BODY */
/*
body
{
    font-family:      Arial, Helvetica, sans-serif;
    font-size:        75%;
    color:            #181818;
    background-color: #ffffff;
    padding:          0;
    margin:           0;
}*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin:         0;
    padding:        0;
    border:         0;
    font-size:      100%;
    font:           inherit;
    vertical-align: baseline;
}

body {
    color:                 #666;
    background-color:      #FFF;
    background-image:      none;
    background-repeat:     repeat;
    background-attachment: scroll;
    background-position:   0% 0%;
    background-clip:       border-box;
    background-size:       auto auto;
    line-height:           1;
    font-size:             75%;
    font-family:           Verdana,Arial,Helvetica,sans-serif;
    font-weight:           400;
}

h1, h2, h3, h4, h5, h6, div.mainHeadline, div.newsHeadline /* Set general styles for all headings; some may be overridden later */
{
    font-weight: bold;
    font-style:  normal;
    margin:      10px 0 10px 0;
    padding:     0;
    color:       #181818;
}

img {
    vertical-align: middle;
    border:         0px none;
}

body.std {
    background-color: #FFF;
}

div.StartupFrame{
    margin-top:       15px;
    margin-right:     auto;
    margin-bottom:    15px;
    margin-left:      auto;
    width:            860px;
    box-shadow:       0px 0px 20px #808080;
    min-height:       480px;
    border-color:     #DDD;
    background-color: #FFF;
    color:            #666;
    padding:          5px 8px;
    font-size:        90%;
}

div#StartupFrame_head{
  width:      100%;
  text-align: center;
}cclean

div#StartupFrame_head img {
    max-width:      100%;
    margin:         20px;
    display:        table-cell;
    vertical-align: middle;
}

div.PageFrame{
    margin-top:       30px;
    margin-right:     auto;
    margin-bottom:    15px;
    margin-left:      auto;
    width:            750px;
    box-shadow:       0px 0px 20px #808080;
    min-height:       750px;
    border-color:     #DDD;
    background-color: #FFF;
    color:            #666;
    padding:          5px 8px;
    font-size:        90%;
}

div#PageFrame_logo{
    display:        table-row;
    vertical-align: center;
}

div#PageFrame_logo img {
    max-width:      100%;
    margin:         20px;
    display:        table-cell;
    vertical-align: middle;
}

div#StartupContent {
    padding:          0px 20px 35px;
    background-color: #FFF;
}

div.logo {
    margin-right:   30px;
    width:          192px;
    float:          left;
    display:        table-cell;
    vertical-align: middle;
}

div.Caption{
    width:            100%;
    background-color: #FFF;
    font-size:        100%;
    padding:          0px 0px;
    color:            #303030;
}

h1.Caption{
    font-weight: bold;
    font-style:  normal;
    font-size:   150%;
    color:       #181818;
    margin:      0px 0px;
    padding:     0px;
}

.clear-float {
    clear: both;
}

.StartupSection {
    padding-top: 25px;
    margin:      auto;
    text-align:  left;
    width:       450px;
}

div#PageContent {
    /*border:           1px solid black;*/
    background-color: #FFF;
    margin:           10px 10px 10px;
    text-align:       center;
    width:            800px;
}

div#Navigation {
  width:       100%;
  font-size:   125%;
}

div.NavBox {
     float: left;
     width: 20%;
     margin-right: 0%;
     padding: 20px;
     background: #fff;
     box-sizing: border-box;
}

.NavBox:last-child {
     margin-right: 0;
}

div#CurrentTime {
  width:      100%;
  min-height: 25px;
  text-align: center;
}

.element_middled_parent {
	display: table;
}
.element_middled {
	display:        table-cell;
	vertical-align: middle;
}

.element_middled img{
	vertical-align: middle;
}

div#ViewImage{
  min-height: 500px;
  width:      100%;
  vertical-align: middle;
}

div#ViewImage img.resize {
  max-height: 100%;
  max-width:  100%;
  width:      800px;
  height:      auto;
  display:        table-cell;
  vertical-align: middle;
}

div#ViewInformation{
  width:      100%;
  min-height: 25px;
  text-align: center;
}

div.MessageBox {
    position: relative;
}

div.LoginForm {
    background:      linear-gradient(to right, #FFFFFF , #E0E0E0);
    border:          1px solid;
    border-collapse: collapse;
    border-color:    #AAA;
    display:         table;
    margin:          auto;
    text-align:      left;
    width:           450px;
}

div.LoginFormRow {
    width:   100%;
    display: table-row;
}

h3.LoginFormHeader {
    font-weight: bold;
    margin:      0px;
    padding:     0px;
    font-size:   100%;
    display:     inline;
}

div.LoginFormHeader{
    background-color: #FFFFFF;
    font-size:        100%;
    padding:          12px 5px;
    color:            #303030;
    display:          table-cell;
    text-align:       left;
}

div.LoginFormInfo{
    margin:    2px 0px 4px 3px;
    font-size: 85%;
}

div.LoginFormValue {
    padding:        8px;
    vertical-align: top;
    font-size:      90%;
    margin-left:    215px;
    display:        table-cell;
    border-left:    0px none;
    /*border-left: 1px solid #EAEAEA;*/
}

.small {
    text-decoration: none;
    font-size:       95%;
}

.asterisk {
    color:     red;
    font-size: 90%;
}

div.LoginFormOption {
    padding:        8px;
    text-align:     right;
    vertical-align: top;
    font-size:      90%;
    width:          200px;
    font-weight:    normal;
    color:          #404040;
    display:        table-cell;
    vertical-align: middle;
}

div.LoginFormFooter {
    background-color: #FFFFFF;
    font-size:        100%;
    padding:          12px 5px;
    color:            #303030;
    display:          table-cell;
    text-align:       left;
}

div.LoginFormCommands {
    text-align: right;
}

#footer_copyright{
    margin: auto;
    width:  50%;
    border: 3px;
    padding:1px;
}

#footer_copyright p {
    text-align:     center;
    vertical-align: text-bottom;
    padding:        0em;
    margin-top:     5px;
    font-weight:    normal;
}

noscript div.JSdisabled{
    width:            100%;
    /*height:           50px;*/
    background-color: red;
    font-weight:      bold;
    font-size:        16px;
    text-align:       center;
    vertical-align:   middle;
    color:            #FFFFFF;
}