@import url(/media-library/resources/css/import.css);

/*buttons*/
#uobcms-wrapper a.button-style {background-color: #6f757f; color: white}
#uobcms-wrapper a:hover.button-style {background-color: #e09d0d; color: white}

p.note {margin-top: 3px; font-size: 0.8em!important; font-style: italic}

/*GENERAL STYLING*/
/*content page columns*/
#right-column h2 {font-size: 1.2em}
#uobcms-content ul li {list-style-image: none}
#main-column h2 {border-bottom: none; padding-bottom: 0}
#uobcms-content #right-column .box-style-one h2 {color: #e09d0d; border: none}

/*Grad school box*/
#grad-school a.button-style {background-color: #a4002e}
#grad-school a:hover.button-style {background-color: #7f0026}

/*General highlight box (purple)*/
.highlight-box h2, .highlight-box h3, #uobcms-content .highlight-box p, .highlight-box ul, #uobcms-content .highlight-box a {margin: 0; /*reset*/color: #fff}
.highlight-box h2 {margin-top: 10px}
.highlight-box h3 {font-weight: bold;margin-top: 10px}
.highlight-box ul {border-bottom: 1px dashed #fff;padding-bottom: 10px}
.highlight-box ul:last-of-type {border: none}

/*General highlight box (grey) */
#uobcms-content .grey-highlight-box {
    background: #6F757F; /* Old browsers */
    padding: 10px; 
    color: white;
    margin-top: 2px
}
#uobcms-content .grey-highlight-box * {color: white!important}
#uobcms-content .grey-highlight-box img {
	margin-left: -10px
}

/* Highlight box basic (also purple) */
.highlight-box-basic {
	background-color: #674caf	;
	padding: 1em 0;
	box-sizing: border-box
}
#uobcms-wrapper .highlight-box-basic * {
	color: white;
	padding-left: 1em;
	padding-right: 1em
}
#uobcms-wrapper .highlight-box-basic img {
	padding: 0
}
#uobcms-wrapper .highlight-box-basic h2 {
	margin-top: 0
}

/*Did You Know*/
#right-column .did-you-know img {float: right; margin-left: 8px}

/*Image caption*/
#right-column p.image-caption {font-size: 0.8em; background:#dfdfdf; padding: 3px 5px; font-weight: bold; color: #5f5f5f; margin-bottom: 30px}

/*SPECIFIC PAGES*/

/*Multimedia Centre*/
#multi-centre .intro {font-size: 1.2em}
#multi-centre img {width: 49.5%!important; display: inline-block;}
#right-column #key-facts p {border-bottom: 1px dashed #ccc; padding-bottom: 12px;}

/*AFL*/
#right-column #afl-what-lang h2 {font-size: 1.1em}
#right-column #afl-what-lang li {list-style: none; list-style-type: none; margin-left: 0; font-weight: bold}
#right-column #afl-what-lang img {float: right}

/*Courses and programmes landing*/
#ugpg-courses .box-style-three h2 {position: relative; margin: 0; padding: 0; font-size: 0.9em; font-weight: bold}
#ugpg-courses .box-style-three h2 img {border: 0}
#ugpg-courses .box-style-three h2 a  {text-decoration: none;}
#ugpg-courses .box-style-three h2 a span {
    position: absolute; 
    width: 220px; 
    left: 0; 
    bottom: 0; 
    display: block; 
    padding: 7px 10px; 
    color: white; 
    opacity: .90; 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; 
    filter: alpha(opacity=90); 
    background: #220965 url(/cmsimages/heading-overlay-arrow.png) no-repeat right center;
}
#ugpg-courses .box-style-three h2 a:hover span {
    opacity: .90;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";        
    filter: alpha(opacity=90);
    background: #6c599f url(/cmsimages/heading-overlay-arrow.png) no-repeat right center; 
}

#courses-quote {padding: 0;   height: 238px; background: #94af7c; background: -moz-linear-gradient(left, #94af7c 67%, #839e6d 100%); /* firefox */ background: -webkit-gradient(linear, left top, right top, color-stop(67%,#94af7c), color-stop(100%,#839e6d)); /* webkit */   position: relative; }
#courses-quote blockquote { background: url(/physics/images/quote-right.png) right bottom no-repeat;   height: 243px;  width: 230px;  margin: 0;}
#courses-quote p {background: url(/physics/images/quote-left.png) no-repeat; 
  position: absolute;   top: 3px;   left: 10px;   margin: 0;   padding: 42px 20px 45px 10px;   line-height: 1.2;   font-size: 110%;  color: white;   position: relative; }
#courses-quote #person { font-size: 89%;   position: absolute;   top: 140px;   left: 10px;   background: none;   font-style: italic;   }

