/* Skin styles, to be used with GLC Portal.css for complete school styles with skin overrides. Maintained by Webmaster Maintenance program. */
/* **** JavaScript School Portal Settings **** */
#School {	/* School Portal container content default style settings. */
  background-color: #ffffff;	/* School logon portal background color. */
  color: #000000;	/* Set default text color. */
  padding: 0 0 0 0;	/* Set the School Logon container padding. */
  margin: 0 0 0 0;
  font-family: Verdana, Geneva, Arial, san-serif;	/* Set the School Logon font family default. */
  font-size: 12px;	/* Set School logon default text display size. */
  font-style: normal;
  font-weight: normal;
  width: 100%;
  min-height: 400px;
}

#School section {	/* School section block settings. */
  display: block;
  width: 100%;
}

#School #PageTitle {	/* Portal Logon Page top header settings. */
  display: block;
  margin: 0 0 0 0;
  padding: 5px 0 10px 0;
  font-family: Verdana, Geneva, Arial, san-serif;	/* Set Page Title Font Family. */
  font-size: 14px;	/* Set Page Title font size. */
  color: #000000;	/* Set Page Title font color. */
  text-align: center;	/* Page Title text alignment. */
  font-weight: bold;	/* Page Title font weight. */
}

#School #ShowCourses {	/* Course Display section settings. */
  width: 65%;	/* Width must match up with #School #ShowLogon for total width=100% when display=table-cell. */
  display: table-cell;	/* Controls positioning of the section. Also requires change to #School #ShowLogon to match. */
  vertical-align: top;
  padding-right: 5px;
}

#School #ShowCourses article {	/* Position course text to the right of the image. */
  display: table-row;	/* Change structure layout with #School #ShowCourses. */
}

#School #ShowCourses img {	/* Course Image style display */
  display: table-cell;	/* Image placement or display for a course. Also requires change to match in positioning in #School div.CSelect. */
  vertical-align: top;
  cursor: pointer;
  height: 75px;	/* Change course image height, width is auto to the height. */
}

#School div.CSelect {	/* Course display block style control */
  display: table-cell;	/* Controls positioning relative to #School #ShowCourses img. */
  vertical-align: top;
  width: 70%;	/* Controls width of text elements in it. */
}

#School h1.TitleLink {	/* Simulated link style for course titles. */
  font-family: Verdana, Geneva, Arial, san-serif;	/* Set the School logon course title link font. */
  font-size: 14px !important;	/* Set the School Logon course title link font size. */
  color: #0000CC;	/* Set the School logon course title text color. Set to match a:link color. */
  font-style: normal;	/* Set the School logon course title text style. */
  font-weight: bold;	/* Set the School Logon course title font weight. */
  text-decoration: none;	/* Set the School course title text underline option. */
  cursor: pointer;
  margin: 10px 0 0 0;
}

#School h1.TitleLink:hover {	/* Simulated link mouse over style. */
  color: #000066;	/* Set the School logon course title mouse over text color. Set to match a:hover color. */
}

#School #ShowLogon {	/* Student Logon section settings */
  display: table-cell;	/* Controls positioning of the section. Also requires change to #School #ShowCourses to match. */
  vertical-align: top;
  width: 35%;	/* Controls width of the section. Must match with #School #ShowCourses so the width=100% */
}

#School #ShowLogon section {	/* School ShowLogon section style controls. */
  margin: 10px 0 0 0;
}

#School #ShowLogon .TRow {	/* Div control settings in logon section */
  display: table;
  width: 100%;
}

#School #ShowLogon h1 {	/* This entry sets the style for the top title block in the student logon page. */
  background-color: #aaaaaa;	/* Set the School logon title element background color. */
  font-family: Verdana, Geneva, Arial, san-serif;	/* Student Logon section top title font selection. */
  font-size: 12px !important;	/* Sets the font size of the School logon title text. */
  font-style: normal;
  font-weight: bold;	/* Student logon top title font weight. */
  color: #000000;	/* Set the School logon title text color. */
  min-height: 20px;	/* Set minimum height of the block. */
  padding: 2px 0 2px 0;
  line-height: 20px;
  text-align: center;	/* Set the School logon title text alignment. */
  margin: 0 0 0 0;
  width: 100%;
  display: block;
}

