/* * */



/* HTML ############################################################################### */


HTML{
	color:#000000;
	background-color:#eeEEee;
}

BODY {
	font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 11pt;
    color:#000000;
    background-color:#FFFFFF;
	width: 600px;               /* total width */
	margin:0;
	padding:0;
	padding-left:150px;
	padding-right:25px;
	padding-bottom:2em;
	margin-bottom:1em;
	min-height:500px;
	height:500px;
	height:auto !important;
}


IMG { border:none; }

H1, H2, H3, H4, H5, H6 {
	font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	margin: .25em 0 2px 0; 
	clear:left;
}
H1{
	margin-top:.75em;
}

TABLE, TH, TD {
	font-family: Arial, Tahoma, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000;
    background-color:#ffffff;
}
P {
	margin: 10px 0 10px 0;
	page-break-inside:avoid;
}
A:link,A:visited {
    background-color:inherit;
	color:#005DA0; 
	text-decoration:none;
}
A:hover,A:active {
    background-color:inherit;
	color:#00A6B7; 
	text-decoration:underline;
}


/* WebEnrol ############################################################################### */


#debug {
	position: absolute; 
	display:none;
	border:dotted 2px #708090;
	left:800px;
} 

#banner3 {
	margin-left:-150px;
}  	
			
#testing{
	padding-top:64px;
	clear:both;
    display:inherit;
}

#fillerForIE6{
	border:none;
	width:10px;
	height:170px;
}

/* WebEnrolMenu ############################################################################### */

#WebEnrolMenu{	
	position: absolute; 
	width: 140px; 
	height: 300px; 
	left:0;
	top: 106px; 
	z-index: 1;
	margin-right:5px; 
	margin-top:0;
	background-color:#fff;
	color:#000;
}
	#WebEnrolMenu .title{
		text-align:center;
		padding-top:0;
		height:6px; /* 46px;*/ 
	}
	#WebEnrolMenu h2 { 
		display:none; 
		visibility:hidden;
		}
	
	#WebEnrolMenu UL { 
		border:none;
		padding:0;	 
		margin:0;
		width: 140px; 
		 }
	#WebEnrolMenu UL LI {
			width: 140px; 
			border: solid 1px #fff;
			text-align:left;
			margin: 0;
			padding: 0;
			list-style-type:none; 
			clear:left;
		 }
		#WebEnrolMenu UL LI .shortName
		{
		    DISPLAY: none;
		    VISIBILITY: hidden
		}
		#WebEnrolMenu UL LI .LongName
		{
		    DISPLAY: block;
		    VISIBILITY: visible;
		}
		#WebEnrolMenu UL LI A { cursor:pointer; /*color:black; text-decoration:none;*/}
		#WebEnrolMenu UL LI A:hover { /*color:blue; text-decoration:underline;*/}
		
	#WebEnrolMenu .icon {
		float:left;
		width:42px;height:47px;
		padding: 0 4px 0 0;
		background-repeat:no-repeat;
		background-position: center; 
		}

	#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'); }
		
/* WebEnrol course lists ############################################################################### */
			
#coursesList{
	position:relative; 
	width:620px;
	overflow:hidden;
	/*border:dotted 2px #708090;*/
}
	#coursesList IMG{
		border:none;
		}
		#coursesList IMG.catIcon{
			border:none;
			margin-right:8px;
			width:32px; 
			height:32px;
			}

	#coursesList A {
			cursor:pointer; /*color:black; text-decoration:none;*/
		}
	#coursesList A:hover { /*color:blue; text-decoration:underline;*/}

#titleImage {
	width:300px; 
	height:56px;
	border:0;
	}
.courseTitle {
	position:relative; 
	float:none;
	border-top:solid 1px #dddddd;
	margin-top:8px;
	padding-top:4px;
	/*background-image:url('images/icons/courseType.gif');
	background-repeat:no-repeat;*/
}
	.courseTitle .title {
		padding-left:0px;
		font-weight:bold;
	}
	.courseTitle .description {
		display:block;
		margin-left:16px;
		font-weight:normal;
		
	}
.courseTitleSummary {
	position:relative; 
	float:left;
	width:48%;
	height:1.25em;
	margin:0px;
	padding-top:1px;
	padding-left:11px;
	overflow:hidden;
}
	.courseTitleSummary .title{
	}
