/* Adults Section 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/workforce/maincontent.gif) no-repeat;
	}


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

#breadarea {
	position: relative;
	width: 930px;
	height: 40px;
	background: url(../images/style/workforce/bread.gif) no-repeat;
}
#breadarea hr {
	display: none;
}
#breadcrumb {
	padding: 12px 0 0 20px;
	color: white;
	}
	#breadcrumb a {
		text-decoration: none;
		padding: 0;
		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/workforce_email_02.gif) no-repeat;
	}
#text {
	background: url(../images/nav/workforce_text.gif) no-repeat;
	}
#print {
	padding: 0 5px 0 0;
	background: url(../images/nav/workforce_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/workforce_email_02.gif) no-repeat;
	}
#print a {
	background: url(../images/nav/workforce_print_02.gif) no-repeat;
	}
#text a {
	background: url(../images/nav/workforce_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/workforce/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)
==============================================================================*/

/* CS_Element_PageIndex = <ul> */
/* CS_PgIndex_Item = <li> */
/* CS_PgIndex_Item_Alternate = <li> */

#adultsleft {
	display: none;
	overflow: hidden;
	}
.adultsnav, #CS_Element_navigation { /* name taken from commonspot generated style in template */
	position: relative;
	list-style: none;
	background: url('../images/nav/nav_back_250_green.gif') bottom no-repeat;
	}
	
* html .adultsnav, #CS_Element_navigation {
	height: 1%;
	}
	
#CS_Element_navigation a {
	display: block;
	}
	
.adultsnav ul, #CS_Element_navigation ul, .adultsnav .CS_Element_PageIndex, #CS_Element_navigation .CS_Element_PageIndex {
	padding: 8px 0 10px 18px;
	background: url('../images/nav/nav_top_green.gif') top no-repeat;
	border: 0px solid red;
	}
	
* html .adultsnav ul, #CS_Element_navigation ul, .adultsnav .CS_Element_PageIndex, #CS_Element_navigation .CS_Element_PageIndex {
	height: 1%;
	}

.adultsnav li, #CS_Element_navigation li,
.adultsnav .CS_PgIndex_Item, #CS_Element_navigation .CS_PgIndex_Item, 
.adultsnav .CS_PgIndex_Item_Alternate, #CS_Element_navigation .CS_PgIndex_Item_Alternate {
	padding: 0;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	background: none;/
	margin: 0;
	width: 206px;
	}
	
.adultsnav li a, #CS_Element_navigation li a,
.adultsnav .CS_PgIndex_Item a, #CS_Element_navigation .CS_PgIndex_Item a,
.adultsnav .CS_PgIndex_Item_Alternate a, #CS_Element_navigation .CS_PgIndex_Item_Alternate a {
	display: block;
	line-height: 21px;
	border-bottom: 1px solid #66e066;
	background-image: url('../images/nav/nav_5.gif');
	background-position: left top;
	background-repeat: no-repeat;
	width: 206px;
	color: white;
	}
	
.adultsnav li a:hover, #CS_Element_navigation li a:hover,
.adultsnav .CS_PgIndex_Item a:hover, #CS_Element_navigation .CS_PgIndex_Item a:hover, 
.adultsnav .CS_PgIndex_Item_Alternate a:hover, #CS_Element_navigation .CS_PgIndex_Item_Alternate a:hover{
	background-position: -206px 0;
	}
	
.adultsnav .CS_PgIndex_NoRecords {
	color: white;
	line-height: 21px;
	padding: 0;
	margin: 0;
	}

#navhome, #CP_JUMP_7653 {
	display: none;
	overflow: hidden;
	}
	
.navhome, .navcontact {
	padding: 0;
	margin: 0;
	}	
	
.navhome ul, .navcontact ul {
	padding: 0 0 0 5px;
	margin: 0 auto;
	background: url('../images/nav/home_nav_back_green.gif') top no-repeat;
	}
	
.navcontact ul {
	background: none;
	}

.navhome .CS_Textblock_Text, .navcontact .CS_Textblock_Text {
	overflow: hidden;
	}
	
* html .navhome .CS_Textblock_Text, * html .navcontact .CS_Textblock_Text {
	height: 1%;
	}
	
.navhome li, .navcontact li {
	height: 45px;
	width: 230px;
	margin: 0;
	padding: 0;
	background: url('../images/nav/home_nav_green.gif') top no-repeat;
	text-indent: -5000px;
	}
	
.navcontact li {background: url('../images/nav/contact_10.gif') top no-repeat;}
	
	.navhome li a, .navcontact li a {
		display: block;
		overflow: hidden;
		height: 45px;
		width: 230px;
		padding: 0;
		margin: 0;
		background: url('../images/nav/home_nav_green.gif') top no-repeat;
		}
		
	.navcontact li a {background: url('../images/nav/contact_10.gif') top no-repeat;}
	
	.navhome li a:hover, .navcontact li a:hover {
		background-position: 0 -45px;
		}
		


	
.adicons { /* name taken from commonspot generated style in template */
	position: relative;
	list-style: none;
	}

.adicons ul {
	margin: 0;
	margin-bottom: 10px;
	padding: 0;
	}
		
