/* Layout styles */

.formField {margin-bottom: 3px; float: left; width:auto;}

html, body {height:100%}

body {padding: 0; margin: 0; background: #000; color: #333; font: .7em/1.7em Verdana, Arial, Helvetica, sans-serif; /* left column border */}
a {color: #997398;}
hr {display: none;}
#content #breadcrumb {margin-bottom: 10px; float:left; width:100%;}
.print {float: right;margin-top:0px; position:absolute; top:4px; right:10px; text-transform: uppercase; background: #fff url(../images/print.gif) no-repeat left bottom; padding-left: 23px; padding-right: 0px; }

/*********** site structure styles ***********/

#header {height: 88px; width: 990px; background: url(../images/header.jpg) no-repeat 0 0; border-bottom: solid 2px #fff;}
#header h1 {margin: 0;}
#header h1 a {background: url(../images/client_id.gif) no-repeat 0 0; /* this is the client logo */ width: 446px; height: 88px; display: block; float: left;}
#header h1 a span {display: none;}
#header form { }

.toolbar-item div.search-line {height: 27px; width:767px; background: #000 url(../images/search_bg.gif) no-repeat 0 0; float: right; margin-top: 2px;}
.toolbar-item input.searchinput {float: right; background: #808080; width: 98px; height: 15px; margin: 5px 65px 5px 5px; border: none;}
.toolbar-item .label {display: none;}
.toolbar-item .searchimage {background: #000 url(../images/search_button_bg.gif) no-repeat 0 0; width: 55px; height: 16px; float: right; margin-top: 5px; margin-right: -165px;}

/*main elements*/

#mainNav {width: 223px; margin-top: -27px;}

#outer {height: 100%; margin: 0; width: 990px; float: left;	background: #fff; /* right column border */ }

html>body #outer {min-height: 100%;	height: auto;}

#container {height: 1%;	width: 990px;}
html>body #container {float: left;}

.outerwrap {float: left; width: 990px;  /* This is VITAL for Mac IE so the rollovers don't disappear on mouse over */}

#centrecontent {float: right; width: 757px; margin: 0;position:relative;}
#content {padding: 10px;float:left; width:auto;}
#content .section {display:inline;}

#left {position: relative; padding: 0; float: left; width: 223px;}

#right {position: relative; float: right; background-color:#fff;z-index:10; padding-left:10px;padding-top:22px; /*width: 195px;*/}
#right a {display:block; padding-bottom:10px;}

#footer {clear: both; height: 20px; position: relative; margin: 0; padding: 5px 0 0 0; background: #FFF; width: 990px;}
#clearfooter { clear: both; height: 40px; display: none; }
#footer a {	color: #9C9C9C;}

/*  Navigation styles */

#mainNav ul { float: left; width: 223px; margin: 0; padding: 0; list-style-type: none; background: #606060;}
#mainNav ul li { display: inline;  float: left;}
#mainNav ul li a { background: #997398;border-bottom: solid 2px #fff; min-height: 17px; width:195px; float: left; display: block;  color: #FFF; margin: 0; text-decoration: none; padding: 5px 14px; font: normal 1.1em arial, helvetica, sans-serif;  }
#mainNav ul li a:hover, #mainNav ul li a.active { background: #795378; text-decoration: none; }
/* Last main nav item  - for fourm*/
#mainNav ul.informationNav > li.last > a  { background: #92BD51; color:#344E0D }

#mainNav ul.informationNav > li.last a:hover, 
#mainNav ul.informationNav > li.last a.active { background: #82A64C; text-decoration: none; }

li.navTitle {border-bottom: solid 2px #fff; height: 17px; width:209px; float: left; display: block;  color: #fff; margin: 0; text-decoration: none; padding: 5px 7px; font: bold 1.1em arial, helvetica, sans-serif; white-space: nowrap; background: url(../images/navTitle_bg.gif) no-repeat top right;}
li.navForum a {background: #92BD51; color: #354810;}
#mainNav ul li.navEnquiry a {background: #92BD51; color: #354810;padding:5px 21px 5px 7px;font-weight:bold;}
#mainNav ul li.navEnquiry a:hover, #mainNav ul li.navEnquiry a.active {background:#82A64C none repeat scroll 0 0;text-decoration:none;}
#mainNav ul.informationNav li a {background: #78BFBB; color: #085988;}
#mainNav ul.informationNav li a:hover, #mainNav ul.informationNav li a.active {background:#74AFAC;}

/*Secondary*/

#mainNav ul.informationNav li ul li a {background: #7BA8C5; color: #142249; padding-left: 24px; width: 185px;}
#mainNav ul.informationNav li ul li a.active, #mainNav ul.informationNav li ul li a:hover {background: #5992B7;}
#mainNav ul.informationNav li ul li a.active { font-weight: bold;}

/*Tertiary*/

#mainNav ul.informationNav li ul li ul li a {background: #3A5593; color: #fff; padding-left: 39px; width: 170px;}
#mainNav ul.informationNav li ul li ul li a.active, #mainNav ul.informationNav li ul li ul li a:hover {background: #273F78;}
#mainNav ul.informationNav li ul li ul li a.active  { font-weight: bold;}

/*Quaternary*/

#mainNav ul.informationNav li ul li ul li ul li a {background: #182B62; color: #fff; padding-left: 55px; width: 154px;}
#mainNav ul.informationNav li ul li ul li ul li a.active, #mainNav ul.informationNav li ul li ul li ul li a:hover {background: #12224F;}
#mainNav ul.informationNav li ul li ul li ul li a.active { font-weight: bold;}


/*profile nav*/

/*ul.profile_nav {width: 90px; float: left;}
div.profile_main p, div.profile_main h3, div.profile_main h4, div.employer_profile p {width: 560px; padding-left:160px;}
table.rendertable tbody tr td p {width: 300px;}
div.logo_subnav {}*/

/*left*/

#toolbar-left {background: #949494 url(../images/login.gif) no-repeat bottom right; width:223px; }
#left form {height: 100px;}
#toolbar-left h2 {color: #fff; font-size: 1em; text-transform: uppercase; margin: 0 auto; padding-left: 20px;}
#toolbar-left label {color:#C9C9C9; padding-left: 10px; min-width: 70px;}
#toolbar-left #id2 {margin-left: 4px;}
#toolbar-left input.button {clear: none; float: left; font-size: 1em; background: #949494; border: none; margin-top: 10px; margin-left: 10px; color: #fff; font-weight: bold; text-transform: uppercase;}
#toolbar-left a {color: #fff; text-decoration: none; padding-left: 20px; width: 230px; clear: both; float: left;}
#left .toolbox-content .info-text p {margin-left: 20px;}

li.hobsons a{background: #fff url(../images/hobsons.gif) no-repeat bottom left; height:60px; width: 223px; display: block; color: #fff;}

/* Right column Styles */

#right h1 {font: bold 1.2em Arial, Helvetica, sans-serif; color: #2D2D2D; margin: 0 0 10px 0;}
#right ul { position: relative; margin: 0; padding: 5px; list-style-type: none; border: 1px solid #DBDFE4;}
#right ul li { display: inline; margin: 0; padding: 0;}
#right ul li a {display: block;	color: #5E656E;	padding: 0 0 1px 0;	margin: 5px 0; text-decoration: none; border-bottom: 1px solid #F2F2F2;font: normal 1em arial, helvetica, sans-serif;}
#right ul li a:hover, #right ul li a.active {text-decoration: none;	color: #DA4D3D;}


/* Content Styles */

#centrecontent p {margin: 0 0 1em 0; line-height: 1.5em;}
#centrecontent a {color: ##997398; text-decoration: none;}
#centrecontent a:hover {text-decoration: none;}
#centrecontent ul p {margin: 0 0 1em 0; line-height: 1.5em;}

/* centrecontent form panels */

#centrecontent form {margin: 0; padding: 0 0 0 20px;}
#centrecontent form label input { border: 1px solid #939393; background: #FFF;}

/*main banner*/
#centrecontent .adBanner {margin: 10px auto;float:none;}
.adBanner {width: 480px; }
.adBanner a {padding-bottom:10px;float:left; width:auto;}

.skyscraper_ad {margin:15px 0; text-align: center;}

/* right panels */

#right h2 {	font: bold 1em Verdana, Arial, Helvetica, sans-serif; color: #8E8E8E; margin: 0 0 10px 0; padding: 0; text-transform: uppercase;}
#right form input.button {cursor: pointer; background: white; border: 1px solid #000; font: normal 1em verdana, arial, helvetica, sans-serif;}
#right .toolbox-design p {padding: 0; margin: 0 0 13px 0;}
#right .toolbox-design .content-link p {padding: 0; margin: 8px 0;}
#right .toolbox-design a {display: block; color: #333;}
#right .toolbox-design a:hover {text-decoration: none;}

/* Footer Styles */

#footer ul {list-style-type: none; margin: 0 auto; padding: 0 15px;  border-top: 1px solid #908F8B; }
#footer li {display: inline; margin: 0; pading: 0;}
#footer li a {float: left; padding: 0 5px; }
#footer li.last a {border-right: none;}
#footer li a:hover {text-decoration: none;}

/* Credits Footer Styles */

#footer ul#Credits {margin: 0 auto;}
#footer ul#Credits li a, #footer a {font-size: .8em; color: #90908E; float: left;}
#footer ul#Credits li.eZpublish a {border-right: none;}

/* Hidden content */
.structurelabel, .skiplinks{position: absolute; left: -5000px; width: 4000px;}

/* Content Heading Styles */

#centrecontent h1 {font: bold 1.8em Arial, Helvetica, sans-serif; color: #997398; margin: 0 0 10px 0;  clear: both;}
#centrecontent h2 {font: bold 1.6em Arial, Helvetica, sans-serif; color: #997398;margin: 0 0 10px 0;  border-bottom: dotted 1px #000;}
#centrecontent h3 {font: bold 1.4em Arial, Helvetica, sans-serif; color: #997398; margin: 15px 0 5px 0; }
#centrecontent h4 { font: bold 1.3em Verdana, Arial, Helvetica, sans-serif; color: #997398; margin: 0; padding: 0; clear: both;}
#centrecontent h5 {font: bold 1.2em Verdana, Arial, Helvetica, sans-serif; color: #997398; margin: 0; padding: 0; clear: both;}
#centrecontent h6 { font: bold 1.1em Verdana, Arial, Helvetica, sans-serif; color: #997398; margin: 0; padding: 0; clear: both;}

form.search_form .feedback h2, form.search_form div.warning h2 {padding-top: 40px;}

/* Rich text Image styles */
div.imageleft, div.imageright, div.leftobject, div.rightobject{ padding-top: 4px; padding-bottom: 4px; display: inline;}
div.imagecenter, div.centerobject{ width: 100%; padding-top: 4px; padding-bottom: 4px; display: block;}
div.imagecenter{text-align: center;}
div.imageleft, div.leftobject{float: left; padding-right: 8px;}
div.imageright, div.rightobject{ float: right; padding-left: 8px;}
div.imageleft p.picturetext, div.imageright p.picturetext, div.imagecenter p.picturetext{ margin-top: 2px; margin-bottom: 2px;}
div.imageleft p.picturetext, div.imageright p.picturetext, span.picturetext{ background-color: #f0f0f0;}
.indent {padding-left: 20px;}
.imagethumb {float: left; padding:10px;}
table {border-collapse: collapse; border-spacing: 1;}
th { text-align: left; vertical-align:top; }
td { /*border: 2px solid #f0f0f0;*/ }

/*form styles*/

.ratingsSearch P, form.search P {/*padding-left:20px;*/float: left; width: 100%;}
.ratingsSearch h1, form.search H1 {margin:0px 0px 20px 0px; padding:32px 34px 12px 0px; color:#FFF; background:#4D4F53; font-size:2.4em; text-align:right; text-transform:uppercase;}
.ratingsSearch FORM, form.search FORM {width:505px; padding:0px 0px 0px 20px;}
.ratingsSearch .formElement, form.search DIV.formElement {float:left; clear:left; width:525px; padding:3px 0px;}
.ratingsSearch label, form.search LABEL, .block label, .jobsearch label, .mbaProgramSearch label, .resultSearchForm label {display:block; clear:left; width:130px; float: left;}
.ratingsSearch fieldset, form.search FIELDSET {float:left; clear:left; margin:10px 0px 0px 0px; padding:5px 0px 10px 220px;}
.ratingsSearch fieldset label, form.search FIELDSET LABEL {width:300px; padding:1px 0px;}
.ratingsSearch input.formCheckbox, .ratingsSearch input.form radio, form.search INPUT.formCheckbox, DIV#centrecontent DIV.form INPUT.formRadio {width:22px; padding:0px; border:none;}
.ratingsSearch input.formSubmit, form.search INPUT.formSubmit {float:right; width:auto; margin:10px 0px 0px 0px; color:#000; background:#ccc; border:none;}
.ratingsSearch textarea, form.search TEXTAREA {float:left; height:150px; width:296px; padding:4px 3px; border:1px solid #4D4F53;}
.ratingsSearch fieldset#inquiry_type, form.search FIELDSET#inquiry_type {border: none;}
.ratingsSearch FIELDSET#inquiry_type legend.mandatory, form.search FIELDSET#inquiry_type legend.mandatory {float: left; clear: left; margin: 0 0 -25px -222px;}
input.button, div.compareRatings input, .buttonblock input.button, input.defaultbutton, input.submit, input.formsubmit {float: right; clear: both; margin: 5px 0; background: #fff; border: none; color:#997398; text-transform: uppercase; font-weight: bold; border: solid 1px #997398; }
input.button {float: left;}
.section  input.formsubmit {clear:none;}
.class-forum-topic td.author form input.button { background: #E0DBDB;}
p.requiredfields { padding:5px 0 5px 0; font-weight: bold;}
.ratingsSearch fieldset { padding-left: 0; border: none;}
#content form#forum_topic {width: 590px;}

div.searchForm{float: left; width: auto !important; width: 100%;}
div.searchForm label{display: inline; float: left;}
div.searchForm input.submit{margin: 5px 0; float: right;}
	/*login*/
	#content form {width: 430px;}
	input#old_password, input#new_password, input#new_password_confirm, #content form input#id1, #content form input#id2, input#email {float: right; width: 150px; border: solid 1px #939393;}
	input#email {width: 270px;}
	
	/*signup*/
	.register_personal_info, #register fieldset {border: none; width: 400px;}
	#register legend {font-weight: bold;}
	
	/*search*/
	form#course_search, form#institution_search, form#career_search {width: 400px; margin-top: 50px;}
	select#campus, input#subjects, select#field_of_work, select#type_of_work, select#skill_level, input#occupation_name, input#institution_name, select#institution_type, select#field_of_study, select#location, select#qualifications, select#mode_of_study, input#course_name, input#provider_name {float: right; width: 215px; border: solid 1px #939393;}
	select#type_of_work {}
	.courseSearch a {background: url(../images/back.gif) no-repeat 0 50%; float: left; padding-left: 15px; clear: both; margin: 5px 0}
	
	/*institution ratings search & mba Search*/
	.institutionRatingsSearch .formField {/*width: 140px;*/height: auto}
	fieldset {border: none;}
	.ratingsSearch fieldset form,.institutionRatingsSearch form {width: 400px;}
	.institutionRatingsSearch legend, .ratingsSearch legend {font-weight: bold;}
	input#areaOfStudy, select#modeOfStudy, select#paymentOption, select#state2, select#ratingType, input#institutionName, select#state, select#ratingType, select#fieldOfStudy {float: right; width: 215px; border: solid 1px #939393;}
	input#areaOfStudy, div.mbaProgramSearch select#state {}
	input#studyTypePostgraduate, input#studyTypeUndergraduate, input#fosStudyTypeUndergraduate, input#fosStudyTypePostgraduate, label.typeSelector, .studyTypeLabel {width: auto; clear: none; float: left; display: inline;}
	.studyTypeLabel {padding-right: 63px;}
	label.typeSelector {padding-right: 6px;}
	.ratingsSearch .institutionRatingsSearch .formField {float: left; width: 430px;}
	.institutionRatingsSearch fieldset {border: none;}
  	select#ratingTypePG, select#ratingType, select#fieldOfStudy, select#targetGroup {width: 290px; /*margin: 0 0 10px 0;*/}
	select#ratingTypePG {float: right;}
	.ratingsSearch .institutionRatingsSearch,
	.ratingsSearch .perRatingSearch,
	.ratingsSearch .fieldOfStudySearch{float: left;width: 100%;}
	.ratingsSearch .institutionRatingsSearch .formField,
	.ratingsSearch .perRatingSearch .formField,
	.ratingsSearch .fieldOfStudySearc .formField	{width: 430px;}
	.ratingsSearch input.submit{float: right; clear: both; margin: 5px 0;}
  
  .campus { margin: 5px 0px 0px 0px; }
  .campus a, .jobsearch .searchResults ul li a {clear: right;}
	
	/*jobsearch*/
	.jobsearch form {width: 400px;}
	select#region, select#levelOfStudy, input#keyword, input#organisationName, select#country, select#fieldOfStudy, select#supportType, select#targetGroup { top: 0px;left: 150px;float: right; margin:0; width: 215px; border: solid 1px #939393; vertical-align:top;}
	input#keyword, input#organisationName {margin:0 ;vertical-align:top; top: 0px;left: 150px}
	input#organisationName {margin:0;vertical-align:top;  top: 0px;left: 150px}
	
.site vcard {float: left;}
.site {clear: right;}
.sites {float: left; }
.courseSearch {float: left; clear: left; margin-top: 20px;}
.jobsearch .searchResults ul li {margin-bottom: 10px;}
a.backLink {clear: both; float: left;}

/*Course search inquiry*/

/*.course_search_results #inquiry ul li {list-style-type: none;}
.course_search_results #inquiry ul li input {float: left; clear: none; margin: 0 5px 0 0; }
.course_search_results #inquiry input, #profile .paidprofile .profile_main form#inquiry input {clear: both; margin-top: 5px; background:#997398; border: none; color:#fff; text-transform: uppercase; font-weight: bold; border: solid 1px #997398; }
#profile .paidprofile .profile_main form#inquiry input {margin-bottom: 10px;}
#profile .paidprofile .profile_main h2 {border: none; color: #fff; text-align: right; width: 100%; padding: 13px 5px; background: #606060 url(../images/profile_heading.gif) no-repeat top left;}
#profile .paidprofile .profile_main h2 a {color: #fff;}

#profile .paidprofile .logo_subnav ul.profile_nav {float: left; width: 85px; padding: 0}*/
.paidprofile .subnav ul.profile_nav li {list-style-type: none;}
/*#profile .paidprofile .profile_main, .course_search_results, .courseSearch, div.sites div.site {float: right; width: 600px; margin: 0 10px 0 10px; border-left: solid 1px #ccc; padding-bottom: 10px; padding-left: 10px;}*/

.profile_main a img {clear: right;}
.paidprofile .profile_main table.renderedtable {clear: left;}

.paidProfiles .paidprofile{clear: left;}
.paidProfiles .paidprofile table.renderedtable,.paidProfiles .paidprofile h2{clear: left;}


/*Vodcast/podcast*/
div.vodcast a, div.podcast a{color: #7B2E7C}
div.vodcast h2, div.podcast h2 {float: left; color:#92BD51; background: #fff; text-align: left; width: 100%}
div.vodcast .body{background: #E6E6E6; padding: 10px; width: 100%;}
div.podcast div.audio{width: 100%; background:#D3D3D3; padding: 10px; float: left;}
div.podcast div.body p, div.podcast a {width: 100%; background:#E6E6E6; padding: 10px; float: left;}
div.podcast div.audio a {background: #D3D3D3; width: 98%;}

/*tables*/

table, table.institutionList, table.dataTable, table.factFileTable,  table.list { width: 600px; }
div.compareRatings {width: 600px; margin: 10px 0px;}

tr.tr_shaded {background: #F0F0F0;}

table.list {clear: left; width: 370px;}
.content-navigator {clear: right; padding-bottom: 35px;}
.content-navigator-next-disabled {width: 75px;}
.content-navigator-arrow {display: none;}
.content-navigator-previous, .content-navigator-separator, .content-navigator-forum-link, .content-navigator-separator-disabled,  .content-navigator-next-disabled { float: left; }

.firstColumnNarrow { width: 250px; }
.secondColumnNarrow { width: 170px; }

/*shading*/

#centrecontent table td.shading1 {background: #B38FB5; color: #fff!important; font-weight: normal; border: solid 1px #7F4B57;}
#centrecontent table td.shading2 {background: #E5CEE8; color: #313630!important; font-weight: normal; border: solid 1px #BF7995;}
#centrecontent table td.shading3 {background: #F9E8FA; color: #313630!important; font-weight: normal; border: solid 1px #D7B0B1;}

/* Star Ratings CSS */

div.ratings ul.ratingsList {list-style-type: none; font-size: 2em; font-weight: bold; color: red;}
div.ratings ul.ratingResults {font-weight: normal; color: #000; font-size: 0.5em; padding-bottom: 20px;}

.star-rating, .star-rating a:hover, .star-rating a:active, .star-rating a:focus, .star-rating .current-rating{background: url(../images/rating_star.gif) left -1000px repeat-x;}
.star-rating{position:relative; width:125px; height:25px; overflow:hidden; list-style:none; margin:0; padding:0; background-position: left top;}
.star-rating li{display: inline; margin:0; padding:0;}
.star-rating a, .star-rating .current-rating{position:absolute;	top:0; left:0; text-indent:-1000em;	height:25px; line-height:25px; outline:none; overflow:hidden; border: none;}
.star-rating a:hover, .star-rating a:active, .star-rating a:focus{background-position: left bottom;}
.star-rating a.stars-1{	width:20%; z-index:6;}
.star-rating a.stars-2{ width:40%; z-index:5;}
.star-rating a.stars-3{	width:60%; z-index:4;}
.star-rating a.stars-4{	width:80%; z-index:3;}
.star-rating a.stars-5{ width:100%; z-index:2;}
.star-rating .current-rating{z-index:1;	background-position: left center;}	

/* for an inline rater */
.inline-rating{display:-moz-inline-block; display:-moz-inline-box; display:inline-block; vertical-align: middle;}

/* smaller star */
.small-star{width:50px; height:10px;}
.small-star, small-star a:hover,.small-star a:active,.small-star a:focus,.small-star .current-rating{background-image: url(star_small.gif);line-height: 10px;	height: 10px;}

/* Tag Clouds */
div.tagcloud{ border: 1px solid gray; padding: 10px; float: right; margin-bottom: 20px;}
ul.tagcloud, ul.keywords{ margin:0; padding:0; display: inline;}
ul.tagcloud li, ul.keywords li{ width: 50px; display: inline; margin:0; padding-right:0.2em;}
div.logo_subnav{float: left; overflow: hidden;}
div.profile_main{padding-left: 5px; width: 80%;}
ul.profile_nav {clear:both; list-style-type: none; border-bottom: dotted 1px #000; border-top: dotted 1px #000; height: 40px; width: 550px; padding-left: 10px;}
ul.profile_nav li {display: inline; float: left;  margin-top: 10px; margin-right: 20px;}
	ul.profile_nav li a {color: #0F597C; }
	#centrecontent ul.profile_nav li a:hover {text-decoration: underline;}

table.forum { width: 100%; clear: both;}

/* User regristration form */

form#register label{display: block;}
form div.attribute{ margin: 2px 0; padding: 2px;}
form#register fieldset.name div.attribute, form#register div.state, form#register div.postcode{ float: left; margin-right: 5px;}
form#register div.country{clear: left;}
form#register fieldset.useraccount label, div.join_mailinglist label, form#forum_topic label, form#forum_reply label{ float: left; width: 15em;}
form#register fieldset.useraccount div.attribute{clear: left;}
form div.error{border: 1px solid red; padding: 4px;}
form p.error{color: red;}
form#register fieldset.useraccount p.error{ margin-left: 5em; display: inline;}
form#register > div{ margin: 0 5px 5px 0; padding: 5px;}
.x-error { background-color: #C00; color: #fff; }

/* inquiry form */
#inquiryForm .formFieldWidth { width: 312px; }
#inquiryForm table tr td { padding-bottom: 5px; vertical-align: top; }

.sharethis {
  clear: both;
  padding: 30px 0px 15px 0px; 
}