@font-face {
	font-family: 'LeagueGothicRegular';
	src: url('/s/font/League_Gothic-webfont.eot');
	src: local('?'), url('/s/font/League_Gothic-webfont.woff') format('woff'), url('/s/font/League_Gothic-webfont.ttf') format('truetype'), url('/s/font/League_Gothic-webfont.svg#webfontOTINA1xY') format('svg');
	font-weight: normal;
	font-style: normal;
}

html { font-size: 75%; font-family: Helvetica, Arial, sans-serif; }
body { border-top: 46px solid #00437b; background: #00619B url(/s/img/bg.png) center center fixed no-repeat; -moz-background-size: cover; background-size: cover; margin: 0; color: #fff;	
}
.container { width: 1000px; position: relative; z-index: 1; margin: -46px auto 0 auto; outline: 0px solid red; }

#content_container { background: #155881; background: rgba(68,68,68,0.3); padding: 1em; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; z-index: 1; }

.imgleft { padding: 5px 15px 5px 0; float: left;  }
.imgright { padding: 5px 0 15px 5px; float: right;  }

/* Show grid */
.showgrid { background: transparent url(/s/img/grid.png); }


/* Links */
a:link { text-decoration: none; color: #c54f33; }
a:hover { color: #D06349; }
a:visited { text-decoration: none; color: #95b5ca; }

/* Header */
div#header { height: 98px; /*background: rgb(109,175,209); background: rgba(109,175,209,0.8);*/ position: relative; margin-bottom: 1.5em;
	background: transparent url(/s/img/header_bg.png) no-repeat;
	-webkit-border-bottom-right-radius: 20px; -webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-bottomright: 20px; -moz-border-radius-bottomleft: 20px;
	border-bottom-right-radius: 20px; border-bottom-left-radius: 20px;
	}
	div#header h1 { margin: 0; position: absolute; top: 0; left: 0; width: 24.4%; background: transparent url(/s/img/logo.png) right 0 no-repeat; z-index: 90; }
	div#header h1 a { display: block; padding: 0; line-height: 1000; text-indent: -999px; width: 100%; height: 73px; overflow: hidden; }

div#header div#byline { position: absolute; left: 265px; top: 20px; font-size: 0.9em; color:#CDD6E1; text-transform: uppercase; }	
	div#header div#byline span { font-weight: bold; font-style: italic; text-transform: none;  } 
/* Navigation */
div#nav.dropdown { position: absolute; bottom: 0; height: 52px; width: 100%; z-index: 2;
-webkit-border-bottom-left-radius: 10px; -webkit-border-bottom-right-radius: 10px; 
-moz-border-radius-bottomright: 10px; -moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px; border-bottom-left-radius: 10px;
background: transparent url(/s/img/nav_bg.png) repeat-x; 
   /*background-image: -moz-linear-gradient(top, #0087cc, #72b2d2);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #0087cc),color-stop(1, #72b2d2)); 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#0087cc', EndColorStr='#72b2d2'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#0087cc', EndColorStr='#72b2d2')"; */
        }	
	div#nav.dropdown > ul { height: 52px; background: transparent; padding: 0 0 0 24.4%; }
	div#nav.dropdown ul li, div#nav.dropdown ul li a { width: auto; background-color: transparent; }
	div#nav.dropdown > ul > li { font-family: Arial, Helvetica, sans-serif; font-size: 1.4em; text-transform: uppercase; text-shadow: 0 2px 3px #0d204a;  font-weight: bold; }
	div#nav.dropdown > ul > li > a { color: #87d5fd !important; }
		div#nav.dropdown > ul > li:hover > a { color: #fff !important; }
	div#nav.dropdown ul li a { color: #f7f7f7; padding: 0.8em 0.6em; width: auto; }
		div#nav.dropdown ul li a:hover, div#nav.dropdown ul li:hover a { background-color: #1981b6; color: #f7f7f7; }
	
	/* 2nd level nav */
	div#nav.dropdown ul li ul { width: 7em; background: #1981b6; z-index: 500; -moz-box-shadow: rgba(68,68,68,0.4) 3px 5px 3px !important; -webkit-box-shadow: rgba(68,68,68,0.4) 3px 5px 3px !important; box-shadow: rgba(68,68,68,0.4) 3px 5px 3px !important; }
div#nav.dropdown > ul > li > ul li { width: 100% !important; font-family: Helvetica, Arial, sans-serif; font-size: 0.65em; font-weight: bold; text-transform: capitalize; text-shadow: 0 0px 0px #000; }
div#nav.dropdown > ul > li > ul li a { color: #87d5fd; }
	div#nav.dropdown > ul > li > ul li:hover a { background: #14668F; }

	
/* Site toolbar */
div#site_toolbar { position: absolute; width: 35.2%; height: 98px; right: 0;/* background: #ccc;*/ z-index: 2;  }	

/* Sign In Link */
div#site_toolbar a[href="/login"] { display: block; position: absolute; right: 13px; top: 10px; width: 209px; background-color: #145184; text-align: right; padding: 3px 6px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #68adcf; text-shadow: 1px 1px 0px #000; font-weight: bold; }	
	div#site_toolbar a[href="/login"]:hover { color: #eee; background-color: #1C72BA; }

/* Shortlist */
div#shortlist { width: 50%; background: #1966a8; z-index: 3; position: absolute; top: 46px; right: 50%; height: 52px; -webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-left-radius: 10px; background-image: -moz-linear-gradient(top, #1a68ab, #4086b5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #1a68ab),color-stop(1, #4086b5)); 
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a68ab', EndColorStr='#4086b5'); 
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#1a68ab', EndColorStr='#4086b5')"; 
        }

 div#shortlist:hover { color: #ddd; cursor: pointer; }
 div#shortlist:active {
  background-image: -moz-linear-gradient(top, #bcbec0, #787878); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #bcbec0),color-stop(1, #787878)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#bcbec0', EndColorStr='#787878'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#bcbec0', EndColorStr='#787878')"; /* IE8 */      
}	
 div#shortlist div#info { height: 100%; background: transparent url(/s/img/shopping_cart.png) 20px 50% no-repeat; }
	 div#shortlist div#info span { position: absolute; left: 2%; top: 12px; font-size: 2em; outline: 0px solid red; width: 32px; text-align: right;  } 
	 div#shortlist div#info p { float:right; margin:0 40px 0 0; padding-top:1px; width:55%; }
	
	 div#shortlist h3 { display: none; }
	 div#shortlist div.box { margin: 0; }
	
	 div#shortlist li { float: none !important; list-style: none; background: none; margin: 0; padding: 0; position: relative; width: auto; font-size: 0.9em; }
		 div#shortlist li:hover { background: #0066A1; }	
		 div#shortlist li:hover a { color: #fff; }
	 div#shortlist li a { padding: 0; text-shadow: none; font-weight: normal; padding: 0.5em 20px 0.5em 13px; color: #444; display: block; }
	 div#shortlist li a.cutitem { width: 16px; float: none; position: absolute; top: 10px; right: 10px; padding: 0; -moz-border-radius: 40px; -webkit-border-radius: 40px; background: #6d6d6d url(/s/img/b-cut.png) no-repeat scroll 4px 50%; }
		 div#shortlist li a.cutitem:hover { background: #222222 url(/s/img/b-cut.png) no-repeat scroll 4px 50%; font-weight: bold; }
		 div#shortlist li a.cutitem:focus { background: #000 url(/s/img/b-cut.png) no-repeat scroll 4px 50%; }
		
		 div#shortlist a#enrolNowLink { margin-right: 0; text-align: right; display: block; width: auto; font-weight: bold; text-transform: uppercase; padding: 0.5em 0.5em 0.5em 13px; color: #000; }
		 	div#shortlist a#enrolNowLink:hover { color: #f7f7f7; }
			
	div#shortlist div#shortlist_classes { background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.95); position: absolute; left: 5px; padding: 5px 0 0 0; width: 200px; display: none; z-index: 1000; 
   -moz-box-shadow: 2px 4px 5px rgba(68,68,68,0.5); /* FF3.5+ */
