/* Based on http://www.schillmania.com/projects/dialog2/ */

.module {
 position:relative;
 margin:0px auto;
 min-width:8em;
 max-width:1000px; /* based on image dimensions - not quite consistent with drip styles yet */
 z-index:1;
 margin-left:12px; /* default, width of left corner */
 margin-bottom:0.5em; /* spacing under module */
}


/* Featured Module */
.FeaturedAlbum { margin-bottom: 15px; }
.FeaturedAlbum .module { margin: 0; padding-left: 12px; }

.FeaturedAlbum .module .t,
.FeaturedAlbum .module .tl {  background:transparent url(/images/2009/module/featuredBackground.png) no-repeat top right; }
.FeaturedAlbum .module .tl { background-position: top left; }

.FeaturedAlbum .module .b,
.FeaturedAlbum .module .b div { display: none; }

.FeaturedAlbum .module img.fixed {
    position: absolute;
    z-index: 100;
    top: 43px;
    left: 4px;
}

/* Featured Mixtape */
.FeaturedMixtape { margin-bottom: 15px; }
.FeaturedMixtape .module { margin: 0; padding-left: 12px; }

.FeaturedMixtape .module .t,
.FeaturedMixtape .module .tl {  background:transparent url(/images/2009/module/backgroundExtended.png) no-repeat top right; }
.FeaturedMixtape .module .tl { background-position: top left; }

.FeaturedMixtape .module .b,
.FeaturedMixtape .module .b div { display: none; }

.FeaturedMixtape .module img.fixed {
    position: absolute;
    z-index: 100;
    top: 43px;
    left: 4px;
}


.module .t,
.module .tl,
.module .b,
.module .b div {
  background:transparent url(/images/2009/module/backgroundExtended.png) no-repeat top right;   
}

/* This adjustment allows for the fact that the bottom edge has more shadow than the top, so looks out of alignment without this */
.module.titleless { /* margin-top: -4px; */ _top: 4px; _position: relative; _z-index: 1; }

.module.titleless .t,
.module.titleless .tl {
 background-image: url(/images/2009/module/backgroundExtended-flip.png);
 _background-image: url(/images/2009/module/ie6-backgroundExtended-flip.png);
}

.module .t {
 position:relative;
 zoom:1;
 _overflow-y:hidden;
 /* 15px instead of 12 because this module has more shadow on the right */
 padding:0px 15px 0px 0px;
}

.module .tl {
 /* top+left vertical slice */
 position:absolute;
 left:0px;
 top:0px;
 width:12px; /* top slice width */
 margin-left:-12px;
 height:100%;
 _height:2600px; /* arbitrary long height, IE 6 */
 background-position:top left;
}

.module .b {
 /* bottom */
 position:relative;
 width:100%;
}


.module .b,
.module .b div {
 height:15px; /* height of bottom cap/shade */
 font-size:1px;
 clear:both;
}

.module .b {
 background-position:bottom right;
}

.module .b div {
 position:relative;
 width:12px; /* bottom corner width */
 margin-left:-12px;
 background-position:bottom left;
}

.module img.fixed {
position: absolute;
  z-index: 100;
top: 43px;
left: -10px;
}

.module img.padded 
{
	padding-bottom: 10px;
}

.module img.fixed-right-titleless {
	position: absolute;
	z-index: 1;
	top: 2px;
	right: 5px;
}


.module .c img.fixed {
visibility: hidden;
float: left;
margin-bottom: -10px;
left: -10px;
position: relative;
}


.module .wrapper {
 /* extra content protector - preventing vertical overflow (past background) */
 position:static;
 max-height:1000px;
 overflow:auto; /* note that overflow:auto causes a rather annoying redraw "lag" in Firefox 2, and may degrade performance. Might be worth trying without if you aren't worried about height/overflow issues. */
}

.module p {
 margin:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
}

.module ul
{
 margin-bottom:0px; /* margins will blow out backgrounds, leaving whitespace. */
 margin-top:0px; /* margins will blow out backgrounds, leaving whitespace. */
 padding:0.5em 0px 0.5em 0px;
 margin-left:.5em;
 padding-left:.5em;
}

.module h1 {
	margin: 0px;
 	padding:2px 0 0px 0px;
}

.module .bnr {
	position: relative;
	left: -10px;
	overflow: hidden;
	margin-right: -20px;
	background-color: black;
	z-index: 200;
}



.module .bnr.white {background-color: White;}

.clear { clear: both; }

.module .hdrbutton 
{
	position: absolute;
	top : 12px;
	right: 12px;
}
/*
.module .bnr .hdrbutton 
{
	top : -40px;
}
*/
.module .hdrbutton img
{
	border-width: 0px;
}

.module .hdrnarrowbutton 
{
	position: absolute;
	top : 14px;
	right: 13px; font-size:16px;
	padding:0px
}
.module .hdrnarrowbutton img
{
	border-width: 0px;
}


/* Ajax Paging styles - changing */

