/* HTML Styles */

body
{
	text-align: center;
	font-size: 77%;
	font-family: Verdana, Arial, Sans-Serif;
	line-height: 1.6em;
	margin-top: 0px;
}

h1
{
	margin-top: 0px;
	font-family: Arial Rounded MT Bold, Arial;
}

h2
{
	margin-top: 0px;
	font-family: Arial;
}

h3
{
	margin-top: 0px;
	font-family: Arial;
}

select
{
	width: 210px;
}

.h2
{
	background: url(Images/H2Background.png) no-repeat;
	padding: 12px 0 10px 15px;
	border-bottom: solid 1px #ADADAD;
}

.h3
{
	background: url(Images/H2Background.png) no-repeat;
	padding: 12px 0 10px 15px;
	border-bottom: solid 1px #ADADAD;
}

.h2other
{
	background: url(Images/OtherBlueHeader.png) no-repeat;
	padding: 12px 0 10px 15px;
	border-bottom: solid 1px #ADADAD;
}

a img
{
	border:0;
}

/* Helper sytles */

.Clear
{
	clear: both;
	height:0;
}

.LeftMarginTen
{
	margin-left: 10px;
}

.LeftMarginThree
{
	margin-left: 3px;
}

.NoMargin
{
	margin: 0;
}

.RedText
{
	color: Red;
}

.FloatLeft
{
	float: left;
}

.FloatRight
{
	float: right;
}

.ErrorText
{
	color: #6A0018;
}

/* Update Progress */

#ctl00_MainContent_UpdateProgress
{
	background-color: #CF4342;
	color: #fff;
	top: 0px;
	right: 0px;
	position: fixed;
}

#ctl00_MainContent_UpdateProgress img
{
	vertical-align: middle;
	margin: 2px;
}

/* Default GridView sytle */

.NoOutlineGrid
{
	border: solid 1px white;
}

.NoOutlineGrid2
{
	border: solid 0px white;
}

.NoOutlineGrid img
{
	border: 0;
}

.NoOutlineGrid a
{
	color: Black;
}

.NoOutlineGrid3
{
	border: solid 1px white;
}

.NoOutlineGrid3 img
{
	border: 0;
}

.NoOutlineGrid3 a
{
	color: White;
}

/* Holder for all of the page content, menus etc */

#PageHolder
{
	text-align: left;
	width: 900px;
	margin: auto;
}

/* Page Header */

#PageHeader
{
	width: 900px;
	height: 80px;
	background: url(Images/HeaderBackground.png) no-repeat;
	padding: 5px;
	color: #000099;
}

#PageHeader img
{
	vertical-align: middle;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-right:80px;
}

/* Page Footer */

#PageFooter
{
	width: 900px;
	height: 80px;
	padding: 5px;
	color: #000099;
	text-align:center;
}

#PageFooter a
{
	color: #000000;
}


#PageFooter ul
{
	padding:0;
	margin-left:300px;
	list-style-type:none;
}

#PageFooter li
{
	padding-left:10px;
	padding-right:10px;
	float:left;
	border-right:solid 1px #000099;
}

#PageFooter li.Last
{
	padding-left:10px;
	padding-right:10px;
	float:left;
	border-right:none;
}

#PageFooter img
{
	border:0;
}


/* Left Hand Page Panel */

#LeftPanel
{
	float: left;
	width: 210px;
	margin-right: 10px;
}

/* Page Menu */

#PageMenu
{
	height: 397px;
	background: url(Images/MenuBackground.png) no-repeat;
	color: #ffffff;
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

#PageMenu ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
}

#PageMenu li
{
	padding: 6px 0 6px 10px;
	border-bottom: 1px solid #ffffff;
}

#PageMenu li a
{
	text-decoration: none;
	color: #ffffff;
	display: block;
}


#PageMenu #LogoArea
{
	margin-top: 10px;
	text-align: center;
}

/* Right Hand Page Panel */

#RightPanel
{
	float: right;
	width: 680px;
}

/* Breadcrumb Styles */

#Breadcrumbs
{
	color: #333333;
}

