/****************************************************
DEFAULT GLOBAL STYLES
*****************************************************/
* {
  font-family:arial, helvetica, sans-serif;
  margin:0px;
  padding:0px;
    }
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
body {
  font-size:14px;
  text-align:left;
  background-color:#E5E5E5;
  }
p {
  font-size:14px;
  line-height:150%;
  color: #000000;
  margin:0px;
  padding:15px 0px 0px 0px;
  /*clear:left;*/
  }
a:link {
  font-weight:normal;
  text-decoration:underline;
  color:#8650b4;
  }
a:visited {
  color:#8650b4;
  font-weight:normal;
  text-decoration:underline;
  }
a:hover {
  color:#8650b4;
  font-weight:normal;
  text-decoration:none;
  }
img, form, fieldset {
  border:none;
  }
ul, ol {
  margin: 5px 0 15px 10px;
  }
ol {
  margin-left: 20px;
  float:left;
  line-height:150%;
  }
ul ul {
  margin-left: 25px;
  }
ol ol, ul ol {
  margin-left:40px;
  }
ul ul, ol ol, ul ol {
  margin-bottom: 5px;
  }
ul li, ul ol ul li {
  background-repeat: no-repeat;
  background-position: 0 0.6em;
  margin-bottom: 2px;
  }
ul li, ul ol ul li {
  padding-left: 15px;
  }
ul li p {
  margin:0px 0px 10px 0px;
  }
ul li div {
  line-height:150%;
  }
h1 {
  font-weight:bold;
  font-size:19px;
  padding:0px;
  margin:0px 0px 15px 0px;
  color:#8650b4;
  /*float:left;*/
  }
h2 {
  font-weight:bold;
  font-size:16px;
  padding:20px 0px 0px 0px;
  margin:0px;
  color:#8650b4;
  /* float:left; */
  }
h3 {
  font-weight:bold;
  font-size:14px;
  padding:20px 0px 0px 0px;
  margin:0px;
  color:#8650b4;
  }
blockquote {
  margin: 0px 0px 10px 0px;
  background-image: url(/site-elements/images/quote.gif);
  background-repeat: no-repeat;
  background-position: 0 0.4em;
  padding-left:60px;
  min-height: 45px;
  }
blockquote p {
  color:#8650b4;
  font-weight:normal;
  font-style:italic;
  }
blockquote ul li {
  color:#8650b4;
  font-weight:normal;
  font-style:italic;
  }

/****************************************************
PAGE WRAPPER
******************************************************/
div#wrapper {
  width:948px;
  padding:0px 10px 0px 10px;
  margin-left:auto;
  margin-right:auto;
  background-color:#8650b4;
  background-image:url(/site-elements/images/WrapperShadow2.gif);
  }
.skip-to-content {
  display:block;
  width:100%;
  height:2.5rem;
  line-height:2.5rem;
  margin-top:-2.5rem;
  color:#ffffff !important;
  -webkit-transition:all 0.3s ease-out;
  transition:all 0.3s ease-out;
  background-color:#330066;
  text-align:center;
  text-decoration:none;
  }
.skip-to-content:focus {
  margin-top:0;
  }	    

/****************************************************
PAGE HEADER
******************************************************/
div.PageHeader {
  width:948px;
  background-color:#8F5EBA;
  float:left;
  }
div.Logo {
  width:448px;
  background-color:#8F5EBA;
  float:left;
  }
div.Logo img {
  border:none;
  padding:12px 0px 8px 15px;
  float:left;
  }
div.HeaderImages {
  width:500px;
  background-color:#8F5EBA;
  float:left;
  padding:0px;
  margin:0px;
  }
div.HeaderImages img {
  float:right;
  }
div.ContactBar {
  width:948px;
  background-color:#330066;
  float:left;
  text-align:left;
  font-weight:bold;
  margin:0px;
  color:#ffffff;
  height:20px;
  }
div.ContactBar div.TelephoneIcon {
  float:left;
  width:200px;
  padding:9px 0px 10px 28px;
  background-image: url(/site-elements/images/phone.jpg);
  background-repeat: no-repeat;
  background-position:5px 6px;
  }
div.ContactBar div.EmailIcon {
  float:left;
  width:400px;
  padding:9px 0px 10px 30px;
  margin:0px;
  height:15px;
  /*
  background-image: url(/site-elements/images/email.jpg);
  background-repeat: no-repeat;
  background-position:5px 6px;
  */
  }
div.ContactBar div.EmailIcon a {
  color:#ffffff;
  font-weight:bold;
  }
.SearchBox {
  float:right;
  /*width:242px;*/
  width:340px; /* FIX CHROME 37 WIDTH ISSUE */
  margin:35px 5px 0px 0px;
  }
.SearchBox label {
  float:left;
  padding-right:8px;
  padding-top:6px;
  color:#ffffff;
  font-weight:normal;
  font-size:19px;
  width:65px;
  }
.SearchBox label:after {
  content: ":";
}
.SearchBox input {
  font-size:1.0em;
  float:left;
  font-size:15px;
  padding:6px;
  color:#777;
  }
.sys_searchbox {
  width:200px;
  }
.sys_searchbutton {
  width: 28px;
  height: 27px;
  margin-left:5px;
  margin-top:3px;
  text-indent: -9999px;
  border: 0;
  background-color: transparent;
  background-image: url("/site-elements/images/searchbutton.png");
  background-repeat: no-repeat;
  background-size: 28px 27px;
  cursor: pointer;
}

/****************************************************
MAIN NAVIGATION
*****************************************************/
div.MainNavigation {
  clear:left;
  float:left;
  width:220px;
  background-color:#8650b4;
  text-align:left;
  font-size:14px;
  }
.MainNavigation ul,
.MainNavigation li {
  padding:0px;
  margin:0px;
  list-style-type:none;
  }
.MainNavigation a {
  border-bottom: 1px solid #a77fc8;
  display:block;
  color:#ffffff;
  padding:10px 15px 11px 15px;
  font-weight: normal;
  text-decoration: none;
  }
.MainNavigation .selectedItem {
  border-width:0px;
  border-style:solid;
  display:block;
  padding:10px 15px 10px 15px;
  }
