#encycloCategory a.hightlight, #encycloCategory a:hover {
  border-bottom: 2px solid #ec195a;
  color: #ec195a;
  width: auto;
}
.yellow #encycloCategory a.hightlight, .yellow #encycloCategory a:hover {
  border-bottom: 2px solid #fff;
  color: #fff;
}
.black #encycloCategory a.hightlight, .black #encycloCategory a:hover {
  color: #fff200 !important;
}
#encycloCategory a {
  color: #000;
  display: inline-block;
  margin: 0 40px;
  padding: 10px;
  border-bottom: 2px solid transparent;
  font: 700 18px/22px Roboto;
  letter-spacing: 2px;
}
.black #encycloCategory a, .blue #encycloCategory a, .black .encyclodes, .blue .encyclodes, .black .courseCenterContent, .blue .courseCenterContent, .black .relatedtitle, .blue .relatedtitle {
  color: #fff;
}
.black .previousTitle a:hover, .blue .previousTitle a:hover, .black .nextTitle a:hover, .blue .nextTitle a:hover {
	color:#ed1a5b;
}
.black .previousTitle a:hover, .black .nextTitle a:hover {
	color:#fff200;
}
.black #encycloCategory a:hover, .blue #encycloCategory a:hover {
  color: #EC195A;
}
.EncycloList {
  border: 1px solid #000;
  margin-bottom: 20px;
  padding: 20px;
  text-align: center;
}
.EncycloList:hover {
	border-color:#ed1a5b;
}
.black .EncycloList, .blue .EncycloList, .black .relatedEncyclo, .blue .relatedEncyclo {
  border: 1px solid #fff;
}
.black .EncycloList:hover {
	border-color:#fff200;
}
.yellow .EncycloList:hover {
	border-color:#fff;
}
.EncycloList a {
  color: #000;
}
.black .EncycloList a, .blue .EncycloList a {
  color: #fff;
}
.EncycloList a:hover {
  color: #EC195A;
}
.yellow .EncycloList a:hover {
  color: #fff;
}
.divEncycloDesc {
  height: 65px;
  overflow: hidden;
}
.encyloinput {
  float: left;
  margin: 0;
  max-width: 318px;
  height: 47px;
}
.encycloTopBar form {
  display: inline-block;
  padding-bottom: 90px;
  width: 365px;
}
.encycloTopBar::before, .encycloDetailTop::before {
  background: #ed1d5d none repeat scroll 0 0;
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  width: 5000px;
  left: -100%;
}
.courseCenterContent img {
  margin: 80px auto;
}
.categoryCls, .tagCls {
  color: #ed1d5d;
  cursor:pointer;
  text-transform:uppercase;
}
.black .categoryCls, .black .tagCls {
  color: #fff200;
}
.EncycloDetailTitle {
  margin: 40px 0;
  text-transform: uppercase;
}
.encycloTopBar, .encycloTopContent {
  text-align: center;
  position:relative;
}
.encyclodes {
  margin-bottom: 30px;
}
#encycloCategory {
  margin: 40px 0;
}
.encycloRight a, .hightlightAlphabet {
  color: #000;
  display: list-item;
  font-weight: bold;
  list-style: outside none none;
  text-align: center;
  margin: 10px 0;
  padding: 4px 0 4px;
  border-radius: 100%;
  width: 40px;
}
.encycloRight a:hover, .hightlightAlphabet {
	box-shadow: 1px 1px 3px #aaa;
	height: 40px;
	color: #ed1d5d !important;
}
.black .encycloRight a:hover, .black .hightlightAlphabet  {
	color: #fff200 !important;
}
.black .encycloRight a, .blue .encycloRight a {
  color: #fff;
}
.divEncycloTitle {
    font:700 34px/42px Roboto;
    margin-bottom: 15px;
    margin-top: 15px;
    text-transform: capitalize;
	height: 90px;
    overflow: hidden;
	letter-spacing:1.5px;
}
.encycloRight {
  left: 103%;
  position: absolute;
  top: 190px;
}
.encynext {
  color: #000;
  display: inline-block;
  margin-bottom: 10px;
  text-transform: uppercase;
      font-size: 16px;
}
.nextTitle:hover .encynext, .previousTitle:hover .encynext {
	color: #ed1d5d !important;
}
.black .nextTitle:hover .encynext, .black .previousTitle:hover .encynext {
	color: #fff200 !important;
}
.blue .encynext, .black .encynext {
  color: #fff;
}
.encycloCenterContent {
  position: relative;
}
.encycloDetailTop {
  margin-bottom: 70px;
  padding: 70px 0;
  position: relative;
  text-align: center;
}
.nextTitle, .previousTitle {
  border-color: -moz-use-text-color #888888 #888888 -moz-use-text-color;
  border-radius: 0;
  border-style: none solid solid none;
  border-width: medium 0px 0px medium;
  box-shadow: 0 2px 3px #888888;
  font: 700 24px Roboto Slab;
  letter-spacing: 1px;
  padding: 20px;
}
.nextTitle:hover, .previousTitle:hover {
	box-shadow: 0 2px 3px #ed1a5b;
}
.black .nextTitle:hover, .black .previousTitle:hover {
	box-shadow: 0 2px 3px #fff200;
}
.relatedencyclo {
  display: inline-block;
  margin-top: 100px;
  width: 100%;
}
.relatedtitle {
  border-top: 1px solid #000;
  font-size: 34px;
  padding: 60px 0;
  text-align: center;
}
.black .relatedtitle, .blue .relatedtitle {
	border-top: 1px solid #fff;
}
.relatedEncyclo {
  border: 1px solid #000;
  color: #000;
  display: inherit;
  padding: 20px;
  text-align: center;
}
.blue .relatedEncyclo, .black .relatedEncyclo {
	color:#fff;
}
.relatedEncyclo:hover {
  color: #ED1459;
  border: 1px solid #ED1459;
}
.black .relatedEncyclo:hover {
  border: 1px solid #fff200;
}
.relatedencyclo li {
  margin-bottom: 30px;
}
.nextTitle a, .previousTitle a {
  display: inline-block;
  font-family: roboto;
  width: 100%;
  color:#ed1459;
}
.black .nextTitle a, .black .previousTitle a {
  color:#fff200;
}
@media only screen and (max-width: 767px) {
.encycloTopBar form {
  width: 100%;
}
.encylosubmit {
  width: 30%;
}
.encyloinput {
  width: 70%;
}
.normalview h4.entry-title {
  font-size: 22px;
}
#categoryposttab .lt-tab .item-pst-list {
  display: inline-block;
  float: none;
  margin: 0;
  text-align: center;
  width: 100%;
}
#encycloCategory a {
  margin: 0;
  width: 100%;
}
}
@media (min-width: 768px) and (max-width: 1023px) {
#encycloCategory a {
  margin: 0 20px;
}
}