/* new page structure css */

html {height:100%;}
body {color: #555; background:#FFF; font-size:101%; font-family:Arial, Helvetica, sans-serif; height:100%; margin:0; padding:0;}

body p {margin-top: 0px; margin-bottom: 10px; padding: 0; }

body h1 {}
body h2 {font-size:2.2em; font-weight: normal; padding: 0 0 0.6em; margin: 0px}
body h3 {color: #555555;}
body h4 {}
body h5 {}
body h6 {}



div#position {width:1px; height:50%; margin-bottom:-456px; float:left;} /* half of container's height */
div#container {clear:left; margin:0 auto; text-align:left; width:938px;  min-height:100%; background: #FFF} /* puts container in front of distance */

div#wrapper {float:left; display:inline; margin:0px;}

#contentmaster {position: absolute; background: #FFFFFF; float: left; margin: 0px; width: 938px;  display: block; z-index: 0; }

/** Main FONT size & colour declaration for footer area **/
#footer {position: relative; float: left; border-top: 1px solid #BDBDBD; width: 100%; color: #A3A3A3; padding-bottom: 6.25em; font-size: 0.59em; background: #FFFFFF; text-align: center; padding-top: 1.25em; margin-top: 1.25em}

#footer_logo {
    clear: both;
		height:150px;
margin:auto;
padding-top:3em;
width:600px;
}

#footerx {position: relative; float: right; width: 90%; color: #A3A3A3; padding-bottom: 6.25em; font-size: 0.59em; background: #FFFFFF; text-align: center; padding-top: 1.25em; margin-top: 1.25em}

/* Controls the header area */
#header {position: relative; float: left; width: 100%; height: 11em; clear: both; display: block;}

#header h1 {float:left;}
#header h1.parta {font-weight: bold; font-size:2.2em; margin-top:58px; letter-spacing:-0.04em; margin-left:95px;}
#header h1.partb {font-weight: normal; font-size:2em; margin-top:63px; letter-spacing:-0.02em; margin-left:15px;}

#logo {
    background-image: url(../images/default_logo.gif);
    background-repeat: no-repeat;
    height: 150px;
    width: 150px;
    float: left;
}

#academy_logo {
    background-image: url(../images/default_logo.gif);
    background-repeat: no-repeat;
    height: 155px;
    width: 155px;
    float: right;
		position: absolute;
		right: 1em;
}

#docBody {clear: both; float: left; position: relative; width: 100%}

/* #docBody a {color: #015A9C; font-weight: bold; text-decoration: none;}
#docBody p a {color: #015A9C; font-weight: bold; text-decoration: none;}
#docBody a:hover {color: #6E9EC2;}
#docBody p a:hover {color: #6E9EC2;} */
body a {font-weight: bold; text-decoration: none;}


#c_left {
    padding:0px;
    float:left;
    width: 150px;
}

#c_right {        
    float:left;
    padding: 19px 0 15px 0px;
    width: 740px;
}



.signInImage {
    float: right; 
    padding-top: 15px;
    padding-right: 90px;
}

.button {
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    color: #555;
    font-weight: bold;
    font-size: 0.75em;
    border: none;
    width: 100px;
    height: 23px;
    background-color: #FFF;
}

#errormsg {color: #cc3333;}
#errormsg img {float: right;}
#errormsg h4 {font-size: 1.1em; font-weight: bold; margin-top:0;}

#logout.two {background:transparent url(../images/logoff.png) no-repeat scroll 0 0px; float:right; font-size:0.75em; margin-right:1em; padding:3px 16px 10px 26px; position:absolute; right:0; z-index:10;}

/* #logout {background:transparent url(../images/greenbullet.gif) no-repeat scroll 0 6px; float:right; font-size:0.8em; margin-right:1em; margin-top:0.5em; padding-left:10px;} */

#logout a {font-weight: bold; text-decoration: none; }


}
/* Controls for the tabs in the L1 menu */