.module .modprev, .module .modnext, .module .modprev-large, .module .modnext-large
{
display:block;
position: absolute;
z-index: 100;
top: 43px;
width:26px;
}

.module .modprev
{
background-image: url(/images/2009/module/larrows.png);
height: 179px;
}

.module .modnext
{
background-image: url(/images/2009/module/rarrows.png);
height: 179px;
}

.module .modprev-large
{
background-image: url(/images/2009/module/larrows-large1.png);
height: 212px;
}

.module .modnext-large
{
background-image: url(/images/2009/module/rarrows-large1.png);
height: 212px;
}


.module .modprev, .module .modprev-large 
{
	left: -10px;
    background-position: -26px 0px;
}

.module .modprev.off, .module .modprev-large.off 
{
    background-position: 0px 0px;
}

.module .modprev.off, .module .modprev-large.off, .module .modnext.off, .module .modnext-large.off 
{
	cursor: default;
}

.module .modnext, .module .modnext-large
{
background-position: -26px 0px;
right: 5px;
}
.module .modnext.off, .module .modnext-large.off {background-position: 0px 0px;}

.module .arrows, .module .arrows-large
{
visibility: hidden;
float: left;
margin-bottom: -10px;
left: -10px;
position: relative;
width:26px;
}

.module .arrows
{
	height: 177px;
}

.module .arrows-large
{
	height: 210px;
}

.module a { font-weight: bold; }

/* ImageGallery display pager */

.imagegallerydisplay .viewport 
{
	width: 700px;
	z-index: 100;
	margin-top: 15px;
}
.imagegallerydisplay .panel
{
	width: 1500px;
}
.imagegallerydisplay .page 
{
	width: 500px;
	text-align: center;
}

.imagegallerydisplay .page div 
{
	height: 350px;
}

.imagegallerydisplay .module .modprev, .imagegallerydisplay .module .modnext 
{
	z-index: 1000; 
	height: 350px;
	width: 75px;
    top: 58px;	
    background-position: 0 0;
} 
.imagegallerydisplay .module .modprev 
{
	background-image: url(/images/2009/module/galleryprev.png);
}
.imagegallerydisplay .module .modnext  
{
	background-image: url(/images/2009/module/gallerynext.png);
}
.ext-ie6 .imagegallerydisplay .module .modprev 
{
	background-image: url(/images/2009/module/galleryprevie6.png);
}
.ext-ie6 .imagegallerydisplay .module .modnext  
{
	background-image: url(/images/2009/module/gallerynextie6.png);
}

.imagegallerydisplay .module .off
{
	display:none;
}

.imagegallerydisplay .caption  
{
    display:block; 
    font-weight: bold;
}


/* New Vertical Expanding Module */
.VerticalExpandingModule { margin-bottom: 5px; }

.VerticalExpandingModule .Header  {
    background: transparent url('/images/2009/module/Header_654_crush.png') no-repeat; 
    _background-image: url('/images/2009/module/ie6_Header_654_crush.png'); 
    height: 41px;     
    _height: 41px;
    overflow: hidden;
    margin: 0;
    padding: 2px 0 0 12px;
}


.VerticalExpandingModule .Body  
{
    background: transparent url('/images/2009/module/Body_654.png') repeat-y;  
    _background-image: url('/images/2009/module/ie6_Body_654.png'); 

}

.VerticalExpandingModule .Body .Content { padding: 5px 25px 5px 10px; }
.Mixtapes .VerticalExpandingModule .Body .Content { padding: 5px 8px 6px 4px; }

.VerticalExpandingModule .Body .bnr  
{
    margin-left: 2px; 
    max-width: 651px; 
    overflow: hidden; 
}

.VerticalExpandingModule .Footer  
{
    background: transparent url('/images/2009/module/Footer_654.png') no-repeat; 
    _background-image: url('/images/2009/module/ie6_Footer_654.png'); 
    height: 14px;     
}  


/* New Vertical Expanding Module Full Width */
.VerticalExpandingModuleFullWidth { margin-bottom: 5px; }

.VerticalExpandingModuleFullWidth .Header  {
    background: transparent url('/images/2009/module/Header_979_crush.png') no-repeat; 
    _background-image: url('/images/2009/module/ie6_Header_979_crush.png'); 
    height: 41px;     
    _height: 41px;
    overflow: hidden;
    margin: 0;
    padding: 2px 0 0 12px;
}


.VerticalExpandingModuleFullWidth .Body  
{
    background: transparent url('/images/2009/module/Body_979.png') repeat-y;  
    _background-image: url('/images/2009/module/ie6_Body_979.png');   
}

 .Body .Content { padding: 5px 25px 5px 10px; }

.VerticalExpandingModuleFullWidth .Footer  
{
    background: transparent url('/images/2009/module/Footer_979.png') no-repeat; 
    _background-image: url('/images/2009/module/ie6_Footer_979.png'); 
    height: 14px;     
}