/* MODULE STYLES
--------------------------------------------------------- */
div.ja-moduletable,
div.moduletable {
  padding: 0;
  margin: 0;
}

div.ja-moduletable-inner,
div.moduletable-inner {
  background: #FFF;
  padding: 1.5em;
  border-top: 5px solid #001029;
}

div.ja-moduletable h3,
div.moduletable h3 {
  font-size: 1.25em;
  text-transform: uppercase;
  margin: 0 0 .5em;
  color: #002866;
}

div.ja-moduletable .ja-box-ct,
div.moduletable .ja-box-ct {
  padding: 0;
}

/* Login Module ---*/
#login-form p {
  margin: 0 0 1em;
}

#login-form ul li {
  background: url(../images/bullet.gif) no-repeat 2px .5em;
  overflow: hidden;
  padding-left: 12px;
}

#login-form label {
  display: block;
}

#login-form #form-login-remember label {
  display: inline;
}

/* Advertisement ---*/
div.bannergroup_text div.banneritem {
/*   border-bottom: 1px dotted #ccc; */
  padding: 5px 0;
}


/* ADDITIONAL MODULE STYLES
--------------------------------------------------------- */
/* Contrast Modules - Use suffix "mod-contrast" ---*/
.mod-contrast .moduletable-inner {
  background: #002866;
  color: #fff;
}

div.mod-contrast h3 {
  color: #FFF;
}

div.mod-contrast a {
  color: #FFF;
}

/* Blue - Use suffix "mod-contrast contrast-blue" */
.contrast-blue .moduletable-inner, .contrast-blue h3 span {
  background: #0049B8;
  color: #fff;
}

.contrast-darkblue .moduletable-inner, .contrast-darkblue h3 span {
  background: #001029;
  color: #fff;
}

.contrast-orange .moduletable-inner, .contrast-orange h3 span {
  background: #FFA200;
  color: #fff;
}

.contrast-gold .moduletable-inner, .contrast-gold h3 span {
  background: #FFD600;
  color: #555;
}

.contrast-yellow .moduletable-inner, .contrast-yellow h3 span {
  background: #FFF500;
  color: #555;
}

/* Red - Use suffix "mod-contrast contrast-red" ---*/
.contrast-red .moduletable-inner, .contrast-red h3 span {
  background: #0049B8;
  color: #fff;
}

/* Green - Use suffix "mod-contrast contrast-green" ---*/
.contrast-green .moduletable-inner, .contrast-green h3 span {
  background: #9cbd5a;
  color: #fff;
}

/* Violet - Use suffix "mod-contrast contrast-violet" ---*/
.contrast-violet .moduletable-inner, .contrast-violet h3 span {
  background: #a772ae;
  color: #fff;
}

/* Blank Modules */
.moduletable_blank .moduletable-inner {
  background: none;
  border: 0;
  padding-left: 0;
  padding-right: 0;
}

.donate-now div {
  height:146px;
  background: #FFD600 url(../images/chri-donate-bg.jpg);
    /*background: #FFD600 url(../images/chri-bg-clean.jpg) -560px -120px;*/
  color:#fff;
  /*background-size: 500%;*/
}
.donate-now div div {background:none;}
.donate-now div a h4 {
  color:#fff;
  font-size:28px;
  text-transform:uppercase;
 /* margin-top:45px;*/
}
.donate-now div a h4 {
 color:#fff;
 font-size:28px;
 text-transform:uppercase;
 /*margin-top:-15px;*/
 margin:0;
}
.donate-now div a {width:100%;}

.summersplash div {
  height:146px;
  background: #FFFFFF url(../../../images/banners/chri18_summer-splash_banner-module-right.jpg);
  color:#fff;
  /*background-size: 500%;*/
}
.summersplash div div {background:none;}
.summersplash div a h4 {
  color:#fff;
  font-size:28px;
  text-transform:uppercase;
 /* margin-top:45px;*/
}
.summersplash div a h4 {
 color:#fff;
 font-size:28px;
 text-transform:uppercase;
 /*margin-top:-15px;*/
 margin:0;
}
.summersplash div a {width:100%;}

