@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/rating.css";
@import "lib/my-profile.css";
@import "lib/sIFR-screen.css";
@import "lib/superfish.css";
@import "lib/extras.css";
@import "color/default.css";

/* Matteo test */

body{
	color: #000;	
	margin: 0;
	padding: 20px 0;
	text-align: center;
}

/* accessibility */
.accessibility-aid {
	position: absolute;
	left: -999em;
	top: -999em;
}

/* links */

a { color: #e0e0e0; }
a:hover{ color: #fff; }

div#main-content p a{ text-decoration: underline;}

/* faux buttons */
p.button, p.top-button{
	text-align: center;
	margin: 10px auto;
	padding: 0;
	text-decoration: none;
	width: auto;
}
div#main-content p.button a, div#main-content p.bottom-button a, div#main-content p.top-button a{
	text-decoration: none;
}
p.button a, p.bottom-button a, button, p.top-button a{
	padding: 4px 20px;
	color: #fff;
	text-decoration: none;
	text-transform: uppercase;
	border: 0;
	font-family: Arial, Helvetica, sans-serif;
	letter-spacing: 0.07em;
	text-decoration: none;
}
button {	padding: 3px 20px; }

p.cancel-button a, p.close-button a { background: #a2a2a2 !important; }

p.cancel-button a:hover, p.close-button a:hover { background: #6f6f6f !important; color: #fff !important; }

div#main-content p.bottom-button a:hover, 
p.button a:hover, button:hover,
div#main-content p.top-button a:hover{
	cursor: pointer;
	color: #fff;
}

/* headings */
div.content-component h1, 
div.content-component h2 {
	margin: -10px -10px 10px;
	padding: 2px 10px;
	overflow: hidden;
	text-transform: capitalize;
}


/* site-container */
div#site-container {
	width: 960px;
	padding: 20px 10px;
	margin: 0 auto;
	background: #fff;
	overflow: hidden;
	position: relative;
	text-align: left;
}

/* branding */
div#branding {
	width: 940px;
	height: 13em;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	position: relative;
}
div#branding p a{
	position: absolute;
	top: 0;
	left: 0;
	width: 680px;
	height: 140px;
	z-index: 999;
}
div#branding #an-header {
	width: 680px;
	height: 140px;
}


/* content main */
div#main-content {
	width: 620px;
	float: left;
	margin-left: 10px;
	display: inline;
}

/* content secondary */
div#secondary-content {
	width: 300px;
	float: left;
	margin-left: 20px;
}

div.content-component {
	margin-bottom: 20px;
	padding: 10px;
	padding-bottom: 0;
	background: #0b0b0b url(../images/themes/default/contentComponentBtm.gif) left bottom repeat-x;
	color: #fff;
	overflow: hidden;
}	

/* navigation main */
div#navigation-main {
	width: 930px;
	position: absolute;
	left: 10px;
	bottom: 0;
	z-index: 800;
}
div#navigation-main ul{
	margin: 0;
}
div#navigation-main li {
	float: left;
	display: inline;	
	border-right: 1px solid #fff;
	margin: 0;
	cursor: pointer;
}
div#navigation-main li.last-item{
	border-right: none;
}
div#navigation-main li a {
	padding: .5em .6em 3px;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-size: 100%;
	text-transform: capitalize;
	/*border-top-left-radius : 5px; 
	border-top-right-radius : 5px; 
	-moz-border-radius-topleft : 5px; 
	-moz-border-radius-topright : 5px;
	-webkit-border-top-left-radius : 5px;
	-webkit-border-top-right-radius : 5px;*/
}

body.did-you-know a#nav-did-you-know, body.digital-stories a#nav-digital-stories, body.company-profiles a#nav-company-profiles, body.degree-types a#nav-degree-types, body.institution-profiles a#nav-college-profiles, body.job-roles a#nav-job-roles, body.profiles a#nav-profiles, body.it-ambassadors a#nav-it-ambassadors, body.key-facts a#nav-key-facts, body.student-profiles a#nav-student-profiles{
	text-decoration: underline;
}

/* main nav drop down */
div#navigation-main ul.sub-nav{
	bottom: -25px;
}
div#navigation-main ul.sub-nav li{
	border-right: 0;
	margin: 0;
}
div#navigation-main ul.sub-nav li a:hover{
	text-decoration: underline;
	background: none;
}
ul#nav-inspirational-companies-sub, ul#nav-inspirational-people-sub, ul#nav-college-and-uni-sub, ul#nav-competition-sub, ul#nav-parents-and-guardians-sub{
	position: absolute;
	left: -999em;
}
body.inspirational-companies ul#nav-inspirational-companies-sub, body.inspirational-people ul#nav-inspirational-people-sub, body.job-roles ul#nav-inspirational-people-sub, body.college-and-uni ul#nav-college-and-uni-sub,  body.competition ul#nav-competition-sub, body.parents-and-guardians ul#nav-parents-and-guardians-sub, body.key-facts ul#nav-parents-and-guardians-sub, body.student-profiles ul#nav-college-and-uni-sub{
	left: 0;
}

