/* CSS Document */
.learnalberta-notice-container {
  width: 100%;
  background-color: #E84B36;
  color: white;
  display: flex;
  flex-wrap: nowrap;
  min-width: 990px;
}
.learnalberta-notice-container a {
  color: white;
}
.learnalberta-notice-container a:link {
  text-decoration: underline;
}
.learnalberta-notice {
  display: flex;
  align-items: center;
  padding: 14px 0 14px 35px;
  margin: 0 auto 0 auto;
  width: 990px;
}
.learnalberta-notice .learnalberta-notice-message {
  flex-grow: 1;
  display: flex;
}
.learnalberta-notice .learnalberta-notice-message .learnalberta-notice-label {
  font-size: 16px;
  font-weight: 800;
  margin-right: 16px;
}
.learnalberta-notice .learnalberta-notice-message .learnalberta-notice-text {
  font-size: 16px;
  line-height: normal;
}
.learnalberta-notice .learnalberta-notice-logo {
  margin-left: 14px;
}
.learnalberta-notice-close {
  font-size: 16px;
  cursor: pointer;
  border: none;
  color: white;
  background-color: transparent;
  position: absolute;
  top: 8px;
  right: 4px;
  z-index: 100;
}
body {
  margin: 0px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 15px;
}
.bodyContent {
  background: #F1F2F2 url('../Images/page-bg-top.png') no-repeat 50% 0px;
}
/*June 10 removed: background-color: #669dbd; background-image:url(../Images/background.png);*/
.lrBg {
  background-color: #687B48;
  background-image: url(../Images/background-top.jpg);
  background-repeat: repeat-x;
}
#locateResourceBg {
  background-image: url(../Images/background-content-green.jpg);
  background-repeat: repeat-x;
  height: 20px;
}
.lrDrop {
  background: url(../Images/background-content-green-drop.png) repeat-y center;
}
.posBg {
  background-color: #939393;
  background-image: url(../Images/background-top.jpg);
  background-repeat: repeat-x;
}
#programOfStudyBg {
  background-image: url(../Images/background-content-grey.jpg);
  background-repeat: repeat-x;
  height: 25px;
}
.posDrop {
  background: url(../Images/background-content-grey-drop.png) repeat-y center;
}
.homeBg {
  background: #288DBF url(../Images/background-top.jpg) repeat-x;
}
#homeBg {
  background-image: url(../Images/background-content-blue.jpg);
  background-repeat: repeat-x;
  height: 20px;
}
.referenceBg {
  background: url(../Images/background-content-red-drop.png) repeat-y center;
}
#referenceBg {
  background: url(../Images/background-content-red.jpg);
  background-repeat: repeat-x;
  height: 20px;
}
#t4tBg {
  background-image: url(../Images/background-content-skyblue.jpg);
  background-repeat: repeat-x;
  height: 20px;
}
.t4tDrop {
  background: url(../Images/background-content-skyblue-drop.png) repeat-y center;
}
#myWorkspaceBg {
  background-image: url(../Images/background-content-purple.jpg);
  background-repeat: repeat-x;
  height: 20px;
}
.workBg {
  background-color: #785987;
  background: url(../Images/background-top.jpg);
  background-repeat: repeat-x;
}
.workDrop {
  background: url(../Images/background-content-purple-drop.png) repeat-y center;
}
/*  Hacks
	---------------------------------- */
.clearfix {
  clear: both;
  width: 100%;
}
.flickerFix {
  display: none;
}
/* Updated November 07/2007 START */
.alignLeftPad {
  float: left;
  clear: left;
  margin-top: 5px;
}
.alignRightPad {
  float: right;
  clear: right;
  margin-top: 5px;
}
/* Updated November 07/2007 END */
.alignRightNoMargin {
  float: right;
}
/*  Alignment
	---------------------------------- */
.alignRight {
  float: right;
  clear: right;
  margin-top: 5px;
}
.alignLeft {
  float: left;
  clear: left;
  margin-top: 5px;
}
.searchBox input {
  width: 260px;
}
.resultsHeaderResourceNote {
  border-top: 1px solid #CDEEFC;
  border-bottom: 1px solid #94DAF8;
  color: #006497;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  width: 98%;
  background: #C5EAFC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 5px;
}
.alignRightResourceNote {
  text-align: right;
  margin-right: 20px;
  height: 20px;
}
.alignLeftButtonResourceNote {
  float: left;
}
.alignRightButtonResourceNote {
  float: right;
}
.divPaddingAllSides {
  padding: 10px 10px 10px 10px;
  margin: 5px 5px 5px 5px;
}
/*  Alightment
	---------------------------------- */
.left {
  float: left;
  margin-right: 20px;
}
.right {
  float: right;
}
.alignRight {
  text-align: right;
  margin-top: 2px;
}
/* errors */
.error {
  color: #FF0000;
}
.error span {
  color: #FF0000;
}
.globalHalfColRight .error span {
  color: #FF0000;
}
.globalHalfColRight .error {
  color: #FF0000;
}
.note {
  color: #666666;
  font-weight: normal;
}
/*  Standard Elements
	---------------------------------- */
