/* h1, h2 {background:transparent url(../images/header.png) no-repeat right top;padding:4px 10px;color:#777;margin:10px 0 4px 0;clear:both} */
h1, h2 {color:#a00;border-bottom:dotted 1px #ccc;text-transform:capitalize;float:left;clear:both}

h1 {
	font-size:14px;
}
h2 {
	font-size:x-small;
}

h1 span {
	float:left;
	width:300px;
}

h1 a.more{clear:none;float:right;font-size:12px;margin:0;}
h2 a.more{font-size:12px}

span.checked {display:block;width:16px;height:16px;background:transparent url(../images/check.gif) no-repeat center center;margin:auto auto}
span.unchecked{display:block;width:16px;height:16px;background:transparent url(../images/cross.gif) no-repeat center center;margin:auto auto}

#CopyMiddle>h1:first-child{margin-top:0px;}
#CopyMiddle div.Details h1{margin-top:10px}

div.Details {clear:both;width:100%}
a.more {background:transparent url(../images/LinkArrow.png) no-repeat right center;padding-right:20px;float:right;clear:left;margin:5px 25px;}
#CopyMiddle h1 a.more{font-size:0.8em;}
/* Category List styling */
div.CategoryList {font-family:Verdana, Tahoma, Arial, Sans-serif;clear:both;}
div.CategoryList {float:left;width:535px;overflow:hidden;}
div.CategoryList ul{float:left;padding:0;margin:0;list-style:none;}
/* Category List course styling */
div.CategoryList.Course {margin-bottom:10px;overflow:hidden;float:left;height:182px}
div.CategoryList.Course ul li{float:left;width:168px;margin:5px 9px 0 0;height:86px;padding:0;}
div.CategoryList.Course ul li a{display:block;width:170px;height:90px}
div.CategoryList.Course ul li span{display:none;}
/* tidy margins on 3rd one for image cats so they fill the space*/
div.CategoryList.Course ul li.n3,div.CategoryList.Course ul li.n6 {margin-right:0;margin-left:1px}
/* Images for each category */
div.CategoryList.Course ul li.Cat_10{background:transparent url(../images/Category/TrainToGain.png) no-repeat top left;}
div.CategoryList.Course ul li.Cat_11{background:transparent url(../images/Category/AccreditedQualification.png) no-repeat top left;}
div.CategoryList.Course ul li.Cat_12{background:transparent url(../images/Category/PersonalDevelopment.png) no-repeat top left;}
div.CategoryList.Course ul li.Cat_13{background:transparent url(../images/Category/ManagementDevelopment.png) no-repeat top left;}
div.CategoryList.Course ul li.Cat_23{background:transparent url(../images/Category/TrainingForWork.png) no-repeat top left;}
div.CategoryList.Course ul li.Cat_24{background:transparent url(../images/Category/NVQs.png) no-repeat top left;}

/* category list sector styling */
div.CategoryList.Sector {background:transparent url(../images/header.png) no-repeat right top;margin-bottom:10px}
div.CategoryList.Sector ul li{float:left;width:245px;margin:3px 8px 0 0;padding:4px 6px;border-bottom:dotted 1px #aaa}
div.CategoryList.Sector ul li a{display:block;padding-left:20px;background:transparent url(../images/LinkArrow.png) no-repeat left center;color:#666}
div.CategoryList.Sector a:link, div.CategoryList.Sector a:active, div.CategoryList.Sector a:visited{color:#666!important;text-decoration:none}
div.CategoryList.Sector ul li.selected a{font-weight:bold!important}
div.CategoryList.Sector.NoHighlight ul li.selected a{font-weight:normal!important}
#HomeMiddle div.CategoryList.Sector ul li.selected a{font-weight:normal!important} /* stop highlight on homepage */

/* course planner overrides */
/*body.p36 div.default{background:transparent url(../images/header.png) no-repeat right top;float:left;margin-top:10px}
body.p36 div.CategoryList.Sector {margin:0; background:none;}*/



/* Course listing pages */
div.CourseList {clear:both;padding-top:10px;}
div.CourseList div.Item {
	clear:left;
	margin:0;
	float:left;
	clear:left;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
	width:100%;
}
div.CourseList div.Item  div.dates{clear:both;margin-bottom:-10px}
div.CourseList div.Item  div.dates ul{text-align:left;clear:both;}

div.CourseList div.Item h2{float:left;width:520px;margin:10px 0 5px 0;clear:both;background:none;border:none;font-size:1em;padding-bottom:2px} /* background:transparent url(../images/shade.png) repeat-x left bottom;margin-right:0; */
div.CourseList div.Item h2:first-child{margin-top:0;}
div.CourseList div.Item h2 a{float:left;width:400px;display:block;font-weight:bold!important}
div.CourseList div.Item h2 a.more{float:right;clear:none;margin:0px;width:auto;font-weight:normal!important}
div.CourseList div.Item h2 a.Up {display:none;}

div.CourseList div.Item h2 a,
div.CourseList div.Item h2 a:link, 
div.CourseList div.Item h2 a:visited, 
div.CourseList div.Item h2 a:active
{
	color:#a00!important;
	text-decoration:none;
	text-transform:capitalize;
	line-height:1.4em;
}
div.CourseList div.Item h2 a:hover,
div.CourseList div.Item h2 a:visited:hover
{
	text-decoration:none;
	color:#a00!important
}
/* Copy override to stop headers and clear any floats */
div.copy h1,
div.copy h2{background:none;text-transform:capitalize;font-size:1.2em}
div.copy {clear:both}

/* Course Planner */
div.header, table.Planner{border-collapse: collapse;font-size:0.9em;width:730px}
div.header, table.Planner thead tr{font-weight:bold;color:#666;border:none;font-weight:500;}
table.Planner thead tr td{padding:5px 3px;}
table.Planner tr td a:hover,
table.Planner tr td a:visited:hover
{text-decoration:underline!important}
table.Planner tr.Course td{white-space: nowrap;}
table.Planner td:first-child{text-align:left;white-space:normal;}
table.Planner tr.Course {border-bottom:solid 1px #ddd;white-space: nowrap;}
table.Planner tr.Course.odd{background:#eee;}
table.Planner tr.Course:hover{background:#ddf;}
table.Planner tr.Course td{border-right:solid 1px #ddd}
table.Planner td.Sector {background:#fff;font-weight:bold;color:#666;border-bottom:solid 1px #eee;padding:6px;background:transparent url(../images/header.png) no-repeat right top;font-size:14px}
table.Planner td.Sector:first-child{text-align:left}
table.Planner td{padding:2px 4px;vertical-align:top;text-align:center}

/* repeated header styling */
div.header, table.Planner tr.header {color:#888;background:#eee}
div.header, table.Planner tr.header td{padding:4px}
table.Planner tr.header td a,
table.Planner tr.header td a:link,
table.Planner tr.header td a:active
{color:#888!important;}
table.Planner tr.header td a:hover,
table.Planner tr.header td a:visited:hover
{color:#a33!important;}

td.Sector span{float:left}
td.Sector a.Up {float:right;display:none}
/* zebra styling for newer browsers */
table.Planner thead tr td:nth-child(2n){color:#222}

div.QuickSearch {margin-bottom:10px}
div.AllSectors{font-size:.8em;margin-top:20px}



form#Enquiry{margin-top:0px}
form#Enquiry select#CourseName {width:310px;}
form#Enquiry label {width:180px}
form#Enquiry #SubmitEnquiry{margin-left:185px}
form#Enquiry fieldset{margin:0;padding-bottom:10px;}
form#Enquiry legend{margin:10px 0;clear:both;color:#a00;border-bottom:dotted 1px #ccc;text-transform:capitalize;font-size:1.2em;width:100%;display:none;}

