/* General Styles for GMCP website - September 2006 */

/* Header of page - before breadcrumb
==============================================================================*/

#header {
	height: 140px;
	background: url(../images/style/standard/header.gif) no-repeat;
	}
#mainbody {
	position: relative;
	width: 930px;
	background: white url(../images/style/yp/maincontent.gif) no-repeat;
	}


/* breadcrumb area (include print and email functions)
==============================================================================*/

#breadarea {
	position: relative;
	width: 930px;
	height: 40px;
	background: url(../images/style/yp/bread.jpg) no-repeat;
}
#breadarea hr {
	display: none;
}
#breadcrumb {
	padding: 12px 0 0 20px;
	color: white;
	}
	#breadcrumb a {
		text-decoration: none;
		padding: 0 1px;
		font-weight: 600;
		color: white;
		}
	#breadcrumb a:hover {
		text-decoration: underline;
		}	
#print, #email, #text {
	float: right;
	height: 40px;
	list-style: none;
	}
#email {
	background: url(../images/nav/email_02.gif) no-repeat;
	}
#text {
	background: url(../images/nav/text.gif) no-repeat;
	}
#print {
	padding: 0 5px 0 0;
	background: url(../images/nav/print_02.gif) no-repeat;
	}
#print a, #email a, #text a {
	display: block;
	line-height: 40px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	width: 60px;
	}
#email a {
	background: url(../images/nav/email_02.gif) no-repeat;
	}
#print a {
	background: url(../images/nav/print_02.gif) no-repeat;
	}
#text a {
	background: url(../images/nav/text.gif) no-repeat;
	width: 110px;
	}
#print a:hover, #email a:hover, #text a:hover {
	background-position: 0 -40px;
	}

/* search setup
==============================================================================*/


#search {
	position: relative;
	display: block;
	width: 235px;
	height: 52px;
	background: url(../images/style/yp/search.gif) no-repeat;
	text-align: left;
	overflow: hidden;
}
	#search form {
		padding: 0;
		margin: 0;
		}
	#search fieldset {
		float: left; 
		border: 0 none;
		}
	#search label {
		display: none;
		}
	#search select {
		margin: 10px 25px 0;
		font-size: 10px;
		}
	#search input {
		width: 120px;
		color: white;
		background: none;
		border: none;
		padding: 0;
		}
	#search .inputbutton {
		float: left;
		padding: 22px 0 0 37px;
	}
	#search .gobutton {
		float: right;
		padding: 18px 6px 0 0;
	}


/* leftside page content (includes main naveigation)
==============================================================================*/

#leftside {
	float: left;
	width: 235px;
	padding: 0;
	margin: 0;
	}
	#leftside  br { 	/* removes the embedded br in page index element */
		display: none;
		}

/* leftside page content (includes main naveigation)
==============================================================================*/

#About2 {
	display: none;
	overflow: hidden;
	}
.ypnav, #CS_Element_About2 { /* name taken from commonspot generated style in template */
	position: relative;
	list-style: none;
	}
#CS_Element_About2 a {
	display: block;
	}
.ypnav ul {
	clear: left;
	}
.ypnav li, #CS_Element_About2 li {
	padding: 0;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
	li.Home{
		background: url(../images/nav/home.gif) no-repeat;
		}
	li.AboutOn{
		background: url(../images/nav/about_01.gif) no-repeat;
		}
	li.AboutOff{
		background: url(../images/nav/about_02.gif) no-repeat;
		}
	li.JobsOn{
		background: url(../images/nav/jobs_01.gif) no-repeat;
		}
	li.JobsOff{
		background: url(../images/nav/jobs_02.gif) no-repeat;
		}
	li.CareersOn{
		background: url(../images/nav/careers_01.gif) no-repeat;
		}
	li.CareersOff{
		background: url(../images/nav/careers_02.gif) no-repeat;
		}
	li.VirtualCareersOn{
		background: url(../images/nav/virtualcareers_01.gif) no-repeat;
		}
	li.VirtualCareersOff{
		background: url(../images/nav/virtualcareers_02.gif) no-repeat;
		}
	li.LearningOn{
		background: url(../images/nav/learning_01.gif) no-repeat;
		}
	li.LearningOff{
		background: url(../images/nav/learning_02.gif) no-repeat;
		}
	li.WorkingOn{
		background: url(../images/nav/working_01.gif) no-repeat;
		}
	li.WorkingOff{
		background: url(../images/nav/working_02.gif) no-repeat;
		}
	li.LivingOn{
		background: url(../images/nav/living_01.gif) no-repeat;
		}
	li.LivingOff{
		background: url(../images/nav/living_02.gif) no-repeat;
		}
	li.NewsOn{
		background: url(../images/nav/news_01.gif) no-repeat;
		}
	li.NewsOff{
		background: url(../images/nav/news_02.gif) no-repeat;
		}
	li.EventsOn{
		background: url(../images/nav/events_01.gif) no-repeat;
		}
	li.EventsOff{
		background: url(../images/nav/events_02.gif) no-repeat;
		}
	li.ContactOn{
		background: url(../images/nav/contact_01.gif) no-repeat;
		}
	li.ContactOff{
		background: url(../images/nav/contact_02.gif) no-repeat;
		}
	li.InvolvedOn{
		background: url(../images/nav/get_involved_01.gif) no-repeat;
		}
	li.InvolvedOff{
		background: url(../images/nav/get_involved_02.gif) no-repeat;
		}
	li.LinksOn{
		background: url(../images/nav/links_01.gif) no-repeat;
		}
	li.LinksOff{
		background: url(../images/nav/links_02.gif) no-repeat;
		}

