@charset "utf-8";

/*COMMON STYLESHEET for People1st Diploma Sites ---------------------------- */

/* AUTHOR:	Chris Wilsdon (Naked Group)
/* DATE:		September 2008

/* COMMON.CSS :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/*RESET______________________________________________________________________*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,legend,input,
textarea,p,blockquote,th,td {
	margin:0; padding:0; 
	}
	
fieldset, img, abbr,acronym {
	border:0;
	}
	
ul,ol {
	list-style-type:none;
	}
	
table {
	border-collapse:collapse;
	border-spacing:0;
	}
	
caption, th {
	text-align:left;
	}


/*CONFIGURATION______________________________________________________________*/
h1, h2, h3, h4, h5, h6 {
	margin-bottom:0.5em;
	font-weight:normal;
	}
	
h2 {
	font-size:1.5em;
	margin-top:10px;
	}
	
.text h2{
	margin-top:0px;
	}
	
#content h2 {
	width: 100%;
	display:block;
	}
	
h3, h4 {
	margin-top:.8em;
	}
	
h4 {
	font-size:1.15em;
	font-weight:bold;
	}
	
h4+h3 {
	margin-top:2em;
	}
	
/*.columnWideLeft+h3 {
	padding-top:0!important;
	margin-top:0!important;
	}*/
	
p {
	padding-bottom:1.0em;
	line-height:1.5em;
	}
	
a, a:active {
	text-decoration:none;
	outline:none;
	font-weight:normal;
	}
	
#content a,#footer a {
	text-decoration:none;
	}
	
#content a:hover, #footer a:hover {
	text-decoration:underline;
	}
	
div.clear {
	clear:both; font-size:0;
	}


/*PAGE SETUP_________________________________________________________________*/
body {
	background-repeat:repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.75em;
	}
	
#header {
	position:relative;
	width:985px;
	height:78px;
	z-index:500;
	}
	
#wrapper {
	background:bottom left no-repeat;
	width:985px;
	padding:8px 0 11px;
	}
	
html > body #header, html > body #wrapper {
	width:auto;
	min-width:990px;
	}

#sidebar {
	float:left;
	width:204px;
	margin-right:8px;
	}
	
#content {
	float:left;
	width:765px;
	min-height:400px;
	}
	
*html #content {
	height:400px;
	}


/*HEADER_____________________________________________________________________*/
h1 {
	position:absolute;
	top:0;
	left:0;
	}
	
h1 a {
	background-repeat:no-repeat;
	display:block;
	width:212px;
	height:0;
	padding-top:78px;
	overflow:hidden;
	}
	
/*---------------------------------------------------------------------------*/

#kwicks {
	position:absolute;
	top:19px;
	left:212px;
	width:785px;
	}
	
#kwicks .kwick {
	background-position:right top;
	background-repeat:no-repeat;
	float:left;
	display:block;
	width:125px;
	height:38px;
	padding-right:1px;
	}
	
#kwicks .kwick a, #kwicks .kwick a:active {
	background-repeat:repeat-x;
	display:block;
	height:25px;
	padding-top:13px;
	text-align:center;
	font-weight:normal;
	}

	
#kwicks .kwick a:hover {
	text-decoration:none;
	}
	
/*---------------------------------------------------------------------------*/

.sash {
	position:absolute;
	top:78px;
	right:0;
	background-repeat:no-repeat;
	display:block;
	width:276px;
	height:0;
	padding-top:60px;
	overflow:hidden;
	}


/*SIDEBAR____________________________________________________________________*/

ul.menu {
	width:204px;
	padding:1.5em 0 2.0em;
	margin-bottom:8px;
	}
	
ul.menu li {
	display:block;
	padding-top:8px;
	}
	
ul.menu li a, ul.menu li a:active {
	display:block;
	width:166px;
	padding:0.2em 12px;
	border-left:8px solid;
	font-weight:normal;
	}
	
ul.menu ul li a {
	padding:0.2em 12px 0.2em 24px!important;
	width:154px!important;
	}
	
ul.menu li a:hover {
	text-decoration:none;
	}
	
/*---------------------------------------------------------------------------*/