/* secondary navigation - colummn on left on 3 col pages */
div#secondary-navigation{
	float: left;
	width: 140px;
	margin: 0 10px;
}
div#secondary-navigation div.content-component {
	padding-bottom: 0;
	margin-bottom: 5px;
}
div#secondary-navigation h2{
	margin-bottom: 0;
}
div#secondary-navigation ul{
	margin: 0 -10px 0;
}
div#secondary-navigation ul li{
	margin: 0;
}
div#secondary-navigation a{
	display: block;
	text-decoration: none;
	padding: .2em 10px;
	font-weight: bold;
	text-transform: capitalize;
}
div#secondary-navigation a:hover, div#secondary-navigation li.current a {
	background: #004f84;
}





/* teachers-events */
div#teachers-events-wrap {
	position: absolute;
	top: 15px;
	right: 200px;
	padding: 5px 10px;
}

/*

ul#teachers-events {
	margin: 0;
	float: left;
}
ul#account-navigation li {
	display: inline;
	float: left;
	border-right: 1px solid;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 1;
	margin-bottom: 0;

}
ul#account-navigation li.last-item {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}
ul#account-navigation li a {
	text-decoration: none;
	float: left;
	font-weight: bold;
}
ul#account-navigation li a:hover {
	text-decoration: underline;
}
*/









/* account navigation */
div#account-navigation-wrap {
	position: absolute;
	top: 15px;
	right: 20px;
	padding: 5px 10px;
}
ul#account-navigation {
	margin: 0;
	float: left;
}
ul#account-navigation li {
	display: inline;
	float: left;
	border-right: 1px solid;
	margin-right: 5px;
	padding-right: 5px;
	line-height: 1;
	margin-bottom: 0;

}
ul#account-navigation li.last-item {
	border-right: 0;
	margin-right: 0;
	padding-right: 0;
}
ul#account-navigation li a {
	text-decoration: none;
	float: left;
	font-weight: bold;
}
ul#account-navigation li a:hover {
	text-decoration: underline;
}







/* site information */
div#site-information {
	width: 940px; 
	margin: 0 10px 0;
	float: left;
	clear: both;
	height: 63px;
	color: #fff;
}
div#site-information p#e-skills-credit {
	float: left;
	margin: 15px 0 0 15px;
	width: 124px;
	height: 33px;
}
div#site-information ul {
	line-height: 1.1;
	margin-top: 25px;
	/*float: right;
		margin: 40px 10px 0 0;*/
}
div#site-information li {
	float: left;
	display: inline;
	margin-right: 5px;
	border-right: 1px solid #fff;
}

div#site-information li.facebook { background: transparent url(../images/site-design/facebook.png) no-repeat; width:16px; height:16px; }
div#site-information li.twitter { background: transparent url(../images/site-design/twitter.png) no-repeat; width:16px; height:16px; }

div#site-information li.last-item {
	border-right: none;
}
div#site-information li a {
	float: left;
	padding-right: 5px;
	color: #fff;
	text-decoration: none;
	text-transform: capitalize;
	font-size: 96%;
}
div#site-information li a:hover {
	text-decoration: underline;
}
div#site-information li.facebook a:hover, div#site-information li.twitter a:hover {
	text-decoration: none;
}

div#site-information ul.partner-logos {
	float: left;
	margin: 0 0 0 10px;
}

div#site-information ul.partner-logos li {
	border-right: none;
	vertical-align: middle;
}

div#site-information ul.partner-logos img {
	margin-top: 13px;
}
div#site-information ul.partner-logos li.last-item img {
	margin-top: 3px;
}
div#site-information p.associated {
	width: 190px;
	color: #fff;
	margin: 5px 0 0 20px;
	float: left;
}
/* page specific */

/* welcome */
body.welcome div#main-content {
	width: 940px;
}
div.welcome-component{
	width: 280px;
	min-height: 280px;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
}
div.welcome-component img{
	margin: -10px 0 10px -10px;
}
div.logged-out-component{
	background-image: url(../images/site-design/welcome_an_300x227.gif);
	background-position: 0 28px;
	background-repeat: no-repeat;
	height: 290px;
}
div.logged-in-component{
	background-image: url(../images/site-design/welcome_reg_300x227.gif);
	background-position: 0 28px;
	background-repeat: no-repeat;
	height: 290px;
}
div.logged-out-component ul, div.logged-in-component ul {
	position: absolute;
	left: -999em;
}
div.logged-out-component p.button, div.logged-in-component p.button {
	margin-top: 243px;
} 
div.featured-component img.entry_img{
	margin-top: 0;
}

