a:link { text-decoration:none; color: #333;}
a:visited { text-decoration:none; color: #333;}
a:active { text-decoration:none; color: #333;}
a:hover { text-decoration:none; color: #333; background: #DDD;}

.menuContainer {
	padding-bottom: 0;
	overflow-y: auto;
	overflow-x: hidden;
	position: absolute;
	overflow: hidden;
  background-color: #fff;
  z-index: 1001;
}

  .menuContainer ul {
    width: auto;
    float: left;
    overflow: hidden;
    padding-inline-start: 0;
  }

.menuContainer ul li {
	width: auto;
	display: block;
	vertical-align: text-bottom;
}
.menuContainer ul li a.arrow{
	background:url(./arrow.png) no-repeat center right;
	
}

  .menuContainer ul li a {
    padding: 15px 0;
    text-indent: 10px;
    display: block;
    float: left;
    position: relative;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border-bottom: 1px dotted #CCC;
    border-left: 1px dotted #CCC;
    border-right: 1px dotted #CCC;
  }

  .menuContainer ul li a:hover {
    background: #DDD;
  }

  .menuContainer ul li a.arrow:hover {
    background: #DDD url(./arrow.png) no-repeat center right;
  }

  .menuContainer ul li a span {
    right: 10px;
    position: absolute;
  }

  .menuContainer a.backMenu {
    background: url(./prev.png) no-repeat center left;
    color: #333;
    background-color: #f1f1f1;

  }

    .menuContainer a.backMenu:hover {
      background: #DDD url(./prev.png) no-repeat center left;
    }

  .menuContainer ul li ul {
    display: none;
  }



  .menuContainer ul li:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
  }

  .menuContainer ul {
    display: inline-block;
  }

  .example {
    position: relative;
    float: left;
    margin-top: 24px;
    margin-right: 20px;
  }

    .example h3 {
      margin: 32px 0 14px 0px;
    }

  

  .clearLeft {
    clear: left;
  }


  span.note {
    font-size: 13px;
  }