#menuholder {clear: both; float: left; width: 100%} 
#navigation {padding: 0; margin-top: 178px; font-size: 0.69em; float: left; width: 100%; line-height: normal;		position: absolute;	top: 0px;	left: 0px}
#navigation ul {padding-right: 10px; padding-left: 150px; padding-bottom: 0px; margin: 0px; padding-top: 10px;    list-style-type: none; text-transform:lowercase;}
#navigation li {float: left; padding: 0 1px 0 0; margin: 0px; position: relative; width: 147px; height: 30px;    background: url(../images/tabbg.gif) no-repeat right top;}
#navigation li.home {float: left; padding: 2px 1px 0 0; margin: 0px; position: relative; width: 29px; height: 28px;    background: url(../images/home_tabbg.gif) no-repeat right top;}
#navigation a {font-family: Tahoma;	font-weight: bold; display: block; padding: 9px 0 4px 9px; text-decoration: none;}

#navigation #current {border-bottom:8px solid;}

#navbase {height: 8px; float: left; width: 100%; clear: both; display: block; margin-top:40px;}
#shadow {height: 9px; float: left; width: 100%; clear: both; display: block; background: url(../images/shadow.gif) no-repeat left top;}

/* L1 Home screen functions */

#whatnext {margin-top: 1em; float: left}
#whatnext ul {margin-left: 0; padding-left: 0; list-style: none; color: #555555}
#whatnext ul li {line-height:1.6em; padding:0.5em 0; width: 500px}
#whatnext ul li.c_one {background: url(../images/circ_1.gif) no-repeat left top; margin-left:-52px;
text-indent:52px; width:400px;}
#whatnext ul li.c_two {background: url(../images/circ_2.gif) no-repeat left top; margin-left:-52px;
padding-left:52px; width:416px;}

a.editdiag {background: url(../images/edit_diag_bg.gif) no-repeat left top; 
clear:both;
display:block;
float:left;
margin-top:10px;
padding:13px 10px 14px;
text-transform:lowercase;
width:200px;}

#timenote {background: url(../images/timenote_bg.gif) no-repeat left top; color:#555555;
display:block;
float:left;
font-weight:bold;
margin-bottom:1em;
margin-left:-9px;
padding:22px 0 16px 40px;
width:440px;}

#startarrow {
    float: right;
    border: 0;  
    margin-right: 85px; 
    margin-top: 40px;
		width: 140px; height: 146px;
		background: url(../images/arrowbg.gif) no-repeat left top;
}

#startarrow a {
display:block;
font-size:0.9em;
font-weight:bold;
height:146px;
padding-left:12px;
padding-top:51px;
text-decoration:none;
width:140px;}


#home_right {float:right;
margin-right:0;
margin-top:7px;
margin-left:15px;
width: 220px}

#reportisready {
border:0 none;
float:right;
height:32px;
padding-top:225px;
text-align:center;
width:220px; 
background: url(../images/reportready.gif) no-repeat left top;	
}

/* End L1 Home screen functions */
/* ---------------------------- */

#diag_error {float: left; width: 100%; border-bottom: 1px dotted #FF0000; margin-bottom: 1em; clear: right}
#diag_error p {float:left; margin-left:0.75em; margin-top:1em; font-weight: bold}
#diag_error img {float: left;}

#infoboxMascot {
    float: left; 
    padding-left: 60px;
    margin-top: 10px;
    margin-bottom: -6px;
    width: 60px;
}
#infobox {
  background-color:#B2B3B7;
color:#FFFFFF;
float:left;
margin-left:46px;
margin-top:3px;
padding:13px 3px 15px 20px;
width:200px;
}
#infobox h3 {
    color: #FFF;
    font-size: 1.25em;
    margin: 2px;
}
#infobox p {
    color: #FFF;
    width: 92%;
    font-size: 0.9em;
}
#infobox a {
    color: #FFF;
    font-weight: bold;
}

