/* CSS for ACTT site  29 Sept 2009 */
/* Modified to fix courses page {tags} layout */

/* to move into application */

.imgleft {display:inline; float:left; margin-right: 1em;}
.imgright {display:inline; float:right; margin-left: 1em;}

/* 	#webeditorcontrol { display: none; position: absolute;} */



body {
	background-color: transparent;
	background-image: url('../../img/background.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

div.container  {
	text-align: left;
	width: 800px;
}

h2.webnodename { padding-top:1em;}
	

/* remove underlines from list item links */

li a, li a:link, li a:active, li a:focus, 
a, a:link, a:active, a:focus {text-decoration: none; /*border-bottom: 1px dotted rgb(119,199,119);*/}

/* hide the sidebar on the home page, spread content to full width */
body.main-page > div.container div#content { width: 100%; }
body.main-page > div.container div#sidebar { display: none; }


/* Header layout */

#header { 
	height: 85px;
	width: 800px;	
	margin:0 auto 20px;
	position: relative;
}

#search_box {
	width: 180px;
	position: absolute;
	top: 1.5em;
	right: 0;
	/**/
	text-align: right;
}
	
#search_box h3 {display:none;}	

/*  Advanced search fix */

div#advanced_search { right: 40px; top: 28px; }
div#advanced_search { text-align: left; }

a#login-link { 
	position: absolute;
	top:70px;
	right:0;
	border:none;
	z-index:0;
}

/* Navigation menus

div#nav-wrap > ul { width: 810px; margin-bottom: -0.8em; }

#nav-wrap ul li a, #nav-wrap ul li a.active, #nav-wrap ul li a.thisPage {
	 padding-left: 0;
	 padding-bottom: 0.8em;
	 padding-right: 1.5em;
	 padding-top: 0;
	 margin: 0 0.5em 0 0;
	border-bottom: none;
}
	
#nav-wrap > ul > li > a {
	background-image: url(../../img/li_a_divider.gif);
	background-position: top right;
	background-repeat: no-repeat;
	background-color: transparent;
}
	
#nav-wrap ul li a:hover { color: #999999; }

#nav-wrap ul li a.thisPage { color: #86C23B; }	

#nav-wrap ul li a.parent { color: #86C23B; }	

#nav-wrap ul li:hover ul, #nav-wrap ul li li:hover ul, #nav-wrap ul li li li:hover ul { left: auto; padding-left:1em; }

div#nav-wrap  ul  li ul li ul li { background-color:#7bae44; }

	
		#nav-wrap ul li ul {
			width: 165px;
			margin: -10px; 0 0 0;
			background-color: #91CB4D;
			background-image: none;
			border: none;
		}

		#nav-wrap ul li ul li ul {
			margin: 0 0 0 150px;
			left: 165px;
			background-color: #7bae44;
			border-left: none;
			font-size: 88%;
		}
		
		#nav-wrap ul li ul li, #nav-wrap ul li ul li:hover {
			margin: 0 0 0 0;
			border: none;
			text-align: left;
			width: auto;
			float: none;
			
		}
		
		#nav-wrap ul li li a, #nav-wrap ul li li a.active, #nav-wrap ul li li a.thisPage {
			width: 100%;
			padding: 0.2em	;
			background-image: none;
			border: none;
			text-transform: none;
			border-bottom: 1px solid #71A432;
			color: #000000;
		}
		
#nav-wrap ul li li a:hover, #nav-wrap ul li li a.active:hover, #nav-wrap ul li li a.thisPage:hover {
 color: #FFFFFF; border-bottom: 1px solid #FFFFFF; 
}*/

div#nav.dropdown li { font-family:"Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif; }
div#nav.dropdown li ul li { background-color: #91CB4D; }
div#nav.dropdown li ul li:hover, div#nav.dropdown li ul li.sfhover { background-color: #638C32; }
div#nav.dropdown > ul > li:hover, div#nav.dropdown > ul > li.sfhover { background-color: transparent; }
div#nav.dropdown > ul > li > a > span.has_submenu, div#nav.dropdown > ul > li:hover > a > span.has_submenu,  div#nav.dropdown span.has_submenu { display: none; }
div#nav.dropdown > ul > li, div#nav.dropdown > ul > li > a { width: auto; padding: 0 10px 0 0; }

div#nav.dropdown > ul > li > a {
	padding: 3px 20px 0 0;
	background-image: url(../../img/li_a_divider.gif);
	background-position: center right;
	background-repeat: no-repeat;
	background-color: transparent;
	}
	
/* Sidebar */
body.main-page div#content_container { background-color: transparent; }
div#content_container { background-color:#FFFFFF; width: 800px; }
  #nav ul:after, div#content_container:after, div#link-grid:after  {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }

