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(40, 40, 40, 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: #3CB0C9;
}
.button{
	cursor:pointer;
	background-color: #2FA1BA;
	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: #DECB16;*/
	background-color: #EDE59F;
}
#h_page .hbutton{
	cursor:pointer;
	background-color: #F5EDA4;
	color: #515151;
	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;*/
	background-color: #0e748a;
}
#checkbut:hover{
/*	background-color: #ffb04b;*/
	background-color: #065d70;
}
#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 h2 {
    color: #717171;
    font-family: sans-serif,Arial;
    font-weight: normal;
    margin-bottom: 1em;
}
#loginform #up{display:inline-block; text-align:left;}
#loginform label{
	color: #717171;
    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{display:none; /*float:right; margin-top:10px;*/}

#login_note{
	margin-top:2em;
	font-size: 80%;
	color: #717171;
	font-family: sans-serif,Arial;
}
#reg_note{
    margin-bottom:4em;
    text-align:center;
	font-family: sans-serif,Arial;
}
#reg_note a{
    color: #0e748a;
}
#reg_note a:hover{
    color: #065d70;
}



/* 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:6em;
}
#mainlogo img {
/*    width: 105px;*/
    width: 165px;
}
#cimtlogo img {
    width: 153px;
}
#h_unit {
    /*background-color: #80a5c6;*/
    font-size: 26px;
    font-weight: bold;
    line-height: 2em;
    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 {
/*
	line-height: 65px;
    height: 65px;
    text-align: left;
	font-size:20px;
	color: white;
*/
    line-height: 6em;
    text-align: left;
	font-size:20px;

}
#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:#00bce4;}

/*#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);*/
	text-align:center;
}
#pagelist span.clear{display:block;}

#pagelist div {
    border: 1px solid white;
    color: #00bce4;
    /*cursor: pointer;*/
    margin: 0 auto;
    padding: 0.5em 1em;
    width: 40%;
}
#pagelist .strandtitle {
    padding: 2em 0 0.5em;
    font-weight: bold;
    /*cursor:default;*/
	text-align:left;
}
/*
#pagelist div.revt:hover{border:1px solid #004a8d;}
#pagelist .finished:hover{border:1px solid #90b8dd;}
*/
#pagelist div.revt:hover{border:1px solid #717171;}
#pagelist .finished:hover{border:1px solid #919193;}
#pagelist div.revt, #pagelist div.mul{
	cursor:pointer;
	text-align:left;
	padding-left:6em;
    color:#717171;
}
#pagelist .revt {
}
#pagelist .mul {
    display:none;
}
#pagelist .started {
}
#pagelist .revt.finished {
	/*color:#6290bb;*/
	color:#919193;
}
#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;
    display:none;
}
#pagelist h2{color:#00bce4; text-align:center;}

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

/* admin statistics */

.datas{border-collapse:collapse; margin:0 auto 40px;}
.datas td {
    padding: 4px 1em;
	font-size:12px;
}
.datas.testdatas td {
    font-size: 10px;
    padding: 4px 0.3em;
	text-align:center;
}
.datas.testdatas td.name{
	padding-right:1em;
	text-align:left;
	white-space:nowrap;
}
.datas.testdatas .stat_type td{
	text-align:left;
}
.datas tr:nth-child(2n+4) td {
    background-color:cornsilk;
}
.datas tr.average > td {
    background-color: #C8E0E5;
	color: #004A8D;
}
.datas tr:nth-child(2n+4).average td {
    background-color:#C8E0E5;
}
.datas td:nth-child(2),
.datas td:nth-child(4) {
    /*width: 10em;*/
    text-align:right;
}
.datas td:nth-child(3) {
    text-align: center;
}
.datas td:nth-child(5) {
    text-align: center;
}
.datas td:nth-child(7) {
    text-align: center;
}
.datas .id{display:none;}
.datas .stat_type td {
	background-color:white;
	font-size:16px;
	padding:0.5em 1em;
	border-top:1em solid white;
    color:#00bce4;
    font-weight:bold;
}
.datas .stat_help td {
	background-color:#C8E0E5;
	font-size:14px;
	font-style:italic;
    color: #717171;
}
.datas tr:nth-child(2n+4).stat_type td {
	background-color:#B1D6DE;
}
.datas tr:nth-child(2n+4).stat_help td {
	background-color:#C8E0E5;
}



div.note{font-size:12px; color:#31aac4;}
/*#overalltable tr.unfinished td:nth-child(3){
	color:lightgrey;
}*/
.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: #717171; text-align:center;}

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

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

#questionnaire {
    border: 1px 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;
}

#questionnaire2{
	color: #717171 !important;
	padding: 1em 1em 0;
	text-align: center;
	margin-bottom: 2em;
	margin-top: 4em !important;
}
#questionnaire2 a {
    color: #00bce4;
    text-decoration: underline;
}
#questionnaire2 p {
    font-size: small;
    margin-top: 0.5em;
}


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

#newsbutton{
    background-color: #2FA1BA;
    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: #3CB0C9;
}
#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: #2FA1BA;*/
    color: #00bce4;
    display: inline-block;
    font-size: 12px;
	margin-top: 1em;
	cursor:pointer;
	text-decoration: underline;
}
#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;}


/**************** Personal Stats *******************/

#personalstat{
/*
	box-shadow: 0 0 3px rgba(0,74,141,0.8);
	border: 1px solid rgba(0, 74, 141, 0.5);
*/
	box-shadow: 0 0 3px rgba(34,100,115,0.8);
	border: 1px solid rgba(34,100,115, 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: #065d70;
}
#personalstat table tr.head td{padding-bottom: 0.3em; font-style:italic; border-bottom:1px solid #065d70;}
#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 #065d70;}
#personalstat table #grandtotal{font-size:medium;}
#personalstat table td.done{}

#personalstat table.calcmethod_b .c_m,
#personalstat table.calcmethod_b .c_stotal{display:none;}

/***************** Certificate notes *********************/

#certnotes {
    clear: both;
    margin: 1em 0em;
    color: #00bce4;

}
#certnote{
	text-align:center;
}
#certnotes p{
	text-align:left;
	padding-left:1em;
	font-family: Arial,sans-serif;
	font-size: 12px;
}
#certdlbutton {
    padding: 0.8em 0;
    color: #00bce4;
    background-color: white;
    border: 2px solid #00bce4;
}

/**************** Course Test *******************/

#course_test{color:#00bce4; font-size:12px; padding-bottom:1em; padding-top:1em;}
#course_test h3{color:#004a8d; text-align:center; font-size:14px;}
#course_test .button{
	padding-left: 1em;
    padding-right: 1em;
    width: auto;
}
#course_test .centerc{text-align:center;}




/************** For Primary ****************/

/*#personalstat tr.r_d .c_m,
#personalstat tr.r_d .c_r,
#personalstat tr.r_d .c_stotal{color:white;}

.datas.testdatas td.st{
	color:#888;
}*/