.content {padding: 0 40px; line-height: 1.5em;}
.info {margin-top: 10px;}
.info2 {}
#gene-pool {
    float: right; margin: 10px 40px 0 40px; width: 60%;}
.clearfloat {clear: both;}
.click-instruction {color: #153E7E; text-align: right; padding: 50px 10px 0 0; font-weight: bold; clear: both;}

#slide1-content {padding: 0 20px;}
#driftForm input {width: 40px; margin: 0 10px;}
#driftForm {width: 370px; float: left;}

#slide1-content .buttons {
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	margin-top: 5px;
    width: 180px;
}
.button {
    border: 1px solid #E65F44;
    border-radius: 6px 6px 6px 6px;
    color: #C92200;
    display: inline-block;
    font-family: arial;
    font-weight: bold;
	font-size: 12px;
    line-height: 13px;	
    margin: 0.25em;
    padding: 4px 12px;
    text-decoration: none !important;
}

#driftGraph {float: left; width: 225px;position: relative}
#driftGraph img {width: 225px; margin: 0}
#driftGraph canvas {position:absolute;left:25px;top:26px;}

#driftChart {float: right; width: 150px;height:200px;overflow:auto;border: 1px solid black;}
#driftChart p {font-weight: bold; text-align: center; margin: 2px;}
#driftChart table {font-size: 0.9em}
#driftChart table td th {margin: 0 auto;}
#driftChart th {min-width:40px;max-width:45px;text-align:center;}
#driftChart td {min-width:40px;max-width:45px;text-align:center;}

#questions {
	width: 520px;
	height:100px;
	float: left;
	position: relative;
}
.tabs {
    clear: both;
    margin: 0;
    height: 100px;
    min-height: 100px;
    position: relative;
	width: 520px;
	font-size: 0.9em;
	float: left;
}
.tab {
    float: left;
}
.tab [type="radio"] {
    display: none;
}
[type="radio"]:checked ~ label {
    background: none repeat scroll 0 0 #FFEFD5;
    border-bottom: 1px solid #FFEFD5;
    z-index: 2;
}
.tab label {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #CCCCCC;
    left: 1px;
    margin-left: -1px;
	padding: 2px 8px;
    position: relative;
}
[type="radio"]:checked ~ label ~ .tabContent {
    z-index: 1;
}
.tabContent {
    background: none repeat scroll 0 0 #FFEFD5;
    border: 1px solid #CCCCCC;
    bottom: 0;
    left: 0;
    overflow: auto;
    padding: 0 10px 10px;
    position: absolute;
    right: 0;
    top: 17px;
	width: 500px;
	height: 75px;
}

#btnAnswer {
	background-color: #FFEFD5;
    border: thin solid gray;
    border-radius: 5px 5px 5px 5px;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-top: 110px;
    width: 90px;
    font-size: 0.9em;
    padding: 0 2px;
    text-decoration: none;
    display: block;
    text-align:center;
}

.answer {
	display: none;
	font-size: 0.9em;
	margin-top: 120px;
    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: 500px;
    height: 55px;
}

#populationGraph {position:relative; float: right; margin: 40px auto 0; background: url('../img/population-graph.png'); width: 229px; height: 150px;}
.mcHist {position:absolute; bottom: 38px; width: 41px; background-color: #CECECE; border: thin solid #9C9C9C; }
#mcHist_qq {left: 64px; height: 93px;}
#mcHist_pq {left: 114px; height: 43px; }
#mcHist_pp {left: 164px; height: 10px;}