.MainNavigation .pageArrow {
  float: right;
    display: block;
    background-image: url(/site-elements/images/sub-nav-arrow-selected2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    height: 11px;
    width: 7px;
    position: relative;
    right: -7px;
    bottom: 24px;
  }
.MainNavigation .sectionArrow {
  float: left;
  margin-top: -1px;
  display:block;
  background-repeat: no-repeat;
  background-position:0px 0px;
  height:7px;
  width:11px;
  position: relative;
  left:12px;
  bottom: 0;
  padding: 0;
  border: 0;
  }
.navCurrent a,
.navCurrent a:hover {
  border-style:solid;
  display:block;
  color:#ffffff;
  padding:10px 15px 10px 15px;
  font-weight: normal;
  text-decoration: none;
  border-width: 0 0 1px 0;
  border-color: #a77fc8 !important;
  }
.navCurrent a:hover {
  background-color:#a77fc8;
  }
.MainNavigation li {
  background: none;
  }
.navCurrent li {
  background-color: #8650b4;
  }
.MainNavigation .selectedItem {
  background-color: #ccb6e0;
  color: #613984;
  border-color: #ccb6e0;
  font-weight:bold;
  }
.MainNavigation ul {
  background-color: #8650b4;
  }
  
/*
.MainNavigation ul li .sectionArrow {
  background-image: url(/site-elements/images/sub-nav-arrow-level-one.gif);
  }
.MainNavigation ul + ul  {
  margin-top: -1px;
  }
.MainNavigation ul + ul  li .sectionArrow {
  background-image: url(/site-elements/images/sub-nav-arrow-level-two.gif);
  }
.MainNavigation ul + ul + ul {
  background-color: #bb9dd5;
  }
.MainNavigation ul + ul + ul li .sectionArrow {
  background-image: url(/site-elements/images/sub-nav-arrow-level-three.gif);
  }
.MainNavigation ul + ul + ul + ul {
  background-color: #c7acdf;
  }
.MainNavigation ul + ul + ul + ul li .sectionArrow {
  background-image: url(/site-elements/images/sub-nav-arrow-level-four.gif);
  }
.MainNavigation ul + ul + ul + ul + ul {
  background-color: #d3bee5;
  }
.MainNavigation ul + ul + ul + ul + ul li .sectionArrow {
  background-image: url(/site-elements/images/sub-nav-arrow-level-five.gif);
  }
*/

.MainNavigation strong .sectionArrow {
  background-image: url(/site-elements/images/sub-nav-arrow-selected-children.gif) !important;
  }


.MainNavigation h2 {
  background-color:#ccb6e0;
  margin:0;
  color:#8650b4;
  padding:13px;
  font-size:14px;
}

/****************************************************
HOMEPAGE
*****************************************************/
.HomePage h1 {
  padding:15px 30px 0px 30px;
  margin:0px;
  }
.HomePage div.ContentThreeColumn {
  padding:0px 0px 60px 0px;
  width:540px;
  }
.HomePage p {
  padding:15px 30px 0px 30px;
  }
.HomePage div.ContentSummary {
  clear:left;
  padding:0px;
  margin:15px 30px 0px 30px;
  background-color: #E6DBF0;
  color: #7E49AB;
  font-weight:bold;
  }
.HomePage .ContentImage {
    float: right;
    margin:20px 30px 7px 15px;
    position: relative;
  }
.HomePage div.ContentSummary p {
  padding:15px !important;
  }
.HomePage div.FeatureStoryGroup {
  float:left;
  margin-top:10px;
  }
.HomePage div.FeatureStory {
  width:480px;
  border-bottom:1px solid #ccb6e0;
  margin:0px 30px 10px 30px;
  padding-top:10px;
  clear:both;
  float:left;
  }
.HomePage div.FeatureStoryImage {
  width:115px;
  float:left;
  padding-bottom:10px;
  }
.HomePage div.FeatureStoryContent {
  float:left;
  width:365px;
  }
.HomePage div.FeatureStoryContent h2 {
  padding:0px 10px 10px 10px;
  }
.HomePage div.FeatureStoryContent h2 a:link,
.HomePage div.FeatureStoryContent h2 a:visited {
  font-weight:bold;
  text-decoration:underline;
  }
.HomePage div.FeatureStoryContent h2 a:hover {
  text-decoration:none;
  }
.HomePage div.FeatureStoryContent p {
  padding:0px 10px 10px 10px;
  }

/****************************************************
MAIN CONTENT AREA
*****************************************************/
div#MainContentArea {
  width:728px;
  float:left;
  margin:0px;
  padding:0px;
  background-color:#ffffff;
  min-height:400px;
  background-image:url(/site-elements/images/ballswatermark.png);
  background-repeat:no-repeat;
  background-position:378px bottom;
  }
div.Content {
  width:673px;
  padding:15px 40px 60px 30px;
  float:left;
  }
div.ContentThreeColumn {
  width:480px;
  padding:15px 30px 60px 30px;
  float:left;
  border-right:1px solid #ccb6e0;
  }
div.ContentThreeColumn.ContentThreeColumnFullWidth {
  width: 668px;
  border-right: 0;
}
div#MainContentArea ul {
  padding-top:15px;
  list-style-type:none;
  }
div#MainContentArea ul li ul {
  padding-left:30px;
  padding-top:0px;
  }
.sys_theme-simple .sys_record-control ul {
  padding-left:15px;
  }
/*
div#MainContentArea ul li {
  padding:3px 0px 3px 15px;
  line-height:150%;
  background:url(/site-elements/images/sub-nav-arrow-selected.gif);
  background-repeat:no-repeat;
  background-position:0px 8px;
  list-style-type:none;
  }
  */
  div#MainPlaceholder ul li {
  padding:3px 0px 3px 15px;
  line-height:150%;
  background:url(/site-elements/images/sub-nav-arrow-selected.gif);
  background-repeat:no-repeat;
  background-position:0px 8px;
  list-style-type:none;
  }
div#MainContentArea ol {
  padding-left:30px;
  padding-top:15px;
  }
div#MainContentArea ol li {
  padding:3px 0px 3px 5px;
  margin-top:5px;
  }
