@media screen {

	#thebody {
		padding: 0;
		margin: 0;
		font-family: arial;
		cursor: default;
	}

	#printHeader {
		display: none;
	}

	#pageContainer {
		min-width: 1000px;		/* Well behaved browsers only! */
		max-width: 1000px;		/* Well behaved browsers only! */
		text-align: left;
		display: block;
	}

	#IE6_pageContainer {		/* IE6 hack */
		width: expression(document.body.clientWidth < 900 ? "900px" : document.body.clientWidth > 1000 ? "1000px" : "auto");
	}

	/****************************************************************/

	#headerContainer {
		float: left;
		padding: 0;
		margin: 0;
		margin-bottom: 4px;
		width: 100%; 
		min-width: 900px;  
		border: solid 0px darkblue;
	}

	#headerContainer #nameContainer {
		float: left;
		width: 550px;
		padding: 0;
		margin: 10px 0px 0 0px;
		border: solid 0px darkblue;
	}

	#headerContainer #label {
		position: relative;
		float: left;
	}

	#headerContainer #name {
		float: left;
		height: 54px;
		width: 260px;
		padding-left: 8px;
		padding-right: 0px;
		overflow: hidden;
		color: darkblue;
		font-size: 16pt;
		line-height: 36px;
		background-image: url('../images/TeacherNameBackground.gif');
		background-repeat: repeat-x;
	}

	#headerContainer #right {
		position: relative;
		float: left;
		background: url('../images/TeacherNameBackgroundRight.gif') no-repeat;
		width: 32px;
	}

	#headerContainer #headerOptionsContainer {
		float: left;
		padding: 0 2px 0 2px;
		margin: 10px 10px 0 10px;
		border: solid 0px darkblue;
	}

	#headerContainer #headerOptionsContainer .option {
		float: left;
		padding: 0 8px 0 0;
		margin: 0;
		border: solid 0px darkblue;
		cursor: pointer;
	}

	#headerContainer a.btnHome, a.btnBlogs, a.btnUserMan, a.btnHelp, a.btnLogoff  {
		display: block;
		width: 40px;
		height: 50px;
	}

