/* CSS Document */

/* ----------------------------------------------------------------------- */
/* ------------------- STYLES FOR QUICK IMPLEMENTATION ------------------- */
/*                                                                         */
/*   Use these styles to quickly make color changes to the interface.      */
/*                                                                         */
/*   * TIP:  You can search and relace the following GreenLight colors:    */
/*                                                                         */
/*   #4DAC26 - standard GreenLight Middle Green                            */
/*   #399D22 - darker variant of GreenLight Green used for legibility      */
/*   #99D140 - standard GreenLight Light Green                             */
/*   #E1F6B8 - light Green used for text rollover hilights                 */
/*   #EFFAD8 - pale Green used for background of Unread Mail prompt        */
/*                                                                         */
/* ----------------------------------------------------------------------- */


/* This is the style that specifies the background tile image for the headers in the STUDENT HOMEPAGE, STUDENT CONSOLE and all BANNERS. */
.headerTile {
	background-image: url(headTile.gif);
	background-repeat: repeat-x;
}


/* "studentHeader" is used for the default NAVIGATION text in the STUDENT HOMEPAGE, STUDENT CONSOLE, and all BANNERS. */
.studentHeader {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4DAC26;
}
a.studentHeader:link {
	color: #4DAC26;
	text-decoration: none;
}
a.studentHeader:hover {
	color: #4DAC26;
	text-decoration: underline;
}
a.studentHeader:visited {
	color: #4DAC26;
	text-decoration: none;
}

a.disabled, a.disabled:link, a.disabled:hover, a.disabled:visited {
	color: #aaa;
	cursor: default;
	text-decoration: none;
}

/* "HeaderText" is the style used in all BANNERS for the header text.  It is GREEN by default, you can change it to match your company colors. */
.HeaderText {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #399D22;
}


/* These are the styles used for the text in the STUDENT HOMEPAGE user information section. 
   "studentWelcome" and "studentWelcomSub" are presented in GREEN by default, you can change these to match your company colors. */
.studentWelcome {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #4DAC26;
}
.studentWelcomeName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.studentWelcomeSub {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #4DAC26;
}
.studentName {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B3B3B3;
	font-weight: bold;
}


/* "greenText" and "greenTextBold" are used in the system to show emphasis (for example see the STUDENT LOGIN Screen)
    You can use your company colors in place of GREEN. */
.greenText {
	color: #399D22;
}
.greenTextBold {
	font-weight: bold;
	color: #399D22;
}


/* These styles are used on the STUDENT LOGIN screen for the GREEN footer of the login window.
   You can use your company colors in place of GREEN. 
   The text colors specified below are WHITE by default and are used for the "Forgot Login" and "New User" links. */
.loginFooter {
	background-color: #4DAC26;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	padding-left: 8px;
	padding-right: 8px;
}
A:Link.loginFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
A:Visited.loginFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}
A:Hover.loginFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #E1F6B8;
	text-decoration: underline;
}
A:Active.loginFooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
}


/* These styles are used for the NORMAL and SELECTED background colors for the Tabs in the COMMUNITY BANNER. */
td.headerTabs {
	background-color: #99D140;
	border-bottom:#EAEAEA 2px solid;
	border-left:#EAEAEA 1px solid;
	border-right:#EAEAEA 1px solid;
	border-top:#EAEAEA 2px solid;
}
td.headerTabsSelected {
	background-color: #4DAC26;
	padding-left: 8px;
	padding-right: 8px;
	border-bottom:#EAEAEA 2px solid;
	border-left:#EAEAEA 1px solid;
	border-right:#EAEAEA 1px solid;
	border-top:#EAEAEA 2px solid;
}
/* These styles are used for the various text states in the COMMUNITY BANNER tabs.
   They are all set to WHITE by default, but if your company color is light, you may want to choose a darer text color. */
