/* 
    #1F5394; dark blue
    #EEEEFF; light blue
    #CC0066; cs red
    #708090; grey 
    #B40A62; dark red
*/


table.ug {
    width:99%;
    border-collapse:collapse;
    border:0;
    margin:0;
    padding:0;
}

table.ug td.ugContent{
    width:auto;
    text-align: left;
    vertical-align: top; 
    padding:0;
   
  /*
    color:inherit;
    background-color:#F1F1F1;
  */
}

table.ug td.ugSidebar {
    width:180px;
    text-align: left;
    vertical-align: top; 
    padding:0;
   
  /*
    color:inherit;
    background-color:#F1D1F1;
  */
}

table.ug td.ugSeparator {
    width:1em;

  /*
    color:inherit;
    background-color:#F1F1D1;
  */
}

h3.ugH {              /* Red subheading */
    margin-top: 0.8em;
    margin-bottom: 0.2em;
    padding:0;
    font-size:1.1em;
    /* font-size:1.0em; */
    font-weight:bold;
    color:#CC0066;
    background-color:inherit;
}

.ugHDefault {	/* Default subheading - just determines line spacing issues */
    margin-top: 0.8em;
    margin-bottom: 0.2em;
    padding:0;
}


/* Works in Firefox but not in IE, hence use p.ugH instead !!
  h3.ugH + p{ margin-top: -1.0em; color:orange; }
*/

p.ugH {
    margin-top: 0;
}

p.ugHighlight {
    text-align:center; 
    color: inherit;
    background-color:#EEEEFF;
    border:1px solid #1F5394;

}

div.ugContentTestimonialsContainer {
    margin:0 0 1.0em 0;          /* maintain gap  between following info */
    padding:0;
    font-size: 0.8em;
    font-style:normal;
    font-weight:normal;
    border:1px solid #1F5394;
}

table.ugContentTestimonial {
    margin:0;
    padding:0;
    width:98%;
    border-collapse:collapse;
}

  td.ugContentTestimonialImage {
    width:120px;
    vertical-align:middle;
    text-align:center;
}
 
#content img.ugContentTestimonialImg{
    margin:0;
    padding:0;
}

  td.ugContentTestimonialEntry {
    margin:0;
    padding:0 0 0 0.5em;
}

div.ugContentTestimonialIntro{
    font-weight:bold;
}

div.ugContentTestimonialQuote{
}



div.ugSidebarImageContainer {  /* Container for the house-style composite images */
    margin:0;
    padding:0;
    border: 0;
}

img.ugSidebarImg { /* default composite image in sidebar */
    margin:0;
    padding:0;
    border: 0;
    width:150px;
}

div.ugSidebarGeneralImageContainer {  /* Container for random images in Sidebar */
    margin:0 0 0.5em 0;
    padding:0;
    border: 0;
}

img.ugSidebarGeneralImg {   /* random images appearing in the sidebar - 
                               everything except the House Style Composite images
                               - centered */
    /* need to allow for different width pictures */
    display: block; margin-left: auto; margin-right: auto; /* align centre */
}


div.ugSidebarBulletinContainer { /* Place multiple Bulletin boxes in here */
    margin:0;
    padding:0;
    font-size:0.7em;
    font-style:normal;
    font-weight:bold;
    text-align:left;
}

div.ugSidebarBulletinStandard {  /* Place this inside a Bulletin Container */
    margin:0 0 0.5em 0;        /* Leave a space beteen bulletins */
    padding:0.2em 0.4em;
    border: 1px solid #EEEEFF;
    color:inherit;
    background-color:inherit;
} 

div.ugSidebarBulletinStrapline {  /* Place this inside a Bulletin Container */
    margin:0 0 0.5em 0;        /* Leave a space beteen bulletins */
    padding:0.2em 0.4em;
    border: 0;
    color:white;
    background-color:#CC0066;;
} 

div.ugSidebarBulletinDarkBlue {  /* Place this inside a Bulletin Container */
    margin:0 0 0.5em 0;        /* Leave a space beteen bulletins */
    padding:0.2em;
    border: 0;
    color:white;
    background-color:#1F5394;
} 

div.ugSidebarBulletinStandard p {
    margin-top:0.2em;
    margin-bottom:0.1em;
    padding:0;
}

div.ugSidebarBulletinStandard ul {
  margin:0 0 0 1.8em;
  padding:0 0 0 0;
  list-style-position: outside;
}

div.ugSidebarBulletinStandard ul li {
  margin:0 0 0.1em 0;
  padding:0;
}

div.ugSidebarTestimonialsContainer {
    margin:0 0 0.5em 0;    /* Leave a space between next container */
    padding:0;
    font-size:0.7em;
    font-style:normal;
    font-weight:normal;
    text-align: left;
    border:0;
    color:inherit;
    background-color:inherit;
}