#School #ShowLogon h2 {	/* Logon section sub heading style control. */
  background-color: #aaaaaa;	/* Set the School logon title element background color. */
  font-family: Verdana, Geneva, Arial, san-serif;	/* Student Logon Subtitle font family selection. */
  font-size: 12px !important;	/* Sets the font size of the School logon title text. */
  font-style: normal;
  font-weight: bold;	/* Student logon subtitle font weight. */
  color: #000000;	/* Set the School logon title text color. */
  min-height: 20px;	/* Set minimum height of the subtitle entries. */
  padding: 2px 0 2px 2px;
  line-height: 20px;	/* May need adjustment if the font size changes. */
  margin: 0 0 0 0;
  width: 100%;
  display: block;
}

#School #ShowLogon .SubTitle {	/* This entry has the style settings for all the entry blocks in the Student logon page. */
  display: table-cell;
  background-color: #cccccc;	/* Set the School logon subtitle background color. */
  font-family: Verdana, Geneva, Arial, san-serif;	/* Sets the Show Logon item title font. */
  font-weight: bold;
  color: #000000;	/* Set the School logon subtitle text color. */
  width: 50%;
  text-align: right;
  padding-right: 0.5em;
  line-height: 100%;
  min-height: 20px;
  border-top: 1px solid #ffffff;	/* Subtitle top border spacing and color. */
}

#School .PassLink {	/* Password link display setting to mimic an anchor tag. */
  font-family: Verdana, Geneva, Arial, san-serif;	/* Password Link font family selection. */
  font-size: 12px;	/* Password Link font size control. */
  font-weight: bold;	/* Password Link font weight control. */
  color: #0000CC;	/* Password link font color, set to match site anchor links. */
  text-decoration: none;	/* Password link underline, set to match site anchor links. */
  margin: 5px 0 0 0;
  text-align: center;	/* Text alignment selection */
  cursor: pointer;
  display: block;
}

#School .PassLink:hover {	/* Password Link hover settings. */
  color: #000066;	/* Password link font color, set to match site anchor link hover. */
}

#School #ShowLogon .HelpLink {	/* Help link positional style controls. */
  margin: 5px 0 0 0;
}

#School input {	/* Applies to all school portal form elements. */
  display: table-cell;
  font-size: 11px;	/* Sets the font size in all the school logon form elements. */
  background-color: #e0e0e0;	/* Sets the background color of all the school logon form elements. */
  border: 1px solid #000000;	/* Sets the School logon form entry elements border settings. */
  color: #000000;	/* Sets the text color in the School logon form elements. */
  margin: 2px 2px 2px 2px;
  cursor: pointer;
  padding: 2px 2px 2px 2px;
  width: 70%;
}

#School button {	/* Button style settings */
  font-size: 12px;	/* Set School logon button text size. */
  font-style: normal;
  background-color: #e0e0e0;	/* Sets the School logon button background color. */
  border: 1px solid #000000;	/* Set the School Logon button border options. */
  color: #000000;	/* Set the School Logon button text color. */
  margin: 2px 2px 2px 2px;
  cursor: pointer;
  height: 25px;
}

#School p {	/* Paragraph tag override settings. */
  display: inline-block;
  margin: 0 0 0 0;
  line-height: 14px;
}

#School>footer {	/* Student logon footer settings. */
  width: 100%;
  line-height: 30px;	/* Set the footer text position. */
  display: table;
}

#School>footer div {	/* Footer left and right common styles. */
  height: 28px;
  display: table-cell;
  background-color: #ffffff;	/* Common footer background color. */
  font-family: Verdana, Geneva, Arial, san-serif;	/* Footer text font. */
  font-size: 9px;	/* Footer text font size. */
  width: 50%;
}

#School #FooterLeft {	/* Footer left div specific style. */
  padding-left: 5px;
}

#School #FooterLeft>a {	/* FooterLeft anchor override styles. */
  color: #000000;	/* Footer link text color. */
  text-decoration: none;
  font-size: 9px;	/* GLC Link font size. */
}

#School #FooterLeft>a:hover {	/* FooterLeft anchor hover override style. */
  color: #000000;	/* Footer link hover text color. */
}

#School #FooterRight {	/* Footer copyright style. */
  text-align: right;
  color: #000000;	/* Footer copyright text color. */
  padding-right: 5px;
}

#School td.TopicTitle {	/* Administration Notice title style */
  font-size: 14 px;
  font-weight: bold;
  color: #000000;
}

#School td.TopicContent {	/* Administration Notice topic content style */
  font-size: 12px;
  font-weight: normal;
  color: #000000;
  line-height: 100%;
}

/* **** End of the JavaScripted School Portal Settings **** */