.courseInstList{
		margin-left: 16px;
	}
	.courseInstList .courseInst { 
		border-bottom: solid 1px #cccccc;
		margin-bottom:4px;
		padding-top:2px;
		}
		.courseInst.zebra1{ 
			background-color:#ffffff;
			color:#000000;
			}
		.courseInst.zebra0,  .courseInst.zebra0 A{ 
			background-color:#eeeeee;
			color:#000000;
			}
		.courseInst .detail{
			position:relative;
			cursor:pointer;
			top:0px;
			left:0px;
			height:1.25em;
			}
		/*
							.courseInst  A {color:black;	}
							.courseInst  A:visited { color:black; }
		*/
				.courseInst A:hover {
					background-color:#D6EDF7;
					color:#000000;
					}
			
			.courseInst .detail .places ,
			.courseInst .detail .location ,
			.courseInst .detail .WEdate ,
			.courseInst .detail .WEdate .term ,
			.courseInst .detail .weeks ,
			.courseInst .detail .times 
			{
				height:1.25em;
				overflow:hidden;
				padding:0 4px 0 4px;
				border-right:solid 2px #708090;
			}
			.courseInst .detail .places {
				left:0;
				width:100px;
			}
			.courseInst .detail .location {
				width:129px;
				border:none;
				}
			.courseInst .detail .WEdate {
				width:100px;
				}		
			.courseInst .detail .WEdate .term {display:none;	}		
			.courseInst .detail .weeks {
				width:100px;
				}
			.courseInst .detail .times {
				width:150px;
				}
			.availStatus { width:.8em; height:.8em; border:none;}
			
	/*	.courseInst  A .link {color:black; text-decoration:none;}
		.courseInst  A:hover .link {color:black; text-decoration:none;}*/
		
		
		
		
/* WebEnrol locations ############################################################################### */
			
.locations {
		position:relative;
		clear:right;
		width:100%
	}
	.locations TR{
		cursor:pointer;
	}
	.locations .e TD {
		background-color:#EEEEEE;
		color:#000000;
	}
	.locations .on TD {
		background-color:#D6EDF7;
		color:#000000;
	}
	.locations .off TD {
		
	}
	.locations TD{
		padding:0.25em;
	}
	
	.locations .address {
		position:relative;
		padding-bottom:12px;
	}
	.locations .address .addressRowTitle,
	.locations .address .addressRowProperty,
	.locations .address .addressRowNoStreet,
	.locations .address .addressRowDistrict,
	.locations .address .addressRowTown,
	.locations .address .addressRowPostcode{
		z-index:10;
		position:relative;
	}

	
	.locations .contacts {
	}

	.locations .title {
		font-weight:bold;
	}
		
	.locations .showAMap_link{
		position:absolute;
		bottom:8px;
		right:0;
		z-index:1000;
	}	
		
/* WebEnrol courseDetail ############################################################################### */
		
		
		
