body
{
	background: #f7eac8!important;
	color: #000;
}
a
{
	color: #db3340;
}
p a:hover, .userprefbar a:hover, p a:focus, .userprefbar a:focus
{
	background: #db3340;
	color: #fff;
}
.highlightlinks li a:hover, .highlightlinks li a:focus
{
	background: #db3340;
	color: #fff;
}

.masthead
{
	background-color: #333333;
}
.masthead h1
{
	color: #fff;
}
.solidblockmenu li a
{
	background: #4d4f53!important;
	border: 1px solid #fff;
	font-weight: bold;
}
.solidblockmenu li a:hover, .solidblockmenu li a:focus, .solidblockmenu li .current
{
	background: #db3340!important;
	color: #fff!important;
}
.pagetitle
{
	border-top: 1px solid #000;
}
.mattblacktabs
{
	border-top: 1px solid #000;
}
.mattblacktabs li a
{
	background: #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
	color: white;
	font-weight: bold;
	margin-right: 3px;
}
.mattblacktabs li a:visited
{
	color: #fff;
}
.mattblacktabs li a:hover, .mattblacktabs li a:focus, .mattblacktabs li.selected a
{
	background:#db3340;
	color: #fff;
}
.callout
{
	background:  #f7eac8;
	border: 1px solid #000;
}
.learningoutcomes
{
	border: 1px solid #000;
}
.learningoutcomes h3
{
	font-weight: normal;
}
blockquote
{
	border-left: 10px solid #000;
}
.quote, .fullquote, .quoteleft, .quoteright
{
	border-bottom: 5px solid #000;
	border-top: 10px solid #000;
}
.quote .text, .fullquote .text, .quoteleft .text, .quoteright .text
{
	color: #000;
}
.quote .source , .fullquote .source, .quoteleft .source, .quoteright .source
{
	color: #000;
}
.videobar
{
	background-color: #f7eac8;
	border-bottom: 5px solid #000;
	border-top: 5px solid #000;
}
.videobar p
{
	color: #000;
}
.videobar ul li
{
	color: #000;
}
.showcasebar
{
	background-color: #f7eac8;
	border-bottom: 5px solid #000;
	border-top: 5px solid #000;
}
.tab-container .panel-container
{
	background: #f7eac8;
	border: 1px solid #000;
}
.tabs a
{
	background: #f7eac8;
	border: 1px solid #000;
	border-bottom: 0px;
	color: #000;
}
.tabs a:hover, .tabs a:focus
{
	background: #db3340;
	color: #fff;
	text-decoration: none;
}
.tabs a.active
{
	background: #db3340;
	position: relative;
	text-decoration: none;
}
.tabs a.active
{
	color: #fff;
	text-decoration: none;
}
.body-hi
{
	background-color: #000;
	color: #fff;
	padding: 1px;
}
.btn
{
	background: #000;
	border: 1px solid #fff;
	color: #fff;
}
.btn:hover, .btn:focus
{
	background: #db3340;
	color: #fff;
}
#next,
#prev
{
	color: #000;
}
#next:before,
#next:after,
#prev:before,
#prev:after
{
	background: #000;
}
#next:hover,
#next:focus,
#prev:hover,
#prev:focus
{
	color: #db3340;
}
#next:hover:before,
#next:hover:after,
#next:focus:before,
#next:focus:after,
#prev:hover:before,
#prev:hover:after,
#prev:focus:before,
#prev:focus:after
{
	background:#db3340;
}
.footercta
{
	background: #000;
	border-bottom: 1px solid #000;
	border-top: 1px solid #000;
	color: #fff;
}
.footercontainer
{
	background-image: url('/public/20200717205946oe_/https://learn.sssc.uk.com/nos/gfx/background-highcontrast.png');
}
.footertext a:hover, .footertext a:focus
{
	color: #fff;
}
#elevator, #elevator_item .qr
{
	border: 1px solid #fff;
}
#elevator_item .qr-popup
{
	border: 1px solid #fff;
	color: #000;
	font-weight: bold;
}

.cookiedisabledwarning {	
	background:  #f7eac8;
	box-shadow: 0px 0px 0px #f7eac8;
	border: 1px solid #000;
	}

#cookiesWarningActive {
	background:  #f7eac8;
	box-shadow: 0px 0px 0px #f7eac8;
	border: 1px solid #000;
}

#cookiesWarningActive small {
	background: #f7eac8;
	box-shadow:0px 0px 0px #f7eac8;
	border: 1px solid #000;
}

a.tltip:hover .descriptor, a.tltip:focus .descriptor {
    border: #000 1px solid;
}

.accordion {
   border: 1px solid #000;
}

.accordion-section-title.active, .accordion-section-title:hover, .accordion-section-title:focus {
    background: #db3340;
	color: #fff;
}

.accordion-section-content {
    background: #f7eac8;
}

  .practicearea {border-bottom: 1px solid #000;}
  .coreunits {border-bottom: 1px solid #000;}
  
  
  .coreunits ul, .optionalunits ul {list-style-type: none;
    padding: 0px;
    margin: 0px;}
  .coreunits ul li a, .optionalunits ul li a {background: #f7eac8; border: 1px solid #000; color: #000;}
  .activenos a {background: #000!important; color: #fff!important;}
  
  
  @media only screen and (max-width : 480px) {
  
     .coreunits ul li a, .optionalunits ul li a {border: 0px solid #000;}
    .activenos a {background: #f7eac8!important; color: #000!important;}
	.activenos a.tltip:hover .descriptor, a.tltip:focus .descriptor { border: 0px; background: #008a470; box-shadow: none; color: #fff;}
  
  }