#slide0-content {
  padding: 20px;
  font-size: 14px;
  line-height: 1.3;
}
#slide0-content .intro {margin: 0;}
#slide0-content .col1 {
  width: 360px;
  float: left;
}
#slide0-content .col2 {
  margin-top: 40px;
  width: 360px;
  float: right;
  position: relative;}
#slide0-content .title {text-align: center; font-weight: bold; font-size: 1em; margin-bottom: 20px;}
#slide0-content #micePair {width: 275px; display:block; margin: 0 auto;}
#slide0-content .cap1 {width: 160px; font-size: 0.8em; text-align:center; float: left; margin-left: 15px; margin-top: 4px;}
#slide0-content .cap2 {width: 160px; font-size: 0.8em; text-align:center; float: right; margin-right: 25px; margin-top: 4px;}

/* Slide 1 */

#slide1-content {
  padding: 10px;
  font-size: 1.2em;
  line-height: 1.3;
}
#slide1-content .col1 {
  width: 500px;
  float: left;
}
#slide1-content .title {text-align: center; font-weight: bold; margin-top: 0; margin-bottom: 6px;}}
#slide1-content .intro {margin: 0;}
#slide1-content table.instructions tr td {vertical-align: top; font-size: 0.8em;color: #153E7E;}
#slide1-content table.instructions tr td:first-child {padding-right: 30px; font-weight: bold;}

#slide1-content table.genotypes {margin-top: 15px;}
#slide1-content tr.mice td {height: 75px;}
#slide1-content tr.labels td {font-weight: bold; font-style:italic;}

#slide1-content table.genotypes tr td {vertical-align: top; font-size: 0.8em;color: #888; text-align: center;}

.mouse {width: 100px; z-index: 10;}
div#injection {position: relative; clear: both;}
.mcSyringe {width: 150px; height: 110px; float: left;font-size: 0.8em; text-align: center;position:relative}
#mcSyringe {position:absolute; left: 52px; top: 0px; width: 46px; height: 91px; z-index: 15; background-image: url("../img/mcSyringe.png"); }
.mcSyringe p {margin: 2px;position:absolute; left: 20px; bottom:0px}
.mcPlatform {width: 300px; float: right; margin-top: 25px;margin-bottom: 15px; position:relative}
#mcPlatform{ width: 198px;}
#lblTable {position: absolute; top: 32px; left: 20px; font-size: 0.8em}
#slide1-content .qa {clear: both; border-top: solid thin #CCC; position: relative;}
#slide1-content .q {font-size: 0.9em; margin-top: 4px;}
#slide1-content .q span {color: #153E7E; font-weight: bold;}
#slide1-content .a {font-size: 0.9em; padding-top: 10px; line-height: 1.4;}
#slide1-content .a span {color: #666; font-weight: bold;}

#slide1-content #btnRestart, #btnCollect {
  display: none;
  margin: 0 0 12px;
  width: 72px;
  text-align: center;
  font-size: 0.8em;
  padding: 2px 4px;
}
#btnCollectData {position: absolute; top: 44px; left: 370px;}
#btnStartAgain {position: absolute; top: 68px; left: 370px;}

.button {
    background: none repeat scroll 0 0 #F0C911;
    border: 1px solid #E65F44;
    border-radius: 6px 6px 6px 6px;
    color: #C92200;
    display: inline-block;
    font-family: arial;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.25em;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none !important;
}
.button-down {
  background: repeat scroll 0 0 #666666;
  border: 1px solid #666;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 1px 0 0 #666666 inset;
  color: #FFFFFF !important;
  display: inline-block;
  font-family: arial;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0.25em;
  padding: 4px 12px;
  text-decoration: none !important;
  text-align: center;
}

#btnAnswer {  
	display: block;
	margin: 0 0 12px;
	width: 90px;
	text-align: center;
	font-size: 0.8em;
	padding: 2px 4px;
	position: absolute;
	top: 3px;
	left: 370px;
}