.centreColumn {
  float:left; 
  clear: left; 
  width: 57%;
}




/* Used when several icons each submit a form. */
div.actionButtons {
    clear:both;
float:left;
padding:8px 30px;
text-align:right;
width:89%;  
}
div.actionButtons form {
    display: inline;
}

/* Table-based forms. */
table.formE {width: 100%}

table.formE th {
     text-align: right;
    font-weight: normal;
    vertical-align: top;
    padding: 2px;
		color:#555555;
}
table.formE td { 
    text-align: left;
    font-weight: normal;
    padding: 2px;
		color:#555555;
}
table.formE td input {
    width: 200px;     
}
table.formE td input.smallin {
    width: 120px;     
}
table.formE td input.mm {
    width: 25px;     
}
table.formE td input.yyyy {
    width: 55px;     
}
table.formE td.sel select {
    width: 100px;     
}

table.formE td select {
    width: 204px;     
}

table.formE td select.mm {
    width: 45px;     
}

table.formE td .checkboxCell {
    width: auto;     
}
table.formE textarea {
    width: 400px;
}
table.formE .wide {
    width: 400px;
}
table.formE select.wide {
    width: 404px;
}

#contentAll {
    padding: 1em 0 0.63em 2.8em;
    width: 840px;
		float: left; 
		clear: both;
}


#reminder {background: url(../images/reminderbg.gif) no-repeat left top; width: 837px; height: 50px; float: left; clear: both; margin-bottom: 1em;}
#reminder p {padding: 0.9em}