#courseDetail { 
	}
	#courseDetail .courseCode{
		float:right;
		width:150px;
		font-size:100%;
		margin:0 0 4px 0;
		padding:4px;
		color:#000000;
		background-color:#D6EDF7;
		border:solid 2px #00A6B7;
		text-align:center;
	}
		#courseDetail .courseCode .title{
			font-size:70%;
			font-weight:bold;
			text-align:center;
		}
		#courseDetail .courseCode .datum{
			font-size:120%;
			font-family:courier, monospace;
			font-weight:bold;
			text-align:center;
		}
		#courseDetail .courseCode .hint{
			font-size:80%;
			text-align:center;
		}
		


	#courseDetail  p {
			margin:0 0 1em 1em;
			padding:0 0 0 1em;
			clear:left;
			}
			
	#courseDetail .content { 
			position:relative;
		}
		#courseDetail .content .course{
			width:430px;
			float:left;
			padding: 0.5em 0 0 0.5em;
			margin:0;
			}
			#courseDetail .content .course .description{
				font-weight:normal;
				font-size:100%;
			}
			#courseDetail .content .course h3{
				margin:4px 0 4px 0;
				padding:0;
				}
			#courseDetail .content .course .location {
				font-size:100%;
				font-weight:bold;
				}
				
				
	#courseDetail .sessions{
		/* background-color:#DDD;
		border:solid 2px #888; */
		padding:8px;
		width:142px;
		float:right;
		
		}	
		#courseDetail .sessions #togglingSessionList{
			display:none;
			background-color:White;
			color:#000;
			border:solid 1px #a6c2ea;
			padding:0 2px 4px 8px;
		}
		#courseDetail .sessions h2{
		
			margin:0 0 4px 0;
			padding:0;
			}
		#courseDetail .sessions .session {
		
			margin-bottom:4px;
		}
		#courseDetail .sessions .session .WEdate{
			color:black;
			background-color:#ffffff;
			font-weight:bolder;
		}
		#courseDetail .sessions .session .startTime{
			color:green;
			background-color:#ffffff;
			clear:left;
			padding-left:16px;
		}
		#courseDetail .sessions .session .endTime{
			color:red;
			background-color:#ffffff;
		}
		#courseDetail .sessions .session .room{
		}
	
	#courseDetail .textDetails P {
	}
	#courseDetail .textDetails P {
		/*white-space: pre-wrap;        css-3 should we be so lucky... */ 
	}
	

/* WebEnrol timetable ############################################################################### */
	#timetableFS  { border:none; float:left; width:280px  }
	#timetableFS LEGEND { display:none; }
		
	#timetableForm {}
	#timetableForm .info { }
		#timetableForm .info .hint { FONT-STYLE: italic;}

	#timetableForm #timetable {
				border-collapse:collapse;
				border:solid 2px black;
				margin-right:0.5em;
				}
		#timetableForm #timetable TH { 
			font-weight:bold;
			border:solid 1px #708090;
			padding:1px;
			margin:1px;
			}
		#timetableForm #timetable TH A { text-decoration:none; }
		#timetableForm #timetable TD { 
			width:2.25em;
			height:1.25em;
			text-align:center; 
			border:solid 1px #708090;
			background-color:#ffFFff;
			color:#000000;
			}
		#timetableForm #timetable .on {background-color:#D6EDF7; color:#000;
}
	
	
		
#timesOfDay {}
	#timesOfDay TD A { 
		display:block;
		padding:4px;
		width:auto;
		text-align:center;
		background-color:#88ff88;
		color:#000;
	}
		
	#timesOfDay TD A:hover { 
		background-color:yellow;
		color:#000;
	}


/* */

#signinDiv{
	background-color:#ffffff;
	color:#000;
}
	#vForm{
		border:1px solid black;
		background-color:white;
		color:#000;
		margin:1em;
		padding:1em;
	}


	.activeFormGroup{
		margin-left:0em;
		clear:both;
	}
	
	DIV.activeFormOption { 
		margin:0 0 0.5em 0;
		padding:0;
	}
	
	SPAN.activeFormOption { 
		width:8em;
	}
	
	.validationWarning{
		background-color:inherit;
		color:#FF8C00;
		font-size:10pt;
	}
	
	#signinForgotPwd{
		margin:1em 0 0 4em;
	}
	#signInNewAccountLink{
		margin:0.25em 0 .5em 4em;
		clear:both;
	}
.activeFormOption { clear:both; }
.activeFormOptionLabel { float:left; width:10em; margin:0 0 0 0.5em; }
.activeFormOptionField { float:left; text-align:left; width:300px}

.formTable  .formOption  TD.formOptionLabel {
	width:10em;
	}
	
INPUT.enabled,  SELECT.enabled{
	background-color: #FFFFFF; /*white*/
	color:#000;
}

INPUT.disabled,  SELECT.disabled{
	background-color: #FFFFFF; /*white*/
	color:#000;
	border: 1px solid #cccccc /*light dimed grey*/;
}
INPUT.invalid,  SELECT.invalid{
	background-color: #FFcccc; /*pink*/
	color:#000;
	border: 1px solid #FF0000 /*red*/;
}
INPUT.dirty ,  SELECT.dirty {
	background-color: #FFEFD5 /*PapayaWhip */;
	color:#000;
	border: 1px solid #FF8C00 /*darkorange*/;
}