/*Do not add other styles to these floats*/
.left_float {
  float:left;
}
.right_float {
  float:right;
}
.left {
  float: left;
  margin: 0.5em 0.5em 0.5em 0;
}

.right {
  float: right;
  margin: 0.5em 0 0.5em 0.5em;
}
/*End floats*/

/*Banner settings*/
#midBanner .leftImage {
  float:left;
  line-height:normal;
  position:relative;
  z-index:1;
}
#midBanner .rightImage {
  float:right;
  line-height:normal;
  position:relative;
  z-index:1;
}
#print_logo_dept, #print_logo_uni {
  display:none;
}


#topBanner form {
  display:inline;
}
#topBanner img {
  margin-right: 2px;
}
#topBanner a {
  margin: 0 2px 0 0;
}
#midBanner {
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  z-index:1;
  position:relative;
}
#home_dept_logo {
  position:absolute;
  display:-moz-inline-stack;
  display: inline-block;
  width: 338px;
  height: 81px;
  border:0;
}
#home_uni_logo {
  position:absolute;
  display:-moz-inline-stack;
  display: inline-block;
  top: 85px;
  width: 338px;
  height: 81px;
  border:0;
}
/*End banner settings*/


/*Home page settings*/
#newsletter {
float: left;
}
/*End home page settings*/

/*Large and small rounded home page boxes*/
/* all curved boxes get the bottom-left corner */

.simonyi {
  margin-left: 15px;
}
/*End rounded home page boxes*/

/*Rounded corner right hand box*/
.subpage-rounded {
  margin: 0 0 20px 0;
  background: #ecf2f4;
  top: -2px;
  left: -2px;
}

#right_column_socialbookmark .subpage-rounded {
  margin-top: 16px;
}

.rightcontent_course .subpage-rounded {
  margin: 0;
}

.subpage-rounded * {
  margin: 0;
}
.subpage-rounded-one {
  background: url(/inc/img/roundedcorners/subpage-grey-tl-box.gif) top left no-repeat;

}
.subpage-rounded-two {
  background: url(/inc/img/roundedcorners/subpage-grey-tr-box.gif) top right no-repeat;
  margin: 0 0 0.5em 0;
  padding: 0.5em 2em 0 0.5em;
}
.subpage-rounded-three {
  background: url(/inc/img/roundedcorners/subpage-grey-br-box.gif) bottom right no-repeat;
}
.subpage-rounded-four {
  background: url(/inc/img/roundedcorners/subpage-grey-bl-box.gif) bottom left no-repeat;
  padding-bottom: 1em;
  padding: 0 1em 1em 1em;
  overflow: auto;
}

.subpage-rounded-four h3 {  
  padding-bottom: 1em;
}

.subpage-rounded-four ul {
  padding-left: 15px;
}
/*End right hand corner box*/

/*Rounded display for multimedia page*/
.subnav-multimedia {
  background:transparent url(/inc/img/nav/subnav-bg-multimedia.gif) repeat-y scroll left top;
  margin: 0px 0 10px 0px;
  padding: 0 10px;
  width:395px;
  float: left;
}
.subnav-centre-multimedia {
  max-height: 500px;
  overflow: auto;
  margin: 0 -2px 0 -7px;
}
.subnav-top-multimedia {
  background:transparent url(/inc/img/nav/subnav-top-multimedia.gif) no-repeat scroll left top;
  height: 10px;
  margin:0 -10px;
}
.subnav-bottom-multimedia {
  background:transparent url(/inc/img/nav/subnav-bottom-multimedia.gif) no-repeat scroll left top;
  height: 9px;
  margin:0 -10px;
}
.subnav-multimedia .item-image {
  padding-right: 5px;
  margin-bottom: 25px;
}
.subnav-multimedia .item-container {
  padding-left: 10px;
}
.subnav-multimedia .selected {
  padding-left: 4px;
}
/*End multimedia rounded corners*/
 
