/*  COMMON  */

* { margin: 0; padding: 0; }

body { font-family: Arial,Helvetica,sans-serif; font-size:0.765em; text-align: left; color:#333333;} 
/* Verdana,sans-serif; font-size: 0.725em; */
/* Verdana,"Lucida Grande","Bitstream Vera Sans",Helvetica,Arial,sans-serif; */
/* font-size: 80%; color:#5B5B5B; */
/* background : url(/wsimages/header_bg.png) repeat-x top; */
/* body { text-align: left; font-family: Calibri,arial,'arial narrow',verdana,'trebuchet ms',sans-serif; font-size: 90%; color:#5B5B5B; */

p { margin-bottom: 1em; }

h1, h2, h3, h4, h5, h6
	{
		margin-bottom: .4em;
		margin-top: 1.2em;
		line-height: 1.2em;
/*		font-family: Arial; */
		font-weight: normal;
	} /* font-family: Arial Narrow, Tahoma, Arial, sans-serif; */

h1 {
	border-bottom: 1px groove #CCCCCC;
	margin-top:.5em;
	font-size:1.8em; /* was 140% */
/*	font-weight: bold; */
	}

h2 {
	font-size: 1.5em; /* was 1.3em */
	font-weight: bold;
	}
	
h3 {
	font-size:1.3em; /* was 1.4em */
	font-weight: bold; 
	}

hr {
	color:#cccccc;
	height:1px; 
	border: none;
	background-color:#cccccc;
	margin-top:8px;
	margin-bottom:8px;
}

.clear { clear:both; }
.container { margin-left: auto; margin-right: auto; text-align: left; width: 940px; } /* 886px seems to work the best 840px 940px 995px.  Was 910px */

/* HEADER */

/* Removed the below on the 1/10/09 for new TAFE Western tinted banners */
/* #header { border-bottom: 3px solid #2c3137;overflow: hidden; } */

/* LOGO */
#logo { float: left; width: 160px; margin-top: 5px; height: 75px; } /* height: 85px;  */ /* margin-top: 20px; */
#logo a:link, #logo a:visited { display: block; padding-bottom: 1px; }
#logo a:hover { border-bottom: 1px solid transparent; }

/* TOP LINKS */
#toplinks { float: right; height: 20px; margin-top: 20px; font-size:1em;} /* Mark Picker 24/2/10: Font size was 0.9em until font change for new branding */
#toplinks ul { margin: 0; padding: 0; list-style: none; }
#toplinks li { float: left; padding: 0 6px 0 19px; border-left: 1px solid transparent; }
#toplinks a:link, #toplinks a:visited { text-decoration: none; padding: 0 2px 0 2px;  color: #888888; }
#toplinks a:hover { text-decoration: underline; }

#toplinks ul li { border-color: #aaaaaa; background: transparent none 6px 52% no-repeat; }

#toplinks .home { border-left: none; background-image: url('/wsimages/icons/top-home.gif'); }
#toplinks .portal { background-image: url('/wsimages/icons/top-portal.gif'); }
#toplinks .onlinelearning { background-image: url('/wsimages/icons/top-learning.gif'); }
#toplinks .sitemap { background-image: url('/wsimages/icons/top-map.gif'); }
#toplinks .contact { background-image: url('/wsimages/icons/top-mail.gif'); }

#topnav { float: left; clear: right; width: 500px; height: 28px; margin: 0 0 20px 0; }
#topnav ul { margin: 0; padding: 9px; list-style: none; text-align: left; }

#topnav li { display: inline; padding: 0 15px; text-transform: uppercase; letter-spacing: 1.5px; } /*	font-size: 120%;  */

/* display:table-cell; height: 18px; padding: 5px 5px 10px 5px;*/

#topnav a:link, #topnav a:visited { color: #5B5B5B; padding-bottom: 1px; text-decoration: none;} /* border-bottom: 3px solid #2c333b;  */
#topnav a:hover { padding-bottom: 1px; border-bottom: 3px solid silver; }

#topnav li.selected a:link, #topnav li.selected a:visited, #topnav li.selected a:hover { padding-bottom: 1px; border-bottom: 3px solid Navy; }

/* SEARCH */
#search { float: right; clear: right; width: 280px;	margin-top: 4px; padding-bottom:4px; text-align: right;	}
#search img { margin-top: 4px; }
#seachinput { width: 160px;	font-size: 90%; border: 1px solid #b4ceda; padding: 3px; } /*	margin: 0 0px; */

#searchButton {
	background: url(/wsimages/search/searchButton.jpg) no-repeat;
	cursor: pointer;
	height: 22px;
	width: 22px;
	border: 0px;
	}

	