div#sidebar div#login_box {display:none;}
div#sidebar div#tokens {display:none;}

body.main-page div#content { border-right: 0px; }
body.internal-page div#content { background-color: #fff; width: 540px; }

body.main-page div#content { padding-left: 0px; } 
div#content {
	z-index: 555;
	border-right: 1px solid #999;
	margin-right: 0px;
	padding: 0px 10px 15px 10px;
}

div#sidebar { background-color: #fff; width: 180px; margin-left: 0px; padding: 15px 20px 0 39px; }
body.main-page > div.container > div#sidebar { display: none; }

/* negative margin so that the fixed-width sidebar will float right beside the #content */

#footer p { padding-left: 0; }
			
#footer .tagline {
	color: #FFFFFF;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	text-align: left;
}

#footer .copyright {
	color: #7DBC3E;
	font-weight: normal;
	text-align: left;
	font-size: 70%;
}

/* Design */

#block49 {
	width: auto;
	padding: 1em;
	background-color: #87c43b;
}

#block49 h3 { 
	margin: 0 0 0.5em 0;
	/**/
	border-bottom: none;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 120%;
	text-align: left;
	line-height: 100%;
	/**/
	color: #3A3487;
}

#block49 a {
	color: #FFFFFF;
	border-bottom: none;
	line-height: 100%;
}
	
	#block49 a:hover { color: #251340; }



/* Front page */



#link-grid { 
	margin: -10px 0 0 0; 
}

#link-grid a {
	display: block;
	margin: 0 1em 1em 0;
	padding: 0 0 0 0;
	float: left;
	text-decoration: none;
	border: none;
	color: #000000;
	background-color: #CCCCCC;
}	

#link-grid img {
 float: left;
}

#link-grid h3.gold, #link-grid h3.green { 
	width: 230px;
	height: 60px;
	margin: 0 0 0 0;
	padding: 10px;
	clear: left;
	/**/
	background-color: #E78C2A;
	font-size: 120%;
	font-weight: bold;
	font-family: "Century Gothic","Gill Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	color: #000000;
}

#link-grid h3.gold span, #link-grid h3.green span { font-weight: normal; }

#link-grid h3.green { background-color: #87C43B; }


/* Customised tag groups */

div.taggroup { width: 100%; }
div.taggroup h2 {clear:both; }	
div.tag-description p { padding-right:1em;}

div.taggroup > ul > li { width: 100%; position:relative; }
div.taggroup li li { background-image: none; }
div.taggroup_detail {position:absolute; right:10px; width:330px;}

/* Forms */

#content span.form-question label {text-align: left;}


/* Class Details */

div.blockdetail div.extra {width:15em; float:right;}
div.blockdetail div.extra ul.menu a {display:block; width:100%;}
div.blockdetail div.extra ul.menu a:hover, div.email a:hover {border-bottom:1px solid transparent;}
#content div.blockdetail div.extra ul.menu li.enrolnow {background-image: url(/s/img/b-enrol.png);}
div.email {font-family: 'Lucida Grande', 'Lucida Sans', Helvetica, Arial, sans-serif; 
	padding-left:10px; padding-right:10px; }
div.email a {width:100%; display:block; background-image: url(/s/img/b-more.png); background-repeat: no-repeat;}
li.addshortlist, li.places, li.shortlisted, li.enrolNow, div.email {}


.taggroup h2, .taggroup li {font-size:100%; border:none;}
.taggroup h2 {padding-bottom:1em;}
.taggroup li { width:100%; /*display: block; float:none; list-style-type: none; border:none; clear:left; 
	list-style: none; background-image:none; */}
.taggroup li li {width:100%; float:left;  background-image:none;}
.taggroup ul {list-style-type: none;}
.taggroup ul li ul {width:45%; display:block; float:left; margin-top:0;}
.taggroup div.tag-description {float:right; width:50%}