/*Application boxes*/
.personalinformation {
  float: left;
  width: 49%;
  margin-top: 0.5em;
  
}

.contactinformation {
  float: right;
  clear:right;
  width: 49%;
  margin-top: 0.5em;
}
/*End application boxes*/

/*full content pages - no widget or subnav*/
#full_content {
  padding: 20px 10px;
}
/*End full content*/

/*column settings*/
.subnav_singlepage {
  padding-left: 2px;
  /*margin: 0 0 0 2px;*/
}

.subnav_singlepage #middle_column {
  margin: 0px !important;
}

.subnav_singlepage #right_column {
  margin-top: -11px !important;
  margin-right: 10px !important;
}

.subnav_double_column {
  margin-left: 2px !important;
  margin-right: 8px !important;
}

.searchbox_singlepage {
  margin-left: 10px;
}

#middle_column {
  width: 60%;
  margin: 0 0 0 10px;
  float: left;
}

#middle_column h1 {
  width: 135%;
}

#promotionlargeleftcontent {
  float:left;
  width:68%;
  margin: 22px 0 0 10px;
  padding-bottom: 5px;
}

.rightcontent_course #middle_column {
  margin-left: 0;
}

#middle_column .icons img {
  border: none;
}

#middle_column a {
  font-weight: bold;
  color: #369; 
}

#middle_column p {
  padding-right: 0; 
}

.rightcontent_widget .headericon, #middle_column .headericon {
  vertical-align:middle;
}

#middle_column .headericon {
  margin: 0 5px 0 0;
  border: 0;
}

.icons p {
  padding-left: 4em;
  margin-top: 0;
}

.icons h2 {
  padding-left: 2em;
}


#middle_split {
  margin-top: 10px;
}

#right_column {
  width: 35%;
  float: right;
  margin-top: 0;
}

#right_column_socialbookmark {
  width: 35%;
  float: right;
  margin-top: 0px;
}

#right_column_alumni {
  width: 35%;
  float: right;
  margin-top: -11px;
}

#left_column {
  margin: 12px 1.7em 0 10px;
  float: left;
  width:246px;
}

#left_column_peace {
  margin: 20px 12px 0 10px;
  float: left;
  width: 325px;
}

.right_column_peace {
  width: 63% !important;
}

/*use if want to add a border around the gallery*/
#left_column_gallery {
  margin: 0 0 0 10px;
  float: left;
  width:246px;
}



#left_column_gallery h2 {
  padding: 5px 0 5px 6px;
  margin: 0;
  background-color: #006699;
  border-top: solid #012959 4px;
  color: #fff;
}

#left_column_gallery div {
  padding: 10px 0;
}

#left_column_gallery h3 {
  margin: 0;
  color: #002B5F;
  display: inline;
  vertical-align: top;
}

#left_column_gallery p {
    color: #000000;
    margin: 0;
    padding-left: 5px;
}

#left_column_gallery img {
  margin-right: 8px;
}

#left_column_gallery a:hover {
  color: #fff;
  text-decoration: underline;
}

#left_column_gallery #graduateschool {
  background-color: #ECF2F4;
    padding: 0 0;
}

#left_column_gallery #staff_academic {
  background-color: #6ab6dc;
}
#left_column_gallery #staff_programme {
  background-color: #92c3b2;
}
#left_column_gallery #staff_registry {
  background-color: #3ab2d4;
}
#left_column_gallery #staff_facilities {
  background-color: #c5d2e0;
}
#left_column_gallery #staff_directors {
  background-color: #a8d4d4;
}
#left_column_gallery #staff_admin {
  background-color: #88b1a3;
  border-bottom: #006699 solid 4px;
}

#left_column_multimedia {
  width: 45%;
  float: left;
  margin: 20px 17px 0 10px;
}

#right_column_multimedia {
  width: 51%;
  float: right;
  margin-top: 35px;
  margin-right: 10px;
}

#right_column_multimedia h2 {
  margin: 0 0 15px 0;
}