.answer {
	display: none;
	font-size: 0.85em;
	margin-top: 105px;
    background: none repeat scroll 0 0 #D5EFFF;
    border: 1px solid #CCCCCC;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0 10px 10px;
    position: absolute;
    right: 0;
    top: 17px;
    width: 400px;
    height: 75px;
}

#slide1-content .col2 {
  width: 250px;
  float: right;
  padding: 5px;
  border: solid thin #CCC;
}
#slide1-content .intro {text-align: center; font-weight: bold; letter-spacing: 1px;}
#slide1-content .legend {width: 245px; border-top:solid thin #CCC; border-bottom: solid thin #CCC; margin-bottom: 8px;}
#slide1-content .mcGraph_WT {position: relative; width: 245px; height: 125px;}
#slide1-content #mcGraph_WT {width: 245px; display: none;}
#slide1-content #mcResult_WT {width: 0px; overflow: hidden; position: absolute; left: 90px; bottom: 18px;}
#slide1-content .mcResult_WT {width: 150px;}
#slide1-content .mcGraph_OB {position: relative; width: 245px; height: 125px;}
#slide1-content #mcGraph_OB {width: 245px; display: none;}
#slide1-content #mcResult_OB {width: 0px; overflow: hidden; position: absolute; left: 90px; bottom: 18px;}
#slide1-content .mcResult_OB {width: 150px;}
#slide1-content .mcGraph_DB {position: relative; width: 245px; height: 125px;}
#slide1-content #mcGraph_DB {width: 245px; display: none;}
#slide1-content #mcResult_DB {width: 0px; overflow: hidden; position: absolute; left: 90px; bottom: 18px;}
#slide1-content .mcResult_DB {width: 150px;}

/* Slide 2 */

#slide2-content {
  padding: 10px;
  font-size: 1.2em;
  line-height: 1.3;
}
#slide2-content .col1 {
  width: 370px;
  float: left;
}
#slide2-content .title {text-align: center; font-weight: bold; margin-top: 0; margin-bottom: 6px;}}
#slide2-content .intro {margin: 0;}
#slide2-content table.instructions tr td {vertical-align: top; font-size: 0.8em;color: #153E7E;}
#slide2-content table.instructions tr td:first-child {padding-left: 30px;}

#slide2-content table.genotypes {margin-top: 15px;}
#slide2-content tr.mice td {height: 75px; width:33%;}
#slide2-content tr.labels td {font-weight: bold; font-style:italic;}

#slide2-content table.genotypes tr td {vertical-align: top; font-size: 0.8em;color: #888; text-align: center;}

#slide2-content .mouse {width: 100px; z-index: 10;}
#slide2-content div#surgery {position: relative; clear: both;}
#slide2-content .surgeryTable {width: 300px;  height: 90px; margin: 10px auto;position:relative;}
#slide2-content #surgeryTable{ width: 300px;}
#slide2-content #lblSurgeryTable {position: absolute; top: 20px; left: 112px; font-size: 0.8em}
#slide2-content .qa {clear: both; border-top: solid thin #CCC; position: relative;}
#slide2-content .q {font-size: 0.9em; margin-top: 4px;}
#slide2-content .q span {color: #153E7E; font-weight: bold;}
#slide2-content .a {font-size: 0.85em; line-height: 1.0; display:none;}
#slide2-content .a span {color: #666; font-weight: bold;}

#slide2-content #btnRestart {
  position: absolute;
  top: 20px;
  left: 110px;
  display: block;
  margin: 4px auto 12px;
  width: 80px;
  text-align: center;
  font-size: 0.8em;
  padding: 2px 4px;
}

#slide2-content #btnCollect {
  position: absolute;
  top: 70px;
  left: 100px;
  display: block;
  margin: 4px auto 12px;
  width: 100px;
  text-align: center;
  font-size: 0.8em;
  padding: 2px 4px;
}