a:link, a:visited, h2 a:link, h2 a:visited, h3 a:link, h3 a:visited {color: #24265b;}
a:focus, a:hover, a:active, h2 a:focus, h2 a:hover, h2 a:active,
 h3 a:focus, h3 a:hover, h3 a:active {border-style: none; color: #4145a1}

div#courselist h3 {margin-bottom: 0.5em;}

div.batch, div.batch-pages {background-image: none;}
div.batch-pages {border:1px solid silver; 
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	background-color: #f5fff2;
}
div.blockbody {border:1px solid silver; 
	border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;
	padding:1em;
}

div.blockhead, div.blockbody, div.blockwrap {background-image: none;}

div.batch-records {padding: 0.25em; }

ul.webnodelist li, div#webeditorcontrol {font-size:small;}
ul.menu li.editPageNoPages {padding-top:10px; padding-right: 25px;}
div#courselist ul {list-style: none;}
div#courselist li { background-image:url(/s/img/bullet.png); background-position:-3px 6px; background-repeat:no-repeat; font-size:small; padding-left:15px; padding-top:3px; }
/*div.course-qualifications {display:none; visibility: hidden;}*/

div.blog-node {border-top:1px solid silver; padding:0; margin:1em; padding-top:0.75em;}
div.blog-node h3 {float:left; margin:0; padding:0; width:70%;}
div.blog-node h4 {float:right; margin:0; padding:0; color:gray; width:30%;}
div.blog-detail {margin-top: 2em;}

div#shortListWrapper {margin:0; margin-bottom:10px; padding:10px; border:1px solid #8ac749; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius: 15px; }

div.highlightWrapper {width:158px;}

div#shortlist a {border:none;}
div#shortlist ul.menu li.onshortlist, div#shortlist ul.menu li.onshortlist-x {background-image: none;}

div#region_left div.blockDisplay {margin:0; margin-bottom:10px; padding:10px; background-color: #8ac749; border-radius:15px; -webkit-border-radius:15px; -moz-border-radius: 15px; }
div#region_left td, div#region_left tr, div#region_left table {background-color:transparent; border:none; margin:0;}
div#region_left h3 {color:white;}
ul#quicksearch-ul li.quicksearch-heading {font-size:75%; text-align:left;}

/* CSS Fixes 3 June 2009 to deal with new version of OnCourse - CLL 
	
	Summary of fixes

	    * email a friend class detail 
	    * site detail large space not collapsed 
	    * email a friend shortlist control
	    * My Shortlist styling 


*/

div#shortlist ul.menu li.enrolnow { background: none; position: relative; left: -16px;}
div#coursedetail ul {list-style: none;}
div#coursedetail ul.menu li.email { float: right; }

#content div.blockdetail { margin: 20px 0; }
#content div.blockdetail div.main { width: 300px; }
#content div.blockdetail div.extra ul.menu {margin-right: 1em; background-color: #fff; border: 0px; margin-top: 0px;}
#content div.blockdetail div.extra ul.menu li { text-align: right; width: auto;}
#content div.blockdetail li.email { width: 167px; left: 0px; }
#content div.blockdetail div.extra ul.menu li.enrolnow {background-image: none; background-color: #fff; height: 45px;  border-bottom: 1px dotted #999; background:url(/s/img/b-enrol.png) 10px 5px no-repeat; }
#content div.blockdetail ul.menu li.enrolnow a { padding: 0px 0 0 15px; }

#content div.blockdetail div.extra ul.menu li.addshortlist {background:transparent url(/s/img/b-add.png) no-repeat 10px 13px;}

#content div.blockdetail div.extra ul.menu a, #content div.blockdetail ul.menu li.enrolnow span  {border: none; color: #24265B;  font-family:"Lucida Grande","Lucida Sans",Helvetica,Arial,sans-serif; left: 0; font-size:10pt; font-weight: 200; top: 0;  }



div#coursedetail div.blockdetail dl.details dt {clear:left; margin:0; width: 35%;}
div#coursedetail div.blockdetail dl.details dd, div#coursedetail div.blockdetail dl.details dt { float: left; }
div#coursedetail div.blockdetail dl.details dd { margin-left: 0px; width: 65%;}
div.blockdetail div.extra { position: relative; top: 0px; left: 15px;}


div.blockdetail div.extra ul.menu { width: 80%; float: right; }

dl#room-details { border: 0px solid red; height: 100px;}

/* Basic and Advanced Search */

#header #search input#find {
	background-image: url(/s/img/search.png); 
	background-repeat:no-repeat;
	float:right;
	margin: 0 0 0 -2px;
	width: 20px;
	height: 20px;
	text-indent: -9999px;
	line-height: 25px;
	overflow: hidden;
}

form#search h3 {display:none;}	
#header .swrap { background-color: transparent; }

#header #search input  { 
	width: 137px; 
	height: 17px; 
	padding: 2px 0 0 2px;
	/**/
	border: 1px solid #24113C;
	background-color:transparent;
background-image:url(/s/img/search-bg.png);
background-repeat:no-repeat;
	/**/
	font-size: 100%;
	font-family: Arial;
	color: #36214B;
	float:left;
	margin-right: 0px;
}

div.quicksearch-wrap

ul.quicksearch li.courses, ul.quicksearch li.tags, ul.quicksearch li.coursetag, ul.quicksearch li a {font-size:x-small;}

/* Hiding the days/timeofday feature for this college */

span.timing-display { display: none; }

/* Class list */
div.new_course_item div.class_details ul.class_locationtutor { width: 40%; }