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

/* homepage */
#sidebar {
font-size: 14px;
}

#sidebar h3 {
font-size: 16px;
border-bottom: 2px solid #bbb;
}

.box {
margin-bottom: 1.5em;
}

#uobcms-content .box h3 {
font-size: 1.2142em;
border-bottom-width: 0;
background-position: left center;
background-repeat: no-repeat;
background-color: #5e5e5e;
color: #fff;
padding: 3px 10px 3px 36px;
margin: 0;
}

#uobcms-content #talk h3 {
background-image: url(/media-library/sites/red/migrated/images/icon-speech.png);
}
#uobcms-content #talk ul {
margin-top: 0.75em;
}

#uobcms-content #newsbox h3 {
background-image: url(/media-library/sites/red/migrated/images/icon-rss.png);
margin-bottom: 0.75em;
}

#uobcms-content #newsbox ul {
font-size: 100%;
}

.box div.highlight {
background: #eee;
padding: 10px 15px;
margin: 0;
}

#talk div.highlight {
background: #eee url(/media-library/sites/red/migrated/images/icon-large-people.png) center center no-repeat;
}

#uobcms-content .box .highlight p.highlight {
font-family: Georgia, serif;
font-size: 17px;
color: #555;
font-style: italic;
margin: 10px 0;
line-height: 1.2em;
}

p.more a {
display: inline-block;
padding-right: 14px;
background: transparent url(/media-library/sites/red/migrated/images/icon-red-arrow.png) right center no-repeat;
}

.box p.more {
text-align: right;
margin-bottom: 0;
margin-top: 5px;
}

div.highlight {
background: #dcdcdc;
padding: 1px 13px;
margin: 12px 0;
}

#featured {
padding: 12px 0;
overflow: auto;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 14px;
margin-bottom: 1.5em;
}

#featured .box {
width: 100%;
margin-bottom: 0;
min-height: 2em;
}

#featured .box a img {
display: block;
width: 100%;
border: 1px solid #ccc;
-webkit-box-sizing: border-box; /*safari/chrome, other webkit*/
-moz-box-sizing: border-box; /*firefox, other gecko*/
box-sizing: border-box;
border-bottom: 0;
}

#featured .box a img:hover {
border-color: #999;
}

#featured .box a:link, #featured .box a:visited {
display: block;
padding: 0;
text-decoration: none;
}

#featured .box a:hover, #featured .box a:active {
text-decoration: none;
}

#featured .box span {
display: block;
border-bottom-width: 0;
background-position: left center;
background-repeat: no-repeat;
background-color: #b71730;
color: #fff;
padding: 3px 10px 3px 44px;
margin: 0;
height: 42px;
}

#box1 span {
background-image: url(/media-library/sites/red/migrated/images/icon-bulb.png);
}
#box2 span {
background-image: url(/media-library/sites/red/migrated/images/icon-pointer.png);
}
#box3 span {
background-image: url(/media-library/sites/red/migrated/images/icon-book.png);
}

#featured .box a:hover span {
background-color: #961327;
}

#uobcms-content ul#logos {
list-style-type: none;
list-style-image: none;
height: 80px;
margin: 0;
padding: 0;
}

ul#logos li {
margin-left: 0;
margin-right: 20px;
float: left;
}

ul#logos li a {
display: block;
}

ul#logos li a img {
border: none;
}

ul.links li.imagelink {
height: 100px;
}

ul.links li.imagelink a img {
float: left;
display: block;
margin-right: 8px;
}

/* subsection page */
#uobcms-content ul.teasers {
list-style-image: none;
margin: 20px 0;
}

#uobcms-content ul.teasers img {
display: block;
}

#uobcms-content ul.teasers li {
list-style-type: none;
margin: 0 0 24px 0;
}

.teasers a.thumb:link {
display: block;
float: left;
border: 4px solid #ccc;
}

.teasers a.thumb:hover, .teasers a.thumb:active {
border-color: #bbb;
}

#uobcms-content .teasers h3 {
padding-top: 3px;
margin: 0 0 0 150px;
}

#uobcms-content .teasers h3 a:link {
text-decoration: none;
}

.teasers p {
margin: 0 0 0 150px;
font-size: 14px;
}

.ss-sidebar {
padding-top: 10px;
}

/*images*/
.shadow {
2px 2px 10px #bdbcb0;
-moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
} 

.blueborder {
border: 1.5px solid #025EA8;
}

.image-right-noborder {
float: right;
margin-left: 10px;
2px 2px 10px #bdbcb0;
-moz-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
-webkit-box-shadow: 2px 2px 20px rgba(0,0,0,.3);
}

/* image positions - the lower the number the higher the image sits on the line */
.lower {
position: relative;
top: 6.0pt;          
mso-text-raise: -5.5.0pt;
}

.justbelow {
position: relative;
top: 3.0pt;
mso-text-raise: -5.0pt;
}

hr {
  margin-left: 0;
  text-align: left;
  height: 1px;
}

hr.hr-80pc { width: 80% }

/* migration quick fixes */
#main-column.grid_8 img:first-child {
display: block;
width: 100%;
}