/* BANNER */
	
#banner {
	/* Removed the below on the 1/10/09 for new TAFE Western tinted banners */
	/*background: #2c333b url(/wsimages/backgrounds/homebackground.jpg) no-repeat 50% 0;*/
	border-bottom: 1px Solid White;height: 337px; border-top: 4px solid White;
}
#banner .container {
/*
	border-left: 1px solid White;
	border-right: 1px solid White;
*/
}

/* main */
/*
#main {
	margin: 20px 0;
	clear: both;
	padding:0em 0em;
 }
*/

#main {
	background-color:#ffffff;
	background-image:url(/wsimages/menu/maintop.gif);
	background-position:center top;
	background-repeat:repeat-x;
	color:#333333;
	clear: both;
	padding: 2em; 
	/* Padding is only needed until breadcrumb is moved.  Will also need to enable breadcrumb styles at line 254 */
	/* margin was 20px 0; until the upgrade on 16/2/10 */
	/* margin: 0 0; padding:0em 0em; */ 
	}

#content { 
	line-height: 1.9em; 
	height:1%; /* height needed to be set, as SIFR was causing IE6 to push content down below the height of the left nav */
}

#content a:link, #content a:visited { text-decoration: none; border-bottom:1px dotted #AAAAAA; color:#ff4400; }
#content a:hover { background:#FFEEAA none repeat scroll 0%; border-bottom:1px solid #AAAAAA; }

#content a:link.nostyle, #content a:visited.nostyle { text-decoration: none; border: none; }
#content a:hover.nostyle { background: none; }


.container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* easy clearing */
#content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } /* easy clearing */


#content ul { margin: 0 0 1em 1em; padding: 0; list-style: none; }
#content ul li { background: url(images/bullet-7x7-48.gif) no-repeat 0 .4em; padding-left: 1em; 
	padding-bottom: 1px; /* fix bottom border on links in IE */
}
#content ul ul { margin: 0 0 0 1em; }

#content ol { margin: 0 0 1em 2em; padding: 0; }


/* box */
.box {
	
	margin: 15px 0 0 0;
	padding: 5px 0 5px 0;
	background: #F4F6E0;
}

.cbside {
	width: 140px;
	margin: 5px 0 0 5px;
	padding: 10px 0 5px 0;
/*	background: #fff; */
}


/* *************************** */
/*  content classes for users  */
/* *************************** */


/* columns */

/*
#content div.col1of3 { float: left; width: 30%; padding-left: 19px; padding-right: 10px; border-top: 3px solid #336D95; }
#content div.col2of3 { float: left; width: 30%; padding-left: 19px; padding-right: 10px; border-top: 3px solid #C75D2D; }
#content div.col3of3 { float: left; width: 30%; padding-left: 19px; padding-right: 10px; border-top: 3px solid #99A745; }

*/

/* .separator { float: left; width: 0; border-left: 3px solid white; height:100px;} */
/* #content div.col3of3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } */ /* easy clearing */


/*
#content div.col1of3 p, div.col2of3 p, div.col3of3 p {margin-top: 10px; font-size:80%; line-height: 2;}
*/
/* *************************** */



