/* MAIN SHEETS */
@import "main_navigation.css"; 
@import "search.css"; 

@import "quick_links.css";
@import "footer.css";
@import "inner_page_layout.css";

@import "forms.css";

@import "news.css";
@import "sitemap.css";
@import "buttons.css";
@import "courses.css";

@import "skillsplus.css";

/****** HTML Elements **/

	html {
		font:62.5%/1.2 Arial, Verdana, Sans-Serif;
	}

	body {
		font-family: Arial, Verdana, Sans-Serif;
		padding: 10px 0 0 0;
		margin: 0;
		background-color: #ffffff;
		color: #000000;
		font-size: 1.2em;
	}
	
	h1 {
		font-size: 1.2em;
		color: #000000;
		margin: 0 0 10px 0;
	}
	
	h2 {
		color: #000000;
		margin: 0 0 10px 0;
	}
	
	h3 {
		color: #000000;
		margin: 0 0 10px 0;
	}
	
	img {
		border: 0;
	}
	
	.left {
		float: left;
	}
	
	.right {
		float: right;
	}
	
	.clear {
		clear: both;
	}
	
	.hidden {
		display: none;
	}
	
	.small_text {
		margin-top: 9px;
	}
	
	.medium_text {
		font-size: 1.4em;
	}
	
	.large_text {
		font-size: 1.8em;
	}
	
	a.small_text, a.small_text:visited, a.small_text:link, a.medium_text, a.medium_text:visited, a.medium_text:link, a.large_text, a.large_text:visited, a.large_text:link {
		color: #0066ff !important;
		text-decoration: none;
	}
	
	a.small_text:hover, a.small_text:active, a.medium_text:hover, a.medium_text:active, a.large_text:hover, a.large_text:active {
		color: #000000 !important;
	}
	
	a:hover, a:active {
		text-decoration: underline;
		color: #000000;
	}
	
	a, a:visited, a:link {
		text-decoration: underline;
		font-weight: bold;
		color: #0066ff;
		cursor:pointer;
	}
	
	a:hover, a:active {
		text-decoration: none;
		color: #000000;
	}
	
	.align_bottom {
		vertical-align: baseline;
	}
	
	.margin_top9 {
		margin-top: 9px !important;
	}
	
	.margin_top5 {
		margin-top: 5px !important;
	}
	
	.blue {
		color: #0066cc;
	}
	
	.hr {
        display: block;
        width: 100%;
        clear: both;
        float: left;
        height: 1px;
        background-color: #000000;
        margin: 12px 0 12px 0;
        padding: 0 0 0 0;
    }

    div.hr hr{
        display: none;
    }
	
