/* ----- Main Body ----- */

body, html {
	background-color: #330066;
}

body {
	font-family: sans-serif;
	color: #ffffff;
	min-width: 850px; /* Should be slightly larger than wrapper width */
}


/* ----- Page General Styles ----- */

p, li, dt {
	font-size: 77%;
}

p {
	line-height: 120%;
	margin-bottom: 0.8em;
}

.bodycontent .introduction {
	font-weight: bold;
}

.bodycontent .clear {
	clear: both;
}

/* Standard List */

ul.standardlist {
	margin-bottom: 0.8em;
}

ul.standardlist li {
	list-style-type: square;
	margin-left: 20px;
}

/* Bullet List */

ul.bulletlist {
	margin-bottom: 0.8em;
	list-style-image: url(../../../resources/template/bullet.gif);
}

ul.bulletlist li {
	margin-left: 20px;
	margin-bottom: 0.8em;
}

/* Standard definition list */

dl.standardlist dt {
	background-image: url(../../../resources/template/bullet.gif);
	background-repeat: no-repeat;
	background-position: center left;
	padding-left: 15px;
}

dl.standardlist dd {
	padding-left: 15px;
	margin-bottom: 0.8em;
}

/* Standard bold dark purple title */

h2.standardtitle {
	color: #330066;
	font-size: 108%;
	margin-bottom: 10px;
	font-weight: bold;
}

/* Standard page navigation */

.pagenavigation {
	margin-top: 20px;
}

.pagecontent li {
	margin-bottom: 2px;
}

.pagenavigation {
	margin-left: 20px;
	width: 180px;
	float: left;
}

.pagenavigation li {
	margin-bottom: 10px;
}

.pagenavigation a {
	display: block;
	width: 180px;
	height: 16px;
	text-indent: -2000px;
}

/*.pagenavigation .pagename {
	display: none;
}
*/

.pagenavigation .current, .pagenavigation a:active, .pagenavigation a:hover {
	/*background-position: 180px 0px;*/
	background-position: 100% 0%;
}

/* Accreditations graphic bar */

.accreditations {
	display: block;
	position: absolute;
	left: 5px;
	bottom: 5px;
}

/* ----- Template ----- */

/* Main horizotally centered block */
.wrapper {
	width: 820px;
	margin: 0 auto;
	margin-top: 30px;
}

/* Header - logo / tagline */
.header {
	height: 75px;
}

/* Logo image */

.header .logo {
	width: 307px;
	height: 65px;
	background-repeat: no-repeat;
	margin-left: 20px;
	float: left;
	display: block;
}

/*
.header .logo, .header .logo_link {
	width: 307px;
	height: 65px;
}

.header .logo {
	background-repeat: no-repeat;
	margin-left: 20px;
	float: left;
}

.header .logo_link {
	display: block;
}
*/

/* Tagline image */
.header .tagline {
	width: 450px;
	height: 42px;
	margin-top: 25px; /* 52-44 */
	float: right;
	display: block;
}

/* Body white section */
.bodypanel {
	clear: both;
	background-color: #ffffff;
	color: #000000;
}

/* Body main content */
.bodycontent {
	clear: both;
	height: 400px;
	overflow: hidden;
	position: relative;
}

/* Rounded corners */

.bodypanelcorner-topleft, .bodypanelcorner-topright, .bodypanelcorner-bottomleft, .bodypanelcorner-bottomright {
	background-repeat: no-repeat;
}

.bodypanelcorner-topleft {
	background-position: top left;
	background-image: url(../../../resources/template/corner_topleft.gif);
}

.bodypanelcorner-topright {
	background-position: top right;
	background-image: url(../../../resources/template/corner_topright.gif);
}

.bodypanelcorner-bottomleft {
	background-position: bottom left;
	background-image: url(../../../resources/template/corner_bottomleft.gif);
}

.bodypanelcorner-bottomright {
	background-position: bottom right;
	background-image: url(../../../resources/template/corner_bottomright.gif);
}

/* Navgation */

.navigation-top {
	height: 40px;
}

/* Navigation - Main */

/*

--- Text Based ---

.navigation-top .navigation-main {
	float: left;
	margin-top: 10px;
	margin-left: 13px;
	background-color: #84868c;
}

.navigation-top .navigation-main a, .navigation-top .navigation-main .seperator {
	height: 20px;
	line-height: 20px;
	font-size: 77%;
}

.navigation-top .navigation-main a {
	padding-left: 15px;
	padding-right: 15px;
	display: block;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	color: #ffffff;
}

.navigation-top .navigation-main .seperator {
	float: left;
}

.navigation-top .navigation-main .first, .navigation-top .navigation-main .last {
	background-repeat: no-repeat;
}

.navigation-top .navigation-main .first {
	background-position: center left;
	background-image: url(../../../resources/template/navmain/corner_left.gif);
}

.navigation-top .navigation-main .last {
	background-position: center right;
	background-image: url(../../../resources/template/navmain/corner_right.gif);
}

.navigation-top .navigation-main .current {
	color: #fcee21;
}
*/