div.ugSidebarTestimonialsContainerHeader {
    margin:0;
    padding:0.4em;
    font-weight:bold;
    color:white;
    background-color:#1F5394;
}

div.ugSidebarTestimonialBox {
    margin: 0;
    padding:0.2em 0.2em 1.8em 0.2em;
    border-top:0;
    border-right: 1px solid #1F5394;
    border-bottom: 1px solid #1F5394;
    border-left: 1px solid #1F5394;
}

div.ugSidebarTestimonialImage {  /* Container for the photo or graphic */
    margin:0.8em 0 0 0 ;
    padding:0;
}

div.ugSidebarTestimonialImage img{   /* Place inside the BoxImage container */
    /* really need to allow different width pictures */
    display: block; margin-left: auto; margin-right: auto; /* align centre */
    border:0;
}

div.ugSidebarTestimonialIntro {
    margin:0.8em 0 0 0;
    padding:0.4em;
    font-weight:bold;
}

div.ugSidebarTestimonialIntro p {
    margin:0.2em 0 0 0;
}

div.ugSidebarTestimonialQuote {
    margin:0.2em 0 0 0;
    padding:0.4em;

    color:inherit;
    background-color:inherit;
}

div.ugSidebarTestimonialQuote p {
    margin:0.4em 0 0 0;
}

div.ugSidebarTestimonialQuoteMore {
    margin:0.4em 0 0 0;
    text-align:right;
}

/* ============== ug Home ============== */

div.ugHomeInfoboxesContainer {
    margin:2.0em 0 3em 0;
    padding:0;
    position:relative; 
    font-size:0.8em;
    color:inherit;
    background-color:inherit;
}

/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>

div.ugHomeInfoboxesContainer h3.ugH {
    color: #CC0066;
}

div.ugHomeInfoboxFunding {
    position:relative;
    top:0em;
    left:10%;
    width:30%;
    padding-left: 0.2em;
    padding-right: 0.2em;
    color:inherit;
    background-color: #EEEEFF; 
    border:1px solid #EEEEFF; 
}



div.ugHomeInfoboxForum {
    position:absolute;
    top:0em;
    left:60%;
    width:30%;
    padding-left: 0.2em;
    padding-right: 0.2em;
    color:inherit;
    background-color: #EEEEFF;  
    border: 1px solid #EEEEFF; 
}

>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */



div.ugHomeInfoboxFunding h3.ugH {
    color: #CC0066;
    background-color:inherit;
}

div.ugHomeInfoboxFunding {
    position:relative;
    top:0em;
    left:10%;
    width:30%;
    padding-left: 0.2em;
    padding-right: 0.2em;
    color:inherit;
    background-color: #EEEEFF; 
    border:0;
}


div.ugHomeInfoboxForum h3.ugH {
    color: white;
    background-color:inherit;
}

div.ugHomeInfoboxForum {
    position:absolute;
    top:0em;
    left:60%;
    width:30%;
    padding-left: 0.2em;
    padding-right: 0.2em;
    color:white;
    background-color: #1F5394;  
    border:0;
}

div.ugHomeInfoboxForum a:link{
    color:white;
    background-color:inherit;
}
div.ugHomeInfoboxForum a:visited {
    color:#FFBBBB;
    background-color:inherit;
}
div.ugHomeInfoboxForum a:link:hover,
div.ugHomeInfoboxForum a:visited:hover {
    color:#B40A62;
    background-color:inherit;
}
div.ugHomeInfoboxForum a:link:active,
div.ugHomeInfoboxForum a:visited:active {
    color:#B40A62;
    background-color:inherit;
}


/* ============== ug Home Clearing ============== */

h2.ugHomeClearingHeading {
    margin-top:0;
}

div.ugHomeClearing {
    border:1px solid #1F5394;
    padding: 0 0.5em 1.0em 0.3em;
}

table.ugHomeClearingCourses {
    border-collapse:collapse;
    border:0;
    width:90%;
    margin-left:5%;
    margin-top:0;
    font-size:0.9em;
}

.ugHomeClearingSmallText {
	font-size: 0.7em;
}

table.ugHomeClearingCourses tr.ugEvenRowBlue {
    color:inherit;
    background-color:#EEEEFF;
}

table.ugHomeClearingCourses th {
    vertical-align:top
}

table.ugHomeClearingCourses td {
    vertical-align:top
}



/* ================== ug - Careers - Year in Industry ================= */

div.ugFAQListContainer {
    margin:0;
    padding:0;
    border-top: 1px solid #1F5394;
    border-bottom: 1px solid #1F5394;
}