/*
	#headerContainer a.btnBlogs {
		background: url('../images/buttons/btnTeacherBlog_up.gif') no-repeat;
	}
	#headerContainer a.btnBlogs:hover {
		background: url('../images/buttons/btnTeacherBlog_up.gif') no-repeat;
	}
	#headerContainer a.btnUserMan {
		background: url('../images/buttons/btnTeacherAdmin_up.gif') no-repeat;
	}
	#headerContainer a.btnUserMan:hover {
		background: url('../images/buttons/btnTeacherAdmin_up.gif') no-repeat;
	}
	#headerContainer a.btnHelp {
		background: url('../images/buttons/btnTeacherHelp_up.gif') no-repeat;
	}
	#headerContainer a.btnHelp:hover {
		background: url('../images/buttons/btnTeacherHelp_up.gif') no-repeat;
	}
	#headerContainer a.btnLogoff {
		background: url('../images/buttons/btnTeacherLogout_up.gif') no-repeat;
	}
	#headerContainer a.btnLogoff:hover {
		background: url('../images/buttons/btnTeacherLogout_up.gif') no-repeat;
	}
*/

	#headerContainer #logo {
		float: left;
		width: 150px;
		padding: 0;
		padding-top: 4px;
		padding-left: 4px;
		margin: 0;
		border: solid 0px darkblue;
	}

	/****************************************************************/

	#backBarContainer {
		position: relative;
		float: left;
		padding: 0;
		margin: 0;
		margin-top: -10px;
		margin-bottom: 6px;
		width: 800px;
		border: solid 0px darkblue; 
	}

	#backBarContainer .backup {
		float: left;
		margin-left: 4px;
		margin-right: 10px;
	}

	#backBarContainer .maintitle {
		float: right;
		display: block;
		padding: 0 0 0 10px;
		margin-top: 8px;
		margin-bottom: 4px;
		margin-right: 12px;
		font-size: 16pt;
		font-weight: bold;
		color: darkblue;
		vertical-align: top;
	}

	#backBarContainer .interaction, .interactionLarge {
		display: block;
		float: left;
		margin: 10px 0 4px 4px;
		border: solid 0px darkblue; 
	}

	#backBarContainer .interactionLarge {
		margin-top: 0;
	}


	/****************************************************************/

	/* Container to enable the main teacher block to be centred */
	#pageBodyContainer {
		text-align: center;
		padding: 10px;
	}

	/* Container for the breadcrumbs, tabs and main page content */
	#pageBody {
		width: 810px;
		margin: 0 auto;
		margin-bottom: 14px;
		border: solid 0px darkblue;
	}

	#pageFooter {
		display: none;
		padding: 0 0 0 4px;
		margin: 0 0 40px 4px;
		background-color: #CCDEEA;
		font-size: 8pt;
		text-align: left;
		height: 14px;
	}

	#pageFooter .left {
		float: left;
		margin-right: 4px;
	}

	#pageFooter .right {
		float: right;
		margin-right: 4px;
	}


	#pageFooter2 {
		padding: 0 0 40px 4px;
		margin: 0 40px 0 4px;
		font-size: 16px;
		font-weight: bold;
		color: darkblue;
	}

	#pageFooter2 .left {
		float: left;
		margin-top: 10px;
		margin-bottom: 40px;
	}

	#pageFooter2 .right {
		float: right;
		margin-right: 4px;
	}

	/****************************************************************/

	#breadcrumbContainer {
		float: left;
		padding: 0;
		padding-left: 10px;
		margin-bottom: 2px;
		border: solid 0px darkblue;
		text-align: left;
		font-size: 8pt;
	}

	#breadcrumbContainer a {
		text-decoration: none;
		padding: 0 2px 0 4px;
	}
	#breadcrumbContainer a:hover {
		color: white;
		background-color: #005A94;
	}

	#breadcrumbContainer span {
		font-weight: bold;
		padding: 0 0 0 4px;
	}

	#breadcrumbContainer span.delim {
		padding: 0;
	}

	/****************************************************************/

	/* Tab bar container and individual tab divs */
	
	#maintabbar {
		float: left;
		padding: 0;
		margin: 0;
		margin-bottom: 0px;
		border: solid 0px darkblue;
		z-index: 999;
	}

	#maintabbar .tab, .tabselected {
		float: left;
		padding: 0;
		margin: 0;
		margin-right: 0px;
		border: solid 0px darkblue;
		cursor: pointer;
		z-index: 1;
	}

	#maintabbar .tabselected {
		cursor: default;
		z-index: 999;
	}

	/****************************************************************/

	#columnHeaderContainer {
		float: left;
		width: 800px;
		height: 24px;
		padding: 0;
		margin: 0;
		margin-bottom: 4px;
		color: black;
		line-height: 22px;
		font-size: 10pt;
		font-weight: bold;
		border: solid 0px darkblue; 
		background: url('../images/PupilColumnHeaderMiddle.gif') repeat-x;
	}

	#columnHeaderContainer .leftSide {
		display: block;
		float: left;
		width: 4px;
		height: 24px;
		background: url('../images/PupilColumnHeaderLeft.gif') no-repeat;
	}

	#columnHeaderContainer .rightSide {
		display: block;
		float: right;
		width: 4px;
		height: 24px;
		background: url('../images/PupilColumnHeaderRight.gif') no-repeat;
	}

	#columnHeaderContainer .field {
		float: left;
		padding: 0;
		margin: 0;
		text-align: left;
		border: solid 0px red;
	}


	/****************************************************************/

	#questionHeader {
		display: block;
		height: 24px;
		padding: 0;
		margin: 0;
		color: white;
		font: bold 10pt/13pt Arial, Helvetica, Sans-Serif;
		line-height: 24px;
		border: solid 0px darkblue; 
		background-color: #6EA426;
/*		background: url('../images/PupilColumnHeaderMiddle.gif') repeat-x; */
	}

	#questionHeader .questionoptions {
		float: right;
		padding: 0;
		margin: 0;
		margin-right: 10px;
		border: solid 0px darkblue; 
		white-space: nowrap;
	}

	#divprogress {
		float: left; 
		margin-left: 4px;
		border: solid 0px darkblue; 
		white-space: nowrap; 
	}

	#questionHeader a.questionlinks, a.questionlinks:link, a.questionlinks:active, a.questionlinks:visited, a.questionlinks:hover {
		color: white;
		text-decoration: none;
	}
	#questionHeader a.questionlinks:hover{
		text-decoration: underline;
	}


	/****************************************************************/

}

@media print {

	#printHeader {
		display: block;
	}

	#headerContainer, #backBarContainer, #breadcrumbContainer, #maintabbar {
		display: none;
	}

	#pageFooter {
		padding: 0;
		margin: 10px 0 0 0;
		background-color: #CCDEEA;
		font-size: 8pt;
		text-align: left;
		height: 14px;
		width: 800px;
	}

	#pageFooter #left {
		float: left;
	}

	#pageFooter #right {
		display: none;
	}


}