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

Rochdale 14-19 - Basic Style Sheet

Version:	1.0
Author:		Danny
Website:	http://RochdaleBP.local 

*** Last Modify Date: 09/03/2007 ( 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 { 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  
{
	border-top: 1px solid #ABADB3;
	border-right: 1px solid #DBDFE6;
	border-bottom: 1px solid #DBDFE6;
	border-left: 1px solid #DBDFE6;
}
div.apprenticeships { width: 336px; padding: 20px 0; height: 70px; float: left; text-align: right; clear: both;  }
div.apprenticeships a  
{
	display: block;
	float: right;
	clear: both;
	width: 140px; 
	height: 70px; 
}

/* =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 { padding: 0; }
.freeform, .home-page .signin-error { clear: both; margin: 0 0 15px 0; font-size: 1em; padding: 0 0 0 8px; }

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

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

.freeform li { margin: 0 0 4px 0; clear: both; position: relative; }

.freeform a, .freeform li a, a.back-to-search-results { color: #1894c9; text-decoration: underline; }
.freeform a:hover, .freeform li a:hover, a.back-to-search-results: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; }

h1, h2 { text-transform: uppercase; } 
.pod-header h2, .pod-header h3 { text-transform: none; } 

.home-page h1, 
.home-page h2, 
.home-page h3,
.home-page h4,
.home-page h5,
.freeform-page h1, 
.freeform-page h2, 
.freeform-page h3,
.freeform-page h4,
.freeform-page h5,
.freeform-page h6  
{
	text-transform: uppercase;
	
}
.freeform h1, 
.freeform h2, 
.freeform h3,
.freeform h4,
.freeform h5,
.freeform h6 { padding-left: 0; }

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

h3 { font-size: 14px; font-weight: bold; color: #414142; padding-top: 7px; margin-bottom: 6px; }
h3 strong { color: #a5c013; }
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; }
h5 { font-size: 13px; font-weight: normal; 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 img { border: none; }

a.register-home { margin: 0 0 15px 0; float: left; clear: both; width: 328px; height: 119px; }

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


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

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

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

/* Sameline */

body#page-1329 .p-content, 
body#page-1331 .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; }

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

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

fieldset.sameline input.formFieldText { width: 248px; padding: 3px; float: left; }
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; }


/* Register Page */

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

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


/* =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; display: inline; }

.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; }

.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;
}

/* 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
--------------------------------------------------------------------------*/

div.full-search-pod { float: left; clear: both; margin: 0 0 9px 0; } 

div.full-search-pod div.content  
{
	float: left; 
	clear: both; 
	color: #000; 
	background: #fff; 
	padding: 10px;
}
div.full-search-pod div.content div.select-deselect-all { padding: 0 0 9px 0; float: left; clear: both; }

div.full-search-pod div.content div.parent ul { width: 304px; height: 227px; float: left; clear: both; overflow: auto; }
div.full-search-pod div.content div.parent ul li { width: 280px; float: left; clear: both; margin: 0 0 5px 0; vertical-align: middle; }
div.full-search-pod div.content div.parent ul li input { margin: 2px 4px 0 0; float: left; }
div.full-search-pod div.content div.parent ul li label { width: 205px !important; float: left; }

div.full-search-pod div.content div.parent ul li span { width: 15px; height: 15px; display: block; float: right; }
div.full-search-pod div.content div.parent ul li span:hover { cursor: pointer; }

div.full-search-pod div.content div.parent ul ul  
{
	width: 245px; 
	height: auto; 
	float: left; 
	clear: both; 
	padding: 10px 0 10px 15px; 
	margin: 0 0 -7px 0; 
	overflow: visible;
}
div.full-search-pod div.content div.parent ul ul li { width: 235px; float: left; clear: both; margin: 0; padding: 0; list-style: none; }
div.full-search-pod div.content div.parent ul ul li label { width: 200px; }

div.full-search-pod-footer { float: left; clear: both; width: 324px; background: url(/resources/img/pods/advanced/medium/bottom.png) 0 0; height: 9px; }


/* New Subject Areas Pod */

div.updated-subject-areas { width: 324px; }

div.updated-subject-areas { border: 0; }

div.updated-subject-areas div.content  
{
	width: 304px; 
	background: transparent url(/resources/img/pods/advanced/medium/top.png) 0 0 no-repeat; 
	padding: 10px;
}



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



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; }

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

.back-to-buttons { float: left; clear: both; width: 760px; padding-bottom: 15px; min-height: 15px; }
.back-to-buttons a { float: left; clear: both; margin: 0 !important; }

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; }  

