@charset "UTF-8";

#page10 #lnkHome{
	display: none;
}

body {
  
font-family: "Montserrat", sans-serif;
}
.ui-header .ui-title, .ui-footer .ui-title
{
	margin-left: 0;
	margin-right: 0;
	padding-left: 20px;
}

.ui-header{
	background-color: #000;
	color: #fff;
	text-shadow: none;
}

.ui-header .ui-title{
	padding-left: 0;
}

h4
{
	width: 100%;
	text-align: center;
	padding: 2em 0;
}


.ui-page.match, .ui-overlay-c.match
{
	background-color: #93edc2;
	background-image: -webkit-gradient(linear,left top,left bottom,from(rgb(250, 255, 250)),to(#93edc2));
	background-image: -webkit-linear-gradient(rgb(250, 255, 250), #93edc2);
	background-image: -moz-linear-gradient(rgb(250, 255, 250), #93edc2);
	background-image: -ms-linear-gradient(rgb(250, 255, 250), #93edc2);
	background-image: -o-linear-gradient(rgb(250, 255, 250), #93edc2);
	background-image: linear-gradient(rgb(250, 255, 250), #93edc2);
}


.ui-page.nostudy, .ui-overlay-c.nostudy
{
	background-color: #ffee75;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#ffee75));
	background-image: -webkit-linear-gradient(#fff, #ffee75);
	background-image: -moz-linear-gradient(#fff, #ffee75);
	background-image: -ms-linear-gradient(#fff, #ffee75);
	background-image: -o-linear-gradient(#fff, #ffee75);
	background-image: linear-gradient(#fff, #ffee75);
}

.nomatch
{
	background: #fff9df;
	background-image: -webkit-gradient(linear,left top,left bottom,from( #fffadf ),to( #fff3a5 ));
	background-image: -webkit-linear-gradient( #fffadf,#fff3a5 );
	background-image: -moz-linear-gradient( #fffadf,#fff3a5 );
	background-image: -ms-linear-gradient( #fffadf,#fff3a5 );
	background-image: -o-linear-gradient( #fffadf,#fff3a5 );
	background-image: linear-gradient( #fffadf,#fff3a5 );
}

.nomatch .singlebtn
{
	border: 1px solid #f4c63f;
	background: #fadb4e;
	text-shadow: 0 1px 0 #fff;
	background-image: -webkit-gradient(linear,left top,left bottom,from( #ffefaa ),to( #ffe155 ));
	background-image: -webkit-linear-gradient( #ffefaa,#ffe155 );
	background-image: -moz-linear-gradient( #ffefaa,#ffe155 );
	background-image: -ms-linear-gradient( #ffefaa,#ffe155 );
	background-image: -o-linear-gradient( #ffefaa,#ffe155 );
	background-image: linear-gradient( #ffefaa,#ffe155 );
}

.nomatch .singlebtn:hover
{
	background: #fbdd52;
	background-image: -webkit-gradient(linear,left top,left bottom,from( #fff5ba ),to( #fbdd52 ));
	background-image: -webkit-linear-gradient( #fff5ba,#fbdd52 );
	background-image: -moz-linear-gradient( #fff5ba,#fbdd52 );
	background-image: -ms-linear-gradient( #fff5ba,#fbdd52 );
	background-image: -o-linear-gradient( #fff5ba,#fbdd52 );
	background-image: linear-gradient( #fff5ba,#fbdd52 );
}


.ui-content {
text-align: center;
max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}
.ui-content p, .ui-content ul, .ui-collapsible-content
{
	text-align: left;
}

p
{
	line-height: 1.3em;
}

p + a
{
	margin-top: 3em !important;
}

a.ui-btn.answer
{
	width: 20%;
}

a.ui-btn.answer.fullwidth
{
	width: 60%;
    white-space: normal;
    text-align: left;
}

a.ui-btn.singlebtn
{
	max-width: 30em;
	margin: .5em auto;
}

.ui-body-c
{
	border: none;
}

.ui-popup-container ul
{
	padding-left: 2em;
}

.ui-icon-check:after, html .ui-btn.ui-checkbox-on.ui-checkbox-on:after{
	background-color: #5bdd4f;
}

.ui-icon-delete:after, html .ui-btn.ui-delete-on.ui-delete-on:after{
	background-color: #ffa652;
}

#qHistory
{
	position: fixed;
	margin: 42px 0 0 0;
	z-index: 100;
	width: 100%;
	height: auto;
	border: none;
	overflow: hidden;
	transition: height .3s;
	-webkit-transition: height .3s;
	background: #444;
}

#qHistory.hidden p
{
	display: none;
}

#qHistory p
{
	font-size: 14px;
	margin: 0;
	padding: 1px 5px;
	color: #fff;
	text-shadow: 0 1px 0 #000;
}

#qHistory p span:first-child
{
	display: block;
	margin-right: 5px;
	padding: 2px 16px 2px 5px;
	background: rgba(0, 0, 0, .4);
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
}

#qHistory span:after, #qHistory span:after
{
	width: 20px;
	height: 20px;
	margin: -16px -21px -2px auto;
	display: block;
	content: "";
	background-color: #666;
	background-color: rgb(41, 41, 41);
	
	background-repeat: no-repeat;
	background-position: 3px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border-radius: 9px;
	
	-moz-box-shadow: 0 1px 0 rgba(255,255,255,.4);
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4);
}

#qHistory span.ui-icon-check
{
	
}

#qHistory span.ui-icon-delete
{
	
}

#qHistory p.yes
{
	
}

#historyToggle
{
	height: 22px;
	width: 27%;
	border-radius: 10px;
	border-top: none;
	background: white;
	color: black;
	position: fixed;
	z-index: 100;
	padding-top: 15px;
	margin: 32px 37% 0 37%;
	text-align: center;
	font-size: .8em;
	cursor: pointer;
	box-shadow: 1px 1px 10px #999;
	z-index: 10;
}

#historyToggle.hidden
{
	display: none;
}

.ui-footer .contactbtn
{
	width: 100px;
}