html, body {
	height: 100%;
}

body {
	font-family: "Century Gothic", sans-serif;
	font-size: 16px;
	color: #111111;
	background-color: #FFFFFF;
	height: 100%;
	margin: 0;
	padding: 0;
/*	background-image: url(/images/help/footer.jpg);

	background-repeat: no-repeat;
	background-position: bottom left; */
}

pre {
	font-size: 12px;
}
.htmlContainer, #htmlContainer {
	position: relative;
	min-height: 100%;
	min-width: 710px;
	height: 100%;
	width: 100%;
/*	height: auto; */
}

html>body #htmlContainer, html>body .htmlContainer {
	height: auto;
}


.headerfooter_headerMain
{
	font: 20px "Gothic", "Century Gothic", sans-serif;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 90px;
	background-image: url(/images/help/header.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	min-width: 550px;
	color: #444444;
	background-color: inherit;
}

.headerfooter_headerMain a
{
	text-decoration: none;
}

.headerfooter_headerMain form
{
	position: relative;
	top: 62px;
	right: 14px;
	font-size: 0px;
	text-align: right;
}

.headerfooter_headerMain form select
{
	width: 194px;
}

.headerfooter_headerRightLogo
{
	position: relative;
	top: 8px;
	width: 194px;
	font-size: 24px;
}

.headerfooter_footerRightLogo
{
	position: relative;
	top: 8px;
	bottom: 0px;
	width: 71px;
	font: 18px serif;
	white-space: nowrap;
	
}

.headerfooter_headerTitlePicture
{
	position: absolute;
	left: 0px;
	top: 25px;
	color: #FFFFFF;
	background-color: inherit;
	font-size: 22px;
	letter-spacing: 2px; 
	font-weight: 100;
}

.headerfooter_headerLinksBar
{
	position: absolute;
	right: 10px;
	top: 2px;
	color: #444444;
	background-color: inherit;
	font: 11px sans-serif;
}

.headerfooter_headerLinksBar a
{
	color: #444444;
	background-color: inherit;
	font: 11px sans-serif;
	text-decoration: none;
}

.headerfooter_headerLinksBar a:hover
{
	text-decoration: underline;
}

.headerfooter_footerLinksBar
{
	position: absolute;
	right: 10px;
	top: 56px;
	color: #444444;
	background-color: inherit;
	font: 11px sans-serif;
}

.headerfooter_footerLinksBar a
{
	color: #444444;
	background-color: inherit;
	font: 11px sans-serif;
	text-decoration: none;
}

.headerfooter_footerLinksBar a:hover
{
	text-decoration: underline;
}


.headerfooter_footerMain
{
	position: absolute;
	left: 0%;
/*	bottom: 0; /**/
	width: 100%;
	height: 73px;
	background-image: url(/images/help/footer.jpg);
	background-repeat: no-repeat;
	background-position: bottom left; 
	color: #444444;
	background-color: inherit;
}

.headerfooter_footerContactInfo
{
	font: 12px sans-serif;
	height: 40px;
	margin-top: 15px;
}

.headerfooter_footerContactInfo a
{
	font: 12px sans-serif;
	color: #444444;
	background-color: inherit;
	text-decoration: none;
}

.headerfooter_footerContactInfo a:hover
{
	text-decoration: underline;
}

.headerfooter_LogoShadow
{
	position: absolute;
	color: #BBBBBB;
	background-color: inherit;
	width: 100%;
	text-decoration: none;
}

.headerfooter_LogoText
{
	position: absolute;
	color: #444444;
	background-color: inherit;
	width: 100%;
	text-decoration: none;
	white-space: nowrap;
}
.headerfooter_bulletcolor
{
	color: #444444;
	background-color: inherit;
}

.textShadow
{
	display: block;

	color: inherit;
	background-color: inherit;

	white-space: nowrap;
}

.textShadow:before
{
	display: block;
	margin-bottom: -1.2em;
	margin-left: 0.07em;
	border-color: #ccc;
	content: attr(shadowContent);

	color: #ccc; /* shadow color */
	background-color: inherit;

	text-decoration: none;
}


a:link, a:visited, a:hover
{
	color: #444444; /*#1D4386;*/
	background-color: inherit;
	text-decoration: none;
	font-size: inherit;
}

a:hover
{
	text-decoration: underline;
}

a:active
{
	color: #444444; /*#444444;*/
	background-color: inherit;
	text-decoration: underline;
}

a:hover .textShadow:before
{
	text-decoration: underline;
}



div.margin {
	margin: 36px;
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
			}
			
div.text {
	
	
}

div.dline {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	margin-top: 7px;	
	border-top-width: 1px;
	
	border-top-style: dashed;
	
	border-top-color: #888888;
	
}

div.box1 {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	padding-top: 14px;
	border-top-width: 1px;
	
	border-top-style: dashed;
	
	border-top-color: #888888;
	
}


.smalltext, #smalltext
{
	font-size: 13px;
	/* color: #111111; */
}

.smallertext, #smallertext
{
	font-size: 10px;
	/* color: #111111; */
}

.relativeSmallerText
{
	font-size: smaller;
	/* color: #111111; */
}


.firstlineLeft, #firstlineLeft
{
	margin: 0;
	padding-left: 5em;
	text-indent: -5em;
}




.greyBackground, #greyBackground {
	color: inherit;
	background-color: #FDFDFD;
}

.pic {

	border-color: #888888;
	border-width: 2px;
	
}

div.Alphabet
{
	position: relative;
	width: 600px;
	height: 20px;
}

div.Letters
{
	position: absolute;
	top: 0px;
	width: 20px;
	font-size: 16px;
	text-align: center;
}