.site-message  
{
	display: block; 
	width: 892px; 
	border: 1px solid #d1e272; 
	color: #4b5709; 
	background-color: #e9f5a4; 
	float: left; 
	clear: both; 
	padding: 10px;
	margin: 8px 0 0 8px;
}

.site-message a { color: #4b5709; }
.site-message a:hover { text-decoration: none; }

.errorBlock, .validation-summary { border: 1px solid #af0a0a; color: #af0a0a; background-color: #ffafaf; padding: 10px 10px 7px 10px; margin: 0 0 12px 0; }
.errorBlock h3 { color: #af0a0a; margin: 0 0 6px 0; padding: 0; font-size: 1.17em; line-height: 1; }
.errorBlock ul, .validation-summary 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); }

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; }

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;
}
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.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: 248px;
	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.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: 4px !important; float: left; clear: both; }

div.select-deselect-all span.selector, span.selector-multi  
{
	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 { padding: 0; margin: 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: 5px 0 5px 4px;
	color: #fff;
	margin: 0;
	font-size: 1.33em;
	font-family: Arial, Sans-Serif;
	text-transform: none !important;
}

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: 14px; 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) no-repeat -8px top;
	width: 176px; 
	height: 33px; 
}

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

.levels-overlay
{
	background: url(/resources/img/sliders/level.gif) no-repeat -8px top;
	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.iplayer { border: 2px solid #000; width: 321px; height: 81px; float: left; clear: both; display: block; margin: 0 0 6px 0; }
a.iplayer:hover { border: 2px solid #de006f; }

a.view-provider-sites
{
	width: 120px; 
	height: 25px; 
	display: block; 
	float: right;
	clear: none; 
	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;
	margin: 0 7px 22px 0;
}
a.view-ofsted-report:hover { background: url(/resources/img/buttons/ofsted_on.gif) top left no-repeat; }

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

.header h1 a  
{
	display: block; 
	font-size: 1em; 
	text-decoration: none;
	float: left; 
	width: 930px;
	height: 154px;	
	color: #404040; 
	text-indent: -9999em;
}

.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.jpg); }
.header .banner-type-2 .banner { background-image: url(/resources/img/banners/2.jpg); }
.header .banner-type-3 .banner { background-image: url(/resources/img/banners/3.jpg); }
.header .banner-type-4 .banner { background-image: url(/resources/img/banners/4.jpg); }
.header .banner-type-5 .banner { background-image: url(/resources/img/banners/5.jpg); }
.header .banner-type-6 .banner { background-image: url(/resources/img/banners/6.jpg); }
.header .banner-type-7 .banner { background-image: url(/resources/img/banners/7.jpg); }
.header .banner-type-8 .banner { background-image: url(/resources/img/banners/8.jpg); }
.header .banner-type-9 .banner { background-image: url(/resources/img/banners/9.jpg); }
.header .banner-type-10 .banner { background-image: url(/resources/img/banners/10.jpg); }
.header .banner-type-11 .banner { background-image: url(/resources/img/banners/11.jpg); }
.header .banner-type-12 .banner { background-image: url(/resources/img/banners/12.jpg); }
.header .banner-type-13 .banner { background-image: url(/resources/img/banners/13.jpg); }
.header .banner-type-14 .banner { background-image: url(/resources/img/banners/14.jpg); }
.header .banner-type-15 .banner { background-image: url(/resources/img/banners/15.jpg); }
.header .banner-type-16 .banner { background-image: url(/resources/img/banners/16.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: #4b4b4b; font-size: 1.08em; }
.preamble li a, .preamble li strong a, .preamble li a:visited, .preamble li strong a:visited  
{
	color: #4b4b4b; 
	text-decoration: underline; 
	font-weight: bold;
	font-size: 1em;
	font-family: Arial, Sans-Serif;
}
.preamble li a:hover { color: #4b4b4b; text-decoration: none; }

.preamble .basket  
{
	clear: none;
	float: left; 
	width: 420px; 
	height: 27px;
	padding: 9px 12px 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 105px;
}

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

/* 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: 468px;
	height: 35px;
	float: right;
	clear: none;
	margin: 0;
}
.preamble .user-panel li { height: 35px; display: block; float: left; clear: none; }
.preamble .user-panel li a { display: block; height: 35px; text-indent: -9999em; }
.preamble .user-panel li.welcome  
{
	padding: 9px 0 0 100px; 
	width: 210px; 
	height: 26px; 
	background: url(/resources/img/preamble/welcome.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; }


/* 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: 468px;
	height: 35px;
	float: right;
	clear: none;
	margin: 0;
}
.preamble .user-panel li { height: 35px; display: block; float: left; clear: none; }
.preamble .user-panel li a { display: block; height: 35px; text-indent: -9999em; }
.preamble .user-panel li.welcome  
{
	padding: 9px 0 0 100px; 
	width: 210px; 
	height: 26px; 
	background: url(/resources/img/preamble/welcome.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; }


/* Navigation */

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

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: 146px; }
ul.navigation li.my-choices a { background-image: url(/resources/img/nav/my_choices.gif); width: 222px; }
ul.navigation li.browse a { background-image: url(/resources/img/nav/browse.gif); width: 122px; }
ul.navigation li.links-and-faqs a { background-image: url(/resources/img/nav/links.gif); width: 159px; }
ul.navigation li.contact a { background-image: url(/resources/img/nav/contact.gif); width: 109px; }
ul.navigation li.gmfutures a { background-image: url(/resources/img/nav/gmfutures.gif); width: 156px; }



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

/* Home Search & Auto Complete */


/* Auto Complete */

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

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: 16px;
	min-height: 126px;
	background: url(/resources/img/pods/search_top.gif) top left no-repeat;
	/*margin-bottom: -9px;*/
}

.home-search fieldset
{
	background: url(/resources/img/pods/search_bottom.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 li.search-box div.home-search-input
{
	background: transparent url(/resources/img/search_home_input.png) top left no-repeat;
	width: 535px;
}
.home-search fieldset li.search-box div.home-search-input input
{
	width: 515px;
	padding: 8px 10px;
	border: 0;
	font-size: 2em;
	color: #595959;
	overflow: hidden;
	position: relative;
	background: transparent;
}

/* 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.tips
{
	float: right;
	margin: 0;
	padding: 0;
}
.home-search fieldset li.search-box li a
{
	color: #fff;
	background: url(/resources/img/icons/help.gif) 0 1px no-repeat;
	padding-left: 19px;
	padding-bottom: 2px;
	width: 65px;
	display: inline-block;
}
.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-left: 10px;
	margin-bottom: 2px;
	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;
}
.home-search fieldset li.advSearchContainer .advanced-pod ul li.slider-container
{
	/*height: 50px;*/
}
.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; }

.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; position: relative; }
.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 .academic-years .advanced-pod-content ul { min-height: 50px; }

/* 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: 143px;
	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
{
	width: 126px;
}
.home-search fieldset li.advSearchContainer div.advanced-search-column-1 .type .advanced-pod-content .scroll
{
	padding: 0 8px 0 10px;
	width: 180px;
	float: left;
	clear: both;
}


/* 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;
}


/* Type Pod */

.home-search fieldset li.advSearchContainer div.advanced-search-column-2 .subject-area .advanced-pod-content ul
{
	background: none !important;
	width: 305px !important;
	height: 239px !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: 299px !important;
	overflow: auto;
	padding: 0 !important;
	margin: 0 !important;
	display: inline;
}

.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;
}


