html, body {margin:0px; padding:0px; }
/* The header and footer */
.headfootH {display:block; height: 180px; }
.headfoot {display:block; height: 125px; }
/* This bit does all the work */
#container {position:relative; display:block; border-left:200px solid white ; border-right:200px solid white;}
#inner {display:block; margin-left:-200px; margin-right:-200px; padding:5px;}
#left {float:left; position:relative; width:200px; left:0px;}
#right {float:right; position:relative; width:190px; right:0px; z-index:0;}
#right1 {float:right; position: relative; width:150px; right:0px; height:260px;display:block;z-index:1;}
#center {margin-left:200px; margin-right:200px; position:relative; display:block; height:1%;}
.clear {clear:both;}
#containerH {position:relative; display:block; border-left:300px solid white ; border-right:250px solid white;}
#innerH {display:block; margin-left:-300px; margin-right:-250px; padding:5px;}
#leftH {float:left; position:relative; width:300px; left:0px; padding: 2px 2px 2px 2px;}
#rightH {float:right; position:relative; width:240px; right:0px; padding: 2px 2px 2px 2px;}
#centerH {margin-left:300px; margin-right:250px; position:relative; display:block; height:1%; padding: 2px 2px 2px 20px;}
#container2 {position:relative; display:block; border-left:200px solid white ; }
#inner2 {display:block; margin-left:-200px; padding:5px;}
#left2 {float:left; position:relative; width:200px; left:0px; }
#center2 {margin-left:200px; position:relative; display:block; height:1%; }
body
{
margin:0px;
background-color:white;
line-height:1.4em;
color:#000000;
height:480px; font-style:normal; font-variant:normal; font-weight:normal; font-size:0.7em; font-family:Verdana, sans-serif
}
.Float { position: fixed; }
.Blinker { text-decoration: blink }
.rankTable { border: 1px solid #0000FF;
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 18px;
color: #000000;
margin-left: 10px;
}
.compulsory { color: #FF0000; vertical-align: super; font-weight: bold; font-size:75%}
.comic { font-family: Verdana }
.Wrong { color: #FF0000; font-weight: bold }
.Correct { color: #008000; font-weight: bold }
.Skipped { color: #0000FF; font-weight: bold }
.YSkipped { color: #FBB117; font-weight: bold }
.topBorder
{
border-top: solid 1px #0500F1;
border-left: solid 0px #E5E5E5;
border-right: solid 0px #999999;
border-bottom: solid 0px #999999;
font-family: Verdana, sans-serif;
font-size: 11px;
color: #0066AA;
font-weight: bold;
text-decoration: none;
}
.leftBorder
{
border-top: solid 0px #0500F1;
border-left: solid 1px #0500F1;
border-right: solid 0px #999999;
border-bottom: solid 0px #999999;
}
.rightBorder
{
border-top: solid 0px #0500F1;
border-left: solid 0px #0500F1;
border-right: solid 1px #999999;
border-bottom: solid 0px #999999;
}
.bottomBorder
{
border-top: solid 0px #0500F1;
border-left: solid 0px #0500F1;
border-right: solid 0px #999999;
border-bottom: solid 1px #0500F1;
}
.indent1
{
margin-left: 109px;
}
.title
{
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #0066AA;
}
.bullet
{
list-style-type: square ;
list-style-image: url('../Images/bullet.bmp');
text-decoration: none;
line-height: 16px
}
.textWithoutMargin
{
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 18px;
color: #000000;
}
.text
{
font-family: Verdana, sans-serif;
font-size: 11px;
line-height: 18px;
color: #000000;
margin-left: 4px;
}
.smalltext
{
font-family: Verdana, sans-serif;
font-size: 8px;
line-height: 18px;
color: #000000;
margin-left: 4px;
}
.BigText
{
font-family: Verdana, sans-serif;
font-size: 12px;
line-height: 18px;
color: #000000;
}
.textSans
{
font-family: Comic Sans MS, Verdana ;
font-size: 13px;
line-height: 18px;
color: #000000;
margin-left: 10px;
}
a
{
font-family: Verdana, sans-serif;
color: #0066AA;
}
a:hover
{
color: #E80000;
}
.subtitle
{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #4D5983;
font-weight: bold;
text-decoration: none;
}
.links
{
font-family: Verdana, sans-serif;
font-size: 11px;
color: #FFFFFF;
text-decoration: none;
font-weight: bold;
}
:hover.links
{
color: #CCCCCC;
font-size: 11px;
}
.footer
{
font-family: Verdana, sans-serif;
background-color: #6090E5 ;
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}
:hover.footer
{
color: #CCCCCC;
}
.h2
{
text-decoration: 'underline';
color: #0500F1;
font-size:70%
}
.hr
{
color :Blue
}
.radio
{
font-size:small;
display : block;
}
.button, .button-61 {
font-size: 100%;
font-family: Verdana, sans-serif;
}
.lightBG{
background-color: #6090E5;
}
.todayBorder
{
color: #FFFFFF;
background-color: #6090E5 ;
}
.calendar
{
color: #FFFFFF;
background-color: #6090E5 ;
}
.CompletedTest
{
color: #FFFFFF;
background-color: #7BABFF ;
}
.NotActiveCalendar
{
color: #FFFFFF;
background-color: #92ABD9 ;
}
.calendarLink
{
color: #FFFFFF;
}
:hover.calendarLink
{
color: #FFFFFF;
font-weight:bold;
}
.section {
border-top: solid 1px #0500F1;
border-left: solid 1px #0500F1;
border-right: solid 2px #0500F1;
border-bottom: solid 3px #0500F1;
}
.sectionWithBg {
background-color: yellow ;
color:black;
border-top: solid 1px #0500F1;
border-left: solid 1px #0500F1;
border-right: solid 2px #0500F1;
border-bottom: solid 3px #0500F1;
}
#logoRight
{
position:absolute;
top:1em;
right:200px;
font-family: Verdana;
font-size: 14px;
font-weight: bold;
color: #0066AA;
}
#logo {
position:absolute;
top:.1em;
left:15px;
font-size:2.2em;
font-family:Verdana;
height:1em;
padding:.1em 0 .2em 0;
font-variant:small-caps;
font-weight:bold;
}
#logo a {
color:#0066AA;
text-decoration:none;
}
.topNavigation
{
border-top: solid 1px #4E7CCE;
background-color: 6090E5;
}
.BigFont
{
font-size: 16px;
font-weight: bold;
}
.explanationLink
{
font-family: Verdana;
font-size: 11px;
color: #008000;
text-decoration: underline;
font-weight: bold;
}
:hover.explanationLink
{
color: #000080;
font-size: 11px;
}
#container {
position:relative;
}
#menu {
text-align:center;
position:relative;
height:8em;
}
.box {
position:relative;
float:left;
top:30px;
}
#menu a, #menu a:visited {
position:relative;
text-decoration:none;
background-color:#06a;
color:#fff;
display:block;
width:70px;
height:15px;
padding:5px;
margin:0 1px;
}
#menu a .topleft, #menu a .topright {
position:absolute;
top:0;
width:0;
height:0;
overflow:hidden;
border-top:10px solid #fff;
}
#menu a .topleft {
left:0;
border-right:10px solid #06a;
}
#menu a .topright {
left:70px;
border-left:10px solid #06a;
}
#menu a:hover {
background-color:#000;
}
#menu a:hover .topleft {
border-right:10px solid #000;
border-top:10px solid #fff;
}
#menu a:hover .topright {
border-left:10px solid #000;
border-top:10px solid #fff;
}
.sectionDisplay {
background-color: white ;
color:black;
border-top: solid 1px black;
border-left: solid 1px black;
border-right: solid 1px black;
border-bottom: solid 1px black;
padding: 2px 2px 2px 2 px
}
.NoBorder
{
position: absolute;
z-index: 1;
top: 505px;
left: 310px;
width: 500px;
color: #0066AA;
border: 1px solid #0066AA;
padding: 2px 2px 2px 2px;
background-color: #6090E5;
font-weight: bold;
}
.BlankRow
{
height:15px;
}
#remainingTime
{
position: static;
z-index: 1;
top:200 px;
left: 20 px;
}
.memoryTables
{
font-family: Verdana;
font-size: 11px;
line-height: 18px;
color: #000000;
text-align:center;
}
.memoryTablesTop
{
font-family: Verdana;
font-size: 11px;
color: white;
background-color: #6090E5;
font-weight: bold;
border-bottom: solid 1px #0500F1;
text-align:center;
}
.memoryTablesLeft
{
font-family: Verdana;
font-size: 11px;
color: white;
background-color: #6090E5;
font-weight: bold;
border-right: solid 1px #0500F1;
text-align:center;
}
.fullBorder
{
background-color: #6090E5 ;
border-top: solid 1px #0500F1;
border-left: solid 1px #0500F1;
border-right: solid 1px #0500F1;
border-bottom: solid 1px #0500F1;
}