#readerpublishermodule0 {
width: 80%;
}

#research p {
margin:0.2em 0;
}

#research h3 {
margin-top: 2em;
bottom: 0;
padding-bottom: 0;
}

/*End column settings*/

/*full display for search results page*/
.rightcontent_widget {
  float: left;
  width:70%;
  margin: 22px 0 0;
  padding-bottom: 10px;
}
#specialsearchresults {
  margin-top: 0 !important;
}
#specialsearchresults h2 {
  margin-top: 2px !important;
}
.rightcontent_widget h1 {
  display: inline;
  padding-left: 10px;
}

.rightcontent_widget .headericon {
  vertical-align:middle;
}

span#viewBar_header h2 {
  font-weight: normal;
}

.resultsPage {
  margin-top: 0px;
}

#searchresultslist {
  margin-top: 0px !important;
}

.keyfacts_table {
  margin-top: 0px;
}

/*#subNav {
  float:left;
  padding:0;
  width:190px;
}*/

#subNav h3 {
  margin-top: 10px;
}

#dow_title {
  margin-top: 0px !important;
}

#resultsControlBarbottom {
  margin-top: 20px;
}

/*.numberofcourses {
  width:160px;
  float:left;
  margin-right: 20px;
}*/

.viewingstatus {
  float:left;
  width: 45%;
}

#viewBar_top {
  padding-right:0px;
}

#viewBar_top img {
  vertical-align: middle;
}

#viewBar_top a,#viewBar_bottom a {
  padding: 0px;
}

.resultsControlBar h3 {
  margin-top: 0;
}

.toggleable div{
  display: block;
}

.topLink {
  text-align: right;
  clear: right;
}

.emailfriend {
  float:right;
  display:inline;
}
/*End search results page*/

/*full display pages*/
#rightcontent {
  float: left;
  width:70%;
  margin: 0 0 22px 22px;
  padding-bottom: 5px;
}

.rightcontent_course {
  margin-left: 10px !important;
  margin-top: 19px !important;
  margin-right: 10px !important;
}

.rightcontent_special {
  /*margin: 22px 0 0 5px !important;*/
}

.rightcontent_special h1 {
  /*margin-left: 10px;*/
}

#rightcontent h1 a {
font-weight: normal;
color: #002B5F;
}

#rightcontent a, #searchcontent a, #dynamic_content a, #onlinepaymentdisplay a, #searchbox_all_courses a {
font-weight: bold;
color: #369;
}

.courses-widget 
a {
height: 25px;
}

#rightcontent img {
margin: 0px 10px 10px 0px;
border: solid 1px #666; 
}

#promotionlargeleftcontent img {
margin: 0px 10px 10px 0px;
}

#rightcontent img.newsfeed  {
border: 0 !important; 
}

#right_column img.newsfeed  {
border: 0 !important; 
}

#rightcontent img.hilite {
margin: 0px 0px;
border: solid 1px #666; 
}



#listing img  {
margin: 0px 10px 0px 0;
border: solid 1px #666; 
}

#listing li  {
margin-left: 180px;
}

#booknow img  {
border: 0;
padding: 0;
margin: 0;
}


#right_column img, #right_column_alumni img, #right_column_socialbookmark img {
border: solid 1px #666; 
margin: .2em .5em .3em 0;
}

#right_column img.FB {
border: none; 
}

#right_column p.FB {
padding: 0 0 3em 0;
margin-top: 0;
}

#rightcontent .documentlink {
  border: 0;
  margin: 0;
}

#rightcontent h1 img, .rightcontent_widget h1 img {
margin: 0px;
border: none; 
}

#rightcontent h2 img {
margin: 0px;
border: none; 
vertical-align: middle;
padding-right: 10px;
}


#middle_column p, #right_column p, #right_column_alumni p, #right_column_socialbookmark p {
padding-right: 0px;
}