dl.shortNews {
	padding:20px;
	margin-bottom:8px;
	}
	
dl.shortNews dt, dl.shortNews dd {
	padding-bottom:0.8em;
	}
	
dl.shortNews dd span {
	display:block;
	}


/*CONTENT____________________________________________________________________*/
/*#imageFullWidth {
	padding:8px;
	padding-bottom:20px;
	}
	
.columnLeft {
	float:left;
	width:512px;
	text-align:justify;
	}
	
.columnRight {
	float:left;
	width:235px;
	margin-left:8px;
	}
	
.column1 {
	float:left;
	width:312px;
	padding:8px;
	}
	
.column2 {
	float:left;
	width:312px;
	padding:8px;
	}
	
.column3 {
	float:right;
	width:125px;
	}
	*/
/*.columnLeftWide {
	width:501px;
	padding:8px;
	float:left;
	}*/
/*	
.columnRightWide {
	width:240px;
	float:right;
	padding:8px 0px;
	}
	*/
#content ul, #content ol {
	list-style:outside;
	margin-left:15px;
	line-height:1.5em;
	margin-bottom:1.5em!important;
	}
	
#content li {
	list-style:outside;
	list-style-type:disc;
	}
#content ol li {
	list-style-type:decimal;
}	
#content li strong {
	padding-top:1.5em!important;
	display:inline-block;
	}
	
#content li:first-child strong {
	padding-top:0!important;
	}

/*---------------------------------------------------------------------------*/

.box {
	padding: 8px 20px 8px 8px;
	margin-bottom:8px;
	}
	
.pale img+p {
	padding:10px; /* caption */
	}

.movie {
	margin-bottom:8px;
	}

/*---------------------------------------------------------------------------*/
#accordion {
	float:left;
	/*width:200px;*/
	margin-top:8px;
	padding-right:10px;
	}

h3.toggler {
	cursor:pointer;
	font-size:1.1em;
	margin:0;
	padding:10px 20px;
	}
	
div.element {
	border-bottom:1px solid #838B8B;
	padding:20px;
	}
	
.homepageFixedHeight {
	margin-top:8px;
	}

.columnLeft .homepageFixedHeight h2{
	padding-top:16px;
	height:39px;
	}
	
.element p {
	padding-top:8px;
	}
	
.homepageVideoHeight {
	height:284px;
	overflow:hidden;
	}
	
/*---------------------------------------------------------------------------*/

/*FOOTER_____________________________________________________________________*/

#footer {
	width:965px;
	padding:23px 0px 23px 20px;
	}

#footer li {
	padding-right:0px;
	margin-right:0px;
	}
	
#footer a, #footer a:active {
	font-weight:normal;
	}
	
/*---------------------------------------------------------------------------*/
	
#supporters, #supporters li {
	float:left;
	}
	
#supporters li a {
	background-repeat:no-repeat;
	display:block;
	height:0;
	overflow:hidden;
	padding-right:20px;
	}
	
#supporters li#people1st a {
	background-image:url(../../../images/layout/logo-people1st.gif);
	width:89px;
	padding-top:23px;
	}
	
#supporters li#goskills a {
	background-image:url(../../../images/layout/logo-goskills.gif);
	width:59px;
	padding-top:26px;
	}
	
/*---------------------------------------------------------------------------*/

#copyright {
	margin-right:10px;
	margin-left:20px;
	}
	
 #copyright, #extraLinks, #extraLinks li {
	float:right;
	}
	
#extraLinks li a, #extraLinks li a:active {
	padding:0px 8px;
	}
	
/*---------------------------------------------------------------------------*/
	
#extraLinks li.lastchild {
	border:0;
	}
	
/*---------------------------------------------------------------------------*/

#siteSearch {
	float:right;
	}
	
/*CLASSES____________________________________________________________________*/
.floatLeft {
	float:left;
	}
	
.floatRight {
	float:right;
	}
	
.width204 {
	width:204px;
	}
	
.columnRightWide #register a {
	display:block;
	width:321px;
	}
	
/*FORMS____________________________________________________________________*/

#emailLogin {
	width:400px;
	padding:5px;
	font-size:1.2em;
	}

