body{margin: 0; width: 100%;}

.clear{clear:both;}

a:link, a:visited, a:active, a:hover {
    outline: medium none;
    text-decoration: none;
}
a{color:black;}

.buttoncontainer{
	text-align:center;
	padding:1em 0;
	background-color: rgba(0, 74, 141, 0.75);
    border-radius: 1em 1em 0 0;
	left:10%;
	width:80%;
	position:fixed;
	z-index:1000;
	bottom: 0;
}
/*.buttoncontainer{
	text-align:center;
	padding:1em 0;
	background-color: #004A8D;
	width:750px; 
	margin:0 auto;
}*/
.button:hover{
	background-color: #44defe;
}
.button{
	cursor:pointer; 
	background-color: #00bce4; 
	color: white;
	display: inline-block; 
	font-family: sans-serif,Arial; 
	font-weight: bold; 
	padding: 18px 0; 
	text-align: center; 
	width: 170px;
	border:none;
}
#h_page .hbutton:hover{
	background-color: #ffb04b;
}
#h_page .hbutton{
	cursor:pointer; 
	background-color: #FF950E; 
	color: #004a8d;
	display: inline-block; 
	font-family: sans-serif,Arial; 
	font-weight: bold; 
	/*padding: 9px 0; */
	line-height:35px;
	height:35px;
	text-align: center; 
	width: 170px;
	border:none;
	font-size:medium;
}
#checkbut{
	background-color: #FF950E;
}
#checkbut:hover{
	background-color: #ffb04b;
}
#backbut{float:left;}
#outbut{float:right; margin-top: 9px; padding: 9px 0;}
#h_page #statbut{float:right;}
    
.none{visibility:hidden;}

#notesbutton {
    padding: 1em;
    width: auto;
	float:right;
}


/* Login */

#loginform{text-align:center;}
#loginform #up{display:inline-block; text-align:left;}
#loginform label{
	color: #004a8d;
    display: block;
    font-family: sans-serif,Arial;
}
#loginform input.lin{
	border: 1px solid #00BCE4;
    font-size: 14px;
    margin: 2px 0 1em;
    padding: 5px;
    width: 158px;}
#loginform .submit{display: block; width:170px;}
#login #cimtlogo{float:right; margin-top:10px;}

#h2title{color:#00bce4;}



/* Tests */

#pagetop{
	z-index:1;
	background-color: #00bce4;
    height: 65px;
    position: absolute;
	top:0px;
    width: 100%;
    left:0px;
}
#content {
    /*margin: 0em 4em;*/
    font-size: 14px;
	width:750px;
	/*margin:0 auto;*/
	margin:0 auto 8em;
	position:relative;
	z-index:100;
}
#mainlogo{
	display:inline-block;
	float:left;
	margin-right:3em;
}
#h_unit {
    /*background-color: #80a5c6;*/
    font-size: 26px;
    font-weight: bold;
    line-height: 80px;
    text-transform: uppercase;
	text-align:left;
}
#h_title {
    /*background-color: #80a5c6;*/
    font-size: 18px;
    font-style: italic;
    /*height: 28px;*/
    line-height: 28px;
	text-align:left;
}
#h_page {
    background-color:#00bce4;
	line-height: 65px;
    height: 65px;
	/*padding-left:3em;*/
    text-align: left;
	font-size:20px;
	color: white;
}
#hint {/*border-top: 1px solid black;*/
    clear: both;
    color: grey;
    font-size: 11px;
    margin-top: 4em;
    padding: 3em 0 0 0;
    text-align: left;
}
#top {margin-bottom: 3em; color:#004a8d;}

/*#stats{
    color: #004A8D;
    display: none;
    font-family: sans-serif,Arial;
    font-size: 22px;
    height: 65px;
    line-height: 65px;
    text-align: center;
	border-top: 7px solid #00BCE4;
}
#totalmarks{font-weight: bold;}*/




/* main */

div#pagelist{
	padding: 1em 0 2em;
	border-left-width:0px;
	/*box-shadow: 0 15px 18px -6px rgba(0, 74, 141, 0.5);*/
	box-shadow: 0 17px 18px -4px rgba(0, 74, 141, 0.5);
}
#pagelist span.clear{display:block;}
#pagelist div {
    cursor: pointer;
    float: left;
    margin-left: 5%;
    padding: 0.5em 1em;
    width: 40%;
    border: 1px solid white;
    color: #004a8d;
}
#pagelist div:hover{border:1px solid #004a8d;}
#pagelist .finished:hover{border:1px solid #90b8dd;}
#pagelist .started {
}
#pagelist .finished {
	/*color:#6290bb;*/
	color:#90b8dd;
}
#pagelist .revt {
}
#pagelist .mul {
    clear: both;
}
#pagelist .best {
    font-size: x-small;
    font-style: italic;
}

