@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; 
	}
body {
	color:#555;
}
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;
	}
#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;
	}
img {
	float:left; padding-bottom:8px;
	}
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;
}
#footer {
	width:965px;
	padding:23px 0px 23px 20px;
	}


/*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;
	background:#0079C0;
	}
/*---------------------------------------------------------------------------*/
#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;
	color:#FFFFFF;
	}
#kwicks .kwick a:hover {
	background:#009933;
	text-decoration:none;
	}
#kwicks .kwick a.currentTab {
	/*height:23px;
	border-bottom:2px solid #fff;*/
	background:#fff;
	color:#9A4D9E;
	}
#kwicks .kwick a:hover {
	background:#009933;
	text-decoration:none;
	color:#fff!important;
	}
/*---------------------------------------------------------------------------*/
.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;
	border-bottom:#FFFFFF 1px solid;
	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;
	color:#fff;
	}
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 {
	background:#0079C0;
	padding:20px;
	margin-bottom:8px;
	color:#FFFFFF;
	}
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;
	margin-right:10px
}
.column2 {
	float:left;
	width:312px;
	padding:8px;
	}
.column3 {
	float:right;
	width:125px;
	}
.columnLeftWide {
	width:429px;
	padding:8px;
	float:left;
}
.columnRightWide {
	width:312px;
	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 {
	/*background-color:#0079C0;*/
	/*padding:15px 12px;*/
	padding: 8px 20px 8px 8px;
	margin-bottom:8px;
	/*color:#FFFFFF!important;*/
	}
.pale {
	background-color:#fff;
	color:#231F20;
	}
.pale img+p {
	padding:10px; /* caption */
}
.pale+p {
	padding-top:20px; /* caption */
	clear:both;
}
.pale+h3 {
	padding-top:20px; /* caption */
	clear:both;
}
.pale+ul {
	padding-top:15px; /* caption */
	clear:both;
}

.pale+h5 {
	padding-top:15px; /* caption */
	clear:both;
}

.movie {
	margin-bottom:8px;
	}
.movie object {
	
	}
/*---------------------------------------------------------------------------*/
#accordion {
	float:left;
	width:204px;
	color:#FFFFFF;
	margin-top:8px;
}

h3.toggler {
	cursor:pointer;
	font-size:1.1em;
	background:#288DCD;
	color:#FFFFFF;
	margin:0;
	padding:10px 20px;
	border-bottom:1px solid #fff;
}
h3.toggler:hover {
	background:#DA0962
}
div.element {
	background:#0079C0;
	padding:20px;
	}
.homepageFixedHeight {
	margin-top:8px;
}

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

/*FOOTER_____________________________________________________________________*/
#footer li {
	padding-right:0px;
	margin-right:0px;
	}
/*---------------------------------------------------------------------------*/
 #copyright, #extraLinks, #extraLinks li {
	float:right;
	color:#838B8B;
	}
#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;
	}
/*---------------------------------------------------------------------------*/
#extraLinks li {
	border-left:#838B8B 1px solid;
	}
#extraLinks li.lastchild {
	border:0;
	}
#extraLinks li a, #extraLinks li a:active {
	color:#838B8B;
	padding:0px 8px;
	}
/*---------------------------------------------------------------------------*/
#siteSearch {
	float:right;
	}


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

#emailLogin {
	width:400px;
	padding:5px;
	font-size:1.2em;
	color:#DA0962;
}
#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;
	border:1px solid #666;
}
#signup button {
	clear:both;
	float:left;
	margin-left:220px;
}


/*TABLE____________________________________________________________________*/

table {
	border:0;
	background:#EEE;
	margin-bottom:1.5em
}
td {
	border:#fff solid 2px;
	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;
	background:#FFF;
	margin:0;
	height:1.4em!important;
	overflow:hidden;
	margin-bottom:5px;
	}
#newsticker h3 {
	float:left;
	padding-right:1.2em;
	font-size:1em;
	color:#BBBDBF;
	line-height:1;
	margin:0;
	width:100px;
	height:1.4em;
	}
#newsticker a, #newsticker a:active {
	color:#666666;
	font-weight:normal;
	padding:0!important;
	margin:0!important
	}
.columnLeftWide img {
	float:none!important;
}

/* REGISTER */

#register a {
	width:184px;
	height:110px;
	background:url(../images/layout/register.gif) no-repeat;
	display:block;
	padding:40px 0px 0px 20px;
}
#register a:hover {
	background:url(../images/layout/register-hover.gif) no-repeat;
}



/* QSCROLLER */

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


/* talent */

#talent {
	padding:20px 10px 118px 10px;
	background:url(../images/layout/talent-background.gif);
	height:150px;
	color:#fff;
	text-align:left;
}
#talent a.download {
	color:#fff!important;
	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;
	color:#636E8D;
	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 {
 width: 950px;
 height: 60px;
 position: relative;
 overflow: hidden;
 margin-bottom:10px;
}
.carousel-seat {
 width: 950px;
position: absolute;
 top: 0;
 left: 0;
}
.carousel-passenger {
 margin-right: 5px;
}

/* Presentation */

.presentation {
  position:relative;
  width:755px;
  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;
  color:#fff!important;
  line-height:1.1em;
  margin-bottom:.4em;
  font-weight:normal;
}
.presentation-slide-text h3 {
	color:#fff;
}
.presentation-slide-text h2 small {
  font-weight:lighter;
}
.presentation-slide-text p, .presentation-slide-text a {
  color:#fff;
}
.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;
  color:#9AC1DF;
}
.presentation-tab:hover, .presentation-tab-on {
  background:#fff none;
  color:#3783C0;
}
.presentation-tab:active {
  background:#fff none;
}
.columnRightWide .presentation {
	width:225px;
	background:#0079C0;
	
}
.columnRightWide .presentation-slide {
	padding:10px;
	width:205px;
}
#carousel, #carousel .presentation-slide {
	width:252px;
	background:#fff;
	height:60px;
	margin:0;
	padding:0;
}
#carousel .presentation-slide{
	text-align:center;
}
#carousel .presentation-slide img {
	float:none;
}
/* New homepage */

.third {	
	width:252px;
	float:left;
}
.third.homepagePadded {
	width:242px;
	padding-right:10px;
}
.registeredHomepage input {
	width:212px!important;
}
.registeredHomepage .submit {
	width:100px!important;
	padding:5px;
	margin:10px 0px;
	border:1px solid #666;
}
.registeredHomepage a {
	color:#fff!important;
}



#talent-employers {
	padding:20px 10px 118px 10px;
	margin-bottom:8px;
	background:url(../images/layout/employers-newsletter-background.jpg);
	height:150px;
	color:#fff;
	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;
	}
	
	
/*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;
}