.group {
	float:left;
	margin: 10px 0px 0 0px;
	padding: 0 30px 0 0;
	width: 205px;
	line-height: 2em;
}

.group h1 {font-size:1.6em;}

/* The below group class is before adding an extra group to the homepage */
/*
.group {
	float:left;
	margin: 10px 10px 0 10px;
	padding: 0 20px 0 20px;
	width: 250px;
	line-height: 2em;
}*/

/*
	width:252px;
	margin-top:10px;
	margin-right:10px;
	margin-left:10px;
	padding-right:20px;
	padding-left:20px;
*/
	/* width:33%; */
	/* background-color: Blue; */

.separator {
	border-right:1px solid transparent;/* border-left:2px solid #FFFFFF;*/
	float:left;
	height:100px;
	margin:10px 0px 0pt 0pt ; 
	width:0pt;
}


#breadcrumb {margin-bottom: 1em; font-size:85%;}

/* Mark Picker 15.2.2010 : Below added after moving the breadcrumb for new design */
	#breadcrumb a:link, #breadcrumb a:visited { text-decoration: none; border-bottom:1px dotted #AAAAAA; color:#ff4400; }
	#breadcrumb a:hover { background:#FFEEAA none repeat scroll 0%; border-bottom:1px solid #AAAAAA; }
	
	/* #breadcrumb a:link.nostyle, #breadcrumb a:visited.nostyle { text-decoration: none; border: none; } */
	/* #breadcrumb a:hover.nostyle { background: none; } */
	
	#breadcrumb {
/*		background-image:url(/wsimages/breadcrumb/bg_breadcrumb.jpg);
		background-position:0 50%;
		background-repeat:repeat-x;
		border-bottom:1px solid white;
		padding:5px 0px 10px 10px; */
		font-size:0.916em;
		}
/* End of changed for breadcrumb */

/* farcry containers */
#content div.bottom { clear: both; }
#content div.topright { float: right; margin: 0 0 10px 10px; }

/*** farcry container styles ***/
html body #main div.container-edit {font: 95% arial,helvetica,sans-serif;width:auto;height:auto;clear:both;position:relative;margin:15px 5px 15px 0; zoom:1;}
html body #main div.container-edit a:link, html body div.container-edit a:visited /*, html body #main #content div.container-edit a:hover, html body #main #content div.container-edit a:active*/ {display:block;text-decoration:none;color:#333;display:block;padding: 17px 15px 14px 0;background: transparent url("/farcry/css/images/container_edit_2.gif") repeat-x 0 0; border:none;}
html body #main div.container-edit a:hover {text-decoration:underline; color:#715200;background: transparent url("/farcry/css/images/container_edit_2.gif") repeat-x 0 -50px}
html body #main div.container-edit strong {margin-left: 50px}
html body #main div.container-edit .spanner {position:absolute;top:3px;left:0;display:block;width:40px;height:40px;background: url("/farcry/css/images/container_edit_icon.png"); background-image: none;-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='/farcry/css/images/container_edit_icon.png');}
html body #footer div.container-edit {clear:both;}
/*** farcry container styles ***/

/* footer */
#footer {
	clear: both;
	border-top: 1px solid #8C91A2;
	margin-top:20px;
	padding-bottom: 10px;
	padding-top: 10px;
	text-align: center;
	background: white url(/wsimages/footer-bg-generic.gif) repeat-x 0 0;
	font-size: 0.9em; /* Mark Picker 24/2/10: font size was 85% until change to font for new branding */
	}

#footer_contact {float: right; padding-bottom: 1px; font-size: 0.9em;} /* Mark Picker 24/2/10: font size was 85% until change to font for new branding */

#footer ul {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	line-height:1em;
	margin: 0pt;
}

#footer li {
	display: inline;
	padding-left: 10px;
	line-height:1em;
	}
#footer_copyright {float:left;padding-bottom:1px;padding-top: 20px; }
#footer_socialmedia {float:right;padding-bottom:1px;padding-top:10px;}