.listen-module .moduletable-inner {
  height:146px;
  background: #fff url(../images/chri-listen.jpg) right no-repeat;
  color:#ffffff;
}

.listen-module div div {background:none;}
.listen-module div h4 {
  margin:0px;
  padding:0px;
   font-size:28px;
    color:#ffffff;
}

.listen-module div a h4 {
 color:#fff;
 font-size:28px;
 text-transform:none;
 margin-top:-15px;
  color:#ffffff;
}
.listen-module div a {width:100%;}

.listen-module div p {font-size: 10px;}

.hidden-mobile {display:none;}

.download-now div h4 {
  font-size:28px;
  text-transform:uppercase;
 /* margin-top:45px;*/
 margin:0;
}

.anniversarypartners .moduletable-inner {

  height: 456px /*146px*/;
  background: #fff url(../../../images/banners/20th_partners/20th-partners.jpg) center no-repeat;
  margin:0;
  padding:0;
}

.anniversarypartners div div {background:none;}
.anniversarypartners div a h3 {
	clear:both;
	font-size:4em;
	font-weight:bold;
	color:#fff;
	position:absolute;
	top:320px;
	text-align:center;
	margin: 0 15% 0 15%;
	line-height:1em;
	}

/*.anniversarypartners div a h4 {
 color:#fff;
 font-size:28px;
 text-transform:none;
 margin-top:-15px;
}*/
.anniversarypartners div a {width:100%;}

.anniversarypartners div p {font-size: 10px;}

.anniversarypartners div img {
float:left;
position:absolute;
margin:15%;
}

.anniversarypartners-page h3 {
	clear:both;
	font-size:4em;
	font-weight:bold;
	top:320px;
	text-align:center;
	margin: 0 15% 0 15%;
	line-height:1em;
}

.anniversarypartners-page .banneritem {
	display:inline-block !important;
	margin: 10px 0 0 0 !important;
}












.top20 {
	display:inline-block;
	border-top: 1px solid #aaaaaa;
}


.top20 .top20-entry {
	background-color:#ffffff;
	display:block;
	clear:both;
	width: 100%;
	text-align: center;
	float:left;
	border-bottom: 1px solid #aaaaaa;
	padding: 5px 0 5px 0;

}

.top20 .top20-entry:hover {
	background-color:#eeeeee;
}

.top20 .top20-featured {
	background-color:#001029;
	display:block;
	clear:both;
	width: 100%;
	text-align: center;
	float:left;
	border-bottom: 1px solid #aaaaaa;
	padding: 5px 0 5px 0;

}

.top20 .top20-featured:hover {
	background-color:#000000;
}


.top20-position {
	width:90px;
	display:inline-block;
	float:left;
	margin-right:10px;
	padding-top:35px;
	height:145px;
}


.top20 .top20-position-current {
	font-weight:bold;
	font-size:4em;
	width:100%;
	float:left;
	text-align: center;
	vertical-align:middle;
	position: relative;
}


.top20 .top20-position-last {
	font-weight:bold;
	font-size:1em;
	width:100%;
	float:left;
	text-align: center;
	vertical-align:middle;
	position: relative;
	color:#aaaaaa;
	
}

.top20 .top20-album-art {
	width: 180px;
	display:inline-block;
	float:left;
	margin-right:10px;
}

.top20 .top20-album-art img {
	width:180px;
	height:180px;
	float:left;
	display:inline-block;
	position:relative;
}
.top20 .top20-who {
	display:inline-block;
	float:left;
	position:relative;
	/*width: calc(100% - 290px);*/
	min-width:300px;
	vertical-align:baseline;
	/*padding-top:8%;*/
	height:180px;
}

.top20 .top20-song{
	display:block;
	float:left;
	position:absolute;
	font-size:2em;
	text-align:left;
	top:45%; left:50%;
	transform: translate(-50%, -100%);
	width:100%;
	line-height:1em;
}
.top20 .top20-artist{
	display:block;
	float:left;
	position:absolute;
	font-size:2em;
	line-height:1em;
	clear:left;
	top:58%; left:50%;
	transform: translate(-50%,-50%);
	width: 100%;
	text-align:left;
}