#Breadcrumbs a
{
	color: #333333;
}

/* Home Page Styles */

#HomePageSearchAndAbout
{
	height: 377px;
	background: url(Images/HomePageSearchBackground.png) no-repeat;
	padding: 15px;
}

#HomePageSearchAndAbout hr
{
	height: 1px;
	color: #859AA7;
}

#HomePageLatest
{
	padding:5px 0 0 10px;
	float:left;
	background:url(Images/FrontPageSmallBg.png) no-repeat;
	width:330px;
	height:170px;
	margin-top:-20px;
}

#HomePageLatest a
{
	color:#000000;
}

#HomePageLatest img
{
	padding-top:10px;
	vertical-align:middle;
}

#HomePageLogos
{
	padding:5px 0 0 10px;
	float:right;
	background:url(Images/FrontPageSmallBg.png) no-repeat;
	width:330px;
	height:170px;
	margin-top:-20px;
}

#HomePageLogos .Logo
{
	text-align:center;
}

#HomePageLogos .Logo img
{
	border:0;
	padding-top:10px;
}

#RandomImages
{
	float:right;
}

#RandomImages img
{
	border:0;
}

#AboutModernApprenticeships
{
	float:left;
}

#AboutModernApprenticeships ul
{
	margin: 0 0 20px 0;
	padding: 0;
}

#AboutModernApprenticeships li
{
	font: normal normal bold 14px arial;
	display: inline;
	background: url(Images/GreenTick.png) no-repeat 0 0px;
	padding: 0 20px 4px 45px;
}

#SearchInstructions
{
	float: left;
	width: 230px;
}

#SearchInstructions img
{
	border:0;
	padding:0;
	margin:0;
}

#Search
{
	float: right;
}

#Search ul
{
	float: right;
	padding-top: 20px;
	margin: 0px;
	list-style-type: none;
}

#Search ul label
{
	float: left;
	width: 12em;
	margin-right: 1em;
	text-align: right;
}

#Search h3
{
	margin:0 0 0 45px;
	padding:0;
}

.SearchArchive
{
	margin-left: 0;
}

.SearchButton
{
	margin-left: 158px;
	margin-top: 3px;
	width:100px;
}

/* Admin styles for name value combinations e.g. GeographicalAreas, StartDates etc. */

#ItemList
{
	float: left;
}

#ItemForm
{
	float: right;
	width: 300px;
	padding: 5px;
	border: solid 1px #cccccc;
}

/* Registration Form */

.PageBackground
{
	background: url(Images/LargeBackground.png) no-repeat;
	background-position: bottom;
}

.PageContent
{
	padding: 0 0 0 15px;
}

.PageContent h4
{
	margin: 0px;
	padding: 0px;
}

.PageContent p
{
	margin-top: 0;
}

.PageContent a
{
	color: #000000;
}

.RegistrationFormDone
{
	padding: 0 0 30px 15px;
}

.PageContent label
{
	display: block;
	text-align: right;
}

#ApplyForm label
{
	display:inline;
	text-align:left;
}

.PageContent #ValidationPanel
{
	width: 250px;
	color: #6A0018;
}

#LoginInstructions
{
	width: 350px;
	float: left;
}

#LoginBox
{
	width: 290px;
	float: right;
}

#LoginBox a
{
	color: #000000;
}

.AdminHomeLeft
{
	float: left;
	width: 320px;
}

.AdminGatewayLinks
{
	background-color: #ffffff;
	float: right;
	width: 300px;
	margin-right: 5px;
	padding: 5px;
}

.TempImage
{
	margin-top: -20px;
}

#AboutPanel
{
	height: 235px;
	background: url(Images/AboutBackground.png) no-repeat;
	padding: 15px;
}

#AboutLeft
{
	float: left;
	width: 300px;
}

#AboutRight
{
	float: right;
	width: 300px;
	background-color: #3366CC;
	padding: 10px;
	color:#ffffff;
}

#AboutRight a
{
	color: #ffffff;
}

#SponsorsPanel
{
	padding: 15px;
	background: url(Images/SponsorsBackground.png) no-repeat;
	height: 200px;
}