#footer a.image:link,
#footer a.image:visited,
#footer a.image:hover,
#footer a.image:active {background-color: transparent; padding:0; margin:0; border: 0px; color:white;} 




#footer .group a:link, #footer .group a:visited { color: #000000; text-decoration: none; }
#footer .group a:hover { text-decoration: underline; }



/* Three columns */
#type-a #content {
	margin-left: 210px; /* 	margin-left: 190px; */
	margin-right: 170px;
}

/* Two columns */
#type-b #content {
	margin-left: 210px;
	/* 	margin-left: 190px; */
	/*	margin-right: 20px; */
}

/* One column */
/*#type-c #content {margin-left: 20px;}*/


/*
 *		TYPE A (SIDENAV, CONTENT)
 */


#type-a #colright { float: right; width: 160px; margin-left: 10px; } /* 180 px*/


/*a:link img, a:visited img,*/
/*
#type-a #sidenav a:hover img {
	background-color: #ffffff;
	border-color: navy;
	padding-left: 0px;

	border-left: 0px solid #ffffff;
	border: 0px none #ffffff;
	padding: 0px;
	display: block;
	
	
	border-left: 1px solid transparent; border-color: #ffffff; background-color:#ffffff;
	}
*/	


#sidenav a.image:hover {background-color: transparent; padding:0; margin:0; border: 0;} 
#sidenav a:hover {border-left: 4px solid transparent; border-color: #cccccc; background-color:#F2F3ED;}

#sidenav_title:link, #sidenav_title:visited { font-weight:bold; display: block; padding: 3px 0 3px 6px;  border-bottom: none; color: #5B5B5B; text-decoration: none;} /*font-weight: bold; */
/* #sidenav_title:hover {padding-left: 2px; border-left: 4px solid transparent; border-color: #cccccc; background-color:#F2F3ED;} */

#sidenav_title:hover {padding-left: 2px; }

/* #sidenav { float: left; width: 180px; margin-right: 10px; } */
#sidenav { float: left; width: 180px; margin-right: 10px; } /* 180 px*/

/* first level */
#sidenav ul { margin: 0; padding: 0; list-style: none; }

#sidenav ul li { font-size: 1em;}
#sidenav ul li a:link, #sidenav ul li a:visited { display: block; padding: 6px 0 6px 10px;  border-bottom: none; color: #5B5B5B; text-decoration: none; } /* 27/9/10 Mark Picker - Changed the padding from 3px 0 3px 10px to 6px 0 6px 10px so the navigation has wider spacing for touch screens */
#sidenav ul li a:hover { padding-left: 6px; } /* border-left: 4px solid transparent; border-color: #cccccc; background-color:#F2F3ED; */

#sidenav ul li.active {
	border-left: 4px solid transparent;
}
#sidenav ul li.active a:link, #sidenav ul li.active a:visited {
	padding-left: 6px;
	background-color: #E2E2E2 ;
	}

#sidenav ul li.active a:hover { border-left: medium none; } /* background-color: #F2F3ED; */

/* second level */
#sidenav ul ul { padding: 0 0 7px 10px; list-style: none;  }
#sidenav ul li.active ul { padding-left: 0px; }  /* padding-left: 6px; */

#sidenav ul ul li { border: none; background: none; /* background: url(images/bullet-7x7-48.gif) 2px 1px no-repeat; */ }
#sidenav ul ul li a:link, #sidenav ul ul li a:visited { padding: 1px 0 2px 10px; margin: 0; border: none;  text-decoration: none; } /* color: #000000; */

#sidenav ul ul li a:hover { text-decoration: underline; } /* background-color:#F2F3ED; */



#sidenav ul li.active ul li a:link, #sidenav ul li.active ul li a:visited {
/* 27/9/10 Mark Picker - Changed the padding from 1px 0 3px 16px to 5px 0 5px 10px so the navigation has more spacing for touch screens */
/*	padding: 1px 0 3px 16px; */
	padding: 5px 0 5px 16px;
	margin: 0;
	border: none;