-webkit-box-shadow: 2px 4px 5px rgba(68,68,68,0.5); /* Saf3.0+, Chrome */
        box-shadow: 2px 4px 5px rgba(68,68,68,0.5); /* Opera 10.5, IE 9.0 */         
        }
	div#shortlist:hover div#shortlist_classes { display: block;}


/* Search box */
div#search_box { position: absolute; bottom: 0; right: 0; z-index: 4; background: #00427a; margin: 0; padding: 4px 2.857%; width: 63.604%; height: 44px; -webkit-border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-bottomleft: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px; }
	div#search_box input.quicksearch { width: 78%; border: 0px; padding: 4px;
	-webkit-border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-topleft: 4px; -moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 4px; border-bottom-left-radius: 4px; }
	div#search_box input.quicksearch:focus { outline: 0; }
	div#search_box input#find { background-color: #00b0e6; border: 0; padding: 0; width: 17.937%; height: 23px;
	-webkit-border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px;
	-moz-border-radius-topright: 4px; -moz-border-radius-bottomright: 4px;
	border-top-right-radius: 4px; border-bottom-right-radius: 4px; }

/* Quicksearch */

div#quicksearch-wrap-container { position: relative; }
div.quicksearch-wrap { position: absolute; font-size: 9pt; left:14px; top:27px; width:204px; background: rgb(255, 255, 255); background: rgba(255, 255, 255, 0.8); border: 0px solid #eee; text-align: left;     
-moz-box-shadow: 0px 4px 6px rgba(68,68,68,0.1); /* FF3.5+ */
-webkit-box-shadow: 0px 4px 6px rgba(68,68,68,0.1); /* Saf3.0+, Chrome */
        box-shadow: 0px 4px 6px rgba(68,68,68,0.1); /* Opera 10.5, IE 9.0 */	 }