#rightcontent #columnone {
  width:48%;
  float:left;
}
#rightcontent #columntwo {
  width:48%;
  float:right;
}
#rightcontent #columnone div {
  padding-top: 1em;
}
#rightcontent #columntwo div {
  padding-top: 1em;
}
#rightcontent #columnone #professional {
  padding-top: 2.7em;
}
#rightcontent #columnthree {
  width:24%;
  float:left;
  padding-top: 1em;
}
#rightcontent #columnfour {
  width:74%;
  float:right;
  overflow: auto;
  border: 1px solid;
  max-height: 600px;
  margin-top: 1em;
}

#courses_type_description {
  display: block;
}
#courses_type_subdescription_one {
  display: none;
}
#courses_type_subdescription_two {
  display: none;
}
#courses_type_subdescription_three {
  display: none;
}
#courses_type_subdescription_four {
  display: none;
}
#courses_type_subdescription_five {
  display: none;
}

.course_subtypes {
  border: solid 1px;
  margin-bottom: 2em;
  padding: 1em;
}

#dynamic_content img {
  padding-top: 0;
  margin-top: 0;
}

#dynamic_content {
  padding: 2px 10px 0 10px;
}

#dynamic_content h3 {
  margin-top: 0;
}

.fb-wrap {width:58px; overflow:hidden;}
.FB {position: relative; left:65px; top: -20px; width: 9.375rem;}

.social_bookmarking img, #social_bookmarking_sub img {
  margin: 0 0 0 10px !important;
  border: none !important;
}

#social_bookmarking_sub_container, #link_sub_container {
  position: absolute;
  z-index: 9999;
}

#link_sub {
  background: url('/inc/img/favicons/link_top.gif') no-repeat scroll left top;
  position: relative;
  top: 18px;
  left: 255px;
  height: 140px;
  padding: 20px 20px 0 0;
  width: 290px;
}

#link_sub_inner {
  color: #7b7b7b;
  padding: 5px;
}

#link_sub_content {
  padding: 0 0 0 10px;
}

#social_bookmarking_sub {
  background: url('/inc/img/favicons/share_top.gif') no-repeat scroll left top;
  position: relative;
  top: 18px;
  left: 405px;
  height: 140px;
  padding: 20px 20px 0 0;
}

#social_bookmarking_sub_content {
  padding: 8px 0 0 0;
}

#social_bookmarking_sub_top, #link_sub_top {
  border-bottom: dotted 1px #dce3eb;
  margin-bottom: 10px;
  color: #7b7b7b;
  padding-left: 10px;
}

#social_bookmarking_sub_bottom {
  border-top: dotted 1px #dce3eb;
  margin-top: 10px;
  padding-left: 10px;
}

#social_bookmarking_sub_content a {
  font-weight: normal !important;
}

#social_bookmarking_sub_col1 {
  float: left;
  width: 120px;
}

#social_bookmarking_sub_col2 {
  float: right;
  width: 120px;
}
/*End course display pages*/

/*image alignment styles*/
.illustration_right {
  float:right;
  margin-bottom:2em;
  margin-left:1em;
}
.illustration {
  float:right;
  margin-bottom:2em;
  margin-left:1em;
  border: 0 !important;
}
.tutorimg {
  float: right;
  border: solid 1px #000;
  margin-left: 5px;
}
/*End image alignment*/

/*Settings for online payment pages*/
#onlinepaymentdisplay dl {
  margin-top: 5px;
}
#onlinepaymentdisplay dt {
  font-weight: bolder;
  /*padding-left: 15px;*/
  padding-top: 5px;
}
#onlinepaymentdisplay dd {
  /*padding-left: 15px;*/
  margin-bottom: 0;
  margin-right:4em;
}
#onlinepaymentdisplay dd.submitButton {
	padding-top:15px;
}
#onlinepaymentdisplay input.inlineButton {
	height: 20px;
	vertical-align: middle;
	margin: 0;
	font-size: 12px;
	padding: 0;
	width: 100px;
}
#onlinepaymentdisplay {
  margin: 0 10px 0 10px;
  padding: 10px 0 10px 0;
}
#onlinepaymentdisplay input.submit,
#full_content input.submit,
#rightcontent input.submit {
	border:none;
	background-color:#008cba;
	color:white;
	font-size: 0.8125rem;
	width: 120px;
}
#full_content input.addAdditional {
	border:none;
	background-color:#008cba;
	color:white;
	font-size: 0.8125rem;
}