/*UG courses landing*/
#right-column #ug-careers p {font-size: 0.9em}
#right-column #ug-careers p span {font-size: 0.9em; color: #666;  }
#right-column #ug-careers p span a {color: #666; }
#right-column #year-abroad.box-style-one {
background: #0a7a89; /* Old browsers */
background: -moz-linear-gradient(left, #0a7a89 0%, #006060 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#0a7a89), color-stop(100%,#006060)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #0a7a89 0%,#006060 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #0a7a89 0%,#006060 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #0a7a89 0%,#006060 100%); /* IE10+ */
background: linear-gradient(left, #0a7a89 0%,#006060 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a7a89', endColorstr='#006060',GradientType=1 ); /* IE6-9 */
}
#right-column #year-abroad h2, #right-column #year-abroad p {color: white!important; margin: 10px 10px;}
#right-column #year-abroad h2 {border-color: white; padding-top: 10px}
#right-column #year-abroad p {font-size: 0.9em}
#right-column #year-abroad .drop-down-menu h3.drop-down-header {background-color: #c3dcdf; border: 0!important}
#right-column #year-abroad .drop-down-menu .drop-down-content {padding: 0;}

/*UG further info pages (eg /courses/undergraduate/about.html)*/
#right-column #facilities.box-style-one {margin-bottom: 25px}
#right-column #facilities.box-style-one p {font-size: 0.9em}
#right-column #special-subject.box-style-one {
background: #503f96; /* Old browsers */
background: -moz-linear-gradient(left, #503f96 0%, #210864 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#503f96), color-stop(100%,#210864)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, #503f96 0%,#210864 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, #503f96 0%,#210864 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, #503f96 0%,#210864 100%); /* IE10+ */
background: linear-gradient(left, #503f96 0%,#210864 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#503f96', endColorstr='#210864',GradientType=1 ); /* IE6-9 */
margin-top: 9px;}
#right-column #special-subject h2, #right-column #special-subject p, #right-column #special-subject ul {color: white!important; margin: 0 10px;padding: 10px 0}
#right-column #special-subject.box-style-one h2 {font-size: 1.1em}
#right-column #special-subject.box-style-one p {font-size: 0.8em; font-weight: bold;}
#right-column #special-subject.box-style-one ul {padding-top: 0}
#right-column #special-subject.box-style-one li {font-size: 0.8em; list-style: none; margin-left: 0;}

/*Erasmus*/
#erasmus #right-column .box-style-three h2 {font-size: 1.1em; background-color: #674caf}

/* Research */
#main-column.research ul.image-grid {font-size: 1em;}

#research-rating {background: #82a6c0; background: -moz-linear-gradient(left, #82a6c0 67%, #7093ac 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(67%,#82a6c0), color-stop(100%,#7093ac)); /* webkit */ color: #fff;   margin-top: 20px}
#right-column #research-rating h2, #right-column #research-rating p, #right-column #research-rating a {color: #fff!important}
#right-column #research-rating h2 {padding: 5px 10px;font-size: 1.2em; border-color: #fff; padding-bottom: 0;}
#research-rating p {padding-left: 10px; padding-right: 10px; margin: 5px 0}
#research-rating span {font-size: 0.85em; padding: 10px 0; font-style: italic; display: block;}

/* community profiles - index page */ 
.profile-summary {padding: 10px; overflow: auto;} 
.profile-summary.odd-back-color {background-color: #efede9;} 
.profile-summary h2, .profile-summary h3 {font-weight: normal; font-size: 80%; color: #000; margin: 0 10px 0 0;} 
.profile-summary h2 span, .profile-summary h3 span {display: block; font-size: 130%; font-weight: bold; margin-bottom: 5px;} 
.profile-summary img {float: left; margin: 0 10px 0 0; width: 100px;} 
#uobcms-content .profile-summary p {font-size: 90%; margin: 0 0 5px 290px; color: #4F4F4F;} 
.profile-summary p a {font-weight: bold; font-size: 90%;} 
.profile-summary-heading {display: block; height: 100px; width: 290px; float: left;}

/* individual profile page */ 
#main-content {overflow: auto; margin-bottom: 10px;}
#profile-info {width: 176px; background-color: #efede9; margin: 0 14px 10px 0; float: left; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px;} 
#profile-info.column {margin-left: 0;} 
#profile-info img {display: block; width: 160px; margin: 8px;} 
#profile-info h2 {color: #000; font-size: 100%; font-weight: bold; border-bottom: 1px dashed #dedcd2; padding-bottom: 3px; padding-top: 1px; margin-top: 0; margin-bottom: 10px;} 
#profile-info p {font-size: 80%; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 10px;} 
#profile-info h2, #profile-info p {padding-left: 8px; padding-right: 8px;}
span.open-quote {font-family: Georgia, serif; font-weight: bold; font-size: 550%; line-height: 0.85em; float: left; margin-right: 5px; margin-bottom: -45px; color: #CCC;}