body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	background-image:url(../img/bg.png);
	margin: 0;
	padding: 0;
	color: #000000;
}
.carboncopies .container {
	width: 46em;
	background:#FFF;
	margin: 0.62em auto 1em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-box-shadow: 8px 8px 10px #000;
	-webkit-box-shadow: 8px 8px 10px #000;
	box-shadow: 8px 8px 10px #000;
}
.carboncopies .header { 
	background-color:#C00;
	padding: 0 10px 0 20px;
	text-align: center;
	border-radius: 10px 10px 0px 0px;
	-moz-border-radius: 10px 10px 0px 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
} 
.carboncopies .header h1 {
	margin: 0;
	padding: 10px 0;
}
.carboncopies .content {
	padding: 0 20px;
	background:#FFF;
	position:relative;
	margin-bottom:1em;
}
.carboncopies .footer {
    font-size: 0.8em;
	padding: 0 10px;
	margin-bottom:1em;
	background-color:#C00;
	border-radius: 0px 0px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
} 
.carboncopies .footer p {
	margin: 0;
	padding: 10px 0;
	color:#333;
	text-align:left;
}
.carboncopies .footer a {
    color:#300;
}
.toptip {
    padding:0.4em;
    background-color:#ffc;
    color:#663;
    font-size:0.85em;
    border:1px solid #cc7;
    border-bottom:2px solid #cc7;
    border-right:2px solid #cc7;
    width:20%;
    float:right;
    line-height:1.4em;
}
.toptip.inactive {
    visibility:hidden;
}
.options {
    list-style-type:none;
    padding:0;
    margin:0;
    overflow:auto;
}
.options.pairs2 { /* TODO: improve these */
    width:20em;
}
.options.pairs3 {
    width:25em;
}
.options.pairs4 {
    width:40em;
}
.options.pairs5 {
    width:50em;
}
.options.pairs6 {
    width:60em;
}
.options.pairs7 {
    width:70em;
}
.options button {
    width:8.2em;
    padding:1em;
    float:left;
    height:8.2em;
    margin:0.38em;
    border:2px solid #aaa;
    cursor:pointer;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
.options .selected button {
    background-color:#ff6;
    border-color:#990;
}
.options .correct button {
    background-color:#6c6;
    border-color:#090;
}
.options .incorrect button {
    background-color:#f66;
    border-color:#900;
}
.options .correct button, .options .incorrect button, .options .selected button {
    cursor:default;
}
.inactive {
    display:none;
}
.score-info {
    margin:0.5em 0;
}
.next {
    font-size:2.6em;
    float:right;
    margin-top:-0.62em;
}
.extra-info {
    margin-top:1em;
    font-size:0.9em;
    color:#333;
}