div.video-component{
	width: 600px;
	margin-left: 10px;
	float: left;
	height: 291px;
	overflow: hidden;
	padding-bottom: 10px;
}
div.video-component ul {
	list-style-type: none;
	margin: 0 0 0;
	margin-right: -15px;
	height: 220px;
	overflow: hidden;
	float: left;
}
div.video-component ul li {
	float: left;
	display: inline;
	width: 190px;
	margin-right: 15px;
	position: relative;
}
div.video-component h3 {
	font-size: 110%;
}
div.video-component img {
	float: left;
	margin-bottom: 5px;
}
div.img_back, 
span.img_back {
	position: absolute;
	background: url(../images/site-design/image_bg.png) 50% 50% no-repeat !important;
	z-index: 900;
	width: 38px;
	height: 38px;
	margin: 40px 0 0 75px;
	left: 0;
	top: 0;
}
body.inspirational-companies div.img_back,
body.parents-and-guardians div.img_back,
body.inspirational-companies span.img_back,
body.parents-and-guardians span.img_back {
	margin: 50px 0 0 90px;
}

body.inspirational-people div.img_back,
body.parents-and-guardians div.img_back,
body.inspirational-people span.img_back,
body.parents-and-guardians span.img_back{
	margin: 90px 0 0 85px;
}
body.student-profiles span.img_back {
	margin: 65px 0 0 50px;
}
div.img_back_small, span.img_back_small {
	position: absolute;
	background: url(../images/site-design/image_bg_small.png) 50% 50% no-repeat !important;
	z-index: 1000;
	width: 20px;
	height: 19px;
	margin: 20px 0 0 28px;
}
body.inspirational-people div.img_back_small {
	left: 0 !important;
}
ul.people-list div.img_back, 
ul.people-list span.img_back {
	left: 25px;
	top: 10px;
}
ul.people-list-main div.img_back, 
ul.people-list-main span.img_back {
	left: 0;
	top: 0;
}

div#secondary-content ul.entry-list div.img_back_small,
div#secondary-content ul.entry-list span.img_back_small {
	left: 0;
	top: 8px;
}
body.it-ambassadors div#secondary-content ul.video-entries span.img_back_small,
body.institution-profiles div#secondary-content ul.video-entries span.img_back_small {
	margin: 0;
	left: 35px;
	top: 28px;
}

/* competition */
body.competition div#main-content {
	width: 460px;
}
body.competition-terms div#main-content {
	width: 620px;
}
body.competition-terms div#main-content h2 {
	margin-right: 0;
	margin-left: 0;
}
body.competition div#main-content img{
	margin: -10px 0 0 -10px;
}
body.competition div#secondary-content {
	width: 460px;
}
body.competition-terms div#secondary-content {
	width: 300px;
}
p.entry-conditions{
	font-size: 120%;
	font-weight: bold;
	margin-top: 20px;
}

div#submit-entry{
	margin-bottom: 0;
	background: #0b0b0b;
	color: #fff;
	border: 10px solid #fff;
	width: 460px;
}
div#submit-entry{ 

}
div#submit-entry form {
	padding: 0 10px 50px 20px;
}
div#submit-entry p {
	width: 425px;
} 
div#submit-entry h2{
	font-size: 130%;
	background: #373737;
	padding: 3px 0 3px 10px;
	margin-bottom: 20px;
}
div#submit-entry li.input-container p.cancel-button {
	margin-top: 20px;
	position: relative;
}
div#submit-entry li.input-container p.close-button a {
	padding: 4px 20px 3px;
	margin-top: 2px;
	text-transform: uppercase
}
div#submit-entry li.input-container p.close-button a:hover {
	text-decoration: none;
}
body.competition-entries div#main-content{
	width: 940px;
}
body.competition-entries div#main-content ul {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 20px;
	font-size: 1.1em;
	float: left;
}
body.competition-entries div#main-content ul ul {
	float: none;
	margin: 0;
}
body.competition-entries div#main-content ul li{
	float: left;
	margin-bottom: 1.5em;
	width: 100%;
	padding: 10px;
}
body.competition-entries div#main-content ul li.entry-alt{
	background: #171717;
}
body.competition-entries div#main-content ul li a{
	text-decoration: underline; 
}
body.competition-entries div#main-content ul li p{
	margin: 0;
	padding: 0;
}
body.competition-entries div#main-content ul ul li{
	float: left;
	clear: both;
	margin-bottom: 5px;
	padding: 0;
	
}
body.competition-entries div#main-content ul img{
	float: left;
	margin-right: 20px;
}

/* registration */
body.register div#main-content {
	width: 940px;
}
body.register div#main-content div.content-component {
	padding-bottom: 50px;
}
body.register div#main-content img{
	float: right;
}

/* login */
body.login label {
	width: 80px;
}

li.forgot-password, body.login form button {
	margin-left: 0;
}
p.forgot-password {
	float: left;
	clear: both;
	margin: 0 0 0 80px;
	padding: 0;
}