.ComponentSeparator {
  clear:left;
  float:left;
  width:100%;
  padding-bottom:10px;
  }

/****************************************************
ARTICLE CONTENT
*****************************************************/
div.ContentSummary {
  clear:left;
  padding:15px;
  background-color:#E6DBF0;
  color:#7E49AB;
  font-weight:bold;
  }
div.ContentSummary a {
  font-weight:bold;
  }
div.ContentSummary p {
  color:#7E49AB;
  padding:0px;
  }
div.ContentSummary ~ img {
  margin-top: 15px;
}
.ContentImage {
    float: right;
    margin:20px 0px 15px 15px;
    position: relative;
  }
img.right,
div.right {
    float:right;
    margin:20px 0px 15px 15px;
    position: relative;
}
div.right img {
  clear:both;
  margin-bottom:20px;
  margin-left:20px;
  float:left;
}
img.left,
div.left {
    float:left;
    margin:20px 15px 15px 0;
    position: relative;
}
div.left img {
  clear:both;
  margin-bottom:20px;
  margin-right:20px;
  float:left;
}
div#RelatedDocuments {
/*   clear:both;
  float:left; */
  padding:0px 0px 15px 0px;
  }
div#RelatedDocuments p,
div#RelatedDocuments h2 {
  padding-left:0px;
  }
div#RelatedContent {
  clear:left;
  float:left;
  padding:0px 0px 15px 0px;
  }
div#RelatedContent h2 {
  padding-left:0px;
  padding-bottom:5px;
  width:250px;
  }
div.DocumentList {
  padding-top:15px;
  }
div.Content div.DocumentList div.Document {
  float:left;
  width:673px;
  padding:10px 0px 5px 0px;
  border-bottom:1px dashed #ccb6e0;
  }
div.ContentThreeColumn div.DocumentList div.Document {
  float:left;
  width:480px;
  padding:10px 0px 5px 0px;
  border-bottom:1px dashed #ccb6e0;
  }
div.ContentThreeColumn.ContentThreeColumnFullWidth div.DocumentList div.Document {
  width: 668px;
}
div.Content div.DocumentList div.RelatedContent {
  float:left;
  width:673px;
  padding:10px 0px 5px 0px;
  border-bottom:1px dashed #ccb6e0;
  }
div.ContentThreeColumn div.DocumentList div.RelatedContent {
  float:left;
  width:480px;
  padding:10px 0px 5px 0px;
  border-bottom:1px dashed #ccb6e0;
  }
div.Content div.DocumentTitle {
  float:left;
  width:540px;
  padding-bottom:5px;
  }
div.ContentThreeColumn div.DocumentTitle {
  float:left;
  width:350px;
  padding-bottom:5px;
  word-wrap: break-word;
  }
div.ContentThreeColumn.ContentThreeColumnFullWidth div.DocumentTitle {
  width: 530px;
}
div.Content div.RelatedContentTitle {
  float:left;
  width:620px;
  padding-bottom:5px;
  }
div.ContentThreeColumn div.RelatedContentTitle {
  float:left;
  width:425px;
  padding-bottom:5px;
  }
div.Content div.DocumentIcon,
div.ContentThreeColumn div.DocumentIcon {
  float:left;
  width:50px;
  text-align:right;
  }
div.Content div.RelatedContentIcon,
div.ContentThreeColumn div.RelatedContentIcon {
  float:left;
  width:50px;
  text-align:right;
  }
div.Content div.DocumentSize,
div.ContentThreeColumn div.DocumentSize {
  float:right;
  width:80px;
  text-align:right;
  }

/****************************************************
NEWS LISTS
*****************************************************/
.NewsArticle {
  width:670px;
  border-bottom:1px dashed #a5a5a5;
  padding-bottom:15px;
  }
.NewsArticleHeading {
  width:500px;
  float:left;
  }
.NewsArticle h2 {
  padding-top:10px;
  }
.NewsArticle h2 a {
  font-weight:bold;
  }
.NewsArticleDate {
  width:160px;
  float:right;
  text-align:right;
  padding-top:12px;
  color:#8650B4;
  }
.NewsArticle p {
  clear: left;
  }
.ContentBreak {
  margin-top:20px;
  color:#A47CC7;
  background-color:#A47CC7;
  border:none;
  height:1px;
  }
.sys_news-posted-date {
  border-top: 0px;
  border-bottom:0px;
  font-size: 14px;
  margin-bottom:0px;
  margin-top:15px;
  padding:0px;
  }

/****************************************************
MY AREA - PARTNERSHIP CONTACT DETAILS
*****************************************************/
.ContactDetails {
  width:670px;
  border-top:1px solid #ccb6e0;
  margin:10px 30px 0px 0px;
  padding-top:10px;
  clear:both;
  float:left;
  }
.ContactDetailsImage {
  width:200px;
  float:left;
  }
.ContactDetailsContent {
  float:left;
  width:460px;
  }
.ContactDetailsContent h2 {
  padding:0px 10px 10px 10px;
  }
.ContactDetailsContent h2 a:link,
.ContactDetailsContent h2 a:visited {
  font-weight:bold;
  text-decoration:underline;
  }
.ContactDetailsContent h2 a:hover {
  text-decoration:none;
  }
.ContactDetailsContent p {
  padding:0px 10px 10px 10px;
  }

/****************************************************
VIDEOS
*****************************************************/
.jwplayer {
  float:right;
  margin:20px 0px 20px 20px !important;
  border:none !important;
  max-width:480px;
  }
#ECINSWorkbook,
#ECINSWorkbook2 {
 	max-width:675px;
	}

/****************************************************
HOMEPAGE IMAGE ROTATION
*****************************************************/
#BannerRotator {
  width:540px;
  height:282px;
  padding:0px;
  margin:0px;
  float:left;
  border:0px;
  }
#BannerRotator ul li img {
  max-width:540px;
  max-height:282px;
  height:282px;
  width:540px;
  padding:0px !important;
  margin:0px !important;
  }
#BannerRotator {
  position:relative;
  float:left;
  }
#BannerRotator ul {
  list-style:none;
  padding:0px !important;
  position:relative;
  margin:0px !important;
  }
