/* Local styling and image for banner here */

/* banner image - please replace url value */
#header {background: #2858bb url(/portal_css/cmsimages/header-default.jpg) no-repeat right top;}
#maintitle1 #title1, #maintitle1 #title1 a {color:#ffffff;}
#pagetitle {color:#0772A1!important;}


/* Homepage news headlines  */
#hp-news-headlines {  padding: 0 15px 15px 15px;  margin: 0; font-size: 90%; border-bottom: 1px solid #E5E5E5; font-size: 80%; }
#hp-news-headlines  a, #hp-news-headlines  a:visited { color: #ffffff; text-decoration: none  }
#hp-news-headlines  a:hover, #hp-news-headlines  a:visited:hover { color: #ffffff; text-decoration: underline  }
#hp-news-headlines ul {list-style-type:square;list-style-image:none; padding: 0; margin: 0; }
#hp-news-headlines ul li {vertical-align:middle;font-size: 1.2em; line-height: 1.3; width: 100%; margin: 8px 0 0 0; }
#hp-news-headlines .hp-news-date {font-size:0.85em;color:#cccccc; }

/* NAVIGATION COLOURING */

/* additional departmental top and bottom navigation bar */ 

#deptnav, #deptnavbottom  {background: #464646;  border-top: 1px solid #AFA7A4; }
#deptnav ul, #deptnavbottom ul { background: #464646; border-left: #464646; }
#deptnav ul li a, #deptnav ul li .link-on { color: #fff; border-right: 1px solid #AFA7A4;  } 
#deptnav ul li .link-on {color: #white; background-color: #2858bc; border-top: 0px solid #AFA7A4; } 
#deptnav ul li a:hover, #deptnavbottom ul li a:hover  { background-color: #776e75; color: white; } 
#deptnavbottom ul li a, #deptnavbottom ul li .link-on  { color: #fff; border-right: 1px solid #AFA7A4;  }
#deptnav ul li .link-on, #deptnavbottom ul li .link-on { color: white; background-color: #2858bc; } 


