@import url("http://fonts.googleapis.com/css?family=Actor");

html, body, .container, .scroller {
	height: 100%;
}

body {
	/*background-color: #009933; /* Breakthrough */
	color: #000000;
	margin: 0;
	font-family: "Devonshire", sans-serif;
	font-size: 1em;
	height:100%;
}

body.showTest {
	background-color: #fff;
	font-size: 0.8em;
}

.contentContainer {

}

.contentContainer .menu {

}

.menu {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	border-right: solid 1px rgba(0,0,0,0.1);
	border-left:  solid 1px rgba(0,0,0,0.1);;
}

.menu .backLink {
	background: rgba(0,0,0,0.1);
	outline: none;
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
	box-shadow: inset 0 0px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

a { text-decoration: none; color: #FFFFFF; }

.menu ol, .menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
.menu h2 {
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	background: rgba(0,0,0,0.1);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 400;
	font-size: 1.5em;
}

.menu h2, .pageContent h2 {
	border-bottom: solid 1px rgba(0,0,0,0.1);
}

.menu li {
	line-height: 1.2em;
	box-shadow: inset 0 -1px rgba(0,0,0,0.2);
	font-size: 1.0em;
	padding: 0.7em 1em 0.7em 1.8em;
	-webkit-transition: background 0.3s, box-shadow 0.3s;
	-moz-transition: background 0.3s, box-shadow 0.3s;
	transition: background 0.3s, box-shadow 0.3s;
}

.menu li:hover, .menu li.current {
	background: rgba(0,0,0,0.4);
	color: rgba(255,255,255,0);
}

.menu li a {
	display: block;
	outline: none;
	text-shadow: 0 0 1px rgba(255,255,255,0.1);
	padding-bottom:5px;

}

.menuSubtitle {
	display:block;
	padding-top: 5px;
	margin-left: 5px;
	font-size: 0.8em;
	color: rgba(0,0,0,0.9);
}

li:hover .menuSubtitle {
	font-size: 0.8em;
	color: #ddd;
}

.pageContent {
	margin: 0 auto;
}

.pageContent.mainPage img {
	display: block;
	padding-top: 60px;
	margin: auto;
}

.pageContent h2 {
	background: rgba(0,0,0,0.1);
	margin: 0;
	padding: 1em;
	color: rgba(0,0,0,0.4);
	text-shadow: 0 0 1px rgba(0,0,0,0.1);
	font-weight: 500;
	font-size: 1.5em;
}

.sectionName {
	font-weight: bold;
}

.questionType  {
	padding-bottom: 10px;
}

.chooseTests li {
	border-bottom: 1px solid rgba(0,0,0,0.1);
	margin-bottom: 10px;
}


.subSectionName {

}

.generatedTest {
	background: #fff;
	margin: 0 auto;
	font-size: 14px;
}

.generatedTest .header img {
	display: block;
	margin: auto;
	padding-top: 30px;
}

.generatedTest .questions {
	padding: 14px;
}

.questions .questionNumber {
	/*font-weight: bold;*/
}

.generatedTest .questions .question {
	border-bottom: 1px solid #777;
	padding-top: 15px;
	padding-left: 20px;
}

.buttonBar {
	background: rgba(0,0,0,0.1);
	outline: none;
	color: #fff;
	font-weight: 700;
	display: block;
	font-size: 0.8em;
	padding: 1em;
	position: relative;
	box-shadow: inset 0 0px rgba(0,0,0,0.1);
	-webkit-transition: background 0.3s;
	-moz-transition: background 0.3s;
	transition: background 0.3s;
}

.quizDescription {
	margin:30px;
}


.singleButton, .leftButton, .middleButton, .rightButton {
	padding: 0.2em 0.5em;
	border: 1px solid #999;
	display: inline-block;
	zoom: 1;
	*display: inline;
	text-decoration: none;
	text-align: center;
	color: #000;
	background: #ddd;
	font-family: sans-serif;

}
.singleButton:active, .leftButton:active, .middleButton:active, .rightButton:active {
	background: #aaa;
	color: rgba(0,0,0,0.4);
}
.singleButton.selected, .leftButton.selected, .rightButton.selected, middleButton.selected {
	background: #888;
	color: #fff;
}
.singleButton {
	margin-right: 1em;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.innerContent {
	padding: 20px;
}
/* .eula, .pageContent form {
	padding: 20px;
} */

.showTest .menu li:first-child {
	border-top: solid 1px rgba(0,0,0,0.1);
}

#generatedDate {
	background: rgba(0,0,0,0.1);
	color: #fff;
	text-align: center;
	padding: 15px;
	margin-bottom: 40px;
	font-size: 1.2em;
	transition-duration: 1.2s;
	-webkit-transition-duration: 1.2s; /* Safari */
}

#generatedDate.notify {
	background: rgba(0,0,0,0.9);
}

.animated{-webkit-animation-fill-mode:both;-moz-animation-fill-mode:both;-ms-animation-fill-mode:both;-o-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}.animated.hinge{-webkit-animation-duration:1s;-moz-animation-duration:1s;-ms-animation-duration:1s;-o-animation-duration:1s;animation-duration:1s;}@-webkit-keyframes slideInDown {
	0% {
		opacity: 0;
		-webkit-transform: translateY(-2000px);
	}	100% {
		-webkit-transform: translateY(0);
	}
}

@-moz-keyframes slideInDown {
	0% {
		opacity: 0;
		-moz-transform: translateY(-2000px);
	}

	100% {
		-moz-transform: translateY(0);
	}
}

@-o-keyframes slideInDown {
	0% {
		opacity: 0;
		-o-transform: translateY(-2000px);
	}

	100% {
		-o-transform: translateY(0);
	}
}

@keyframes slideInDown {
	0% {
		opacity: 0;
		transform: translateY(-2000px);
	}

	100% {
		transform: translateY(0);
	}
}

.slideInDown {
	-webkit-animation-name: slideInDown;
	-moz-animation-name: slideInDown;
	-o-animation-name: slideInDown;
	animation-name: slideInDown;
}