/*	border-top: 1px dashed silver; */
	background-color: transparent;
	font-size: 90%;
	}

#sidenav ul ul li.active a:link, #sidenav ul ul li.active a:visited {  background-color: #E2E2E2 ; text-decoration: underline;  }

#sidenav ul li.active ul li a:hover {background-color:#F2F3ED;} /*  */
	
/* #sidenav ul li.active ul li.active, */
#sidenav ul li.active ul li.active {
	border: none;  
	}
#sidenav ul li.active ul li.active a:hover {background-color: #F2F3ED;}

/* third level */
#sidenav ul ul ul { padding: 0 0 0 25px; margin-left: 11px; }

#sidenav ul ul li.active ul li a:link, #sidenav ul ul li.active ul li a:visited {
	text-decoration: none;
	background-color: white;
	}
#sidenav ul ul li.active ul li a:hover { text-decoration: underline; }
#sidenav ul ul li.active ul li.active a { text-decoration: underline; }

/* forth level */
#sidenav ul ul ul ul { padding: 0 0 0 25px; margin-left: 11px; }

#sidenav ul ul ul li.active ul li a:link, #sidenav ul ul ul li.active ul li a:visited {
	text-decoration: none;
	background-color: white;
	}
	
#sidenav ul ul ul li.active ul li a:hover { text-decoration: underline; }
#sidenav ul ul ul li.active ul li.active a { text-decoration: underline; }


	.courselocationlink  {
		color : #333333;
		font-weight : normal;
		cursor : crosshair;
	}
	
		.courselocationHightlight  {

		color : #191970;
		font-weight : bold;
		cursor : crosshair;
}

.courselocation_background {
	background:#FAFDFE url(/wsimages/listing_bg.gif) repeat-x scroll center bottom;
	border:1px solid #E3ECF1;
	/* height:101px;  */
	/* overflow:auto; */
	padding-left:10px;
	padding-right:10px;
	height: auto;
		}
/*
blockquote {
	margin-left:40px;
	padding-top: 10px;
	padding-left: 50px;
  background: transparent url(/wsimages/quoleft.png) left top no-repeat;
}
blockquote div {

  padding: 0 48px 20px 0;
  margin-right:40px;
  background: transparent url(/wsimages/quoright.png) right bottom no-repeat;
}
*/
blockquote {
	margin-left:5%;
}


#content span.pdf {
	background:transparent url(images/icons/pdf.gif) no-repeat scroll 0pt 50%;
	padding-left:20px;
}

#content span.doc {
	background:transparent url(images/icons/doc.gif) no-repeat scroll 0pt 50%;
	padding-left:20px;
}

#content span.docx {
	background:transparent url(images/icons/docx.gif) no-repeat scroll 0pt 50%;
	padding-left:20px;
}

#content span.xlsx {
	background:transparent url(images/icons/xlsx.gif) no-repeat scroll 0pt 50%;
	padding-left:20px;
}

#content span.ppt {
	background:transparent url(images/icons/ppt.gif) no-repeat scroll 0pt 50%;
	padding-left:20px;
}

#content span.pptx {
	background:transparent url(images/icons/pptx.gif) no-repeat scroll 0pt 50%;
	padding-left:20px;
}

#content span.fileinfo {
	color:#555555;
	font-size:85%;
}

#pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 5px 0px 5px 0px;}
#pagination {position:relative;text-align:right}
#content #pagination a:link, #content #pagination a:visited, #content #pagination a:hover, #content #pagination a:active {text-decoration:none;background:#fff;color:#333;padding:2px 5px;border: 1px solid #ccc}
#content #pagination a:hover {background:#aaa;color:#fff}
#pagination span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
#pagination h4 {float:left;margin:0px;}


span.highlight { font-weight: bold; background: #ffefe1; }