/* added for registration */
	
	li.navRegister{
		background: url(../images/nav/register.gif) no-repeat;
		float: left;
		margin-left: 5px;
		}
	li.navLogin{
		background: url(../images/nav/login.gif) no-repeat;
		float: left;
		}
	li.navProfileOn{
		background: url(../images/nav/profile_01.gif) no-repeat;
		}
	li.navProfileOff{
		background: url(../images/nav/profile_01.gif) no-repeat;
		}
	li.navVacanciesOn{
		background: url(../images/nav/vacancies_01.gif) no-repeat;
		}
	li.navVacanciesOff{
		background: url(../images/nav/vacancies_01.gif) no-repeat;
		}
	li.navAdminOn{
		background: url(../images/nav/admin_01.gif) no-repeat;
		}
	li.navAdminOff{
		background: url(../images/nav/admin_02.gif) no-repeat;
		}

.ypnav li.navRegister a, #CS_Element_About2 li.navRegister a,
.ypnav li.navLogin a, #CS_Element_About2 li.navLogin a {
	display: block;
	line-height: 40px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top;
	}
	#navRegister, #navLogin {
		width: 115px;
		height: 40px;
		}
	#navRegister{
		background: url(../images/nav/register.gif) no-repeat;
		}
	#navLogin{
		background: url(../images/nav/login.gif) no-repeat;
		}
	#navProfileOn{
		background: url(../images/nav/profile_01.gif) no-repeat;
		}
	#navProfileOff{
		background: url(../images/nav/profile_02.gif) no-repeat;
		}
	#navVacanciesOn{
		background: url(../images/nav/vacancies_01.gif) no-repeat;
		}
	#navVacanciesOff{
		background: url(../images/nav/vacancies_02.gif) no-repeat;
		}
	#navAdminOn{
		background: url(../images/nav/admin_01.gif) no-repeat;
		}
	#navAdminOff{
		background: url(../images/nav/admin_02.gif) no-repeat;
		}

.ypnav li a, #CS_Element_About2 li a {
	display: block;
	line-height: 45px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top;
	}
	#navHomeOn, #navAboutOn, #navAboutOff, #navJobsOn, #navJobsOff, #navCareersOn, #navCareersOff, #navVirtualCareersOn, #navVirtualCareersOff, #navLearningOn,
	#navLearningOff, #navWorkingOn, #navWorkingOff, #navLivingOn, #navLivingOff, #navNewsOn, #navNewsOff, #navEventsOn, 
	#navEventsOff, #navContactOn, #navContactOff, #navInvolvedOn, #navInvolvedOff, #navLinksOn, #navLinksOff {
		width: 235px;
		height: 45px;
		}
	#navHomeOn{
		background: url(../images/nav/home.gif) no-repeat;
		}
	#navAboutOn{
		background: url(../images/nav/about_01.gif) no-repeat;
		}
	#navAboutOff{
		background: url(../images/nav/about_02.gif) no-repeat;
		}
	#navJobsOn{
		background: url(../images/nav/jobs_01.gif) no-repeat;
		}
	#navJobsOff{
		background: url(../images/nav/jobs_02.gif) no-repeat;
		}
	#navCareersOn{
		background: url(../images/nav/careers_01.gif) no-repeat;
		}
	#navCareersOff{
		background: url(../images/nav/careers_02.gif) no-repeat;
		}
	#navVirtualCareersOn{
		background: url(../images/nav/virtualcareers_01.gif) no-repeat;
		}
	#navVirtualCareersOff{
		background: url(../images/nav/virtualcareers_02.gif) no-repeat;
		}
	#navLearningOn{
		background: url(../images/nav/learning_01.gif) no-repeat;
		}
	#navLearningOff{
		background: url(../images/nav/learning_02.gif) no-repeat;
		}
	#navWorkingOn{
		background: url(../images/nav/working_01.gif) no-repeat;
		}
	#navWorkingOff{
		background: url(../images/nav/working_02.gif) no-repeat;
		}
	#navLivingOn{
		background: url(../images/nav/living_01.gif) no-repeat;
		}	
	#navLivingOff{
		background: url(../images/nav/living_02.gif) no-repeat;
		}
	#navNewsOn{
		background: url(../images/nav/news_01.gif) no-repeat;
		}
	#navNewsOff{
		background: url(../images/nav/news_02.gif) no-repeat;
		}
	#navEventsOn{
		background: url(../images/nav/events_01.gif) no-repeat;
		}
	#navEventsOff{
		background: url(../images/nav/events_02.gif) no-repeat;
		}
	#navContactOn{
		background: url(../images/nav/contact_01.gif) no-repeat;
		}
	#navContactOff{
		background: url(../images/nav/contact_02.gif) no-repeat;
		}
	#navInvolvedOn{
		background: url(../images/nav/get_involved_01.gif) no-repeat;
		}
	#navInvolvedOff{
		background: url(../images/nav/get_involved_02.gif) no-repeat;
		}
	#navLinksOn{
		background: url(../images/nav/links_01.gif) no-repeat;
		}
	#navLinksOff{
		background: url(../images/nav/links_02.gif) no-repeat;
		}

