body { 
	background:#ededed;
	font-family:"Verdana,Arial,sans-serif";
	margin:0;
	padding:0;
}

#content {
	background:#fff;
	margin: 20px 5%;
	padding: 4px 20px;
	border: 1px dotted #777;
}

p { 
	margin: 0 0 1em;
	}
	
.instructions { 

	}	
	
#header { 
	margin-bottom:4em;
	}

h1, h2, h3, h4 { margin-bottom:0;} 

.option {
    float:left;
    width:100%; 
    border-bottom: 1px dashed #B0B0B0;
    padding-top: 1em;
    padding-bottom: 1em;
}

.optionlast {
    float:left;
    width:100%; 
    padding-top: 1em;
    padding-bottom: 1em;
}

.optiontitle {
    float:left;
    width:25%;
    font-weight: bold;
}

.optioninput {
    float:left;
    width:30%;
}

.optionnote {
    float:left;
    width:40%;
	font-size:.75em;
}

.slideshow_button {
	margin-top: 1em;
	font-size: 1em;
}

.spread, .nospread {
	margin-top:0;
	margin-left:20px;
	}

.spread li {
	margin-bottom:0.5em;
}

pre {
    border: #777777 1px solid;
    padding: 0.5em;
    margin-left: 1em;
    margin-right: 2em;
    white-space: pre;
    background-color: #e6e6e6;
    color: black;
}

#badge {
	float:right;
	padding: 4px;
	background: #ededed;
	border: 1px solid #777;
	font-size: 10px;
	margin: 4px 0 4px 1em;
	text-align:center;
}

.badge-header {
	background-color:  #f60;
	color: #fff;
	font-size: 12px;
	margin: 0 4px 0 0;
	padding:0;
}

#content .caption {
	font-size: 11px;
	color: #555;
	text-align:center;
	margin: 2em 0;
}

#footer { 
	margin: 60px 20% 10px;
}

#footer p.smallprint {
	font-family: "American Typewriter", "Courier New", Courier, monospaced; 
	font-size: 11px;  
	color: #222; 
	padding: 0.5em 1em;  
	background-color:#ccf;
}

span.reverse {
  unicode-bidi: bidi-override;
  direction: rtl;
}