HTML {
	BACKGROUND-COLOR: #eee
}
BODY {
	PADDING-RIGHT: 5px; PADDING-LEFT: 150px; FONT-SIZE: 11pt; MIN-HEIGHT: 500px; PADDING-BOTTOM: 2em; MARGIN: 0px 0px 1em; WIDTH: 620px; COLOR: #000000; PADDING-TOP: 0px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; HEIGHT: auto! important; BACKGROUND-COLOR: #ffffff;
}
IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
H1 {
	CLEAR: left; FONT-WEIGHT: bold; FONT-SIZE: 20px; MARGIN: 0.25em 0px 20px 20px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; color: #068d75
}
H2 {
	CLEAR: left; FONT-WEIGHT: bold; FONT-SIZE: 16px; MARGIN: 0.25em 0px 10px 20px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; color: #000
}
H3 {
	CLEAR: left; FONT-WEIGHT: bold; FONT-SIZE: 18px; MARGIN: 0.25em 0px 2px 20px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif; color: #068d75
}
H4 {
	CLEAR: left; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0.25em 0px 2px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
H5 {
	CLEAR: left; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0.25em 0px 2px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
H6 {
	CLEAR: left; FONT-WEIGHT: bold; FONT-SIZE: 14px; MARGIN: 0.25em 0px 2px; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
TABLE {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
TH {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
TD {
	FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: Arial, Tahoma, Helvetica, sans-serif
}
P {
	MARGIN: 10px 20px 10px 20px; page-break-inside: avoid;
}
A:link {
	COLOR: #005da0; TEXT-DECORATION: none
}
A:visited {
	COLOR: #005da0; TEXT-DECORATION: none
}
A:hover {
	COLOR: #000; TEXT-DECORATION: underline
}
A:active {
	COLOR: #000; TEXT-DECORATION: underline
}
#debug {
	BORDER-RIGHT: #708090 2px dotted; BORDER-TOP: #708090 2px dotted; DISPLAY: none; LEFT: 800px; BORDER-LEFT: #708090 2px dotted; BORDER-BOTTOM: #708090 2px dotted; POSITION: absolute
}
#banner3 {
	MARGIN-LEFT: -150px;
}
.banner3 {
	margin-bottom: 20px; padding-bottom:8px; border-bottom:#ebebeb 2px solid;
}
#testing {
	CLEAR: both; PADDING-TOP: 64px
}
#WebEnrolMenu {
	MARGIN-TOP: 0px; Z-INDEX: 1; LEFT: 0px; WIDTH: 140px; MARGIN-RIGHT: 5px; POSITION: absolute; TOP: 106px; HEIGHT: 350px;
}
#WebEnrolMenu .title {
	PADDING-TOP: 0px; HEIGHT: 6px; TEXT-ALIGN: center; 
}
#WebEnrolMenu H2 {
	DISPLAY: none; VISIBILITY: hidden; 
}
#WebEnrolMenu UL {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 140px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#WebEnrolMenu UL LI {
	font: 12px Arial, Tahoma, Helvetica, sans-serif; color:#000; text-transform:uppercase;
	CLEAR: left; BORDER-RIGHT: #ebebeb 2px solid; PADDING-RIGHT: 0px; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 10px; MARGIN: 0px; BORDER-LEFT: #fff 0px solid; WIDTH: 140px; PADDING-TOP: 10px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none; TEXT-ALIGN: left; background-color:#f9f9f9;
}
#WebEnrolMenu UL LI .shortName {
	DISPLAY: none; VISIBILITY: hidden
}
#WebEnrolMenu UL LI .LongName {
	DISPLAY: block; VISIBILITY: visible
}
#WebEnrolMenu UL LI A {
	CURSOR: pointer; color:#000
}
#WebEnrolMenu .menuImportantInformation a {
	FONT-SIZE: 9px; background-color:none; border:none; padding:0
}
#WebEnrolMenu UL LI A:hover {
	color:#068d75; text-decoration:none;
}
#WebEnrolMenu .icon {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: center 50%; PADDING-LEFT: 0px; FLOAT: left; PADDING-BOTTOM: 0px; WIDTH: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: no-repeat; height: 10px; 
}
#WebEnrolMenu #catIcon {
	BACKGROUND-IMAGE: url(/images/menu_cat.gif)
}
#WebEnrolMenu #timetableIcon {
	BACKGROUND-IMAGE: url(/images/menu_timetable.gif)
}
#WebEnrolMenu #locationIcon {
	BACKGROUND-IMAGE: url(/images/menu_location.gif)
}
#WebEnrolMenu #searchIcon {
	BACKGROUND-IMAGE: url(/images/menu_search.gif)
}
#WebEnrolMenu #basketIcon {
	BACKGROUND-IMAGE: url(/images/menu_basket.gif)
}
#WebEnrolMenu #accountIcon {
	BACKGROUND-IMAGE: url(/images/menu_account.gif)
}
#WebEnrolMenu #signinIcon {
	BACKGROUND-IMAGE: url(/images/menu_signin.gif)
}
.cat {
	margin-left:20px; margin-bottom:5px;
}
.catCourseCount {
	color:#666; font-size:13px;
}
#coursesList {
	OVERFLOW: hidden; WIDTH: 620px; POSITION: relative;
}
#coursesList IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#coursesList IMG.catIcon {
	WIDTH: 32px; BORDER-TOP-STYLE: none; MARGIN-RIGHT: 8px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 32px; BORDER-BOTTOM-STYLE: none; 
}
#coursesList A {
	CURSOR: pointer; 
}
#coursesList A:hover {
	
}
#titleImage {
	BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; WIDTH: 300px; HEIGHT: 56px; BORDER-RIGHT-WIDTH: 0px
}
.courseTitle {
	BORDER-TOP: #dddddd 1px solid; MARGIN: 15px 20px 0px 20px; FLOAT: none; PADDING-TOP: 10px; POSITION: relative
}
.courseTitle .title {
	PADDING-LEFT: 0px; FONT-WEIGHT: bold;
}
.courseTitle .description {
	DISPLAY: block; FONT-WEIGHT: normal; MARGIN-LEFT: 16px; font-size:13px;
}
.client_noCrsInsts {
	PADDING-LEFT: 2em; COLOR: #803030; font-style:italic; font-size:13px;
}
.courseTitleSummary {
	PADDING-LEFT: 2%; FLOAT: left; MARGIN: 0px 0px 0px 20px; OVERFLOW: hidden; WIDTH: 48%; PADDING-TOP: 1px; POSITION: relative; HEIGHT: 1.25em
}
.courseTitleSummary .title {
	
}
.courseInstList {
	MARGIN-LEFT: 16px
}
.courseInstList .courseInst {
	MARGIN-BOTTOM: 4px; PADDING-TOP: 2px; 
}
.zebra1.courseInst {
	COLOR: #000000; BACKGROUND-COLOR: #ffffff
}
.zebra0.courseInst {
	COLOR: #000000; BACKGROUND-COLOR: #eeeeee
}
.zebra0.courseInst A {
	COLOR: #000000; BACKGROUND-COLOR: #eeeeee
}
.courseInst .detail {
	LEFT: 0px; CURSOR: pointer; POSITION: relative; TOP: 0px; HEIGHT: 1.25em
}
.courseInst A:hover {
	COLOR: #000000; BACKGROUND-COLOR: #d6edf7
}
.courseInst .detail .places {
	BORDER-RIGHT: #708090 2px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1.25em
}
.courseInst .detail .location {
	BORDER-RIGHT: #708090 2px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1.25em
}
.courseInst .detail .WEdate {
	BORDER-RIGHT: #708090 2px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1.25em
}
.courseInst .detail .WEdate .term {
	BORDER-RIGHT: #708090 2px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1.25em
}
.courseInst .detail .weeks {
	BORDER-RIGHT: #708090 2px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1.25em
}
.courseInst .detail .times {
	BORDER-RIGHT: #708090 2px solid; PADDING-RIGHT: 4px; PADDING-LEFT: 4px; PADDING-BOTTOM: 0px; OVERFLOW: hidden; PADDING-TOP: 0px; HEIGHT: 1.25em
}
.courseInst .detail .places {
	LEFT: 0px; WIDTH: 100px
}
.courseInst .detail .location {
	WIDTH: 129px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.courseInst .detail .WEdate {
	WIDTH: 100px
}
.courseInst .detail .WEdate .term {
	DISPLAY: none
}
.courseInst .detail .weeks {
	WIDTH: 100px
}
.courseInst .detail .times {
	WIDTH: 150px
}
.availStatus {
	WIDTH: 0.8em; HEIGHT: 0.8em
}
.locations {
	CLEAR: right; WIDTH: 100%; POSITION: relative
}
.locations TR {
	CURSOR: pointer
}
.locations .e TD {
	COLOR: #000000; BACKGROUND-COLOR: #eeeeee
}
.locations .on TD {
	COLOR: #000000; BACKGROUND-COLOR: #d6edf7
}
.locations .off TD {
	
}
.locations TD {
	PADDING-RIGHT: 0.25em; PADDING-LEFT: 0.4em; PADDING-BOTTOM: 0.25em; PADDING-TOP: 0.25em
}
.locations .address {
	PADDING-TOP: 12px
}
.locations .contacts {
	
}
.locations .title {
	FONT-WEIGHT: bold
}
#courseDetail {
	
}
#courseDetail .courseCode {
	BORDER-RIGHT: #00a6b7 2px solid; PADDING-RIGHT: 4px; BORDER-TOP: #00a6b7 2px solid; PADDING-LEFT: 4px; FONT-SIZE: 100%; FLOAT: right; PADDING-BOTTOM: 4px; MARGIN: 0px 0px 4px; BORDER-LEFT: #00a6b7 2px solid; WIDTH: 150px; PADDING-TOP: 4px; BORDER-BOTTOM: #00a6b7 2px solid; BACKGROUND-COLOR: #d6edf7; TEXT-ALIGN: center
}
#courseDetail .courseCode .title {
	FONT-WEIGHT: bold; FONT-SIZE: 70%; TEXT-ALIGN: center
}
#courseDetail .courseCode .datum {
	FONT-WEIGHT: bold; FONT-SIZE: 120%; FONT-FAMILY: courier, monospaced; TEXT-ALIGN: center
}
#courseDetail .courseCode .hint {
	FONT-SIZE: 80%; TEXT-ALIGN: center
}
#courseDetail P {
	CLEAR: left; PADDING-RIGHT: 0px; PADDING-LEFT: 1em; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 1em 1em; PADDING-TOP: 0px
}
#courseDetail .content {
	POSITION: relative
}
#courseDetail .content .course {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0.5em; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px; WIDTH: 430px; PADDING-TOP: 0.5em
}
#courseDetail .content .course .description {
	FONT-WEIGHT: normal; FONT-SIZE: 100%
}
#courseDetail .content .course H3 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 4px 0px; PADDING-TOP: 0px
}
#courseDetail .content .course .location {
	FONT-WEIGHT: bold; FONT-SIZE: 100%
}
#courseDetail .sessions {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; FLOAT: right; PADDING-BOTTOM: 8px; WIDTH: 142px; PADDING-TOP: 8px
}
#courseDetail .sessions #togglingSessionList {
	BORDER-RIGHT: #a6c2ea 1px solid; PADDING-RIGHT: 2px; BORDER-TOP: #a6c2ea 1px solid; DISPLAY: none; PADDING-LEFT: 8px; PADDING-BOTTOM: 4px; BORDER-LEFT: #a6c2ea 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #a6c2ea 1px solid; BACKGROUND-COLOR: white
}
#courseDetail .sessions H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 4px; PADDING-TOP: 0px
}
#courseDetail .sessions .session {
	MARGIN-BOTTOM: 4px
}
#courseDetail .sessions .session .WEdate {
	FONT-WEIGHT: bolder; COLOR: black
}
#courseDetail .sessions .session .startTime {
	CLEAR: left; PADDING-LEFT: 16px; COLOR: green
}
#courseDetail .sessions .session .endTime {
	COLOR: red
}
#courseDetail .sessions .session .room {
	
}
#courseDetail .textDetails P {
	
}
#courseDetail .textDetails P {
	
}
#courseDetail .textDetails h2{
	
}
#courseDetail .textDetails h3{
	font-size:14px;
}
.course h3{
	font-size:14px;
}
.contact h3{
	font-size:14px;
}
#feesPayableList{
	list-style-type:none; margin-top:0; margin-left:25px;
}
#timetableFS {
	FLOAT: left; WIDTH: 280px; BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
