@import url('https://fonts.googleapis.com/css2?family=Open+Sans&display=swap');

/* Colour theme matching RTOStudentTest's top toolbar (see exemplar_style2.css) —
   scoped here under distinct classes rather than linking that stylesheet directly,
   since its bare body/table/td selectors would cascade onto the rest of this page. */
.report-header{
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	padding: 20px 25px;
	margin-bottom: 20px;
	border-left: 5px solid #2c3e50;
}
.report-header h1{
	margin: 0;
	color: #2c3e50;
	font-size: 1.3rem;
	font-family: 'Source Sans Pro', sans-serif;
}
.topic-section{
	background: white;
	border-radius: 8px;
	box-shadow: 0 4px 6px rgba(0,0,0,0.1);
	border: 1px solid #dee2e6;
	overflow: hidden;
	margin-bottom: 20px;
}
.topic-section-competent{
	border-left: 5px solid #52be80;
}
.topic-section-academically-complete{
	border-left: 5px solid #f5b041;
}
.topic-section-not-yet-competent{
	border-left: 5px solid #ec7063;
}
.metric-green{
	color: white;
	background-color: #52be80;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.85rem;
	padding: 5px;
	border-radius: 8px;
}
.metric-orange{
	color: white;
	background-color: #f5b041;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.85rem;
	padding: 5px;
	border-radius: 8px;
}
.metric-red{
	color: white;
	background-color: #ec7063;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 0.85rem;
	padding: 5px;
	border-radius: 8px;
}
.metric-green a,
.metric-orange a,
.metric-red a{
	color: white;
}
.topic-header-bar{
	background: #f8f9fa;
	padding: 12px 20px;
	border-bottom: 2px solid #dee2e6;
}
.topic-section-body{
	padding: 15px 20px;
}
.controls-row{
	display: flex;
	align-items: flex-end;
	flex-wrap: wrap;
	gap: 15px;
}
.dropdown-group{
	display: flex;
	flex-direction: column;
	gap: 5px;
}
.dropdown-group label{
	font-size: 0.75rem;
	font-weight: bold;
	text-transform: uppercase;
	color: #2c3e50;
	letter-spacing: 0.5px;
	font-family: 'Source Sans Pro', sans-serif;
}
.dropdown-group select,
.competence-comment-input{
	padding: 10px 15px;
	font-size: 0.9rem;
	font-family: 'Source Sans Pro', sans-serif;
	color: #2c3e50;
	background-color: white;
	border: 2px solid #dee2e6;
	border-radius: 6px;
	outline: none;
	transition: border-color 0.2s ease;
	min-width: 220px;
}
.dropdown-group select{
	cursor: pointer;
	appearance: none;
	background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232c3e50' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 16px;
}
.dropdown-group select.select-compact{
	padding: 4px 15px;
}
.dropdown-group select:hover,
.competence-comment-input:hover{
	border-color: #bdc3c7;
}
.dropdown-group select:focus,
.competence-comment-input:focus{
	border-color: #2c3e50;
	box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1);
}
.profile-table{
	width: 100%;
	border-collapse: collapse;
}
.profile-table tr{
	border-bottom: 1px solid #eef0f2;
}
.profile-table tr:last-child{
	border-bottom: none;
}
.profile-table tr:hover{
	background: #f8f9fa;
}
.profile-table th{
	text-align: left;
	vertical-align: middle;
	width: 45%;
	padding: 10px 12px 10px 0;
	font-size: 0.7rem;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #7f8c8d;
	font-family: 'Source Sans Pro', sans-serif;
}
.profile-table td{
	padding: 8px 0;
	font-size: 0.9rem;
	color: #2c3e50;
	font-family: 'Source Sans Pro', sans-serif;
	vertical-align: middle;
}
.profile-table td.profile-empty{
	color: #bdc3c7;
}
.profile-input{
	width: 100%;
	max-width: 160px;
	box-sizing: border-box;
	padding: 6px 10px;
	font-size: 0.85rem;
	font-family: 'Source Sans Pro', sans-serif;
	color: #2c3e50;
	background-color: white;
	border: 2px solid #dee2e6;
	border-radius: 6px;
	outline: none;
	transition: border-color 0.2s ease;
}
.profile-input:hover{
	border-color: #bdc3c7;
}
.profile-input:focus{
	border-color: #2c3e50;
	box-shadow: 0 0 0 3px rgba(44, 62, 80, 0.1);
}
.sub-text{
	font-size: 0.75rem;
	color: #7f8c8d;
	font-family: 'Source Sans Pro', sans-serif;
}
.btn-primary{
	background-color: #2c3e50;
	color: white;
	border: none;
	padding: 11px 24px;
	border-radius: 6px;
	font-size: 0.85rem;
	font-weight: bold;
	font-family: 'Source Sans Pro', sans-serif;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	cursor: pointer;
	transition: all 0.2s ease;
	box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.btn-primary:hover{
	background-color: #34495e;
	transform: translateY(-1px);
	box-shadow: 0 4px 8px rgba(0,0,0,0.15);
}
.btn-primary:active{
	transform: translateY(0);
	box-shadow: 0 2px 2px rgba(0,0,0,0.1);
}
.report-link{
	color: #2b6cb0 !important;
	text-decoration: underline !important;
	font-weight: 600;
}
.report-link:hover{
	color: #1a4f8a !important;
}

.help {
    background-color: #E4E4E4;
    font: normal;
    font-size: 13px;    
    text-decoration:none;
    color:black;
    height:30%;
    border-radius: 10px;
    display: none;
    opacity: 0.9;
    padding: 10px;
    z-index: 100;
}

.vesititle {
	font: normal;
	font-size: 20px;
	font:bold;
	background: white;
	font-family: 'Source Sans Pro', sans-serif;
	color:black;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}

.vesiname {
	font: normal;
	font-size: 15px;
	font:bold;
	background:white;
	font-family: 'Source Sans Pro', sans-serif;
	color:black;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}

.vesiblue {
	background:#024F91;
	border-spacing: 0px;
	border-color: #024F91;
	border-collapse: collapse;
}

.help_link:hover + span {
    display: inline;
    text-decoration:none;
}

.selectedrow {
	text-decoration:none;
	color:black;
	width=100%;
	font: bold;
	font-size: 13px;
	background:#b9e1ff;
	align=center;
	font-family: 'Source Sans Pro', sans-serif;
	border:10px solid #b9e1ff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.avetmissheader {
	font: normal;
	font-size: 13px;
	font:bold;
        align:left;
	background:#464E5F;
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:10px solid #464E5F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.avetmisstablehyperlink a {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	background:white;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
}
.avetmisstablehyperlink:hover + span {
    display: inline;
}

.header{
	text-align: center;
	width:90%;
	font-size:35px;
	padding:5px;
	background-color: white;
	margin-left:5%;
	margin-right:5%;
}

.headertext{
	background: #2C3D4F;
	padding: 10px;
	border-radius: 4px;
	color: #fff !important;
	text-transform:uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font:bold;
}
.melbournepolyheadertext{
	background: #170052;
	padding: 10px;
	border-radius: 4px;
	color: #fff !important;
	text-transform:uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 13px;
	font:bold;
}
.home{
	font: normal;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-style: strong;
	padding:5px;
	height:50%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}


#tabmenuitem{
	font: normal;
	font-size: 13px;
	float:middle;
	font:bold;
	background:#2C3D4F;
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:10px solid #2C3D4F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.dailypasswordfont{
	font: normal;
	float:middle;
	font-size: 24px;
	font-family: 'Source Sans Pro', sans-serif;
	color:#000;
	font-style: normal;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}


