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


/*Creating sub-columns within grid_8 columns*/

.left_4 {width: 47.68%!important; float:left!important;}
.left_4 img {max-width:112%}

.left_4 .module-box {padding-left:5%!important; padding-right:5%!important;}
.left_4 .module-box img {left:-5.7%!important; max-width:112%!important}


.right_4 {width: 47.68%; margin-left:4.47%; float:left;}
.right_4 img {max-width:112%}
.right_4 .module-box {padding-left:5%!important; padding-right:5%!important;}
.right_4 .module-box img {left:-5.75%!important; max-width:112%!important}


/*Putting a box round images*/
.img-with-caption img {border: solid 1px #dedcd2;}



/*Blockquotes within what our students say*/
.quote blockquote p {font-style:italic!important;}
.quote .img-circle-right {border:1px solid #dbd8ce;}

.programme-img {margin-bottom:-7px!important;}


table#programme-summary-efm td {background-color:white!important;}
#programme-summary-efm th {width:50%!important}


/*Left aligning images*/
.align-left-no-width {width:auto!important; float: left!important; margin: 0 1em 0.5em 0!important;}


/*Formatting for tables for course descriptions*/

table#yellow {background-color:white;}
table#yellow th {cell-padding:1px; background-color:#ffff99;}
table#yellow td  {cell-padding:1px; cell-spacing:2px; background-color:#ffffcc;}

table#blue {background-color:white;}
table#blue th {cell-padding:1px;  background-color:#b1c9cf;}
table#blue td  {cell-padding:1px; cell-spacing:2px; background-color:#d7e0e3;}

table#green {background-color:white;}
table#green th {cell-padding:1px;  background-color:#d7ddbb;}
table#green td  {cell-padding:1px; cell-spacing:2px; background-color:#e7f1e2;}

table#red {background-color:white;}
table#red th {cell-padding:1px;  background-color:#d79f9f;}
table#red td  {cell-padding:1px; cell-spacing:2px; background-color:#f8d4d4;}

/*Sliders on Undergrad Info Page*/
.undergraduate .grid_6 .slider .pause { display: none!important;}
.undergraduate .grid_6 .slider h2 {margin:5px 10px 0px 10px;!important;  padding-bottom: 3px!important; font-family: arial!important; font-weight: bold!important; font-size: 120%!important; border-bottom: 1px solid #42145f!important}
.undergraduate .grid_6 .slider p {margin:5px 10px 0px 10px; color: #42145F!important; }
.undergraduate .grid_6 .slider span {font-size: 90%!important; font-weight: normal!important; font-style: italic!important}

.undergraduate .grid_6 .slider {margin:0 0 0 10!important; padding: 0px;background:#efede9; background:  -moz-linear-gradient(left, #efede9 67%, #CECBBC 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(67%,#efede9), color-stop(100%,#CECBBC)); /* webkit */width: 370px; height: 240px; border:1px solid #ccc; height: 265px;  }

.undergraduate .grid_6 .slider .slide {margin:0 0 0 10!important; padding: 0px;background:#efede9; background:  -moz-linear-gradient(left, #efede9 67%, #CECBBC 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(67%,#efede9), color-stop(100%,#CECBBC)); /* webkit */}
.undergraduate .grid_6 .slider h3 {font-size: 90%; margin:0px 10px 0px 10px; padding-top: 3px}
.undergraduate .grid_6 .slider img {float: right; margin: -2px -10px 0px 10px!important; height: 212px; padding: 0px; background: none /* webkit */ /*border: 1px solid #ccc*/}
/********************************/

/*Sliders on Postgraduate Info Page*/
.postgraduate .grid_6 .slider .pause { display: none!important;}
.postgraduate .grid_6 .slider h3 {margin:5px 10px 0px 10px;!important;  padding-bottom: 3px!important; font-family: arial!important; font-weight: bold!important; font-size: 120%!important; border-bottom: 1px solid #42145f!important}
.postgraduate .grid_6 .slider p {margin:5px 10px 0px 10px; color: #42145F!important; }
.postgraduate .grid_6 .slider span {font-size: 90%!important; font-weight: normal!important; font-style: italic!important}
.postgraduate .grid_6 .slider {margin-top:0px; margin-bottom:0px!important; padding: 0px;background:#efede9; background:  -moz-linear-gradient(left, #efede9 67%, #CECBBC 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(67%,#efede9), color-stop(100%,#CECBBC)); /* webkit */width: 370px; height: 240px; border:1px solid #ccc; height: 265px;  }

.postgraduate .grid_6 .slider .slide {margin-top:0px; margin-bottom:0px!important; padding: 0px;background:#efede9; background:  -moz-linear-gradient(left, #efede9 67%, #CECBBC 100%); /* firefox */
background: -webkit-gradient(linear, left top, right top, color-stop(67%,#efede9), color-stop(100%,#CECBBC)); /* webkit */}

.postgraduate .grid_6 .slider h4 {font-size: 90%; margin:0px 10px 0px 10px; padding-top: 3px; color: #2C4D92!important;}
.postgraduate .grid_6 .slider img {float: right; margin: -2px -10px 0px 10px!important; height: 212px; width: 120px; padding: 0px; background: none /* webkit */ /*border: 1px solid #ccc*/}
/********************************/


/*************Adding a new form of boxes for the research pages**************/


.box-style-pub h2 {
                margin-top:0px;
                margin-left:0 px;
                margin-right: 0px;
                margin-bottom:0px;
		line-height: 1.5em;
		font-family: Arial;
		/*font-family: Georgia, "Times New Roman", Times, serif; */
		font-size: 120%; /* this font size can be tweaked slightly if necessary depending on your layout */
		color: #fff; 
		background: #003366;

		}
		
.box-style-pub h2 a{ 
		padding: 0.2em 0 0.2em 10px;
		background-color: #003366;
		text-decoration: none!important; 
		color: #fff; 
		display: block;
background: url(http://www.bris.ac.uk/cmsimages/button-arrow.png) no-repeat right
		}

.box-style-pub h2 a:hover{ 
		background-color: #ABCDEF!important;
		text-decoration: none!important; 
		color: #000; 
		display: block;
		}




/*Courses and Programmes*/
/*********************/
#uobcms-content-nonav .courses .box-style-three h2, #uobcms-content .courses .box-style-three h2, #uobcms-content-nonav .courses .box-style-three h3, #uobcms-content .courses .box-style-three h3 {background-color:#003366 ;}
#uobcms-content-nonav .courses .box-style-three a h2,  #uobcms-content .courses .box-style-three a h2 {background-color:#003366 ; text-decoration:none!important; }
#uobcms-content-nonav .courses .box-style-three a h2:hover, #uobcms-content .courses .box-style-three a h2:hover {background-color:#ABCDEF; color:black;  }

#uobcms-content-nonav .courses .box-style-three h2 a,  #uobcms-content .courses .box-style-three h2 a {background-color:#003366 ; text-decoration:none!important; margin: -5px 0 -5px -10px!important; padding: 5px 10px 5px 10px!important; }
#uobcms-content-nonav .courses .box-style-three h2 a:hover, #uobcms-content .courses .box-style-three h2 a:hover {background-color:#ABCDEF; color:black;  }

#uobcms-content-nonav .courses .box-style-three h3 a,  #uobcms-content .courses .box-style-three h3 a {background-color:#003366 ; text-decoration:none!important; margin: -5px 0 -5px -10px!important; padding: 5px 10px 5px 10px!important; }
#uobcms-content-nonav .courses .box-style-three h3 a:hover, #uobcms-content .courses .box-style-three h3 a:hover {background-color:#ABCDEF; color:black;  }



#uobcms-content-nonav .courses .button-style, #uobcms-content .courses .button-style {background-color:#003366!important; color: white!important;}
#uobcms-content-nonav .courses .button-style:hover, #uobcms-content .courses .button-style:hover {background-color: #ABCDEF!important; color: black!important;}

/*****************************************************/


.box-style-one h2 {color: #003366!important;}  
.box-style-one h3 {color: #003366!important;}

/**Research**/

#research-rating h2 {color:#fff!important;}

#uobcms-content-nonav .research .box-style-three h2, #uobcms-content .research .box-style-three h2 {background-color:#003366 ; color:fff!important;}
#uobcms-content-nonav .research .box-style-three a h2,  #uobcms-content .research .box-style-three a h2 {background-color:#003366 ; text-decoration:none!important; }
#uobcms-content-nonav .research .box-style-three a h2:hover, #uobcms-content .research .box-style-three a h2:hover {background-color:#ABCDEF; color:black;  }

#uobcms-content-nonav .research .box-style-three h2 a,  #uobcms-content .research .box-style-three h2 a {background-color:#003366 ; text-decoration:none!important; margin: -5px 0 -5px -10px!important; padding: 5px 10px 5px 10px!important; }
#uobcms-content-nonav .research .box-style-three h2 a:hover, #uobcms-content .research .box-style-three h2 a:hover {background-color:#ABCDEF; color:black;  }

#uobcms-content-nonav .research .box-style-three h3 a,  #uobcms-content .research .box-style-three h3 a {background-color:#003366 ; text-decoration:none!important; margin: -5px 0 -5px -10px!important; padding: 5px 10px 5px 10px!important; }
#uobcms-content-nonav .research .box-style-three h3 a:hover, #uobcms-content .research .box-style-three h3 a:hover {background-color:#ABCDEF; color:black;  }



#uobcms-content-nonav .research .button-style, #uobcms-content .research .button-style {background-color:#003366!important; color: white!important;}
#uobcms-content-nonav .research .button-style:hover, #uobcms-content .research .button-style:hover {background-color: #ABCDEF!important; color: black!important;} 

/*****************************************************/

/*Staff*/
#uobcms-content-nonav .staff .box-style-three h2, #uobcms-content .staff .box-style-three h2 {background-color:#42145F ;}
#uobcms-content-nonav .staff .box-style-three a h2,  #uobcms-content .staff .box-style-three a h2 {background-color:#42145F ; text-decoration:none!important; }
#uobcms-content-nonav .staff .box-style-three h2 a,  #uobcms-content .staff .box-style-three h2 a {background-color:#42145F ; text-decoration:none!important; }
#uobcms-content-nonav .staff .box-style-three a h2:hover, #uobcms-content .staff .box-style-three a h2:hover {background-color:#9278D1; color:black;  }

#uobcms-content-nonav .staff .button-style, #uobcms-content .staff .button-style {background-color:#42145F!important; color: white!important;}
#uobcms-content-nonav .staff .button-style:hover, #uobcms-content .staff .button-style:hover {background-color: #9278D1!important; color: black!important;}

/*****************************************************/


/*Box style adjustments*/

#uobcms-content-nonav .box-style-three h2 {background-color:#FF0000 ;  }
#uobcms-content-nonav .box-style-three a h2  {background-color:#FF0000 ; text-decoration:none!important;  }
#uobcms-content-nonav .box-style-three a h2:hover {background-color:#fff; color:black;  }
#uobcms-content-nonav .box-style-one h3 a{color:black!important;}
#uobcms-content-nonav .box-style-one a{color:black!important;}
#uobcms-content-nonav .box-style-three h2 a, #uobcms-content .box-style-three h2 a{ /* background: url(http://www.bris.ac.uk/cmsimages/button-arrow.png) no-repeat right ; */ }
#uobcms-content-nonav .box-style-three h2 a:hover, #uobcms-content .box-style-three h2 a:hover {color:black!important;  }

#uobcms-content-nonav .box-style-three h3 a, #uobcms-content .box-style-three h3 a{/*background: url(http://www.bris.ac.uk/cmsimages/button-arrow.png) no-repeat right ;*/ font-size:95%;  }
#uobcms-content-nonav .box-style-three h3 a:hover, #uobcms-content .box-style-three h3 a:hover {color:black!important;  }

#course-quote {
    background:#003366;
    height: 240px!important;
    margin: 2.7em 0 0 0.5em;
    position: relative;
}
#course-quote blockquote {
    background: url("/efm/images/quote-right.png") no-repeat scroll right bottom transparent;
    height: 243px;
    margin: 0;
    width: 230px;
}
#course-quote p {
    background: url("/efm/images/quote-left.png") no-repeat scroll 0 0 transparent;
    color: white;
    font-size: 90%;
    left: 10px;
    line-height: 1.2;
    margin: 0;
    padding: 42px 20px 45px 10px;
    position: relative;
    top: 3px;
}
#course-quote #person {
    background: none repeat scroll 0 0 transparent;
    font-size: 89%;
    font-style: italic;
    left: 10px;
    position: absolute;
    top: 140px;
}

/***************************************************/

/* Student Stories - index page */
.profile-summary {padding: 10px; overflow: auto;}
.profile-summary.odd-back-color {background-color: #ECF6FF;}
.profile-summary h2 {font-size: 80%; color: #000; margin: 0; margin-right:5px!important;}
.profile-summary h2 span {display: block; font-size: 130%; font-weight: bold; margin-bottom: 5px;}
.profile-summary img {float: left; margin: 0 10px 0 0;}
.profile-summary p {font-size: 90%; margin: 0 5px 5px 0; color: #4F4F4F;}
.profile-summary a {font-weight: bold; font-size: 90%;}
.profile-summary-heading {display: block; height: 100px; width: 290px; float: left;}

/*Programme information pages*/
#programme-director {width: 170px; background-color: rgba(28,118,152,0.2)!important; margin: 0 25px 5px 0; float: left; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-style:solid; border-width:1px; border-color:#1c7698!important;}
#programme-director.column {margin-left: 0;}
#programme-director img {display: block; width: 150px; margin: 10px;}
#programme-director h2 {color: #000; font-size: 80%; font-weight: bold; padding-top: 1px; margin-top: 0; margin-bottom: 0px;}
#programme-director h3 {color: #444; font-size: 80%; font-weight: normal; padding-top: 1px; margin-top: 0; margin-bottom: 0px;}
#programme-director p {font-size: 80%; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 10px;}
#programme-director h2, #programme-director h3, #programme-director p {padding-left: 10px; padding-right: 10px;}




/* Student Stories page */
#main-content {overflow: auto; margin-bottom: 10px;}

#profile-info {width: 176px; background-color: rgba(28,118,152,0.2)!important; 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; border-style:solid; border-width:1px; border-color:#1c7698!important;}
#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 #CCC; 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;}


#profile-info-right {float:right!important; width: 176px; background-color: rgba(28,118,152,0.2)!important; margin: 0 25px 0px 10px; -moz-border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; border-style:solid; border-width:1px; border-color:#1c7698!important;}
#profile-info-right.column {margin-left: 0;}
#profile-info-right img {display: block; width: 160px; margin: 8px;}
#profile-info-right h2 {color: #000; font-size: 100%; font-weight: bold; padding-bottom: 0px; padding-top: 1px; margin-top: 0; margin-bottom: 0px;}
#profile-info-right p {font-size: 80%; margin-bottom: 0; margin-top: 0; padding-top: 0; padding-bottom: 10px;}
#profile-info-right h2, #profile-info-right p {padding-left: 8px; padding-right: 8px;}


#alumni-profile blockquote {margin: 0;}
#alumni-profile blockquote span {font-family: Georgia, serif; font-size: 550%; font-weight: bold; line-height: 0.85em; float: left; margin-right: 5px; margin-bottom: -45px; color: #CCC;}


/*Highlighted Box*/
#uobcms-content .highlight-box {color: #fff; font-size: 90%;  padding: 10px;  background: #003366;}

#uobcms-content .highlight-box p {margin: 10px  0 0 0; padding: 0}
#uobcms-content .highlight-box h2 {color: #fff!important; margin: 0 ; padding-top: 0; border-bottom: 1px solid #fff}
#uobcms-content .highlight-box .more-link a {color: #fff; } 

/*Research Links Images*/

.research-links img {border-style:solid; border-color:white; border-width:2px;}
.research-links img:hover {border-style: solid; border-color:#003366!important;}

#facilities {font-size: 90%;  margin-top: 20px} 

#research-highlights { position: relative;  margin: 0; padding: 0  } 
#research-highlights h2 {margin: 0; padding: 0; font-size: 100%; font-weight: bold}  
#research-highlights img { border: 0  } 
#research-highlights a  { text-decoration: none; } 
#research-highlights a span { position: absolute; width: 220px; left: 0; bottom: 0; display: block; padding: 5px 10px; background: #333 ; color: white; opacity: .90; 
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";         
                filter: alpha(opacity=90); background: #333 url(http://www.bristol.ac.uk/cmsimages/heading-overlay-arrow.png) no-repeat right center;                 } 
#research-highlights a:hover span { opacity: .90; 
                -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";         
                filter: alpha(opacity=90); 
                background: #666 url(http://www.bristol.ac.uk/cmsimages/heading-overlay-arrow.png) no-repeat right center; } 

#research-join {margin-top: 20px; margin-bottom: 20px } 


#research-rating {padding: 10px; background: #003366; color: #fff;  font-size: 90%; margin-top: 20px} 
#research-rating h2,  
#uobcms-content #research-rating span a {color: #fff} 
#research-rating span {font-size: 80%; margin-top: 10px; font-style: italic; display: block } 
#research-rating h2 {border-bottom: 1px solid #fff; margin-bottom: 0; padding-bottom: 0} 
#research-rating p {margin: 5px 0 5px 0;} 

.research-col {float: left; width: 45%;}
.research-col img {border: 1px solid #CCC; float: left; margin: 0 7px 7px 0;}
.research-col ul {font-size: 100%; list-style: none; margin: 0; padding: 0;}
.research-col li {margin: 0 20px 0 0; min-height: 100px; padding: 0;}
.box-style-one.research h2 {clear: both;} 

.events-col {width: 31.3%; float: left;} 
.events-col img {float: left; margin: 0 5px 0 0 } 
.events-col ul {margin: 0; padding: 0; list-style-type: none; list-style: none; list-image: none; font-size:94%;} 
.events-col li {margin: 0; padding: 0; min-height: 100px} 

#uobcms-content .events-col li a {text-decoration: none; color: #333} 
#uobcms-content .events-col li a:hover {text-decoration: underline;}

/*******Drop Down Information about units and degrees****/
#uobcms-content .drop-blue h4 {background-color: #b1c9cf; margin-left:-10px!important; text-indent: 10px; }
#uobcms-content .drop-blue {background-color: #d7e0e3;}
#uobcms-content .drop-green h4 {background-color: #d7ddbb; margin-left:-10px!important; text-indent: 10px; }
#uobcms-content .drop-green {background-color: #e7f1e2;}
#uobcms-content .drop-yellow h4 {background-color: #ffff99; margin-left:-10px!important; text-indent: 10px; }
#uobcms-content .drop-yellow {background-color: #ffffcc;} 


/***********Sorted tables background colours; bringing it into the university standards**************/
.standard-table {width:100%!important;}
.standard-table th {background-color:#003366!important; color #fff; padding:10px!important; color:#fff; padding-right:15px!important;}
.standard-table tr.odd {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_1 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_2 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_3 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_4 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_5 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_6 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_7 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_8 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_9 {background-color:#ecf6ff!important;}
.standard-table tr.odd td.sorting_10 {background-color:#ecf6ff!important;}

.standard-table tr.even td.sorting_1 {background-color:#fff!important;}
.standard-table tr.even td.sorting_2 {background-color:#fff!important;}
.standard-table tr.even td.sorting_3 {background-color:#fff!important;}
.standard-table tr.even td.sorting_4 {background-color:#fff!important;}
.standard-table tr.even td.sorting_5 {background-color:#fff!important;}
.standard-table tr.even td.sorting_6 {background-color:#fff!important;}
.standard-table tr.even td.sorting_7 {background-color:#fff!important;}
.standard-table tr.even td.sorting_8 {background-color:#fff!important;}
.standard-table tr.even td.sorting_9 {background-color:#fff!important;}
.standard-table tr.even td.sorting_10 {background-color:#fff!important;}
div.box {background-color:#ecf6ff!important;}

.dataTables_filter {float:none; width:100%; background: #ecf6ff; border:1px solid #ccc; padding:1px}
.dataTables_filter input {width:60%; border:1px solid #ccc; margin-left:10px;}

/*Buttons*/
.button-style {background-color: #002f5f!important; color: white!important;}
.button-style:hover {background-color: #1c7698!important; color: white!important;}

/* migration quick fixes */
.box-style-three .box-border {margin-bottom: 1.5em;}
.box-style-three h2, .box-style-three h3 {background-color: #003366!important;}

/*Staff profiles*/
img#portrait {width:208px!important; margin-left:15px!important; margin-top:15px!important;}
#researcher-publications {border:none!important; border-top:1px solid #ccc!important; padding: 0px!important}

/*Adjustments to correct for problem with full sized buttons*/
.btn-large {padding: 0.5em 1em!important;}

/*Adjustments for REF tables*/
#ref {text-align:center!important;}

/*Newsletter social media fix*/
	#news-social-share a:before {
	color: #fff
	}
	
	.module-box#news-social-share {
	padding-left: 2.5%; 
	padding-right: 2.5%
	}
	
	#news-social-share .list-social-media {
	padding-top: 0.5em; 
	margin-top: -0.5em;
	margin-bottom: 0.75em!important
	}	
	
	#news-social-share .list-social-media li { 
	line-height: 0; /* fix for jumping bug */
	}


/* For using a Slider as a picture gallery */
.sliderThumbnails li {
	width: 90px; height: 90px;  text-align: center; display: block; padding: 0; margin: 0; float: left; 
}
    
.sliderThumbnails li a img {
	border: solid 1px #beb9a6;
	margin: 0;
}


.sliderThumbnails .selected img, .sliderThumbnails a:active img, .sliderThumbnails a:hover img  {
	border: solid 1px #beb9a6; 
	width: 84px; height: 84px;
	-moz-box-shadow: 0 0 6px #888;
	-webkit-box-shadow: 0 0 6px #888;
	box-shadow: 0 0 6px #888;
	position: relative; top: -3px
}

.sliderThumbnails { width: 640px; }