/* article lists */
ul.entry-list{
	margin: 5px 0 10px 0;
	float: left;
	list-style-type: none;
}
body.welcome ul.entry-list{
	padding-left: 10px;
}
ul.entry-list li{
	clear: both;
	margin-bottom: 30px;
	float: left;
	width: 600px;
	position: relative;
	min-height: 72px;
}
div#secondary-content ul.entry-list li, 
body.welcome ul.entry-list li{
	clear: both;
	float: left;
	width: 280px;
	background-image: none;
	position: relative;
}
body.welcome ul.entry-list li {
	width: 270px;
	margin-bottom: 30px;
}
body.welcome ul.entry-list h3{
	margin-left:  84px;
	margin-top: -4px;
}
div#secondary-content ul.entry-list li{
	margin-bottom: 20px;
}
ul.entry-list h2 {
	background: none;
	margin-bottom: 0;
	font-weight: bold;
	text-shadow: none;
	font-size: 110%;
	margin-left: 84px;
	margin-top: -5px;
}
div#secondary-content ul.entry-list h3 {
	margin-top: -4px;
}

ul.entry-list h3{
	font-size: 1.1em;
	margin-bottom: 5px;
	margin-left: 94px;
}
div#main-content ul.entry-list h3{
	margin-left: 94px;
	margin-top: -4px;
}
ul.entry-list h2 a, div#secondary-content ul.entry-list h3 a{
	text-decoration: none;
}
ul.entry-list h2 a:hover, div#secondary-content ul.entry-list h3 a:hover{
	text-decoration: underline;
}
ul.entry-list p{
	margin-bottom: 5px;
}
ul.entry-list p {
	margin-left: 94px;
}
body.welcome ul.entry-list p{
	margin-left: 84px;
}
ul.entry-list img, div#secondary-content ul.entry-list img{
	border: 1px solid #bababa;
	position: absolute;
	left: 0;
	top: 0;
	margin-bottom: 10px;
}
body.welcome ul.entry-list li p.star-rating img{
	position: relative;
}
a img.entry_img{
	background: url(../images/site-design/img-bg.gif);
}

/* single article pages (such as tips and tricks) */
div.intro, p.intro{
	font-size: 110%;
	font-weight: bold;
}
div#main-content div.entry-main, div#main-content div.entry-secondary{
	float: left;
	width: 290px;
}
div#main-content div.entry-main{
	margin-right: 20px;
}

div#main-content div.entry-main h2, div#main-content div.entry-secondary h2{
	margin: 10px 0;
}
p.image-credit{
	padding: 5px 10px;
	margin: 0 0 20px; 
}

/* legals - privacy policy etc */
body.single-entry-misc div#main-content {
	width: 780px;
}
body.single-entry-misc div#main-content h2 {
	margin: 10px 0;
}


body.inspirational-companies-main div#main-content, body.inspirational-companies-main div#secondary-content {
	width: 940px;
	padding: 0;
	margin: 0 0 0 10px;
	float: left;
}
body.inspirational-companies-main div#main-content div.company-component {
	background: #fff;
	background-image: none;
	padding: 10px 0;
}
body.inspirational-companies-main div.content-component {
	float: left;
}
div#more-companies {
	float: left;
	background: #000;
	width: 920px;
	padding: 5px 10px;
	color: #fff;
}
div#more-companies p {
	color: #fff !important;
}
div#more-companies p span {
	margin-right: 5px;
	font-weight: bold;
}
div#more-companies p a {
	text-decoration: none;
  margin-right: 5px;
}
div#more-companies p a:hover {
	text-decoration: underline;
}
body.inspirational-companies-main div#main-content div.content-component div#more-companies h2 {
	color: #fff;
	float: left;	
	font-size: 1em;
	margin: 0 5px 0 0; 
	padding: 0;
	text-transform: lowercase;
	font-weight: normal;
}
div#more-companies ul {
	margin: 0;
}
div#more-companies li {
	float: left;
	display: inline;
	margin-right: 5px;
	margin-bottom: 0;
}
div#more-companies li a {
	float: left;
	padding-top: 1px;
}
body.inspirational-companies-main div#main-content div.content-component h1, div.content-component-med h2{
	text-indent: 10px;
}
body.inspirational-companies-main div#main-content div.content-component h1{
	width: 930px;
}
body.inspirational-companies-main div#main-content div.company-component p{
	color: #000;
}
ul.companies-list {
	width: 960px;
	list-style-type: none;
	margin: 10px 0 0 -20px;
	float: left;
}
ul.companies-list li{
	width: 220px;
	float: left;
	display: inline;
	margin-left: 20px; 
	position: relative;
}
body.inspirational-companies-main div#main-content div.company-component h2, 
body.inspirational-companies-main div#main-content div.company-component h2 a{
	background: none;
	color: #000;
	text-shadow: none;
	margin-bottom: 0;
}
ul.companies-list img{
	background: #fff;
	margin-bottom: 5px;
}
body.inspirational-companies-main div#secondary-content{
	clear: both;
}
body.inspirational-companies-main div#secondary-content div.content-component{
	width: 280px;
}
body.inspirational-companies-main div#secondary-content div.content-component-med {
	width: 620px;
	float: left;
	margin: -20px 20px 10px 0;
	padding: 10px 0;
}
body.inspirational-companies-main div#secondary-content div.content-component{
	margin-top: -20px;
}
body.inspirational-companies-main div#secondary-content div.content-component-med img{
	margin-top: -10px;
}
body.inspirational-companies-main div#secondary-content div.content-component-med p{
	padding-left: 10px;
}