#pagelist .revt .saved{color:salmon;}

#pagelist div.notest:hover {
    border-color: white;
    cursor: auto;
}
#pagelist div.notest {
    color: white;
}

#bugreport{
	color: #004A8D;
    font-family: sans-serif,Arial;
    font-size: small;
    margin-bottom: -10px;
    padding: 3em 0 1em;
    text-align: center;
}

/* admin statistics */

.datas{border-collapse:collapse; margin:0 auto 40px;}
.datas td {
    padding: 4px 1em;
	font-size:12px;
}
.datas tr:nth-child(2n+4) td {
    background-color:cornsilk;
}
.datas tr.average > td {
    background-color: powderblue;
	color: #004A8D;
}
.datas tr:nth-child(2n+4).average td {
    background-color:powderblue;
}
.datas td:nth-child(2) {
    /*width: 10em;*/
    text-align:right;
}
.datas td:nth-child(3) {
    text-align: center;
}
.datas td:nth-child(4) {
    text-align: center;
}
.datas td:nth-child(5) {
    text-align: center;
}
.datas .stat_type td {
	background-color:lightblue;
	font-size:16px;
	padding:0.5em 1em;
	border-top:1em solid white;
}
.datas .stat_help td {
	background-color:powderblue;
	font-size:14px;
	font-style:italic;
}
.datas tr:nth-child(2n+4).stat_type td {
	background-color:lightblue;
}
.datas tr:nth-child(2n+4).stat_help td {
	background-color:powderblue;
}
.datas .maxpoint {
    color: #004A8D;
    float: right;
    font-size: 14px;
}

.datas .res0, .datas .res1{display:inline-block; width:1.5em; text-align:center;}
.datas .res0{color:tomato;}
.datas .res1{color:lawngreen}


/* change password */
#cp_text{color: #004A8D;}

#warning1 {
    color: red;
    text-align: left;
}

/************* Questionnaire link *****************/

#questionnaire {
    border: 5px solid salmon;
    color: salmon;
    padding: 1em 1em 0;
    text-align: center;
	margin-bottom:1em;
	margin-top:1em;
}
#questionnaire a {
    color: salmon;
    text-decoration: underline;
}
#questionnaire p {
    font-size: small;
}


/******************** News *********************/

#newsbutton{
    background-color: #00BCE4;
    color: white;
    display: inline-block;
    font-size: large;
    margin-bottom: 0.4em;
    margin-top: 0.4em;
    padding: 0.2em 0.5em;
    width: auto;
}
#newsbutton:hover{
    background-color: #44DEFE;
}
#newsflow {
    color: #004A8D;
    font-family: Sans-serif,Arial;
    font-size: 12px;
    margin-bottom: 1em;
}
#newsflow .newstitle {
    color: #00BCE4;
}
#newsflow .newsbody {
    margin-bottom: 1em;
    padding: 0 7em;
}
/******************** Score *********************/

#scorebutton{
    /*background-color: #00BCE4;*/
    color: #00BCE4;
    display: inline-block;
    font-size: 12px;
	margin-top: 1em;
	cursor:pointer;
}
#scorebutton:hover{
    /*background-color: #44DEFE;*/
}
#scorehelp {
    color: #00BCE4;
    font-family: Sans-serif,Arial;
    font-size: 10px;
    margin-bottom: 1em;
}

/******************/

.attention .att {
    color: red;
    text-align: center;
}


/****************/
#questionnaire_decimal {
    background-color: white;
    border: 2px solid salmon;
    box-shadow: 0 0 15px salmon;
    color: salmon;
    padding: 2em;
    position: absolute;
}
#questionnaire_decimal h2{text-align:center;}
#subjectqd{margin-bottom:1em; color:#004a8d;}
#subjectqd a{margin-bottom:0.5em; display: inline-block; color:#004a8d;}
#subjectqd a:hover{color:#90b8dd;}




#personalstat{
	box-shadow: 0 0 3px rgba(0,74,141,0.8);
	border: 1px solid rgba(0, 74, 141, 0.5);
    margin: 1em auto;
    padding: 1em;
    width: 50%;
}
#personalstat table{margin:0 auto; border-collapse:collapse;}
#personalstat table td{
	font-size: small;
    padding: 0.2em 0.8em;
	text-align:right;
	color: #004A8D;
}
#personalstat table tr.head td{padding-bottom: 0.3em; font-style:italic; border-bottom:1px solid #004A8D;}
#personalstat table td.head{text-align:left;}
#personalstat table .stotal{font-weight:bold;}
#personalstat table .total td{padding-top: 0.3em; font-weight:bold; border-top:1px solid #004A8D;}
#personalstat table #grandtotal{font-size:medium;}
#personalstat table td.done{}