/* Michael */
.searchThree textarea,
.searchThree input,
.searchHalf input,
.searchHalf textarea,
.MyWorkSpaceEmail input,
.MyWorkSpaceField input.text,
.BlueTextBox input {
  border: 1px solid #006497;
  height: 20px;
  background-image: url(../Images/background-search.jpg);
  background-repeat: repeat-x;
  background-position: top;
}
.MyWorkSpaceEmail textarea,
.MyWorkSpaceField textarea,
.BlueTextBox input {
  border: 1px solid #006497;
  background-image: url(../Images/background-search.jpg);
  background-repeat: repeat-x;
  background-position: top;
  padding-left: 5px;
}
.searchThree input.text,
.searchThree textarea {
  width: 500px;
}
.searchHalf input.text,
.searchHalf textarea {
  width: 340px;
}
.searchTitleMessage {
  padding: 14px 20px 14px 10px;
  margin: 14px 0 12px 0;
  font-size: 12px;
  line-height: 19px;
  box-shadow: 2px 2px 5px #dadada;
  border-radius: 10px;
  display: flex;
  flex-direction: row;
  column-gap: 8px;
}
.formMiddleThird textarea {
  padding: 0px;
  margin-right: 5px;
  width: 97%;
  margin-left: 5px;
  margin-top: 5px;
}
.MyWorkSpaceField input.text,
.MyWorkSpaceField textarea,
.BlueTextBox input {
  width: 450px;
}
/* End Michael */
fieldset {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  margin: 0px;
  padding: 0px;
}
legend {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  border-top-width: 0px;
  border-right-width: 0px;
  border-bottom-width: 0px;
  border-left-width: 0px;
  text-align: left;
  _padding-bottom: 5px;
}
legend span,
.globalHalfColRight legend span {
  font-weight: bold;
  color: #006497;
  text-align: left;
  _padding-bottom: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
dd {
  padding: 0px;
  margin-bottom: 5px;
  margin-top: 5px;
}
dt {
  padding: 0px;
  margin-left: 40px;
}
dl {
  padding: 0px;
}
ul {
  clear: both;
}
.resultsContent dl {
  padding: 0px;
  margin-right: 10px;
}
.resultsContent dd {
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 50px;
  margin-top: -15px;
  margin-bottom: 10px;
}
.resultsContent dt {
  font-weight: bold;
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  margin-left: 5px;
}
.MyWorkSpaceField dl {
  padding: 0px;
  margin-left: -40px;
}
.MyWorkSpaceField dd {
  padding: 0px 0px 0px 0px;
  margin-bottom: 5px;
  margin-top: 5px;
}
.MyWorkSpaceField dt {
  padding: 0px;
  margin-left: 40px;
  font-weight: bold;
}
img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
/* default link rules */
a:link {
  text-decoration: none;
  font-weight: bold;
}
a:visited {
  text-decoration: none;
  font-weight: bold;
}
a:hover {
  text-decoration: underline;
}
/* END default link rules */
.t4tInfoBox {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.t4tInfoBox p a,
.t4tInfoBox p a:visited,
.t4tBlueLink p a,
.t4tBlueLink p a:visited {
  color: #204B9A;
  text-decoration: none;
}
.t4tInfoBox p a:hover,
.t4tBlueLink p a:hover {
  color: #204B9A;
  text-decoration: underline;
}
.BrowseLink,
.BrowseLink span a,
.BrowseLink span a:visited {
  font-weight: bold;
  color: #025F93;
  text-decoration: none;
}
.BrowseLink span a:hover {
  font-weight: bold;
  color: #025F93;
  text-decoration: underline;
}
/*  Structural Elements
	---------------------------------- */
#wrapper {
  width: 990px;
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
}
.headerBlueBar {
  width: 100%;
  color: #D9DCF6;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: 600;
}
.headerLeft {
  width: 450px;
  float: left;
}
.headerRight {
  float: right;
  margin-right: 5px;
  width: 510px;
}
.header {
  height: 100px;
  background-image: url(../Images/background-header.png);
}
.headerImage {
  padding-left: 15px;
  height: 140px;
}
.albertaLearningLogo {
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #FFFFFF;
  height: 72px;
}
.jurisdictionInfo {
  /*color: #FFFFFF;*/
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 90px;
  text-align: right;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 0px;
  background-repeat: no-repeat;
  background-position: right top;
  font-size: 12px;
}
.LoginBackgroundLockEnglish {
  background: url(../Images/lockBackground.jpg) no-repeat;
  background-position: left top;
}
.LoginBackgroundJurisdictionalEnglish {
  background: url(../Images/jurisdictionalBackground.jpg) no-repeat;
  background-position: left top;
}
.LoginBackgroundPersonalEnglish {
  background: url(../Images/personalBackground.jpg) no-repeat;
  background-position: left top;
}
.LoginBackgroundTeacherEnglish {
  background: url(../Images/teacherBackground.jpg) no-repeat;
  background-position: left top;
}
.LoginBackgroundJurisdictionalFrench {
  background: url(../Images/jurisdictionalBackground-French.jpg) no-repeat;
  background-position: left top;
}
.LoginBackgroundPersonalFrench {
  background: url(../Images/personalBackground-French.jpg) no-repeat;
  background-position: left top;
}
.LoginBackgroundTeacherFrench {
  background: url(../Images/teachersBackground-French.jpg) no-repeat;
  background-position: left top;
}
.jurisdictionInfo a,
.jurisdictionInfo a:visited {
  color: #FFFFFF;
}
.jurisdictionBar {
  width: 170px;
  float: left;
  clear: right;
}
.jurisdictionAlightLeft {
  float: left;
}
.jurisdictionAlightRight {
  float: right;
}
.subNavigation {
  color: #515151;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  height: 25px;
  /*text-align: right;*/
  /*float: right;*/
  text-align: center;
  vertical-align: top;
  padding-right: 5px;
  white-space: nowrap;
  font-size: 12px;
  margin-left: 5px;
  float: right;
  vertical-align: bottom;
}
.subNavigation span {
  display: block;
  padding: 2px 2px 1px 8px;
}
.subNavLeft {
  background-image: url(../Images/subNavLeft.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 0px;
  padding-right: 6px;
  margin-left: 0px;
  margin-right: 0px;
}
.subNavMiddle {
  background-image: url(../Images/subNavMiddle.gif);
  background-repeat: repeat-x;
  background-position: left top;
  padding-left: 2px;
  padding-right: 2px;
  margin-left: 0px;
  margin-right: 0px;
  white-space: nowrap;
}
.subNavRight {
  background-image: url(../Images/subNavRight.gif);
  background-repeat: no-repeat;
  background-position: left top;
  padding-left: 0px;
  padding-right: 8px;
}
.subNavigation a,
.subNavigation a:visited {
  color: #515151;
}
.subNavigation a:hover {
  color: #515151;
  text-decoration: underline;
}
/* Added: October 1/2007 END */
.navigation {
  padding-left: 0px;
  background-repeat: no-repeat;
}
.headerCrumbs {
  background-image: url(../Images/background-crumb.jpg);
  height: 20px;
  color: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  background-repeat: repeat-x;
  padding-top: 5px;
  padding-left: 15px;
  width: 945px;
  margin-right: auto;
  margin-left: auto;
}
.crumbs span {
  font-size: 12px;
}
.crumbs {
  float: left;
  padding-top: 3px;
  padding-bottom: 5px;
  margin-top: 3px;
  margin-bottom: 5px;
  font-size: 12px;
  color: #000000;
  width: 945px;
}
.crumbs a {
  color: #000000;
  font-size: 12px;
  text-decoration: underline;
  font-weight: normal;
}
.crumbs a:hover {
  color: #000000;
  text-decoration: underline;
}
.textResize {
  float: right;
  margin-top: 5px;
  color: #CCCCCC;
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}
ng-cloak {
  display: none;
}
.typeSize {
  float: right;
  padding-bottom: 3px;
}
.typeSize img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.posNavDrop {
  background: url(../Images/background-navigation-grey-drop.png) repeat-y center;
}
.lrNavDrop {
  background: url(../Images/background-navigation-green-drop.png) repeat-y center;
}
.homeNavDrop {
  background: url(../Images/background-navigation-blue-drop.png) repeat-y center;
}
.referenceNavDrop {
  background: url(../Images/background-navigation-red-drop.png) repeat-y center;
}
.t4tNavDrop {
  background: url(../Images/background-navigation-skyblue-drop.png) repeat-y center;
}
.workNavDrop {
  background: url(../Images/background-navigation-purple-drop.png) repeat-y center;
}
/*  Navigation Tabs - English  */
.tabsen {
  color: #FFFFFF;
  float: left;
  width: 100%;
}
.tabsen #nav {
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 0;
  height: 35px;
}
.tabsen #nav table {
  display: inline;
}
.tabsen #homeImg,
#programImg,
#locateImg,
#referenceImg,
#t4tImg,
#workImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px 0px;
}
.tabsen .buttonCell {
  padding-left: 5px;
  cursor: hand;
  cursor: pointer;
}
.tabsen #nav a {
  text-decoration: none;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
  white-space: nowrap;
}
.tabsen #nav #t4tCurrentpage a {
  color: #204B9A;
}
.tabsen #nav img {
  border: 0;
}
.tabsen #homeCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -34px;
}
.tabsen #programCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -68px;
}
.tabsen #locateCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -102px;
}
.tabsen #referenceCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -136px;
}
.tabsen #t4tCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -204px;
}
.tabsen #workCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -170px;
}
/*  Navigation Tabs - French  */
.tabsfr {
  color: #FFFFFF;
  float: left;
  width: 100%;
}
.tabsfr #nav {
  list-style-type: none;
  margin: 0;
  padding: 10px 0 0 0;
  height: 35px;
}
.tabsfr #nav table {
  display: inline;
}
.tabsfr #homeImg,
#programImg,
#locateImg,
#referenceImg,
#t4tImg,
#workImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px 0px;
}
.tabsfr .buttonCell {
  padding-left: 5px;
  cursor: hand;
  cursor: pointer;
}
.tabsfr #nav a {
  text-decoration: none;
  color: #FFFFFF;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 13px;
  white-space: nowrap;
}
.tabsfr #nav #t4tCurrentpage a {
  color: #204B9A;
}
.tabsfr #nav img {
  border: 0;
}
.tabsfr #homeCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -34px;
}
.tabsfr #programCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -68px;
}
.tabsfr #locateCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -102px;
}
.tabsfr #referenceCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -136px;
}
.tabsfr #t4tCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -204px;
}
.tabsfr #workCurrentpageImg {
  background-image: url(../Images/Navigation/middle.gif);
  background-position: 0px -170px;
}
.contentWrapper {
  clear: both;
  background-color: #FFFFFF;
}
#contentWrapper {
  clear: both;
  background-color: #FFFFFF;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
  margin-bottom: 25px;
}
.content {
  clear: both;
  padding-top: 8px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  width: 940px;
}
.helpContent {
  clear: both;
  padding-top: 8px;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  width: 940px;
}
.content a,
.content a:hover,
.content a:visited {
  color: #000000;
  text-decoration: underline;
  font-weight: normal;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  cursor: hand;
  cursor: pointer;
}
.content a:hover {
  text-decoration: underline;
  font-weight: normal;
  color: #666666;
}
.t4tContent a,
.t4tContent a:hover,
.t4tContent a:visited {
  text-decoration: none;
  font-weight: normal;
  font-size: 11px;
  color: #204B9A;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.t4tContent a:hover,
.t4tContent a:visited {
  text-decoration: underline;
  font-weight: normal;
  font-size: 11px;
  color: #204B9A;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.t4tContent h2 span {
  FONT-SIZE: 18px;
  color: black;
  font-weight: bold;
  line-height: 20px;
}
.t4tContent h2 .HeaderDetails span {
  FONT-SIZE: 18px;
  color: black;
  font-weight: normal;
  line-height: 20px;
}
table.t4tTable {
  width: 100%;
  padding: 10;
  cellspacing: 0;
}
.t4tTable td {
  border-bottom: solid 1px #45D7FF;
  vertical-align: top;
}
.content hr {
  background: #999999 none repeat scroll 0 0;
  border: medium none;
  clear: both;
  color: #999999;
  float: none;
  height: 0.1em;
  width: 100%;
}
.content .subnav {
  border-bottom: 1px dashed #529FC9;
  padding-bottom: 20px;
  margin-bottom: 5px;
}
.content .message {
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  background: #EDF5FA;
  padding: 5px;
  border: 1px solid #6FACD2;
  margin-top: 10px;
}
.content .postMessage {
  width: 330px;
  border: 1px solid #D56C6C;
  background-color: #FAEDED;
  clear: both;
  margin-top: 5px;
  margin-left: 45px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 20px;
  background-image: url(../images/icon-postMessageArrow.gif);
  background-repeat: no-repeat;
  background-position: 3px 10px;
}
.content .prompt {
  width: 300px;
  margin-right: auto;
  margin-left: auto;
  padding: 5px;
  border: 1px solid #D56C6C;
  margin-top: 30px;
  background-color: #FAEDED;
  clear: both;
}
.content .subnav .current a {
  text-decoration: none;
}
.content .subnav .current a:hover {
  text-decoration: underline;
}
#programOfStudy {
  color: #025F93;
}
#locateResource {
  color: #025F93;
}
#myWorkSpace {
  color: #690F64;
}
#home {
  color: #004B83;
}
h4 {
  color: #333333;
  margin-top: 50px;
  background-color: #F1FAFE;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #94DAF8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CDEEFC;
  padding-left: 15px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.content h1,
.content h1 span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #006497;
  margin: 0px;
  padding-bottom: 5px;
  line-height: 19px;
}
.content h2 {
  font-weight: bold;
  line-height: normal;
}
.content h2 img {
  padding-right: 5px;
  padding-left: 10px;
}
.content h3,
.content h2 a {
  margin-top: 0px;
  color: #025F93;
  text-decoration: none;
  margin-bottom: 1px;
  line-height: normal;
}
.content h2 a:hover,
.content h2 a:visited {
  text-decoration: underline;
  color: #025F93;
}
.MyWorkSpaceField h2 {
  margin: 0px;
  padding-top: 10px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
  color: #006497;
}
hr {
  -moz-box-sizing: border-box;
  -moz-float-edge: margin-box;
  border: 1px inset;
  color: gray;
  display: block;
  height: 2px;
  margin: 0.5em auto;
}
.content ul.basic {
  list-style: none;
  margin: 0px 0px 0px 10px;
  padding: 0px;
}
.content ul.basic li {
  list-style: none;
}
.content .indent {
  margin-left: 10px;
  margin-top: 0px;
  color: #333333;
}
.globalCenter {
  width: 400px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
.progressClientBox {
  border: solid 2px #808080;
  background-color: White;
  text-align: center;
  padding: 10px 15px 10px 15px;
}
.progressClientBox h3 {
  font-size: 22px;
  margin-top: 0px;
  color: #025F93;
  text-decoration: none;
  margin-bottom: 1px;
  line-height: normal;
}
.globalHalfColRight span,
.globalFourCol span,
.globalTwoCol span,
.progressClientBox span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #666666;
}
.T4T h3 span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #025F93;
}
.T4T span {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}
/* Michael added July 23 */
.globalHalfOfThreeOfFourCol {
  width: 37%;
  float: left;
  clear: right;
}
.globalHalfCol {
  width: 50%;
  float: left;
  clear: right;
}
.t4tNavColLeft {
  width: 28%;
  float: left;
  clear: right;
}
.t4tNavColRight {
  width: 72%;
  float: left;
  clear: right;
}
/*Kimberly added May 6 */
.globalTwoCol {
  width: 55%;
  float: left;
  clear: right;
}
.globalSplitCol {
  width: 47%;
  float: left;
  clear: right;
  margin-left: 5px;
  margin-right: 5px;
}
.globalOneThirdLeftCol {
  width: 340px;
  float: left;
  clear: right;
  margin-left: 5px;
  margin-right: 5px;
}
/*end Kimberly */
.globalThreeCol {
  width: 620px;
  float: left;
  clear: right;
}
.globalFourCol {
  width: 25%;
  float: left;
  clear: right;
}
.globalHalfThird {
  width: 620px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
.globalPosLeftCol {
  width: 200px;
  float: left;
}
.PosLeftCol {
  width: 500px;
}
/* Michael modified Program of Study middle column */
.globalPosCenterCol {
  /*width: 385px;
	float: left;*/
  margin-top: 5px;
  margin-left: 15px;
  margin-right: 15px;
}
/* end Michael modified Program of Study middle column */
.globalOneCol {
  width: 300px;
  float: right;
  clear: right;
  margin-right: 5px;
}
.globalPOSOneCol {
  /*width: 300px;
	float: right;
	clear: right;*/
  margin-left: 5px;
  margin-right: 5px;
}
/* Old Jan. 8, 2008
.globalHalfColLeft hr, .globalHalfColRight hr {
	background-color: #006497;
	margin: 3px 0px 5px;
	}*/
/* New Jan. 8, 2008 */
.globalHalfColLeft hr,
.globalHalfColRight hr {
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #006497;
  width: 460px;
  margin-top: 3px;
  margin-right: 0px;
  margin-bottom: 5px;
  margin-left: 0px;
  float: right;
  clear: both;
}
/* Michael added for Folder Notes component */
.globalHalfColRight .EditNotes hr {
  width: 100%;
}
/* end Michael */
.globalHalfColLeft {
  width: 463px;
  clear: right;
  float: left;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.globalHalfColDivider {
  background-image: url('../Images/greyDash.gif');
  background-repeat: repeat-y;
  background-position: center;
  width: 2px;
  height: 200px;
  clear: right;
  float: left;
}
.globalHorizontalDivider {
  background-image: url('../Images/greyDash-horizontal.gif');
  background-repeat: repeat-x;
  background-position: left;
  margin-left: 25px;
  width: 200px;
  height: 2px;
  /*clear: right;
	float: left;*/
}
.globalHalfColRight {
  width: 463px;
  clear: right;
  float: right;
  margin-left: 5px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.globalTwoThirdColRight {
  width: 620px;
  clear: right;
  float: right;
  margin-left: 5px;
  font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.newPosTip {
  width: 250px;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
}
.globalOneCol .tip,
.newPosTip .tip {
  width: 100%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #006497;
  background-image: url(../Images/tipContentRight.jpg);
  background-repeat: repeat-y;
  background-position: right;
  margin-top: 20px;
  line-height: 15px;
}
.globalHalfColLeft select {
  width: 450px;
}
.globalOneCol .tip h1,
.newPosTip .tip h1 {
  color: #006497;
  background-image: url(../Icons/icon-question.jpg);
  background-repeat: no-repeat;
  padding-left: 20px;
  margin: 0px;
  padding-bottom: 5px;
}
.globalOneCol .tip .tipTop,
.newPosTip .tip .tipTop {
  height: 17px;
  background-image: url(../Images/tipTopLeft.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
}
.globalOneCol .tip .tipTop .tipTopRight,
.newPosTip .tip .tipTop .tipTopRight {
  background-image: url(../Images/tipTopRight.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  clear: right;
  height: 17px;
}
.globalOneCol .tip .tipContent,
.newPosTip .tip .tipContent {
  padding-left: 15px;
  background-image: url(../Images/tipContentLeft.jpg);
  background-repeat: repeat-y;
  background-position: left;
  padding-right: 15px;
  padding-top: 5px;
}
.globalOneCol .tip .tipBottom,
.newPosTip .tip .tipBottom {
  height: 16px;
  background-image: url(../Images/tipBottomLeft.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.globalOneCol .tip .tipBottom .tipBottomLeft,
.newPosTip .tip .tipBottom .tipBottomLeft {
  background-image: url(../Images/tipBottomRight.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  clear: right;
  height: 16px;
}
/*Added May 26, 2008 */
.globalOneColLeft {
  width: 300px;
  float: left;
  clear: right;
  margin-right: 5px;
}
.globalOneColLeftNoWidth {
  float: left;
  clear: right;
  margin-right: 5px;
}
.globalThreeColRight,
.globalThreeColRight2009 {
  width: 620px;
  float: right;
  clear: right;
  margin-left: 0px;
}
.globalPOSThreeColRight {
  width: 460px;
  float: right;
  clear: right;
  margin-right: 5px;
  margin-left: 5px;
}
/*end May 26 */
.locateShowHide {
  width: 100%;
}
.locateShowHideRow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.locateShowHideHeader {
  color: #333333;
  background-color: #D5F0FD;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #94DAF8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CDEEFC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
  padding-bottom: 4px;
  padding-left: 5px;
  margin-top: 5px;
  width: 99%;
}
.locateShowHideHeader .collapser,
.resultsHeader .collapser {
  float: right;
  white-space: nowrap;
  cursor: pointer;
  cursor: hand;
}
.locateShowHideTitle {
  color: #006497;
  float: left;
  font-weight: bold;
}
.locateShowHideShow a,
.locateShowHideHide a {
  color: #333333;
  text-decoration: none;
}
.locateShowHideShow a:hover,
.locateShowHideHide a:hover {
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
}
.locateShowHideHide {
  width: 45px;
  float: right;
  background-image: url(../Icons/icon-hide.gif);
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 10px;
  text-align: right;
  padding-right: 15px;
}
.locateShowHideShow {
  width: 45px;
  float: right;
  background-image: url(../Icons/icon-show.gif);
  background-repeat: no-repeat;
  background-position: right;
  margin-right: 10px;
  text-align: right;
  padding-right: 15px;
}
.locateShowHideContent {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #006497;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #F1FAFE;
  width: 100%;
}
.locateShowHideContent a {
  font-weight: bold;
  text-decoration: none;
  color: #000000;
}
.locateShowHideList span {
  color: #10809D;
  font-weight: bold;
}
.myWorkContent {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #006497;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #F1FAFE;
  width: 100%;
}
.myWorkListHalf {
  width: 37%;
  float: left;
}
.myWorkSort {
  text-align: left;
  color: #006497;
  margin-bottom: 10px;
  width: 250px;
  float: left;
  margin-top: 10px;
}
.myWorkSort select {
  background-color: #F9FDFF;
  width: 100px;
}
.myWorkResults {
  float: right;
  width: 200px;
  margin-top: 15px;
  text-align: right;
  margin-bottom: 10px;
}
.resourceSort {
  width: auto;
  margin-top: 10px;
  background: #F4FBFD url(../images/backgroundResourceSort.jpg) repeat-y left;
}
.resourceSortHeader {
  color: #006497;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #94DAF8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CDEEFC;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  width: 99%;
  background: #C5EAFC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  clear: both;
}
.resourceSort .resourceSorterUp {
  width: 19px;
  float: left;
  padding-left: 3px;
  padding-top: 4px;
}
.resourceSort .resourceSorterDown {
  width: 100%;
  clear: both;
  padding-bottom: 4px;
  padding-left: 3px;
  margin: 0px;
}
.resourceSort .resourceSorterContainer {
  float: right;
  width: 435px;
  margin: 0px;
  padding-top: 0px;
}
.resourceSort .resourceSorterContainer .resourceSorterContent {
  padding-left: 5px;
}
.resourceSort .resourceSorterContent p {
  margin: 0px;
  padding: 5px 0px 0px;
}
/* Michael added */
.CheckBoxListThreeColumnWidth td {
  width: 33%;
}
.CheckBoxListTwoColumnWidth td {
  width: 50%;
}
.CheckBoxListThreeColumnWidth tr {
  vertical-align: top;
}
.CheckBoxListTwoColumnWidth tr {
  vertical-align: top;
}
/* End Michael added */
/*
.locateShowHideList {
	float: left;
	width: 33%;
	}
*/
.locateShowHideList li {
  list-style-type: none;
}
.locateShowHideListHalf {
  float: left;
  /*	width: 50%; */
}
.locateShowHideListHalfRight {
  float: right;
}
.resultsContent {
  border-bottom-width: 1px;
  border-bottom-style: dashed;
  border-bottom-color: #006497;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}
.draftBorder {
  border-color: Red;
  border-style: solid;
  border-width: thin;
}
/* #CC9999 */
.draftBg {
  background-color: #FFE5B4;
}
.draftCorrelationBg {
  background-color: #FFE5B4;
}
.resultsSort,
.resultsSort span {
  text-align: left;
  color: #006497;
  margin-bottom: 10px;
}
.resultsSort select {
  background-color: #F9FDFF;
}
.resultsRow {
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.resultsResourceIcon {
  color: #006497;
  float: left;
  height: 30px;
  padding-right: 5px;
}
.resultsTitle {
  margin-left: 18px;
  color: #006497;
  line-height: normal;
}
.resultsTitleORC {
  color: #006497;
  line-height: normal;
}
.resultsTitle a,
.resultsTitle a:visited,
.resultsTitleORC a,
.resultsTitleORC a:visited {
  color: #006497;
  text-decoration: none;
  line-height: normal;
}
.resultsTitle a:hover,
.resultsTitleORC a:hover {
  color: #006497;
  text-decoration: underline;
  line-height: normal;
}
.resultsTitle h1,
.resultsTitleORC h1 {
  padding: 0px;
  line-height: normal;
}
.resultsTitle > a[disabled=disabled],
.resultsTitle > a[disabled=disabled]:hover {
  color: #006497;
  text-decoration: none;
  cursor: default;
}
.resultsResourceNote {
  float: right;
  width: 150px;
  text-align: right;
  padding-right: 5px;
}
.resultsFolderWebLinkRequiresSignIn {
  float: right;
  width: 150px;
  text-align: right;
}
.resultsResourceNote span {
  COLOR: #006497;
}
.resultsRequiresSignedIn {
  float: right;
  width: 150px;
  text-align: right;
  padding-right: 5px;
}
.resultsSave {
  float: right;
  width: 70px;
  padding: 0 0 0 5px;
}
.resultsSave img {
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.resultsSaveWorkSpace {
  float: right;
  padding-right: 5px;
}
.resultsContent a {
  color: #000000;
}
.resultsHeader {
  border-top: 1px solid #CDEEFC;
  border-bottom: 1px solid #94DAF8;
  color: #006497;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-left: 12px;
  width: 98%;
  background: #C5EAFC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  clear: both;
  margin-top: 5px;
  /*height: 20px;*/
}
.resultsHeader a,
.resultsHeader a:visited {
  text-decoration: underline;
  color: #006497;
}
.resultsHeader a:hover {
  text-decoration: none;
  color: #006497;
}
.searchResultsTrial {
  background: #e1e1e1;
}
.resultsType {
  width: 100%;
  clear: left;
  float: left;
  margin-bottom: 5px;
  background-color: #FDFEF5;
  border-top-width: thin;
  border-bottom-width: thin;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #F7FDDB;
  border-bottom-color: #F7FDDB;
}
.resultsType span {
  color: #000000;
}
.noResults span {
  color: #000000;
}
.resultsMetaLr,
.resultsMetaPos {
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-left: 4px;
  float: left;
  margin-right: 5px;
  background-color: #F7FDDB;
}
.resultsMetaLr {
  width: 120px;
}
.resultsMetaPos {
  width: 120px;
}
.resultsMetaLr a,
.resultsMetaPos a {
  text-decoration: underline;
}
.resultsDataLr {
  width: 320px;
}
.resultsDataLr2 {
  width: 305px;
  font-size: 11px;
}
.resultsDataPos {
  width: 160px;
}
.clearboth {
  clear: both;
}
.resultsDataPos,
.resultsDataLr,
.resultsDataLr2 {
  float: right;
  padding-right: 7px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
.resultsDataPos img,
.resultsDataLr img,
.resultsDataLr2 img {
  padding-right: 7px;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
}
.resultsDataPos strong,
.resultsDataLr strong,
.resultsDataLr2 strong {
  font-weight: bold;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}
.dataTable {
  background: #EBF8FA;
}
.dataTable .tableHeader {
  background: #C5EAFC;
  padding-top: 5px;
  padding-bottom: 5px;
  color: #006497;
  font-weight: bold;
}
.dataTable .tableHeader img {
  padding-right: 4px;
  padding-left: 4px;
}
.dataTable .even {
  background: #F4FBFD;
  clear: both;
  border-top: 1px solid #DBF2F9;
  border-bottom: 1px solid #DBF2F9;
}
.dataTable .even hover {
  background: #0066CC;
}
.dataTable .odd {
  clear: both;
}
.dataTable .odd hover {
  background: #99CC00;
}
.dataTable .selected {
  background: #5FB5E7;
  border-top: 1px solid #C4EAFF;
  border-bottom: 1px solid #C4EAFF;
}
.dataTable .lockIcon {
  float: left;
  padding-right: 3px;
  padding-left: 3px;
}
.dataTable .dataTableTitle {
  float: left;
  padding-right: 6px;
  padding-left: 7px;
}
.dataTable .dataTableTitle a[disabled=disabled],
.dataTable .dataTableTitle a[disabled=disabled]:hover {
  text-decoration: none;
  cursor: default;
  color: #000;
}
.dataTableColumnTitle {
  float: left;
  padding-right: 10px;
  padding-left: 10px;
  width: 130px;
  font-weight: bold;
}
.dataTableColumnTitleHomePage {
  float: left;
  padding-right: 6px;
  padding-left: 6px;
  width: 160px;
}
.dataTable .dataTableBox {
  float: right;
  padding-right: 10px;
  padding-left: 5px;
  text-align: center;
}
.dataTable .dataTableDate {
  float: right;
  padding-right: 5px;
  padding-left: 5px;
  width: 80px;
}
.dataTable .dataTableWeb {
  float: right;
  padding-right: 5px;
  padding-left: 5px;
  width: 75px;
  text-align: center;
}
.dataTable .mine {
  float: right;
  width: 42px;
  text-align: center;
}
.dataTable .resources {
  float: right;
  width: 75px;
  text-align: center;
}
.dataTable .mine img {
  padding-top: 3px;
}
/*added May 27, 2008 */
.dataTable .dataTableBox {
  padding-right: 10px;
  padding-left: 5px;
  text-align: center;
}
.dataTable .dataTableDateHome {
  float: right;
  padding-right: 5px;
  padding-left: 5px;
  width: 60px;
}
.dataTable .dataTableMedia {
  float: right;
  padding-right: 5px;
  padding-left: 5px;
  width: 100px;
}
.dataTable .dataTableSubject {
  float: right;
  width: 150px;
}
.dataTable .grade {
  float: right;
  width: 47px;
  text-align: left;
  margin-right: 5px;
}
/* end May 27 */
.page {
  color: #333333;
  margin-top: 15px;
}
.page a {
  text-decoration: underline;
  color: #000000;
  padding-right: 2px;
  padding-left: 2px;
}
.page img {
  padding-right: 5px;
  padding-left: 5px;
}
.page span {
  color: #000000;
}
.pages {
  float: right;
}
.pageOn {
  float: left;
}
.page .currentPage {
  text-decoration: none;
}
.page .pageon span {
  text-decoration: none;
}
.posLanguage {
  width: 49%;
  float: left;
}
.posHighlight {
  background-color: #DDF0FF;
  border: 1px solid #75CFFF;
  padding: 5px 5px 10px;
}
.locateShowHideTitle {
  color: #006497;
  float: left;
  font-weight: bold;
}
.posContentShowHideHeader {
  color: #333333;
  background-color: #C5EAFC;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #94DAF8;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #CDEEFC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  margin-top: 5px;
  height: 18px;
  white-space: nowrap;
}
.posContentShowHideHeader .collapser {
  float: right;
  cursor: hand;
  cursor: pointer;
}
.illustratedExamples {
  background-color: #F1EFEF;
  padding-right: 5px;
  padding-left: 5px;
  border: 1px solid #999999;
}
.illustratedExamples table {
  border-color: #CCCCCC;
}
.illustratedExamples table.docCorrelations {
  border-style: none;
  border: 0px;
}
.illustratedExamples table.docCorrelations td {
  border-style: none;
  border: 0px;
}
.posContent {
  padding: 5px 5px 10px;
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #006497;
}
.highlight,
.activeInfo {
  background-color: #FEF9D6;
}
.active {
  background-color: #E8F7F7;
  border: 1px solid #0099FF;
}
.posContent a,
.posHighlight a,
.posContent a:visited,
.posHighlight a:visited {
  color: Black;
  font-weight: normal;
  text-decoration: none;
}
.posHighlight a:hover,
.posContent a:hover {
  color: #006497;
  text-decoration: underline;
}
.posHighlight h1 span,
.posContent h1 span,
.posHighlight h1,
.posContent h1 {
  margin: 0px;
  font-weight: bold;
}
.posHighlight .posYellow span,
.posContent .posYellow span {
  background: #FFFF00;
}
.paneClose {
  color: #000000;
  width: 55px;
  float: right;
}
.tocTab {
  width: 30px;
  float: left;
  clear: right;
}
.tocWrapper {
  float: right;
  width: 429px;
}
.tocContent {
  /*width: 169px;*/
  /*float: right;*/
  /*background: #E5EEF6 url(../images/backgroundToc.jpg) repeat-y;
	}*/
}
.checkMySystem {
  width: 650px;
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
.checkMyStstemColumn {
  width: 48%;
  margin-bottom: 10px;
}
.checkMySystem .numbers li {
  list-style-type: decimal;
}
.checkMySystem .dots li {
  list-style-type: disc;
  margin-left: 30px;
}
.checkMySystem .systemBar {
  border-bottom-width: 1px;
  border-bottom-style: dotted;
  border-bottom-color: #999999;
  clear: both;
  margin-bottom: 10px;
}
.checkMySystem .systemBar .dataLeft {
  float: left;
  width: 100px;
}
.checkMySystem .systemBar .dataRight {
  float: right;
  width: 180px;
  padding-bottom: 5px;
}
.checkMySystem .systemBar .dataImage img {
  border: 1px solid #999999;
}
.checkMySystem .systemBar .dataImage {
  float: left;
  width: 35px;
}
.checkMySystem .systemBar .dataPlugin {
  float: right;
  width: 250px;
  padding-bottom: 5px;
}
.checkMySystem .grey {
  color: #999999;
}
.posFooterDrop {
  background: url(../Images/background-grey-footer.png) repeat-y center bottom;
}
.homeFooterDrop {
  background: url(../Images/background-blue-footer.png) repeat-y center bottom;
}
.lrFooterDrop {
  background: url(../Images/background-green-footer.png) repeat-y center bottom;
}
.referenceFooterDrop {
  background: url(../Images/background-red-footer.png) repeat-y center bottom;
}
.workFooterDrop {
  background: url(../Images/background-purple-footer.png) repeat-y center bottom;
}
.footer a,
.footer a:hover,
.footer a:visited {
  color: #006497;
}
.footer a:hover {
  text-decoration: underline;
}
/*	TipPop-up
	---------------------------------- */
.tipPop {
  width: 200px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #006497;
  background-image: url(../Images/tipPopContentRight.jpg);
  background-repeat: repeat-y;
  background-position: right;
  margin-top: 20px;
  line-height: 15px;
}
.tipPop .tipPopTop {
  height: 36px;
  background-image: url(../Images/tipPopTopLeft.jpg);
  background-repeat: no-repeat;
  background-position: left top;
  text-align: left;
}
.tipPop .tipPopTop .tipPopTopRightHelp {
  background-image: url(../Images/tipPopTopRight.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  clear: right;
  height: 36px;
}
.tipPopTopRightHelp p {
  background-image: url(../Icons/icon-question.jpg);
  height: 18px;
  background-repeat: no-repeat;
  background-position: 10px 0px;
  padding-left: 25px;
  padding-top: 15px;
  font-weight: bold;
  color: #004062;
}
.tipPop .tipPopTop .tipPopTopRightSave {
  background-image: url(../Images/tipPopTopRight.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  clear: right;
  height: 36px;
}
.tipPopTopRightSave p {
  background-image: url(../Icons/icon-save-resource.jpg);
  height: 18px;
  background-repeat: no-repeat;
  background-position: 10px 0px;
  padding-left: 25px;
  padding-top: 15px;
  font-weight: bold;
  color: #004062;
}
.tipPop .tipPopTop .tipPopTopRightExternal {
  background-image: url(../Images/tipPopTopRight.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  clear: right;
  height: 36px;
}
.tipPopTopRightExternal p {
  background-image: url(../Icons/icon-external-resource.jpg);
  height: 18px;
  background-repeat: no-repeat;
  background-position: 10px 0px;
  padding-left: 25px;
  padding-top: 15px;
  font-weight: bold;
  color: #004062;
}
.tipPop .tipPopContent {
  padding-left: 25px;
  background-image: url(../Images/tipPopContentLeft.jpg);
  background-repeat: repeat-y;
  background-position: left;
  padding-right: 25px;
  margin: 0px;
}
.tipPop .tipPopBottom {
  height: 31px;
  background-image: url(../Images/tipPopBottomLeft.jpg);
  background-repeat: no-repeat;
  background-position: left bottom;
}
.tipPop .tipPopBottom .tipPopBottomLeft {
  background-image: url(../Images/tipPopBottomRight.jpg);
  background-repeat: no-repeat;
  background-position: right bottom;
  clear: right;
  height: 31px;
}
/* Light blueish purpley button with bold black text!  */
span.bluPuButtonDisabled {
  display: -moz-inline-box;
  display: inline-block;
  cursor: default;
  border: none;
  line-height: 0;
  /*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 36px;
  text-decoration: none;
  color: #000000;
  font-style: normal;
  margin: 0px 0px 0px 5px;
  padding: 0px 10px 0px 0px;
  vertical-align: middle;
  padding-top: -2px;
  _margin: 0px 0px 10px 0px;
  _position: relative;
  /*_width:10px;*/
  _overflow-y: hidden;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
span.bluPuButtonDisabled input,
span.bluPuButtonDisabled button,
span.bluPuButtonDisabled input span {
  /*border-bottom-width: 2px;

	border-bottom-color: #ffffff;*/
  white-space: nowrap;
  cursor: default;
  color: #000000;
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  letter-spacing: 0 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-style: normal;
  background-color: transparent;
  background-position: 100% 0;
  background-repeat: no-repeat;
  height: 36px;
  /*padding:8px 20px 0 10px;*/
  padding: 8px 10px 3px 5px;
  margin: 0 -16px 0 5px;
  border: none;
  vertical-align: text-top;
  opacity: 0.5;
  filter: alpha(opacity=50);
  _position: relative;
  _padding-left: 0px;
  _padding-right: 12px;
  _margin-right: -10px;
  _display: block;
  _top: 0;
  _right: -5px;
  font-weight: bold;
}
span.bluPuButtonDisabled button,
span.bluPuButtonDisabled input {
  padding-top: 0px;
  line-height: 1.5;
  /*Opera need this*/
}
span.bluPuButtonDisabled input,
span.bluPuButtonDisabled,
span.bluPuButtonDisabled button,
span.bluPuButtonDisabled input span {
  background-image: url(../Images/bluPuButton.png);
  _background-image: url(../Images/bluPuButton.gif);
}
a.bluPuButton,
span.bluPuButton {
  display: -moz-inline-box;
  display: inline-block;
  cursor: pointer;
  border: none;
  line-height: 0;
  /*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 36px;
  text-decoration: none;
  color: #000000;
  font-style: normal;
  margin: 0px 0px 0px 5px;
  padding: 0px 10px 0px 0px;
  vertical-align: middle;
  padding-top: -2px;
  _margin: 0px 0px 10px 0px;
  _position: relative;
  /*_width:10px;*/
  _overflow-y: hidden;
}
span.bluPuButton input,
a.bluPuButton,
span.bluPuButton,
a.bluPuButton span,
span.bluPuButton button,
span.bluPuButton input span {
  background-image: url(../Images/bluPuButton.png);
  _background-image: url(../Images/bluPuButton.gif);
}
span.bluPuButton input,
a.bluPuButton span,
span.bluPuButton button,
span.bluPuButton input span {
  /*border-bottom-width: 2px;

	border-bottom-color: #ffffff;*/
  white-space: nowrap;
  cursor: pointer;
  color: #000000;
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  letter-spacing: 0 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-style: normal;
  background-color: transparent;
  background-position: 100% 0;
  background-repeat: no-repeat;
  height: 36px;
  /*padding:8px 20px 0 10px;*/
  padding: 8px 10px 3px 5px;
  margin: 0 -16px 0 5px;
  border: none;
  vertical-align: text-top;
  _position: relative;
  _padding-left: 0px;
  _padding-right: 12px;
  _margin-right: -10px;
  _display: block;
  _top: 0;
  _right: -5px;
  font-weight: bold;
}
span.bluPuButton button,
span.bluPuButton input {
  line-height: 2.5;
}
/*Opera need this*/
/* End Michael */
/*html.safari a.bluPuButton span, html.safari del.bluPuButton span {
	line-height:1.3;
	}
html.safari span.bluPuButton button {
	line-height:2.6;
	}
html.safari a.bluPuButton:focus, html.safari span.bluPuButton button:focus {
	outline:none;
	}*/
span.bluPuButton button,
span.bluPuButton input {
  padding-top: 0px;
  line-height: 1.5;
  /*Opera need this*/
}
/** optional **/
/*
a.bluPuButton:visited{
	color:#aaa;
	}
*/
/*Hover Style*/
a.bluPuButton:hover,
span.bluPuButton:hover,
a.bluPuButton:focus,
a.dom-button-focus,
span.bluPuButton-behavior-hover {
  background-position: 0 -65px;
  color: #000000;
  text-decoration: none;
}
a.bluPuButton:hover span,
span.bluPuButton:hover input,
a.bluPuButton:focus span,
span.bluPuButton-behavior-hover input,
span.bluPuButton-behavior-hover input {
  background-position: 100% -65px;
}
a.bluPuButton:active,
a.bluPuButton:focus span {
  color: #000000;
}
/*  Span Button
	---------------------------------- */
a.spanButton,
span.spanButton,
span.spanButtonHelp,
span.spanButtonHelp2 {
  display: -moz-inline-box;
  display: inline-block;
  cursor: pointer;
  border: none;
  line-height: 0;
  /*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 30px;
  text-decoration: none;
  color: #FFFFFF;
  font-style: normal;
  margin: 0px 0px 0px 5px;
  padding: 0px 10px 0px 0px;
  vertical-align: middle;
  padding-top: -2px;
  _margin: 0px 0px 10px 0px;
  _position: relative;
  _overflow-y: hidden;
}
a.spanButton:focus,
span.spanButton:focus,
span.spanButtonHelp:focus,
span.spanButtonHelp2:focus {
  outline: none;
}
a.spanButton > input:focus,
span.spanButton > input:focus,
span.spanButtonHelp > input:focus,
span.spanButtonHelp2 > input:focus {
  outline: none;
}
a.spanButton,
span.spanButton {
  height: 30px;
}
span.spanButtonHelp {
  height: 40px;
}
span.spanButtonHelp2 {
  height: 50px;
}
span.spanButton a,
span.spanButton a span,
span.spanButton input,
a.spanButton,
span.spanButton,
a.spanButton span,
span.spanButton button,
span.spanButton input span {
  background-image: url(../Images/form_buttons.png);
}
span.spanButtonHelp input,
span.spanButtonHelp {
  background-image: url(../Images/form_buttons_help.png);
}
span.spanButtonHelp2 input,
span.spanButtonHelp2 {
  background-image: url(../Images/form_buttons_help_height50.png);
}
span.spanButton a,
span.spanButton a span,
span.spanButton input,
span.spanButtonHelp input,
span.spanButtonHelp2 input,
a.spanButton span,
span.spanButton button,
span.spanButton input span {
  white-space: nowrap;
  cursor: pointer;
  color: #FFFFFF;
  display: -moz-inline-box;
  display: inline-block;
  line-height: 1;
  letter-spacing: 0 !important;
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  font-style: normal;
  background-color: transparent;
  background-position: 100% 0;
  background-repeat: no-repeat;
  padding: 8px 8px 0 5px;
  margin: 0 -16px 0 5px;
  border: none;
  _position: relative;
  _padding-left: 0px;
  _padding-right: 12px;
  _margin-right: -10px;
  _display: block;
  _top: 0;
  _right: -5px;
  font-weight: bold;
}
span.spanButton a,
span.spanButton a span,
span.spanButton input,
a.spanButton span,
span.spanButton button,
span.spanButton input span {
  height: 30px;
  vertical-align: text-top;
}
span.spanButtonHelp input,
span.spanButtonHelp input span {
  height: 40px;
  vertical-align: middle;
}
span.spanButtonHelp2 input,
span.spanButtonHelp2 input span {
  height: 50px;
  vertical-align: middle;
}
span.spanButton a,
span.spanButton a span,
span.spanButton input,
a.spanButton span,
span.spanButton button,
span.spanButton input span {
  white-space: nowrap;
}
span.spanButtonHelp input {
  white-space: normal;
}
span.spanButtonHelp2 input {
  white-space: normal;
}
span.spanButton button,
span.spanButton input {
  line-height: 2.5;
}
span.spanButtonHelp input,
span.spanButtonHelp2 input {
  padding-top: 0px;
}
/*Opera need this*/
/* End Michael */
/*html.safari a.spanButton span, html.safari del.spanButton span {
	line-height:1.3;
	}
html.safari span.spanButton button {
	line-height:2.6;
	}
html.safari a.spanButton:focus, html.safari span.spanButton button:focus {
	outline:none;
	}*/
span.spanButton button,
span.spanButton input {
  padding-top: 0px;
  line-height: 1.5;
  /*Opera need this*/
}
/** optional **/
/*
a.spanButton:visited{
	color:#aaa;
	}
*/
/*Hover Style*/
a.spanButton:hover,
span.spanButton:hover,
a.spanButton:focus,
a.dom-button-focus,
span.spanButton-behavior-hover {
  background-position: 0 -60px;
  color: #FFFFFF;
  text-decoration: none;
}
span.spanButton:hover a,
span.spanButton-behavior-hover a,
a.spanButton:hover span,
span.spanButton:hover input,
a.spanButton:focus span,
span.spanButton-behavior-hover input {
  background-position: 100% -60px;
}
a.spanButton:active,
a.spanButton:focus span {
  color: #FFFFFF;
}
.pos-top-margin {
  padding-top: 16px;
}
.pos-redirect-btn {
  margin-left: -3px !important;
}
.pos-redirect-btn a {
  width: 75px;
}
.pos-redirect-btn a:hover,
.pos-redirect-btn a:visited {
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  font-size: 13px !important;
}
.headerSignInButton {
  background-image: url(../Images/signinButton.png);
  _background-image: url(../Images/signinButton.png);
  background-color: Transparent;
  height: 30px;
  width: 77px;
  outline: none;
  border: none;
}
.headerSignInButton:hover {
  background-image: url(../Images/signinButtonHover.png);
  _background-image: url(../Images/signinButtonHover.png);
  background-color: Transparent;
}
.headerSignInFrenchButton {
  background-image: url(../Images/signinButtonFrench.png);
  _background-image: url(../Images/signinButtonFrench.png);
  background-color: Transparent;
  height: 30px;
  width: 77px;
  outline: none;
  border: none;
}
.headerSignInFrenchButton:hover {
  background-image: url(../Images/signinButtonFrenchHover.png);
  _background-image: url(../Images/signinButtonFrenchHover.png);
}
.headerSignUpButton {
  background-image: url(../Images/signupButton.png);
  _background-image: url(../Images/signupButton.png);
  background-color: Transparent;
  height: 30px;
  width: 78px;
  outline: none;
  border: none;
}
.headerSignUpButton:hover {
  background-image: url(../Images/signupButtonHover.png);
  _background-image: url(../Images/signupButtonHover.png);
}
.headerSignUpFrenchButton {
  background-image: url(../Images/signupButtonFrench.png);
  _background-image: url(../Images/signupButtonFrench.png);
  background-color: Transparent;
  height: 30px;
  width: 78px;
  outline: none;
  border: none;
}
.headerSignUpFrenchButton:hover {
  background-image: url(../Images/signupButtonFrenchHover.png);
  _background-image: url(../Images/signupButtonFrenchHover.png);
}
.headerSignOutButton {
  background-image: url(../Images/signoutButton.png);
  _background-image: url(../Images/signoutButton.png);
  background-color: Transparent;
  height: 31px;
  width: 155px;
  outline: none;
  border: none;
}
.headerSignOutButton:hover {
  background-image: url(../Images/signoutButtonHover.png);
  _background-image: url(../Images/signoutButtonHover.png);
}
.headerSignOutFrenchButton {
  background-image: url(../Images/signoutButtonFrench.png);
  _background-image: url(../Images/signoutButtonFrench.png);
  background-color: Transparent;
  height: 31px;
  width: 155px;
  outline: none;
  border: none;
}
.headerSignOutFrenchButton:hover {
  background-image: url(../Images/signoutButtonFrenchHover.png);
  _background-image: url(../Images/signoutButtonFrenchHover.png);
}
/* Kimberly added June 19/2008 */
.clearButton {
  font-family: Verdana, Arial, Helvetica, sans-serif !important;
  background-color: Transparent;
  font-weight: bold;
  outline: none;
  border: none;
  color: #006497;
}
.clearButton:hover {
  text-decoration: underline;
  cursor: hand;
}
/* end Kimberly */
/* Added May 15/2008 START */
.homeMessageBox {
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #F2FAFD;
  width: 100%;
  border: 1px solid #0078A9;
}
.homeMessageBox.learning-info-hub {
  background-color: #0081AB;
  border-color: #1179A7;
}
.homeMessageBox.learning-info-hub .learning-info-hub-message {
  color: #fff;
  padding: 10px 20px 30px 20px;
}
.homeMessageBox.learning-info-hub .learning-info-hub-message a {
  color: #fff;
}
.homeMessageBox.learning-info-hub .learning-info-hub-message a:hover {
  color: #eee;
}
.homeMessageBoxDark {
  background-color: #CBEDFC;
  margin: 10px;
  padding: 5px;
}
.homeField {
  padding: 0px;
  margin: 0px 0px 0px -40px;
  _margin: 0px 0px 0px -20px;
  float: left;
  width: 300px;
}
.homeField input {
  width: 98%;
  background-image: url(../images/background-search.jpg);
  background-repeat: repeat-x;
  background-color: #FFFFFF;
  border: 1px solid #006497;
  padding-left: 5px;
}
.homeField select {
  width: 100%;
}
.homeMessageBoxContent {
  padding-left: 10px;
  padding-right: 10px;
  padding-bottom: 4px;
}
.myWorkspaceMessageBoxContent {
  padding-left: 1px;
  padding-right: 3px;
  padding-bottom: 4px;
}
.homeMessageBoxContent h2 {
  padding: 0px;
  float: left;
  margin: 0px;
}
.displayNone {
  display: none;
}
.displayInline {
  display: inline;
}
.noWrap {
  white-space: nowrap;
}
.notVisible {
  visibility: hidden;
  margin: 0px;
}
.isVisible {
  visibility: visible;
}
.handCursor {
  cursor: pointer;
  cursor: hand;
}
.progressPopup {
  background-color: White;
  border-bottom: solid 1px black;
  text-align: center;
}
.progressClient {
  display: block;
  position: absolute;
  padding: 200px 400px;
  /*	position: absolute;
	z-index: 100;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	top: 40%;
	left: 0;
	height: 43%;
	width: 100%;
	text-align: center;
	line-height: 0;	
*/
}
.progressInline {
  text-align: center;
}
a.disabled,
a.disabled:hover {
  color: Gray;
  text-decoration: underline;
}
/* Added by Kellen Aug 27 08*/
.homeResourceTabs .ajax__tab_tab {
  padding: 4px 10px 4px 10px;
  margin: 0;
  border: 1px solid #CCCCCC;
  display: inline-block;
  overflow: hidden;
  text-align: center;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
}
.homeResourceTabs .ajax__tab_inner {
  padding-left: 15px;
}
.homeResourceTabs .ajax__tab_body {
  border: 1px solid #0078A9;
  background-color: #F2FAFD;
  padding: 8px;
}
.homeResourceTabs .ajax__tab_hover .ajax__tab_tab {
  background-color: #CCCCCC;
  color: #666666;
}
.homeResourceTabs .ajax__tab_active .ajax__tab_tab {
  background-color: #CCCCCC;
  display: inline-block;
}
.homeResourceTabs .ajax__tab_header {
  height: 25px;
}
.homeResourceTabs .select {
  width: 200px;
}
select {
  border: 1px solid #006497;
  background-image: url(../images/background-search.jpg);
  height: 20px;
  width: 350px;
}
.fontBold {
  font-weight: bold;
}
.criteriaWithTip label {
  color: Black;
  font-weight: normal;
}
/* End Added Kellen */
/*
.PanelTermsOfUse div
{
    margin: 5px 0px 0px 5px;
}
.MyWorkSpaceField .PanelTermsOfUse div {
	border: 1px solid #006497;
	background-image: url(../Images/background-search.jpg);
	background-repeat: repeat-x;
	background-position: top;
	padding-left: 5px;
	}
*/
/* Tooltip content style */
.check {
  background: url(../Icons/check.png) no-repeat 10px 0px;
}
.explination {
  background: url(../Icons/icon-explination.jpg) no-repeat 10px 0px;
}
div .tooltipPrompt h3 {
  margin-left: 40px;
  margin-right: 5px;
  margin-top: 15px;
  margin-bottom: 0px;
  font: 16px Arial, Helvetica, sans-serif;
  color: #848584;
}
div .tooltipPrompt p {
  margin-left: 40px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #848584;
}
div .tooltipMessage h3 {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  font: 16px Arial, Helvetica, sans-serif;
  color: #848584;
}
div .tooltipMessage p {
  margin-left: 5px;
  margin-right: 5px;
  margin-top: 5px;
  margin-bottom: 0px;
  font: 11px Arial, Helvetica, sans-serif;
  color: #848584;
}
.captcha {
  padding-top: 10px;
  padding-bottom: 10px;
}
.modalPopup {
  background-color: #FFFFDD;
  border-width: 2px;
  border-style: solid;
  border-color: Gray;
  padding: 3px;
}
.modalBackground {
  background-color: Gray;
  filter: alpha(opacity=70);
  opacity: 0.7;
}
.orcLayout {
  display: inline;
}
.orcItem {
  border-top: 1px solid #CDEEFC;
  border-bottom: 1px solid #94DAF8;
  color: #006497;
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 440px;
  background: #C5EAFC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin-top: 5px;
}
.orcSurveyLink {
  font-style: italic;
  color: #D2333B;
  font-size: 2.3em;
  font-weight: bold;
}
.trialImageText {
  background: black;
  color: white;
  width: 100%;
  font-weight: bold;
  letter-spacing: 0.2em;
  display: block;
  text-align: center;
  margin-top: -3px;
}
.trial {
  background: #e1e1e1;
  display: block;
  width: 100%;
}
.hideTrialItems {
  display: none;
}
.orcTrialText {
  font-weight: bold;
  letter-spacing: 0.2em;
}
.orcMetaLr,
.orcMetaPos {
  padding-top: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  float: left;
  margin-right: 5px;
  color: #000000;
  font-weight: bold;
}
.orcMetaLr {
  width: 70px;
}
.orcMetaPos {
  width: 350px;
}
.orcMetaLr a,
.orcMetaPos a {
  text-decoration: underline;
}
.orcDataLr {
  width: 320px;
}
.orcType {
  width: 100%;
  clear: left;
  float: left;
  margin-bottom: 5px;
  color: #000000;
}
.orcResourceIcon {
  border-style: solid;
  border-width: 1px;
  color: #94DAF8;
  float: left;
  height: 50px;
  width: 78px;
  margin-right: 5px;
}
.orcContent {
  border-bottom-width: 1px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  width: 100%;
}
.orcContent a,
.orcContent a:visited {
  color: #006497;
  text-decoration: none;
  line-height: normal;
  font-weight: normal;
}
.orcTitle {
  color: #006497;
  line-height: normal;
  width: 440px;
  height: 50px;
}
.orcItem a,
.orcItem a:visited {
  color: #006497;
  text-decoration: underline;
  line-height: normal;
}
.orcItem a:hover {
  color: #006497;
  text-decoration: none;
  line-height: normal;
}
.orcGrade {
  color: #000000;
}
.orcSubject {
  font-weight: bold;
}
.orcSave {
  width: 70px;
  float: right;
}
/* Controls Navigation and secondary colour palette */
/* 
    Government of Alberta Base Style Sheet
    CSS1 Definitions for Typography
    developed by YellowPencil.com - December 2006
*/
/* Base HTML Definitions */
#TopLayoutMenu,
#mainNav,
#footer,
#header,
.crumbs {
  font: 100% arial, helvetica, sans-serif;
}
/* 
    Primary Layout Containers 
*/
#TopLayoutMenu {
  min-width: 500px;
  max-width: 500px;
  margin: 0 auto;
  text-align: left;
  text-align: right;
  color: #000000;
  padding-top: 7px;
  font-size: 11px;
}
#TopLayoutMenu a {
  color: #000000;
  font-weight: normal;
}
#footerWrap {
  background: url('../Images/Footer/page-bottom.png') no-repeat 50% 100%;
}
#pageWrap {
  width: 960px;
  margin: 0 auto;
  text-align: left;
}
#page {
  padding: 5px 8px 8px 8px;
}
#header {
  text-align: right;
  height: 70px;
  float: left;
  width: 982px;
}
#headerRight {
  background-color: #fff;
  background-image: url(../Images/Header/header_right.png);
  float: left;
  height: 81px;
  width: 8px;
}
#footer {
  clear: both;
}
/*
    Subsidiary Layout Containers
*/
/* Breadcrumb, Text Resizer and Search Form */
#breadcrumb {
  padding: 5px 50px 2px 10px;
  color: #000;
  background: #FFF;
}
#breadcrumb a {
  color: #000;
  white-space: nowrap;
}
#breadcrumb a:hover {
  color: #2d68c2;
}
#breadcrumb p {
  margin: 0;
  padding: 0;
}
#textResizer {
  margin: -2px -50px 0 0;
  padding: 0;
  list-style: none;
  float: right;
}
#textResizer li {
  margin: 0;
  padding: 0;
  display: inline;
}
#textResizer a {
  margin: 0;
  padding: 0;
  display: block;
  float: left;
}
/* The Columns are hidden from IE 5 Mac which has insufficient CSS support - columns are linearized for this browser */
/* Column-Section Ornaments */
/* Footer Styles */
#footer {
  color: #000000;
  height: 130px;
}
#footer #footerLogo {
  float: left;
}
#footer #footerLogo img {
  margin: 47px 0 34px 0;
  padding: 0 20px 0 31px;
  border-right: 0px solid #6680ba;
}
#footer #goaLinks {
  margin: 38px 0 0 20px;
  padding: 0;
  list-style: none;
  float: left;
  width: 520px;
}
#footer #siteLinks {
  padding: 10px 0px 0px 0px;
  margin: 20px 20px 0 20px;
  list-style: none;
  float: left;
  width: 585px;
  border-top: 1px solid #FF7900;
}
#footer #termsConditions {
  margin: 0 0 0 20px;
  padding: 3px 5px;
  list-style: none;
  float: left;
  width: 520px;
}
#footer #copyright {
  margin: 0 0 0 20px;
  padding: 3px 5px;
  float: left;
  width: 520px;
}
#footer #copyright a {
  margin-left: 20px;
}
#footer a {
  color: #000000;
  font-weight: normal;
}
#footer a:hover {
  color: #000000;
}
#footer a:visited {
  font-weight: normal;
}
#footer li {
  margin: 0;
  padding: 0 5px 0 0;
  display: inline;
}
#footer #checkSystem {
  width: 200px;
  text-align: center;
}
/* Page Layout Templates */
/* Home Page Specific Style Definitions */
/* Definitions specifically for Internet Explorer 5-6 but hidden from IE Mac \*/
/* IE <=6 Uses a Fixed Width because it does not support Min-Width */
/* Identify Floated Elements that require Clearing */
#mainNav ul:after,
#breadcrumb:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
#mainNav ul,
#breadcrumb {
  display: inline-block;
}
/* Hide for IE-Mac \*/
#mainNav ul,
#breadcrumb {
  display: block;
}
* html #mainNav ul,
* html #breadcrumb {
  height: 1%;
}
/* The above definitions fix IE<=6x */
/* 
    Government of Alberta Menu Style Sheet
    CSS2 Definitions for Layout
    developed by YellowPencil.com - February 2007
    
*/
/* Main Navigation - Horizontal */
#mainNav {
  border-bottom: 2px solid #ffcd29;
  box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.1);
}
#mainNav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  background: #FFFFFF;
  font-size: 14px;
}
#mainNav li {
  float: left;
  margin: 0;
  padding: 0;
}
#mainNav li.unselected a {
  display: block;
  text-decoration: none;
  color: #000000;
  padding: 7px 7px 5px;
  text-align: center;
}
#mainNav li.unselected:hover {
  background-color: #ffcd29;
}
#mainNav li a {
  font-weight: normal;
}
#mainNav li a:visited {
  font-weight: normal;
}
#mainNav li.selected {
  background-color: #ffcd29;
}
#mainNav li.selected a {
  color: #36424B;
  display: block;
  text-decoration: none;
  padding: 7px 7px 5px;
  text-align: center;
  font-weight: bold;
}
#mainNav li.selected a:hover {
  color: #555;
  font-weight: bold;
  text-decoration: none;
}
#mainNav li.login a {
  color: #073486;
}
#mainNav li.login {
  width: 32%;
  background: #bfdaeb url(../Images/Menu/login_left.png) no-repeat top left;
  border-bottom: 1px solid #d0e6f4;
}
#mainNav li.login div {
  display: block;
  text-decoration: none;
  padding: 4px 7px 5px;
  text-align: left;
  height: 3.7em;
  min-height: 3.7em;
  background: url(../Images/Menu/login_right.png) no-repeat top right;
  color: #001B6B;
}
#mainNav li.login div:hover {
  text-decoration: none;
}
#pageBorderLeft {
  background-image: url('../Images/Border/l.png');
  background-repeat: repeat-y;
  width: 8px;
  height: 600px;
}
#pageBorderRight {
  background-image: url('../Images/Border/r.png');
  background-repeat: repeat-y;
  width: 8px;
}
#pageBorderBottomLeft {
  background-image: url('../Images/Border/bl.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
}
#pageBorderBottom {
  background-image: url('../Images/Border/b.png');
  background-repeat: repeat-x;
  height: 12px;
}
#pageBorderBottomRight {
  background-image: url('../Images/Border/br.png');
  background-repeat: no-repeat;
  width: 8px;
  height: 12px;
}
.EnglishActive {
  color: #000000;
  padding: 3px;
  height: 17px;
  background-position: top left;
  font-weight: bold;
}
.FrenchActive {
  color: #000000;
  padding: 3px;
  height: 17px;
  background-position: top left;
  font-weight: bold;
}
a.EnglishSelect {
  padding: 3px;
  color: #000000;
  height: 17px;
  background-position: top left;
  font-weight: normal;
}
.EnglishSelect:hover {
  background-position: bottom left;
}
a.FrenchSelect {
  padding: 3px;
  color: #000000;
  height: 17px;
  background-position: top left;
  font-weight: normal;
}
.FrenchSelect:hover {
  background-position: bottom left;
}
a.LightBlueButton {
  /* Sliding right image */
  background: transparent url('../Images/Buttons/lightBlueButtonRight.png') no-repeat scroll top right;
  display: block;
  float: left;
  height: 26px;
  /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
  margin-right: 6px;
  padding-right: 5px;
  /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
  /* FONT PROPERTIES */
  text-decoration: none;
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
a.LightBlueButton span {
  /* Background left image */
  background: transparent url('../Images/Buttons/lightBlueButtonLeft.png') no-repeat;
  display: block;
  line-height: 26px;
  /* CHANGE THIS VALUE ACCORDING TO BUTTON HEIGHT */
  padding-left: 10px;
  padding-right: 7px;
  color: #fff;
}
a.LightBlueButton:hover {
  background-position: bottom right;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}
a.LightBlueButton:hover span {
  text-decoration: none;
  color: #fff;
  background-position: bottom left;
}
table.ProgramOfStudyTable {
  border: 0px;
  margin: 0px;
  padding: 0px;
  width: 100%;
}
table.ProgramOfStudyTable td.TopLegendTD {
  vertical-align: bottom;
}
table.ProgramOfStudyTable td.TopLegendTD div.LegendInfoTab {
  margin-left: auto;
  width: 318px;
}
table.ProgramOfStudyTable td.TopLegendTD div.LegendInfoTab div.DropDownContainer {
  background-color: #f0f0f0;
  border: 1px solid #828282;
  border-bottom: none;
  margin-top: 5px;
  padding: 10px 10px 5px 10px;
  border-top-left-radius: 10px;
}
.tech-specs-table {
  width: 100%;
  border: 1px solid #666;
  border-spacing: 0;
}
.tech-specs-table tr {
  margin: 0;
}
.tech-specs-table tr td {
  border: 1px solid #666;
  padding: 3px;
  margin: 0;
}
.tech-specs-table tr td.danger {
  color: red;
}
a.btn {
  text-decoration: none;
  -ms-border-radius: 5px;
  border-radius: 5px;
  padding: 6px 18px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  cursor: pointer;
  background: #ccc;
}
a.btn:hover {
  text-decoration: none;
}
a.btn.btn-light-blue {
  background: #00718c;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#00b5e0, #00718c);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#00b5e0, #00718c);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#00b5e0, #00718c);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#00b5e0, #00718c);
  /* Standard syntax (must be last) */
  color: #fff !important;
}
a.btn.btn-light-blue:hover {
  background: #439bae;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#3acae9, #439bae);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#3acae9, #439bae);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#3acae9, #439bae);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3acae9, #439bae);
  /* Standard syntax (must be last) */
}
.alrdb a {
  color: #1717af !important;
}
.alrdb a:hover {
  color: #587cc6 !important;
}
.alrdb a.disabled {
  color: #000;
  cursor: default;
}
.alrdb select {
  width: 153px;
  margin-left: 8px;
}
.alrdb select.wide {
  width: 75%;
}
.alrdb .section {
  position: relative;
  margin: 5px 0 15px 0;
}
.alrdb .section > label {
  display: inline-block;
  width: 190px;
  text-align: right;
}
.alrdb .section input {
  position: absolute;
  top: -2px;
  right: 20px;
  width: 150px;
}
.alrdb .input-group {
  position: relative;
  margin: 3px 0;
}
.alrdb .input-group > label {
  position: relative;
  top: -3px;
}
.alrdb .radio-group {
  position: relative;
  display: inline-block;
  margin: 3px 0;
}
.alrdb .radio-group > label {
  position: relative;
  top: -3px;
}
.alrdb .details-section .section {
  margin: 3px 0;
}
.alrdb .details-section .details-footer {
  text-align: center;
  margin-top: 20px;
}
.alrdb .details-section .details-footer .fa {
  font-size: 20px;
}
.alrdb .details-section .details-footer a {
  margin: 0 5px;
}
.alrdb .search-results-section .search-result {
  border-top: 1px solid #666;
  margin-bottom: 10px;
  padding-top: 10px;
}
.alrdb .search-results-section .search-result .format-abbrev {
  position: relative;
  left: -11px;
  text-align: center;
  font-size: 12px;
}
.alrdb .search-results-section .search-result .col-lg {
  float: left;
  width: 40%;
}
.alrdb .search-results-section .search-result .col-md {
  float: right;
  width: 28%;
}
.alrdb .search-results-section .search-result .col-sm {
  float: right;
  width: 11%;
}
.alrdb .search-results-section .search-result .go-to-details {
  margin-top: 7px;
}
.alrdb .search-results-section .search-result .go-to-details .fa-arrow-right {
  font-size: 20px;
}
.alrdb .search-results-section .search-result .go-to-details a {
  color: #1717af;
  text-decoration: none;
}
.alrdb .search-results-section .search-result .go-to-details a:hover {
  color: #587cc6;
}
.alrdb .search-results-section .search-result .title {
  padding-bottom: 10px;
}
.alrdb .search-results-section .search-result .title a {
  color: #204B9A;
}
.alrdb .search-results-section .search-result .title a:hover {
  color: #587cc6;
}
.alrdb .search-results-section .search-results-footer {
  text-align: center;
  margin-top: 20px;
}
.alrdb .search-results-section .search-results-footer .fa {
  font-size: 20px;
}
.alrdb .search-results-section .search-results-footer a {
  margin: 0 5px;
}
.alrdb .search-section .search-button {
  text-decoration: none;
  border-radius: 3px;
  padding: 7px 15px;
  background: #00718c;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#00b5e0, #00718c);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#00b5e0, #00718c);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#00b5e0, #00718c);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#00b5e0, #00718c);
  /* Standard syntax (must be last) */
  color: #fff !important;
}
.alrdb .search-section .search-button:hover {
  background: #439bae;
  /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(#3acae9, #439bae);
  /* For Safari 5.1 to 6.0 */
  background: -o-linear-gradient(#3acae9, #439bae);
  /* For Opera 11.1 to 12.0 */
  background: -moz-linear-gradient(#3acae9, #439bae);
  /* For Firefox 3.6 to 15 */
  background: linear-gradient(#3acae9, #439bae);
  /* Standard syntax (must be last) */
}
.alrdb .search-section .search-header {
  margin: 15px 0;
  text-align: right;
}
.alrdb .search-section .row .lg-col {
  float: left;
  width: 40%;
}
.alrdb .search-section .row .md-col {
  float: left;
  width: 20%;
}
.alrdb .search-section .row .sm-col {
  float: left;
  width: 40px;
}
.rtCloseButton {
  position: relative !important;
  width: 46px !important;
  height: 22px !important;
  margin-top: 5px !important;
  margin-right: 0px !important;
}
.user-diag {
  padding: 1px 20px 20px 20px;
  font-size: 14px;
  line-height: 20px;
}
.user-diag h3 {
  font-size: 22px;
  color: #025f93;
}
.user-diag .user-diag-loading {
  padding-top: 19px;
}