/* CSS Document */


/* TAG related */
body {
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 76%;
	text-align:center;
	margin:0px auto;
}

h1{ font-size: 1.6em; margin-bottom:  0.8em; margin-top:  0.8em; }
h2{ font-size: 1.275em; margin-bottom:  0.65em; margin-top:  0.65em; }
h3{ font-size: 1.175em; margin-bottom: 0.575em; margin-top:  0.575em; font-weight: normal;}
h4{ font-size: 1.0em; margin-bottom:  0.5em; margin-top:  0.5em; }

form {
	margin:0px;
	padding:0px;
	border:0px;
}

p {
	margin: 1em 0;
}
img {
	border:0px;
	margin:0px;
}

img.left {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 8px;
	margin-bottom: 8px;
}
img.right {
	margin-left: 8px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
}

h2 {
	font-family: Interstate, Arial, Helvetica, sans-serif;
	color: #AED1D1;
	font-size: 1.2em;
}


fieldset {
	margin-bottom: 10px;
	padding-top: 2em;
	background-color: #0259BF;
	background-image: url(../images/fieldset_bg.gif);
	background-repeat: repeat-x;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #0066CC;
}

fieldset div {
	clear: both;
	position: relative;
	margin-bottom: 10px;

}
label, fieldset div.cr p {
	padding-top: 0.45em;
	margin: 0;
	display: block;
	width: 13em;
	float: left;
}
label.wide {
	display: inline;
	width: 100%;
	float: none;
}

#normallabels label {
	display: inline;
	float: none;
	width: auto;
}

label.slightlywider {
	width: 18em;
}


fieldset div.cr label {
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
}

legend {
	color:#FFB937;
	font-weight: bold;
	font-size: 1.3em;
	margin-top: 0.5em;
	margin-right: 0;
	margin-bottom: -1em;
	margin-left: 0;
}

.errormessageheader {
	color: #F8BC4E;
	font-weight: bold;
}

#errormessages a {
	text-decoration: none;
}


a, a:visited,a:link,a:active {
	color:#FFFFFF;
}
a:hover {
	color:#FFAF32;
}
#headingtext a,#headingtext a:visited,#headingtext a:link,#headingtext a:active {
	color: white;
	text-decoration: none;
}

#headingtext a:hover {
	color:#FFFFFF;
    text-decoration: underline;
}

#loginbox a,#loginbox a:visited,#loginbox a:link,#loginbox a:active {
	color:#FF7400;
	text-decoration: none;
}
#loginbox p {
padding: 0px;
margin-top: 0px;
margin-bottom: 15px;
}

#loginbox a:hover {
	color:#000000;
	text-decoration: underline;
}


li {
	margin-bottom:0.7em;
	list-style-type: none;
	list-style-image: url(../images/bullet.gif);
}
/* ID related */
#mainbox {
	position:relative;
	border: 4px solid #cccccc;
	padding: 0px;
	min-height: 652px;
	width: 768px;
	margin: 10px 0px 4px 0px;
	background-color: #002a6c;
	background-image: url(../images/header_v2_login.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#homepage #mainbox {
    background-color: white;
}

.social-links {
  position: absolute;
  top: 10px;
  right: 10px;
}

.social-links a {
  text-decoration: none;
}

#mainbox.adminmainbox{
	background-image: url(../images/header_v2.jpg);
}

#pagefooter p{
	margin: 0px 0px 10px 0px;
	font-size: 0.9em;
	color: #FF7400;
}

#pagefooter p a{
	font-size: 0.9em;
	color: #FF7400;
}


#intropic1 {
	position:absolute;
	top: 10px;
	left: 90px;
	width: 126px;
	height: 80px;
	background-image:url(../images/intropic.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}
#intropic2 {
	position:absolute;
	top: 90px;
	left: 15px;
	width: 201px;
	height: 101px;
	background-image:url(../images/intropic.jpg);
	background-repeat: no-repeat;
	background-position: right -80px;
}
#introtext {
	position:absolute;
	top: 18px;
	left: 249px;
	width: 280px;
	height: 165px;
	color:#014097;
	overflow:auto;
	font: 1em Verdana, Arial, Helvetica, sans-serif;
}