#signup label {
	clear:both;
	float:left;
	width:220px;
	padding:6px 0px;
	margin-bottom:10px;
	}
	
#signup input, #signup select, #signup textarea {
	float:left;
	width:250px;
	padding:5px;
	margin-bottom:10px;
	}
	
#signup button {
	clear:both;
	float:left;
	margin-left:220px;
	}
	
#signup fieldset {
	margin-bottom:3em;
	}
	
#signup .error {
	color:red;
	font-weight:bold;
	clear:both;
	}
	
#signup #age-check {
	display:none;
	}
	
input.checkbox {
	width:auto!important;
	margin-left:1em;
}
/*TABLE____________________________________________________________________*/
	
td {
	padding:5px;
	}

/*NEWSTICKER */

#moostick, .moostick {
	float:left;
	display:block;
	height:1em!important;
	overflow:hidden;
	margin:0!important;
	padding:0!important;
	width:550px;
	}
	
#moostick li, .moostick li {
	display:block;
	list-style-type:none;
	line-height:1em!important;
	margin:0;
	padding:0;
	border:0;
	height:1.4em;
	}

#moostick .show, .moostick .show {
	visibility:visible;
	opacity:1;
	}
	
#newsticker {
	float:left;
	width:757px;
	margin:0;
	height:1.4em!important;
	overflow:hidden;
	margin-bottom:5px;
	}
	
#newsticker h3 {
	float:left;
	padding-right:1.2em;
	font-size:1em;
	line-height:1;
	margin:0;
	width:100px;
	height:1.4em;
	}
	
#newsticker a, #newsticker a:active {
	font-weight:normal;
	padding:0!important;
	margin:0!important
	}
	
.columnLeftWide img {
	float:none!important;
	}

/* REGISTER */

#register {
	background:url(../../../images/layout/register-2.gif) bottom no-repeat;
	margin-bottom:10px;
	
}

#register h2 {
	color:white!important;
}

#register a {
	width:184px;
	height:110px;
	/* background:url(../../../../images/layout/register.gif) no-repeat; */
	display:block;
	padding:0px 0px 0px 0px;
	color:white;
	}
	
#register a:hover {
	/* background:url(../../../../images/layout/register-hover.gif) no-repeat; */
	}
	
#register legend {
	font-size:1.15em;
	margin-bottom:1.2em;
	}
	
#register label {
	width:10em;
	}
	


/* QSCROLLER */

.hide {
	visibility: hidden;
	position: absolute;
	top: -400px;
	}
	
#qscroller1 {
  	width:763px;
  	height:60px;
	}
	
.qslide {
  	padding: 0px 12px;
	}
	
.qslide img {
	margin-right:20px;
	}

/* talent */

#talent {
	padding:3px 10px 55px 10px;
	margin-bottom:8px;
	background:url(../../../images/layout/talent-background-2.gif) bottom no-repeat;
	background-color:#0079C0;
	height:150px;
	text-align:left;
	}
	
#talent a.download {
	padding-right:120px;
	padding-top:20px;
	display:block;
	}
	
.box img {
	float:none;
	}

h5 {
	text-decoration:none;
	background:url(../../../images/layout/quote.gif) no-repeat top left;
	display:block;
	padding-left:35px;
	font-weight:normal;
	font-size:1em;
	line-height:1.5em;
	}
	
h5 em {
	padding-right: 35px;
	background:url(../../../images/layout/quote2.gif) no-repeat right center;
	display:block;
	font-weight:bold;
	margin-bottom:1.5em;
	}
	
/* Carousel */

	
.carousel-seat {
	width: 765px;
	position: absolute;
	top: 0;
	left: 0;
	}

.carousel img {
	width:113px!important;
	}

.carousel-passenger {
	margin-right: 5px;
	height:60px;
	}
	
#carousel {
	width: 765px;
	height: 60px;
	position: relative;
	overflow: hidden;
	margin-bottom:10px;
	}
	
#carousel .presentation-slide{
	text-align:center;
	}
	
#carousel .presentation-slide img {
	float:none;
	}
#sidebar .presentation-slide, #sidebar .presentation {
	width:180px;
	overflow:hidden;
}
#sidebar .presentation-slide img {
	margin-left:-65px;
}