/* company-profiles */
body.profile-page div#main-content {
	width: 460px;
}
body.profile-page div#main-content img{
	margin-bottom: 5px;
}
body.profile-page div#main-content h3 {
	padding: 0 10px;
	text-shadow : #000 1px 1px 1px;
}


body.did-you-know div#main-content, body.progression-routes-flash div#main-content{
	width: 940px;
	margin-bottom: 0;
}
div#activity-wrap {
	position: relative;
	top: -10px;
	left: -10px;
	margin-bottom: -30px;
}
div#did-you-know-small-wrap{
	position: relative;
	top: -10px;
	left: -10px;
}














/* =teachers-events */

ul.events-list-upcoming,
ul.events-list-sidebar{
	list-style-type: none;
	margin: 0;
}

ul.events-list-upcoming li.event,
ul.events-list-sidebar li.event{
	clear: both;
	/* border-bottom:1px solid white; */
	margin-bottom:20px;
	display: block;
	width: 100%;
	float:left;
}

ul.events-list-upcoming li.event div.left,
ul.events-list-sidebar li.event div.left{
	display:block;
	float:left;
	/* width:205px; */
}

ul.events-list-upcoming li.event div.right,
ul.events-list-sidebar li.event div.right{
	float: right;
	width:50%;
	display: block;
}

ul.events-list-upcoming li.event div.left a.image,
ul.events-list-upcoming li.event div.right a.image,
ul.events-list-sidebar li.event div.left a.image,
ul.events-list-sidebar li.event div.right a.image{
	margin: 0;
}

ul.events-list-upcoming li.event div.left div.title h2,
ul.events-list-upcoming li.event div.right div.title h2,
ul.events-list-sidebar li.event div.left div.title h2,
ul.events-list-sidebar li.event div.right div.title h2{
	margin: 0;
	padding: 0;
	background: none;
}

ul.events-list-upcoming li.event div.left div.where,
ul.events-list-upcoming li.event div.left div.when,
ul.events-list-upcoming li.event div.right div.where,
ul.events-list-upcoming li.event div.right div.when
{
	display: block;
	background: #333333;
	margin:10px 0;
	padding:5px;
}

ul.events-list-upcoming li.event div.left div.where p,
ul.events-list-upcoming li.event div.left div.when p,
ul.events-list-upcoming li.event div.right div.where p,
ul.events-list-upcoming li.event div.right div.when p,
ul.events-list-upcoming li.event div.left div.where h3,
ul.events-list-upcoming li.event div.left div.when h3,
ul.events-list-upcoming li.event div.right div.where h3,
ul.events-list-upcoming li.event div.right div.when h3
{
	margin: 0;
}


div.event{
	clear: both;
	/* border-bottom:1px solid white; */
	display: block;
	width: 100%;
	float:left;
	margin-bottom:10px;
}

div.event div.left{
	display:block;
	float:left;
	width:50%;
}

div.event div.right{
	float: right;
	width:50%;
	display: block;
}

div.event div.excerpt{
	font-size: 150%;
	margin-top: 10px;
	padding-right: 10px;
}

div#where div.content,
div#when div.content{
	display: block;
	font-size: 150%;
	margin:10px 0;
	padding:5px;
}

div#when div.content p{
	margin: 0;
}

div#book-event{
	/* background: #333333; */
	margin-bottom: 10px;	
}

div#book-event ul{
	margin: 0;
}


div.thanks{
	font-size: 200%;
	margin-bottom: 10px;
}







/* =inspirational-people */
body.inspirational-people div#main-content,
body.parents-and-guardians div#main-content,
body.student-profiles div#main-content,
body.teachers-events div#main-content{
	width: 460px;
}
ul.people-list-main, ul.people-list-main ul{
	list-style-type: none;
	margin: 0;
}
ul.people-list-main li{
	float: left;
	margin-bottom: 20px;
	position: relative;
}
ul.people-list-main li li{
	margin-bottom: 0;
	float: left;
}
ul.people-list-main h2{
	margin: 0 0 5px 0;
	padding: 0;
	background: none;
}
div#main-content div.content-component ul.people-list-main img{
	margin-right: 20px;
}
ul.people-list-main ul.vcard li {
	width: 220px;
}
body.student-profiles ul.people-list-main ul.vcard li {
	width: 170px;
}
ul.people-list-main ul.vcard li.org, 
ul.people-list-main ul.vcard li.role{
	font-size: 120%;
}
ul.people-list-main ul.vcard li.role{
 	margin: 5px 0;
}


