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

/* general styling */ 
#uobcms-content .box-style-one h2 {color: #002F5F; font-size: 120%;}
#uobcms-content .box-style-two h2 {color: #002F5F; font-size: 120%;}

#uobcms-content ul.list-menu {border: #FFF;} 
#uobcms-content .list-menu li {border-top: 1px solid #FFF;} 
#uobcms-content .list-menu li a {background-color: #efede9; border: #FFF;} 
#uobcms-content .list-menu li a:hover {background-color: #FFF;}

#uobcms-content #main-column ul.image-grid li {font-size: 100%;} 
#uobcms-content #right-col .box-style-one, #uobcms-content #right-col .box-style-two, #right-col .box-style-three {margin-bottom: 1.5em;} 
#uobcms-content #right-col p, #right-col li {font-size: 85%;} 
#uobcms-content #right-col .list-menu li {font-size: 100%;} 
#uobcms-content #right-col .box-style-one h2, #uobcms-content #right-col .box-style-two h2, #uobcms-content #right-col .box-style-three h2, #uobcms-content #right-col .box-style-three.highlight-box h2 {font-size: 115%;} 

/* highlight box with box style three */ 
#uobcms-content .box-style-three.highlight-box h2 {margin: 0; padding: 0.4em 0 0.4em 10px; color: #002f5f; background: none; opacity: inherit; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(enabled=false)"; filter: alpha(enabled=false); text-shadow: none;} 
#uobcms-content .box-style-three.highlight-box .box-border {border: none; background-color: #efede9; padding-bottom: 0.2em; margin-bottom: 1em;} 
#uobcms-content .box-style-three.highlight-box .box-border p {margin: 0 10px 1em 10px;} 
#uobcms-content .box-style-three.highlight-box .box-border ul {margin: 0 10px 1em 10px; font-size: 90%;} 

#uobcms-content .box-style-three.highlight-box .box-border img {margin: 10px 10px 0 10px;} /* for image without link */ 
#uobcms-content .box-style-three.highlight-box.hover-mod .box-border a img {margin: 10px 0 6px 0;} 
#uobcms-content .box-style-three.highlight-box.hover-mod h2 {margin: 0px 10px 9px 10px; padding: 0;} 
#uobcms-content .box-style-three.highlight-box.hover-mod h2 a {background: none; display: inline;} 
#uobcms-content .box-style-three.highlight-box.hover-mod h2 a:hover {text-decoration: underline; color: #42145F;} 
#uobcms-content .box-style-three.highlight-box.hover-mod h2 a:hover img {opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} 

/* button style */ 
#uobcms-content a.button-style {background-color: #002f5f; color: #FFF;} 
#uobcms-content a:hover.button-style {background-color: #1c7698; color: #FFF;} 
#uobcms-content a.button-style span {font-weight: normal; font-size: 90%; font-style: italic;} 

/* button style intranet */ 
#uobcms-content a.button-style-intranet {background-color: #002f5f; color: #FFF;} 
#uobcms-content a:hover.button-style-intranet {background-color: #1c7698; color: #FFF;} 
#uobcms-content a.button-style-intranet span {font-weight: normal; font-size: 90%; font-style: italic;} 

/* box hover image style*/
.box-hover-image a img {border-width: 0; display: block; width: 100%}
#uobcms-content .box-hover-image h2 a {font-weight: normal; text-decoration: none;}
.box-hover-image h2 a span {position: relative; left: 0; bottom: 0; display: block; margin-top: -2em; padding: 0.3em 10px; line-height: 1.4em; cursor: pointer; color: #FFF; text-shadow: rgba(0, 0, 0, 0.2) 0 1px 0; z-index: 1; opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); background: #002F5F;}
.box-hover-image h2 a:hover span {background: #1C7698;}
.box-hover-image a:hover img {opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);}
.box-hover-image p {font-size: 90%; line-height: 1.4;}
.box-hover-image .box-border {border: 1px solid #DEDCD2;}
.box-hover-image .box-border img {border: 0;}
#uobcms-content .box-hover-image .box-border p {margin: 1em 10px;}
.box-hover-image .box-border ul.list-menu {border-bottom: 0; border-top: 0; margin: 0;}
.box-hover-image .box-border ul {font-size: 90%; margin-bottom: 1.1em;}
.box-hover-image .box-border li {list-style-image: none; list-style-type: none; margin-left: 10px; padding: 0;}
.box-hover-image h2 {margin: 0; padding: 0;}

/* film box/courses and programmes - site manager fix */
.film-box {margin: 0 0 1.5em 0; padding: 0; position: relative;}
#uobcms-content .film-box h2,
#uobcms-content .film-box h3,
#uobcms-content .film-box h4,
#uobcms-content .film-box p {font-size: 100%; font-weight: bold; margin: 0; padding: 0;  opacity: 1; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);}
.film-box img {width: 100%; display: block;}
.film-box a span {opacity: 0.9; ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"; filter: alpha(opacity=90); background: url("http://www.bristol.ac.uk/cmsimages/heading-overlay-arrow.png") no-repeat scroll right center #002F5F; font-weight: bold; color: #FFF; display: block; position: absolute; left: 0; bottom: 0; padding: 0.4em 3%; width: 94%;}
.grid_3 .film-box a span {padding: 0.4em 4%; width: 92%;}
.grid_6 .film-box a span {padding: 0.4em 2%; width: 96%;}
.film-box a:hover span {background: url("http://www.bristol.ac.uk/cmsimages/heading-overlay-arrow.png") no-repeat scroll right center #1C7698;}
.film-box a:hover img {opacity: .85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);}

/* film icon */
#uobcms-content img.film-icon {opacity: 0.85; position: absolute; z-index: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85); width: 54px!important; display: inline;}

/* community profiles - index page */ 
.profile-summary {padding: 10px; overflow: auto;} 
.profile-summary.odd-back-color {background-color: #efede9;} 
.profile-summary h3 {font-weight: normal; font-size: 80%; color: #000; margin: 0 10px 0 0;} 
.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;}

/* courses and programmes image grid */ 
#main-column ul.image-grid.courses {margin-bottom: 1.5em;} 
#main-column ul.image-grid.courses li a {font-weight: bold;} 

/* people */ 
#people.box-style-two img {float: right; border: none; margin: 6px 0 0.75em 10px;}

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

.box-style-three img {display: block;}