/* GENERAL UI STUFF */

.content {
	position: relative;
}

.languagebox {
	position: absolute;
	top: 0;
	right: 0;

	text-align: right;
}

.extrabox {
	border: 1px solid #AAA;
}

.hint, .hint label {
	font-weight: normal;
	font-size: small;
	color: #666;
}


/* GRID STYLING */

.gridwidget .answerrow {
	border: 0 solid #AAA;
	border-top-width: 1px;
}

.grid {
	width: 100%;

	table-layout: fixed;
}

.grid th, .grid td {
	text-align: center;	
}

.grid td {
	font-weight: normal;
}

.grid .grid-verbal {
	border: 0 dashed #AAA;
	border-left-width: 1px;
}

.gridwidget label {
	margin-bottom: 0;
	font-weight: normal;
}

.question {
	line-height: 2em;
}

.gridwidget .rcell {
	vertical-align: top;
}

.rcell {
	padding: 0.5em 0;
}

.rcell, .rcell input, .rcell label {
	cursor: pointer;
}


/* SCALE WIDGET STYLING */
.scalewidget .scaleitem {
	margin-top: 1em;
}

.scalewidget table {
	table-layout: fixed;
}

.scalewidget table label {
	font-weight: normal;
}

.scalewidget table .mid label {
	font-weight: bold;
}


/* OTHER WIDGET STYLING */

.rcell {
	text-align: center;
}

.options span {
	display: block;
}

/* INTERACTIVITY */

div.highlight {
	background-color: #EFE;	
}

td.highlight {
	background-color: #CFC;	
	border: 0 solid white;
	border-radius: 8px;
}

.surveywidget {
	position: relative;
}

.fixed, .bottomfixed {
	background-color: white;
	z-index: 1001;

	padding-left: 0;
	padding-right: 0;
}

.fixed {
	position: fixed;
	top: 0;
}

.bottomfixed {
	position: absolute;
	bottom: 0;
}