.ypnav li a:hover, #CS_Element_About2 li a:hover {
	background-position: 0 -45px;
	}

.ypnav li.navRegister a:hover, #CS_Element_About2 li.navRegister a:hover,
.ypnav li.navLogin a:hover, #CS_Element_About2 li.navLogin a:hover {
	background-position: 0 -40px;
	}
	
	#navProfileOn, #navProfileOff, #navVacanciesOn, #navVacanciesOff, #navAdminOn, #navAdminOff {
		width: 235px;
		height: 45px;
		}

/* 2nd level navigation
==============================================================================*/

.showAbout, .showJobs, .showCareers, .showLearning, .showWorking, .showLiving, .showNews, 
.showEvents, .showContact, .showInvolved, .showLinks, .showProfile, .showVacancies, .showAdmin, .showVirtualCareers  {
	width: 235px;
	padding: 0 0 10px 0;
	}
.showAbout2, .showJobs2, .showCareers2, .showLearning2, .showWorking2, .showLiving2, .showNews2, 
.showEvents2, .showContact2, .showInvolved2, .showLinks2, .showProfile2, .showVacancies2, .showAdmin2, .showVirtualCareers2  {
	width: 235px;
	overflow: hidden;
	}
.showAbout .CS_PgIndex_Item a, .showAbout .CS_PgIndex_Item_Alternate a, .showAbout2 a,
.showJobs .CS_PgIndex_Item a, .showJobs .CS_PgIndex_Item_Alternate a, .showJobs2 .backlink a, 
.showCareers .CS_PgIndex_Item a, .showCareers .CS_PgIndex_Item_Alternate a, .showCareers2 .backlink a, 
.showVirtualCareers .CS_PgIndex_Item a, .showVirtualCareers .CS_PgIndex_Item_Alternate a, .showVirtualCareers2 .backlink a, 
.showLearning .CS_PgIndex_Item a, .showLearning .CS_PgIndex_Item_Alternate a, .showLearning2 .backlink a, 
.showWorking .CS_PgIndex_Item a, .showWorking .CS_PgIndex_Item_Alternate a, .showWorking2 .backlink a, 
.showLiving .CS_PgIndex_Item a, .showLiving .CS_PgIndex_Item_Alternate a, .showLiving2 .backlink a, 
.showNews .CS_PgIndex_Item a, .showNews .CS_PgIndex_Item_Alternate a, .showNews2 .backlink a, 
.showEvents .CS_PgIndex_Item a, .showEvents .CS_PgIndex_Item_Alternate a, .showEvents2 .backlink a, 
.showContact .CS_PgIndex_Item a, .showContact .CS_PgIndex_Item_Alternate a, .showContact2 .backlink a, 
.showInvolved .CS_PgIndex_Item a, .showInvolved .CS_PgIndex_Item_Alternate a, .showInvolved2 .backlink a, 
.showLinks .CS_PgIndex_Item a, .showLinks .CS_PgIndex_Item_Alternate a, .showLinks2 .backlink a, 
.showProfile .CS_PgIndex_Item a, .showProfile .CS_PgIndex_Item_Alternate a, .showProfile2 a,
.showAdmin .CS_PgIndex_Item a, .showAdmin .CS_PgIndex_Item_Alternate a, .showAdmin2 a,
.showVacancies .CS_PgIndex_Item a, .showVacancies .CS_PgIndex_Item_Alternate a, .showVacancies2 a
	{
	display: block;
	padding: 2px 0;
	color: white;	
	width: 210px;
	margin: 0 0 2px 15px;
	}
	
.showAbout {
	background: url(../images/nav/about_03.gif) bottom ;
	}
.showAbout .CS_PgIndex_Item a, .showAbout .CS_PgIndex_Item_Alternate a {
	background: #CEBB1B url(../images/nav/about_04.gif) bottom right no-repeat;
	}
.showAbout .CS_PgIndex_Item a:hover, .showAbout .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #CEBB1B url(../images/nav/about_05.gif) bottom right no-repeat;
	}
.showAbout2 {
	background: url(../images/nav/about_03.gif) top;
	}
.showAbout2 a {
	background: #E5CE0C url(../images/nav/about_06.gif) bottom right no-repeat;
	}
.showAbout2 a:hover{
	color: white;
	background: #E5CE0C url(../images/nav/about_07.gif) bottom right no-repeat;
	}
	
.showJobs {
	background: url(../images/nav/jobs_03.gif) bottom;
	}
.showJobs .CS_PgIndex_Item a, .showJobs .CS_PgIndex_Item_Alternate a {
	background: #C81818 url(../images/nav/jobs_04.gif) bottom right no-repeat;
	}
