body { font-family:  Arial, sans-serif; margin:auto; width:980px}
#content {max-width:980px; margin:5px 0 0 0}
#main {position:relative; top:0; left:4px; width:640px;float:left}
#narrative {position:relative; top:0px; width:320px; float:right;border-left:1px solid #ccc;}
#footer {clear:both; padding:3em 0 0 4px}
h1 {font-family: Verdana, Arial, sans-serif; font-size:1.8rem; margin:0; padding:12px 5px; width:100%; background-color:#eee; border-style:solid; border-color: #666; border-width: 0px 0px 2px 0px}
.leftcell, .leftcellsmall {display:block; float:left; clear:both; padding-bottom:2px; border-bottom:1px dashed #ddf}
.leftcell {width:340px;}
.leftcellsmall {width:70px; font-weight:bold}
.leftcellsmall input {font-weight:bold}
input {text-align:left}
.ui-slider { background: #729fcf; }
.ui-slider .thumb {width:25px; height:25px}
.ui-slider-handle {border-color:#69c}
.actionbutton {font-size:1.4em; border-width:1px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
.bigactionbutton {font-size:1.2em; width:500px; margin:8px 0 8px 22px; border-color:#000; border-width:1px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;}
#narrative .bigactionbutton {width:300px; margin: .3em 0}
.actionbutton:hover, .bigactionbutton:hover {cursor:pointer; border-color:#ddd}
.fb {display:block;width:200px;float:left;text-align:right;border-top:#ddd dashed 1px}
.row {clear:left;padding:2px}
.large, .large input {font-size:14pt;font-family:Verdana,sans-serif}
.huge, .huge input {font-size:22pt;font-family:Verdana,sans-serif}
textarea {font-size:16pt;font-family:Verdana,sans-serif;width:90%}
.smallprint {font-size:85%}
h4 {margin-bottom:0}

/* to enable vertical scrolling */
.scrollable {
	/* required settings */
	position:relative;
	overflow:hidden;
	height: 430px;
	width: 320px;
}
.items>div
{height: 430px;
width:300px;
border-bottom:1px solid #ccc;
}

/* root element for scrollable items */
.scrollable .items {
margin:10px 0 0 0;
font-size: 120%;
position:absolute;
height:4000em;
padding-left:.5em;
}

/* the action buttons above the scrollable */
#actions {
	width:300px;
	margin:30px 0 10px 0;	
}

#actions a {
	font-size:30px;		
	cursor:pointer;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
padding:1px 2em 1px 2em;
background-color:#fcc;
	float:right;
	 -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}