/* side navigation */ 
.navtitle { color: #1F0900; } 
.navtitle a  { color: #1F0900;  } 
.navtitle a:hover  { color: #1F0900;  } 
.navgrouptitle  { background: url(/safety/images/navgrouptitle-back.gif) no-repeat; color: #2b0d01;} 
.navgrouptitle a, .navgrouptitle a:visited { color: #2b0d01; } 
.navgrouptitle a:hover { color: #2b0d01; text-decoration: underline; } 
.navgroup { background: url(/safety/images/navgroup-base.gif) no-repeat left bottom; border-top: 1px solid #d8d6d0 } 
.navgroup li { border-bottom: 1px solid #ddd9d8; border-top: 1px solid white ; background-color: #f1edec; } 
.navgroup li a {  color: #000000;  } 
.navgroup li a:visited { color: #000000;  } 
.navgroup li a:hover { background-color: #e3dfdf; color: #000000; } 
.navgroup span.link-on, .navgroup ul span.link-on, .navgroup ul ul li span.link-on  { color: #0772A1;  } 


/* subnav within a navgroup */
.navgroup ul li {border-top: 1px dashed #dcdebf}
.navgroup ul li a {background: #ffffff url(/safety/images/subnav-arrow.gif) no-repeat 4px 9px; padding: 5px 5px 5px 18px}
.navgroup ul li a:hover {background-color: #eeeeee; color: #000000}
.navgroup ul li a:visited {color: #000000}


/* sub-sub-lefthand nav */
.navgroup ul ul li  {color: #000000}
.navgroup ul ul li a {background-color: #ffffff; color:#000000; background-image:url(/safety/images/subnav-sub-arrow.gif)}
.navgroup ul ul li a:visited {color: #000000}

/* END: NAVIGATION COLOURING */


/* Extra Local styling for sliders, boxes, tabs etc */

/*HOMEPAGE EXTRA STYLING */
.slider-text-block {
border-top:1px solid #ededed;
border-right:1px solid #ededed;
border-bottom:1px solid #ededed;
font-family:"arial";
color:#ffffff;

  background-color: #464646;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#191917)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(left top, left bottom, color-stop(0.33, #464646),color-stop(0.67, #191917)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #464646, #191917); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #464646, #191917); /* IE10 */
  background-image: -o-linear-gradient(top, #464646, #191917); /* Opera 11.10+ */
  background-image: linear-gradient(top, #464646, #191917);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#464646', EndColorStr='#191917'); /* IE6–IE9 */

zoom:1;
}


#uobcms-content-nonav .slider-text-block .linkButton a { 
    -webkit-border-radius: 7px 7px 7px 7px; 
    -moz-border-radius: 7px 7px 7px 7px; 
    border-radius: 7px 7px 7px 7px; 
    background: url("/cmsimages/button-arrow.png") no-repeat scroll right center #676767; 
    color: white; 
    display: block; 
    font-weight: bold; 
    padding: 0.5em 33px 0.5em 0.5em; 
    text-decoration: none; 
    margin-top: 10px; 
  } 
   
 #uobcms-content-nonav .slider-text-block .linkButton a:hover { 
    background: url("/cmsimages/button-arrow.png") no-repeat scroll right center #444444; 
  }

.slideshow{
border-top:1px solid #ededed;
border-left:1px solid #ededed;
border-bottom:1px solid #ededed;
}

.slider-text-block h2{color:#ffffff;font-family:"arial";padding-top:10px;}

/* Homepage list boxes*/

#management-box h2 {
background: #41413f;

}
#themes-box h2 {
background: #41413f;
}
#occhealth-box h2 {
background: #41413f;
}


/* ~~~~~~~~ Mega Footer Additional ~~~~~~~~~~~*/
#uobcms-content-nonav { padding-bottom: 0; padding-right: 0;}
#footer {margin-top:0;}
#uobcms-wrapper {padding-bottom:0; }
#mega-footer {
color:#ffffff;

  background-color: #464646;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#464646), to(#191917)); /* Saf4+, Chrome */
  background-image: -webkit-linear-gradient(left top, left bottom, color-stop(0.33, #464646),color-stop(0.67, #191917)); /* Chrome 10+, Saf5.1+, iOS 5+ */
  background-image: -moz-linear-gradient(top, #464646, #191917); /* FF3.6 */
  background-image: -ms-linear-gradient(top, #464646, #191917); /* IE10 */
  background-image: -o-linear-gradient(top, #464646, #191917); /* Opera 11.10+ */
  background-image: linear-gradient(top, #464646, #191917);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#464646', EndColorStr='#191917'); /* IE6–IE9 */

zoom:1;
}

.layout-container {margin-bottom: 0} 
#mega-footer {margin-top: 10px}


/* a-z in mega footer f */
#a-z  { float: left;  padding: 0px;  margin: 0; width: 100%;  display: inline; font-size: 80%; line-height: 1.3; } 
#a-z div { line-height: 1.3; background: #FCF6D4; border: solid 1px #ECCD29; float: left;  padding: 7px; margin-top: 1em;   }
#a-z ul {   float: left;   margin: 0; list-style-image: none;  list-style-type: none; font-size: 120% }
#a-z ul li  { font-size: 85%; line-height: 100%; background: #41413f; margin: 0; padding: 0; display: inline;   }
#a-z ul li a, #a-z ul li a:visited  { color: #ffffff; text-decoration: none; background: #41413f; float: left; margin: 2px 2px; padding: 4px 5px; border: solid 1px #a89f78; display: block }
#a-z ul li a:hover  { color: #41413f; text-decoration: none; background: #FFDB2B;  border: solid 1px #a89f78; }

/* accident box in mega footer*/

.accident-box h2 {
color:#000000;
font-size: 105%!important;
background:#FFDB2B !important;
opacity:1!important;
position:static!important;
border-bottom:1px solid #505050;
}

.accident-box p {
color:#ffffff;
font-size:1.1em!important;
 
}

.accident-box a, .accident-box a:visited{
color:#ffffff;
}

.accident-box  a:hover{
/*color:#0772A1;*/
color:#FFDB2B;
}

/*box-style-three curved box in mega footer */
#mega-footer .box-style-three .box-border { border-color: #FFDB2B;}

/*box-style-one in mega footer */
#mega-footer .box-style-one h2{font-size: 105%;color: #FFDB2B;}
#mega-footer .box-style-one h2 a, #mega-footer .box-style-one h2 a:visited { color: #FFDB2B; text-decoration: none;  }
#mega-footer .box-style-one h2 a:hover, #mega-footer .box-style-one h2 a:visited:hover { color: #FFDB2B ; text-decoration: underline;  }


/* End of Mega Footer Additional */

/* End of Home page extras */


/* Basic data table formatting */
.data-table { border:1px solid #7294d8; border-collapse:collapse; width: 92%; margin-left: 5px; }
.data-table caption { color: #1d499f; background: #ecf6ff; border: 1px dotted #7294d8; padding: 3px; margin-left: 4px; font-size: 90%; } 
.data-table td, .data-table th { border-bottom:1px solid #7294d8; border-collapse:collapse; padding:5px; } 
.data-table thead th { color: #1d499f; background: #ecf6ff; text-align:left; }
.data-table tbody th { text-align:left; }


/* basic tables - 2 colours: blue - HSO and green - OHS */
.safe-table1,
.safe-table2 {margin: 10px 0 20px 0; width: 100%; border: none; border-collapse: collapse}
.safe-table1 caption,
.safe-table2 caption,
.safe-table1 th,
.safe-table2 th {border: 1px solid #fff; color: #fff; border-top: none; text-align: left; font-size: 1em; padding: 5px;opacity:0.5}
.safe-table1 td,
.safe-table2 td {background: #F1F1E7; font-size: 0.9em; border: 1px solid #fff; text-align: left; padding: 5px; }
.safe-table1 th {background: #16397f;}
.safe-table2 th {background: #00B454 ; }


/*fancy link boxes equivalent to the document download boxes but different colour, use in a div and size to suit with inline style */

#uobcms-content .linkButton a, #uobcms-content-nonav .linkButton a { 
    -webkit-border-radius: 7px 7px 7px 7px; 
    -moz-border-radius: 7px 7px 7px 7px; 
    border-radius: 7px 7px 7px 7px; 
    background: url("/cmsimages/button-arrow.png") no-repeat scroll right center #676767; 
    color: white; 
    display: block; 
    font-weight: bold; 
    padding: 0.5em 33px 0.5em 0.5em; 
    text-decoration: none; 
    margin-top: 10px; 
  } 
   
  #uobcms-content .linkButton a:hover, #uobcms-content-nonav .linkButton a:hover { 
    background: url("/cmsimages/button-arrow.png") no-repeat scroll right center #2d2d2d; 
  }

/*grey restricted download buttons - use anywhere within page */

#uobcms-content .linkButtonRestricted a, #uobcms-content-nonav .linkButtonRestricted a { 
    -webkit-border-radius: 7px 7px 7px 7px; 
    -moz-border-radius: 7px 7px 7px 7px; 
    border-radius: 7px 7px 7px 7px; 
    background: url("/cmsimages/button-intranet.png") no-repeat scroll right center #676767; 
    color: white; 
    display: block; 
    font-weight: bold; 
    padding: 0.5em 33px 0.5em 0.5em; 
    text-decoration: none; 
    margin-top: 10px; 
  } 
   
  #uobcms-content .linkButtonRestricted a:hover, #uobcms-content-nonav .linkButtonRestricted a:hover { 
    background: url("/cmsimages/button-intranet.png") no-repeat scroll right center #2d2d2d; 
  }


/* end of fancy link box div */


/*Word wrapping for tabs */
a.tabWrap {
   font-size:0.9em;
   padding: 7px 10px!important;
   line-height:95%;
   display:block;
}


/* background image styling for various elements - arrows or intranet lock image */
.restricted{
padding-right:15px!important; 
background:url("/safety/images/restricted-icon.gif") 100% 50% no-repeat !important; 
} 

.button-arrow-right{
padding-right:35px!important; 
background:url("/safety/images/button-arrow-right.png") 100% 50% no-repeat !important; 
} 

.button-arrow-down{
padding-right:35px!important; 
background:url("/safety/images/button-arrow-down.png") 100% 50% no-repeat !important; 
} 
.button-arrow-up{
padding-right:35px!important; 
background:url("/safety/images/button-arrow-up.png") 100% 50% no-repeat !important; 
} 



/*~~~~~~~~~Document download styling ~~~~~~~~~~~~~*/

  .downloadbox {
    background: #eee;
    border: solid 1px #ccc;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    border-radius: 8px;
    padding: 10px 15px;
    margin-bottom: 20px;
  }

.image-left-border{
float: left;
margin-right: 10px;
margin-bottom:15px;
border: 1px solid #CCC;
}


.multi-column-2 {
-moz-column-count:2; /* Firefox */
-webkit-column-count:2; /* Safari and Chrome */
column-count:2;
}

.multi-column-2 .column-span-all{
-moz-column-span:all;
-webkit-column-span:all;
column-span:all;
}




 .file-size {
  font-size:0.75em;
  font-weight:normal;
  color:#c6c6c6;
}

  .downloadbox > h2, .downloadbox > h3, .downloadbox > h4, .downloadbox > p {
    margin-top: 0;
   }

  .downloadbox > h2, .downloadbox > h3, .downloadbox > h4, .box-style-one > h2{
 /*     color:#4d0e6d;*/
 /*color:#00B454 */
color:#505050;
  }



.image-left-indent{
position:relative;
left:15px;
}

  .docContext {
      background: #ffffff;
       margin-bottom: 0;
  }

  .docDetails {
 }

  .docDetails p {
    margin: 0;
    line-height: 1.5em;
  }
  
  .docDetails strong {
    color: #2c4d92;
  }

  #uobcms-content .docDetails a, #uobcms-content-nonav .docDetails a {
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background: url("/cmsimages/button-arrow.png") no-repeat scroll right center #2858BB;
    color: white;
    display: block;
    font-weight: bold;
    padding: 0.5em 43px 0.5em 0.5em;
    text-decoration: none;
    margin-top: 10px;
  }
  
  #uobcms-content .docDetails a:hover, #uobcms-content-nonav .docDetails a:hover {
    background: url("/cmsimages/button-arrow.png") no-repeat scroll right center #1c47a1;
  }

/* download box with intranet only image */

  #uobcms-content .docDetails .downloadRestricted a, #uobcms-content-nonav .docDetails .downloadRestricted a {
    -webkit-border-radius: 7px 7px 7px 7px;
    -moz-border-radius: 7px 7px 7px 7px;
    border-radius: 7px 7px 7px 7px;
    background: url("/cmsimages/button-intranet.png") no-repeat scroll right center #2858BB;
    color: white;
    display: block;
    font-weight: bold;
    padding: 0.5em 43px 0.5em 0.5em;
    text-decoration: none;
    margin-top: 10px;
  }

  #uobcms-content .docDetails .downloadRestricted a:hover, #uobcms-content-nonav .docDetails  .downloadRestricted a:hover {
    background: url("/cmsimages/button-intranet.png") no-repeat scroll right center #1c47a1;
  }



  .docClarification {
background: #ffffff;


  }
  

  .contentTab > .row > h2 {
    margin-top: 0;
  }

ul.contentTabs {
margin-bottom:3px;

}


/* drop down tabs */
/*NOTE: ".drop-down-header" and ".content-padding" added via javascript*/

#uobcms-content .drop-down-menu {
	width: 780px;
    border-bottom: 1px solid #CCC;
	margin-bottom: 25px;
    overflow:visible;
}

#uobcms-content .drop-down-menu h2{color:#000000;}

#uobcms-content .drop-down-menu h3.drop-down-header {
	display: block;
    background: #f7f7f7
url(/safety/images/arrow-down-up.gif)
no-repeat 5px -50px;
	padding: 0.3em 10px 0.35em 30px;
	margin: 0!important;
    font-size: 0.95em;
    font-weight: normal;
       color:#2858BB;
	cursor: pointer;
    border: 1px solid #CCC;
    border-bottom: 0;

}

#uobcms-content .drop-down-menu h3:hover.drop-down-header {
	background-color: #E1E1E1;
        
}

/*#uobcms-content .drop-down-menu h3:hover.drop-down-header {background-color: #E1E1E1;}*/


#uobcms-content .drop-down-menu h3.drop-down-header.active {
background-position: 5px 8px;
font-size:1.1em;
}

#uobcms-content .drop-down-menu h3.drop-down-header a {
text-decoration: none;
color:#2858BB!important;
}

#uobcms-content .drop-down-menu h3.drop-down-header.active a {
color:#505050!important;
}

#uobcms-content .drop-down-menu .content-padding {
	margin: 0;
    padding: 1em 0 0.4em 0;
}

#uobcms-content .drop-down-content {overflow: visible}

/* drop down tab content sub - drop-down tab styling */

#uobcms-content .drop-down-content .drop-down-menu {padding-top: 20px;}
#uobcms-content .drop-down-content .drop-down-menu h3.drop-down-header {display: block; font-size: 1em; font-weight: normal; text-transform: none;background-color:#f8f8f8;color: #000000}
#uobcms-content .drop-down-content .drop-down-menu h3.drop-down-header a {color: #000000!important;}
#uobcms-content .drop-down-content .drop-down-menu h3:hover.drop-down-header {background-color: #e7e7e7;}
#uobcms-content .drop-down-content .drop-down-menu h3.drop-down-header a {color: #000000!important;font-weight:normal}

#uobcms-content .drop-down-content .drop-down-menu h3.drop-down-header.active {background-position: 5px 6px;font-size:1em;}

#uobcms-content .drop-down-content .drop-down-menu h3.drop-down-header.active a {color: #000000!important;font-size:1em;}

#downloadAcrobat {
    border-top:1px dotted #ccc;
    border-bottom:1px dotted #ccc;
    padding: 15px 110px 15px 3px;
    margin-bottom: 10px;
    margin-top:50px;
    background: white url('http://www.bris.ac.uk/cmsimages/getacro.gif') no-repeat center right;
}

#downloadAcrobat p {
padding: 0;
margin: 0;
font-size: 0.75em;
color:#89a49d;
}

#downloadAcrobat a, #downloadAcrobat a:hover, #downloadAcrobat a:visited {
color:#89a49d;
}