ul.people-list{
	list-style-type: none;
	margin: 0;
	margin-left: -20px;
}
ul.people-list li {
	width: 240px;
	margin-left: 20px;
	float: left;
	display: inline;
	position: relative;
	height: 260px;
}
ul.people-list li li {
	height: auto;
}

div#main-content div.content-component ul.vcard img.entry_img{
	margin: 5px 0 10px 0;
	padding: 0;
	float: left;
}
ul.people-list li ul.vcard li{
	margin: 0;

}
ul.people-list li {
	position: relative;
}
ul.people-list li ul.vcard li img{
	float: left;
}
ul.people-list ul.vcard{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
ul.people-list ul.vcard li{
	position: relative;
}
ul.people-list ul.vcard h3{
	margin-bottom: 5px;
}
ul.people-list ul.vcard li.org{
	font-size: 120%;
	font-weight: bold;
	margin-bottom: 5px;
	float: left;
}
ul.people-list ul.vcard li p{
	float: left;
}

/* profiles */
div.profile-image {
	text-align: center;
}

/* ==job roles */
body.job-roles div#main-content {
	width: 780px;
}
/*body.job-roles*/ div.alternative-titles {
	font-size: 110%;
	font-weight: bold;
	padding: .2em 10px 0;
	text-shadow : #000 1px 1px 1px;
	margin-top: 10px;
}
div.alternative-titles p{
	margin-bottom: 10px;
}
body.job-roles div#main-content div.job-role-component h2{
	margin: 0;
	margin-bottom: 10px;
}
body.job-roles div#main-content img.entry_img {
	float: right;
	margin: 0 0 10px 20px;
}

/* =college and uni */
body.college-and-uni div#main-content {
	width: 460px;
}
body.college-and-uni div#main-content ul.entry-list li {
	width: 440px;
}
body.college-and-uni div#main-content ul.entry-list img {
	margin-top: 0;
}

body.college-and-uni div#main-content ul.featured-degree-list ul {
	margin: 0 0 0 94px;
	padding: 0;
	list-style-type: none;
}
body.college-and-uni div#main-content ul.featured-degree-list ul li{
	margin: 0;
	padding: 0;
	height: auto;
	min-height: inherit;
	float: none;
	width: auto !important;
	display: inline;
}

body.college-and-uni div#main-content ul.featured-degree-list h4 {
	font-size: 90%;
	font-weight: normal;
	margin: 0 5px 0 94px;
	padding: 0;
	float: left;
	width: auto;
	display: inline;
}





/* = teachers events */
body.teachers-events div#main-content {
	width: 460px;
}
body.teachers-events div#main-content ul.entry-list li {
	width: 440px;
}
body.teachers-events div#main-content ul.entry-list img {
	margin-top: 0;
}

body.teachers-events div#main-content ul.featured-degree-list ul {
	margin: 0 0 0 94px;
	padding: 0;
	list-style-type: none;
}
body.teachers-events div#main-content ul.featured-degree-list ul li{
	margin: 0;
	padding: 0;
	height: auto;
	min-height: inherit;
	float: none;
	width: auto !important;
	display: inline;
}

body.teachers-events div#main-content ul.featured-degree-list h4 {
	font-size: 90%;
	font-weight: normal;
	margin: 0 5px 0 94px;
	padding: 0;
	float: left;
	width: auto;
	display: inline;
}




/* student profiles */
body.student-profiles div#main-content {
	width: 460px;
}
body.student-profiles div#main-content div.entry-tools  {
	width: 440px;
	padding: 10px 0 0;
}

/* ==degree types */
body.degree-types div#main-content img {
	float: right;
	margin: 0 0 10px 20px;
}

/* == courses */
div.course-component {
	padding: 10px 0 0;
	background: none;
	margin-bottom: 0;
}
div.course-component h2{
	text-indent: 10px;
}

ul.course-list{
	margin: 0;
	list-style-type: none;
}
ul.course-list li{
	position: relative;
	background: #0b0b0b;
	padding: 35px 10px 5px;
	margin-bottom: 20px;
}
ul.course-list h4{
	float: left;
	font-size: 1em;
	margin: 0;
	padding: 0 5px 0 0;
}

div#main-content div.content-component ul.course-list p.institution-link a{
	position: absolute;
	top: 0;
	right: 10px;
	background: #ddd;
	padding: .2em 10px;
	color: #000;
	text-transform: uppercase;
	text-decoration: none;
}

div#main-content div.content-component ul.course-list p.institution-link a:hover {
	background: #fff;
}

/* Testimonials */

div#main-content div.content-component ul.testimonial-list {
	margin: 0;
}
div#main-content div.content-component ul.testimonial-list li h3 {
	background: none;
	text-shadow: none;
	margin-bottom: 5px;
	margin-left: 0;
}
div#main-content div.content-component ul.testimonial-list img{
	padding: 0;
}
ul.testimonial-list p{
	margin-left: 94px;
}
div#main-content div.content-component ul.testimonial-list li h3 {
	margin-left: 84px;
}