.headerTabs {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 8px;
	padding-right: 8px;
}
A:link.headerTabs {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
A:visited.headerTabs {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
A:active.headerTabs {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
A:hover.headerTabs {
	color: #FFFFFF;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}


/* These are the styles that are used in the MESSAGE VIEWER and MAIL PROMPT skin pages.
   The color used to indcate Read Mail is GREY and the color for Unread Mail is LIGHT GREEN.  These can be changed to march your company colors.*/
.ReadMail {
	background-color: #EAEAEA;
}
.UnreadMail {
	background-color: #EFFAD8;
}


/* This style controls the color of the glossary TERM and glossay NUMBER in the GLOSSARY section of the STUDENT CONSOLE. */
FONT.glossaryDefinition {
	color: #4DAC26;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
FONT.glossaryDefinitionNum {
	color: #A9A9A9;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}


/* ----------------------------------------------------------------------- */
/* --------------------- END OF QUICK IMPLEMENTATION --------------------- */
/* ----------------------------------------------------------------------- */


BODY {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-style: none;
}
SELECT {
	font-size: 8pt;
	font-family: Arial;
}
TABLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
TD {
	font-size: 12px;
}
TD.panes {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 16px;
	color: #FFFFFF;
	background-color: #7E7E7E;
	text-align: left;
	font-weight: bold;
	padding-left: 8px;
	padding-right: 8px;
}
TD.panes2 {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	color: #7E7E7E;
	background-color: #EAEAEA;
	text-align: left;
	text-indent: 8px;
	font-weight: bold;
}
TD.panes3 {
	font-size: 12px;
	color: #FFFFFF;
	background-color: #B3B3B3;
	text-align: center;
	border-top: #FFFFFF 1px solid;
	border-right: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
}
TD.divider {
	background-color: #FFFFFF;
}
TD.login {
	font-weight: bold;
}
TD.PropHeader {
	font-size: 18px;
	font-weight: 700;
}
TD.courseTableTitle {
	background-color: #286EA9;
}
TD.courseTableTitleAccent {
	background-color: #008080;
}
TD.profileGroupHeader {
	background-color: #B3B3B3;
	color: #FFFFFF;
	font-size: 12px;
}
TD.profileGroupData {
	background-color: #EBEBEB;
	color: #000000;
	font-size: 13px;
	text-align: center;
	vertical-align: middle;
}
TD.left {
	text-align: left;
}
TD.profileDemogLabel {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
}
TD.profileDemogData {
	background-color: #FFFFFF;
	color: #000000;
	font-size: 12px;
	width: 75%;
}
TD.ContentRow {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	border-right: #B3B3B3 1px solid;
	border-top: #B3B3B3 1px solid;
	border-left: #B3B3B3 1px solid;
	border-bottom: #B3B3B3 1px solid;
}
A:Link {
	color: #000000;
	text-decoration: underline;
}
A:Hover {
	color: #7E7E7E;
	text-decoration: underline;
}
A:Active {
	color: #7E7E7E;
	text-decoration: underline;
}
A:Visited {
	color: #000000;
	text-decoration: underline;
}
A:Link.sender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
A:Hover.sender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline;
}
A:Visited.sender {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
}
A:Link.taskscontrol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
A:Hover.taskscontrol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: green;
	text-decoration: underline;
	font-weight: bold;
}
A:Visited.taskscontrol {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	text-decoration: none;
	font-weight: bold;
}
A:Link.toolbar {
	color: #000000;
	font-family: sans-serif;
	font-size: 10px;
	text-decoration: none;
}
A:Hover.toolbar {
	color: #000000;
	font-family: sans-serif;
	font-size: 10px;
	text-decoration: underline;
}

.studenMenu {
	vertical-align: top;
	width: 160px;
	background-image: url(StudentMenu-BG.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}
TD.MenuItems {
	background: #B3B3B3;
	border:#FFFFFF 1px solid;
	color:#FFFFFF;
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
}
.studentMenuItems {
	font-family: Verdana, Geneva, sans-serif;
	background: #B3B3B3;
	color: #FFFFFF;
	height: 18px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}
a.studentMenuItems:link {
	color: #FFFFFF;
	text-decoration: none;
}
a.studentMenuItems:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
a.studentMenuItems:visited {
	color: #FFFFFF;
	text-decoration: none;
}

.boldText {
	font-weight: bold;
}
.largeText {
	font-size: 17px;
}
.largeTextBold {
	font-size: 17px;
	font-weight: bold;
}
.redtext {
	color: #CA0014;
}
.redtextBold {
	font-weight: bold;
	color: #CA0014;
}
.blueText {
	color: #00A0C6;
}
.bluetextBold {
	font-weight: bold;
	color: #00A0C6;
}
.greyText {
	color: #7E7E7E;
}
.greytextBold {
	font-weight: bold;
	color: #7E7E7E;
}
font.courseDate {
	font-size: 10px;
}
.contentDivider {
	width: 5px;
	background-color: #E4E4E4;
}
.slightIndent {
	padding-left: 8px;
}
.largeIndent {
	padding-left: 16px;
}
.label {
	width: 15%;
	font-weight: bold;
	color: #4E4E4E;
	white-space: nowrap;
}
.lastLogin {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
.currentTime {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #B3B3B3;
	vertical-align: top;
}
.status {
	color: #FFFFFF;
	font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}
.CourseRow {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EBEBEB;
}
.CourseDescription {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}
.greyheader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #505050;
	color: #FFFFFF;
	text-indent: 4px;
}
.profileSectionHeader {
	color: #363636;
	font-size: 11px;
	font-weight: bold;
}
.fieldNote {
	color: #7E7E7E;
	font-size: 11px;
}
.selectModuleNote {
	color: #B3B3B3;
	font-size: 10px;
	font-style: italic;
	font-weight: bold;
}
.profileStatus {
	color: #00AA00;
	font-weight: bold;
	font-size: 11px;
}
.profileRegCode {
	color: #483D8B;
	font-size: 12px;
}
.Prerequisite {
	color: #228B22;
	font-weight: bold;
}
.Meeting {
	color: #FF9900;
	font-weight: bold;
}
.pipingSpace {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B3B3B3;
	font-weight: bold;
	padding-right: 12px;
	padding-left: 12px;
}
.appInputButton {
	background-image: url(buttonBG.gif);
	border: 1px solid #7E7E7E;
	color: #4E4E4E;
	cursor: pointer;
	font-family: verdana;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 4px 2px 4px;
	width: auto;
	overflow: visible;
	text-decoration: none;
}
.PDPHeader {
	background-color: #B3B3B3;
	background: url(subhead-tile.gif);
	font-family: Verdana, Geneva, sans-serif;
	color: #7E7E7E;
}
.PDPHeaderText {
	font-family: Verdana, Geneva, sans-serif;
	font-weight: bold;
	font-size: 18px;
	color: #7E7E7E;
}
.pdpTitle {
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}
.Description {
	font-size: 8pt;
	font-family: Arial, Helvetica, sans-serif;
}
.ColumnHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #B3B3B3;
	color: #FFFFFF;
	font-size: 10pt;
	text-align: center;
}
.ColumnHeader2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	background-color: #B3B3B3;
	color: #FFFFFF;
	font-size: 9pt;
	text-align: center;
}
.ColumnHeader3 {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #EAEAEA;
	color: #7E7E7E;
	font-size: 9pt;
	text-align: center;
	border-right: #FFFFFF 1px solid;
	border-left: #FFFFFF 1px solid;
	border-top: #FFFFFF 1px solid;
	border-bottom: #FFFFFF 1px solid;
}
.MaterialEntry {
	font-family: Arial, Helvetica, sans-serif;
	border-right: #B3B3B3 1px solid;
	border-left: #B3B3B3 1px solid;
	border-top: #B3B3B3 1px solid;
	border-bottom: #B3B3B3 1px solid;
	font-size: 8pt;
	text-align: center;
}
.StatusEntry {
	font-family: Arial, Helvetica, sans-serif;
	border-right: #B3B3B3 1px solid;
	border-left: #B3B3B3 1px solid;
	border-top: #B3B3B3 1px solid;
	border-bottom: #B3B3B3 1px solid;
	font-size: 8pt;
	width: 100px;
	text-align: center;
}
.StatusEntrySpacer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	width: 510px;
	text-align: center;
}
.InterventionEntry {
	background-color: #E0E0E0;
}
.QualificationEntry {
	background-color: #EAEAEA;
}
.CategoryEntry {
	background-color: #F7F7F7;
}
.NodeSpacer {
	width: 25px;
}
.BottomSpacer {
	padding-bottom: 5px;
}
.Collapsible {
	display: none;
}
.Scrollable {
	overflow: scroll;
	height: 100%;
	width: 100%;
}
.Clickable {
	cursor: pointer;
}
TD.OLE_TaskEntry {
	border-top: #B4B4B4 1px solid;
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-Serif;
}
A:Link.taskscontrol {
	font-family: Arial, Helvetica, sans-Serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
A:Hover.taskscontrol {
	font-family: Arial, Helvetica, sans-Serif;
	font-size: 10px;
	color: #4DAC26;
	text-decoration: underline;
	font-weight: bold;
}
A:VISITED.taskscontrol {
	font-family: Arial, Helvetica, sans-Serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}
A.listcolumn:link {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-Serif;
	font-weight: bold;
	text-decoration: none;
}
A.listcolumn:visited {
	color: #FFFFFF;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-Serif;
	font-weight: bold;
	text-decoration: none;
}
tr.gradingTask0 {
	background-color: #FFFFFF;
}
tr.gradingTask1 {
	background-color: #F0F0F0;
}

/* -------------------------------------------------------- */
/* ------------ Student Console Feature Styles ------------ */
/* -------------------------------------------------------- */

BODY.login {
	background-color: #FFFFFF;
}
BODY.glossary {
	background-color: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
}
BODY.glossary a {
	text-decoration: none;
}
BODY.glossaryControl {
	background-color: #EAEAEA;
}
BODY.controlFrame {
	background-color: #00534C;
}
DIV.courseTitle {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
}
DIV.lessonTitle {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}
DIV.loginAndHomepageTitle {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
FONT.login {
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}
FONT.submenuTitle {
	color: #B3B3B3;
	font-size: 17pt;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
A.submenuItem {
	font-size: 10pt;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.submenuItem:visited {
	font-size: 10pt;
	color: #000000;
	font-family: Tahoma;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.submenuItem:hover {
	font-size: 10pt;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFF00;
	text-decoration: none;
	font-weight: bold;
}
FONT.submenuSearch {
	font-size: 8pt;
	color: #000000;
}
INPUT.submenuSearch {
	font-size: 8pt;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}
A.submenuSearchResetBtn {
	font-size: 10pt;
	color: #4DAC26;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.submenuSearchResetBtn:visited {
	font-size: 10pt;
	color: #4DAC26;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
A.submenuSearchResetBtn:hover {
	font-size: 10pt;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFF00;
	text-decoration: none;
	font-weight: bold;
}
A.submenuSearchResult {
	font-size: 10pt;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-decoration: underline;
}
A.submenuSearchResult:visited {
	font-size: 10pt;
	color: #000000;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
	text-decoration: underline;
}
A.submenuSearchResult:hover {
	font-size: 10pt;
	color: #000000;
	cursor: pointer;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #C3ED72;
	text-decoration: none;
}

BODY.treeMenu {
	background-color: #FFFFFF;
}
DIV.treeMenuHeading {
	font-weight: normal;
	font-size: 10pt;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
DIV.treeMenuItemLoad {
	font-weight: normal;
	font-size: 12pt;
	cursor: pointer;
	color: #B3B3B3;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.treeMenuItem {
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
A.treeMenuItem:hover {
	font-weight: normal;
	font-size: 8pt;
	cursor: pointer;
	color: #4DAC26;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration: none;
}
#error {
	color: #CA0014;
}

#status {
	margin: 1px 0px 0px 0px;
}

#status div {
	color: #399D22;
	padding: 1px;
	border: solid 1px #B3B3B3;
	background: #EAEAEA;
}