#top
{
    margin-top: 10px;
    margin-bottom: 15px;
    font-family: "Times New Roman, Serif";

}


h1
{
    text-align: center;

}

h2
{
    text-align: center;
    font-family: "Times New Roman, Serif";
}

h3{
    font-weight: 900;
    font-family: "Times New Roman, Serif";
    color: blue;
}

h4{
    font-weight: 900;
}

.container{
    padding-top: 15px;

}

.nav
{
    position: absolute;
    right: 10px;
    top: 5px;
}

.background{
    background-image: url("seamless_paper_texture.png");


}

#loginform
{
    text-align: center;
    font-family: Arial, sans-serif;
}

#registerform
{
    text-align: center;
    font-family: Arial, sans-serif;
}

#bottom
{
    text-align: center;
    margin-top: 100px;
    margin-bottom: 20px;
}

#footer
{
    text-align: center;

}

.decimal{
    list-style-type: decimal;
    font-weight: bold;
}

.upperalpha
{
    list-style-type: upper-alpha;
    font-weight: bold;
}

.loweralpha{
    list-style-type: lower-alpha;
    font-weight: bold;
    padding: 10px;
    margin-left: 25px;
}

.upperroman{
    list-style-type: upper-roman;
    font-weight: bold;
}

.lowerroman{
    list-style-type: lower-roman;
    font-weight: bold;
}


.content{
    margin-left: 4%;
    margin-right: 4%;
    font-family: "Times New Roman, Serif";
    font-size: 1.2em;
  /*  height: 550px;  *//* or any value */
  /*  overflow-y: auto; */
    padding-right: 10px;
}

/* bullets */

.disc1{
    list-style-type: disc;

}

.numericlist{
    list-style-type: decimal;
    margin-left: 65px;
}

.numeric{
    list-style-type: decimal;
    padding: 10px;
    margin-left: 25px;
    font-weight: bold;
}

.square1{
    list-style-type: square;

}

.circle1{
    list-style-type: circle;
}

/* custom bullets */

ul{
    font-weight: normal;
}

ul.dash {
    list-style: none;
    margin-left: 1em;
    padding-left: 1em;
    position: relative;
}
ul.dash > li:before {
    display: block;
    content: "-";
    width: 1em;
    position: absolute;
    left: 0;
}

ul.asterisk {
    list-style: none;
    margin-left: 1em;
    padding-left: 1em;
    position: relative;

}
ul.asterisk > li:before {
    display: block;
    content: "*";
    width: 1em;
    position: absolute;
    left: 0;
}

ul.arrow {
    list-style: none;
    margin-left: 1em;
    padding-left: 1em;
    position: relative;
}
ul.arrow: > li:before {
    display: block;
    content: "\00BB";
    width: 1em;
    position: absolute;
    left: 0;
}

/* image css */
.mult_images{
    clear: both;

}

img{
    display: block;
    margin: auto;
    margin-bottom: 1em;
    margin-top: 1em;
    max-height: 60%;
    max-width: 60%;
}

table, th, td {
    border: 1px solid black;
}

table.center{
    margin-left: auto;
    margin-right: auto;
}

th {
    text-align: center;
}

td {
    font-weight: normal;
}

th, td {
    padding: 2px;

}


figcaption{
    text-align: center;
}

/* iframe for YouTube videos */
.iframe-container{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	width: 100%;
}

.iframe-container iframe{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}


/* basics */

.SNS{
    height: 50%;
    width: 50%;
}

.alarm{
    height: 60%;
    width: 60%;
}

.renin{
    height: 60%;
    width: 60%;
}

/* liver */

.liver_cyst_US{
    float:left;
    width: 30%;
     margin-right: 3%;

}

.liver_cyst_CT{
    float: left;
   max-height: 30%;
   max-width: 30%;
    margin-right: 3%;
}