#BannerRotator ul li {
  padding:0px !important;
  margin:0px !important;
  list-style-type:none !important;
  list-style-image:none !important;
  }
#BannerRotator ul li a {
  text-decoration:none;
  }
#BannerRotator .BannerRotatorTitle {
  position:absolute;
  left:20px;
  bottom:25px;
  padding:5px 10px 5px 10px;
  background-color:#E6DBF0;
  color:#8650b4;
  font-size:24px;
  font-weight:normal;
  max-width:300px;
  }
#bannerNav {
  position:absolute;
  right:15px;
  bottom:15px;
  background:url(/site-elements/images/rotation/transBlack75.png) repeat 0 0;
  padding:5px 5px 5px 10px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  }
#bannerNav a {
  margin:3px 10px 0 0;
  height:10px;
  width:10px;
  display:block;
  background:url(/site-elements/images/rotation/dotDark.png) no-repeat 0 0;
  float:left;
  }
#bannerNav a.active {
  background-image:url(/site-elements/images/rotation/dotLight.png);
  }
#bannerNav span.pause,
#bannerNav span.play {
  cursor:pointer;
  height:15px;
  width:15px;
  display:block;
  background:url(/site-elements/images/rotation/pause.png) no-repeat 0 0;
  float:left;
  }
#bannerNav span.play {
  background-image:url(/site-elements/images/rotation/play.png)
  }

/****************************************************
RIGHT COLUMN - NEWS
*****************************************************/
div.RightColumn {
  float:left;
  width:187px;
  }
div.RightColumn div.ButtonTop,
div.RightColumn div.ButtonMiddle,
div.RightColumn div.ButtonBottom {
  width:187px;
  float:left;
  height:95px;
  }
div.LatestNews {
  width:187px;
  float:left;
  background-color:#8650b4;
  margin:-3px 0px 0px 0px;
  }
div.LatestNews h2 {
  color:#ffffff;
  float:left;
  padding:13px;
  font-size:14px;
  }
div.sys_news-minilist-control {
  width:100%;
  float:left;
  }
div#MainContentArea .sys_itemslist {
  padding-top: 0;
  margin: 0;
}
div#MainContentArea .sys_itemslist li {
  background: none;
  padding: 0 15px 10px 15px;
  margin: 5px 0 0 0;
  border-bottom: 1px solid #ccb6e0;
}
div#MainContentArea .sys_itemslist li a {
  display: block;
  padding: 5px 0 10px 0;
  font-weight: bold;
}
div#MainContentArea .sys_itemslist li .sys_news-datepublished {
  color: #8650B4;
  font-size: 12px;
  font-style: italic;
}
div.PopularLinksList {
  width:187px;
  float:left;
  background-color:#8650b4;
  margin:0px 0px 0px 0px;
  }
div.PopularLinksList h2 {
  color:#ffffff;
  float:left;
  padding:13px;
  font-size:14px;
  }
div.PopularlinksHeading {
  float:left;
  width:157px;
  padding:5px 0px 0px 0px;
  line-height:150%;
  }
div.PopularlinksHeading a:link,
div.PopularlinksHeading a:visited {
  color:#8650B4;
  font-weight:bold;
  }
div.PopularlinksHeading a:hover {
  color:#8650B4;
  font-weight:bold;
  }
div.PopularLink {
  width:157px;
  border-bottom:1px solid #ccb6e0;
  float:left;
  margin-top:5px;
  padding:0px 15px 10px 15px;
  }
div.NewsItemDate {
  width:157px;
  padding:0px;
  float:left;
  color:#8650B4;
  font-size:12px;
  font-style:italic;
  }
div.NewsItemSummary {
  float:left;
  width:157px;
  }
div.NewsItem p {
  padding:0px !important;
  }

/****************************************************
RIGHT COLUMN - LINKS
*****************************************************/
div.RightColumnLink {
  width:187px;
  float:left;
  margin-bottom:30px;
  }
div.RightColumnHeading {
  width:187px;
  float:left;
  background-color:#8650B4;
  margin:0px 0px 0px 0px;
  }
div.RightColumnHeading h2 {
  color:#ffffff;
  float:left;
  padding:13px;
  font-size:14px;
  }
div.RightColumnHeading h2 a:link,
div.RightColumnHeading h2 a:visited {
  color:#ffffff;
  font-weight:bold;
  text-decoration:underline;
  display:block;
  }
div.RightColumnHeading h2 a:hover {
  color:#ffffff;
  font-weight:bold;
  text-decoration:none;
  display:block;
  }
div.RightColumnLink p {
  width:161px;
  float:left;
  margin-top:10px;
  padding:0px 13px 0px 13px;
  }
div.RightColumnURLBox {
  width:187px;
  clear:left;
  float:left;
  margin:0px 0px 0px 0px;
  border-bottom:1px solid #ccb6e0;
  }
div.RightColumnURLBox a:link,
div.RightColumnURLBox a:visited {
  color:#8650B4;
  font-weight:bold;
  text-decoration:underline;
  display:block;
  float:left;
  padding:13px;
  }
div.RightColumnURLBox a:hover {
  color:#8650B4;
  font-weight:bold;
  text-decoration:none;
  display:block;
  float:left;
  padding:13px;
  }
div.RightColumnLink img {
  width:187px;
  height: auto!important;
  -ms-interpolation-mode : bicubic;
}
/****************************************************
PAGE FOOTER
*****************************************************/
div#Footer {
  clear:both;
  width:948px;
  padding:0px 10px 0px 10px;
  float:left;
  margin-left:-10px;
  margin-bottom:30px;
  background-color:#330066;
  background-image:url(/site-elements/images/WrapperShadow2.gif);
  }
div.DCCLogo {
  width:200px;
  float:left;
  padding:17px 10px 10px 15px;
  }
div.FooterRightContent {
  float:right;
  height:75px;
  padding:0px
  }
div.FooterLinks {
  width:615px;
  float:right;
  }
div.FooterLinks ul {
  float:right;
  padding:5px 15px 0px 0px;
  margin-bottom:5px !important;
  }
div.FooterLinks ul li {
  display:inline;
  list-style-type:none;
  padding:0px 0px 0px 5px;
  float:left;
  color:#ffffff;
  }