/* progression-routes */
body.progression-routes div#main-content {
	width: 460px;
}
body.progression-routes div#main-content h2{
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
}
body.progression-routes div#main-content hr {
	border: none;
	height: 28px;
	background: url(../images/site-design/progression-arrow.png) 50% 0 no-repeat;
	margin: 0;
	padding: 0;
}
div#progression-route-column-wrap {
	margin-left: -20px;
}
div.progression-route-column {
	margin-left: 20px;
	float: left;
	width: 210px;
}
div.parent-component{
	width: 300px;
}

/* key-facts */
body.key-facts div#main-content {
	width: 460px;
}
body.key-facts div#main-content h2 {
	margin-left: 0;
	margin-right: 0;
	margin-top: 10px;
}


/* favorites and ratings */
div#main-content div.entry-tools{
	margin-bottom: 30px;
	position: relative;
	width: 580px;
	padding: 0 10px;
	float: left;
	clear: both;
	min-height: 20px;
}
body.profiles div.favoritesul{
	margin-bottom: 20px;
}
div#main-content div.entry-tools-component {
	background-image: none !important;
	padding-bottom: 0;
}
body.profile-page div#main-content div.entry-tools{
	width: 440px;
	padding: 10px 0 0;
}
body.profile-page div#main-content div.entry-tools-component{
	margin-bottom: 10px;
	padding-bottom: 0;
}
div#main-content div.entry-tools p.top-button a {
	float: right;
}
div#main-content div.entry-tools p.top-button {
	border: 0;	
	width: auto;
	position: absolute;
	top: 0; /* remove when rating is in place */
	right: 10px;
}
body.company-profiles div#main-content div.entry-tools p.top-button{
	bottom: -20px;
	right: 0;
}

div.entry-tools p.top-button span {
	padding: 5px 20px 3px;
	text-transform: uppercase;
	width: auto;
	background: #004f84;
	float: left;
	font-size: 100%;
	letter-spacing: 0.09em;
}

/* favourites */


/* ratings */
div.star-rating{
	float: left;
	clear: left;
}
div.star-rating-large {
	margin-left: -5px;
}
div.star-rating-large p{
	margin-top: 5px;
	margin-left: 5px;
}
div#main-content div.star-rating-large p a{
	text-decoration: none;
}
div#main-content div.star-rating-large p a:hover{
	text-decoration: none;
}
div#main-content .star-rating img, 
body.welcome div.featured-component div.star-rating img,
div#secondary-content div.content-component div.star-rating img {
	background: none;
	border: none !important;
	margin: 0 3px 0 0 !important;
	padding: 0 !important;
	position: relative;
}    
div#secondary-content div.star-rating {
	margin-left: 91px !important;
}
div#main-content .star-rating {
	margin-left: 90px;
}
body.welcome div.featured-component div.star-rating {
	margin-left: 82px;
}
/* pagination */
div.pagination{
	float: right;
	clear: both;
}
div.pagination p{
	margin-bottom: 20px;
	font-size: 110%;
}
div.pagination a, div.pagination strong{
	background: #656565;
	padding: .3em .7em;
	float: left;
	margin-left: 3px;
}
div.pagination a:hover, div.pagination strong{
	background: #959595;
	text-decoration: none;
}
div.pagination p.page-number {
	padding-top: 15px;
	text-align: right;
}
div#main-content div.pagination a{
	text-decoration: none;
}

/* comments */
div#comments {
	float: left;
	clear: both;
	margin: 20px 0;
	width: 600px;
}
div#comments p.bottom-button {
	margin-top: 20px;
	float: left;
}
div#comments h2{
	background: #0b0b0b;
	text-shadow: none;
	font-size: 120%;
	margin-bottom: 30px;
	padding-top: 10px;
	border-top: 1px solid #212121;
}
div#comments form li{
	width: 600px;
}
div#comments form label{
	width: 600px;
}
div#comments form textarea {
	width: 598px;
	margin-bottom: 0;
	font-size: 120%;
	padding: .2em 0;
}
div#comments form li.input-container button{
	margin-left: 0;
}
ul.comment-entries {
	list-style-type: none;
	margin-left: 0;
	margin-bottom: 40px;
}
ul.comment-entries li {
	margin-bottom: 20px;
	float: left;
	clear: both;
	width: 600px;
}
ul.comment-entries h3{
	font-size: 1em;
}
ul.comment-entries img.avatar{
	float: left;
	margin-right: 20px;
	width: 50px;
	height: 65px;
	background: #fff;
	margin-top: 5px;
}
ul.comment-entries div.entry-content {
	margin-left: 70px;
}
div#main-content p.comment-total a{
	text-decoration: none;
}
div#main-content p.comment-total a:hover{
	text-decoration: underline;
}
/* video */
div#main-content div#video-interview {
	margin-bottom: 10px;
	height: 290px;
	background: #000 url(../images/site-design/ajax-loader.gif) 50% 50% no-repeat;
}
ul.video-entries {
	list-style-type: none;
	margin: -10px 0 0 -10px;
	width: 300px;
	padding: 0;
}
ul.video-entries li{
	position: relative;
	float: left;
	margin-bottom: 0;
	padding: 10px;
	min-height: 58px;
}
ul.video-entries li.current, ul.video-entries li:hover{
	background-color: #1a1a1a;
	cursor: pointer;
}
div#secondary-content ul.video-entries img{
	position: absolute;
	top: 10px;
	left: 10px;
	margin-right: 20px;
	margin-top: 3px;
	border: 1px solid #b9b9b9;
}
div#secondary-content ul.video-entries li h3 {
	font-size: 1em;
	float: left;
	margin: 0 0 0 94px;
	padding: 0;
}
div#secondary-content ul.video-entries p {
	margin: 0 0 0 94px;
	padding: 0;
	float: left;
}

