a:link, a:visited { text-decoration: none;}

body { background: #009cdb url(/s/img/body_bg.png) repeat-x; margin: 0; color: #141418;font-family: Helvetica, Arial, sans-serif; font-size: 100%; }

div.floatleft { float: left; }
div.floatright { float: right; }

div.container { min-height: 400px; }

div#header, div#nav.dropdown, div#content_container, div#footer { width: 920px; margin: 0 20px; }

/* Headings */

/*h1, h2, h3, h4, h5 { font-family: Gill Sans, Helvetica, Arial, sans-serif; font-weight: 100; }*/

/* Let's turn off and turn-on the elements we need, based on the page we are on */
/* Main Page */
body#Main div#content_head { display: none; }

/* Header */
div#header { /*height: 125px;*/ position: relative; z-index: 2500; }
div#header h1 { margin: 0; width: 332px; height: 63px;  }
div#header h1 a { margin: 0; width: 100%; height: 100%; display: block; /*position: absolute; left: 0;*/ background: transparent url(/s/img/cityeast_logo.png) 0 10px no-repeat; line-height: 200px; text-indent: -1000px; overflow: hidden;}
div#header div#search { position: absolute; right: 0; top: 0; width: 470px; padding: 0px; z-index: 2000; }
div#nav.dropdown { /*position: absolute; right: left; bottom: 20px;*/ z-index: 2000; clear: both; margin: 0; width: 720px;  }
	 div#nav.dropdown ul { margin: 0; padding: 0; }
	 div#nav.dropdown > ul > ul,  div#nav.dropdown > ul  li { margin: 0; padding: 0; list-style: none; z-index: 2001; }
	 div#nav.dropdown > ul > li { display: inline-block; height: 100%; background-color: transparent; width: auto; }
	 div#nav.dropdown > ul > li a { color: white; font-size: 160%; text-decoration: none; font-family: Gill Sans, Helvetica, Arial, sans-serif; font-weight: 100; text-transform: uppercase; padding: 10px 30px; height: 100%; display: block; z-index: 2002; width: auto; }
		 div#nav.dropdown > ul > li > a{ text-shadow: 0px 0px 0px #000; }
	 div#nav.dropdown > ul > li a:hover { background: #004078; }
	 div#nav.dropdown > ul > li:first-child a { padding: 10px 30px 10px; }
	
	 div#nav.dropdown > ul > li ul { position: absolute; left: -9999px; clear: both; }
	 div#nav.dropdown > ul > li:hover ul { left: auto; background: #004078; opacity: 0.9; margin-top: 0px; }
	 div#nav.dropdown > ul > li:hover ul li:hover,  div#nav.dropdown > ul > li:hover ul li a:hover { background-color: #002157;  }
	 div#nav.dropdown > ul > li:hover,  div#nav.dropdown > ul > li:hover a { background: #004078; opacity: 0.99; }
	 div#nav.dropdown > ul > li:hover ul a { font-size: 110%; }
	 div#nav.dropdown > ul > li:hover ul li { }
	 
/* Site Toolbar */
div#header div#site_toolbar { width: 475px; position:absolute; top: 0; right:0; z-index: 6000; height: 31px; overflow: visible; }	 

/* Search box */
div#search_box { border: 0px solid red; background-color: #000; width: 100%; float: left; opacity: 0.97; -moz-border-radius: 0 0 0px 6px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 6px; -moz-box-shadow: 2px 3px 10px #011b3a; -webkit-box-shadow: 2px 3px 10px #011b3a; }
div#search_box h3 { float: left; margin: 0; color: #fff; font-size: 1em; padding:5px 10px;}
div#search_box form#search { float: left; width: auto; margin-top:4px; }
	
	div#search_box label { padding: 0; margin: 0 10px 0 0;}
	div#search_box input { font-size:13px; height:auto; padding:0px; }
	div#search_box input:focus { outline: 0; background-color: #fff; }
	div#search_box input#find { display: none; }
	div#search_box div.advanced-search-button-slide { float: left; padding: 0; margin: 5px 0 0 10px; color: #eee; cursor: pointer; font-size: 0.9em; }
		a.advanced-search-button { margin: 0; }
	div#site_toolbar a[href="/login"] { float: right; color: #ccc; width: 25%; background-color: #252424; padding: 6px 6px  6px 6px;}
div#search_box input.quicksearch { display: inline; }

/* Quicksearch */
div.quicksearch-wrap { left: 106px; width: 151px; top: 25px; }
	div.quicksearch-wrap ul a:link { text-decoration: none; }
	div.quicksearch-wrap ul { margin: 0; }
	
	div.quicksearch-wrap-container div.quicksearch-wrap li.title { background-color: #444; }
	
	
/* Login/Search */
div#search { -moz-border-radius: 0 0 20px 10px; -webkit-border-radius: 10px; z-index: 100; }
	div#search input { float: none; }
	div#search div#search_form { width: 324px; margin: 0; float: left; padding: 4px 0 4px 10px; background: #000; }
		div#search div#search_form label { color: #f7f7f7; display: inline; margin: 0; padding: 0; width: auto; }
	div#search > a { width: 122px; margin: 0; float: left; background-color: #252424; display: block; height: auto; padding: 4px 7px 6px 7px; -moz-border-radius: 0 0 10px 0px; -webkit-border-radius: 0 0 10px 10px;}

/* Advanced Search */
div#search_box div#advanced_search_slide { clear: both; height: 175px; border: 0px solid red; position: relative; z-index: 2000; -moz-border-radius: 0 0 10px 10px; }
div#search_box  div#advanced_search_slide form { min-height: 175px; position: relative; height: auto;}
div#search_box  div#advanced_search_slide form, div#search div#advanced_search_slide form div { margin: 0; z-index: 2000;}
div#search_box  div#advanced_search_slide form label { color: #f7f7f7; width: auto; }

	div#advanced_search_container_slide { clear: both; height: 0; overflow: hidden;}
	div#search_box div#advanced_search_slide form div { position: absolute; margin: 0; height: auto; }
		div#search_box  div#advanced_search_slide div#adv_search_keyword { display: none; }
		div#search_box  div#advanced_search_slide div#adv_search_tag { top: 10px; left: 38px; }
		div#search_box  div#advanced_search_slide div#adv_search_location {top: 43px; left: 39px;}
		div#search_box  div#advanced_search_slide div#adv_search_price { top: 77px; left: 20px;}
		div#search_box  div#advanced_search_slide div#adv_search_time { top: 110px; left: 63%;}
		div#search_box  div#advanced_search_slide div#adv_search_day { top: 110px; left: 20%;}
		div#search_box  div#advanced_search_slide div#adv_search_submit { bottom: 10px; right: 30px;}
	
	div#search_box a#cancel-search { cursor: pointer; color: #B90F0F; font-weight: bold; }	

div#advanced_search { position: relative;}

/* Shortlist */
div#shortlist { background-color: #173566;  min-height: 59px; z-index: 50; -moz-box-shadow: 2px 3px 10px #011b3a;
-moz-border-radius: 0 0 6px 6px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-box-shadow: 2px 3px 10px #011b3a; padding: 0px 0 0 0; opacity: 0.94; clear: both; float: right;  }	
	div#shortlist ul {  height: auto; overflow: hidden; display: none; border-bottom: 0px dashed #3B5681;}
	div#shortlist div { float: left; padding: 10px;}
	div#shortlist div#shortlist_classes { border: 0px solid red; width: 100%; background-color: #011941;  }
		div#shortlist div#shortlist_classes, div#shortlist div#shortlist_classes ul, div#shortlist div#shortlist_classes li { margin: 0; padding: 0; list-style: none;}
		div#shortlist div#shortlist_classes li { margin: 0px; padding: 5px; background: none; }
			div#shortlist div#shortlist_classes li span.cut_item { float: right; color: #701919; }
			div#shortlist div#shortlist_classes li span.cut_item:hover { color: #AA1F1F; cursor: pointer; }
	div#shortlist div#info {  clear:both;  border-right: 1px solid #193A70; }
		div#shortlist:hover { background-color: #022762; }
	div#shortlist div#actions { margin-top: 00px; width: 78px; }
		div#shortlist div#actions a { width: auto; display: block; padding: 0; cursor: pointer; color: #eee; }
	div#shortlist div#info span { font-size: 460%; font-weight: bold; color: #00aeef; float: left; display: block; height: auto; width: auto; border: 0px solid red; margin: 10px 5px 0 0;}
	div#shortlist div#info p { float: left; margin: 0; width: 50px; color: #f7f7f7; }
	
	div#shortlist a.toggle_shortlist {  }
	div#shortlist a.toggle_shortlist:hover { text-decoration: none; color: rgb(204, 51, 51); }

	div#shortlist div#shortlist_classes ul.menu { width: 205px; padding: 0; margin: 0;  }
	/*ul.menu li.onshortlist { background: none; width: 100%; padding: 0; margin: 0;  }*/
	
	div#shortlist div#shortlist_classes ul.menu li.onshortlist a, ul.menu li.onshortlist-x a { text-decoration: none; color: #A3B1C6; }
		div#shortlist div#shortlist_classes ul.menu li.onshortlist a.viewitem { display: block; margin-left: 10px; z-index: 100; }
		div#shortlist div#shortlist_classes ul.menu li.onshortlist a.cutitem { z-index: 500; margin-right: 5px; }
	div#shortlist div#shortlist_classes ul.menu li.onshortlist:hover, div#shortlist div#shortlist_classes ul.menu li.onshortlist-x:hover { background-color: #182E52; }
		div#shortlist div#shortlist_classes ul.menu li.onshortlist a.viewitem:hover { color: #fff; }
		div#shortlist div#shortlist_classes ul.menu li a.cutitem:hover { background-position-x: 3px; background-color: #990000; opacity: 0.9; }
		
		div#shortlist div#shortlist_classes ul.menu li.enrolnow { text-align: right; padding-right: 15px; }
	
	div#shortlist div#shortListWrapper, div#shortlist div#shortlist, div#shortlist div#shortListInner, div#shortlist div#myShortList {padding:0; margin:0;}
	div#myShortList h3 {display:none;}
	div#cover, div#updater {display:none;}

/* Image Breakout Area */

body#Main div.rotating_banners { width: 687px; height: 296px; margin-bottom: 10px; float: left; }
div.rotating_banners { width: 687px; height: 296px; margin-bottom: 20px; float: left; }
div.rotating_banners:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div#cat_nav + p + br { clear: both; }
div.taggroup + br { display: none;}
/*div#image_breakout, div#cat_nav { float: left; }
div#image_breakout { margin: 0 11px 11px 0; height: 296px;  }
div#image_breakout img { -moz-border-radius: 0 60px 0 0; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 60px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; }*/

/* Category Nav */
div#cat_nav {  float:right; height:296px; width:222px; }
div#cat_nav ul { margin: 0; list-style: none;}
div#cat_nav ul li { outline: 0px solid #ccc; margin: 0 0 2px 0; text-align: left; background: transparent; }
div#cat_nav ul li:last-child { margin: 0; }
div#cat_nav ul li a { display: block; width: auto; height: 27px; margin: 0; padding: 8px 0 0 10px; color: #fff; text-decoration: none; background-image: url(/s/img/cat_nav_icon.png); background-repeat: no-repeat; background-position: 97.5% center; -moz-border-radius: 9px; -webkit-border-radius: 9px; font-family: Gill Sans, Arial, sans-serif; font-size: 1.2em; text-shadow: 2px 2px 2px #444; }

div#cat_nav ul li a:hover { opacity: 0.8; background-color: #000;  }
	div#cat_nav ul li a[href="/arts"] { background: transparent url(/s/img/menu/arts.png) no-repeat ; }
	div#cat_nav ul li a[href="/business"] { background: transparent url(/s/img/menu/business.png) no-repeat ; }
	div#cat_nav ul li a[href="/computing"] { background: transparent url(/s/img/menu/computing.png) no-repeat ; }
	div#cat_nav ul li a[href="/food"] { background: transparent url(/s/img/menu/food.png) no-repeat ; }
	div#cat_nav ul li a[href="/health"] { background: transparent url(/s/img/menu/health.png) no-repeat ; }
	div#cat_nav ul li a[href="/humanities"] { background: transparent url(/s/img/menu/humanities.png) no-repeat ; }
	div#cat_nav ul li a[href="/languagescomm"] { background: transparent url(/s/img/menu/languages.png) no-repeat ; }
	div#cat_nav ul li a[href="/lifestyle"] { background: transparent url(/s/img/menu/lifestyle.png) no-repeat ; }
	
/* Content */
div#content_head { clear: both; width: 880px; padding: 15px 20px 0; height: 35px; background-color: green; color: #fff; font-size: 2em; }
div#content { width: 880px; height: auto; background: #f7f7f7; padding: 20px; clear: both; }	

/* Main Page styling */
body#Main div#content { padding: 0; background-color: transparent; border: 0px solid red; width: 920px; }

div#content div.content_block { width: 220px; height: 290px; float: left; background: #002157 url(/s/img/block_bg.png) repeat-x; border: 1px solid #000; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; margin: 0 10px 20px 0; }
div#content div.content_block p { padding: 10px; color: #fff; }
div#content div.content_block h3 { margin: 0; text-align: center; padding: 10px; height: 20px; /*background: #000 url(/s/img/homepage_banner_1.jpg) right top no-repeat;*/ color: #EAF2F8; font-weight: 100; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-family: Gill Sans, Arial, sans-serif; text-shadow: 2px 2px 2px #000; background-color: #002157; }
		div#content div#testimonials_block.content_block h3 { background-position: bottom right; }
		div#content div#tutor_block.content_block h3 { background-position: bottom center; }
		div#content div#locations_block.content_block h3 { background-position:-219px -115px; }
	div#content div#blocks div img { margin: 12px auto 0 auto; text-align: center;  display:block; }
	div#content div#blocks div p { text-align: left; padding: 6px 12px; margin: 0; color: #f7f7f7; }


div#new_courses_block { clear: both; }
div#new_courses_block ul li:hover {  }
	div#summer_courses_block ul,
	div#new_courses_block ul { margin: 10px 16px; }
	div.content_block ul li
	div#summer_courses_block ul li,
	div#new_courses_block ul li { list-style: circle; margin: 0 0 0 20px; }
	div#summer_courses_block ul li span,
	div#new_courses_block ul li span { display: inline-block; height: 10px; width: 20px; margin-right: 10px; }
	div.content_block ul li a,
	div#summer_courses_block ul li a,
	div#new_courses_block ul li a { color: #f7f7f7; text-decoration: none; }
		div.content_block ul li a:hover,
		div#summer_courses_block ul li a:hover,
		div#new_courses_block ul li a:hover { color: #003E77; }
	div#new_courses_block ul li.arts span { background-color: #990099; }
	div#new_courses_block ul li.business span { background-color: #b91629; }
	div#new_courses_block ul li.computing span { background-color: #663300; }
	div#new_courses_block ul li.food span { background-color: #002157; }
	div#new_courses_block ul li.health span { background-color: #3333cc; }
	div#new_courses_block ul li.humanities span { background-color: #6291fb; }
	div#new_courses_block ul li.languages span { background-color: #339900; }
	div#new_courses_block ul li.lifestyle span { background-color: #00cb01; }	

div#content div#locations_block { margin: 0px 0 0 1px; overflow: hidden; padding: 0; height: 290px; position: relative; }

/* Subject area homepages */
/* Define pages that'll be using this styling */

/* Top level / Container element */
div.taggroup { float: left; width: 100%;  }
div.webnodecontent > div.taggroup > ul > li { width: 100%; margin: 0px; background: transparent; }
	div.webnodecontent  > div.taggroup > ul > li > h2, div.webnodecontent  > div.taggroup > ul > li > div.taggroup_detail { display: none; }
	div.taggroup:after, div.taggroup > ul > li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } 

/* 2nd level */
div.webnodecontent > div.taggroup > ul > li > div.taggroup > ul > li { margin: 0 5px 30px 0; padding: 0; background: none; list-style: none; float: left;  height: 273px;}
	div.webnodecontent > div.taggroup > ul > li > div.taggroup > ul > li:nth-of-type(4) { margin-right: 0; }
	div.webnodecontent > div.taggroup > ul > li > div.taggroup > ul > li div.taggroup_detail { padding: 10px; border-style: solid; border-color: #002157; border-width: 0 1px 1px 1px; color: #fff; background: #002157 url(/s/img/block_bg.png) repeat-x; }

div.taggroup > ul > li > h2 { margin: 0; text-align: center; padding: 0px;  color: #EAF2F8; font-weight: 100; -moz-border-radius: 10px 10px 0 0; -webkit-border-top-left-radius: 10px; -webkit-border-top-right-radius: 10px; -webkit-border-bottom-right-radius: 0px; -webkit-border-bottom-left-radius: 0px; font-family: Gill Sans, Arial, sans-serif; font-size: 1.4em; background-color: #002157; height: 38px;  }
div.taggroup > ul > li > h2 a { color: #eee; display: block; height: 268px; width: 100%; padding: 5px 0 0 0; line-height: 14px;}

div.taggroup > ul > li > div.taggroup_detail { height: 215px;  }
div.taggroup > ul > li > div.taggroup_detail > p { color: #f7f7f7;  }

div.webnodecontent > div.taggroup { width: auto; float: left; clear: none; margin-right: 0;}

/* Course list */
div#content div.new_course_item > h4 { font-family: Gill Sans, Helvetica, Arial, sans-serif; font-weight: 400; text-shadow: 1px 1px 1px #fff; }

/* Course detail page */
body#DetailPage div#content div#course_detail > h2:nth-of-type(1) { margin: 0 0 33px 0; width: 70%; font-size: 2.2em; font-family: Gill Sans, Helvetica, Arial, sans-serif; font-weight: 300; /* text-shadow: 1px 1px 1px #fff; */}
	body#DetailPage div#content div#course_detail > h2:nth-of-type(1) span { font-weight: 100; }

body#DetailPage div#content > h2 { margin: 0 0 20px 0; float: left; width: 70%; font-size: 2.2em; font-family: Gill Sans, Helvetica, Arial, sans-serif; font-weight: 300; /* text-shadow: 1px 1px 1px #fff; */}
	body#DetailPage div#content > h2 span { font-size: inherit; font-weight: 300; } 
	
	body#DetailPage div#content div#course_detail { margin: 0; padding: 0; }
	
body#DetailPage div#content p.print-page { float: right; width: 25%; margin: 0 0 10px 0; padding-right: 10px;  }
body#DetailPage div#content div#class_detail { clear: both; }

body#DetailPage div#content dl#room-details { clear: both; }

div#location h3.blockhead { padding: 0; }

/* Adjusting the tooltip location */
div.bubbleInfo div.tooltip_popup { right: 90px; }
	div.bubbleInfo div.tooltip_popup div { z-index: 8001;  }
	div.bubbleInfo div.tooltip_popup div.bubble_top { background-image: url(/s/img/bubble2_top_left.png); }
	div.bubbleInfo div.tooltip_popup div.bubble_middle { background-image: url(/s/img/bubble2_middle_left.png); }
	div.bubbleInfo div.tooltip_popup div.bubble_bottom { background-image: url(/s/img/bubble2_bottom_left.png); }
	
	div.bubbleInfo div.tooltip_popup div.bubble_content { padding-left: 25px; padding-right: 50px;}



/* Search results */
div.search-terms { background-image: url(/s/img/search.png); }
div.search-terms:hover { border-color: transparent; cursor: default; }

/* Hide tag description */
body#ListPage div.search-terms + ul { display: none; }

/* Waiting list popup */
div#popup-content { color: #f7f7f7; }
	div#popup-content span.description { color: #eee;  }

/* Footer */
div#footer { color: #003950; }
	div#footer p#site_credits { float: left; margin-left: 4px; font-size: 0.8em; }
	div#footer a#oncourse_logo { float: right; background-image: url(/s/img/oncourse_badge_dark.png); background-position: 4px 4px; padding: 4px; }
	div#footer a#oncourse_logo:hover { background-color: #000; }

/* Sites page fixes */
body#SiteList ul.site_list li div.adr { width: 70%; float: left; margin-left:1px; padding-left: 18px; background: transparent url(http://avb.test.oncourse.net.au/s/img/icon/location.png) no-repeat; }

body#SiteList ul.site_list li a { text-decoration: none; }
	body#SiteList ul.site_list li a.site_directions { padding-left: 0; background-image: none; display: block;}
	body#SiteList ul.site_list li a.classes_link { float: right; padding: 0; }

body#SiteList ul.site_list li h3.location_name a { font-weight: 100;  padding: 0 0 5px 0px; font-size: 0.9em;   }