body {
 margin: 10px;
 padding: 0px;
 background: #ffffff;
 font: 13px Arial, sans-serif;
 color: #000000;
}

a:active, area {
   border:none;
   outline:none;
}

td {
 font: 13px Arial, sans-serif;
 color: #000000;
}
td a {
 text-decoration: underline;
 color: #0000ee;
}
td a:hover {
 text-decoration: none;
}

.vtHeader {
 font: 13px Arial, sans-serif;
 color: #ffffff;
 background: #000000;
 margin: 10px 0px 10px 0px;
}
.vtHeader td {
 font: 14px Arial, sans-serif;
 color: #ffffff;
}
.vtHeader a {
 color: #ffffff;
 text-decoration: none;
}
.vtHeader a:hover {
 text-decoration: underline;
}

.footer {
 font: 10px Arial, sans-serif;
 width: 990px;
 text-align: center;
 border-top: solid #000000 3px;
 padding-top: 8px;
 margin: 10px 0px 10px 0px;
}
.footer a {
 color: #097ef7;
 text-decoration: underline;
}
.footer a:hover {
 text-decoration: none;
}

.menu {
 font: 13px Arial, sans-serif;
 color: #000000;
 line-height: 1.5;
 margin: 0px;
}
.menu a {
 color: #000000;
 text-decoration: none;
}
.menu a:hover {
 text-decoration: underline;
}

h1 {
 font: 24px Arial, sans-serif;
 font-weight: bold;
 margin: 0px 0px 10px 0px;
}

.whitey {
 color: #ffffff;
}
.whitey a {
 color: #ffffff;
 text-decoration: none;
}
.whitey a:hover {
 text-decoration: underline;
}

.blackey {
 line-height: 1.5;
 color: #000000;
}
.blackey a {
 color: #097ef7;
 text-decoration: underline;
}
.blackey a:hover {
 text-decoration: none;
}






.boxy0 {
 display: block;
 font: 12px Arial, sans-serif;
 line-height: 1;
 color: #ffffff;
 text-decoration: none;
 float: left;
 width: 72px;
 padding: 31px 0px 32px 0px;
 margin: 0px;
 background: #666666;
 border: solid #666666 3px;
}
.boxy0:hover {
 border: solid #000000 3px;
}

.boxy1 {
 display: block;
 font: 12px Arial, sans-serif;
 line-height: 1;
 color: #ffffff;
 text-decoration: none;
 float: left;
 width: 72px;
 padding: 25px 0px 25px 0px;
 background: #ffab26;
 border: solid #ffab26 3px;
}
.boxy1:hover {
 border: solid #000000 3px;
}

.boxy2 {
 display: block;
 font: 12px Arial, sans-serif;
 line-height: 1;
 color: #ffffff;
 text-decoration: none;
 float: left;
 width: 72px;
 padding: 25px 0px 25px 0px;
 background: #f20491;
 border: solid #f20491 3px;
}
.boxy2:hover {
 border: solid #000000 3px;
}

.boxy3 {
 display: block;
 font: 12px Arial, sans-serif;
 line-height: 1;
 color: #ffffff;
 text-decoration: none;
 float: left;
 width: 72px;
 padding: 25px 0px 25px 0px;
 background: #017fc9;
 border: solid #017fc9 3px;
}
.boxy3:hover {
 border: solid #000000 3px;
}

.boxy4 {
 display: block;
 font: 12px Arial, sans-serif;
 line-height: 1;
 color: #ffffff;
 text-decoration: none;
 float: left;
 width: 72px;
 padding: 25px 0px 25px 0px;
 background: #1aa141;
 border: solid #1aa141 3px;
}
.boxy4:hover {
 border: solid #000000 3px;
}









.unitHolder {
 font: 7px Arial, sans-serif;
 line-height: 1;
 color: #ffffff;
 font-weight: bold;
 margin: 0px;
 float: left;
}
.unitHolder a {
 color: #ffffff;
 text-decoration: none;
}

.checky1 {
 display: block;
 float: left;
 width: 20px;
 height: 32px;
 background: #ffab26;
 margin: 0px 1px 0px 0px;
 border: solid #ffab26 3px;
}
.checky1:hover {
 border: solid #000000 3px;
}
.unity1 {
 display: block;
 float: left;
 width: 100px;
 height: 32px;
 text-align: center;
 background: #ffab26;
 border: solid #ffab26 3px;
 margin: 0px;
}
.unity1:hover {
 border: solid #000000 3px;
}

.checky2 {
 display: block;
 float: left;
 width: 20px;
 height: 32px;
 background: #f20491;
 margin: 0px 1px 0px 0px;
 border: solid #f20491 3px;
}
.checky2:hover {
 border: solid #000000 3px;
}
.unity2 {
 display: block;
 float: left;
 width: 100px;
 height: 32px;
 text-align: center;
 background: #f20491;
 border: solid #f20491 3px;
 margin: 0px;
}
.unity2:hover {
 border: solid #000000 3px;
}