.adicons li {
	padding: 0;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size */
	background: none;
	margin: 0;
	display: block;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -5000px;
	width: 235px;
	height: 120px;
	color: white;
	}
	
	li.icon01 {background-image: url('../images/adverts/icon01.jpg');}
	li.icon02 {background-image: url('../images/adverts/icon02.jpg');}
	li.icon03 {background-image: url('../images/adverts/icon03.jpg');}
	li.icon04 {background-image: url('../images/adverts/icon04.jpg');}
	
	
.adicons li a {
	display: block;
	overflow: hidden;
	background-position: left top;
	background-repeat: no-repeat;
	width: 235px;
	padding: 0;
	margin: 0;
	height: 120px;
	color: white;
	}
	
	.icon01 {background-image: url('../images/adverts/icon01.jpg');}
	.icon02 {background-image: url('../images/adverts/icon02.jpg');}
	.icon03 {background-image: url('../images/adverts/icon03.jpg');}
	.icon04 {background-image: url('../images/adverts/icon05.jpg');}
	
.adicons li a:hover {
	background-position: 0 -120px;
	}


/* 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.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 ul {
	margin-right: 10px;
	}



.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;
	margin: 0;
	width: 695px;
	background: url(../images/style/standard/top695_07.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;
}
.singlelink {
	display: block;
	width: 340px;
	float: left;
	margin: 0 0 10px 0;
}
.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;
}



/* FAQ Listing styles
==============================================================================*/

#faqlist {
	display: none;
	overflow: hidden;
	}
.faqlist { /* name taken from commonspot generated style in template */
	position: relative;
	list-style: none;
	background: none;
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 15px;
	}

/*	
.faqlist ul {
	background: none;
	margin-left: 10px;
	margin-top: 15px;
	padding: 0;
	height: 21px;
	}

.faqlist li {
	padding: 0;
	overflow: hidden; /* if text-resize, this'll keep the nav the same size *//*
	margin: 0;
	width: 670px;
	background: none;
	}
	
.faqlist li a {
	display: block;
	overflow: hidden;
	line-height: 21px;
	background-image: url('../images/style/adults/faq_links_01.gif');
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #67c4e8;
	width: 670px;
	color: white;
	margin: 0;
	padding: 0;
	text-indent: 5px;
	}
	
.faqlist li a:hover {
	background-image: url('../images/style/adults/faq_links_02.gif');
	background-color: #ee44fd;
	}*/
	
.faqlist h2 {
	display: block;
	overflow: hidden;
	background-image: url('../images/style/adults/faq_links_01.gif');
	background-position: right top;
	background-repeat: no-repeat;
	background-color: #67c4e8;
	/*width: 650px;*/
	color: white;
	font-size: 120%;
	margin-top: 5px;
	margin-bottom: 5px;
	}

/* 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;
		}
.advertgreen {
	margin: 0;
	background: url(../images/adverts/ad_lgreen.gif) no-repeat;
	}
	.advertgreen a,
	.advertgreen a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_green.gif) no-repeat;
		}
	.advertgreen 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;
		}
.advertworkforce {
	margin: 0;
	background: url(../images/adverts/ad_workforce.gif) no-repeat;
	}
	.advertworkforce a,
	.advertworkforce a:visited {
		display: block;
		overflow: hidden;
		width: 230px;
		height: 135px;
		background: url(../images/adverts/ad_workforce.gif) no-repeat;
		}
	.advertworkforce 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 {
	padding: 13px 0 0 10px;
	color: white;
	font-size: 120%;
	margin: 0;
}
.white230_1 h2 {
	color: #019dd8;
}
.rightads 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: center;
	height: 122px;
	background: white url(../images/style/adults/footer.gif) no-repeat;
}
#footer .cright {
	float: right;
	padding: 10px;
	width: 400px;
	text-align: right;
	}
#footer .cleft {
	padding: 10px;
	float: left;
	text-align: left;
	clear: both;
	}

#footer p {
	padding: 3px 0;
	margin: 0;
	}
	
	.accreditations {
		clear: both;
		margin: 5px auto;
		border: 0px solid red;
		height: 60px;
		}
		
	.accreditations ul {
		margin: 0 auto;
		padding: 0;
		width: 840px;
		background: none;
		}
		
		.accreditations li {
			display: block;
			overflow: hidden;
			margin: 0;
			padding: 0;
			float: left;
			width: 120px;
			height: 60px;
			text-indent: -5000px;
			background-position: top center;
			}
			
			.acc01 {background: url(../images/adverts/acc_01.gif) no-repeat;}
			.acc02 {background: url(../images/adverts/acc_02.gif) no-repeat;}
			.acc03 {background: url(../images/adverts/acc_03.gif) no-repeat;}
			.acc04 {background: url(../images/adverts/acc_04.gif) no-repeat;}
			.acc05 {background: url(../images/adverts/acc_05.gif) no-repeat;}
			.acc06 {background: url(../images/adverts/acc_06.gif) no-repeat;}
			.acc07 {background: url(../images/adverts/acc_07.gif) no-repeat;}

/* 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;
}