body, p, table, tr, th, td, div, input, select, textarea {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
    font-style: normal;
    color: black;
}
li {
    vertical-align: top;
}
p, div, input, select, textarea, img {
	color: black;
	background-color: #FFFFFF;
}
a {
	color: navy;
	background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
}
A.white, A:ACTIVE.white, A:FOCUS.white, A:HOVER.white, A:LINK.white, A:VISITED.white {
	color: #FFFFFF;
	text-decoration: none;
}
A:FOCUS.white, A:HOVER.white {
	text-decoration: underline;
}
/*td {
    padding: 5px 15px 5px 5px; 
}*/
body {
	border : thin none Black;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	background-color: #E0E0E0;
}
.navTable {
    margin: 0px 0px 10px 0px;
    padding: 2px 2px 2px 2px;
	background-color: #e0e0e0;
    text-align: center;
    width: 100%;
}
.navImage {
	background-color: #e0e0e0;
}
.mainSpace {
    border : thin none black;
    width: 70%;
    padding: 0px 0px 0px 10px;
	background-color: #e0e0e0;
    text-align: left;
    vertical-align: top;
}
.actionSpace {
    border : thin none black;
    width: 30%;
    padding: 0px 10px 0px 10px;
	background-color: #e0e0e0;
    text-align: left;
    vertical-align: top;
}
.spaceTitle {
    width: 80%; 
    margin: 0px 0px 0px 10px;
    border-top: 2px solid gray;    
    border-right: 2px solid gray; 
    border-bottom: 0px solid gray;    
    border-left: 2px solid gray; 
    padding: 1px 10px 1px 10px;
	background-color: #FFD700;
    font-size: 14px;
    font-weight: bolder;
}
.spaceBody {
    width: 95%; 
	background-color: #FFFFFF;
    margin: 0px 0px 0px 0px;
    border: 2px solid gray;
    padding: 10px 10px 10px 10px;
}
div.titleSpace {
    position: relative;
	border : thin none Black;
    width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 0px 0px;
	background-color: transparent;
    text-align: center;
    font-size: larger;
    font-weight: bolder;
} 
div.titleLeft {
    position: relative;
	border : thin none Black;
    float: left;
    width: 25%;
	background-color: transparent;
    text-align: right;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.titleMiddle {
	/*position : absolute;
	top : 0px;
    left: 25%;*/
    position: relative;
	border : thin none Black;
    float: left;
    width: 48%;
    margin-left: 5px;
    margin-right: 5px;
	background-color: transparent;
    text-align: center;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.titleRight {
    position: relative;
	border : thin none Black;
    float: right;
    width: 25%;
	background-color: transparent;
    text-align: left;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
div.showMeASquare {
    position: absolute;
    top: 125px;
    left: 15%;
    width: 450px;
	background-color: #FFFFFF;
    border-right: solid 2px gray; 
    border-top: solid 2px gray;    
    border-bottom: solid 2px gray; 
    border-left: solid 2px gray; 
    padding: 1px 10px 1px 10px;
    margin: 10px 10px 10px 10px;
    text-align: left;
}
div.mainSpace {
    position: relative;
	border : thin none Black;
    float: left; 
    width: 70%;
	background-color: transparent;
}
div.actionSpace {
    position: relative;
	border : thin none Black;
    float: right; 
    width: 27%;
	background-color: transparent;
}
div.spaceTitle {
    position: relative;
    width: 90%; 
    margin: 5px 5px 0px 10px;
    border-left: solid 2px gray; 
    border-right: solid 2px gray; 
    border-top: solid 2px gray;    
    padding: 1px 10px 1px 10px;
	background-color: #FFD700;
    font-size: larger;
    font-weight: bolder;
}
div.spaceBody {
    width: 100%; 
    margin: 0px 5px 5px 5px;
    border: solid 2px gray;
    padding: 10px 10px 10px 10px;
}
.examOptionBox {
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    background-color: #e0e0e0;
    width: 100%;
}
.examOptionTitle {
    margin: 0px 0px 0px 0px; 
    padding: 5px 5px 5px 5px; 
    background-color: transparent;
    font-weight: bolder;
}
.examOption {
    margin: 3px 5px 3px 15px; 
    background-color: transparent;
    width: 100%;
}
.titleRow {
    border: 1px none black;
    margin: 0px 0px 0px 0px; 
    background-color: #e0e0e0;
    width: 100%;
}
.titleRowLeft {
    border: 1px none black;
    float: left; 
    margin: 0px 0px 0px 0px; 
    background-color: #e0e0e0;
    font-weight: bolder;
}
.rowLeft {
    float: left; 
    border: 1px none black;
    margin: 0px 0px 0px 0px; 
    background-color: white;
}
.titleRowRight {
    float: right; 
    border: 1px none black;
    margin: 0px 0px 0px 0px; 
    padding: 5px 5px 5px 5px; 
    background-color: #e0e0e0;
}
.rowRight {
    float: right; 
    border: 1px none black;
    margin: 0px 0px 0px 0px; 
    background-color: white;
}
.checkbox {
	color: black;
	background-color: transparent;
}
.formField {
	border: 1px 1px 1px 1px solid #999999;
    margin: 2px 2px 2px 2px;
    padding: 1px 5px 1px 5px;
}
.logout {
    font-weight: bolder; 
    font-size: smaller; 
	background-color: transparent;
    color: black;
    text-decoration: none;
    padding-left: 75px;
}
.inlineButton {
	font-style : bolder;
	background-color: white;
	margin-top: 0px;
}
.tiny {
	font-size: smaller;
	font-weight: normal;
}
a.rosterSortLink {
	color: #000000;
	text-decoration: underline;
}
img.alphaSortImage {
	vertical-align: text-bottom;
	margin-left: 5px;
}
img.gradeSortImage {
	vertical-align: text-bottom;
	margin-right: 5px;
}
.studentLineHeader, .questionLineHeader, .answerLineHeader {
	border-bottom: 2px solid gray;
	border-top: 0px solid gray;
	border-left: 0px solid gray;
	border-right: 0px solid gray;
	font-size: 14px;
	font-weight: bolder;
}
.studentLine, .questionLine, .answerLine {
	border-bottom: 1px solid #C7D0BE;
	border-top: 0px solid gray;
	border-left: 0px solid gray;
	border-right: 0px solid gray;
}
.studentLineInfo, .questionLineInfo, .answerLineInfo {
	background-color: transparent;
}
.studentCount {
	border-bottom: 0px solid gray;
	border-top: 0px solid gray;
	border-left: 0px solid gray;
	border-right: 0px solid gray;
	padding-bottom: 3px;
	padding-left: 15px;
	font-size: smaller;
	font-weight: bolder;
	margin-right: 0px;
	margin-left: 0px;
	margin-top: 10px;
	margin-bottom: 5px;
}
div.actionListing, div.helpListing {
	margin: 0px 5px 5px 15px;
	font-weight: normal;
    border-bottom: 2px none ##000000; 
    width:90%;
}
div.actionListingTitle, div.helpListingTitle {
	margin: 10px 5px 10px 5px;
	font-weight: bolder;
    border-bottom: 2px solid ##000000; 
    width:90%;
}
div.actionListingSelected, div.helpListingSelected {
	margin: 0px 5px 5px 15px;
	font-weight: bolder;
    border-bottom: 2px none ##000000; 
    width:90%;
}
.reqFormField {
    color: #FF0000;
    font-weight: bolder;
}
.reqFormFieldText {
    color: #FF0000;
    font-weight: bolder;
    text-align: center;
}

/* login page */
body.loginScreen {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	color: #ffffff;
	text-decoration: none;
    background-color: #003366;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	/*background-image: url(../images/mainbackground2.gif);*/
    background-attachment: fixed; 
    background-position: top left; 
    background-repeat: no-repeat;
}
div.mainContent {
	color: #000000;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	align: center;
	text-align: center;
	padding-top: 10px;
	/*background-image : url(../images/checkbackground2.gif);*/
	min-width: 310px;
    background-color: #003366;
}
.headingText {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 14px;
	font-style : normal;
	font-weight : bold;
	letter-spacing : 0px;
    background-color: transparent;
}
.footerArea {
	margin-top: 55px;
	text-align: center;
	font-family : Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size : 8pt;
	font-weight : normal;
	padding-bottom: 25px;
    background-color: transparent;
}
.borderTRBL {
    color : black;
	border-color : gray;
	border-style : solid;
	border-top-width : 2px;
	border-right-width : 2px;
	border-bottom-width : 2px;
	border-left-width : 2px;
}
.borderTBL {
    color : black;
	border-color : gray;
	border-style : solid;
	border-top-width : 2px;
	border-right-width : 0px;
	border-bottom-width : 2px;
	border-left-width : 2px;
}
.borderTL {
    color : black;
	border-color : gray;
	border-style : solid;
	border-top-width : 2px;
	border-right-width : 0px;
	border-bottom-width : 0px;
	border-left-width : 2px;
}
.borderTRL {
    color : black;
	border-color : gray;
	border-style : solid;
	border-top-width : 2px;
	border-right-width : 2px;
	border-bottom-width : 0px;
	border-left-width : 2px;
}
.borderB {
    color : black;
	border-color : gray;
	border-style : solid;
	border-top-width : 0px;
	border-right-width : 0px;
	border-bottom-width : 2px;
	border-left-width : 0px;
}

/* admin pages */
.headingTextHL {
	font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	letter-spacing : 0px;
	background-color: #F5F5F5;
}