div.FooterLinks ul li a {
  color:#ffffff;
  font-size:12px;
  }
div.FooterLinks p,
div.FooterLinks .FooterCopyright {
  font-size:12px;
  float:right;
  clear:right;
  width:600px;
  text-align:right;
  color:#ffffff;
  padding:0px 15px 0px 0px !important;
  }
div.FooterLinks a {
  color:#ffffff;
  font-size:12px;
  }
/*
div.FooterCopyright {
  float:right;
  clear:right;
  width:600px;
  background-color:green;
  }
*/
/*
div.FooterCopyright p {
  float:right;
  text-align:right;
  padding:5px 15px 0px 0px !important;
  font-size:11px;
  color:#ffffff;
  width:485px;
  }
*/
div.Clear {
  clear:both !important;
  visibility:hidden !important;
  margin:0px !important;
  padding:0px !important;
  border:0px!important;
  font-size:1px !important;
  }

/****************************************************
SEARCH RESULTS
*****************************************************/
.MainNavigationSearchOptions,
.MainNavigationSearchTypes,
.MainNavigationCategories {
  clear:left;
  padding-top:5px;
  color:#ffffff;
  margin:0px;
  float:left;
  }
.SubNavigationType {
  color:#CCB6E0;
  padding:10px 15px 5px 15px;
  clear:left;
  float:left;
  font-size:16px;
  font-weight:bold;
  width:175px;
  }
.SubNavigationRelated {
  color:#CCB6E0;
  padding:10px 15px 5px 15px;
  clear:left;
  float:left;
  font-size:16px;
  font-weight:bold;
  width:175px;
  }
.SubNavigationCategories {
  color:#CCB6E0;
  padding:5px 15px 5px 15px;
  clear:left;
  float:left;
  font-size:16px;
  font-weight:bold;
  }
.items ul {
  padding-left:15px;
  clear:left;
  margin-bottom:20px;
  width:175px;
  float:left;
  }
.items ul li {
  list-style-type:square;
  color:#CCB6E0;
  }
.items a:link,
.items a:visited {
  padding:10px 0px 0px 0px;
  text-decoration:none;
  font-size:14px;
  color:#CCB6E0;
  }
.items a:hover {
  padding:10px 0px 0px 0px;
  text-decoration:underline;
  font-size:14px;
  color:#CCB6E0;
  }
.SearchResult {
  clear:left;
  }
.SearchResultTitle a {
    font-weight:bold;
  margin-top:10px;
  }
.SearchResultURL {
  font-size:0.8em;
  color:#8650B4;
  }
.filesize {
  font-size:0.8em;
  color:#8650B4;
  }
.SearchResultDocument {
  padding-top:7px;
  }
.refine {
  border-bottom:1px solid #CCB6E0 !important;
  margin-bottom:5px !important;
  margin-left:15px !important;
  float:left;
  clear:left;
  }
.Line {
    background: none repeat scroll 0 0 #CCB6E0;
    color: #CCB6E0;
    border: medium none;
    height: 1px;
  margin-top:10px;
  margin-bottom:10px;
  clear:left;
  }
.page {
    border: 1px solid #7B3F6C;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
  padding-left:8px;
  padding-right:8px;
  }
.page_control {
  margin-top:20px;
  }
.page_control b {
    font-weight: bold;
    padding: 5px;
  padding-left:8px;
  padding-right:8px;
  }
.page_controller {
    border: 1px solid #7B3F6C;
    color: #FFFFFF;
    font-weight: bold;
    padding: 5px;
  padding-left:8px;
  padding-right:8px;
  }
.bestbetheader {
  clear:left;
  float:left;
  background-color:#E6DBF0;
  color: #8650b4;
  width:673px;
  }
.bestbetheader h2 {
  color: #8650B4;
  padding:15px;
  }
.bestbet {
  float:left;
  clear:left;
  width:673px;
  background-color:#E6DBF0;
  color: #8650b4;
  }
.bestbet .SearchResultTitle {
  padding:0px 15px 15px 15px;
  }
.bestbet .SearchResultDescription {
  padding:15px;
  color: #8650b4;
  }

/****************************************************
TABLES
*****************************************************/
.DataTable {
  clear:left;
  float:left;
  padding:0px;
  margin:0px;
  border:0px;
  border-collapse:collapse;
  width:670px;
  }
.DataTable caption {
  font-size:12px;
  color:#52136B;
  width:auto;
  text-align:left;
  padding:10px 5px 5px 0px;
  caption-side:top;
  font-style:italic;
  }
.DataTable th {
  font-weight:normal;
  padding:5px;
  margin:0px;
  background-color:#8650b4;
  color:#ffffff;
  border:1px solid #ffffff;
  }
.DataTable td {
  font-weight:normal;
  padding:10px;
  margin:0px;
  background-color:#e6dbf0;
  border:1px solid #ffffff;
  }

/****************************************************
ZMAGS
*****************************************************/
.SaferDerbyshireMagazine {
  float:right;
  margin:20px 0px 20px 20px;
  }

/****************************************************
ONLINE POLL
*****************************************************/
.PollForm {
  background-color:#330066;
  clear:left;
  float:left;
  width:190px;
  padding:15px 15px 15px 15px;
  color:#ffffff;
  padding-top:15px;
  font-size:14px;
  border-bottom:1px solid #a77fc8;
  }
.PollForm p {
  padding:0px 0px 10px 0px !important;
  color:#ffffff;
  }
.PollForm  .FormRow {
  width:190px;
  float:left;
  clear:left;
  margin-bottom:5px;
  }
.PollForm  .FormRow  .FormOption {
  width:30px;
  float:left;
  padding-top:1px;
  }
.PollForm  .FormRow  .FormLabel {
  width:160px;
  float:left;
  }
input#SubmitForm {
  padding-top:10px;
  }
.PollResults {
  clear:left;
  padding:0px 0px 15px 0px;
  color: #8650b4;
  font-weight:bold;
  float:left;
  width:673px;
  }
.PollResults h2 {
  padding:0px;
  margin:15px 0px 0px 0px;
  width:640px;
  clear:left;
  float:left;
  }