div.quicksearch-wrap li { text-align: left; }
	div.quicksearch-wrap li a:link { padding: 0.5em 13px 0.5em 13px; width: auto; color: #666666; text-decoration: none; }
	div.quicksearch-wrap li:hover { background: #1E7A98 !important;  }
	div.quicksearch-wrap li a:hover { color: #fff !important; }
	div.quicksearch-wrap li:active, div.quicksearch-wrap li:visited { color: #95b5ca !important; }	
	
		
	div.quicksearch-wrap li.title { background: #606060 !important; padding: 0.5em 13px 0.4em 5px !important; }
	div.quicksearch-wrap ul.course_list li:last-child { text-align: right; }
	div.quicksearch-wrap ul.course_list li:last-child:hover { background: transparent;  }
		div.quicksearch-wrap ul.course_list li:last-child a { color: #999 !important; font-weight: bold;  }
		div.quicksearch-wrap ul.course_list li:last-child a:hover { background-color: #eee; color: #444 !important; }

div.quicksearch-wrap-container .dropShadow { 
	/* display: none; 
	*/ }	
	
/* Course listings */

.class_details { font-size: 0.9em; font-family: arial, helvetica, sans-serif; background: #1E6180 !important; background: rgba(68,68,68, 0.2) !important; border: 0 !important;  }
div.new_course_item div.class_details ul.class_timedate { width: 35%; background: none; }
	div.new_course_item div.class_details ul.class_timedate li { padding: 0; }

div.new_course_item div.class_details ul li.class_location, div.new_course_item div.class_details ul li.class_tutor { background: none; padding: 0; }	
	
div#content div.new_course_item { margin: 0 0 20px 0; line-height: 1.5em; }
div#content div.new_course_item > h4 { font-family: Arial, Helvetica, sans-serif; font-size: 1.5em; text-rendering: optimizeLegibility; letter-spacing: 0.04em; text-transform: capitalize; font-weight: bold;  }
	div#content div.new_course_item > h4 a { color: #87D5FD; text-shadow: #444 0px 1px 0px;}
	div#content div.new_course_item:hover > h4 a { color: #CCE2EF; } 
	div#content div.new_course_item:hover > h4 a:hover { color: #CCE2EF; }
div#content div.new_course_item li { color: #C3EAFE !important;  }

.bubbleInfo { color: #000; font-size: 0.9em; }
.bubble_top {  line-height: 1em; text-shadow: none; }
.bubbleInfo .timing-display { display: none; }
.bubbleInfo a { text-shadow: none !important; }
.class-link a, .course-link a { color: #00437B !important; font-weight: bold; }

/*.new_course_item .description > p:first-child { outline: 1px solid red; }*/
.new_course_item .description { color: #fff; }
.new_course_item .description div.img { float: left; margin: 4px 15px 15px 0; width: 150px; height: 94px; overflow: hidden; }
	.new_course_item .description img { float: left; margin: 4px 15px 15px 0; width: 150px; height: 94px; overflow: hidden;  }
.new_course_item .long_description { display: none; }

/* Panel links */
div#content div.new_course_item a { color: #C3EAFE; text-shadow: 0 0px 0px #000; }

div#content div.new_course_item a:hover { color: #D9E7EF; }
	div#content ul.class_timedate:hover a { color: #D9E7EF; }
	
div.new_course_item div.class_details ul.class_locationtutor { width: 40%; }
div#content div.new_course_item p.description { line-height: 1.6; color: #fff !important; }

div.search-terms { padding: 0.2em 0.5em 0.5em 0.5em; background: transparent; border-bottom: 1px solid #ccc; margin-bottom: 1.5em; color: #ccc; }
div.search-terms:hover { border-left: 1px solid transparent; border-top: 1px solid transparent; border-right: 1px solid transparent; border-bottom: 1px solid #ccc; }
	div.search-terms a:hover { border: 0px !important; }
div#search_query { cursor: text; } 	
	div#toggle-results-map a.toggle_locations { background-position-y: 0; color: #ccc; font-weight: bold;}
	.no-highlight:hover { border-color: transparent; }

div.tag-crumb-title, div.tag-crumb-title a { color: #A3A3A3; }
p.more-results { background-color: #88BCDB; border: 0; }


/* Course Detail*/
body#DetailPage div#content div#course_detail, body#DetailPage div#content div#course_detail > h2.clearfix { margin: 0; padding: 0; }
body#DetailPage div.new_course_item { margin: 0; }
div#course_detail > h2 > span, div.post-collapse div.new_course_item > h4 > span { color: #87D5FD; font-family: Arial, Helvetica, sans-serif; font-size: 1em; line-height: 1; text-rendering: optimizeLegibility; font-weight: bold; width: 100%; text-transform: capitalize; }

div#content div#course_detail, div.new_course_item p.description { line-height: 1.5; text-shadow: #444 0px 1px 0px;  }

div.new_course_item div.class_details ul li.class_enrol a, div.enrol_options ul li.class_enrol a { background-image: url(/s/img/enrol_button.png); }

/* Course Detail Images */
body#DetailPage div#content { position: relative; }
body#DetailPage div#content div#course_detail > h2.clearfix { margin-bottom: 80px; width: 77%;  }
body#DetailPage div#course_detail > div.course_title_image { position: absolute; top: 0px; right: 0px; width: 150px; height: 94px; overflow: hidden;  }
	body#DetailPage div#course_detail > div.course_title_image img {  }

/* Footer */

#footer { margin-top: 20px; padding-top: 0px; border-top: 0px solid #314652; color: #99c0d7; font-size: 0.8em;}	
	#footer a { color: #99c0d7; padding: 0; }
	#footer a:hover { color: #fff; text-decoration: underline; }
	#footer p { margin: 0; text-align: center;  }
	#footer p:empty { display: none; }
	
	#footer ul, #footer ul li { margin: 0; padding: 0; }
	#footer ul { text-align: center; }
	#footer ul li { list-style: none; display: inline; zoom: 1; line-height: 0; border-right: 1px solid #99c0d7; padding-right: 6px; margin-right: 4px; }
	#footer ul li:last-child { border: 0; }
	
/* Admin Fixes */
body#cms_loggedin { color: #444; }

/* Enrolment process */

.note { color: inherit; }
span.hint { color: #444; }
.payments tbody.totals tr { background-color: transparent; }
.payments thead th { color: #f7f7f7; }

div#shortlist_classes { left: auto; }

/* Session Table */
.session-table { color: #000; }