.questioncorrect {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	color:white;
	background-color:#52be80;
	background:#52be80;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #52be80;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}


.topicquizcorrect {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	background-color:#464E5F;
	background:#a9e7b3;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #464E5F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.questionincorrect {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	color:white;
	background-color:#ec7063;
	background:#ec7063;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #ec7063;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.cellgrey {
	font: normal;
	font-family: 'Source Sans Pro', sans-serif;
	background:#E4E4E4;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:0px solid white;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.amberclass {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	color:white;
	background-color:#f5b041;
	background:#f5b041;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:none;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.amberclass a,
.amberclass .hyperlinkcontent {
	color:white;
}

.notyetreleasedclass {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	color:black;
	background-color:#cbd5e1;
	background:#cbd5e1;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:none;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.notyetreleasedclass a,
.notyetreleasedclass .hyperlinkcontent {
	color:black;
}

.tablemappingheader{
	text-align: left;
	font: normal;
	font-size: 0.85rem;
	font-weight: bold;
	background:#464E5F;
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:10px solid #464E5F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.tablequestionmappingheader{
	text-align: left;
	font: normal;
	font-size: 0.85rem;
	font-weight: bold;
	background:#C8C8C8;
	font-family: 'Source Sans Pro', sans-serif;
	color:black;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:10px solid #C8C8C8;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.mappingmatrixheader{
	font: normal;
	font-size: 0.85rem;
	font-weight: bold;
	background: #C8C8C8;
	color: black;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 6px 8px;
	text-align: left;
	border-bottom: 2px solid #b0b0b0;
}
.mappingmatrixrowtitle{
	font-size: 13px;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 6px 8px;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px solid #E4E4E4;
	max-width: 260px;
}
.mappingmatrixcell{
	font-size: 13px;
	font-family: 'Source Sans Pro', sans-serif;
	padding: 6px 8px;
	vertical-align: top;
	border-bottom: 1px solid #E4E4E4;
}
.mappingmatrixempty{
	font-size: 13px;
	font-family: 'Source Sans Pro', sans-serif;
	color: #999999;
	padding: 6px 8px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #E4E4E4;
}
.tabtableheader1{
	text-align: left;
	font: normal;
	font-size: 0.85rem;
	font-weight: bold;
	background:#2C3D4F;
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:10px solid #2C3D4F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}


.tableheaderlightblue{
	text-align: left;
	font: normal;
	font-size: 0.85rem;
	font-weight: bold;
	background:#93cdf9;
	font-family: 'Source Sans Pro', sans-serif;
	color:black;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:10px solid #93cdf9;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}


.tabtableheader{
	text-align: left;
	font: normal;
	font-size: 0.85rem;
	font-weight: bold;
	background:#2C3D4F;
	font-family: 'Source Sans Pro', sans-serif;
	color:white;
	font-style: strong;
	padding:5px;
	height:30%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:10px solid #2C3D4F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.topicresult{
	font: normal;
	font-size: 13px;
	font:bold;
	font-family: 'Source Sans Pro', sans-serif;
	color: #2C3D4F;
	font-style: strong;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}
.topicresultpass{
	font: normal;
	font-size: 13px;
	font:bold;
	font-family: 'Source Sans Pro', sans-serif;
	color: #2C3D4F;
	font-style: strong;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}

.questioncorrecttableborder td{
	font: normal;
	font-family: 'Source Sans Pro', sans-serif;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:2 solid #009900;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.tabletext td{
	font: normal;
	align:left;
	font-family: 'Source Sans Pro', sans-serif;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:1px solid #E4E4E4;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.tableborder td{
	font: normal;
	font-family: 'Source Sans Pro', sans-serif;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:1px solid #E4E4E4;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.tableclear td{
	font: normal;
	font-family: 'Source Sans Pro', sans-serif;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:0px solid white;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.tablegrey td{
	font: normal;
	font-family: 'Source Sans Pro', sans-serif;
	background:#E4E4E4;
	padding:5px;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
	border:0px solid white;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.tablehyperlink a {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	background:white;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
}
.subtableheader th {
	text-align: left;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.85rem;
	background-color:#E4E4E4;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
}

.tableexamexception td {
	text-decoration:none;
	font: bold;
	font-size: 13px;
	background: #ff8a8a;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:10px solid #ff8a8a;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}	
	
.tablequestiondetails td {
	text-decoration:none;
	font: bold;
	font-size: 13px;
	background:#b9e1ff;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:10px solid #b9e1ff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.tableselectedrow td {
	text-decoration:none;
	color:black;
	width=100%;
	font: bold;
	font-size: 13px;
	background:#b9e1ff;
	align=center;
	font-family: 'Source Sans Pro', sans-serif;
	border:10px solid #b9e1ff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.tablequestionheader td {
	text-align: left;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.85rem;
	background:#b9e1ff;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:10px solid #b9e1ff;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.examaccordionheader td {
	text-align: left;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.85rem;
	background:#E4E4E4;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:0.5px solid white;-webkit-border-radius:4px;-moz-border-radius:4px;-ms-border-radius:4px;-o-border-radius:4px;border-radius:4px;
}


.tabletopicsubheader td {
	text-align: left;
	text-decoration:none;
	font-weight: bold;
	font-size: 0.85rem;
	background:#bcbaba;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:10px solid #bcbaba;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.tabletopicheader td {
	text-align: left;
	text-decoration:none;
	color:white;
	font-weight: bold;
	font-size: 0.85rem;
	background:#2C3D4F;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:10px solid #2C3D4F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.tableexamresultheader td {
	text-align: left;
	text-decoration:none;
	color:white;
	width=100%;
	font-weight: bold;
	font-size: 0.85rem;
	background:#464E5F;
	align=center;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:10px solid #464E5F;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.home-col-button{
	background: #464E5F;
	padding: 10px;
	border-radius: 4px;
	color: #fff !important;
	text-transform:uppercase;
	font-family: 'Source Sans Pro', sans-serif;
	font-size: 10px;
}
.home-submit-button{
	background: #464E5F;
	padding: 10px;
	border-radius: 4px;
	color: #fff; !important;
	text-transform:uppercase;
	font-family: "Open Sans";
	font-size: 10px;
}
.home-student-button{
	background:#FFCC99;
	padding: 10px;
	border-radius: 4px;
	color: #000 !important;
	font-family: "Open Sans";
	font-size: 12px;
}
.home-update-button{
	background: #FF9900;
	padding: 10px;
	border-radius: 4px;
	color: #000 !important;
	text-transform:uppercase;	
	font-family: "sans-serif";
	font-size: 10px;
}
.home-green-button{
	background: #A9E7B3;
	padding: 10px;
	border-radius: 4px;
	color: #000 !important;
	text-transform:uppercase;	
	font-family: "sans-serif";
	font-size: 10px;
}
.home-red-button{
	background: #ff8a8a;
	padding: 10px;
	border-radius: 4px;
	color: #000 !important;
	text-transform:uppercase;	
	font-family: "sans-serif";
	font-size: 10px;
}
.hyperlinkcontent {
	background:;
	color: #333333;
	font-family: 'Source Sans Pro', sans-serif;

}

.hyperlinkcontentblack {
	border: 1px solid #eeeeee;
	background:;
	color: black;
}


.ukt_question_correct {
	text-decoration:none;
	color:white;
	font: normal;
	font-size: 13px;
	background-color:#009900;
	background:#009900;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #009900;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.ukt_question_incorrect {
	text-decoration:none;
	color:white;
	font: normal;
	font-size: 13px;
	background-color:#CC3300;
	background:#CC3300;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #CC3300;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}

.question_correct td{
	text-decoration:none;
	font: normal;
	font-size: 13px;
	background-color:#A9E7B3;
	background:#a9e7b3;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #a9e7b3;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.question_incorrect td{
	text-decoration:none;
	font: normal;
	font-size: 13px;
	background-color:#ff8a8a;
	background:#ff8a8a;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #ff8a8a;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}



.subtablerow {
	text-decoration:none;
	font: bold;
	font-size: 13px;
	background-color:#E4E4E4;
	background:#E4E4E4;
	text-align: left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #E4E4E4;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.subtablefooter {
	text-decoration:none;
	font: bold;
	font-size: 13px;
	background-color:#ADDBFC;
	background:#ADDBFC;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #ADDBFC;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.subtablecell {
	text-decoration:none;
	font: normal;
	font-size: 13px;
	align=left;
	font-family: 'Source Sans Pro', sans-serif;
	height:30%;
	border:1px solid #E4E4E4;-webkit-border-radius:8px;-moz-border-radius:8px;-ms-border-radius:8px;-o-border-radius:8px;border-radius:8px;
}
.text-left {
	text-align: left;
}
.homeBlack{
	font: normal;
	font-size: 14px;
	font-family: 'Source Sans Pro', sans-serif;
	color:black;
	font-style: strong;
	padding:5px;
	height:50%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}
.content{
	font: normal;
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	padding:5px;
	height:50%;
	margin-left: 2%;
	margin-right: 2%;
	margin-top: 1%;
}
.footer{
	text-align: center;
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
	height: 2%;
	width:90%;
	padding:5px;
	background-color: white;
	margin-top:2%;
	margin-left:5%;
	margin-right:5%;
	width:90%;
}

.greeting{
	float:left;
	margin-left:2%;
}
.oldlogout{
	float:right;
	margin-right:2%;
}

.info{
	font: normal;
	font-size: 12px;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	padding:5px;
	height:50%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
}
.displayheading{
	font: bold;
	font-size: 18px;
	text-align: center;
	background-color:#ADDBFC;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	padding:5px;
	height:50%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
}
.displaylabel{
	font: normal;
	font-size: 12px;
	background-color:#ADDBFC;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	padding:5px;
	height:50%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
}


.displayheader{
	font: normal;
	font-size: 18px;
	background-color:#ADDBFC;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	padding:5px;
	height:50%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
}
.inputlabel{
	font: normal;
	font-size: 12px;
	color: white;
	background-color:#1b75bc;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	padding:5px;
	height:50%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
}
.inputheader{
	font: normal;
	font-size: 18px;
	color: white;
	background-color:#1b75bc;
	font-family: 'Source Sans Pro', sans-serif;
	font-style: normal;
	padding:5px;
	height:50%;
	margin-left: 10%;
	margin-right: 10%;
	margin-top: 1%;
}

.logindiv{
	margin-left:10%;
	padding:1%;
	margin-top:2%;
	}
	
	.fields{
	font: bold;
	font-family: 'Source Sans Pro', sans-serif;
	}
.secondaryTableCurvedEdgesOld {
	border:10px solid #4bc2f6;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px;background:#4bc2f6;
}
.mainTableCurvedEdges {
	border:10px solid #2C3D4F;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px;background:#2C3D4F;bgcolor=#2C3D4F;color: white;
}
.secondaryTableCurvedEdges {
	border:10px solid #2C3D4F;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px;background:#2C3D4F;
}
.minorTableCurvedEdges {
	border:10px solid #0089BD;-webkit-border-radius:13px;-moz-border-radius:13px;-ms-border-radius:13px;-o-border-radius:13px;border-radius:13px;background:#0089BD;bgcolor=#0089BD;color: white;
}

.JsDatePickBox{position:relative;width:212px;font-family:Arial;}.JsDatePickBox .jsDatePickCloseButton{cursor:pointer;position:absolute;z-index:1;top:1px;left:10px;width:33px;height:13px;background:url(img/closeButton_normal.gif) left top no-repeat;}.JsDatePickBox .jsDatePickCloseButtonOver{cursor:pointer;position:absolute;z-index:1;top:1px;left:10px;width:33px;height:13px;background:url(img/closeButton_over.gif) left top no-repeat;}.JsDatePickBox .jsDatePickCloseButtonDown{cursor:pointer;position:absolute;z-index:1;top:1px;left:10px;width:33px;height:13px;background:url(img/closeButton_down.gif) left top no-repeat;}.JsDatePickBox .boxLeftWall{float:left;width:7px;margin:0;padding:0;}.JsDatePickBox .boxLeftWall .leftTopCorner{margin:0;padding:0;width:7px;height:8px;background:url(img/boxTopLeftCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxLeftWall .leftBottomCorner{margin:0;padding:0;width:7px;height:8px;background:url(img/boxBottomLeftCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxLeftWall .leftWall{margin:0;padding:0;width:7px;background:url(img/boxSideWallPx.gif) #fff left top repeat-y;overflow:hidden;}.JsDatePickBox .boxRightWall{float:left;width:7px;margin:0;padding:0;}.JsDatePickBox .boxRightWall .rightTopCorner{margin:0;padding:0;width:7px;height:8px;background:url(img/boxTopRightCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxRightWall .rightBottomCorner{margin:0;padding:0;width:7px;height:8px;background:url(img/boxBottomRightCorner.png) left top no-repeat;overflow:hidden;}.JsDatePickBox .boxRightWall .rightWall{margin:0;padding:0;width:7px;background:url(img/boxSideWallPx.gif) #fff right top repeat-y;overflow:hidden;}.JsDatePickBox .topWall{position:absolute;overflow:hidden;top:0;left:7px;width:198px;height:4px;background:url(img/boxTopPx.gif) #fff left top repeat-x;}.JsDatePickBox .bottomWall{position:absolute;overflow:hidden;bottom:-1px;left:7px;width:198px;height:4px;background:url(img/boxTopPx.gif) #fff left top repeat-x;}.JsDatePickBox .hiddenBoxLeftWall{float:left;width:0;overflow:hidden;overflow:hidden;}.JsDatePickBox .hiddenBoxRightWall{float:left;width:0;overflow:hidden;overflow:hidden;}.JsDatePickBox .boxMain{float:left;background-color:#fff;margin:0;padding:15px 0 5px 0;}.JsDatePickBox .boxMainStripped{background:#fff;border:none;}.JsDatePickBox .tooltip{height:12px;direction:rtl;text-align:right;line-height:11px;overflow:hidden;font-size:10px;color:#666;padding:0;margin:2px 0 2px 0;}.JsDatePickBox .weekDaysRow{height:12px;overflow:hidden;line-height:11px;font-size:10px;color:#666;text-align:center;padding:0;margin:2px 0 0 0;}.JsDatePickBox .weekDaysRow .weekDay{float:right;direction:rtl;height:14px;overflow:hidden;width:24px;margin:0 5px 0 0;padding:0;}.JsDatePickBox .boxMainInner{background:#fff;width:198px;float:left;margin:5px 0 0 0;padding:0;}.JsDatePickBox .boxMainCellsContainer{background-color:#fff;margin:0;padding:0;}.JsDatePickBox .boxMainInner .controlsBar{overflow:hidden;height:20px;position:relative;}.JsDatePickBox .boxMainInner .controlsBarText{overflow:hidden;height:20px;direction:rtl;line-height:20px;color:#000;font-size:12px;text-align:center;}.JsDatePickBox .boxMainInner .monthForwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;background:url(img/monthBackward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthForwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;background:url(img/monthBackward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthForwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:22px;background:url(img/monthBackward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthBackwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;background:url(img/monthForward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthBackwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;background:url(img/monthForward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .monthBackwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:22px;background:url(img/monthForward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearForwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;background:url(img/yearBackward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearForwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;background:url(img/yearBackward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearForwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;left:0;background:url(img/yearBackward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearBackwardButton{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;background:url(img/yearForward_normal.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearBackwardButtonOver{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;background:url(img/yearForward_over.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .yearBackwardButtonDown{overflow:hidden;cursor:pointer;width:20px;height:20px;position:absolute;top:0;right:0;background:url(img/yearForward_down.gif) left top no-repeat;}.JsDatePickBox .boxMainInner .skipDay{cursor:default;overflow:hidden;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;}.JsDatePickBox .boxMainInner .dayNormal{-khtml-user-select:none;font-size:12px;cursor:pointer;overflow:hidden;color:#4c4c4c;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayNormalToday{-khtml-user-select:none;font-size:12px;cursor:pointer;overflow:hidden;color:#f40f0f;font-weight:bold;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayDisabled{-khtml-user-select:none;cursor:default;font-size:12px;overflow:hidden;color:#999;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayOver{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#4c4c4c;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayOverToday{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;font-weight:bold;color:#f40f0f;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayDown{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#F9F9F9;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;text-align:center;line-height:25px;}.JsDatePickBox .boxMainInner .dayDownToday{-khtml-user-select:none;cursor:pointer;font-size:12px;overflow:hidden;color:#f40f0f;font-weight:bold;width:24px;height:25px;float:right;margin:4px 0 0 5px;padding:0;text-align:center;line-height:25px;}


/*HOVER POPUP LINKS*/
#pup {
  position:absolute;
  z-index:200; /* aaaalways on top*/
  padding: 3px;
  margin-left: 10px;
  margin-top: 5px;
  width: 250px;
  border: 1px solid black;
  background-color: #777;
  color: white;
  font-size: 0.95em;
}