#SponsorsPanel h4
{
	color: #666666;
}

#SponsorsPanel #LogoPanel
{
	text-align:center;
	background-color: #ffffff;
	vertical-align: middle;
	padding: 5px;
}

#SponsorsPanel img
{
	border: 0px;
	padding-right: 7px;
}

#CareerLeft
{
	float: left;
	background-color: #ffffff;
	width: 300px;
	padding: 10px;
}

#CareerLeft img
{
	border: 0;
}

#CareerLeft img
{
	text-align: left;
	float: right;
}

#CareerLeft #CsLink
{
	background-image: url(Images/CsLinkBackground.png);
	height: 37px;
	text-align: center;
	font-weight: bold;
	margin-bottom:27px;
}

#CareerLeft #CsLink p
{
	padding-top: 8px;
}

#CareerRight
{
	float: right;
	background-color: #ffffff;
	width: 300px;
	padding: 10px;
	margin-right: 5px;
}

#CareerRight ul
{
	padding: 0;
	margin: 0;
	list-style-type: none;
	text-align: right;
}

#CareerRight ul img
{
	vertical-align: middle;
	margin-left: 7px;
}

#PlanITLogo
{
	text-align: center;
}

#PlanITLogo img
{
	border: 0;
}

#BelowPlanITText
{
	background-color: #DDDDDD;
	margin-top: 5px;
	padding: 5px 5px 0 5px;
}

#CareerBottomLeft
{
	float: left;
	width: 300px;
	background-color: #3399CC;
	padding: 10px;
	color: #ffffff;
}

#CareerBottomLeft #CaseStudies
{
	float: left;
	width: 150px;
}

#CareerBottomLeft #CareerAdvice
{
	float: right;
	width: 150px;
	margin-left: 10px;
}

#CareerBottomLeft a
{
	color: #ffffff;
}

.OrangeArrow
{
	vertical-align: middle;
	padding-left: 3px;
}

#CareerBottomRight
{
	float: right;
	width: 300px;
}

#CareerBottomRight img
{
	border: 0;
	padding-left:30px;
}

/* Collapsible Panel Styles */
.collapsePanel
{
	background-color: white;
	overflow: hidden;
	border: 1px solid #333;
	border-top: none;
}

.collapsePanelHeader
{
	background-color: /*#ccccdd;*/ #f1f1f1;
	border: 1px solid #333;
	color: #000;
	height: 26px;
	font-weight: bold;
	margin-top: 3px;
}

.collapsePanelHeader a
{
	color: #000;
}
.collapsePanelHeader a:hover
{
	text-decoration: none;
	background: none;
}

#WhatIsPanel
{
	height: 650px;
	background: url(Images/WhatIsBackground.png) no-repeat;
	padding: 15px;
}

#WhatIsLeft
{
	float: left;
	width: 390px;
}

#WhatIsRight
{
	float: right;
	width: 240px;
	background-color: #ffffff;
	padding: 10px;
}

#WhatIsRight p
{
	color: #666666;
}

#WhatIsRight #WhatIsLinks
{
	text-align: center;
}

#WhatIsRight #WhatIsLinks #MoreInfoLink
{
	background-image: url(Images/MoreInfoBackground.png);
	height: 37px;
	width: 190px;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}

#WhatIsRight #WhatIsLinks #FAQsLink
{
	background-image: url(Images/FAQsBackground.png);
	height: 37px;
	width: 190px;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}

#WhatIsRight #WhatIsLinks #UsefulLinksLink
{
	background-image: url(Images/UsefulLinksBackground.png);
	height: 37px;
	width: 190px;
	text-align: center;
	font-weight: bold;
	vertical-align: bottom;
	text-decoration: none;
}

#WhatIsRight #WhatIsLinks #Top10Link
{
	background-image: url(Images/UsefulLinksBackground.png);
	height: 37px;
	width: 190px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
}

#WhatIsRight #WhatIsLinks p
{
	padding-top: 8px;
}

#WhatIsRight #WhatIsLinks a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	font-size: 1.2em;
	font-family: Verdana;
}