#timetableFS LEGEND {
	DISPLAY: none
}
#timetableForm {
	
}
#timetableForm .info {
	
}
#timetableForm .info .hint {
	FONT-STYLE: italic
}
#timetableForm #timetable {
	BORDER-RIGHT: black 2px solid; BORDER-TOP: black 2px solid; BORDER-LEFT: black 2px solid; MARGIN-RIGHT: 0.5em; margin-left:18px; BORDER-BOTTOM: black 2px solid; BORDER-COLLAPSE: collapse
}
#timetableForm #timetable TH {
	BORDER-RIGHT: #708090 1px solid; PADDING-RIGHT: 1px; BORDER-TOP: #708090 1px solid; PADDING-LEFT: 1px; FONT-WEIGHT: bold; PADDING-BOTTOM: 1px; MARGIN: 1px; BORDER-LEFT: #708090 1px solid; PADDING-TOP: 1px; BORDER-BOTTOM: #708090 1px solid
}
#timetableForm #timetable TH A {
	COLOR: black; TEXT-DECORATION: none
}
#timetableForm #timetable TD {
	BORDER-RIGHT: #708090 1px solid; BORDER-TOP: #708090 1px solid; BORDER-LEFT: #708090 1px solid; WIDTH: 2.25em; BORDER-BOTTOM: #708090 1px solid; HEIGHT: 1.25em; BACKGROUND-COLOR: #fff; TEXT-ALIGN: center
}
#timetableForm #timetable .on {
	BACKGROUND-COLOR: #d6edf7
}
#timesOfDay {
	
}
#timesOfDay TD A {
	PADDING-RIGHT: 4px; DISPLAY: block; PADDING-LEFT: 4px; PADDING-BOTTOM: 4px; WIDTH: auto; PADDING-TOP: 4px; BACKGROUND-COLOR: #88ff88; TEXT-ALIGN: center
}
#timesOfDay TD A:hover {
	BACKGROUND-COLOR: yellow
}
#signinDiv {
	BACKGROUND-COLOR: #ffffff
}
#vForm {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 1em; BORDER-TOP: black 1px solid; PADDING-LEFT: 1em; PADDING-BOTTOM: 1em; MARGIN: 1em; BORDER-LEFT: black 1px solid; PADDING-TOP: 1em; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: white
}
.activeFormGroup {
	CLEAR: both; MARGIN-LEFT: 0em
}
DIV.activeFormOption {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0.5em; PADDING-TOP: 0px
}
SPAN.activeFormOption {
	WIDTH: 8em
}
.validationWarning {
	FONT-SIZE: 10pt; COLOR: #ff8c00
}
#signinForgotPwd {
	MARGIN: 1em 0px 0px 4em
}
#signInNewAccountLink {
	CLEAR: both; MARGIN: 0.25em 0px 0.5em 4em
}
.activeFormOption {
	CLEAR: both
}
.activeFormOptionLabel {
	FLOAT: left; MARGIN: 0px 0px 0px 0.5em; WIDTH: 10em
}
.activeFormOptionField {
	FLOAT: left; WIDTH: 300px; TEXT-ALIGN: left
}
.formTable .formOption TD.formOptionLabel {
	WIDTH: 10em
}
INPUT.enabled {
	BACKGROUND-COLOR: #ffffff
}
SELECT.enabled {
	BACKGROUND-COLOR: #ffffff
}
INPUT.disabled {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}
SELECT.disabled {
	BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; BORDER-LEFT: #cccccc 1px solid; BORDER-BOTTOM: #cccccc 1px solid; BACKGROUND-COLOR: #ffffff
}
INPUT.invalid {
	BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffcccc
}
SELECT.invalid {
	BORDER-RIGHT: #ff0000 1px solid; BORDER-TOP: #ff0000 1px solid; BORDER-LEFT: #ff0000 1px solid; BORDER-BOTTOM: #ff0000 1px solid; BACKGROUND-COLOR: #ffcccc
}
INPUT.dirty {
	BORDER-RIGHT: #ff8c00 1px solid; BORDER-TOP: #ff8c00 1px solid; BORDER-LEFT: #ff8c00 1px solid; BORDER-BOTTOM: #ff8c00 1px solid; BACKGROUND-COLOR: #ffefd5
}
SELECT.dirty {
	BORDER-RIGHT: #ff8c00 1px solid; BORDER-TOP: #ff8c00 1px solid; BORDER-LEFT: #ff8c00 1px solid; BORDER-BOTTOM: #ff8c00 1px solid; BACKGROUND-COLOR: #ffefd5
}

#enrolledBeforePanel_atTopOfPage{margin-left:18px; margin-right:18px; padding:0px;}
#enrolledBeforePanel_atTopOfPage h2 {margin:8px;padding:0;}
#enrolledBeforePanel_atEndOfPage{display:none;}