.showJobs .CS_PgIndex_Item a:hover, .showJobs .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #C81818 url(../images/nav/jobs_05.gif) bottom right no-repeat;
	}
.showJobs2 {
	background: url(../images/nav/jobs_03.gif) top;
	}
.showJobs2 .backlink a {
	background: #EA1111 url(../images/nav/jobs_06.gif) bottom right no-repeat;
	}
.showJobs2 .backlink a:hover{
	color: white;
	background: #EA1111 url(../images/nav/jobs_07.gif) bottom right no-repeat;
	}
	
.showCareers {
	background: url(../images/nav/careers_03.gif) bottom;
	}
.showCareers .CS_PgIndex_Item a, .showCareers .CS_PgIndex_Item_Alternate a{
	background: #C77E7E url(../images/nav/careers_04.gif) bottom right no-repeat;
	}
.showCareers .CS_PgIndex_Item a:hover, .showCareers .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #C77E7E url(../images/nav/careers_05.gif) bottom right no-repeat;
	}
	
.showCareers2 {
	background: url(../images/nav/careers_03.gif);
	}
.showCareers2 .backlink a {
	background: #DF8A8A url(../images/nav/careers_06.gif) bottom right no-repeat;
	}
.showCareers2 .backlink a:hover{
	color: white;
	background: #DF8A8A url(../images/nav/careers_07.gif) bottom right no-repeat;
	}
	
.showVirtualCareers {
	background: url(../images/nav/virtualcareers_03.gif) bottom;
	}
.showVirtualCareers .CS_PgIndex_Item a, .showVirtualCareers .CS_PgIndex_Item_Alternate a{
	background: #01183c url(../images/nav/virtualcareers_04.gif) bottom right no-repeat;
	}
.showVirtualCareers .CS_PgIndex_Item a:hover, .showVirtualCareers .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #01183c url(../images/nav/virtualcareers_05.gif) bottom right no-repeat;
	}
	
.showVirtualCareers2 {
	background: url(../images/nav/virtualcareers_03.gif);
	}
.showVirtualCareers2 .backlink a {
	display: block;
	background: #033fa2 url(../images/nav/virtualcareers_06.gif) bottom right no-repeat;
	}
.showVirtualCareers2 .backlink a:hover{
	color: white;
	background: #033fa2 url(../images/nav/virtualcareers_07.gif) bottom right no-repeat;
	}

.showLearning {
	background: url(../images/nav/learning_03.gif) bottom;
}
.showLearning .CS_PgIndex_Item a, .showLearning .CS_PgIndex_Item_Alternate a{
	background: #10900C url(../images/nav/learning_04.gif) bottom right no-repeat;
	}
.showLearning .CS_PgIndex_Item a:hover, .showLearning .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #10900C url(../images/nav/learning_05.gif) bottom right no-repeat;
	}
	
.showLearning2 {
	background: url(../images/nav/learning_03.gif);
}
.showLearning2 .backlink a {
	background: #0DAF09 url(../images/nav/learning_06.gif) bottom right no-repeat;
	}
.showLearning2 .backlink a:hover{
	color: white;
	background: #0DAF09 url(../images/nav/learning_07.gif) bottom right no-repeat;
	}

.showWorking {
	background: url(../images/nav/working_03.gif) bottom;
}
.showWorking .CS_PgIndex_Item a, .showWorking .CS_PgIndex_Item_Alternate a{
	background: #AA4F9C url(../images/nav/working_04.gif) bottom right no-repeat;
	}
.showWorking .CS_PgIndex_Item a:hover, .showWorking .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #AA4F9C url(../images/nav/working_05.gif) bottom right no-repeat;
	}
	
.showWorking2 {
	background: url(../images/nav/working_03.gif);
}
.showWorking2 .backlink a{
	background: #C96CBB url(../images/nav/working_06.gif) bottom right no-repeat;
	}
.showWorking2 .backlink a:hover{
	color: white;
	background: #C96CBB url(../images/nav/working_07.gif) bottom right no-repeat;
	}
	
.showLiving {
	background: url(../images/nav/living_03.gif) bottom;
}
.showLiving .CS_PgIndex_Item a, .showLiving .CS_PgIndex_Item_Alternate a{
	background: #065D76 url(../images/nav/living_04.gif) bottom right no-repeat;
	}
.showLiving .CS_PgIndex_Item a:hover, .showLiving .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #065D76 url(../images/nav/living_05.gif) bottom right no-repeat;
	}
	
.showLiving2 {
	background: url(../images/nav/living_03.gif);
}
.showLiving2 .backlink a{
	display: block;
	background: #04799B url(../images/nav/living_06.gif) bottom right no-repeat;
	}
.showLiving2 .backlink a:hover{
	color: white;
	background: #04799B url(../images/nav/living_07.gif) bottom right no-repeat;
	}

.showNews {
	background: url(../images/nav/news_03.gif) bottom;
	}
.showNews .CS_PgIndex_Item a, .showNews .CS_PgIndex_Item_Alternate a{
	background: #7098B6 url(../images/nav/news_04.gif) bottom right no-repeat;
	}
.showNews .CS_PgIndex_Item a:hover, .showNews .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #7098B6 url(../images/nav/news_05.gif) bottom right no-repeat;
	}	