/* 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: 537px !important; 
	clear: both !Important; 
	float: left !important;
	margin: 10px 0 0 0 !important;
}

/* Results Page */

.keyword-pod
{
	width: 548px;
	float: left;
	background: url(/resources/img/pods/keyword.gif) top left no-repeat;
	overflow: hidden;
	clear: both;
}

 .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 12px 0; }
div.help h4 { padding-left: 3px; }
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; width: 112px; height: 50px; overflow: hidden; }
div.help li a { display: block; }


/* Results Page */

.search-results-header
{
	width: 710px;
	float: left;
	clear: both;
	margin: 0;
	padding-bottom: 25px;
	position: relative;
}

.search-results div.noheight { height: 0; line-height: 0; overflow: hidden; }
.search-results h2.search-results { padding-left: 17px; width: 350px; float: left; clear: both; }
.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 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 3px 0; 
	font-size: 1.95em;
	height: 31px;
	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: 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 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;
	text-transform: none;
}

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;
}
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: 310px; }
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; width: 310px; font-size: 1em; font-weight: normal; font-family: Arial, Sans-Serif; }
div.result ol li .result-content li a.add-to-your-choices { float: right; clear: none; position: absolute; top: 2px; right: 0px; }


/* 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 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 
{
	width: 221px; 
	height: 25px; 
	background: url(/resources/img/buttons/ofsted.gif) top left no-repeat; 
	display: block;
	float: left;
	clear: none;
	text-indent: -9999em;
}

div.course-detail div.provider-description div.provider-description-options a.view-ofsted-report:hover  
{
	background: url(/resources/img/buttons/ofsted_on.gif) top left no-repeat;
}

div.course-detail div.provider-description div.provider-description-options a.view-provider-sites  
{
	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; }

.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 { float: right; clear: none; position: absolute; top: 2px; right: 0px; }

.providers-pod .providers-pod-container ol li h4 { font-size: 1.17em; font-family: Arial, Sans-Serif; margin: 0; width: 490px;  }
.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: 500px; text-align: center; clear: both; margin-left: 20px; float: left; }
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: 834px;
	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; }

/* Academic Year header */
form.your-choices .my-providers li .pod .pod-content .academic-year { padding: 0; }
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; }
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; }
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;
	background-position: 0 3px;
	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/accepted.gif);
}

