/* Basic */
    body {background: #fff; line-height: 1.4;}
    h1,h2,h3,h4 {margin-bottom: 1em; font-family: "Times New Roman", serif; color: #3A78D5;}
    strong, b {font-weight: bold;}
    i {font-style: italic;}
    h1 {font-size: 161.6%}
    h2 {font-size: 146.5%;}
    h3 {font-size: 138.5%;}
    h4 {font-size: 123.1%;}
    p {margin: 0px 1em 1em; font-size: 108%;}
    table {margin-bottom: 1em; font-size: 108%;}
    table td, table th {padding: 0.1em;}
    a {color: blue;}
    ul li {list-style-type: disc; list-style-position: inside; font-weight: 108%;}
    ol, ul {margin-bottom: 1em; margin-left: 1em; font-weight: 108%;}

    /* Basic Layout */
    div#doc3 {background: #fff;}
    div#hd {padding-top: 1em; height: 100px; padding-bottom: 1em; }
    div#hd div#logo {float: left;}
    div#hd div#site_title {float: left; margin-left: 5em;}
    div#bd {clear: both;}

    /* User Panel */
    div#user_panel {float: right; clear: right; margin: 0em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: right; margin-right: 1em; font-size: 93%; color: #777;}

    /* Sub-navigation*/
    div#subnav {clear: both; margin: 0em; margin-top: 0.5em; margin-bottom: 0.5em; text-align: right; margin-right: 1em; font-size: 93%; color: #777;}
    div#subnav > div.menu {clear: both;}
    div.menu > div.menu-item {float: left; width: auto;}
    div#subnav > div.menu > div.menu {clear: both;}

    /* Widgets */
    div.box {padding: 0.7em; margin: 0.7em; background: #FDF4B1;}
    div.box h3 {text-align: center; margin-bottom: 0.7em; color: #111;}

    div.box table.datatable {margin-left: 0.7em; width: 95%;}
    div.box table.datatable td { padding-top: 0.3em; border-bottom: 1px solid #EED106;}
    div.box table.datatable td.label {font-weight: bold; padding-right: 1em;}
    div.box table.datatable td.data {width: 60%;}
    
    table.datatable thead th {padding-bottom: 1em; font-size: 118%; color: #3A78D5; font-family: georgia;}
    table.fixed {width: 35em;}
    table.fixed td.label {font-weight: bold;}

    /* Convenience */
    .clear {clear: both;}
    ul.no-bullets {list-style-type: none; list-style-position: inside;}
    ul.no-bullets li {list-style-type: none; list-style-position: inside;}

    div.one-third {width: 28%;}
    div.one-fourth {width: 24%;}
    div.half {width: 45%;}
    div.full {width: 95%;}

    .floatLeft {float: left;}
    .floatRight {float: right;}

    div.separator {border-bottom: 1px solid #ccc; margin-top: 1em; margin-bottom: 1em;}
    div.flash {margin: 1em; padding: 0.6em;}

    table.fluid {width: 80%;}

    div.ui-accordion > h3 {font-family: arial, helvetica}

    tr.line-through td {text-decoration: line-through;}

    .mandatory {color: #880000;}

    tr.resolved_redemption td {color: #888;}
    tr.highlight td {background: #ffffaa;}

    div.comments {background: #fff; color: #cc0000; font-style: italic; width: 40%; margin-bottom: 1em; padding: 0.5em;}
    .tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; background: #E9F0F4; padding: 0.7em; color: #cc0000; border: 1px solid #95B3C3; width: 340px;}

    span.comments pre {line-height: 1.4; font-family: verdana}