.PollResultsGraph {
  float:left;
  clear:left;
  height:5px;
  background-color:#330066;
  }

/****************************************************
BANNER MESSAGE
*****************************************************/
.BannerMessage {
  background-color:#f7ff73;
  padding:17px 30px 20px 30px !important;
  color:#000000;
  font-weight:bold;
  height:153px;
  }
.BannerMessage a {
  font-weight:bold;
  color:#000000;
  }

/****************************************************
BOXES
*****************************************************/
.BoxGroup {
  float:left;
  margin-top:20px;
  margin-left:1px;
  }
.BoxGroup ul {
  margin:0;
  padding-top:0 !important;
  }
.BoxGroup ul li {
  padding:0 !important;
  line-height:0 !important;
  background:none !important;
  display:inline;
  }    
a:link .Box,
a:visited .Box  {
  float:left;
  width:209px;
  height:120px;
  text-align:center;
  padding:0px;
  margin:0px 15px 30px 15px;
  background-color:#8650b4;
  color:#ffffff;
  display:block;
  font-weight:bold;
  }
a:hover .Box  {
  float:left;
  width:194px;
  height:120px;
  text-align:center;
  padding:0px;
  margin:0px 15px 30px 15px;
  background-color:#aa7fcf;
  color: #ffffff;
  display:block;
  font-weight:bold;
  }
a:link .Box h2,
a:visited .Box h2 {
  width:153px;
  padding:20px;
  color:#ffffff;
  font-weight:normal;
  }
a:hover .Box h2 {
  color:#ffffff;
  width:153px;
  padding:20px;
  font-weight:normal;
  }
.ContentThreeColumnFullWidth a:link .Box,
.ContentThreeColumnFullWidth a:visited .Box,
.ContentThreeColumnFullWidth a:hover .Box {
  width:192px;
  }

/*******************************************************
EMERGENCY BANNER
*******************************************************/
.EmergencyBanner {
  width:100%;
  background-color:#E6DBF0;
  float:left;
  text-align:center;
  }
.EmergencyBanner p {
  font-weight:bold;
  padding:15px !important;
  color:#8650b4;
  }

/*********************************************************************
CATEGORY LISTS
*********************************************************************/
.SectionHeader,
.SectionHeaderActive {
  cursor: pointer;
  background-color:#E0D6E0;
  height:36px;
  padding-top:12px;
  margin-top:10px;
    background-image: url("/site-elements/images/asb-header.jpg");
  background-position:right;
  text-decoration:none !important;
  }
.SectionHeader.SectionHeaderSmall {
  height: 22px;
  padding-top: 6px;
  background-image: url("/site-elements/images/enforcement-banner.jpg");
}
.SectionHeader h2 {
  float: none;
  color:#613984 !important;
  font-size:1.3em;
  font-weight:normal !important;
  text-decoration:none !important;
  margin:0px;
  padding-left:15px;
  padding-top:1px;
  }
.SectionHeader.SectionHeaderSmall h2 {
  font-size: 14px;
  font-weight: bold !important;
}
.SectionHeaderActive {
    background-image: url("/site-elements/images/asb-header-active.jpg");
}
.SectionHeaderSmall.SectionHeaderActive {
  background-image: url("/site-elements/images/enforcement-banner-active.jpg");
}
.CategoryList {
  display: none;
  margin-top:10px;
  margin-bottom:10px;
  }
.CategoryList p {
  padding: 0px 0px 15px 5px;
}
.SubCategories {
  padding:0px !important;
  margin:0px !important;
  list-style-image:none !important;
  list-style-type:none !important;
  }
.SubCategories li {
  display: block;
  height:34px;
  padding:0px !important;
  margin:0px !important;
  background:none !important;
  }
.CategoryResultHeader .CategoryName {
  display: block;
  background-image: url("/site-elements/images/icon-category.gif");
  background-repeat:no-repeat;
  margin-right:20px;
  padding-left:40px;
  padding-top:3px;
  padding-bottom:3px;
  font-size:1.1em;
  color:#663366;
  text-decoration:underline;
  cursor:pointer !important;
  }
.CategoryLink {
  display:block;
  border-bottom:1px solid #a26b94;
  /*background-color:#f8f8f8;*/
  border-bottom:1px solid #a3a3a3;
  /*background-color:#ffffff;*/
  padding:2px;
  text-decoration:none !important;
  }
.CategoryLink:hover {
  background-color:#F7F5F7;
  color:#666666;
  text-decoration:none !important;
  }
.CategoryLink:focus,
.CategoryLink:active {
    color: #666666;
  background:none !important;
  }

/*********************************************************************
NEWS RECORD
*********************************************************************/
.sys_theme-simple .sys_news-record {
  margin-top: 15px;
}
.sys_theme-simple .sys_news-record-title {
  padding: 15px 0 10px 0;
  color: #8650b4;
}
.sys_theme-simple h2 {
  font-weight:bold;
  font-size:16px;
  padding:20px 0px 0px 0px;
  margin:0px;
  color:#8650b4;
}

/*********************************************************************
SEARCH LISTING
*********************************************************************/
.sys_search-control .sys_search-title {
  display: none;
}

/*********************************************************************
SYSTEM STYLING
*********************************************************************/
.sys_required {
  color: #FF0000;
  font-weight: bold;
  margin-left: 5px;
}

/******************************************************************
FORM BUILDER SITE SPECIFIC STYLES
******************************************************************/
.sys_cms-form-control {
  margin-top: 20px;
}

.sys_cms-form-control input[type="text"],
.sys_cms-form-control input[type="email"],
.sys_cms-form-control input[type="tel"],
.sys_cms-form-control input[type="number"],
.sys_cms-form-control textarea {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #B190BF;
  color: #000000;
  font-size: 1em;
  margin-bottom: 0px;
  margin-left: 0px;
  padding: 7px 0;
  text-indent: 7px;
  width: 642px;
}

.sys_cms-form-control input[type="checkbox"] {
  margin-right: 10px;
  margin-top: 9px;
}

.sys_cms-form-control select {
  -webkit-border-radius: 5px 5px 5px 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #B190BF;
  padding: 5px;
  font-size: 1em;
  width: 100%;
}