#introbox {
	position:absolute;
	text-align:left;
	font-size: 1.0em;
	top: 102px;
	left: 32px;
	border: 0px;
	padding: 8px;
	margin: 0px;
	height: 201px;
	width: 705px;
	background-image:url(../images/introbox.gif);
	background-repeat: no-repeat;
	z-index: 1px;
}

.intro_pic_new {
	float: left;
	border:#FF6600 solid 2px;
	margin-right: 10px;
}

#introboxpadder {
	margin-top:238px;
}

#headingboxpadder {
	margin-top:242px;
}

#headingboxpadderadmin {
	margin-top:118px;
	background-image:url(../images/headingboxpadderadmin_bg.gif);
	background-repeat:repeat-x;
	background-color: #013c99;
}

#headingboxadmin {
	position:absolute;
	right: 22px;
	height: 72px;
	z-index: 1px;
}

#headingbox {
	position:absolute;
	font-size: 1.0em;
	top: 102px;
	left: 32px;
	padding: 8px;
	margin: 0px;
	height: 120px;
	width: 689px;
	background-image:url(../images/introbox.gif);
	background-repeat: no-repeat;
	z-index: 1px;
	border-top: 0px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	border-left: 0px;
}

#headingtext {
	font-family: Arial, Helvetica, sans-serif;
	color: white;
	font-size: 1.3em;
	overflow:auto;
    text-align:right;
}

#headingpic {
	position:absolute;
	top: 10px;
	left: 90px;
	width: 112px;
	height: 99px;
	background-repeat: no-repeat;
	background-position: right top;
}
#loginbox {
	position:absolute;
	font-size: 0.9em;
	top: 156px;
	left: 65px;
	border: 1px;
	padding: 0px;
	margin: 0px;
	height: 59px;
	width: 644px;
	z-index: 2px;
}

/*
input.text {
	border:1px #FF9300 solid;
	margin-bottom: 12px;
	width:127px;
}*/
input,textarea,select {
	padding-left: 4px;
	padding-right: 4px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1em;
}
select { padding: 0px; width: auto; }

input.text {
	padding: 2px;
	border:1px #FF9300 solid;
	width: 95%;
}

input.enter {
	clear: left;
	margin-top: 5px;
	border:0px;
	background-color: #5FA3A3;
	background-image:url(../images/enterbutton.gif);
	color:#FFFFFF;
	width:127px;
	height:29px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	font-weight:bold;
	text-align:left;
	padding-left:1em;
}

table {
	font-size: 1em;
	color: #ffffff;
}

input.button {
	border:0px;
	background-color: #003383;
	color:#AED1D1;
/*	width:127px;
	height:29px;*/
	padding: 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.10em;
	font-weight:bold;
	text-align:center;
    overflow:visible;

}

input.small {
    font-size: 0.9em;
}

input.tokenbutton {
	border:0px;
	background-color: #003383;
	color:#AED1D1;
/*	width:127px;
	height:29px;*/
	padding: 5px 10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 1.10em;
	font-weight:bold;
	text-align:center;
	width: 160px;

}

/* Class related */

.offscreen {
	position:absolute;
	top: -999px;
}

.textlightblue {
	color:#66A8A8;
	font-size: 0.85em;
}

.columnsingle {
	margin-left: 32px;
	margin-right: 0px;
	float: left;
	display: inline;
	text-align:left;
}

.columnleft {
	margin-left: 32px;
	margin-right: 0px;
	float: left;
	width: 462px;
	display: inline;
	text-align:left;
}
.columnright {
	margin-left: 18px;
	margin-right: 0px;
	float: left;
	width: 225px;
	display: inline;
	text-align:left;
}

.columnright {
	margin-left: 18px;
	margin-right: 0px;
	float: left;
	width: 225px;
	display: inline;
}

.boxsingle {
	width: 677px;
	background-color:#004CB5;
	color:#FFFFFF;
	margin-bottom:18px;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 0.25em;
	padding-left: 14px;
}



.boxleft {
	width: 434px;
	background-color:#004CB5;
	color:#FFFFFF;
	margin-bottom:18px;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 0.25em;
	padding-left: 14px;
}