.showNews2 {
	background: url(../images/nav/news_03.gif);
	}
.showNews2 .backlink a{
	background: #88B6DA url(../images/nav/news_06.gif) bottom right no-repeat;
	}
.showNews2 .backlink a:hover{
	color: white;
	background: #88B6DA url(../images/nav/news_07.gif) bottom right no-repeat;
	}

.showEvents {
	background: url(../images/nav/events_03.gif) bottom;
	}
.showEvents .CS_PgIndex_Item a, .showEvents .CS_PgIndex_Item_Alternate a{
	background: #72088D url(../images/nav/events_04.gif) bottom right no-repeat;
	}
.showEvents .CS_PgIndex_Item a:hover, .showEvents .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #72088D url(../images/nav/events_05.gif) bottom right no-repeat;
	}	
.showEvents2 {
	background: url(../images/nav/events_03.gif);
	}
.showEvents2 .backlink a{
	background: #8C01AF url(../images/nav/events_06.gif) bottom right no-repeat;
	}
.showEvents2 .backlink a:hover{
	color: white;
	background: #8C01AF url(../images/nav/events_07.gif) bottom right no-repeat;
	}

.showContact {
	background: url(../images/nav/contact_03.gif) bottom;
	}
.showContact .CS_PgIndex_Item a, .showContact .CS_PgIndex_Item_Alternate a{
	background: #0D5709 url(../images/nav/contact_04.gif) bottom right no-repeat;
	}
.showContact .CS_PgIndex_Item a:hover, .showContact .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #0D5709 url(../images/nav/contact_05.gif) bottom right no-repeat;
	}	
.showContact2 {
	background: url(../images/nav/contact_03.gif);
	}
.showContact2 .backlink a{
	background: #0F7809 url(../images/nav/contact_06.gif) bottom right no-repeat;
	}
.showContact2 .backlink a:hover{
	color: white;
	background: #0F7809 url(../images/nav/contact_07.gif) bottom right no-repeat;
	}

.showInvolved {
	background: url(../images/nav/get_involved_03.gif) bottom;
	}
.showInvolved .CS_PgIndex_Item a, .showInvolved .CS_PgIndex_Item_Alternate a{
	background: #0440A3 url(../images/nav/get_involved_04.gif) bottom right no-repeat;
	}
.showInvolved .CS_PgIndex_Item a:hover, .showInvolved .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #0440A3 url(../images/nav/get_involved_05.gif) bottom right no-repeat;
	}
.showInvolved2 {
	background: url(../images/nav/get_involved_03.gif);
	}
.showInvolved2 .backlink a{
	background: #0251D4 url(../images/nav/get_involved_06.gif) bottom right no-repeat;
	}
.showInvolved2 .backlink a:hover{
	color: white;
	background: #0251D4 url(../images/nav/get_involved_07.gif) bottom right no-repeat;
	}

.showLinks {
	background: url(../images/nav/links_03.gif) bottom;
	}
.showLinks .CS_PgIndex_Item a, .showLinks .CS_PgIndex_Item_Alternate a{
	background: #9C8E5C url(../images/nav/links_04.gif) bottom right no-repeat;
	}
.showLinks .CS_PgIndex_Item a:hover, .showLinks .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #9C8E5C url(../images/nav/links_05.gif) bottom right no-repeat;
	}
.showLinks2 {
	background: url(../images/nav/links_03.gif);
	}
.showLinks2 .backlink a{
	background: #C2B072 url(../images/nav/links_06.gif) bottom right no-repeat;
	}
.showLinks2 .backlink a:hover{
	color: white;
	background: #C2B072 url(../images/nav/links_07.gif) bottom right no-repeat;
	}

.showProfile, .showAdmin {
	background: url(../images/nav/profile_03.gif) bottom ;
	}
.showProfile .CS_PgIndex_Item a, .showProfile .CS_PgIndex_Item_Alternate a, .showAdmin .CS_PgIndex_Item a, .showAdmin .CS_PgIndex_Item_Alternate a {
	background: #b27200 url(../images/nav/profile_04.gif) bottom right no-repeat;
	}
.showProfile .CS_PgIndex_Item a:hover, .showProfile .CS_PgIndex_Item_Alternate, .showAdmin .CS_PgIndex_Item a:hover, .showAdmin .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #b27200 url(../images/nav/profile_05.gif) bottom right no-repeat;
	}
.showProfile2, .showAdmin2 {
	background: url(../images/nav/profile_03.gif) top;
	}
.showProfile2 a, .showAdmin2 a {
	background: #e59200 url(../images/nav/profile_06.gif) bottom right no-repeat;
	}
.showProfile2 a:hover, .showAdmin2 a:hover{
	color: white;
	background: #e59200 url(../images/nav/profile_07.gif) bottom right no-repeat;
	}
	
.showVacancies {
	background: url(../images/nav/vacancies_03.gif) bottom ;
	}
.showVacancies .CS_PgIndex_Item a, .showVacancies .CS_PgIndex_Item_Alternate a {
	background: #470047 url(../images/nav/vacancies_04.gif) bottom right no-repeat;
	}