.sys_cms-form-control textarea {
    width: 100%;
    height: 100px;
    resize: vertical;
}

div#MainContentArea  .sys_cms-form-body {
  padding: 0 0 10px;
  margin: 0;
  background-position: center top;
  background-repeat: repeat-x;
  background-color:#f9f4fd;
}

div#MainContentArea .sys_cms-form-body:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/* clearfix */
div#MainContentArea .sys_cms-form-body { display: inline-block; }
/* start commented backslash hack \*/
* html div#MainContentArea .sys_cms-form-body { height: 1%; }
div#MainContentArea .sys_cms-form-body { display: block; }
/* close commented backslash hack */

div#MainContentArea .sys_cms-form-item {
  padding: 5px 43px 0 10px;
  margin: 0;
  background: none;
  clear: left;
  float: left;
  width: 613px;
}

/* section deviders */
div#MainContentArea .sys_cms-form-item ~ .sys_sectionbreak {
  margin-top: 20px;
}

div#MainContentArea .sys_cms-form-item ~ .sys_sectionbreak::before {
  content: "";
  display: block;
  height: 20px;
  margin: 0 -1px;
  background: #FFFFFF;
  border-bottom: 1px solid #DFD2E4;
}
/* end */

div#MainContentArea .sys_cms-form-item.sys_sectionbreak {
  padding: 0;
  width: 668px;
}

div#MainContentArea .sys_cms-form-item.sys_sectionbreak:first-child {
  margin-top: 0;
  border-top: 0;
}

.sys_sectionbreak-header {
  display: block;
  color: #ffffff;
  font-size: 1.3em;
  padding: 10px;
  background-color:#8650b4;
  }

.sys_sectionbreak-text {
  padding: 15px 10px 10px;
}

.sys_cms-form-item.sys_radio .sys_legend {
	float: left;
  	width: auto;
}

.sys_cms-form-item .sys_fieldcontent  {
  width: 12px;
}

.sys_cms-form-item .sys_fieldlabel,
.sys_cms-form-item div > div > label,
.sys_cms-form-item.sys_address div > div > span {
  float: left;
  padding-top: 8px;
/*   width: 295px;
  margin-right: 20px; */
}

.sys_cms-form-item .sys_fieldcontent,
.sys_cms-form-item.sys_name input,
.sys_cms-form-item.sys_address input {
  float: none;
}

.sys_cms-form-item .sys_fieldcontent {
  width: 645px;
}

.sys_cms-form-item.sys_radio .sys_fieldcontent {
  margin-left: 6px;
  margin-top: 2px;
  float: left;
  width: auto;
}

.sys_cms-form-item.sys_name input,
.sys_cms-form-item.sys_address input {
  width: 645px;
}

/* Name combo */
.sys_cms-form-item.sys_name .sys_legend {
  color: #813F9B;
  font-weight: bold;
}

.sys_cms-form-item.sys_name .sys_fieldcontent {
  width: 100%;
}

.sys_cms-form-item.sys_name .sys_namesubelement {
  margin-top: 5px;
  clear: left;
  float: left;
  width: 100%;
}

/* Address combo */
.sys_cms-form-item.sys_address .sys_legend {
  color: #813F9B;
  font-weight: bold;
}

.sys_cms-form-item.sys_address .sys_fieldcontent > div {
  margin-top: 5px;
  clear: left;
  float: left;
  width: 100%;
}

.sys_cms-form-item.sys_address .sys_fieldcontent {
  width: 100%;
}

/* Multiline */
.sys_cms-form-item.sys_multiline .sys_fieldcontent {
  width: 642px;
}

/* Checkbox */
.sys_cms-form-item.sys_checkbox .sys_fieldcontent {
  float: none;
  width: auto;
}

.sys_cms-form-item.sys_checkbox .sys_legend {
  display: none;
}

/* Submit */
.sys_form-submit {
  padding: 8px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#330066;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  border: none;
  width: 150px;
  cursor: pointer;
  font-size: 1.1em;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.sys_form-submit:hover {
  padding: 8px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#330066;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  border: none;
  width: 150px;
  cursor: pointer;
  font-size: 1.1em;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
}

.sys_form-submit:disabled,
.sys_form-submit:disabled:hover {
  padding: 8px;
  margin-top:10px;
  margin-bottom:10px;
  background-color:#330066;
  color: #ffffff;
  font-weight: normal;
  text-align: center;
  border: none;
  width: 150px;
  cursor: pointer;
  font-size: 1.1em;
  -webkit-border-radius: 7px;
  -moz-border-radius: 7px;
  border-radius: 7px;
  opacity: 0.5;
  cursor: default;
}

/* Validation */
.sys_cms-form-validationsummary {
  display: none;
}

.sys_cms-form-item label.sys_cms-form-error {
    float: left;
    width: 597px;
    color: #b94a48;
    margin: 5px 0px 15px 0px;
    background-color: #f2dede;
    border: 1px solid #eed3d7;
    border-radius: 4px;
    padding: 7px 12px 5px 34px;
    background-image:url(/site-elements/images/warning-triangle.jpg);
    background-repeat:no-repeat;
    background-position:9px 50%;
    font-weight:bold;
}

.sys_cms-form-item.sys_multiline label.sys_cms-form-error {
  margin-left: 0;
  width: 593px;
}

/* label.sys_cms-form-error {
  float: right !important;
  width: 277px;
  padding: 5px 10px;
  margin-bottom: 5px;
  margin-left: 20px;
  background: #DE7F79;
  color: #FFFFFF;
  font-weight: bold;
} */

.sys_cms-form-item input.sys_cms-form-error,
.sys_cms-form-item select.sys_cms-form-error,
.sys_cms-form-item textarea.sys_cms-form-error {
  border-color: #B00404;
  border-width: 2px;
}

/* News listing control - added 28/7/16 */
.sys_theme-simple .sys_datarepeatercontrol li.sys_subitem {
    border: 0 none;
    background: none;
    margin: 0;
    padding: .4em 10px .4em 0 !important;
    border-bottom: 1px solid #e3e3e3;
    list-style-type: none;
}

}
.sys_theme-simple .sys_datarepeatercontrol .sys_subitem dl {
	margin: 0 0 -10px 0;
	padding:0;
}
.sys_theme-simple .sys_datarepeatercontrol .sys_subitem dl {
    padding: 0;
}
.sys_theme-simple .sys_news-control .sys_itemslist .sys_subitem .sys_news-summary {
    position: relative;
    z-index: 300;
    top: -5px;
    margin: 0;
    padding: 0;
    min-height: 1em;
    zoom: 1;
}
.sys_theme-simple .sys_datarepeatercontrol li.sys_subitem a {
    background: none;
}

