html, body {margin: 0px; padding: 0px; height: 100%; font-family: verdana; font-size: 10px; width: 100%}
    body {}
    
    div.navigation {z-index: 1; position: fixed; top: 0px; height: 60px; width: 100%; background-color: #eeeeee; border-bottom: solid 2px red}
    div.navigation h1 {font-size: 12px; font-weight: bold; margin: 0px; padding: 10px}
    div.navigation div {position: absolute; bottom: 0px; padding-left: 10px}
    div.navigation div a {display: block; float: left; background-color: #bbbbbb; color: white;
        font-weight: bold; font-size: 11px; text-decoration: none;
        margin: 1px; padding: 5px 13px 5px 13px;}
    div.navigation div a:hover {background-color: #FF9B87;}
    div.navigation div a.selected {background-color: red; color: black; margin-bottom: 0px; padding-bottom: 6px}
    div.navigation div a.logout {float: right; background-color: transparent; color: black; font-weight: normal}
    
    
    div.mainContent {padding-top: 90px; position: relative; margin: 10px; padding-bottom: 20px}
    div.subnavigation {z-index: 1; position: fixed; top: 60px; left: 0px; background-color: red; width: 100%; padding-left: 10px}
    div.subnavigation a {color: white; font-weight: normal; text-decoration: none; line-height: 25px; padding: 5px}
    div.subnavigation a:hover {text-decoration: underline;}
    
   div.subnavigation  .subnavigationOptions {color: white; font-weight: normal; text-decoration: none; line-height: 25px; padding: 5px}
    
    div.footer {z-index: 1; position: fixed; bottom: 0px; width: 100%; background-color: #eeeeee; border-top: solid 2px red; padding: 2px 10px 2px 10px}
    
    
    div.message {position: relative; margin: auto; width: 400px; border: solid 1px red;}
    div.message h1 {margin: 0px 0px 10px 0px; padding: 5px; font-size: 12px; font-weight: bold; background-color:#eeeeee; border-bottom: solid 1px #cccccc}
    div.message div.options {margin-top: 10px; text-align: right; padding: 3px; background-color:#eeeeee; border-top: solid 1px #cccccc}
    div.message div.options input {border: 0px; background-color: #bbbbbb; color: white;
        font-weight: bold; font-size: 11px; text-decoration: none;
        margin: 1px; padding: 5px 13px 5px 13px;}
    div.message div.options input:hover {background-color: #FF9B87;}

    div.message p {margin: 0px 5px 0px 5px}    
    
    
    div.box {margin: 15px; float: left; width: 400px; border: solid 1px red;}
    div.box h1 {margin: 0px 0px 10px 0px; padding: 5px; font-size: 12px; font-weight: bold; background-color:#eeeeee; border-bottom: solid 1px #cccccc}
    div.box h1 .headOptions {float: right}
    div.box div.options {margin-top: 10px; text-align: right; padding: 3px; background-color:#eeeeee; border-top: solid 1px #cccccc}
    div.box div.options input {border: 0px; background-color: #bbbbbb; color: white;
        font-weight: bold; font-size: 11px; text-decoration: none;
        margin: 1px; padding: 5px 13px 5px 13px;}
    div.box div.options input:hover {background-color: #FF9B87;}

    div.box p {margin: 0px 5px 0px 5px}    
     
    
    
    table.details {position:absolute;  top: 150px; margin: auto; width: 400px; border: solid 1px red; background-color: #ffffff;}
    table.details .header {background-color:#eeeeee; border-bottom: solid 1px #cccccc}
    table.details .header td {font-size: 12px; font-weight: bold}
    
    table.details .subnavigation {padding: 0px;  background-color: #FF9B87; }
    table.details .subnavigation a {color: white; float:left; padding: 3px; text-decoration: none}
    table.details .subnavigation a:hover {text-decoration: underline}
    
    table.details td {padding: 5px;}
    
    table.details .options {margin-top: 10px; text-align: right; padding: 3px; background-color:#eeeeee; border-top: solid 1px #cccccc}
    table.details .options input {border: 0px; background-color: #bbbbbb; color: white;
        font-weight: bold; font-size: 11px; text-decoration: none;
        margin: 1px; padding: 5px 13px 5px 13px;}
    
    table.list {position: relative; border: none ;background-color: #ffffff; width: 100%}
    table.list .header {text-align: left; background-color:#dddddd; border-bottom: solid 1px #cccccc}
    table.list .header th {margin: 0px 0px 10px 0px; padding: 5px 0px; font-size: 12px; font-weight: bold;}
    table.list .header a {color: black; font-weight: bold; text-decoration: none;}
    table.list .row td {border-bottom: dashed 1px black;}
    table.list td {padding:0px 3px}
    table.list .row:hover {background-color: #eeeeee}
    
    div.box table.list {top: -10px;}
    div.box table.list .header {background-color:#eeeeee;}
    div.box table.list .header th {font-size: 10px;}
    
    .TabDetails {position: relative;}
    .TabDetails div.options {position: relative; top:0px; left: 0px;}
    .TabDetails div.options a {border: solid 1px grey; color: grey; background-color: white; text-decoration: none; padding: 0px 3px}
    .TabDetails div.options a:hover { color: white; background-color: grey}
    
    .TabDetails div.box {border: none}
    .TabDetails div.box h1 {border-bottom: dashed 1px grey; background-color: #efefef}
    
    .TabDetails table.TabList {width: 100%}
    .TabDetails table.TabList td {vertical-align: top}
    .TabDetails table.TabList td.list {background-color: #808080}
    .TabDetails table.TabList td.list tr.header th {font-size: 10px;}
    .TabDetails table.TabList td.list tr.row td {border: none; font-size: 10px;}
   /** .TabDetails table.TabList td.list tr.altRow {background-color: #eeeeee} **/
    .TabDetails table.TabList td.box {width: 250px; border: solid 1px black; background-color: #efefef;}
    .TabDetails table.TabList td.box table {width: 100%}
    .TabDetails table.TabList td.box table.InputBox {border: none;}
    .TabDetails table.TabList td.box table.InputBox tr.header {border-bottom: dashed 1px black;  background-color: #dddddd; font-weight: bold}
    .TabDetails table.TabList td.box table.InputBox td {padding: 5px;}
    
    .accordion {position: relative;}
    .accordion .header {position: relative; background-color:#dddddd; font-weight: bold; padding: 3px; border-top: solid 1px black; cursor: pointer }
    .accordion .content {position: relative; margin-bottom: 20px}
     div.box .accordion table.list {top: 0px;}
     div.box .accordion table.list tr.row td {padding: 3px;}