/*--------------------------------------------------------------------------

Wayahead Warrington - Basic Style Sheet

Version:	1.0
Author:		Danny

*** Last Modify Date: 15/05/2009 ( Danny ) ***

--------------------------------------------------------------------------*/

/* Structure 

	=Global
	=Typography
	=Headings
	=Links
	=Access Keys / Jumps
	=Forms
	=LayoutStructure
		- header
		- navigation
		- p-content	
		- s-content
		- footer
	=Shared Styles
	=header
	=p-content ( insides )
	=s-content ( insides )
	=footer ( insides )

--------------------------------------------------------------------------*/


/* =Global 
--------------------------------------------------------------------------*/

* { margin: 0; padding: 0; } 

body { line-height: 1.4; color: #404040; }

.clearme { clear: both; }
.hideme, .hidden-field { display: none !important; } /* visibility: hidden; could be used here instead depends what you need */
.left { float: left; }
.right { float: right; }

.dynamic-hide-me { /* Does nothing used for javascript */ }

acronym { speak: normal; }
abbr { speak: spell-out; }

input.formFieldText, 
select.formFieldDropDown, 
textarea, 
#login ul li.passwordbox input, 
#login ul li.username input, 
table#app-qualifications input,
#app-work-exp input
{
	border-top: 1px solid #ABADB3;
	border-right: 1px solid #DBDFE6;
	border-bottom: 1px solid #DBDFE6;
	border-left: 1px solid #DBDFE6;
}

a.help-link { text-decoration: none !important; border-bottom: 1px dashed !important; color: inherit; }
a.help-link:hover { text-decoration: none !important; border-bottom: 0px !important; }


/* =Typography
 *
 * Use this section for general type styles
--------------------------------------------------------------------------*/

html { font-size: 100.01%; }
body { font-size: 1em; font-family: Arial, Sans-Serif; font-size: 0.75em; }

/* Freeform - normally we have freeform wrapped inside a container of some sort */


.home-page .freeform { clear: both; margin: 0 0 15px 0; font-size: 1em; padding: 0 !important;  }
.freeform, .signin-error { clear: both; margin: 0 0 15px 0; font-size: 1em; padding: 0 0 0 8px !important; }
.home-page .signin-error { padding: 0 0 0 8px !important; }

.freeform p, .glossary-summary p { color: inherit; font-size: 1em; clear: both; margin: 0; line-height: 1.4em; margin: 0 0 12px 0; }

.freeform ul, .glossary-summary ul { margin: 0 0 6px 11px; list-style-position: inside; padding: 6px 0 3px 0; }
.freeform ol, .glossary-summary ol  
{
	margin: 0 0 6px 9px; 
	padding: 6px 0 3px 0; 
	list-style-position: inside; 
	list-style-type: decimal;
}

.freeform li, .glossary-summary li { margin: 0 0 4px 0; clear: both; position: relative; }
.freeform li p { display: inline; color: inherit; }
a, .freeform a, .freeform li a, .glossary-summary li a, .glossary-summary a { color: #0ca1b5; text-decoration: underline; }
a:hover, .freeform a:hover, .freeform li a:hover, .glossary-summary a:hover, .glossary-summary li a:hover { text-decoration: none; }

.freeform img { margin: 0 5px 3px 5px; }

/* CSS3 selectors, for the good browsers */

.freeform img[align=left] { margin-left: 0; }
.freeform img[align=right] { margin-right: 0; }


/* =Headings
--------------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 { font-family: Arial, Sans-Serif; font-size: 1em; }

h2 { font-size: 21px; color: #414142; font-weight: bold; margin-bottom: 10px; padding-left: 7px; }
.freeform h2 { padding-left: 0px; font-size: 16px; }
h2 strong { color: #e7ab27; }
h2.home { margin-top: -6px; padding-left: 0; }

h3 { font-size: 15px; font-weight: bold; color: #414142; padding-top: 7px; margin-bottom: 6px; }
h3 strong { color: #89cfd9; }
h3.home { margin: -1px 0 7px 0; padding: 0; }
h3.your-choices { margin: 0 0 6px 10px; position: relative; display: inline-block; font-size: 1.50em; }


h4 { font-size: 13px; font-weight: bold; margin: 0 0 6px 0; }



/* =Links
 * 
 * LVHA ( :link / :visited / :hover / :active ) - important due to the way CSS handles cascade / ordering.
--------------------------------------------------------------------------*/

a { }
a:link { }
a:visited { }
a:hover, a:active, a:focus { }
a:active { outline: none; }
a { outline: none; }

a img { border: none; }

a.glossary-item { text-decoration: none !important; border-bottom: 1px dashed !important; }
a.glossary-item:hover { text-decoration: none !important; border-bottom: 0px !important; }

a.start-new-search  
{
	float: right; 
	clear: none; 
	width: 151px; 
	height: 27px; 
	background: url(/resources/img/buttons/start_new_search.gif) top left no-repeat;
	text-indent: -9999em;
}
a.start-new-search:hover { background: url(/resources/img/buttons/start_new_search_on.gif) top left no-repeat; }


/* =Access Keys / Jumps
--------------------------------------------------------------------------*/


/* =Forms
--------------------------------------------------------------------------*/

fieldset { border: none; }
legend { }
label { cursor: pointer; }

input, select, textrea { font-family: inherit; font-size: 1em; }

/* Sameline */

#cancel-confirm { float: left; clear: both; }

body#page-1329 .p-content,
body#page-3231 .p-content,
body#page-1331 .p-content,
body#page-1327 .p-content,
body#page-1332 .p-content { width: 930px !important; overflow: hidden; } /* for register page */

fieldset.sameline { width: auto; float: left; clear: both; }
fieldset.sameline ol { width: 910px; float: left; clear: both; padding: 8px 0; }
fieldset.sameline li  
{
	width: 910px; 
	float: left; 
	clear: both; 
	vertical-align: middle; 
	display: block; 
	margin: 0 0 10px 0; 
	position: relative;
	text-align: left;
}


fieldset.sameline label, fieldset.sameline p.formFieldHelp  
{
	width: 184px; 
	display: block; 
	float: left; 
	padding: 0 6px 0 0; 
	clear: none; 
	font-size: 1em;
}

fieldset.sameline p.formFieldHelpCustom  
{
	clear: none; 
	float: left; 
	font-size: 0.88em; 
	margin: -18px 0 0 460px;
	width: 450px !important; 
	display: inline;
}

fieldset.sameline input.formFieldText, fieldset.sameline textarea { width: 248px; padding: 3px; float: left; color: inherit; }
fieldset.sameline textarea { height: 200px; font-family: Arial, Sans-Serif; font-size: 1em; color: inherit; }
fieldset.sameline input#password, fieldset.sameline input#newpassword { margin: 0 300px 10px 0; }
fieldset.sameline input#passwordConfirm { clear: none; float: left; }

fieldset.sameline select { width: 256px; padding: 3px; }
fieldset.sameline select.formFieldDropDownNonSized { width: 81px; }

input.tb-mobile { width: 242px !important; }


/* Register Page */

div.register { width: 930px; }
div.register div.pod-content { width: 910px; }

div.register div.pod-content fieldset.sameline { width: 910px; }
div.register div.pod-content fieldset.sameline ol li label { padding-top: 4px; position: relative; }

div.register div.pod-content fieldset.sameline ol li.mobile-field label { width: 157px; }
div.register div.pod-content fieldset.sameline ol li.mobile-field p.formFieldHelpCustom { margin-top: -27px; }

div.register div.pod-content fieldset.sameline ol li.mobile-field div.mobile-block
{
	display: block;
	float: left;
	padding: 9px 0px 9px 27px;
	background: #edecbe url(/resources/img/icons/mobile_star.gif) 6px 13px no-repeat;
	width: 422px;
}

/* Contact page */

.freeform-page div.contact { width: 685px; }
div.contact div.pod-content { width: 665px; overflow: hidden; }
div.contact div.pod-content fieldset.sameline { width: 665px; overflow: hidden; }
div.contact div.pod-content fieldset.sameline ol { width: 665px; overflow: hidden; }
div.contact div.pod-content fieldset.sameline ol li { width: 665px; overflow: hidden; }
div.contact div.pod-content fieldset.sameline ol li p { width: 200px !important; }

/* Signin (Secure) */

form.signin-page .errorBlock { width: 415px; }
fieldset.signin  
{
	width: 406px; 
	height: 96px;
	padding: 12px 15px 12px 16px; 
	float: left; 
	clear: both; 
	background: url(/resources/img/pods/signin_bg.gif) 0 0 no-repeat;
	position: relative;
}

fieldset.signin ol { float: left; clear: both; width: 406px; padding: 0 0 10px 0; }

fieldset.signin ol li { list-style: none; width: 203px; float: left; clear: none; }
fieldset.signin ol li label { width: 170px; padding: 0 0 5px 0; display: block; }
fieldset.signin ol li input.formFieldText { width: 190px; float: left; clear: both; padding: 2px; }
fieldset.signin ol li.password input.formFieldText { width: 197px; }

fieldset.signin ol li.forgotten { width: 120px; float: left; padding: 5px 0 0 0; }
fieldset.signin ol li.forgotten a { font-size: 0.88em; color: #8e8e8e; text-decoration: underline; }
fieldset.signin ol li.forgotten a:hover { text-decoration: none; }

fieldset.signin ol li.submit { float: right; margin: 0; padding: 11px 0 0 0; display: inline-block; text-align: right; }


/* =LayoutStructure
--------------------------------------------------------------------------*/

body { background-color: #eaeaea; }

.sitecontainer  
{
	background: url(/resources/img/site_background.gif) top left repeat-y; 
	padding: 19px 45px; 
	margin: 0 auto; 
	clear: both; 
	width: 930px; 
}

.header { width: 930px; min-height: 238px; float: left; margin: 0 0 11px 0; position: relative; }

.contentcontainer { width: 930px; padding-bottom: 100px; float: left; clear: both; height: 100%; overflow: visible; }

.p-content { width: 568px; padding-right: 24px; clear: both; float: left; }
.home-page .p-content { padding: 0 16px 0 8px; width: 568px; }

.s-content { width: 336px; float: right; position: relative; }

.footer  
{
	background: url(/resources/img/footer_background.gif) top left no-repeat; 
	clear: both;
	padding: 25px 45px 0 45px;
	margin: 0 auto 50px auto; 
	width: 930px;
	height: 60px;
	position: relative;
}

/* Search Results specific */

.search-results .p-content   
{
	float: right !important; 
	clear: both !important; 
	width: 710px !important; 
	padding: 40px 0 13px 0 !important;
	background: url(/resources/img/refine_side.gif) 0 0 no-repeat;
	position: relative;
}

.search-results .s-content  { float: left !important; clear: none !important; width: 220px !important; }



/* =Shared Styles
 *
 * If you find your re-using the same styles on certain elements 
 * put them here
--------------------------------------------------------------------------*/




p.filtering  
{
    width: 746px; 
    height: 28px;
    display: block;
    background: #f1f1f1; 
    color: #404040; 
    text-align: center; 
    float: left;
    clear: both;
    position: relative;
    top: -19px;
    left: 80px;
    margin: 0 0 -38px 0;
}

p.filtering a  
{
    width: 750px; 
    height: 40px; 
    display: block; 
    position: absolute; 
    top: -1px; 
    left: 0;
    background: url(/resources/img/filter.png) 0 0 no-repeat;
    text-decoration: none;
}

p.filtering a:hover { cursor: hand; text-decoration: none; }  


.search-results-buttons { clear: both; float: left; width: 540px; height: auto; overflow: hidden; margin: 0 0 9px 0; padding: 0; }

.register .pod-content { float: left; }
div#form-buttons { width: 445px; clear: both; float: left; }
div#form-buttons input { float: right; }

/* TODO: Maybe remove this or think of a better way of the contact page working */

a.print  
{
	display: block; 
	padding: 3px 0 4px 26px; 
	background: url(/resources/img/buttons/print.png) 0 1px no-repeat; 
	font-weight: bold;
	color: #404041;
	text-decoration: none;
	width: 100px;
	float: left;
	clear: both;
}
a:hover.print { cursor: pointer; color: #000; }

a.see-some-useful-links  
{
	float: left; 
	clear: both; 
	text-indent: -9999em;
	width: 328px; 
	height: 37px; 
	background: url(/resources/img/buttons/useful_links.gif) 0 0 no-repeat;
}
a.see-some-useful-links:hover { background: url(/resources/img/buttons/useful_links.gif) 0 -37px no-repeat;  }

a.apply-to-any-provider  
{
	display: block;
	float: left;
	clear: both;
	position: relative;
	width: 328px; 
	height: 37px; 
	background: url(/resources/img/buttons/apply_to_any_provider.gif) top left no-repeat; 
	text-indent: -9999em;
}
a.apply-to-any-provider:hover { background: url(/resources/img/buttons/apply_to_any_provider.gif) 0 -37px no-repeat; }

a.previous, a.next
{
	width: 290px;
	margin-top: 0;
	padding: 7px 0 10px 0;
	text-transform: capitalize;
	color: #404040;
}
a.previous:hover, a.next:hover { text-decoration: none; }

a.previous
{
	float: left;
	padding-left: 34px;
	background: url(/resources/img/arrows/left.gif) 8px 40% no-repeat;
}

a.next
{
	float: right;
	text-align: right;
	padding-right: 25px;
	background: url(/resources/img/arrows/right.gif) right 40% no-repeat;
}


.site-message  
{
	display: block; 
	width: 876px; 
	border: 1px solid #d1e272; 
	color: #4b5709; 
	/*background-color: #e9f5a4; */
	float: left; 
	clear: both; 
	padding: 10px 10px 10px 26px;
	margin: 8px 0 0 8px;
	background: #e9f5a4 url(/resources/img/icons/status_message_star.gif) 6px 50% no-repeat;
}

.errorBlock { border: 1px solid #af0a0a; color: #af0a0a !important; background-color: #ffafaf; padding: 10px 10px 7px 10px; margin: 0 0 12px 0; clear: both; }
.errorBlock h3 { color: #af0a0a; margin: 0 0 6px 0; padding: 0; font-size: 1.17em; line-height: 1; }
.errorBlock ul { list-style-position: inside; margin: 0 0 0 6px; }
.errorBlock li { margin: 0 0 2px 0; }

div.video-carousel 
{ 
	margin: 10px 0;
	float: left; 
	clear: both; 
	width: 568px; 
	/*height: 440px;*/
}

.flash-replaced .alt { display: none; visibility: hidden; }

.search-results #piclenslite-container { float: right; width: 151px; clear: right; }

.search-results #piclenslite-container a.explore-videos
{

	background: url(/resources/img/buttons/explore_videos.gif) top left no-repeat;
	display: block;
	width: 151px;
	height: 34px;
	text-indent: -9999em;	
}

.search-results #piclenslite-container a.explore-videos:hover { background: url(/resources/img/buttons/explore_videos.gif) 0 -34px no-repeat; }
form.video-page #piclenslite-container a.explore-videos { clear: both !important; }

#piclenslite-container a.explore-videos
{
	text-indent: -9999em;
	width: 463px;
	height: 68px;
	background: url(/resources/img/explore_large.jpg) top left no-repeat;
	float: left;
	clear: right;
	margin: 12px 0;
}

#piclenslite-container a.explore-videos:hover { background: url(/resources/img/explore_large_on.jpg) top left no-repeat; }

a.explore-videos  
{
	text-indent: -9999em; 
	width: 154px; 
	height: 34px; 
	background: url(/resources/img/buttons/explore_videos.gif) top left no-repeat; 
	float: left; 
	clear: both;
}

a.explore-videos:hover { background: url(/resources/img/buttons/explore_videos.gif) 0 -34px no-repeat; }

a.arrow  
{
	float: right; 
	clear: none;
	display: block; 
	width: 16px; 
	height: 16px; 
	background-position: top left; 
	background-repeat: no-repeat;
}

a.up { background-image: url(/resources/img/arrows/up.png) }
a.down { background-image: url(/resources/img/arrows/down.png) }
a.left { background-image: url(/resources/img/arrows/left.png) }
a.right { background-image: url(/resources/img/arrows/right.png) }
a.to-top { background-image: url(/resources/img/arrows/solid_arrow_up.png); text-indent: -9999em; }

span.arrow
{
	float: right;
	clear: none;
	display: block;
	width: 16px;
	height: 16px;
	background-position: top left;
	background-repeat: no-repeat;
}

span.up { background-image: url(/resources/img/arrows/up.png); }
span.down { background-image: url(/resources/img/arrows/down.png); }
span.left { background-image: url(/resources/img/arrows/left.png); }
span.right { background-image: url(/resources/img/arrows/right.png); }

a.back-to-home
{
	display: block;
	float: left;
	clear: both;
	margin: 0 0 25px 0px;
	width: 125px;
	height: 25px;
	overflow: hidden;
	background: url(/resources/img/buttons/back.gif) top left no-repeat;
	text-indent: -9999em;
}
a.back-to-home:hover { background: url(/resources/img/buttons/back_on.gif) top left no-repeat; }

.course-detail a.back-to-search { margin: 0; }

a.back-to-search  
{
	display: block; 
	float: left; 
	clear: both; 
	margin: 0 0 25px 0; 
	width: 173px; 
	height: 25px; 
	overflow: hidden; 
	background: url(/resources/img/buttons/back_to_search.gif) top left no-repeat;
	text-indent: -9999em;
}
.course-detail a.back-to-search { margin-bottom: 0 !important; }

a.back-to-search:hover { background: url(/resources/img/buttons/back_to_search.gif) 0 -25px no-repeat; }

a.back-to-course  	
{
	display: block; 
	float: left; 
	clear: both; 
	margin: 0 0 12px 0; 
	width: 160px; 
	height: 25px; 
	overflow: hidden; 
	background: url(/resources/img/buttons/back_to_course.gif) top left no-repeat;
	text-indent: -9999em;
  }
a.back-to-course:hover { background: url(/resources/img/buttons/back_to_course.gif) 0 -25px no-repeat; }

a.back-to-provider  
{
	width: 180px; 
	height: 25px; 
	display: block; 
	background: url(/resources/img/buttons/back_to_provider.gif) 0 0 no-repeat;
	text-indent: -9999em;
	float: left;
	clear: both;
	margin: 0 0 12px 0;
}
a.back-to-provider:hover { background: url(/resources/img/buttons/back_to_provider.gif) 0 -25px no-repeat; } 

a.apply-from-results { background: url(/resources/img/buttons/apply.gif) 0 0 no-repeat; display: block; width: 56px; height: 25px; text-indent: -9999em; line-height: 1; }
a.apply-from-results:hover { background: url(/resources/img/buttons/apply_on.gif) 0 0 no-repeat; display: block; width: 56px; height: 25px; text-indent: -9999em; line-height: 1; }

a.add-to-your-choices  
{
	display: block;
	width: 142px;
	height: 25px;
	line-height: 1;
	background: url(/resources/img/buttons/add_to_your_choices.gif) top left no-repeat;
	text-indent: -9999em;
}
a.add-to-your-choices:hover { background: url(/resources/img/buttons/add_to_your_choices_on.gif) top left no-repeat; }
a.view-other-courses  
{
	display: block;
	width: 217px;
	height: 25px;
	line-height: 1;
	background: url(/resources/img/buttons/view_other_courses.gif) top left no-repeat;
	text-indent: -9999em;
}
a.view-other-courses:hover { background: url(/resources/img/buttons/view_other_courses_on.gif) top left no-repeat; }

a.gmpte  
{
	background: url(/resources/img/buttons/gmpte.gif) top left no-repeat; 
	width: 280px;
	height: 45px;
	display: block;
	text-indent: -9999em;
	float: left; 
	clear: both;
}
a.gmpte:hover { background: url(/resources/img/buttons/gmpte_on.gif) top left no-repeat; }

a.transport-direct
{
    margin: 10px 0;
    background: url(/resources/img/transport_direct.gif) top left no-repeat;
    width: 280px;
	height: 45px;
	display: block;
	text-indent: -9999em;
	float: left; 
	clear: both;
}

a.remove-from-choices  
{
	display: block; 
	background: url(/resources/img/buttons/remove_from_your_choices.gif) top left no-repeat; 
	width: 193px;
	height: 25px;
	clear: both;
	text-indent: -9999em;
	float: right;
}
a.remove-from-choices:hover { background: url(/resources/img/buttons/remove_from_your_choices_on.gif) top left no-repeat; }
a.download-pdf  
{
	display: block;
	background: url(/resources/img/buttons/download_as_pdf.gif) top left no-repeat;
	width: 143px;
	height: 25px;
	text-indent: -9999em;
}
a.download-pdf:hover { background: url(/resources/img/buttons/download_as_pdf_on.gif) top left no-repeat; }
  
a.remove-all-courses 
{
	display: block;
	background: url(/resources/img/buttons/remove_all.gif) top left no-repeat;
	width: 143px;
	height: 25px;
	text-indent: -9999em;
}

a.remove-all-courses:hover { background: url(/resources/img/buttons/remove_all_on.gif) top left no-repeat; }

a.get-acrobat 
{
	display: block;
	background: url(/resources/img/buttons/get_adobe.gif) top left no-repeat;
	width: 188px;
	height: 25px;
	text-indent: -9999em;
}
a.get-acrobat:hover { background: url(/resources/img/buttons/get_adobe_on.gif) top left no-repeat; }

a.more-information 
{
      display: block;
      background: url(/resources/img/buttons/more_information.gif) top left no-repeat;
      width: 143px;
      height: 25px;
      text-indent: -9999em;
      float: left;
}

a.more-information:hover { background: url(/resources/img/buttons/more_information_on.gif) top left no-repeat; }


a.view-progression 
{
	display: block;
	width: 109px;
	height: 25px;
	float:right;
	margin-right: 10px;
	line-height: 1;
	background: url(/resources/img/buttons/progression.gif) top left no-repeat;
	text-indent: -9999em;
}
a.view-progression:hover { background: url(/resources/img/buttons/progression_on.gif) top left no-repeat; }

a.view-progression-sub
{
	display: block;
	width: 109px;
	height: 25px;
	float:right;
	line-height: 1;
	background: url(/resources/img/buttons/progression.gif) top left no-repeat;
	text-indent: -9999em;
}
a.view-progression-sub:hover { background: url(/resources/img/buttons/progression_on.gif) top left no-repeat; }

div.select-deselect-all { padding-bottom: 7px !important; }
div.select-deselect-all span.selector, span.selector-multi, span.selector-district 
{
	background: url(/resources/img/select_deselect.gif) 0 0 no-repeat;
	display: block;
	width: 18px;
	height: 13px;
	float: left;
}
div.select-deselect-all label { color: inherit; float: left; clear: none; margin-top: -2px; }

.refine-pod-content div.select-deselect-all { margin: 0 0 0 0; float: left; clear: both; width: 180px; }

/* Pods */

div.pod { float: left; clear: both; margin: 0 0 15px 0; }
div.large { width: 460px; }
div.full-width { width: 930px; }

div.pod .pod-header  
{
	background: url(/resources/img/pods/elastic/left.gif) top left no-repeat;
	padding: 0 0 0 8px;
}
div.pod .pod-header h3, div.pod .pod-header h2  
{
	background: url(/resources/img/pods/elastic/right.gif) top right no-repeat; 
	padding: 6px 0 6px 4px;
	color: #fff;
	margin: 0;
	font-size: 1.33em;
	font-family: Arial, Sans-Serif !important;
	display: block;
}

div.pod .pod-content  
{
	border-left: 1px solid #d6d6d6; 
	border-right: 1px solid #d6d6d6; 
	padding: 10px 9px 2px 9px; 
	margin: 0; 
	clear: both;  
	display: block; 

}
div.pod .pod-content h4 { font-size: 1.33em; padding: 0; margin: 0; }


div.pod .pod-footer  
{
	background: url(/resources/img/pods/elastic/bottom_left.gif) top left no-repeat;
	padding: 0 0 0 8px;
	clear: both;
}
div.pod .pod-footer div  
{
	background: url(/resources/img/pods/elastic/bottom_right.gif) top right no-repeat; 
	padding: 5px 0;
	color: #fff;
	margin: 0;
	font-size: 1.33em;
}

#sldDistance 
{ 
	/*background: url(/resources/img/sliders/slider_bg.gif) top left no-repeat; */
	background: url(/resources/img/sliders/slider_bg.gif) no-repeat -8px top;
	/*width: 192px; */
	width: 176px;
	height: 33px; 
}

#sldLevel 
{ 
	background: url(/resources/img/sliders/slider_bg.gif) no-repeat -8px top; 
	/*width: 192px;*/
	width: 176px;
	height: 33px;
	left: 8px;
}

.levels-overlay
{
	/*background: url(/resources/img/sliders/level.gif) no-repeat left top;*/
	background: url(/resources/img/sliders/level.gif) no-repeat -8px top;
	/*width: 192px;*/
	width: 176px;
	height: 33px;
	position: absolute;
	z-index: 2;
}

.distance-overlay
{
	background: url(/resources/img/sliders/distance.gif) no-repeat -8px top;	
	width: 192px;
	height: 33px;
	position: absolute;
	z-index: 2;	
}

.advanced-pod-content #sldDistance { float: left; }

.advanced-pod-content #map { float: left; }

.advanced-pod-content .postcode { clear: none !important; }
li.postcode-submit { width: 22px; vertical-align: middle; }
.postcode-submit 
{
	float: right; 
	clear: none;
	display: block; 
	width: 16px; 
	height: 16px;
	background: url(/resources/img/arrows/solid_arrow.gif) no-repeat left top;
	margin: 6px 0 0 6px;
	cursor: pointer;
}

/* Carousel stuff */

.vertical-carousel-container { width: 151px; }

.horizontal-carousel-container
{
	float: left;
	width: 463px;
	height: 120px;
	overflow: hidden;
	position: relative;
}

.vertical-carousel-container .carousel-wrap
{
	padding: 11px 11px 0 11px;
	float: left;
	width: 127px;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

.horizontal-carousel-container .carousel-wrap
{
	padding: 11px 0 11px 11px;
	float: left;
	width: 408px;
	height: 96px;
	border: none;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.vertical-carousel-container .carousel { width: 126px; }

.horizontal-carousel-container .carousel { width: 478px; }

.vertical-carousel-container .carousel li { float: left; width: 126px; height: 106px; overflow: hidden; }

.horizontal-carousel-container .carousel li
{
	margin-bottom: 20px;
	float: left;
	width: 136px;
	height: 96px;
	overflow: hidden;
}

.carousel li.last { margin-bottom: 0; }

.carousel-move-down
{
	clear: both;
	width: 151px;
	height: 22px;
	background: url(/resources/img/scroll_down_bg.gif) no-repeat top left;
}

.carousel-move-up
{
	clear: both;
	width: 151px;
	height: 22px;
	background: url(/resources/img/scroll_up_bg.gif) no-repeat top left;
}

.carousel-move-left
{
	float: left;
	clear: both;
	width: 22px;
	height: 121px;
	background: url(/resources/img/scroll_left_bg.gif) no-repeat top left;
}

.carousel-move-right
{
	float: left;
	width: 22px;
	height: 121px;
	background: url(/resources/img/scroll_right_bg.gif) no-repeat top left;
}

.carousel li a.overlay
{
	display: block;
	width: 126px;
	height: 96px;
	position: relative;
	overflow: hidden;
}

.carousel li a.overlay img
{
	position: absolute;
	top: 0;
	left: 0;
	width: 126px;
	height: 96px;
}

.carousel li a.overlay span
{
	width: 126px;
	height: 96px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	background: url(/resources/img/related_overlay.png) top left no-repeat;
	text-indent: -9999em;
}

.carousel li a.overlay:hover span { background: url(/resources/img/related_overlay_on.png) top left no-repeat; }

.carousel div { margin-top: 50px; float: left; clear: both; }


/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
 
.jcarousel-container { position: relative; }

.vertical-carousel-container .jcarousel-clip
{
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 126px;
	height: 636px; /* 106 times X ( amount of list items we need to show ) */
}

.horizontal-carousel-container .jcarousel-clip
{
	z-index: 2;
	padding: 0;
	margin: 0;
	overflow: hidden;
	position: relative;
	width: 408px; /* 136 times X ( amount of list items we need to show ) */
	height: 96px;
}

.jcarousel-list
{
	z-index: 1;
	overflow: hidden;
	position: relative;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

.jcarousel-list li, .jcarousel-item
{
	margin: 0;
	float: left;
	list-style: none; /* We set the width/height explicitly. No width/height causes infinite loops. */
	width: 126px;
	height: 106px;
}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
 
.vertical-carousel-container .jcarousel-next
{
	position: absolute;
	bottom: -22px;
	left: 55px;
	display: none;
	z-index: 3;
	width: 16px;
	height: 22px;
	background: url(/resources/img/scroll_down.gif) no-repeat top left;
	text-indent: -9999em;
}

.horizontal-carousel-container .jcarousel-next
{
	position: absolute;
	top: 40px;
	right: -22px;
	display: none;
	z-index: 3;
	width: 22px;
	height: 16px;
	background: url(/resources/img/scroll_right.gif) no-repeat top left;
	text-indent: -9999em;
}

.vertical-carousel-container .jcarousel-next-disabled { background: url(/resources/img/scroll_down_disabled.gif) no-repeat top left; }

.horizontal-carousel-container .jcarousel-next-disabled { background: url(/resources/img/scroll_right_disabled.gif) no-repeat top left; }

.vertical-carousel-container .jcarousel-prev  
{
	position: absolute;
	top: -33px; 
	left: 55px; 
	display: none;
	z-index: 3;
	width: 16px;
	height: 22px;
	background: url(/resources/img/scroll_up.gif) no-repeat top left;
	text-indent: -9999em;
}

.horizontal-carousel-container .jcarousel-prev
{
	position: absolute;
	top: 40px;
	left: -33px;
	display: none;
	z-index: 3;
	width: 22px;
	height: 16px;
	background: url(/resources/img/scroll_left.gif) no-repeat top left;
	text-indent: -9999em;
}

.vertical-carousel-container .jcarousel-prev-disabled { background: url(/resources/img/scroll_up_disabled.gif) no-repeat top left; }

.horizontal-carousel-container .jcarousel-prev-disabled { background: url(/resources/img/scroll_left_disabled.gif) no-repeat top left; }

a.view-provider-sites
{
	width: 120px; 
	height: 25px; 
	display: block; 
	background: url(/resources/img/buttons/view_website.gif) top left no-repeat;
	text-indent: -9999em;
	top: -1px;
	position: relative;
}
a.view-provider-sites:hover { background: url(/resources/img/buttons/view_website_on.gif) top left no-repeat; }

a.view-ofsted-report 
{
	width: 221px; 
	height: 25px; 
	background: url(/resources/img/buttons/ofsted.gif) top left no-repeat; 
	display: block;
	text-indent: -9999em;
}
a.view-ofsted-report:hover { background: url(/resources/img/buttons/ofsted_on.gif) top left no-repeat; }


a.application-tips /* Inide S-content */ 
{
	background: url(/resources/img/buttons/application_tips.gif) 0 0 no-repeat; 
	width: 137px; 
	height: 16px; 
	text-indent: -9999em; 
	display: block;
	float: right;
	margin: -30px 10px 0 0;
	/*
	position: absolute;
	top: -30px;
	right: 5px;
	*/
}

/* =Header
--------------------------------------------------------------------------*/

.header h1 a  
{
	display: block;
	height: 106px;
	position: absolute;
	text-indent: -9999em;
	top: 31px;
	left: 10px;
	width: 250px;
}
.header h1 a strong { color: #f6ac19; }
.header h1 a em { font-style: normal; }

.header .banner
{
	float: left;	
	width: 930px;
	height: 154px;
	margin: 0;
	padding: 0;
	background-position: top left;
	background-repeat: no-repeat;
}

.header .banner-type-1 .banner { background-image: url(/resources/img/banners/1/1.jpg); }
.header .banner-type-2 .banner { background-image: url(/resources/img/banners/1/2.jpg); }
.header .banner-type-3 .banner { background-image: url(/resources/img/banners/1/3.jpg); }
.header .banner-type-4 .banner { background-image: url(/resources/img/banners/1/4.jpg); }
.header .banner-type-5 .banner { background-image: url(/resources/img/banners/1/5.jpg); }


/* Preamble - Basket/Login */

.preamble { clear: both; width: 914px; padding: 0 8px; float: left; }

.preamble a.submit  
{
	text-indent: -9999em; 
	width: 16px; 
	height: 16px; 
	display: block; 
	position: absolute;
	right: 8px;
	top: 10px;
	background: url(/resources/img/arrows/right.png) top left no-repeat;
}

.preamble li { list-style: none; display: inline; width: auto; color: #414142; font-size: 12px; }
.preamble li a, .preamble li strong a, .preamble li a:visited, .preamble li strong a:visited  
{
	color: #414142; 
	text-decoration: underline; 
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, Sans-Serif;
}
.preamble li a:hover { color: #414142; text-decoration: none !important; }

.preamble .basket  
{
	clear: none;
	float: left; 
	width: 333px; 
	height: 26px;
	padding: 11px 12px 0 0;
	margin: 0 10px 0 0;
	position: relative;
	background: url(/resources/img/preamble/your_choices.gif) top left no-repeat;
}

.preamble .basket li.number-of-choices  
{
	width: 30px;
	height: 27px;
	overflow: hidden;
	display: block;
	float: left;
	text-align: center;
	margin: 0 10px 0 0;
	padding: 0 0 0 80px;
}

.preamble .basket li.last-added { margin: 0; }

.preamble .anonymous-template
{
	width: 345px;
	height: 37px;
	margin: 0 10px 0 0;
	float: left;
	clear: none;
	padding: 0;
	background: url(/resources/img/preamble/sign_in_pod.gif);
	font-size: 1.08em;	
}

.preamble .anonymous-template p { margin: 10px 10px 0 15px; }
.preamble .anonymous-template a { font-weight: bold; text-decoration: underline; color: #414142; }
.preamble .anonymous-template a:hover { text-decoration: none; }

/* Login / User panel */

.preamble fieldset  
{
	width: 468px;
	height: 35px;
	float: right;
	clear: none;
	padding: 0;
	background: url(/resources/img/preamble/login.gif) top left no-repeat;
	vertical-align: middle;
}
.preamble fieldset ol { float: left; clear: both; vertical-align: middle; padding: 0 0 0 75px; width: 368px; }
.preamble fieldset li { vertical-align: middle; }
.preamble fieldset li label { margin: 0 4px 0 0; padding: 0; display: inline; position: relative; }
.preamble fieldset li input.formFieldText { width: 118px; padding: 2px; margin: 7px 4px 0 0; }
.preamble fieldset .buttons { width: 16px; height: 16px; float: left; clear: none; padding: 10px 0 0 0; }
.preamble fieldset .buttons input { padding: 0; margin: 0; }

.preamble .user-panel  
{
	width: 356px;
	height: 37px;
	float: left;
	clear: none;
	margin: 0;
}
.preamble .user-panel li { height: 37px; display: block; float: left; clear: none; }
.preamble .user-panel li a { display: block; height: 37px; text-indent: -9999em; }
.preamble .user-panel li.welcome  
{
	padding: 11px 0 0 15px; 
	width: 173px; 
	height: 26px;
	text-transform: capitalize; 
	background: url(/resources/img/preamble/sign_in_pod.gif) top left no-repeat;
}
.preamble .user-panel li.edit { width: 66px; background: url(/resources/img/preamble/edit_profile.gif) top left no-repeat; }
.preamble .user-panel li.signout { width: 92px; background: url(/resources/img/preamble/sign_out.gif) top left no-repeat; }

/* Colour Selector */

.preamble ul.colour-selector  
{
    float: left; 
    clear: none; 
    width: 105px; 
    height: 30px;
    padding: 7px 0 0 98px; 
    background: url(/resources/img/preamble/colour_selector.gif) 0 0 no-repeat;
}
.preamble ul.colour-selector li { display: block; float: left; clear: none; width: 31px; height: 23px; padding: 0 3px 0 0; }
.preamble ul.colour-selector li a  
{
    display: block; 
    width: 31px;
    height: 23px; 
    overflow: hidden; 
    background-position: 0 0; 
    background-repeat: no-repeat;
    text-indent: -9999em;
}
.preamble ul.colour-selector li a.active,
.preamble ul.colour-selector li a:hover { background-position: 0 -23px; }

.preamble ul.colour-selector li.colour-one a { background-image: url(/resources/img/buttons/colour_1.png); } 
.preamble ul.colour-selector li.colour-two a { background-image: url(/resources/img/buttons/colour_2.png); } 
.preamble ul.colour-selector li.colour-three { padding: 0; } 
.preamble ul.colour-selector li.colour-three a { background-image: url(/resources/img/buttons/colour_3.png); } 


/* Navigation */

ul.navigation { width: 914px; clear: both; padding: 0 8px; margin: 0 0 11px 0; float: left; position: relative; }

ul.navigation li { float: left; clear: none; list-style: none; }


ul.navigation li a  
{
	display: block; 
	background-position: top left; 
	background-repeat: no-repeat; 
	height: 35px;
	text-indent: -9999em;
	color: #fff;
}

ul.navigation li a:hover, ul.navigation li a.active { background-position: 0 -35px; }

ul.navigation li.home a { background-image: url(/resources/img/nav/home.gif); width: 69px; }
ul.navigation li.my-choices a { background-image: url(/resources/img/nav/my_choices.gif); width: 194px; }
ul.navigation li.apprenticeships a { background-image: url(/resources/img/nav/apprenticeships.gif); width: 129px; }
ul.navigation li.gcse-alevels a { background-image: url(/resources/img/nav/gcse.gif); width: 122px; }
ul.navigation li.diploma a { background-image: url(/resources/img/nav/the_diploma.gif); width: 104px; }
ul.navigation li.extra a { background-image: url(/resources/img/nav/xtra_options.gif); width: 107px; }
ul.navigation li.extra a { background-image: url(/resources/img/nav/xtra_options.gif); width: 107px; }
ul.navigation li.useful-links a { background-image: url(/resources/img/nav/useful_links.gif); width: 100px; }
ul.navigation li.help a { background-image: url(/resources/img/nav/help.gif); width: 89px; }




/* =P-Content
--------------------------------------------------------------------------*/

/* Home Search & Auto Complete */


/* Auto Complete */

div.ac_results
{
	margin-left: 11px;
	font-size: 1.17em;
	clear: both;
	display: inline;
	width: 100%;
	z-index: 9999;
}

div.ac_results ul { font-weight: normal; border-bottom: 1px solid #ddd; }

div.ac_results ul li
{
	list-style: none;
	padding: 3px 9px;
	clear: both;
	display: block;
	vertical-align: middle;
	background-color: #fff;
	border-top: 1px solid #ddd;
}

div.ac_results ul li:hover { cursor: pointer; }

div.ac_results ul li.ac_over { background: #1c93ce !important; color: #fff; }

div.ac_results ul li div.course-title { }

div.ac_results ul li div.type-title { width: 40%; float: right; text-align: right; clear: none; }

div.ac_results ul li.ac_even { background-color: #f1faff; }

/* Search Pod */

.home-search
{
	float: left;
	clear: both;
	width: 568px;
	padding-top: 15px;
	min-height: 126px;
	background: url(/resources/img/pods/search_top_1.gif) top left no-repeat;
	/*margin-bottom: -9px;*/
}
.home-search h2  
{
    float: left; 
    clear: both; 
    font-size: 18px; 
    color: #fff; 
    width: 300px;
    line-height: 1;
    padding: 0 0 17px 0;
    margin: -1px 0 0 0;
}
.home-search h2 strong { color: #ccf0fe; }

.home-search fieldset a.tips
{
	float: right;
	clear: none;
	margin: 0;
	padding: 0;
	color: #fff;
}
.home-search fieldset a.tips
{
	background: transparent url(/resources/img/icons/help.png) 0 0 no-repeat;
	color: #FFFFFF;
	display :inline-block;
	padding-bottom: 2px;
	padding-left: 19px;
	width: 120px;
}

.home-search fieldset
{
	background: url(/resources/img/pods/search_bottom_1.gif) bottom left no-repeat;
	width: 537px;
	padding: 0 15px 15px 16px;
	float: left;
	clear: both;
}
.home-search fieldset legend.hideme
{
	height: 0;
	line-height: 0;
	padding: 0;
	display: none;
	text-indent: -9999em;
}

.home-search fieldset ol
{
	width: 537px;
	float: left;
	clear: both;
}
.home-search fieldset ol li
{
	list-style: none;
	display: block;
	float: left;
	clear: both;
}


/* Search Box Container */

.home-search fieldset li.search-box
{
	width: 536px;
}

.home-search fieldset div.home-search-input
{
	background: transparent url(/resources/img/search_home_input.png) top left no-repeat;
	width: 535px;
	height: 54px;
	float: left;
	clear: both;
}
.home-search fieldset div.home-search-input input.auto-complete-input
{
	width: 481px;
	padding: 9px 10px 8px 10px;
	border: 0;
	font-size: 2.6em;
	color: #595959;
	overflow: hidden;
	position: relative;
	background: transparent;
	float: left;
	clear: both;
}
.home-search fieldset div.home-search-input input.submit { float: left; clear: none; }


.home-search fieldset div.group-by  
{
    float: left; 
    clear: both; 
    color: #fff; 
    display: block;
    width: 529px;
    padding: 6px 0 10px 6px;
}
.home-search fieldset div.group-by p { float: left; clear: both; width: 150px; } 
.home-search fieldset div.group-by p strong  
{
    float: left; 
    clear: none; 
    padding: 0 9px 0 0; 
    display: inline-block; 
    font-weight: normal;
} 
.home-search fieldset div.group-by ul { float: left; clear: none; }
.home-search fieldset div.group-by ul li { float: left; clear: none; list-style: none;   }

.home-search fieldset div.group-by input { position: relative; float: left; clear: none; bottom: -2px; }
.home-search fieldset div.group-by label { float: left; clear: none; display: inline-block; padding: 0 10px 0 4px; }


.home-search fieldset div.more-options  
{
    float: left; 
    font-weight: bold;
    clear: both; 
    color: #fff;
    display: block; 
    width: 535px;
    height: 37px;
    overflow: hidden;
    padding: 8px 0 0 0;
}
.home-search fieldset div.more-options p { float: left; clear: none; display: block; width: 108px; padding: 10px 0 0 0; } 

.home-search fieldset div.more-options a  
{
    text-align: center;
    display: block; 
    width: 102px; 
    height: 37px; 
    margin: 0 6px 0 0;
    float: left;
    clear: none;
    color: #fff;
    text-decoration: none;
    text-indent: -9999em;
    background-position: top left;
    background-repeat: no-repeat;
    position: relative;
} 
.home-search fieldset div.more-options a:hover { cursor: pointer; }  

.home-search fieldset div.more-options a.advanced-search { background-image: url(/resources/img/buttons/advanced.png); }  
.home-search fieldset div.more-options a.advanced-search:hover { background-image: url(/resources/img/buttons/advanced_on.png); }
.home-search fieldset div.more-options a.active { background-image: url(/resources/img/buttons/advanced_on.png); }


.home-search fieldset div.more-options a.browse-subject-areas { background-image: url(/resources/img/buttons/browse_subject.png); }  
.home-search fieldset div.more-options a.browse-subject-areas:hover { background-image: url(/resources/img/buttons/browse_subject_on.png); }  


.home-search fieldset div.more-options a.browse-courses { background-image: url(/resources/img/buttons/browse_courses.png); }  
.home-search fieldset div.more-options a.browse-courses:hover { background-image: url(/resources/img/buttons/browse_courses_on.png); }  


.home-search fieldset div.more-options a.browse-providers { margin: 0; background-image: url(/resources/img/buttons/browse_providers.png); }  
.home-search fieldset div.more-options a.browse-providers:hover { background-image: url(/resources/img/buttons/browse_providers_on.png); }  




/* Search Box Options */

.home-search fieldset li.search-box
{
	margin-bottom: 3px;
	position: relative;
}
.home-search fieldset li.search-box span
{
	right: 10px;
	top: 15px;
	position: absolute;
	text-indent: -9999em;
	background: url(/resources/img/required.gif) top left no-repeat;
	width: 77px;
	height: 15px;
}

.home-search fieldset li.search-box ul
{
	width: 509px;
	padding: 5px 0 5px 18px;
	float: left;
	clear: both;
	color: #fff !important;
}

.home-search fieldset li.search-box li
{
	float: left;
	clear: none;
}

.home-search fieldset li.search-box li.search-within
{
	margin-left: 5px;
	width: 215px;
}

.home-search fieldset li.search-box li.search-within ul.search-within-options
{
	float: left;
	clear: none;
	margin: 2px 8px 0 4px;
	width: 225px;
	padding: 0;
	display: block;
}
.home-search fieldset li.search-box li.search-within ul.search-within-options li
{
	padding: 0 6px 0 0;
	display: block;
	float: left;
}
.home-search fieldset li.search-box li.search-within ul.search-within-options label
{
	margin: -2px 0 0 0;
	display: block;
	float: left;
	clear: none;
	width: 90px;
	clear: none;
	position: relative;
}

.home-search fieldset li.search-box li.search-within ul.search-within-options input
{
	margin: 0 3px 0 0;
	float: left;
	clear: none;
}

.home-search fieldset li.search-box li a:hover
{
	text-decoration: none;
}

.home-search fieldset li.search-box li h2
{
	font-size: 1em;
	font-weight: normal;
	text-transform: none;
	color: #fff;
	font-family: Arial, Sans-Serif;
	margin: 0;
	padding: 0;
}


/* Search Box Options - Basic and Full Search Buttons */

.home-search fieldset li.search-actions
{
	clear: both;
	float: left;
	width: 536px;
}

.home-search fieldset li.search-actions li
{
	float: left;
	clear: none;
}
.home-search fieldset li.search-actions li label
{
	display: none;
	text-indent: -9999em;
	height: 0;
	width: 0;
	line-height: 0;
}

.home-search fieldset li.search-actions li.start-my-search
{
	float: right;
	margin-top: 8px;
}


/* Advanced Search Pod - Drop down */

.home-search fieldset li.advSearchContainer
{
	width: 536px; /*float: left; clear: both;*/
	position: relative;
	margin-bottom: 8px;
}

.home-search fieldset li.advSearchContainer h2
{
	font-size: 1.17em;
	font-weight: bold;
	color: #fff;
	padding: 3px 0 7px 7px;
	margin: 0;
	text-transform: none;
}

.home-search fieldset li.advSearchContainer .advanced-pod
{
	margin-bottom: 9px;
}
.home-search fieldset li.advSearchContainer .advanced-pod ul li
{
	margin: 0 0 5px 0;
	vertical-align: middle;
	list-style: none;
}
.home-search fieldset li.advSearchContainer .district ul li.slider-container
{
	/*height: 50px;*/
	margin: 0 0 0 0 !important;
	padding: 20px 0 8px 0 !important;
	height: auto !important;
}
.home-search fieldset li.advSearchContainer .advanced-pod ul li input
{
	margin: 2px 4px 0 0;
	float: left;
	clear: both;
}

.home-search fieldset li.advSearchContainer .advanced-pod ul li label { float: left; padding-top: 1px; display: block; height: auto; }

.home-search fieldset li.advSearchContainer .advanced-pod .advanced-pod-content { }


/* Advanced Column 1 */

.home-search fieldset li.advSearchContainer div.advanced-search-column-1
{
	width: 198px;
	float: left;
	clear: both;
	display: inline;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .advanced-pod
{
	width: 198px;
	float: left;
	clear: both;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .advanced-pod .advanced-pod-content
{
	background: url(/resources/img/pods/advanced/small/top.png) top left no-repeat;
	width: 198px;
	float: left;
	clear: both;
	padding-top: 9px;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .advanced-pod .bottom
{
	background: url(/resources/img/pods/advanced/small/bottom.png) top left no-repeat;
	width: 198px;
	height: 9px;
	overflow: hidden;
	float: left;
	clear: both;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .advanced-pod .bottom
{
	background: url(/resources/img/pods/advanced/medium/bottom.png) top left no-repeat;
	width: 324px;
	height: 9px;
	overflow: hidden;
	float: left;
	clear: both;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .advanced-pod .bottom
{
	background: url(/resources/img/pods/advanced/large/bottom.png) top left no-repeat;
	width: 537px;
	height: 9px;
	overflow: hidden;
	float: left;
	clear: both;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .level .advanced-pod-content { height: 203px; background-color: transparent; }

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .advanced-pod .advanced-pod-content ul,
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .advanced-pod div.select-deselect-all
{
	padding: 0 13px 0 10px;
	width: 175px;
	float: left;
	clear: both;
	position: relative;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .level .advanced-pod-content ul.dynamic-hide-me  
{
	padding: 0; 
	margin: 0 0 0 7px !important;
	width: 190px !important;
} 
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .level .advanced-pod-content ul.dynamic-hide-me li  
{
	width: 30px;
	float: left;
	clear: both;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .advanced-pod .advanced-pod-content ul li { width: 175px; }
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .level ul
{
	padding: 0 1px !important;
	width: 196px !important;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .age-range .advanced-pod-content ul,
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .academic-years .advanced-pod-content ul { height: 86px; }

/* Type Pod */

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .type { }
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .type .advanced-pod-content ul
{
	background: none !important;
	width: 180px !important;
	height: 106px;
	overflow: auto;
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
	position: relative;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .type .advanced-pod-content ul li
{
	width: 155px;
	background-position: 0 2px;
	overflow: hidden;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .type .advanced-pod-content ul li.selector { width: 135px; }

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .type .advanced-pod-content ul li label,
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .learning-style .advanced-pod-content ul li label
{
	width: 126px;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .type .advanced-pod-content .scroll,
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .learning-style .advanced-pod-content .scroll
{
	padding: 0 8px 0 10px;
	width: 180px;
	float: left;
	clear: both;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .learning-style .advanced-pod-content ul
{
	height: 95px; 
	width: 180px;
	overflow: auto;
	padding: 0;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .learning-style .advanced-pod-content ul li { width: 155px; }

/* Advanced Column 2 */

.home-search fieldset li.advSearchContainer div.advanced-search-column-2
{
	width: 324px;
	float: right;
	clear: none;
	display: inline;
	overflow: hidden;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 li label
{
	width: 242px;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .advanced-pod
{
	width: 324px;
	float: left;
	clear: both;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .advanced-pod .advanced-pod-content
{
	width: 324px;
	float: left;
	clear: both;
	background: url(/resources/img/pods/advanced/medium/top.png) top left no-repeat;
	padding-top: 9px;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .advanced-pod .advanced-pod-content ul
{
	padding: 0 13px 0 10px;
	width: 301px;
	float: left;
	clear: both;
	display: inline;
	position: relative;
}


/* Subject Area Pod */

.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul
{
	background: none !important;
	width: 305px !important;
	height: 201px !important;
	overflow: auto;
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
	position: relative;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul li ul { height: auto !important; }


.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .providers .advanced-pod-content ul
{
	background: none !important;
	width: 305px !important;
	height: 200px !important;
	overflow: auto;
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
	position: relative;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .providers .advanced-pod-content ul li, 
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul li
{
	width: 280px;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul li { font-weight: bold; }
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul li ul
{
	height: auto;
	padding: 7px 0 0 19px !important;
	margin: 0;
	width: 251px !important;	
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul li li
{
	width: 230px !important;
	font-weight: normal;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul li li label { width: 200px; }

.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .providers .advanced-pod-content .scroll, 
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content .scroll,
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .advanced-pod div.select-deselect-all
{
	padding: 0 9px 0 10px;
	width: 305px;
	float: left;
	clear: both;
}

/* Type of Place */

.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .type-of-place .advanced-pod-content ul  
{
	height: 94px; 
	overflow: auto;
	width: 290px;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .type-of-place .advanced-pod-content ul li { width: 280px; }
.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .type-of-place .advanced-pod-content ul li label { width: 260px; }

/* Advanced Column 3 */

.home-search fieldset li.advSearchContainer div.advanced-search-column-3
{
	width: 537px;
	float: left;
	clear: both;
	overflow: hidden;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .advanced-pod
{
	width: 537px;
	float: left;
	clear: both;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .advanced-pod .advanced-pod-content
{
	width: 537px;
	float: left;
	clear: both;
	background: url(/resources/img/pods/advanced/large/top.png) top left no-repeat;
	padding-top: 9px;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .advanced-pod .advanced-pod-content ul
{
	padding: 0 13px 0 13px;
	width: 511px;
	float: left;
	clear: both;
	display: inline;
	position: relative;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .advanced-pod .advanced-pod-content ul li.slider-container li.miles 
{
	display: inline;
	padding: 0 !important;
	margin: 0 ! important;
	width: 220px !important;
	overflow: hidden;
	vertical-align: middle;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .advanced-pod .advanced-pod-content ul li.slider-container li.miles div ul  
{
	padding: 0 !important;
	margin: 0 !important; 
	width: 232px !important;
}

.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .advanced-pod .advanced-pod-content ul li.map-container-li  
{
	width: 0 !important;
	height: 0 !important;
	overflow: hidden;
	clear: both !Important; 
	float: left !important;
	margin: 0 !important;
}


/* New district pod */

.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .district { }
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .district .select-deselect-all { float: left; clear: both; width: 217px; padding-left: 13px }
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .district #district-map { float: right; }

.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .district .advanced-pod-content ul.district-checkbox-list  
{
	width: 230px; 
	float: left; 
} 
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .district .advanced-pod-content ul.district-checkbox-list li { width: 230px; }
.home-search fieldset li.advSearchContainer div.advanced-search-column-3 .district .advanced-pod-content ul.district-checkbox-list li label { width: 204px; }

/* Results Page */

 .keyword-pod .keyword-pod-header
{
	width: 543px;
	height: 32px;
	text-indent: -9999em;
	overflow: hidden;
	margin-bottom: 7px;
	position: relative;
	display: inline-block;
}
.keyword-pod .keyword-pod-header h2
{
	margin: 0 !important;
}

.keyword-pod-content h2.show-me-results  
{
	font-size: 1em; 
	display: inline;
	float: left;
	clear: none;
	width: 150px;
	padding: 4px 0 0 12px;
	font-weight: normal;
	font-family: Arial, Sans-Serif;
	text-transform: none;
	vertical-align: middle;
}

.keyword-pod-content .search-within-options  
{
	float: left; 
	clear: none !important; 
	width: 264px; 
	margin-left: 2px;
	display: block;
}

.keyword-pod-content .search-within-options li  
{
	float: left; 
	clear: none; 
	width: auto;
	margin: 3px 2px 0 0;
	list-style: none;
	padding-right: 10px;
	vertical-align: middle; 
	display: inline; 
} 

.keyword-pod-content .search-within-options li input { margin: 3px 2px 0 0; position: relative; float: left; display: inline; vertical-align: middle; }
.keyword-pod-content .search-within-options li label { padding: 0 0 0 2px; display: inline-block; vertical-align: middle; }


/* Help & Advice */

div.help { width: 336px; float: left; clear: both; padding: 0 0 20px 0; }
div.help h4 { padding-left: 3px; font-size: 1.33em; }
div.help ul { list-style-position: inside; width: 336px; float: left; clear: both; padding-top: 4px; }
div.help li { list-style: none; display: inline; float: left; clear: none; margin: 0 0 13px 0; }
div.help li a { display: block; width: 112px; height: 40px; }


/* Results Page */

.search-results-header
{
	width: 710px;
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	height: 135px;
	/*padding-bottom: 25px;*/
	position: relative;
}
.search-results h2.search-results { padding-left: 17px; clear: both; width: 350px; float: left; }

.search-results div.clearme { height: 0; line-height: 0; overflow: hidden; }
.search-results h2.search-results { padding-left: 17px; }

.keyword-pod  
{
	width: 543px;
	float: left;
	margin-right: 5px;
	background: url(/resources/img/pods/keyword.gif) top left no-repeat;
}

.keyword-pod .keyword-pod-content
{
	width: 535px;
	float: left;
	clear: both;
	position: relative;
	padding: 0 0 0 10px;
}
.keyword-pod .keyword-pod-content a { margin: 4px 0 0 0; display: block; width: 70px; float: left; }
.keyword-pod .keyword-pod-content a.tips { background: url(/resources/img/icons/help_fff.gif) 0 0 no-repeat; padding-left: 21px; }
.keyword-pod .keyword-pod-content a:hover { text-decoration: none; }
.keyword-pod div.keyword-refine  
{
	padding: 0 0 0 0;
	margin: 0;
	float: left;
	clear: both;
	background: url(/resources/img/refine_keyword_input.gif) top left no-repeat; 
	width: 539px;
}
.keyword-pod div.keyword-refine input.auto-complete-input, .keyword-pod div.keyword-refine input.no-providers
{
	border: 0;
	padding: 3px 0 0 5px;
	margin: 0 0 2px 0; 
	font-size: 1.95em;
	height: 32px;
	float: left;
	color: #595959;
	background: transparent;
	font-size: 2em;
	width: 482px
}

.keyword-pod .keyword-pod-content a { color: #404040; }
.keyword-pod .keyword-pod-content a.tips 
{ 
	background:transparent url(/resources/img/icons/help_fff.gif) no-repeat scroll 0 0;
	padding-left:21px;
}

.keyword-pod .keyword-pod-content a:hover { text-decoration: none; }
.keyword-pod input.keyword-refine
{
	width: 449px; 
	float: left;
	clear: both;
	height: 28px; 
	border: 0;
	font-size: 2em;
	color: #595959;
	padding: 4px 10px 4px 4px;
	margin: 0 0 0 20px;
	background: none;
 }

div.search-results-counter
{
	background: url(/resources/img/pods/results_total.gif) top left no-repeat;
	width: 140px;
	height: 64px;
	padding: 39px 0 0 16px;
	float: left;
	clear: none;
}


/* Results Loader */


div#ctl00_mainContent_UpdateProgress1
{
	height: 0;
	display: none;
	line-height: 0;	
}

.progress-container
{
	margin-left: 1px;
	width: 709px;
	position: absolute;
	left: 0;
	top: 160px;
	bottom: 0;
	z-index: 999;
	background: #FFF;
	color: #000;
}
.progress-container div
{
	margin: 150px auto 0 auto;
	width: 300px;
	height: 100%;
	text-align: center;
}

.progress-container img
{
	width: 32px;
	height: 32px;
}

.progress-container span
{
	display: block;
	font-weight: bold;
	color: #666666;
	font-size: 18px;
	margin-top: 6px;
}

.progress-container div h3
{
	color: #757575;
	font-weight: bold;
	clear: both;
	font-size: 1em;
}


/* Result Pods */

.results-and-paging
{
	width: 541px;
	float: left;
	clear: both;
	display: inline;
	margin: 0;
}
div.result  
{
	clear: both; 
	float: left;
	margin-left: 15px;
	width: 526px;
	position: relative;
	display: inline; 
}

div.result ol { width: 526px; float: left; clear: both; }

div.result ol li  
{
	width: 526px;
	list-style: none;
	float: left;
	clear: both;
	margin-bottom: 20px;
	background: url(/resources/img/pods/results_bottom.gif) bottom left no-repeat;
}

div.result ol li div.result-pod { float: left; clear: both; }

div.result ol li div.result-pod .result-pod-header  
{
	background: url(/resources/img/pods/results_header.gif) top left no-repeat; 
	width: 510px; 
	padding: 7px 6px 5px 10px; 
	float: left; 
	clear: both;
	border-bottom: 1px solid #c2c2c2;
}
div.result ol li div.result-pod .result-pod-header h2  
{
	width: 470px; 
	float: left; 
	font-weight: bold;
	font-size: 16px; 
	color: #595959; 
	padding: 0; 
	margin: 0;
}

div.result ol li div.result-pod .result-pod-header a.arrow { margin: 0 0 0 0; width: 34px; height: 24px; }

div.result ol li div.result-pod .result-pod-container  
{
	float: left; 
	clear: both;
	width: 514px;
	padding-right: 6px;
}
div.result ol li div.result-pod .result-pod-container h3.levels  
{
	padding: 6px 0 3px 2px; 
	margin: 0 0 3px 7px;
	border-bottom: 1px dashed #7b7b7b; 
	font-size: 1.17em;
	color: #626061;
	width: 512px;
}

div.result ol li .result-content { width: 520px; float: left; clear: both; }
div.result ol li .result-content ol { list-style: none; float: left; clear: both; width: 511px; padding: 0 9px 6px 0; overflow: hidden; }
div.result ol li .result-content li  
{
	float: left; 
	clear: both; 
	width: 467px; 
	padding: 4px 0 7px 30px;
	margin: 0 0 4px 20px; 
	background: url(/resources/img/arrows/solid_arrow.gif) 10px 8px no-repeat;
	color: #404040;
	border-bottom: 1px dashed #ccc;
	display: inline;
	position: relative;
	min-height: 60px;
}
div.result ol li .result-content li.last { border-bottom: 0 !important; }  

div.result ol li .result-content li h4 { font-size: 1.17em; font-family: Arial, Sans-Serif; margin: 0; width: 260px; }
div.result ol li .result-content li h4 a { color: #404040; text-decoration: none; font-size: 1em; margin: 0; padding: 0; } 
div.result ol li .result-content li h4 a:hover { text-decoration: underline; } 

div.result ol li .result-content li h5 { color: #404040; font-size: 1em; font-weight: normal; font-family: Arial, Sans-Serif; width: 260px; }
div.result ol li .result-content li a.add-to-your-choices { float: right; clear: none; position: absolute; top: 2px; right: 0px; }
div.result ol li .result-content li a.apply-from-results { float: right; clear: none; position: absolute; top: 2px; right: 148px; }
div.result ol li .result-content li a.diploma { float: right; clear: none; position: absolute; top: 35px; right: 0; }

/* Export CSV */

div.export-csv { height: 25px; position: absolute; right: 329px; top: 175px; width: 118px; }
div.export-csv a  
{
	text-indent: -9999em; 
	display: block; 
	width: 127px; 
	height: 27px; 
	background: url(/resources/img/buttons/export.gif) top left no-repeat;
}
div.export-csv a:hover { background: url(/resources/img/buttons/export_on.gif) top left no-repeat; }

/* Related Videos (Right of Search )*/

.result-related-videos { width: 151px; margin: -29px 0 10px 10px; float: right; clear: none; display: inline; }
.result-related-videos li { list-style: none; }
.result-related-videos .flash-videos  
{
	width: 124px;
	height: 302px; 
	padding: 10px 12px 10px 12px; 
	float: left; 
	clear: both;

}

.result-related-videos h3  
{
	text-indent: -9999em; 
	background: url(/resources/img/headers/related_videos.gif) top left no-repeat; 
	width: 141px; 
	height: 12px;
	display: block;
	float: left;
	clear: both;
	margin: 0 0 10px 8px;
}
.result-related-videos a.related-scroll-up, .result-related-videos a.related-scroll-down  
{
	text-indent: -9999em; 
	width: 151px; 
	height: 22px;
	clear: both; 
	display: block; 
	background-position: top left;
	background-repeat: no-repeat;
}
.result-related-videos a.related-scroll-up { background-image: url(/resources/img/scroll_videos_up.gif); } 
.result-related-videos a.related-scroll-down { background-image: url(/resources/img/scroll_videos_down.gif); } 

.result-related-videos dl { width: 124px; float: left; clear: both; }

.result-related-videos dt { width: 124px; height: 94px; float: left; clear: both; margin-bottom: 10px; }
.result-related-videos dt.last { margin-bottom: 0; }

.result-related-videos dt img { width: 124px; height: 94px; float: left;}
.result-related-videos dt a.overlay  
{
	width: 126px; 
	height: 94px; 
	display: block; 
	margin-top: -94px;
	text-indent: -9999em;
	background: url(/resources/img/related_overlay.png) top left no-repeat;
	float: left;
}
.result-related-videos dt a.overlay:hover {	background: url(/resources/img/related_overlay_on.png) top left no-repeat; }

.result-related-videos dd { color: #404040; float: left; clear: both; width: 124px;  }

.result-related-videos dd a { color: #404040; text-decoration: none; }
.result-related-videos dd a:hover { text-decoration: underline; }

.result-related-videos .explore-videos { margin-top: 20px; position: relative; }


/* Course Details 
------------------------------------------------------------*/

.course-detail  
{
	float: left; 
	clear: both;
	overflow: hidden;
}
.course-detail .pod-content { float: left; clear: both; width: 910px; display: block;  }
.course-detail .p-content { width: 444px; float: left; clear: none; margin: 0 15px 0 0 ; padding: 0; }

.course-detail .p-content a.add-to-your-choices { margin: 0 7px 9px 0; float: left; }
.course-detail .p-content a.view-other-courses { margin: 0 0 9px 0; float: left; }
.course-detail .p-content a.apply-from-results { margin: 0 7px 9px 0; float: left; }

.course-detail .p-content div.qualification-description dl  
{
	margin: 0 0 13px 0; 
	padding: 3px 0 0 0; 
	width: 439px;
	float: left;
	clear: both;
	border-bottom: 1px dashed #7f7f7f;
}
.course-detail .p-content div.qualification-description dl dt  
{
	float: left; 
	clear: left; 
	width: 108px; 
	margin: 0; 
	padding: 0 0 16px 0; 
	font-weight: bold;
}
.course-detail .p-content div.qualification-description dl dd { float: left; clear: none; width: 329px; margin: 0; padding: 0 0 16px 0; }
.course-detail .p-content div.qualification-description dl dd p { padding: 0; margin: 0 0 7px 0; }

.course-detail div.provider-description dl { float: left; clear: both; width: 437px; padding: 3px 0 12px 0; margin: 0; }
.course-detail div.provider-description dl dt { float: left; clear: both; width: 108px; padding: 0 0 16px 0; margin: 0; font-weight: bold; }
.course-detail div.provider-description dl dd { float: right; width: 329px; padding: 0 0 16px 0; margin: 0; }
.course-detail div.provider-description dl dd a { color: #404040; }
.course-detail div.provider-description dl dd a:hover { color: #404040; text-decoration: none; }

.course-detail div.qualification-description, div.course-detail div.provider-description { float: left; clear: both; }
.course-detail div.qualification-description h3, div.course-detail div.provider-description h3 { padding: 0; width: 431px; }

div.course-detail div.provider-description div.provider-description-options { float: left; clear: both; width: 440px; }
div.course-detail div.provider-description div.provider-description-options a.view-ofsted-report 
{
	float: left;
	clear: none;
}

div.course-detail div.provider-description div.provider-description-options a.view-provider-sites,
div.course-detail div.provider-description div.provider-description-options a.view-ofsted-report 
{
	display: block;
	float: left; 
	clear: none; 
	right: auto; 
	top: 0; 
	margin: 0 7px 22px 0;
}

/* Venue Description*/

.course-detail div.venue-description dl { float: left; clear: both; width: 439px; padding: 3px 0 12px 0; margin: 0; }
.course-detail div.venue-description dl dt { float: left; clear: none; width: 108px; padding: 0 0 16px 0; margin: 0; font-weight: bold; }
.course-detail div.venue-description dl dd { float: left; clear: none; width: 329px; padding: 0 0 16px 0; margin: 0; }
.course-detail div.venue-description dl dd a { color: #404040; }
.course-detail div.venue-description dl dd a:hover { color: #404040; text-decoration: none; }

div.course-detail div.venue-description { float: left; clear: both; }
div.course-detail div.venue-description h3 { padding: 0; width: 431px; }


/* Course Detail s-content */
div.course-detail .s-content { width: 449px; float: right; clear: none; margin: 0 0 0 0; padding: 0; }

div.course-detail .s-content .careers  
{
	width: 447px;
	float: left;
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
	border: 1px solid #e4eeaf; 
	background: #e4eeaf url(/resources/img/careers_background.gif) top left repeat-x;
	position: relative;
}
div.course-detail .s-content .leading-to .content  
{
	width: 447px; 
	background: url(/resources/img/pathways_to.png) 96% 55% no-repeat;
	padding: 5px 0 8px 0;
	margin: 0;
	min-height: 60px;
}
div.course-detail .s-content .leading-from { margin: 0 0 25px 0; }
div.course-detail .s-content .leading-from .content  
{
	width: 447px; 
	background: url(/resources/img/pathways_to.png) 96% 55% no-repeat;
	padding: 5px 0 8px 0; 
	margin: 0;
	min-height: 60px;
}

div.course-detail .s-content .careers h3  
{
	margin: 0 0 3px 0;
	padding: 0 10px 0 10px;
	display: inline;
	position: relative;
	float: left;
	clear: both;
	width: 300px;
}
div.course-detail .s-content .careers ul { line-height: 1; list-style-position: inside; padding: 0 10px; width: 431px; position: relative; }

div.course-detail .s-content .careers li  
{
	line-height: 1.4;
	margin: 0 0 6px 0;
	padding: 2px 0 2px 17px;
	background: url(/resources/img/arrows/transparent_arrow.png) 0 4px no-repeat;
	list-style: none;
	width: 290px;
	clear: both;
	
}
div.course-detail .s-content .careers li a { color: #404040; display: block; }
div.course-detail .s-content .careers li a:hover { color: #404040; text-decoration: none; }

div.course-detail .s-content .careers li.last { margin: 0; }

div.course-detail .s-content div.video-carousel  
{
	width: 449px;
	float: left;
	clear: both;
	height: 364px;
	margin: 0 0 25px 0;
	padding: 0;
}

div.course-detail .s-content .map-container  
{
    width: 449px; 
    height: 278px; 
    margin: 0 0 12px 0; 
    float: left; 
    clear: both; 
    overflow: hidden;
}

div.course-detail .s-content .map-container .map-content { width: 449px; height: 278px;}
div.course-detail .s-content .map-container .map-content div { width: 449px; height: 278px; }


div.course-detail .s-content a.gmpte { margin: 0 0 8px 0; }
div.course-detail .s-content a.diploma { clear: both; float: left; margin: 0 0 10px 0; }
.also-viewed  
{
	border-top: 1px dashed #7F7F7F;
	clear: both;
	float: left;
	margin: 0 0 13px 0;
	padding: 3px 0 18px 0;
	width: 439px;
}

.also-viewed ul {  }
.also-viewed li  	
{
	margin: 0 0 1px 0;
	padding: 2px 0 2px 17px;
	background: url(/resources/img/arrows/transparent_arrow.png) 0 4px no-repeat;
	list-style: none;
	width: 400px;
	clear: both;
  }
.also-viewed li a { color: #414141; text-decoration: underline; }  	
.also-viewed li a:hover { color: #414141; text-decoration: none; }  		



 /* View Video Page 
------------------------------------------------------------*/

form.video-page .p-content { width: 450px !important; float: left !important; padding: 0 24px 0 0 !important; margin: 0 !important; }

.video-detail { width: 450px; padding-right: 24px; float: left; clear: both; }

.video-detail h2 { margin-bottom: 12px; clear: both; font-size: 18px; font-weight: bold; padding-top: 4px; }
 
.video-detail .video-detail-content { width: 450px; }
.video-detail .video-detail-content div.play-video { width: 450px; height: 366px; margin: 0 0 10px 0; }


/* View Video Page  (S Content) */

form.video-page .s-content { width: 455px !important; float: left !important; clear: none; padding: 12px 0 0 0; margin: 0; }

form.video-page .s-content .video-detail-related { width: 455px; float: left; clear: none; padding: 0; margin: 0; }

.video-detail-related h3  
{
	width: 455px;
	float: left;
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
}
.video-description { margin: -13px 0 12px 0; }

.video-description h3 { margin: 0 0 6px 0; clear: both; width: 87px; }

.video-description p { clear: both; position: relative; }


/* Providers Selection (Clicked Search Result Page) */

div.no-providers
{
	clear: both;
	padding-left: 15px;
}
div.no-providers h2, div.no-results h2
{
	clear: both;
	margin-bottom: 10px;
	text-transform: none;
	padding: 0;
}
div.no-providers a.back-to-search, div.no-results a.back-to-search { margin-left: 0; }
div.no-providers p, div.no-results p { margin-bottom: 15px; }

div.no-results { padding-left: 19px; }

.search-results .p-content .providers { width: 710px; float: left; clear: both; }
.providers ol { width: 710px; float: left; clear: both; }
.providers ol li
{
	width: 710px;
	clear: both;
	list-style: none;
	float: left;
	margin-bottom: 12px;
}

.providers h2 { padding-left: 15px; font-size: 1.46em; }

p.multi-provider-desc { padding-left: 15px; }

.providers a.back-to-search { margin: 15px 0 25px 15px; }

.providers-pod
{
	clear: both;
	float: left;
	width: 695px;
	margin: 0 0 0 15px;
	display: inline;
	position: relative;
}

.providers-pod .providers-pod-header
{
	clear: both;
	float: left;
	width: 679px;
	background: url(/resources/img/pods/provider_results_header.gif) top left no-repeat;
	padding: 5px 6px 4px 10px;
	border-bottom: 1px solid #C2C2C2;
}
.providers-pod .providers-pod-header h2
{
	width: 560px;
	float: left;
	text-transform: none;
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 16px;
	color: #595959;
}

.providers-pod .providers-pod-header h3
{
	color: #595959;
	font-size: 1.33em;
	width: 600px;
	float: left;
}

.providers-pod .providers-pod-header a.to-top { width: 34px; height: 24px; }

.providers-pod .providers-pod-container
{
	float: left;
	clear: both;
	width: 683px;
	background: url(/resources/img/pods/provider_results_bottom.gif) bottom left no-repeat;
	padding: 12px 6px;
}

.providers-pod .providers-pod-container ol
{
	width: 683px;
	float: left;
	clear: both;
}
.providers-pod .providers-pod-container ol li
{
	background: url(/resources/img/arrows/solid_arrow.gif) 6px 8px no-repeat;
	border-bottom: 1px dashed #CCCCCC;
	clear: both;
	color: #404040;
	float: left;
	margin: 0 0 4px 0px;
	padding: 4px 0 7px 25px;
	width: 658px;
	list-style: none;
	position: relative;
}

.providers-pod .providers-pod-container ol li.last { border-bottom: 0; }
.providers-pod .providers-pod-container ol li a.add-to-your-choices { clear: none; position: absolute; top: 2px; right: 0px; }
.providers-pod .providers-pod-container ol li a.apply-from-results { clear: none; position: absolute; top: 2px; right: 150px; }

.providers-pod .providers-pod-container ol li h4 { font-size: 1.17em; font-family: Arial, Sans-Serif; margin: 0; width: 450px;  }
.providers-pod .providers-pod-container ol li h4 a { color: #404040; font-size: 1em; text-decoration: none; }
.providers-pod .providers-pod-container ol li h4 a:hover { text-decoration: underline; }

.providers-pod .providers-pod-container ol li h5 { font-size: 1em; color: #404040; font-weight: normal; font-family: Arial, Sans-Serif; }



/* =Freeform Pages 
------------------------------------------------------------*/

form.freeform-page .p-content { width: 685px; float: left; clear: both; padding: inherit; }
form.freeform-page .p-content .freeform { width: 685px; float: left; clear: both; }
form.freeform-page .s-content { width: 221px; float: right; } 



/* =Browse & Paging
------------------------------------------------------------*/

p.paging { width: 532px; text-align: center; clear: both; margin-left: 20px; }
p.paging a  
{
	display: inline-block; 
	width: 27px; 
	height: 20px; 
	text-align: center; 
	border: 1px solid #c2c2c2;
	color: #757575;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 3px;
}
p.paging span  
{
	display: inline-block; 
	width: 27px; 
	height: 20px; 
	text-align: center; 
	border: 1px solid #F5F5F7;
	color: #CDCDCD;
	text-decoration: none;
	vertical-align: middle;
	padding-top: 3px;
}
p.paging a:hover, 
p.paging span.active  
{
	background: url(/resources/img/paging/background.png) top left repeat-x; 
	color: #fff; 
	border: 1px solid #c2c2c2;
}

div.paging-container
{
	width: 526px;
	text-align: center;
	background: red;
	clear: both;
	float: left;
}

/* Browse */

ol.alpha-list
{
	border-bottom: 1px dashed #d2d2d2;
	padding: 4px 0px 15px 7px;
	margin: 0 0 9px;
	width: 923px;
	float: left;
	clear: both;
	text-align: center;
}

.alpha-list li
{
	display: inline;
	margin: 0 7px 0 0;
	list-style: none;
	float: left;
	clear: none;
	width: 27px;
	height: 26px;
	text-align: center;
}

.alpha-list li a
{
	border: 1px solid #c2c2c2;
	display: block;
	width: 27px;
	height: 20px;
	color: #757575;
	text-decoration: none;
	vertical-align: middle;
	padding: 4px 0 0 0;
	background-color: #fff;
}

.alpha-list li span
{
	border: 1px solid #f5f5f7;
	display: block;
	width: 27px;
	height: 20px;
	color: #cdcdcd;
	text-decoration: none;
	vertical-align: middle;
	padding: 4px 0 0 0;
}

.alpha-list li a:hover
{
	background: url(/resources/img/paging/background.png) top left repeat-x;
	float: left;
	clear: both;
	color: #fff;
}
.alpha-list li span.active
{
	height: 20px;
	border: 1px solid #c2c2c2;
	color: #fff;
	background: url(/resources/img/paging/background.png) top left repeat-x;
}

div.browse { float: left; clear: both; width: 930px; }

.browse .p-navigation { float: left; clear: both; width: 924px; margin: 0 0 9px 0; border-bottom: 1px dashed #d2d2d2; padding: 0 0 9px 6px; }
.browse .p-navigation li { float: left; clear: none; width: 141px; height: 44px; list-style: none; 	margin: 0 7px 0 0; }

.browse .p-navigation li a  
{
	display: block; 
	width: 141px; 
	height: 44px; 
	padding: 0; 
	overflow: hidden; 
	background-position: top left; 
	background-repeat: no-repeat;
	position: relative;
	text-indent: -9999em;
}

.browse .p-navigation li.course a { background-image: url(/resources/img/buttons/courses.gif); }
.browse .p-navigation li.course a:hover, 
.browse .p-navigation li.course a.active { background-image: url(/resources/img/buttons/courses_on.gif); }

.browse .p-navigation li.providers a { background-image: url(/resources/img/buttons/providers.gif); }
.browse .p-navigation li.providers a:hover, 
.browse .p-navigation li.providers a.active { background-image: url(/resources/img/buttons/providers_on.gif); }

.browse .p-navigation li.categories a { background-image: url(/resources/img/buttons/subject_areas.gif); }
.browse .p-navigation li.categories a:hover, 
.browse .p-navigation li.categories a.active { background-image: url(/resources/img/buttons/subject_areas_on.gif); }

.browse .p-navigation li.academic-year
{
	background: url(/resources/img/buttons/academic_year.gif) top left no-repeat; 
	width: 377px; 
	height: 44px;
	overflow: hidden;
}
.browse .p-navigation li.academic-year ul { width: 146px; padding: 15px 0 0 130px; float: left; margin: 0; height: 29px; background: none; }
.browse .p-navigation li.academic-year ul li { width: 72px; float: left; clear: none; display: inline; padding: 0; margin: 0; position: relative; }
.browse .p-navigation li.academic-year ul li label { display: inline-block; padding-left: 3px; top: -1px; position: relative; }
.browse .p-navigation li.academic-year input.academic-submit { margin: 9px 0 0 0; float: left; clear: none; }


.browse-content-container, .browse-content-container .s-navigation { float: left; clear: both; width: 930px; }

.browse-content-container .s-navigation
{
	border-bottom: 1px dashed #d2d2d2; 
	padding: 0 7px 12px 7px; 
	margin: 0 0 12px; 
	width: 916px; 
	float: left; 
	clear: both;
}

.browse-content-container .s-navigation li { width: 27px; height: 22px; margin-right: 7px; float: left; clear: none; list-style: none; }
.browse-content-container .s-navigation li.last { margin-right: 0; }
.browse-content-container .s-navigation li a  
{
	width: 27px;
	height: 22px; 
	float: left; 
	clear: none; 
	background-position: top left; 
	background-repeat: no-repeat;
	text-indent: -9999em;
}


/* Browse (Results) Links */

ol.browse-results { width: 930px; padding: 0 0 12px 0; float: left; clear: both; }

.browse-content-container .s-navigation li.inactive a:hover { cursor: default; position: relative; }

.browse-content-container .browse-results li  
{
	float: left; 
	clear: both; 
	width: 903px; 
	padding: 0 0 5px 27px;
	background: url(/resources/img/arrows/solid_arrow.gif) 7px 8px no-repeat;
	margin: 0 0 11px 0; 
	border-bottom: 1px dashed #d2d2d2;
	list-style: none;
	font-size: 1em;
}

.browse-content-container .browse-results li h3 { font-weight: bold; font-size: 1em; padding: 4px 0 0 0; margin: 0 0 5px 0; width: 420px; float: left; }
.browse-content-container .browse-results li h3 a { font-size: 1.17em; font-weight: bold; color: #404040; margin: 0 0 1px 0; text-decoration: none; }
.browse-content-container .browse-results li h3 a:hover { text-decoration: underline; font-weight: bold; }

.browse-content-container .browse-results li a.view-provider-sites, .browse-content-container .browse-results li a.view-ofsted-report
{
	float: right;
	clear: none;
	margin-left: 7px; 
	top: -1px;
	position: relative;
}

.browse-content-container .browse-results li h4 { font-size: 1em; color: #414141; font-weight: normal; padding: 0; font-family: Arial, Sans-Serif; }

.recursive-ol
{
	float: left;
	width: 903px;
}

.subject .arrow 
{
	float: right;
	clear: none;
	display: block;
	width: 16px;
	height: 16px;
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 20px;
	margin-top: 4px;
}
.subject .arrow:hover { cursor: pointer; }

.subject h3 { float: left; }

.browse-results li.last { border-bottom: none; }

.browse-content-container .browse-results li ol.recursive-ol
{
	width: 903px;
	padding: 0;
	margin: 0;
	float: left;
}
.browse-content-container .browse-results li ol.recursive-ol li
{
	width: 870px;
	padding: 0 0 0 23px;
	margin: 3px 0;
	border: 0;
	clear: both;
	float: left;
	background: url(/resources/img/arrows/solid_arrow.gif) no-repeat 0px 7px;
	color: #666666;
}
.browse-content-container .browse-results li ol.recursive-ol li a { color: #666666; }


/* Site Map */

div.sitemap ol
{
	margin: 0 0 15px 0;
	width: 400px;
	float: left;
	clear: both;
}

div.sitemap ol li
{
	float: left;
	clear: both;
	width: 400px;
	padding: 4px 0 3px 30px;
	margin: 0 0 4px 0;
	background: url(/resources/img/arrows/solid_arrow.gif) 10px 8px no-repeat;
	color: #404040;
	list-style: none;
}

div.sitemap ol li
{
	font-size: 1.17em;
	color: #404040;
	text-decoration: none;
}
div.sitemap ol li a
{
	font-size: 1em;
	color: #404040;
	text-decoration: none;
	font-weight: bold;
}
div.sitemap ol li a:hover
{
	text-decoration: underline;
}

div.sitemap ol li ol
{
	padding: 5px 0 0 0;
	margin: 1px 0 -4px 0;
	position: relative;
	width: 380px;
}

div.sitemap ol li ol li
{
	float: left;
	clear: both;
	width: 350px;
	padding: 3px 0 3px 24px;
	margin: 2px 0;
	background: url(/resources/img/arrows/solid_arrow_grey.gif) 0px 5px no-repeat;
	color: #404040;
}

div.sitemap ol li ol li
{
	font-size: 1em;
	color: #424242;
	text-decoration: none;
	font-weight: bold;
}
div.sitemap ol li ol li a
{
	font-size: 1em;
	color: #424242;
	text-decoration: none;
	font-weight: bold;
}
div.sitemap ol li ol li a:hover
{
	text-decoration: underline;
}

div.sitemap ol li ol li li a
{
	font-size: 1em;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}



/* My Choices/Providers
--------------------------------------------------------------------------*/

/* Added new sections - My Applications*/

form.your-choices .my-providers { float: left; clear: both; width: 568px; }
form.your-choices .my-providers li  
{
	list-style: none; 
	width: 568px; 
	float: left; 
	clear: both; 
	margin: 0 0 12px 0;
}

form.your-choices .my-providers li .pod { width: 568px; }
form.your-choices .my-providers li .pod .pod-content { width: 548px; float: left; clear: both; }

/* New Styles for My Choice Changes */

form.your-choices .my-providers li .pod .pod-content .academic-year,
form.your-choices .my-providers li .pod .pod-content .my-favourites, 
form.your-choices .my-providers li .pod .pod-content .my-application { float: left; clear: both; width: 548px; margin: 0 0 16px 0; }

/* Academic Year header */
form.your-choices .my-providers li .pod .pod-content .academic-year { padding: 0; margin-bottom: 12px; }
form.your-choices .my-providers li .pod .pod-content .academic-year h2  
{
	color: #0ea3b7; 
	font-size: 1.33em; 
	padding: 4px 0; 
	margin: 0;
	width: 410px;
	float: left;
	display: block;
	vertical-align: middle;
} 
form.your-choices .my-providers li .pod .pod-content .academic-year a.quick-apply  
{
	display: block;
	text-indent: -9999em;
	width: 109px;
	height: 29px;
	float: right; 
	background: url(/resources/img/buttons/quick_apply.gif) 0 0 no-repeat;
}
form.your-choices .my-providers li .pod .pod-content .academic-year a.quick-apply:hover  
{
	background: url(/resources/img/buttons/quick_apply.gif) 0 -29px no-repeat;
}

/* My Favourites section */

form.your-choices .my-providers li .pod .pod-content .my-favourites { padding: 6px 0 0 0; }

form.your-choices .my-providers li .pod .pod-content h3  
{
	padding: 0 0 1px 0;
	margin: 0;
	font-family: Arial, Sans-Serif;
	color: #000;
	border-bottom: 1px dashed #7f7f7f;
	font-size: 1.17em;
}
/* My Application section (Inside Academic Year) */

form.your-choices .my-providers li .pod .pod-content .my-application ul { background-color: #F0FDE9; position: relative; }
form.your-choices .my-providers li .pod .pod-content .my-application ul.withdrawn { background-color: #f5f5f5; }
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header h4  
{
	width: 350px; 
	padding: 0 0 7px 0; 
	font-size: 1.17em;
	clear: none;
}
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header h4 a  
{
	color: #404041; 
	font-size: 1em; 
	text-decoration: underline;
	width: 320px;
	padding: 0;
	margin: 0;
	clear: none;
	float: none;
}
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header h4 a:hover { text-decoration: none; }
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.status  
{
	font-weight: bold; 
	padding: 3px 0 3px 21px;
	margin: 0;
	position: absolute;
	right: 0;
	top: -1px;
	background-position: 0 45%;
	background-repeat: no-repeat;
}
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-applications-header span.accepted  
{
	background-image: url(/resources/img/icons/status/offer_accepted.gif);
}

/* Applied for and Print link */

form.your-choices .my-providers li .pod .pod-content .my-application ul li div.applied-for { float: left; clear: both; width: 520px; position: relative; margin: 0 0 10px 0; }
form.your-choices .my-providers li .pod .pod-content ul li div.applied-for p { float: left; clear: both; width: 385px; }
form.your-choices .my-providers li .pod .pod-content ul li div.applied-for a.print  
{
	position: absolute; 
	right: 0; 
	top: -2px;
	display: inline-block; 
	width: auto;
}

/* My applications summary pod */

form.your-choices .my-applications-summary h3  
{
	padding: 0 0 3px 21px !important;
	background-position: 0 33%;
	background-repeat: no-repeat;
}

form.your-choices .my-applications-summary h3.new,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.new  
{ background-image: url(/resources/img/icons/status/new.gif); }


form.your-choices .my-applications-summary h3.saved,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.saved
{ background-image: url(/resources/img/icons/status/saved.gif); }


form.your-choices .my-applications-summary h3.being-verified,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.being-verified
{ background-image: url(/resources/img/icons/status/accepted_on_course.gif); }


form.your-choices .my-applications-summary h3.submitted,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.submitted
{ background-image: url(/resources/img/icons/status/submitted.gif); }

form.your-choices .my-applications-summary h3.interview,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.interview
{ background-image: url(/resources/img/icons/status/invited_for_interview.gif); }

form.your-choices .my-applications-summary h3.offer,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.offer
{ background-image: url(/resources/img/icons/status/offer.gif); }


form.your-choices .my-applications-summary h3.offer-accepted
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.offer-accepted
{ background-image: url(/resources/img/icons/status/offer_accepted.gif); }

form.your-choices .my-applications-summary h3.offer-rejected,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.offer-rejected
{ background-image: url(/resources/img/icons/status/offer_rejected.gif); }

form.your-choices .my-applications-summary h3.acknowledged,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.acknowledged
{ background-image: url(/resources/img/icons/status/acknowledged.gif); }


form.your-choices .my-applications-summary h3.accepted-course,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.accepted-course
{ background-image: url(/resources/img/icons/status/accepted_on_course.gif); }

form.your-choices .my-applications-summary h3.rejected,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.rejected
{ background-image: url(/resources/img/icons/status/rejected.gif); }

form.your-choices .my-applications-summary h3.withdrawn,
form.your-choices .my-providers li .pod .pod-content .my-application ul li div.my-application-header span.withdrawn
{ background-image: url(/resources/img/icons/status/withdrawn.gif); }

/* General My Choices styles */

form.your-choices .my-providers li .pod .pod-content ul  
{
	background-color: #fefde9; 
	float: left; 
	clear: both; 
	width: 548px; 
	margin: 0 0 0 0;
}  
form.your-choices .my-providers li .pod .pod-content ul li  
{
	padding: 9px 15px;
	border-bottom: 1px dashed #d1d0be;
	float: left;
	clear: both;
	width: 520px;
	margin: 0;
}

form.your-choices .my-providers li .pod .pod-content ul li div.new-message  
{
	width: 488px; 
	padding: 4px 5px 4px 25px; 
	border: 1px solid #862b2b;
	background: #c64645 url(/resources/img/icons/status/new_message.gif) 5px 7px no-repeat;
	float: left;
	clear: both;
}
form.your-choices .my-providers li .pod .pod-content ul li div.new-message p {  color: #fff; font-size: 1em; font-weight: bold;}

form.your-choices .my-providers li .pod .pod-content ul li.last { border-bottom: 0; } 

form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header, div.my-application-header 
{
	float: left; 
	clear: both; 
	width: 518px; 
	margin: 0; 
	padding: 0;
	position: relative;
	min-height: 30px;
	overflow: visible;
}
form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header img, div.my-application-header img { float: left; margin: 0 10px 0 0; }
form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header a, div.my-application-header a  
{
	float: left;
	width: 24px;
	height: 20px;
	margin: 0 10px 0 0;
	color: #404041;
}

form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header h4 a, div.my-application-header h4 a  
{
	float: left;
	clear: none;
	width: 433px; 
	padding: 0 10px 0 0;
	margin: 0;
	font-size: 0.88em;
	color: #404041;
	height: auto;
}
form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header h4 a:hover, div.my-application-header h4 a:hover { text-decoration: none; }

form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header span, div.my-application-header span  
{
	float: right; 
	clear: none;
	margin-top: 4px;
}



form.your-choices .my-providers li .pod .pod-content ul li dl { clear: both; width: 506px; padding-top: 12px; float: left; }
form.your-choices .my-providers li .pod .pod-content ul li dt { width: 110px; float: left; margin: 0 0 8px 0; }
form.your-choices .my-providers li .pod .pod-content ul li dd { width: 386px; clear: none; display: block; float: left; margin: 0 0 8px 0; }
form.your-choices .my-providers li .pod .pod-content .contact-information { padding-top: 12px; margin: 0 0 12px 0; clear: both; }
form.your-choices .my-providers li .pod .pod-content .contact-information a { color: #404040; text-decoration: underline; }
form.your-choices .my-providers li .pod .pod-content .contact-information a:hover { text-decoration: none; }
form.your-choices .my-providers li .pod .pod-content .contact-information h3 { margin: 0 0 8px 0; }
form.your-choices .my-providers li .pod .pod-content .contact-information address { font-style: normal; padding: 0 0 3px 0; }
form.your-choices .my-providers li .pod .pod-content .contact-information address strong { padding: 0 4px 0 0; }
form.your-choices .my-providers li .pod .pod-content .contact-information .location { width: 50%; float: left; }

form.your-choices .provider-contents { width: 336px; }
form.your-choices .provider-contents .pod-header { background: url(/resources/img/pods/elastic/left_grey.gif) top left no-repeat; }
form.your-choices .provider-contents .pod-header h2  
{
	background: url(/resources/img/pods/elastic/right_grey.gif) top right no-repeat; 
	color: #404040;
}
form.your-choices .provider-contents h3  
{
	padding: 0 0 1px 0;
	margin: 0 0 8px 0;
	font-family: Arial, Sans-Serif;
	color: #000;
	border-bottom: 1px dashed #7f7f7f;
	font-size: 1.17em;
}
form.your-choices .provider-contents .pod-content { clear: both; }  
form.your-choices .provider-contents ul { margin: 0 0 12px 0; }  
form.your-choices .provider-contents li { list-style: none; margin: 0 0 4px 0; }  
form.your-choices .provider-contents li a { color: #404040; text-decoration: underline; }  
form.your-choices .provider-contents li a:hover { color: #404040; text-decoration: none; }
form.your-choices .provider-contents .options { width: 318px; float: left; clear: both; margin: 0 0 7px 0; }
form.your-choices .provider-contents .options a.download-pdf { float: left; width: 143px; margin: 0 10px 0 0; }
form.your-choices .provider-contents a.remove-all-courses { clear: both; float: none; width: 143px; height: 20px; }

.course-information { float: left; width: 518px; }
.course-information .more-information { clear: both; margin: 10px 0 0 0; }



/* =S-Content
--------------------------------------------------------------------------*/

div.neighbouring-prospectuses { width: 336px; float: left; clear: both; }
div.neighbouring-prospectuses ul { width: 336px; float: left; clear: both; }
div.neighbouring-prospectuses ul li { list-style: none; padding: 0 0 5px 0; width: 336px; float: left; clear: both; }

/* Map Area on Home */

form.home .map-container { width: 336px; }

form.home .map-container .map-content { width: 336px; }
form.home .map-container .map-content div { width: 336px; }

form.home .map-container h4  
{
	text-indent: -9999em; 
	background: url(/resources/img/headers/map.gif) top left no-repeat; 
	width: 240px; 
	height: 10px; 
	margin: 3px 0 16px 0;
}


/* Search Page */


/* Refine Column Search Page */

.refine  
{
	float: left; 
	width: 220px; 
	background: url(/resources/img/refine_bottom.gif) bottom left no-repeat;
	padding-bottom: 12px;
}

.refine-content  
{
	background: url(/resources/img/refine_top.gif) top left no-repeat; 
	width: 198px;
	float: left; 
	clear: both; 
	padding: 10px 11px 0 11px;
}

.refine-content h3 { text-indent: -9999em; height: 30px; text-transform: uppercase; margin: 0; padding: 0; }

.refine-content .refine-pod { float: left; clear: both; width: 198px; margin-bottom: 11px; }

.refine-pod .refine-pod-header  
{
	background-position: top left;
	background-repeat: no-repeat; 
	width: 190px; 
	height: 23px;
	padding: 9px 8px 0 0; 
	float: left; 
	clear: both; 
	text-indent: -9999em;
	position: relative;
}


.levels .refine-pod-header { background-image: url(/resources/img/pods/refine/level.gif); }
.location .refine-pod-header { background-image: url(/resources/img/pods/refine/location.gif); }
.subject-areas .refine-pod-header { background-image: url(/resources/img/pods/refine/subject_areas.gif); }
.distance .refine-pod-header { background-image: url(/resources/img/pods/refine/distance.gif); }
.providers .refine-pod-header { background-image: url(/resources/img/pods/refine/providers.gif); }
.type .refine-pod-header { background-image: url(/resources/img/pods/refine/type.gif); }
.academic-year .refine-pod-header { background-image: url(/resources/img/pods/refine/academic_year.gif); }
.age-range .refine-pod-header { background-image: url(/resources/img/pods/refine/age_range.gif); }
.district .refine-pod-header { background-image: url(/resources/img/pods/refine/district.gif); }
.learning-style .refine-pod-header { background-image: url(/resources/img/pods/refine/learning_style.gif); }
.type-of-place .refine-pod-header { background-image: url(/resources/img/pods/refine/type_of_place.gif); }

.refine-pod .refine-pod-header h2 { width: 110px; float: left; line-height: 0; text-indent: -9999em; }

.distance .refine-pod-content { padding-top: 10px; }
.refine-content .academic-year ul, .refine-content .age-range ul { padding-top: 4px; padding-bottom: 0; margin-bottom: -4px; }
.refine-content .refine-pod-content  
{
	float: left; 
	clear: both;
	width: 180px;
	background: url(/resources/img/pods/refine/bottom.gif) bottom left no-repeat;
	padding: 9px 9px 11px 9px;

} 

.refine-pod-content ul
{
	width: 180px;
	float: left;
	clear: both;
	/*padding-top: 11px;*/
	margin-bottom: 8px;
	overflow: auto;
	max-height: 246px;
}

.age-range .refine-pod-content ul { padding: 0 !important; margin: 0px !important; height: 51px; }

.refine-pod-content ul li ul { padding-top: 4px; }

.subject-areas .refine-pod-content ul, .location .refine-pod-content ul, .type .refine-pod-content ul,
.providers .refine-pod-content ul { margin-bottom: -3px; }

.refine-pod-content input.dynamic-hide-me { margin-top: 7px !important; }
.levels .refine-pod-content, .distance .refine-pod-content
{
	width: 192px;
	padding: 3px;
}

.distance .refine-pod-content ul, .levels .refine-pod-content ul
{
	overflow: visible;
	max-height: 396px;
	margin-bottom: 0px !important; 
}
.distance .refine-pod-content li input.dynamic-hide-me  
{
	margin: 7px 0 0 3px !important;
	float: left;
	position: relative;
}

.levels .dynamic-hide-me { margin: 0 0 7px 7px; }

.levels ul.cbl-level,
.distance ul.rbl-distance { margin: 5px; }

.distance .refine-pod-content li input { margin: 1px 0 0 0; }
.levels ul.cbl-level input { margin-top: 0; }


.distance .refine-pod-content ul li
{
	list-style: none;
	float: left;
	width: 100%;
	clear: both;
	margin: 0 0 7px 0;
}

.distance .refine-pod-content ul li input.ibDistance { margin: 6px 0 0 5px; }
.distance .refine-pod-content li label
{
	padding: 0 0 0 5px;
	margin: 0 7px 0 0;
	width: auto;
}
.distance .refine-pod-content li .postcode-submit
{
	float: left;
	clear: none;
	display: block;
	width: 16px;
	height: 16px;
	background: url(/resources/img/arrows/solid_arrow.gif) no-repeat left top;
	margin: 4px 0 0 6px;
}

.distance .refine-pod-content #map
{
	padding-left: 5px;
	overflow: hidden;
	width: 174px; 
	height: 143px; 
	margin-left: 5px;
	display: none;
}

.distance .refine-pod-content #provider-link  
{
	margin-left: 4px;
	width: 183px;
	clear: both;
	float: left;
	margin-bottom: 7px;
	display: inline;
	position: relative;
}
.distance .refine-pod-content #provider-link h4 { margin-bottom: 5px; font-size: 12px; }

.distance .refine-pod-content #provider-link a  
{
	text-decoration: underline;
	padding-left: 17px;
	padding-bottom: 6px;
	color: #404040;
	float: left;
	clear: both;
	width: 161px;
	background: url(/resources/img/arrows/solid_arrow.gif) 2px 2px no-repeat;
}
.distance .refine-pod-content #provider-link a:hover { text-decoration: none; }

.refine-pod-content li
{
	width: 160px;
	float: left;
	clear: both;
	margin: 0 0 4px 0;
	vertical-align: middle;
	list-style: none;
}
.refine-pod-content li input
{
	margin: 0 8px 0 0; /*position: relative;*/
	vertical-align: middle;
	float: left;
}
.refine-pod-content li label
{
	vertical-align: middle;
	width: 120px;
	display: block;
	float: left;
	clear: none !important;
	padding-bottom: 4px;
	margin-top: -2px;
}
.refine-pod-content li.selector label { width: 116px; padding-left: 4px; }
.subject-areas .refine-pod-content li label { font-weight: bold; }

.refine-pod-content div { float: none; clear: both;	}

.refine-pod-content li ul
{
	float: left;
	clear: both;
	margin: 0 0 5px 0;
	height: auto;
	width: 158px;
	color: #666666;
}
.refine-pod-content li ul li
{
	float: left;
	clear: both;
	margin: 0;
	padding: 0;
	height: auto;
	width: 150px;
}
.refine-pod-content li ul li input { }
.refine-pod-content li ul li label { width: 122px; font-weight: normal !important; }

.refine-pod-content { position: relative; }

.btn-update-results { margin: 9px 0 0 0; }

.district .refine-pod-content ul { height: 200px; margin-bottom: -9px; }

/* =In this Section / Documents 
--------------------------------*/

.in-this-section
{
	width: 220px; 
	margin: 6px 0 0 0;
	float: left;
	clear: both;
}

.documents  
{
	width: 220px; 
	margin: 0 0 0 0;
	float: left;
	clear: both;
}
.in-this-section h2, .documents h2  
{
	margin: 0;
	padding-bottom: 7px;
	text-transform: none;
	width: 220px;
	font-size: 1.33em;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
}


.in-this-section div, .documents div 
{
	background: url(/resources/img/pods/s_content_pod_top.gif) top left no-repeat; 
	width: 221px;
	padding: 10px 0;
	float: left;
	clear: both;
}
.in-this-section div ul, .documents div ul  
{
	background: url(/resources/img/pods/s_content_pod_bottom.gif) bottom left no-repeat; 
	width: 191px; 
	padding: 0 20px 7px 10px; 
	float: left; 
	clear: both;
}
.in-this-section li { padding: 1px 0 1px 22px; } 
.in-this-section li, .documents li  
{
	float: left; 
	clear: both; 
	margin: 0 0 4px 0; 
	padding: 1px 0 3px 22px; 
	background-position: 0 3px; 
	background-repeat: no-repeat;
	list-style: none;
}

.in-this-section li a, .documents li a { width: 171px; display: block; float: left; clear: both; text-decoration: none; color: #404040; }
.in-this-section li p, .documents li p { width: 171px; display: block; float: left; clear: both; text-decoration: none; color: #777; font-style: italic; }
.in-this-section li a:hover, .documents li a:hover { text-decoration: underline; }

.documents li a { padding-top: 2px; }
.documents li span { display: block; width: 120px; float: left; clear: none; }

.in-this-section li { background-image: url(/resources/img/arrows/solid_arrow.gif); } 

.documents li.doc { background-image: url(/resources/img/icons/doc.gif); }
.documents li.xls { background-image: url(/resources/img/icons/xls.gif); }
.documents li.pdf { background-image: url(/resources/img/icons/pdf.gif); }
.documents li.ppt { background-image: url(/resources/img/icons/ppt.gif); }


/* =Footer
--------------------------------------------------------------------------*/

.footer .partnership { position: absolute; top: -10px; left: 47px; color: #BBBBBB; }
.footer .partnership p { float: left; padding: 0 6px 0 0; }
.footer .partnership a { float: left; clear: none; }
.footer .partnership a.warrington-council-logo { margin: -16px 0 0 -8px; }
.footer .partnership a.lsc-logo { margin: -9px 0 0 3px; }

.footer .copyright { display: inline; float: left; color: #bbb; }
.footer .copyright a { color: #bbb; text-decoration: underline; padding: 0 3px; font-family: Arial, Sans-Serif; font-size: 1em; }
.footer .copyright a:visited { color: #bbb; text-decoration: underline; padding: 0 3px; font-family: Arial, Sans-Serif; font-size: 1em; }
.footer .copyright a:hover { color: #bbb; text-decoration: none; }

.footer a.idaho  
{
	float: right; 
	text-decoration: none; 
	background: url(/resources/img/idaho_logo.jpg) top left no-repeat; 
	text-indent: -9999em;
	width: 118px; 
	height: 14px;
	overflow: hidden;
	line-height: 0;
}


/* Javascript Sliders
--------------------------------------------------------------------------*/


li.slider-container
{
	width: 537px;
	float: left;
	clear: both;
	background: none;
}

.district li.slider-container ul { margin: 0 !important; padding: 0 !important; }

li.slider-container ul
{
	width: 537px;
	float: left;
	clear: both;
	background: none !important;
	padding: 0 !important;
	margin: 5px 0 15px 0 !important;
}

li.slider-container ul li.slider
{
	padding: 0 !important; /* margin: 0 6px 0 -15px !important; */
}

li.slider-container ul li.slider .ui-slider-handle
{
	top: 25px; /*left: 0px;*/
}

li.slider-container ul li.sliderDist
{
	padding: 0 !important; /* margin: 0 6px 0 -15px !important; */
}

li.slider-container ul li.sliderDist .ui-slider-handle
{
	top: 25px; /*left: 0px;*/
}


li.slider-container ul li.miles-of
{
	/* margin: 0 8px 0 -13px !important */
	padding: 5px 0 0 7px !important;
}

li.slider-container ul li
{
	float: left;
	clear: none;
	background: none;
	padding: 5px 0 0 0 !important;
	margin: 0 8px 0 0 !important;
	display: inline;
}

li.slider-container ul li.postcode
{
	margin: 0 !important;
}
li.slider-container ul li.postcode input, input.txtPostcode
{
	margin: -2px 0 0 0 !important;
	width: 72px;
	padding: 3px 2px !important;
}


.distance .slide-padder { padding: 10px 0 10px 8px; }
.levels .slide-padder { padding: 10px 0; }

.ui-slider
{
	width: 184px;
	height: 23px;
	position: relative;
	background-repeat: no-repeat;
	background-position: center center;
}
.ui-slider-handle
{
	position: absolute;
	z-index: 10;
	height: 16px;
	width: 16px;
	margin-left: -8px;
	top: 24px; /*left: 0px;*/
	background-image: url(/resources/img/arrows/up.png);
	background-position: top left;
	background-repeat: no-repeat;
}

.ui-slider-range
{
	position: absolute;
	background-color: white;
	width: 100%;
	height: 100%;
	z-index: 2;
}


/* Progression */

.progression-page { }
.progression-page ol li { list-style: none; }


.progression-page .pod { width: 930px; float: left; }
.progression-page .pod .pod-content { width: 910px; display: block; clear: both; float: left; }
.progression-page .pod .pod-footer { width: 922px; clear: both; }


.progression-page .pod .pod-content h3 	
{
	padding: 6px 0 3px 2px; 
	margin: 0 0 3px 0;
	border-bottom: 1px dashed #7b7b7b; 
	font-size: 1.17em;
	color: #626061;
	clear: both;
	float: left; 
	width: 908px; 
}

.progression-page .pod .pod-content ol  
{
	clear: both;
	float:left;
	list-style: none;
	overflow: hidden;
	padding: 0 9px 6px 0;
	width: 901px;

}
.progression-page .pod .pod-content ol li 
{
	float: left; 
	clear: both; 
	width: 851px; 
	padding: 4px 0 7px 30px;
	margin: 0 0 4px 20px; 
	background: url(/resources/img/arrows/solid_arrow.gif) 10px 8px no-repeat;
	color: #404040;
	border-bottom: 1px dashed #ccc;
	display: inline;
	position: relative;
	list-style: none;
}
.progression-page .pod .pod-content ol li.last { border: 0; }

.progression-page .pod .pod-content ol li h4  
{
	font-size: 1.17em; 
	font-family: Arial, Sans-Serif; 
	margin: 0; 
	padding: 0; 
	width: 851px; 
	float: left; 
	clear: both;
}
.progression-page .pod .pod-content ol li h4 a { color: #404040; text-decoration: none; font-size: 1em; margin: 0; padding: 0; } 
.progression-page .pod .pod-content ol li h4 a:hover { text-decoration: underline; } 

.progression-page .pod .pod-content ol li h5 { color: #404040; font-size: 1em; font-weight: normal; font-family: Arial, Sans-Serif; }
.progression-page .pod .pod-content ol li a.add-to-your-choices { float: right; clear: none; position: absolute; top: 2px; right: 0px; }

/* Distance refine pod submit button with JS off */

#ctl00_MainContent_BtnDistance  
{
	width: 12px; 
	height: 12px; 
	float: left; 
	margin: 7px 0 0 3px !important; 
	position: relative; 
	clear: none;
}


.levels .refine-pod-content { position: relative; height: 225px; } 
.levels .refine-pod-content a.more-about-levels { bottom: 9px; }

.levels .refine-pod-content div.key  
{
	padding: 0;
	position: absolute;
	right: -8px; 
	top: 0; 
	width: 192px;
	min-height: 182px; 
	text-align: right;
	background: url(/resources/img/key/key.gif) 5px 50px no-repeat;
	z-index: 9;
}
.levels .refine-pod-content div.key a  
{
	display: inline-block; 
	position: absolute; 
	width: 31px; 
	height: 32px;
	margin: 0; 
	z-index: 9;
}

.levels .refine-pod-content div.key a:hover  
{
	cursor: help;
	width: 31px !important; 
	height: 32px !important;
	z-index: 9;
 }  

.levels .refine-pod-content div.key a.key-1 { right: 96px; }
.levels .refine-pod-content div.key a.key-2 { right: 66px; }
.levels .refine-pod-content div.key a.key-3 { right: 35px; }
.levels .refine-pod-content div.key a.key-4 { right: 7px; }
.levels .refine-pod-content div.key a span { display: none; }
.levels .refine-pod-content div.key a:hover span  
{
	display: block; 
	position: absolute; 
	width: 180px; 
	top: 116px;
	background: none; 
	text-indent: -9999em; 
	text-align: left;
	z-index: 9;
}

.levels .refine-pod-content div.key a.key-1:hover span { left: -59px; background: url(/resources/img/key/level1.gif) top left no-repeat; height: 61px; }
.levels .refine-pod-content div.key a.key-2:hover span { left: -89px; background: url(/resources/img/key/level2.gif) top left no-repeat; height: 61px;  }
.levels .refine-pod-content div.key a.key-3:hover span { left: -120px; background: url(/resources/img/key/level3.gif) top left no-repeat; height: 61px;  }
.levels .refine-pod-content div.key a.key-4:hover span { left: -148px; background: #f3f0f0 url(/resources/img/key/level4.gif) top left no-repeat; height: 61px; }


/* Level Pod Keys */

.level .refine-pod-content { position: relative; } 

.level div.key
{
	padding: 0;
	position: absolute;
	right: -8px; 
	top: 0; 
	width: 192px;
	min-height: 182px; 
	text-align: right;
	background: url(/resources/img/key/key.gif) 5px 50px no-repeat;
	z-index: 9;
}
.level div.key a  
{
	display: inline-block; 
	position: absolute; 
	width: 28px; 
	height: 32px;
	margin: 0; 
	z-index: 9;
}

.level div.key a:hover  
{
	cursor: help;
	width: 28px !important; 
	height: 32px !important;
	z-index: 9;
 }  


.level div.key a.key-1 { right: 96px; }
.level div.key a.key-2 { right: 67px; }
.level div.key a.key-3 { right: 38px; }
.level div.key a.key-4 { right: 9px; }

.level div.key a span { display: none; }

.level div.key a:hover span 
{
	display: block; 
	position: absolute; 
	width: 180px; 
	top: 113px;
	text-indent: -9999em; 
	text-align: left;
	z-index: 999;
}

.level div.key a.key-1:hover span { left: -62px; background: url(/resources/img/key/level1.gif) top left no-repeat; height: 61px; }
.level div.key a.key-2:hover span { left: -91px; background: url(/resources/img/key/level2.gif) top left no-repeat; height: 61px;  }
.level div.key a.key-3:hover span { left: -120px; background: url(/resources/img/key/level3.gif) top left no-repeat; height: 61px;  }
.level div.key a.key-4:hover span { left: -149px; background: #f3f0f0 url(/resources/img/key/level4.gif) top left no-repeat; height: 61px; }

.level div.key a span { display: none; }

.level div.key a:hover span 
{
	display: block; 
	position: absolute; 
	width: 180px; 
	top: 113px;
	text-indent: -9999em; 
	text-align: left;
	z-index: 999;
}

/* More about Levels */

.advanced-search-column-1 div.more-about-levels 
{
	width: 196px;
	border-left: 1px solid #ccc; 
	border-right: 1px solid #ccc;
	background: #fff;
}
.refine div.more-about-levels { position: absolute; bottom: 8px; left: 8px; }
div.more-about-levels  
{
	float: left; 
	clear: both; 
	overflow: visible;
	position: relative;
	z-index: 9999 !important;
}

div.more-about-levels a 
{
	font-size: 0.88em;
	color: #414141;
	text-decoration: underline; 
	padding: 0 0 2px 25px; 
	background: url(/resources/img/icons/level_help.gif) 4px 0 no-repeat;
	width: 171px;
	overflow: visible;
	display: block;
}
div.more-about-levels a img { visibility: hidden; position: absolute; bottom: -18px; left: 120px; }
div.more-about-levels a.no-js:hover img { visibility: visible !important; }
div.more-about-levels a:hover img { visibility: hidden; }
/* Diploma Button */

div.diploma  
{
	float: left;
	clear: both;
	width: 328px;
	min-height: 83px;
	margin: 15px 0;
}
div.diploma .diploma-content  	
{
	padding: 5px 0 1px 123px;
	background: url(/resources/img/diploma_top.gif) top left no-repeat;
}

div.diploma h3 a  
{
	font-size: 12px; 
	color: #fff; 
	font-family: Arial, Sans-Serif; 
	border: 0;
	margin: 0;
	padding: 0;
	width: 181px;
	display: block;
	text-transform: none;
	text-decoration: none;
	font-weight: bold;
}
div.diploma h3 a strong, div.diploma h4 a strong{ color: #fff; }

div.diploma h4 a 
{
	font-size: 12px; 
	color: #fff; 
	font-family: Arial, Sans-Serif; 
	border: 0; 
	margin: 0; 
	padding: 0; 
	width: 201px;
	display: block;
	text-transform: none;
	text-decoration: none;
	font-weight: normal;
}

div.diploma .diploma-footer  
{
	background: url(/resources/img/diploma_bottom.gif) top left no-repeat;
	height: 10px;
	clear: both;
	float: left;
	width: 328px;
}


/* Glossary */

div.glossary { width: 677px; float: left; clear: both; font-family: Arial, Sans-Serif; padding: 0 0 0 8px; }
div.glossary dl { width: 200px; padding: 0 20px 30px 0; float: left; }
div.glossary dt { width: 200px; font-size: 1.33em; font-weight: bold; float: left; padding: 0 0 1px 0; }
div.glossary dd { padding: 0 0 6px 0; float: left; width: 193px; }
div.glossary dd a { color: #0ca1b5; display: block; padding: 0 0 1px 0; text-decoration: none; border-bottom: 1px dashed; display: inline; }
div.glossary dd a:hover { border-bottom: 0; }




.select-deselect-all-district 
{ 
	padding: 0 13px 5px 13px;
	clear: both;
	float: left;	
	position:relative;
	width: 175px;
	z-index: 100; 
}




.as { float: left; clear: both; width: 537px; display: inline; position: relative; }
.as li { float: left; }