#lefthand-pres {
	/*padding-left:5px;*/
	
}

#lefthand-pres h2 {
	padding-left:10px;
}

/* Presentation */

.presentation {
	position:relative;
	width:756px;
	height:268px;
	overflow:hidden;
	float:left;
	padding:0!important;
	margin-bottom:10px;
	}

.presentation-slide {
	position:absolute;
	width:755px;
	height:268px;
	}
	
/*.three .presentation, .three .presentation-slide {
	width:710px!important;
	}*/
	
.presentation-slide-text {
  /* TODO: override in ie6 stylesheet */
	background:transparent url(/images/presentation-background.png) repeat scroll 0 0;
	width:230px;
	height:218px;
	position:absolute;
	right:0;
	bottom:0;
	padding:10px;
	padding-top:40px;
	}

.presentation-slide-text h1 {
	font-size:1.8em;
	line-height:1.1em;
	margin-bottom:.4em;
	font-weight:normal;
	}
	
.presentation-slide-text h2 small {
	font-weight:lighter;
	}
	
.presentation-tabs {
	position:absolute;
	left:0;
	bottom:0;
	padding:5px 10px 10px 10px;
	z-index:138;
	}
	
.presentation-tab {
	background:url(../../../images/presentation-background.png);
	padding:5px 10px 10px 10px;
	line-height:.95em;
	margin-right:1px;
	font-weight:bold;
	}
	
/*.column .presentation {
	width:225px;
	}*/
	
.four .presentation-slide {
	padding:10px;
	/*width:205px;*/
	}
	
#carousel, #carousel .presentation-slide {
	width:252px;
	height:60px;
	margin:0;
	padding:0;
	}

#carousel{
	width:245px;
	height:62px;
	margin-bottom:10px;
	margin-left:5px;
	}
	
/* New homepage */
	
.registeredHomepage input {
	width:212px!important;
	}
	
.registeredHomepage .submit {
	width:100px!important;
	padding:5px;
	margin:10px 0px;
	}

#talent-employers {
	padding:20px 10px 118px 10px;
	width:205px;
	margin-bottom:8px;
	background:url(../../../images/layout/employers-newsletter-background.jpg);
	height:150px;
	text-align:left;
	}
	
/*CALENDAR_____________________________________________________________________*/
.calendar td {
	width:100px;
	height:100px;
	vertical-align:top;
	}
	
.calendar th{
	padding:5px;
	}
	
.calendar a:hover {
	text-decoration:underline;
	}
	
.next-calendar,.previous-calendar {
	float:left;
	display:block;
	padding:15px 0px;
	font-size:1.2em;
	}
	
.next-calendar {
	float:right;
	}
	
/* registered user box on homepage */

.registeredHomepage {
	padding:10px;
	width:222px;
	}
	
/* 20th August Changes _________________________________________________________*/

.column{
	float:left;
	}
	
.one{
	width:126px;
	}
	
.two{
	width:252px;
	}
	
.three{
	width:378px;
	}
	
.four{
	width:504px;
	}
	
.five{
	width:630px;
	}
	
.six{
	width:756px;
	}
	
.text{
	padding:10px;
	}
	
.hidden{
	padding:10px;
	}	
	
.border{
	margin-bottom:10px!important;
	margin-left:5px;
	}
	
.highlight{
	margin-bottom:10px;
	display:block;
	position:relative;
	right:-9px;
	padding-right:15px;
	}

.image{
	margin-bottom:8px;
	width:756px;
	}
	
h6{
	font-size:1.2em;
	}
	
h6 em{
	font-size:0.7em;
	min-height:25px;
	}
	
.opener{
	cursor:pointer;
	padding-left:15px;
	}
	
.presentation p{
	font-size:1.3em;
	margin-bottom:15px;
	width:auto!important;
	}

#talent-employers {
	margin-bottom:10px;
	display:block;
	position:relative;
	right:-9px;
	padding-right:30px;
	}
	
.four .presentation{
	height:130px!important;
	width:504px;
	}
	
.four .presentation-slide{
	width:460px;
	}