.liver_hemangioma{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.liver_hemangioma_gross{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.FNH_intraop{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.FNH_gross{
      float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.liver_adenoma{
    max-height: 30%;
    max-width: 30%;
}

.liver_adenoma_CT{
    float: left;
    max-height: 45%;
    max-width: 45%;
    margin-right: 3%;
}

.liver_adenoma_MRI{
    float: left;
    max-height: 45%;
    max-width: 45%;
    margin-right: 3%;
}

.CLIP{
    max-height: 50%;
    max-width: 50%;
}

.liver_wedge{
    float: left;
    max-height: 30%;
    max-width: 30%;
    margin-right: 3%;
}

.liver_segmentectomy{
    float: left;
    max-height: 30%;
    max-width: 30%;
    margin-right: 3%;
}

.liver_lobectomy{
    float: left;
    width: 30%;
    margin-right: 3%;
}

.liver_extended_right{
    float:left;
    width: 30%;
    margin-right: 3%;

}

.liver_extended_left{
    float: left;
    max-height: 30%;
    max-width: 30%;
    margin-right: 3%;
}

.liver_met1{
    float: left;
    max-height: 45%;
    max-width: 45%;
    margin-right: 3%;
}

.liver_met2{
    float: left;
    max-height: 45%;
    max-width: 45%;
    margin-right: 3%;
}

.clinical_risk_score{
    max-height: 50%;
    max-width: 50%;
}

/* gallbladder and biliary tree */

.IOC1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.IOC2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.transcystic1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.transcystic2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.choledochoduo1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.choledochoduo2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.lateral_retraction{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.calots_triangle{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.critical_view_ant1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.critical_view_post1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.critical_view_ant2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.critical_view_post2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.cystic_artery_vars{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.cystic_duct_vars{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.duct_luschka{
    height: 30%;
    width: 30%;
}

.leak_cystic{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.leak_luschka{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.strasberg1{
    float: left;
    max-height: 35%;
    max-width: 35%;
    margin-right: 10%;
}

.strasberg{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.US_gbca{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.porcelain_GB{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.radical_chole{
    height: 35%;
    width: 35%;
}

.PTCA_bile_duct{
    height: 35%;
    width: 35%;
}

.BC1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.surgery_BC1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.BC2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.surgery_BC2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.BC3a3b{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.BC3a{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

/* pancreas */

/* acute pancreatitis */

/* chronic pancreatitis */

/* chronic pancreatitis */



/* exocrine pancreatic neoplasms */

/* adrenal anatomy */

.cushings1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.cushings2{
    float: left;
    max-height: 20%;
    max-width: 20%;
    margin-right: 10%;
}

.cushings_CT{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.cushings_hyperplasia{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

/* pheochromocytoma */

/* vascular disease */
/* aortoiliac disease */


/* lower extremity occlusive disease */


/* diabetic foot */


/* dialysis access */




/* pleura, chest wall tumors, mediastinum */





/* pediatric surgery */

/* neck masses */

.cystic_hygroma{
    max-height: 40%;
    max-width: 40%;
}

.thyroglossal{
    float: left;
    max-height: 30%;
    max-width: 30%;
    margin-right: 10%;
}

.sistrunk{
    float: left;
    max-height: 35%;
    max-width: 35%;
    margin-right: 10%;
}

.branchial1{
    max-height: 40%;
    max-width: 40%;
}

.branchial2{
    max-height: 40%;
    max-width: 40%;
}

/* pediatric pulmonary disorders */

.CDH_defect{
    max-height: 40%;
    max-width: 40%;
}

.CDH_cxr{
    max-height: 30%;
    max-width: 30%;
}

.congenital_lobar_emphysema{
    max-height: 35%;
    max-width: 35%;
}

/* pediatric duodenal and small intestine disorders */

.duodenoduodenostomy{
    max-height: 35%;
    max-width: 35%;
}

.ladds_procedure{
    max-height: 35%;
    max-width: 35%;
}

/* pediatric hepatobiliary disorders*/

.bilary_atresia_HIDA{
    max-height: 35%;
    max-width: 35%;
}

.kasai{
    max-height: 35%;
    max-width: 35%;
}

/* pediatric abdominal wall disorders*/


/* pediatric malignancies*/



/* transplant*/
/* pancreas*/

.donor_pancreas{
    max-height: 30%;
    max-width: 30%;
}

.pancreas_enteric{
    max-height: 30%;
    max-width: 30%;
}

/* statistics*/

.bar_chart{
    max-height: 35%;
    max-width: 35%;
}

.skewed_left{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.skewed_right{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.pie_chart{
    max-height: 40%;
    max-width: 40%;
}

.box_plot{
    max-height: 30%;
    max-width: 30%;
}

.density1{
    float: left;
    max-height: 50%;
    max-width: 50%;
    margin-right: 10%;
}

.density2{
    float: left;
    max-height: 50%;
    max-width: 50%;
    margin-right: 10%;
}

.scatter_plot{
    max-height: 40%;
    max-width: 40%;
}

.best_line{
    max-height: 20%;
    max-width: 20%;
}

/* Basics*/
/* Fluid Management*/

.composition_fluid_compartments{
    max-height: 35%;
    max-width: 35%;
}

/* critical care*/
/* sepsis*/

.sepsis2{
    max-height: 35%;
    max-width: 35%;
}

.sepsis3{
    max-height: 35%;
    max-width: 35%;
}

/* cardiac function*/

.starling{
    max-height: 35%;
    max-width: 35%;
}

/* head trauma */

.calvaria_side{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.calvaria_top{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.cerebrum{
    max-height: 50%;
    max-width: 50%;
}

.brainstem{
    max-height: 50%;
    max-width: 50%;
}

.cerebral_ventricles{
    max-height: 35%;
    max-width: 35%;
}

.tentorium{
    max-height: 50%;
    max-width: 50%;
}

.uncal_herniation{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.blown_pupil{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.cerebral_contusion{
    max-height: 20%;
    max-width: 20%;
}

/* spinal cord injury*/

.spinal_column{
    max-height: 40%;
    max-width: 40%;
}

.normal_cspine{
    max-height: 35%;
    max-width: 35%;
}

.fracture_cspine{
    max-height: 35%;
    max-width: 35%;
}

/* penetrating neck injuries*/

.penetrating_neck{
    max-height: 40%;
    max-width: 40%;
}

.lateral_neck_anatomy1{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.lateral_neck_anatomy2{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

/* thoracic trauma*/

.thoracic_trauma{
    max-height: 35%;
    max-width: 35%;
}

/* abdominal trauma */
/* initial evaluation */

.abdominal_trauma{
    max-height: 35%;
    max-width: 35%;
}

.FAST_RUQ_normal{
    float: left;
    max-height: 35%;
    max-width: 35%;
    margin-right: 10%;
}

.FAST_RUQ_positive{
    float: left;
    max-height: 35%;
    max-width: 35%;
    margin-right: 10%;
}

.FAST_LUQ_normal{
    float: left;
    max-height: 30%;
    max-width: 30%;
    margin-right: 10%;
}

.FAST_LUQ_positive{
    float: left;
    max-height: 50%;
    max-width: 50%;
    margin-right: 10%;
}

.FAST_subxiphoid_normal{
    float: left;
    max-height: 35%;
    max-width: 35%;
    margin-right: 10%;
}

.FAST_subxiphoid_positive{
    float: left;
    max-height: 40%;
    max-width: 40%;
    margin-right: 10%;
}

.FAST_pelvis_normal{
    float: left;
    max-height: 35%;
    max-width: 35%;
    margin-right: 10%;
}

.FAST_pelvis_positive{
    float: left;
    max-height: 35%;
    max-width: 35%;
    margin-right: 10%;
}

/* liver trauma */



/* note box css */

textarea{
    height: 100px;
    width: 600px;
    overflow-y: scroll;
    resize: none;
    font-weight: 500;
    background-image: url("paper7.jpg");
}

textarea::-webkit-input-placeholder {
  color: black;
}

#notes{
    text-align: center;
}

#references{
    margin-left: 150px;
}

/* quiz css */
#instructions{
     text-align: center;
     font-size: 1.4em;
     padding-bottom: 1cm;
     padding-top: 0.75cm;

}

#questions{
     padding-left: 8%;
     padding-top: 30px;
     padding-bottom: 15px;
     font-size: 1.4em;
}

#choices{
     padding-left: 10%;
     font-size: 1.2em;
     font-weight: normal;
}

#score{
    text-align: center;
    zoom: 1.5;
}

input[type=checkbox] {
    zoom: 1.8;
    cursor: pointer;
}

#choice_desc{

    color: darkblue;
    background-color: lightblue;
    font-size: 1.1em;
    width: 100%;
    height: 40px;
    border-style: solid;
    border-color: darkblue;
    border-radius: 8px;
    cursor: pointer;

}

/* score_quiz css */

#score_quiz{
     text-align: center;
     font-size: 1.4em;
     color: red;
}

#num_questions{
     text-align: center;
     font-size: 1em;
     padding-top: 40px;
     color: black;
}

#num_correct{
     text-align: center;
     font-size: 1em;
     padding-top: 10px;
     color: black;
}

#incorrect{
     text-align: center;
     font-size: 1em;
     padding-top: 25px;
     color: black;
}