.showVacancies .CS_PgIndex_Item a:hover, .showVacancies .CS_PgIndex_Item_Alternate a:hover{
	color: white;
	background: #470047 url(../images/nav/vacancies_05.gif) bottom right no-repeat;
	}
.showVacancies2 {
	background: url(../images/nav/vacancies_03.gif) top;
	}
.showVacancies2 a {
	background: #5c005c url(../images/nav/vacancies_06.gif) bottom right no-repeat;
	}
.showVacancies2 a:hover{
	color: white;
	background: #5c005c url(../images/nav/vacancies_07.gif) bottom right no-repeat;
	}

/* main page content
==============================================================================*/

/* navigation for whats new
==============================================================================*/

#rating {
	position: relative;
	float: left;
	list-style: none;
	height: 60px;
	padding: 0;
	margin: 0;
	}
#rating li {
	float: left;
	padding: 0;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
li.Rating {
	background: url(../images/nav/rating_01.gif) no-repeat;
}
li.What {
	background: url(../images/nav/rating_02.gif) no-repeat;
}
li.RatingOn {
	background: url(../images/nav/rating_01.gif) no-repeat;
	background-position: 0 -120px;
}
li.WhatOn {
	background: url(../images/nav/rating_02.gif) no-repeat;
	background-position: 0 -120px;
}
li.WhatOnly {
	background: url(../images/nav/rating_03.gif) no-repeat;
	background-position: 0 0;
	line-height: 60px;
	width: 460px;
	text-indent: -5000px;
}
li.Internal {
	background: url(../images/nav/links_external_01.gif) no-repeat;
}
li.External {
	background: url(../images/nav/links_external_02.gif) no-repeat;
}
li.InternalOn {
	background: url(../images/nav/links_external_01.gif) no-repeat;
	background-position: 0 -120px;
}
li.ExternalOn {
	background: url(../images/nav/links_external_02.gif) no-repeat;
	background-position: 0 -120px;
}
#rating li a {
	display: block;
	line-height: 60px;
	text-indent: -5000px;
	overflow: hidden;
	background-position: center top; /* horizontally centers the background image */
	}
	#navRating {
		width: 230px;
		height: 60px;
		background: url(../images/nav/rating_01.gif) no-repeat;
		}
	#navWhat {
		width: 230px;
		height: 60px;
		background: url(../images/nav/rating_02.gif) no-repeat;
		}
	#navInternal {
		width: 230px;
		height: 60px;
		background: url(../images/nav/links_external_01.gif) no-repeat;
		}
	#navExternal {
		width: 230px;
		height: 60px;
		background: url(../images/nav/links_external_02.gif) no-repeat;
		}

#rating li a:hover {
	background-position: 0 -60px;
	}
#rating li a.active, #rating li a:hover.active {
	background-position: 0 -120px;
	}

/* home page content
==============================================================================*/

#maincontent {
	float: right;
	overflow: hidden;
	width: 690px;
	padding: 0;
	margin: 0 5px 0 0;
}

	#maincontent #maincontent {
		margin: 0;
		}

.welcome {
	padding: 0;
	margin: 0;
	height: 142px;
	overflow: hidden;
}

.white230_1 {
	width: 230px;
	padding: 10px 0 0 0;
	background: url(../images/style/standard/white230_01.gif);
}	
.white230_2 {
	width: 230px;
	padding: 0 0 10px 0;
	background: url(../images/style/standard/white230_02.gif) bottom;
}

.white460_1 {
	float: left;
	width: 460px;
	height: 12px;
	background: url(../images/style/standard/white460_01.gif);
}	
.white460_2 {
	float: left;
	width: 460px;
	padding: 0 0 10px 0;
	background: url(../images/style/standard/white460_02.gif) bottom;
}

.white695_1 {
	float: left;
	width: 695px;
	height: 12px;
	background: url(../images/style/standard/white695_01.gif);
}	
.white695_2 {
	float: left;
	width: 695px;
	padding: 0 0 10px 0;
	background: url(../images/style/standard/white695_02.gif) bottom;
}

.top695_1 {
	float: left;
	padding: 17px 0 0 0;
	width: 695px;
	background: url(../images/style/standard/top695_01.gif);
}	
.top695_2 {
	float: left;
	width: 695px;
	height: 12px;
	background: url(../images/style/standard/top695_02.gif) bottom;
}

.links695_1 {
	float: left;
	width: 695px;
	height: 50px;
	background: url(../images/style/standard/links695_01.gif);
}
.links695_1 h2 {
	padding: 13px 10px 0 10px;
}	
.links695_2 {
	float: left;
	width: 695px;
	padding: 0 0 10px 0;
	background: url(../images/style/standard/links695_02.gif) bottom;
}

.otherlinks {
	clear: both;
	margin-top: 10px;
	/*float: right;
	width: 345px;*/
}
.singlelink {
	display: block;
	width: 340px;
	float: left;
	margin: 0 0 10px 0;
	height: 115px;
}
.otherimage {
	float: right;
	padding: 10px 20px 10px 10px;
	background: url(../images/style/standard/80px_img.gif) no-repeat;
}
.pgindex {
	padding: 3px 10px;
}
.pgindex hr {
	display: none;
}
.quotatation {
	float: right;
	width: 300px;
	font-size: 120%;
	font-weight: 600;
	font-style: italic;
	padding: 10px;
}
.quotatation p {
	color: #0060FF;
}