table.sect_list th {border-top: 1px dotted #555555; border-bottom: 1px dotted #555555}
table.sect_list th, table.sect_list td {padding: 0.2em}

/* Diagnostic question styles */
.processHeader {
    border-bottom: dotted 1px #AAA; clear: both;
}
.processHeader .processNo {
    font-size: 2em;
}
.processHeader .processName {
    font-size: 2.5em;
    text-transform: lowercase;
}
.processHeader .subtitle {
    font-style: italic;
    color: #939598;
    font-size: 0.9em;
    padding-left: 5px;
}

.diagnosticTable {
    margin-top: 10px;
    margin-bottom: 40px;
		width: 810px;      
}
.diagnosticTable th {
    font-weight: bold;
    text-align: left;  
    padding-top: 30px;
    padding-bottom: 10px;
    font-size: 0.9em;
}


.diagnosticTable td.lowscoreCell {
    text-align: right;
    vertical-align: top;
    color: #939598;
	width: 180px;
    padding-left: 55px;
    padding-top: 5px;
    font-size: 0.8em;
}
.diagnosticTable td.numbersCell {
    width: 375px;
    text-align: center;
    vertical-align: top;
}
.diagnosticTable td.highscoreCell {
    text-align: left;
    vertical-align: top;
    padding-top: 5px;
    color: #939598;
    width: 200px;
    font-size: 0.8em;
}

/* Diagnostic scoring numbers */
.click_unselected  img { 
    background-color: #FFF 
}
.click_unselected  img:hover { 
    cursor:pointer;
	background-color: #D0D0D0;   
}

.click_selected img { 
    background-color: #D0D0D0;
}

.click_selected img:hover { 
		cursor:pointer;
    background-color: #D0D0D0;
}


.click1_unselected  img { 
    background-color: #FFF 
}
.click1_unselected  img:hover { 
    cursor:pointer;
	background-color: #81C0E7;   
}
.click1_selected img { 
    background-color: #81C0E7;
}



.click2_unselected  img { 
    background-color: #FFF 
}
.click2_unselected  img:hover { 
    cursor:pointer;
	background-color: #BED630;   
}
.click2_selected img { 
    background-color: #BED630;
}




.click3_unselected  img { 
    background-color: #FFF 
}
.click3_unselected  img:hover { 
    cursor:pointer;
	background-color: #F1BB00;   
}
.click3_selected img { 
    background-color: #F1BB00;
}



/* new diagnostic rollovers */
.click1_2_unselected  img { 
    background-color: #FFF 
}
.click1_2_unselected  img:hover { 
    cursor:pointer;
	background-color: #BED630;   
}
.click1_2_selected  img:hover {
    cursor:pointer;
	background-color: #BED630;   
}
.click1_2_selected img { 
    background-color: #D0D0D0;
}




.click2_1_unselected  img { 
    background-color: #FFF 
}
.click2_1_unselected  img:hover { 
    cursor:pointer;
	background-color: #81C0E7;   
}
.click2_1_selected  img:hover {
    cursor:pointer;
	background-color: #81C0E7;   
}
.click2_1_selected img { 
    background-color: #D0D0D0;
}



.click3_4_unselected  img { 
    background-color: #FFF 
}
.click3_4_unselected  img:hover { 
    cursor:pointer;
	background-color: #BED630;   
}
.click3_4_selected  img:hover {
    cursor:pointer;
	background-color: #BED630;   
}
.click3_4_selected img { 
    background-color: #D0D0D0;
}



.click4_3_unselected  img { 
    background-color: #FFF 
}
.click4_3_unselected  img:hover { 
    cursor:pointer;
	background-color: #F1BB00;   
}
.click4_3_selected  img:hover {
    cursor:pointer;
	background-color: #F1BB00;   
}
.click4_3_selected img { 
    background-color: #D0D0D0;
}

/*   */


/* Diagnostic shapes */
#shape {display: inline; float: left;}


#progress {float: right; clear: both; font-weight: bold; font-size: 1.1em;}
#progress img {margin-right: 1px;}
#progress img.off {background: #E6E6E6}



/* previous reports */
/* Pagination (for all forms in L1) */
#pagination {width: 100%; float: left; clear: both; font-size: 0.75em; color: #555; margin: 0; margin-bottom: 1em}
#pagination form {margin: 0; padding: 0}
#pagination table {border-top: 1px solid #555; border-bottom: 1px solid #555; padding: 3px 5px;}

#datagrid {clear: both; line-height: 1.6em; float: left; width: 100%; margin-bottom: 1em}
#datagrid table {border: 1px solid #E6E6E6; width: 100%; color: #555}
#datagrid table td {font-size: 1em;}
#datagrid table th {border-bottom: 1px dotted #E0E0E0; font-size: 0.75em;}
#datagrid a {font-weight: bold; text-decoration: none;}
/* #datagrid a:hover {color: #6E9EC2;} */


/* info tooltips */
table.formE div.info { margin:1px 5px 0px 0px; display: inline;}
table.formE div.infoRadio {float:left; margin:1px 5px 0px 0px;}
table.formE img.info {width:18px; height:18px; border:0;}
table.formE a.info{position:relative; /*this is the key*/ z-index:24; text-decoration:none;}
table.formE a.info:hover{z-index:25; background-color:#FFFFFF;}
table.formE a.info span{display:none;}
table.formE a.info:hover span {/*the span will display just on :hover state*/ display:block; position:absolute; top:-2px; left:20px; width:200px; border:1px solid #E0E0E0;	background-color:#FFF; color:#555; font-size:0.75em; padding:0.5em; font-weight:normal;}
/* end info tooltips */


.button {
    background-image: url(../images/button.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    color: #555;
    font-weight: bold;
    font-size: 0.75em;
    border: none;
    width: 100px;
    height: 23px;
    background-color: #FFF;
}

.wideButton {
    background-image: url(../images/button_wide.gif);
    background-repeat: no-repeat;
    background-position: center;
    cursor: pointer;
    color: #555;
    font-weight: bold;
    font-size: 0.75em;
    border: none;
    width: 130px;
    height: 23px;
    background-color: #FFF;
}