div.ugCareersYinIPlacementOfficerImage {
    float:right;
    padding:0.5em;
    border:1px solid #708090;   /* #B40A62; */
}

div.ugCareersYinIPlacementOfficerImage p { /* Caption for image */
    font-size:0.9em;
    font-style:normal;
}

div.ugCareersYinIPlacementOfficerContactBox {
    margin-bottom: 2em;
    margin-left:1em;
}

table.ugCareersYinIPlacementTimetable {  
    margin:0 2.0em 3.0em 2.0em;
    padding:0;
    width: auto;
    border-collapse: collapse;
    border: 1px solid #708090;
}

table.ugCareersYinIPlacementTimetable th {
    margin:0;
    padding:0.2em;
    text-align:left;
    border: 1px solid #708090;
}

table.ugCareersYinIPlacementTimetable th p {
    margin:0;
    padding:0;
}

table.ugCareersYinIPlacementTimetable td {
    border: 1px solid #708090;
}

/* ==================== ug - researchled ================ */

table.ugResearchledCoursesList {
    margin: 0;
    padding: 0;
    width: 95%;
    margin-left: auto; margin-right: auto; /* align centre */
    border: 0;
}

table.ugResearchledCoursesJHList {
    margin: 0;
    padding: 0;
    width: 90%;
    margin-left: auto; margin-right: auto; /* align centre */
    border: 0;
}

/* ==================== ug - courses ================ */

table.ugCourses {
    border:1px solid #708090;
}

table.ugCourses th {
    vertical-align:top;
    text-align: left;
    font-size:1.2em;
    padding-bottom:0.8em;
}

table.ugCourses th.ugCoursesCol1 { width:55%; }
table.ugCourses th.ugCoursesCol2 { width: 3%; }
table.ugCourses th.ugCoursesCol3 { width:40%; }
table.ugCourses th.ugCoursesCol4 { width: 2%; }

table.ugCourses td {
    vertical-align:top;
    text-align: left;
}

/* styles for ug-courses-index.html page */


p.ugCoursesThemed {
  margin-top:0.2em;
  padding-top:0.2em;
  margin-bottom:0;
  padding-bottom:0;
}

ul.ugCoursesThemed {
  margin-top:0;
  padding-top:0;
}

h4.ugCourses {
    font-size:1.0em;
    color:#000000;
    background-color:inherit;
}

p.ugCoursesJHC {
  font-size:smaller;
}

p.ugCoursesYII {
  margin-top :0.5em;
  padding-top:0.5em;
  text-align:center;
}

/* styles for ug-courses-summay.html page */

ul.ugCoursesSummary p {
  margin-top:0;
  padding-top:0;
}

p.ugCoursesSummaryThemed {
  margin-bottom:0;
  padding-bottom:0;
}

ul.ugCoursesSummary ul.ugCoursesSummaryThemed p {
  margin-bottom:0;
}

.ugCoursesSummaryUCASCode {
  color:gray;
  background-color:inherit;
  font-size:smaller;
}


/* ==================== ug - info ================ */

table.ugInfoContactsDetails {
    margin:1.0em 0 1.0em 0;
    padding:0;
    width: 95%;
    border-collapse: collapse;
}

table.ugInfoContactsDetails th {
    padding: 1.0em 1.0em 0 1.0em;
    vertical-align: top;
    text-align:left;
}

table.ugInfoContactsDetails td {
    padding: 1.0em 1.0em 0 1.0em;
    vertical-align: top;
    text-align:left;
}

table.ugInfoContactsPeople {
    margin:0;
    padding:0;
    width: 99%;
    border-collapse: collapse;
    border: 0; 
}

table.ugInfoContactsPeople td {
    vertical-align:top;
    text-align:left;

}

table.ugInfoContactsPeople td img {
    float:right;
    margin:0 0 0 0.2em;
}

table.ugInfoFundingOverseasSchol {
    margin:0;
    padding:0;
    width:98%;
    border:1px solid #1F5394;
    color:#000000;
    background-color:#F0F0F0;
}


/* Further info downloads page  /students/info/downloads */

table.ugInfoDownloads {
  caption-side:top;
  border-collapse:collapse;
  border: 1px solid #808080;
  width:95%;
  color:black;
  background-color:inherit;
}

table.ugInfoDownloads tr th {
  border:1px solid #808080;
  color:black;
  background-color:#C0C0C0;

}

table.ugInfoDownloads tr td {
  border:1px solid silver;
}

.ugInfoDownloadsSubheading1 {
  font-style:normal;
  font-weight:bold;
  font-size:1em;
  color: black;
  background-color:inherit;
}

.ugInfoDownloadsCaption {
  font-style:normal;
  font-weight:normal;
  font-size:0.8em;
  color: #808080;
  background-color:inherit;
}