.navigation-top .navigation-main {
	float: left;
	margin-top: 10px;
	margin-left: 11px;
	background-color: #84868c;
}

.navigation-top .navigation-main a, .navigation-top .navigation-main .seperator, .navigation-top .navigation-main .corner {
	height: 20px;
}

.navigation-top .navigation-main .seperator {
	width: 4px;
	padding-left: 17px;
	padding-right: 17px;
	text-indent: -2000px;
	background-image: url(../../../resources/template/navmain/separator.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.navigation-top .navigation-main a {
	/*padding-left: 15px;*/
	/*padding-right: 15px;*/
	display: block;
	float: left;
	text-indent: -2000px;
}

.navigation-top .navigation-main a.home {
	background-image: url(../../../resources/template/navmain/home.gif);
	width: 38px;
}

.navigation-top .navigation-main a.job_search {
	background-image: url(../../../resources/template/navmain/job_search.gif);
	width: 77px;
}

.navigation-top .navigation-main a.register {
	background-image: url(../../../resources/template/navmain/register.gif);
	width: 56px;
}

.navigation-top .navigation-main a.training {
	background-image: url(../../../resources/template/navmain/training.gif);
	width: 59px;
}

.navigation-top .navigation-main a.faq {
	background-image: url(../../../resources/template/navmain/faq.gif);
	width: 25px;
}

.navigation-top .navigation-main a.contact_us {
	background-image: url(../../../resources/template/navmain/contact_us.gif);
	width: 80px;
}

.navigation-top .navigation-main a.working_with_us {
	background-image: url(../../../resources/template/navmain/working_with_us.gif);
	width: 118px;
}

.navigation-top .navigation-main .seperator, .navigation-top .navigation-main .corner {
	float: left;
}

.navigation-top .navigation-main .current, .navigation-top .navigation-main a:hover, .navigation-top .navigation-main a:active {
	background-position: 0% 100%;
}

.navigation-top .navigation-main .corner {
	width: 4px;
	background-repeat: no-repeat;
}

.navigation-top .navigation-main .start {
	padding-right: 15px; /* Total padding - corner graphic width */
	background-position: center left;
	background-image: url(../../../resources/template/navmain/corner_left.gif);
}

.navigation-top .navigation-main .end {
	padding-left: 15px;
	background-position: center right;
	background-image: url(../../../resources/template/navmain/corner_right.gif);
}

/* Navigation - Candidate / client */

.navigation-top .navigation-cancli {
	float: right;
	margin-right: 32px;
	height: 31px;
	width: 190px;
	background-image: url(../../../resources/template/cancli.gif);
}

.navigation-top .navigation-cancli .candidate, .navigation-top .navigation-cancli .client {
	display: block;
	height: 31px;
	text-indent: -2000px;
}

.navigation-top .navigation-cancli .candidate {
	width: 107px;
	float: left;
}

.navigation-top .navigation-cancli .client {
	width: 82px;
	float: left;
}

.navigation-top .navigation-cancli-clientover {
	background-position: 0% 100%;
}

/* Footer - address / tel / fax / email */
.footer {
	margin-top: 10px;
	margin-right: 10px;
	color: #fcee21;
	font-weight: bold;
	font-size: 77%;
	text-align: right;
}

.footer .bulletpoint {
	width: 6px;
	height: 6px;
	margin-left: 5px;
	margin-right: 5px;
}

.footer .email, .footer .email a:link, .footer .email a:visited, .footer .email a:active, .footer .email a:hover {
	color: #ffffff;
}

.footer .email a:link, .footer .email a:visited {
	text-decoration: none;
}

.footer .email a:active, .footer .email a:hover {
	text-decoration: underline;
}

/* Hide vcard - is for information purposes only, for parsers */
.footer .vcard {
	display: none;
}


/* ----- Page - Home ----- */

.page-home .welcome p {
	font-size: 85%;
}

/*
.page-home .culture_of_care p, .page-home .relationship_of_trust p {
	font-size: 77%;
}
*/

.page-home .sectionname {
	margin-top: 10px;
	margin-left: 27px;
	text-transform: uppercase;
	font-size: 85%;
	color: #330066;
	font-weight: bold;
}

.page-home .pagecontent {
	float: left;
	margin-left: 15px;
	margin-top: 20px;
}

.page-home .csciinfo {
	position: absolute;
	left: 215px;
	bottom: 10px;
}

.page-home .csciinfo p {
	margin-bottom: 0.2em;
	font-size: 69%;
}

.page-home .csciinfo .logo {
	float: left;
	display: block;
}

.page-home .csciinfo .right {
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}

.page-home .csciinfo .right .innerleft {
	width: 129px;
	float: left;
}

.page-home .csciinfo .right .innerright {
	float: left;
}

.page-home .csciinfo .cscilink, .page-home .csciinfo .innerright, .page-home .csciinfo .reportlinkcont {
	color: #b23427;
}

.page-home .csciinfo .excellence {
	font-weight: bold;
}

.page-home .csciinfo a.cscilink:link, .page-home .csciinfo a.cscilink:visited {
	text-decoration: none;
}

.page-home .csciinfo a.cscilink:active, .page-home .csciinfo a.cscilink:hover {
	text-decoration: underline;
}

.page-home .furtherinfo {
	color: #330066;
	font-weight: bold;
}

.page-home .photo {
	position: absolute;
	display: block;
	right: 5px;
	bottom: 5px;
}


/* Page content section */

/* Welcome */

.page-home .contentsection_welcome .pagecontent {
	width: 360px; /* 390 */
}

/* A culture of care */

.page-home .contentsection_culture_of_care .pagecontent {
	width: 330px;
}

/* A professional approach */

.page-home .contentsection_professional_approach .pagecontent {
	width: 330px;
}

/* Categories of staff */

.page-home .contentsection_categories_staff .pagecontent {
	width: 335px;
}


/* ----- Page - Four Star Rated ----- */

.page-four_star_rated .pagecontent p, .page-four_star_rated .pagecontent li {
	font-size: 85%;
}

.page-four_star_rated .report_download p {
	font-size: 69%;
	margin-bottom: 0.2em;
}

.page-four_star_rated .pagecontent {
	margin-top: 40px;
	margin-left: 85px;
	width: 460px;
}

.page-four_star_rated .standardtitle {
	text-transform: uppercase;
	background-repeat: no-repeat;
	background-position: 0% 50%;
	padding-left: 20px;
	margin-left: -20px;
	background-image: url(../../../resources/four_star_rated/bullet.gif);
}

.page-four_star_rated h2 .rated {
	color: #b23427;
}

.page-four_star_rated .linkcont {
	color: #b23427;
}

.page-four_star_rated a.redlink:link, .page-four_star_rated a.redlink:visited {
	color: #b23427;
	text-decoration: none;
}

.page-four_star_rated a.redlink:active, .page-four_star_rated a.redlink:hover {
	text-decoration: underline;
}

.page-four_star_rated .reportimg {
	display: block;
	position: absolute;
	top: 40px;
	right: 40px;
}

.page-four_star_rated .report_download {
	position: absolute;
	right: 160px;
	top: 300px;
	width: 200px;
}


/* ----- Page - Job Search ----- */

.page-job_search .vacinfo {
	margin-top: 10px;
	margin-left: 30px;
	color: #330066;
	font-weight: bold;
}

.page-job_search .pagecontent {
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}

.page-job_search .jobshortinfo {
	margin-bottom: 10px;
}

.page-job_search .jobshortinfo p {
	margin-bottom: 0.3em;
}

.page-job_search .jobshortinfo .title {
	font-weight: bold;
	color: #330066;
}

.page-job_search .toapply {
	font-weight: bold;
}

.page-job_search .toapply p {
	margin-bottom: 0.2em;
}

.page-job_search .toapply a {
	color: #330066;
}

.page-job_search .toapply a:link, .page-job_search .toapply a:visited {
	text-decoration: none;
}

.page-job_search .toapply a:hover, .page-job_search .toapply a:active {
	text-decoration: underline;
}

.page-job_search .photo {
	right: 1px;
	bottom: 5px;
	position: absolute;
	display: block;
}

/* Domicillary */
.page-job_search .contentsection_domicillary .pagecontent {
	width: 380px;
}

/* Social Care */
.page-job_search .contentsection_social_care .pagecontent {
	width: 400px;
}

/* Child Care */
.page-job_search .contentsection_child_care .pagecontent {
	width: 370px;
}

/* Commercial */
.page-job_search .contentsection_commercial .pagecontent {
	width: 410px;
}


/* ----- Page - Register ----- */

/*
	background-color: #e2dbe9;
	border: 1px solid #330066;
	padding: 20px;
*/

.page-register .registerinfo p {
	line-height: 120%;
	font-size: 85%;
	color: #330066;
	font-weight: bold;
}

.page-register .errormsg {
	background-color: #e2dbe9;
}
.page-register .errormsg p {
	line-height: 120%;
	padding: 5px;
	color: #330066;
	font-weight: bold;
	border: 1px solid #330066;
	/*text-align: center;*/
}

.page-register .scrollable {
	height: 385px;
	overflow: auto;
}

.page-register .pagecontent {
	margin-left: 20px;
	margin-right: 20px;
	padding-bottom: 20px;
}

.page-register .leftcol {
	float: left;
	width: 300px;
}

.page-register .right {
	float: left;
}

.page-register .telno {
	color: #000000;
}

.page-register .formcontanier, .page-register .note {
	margin-left: 15px;
}

.page-register .section {
	margin-bottom: 10px;
}

.page-register .inputtitle {
	display: block;
	margin-bottom: 2px;
	font-size: 77%;
}

.page-register .standtxtentry, .page-register .standtxtarea, .page-register .standselect {
	width: 250px;
}

.page-register .standtxtentry, .page-register .standtxtarea {
	background-color: #f9f6ff;
	border-width: 1px;
	border-style: solid;
	border-color: #787a97;
}

.page-register .submitcv, .page-register .cvnote p {
	color: #330066;
	font-size: 100%;
	margin-bottom: 0px;
}

.page-register .uploadinfo, .page-register .cvnotetext {
	/* */
}

.page-register .registered p {
	margin-left: 30px;
	font-size: 85%;
}

.page-register .filename {
	font-style: italic;
}

.page-register .uploaded .title {
	color: #330066;
}


/* ----- Page - Working with us ----- */


.page-working_with_us .pagecontent {
	float: left;
	margin-left: 10px;
	margin-top: 20px;
}

.page-working_with_us .photo {
	display: block;
	position: absolute;
	right: 20px;
	bottom: 5px;
}

/* Working with us */

.page-working_with_us .contentsection_working_with_us .pagecontent {
	width: 360px;
}

/* Specialist Recruitment */

.page-working_with_us .contentsection_specialist_recruitment .pagecontent {
	width: 320px;
}

/* Our Clients */

.page-working_with_us .contentsection_our_clients .pagecontent {
	width: 400px;
}

/* Private individual care */

.page-working_with_us .contentsection_individual_care .pagecontent {
	width: 320px;
}

/* Listening to you */

.page-working_with_us .contentsection_listening_to_you .pagecontent {
	width: 590px;
}

/* Carer selection */

.page-working_with_us .contentsection_carer_selection .pagecontent {
	width: 350px;
}


/* ----- Page - Training ----- */

.page-training .pagecontent {
	margin-top: 35px;
	margin-left: 85px;
	margin-right: 85px;
}

.page-training h2 {
	margin-bottom: 20px;
}

.page-training .left {
	float: left;
	width: 50%;
}

.page-training .right {
	float: left;
	width: 50%;
}

.page-training .furtherinfo {
	font-weight: bold;
}


/* ----- Page - Frequently Asked Questions ----- */

.page-faq .pagecontent {
	margin-top: 20px;
	margin-left: 25px;
	margin-right: 25px;
}

.page-faq .left {
	float: left;
	width: 51%;
}

.page-faq .middle {
	float: left;
	width: 2%;
}

.page-faq .right {
	float: left;
	width: 47%;
}

.page-faq .photo {
	display: block;
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.page-faq dl.standardlist dt {
	color: #330066;
	font-weight: bold;
	margin-bottom: 0.2em;
}


/* ----- Page - Contact Us ----- */

.page-contact_us .pagecontent {
	margin-top: 35px;
	margin-left: 85px;
	margin-right: 85px;
}

.page-contact_us .addrlogo {
	display: block;
	margin-bottom: 20px;
}

.page-contact_us .furtherinfo {
	margin-bottom: 35px;
}

.page-contact_us .left {
	float: left;
	width: 350px;
}

.page-contact_us .right {
	float: right;
}

.page-contact_us .mapimg {
	margin-bottom: 5px;
}

/* Email link */
.page-contact_us .pageemail {
	color: #330066;
}

.page-contact_us a.pageemail:link, .page-contact_us a.pageemail:visited {
	text-decoration: none;
}

.page-contact_us a.pageemail:active, .page-contact_us a.pageemail:hover {
	text-decoration: underline;
}

.page-contact_us .mappopupimg {
	border: 1px solid #330066;
}

.page-contact_us .mappopup {
	display: block;
	position: absolute;
	width: 409px;
	top: 0px;
	left: 205px;
	display: none;
}

.page-contact_us .mappopupclose {
	font-size: 69%;
	line-height: 25px;
	height: 25px;
	padding-right: 4px;
	text-align: right;
	background-color: #330066;
}

.page-contact_us .mappopupclose a, .page-contact_us .mappopupclose {
	color: #ffffff;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.page-contact_us .mappopupclose a:link, .page-contact_us .mappopupclose a:visited {
	text-decoration: none;
}

.page-contact_us .mappopupclose a:active, .page-contact_us .mappopupclose a:hover {
	text-decoration: underline;
}