#cyoa_container {
    font-family:georgia;
    width: 100%;
	height: 500px;
    overflow: hidden;
    border: 1px solid #eee;
    background: white;
    position: relative;

}


.cyoa_content div {
    text-align: center;
}

#cyoa_container .cyoa_content  {

}

#cyoa_container .cyoa_content p, #cyoa_container .cyoa_content h1 {
    margin: 0px;
    font-size:1.1em;
    padding: 5px;
    line-height: 1.4em;
}

#cyoa_container .cyoa_content img {
    max-height: 300px;
    margin: 12px 50px 10px 50px;
}

#cyoa_container a {
	color:#DF3732;
	text-decoration: none;
	border-bottom: none;
}

#cyoa_reset_button {
    display: none!important;
}
#cyoa_container ul {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
    padding-left: 0px;
    margin: 0 auto;
}

#cyoa_container li, #cyoa_container button {
    margin: 0 auto;
    border-left:1px solid #000;
    border-top:1px solid #000;
    border-bottom:1px solid #000;
	border-right: 1px solid #000;
    display:inline-block;
    font-size:.9em;
    font-family:Verdana;
    font-weight:bold;
    text-decoration:none;
    float:left;
    padding: 10px 11px;
	color: #000;
	opacity: .75;
	transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;
}

#cyoa_container li {
}


#cyoa_container button:hover, #cyoa_container li:hover {
    background:black;
	opacity: 1;
	color: white;
}

#cyoa_container button:active, #cyoa_container li:hover {

}

.cyoa_page {
    float: left;
    overflow:hidden;
}

.cyoa_hide {
    width: 0%;
   
}

.cyoa_show {
    width: 100%;
   
}

.cyoa_controls {
    width: 100%;
}

.control_container, .cyoa_controls {
    position: absolute;
    top: 190px;
}
.cyoa_show .control_container, .cyoa_show .cyoa_controls {
    z-index: 4;
}
.cyoa_hide .control_container, .cyoa_hide .cyoa_controls {
    display:none;
}

.cyoa_controls li {
    background: white;
    position: absolute;
    right: 0px;
}
.control_container button {
    background: white;
}

#cyoa_container p.source, #cyoa_container p.source a {
    margin-top: 0!important;
    padding-top: 0;
    text-align: left;
    font-size: x-small;
    color: #666;
}

#cyoa_container .control_container, #cyoa_container .cyoa_controls {
    position: absolute;
    top: 200px;
}
#cyoa_container .control_container {
    left: 0;
}
#cyoa_container .cyoa_controls {
    right: 0;
}