.filter-link {
  	margin-right: 15px;
  }

  .filter-link-active,
  .filter-link-active:hover {
  	border-bottom: 2px solid #0088d9;
  }

	.filter-link,
	.filter-link:hover {
		background-color: #ddd;
		border-bottom: 2px solid rgba(0, 0, 0, .1);
		border-radius: 3px;
		color: #777;
		display: inline-block;
		margin-bottom: 9px;
		margin-right: 5px;
		padding: 5px 20px;
	}

	.filter-link-active {
		background-color: #0088d9;
		color: #fff;
	}

.member-listing .eros-member {
    padding: 10px;
    margin: 5px;
    border: 2px solid #0088d9;
 }

 /*.member-listing .eros-member:hover {
   background-color: #dbd4d4;
 }*/


/* Button for Member */

.emsbtn {
  border: none;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.4;
  border-radius: 4px;
  padding: 8px 8px;
  -webkit-font-smoothing: subpixel-antialiased;
  -webkit-transition: border .25s linear, color .25s linear, background-color .25s linear;
  transition: border .25s linear, color .25s linear, background-color .25s linear;
}

a.emsbtn {text-decoration: none; color: white;}

.emsbtn:hover, .emsbtn:focus { outline: none; color: #ffffff;}
.emsbtn:active, .emsbtn.active { outline: none; -webkit-box-shadow: none; box-shadow: none; }

/* ---- [Button Block] --- */

.emsbtn-block {
  display: block;
  text-align: center;
  }

  /* [Button Color: Sage Dark Grey] */

.emsbtn-darkgrey, .emsbtn-darkgrey:hover, .emsbtn-darkgrey:focus, .emsbtn-darkgrey:active, .emsbtn-darkgrey.active {
  color: #ffffff;
}

.emsbtn-darkgrey {
  background-color: rgba(77, 79, 83, 1);
}

.emsbtn-darkgrey:hover, .emsbtn-darkgrey:focus, .emsbtn-darkgrey:active, .emsbtn-darkgrey.active {
    background-color: rgba(77, 79, 83, .8); border-color: rgba(77, 79, 83, .8);
}

.emsbtn-darkgrey:active, .emsbtn-darkgrey.active {
  background: rgba(77, 79, 83, .8); border-color: rgba(77, 79, 83, .8);
}

/* New Member Font */

 span.webast-time:before, span.webast-date:before, a#ews-anchor, a.member-twitter, a.member-facebook, span.member-register {
    font-family: "eros-ems-icon-font";
    font-style: normal;
    font-weight: normal;
    margin: 0 5px;
 }

span.webast-time:before {content: '\e802'; }
span.webast-date:before {content: '\e801'; }
a#ews-anchor:before {content: '\e806';}
a.member-twitter:before {content: '\e80b';}
a.member-facebook:before {content: '\e809';}
span.member-register:before {content: '\e804';}

a.member-twitter, a.member-facebook, a#ews-anchor {text-decoration: none; color:rgba(224, 225, 221, 0);}

.member-listing .eros-member:hover a#ews-anchor, .member-listing .eros-member:hover a.member-facebook, .member-listing .eros-member:hover a.member-twitter  {color:rgba(224, 225, 221, 1);}

.member-listing .eros-member:hover a.member-twitter:hover {color:rgba(64,153,255, 1);}
.member-listing .eros-member:hover a.member-facebook:hover {color:rgba(59,89,152, 1);}


.member-timezones .member-humantime {text-align: center;}


/*a.member-twitter, a.member-facebook {text-decoration: none; color:rgba(224, 225, 221, 0);}*/
a.member-facebook:before {content: '\e809';}


@font-face {
  font-family: 'eros-ems-icon-font';
  src: url('../fonts/eros-ems-icon-font/eros-ems-icon-font.eot?51944125');
  src: url('../fonts/eros-ems-icon-font/eros-ems-icon-font.eot?51944125#iefix') format('embedded-opentype'),
       url('../fonts/eros-ems-icon-font/eros-ems-icon-font.woff?51944125') format('woff'),
       url('../fonts/eros-ems-icon-font/eros-ems-icon-font.ttf?51944125') format('truetype'),
       url('../fonts/eros-ems-icon-font/eros-ems-icon-font.svg?51944125#eros-ems-icon-font') format('svg');
  font-weight: normal;
  font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'eros-ems-icon-font';
    src: url('../fonts/eros-ems-icon-font/eros-ems-icon-font.svg?51944125#eros-ems-icon-font') format('svg');
  }
}
*/

 [class^="emsicon-"]:before, [class*=" emsicon-"]:before {
  font-family: "eros-ems-icon-font";
  font-style: normal;
  font-weight: normal;
  speak: none;

  display: inline-block;
  text-decoration: inherit;
  width: 1em;
  margin-right: .2em;
  text-align: center;
  /* opacity: .8; */

  /* For safety - reset parent styles, that can break glyph codes*/
  font-variant: normal;
  text-transform: none;

  /* fix buttons height, for twitter bootstrap */
  line-height: 1em;

  /* Animation center compensation - margins should be symmetric */
  /* remove if not needed */
  margin-left: .2em;

  /* you can be more comfortable with increased icons size */
  /* font-size: 120%; */

  /* Uncomment for 3D effect */
  /* text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3); */
}

.emsicon-link-ext:before { content: '\e800'; } /* '' */
.emsicon-mail:before { content: '\e801'; } /* '' */
.emsicon-user:before { content: '\e802'; } /* '' */
.emsicon-link:before { content: '\e804'; } /* '' */