#WhatIsRight #WhatIsLinks .NoOutlineGrid
{
	border: solid 1px white;
	border-bottom: solid 1px #D4D0C8;
}

#WhatIsRight #WhatIsLinks .NoOutlineGrid a
{
	color: Black;
	font-weight: normal;
	font-size: 1em;
}

#WhatIsRight #WhatIsLinks .NoOutlineGrid a:hover
{
	color: #98BA64;
	text-decoration: underline;
}

#CitbQuiz
{
	text-align: center;
	padding-bottom: 50px;
}

#FAQPanel
{
	height: 760px;
	background: url(Images/FAQBackground.png) no-repeat;
	padding: 15px;
}

#LinksPanel
{
	height: 450px;
	background: url(Images/LinksBackground.png) no-repeat;
	padding: 15px;
}

#LinksPanel li
{
	list-style: none;
}

#LinksPanel li a
{
	text-decoration: none;
	color: #000000;
}

#LinksPanel li a:hover
{
	text-decoration: underline;
}

#ProviderIndexIntro
{
	background: url(Images/ProviderIndexBackground.png) no-repeat;
	height: 236px;
	padding: 15px 0 0 15px !Important;
	padding: 15px 0 0 0;
}

#ProviderIndexIntro #Instructions
{
	float: left;
	width: 300px;
}

#ProviderIndexIntro #LetterPaging
{
	float: right;
	background-color: #ffffff;
	width: 300px;
	margin-right: 40px;
	text-align: center;
	font-size: x-large;
	font-weight: bold;
	padding-top: 10px;
}

#ProviderIndexIntro #LetterPaging a
{
	color: #006699;
	text-decoration: none;
}

#ProviderIndexIntro #LetterPaging p
{
	margin-bottom: 15px;
	margin-top: 10px;
}

#ProviderIndexIntro #LetterPaging #PagingFooter
{
	background-color: #D9D9D9;
	font-size: small;
	font-weight: normal;
	color: #000000;
}

.ProviderGrid
{
	margin-top: -30px;
	margin-right: 20px;
	padding-bottom: 20px;
}

.ProviderListHeader
{
	background: url(Images/H2Background.png) no-repeat;
	height: 40px;
}

.ProvidedWebDetails
{
	margin: 10px 0 0 -15px;
	background-color: #B3EFFA;
	width: 100%;
	padding-left: 15px;
}

.OpportunitiesGrid
{
	margin-top: 15px;
	padding-left: -15px;
	width: 100%;
	padding-bottom:30px;
}

.OpportunitiesGrid a
{
	color:#000000;
}

.EmptyTemplate
{
	padding-left: 15px;
	margin-bottom: 30px;
}

#CareerAreas
{
	background: url(Images/AreaListBackground.png) no-repeat;
	height: 400px;
	padding: 10px;
}

.CareerAreaGridItem
{
	padding: 5px 0 5px 0;
}

#CareerAreas a
{
	color: #000000;
}

.CareerAreaBackground
{
	background: url(Images/LargeGrayToBlue.png) no-repeat;
	background-position: bottom;
}

.TopTenContent
{
	padding: 0 15px 40px 15px;
}

.AreaContent
{
	padding: 0 0 40px 15px;
}

.AreaContent a
{
	color:#000000;
}

.Article p
{
	margin:0px;
	padding:0px;
}

.Article ul
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

.Article li
{
	margin-top:0px;
	padding-top:0px;
	margin-bottom:0px;
	padding-bottom:0px;
}

#RelatedSectors
{
	float: right;
	width: 300px;
	background-color: #ffffff;
	padding: 5px;
	margin-right: 10px;
	margin-left: 10px;
}

#SearchMoreInfo
{
	color: #ffffff;
	margin-right: 5px;
}

#SearchPanel
{
	height: 240px;
	background: url(Images/SearchBackground.png) no-repeat;
	padding: 15px;
}

#OpportunityLeft
{
	float: left;
	width: 380px;
}

#OpportunityLeft p
{
	line-height: 15px;
}