/* advertising styles
==============================================================================*/
.rightads {
	float: right;
	width: 230px;
	padding: 0;
	margin: 0;
}

.advertblue {
	margin: 0;
	background: url(../images/adverts/ad_blue.gif) no-repeat;
	}
	.advertblue a,
	.advertblue a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_blue.gif) no-repeat;
		}
	.advertblue a:hover {
		display: block;
		width: 230px;
		height: 135px;
		}
.advertred {
	margin: 0;
	background: url(../images/adverts/ad_red.gif) no-repeat;
	}
	.advertred a,
	.advertred a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_red.gif) no-repeat;
		}
	.advertred a:hover {
		display: block;
		width: 230px;
		height: 135px;
		}
.advertlgreen {
	margin: 0;
	background: url(../images/adverts/ad_lgreen.gif) no-repeat;
	}
	.advertlgreen a,
	.advertlgreen a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_lgreen.gif) no-repeat;
		}
	.advertlgreen a:hover {
		display: block;
		width: 230px;
		height: 135px;
		}
.advertbubble {
	margin: 0;
	background: url(../images/adverts/ad_bubble.gif) no-repeat;
	}
	.advertbubble a,
	.advertbubble a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_bubble.gif) no-repeat;
		}
	.advertbubble a:hover {
		display: block;
		width: 230px;
		height: 135px;
		}
.advertpink {
	margin: 0;
	background: url(../images/adverts/ad_pink.gif) no-repeat;
	}
	.advertpink a,
	.advertpink a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_pink.gif) no-repeat;
		}
	.advertpink a:hover {
		display: block;
		width: 230px;
		height: 135px;
		}
.advertlblue {
	margin: 0;
	background: url(../images/adverts/ad_lblue.gif) no-repeat;
	}
	.advertlblue a,
	.advertlblue a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_lblue.gif) no-repeat;
		}
	.advertlblue a:hover {
		display: block;
		width: 230px;
		height: 135px;
		}
.advertorange {
	margin: 0;
	background: url(../images/adverts/ad_orange.gif) no-repeat;
	}
	.advertorange a,
	.advertorange a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_orange.gif) no-repeat;
		}
	.advertorange a:hover {
		display: block;
		width: 230px;
		height: 135px;
		}
.adimage {
	float: right;
	width: 115px;
	}
.rightads h2, .rightads h3, .horizonalAds h2, .horizonalAds h3 {
	padding: 13px 0 0 10px;
	color: white;
	font-size: 120%;
	margin: 0;
	}
	.rightads .white230_1 h2 {
		color: #0060FF;
		}
	
.rightads p, .horizonalAds p {
	font-size: 100%;
	font-weight: 300;
	color: white;
	padding: 3px 0 0 10px;
	margin: 0;
	}


/* page footer
==============================================================================*/

#footer {
	margin: 0;
	clear: both;
	border-top: 5px solid white;
	width: auto;
	text-align: left;
	height: 122px;
	background: white url(../images/style/yp/footer.gif) no-repeat;
}
#footer .cright {
	float: right;
	padding: 10px;
	width: 400px;
	text-align: right;
	}
#footer .cleft {
	padding: 10px;
	float: left;
	}

#footer p {
	padding: 3px 0;
	margin: 0;
	}
	

/* page rating system
==============================================================================*/

#rate {
	background: url(../images/rating/back.gif) no-repeat;
	width: 280px;
	height: 30px;
	float: right;
	clear: right;
}
#rated {
	float: right;
	clear: right;
	width: 400px;
	text-align: right;
	padding: 0 10px 0 0;
}
#rated p{
}
#rate p {
	float: left;
	margin: 2px 0 0 25px;
	padding: 0;
}
#rate span {
	float: right;
}

.rate1, .rate2, .rate3, .rate4, .rate5 {
	display: block;
	height: 20px;
	width: 100px;
	color: white;
	font-size: 1%;
	text-indent: -9000px;
}
.rate1 {
	background: url(../images/rating/1stars.gif) no-repeat;
}
.rate2 {
	background: url(../images/rating/2stars.gif) no-repeat;
}
.rate3 {
	background: url(../images/rating/3stars.gif) no-repeat;
}
.rate4 {
	background: url(../images/rating/4stars.gif) no-repeat;
}
.rate5 {
	background: url(../images/rating/5stars.gif) no-repeat;
}


/* CV Builder section within Virtual Careers Guidance
==============================================================================*/