/* Custom Search */
.suggestedresults {
  float:left;
  width: 80%;
}
.suggestedresults__title {
  margin-bottom:10px;
}
.suggestedresults__item {
  box-sizing:border-box;
  display:block;
  float:left;
  width: 48%;
  margin: 20px 4% 30px 0;
  padding:20px;
  background:#efefef;
  min-height: 14.2em;
}
.suggestedresults__item:last-child {
  margin-right:0;
}
.suggestedresults__item__title {
  padding:0;
}
.suggestedresults__item__title a {
  font-weight:700;
}
.suggestedresults__item__description {}

.searchresults {
  margin-bottom:20px;
  width: 80%;
  float: left;
}
.searchresults__item {
}
.searchresults__item__description {
  padding-top:.5em;
}

/* Pager */
.sys_flickrpager {
  float:left;
  clear:both;
  width:100%;
}
.sys_pagerInfo {
  margin:0 40px 0 0;
  float: left;
}

/* List filter items */
.listfilter {
  float:right;
  width: 16%;
}

.listfilter h3 {
  	padding-top: 0;
}
/* Tabs */
.tabs {}
.tabs {
  
}


/* login form */

.sys_logon-control {
    margin-top: 20px;
}
.sys_logon-control input {
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #B190BF;
    color: #000000;
    font-size: 1em;
    margin-bottom: 15px;
    margin-top: 0px;
    padding: 7px 0;
    text-indent: 7px;
    width: 642px;
}
.sys_logon-control input[type="submit"] {
    padding: 8px;
    margin-top: 0px;
    margin-bottom: 10px;
    background-color: #330066;
    color: #ffffff;
    font-weight: normal;
    text-align: center;
    border: none;
    width: 150px;
    cursor: pointer;
    font-size: 1.1em;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
}

/* Search and form controls */
#SDSearchResults_wrapper {
    width: 540px;
    float: left;
}

#SDSearchResults_wrapper .sys_subitem {
  	border-bottom: 1px solid #ccc;
    /*padding-bottom: 10px;*/
    margin-bottom: 10px;
}

#SDSearchResults_wrapper .sys_subitem h3 {
  	padding-top: 0;
  	margin-top:15px;
  	margin-bottom:15px;
}

#SDSearchResults_wrapper .sys_search-description {
  	line-height:21px;
    margin-bottom:15px;
}

#SDSearchResults_wrapper .sys_search-description b,
#SDSearchResults_wrapper .sys_search-description strong {
  	font-weight:normal;
}

#SDSearchResults_wrapper dt.sys_search-description,
#SDSearchResults_wrapper .sys_search-url {
  	display: none;
}

#SDSearchResults_wrapper .sys_didyoumean,
#SDSearchResults_wrapper .sys_alsotry {
  	padding: 15px;
    background-color: #E6DBF0;
    color: #8650b4;
    font-weight: bold;
    margin-bottom: 18px;
}
.sys_cms-form-confirmation-content {
  	padding:0px 15px 15px 15px;
    background-color: #8650b4;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 18px;
}
.sys_cms-form-confirmation-content p,
.sys_cms-form-confirmation-content h2 {
    color: #ffffff;
}
#SDSearchResults_wrapper .sys_didyoumean p,
#SDSearchResults_wrapper .sys_alsotry p {
  	padding-top: 0;
  	color:#8650b4;
	font-weight:bold;
}

#SDSearchResults_wrapper .sys_paginginfo,
#SDSearchResults_wrapper .sys_navigation {
 	margin: 8px 0;
}

#SDSearchResults_wrapper .sys_paginginfo {
	float: left;
}

#SDSearchResults_wrapper .sys_navigation {
 	float: right;
}


#SDSearchResults_wrapper .sys_page {
	padding-left: 8px;
    padding-right: 8px;  
}

#SDSearchResults_wrapper .sys_icon {
  	background-repeat: no-repeat;
  	background-position: left center;
    width: 20px;
    height: 20px;
    float: left;
    margin-right: 10px;
}

#SDSearchResults_wrapper .sys_icon.sys_0 {
  	display: none;
}

#SDSearchResults_wrapper .sys_icon.sys_17 {
  	background-image: url(/site-elements/images/msword.gif);
}

#SDSearchResults_wrapper .sys_icon.sys_18 {
  	background-image: url(/site-elements/images/msexcel.gif);
}

#SDSearchResults_wrapper .sys_icon.sys_19 {
  	background-image: url(/site-elements/images/mspowerpoint.gif);
}

#SDSearchResults_wrapper .sys_icon.sys_21 {
  	background-image: url(/site-elements/images/pdf.gif);
}

/* Form progress */

.sys_form-progress {
    position: absolute;
    z-index: 9999;
    width: 150px;
    height: 18px;
    color: #fff;
    padding: 12px;
    background: #3f4245    ;
    text-align: center;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.1em;
    margin: 1px 10px 0 0;
    border: 3px solid #7c7f82;
    border-radius: 5px;
    background: #3f4245 url("/aspnet_client/ContensisThemes/simple/Forms/images/progress.gif") no-repeat 9px 9px;
}

/* Digital MOT additional styling */

.red {
  background-color: #ffcdd2;
  padding: 5px;
  display: block;
  margin-bottom: -10px;
}

.amber {
    background-color: #ffe082;
    padding: 5px;
    display: block;
    margin-bottom: -10px;
}

.green {
    background-color: #ccff90;
    padding: 5px;
    display: block;
    margin-bottom: -10px;
}

/* Hide Azure AD button from the login page */

.sys_wsfed-logon {
  display:none;
}