.checky3 {
 display: block;
 float: left;
 width: 20px;
 height: 32px;
 background: #017fc9;
 margin: 0px 1px 0px 0px;
 border: solid #017fc9 3px;
}
.checky3:hover {
 border: solid #000000 3px;
}
.unity3 {
 display: block;
 float: left;
 width: 100px;
 height: 32px;
 text-align: center;
 background: #017fc9;
 border: solid #017fc9 3px;
 margin: 0px;
}
.unity3:hover {
 border: solid #000000 3px;
}

.checky4 {
 display: block;
 float: left;
 width: 20px;
 height: 32px;
 background: #1aa141;
 margin: 0px 1px 0px 0px;
 border: solid #1aa141 3px;
}
.checky4:hover {
 border: solid #000000 3px;
}
.unity4 {
 display: block;
 float: left;
 width: 100px;
 height: 32px;
 text-align: center;
 background: #1aa141;
 border: solid #1aa141 3px;
 margin: 0px;
}
.unity4:hover {
 border: solid #000000 3px;
}








.testy0 {
 display: block; 
 float: left;
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #000000;
 border: solid #000000 3px;
 border-radius: 3px;
}
.testy0:hover {
 border: solid #000000 3px;
}

.testy1 {
 display: block; 
 float: left;
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #017fc9;
 border: solid #017fc9 3px;
 border-radius: 3px;
}
.testy1:hover {
 border: solid #000000 3px;
}

.testy2 {
 display: block; 
 float: left;
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #1aa141;
 border: solid #1aa141 3px;
 border-radius: 3px;
}
.testy2:hover {
 border: solid #000000 3px;
}

.testy3 {
 display: block; 
 float: left;
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #f20491;
 border: solid #f20491 3px;
 border-radius: 3px;
}
.testy3:hover {
 border: solid #000000 3px;
}

.testy4 {
 display: block; 
 float: left;
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #ffab26;
 border: solid #ffab26 3px;
 border-radius: 3px;
}
.testy4:hover {
 border: solid #000000 3px;
}

.testy5 {
 display: block; 
 float: left;
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #8618b9;
 border: solid #8618b9 3px;
 border-radius: 3px;
}
.testy5:hover {
 border: solid #000000 3px;
}




.user1 {
 display: block; 
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px 5px 5px 0px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #017fc9;
 border: solid #017fc9 3px;
}

.user2 {
 display: block; 
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px 5px 5px 0px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #1aa141;
 border: solid #1aa141 3px;
}

.user3 {
 display: block; 
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px 5px 5px 0px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #f20491;
 border: solid #f20491 3px;
}

.user4 {
 display: block; 
 width: 200px;
 padding: 8px 0px 8px 0px;
 text-align: center;
 margin: 5px 5px 5px 0px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #ffab26;
 border: solid #ffab26 3px;
}

ul.userList {
 margin: 0px;
 list-style-type: square;
 white-space: nowrap;
}
ul.userSubList {
 margin: 0px;
 list-style-type: circle;
}


/* find_user_tests.php */
.userTestOverviewBox {
	width: 600px; 
	padding: 10px; 
	margin: 10px; 
	color: #ffffff; 
	text-align: left; 
	cursor: pointer;
}
.flag {
 font: 10px Verdana;
 float: right; 
 margin-right: 5px;
 white-space: nowrap;
}
.flag a {
 font: 10px Verdana;
 color: #ffffff;
 text-decoration: none;
}
.flag a:hover {
 font: 10px Verdana;
 text-decoration: underline;
}
.testIncludes {
	margin: 10px 20px 0px 20px;
	font-weight: bold;
	color: #f8e900;
}


.question {
 font: 16px Times, 'Times New Roman', serif;
 color: #333333;
 margin: 20px 0px 20px 0px;
 width: 400px;
}

.answerButton {
 display: block;
 font: 12px Arial, sans-serif;
 line-height: 1;
 color: #ffffff;
 text-decoration: none;
 width: 50px;
 padding: 5px 0px 5px 0px;
 margin: 0px;
 background: #02a0c6;
 border: solid #02a0c6 2px;
 border-radius: 3px;
 font-weight: bold;
}
.answerButton:hover {
 border: solid #333333 2px;
}

.wrongAnswer {
 color: #b30707;
 background-color: #ffffff;
 padding: 3px 6px 3px 6px;
 display: block;
 font-size: 12px;
 font-family: 'Comic Sans MS', Verdana, Arial, sans-serif;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 width: 45px;
 margin: 2px 6px 2px 6px;
 border: solid #ffffff 1px;
}