div#secondary-content ul.video-entries p a{
	font-weight: bold;
}
div#secondary-content ul.video-entries p.vid-question {

	}
div#secondary-content ul.video-entries p.vid-length{
	padding-left: 0;
	float: left;
	clear: both;
	width: 150px;
}

/* style switcher */
div#style-switcher {
	position: absolute;
	top: 15.5em;
	right: 0;
	width: 11.15em;
	color: #fff;
	z-index: 1000;
	visibility: hidden;
}
div.show-me {
	visibility: visible !important;
}
div#style-switcher ul {
	margin: 0;
	padding: 0;
	float: left;
}
div#style-switcher ul li a {
	color: #fff;
	font-weight: bold;
}
div#style-switcher ul li{
	margin: 0 !important;
	padding: 0;
}
div#style-switcher ul ul {
	margin: -15px 0 0;
	padding: 10px 0 0;
	width: 115px;
}
div#style-switcher ul ul li a{
	color: #fff;
	padding: .4em 10px;
	font-weight: normal;
}
div#style-switcher ul ul li a:hover {
	text-decoration: none;
}

/* user messages */
body.message div#main-content div.content-component {
	height: 500px;
}

/* site search */
body.search div.pagination{
	margin-bottom: 20px;
}
body.search img.entry_img {
	width: 72px;
	height: 72px;
	background: url(../images/site-design/bg_image.jpg);
}
div#site-search {
	position: absolute;
	top: 90px;
	right: 30px;
	width: 245px;
	background: #000;
}
div#site-search ul, div#site-search li, div#secondary-site-search ul, div#secondary-site-search li {
	margin: 0;
	padding: 0;
	clear: none;
}
div#site-search input#keywords{
	float: left;
	border: 0;
	padding: .2em .2em .2em 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #555;
	width: 140px;
}
div#site-search button.button{
	float: right;
	margin: 0;
}

ul.recent-results {
	list-style-type: none;
	margin: 0;
	padding-bottom: 20px;
	float: left;
}
ul.recent-results li {
	display: inline;
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	padding-right: 5px;
	font-size: 110%;
	border-right: 1px solid #fff;
	line-height: 1.2;
	font-weight: bold;
}
ul.recent-results li.last-item {
	border-right: none;
}

label.error { float: none; color: red; vertical-align: top; padding-left: .5em; padding-top: 4px; font-size: 96%; } 
body.register label.error { padding-left: 0; float: left; width: 250px; margin-left: 140px; padding-top: 0;}
body.register li.captcha label.error { clear: both; margin-left: 0;}
span#no-username { float: left; margin-left: 140px; }

div#secondary-site-search input{
	float: left;
	width: 170px;
	border: 0;
	padding: .5em .2em .2em 5px;
	font-size: 1.1em;
	font-weight: bold;
	color: #555;
}
div.search-component{
	padding-bottom: 20px;
}
div#secondary-site-search button.button {
	float: right;
	margin: 2px 0 0;
}

div.thanks-component {
	height: 400px;
}

/* site map */
body.site-map div#main-content ul {
	margin-left: -20px;
	list-style-type: none;
	margin-bottom: 20px;
}
body.site-map div#main-content ul ul {
	margin-left: 0;
	margin-bottom: 10px;
	float: left;
}
body.site-map div#main-content ul li h2 {
	font-size: 1.1em;
	margin: 0 0 10px;
	color: #fff;
	width: auto;
	background: none;
	padding: 0;
}
body.site-map div#main-content ul li h2 a{
	padding: .4em 10px;
	width: 220px;
	background: #222;
	float: left;
	display: block;
}
body.site-map div#main-content ul li h2 a:hover{
	background: #3a3a3a;
	text-decoration: none;
}
body.site-map div#main-content ul li{
	width: 230px;
	float: left;
	margin-left: 20px;
	margin-bottom: 0;
}
body.site-map div#main-content ul li li{
	margin-left: 10px;
	width: 150px;
}

div#main-content div.content-component div#comp-summary h2 {
 	text-align: center !important;
 	margin-bottom: 0;
}

#no-username { position: absolute; left: -999em; }

body.user-messages div#main-content, body.progression-routes-flash div#main-content{
	width: 940px;
}