#OpportunityLeft a
{
	color: #0000FF;
	text-decoration: none;
	font-weight: bold;
}

#OpportunityLeft a:hover
{
	color: #0000FF;
	text-decoration: underline;
}

#OppRight
{
	float: right;
	width: 270px;
	padding-right: 10px;
}

#OpportunityRight
{
	background-color: #3AA1D0;
	padding: 10px;
}


#OpportunityRight p
{
	font-weight: bolder;
	padding-top: 10px;
}

#OpportunityRight2
{
	background-color: #3898C8;
	padding: 10px;
}

#OpportunityRight2 p
{
	font-size: 0.9em;
	line-height: 13px;
}

#OpportunityRight2 a
{
	text-decoration: none;
}

#OpportunityRight2 a:hover
{
	color: #ffffff;
	text-decoration: underline;
}

.QualsHeader
{
	font-weight: bold;
	font-size: 1.3em;
	font-family: Arial;
}

.Quals
{
	font-weight: bold;
	font-size: 1.1em;
	font-family: Arial;
}

.ApplyButton
{
	padding:10px 0 0 90px;
}

.RegisterIcon
{
	float: Left;
	vertical-align: top;
	padding-right: 10px;
}

.ajax__tab_xp2 .ajax__tab_header
{
	height: 30px;
	font-family: verdana,tahoma,helvetica;
	color: #FFFF00;
	font-weight: bold;
	background: url(images/tabs/tab-line.gif) repeat-x bottom;
}
.ajax__tab_xp2 .ajax__tab_outer
{
	background: url(images/tabs/tab-right.gif) no-repeat right;
	height: 30px;
}
.ajax__tab_xp2 .ajax__tab_inner
{
	padding-left: 3px;
	background: url(images/tabs/tab-left.gif) no-repeat;
}
.ajax__tab_xp2 .ajax__tab_tab
{
	height: 30px;
	padding: 4px;
	margin: 0;
	background: url(images/tabs/tab.gif) repeat-x;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_outer
{
	background: url(images/tabs/tab-hover-right.gif) no-repeat right;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_inner
{
	background: url(images/tabs/tab-hover-left.gif) no-repeat;
}
.ajax__tab_xp2 .ajax__tab_hover .ajax__tab_tab
{
	background: url(images/tabs/tab-hover.gif) repeat-x;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_outer
{
	background: url(images/tabs/tab-active-right.gif) no-repeat right;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_inner
{
	background: url(images/tabs/tab-active-left.gif) no-repeat;
}
.ajax__tab_xp2 .ajax__tab_active .ajax__tab_tab
{
	background: url(images/tabs/tab-active.gif) repeat-x;
}
.ajax__tab_xp2 .ajax__tab_body
{
	border: 1px solid #0E3A9D;
	border-top: 0;
	padding: 5px;
	background-color: #0E3A9D;
	padding-bottom: 0px;
	color: #ffffff;
}
.ajax__tab_xp2 .ajax__tab_body p
{
line-height: 15px;
}


.ApprenticeshipsGrid
{
	padding-left: -15px;
	width: 100%;
	padding-bottom:20px;
}

.ApprenticeshipsGrid a
{
	color:#000000;
}

.ApprenticeshipsGrid #LetterPaging
{
	text-align: center;
	font-size: large;
	font-weight: bold;
}

.ApprenticeshipsGrid #LetterPaging a
{
	color: #006699;
	text-decoration: none;
}

.ApplyInstructions
{
	float:left;
	width:310px;
}

.ApplyForm
{
	float:right;
	background-color:#2D779E;
	width:329px;
	margin-right: 15px !Important;
	margin-right: 5px;
	color:#ffffff;
}

.DirectApplyText
{
	padding:5px;
}

.ErrorIcons
{
	text-align:left;
	vertical-align:middle;
	padding:3px 0px 3px 0;
}

.ContentHeaderImage
{
	vertical-align:middle;
}

.ApplyButton
{
	text-align:center;
}

/*Modal Popup*/
.PopUpLink
{
	color: #ffffff;
	text-decoration: underline;
}


.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background: url(Images/ModalPopUpBackground.png) no-repeat;
	width:710px;
	height: 360px;
}

#ModalClose
{
	text-align: right;
	margin-right: 22px;
	color: #00CCFF;
	font-family: Arial;
	padding-top: 18px;
	font-size: 1.2em;
	font-weight: bold;
}

.ModalCloseButton
{
	background-image: url(images/close.png);
	width:19px;
    height:19px;
	border: 0px;
	color: #40668C;
}

#modalPanel1Top
{
	width: 544px;
	height: 68px;
	background-color: #4D7194;
	color: #ffffff;
	font-weight: bold;
	margin-left: 85px;
	margin-top: 50px;
	font-size: 1.3em;
}

#modalPanel1Top p
{
	padding: 10px;
	padding-top: 15px;
}

#modalPanel1Bottom
{
	width: 544px;
	height: 68px;
	background-color: #8099B3;
	color: #ffffff;
	font-weight: bold;
	margin-left: 85px;
	margin-top: 30px;
	font-size: 1.3em;
}

#modalPanel1Bottom p
{
	padding: 10px;
	padding-top: 15px;
}

#modalMore
{
	color: #00CC66;
	font-weight: bold;
	margin-right: 16px;
	font-family: Arial;
	font-size: 1.3em;
	vertical-align: bottom;
	text-align: right;
	padding-top: 78px;
}

.ModalPopUpText
{
	color: #ffffff;
	font-family: Arial;
	font-size: 1.2em;
	font-weight: bold;
	margin-top: -10px;
	padding-left: 40px;	
}
.MoreLink
{
	color: #00CC66;
	text-decoration: none;
}

#ModalMoreInfo1
{
	margin-left: 40px;
	border: none;
}

#modalMore2
{
	color: #00CC66;
	font-weight: bold;
	margin-right: 16px;
	font-family: Arial;
	font-size: 1.3em;
	text-align: right;
	margin-bottom: 45px;
	margin-top:-20px;
}

#ModalMoreInfo2
{
	margin-left: 40px;
	border: none;
}

#modalMore3
{
	color: #00CC66;
	font-weight: bold;
	margin-right: 20px;
	font-family: Arial;
	font-size: 1.3em;
	text-align: right;
	padding-top: 65px;
	margin-top:-60px;
}

.NoOutlineGrid3
{
	border: none;
}

#OpportunityLeft .NoOutlineGrid3 a
{
	color: White;
}

.NoOutlineGrid4
{
	border: none;
}

.NoOutlineGrid4 a
{
	color: #000000;
}

.MyList label
{
	display:inline;
	text-align:left;
}

.SmallText
{
	font-size:70%;
}

.CareerAdviceFooter
{
	margin-bottom:30px;
	text-align:center;
}

.CareerAdviceFooter img
{
	margin-right:10px;
	border:0;
}

.VideoCaseStudyBackground
{
	margin-top:5px;
	padding:6px 0 0 20px;
	background:url(Images/VideoCaseStudyBackground.png) no-repeat;
	height:273px;
}

.VideoCaseStudyBackground .Header
{
	font-size:130%;
	color:#33FF00;
	font-weight:bold;
}

.VideoCaseStudyBackground .VideoLinks
{
	text-align:center;
	padding:20px 40px 0 40px;
}

.VideoCaseStudyBackground .Titles
{
	text-align:left;
}

.SecttVideoBackground
{
	padding:6px 0 0 20px;
	background:url(Images/VideoCaseStudyBackgroundSmall.png) no-repeat;
	height:290px;
	font-size:130%;
	width:320px;
	font-weight:bold;
}

.SecttVideoBackground .Header
{
	color:#33FF00;
	font-weight:bold;
}

.SecttVideoBackground a
{
	color:#ffffff;
}

.SecttVideoBackground ul
{
	margin-top:-10px;
	padding-top:0;
}

.ApprenticeName
{
	font-size:115%;
	font-weight:bold;
}

.VideoTitle
{
	color:#ffffff;
	font-size:110%;
	font-weight:bold;
}