/* 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 { background-image: url(/resources/img/icons/status/new.gif); }
form.your-choices .my-applications-summary h3.saved { background-image: url(/resources/img/icons/status/saved.gif); }
form.your-choices .my-applications-summary h3.being-verified { background-image: url(/resources/img/icons/status/verified.gif); }
form.your-choices .my-applications-summary h3.submitted { background-image: url(/resources/img/icons/status/submitted.gif); }
form.your-choices .my-applications-summary h3.interview { background-image: url(/resources/img/icons/status/interview.gif); }
form.your-choices .my-applications-summary h3.offer { background-image: url(/resources/img/icons/status/offer.gif); }
form.your-choices .my-applications-summary h3.offer-accepted { background-image: url(/resources/img/icons/status/offer_accepted.gif); }
form.your-choices .my-applications-summary h3.offer-rejected { background-image: url(/resources/img/icons/status/offer_rejected.gif); }
form.your-choices .my-applications-summary h3.acknowldged { background-image: url(/resources/img/icons/status/acknowledged.gif); }
form.your-choices .my-applications-summary h3.accepted-course { background-image: url(/resources/img/icons/status/accepted_on_course.gif); }
form.your-choices .my-applications-summary h3.rejected { background-image: url(/resources/img/icons/status/rejected.gif); }
form.your-choices .my-applications-summary h3.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 18px 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.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;
	height: auto;
	overflow: hidden;
	display: inline;
} 
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;
	display: block;
	margin: 0 10px 0 0;
	color: #404041;
}
form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header a:hover, div.my-application-header a:hover { text-decoration: none; }
form.your-choices .my-providers li .pod .pod-content ul li div.my-choices-header h4, div.my-application-header h4  
{
	float: left; 
	width: 453px; 
	padding: 0 10px 0 0; 
	font-size: 1.25em;
}
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 { 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
--------------------------------------------------------------------------*/


/* 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-content .providers { margin-top: 0 !important; }


.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); }


.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 { 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;
	margin-bottom: 8px;
	/*padding-top: 11px;*/
	overflow: auto;
	max-height: 246px;
}
.age-range .refine-pod-content ul { margin: 0px; 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; float: left; clear: both; width: 138px; }
.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; }


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

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

.documents  
{
	width: 220px; 
	margin: 0 0 10px 0;
	padding: 3px 0 0 0;
	float: left;
	clear: both;
}
.in-this-section h2, .documents h2  
{
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0 0 7px 0;
	width: 220px;
}
.in-this-section h2, .documents h2 { font-size: 14px; }

.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: 177px; display: block; float: left; clear: both; text-decoration: none; color: #404040; }
.in-this-section li span, .documents li span { width: 177px; display: block; float: left; clear: both; text-decoration: none; color: #404040; }
.in-this-section li a:hover, .documents li a:hover { text-decoration: underline; }

.documents li a { padding-top: 2px; }

.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 .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;
}

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 */
}

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 }

.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; }


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: 25px;
	background: url(/resources/img/arrows/left.gif) 0 40% no-repeat;
}

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

div.breadcrumbs
{
	margin-bottom: 15px;
	clear: both;
	float: left;
	color: inherit;
	width: 685px;
	margin-left: 8px;
	display: inline;
}

div.breadcrumbs a
{
	color: inherit;
	text-decoration: underline;
	padding: 0 4px 0 3px;
	color: #404040;
}
div.breadcrumbs a:hover
{
	text-decoration: none;
}

/* 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: 0 0 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;
}

div.wider-learning-link
{
	margin: 0 0 10px 0;
	clear: both;
}

div.wider-learning-link a 
{ 
	display: block;
	width: 328px;
	height: 64px;
	position: relative;
}

div.wider-learning-link a span
{
	position: absolute; 
	top: 0; left: 0;
	display: block;
	width: 328px;
	height: 64px;
	background: url(/resources/img/wider_learning.gif) top left no-repeat;	
	cursor: hand;
}

div.wider-learning-link a:hover span
{
	background-image: url(/resources/img/wider_learning_on.gif);
}


/* Wider Learning section */

body#page-1405 h2
{
    padding-left: 0;
}

body#page-1405 dl dt
{
    font-weight: bold;
}