.boxright{
	width: 197px;
	background-color:#004CB5;
	color:#FFFFFF;
	margin-bottom:18px;
	padding-top: 10px;
	padding-right: 14px;
	padding-bottom: 0.25em;
	padding-left: 14px;
}

.boxleftnone {
	width: 462px;
	background-color:#004CB5;
	color:#FFFFFF;
	padding: 0px 0px;
	margin-bottom:18px;
}

.boxrightnone{
	width: 225px;
	background-color:#004CB5;
	color:#FFFFFF;
	padding: 0px 0px;
	margin-bottom:18px;
}

.boxleft h2 {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	padding-bottom: 13px;
	background-image:url(../images/hr.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

.boxright h2 {
	padding-top: 0px;
	margin-top: 0px;
	margin-bottom: 12px;
	padding-bottom: 13px;
	background-image:url(../images/hr.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

input.calendarclick {
	cursor: default;
	padding-right: 25px;
	background-image: url(images/calendar.gif);
	background-repeat: no-repeat;
	background-position: right 0px;
}


/* Hacks  */



/* CLEARFIX  */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div.hr {display: none}
/*/*/a{}
div.hr {
  display: block;
  height: 2px;
  background-image: url(../images/hr.gif);
  background-repeat:repeat-x;
  background-position: left center;
  margin: 0.75em;
}
hr {display:none}
/* */


#centre{
	margin:0px auto;
	text-align:left;
	display: block;
	width: 775px;
}

.allocated {
	color:#55EEFF;
}


#dhtmltooltip{
text-align: left;
font-size: 0.9em;
position: absolute;
width: 200px;
border: 1px solid #000000;
padding: 4px;
background-color: #F68932;
visibility: hidden;
z-index: 100;
}

.onlyprinttr {
display: none;
}

.pgti{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	color: #44ddaa;
	cursor: pointer;
	width: auto;
}
strong .pgtic{
	font-weight: bold;
}
.pgtic{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-color: transparent;
	text-decoration: underline;
	color: #ffffff;
	cursor: pointer;
	width: auto;
}

.clear {
	clear: both;
}

.loginBoxes{
    position: absolute;
    top: 8px;
    width:  138px;
    height: 55px;
}

.loginEmail {
    left: 90px;
}
.loginPassword {
    left: 240px;
}
.loginEnter {
    top: 19px;
    left: 388px;
    width: 120px;
}
.loginEnter input {
    padding: 0px;
    margin: 0px;
}
.loginRegister {
    top: 19px;
    left: 510px;
    width: 120px;
}
.loginAlreadyDone{
    width: 540px;
    left: 90px;
}
#homepage .columnleft{
    color: #003383;
}

#homepage ul{
    padding-left: 15px;
    margin-left: 0px;
}

#homepage ul li{
    padding-bottom: 10px;
}
#homepage .columnleft a {
    color: #003383;
}

#homepage .rhsBoxes {
    margin-bottom: 4px;
    width: 225px;
    height: 114px;
}

#homepage .rhsBoxes a {
    width: 225px;
    height: 114px;
    display: block;
    text-decoration: none;
}

#homepage .rhsBoxes a span {
    display:block;
    width: 96px;
    margin-left: 120px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-transform: uppercase;
    font-weight: bold;
}

#homepage .takeATest {
    background-image: url(../images/takeATest.gif);
}
#homepage .takeATest a span {
    padding-top: 30px;
}

#homepage .howToBuy {
    background-image: url(../images/buyATest.gif);
}
#homepage .howToBuy a span {
    padding-top: 40px;
}

#homepage .aboutTheTest {
    background-image: url(../images/information.gif);
}
#homepage .aboutTheTest a span {
    padding-top: 40px;
}

#homepage .needHelp {
    background-image: url(../images/help.gif);
}
#homepage .needHelp a span {
    padding-top: 50px;
}

#headingboxadmin {
    position: relative;
}

#homebutton {
    position: absolute;
    top: 20px;
    left: 54px;
}

#homebutton a {
    display: block;
    width: 145px;
    height: 110px;
    text-indent: -9999px;
    outline: none;
}