.rightAnswer {
 color: #108f1c;
 background-color: #ffffff;
 padding: 3px 6px 3px 6px;
 display: block;
 font-size: 12px;
 font-family: 'Comic Sans MS', Verdana, Arial, sans-serif;
 font-weight: bold;
 text-decoration: none;
 text-align: center;
 width: 45px;
 margin: 2px 6px 2px 6px;
 border: solid #ffffff 1px;
}


.posAnswer {
 display: block; 
 width: 200px;
 padding: 5px 0px 5px 0px;
 text-align: center;
 margin: 16px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #02a0c6;
 border: solid #02a0c6 3px;
 border-radius: 3px;
}
.posAnswer:hover {
 border: solid #000000 3px;
}
.posAnswerRight {
 display: block; 
 width: 200px;
 padding: 5px 0px 5px 0px;
 text-align: center;
 margin: 16px;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 background: #1b7d22;
 border: solid #1b7d22 3px;
 border-radius: 3px;
}
.posAnswerWrong {
 display: block; 
 width: 200px;
 padding: 5px 0px 5px 0px;
 text-align: center;
 margin: 16px;
 color: #cccccc;
 font-weight: bold;
 text-decoration: none;
 background: #ffffff;
 border: solid #ffffff 3px;
 border-radius: 3px;
}
#posMoreTxt {
	height: 20px;
	 font: 14px Arial, sans-serif;
	 line-height: 1;
}


.stressMarks {
 font: 16px 'Times New Roman', Times, serif;
 color: #333333;
 width: 450;
 text-decoration: center;
 margin: 20px;
}
.stressMarks a {
 font: 24px 'Times New Roman', Times, serif;
 color: blue;
 text-decoration: none;
}
.stressMarks a:hover {
 color: #02a0c6;
}


.key {
 width: 26px;
 height: 39px; 
 text-align: center;
 font: 16px Helvetica, Arial, sans-serif;
 color: #000000;
 text-transform: lowercase;
 text-shadow: #ffffff 0px 1px 0px;
 font-weight: bold;
 background: URL('images/keys.png') 0px 0px no-repeat;
 line-height: 2.5;
 margin: 8px 3px;
 cursor: pointer;
}
.key:hover {
 background: URL('images/keys.png') -26px 0px no-repeat;
}

.keyMed {
 width: 49px;
 height: 39px; 
 text-align: center;
 font: 16px Helvetica, Arial, sans-serif;
 color: #ffffff;
 text-shadow: #304a5c 0px 1px 1px;
 font-weight: bold;
 background: URL('images/keys.png') -52px 0px no-repeat;
 line-height: 2.5;
 margin: 8px 10px;
 cursor: pointer;
}
.keyMed:hover {
 background: URL('images/keys.png') -101px 0px no-repeat;
}
.keyBig {
 width: 75px;
 height: 39px; 
 text-align: center;
 font: 13px Helvetica, Arial, sans-serif;
 color: #ffffff;
 text-shadow: #304a5c 0px 1px 2px;
 font-weight: bold;
 background: URL('images/keys.png') 0px -39px no-repeat;
 line-height: 3;
 margin: 8px 3px;
 cursor: pointer;
}
.keyBig:hover {
 background: URL('images/keys.png') -75px -39px no-repeat;
}


.keySpace {
 width: 160px;
 height: 39px; 
 text-align: center;
 font: 13px Helvetica, Arial, sans-serif;
 color: #666666;
 text-shadow: #ffffff 0px 1px 1px;
 font-weight: bold;
 background: URL('images/keys.png') -150px -39px no-repeat;
 line-height: 3;
 margin: 8px 3px;
 cursor: pointer;
}
.keySpace:hover {
 background: URL('images/keys.png') -150px 0px no-repeat;
}


#hint {
 font: 13px Arial, sans-serif;
 color: #ff0000;
}




.footerPageLink {
 display: block;
 width: 50px;
 height: 20px;
 text-align: center;
 margin: 0px;
 padding: 0px;
 float: left;
}
.footerPageLink a {
 color: blue;
 text-decoration: none;
}
.footerPageLink a:hover {
 text-decoration: underline;
}
.footerScrollLink {
 font: 11px Verdana;
}
.footerScrollLink a {
 color: blue;
 text-decoration: none;
}
.footerScrollLink a:hover {
 text-decoration: underline;
}



.buttonWhitey {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 1;
	white-space: nowrap;
	color: #000000;
	text-align: center;
	text-decoration: none;
	
	display: inline-block;
	background-color: #ffffff;
	border: solid #02a0c6 3px;
	border-radius: 30px;
	padding: 6px 20px;
	min-width: 100px;
}
.buttonWhitey:hover, .buttonWhitey:active {
	color: #ffffff;
	background-color: #02a0c6;
	text-decoration: none;

	display: inline-block;
	border: solid #02a0c6 3px;
	border-radius: 30px;
	padding: 6px 20px;
	min-width: 100px;
}