/* ====================================================================== */
/* Tufts Medical Center - AMD Project Style Sheet                                     */
/* Tufts Medical Center CTSI 2013                                        */
/* ====================================================================== */
/* Shared style --------------------------------------------------------- */
* {
    margin: 0px;
    padding: 0px;
}
h1 {
    font: bold 20px Tahoma, sans-serif;
}
h2 {
    font: bold 14px Tahoma, sans-serif;
}
header, section, footer, aside, nav, article, figure, figcaption, hgroup {
    display: block;
}
body {
    text-align: center;
    margin-bottom: 20%;
}
/* Content styling ------------------------------------------------------- */
#wrapper {
    width: 1020px;
    height: 800px;
    margin: 15px auto;
    text-align: left;
}
#shared_header {
    vertical-align: top;
    height: 120px;
    padding: 10px;
}
#shared_menu {
    padding: 5px 15px;
}
#shared_menu li {
    text-align: center;
    display: inline-block;
    list-style: none;
    width: 140px;
    height: 30px;
    background: url("/amd/images/shared/button_140_30.png") no-repeat;
    padding: 5px;
    font: bold 14px Tahoma, sans-serif;
    color: #FFFFFF;
}
#shared_menu a {
    color: #FFFFFF;
    text-decoration:none;
}
#shared_menu a:hover {
    color: #003D6F;
    text-decoration:none;
}
#header_title {
    font: bold 24px Tahoma, sans-serif;
}
#main_section {
    background: #DFECF7;
    float: left;
    width: 660px;
    min-height: 600px;
    margin: 20px;
    padding: 10px;
}
#shared_submenu {
    position: absolute;
    right: 200px;
    top: 20px;
    min-height: 40px;
}
#shared_info {
    background: -webkit-linear-gradient(top right, #FFFFFF, #D2E9FF);
    background: -moz-linear-gradient(top right, #FFFFFF, #D2E9FF);
    float: left;
    width: 220px;
    min-height: 600px;
    margin: 20px 0px;
    padding: 20px;
    border-radius: 10px;
    box-shadow: rgb(150,150,150) 5px 5px 10px;
}
#shared_footer {
    display: block;
    position: fixed;
    left:0;
    bottom: 0;
    width: 100%;
    max-height: 20%;
    text-align: center;
    padding: 20px;
    border-top: 2px solid #999999;
    background-color: white;
}
article {
    background: #FFFFFF;
    border: 1px solid #F0F0F0;
    padding: 20px;
    margin-bottom: 15px;
}
article footer {
    text-align: right;
}
time {
    color: #999999;
}
figcaption {
    font: italic 14px verdana, sans-serif;
} 
/* Bibliography styling ------------------------------------------------------------ */
.bibliography_header {
    font: bold 16px verdana, sans-serif;
} 
.bibliography_title {
    font: bold 14px verdana, sans-serif;
} 
.bibliography_journal {
    font: italic 10px verdana, sans-serif;
} 
.bibliography_authors {
    font: italic 10px verdana, sans-serif;
} 
.bibliography_source {
    font: italic 8px verdana, sans-serif;
} 
.required {
    font: bold 1.2em verdana, sans-serif;
    color: #ff0000;
} 
/* UI form styling ------------------------------------------------------- */
#input_form {
    background: #F0F0F0;
    font: normal 1.0em Tahoma, sans-serif;
    text-align: left;
    padding: 10px;
    border-collapse: separate;
    border-spacing: 10px 2px;
    }
#input_form td.label {
    font-size: 0.9em;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 2px;
}
#input_form td.label {
    font-size: 1.1em;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 2px;
}
#input_form td.data {
    font-size: 1.0em;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 2px;
}
#input_form td.control {
    font-size: 1.0em;
    text-align: right;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 2px;
}
/* Account Login styling ------------------------------------------------------- */
#acct_error_msg {
    background: #FFFFFF;
    clear: both;
    text-align: center;
    padding: 20px;
}
#acct_login_table {
    background: #F0F0F0;
    font: normal 1.0em Tahoma, sans-serif;
    text-align: left;
    padding: 20px;
    border-collapse: separate;
    border-spacing: 10px 2px;
}
#acct_login_table td.label {
    font-size: 1.1em;
    padding-left: 20px;
    padding-top: 20px;
    padding-bottom: 2px;
}
#acct_login_table td.data {
    font-size: 1.0em;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 2px;
}
#acct_login_table td.links {
    font-size: 1.0em;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 2px;
}
/* Data entry tables and dialogs */
#incomplete_err_msg {
    font-size: 1.0em;
    text-align: left;
    padding-right: 20px;
    padding-top: 20px;
    padding-bottom: 2px;
} 
/* Prediction styling ------------------------------------------------------- */
.prediction_table {
   font: normal 1.0em Tahoma, sans-serif;
   text-align: left;
   border-spacing: 0px 0px;
   border-collapse: separate;
}
.prediction_table tr.header {
   font: normal 1.1em Tahoma, sans-serif;
   background: #98C082;
}
.prediction_table tr.altrow0 {
   background: #FFFFFF;
}
.prediction_table tr.altrow1 {
   background: #F0F0F0;
}
.prediction_table td.label {
   font: normal 1.0em Tahoma, sans-serif;
   padding-top: 5px;
   padding-right: 10px;
   padding-bottom: 5px;
   padding-left: 10px;
}
.prediction_table td.data {
   font: normal 1.0em Tahoma, sans-serif;
}
.prediction_table td.fraction {
   font: normal 0.7em Tahoma, sans-serif;
   width: 50px;
}
.prediction_table td.dec {
   font: normal 0.7em Tahoma, sans-serif;
   width: 50px;
}
.prediction_table td.fill {
   font: normal 0.7em Tahoma, sans-serif;
   width: 50px;
}
