body   {background-color: white;
            font-family: "helvetica", "verdana", sans-serif;
            color: black;
            margin: 0em;
            padding: 0em;
            }

p      {text-align: center; }

table { border-collapse:collapse; }

td     {font-family: "helvetica", "verdana", "sans-serif";
            padding: 2px 0.2em 2px;
           }

h1 {text-align: center;
    font-size:24pt%;
    background-color: #E0E0FF;
     color: #4020A0;
     margin: 0pt;
     padding: 12pt;
     border-bottom: #8040C0 solid 1pt ;
     box-shadow: 4pt 4pt 2pt #F0F0F0;
   }

h2 {text-align: center;
   }

h3 {text-align: left;
   }

h4 {text-align: center;
   }

h5 {text-align: left;
    margin: 0em 0em 0em 0em;
   }

a {
    text-decoration:        none;
    color:                  blue;
}

a.menu {
    display:               block;
}

a.menu:link {
    font-weight:           inherit;
}

a.menu:visited {
    font-weight:           inherit;
}

a.menu:active {
    font-weight:           bold;
}

a.menu:hover {
    font-weight:           bold;
}

div.page {
    border:                none;
    padding:               15px;
}

div.menu {
    width:                 180px;
    display:               table-cell;
    vertical-align:        top;
    text-align:                 left;
    left:                  0px;
    top:                   0px;
}

div.mainText {
    min-height:            300px;
    display:               table-cell;
    text-align:            left;
    padding:               50px;
    border:                none:
}

.headColor {
     background-color:     #E0E0FF;
     border-color:         #2020A0;
     color:                #2020A0
}

ul.menu {
    width:                 160px;
    padding:               0px;
    border:                none;
    list-style-type:       none;
    text-align:            center;
    font-size:             12pt;
}

li.menu {
    border:                solid black 1px;
    margin-top:            5px;
    margin-right:          5px;
    margin-bottom:         0px;
    padding:               5px;
    list-style:            none;
}

li.thisLink {
    border:                solid black 2px;
    font-weight:           bold;
}

li.passiveLink {
    color:                 #606060;
}

li.activeLink  {
    color:                 blue;
}

li.vskip {
    border:                none;
    height:                1em;
}

.Logout {
    background-color:      #D00000;
    color:                 #E0E0E0;
}

div.pageHead {
     margin:               5px 5px 5px 5px;
     padding:              0pt;
     border:               solid 1px;
     box-shadow:           5px 5px 5px #C0C0C0;
     display;              table;
}

div.leftHead {
    display:               table-cell;
    width:                 200px;
    left:                  0px;
    font-size:             10pt;
    color:                 inherit;
    text-align:            center;
    vertical-align:        middle;
}

div.title {
    margin:                0px;
    display:               table-cell;
    text-align:            center;
    vertical-align:        middle;
    font-size:             24pt;
    font-weight:           bold;
}

div.rightHead {
    margin:                0px;
    display:               table-cell;
    right:                 0px;
    width:                 180px;
    height:                70px;
    text-align:            right;
    font-size:             12pt;
    padding:               10px;
    vertical-align:        top;
}

a.leftHead:link{
    background-color:      inherit;
    color:                 inherit;
}

a.leftHead {
    display:               block;
}

a.leftHead:visited{
    background-color:      inherit;
    color:                 inherit;
}

a.leftHead:active{
     color:                #E0E0FF;
     background-color:     #2020A0;
}

a.leftHead:hover{
    margin:                0px;
     color:                #E0E0FF;
     background-color:     #2020A0;
}

div {
    box-sizing:            border-box;
}

span.warning {
    color: #D00000;
}

div.thumbRow {
   display:                table; 
   padding-bottom:         0px;
}

div.thumbField {
    display:               table-cell;
    width:                 240px;
    text-align:            center;
    vertical-align:        middle;
}

tr.color1 {
    background-color:      white;
}

tr.color2 {
    background-color:      Gainsboro;
}

body.imgView {
    background-color:      #202020;
    padding:               120px;
    text-align:            center;
}

div.imgFrame {
    padding:               20px;
    background-color:      #D0D0D0;
}

a.imgBack {
    margin:                20px 20px 0px 20px;
    padding:               5px 10px 5px 10px;
    color:                 #D0D0D0;
    border:                solid 2px #D0D0D0;
    vertical-align:        top;
}


td {
    padding-left:          10pt;
    padding-top:            2pt;
}

td.panel {
    padding:               75pt;
    text-align:            center;
    width:                 50%
}

div.panel {
    width:                 200px;
    border:                #8040C0 solid 1pt;
    text-align:            center;
    vertical-align:        top;
}

h3.panel {
    margin:                0pt;
    background-color:      #4020A0;
    padding:               0.5em;
    color:                 #E0E0FF;
    font-size:             16pt;
    text-align:            center;
}

h4.panel {
    margin:                0pt;
    padding:               5pt 0pt 0pt 10pt;
    font-size:             10pt;
    text-align:            left;
}

input.panel {
    margin:                 0pt 0pt 5pt 0pt;
}

input.panelSubmit {
    background-color:       #C04040;
    color:                  white;
    font-size:              14pt;
    margin:                 10pt 0pt 10pt 0pt;
    padding:                5pt 5pt 2pt 5p;
}
    

a.thumbField img {
    background-color:      inherit;
}

a.thumbField:visited {
    background-color:      inherit;
img }

a.thumbField:active img {
     background-color:     #A0A0A0;
}

a.thumbField:hover img {
     background-color:     #A0A0A0;
}

.rotate90 {
  -webkit-transform:rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}