.card_icons {
  border: 0 !important;
  margin: 5px !important;
}
.shoppingbasket {
  margin: 0 0 0 10px;
}
#onlinepaymentdisplay label {
  display: inline;
  padding-right: 10px;
}
#onlinepaymentdisplay input[type="radio"] + label{
	margin-left:30px;
	margin-right:0;
}
/*End online payment pages*/

/*Settings for the user accounts and shopping basket*/

#login {
  padding: 30px 10px 10px;
  height: 650px;
}

#editdetails {
  padding: 30px 0px 10px;
}

#left_div {
  float:left;
  width: 47.5%;
}

#left_fieldset {
  width: 100%;
}
#register_fieldset {
  width: 100%;
}

#forgotten_fieldset {
  width: 50%;
  margin-right:10px;
}


#help_fieldset {
  float: right;
  width: 47.5%;
}


/*End login and basket*/

/*Invoice payment pages*/
.invoice_header {
  padding: 10px 0 10px 0;
}
#invoice_addressee {
  padding: 10px 0;
}
#invoice_total {
  float:right;
  text-align: right;
  width: 20%;
}
#invoice_detail {
  float:left;
  width: 75%;
}
/*End invoice payment pages*/

/*Table settings for course display*/
.keyfacts_table th {
  width: 30%;
}
.keyfacts_table tr {
  line-height: 20px;
}
/*End table settings*/

/*General settings*/
.snippet-left {
  margin-right:5%;
  float:left;
  width:47%;
}
.snippet-right {
  float:right;
  width:47%;
}
.toTop {
  float:right;
}
.vertical_alignment {
  vertical-align:middle;
}
#admin_area table, #admin_area td {
  width: 650px;
  border: 1px solid #000;
}
.funding {
 padding-left: 20px; 
}
.funding p {
 padding-left: 30px; 
}
.funding ul  {
  padding-left: 50px;
}
.funding_nopadding {
  padding-left: 0px !important;
}
#vacancy_surround div {
  font-size: 0.689em;
  margin-left: 35px;
}
#vacancy_surround p {
  margin-left: 35px;
}
.vacancy_layout {
  margin:10px 0 10px 35px;
  font-size: 0.689em;
}
.vacancy_layout_bold {
  font-weight: bold;
  font-size: 0.689em;
}
.vacancy_layout_hidden {
  font-size: 1em;padding: 2px 10px; 0 10px;overflow:auto; display: none; position: absolute; top: 250px; left: 200px; width: 700px; height: 450px; border: 1px solid #000; background: white;
}
/*End general settings*/

/*general promotion settings*/
.rightcontent_promotion {
    float: left;
    width:70%;
    margin: 22px 0 0 0;
    padding-bottom: 5px;
    padding-left: 2px;
  }
.rightcontent_promotion #middle_column {
  margin: 0px !important;
}
.rightcontent_promotion a {
  font-weight: bold;
  color: #369;
}
.rightcontent_promotion h1 a {
  font-weight: normal !important;
  color: #002D62 !important;
}
.rightcontent_promotion h1 {
  display: inline;
}
/*end promotion*/

#staff_contact {
  border: none;
}



@media screen and (max-width: 720px) {

	#left_div {
	  width: 100%;
	}

	#help_fieldset {
	  width: 100%;
	}
	
	.personalinformation {
	  width: 100%;
	}

	.contactinformation {
	  width: 100%;
	}

	#forgotten_fieldset {
	  width: 100%;
	  margin-right:0;
	}

}