.vcGeneralDataEntry, .cv, .cvDataEntry {
	margin:10px 20px 10px 15px;
	}
	.vcGeneralDataEntry fieldset, .cvDataEntry fieldset {
		margin-top:10px;
		}
		.vcGeneralDataEntry fieldset.multiple div, .cvDataEntry fieldset.multiple div{
			float:left;
			padding-right:10px;
			}
			.vcGeneralDataEntry fieldset.multiple div input, .cvDataEntry fieldset.multiple div input{
			width:auto;
			}
			.vcGeneralDataEntry fieldset.multiple div span, .cvDataEntry fieldset.multiple div span{
			float:left;
			padding-right:10px;
			}
		.vcGeneralDataEntry input, .vcGeneralDataEntry textarea, .cvDataEntry input, .cvDataEntry textarea, .vcGeneralDataEntry .multiple .vlong {
			font-family:arial, sans-serif;
			font-size:90%;
			width:400px;
			float:left;
			}
			.maximum {
			font-family:arial, sans-serif;
			font-size:90%;
			width:400px;
			}
			.vcGeneralDataEntry .long, .cvDataEntry .long {
				width:230px;
				}
			 .vcGeneralDataEntry textarea, .cvDataEntry textarea {
				height:100px;
				float:left;
				}
			 .vcGeneralDataEntry textarea.fullon{
				height:40.0em;
				}
			.vcGeneralDataEntry .actions input, .cvDataEntry .actions input {
				width:150px;
				margin-right:10px;
				}
	.cv table {
		margin: 5px 10px;
		}	
	.vcGeneralDataEntry table, .cvDataEntry table {
		margin: 5px 0;
		}	
		.vcGeneralDataEntry table td, .cvDataEntry table td{
			padding: 4px 0;
			}
		.vcGeneralDataEntry table input, vcGeneralDataEntry table textarea, .cvDataEntry table input, cvDataEntry table textarea{
			width:230px;
			}
	.cv h2, .cvDataEntry h2{
		margin-left:250px;
		margin-bottom:20px;
		color:#000000;
		}
	.cv h3, .cvDataEntry h3 {
		color:#000000;
		}
	.cv h4, .cvDataEntry h4 {
		color:#000000;
		margin-left:10px;
		margin-top:8px;
		}
	.vcGeneralDataEntry, .cvDataEntry h4 {
		margin-left:0;
		}
	.cv ul, .cvDataEntry ul {
		margin-left:40px;
		}
		.cv ul li, .cvDataEntry ul li {
			background:none;
			list-style:disc;
			padding:0 0 2px 0;
			}
	.printCV {
		width: 115px;
		height: 40px;
		float:right;
		margin-right:20px;
		}
		.printCV a {
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			margin: 0;
			height:40px;
			width:115px;
			background: url("../images/style/yp/printCV.gif") center top no-repeat;
			}
			.printCV a:hover {
				background-position: 0 -40px;
				}
	.printLetter {
		width: 115px;
		height: 40px;
		float:right;
		margin-right:20px;
		}
		.printLetter a{
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			margin: 0;
			height:40px;
			width:115px;
			background: url("../images/style/yp/printLetter.gif") center top no-repeat;
			}
			.printLetter a:hover {
				background-position: 0 -40px;
				}


/* Letters section within Virtual Careers Guidance
==============================================================================*/
.rightContent {
	float:right;
	clear:both;
	padding-right:20px;
	}
.leftContent {
	float:left;
	clear:both;
	padding:0 20px 0 10px;
	}
	.leftContent p {
		padding-bottom:14px;
		}

/* Virtual Careers Guidance - Calendar popup
==============================================================================*/

.dateSelector {
	height: 16px;
	width: 15px;
	list-style: none;
	margin: 0;
	padding: 0;
	float:left;
	}
.dateSelector li {
	float: left;
	height: 16px;
	background: none;
	padding: 0;
	margin: 0;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	}
.dateSelector li a {
	display: block;
	line-height: 16px;
	text-indent: -5000px;
	overflow: hidden;
	width: 15px;
	background: url("../images/imagery/small-calendar.gif") no-repeat;
	background-position: center top; /* horizontally centers the background image */
	}

/* Alert classes
==============================================================================*/

.infoText {
	background: url('../images/imagery/information.gif') 0 0 no-repeat;
	float:left;	
	width: 16px;
	line-height:16px;
	cursor: pointer;
	text-indent:-5000px;
	padding:0;
	margin:0 0 0 5px;
	}
	
#overDiv table {
	border:1px solid #FF8000;	
}
#overDiv ul {
	margin-left:16px;
}
#overDiv li {
	background:none;
	list-style:disc;
	padding-left:0;
}
#overDiv table td table td{
	padding:2px;	
}

/* Drag & Drop
==============================================================================*/
.drag { 
    background: #CADDDE url(../images/icon_draggable_dark.png) no-repeat 2px 4px; 
    color: #fff; 
    font-size: 12px; 
    font-weight: bold; 
    line-height: 24px; 
    margin: 0; 
    padding-left: 24px;
	cursor:move;
	padding-bottom: 20px;
}
.drag img {
	cursor: pointer;
	float:right;
	margin-right: 10px;
}
#dragarea li {
	background: none;
	padding: 0;
}
.drag * {
	cursor:move;
}

/* Data Sheet CSV Export
==============================================================================*/

.CS_DataSheet_Export_Link {
	margin-bottom: 20px;
	display: block;
	}
	
.CS_DataSheet_Table {}
	.CS_DataSheet_Table tr {
		padding: 5px 0;
		}
	.CS_DataSheet_Table td {
		padding-right: 10px;
		}
	.CS_DataSheet_Data_Row_Alternate {
		background: #efefef;
		}