#slide2-content #btnParabiosis {
  position: absolute;
  top: 70px;
  left: 100px;
  display: block;
  margin: 4px auto 12px;
  width: 100px;
  text-align: center;
  font-size: 0.8em;
  padding: 2px 4px;
}

.button {
    background: none repeat scroll 0 0 #F0C911;
    border: 1px solid #E65F44;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 1px 0 0 #F9ECA0 inset;
    color: #C92200;
    display: inline-block;
    font-family: arial;
    font-size: 0.9em;
    font-weight: bold;
    margin: 0.25em;
    padding: 4px 12px;
    text-align: center;
    text-decoration: none !important;
    text-shadow: 1px 1px 0 #DED17C;
}
.button-down {
  background: repeat scroll 0 0 #666666;
  border: 1px solid #666;
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 1px 0 0 #666666 inset;
  color: #FFFFFF !important;
  display: inline-block;
  font-family: arial;
  font-size: 0.9em;
  font-weight: bold;
  margin: 0.25em;
  padding: 4px 12px;
  text-decoration: none !important;
  text-align: center;
}

#slide2-content #btnAnswer {  
	display: block;
	margin: 0 0 12px;
	width: 90px;
	text-align: center;
	font-size: 0.8em;
	padding: 2px 4px;
	position: absolute;
	top: 3px;
	left: 280px;
}

.answer {
	display: none;
	font-size: 0.85em;
	margin-top: 105px;
    background: none repeat scroll 0 0 #D5EFFF;
    border: 1px solid #CCCCCC;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0 10px 10px;
    position: absolute;
    right: 0;
    top: 17px;
    width: 400px;
    height: 75px;
}

#slide2-content .col2 {
  width: 380px;
  float: right;
  padding: 5px;
  border: solid thin #CCC;
}
#slide2-content .intro {text-align: center; font-weight: bold; letter-spacing: 1px;}
#slide2-content .legend {width: 375px; border-bottom: solid thin #CCC; margin-bottom: 8px;}
#slide2-content .mcSurgeryGraph {position: relative;width: 380px; height: 130px; margin-left: 0; overflow:hidden;}
#slide2-content #mcSurgeryGraph {margin-left: 40px; width: 360px;}
#slide2-content .mouse2 {height: 68px;}

#slide2-content .mcMouse_WT_OBL { position: absolute; left: 20px; top: 23px; z-index: 10;}
#slide2-content .mcMouse_WT_OBR { position: absolute; left: 48px; top: 23px; width: 54px;}
.mcResult_WT_OB {width: 125px; overflow: hidden;}
#mcResult_WT_OBL {position: absolute; top: 30px; left: 125px;}
.mcResult_WT_OBL {width: 125px; }
#mcResult_WT_OBR {position: absolute; top: 30px; left: 262px;}
.mcResult_WT_OBR {width: 125px; }

#slide2-content .mcMouse_WT_DBL { position: absolute; right: 327px; top: 23px; width: 43px;}
#slide2-content .mcMouse_WT_DBR { position: absolute; left: 48px; top: 23px; z-index: 10;}
.mcResult_WT_DB {width: 125px; overflow: hidden;}
#mcResult_WT_DBL {position: absolute; top: 8px; left: 125px;}
.mcResult_WT_DBL {width: 125px; margin-left: -6px;}
#mcResult_WT_DBR {position: absolute; top: 8px; left: 262px;}
.mcResult_WT_DBR {width: 125px; margin-left: -6px;}

#slide2-content .mcMouse_OB_DBL { position: absolute; right: 323px; top: 23px; width: 51px;}
#slide2-content .mcMouse_OB_DBR { position: absolute; left: 52px; top: 23px; z-index: 10;}
.mcResult_OB_DB {width: 125px; overflow: hidden;}
#mcResult_OB_DBL {position: absolute; top: 14px; left: 125px;}
.mcResult_OB_DBL {width: 125px; margin-left: -6px;}
#mcResult_OB_DBR {position: absolute; top: 14px; left: 262px;}
.mcResult_OB_DBR {width: 125px; margin-left: -6px;}