.classroomCallNumberLink, .classroomCallNumberLink a, #classroomCallNumberLink, #classroomCallNumberLink a
{
	color: #444444;
	background-color: inherit;
	font-size: 12px;
}

.tableLines
{
	border-bottom: 1px solid rgb(0,52,102)
}

table
{
	font-size: 16px;
}


.RT {
	background-image: url(/public/images/RT_corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.LT {
	background-image: url(/public/images/LT_corner.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.L {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #a3a3a3;
}

.LB {
	background-image: url(/public/images/LB_corner.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

.RB {
	background-image: url(/public/images/RB_corner.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}

.R {
	background-image: url(/public/images/R_line.gif);
	background-repeat: repeat-y;
	background-position: right;
}

.Bottom {
	background-image: url(/public/images/B_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.T {
	background-image: url(/public/images/T_line.gif);
	background-repeat: repeat-x;
	background-position: top;
}

.Top {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #A3A3A3;
}

td.results, td#results
{
	vertical-align: middle;
	border-bottom: 1px dashed #888888;
}

td.TitleRow, td#TitleRow
{
	border-bottom: 1px solid #888888;
}

div.dline_bottom {
	position: relative;
	left: 0px;
	top: 0px;
	right: 0px;
	bottom: 0px;
	
	border-bottom-width: 1px;
	
	border-bottom-style: dashed;
	
	border-bottom-color: #888888;
	
}

div.QTEmbed
{
	text-align: center;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 16px;
	width: 550px;

}

.adminLinks, #adminLinks {
			padding: 5px;
border-style: ridge;			width: 60%;
			white-space: nowrap;
			font-size: 13px;
			color: inherit;
			background-color: #FAFAFA;
}



.AdminViewSwitch, #AdminViewSwitch
{
	position: absolute;
	right: -35px;


	width: 160px;
	height: 1.2em;

border-style: ridge;
}

.showHidePassword, #showHidePassword
{
	position: absolute;
	right: -35px;


	width: 160px;
	height: 1.2em;
	border: 1px solid #7F7F7F;

}


.showPasswordOnMouseOver, #showPasswordOnMouseOver
{
	overflow: hidden;
	height: 75%;
	width: 100%;
}

.showOnMouseClick, #showOnMouseClick
{
	overflow: hidden;
	height: 1.2em;
	width: 100%;
}

.showPasswordOnMouseOver:hover,
#showPasswordOnMouseOver:hover
{
	overflow: visible;
	height: auto; 
}


.showOnMouseClick:hover,
#showOnMouseClick:hover
{
	cursor: pointer;
	text-decoration: underline;
}

.showOnMouseClick:active,
#showOnMouseClick:active
{
	overflow: visible;
	height: auto; 
}

.passwordText,
#passwordText
{
	font-family: times, serif;
	font-weight: bold;
	display: block;
}

.helpPopUpTitleBar,
#helpPopUpTitleBar
{
	position: absolute;
	top: 0;
	left: 0;
	margin-bottom: 50px;
	height: 16px;
	width: 100%;
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	color: inherit;
	background-color: #444444;
}

.helpPopUpLeftText, #helpPopUpLeftText
{
	position: absolute;
	top: 2px;
	left: 2%;
	padding: 0;
	margin: 0;
}

.helpPopUpLeftText a, #helpPopUpLeftText a
{
	position: absolute;
	top: 0;
	left: 0;
	letter-spacing: 2px;
	font-size: 10px;
	color: white;
	background-color: inherit;
	font-weight: bold;
}

.helpPopUpRightText, #helpPopUpRightText
{
	position: absolute;
	top: 2px;
	right: 2%;
}

.helpPopUpRightText a, #helpPopUpRightText a
{
	position: absolute;
	top: 0;
	right: 0;
	letter-spacing: 2px;
	font-size: 10px;
	color: white;
	background-color: inherit;
	font-weight: bold;
}


.AdminViewSwitch a, #AdminViewSwitch a
{
	height: 100%;
	width: 100%;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 13px;
}

.AdminViewSwitch a:link, .AdminViewSwitch a:visited,
#AdminViewSwitch a:link, #AdminViewSwitch a:visited
{
	color: #444444;
	background-color: #EEEEEE;
}

.AdminViewSwitch a:hover, .AdminViewSwitch a:active,
#AdminViewSwitch a:hover, #AdminViewSwitch a:active
{
	color: #EEEEEE;
	background-color: #444444;
}

.pointerCursor:hover, #pointerCursor:hover
{
	cursor: pointer;
}

.showOnPrint, .Fill
{
	display: none;
	font-size: 14px;
	font-weight: bold;
}

.hideSelectionLink
{
	background-color: #DDDDDD;
	position: absolute;
	color: #444444;
	border: 1px solid #444444;
	height: 15px;
	width: 90px;
	text-align: center;
}

.hideSelectionLink a
{
	display: block;
	text-decoration: none;
	height: 13px;
}
.hideSelectionLink a:link, .hideSelectionLink a:visited
{
	color: #444444;
	padding-top: 2px;
}


.hideSelectionLink a:active, .hideSelectionLink a:hover
{
	color: #DDDDDD;
	background-color: #444444;
}

.bgChange:hover, #bgChange:hover
{
	cursor: pointer;
	color: inherit;
	background-color: #ddeeff;
	display: block;
}

.bgChangeNoPointer:hover, #bgChangeNoPointer:hover,
.tr_bgChangeNoPointer:hover, #tr_bgChangeNoPointer:hover
{
	color: inherit;
	background-color: #ddeeff;
}

.bgChangeNoPointer:hover, #bgChangeNoPointer:hover
{
	display: block;
}