/****** Content **/

	#container {
		width: 1000px;
		margin: auto;
	}
	
	#content {
		padding: 0;
		float: left;
		width: 1000px;
	}
	
	.leftcol, .inner_rgt_col {
		float: left;
		width: 205px;
		margin: 0 14px 0 0;
	}
	
	.leftcol h2, .inner_rgt_col h2 {
		float: left;
		font-size: 1.2em;
		font-weight: normal;
		background: #ffffff url(../images/shd/left_col_h2_bg.gif) repeat-x left top;
		margin: 0;
		padding: 4px 3px 4px 8px;
		width: 194px;
	}
	
	.leftcol p {
		margin: 0;
		padding: 0;
	}
	
	.inner_rgt_col p {
		margin: 0;
		padding: 0 0 10px 0;
	}
	
	.leftcol ul, .inner_rgt_col ul {
		margin: 0;
		padding: 0;
		list-style-type:none;
	}
	
	.leftcol li, .inner_rgt_col li {
		margin: 0 0 10px 0;
		padding-left: 10px;
		background: url(../images/shd/list_arrow.gif) left top no-repeat;
	}
	
	.left_col_holder_top, .quick_course_search, .inner_rgt_col_holder_top  {
		float: left;
		margin: 0 0 4px 0;
		padding: 4px 0 0 0;
		width: 205px;
		background: url(../images/shd/left_col_holder_bg_top.gif) repeat-x left top;
	}
	
	.quick_course_search {
		padding: 20px 8px 20px 8px;
		width: 189px;
		background: #0066ff;
		color: #FFFFFF;
	}
	
	.quick_course_search {
		padding-top: 5px;
		padding-bottom: 0;
	}
	
	.left_col_holder_bot, .inner_rgt_col_holder_bot {
		float: left;
		margin: 0;
		padding: 5px 8px 5px 8px;
		width: 189px;
		background: url(../images/shd/left_col_holder_bg_bot.gif) repeat-x left bottom;
		font-size: 1em;
	}
	
	.mid_col {
		padding: 0;
		float: left;
		width: 780px;
	}
	
	.inner_left_col {
		padding: 0;
		float: left;
		width: 559px;
		
	}
	
	.inner_left_col h1 {
		float: left;
		width: 299px;
		padding: 10px 0 0 13px;
		margin: 0;
		color: #ffffff;
		font-size: 2em;
		min-height: 104px;
		height: auto !important;
		height: 104px;
		font-weight: lighter;
		background-color: #0066FF;
	}
	
	.inner_rgt_col {
		margin: 0 0 0 14px;
	}
	
	.secondary_nav {
		float: left;
		width: 778px;
		padding: 0 0 10px 0;
		border-bottom: 1px solid #cccccc;
	}
	
	 .secondary_nav a, .secondary_nav a:visited, .secondary_nav a:link {
		color: #000000;
	}
	
	.secondary_nav a:hover, .secondary_nav a:active {
		color: #0066ff !important;
	}
	
	.content_main {
		padding: 10px 0 3em 0;
		float: left;
		width: 778px;
	}
	
	.case_postit {
		float: left;
		background: url(../images/shd/case_postit.gif) left top no-repeat;
		padding: 33px 5px 10px 10px;
		width: 82px;
		min-height: 61px;
	}
	
	.business h1 {
		background-color: #000099 !important;
	}
	
	.children h1 {
		background-color: #ff6600 !important;
	}
	
	.creative h1 {
		background-color: #FE49BF !important;
	}
	
	.computing h1 {
		background-color: #0099ff !important;
	}
	
	.health h1 {
		background-color: #E74BD7 !important;
	}
	
	.independent h1 {
		background-color: #40AC6D !important;
	}
	
	.key h1 {
		background-color: #0175C0 !important;
	}
	
	.languages h1 {
		background-color: #ff9900 !important;
	}
	
	.pay h1 {
		background-color: #BB1D14 !important;
	}
	
	.development h1 {
		background-color: #49CFCF !important;
	}
	
	.skills h1 {
		background-color: #99EE00 !important;
	}
	
	.centres h1 {
		background-color: #FB4F83 !important;
	}
		

	
	.case_study {
		float: left;
		width: 79px;
		min-height: 82px;
		height: auto !important;
		height: 82px;
		background: url(../images/shd/case_postit.gif) no-repeat left top;
		padding: 35px 10px 0 10px;
	}
	
	.imgleft {
        float:left;
        margin-bottom:8px;
        margin-right:8px;
    }
    
    .redText
    {
        color:#990000;
    }
    
        ul#childLister {
            margin: 0;
            padding: 0;    
            list-style-type: none;
    }
    
       ul#childLister li {
            clear: both;
            padding: 1em 0;  
            border-bottom: 1px solid #cccccc;
            
    }
    
    ul#childLister a.childLinkImage {
    	float: left;
    	width: 160px;
    	}
    
        ul#childLister img {
            
            
            margin-right: 1em;
    }
    
    ul#childLister h3 {
            margin: 0;
            padding: 0;
    color: #0066FF;
    font-size: 1.2em;
    }
    
    
    .searchResultItem { width:550px; }
    
    /* Search box temp css */
    
       
    #courseSearch #fsSearchBox
    {
        padding-top:10px;        
        font-size:0.9em;
    }          
    
    #fsSearchBox, #fsSearchBox ol, #fsSearchBox ol li
    {
        padding:0;
        margin:0;
        border: medium none;
        float: left; 
        width: 181px;
    }
    
        
    #advancedSearchPanel #fsSearchBox li .getInTouchLink
    {
		color:#fff;
		background:transparent url(/images/shd/arrow_on_blue.gif) no-repeat scroll right;		
	}
	
	#advancedSearchPanel #fsSearchBox li .getInTouchLink:hover
	{
		color:#ccc;
	}
    
    
    #fsSearchBox ol
    {
        list-style-type: none;
    }
    
    #fsSearchBox label 
    {
        display:block;
        width: 73px;
        float:left;
        color:#fff; 
        font-size: 0.9em;
        margin-right: 7px;
        margin-top: 3px;
    }
    
    #fsSearchBox input
    {
        width: 93px;
        border: 1px solid #ccc;
        font-size: 11px;
        padding: 3px;
        float: left;
    }
    
    #fsSearchBox .calendarBox .calendarImage
    {
        width: 15px;
    }
    
    #fsSearchBox .calendarBox input
    {
        width: 70px;
    }
    
    
    .sendToAFriendForm .formSurround{float:left; margin-top: 10px;}
    .formSurround li{background:none; padding:0;}
    .formSurround li input{ width:183px;}
	.sendToAFriend{ width:190px;padding-top:31px; height:0;overflow:hidden;display:block;float:left; background-image:url(/images/shd/widgets/sendToAFriend.gif);}
	.sendToAFriendForm .left_col_holder_bot {padding:10px 8px;}
	.formSurround li input.submitBtn{ background-image:url(/images/shd/arrow_btn.gif);background-position:right 2px; background-repeat:no-repeat; border:0;}
	
	.sendToAFriendForm ul, .sendToAFriendForm ul li { float: left; }
	
	.sendToAFriendForm ul { width: 189px; }
	.sendToAFriendForm ul li { clear: both; width: 189px; margin-bottom: 5px; }
	.sendToAFriendForm ul li label, .sendToAFriendForm ul li input { float: left; }
	.sendToAFriendForm ul li label { font-size: 0.8em; color: #333; font-weight: bold; width: 78px; }
	.sendToAFriendForm ul li input { width: 109px; border: 1px solid #999; }
	.sendToAFriendForm ul li input.submitBtn { width: auto; padding-right: 20px; background-position: top right; background-color: transparent; float: right; }
	
	
    table.resourceLister{float:left;margin:2px 0px;padding:0px;}
	ul.filterControls {float:left; width:543px; padding: 8px; background: #F2F5F6 url(../images/shd/bot_rgt_box.gif) repeat-x; margin: 2px 0 0px 0px; width:764px;}
	ul.filterControls li,ul.pagingControls li {float:left; list-style:block;width:180px; list-style-type:none;}
	
	ul.pagingControls {float:left; width:550px; padding: 6px 2px 2px 4px;margin:0px;border-bottom:1px solid #eee;border-top:1px solid #eee;}
	ul.pagingControls li {float:left; list-style:block;width:275px; list-style-type:none;padding-top:4px;}
	ul.pagingControls li.goToPage {float:right;width:200px;padding-top:0px;}
	ul.PagingControls li.goToPage.input { width: auto; padding-right: 20px; background-position: top right; background-color: transparent; float: right; }
	
	.resultpanel h3 { font-size:1.2em;	}
    .resultpanel  { float:left; width:760px; min-height:120px; padding: 4px; background: #F2F5F6 url(../images/shd/bot_rgt_box.gif) repeat-x; margin: 2px 0 0px 0px; }
    .resultpanel .resultinfo { float:left;}
    .resultpanel .resultmore { float:left;margin-top:5px;clear:both}
    a.expanddetails  {float:right;font-size:1.2em;font-weight:600;padding-right:12px;color:#444; text-decoration:none;}
    a.expanddetails:hover{text-decoration:underline;}
    
    .searchresults{ width:760px; float:left; padding:4px;}
    .searchresults table tr td, .searchresults table tr th{ background-color: #A6C9FF; border-right: solid 1px white;}
    .searchresults table tr.alternate td, .searchresults table tr.alternate th{ background-color: #CCE1FF}
    .searchresults table tr th{ text-align:left; color: #0066FF; font-weight:bold;}
    .searchresults .enrolNowBtn{ float:right;margin:15px 0;}
    
    ol#advancedSearch{position:relative;}
    div div fieldset li#advancedSearchButton{ margin-bottom:0; padding-bottom:7px;}
    fieldset#fsSearchBox ol li#stdGo a{ width:34px; padding:2px 28px 0 0; margin:0;}

    div.resultmore a.expanddetails,
    div.resultmore a.expanddetailsOn
    { background-image: url(../images/shd/expandDetailsButton.gif);
      background-position: left top; height:0; 
    width: 204px; padding:20px 0 0 0; overflow:hidden; display:block; float:left;}

    div.resultmore a.expanddetails:hover{ 
    background-position: left -20px;}

    div.resultmore a.expanddetailsOn{
    background-position: left -40px;}

    div.left div#courseSearch div#advancedSearchPanel #fsSearchBox ol#advancedSearch li
    {
        display:inline;
    }

    .leftcol p.searchInProgress
    {
	width:100%; 
	text-align: center; 
	color: white; 
	padding-top: 4px; 
	padding-bottom: 5px;
    }

    .searchImage
    {
    	margin: auto; display: block; clear:left;
    }

    #waitIcon
    {
	width: 100%;
    }	

/*** Life, Leisure, Work landing pages - all accordian css is in the jQuery UI css file ***/

#landPageBoxes{width:778px; padding-top:11px;}

#landPageBoxes .inner{
	float:left;
	width:228px;
	background-color:#E32219;
	margin-right:11px;
	color:#fff;
	padding:7px 12px 10px 12px;
	background-repeat:no-repeat;	
}

#landPageBoxes .inner div{
	min-height:133px;
	height:auto !important;
	height:133px;
}
	
#landPageBoxes div h4{
	color:#fff;
	text-transform:capitalize;
	font-size:1.4em;
	padding-bottom:23px;
	margin:0;
}

#landPageBoxes .inner .btn{
	float:right;
	background-image:url(/images/courses/accordian/redBtn.gif);
	background-position: 0 0;
	background-repeat:no-repeat;
	color:#000;
	width:114px;
	overflow:hidden;
	text-decoration:none;
	height:16px;
	padding:4px 0px 2px 8px;
}
#landPageBoxes #box2 .btn{background-image:url(/images/courses/accordian/orangeBtn.gif);}
#landPageBoxes #box3 .btn{background-image:url(/images/courses/accordian/blueBtn.gif);}

#landPageBoxes .inner .btn:hover{background-position:0 -22px; color:#fff;}

	
.llwAccordian .inner_rgt_col{display:none;}
.llwAccordian .inner_left_col, .llwAccordian .inner_content{width:778px;}

#landPageBoxes #box1{background-image:url(/images/courses/accordian/redWidgetBg.gif);}
#landPageBoxes #box2{background-image:url(/images/courses/accordian/orangeWidgetBg.gif); background-color:#FF6702;}
#landPageBoxes #box3{background-image:url(/images/courses/accordian/blueWidgetBg.gif); background-color:#0066FF; margin-right:0;}

#accordion{border-top:1px solid #ccc; padding-top:13px;}

.llwAccordian .titleAndHeaderImage{
	width:683px;
	float:left;
	padding-right:95px;
	clear:both;
	margin-bottom:13px;
	background-color:#E32219;
	color:#fff;
	font-weight:bold;
	background-position:top right;
	background-repeat:no-repeat;
}

/* colours */
.llwAccordian .life .titleAndHeaderImage{background-color:#ADC600; background-image:url(/images/courses/accordian/lifeHeaderBkg.gif);}
.llwAccordian .leisure .titleAndHeaderImage{background-color:#CC0099; background-image:url(/images/courses/accordian/leisureHeaderBkg.gif);}
.llwAccordian .work .titleAndHeaderImage{background-color:#000099; background-image:url(/images/courses/accordian/workHeaderBkg.gif);}
.life .inner_content h2.subHeader{color:#ADC600;}
.leisure .inner_content h2.subHeader{color:#cc0099;}
.work .inner_content h2.subHeader{color:#000099;}
.life .courselist h5{color:#ADC600;}
.leisure .courselist h5{color:#cc0099;}
.work .courselist h5{color:#000099;}


.llwAccordian .titleAndHeaderImage h1{
	background-color:Transparent;
	width:277px;
	padding:22px 0 0;
	min-height:0;
	height:auto;
	font-size:3.2em;
}
	
.llwAccordian .titleAndHeaderImage img{
	float:left;
	margin-right:18px;
}

.courselist{float:left; width:175px; padding-right:12px; margin-bottom:10px; font-size: 0.9em;}
#accordion .lastCol{padding-right:0;}
.courseRow{float:left; width:738px; padding-bottom:10px;}
.courselist h5{margin:0 0 3px 0; padding:0; font-size:1.15em;}
.courselist ul{margin:0; padding:0; list-style-type:none; color:#000;}
.courselist li{background-image:url(/images/courses/accordian/arrow.gif); background-repeat:no-repeat; background-position:left 0.6em; padding-left:10px; line-height:1.7em;}

/* Partner */

#homeLatestNews 
{
	position: relative; float: left;
}

#homeLatestNews a.rssFeed
{
	display: block; width: 16px; position: absolute; overflow: hidden; right: 5px; top: 5px; 
	background: url(/images/shd/rssBtn.gif) repeat scroll 0% 0% transparent; height: 0px; padding-top: 16px;
}

#homeLatestNews a.rssFeed:hover
{
	background-position: -16px 0;
}

.newsListRssFeed  {
	background:url(/images/shd/rssBtnSmall.gif) no-repeat scroll left 2px transparent;
	height:16px;
	margin-left:3px;
	padding-left:15px;
}