/**copied from /sitewide/css/charlie/screen.jhtml**/
.hide{
display:none;
}
img{
font-size: 9px;
font-weight: normal;
color: #999;
}
a img{
border: none;
vertical-align: bottom;
}
/*scrolling list*/
#wrap .mdl-scroll .scroll-wrap{
margin-right: 5px;
margin-bottom: 15px;
min-height: 70px;
max-height: 370px;
overflow-y: auto;
}
#wrap .mdl-scroll-lg .scroll-wrap{
max-height: 490px;
}
#wrap .mdl-scroll-sm .scroll-wrap{
max-height: 250px;
}
#wrap .mdl-scroll .scroll-wrap ol.lst{
margin-bottom: 16px;
}
/*column layouts*/
.group-a{
float: left;
width: 320px;
}
.group-ab{
float: left;
width: 656px;
}
.group-c{
/*float: right; thin charlie*/
float:right; /*fat charlie; may fix our padding right problem; ps mdls need to be made 10px smaller because they should have no right padding/margin */
width: 310px;
}
.group-c .mdl{
margin-right: 10px;
margin-left: 0px;
}
/*sub-modules*/
.mdl .mdl{
margin-top:0;
padding-left:0;
}
/*headings*/
.h-wrap{
margin-left: -10px;
}
/*sub level*/
.h-sub{
margin: 0 0 15px 0;
padding: 0 10px 0 0;
font-family: Arial;
font-size: 29px;
font-weight: bold;
line-height: 20px;
text-transform: uppercase;
color: #fff;
overflow: hidden;
}
* html .h-sub{
line-height: 19px;
}
.h-sub span{
float: left;
padding: 0 10px;
background: #333;
}
/*sub3 level*/
.h-sub3 {
margin: 0 0 6px 0;
padding: 0 0 0 10px;
font-family: Arial;
font-size: 16px;
font-weight: bold;
line-height: 18px;	
}
/*modules (.mdl)*/
.mdl{
position: relative;	
margin:10px 0 0 10px;
padding:10px 0 0 10px;
background: #fff;
}
/*more link on bottom*/
#wrap div.more-link{
clear: both;
margin: 10px 0 0 0;
}
#wrap div.more-link a:link,
#wrap div.more-link a:visited{
float: right;
padding: 1px 4px;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
color: #fff;
background: #4498c8;
}
/*in-module navigation (.mdl-nav)*/
ul.mdl-nav{
margin: 0 10px 15px 0;
padding: 0;
list-style: none;
overflow: hidden;
border-bottom: 3px solid #333;
height: 16px;
}
ul.mdl-nav li{
float: left;
margin: 0 1px 0 0;
padding: 0;
font-family: Tahoma, Verdana, sans-serif;
font-size: 11px;
line-height: 1em;
border-bottom: 1px solid #fff;
}
#wrap ul.mdl-nav li a:link,
#wrap ul.mdl-nav li a:visited{
float: left;
padding: 2px 10px;
color: #fff;
background: #4498c8;
outline: none;
}
#wrap ul.mdl-nav li a:hover{
text-decoration: underline;
}
#wrap ul.mdl-nav li.active{
border-color: #333;
}
#wrap ul.mdl-nav li.active a:hover{
text-decoration: none;
}
#wrap ul.mdl-nav li.active a:link,
#wrap ul.mdl-nav li.active a:visited{
background: #333;
}
/*slat listings (.lst)*/
#wrap ol.lst{
margin: 0 10px 5px 0;
padding: 0;
list-style: none;
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 16px;
}
#wrap ol.lst li{
margin: 0 0 14px 0;
padding: 0 0 13px 0;
border-bottom: 1px dotted #d9d9d9;
}
#wrap ol.lst li.last{
margin: 0;
padding: 0;
border-bottom: none;
}
#wrap ol.lst li div.title{
margin: 0;
padding: 0;
font-family: Arial, sans-serif;
font-size: 22px;
font-weight: normal;
line-height: 25px;
}
#wrap ol.lst li div.title3{
margin: 0;
padding: 0;
font-size: 11px;
font-weight: normal;
line-height: 16px;
}
#wrap ol.lst li span.icon-play, span.icon-play{
background-image: url(/global/music/images/icon-trans-play.gif);
width: 12px;
height: 9px;
}
#wrap ol.lst li span.icon,span.icon{
float: left;
margin: 4px 5px 0 0;
display: block;
outline:none;
overflow: hidden;
text-indent: -9999px;
background-color: #333333;
}
/*thumbail photos*/
#wrap ol.lst li img.thumb{
float: right;
margin: 0 0 0 10px;
}
#wrap ol.lst li img.last{ /*to avoid lg thumb touching bottom of mod*/
margin-bottom: 10px;
}
#wrap ol.lst li img.thumb-lg{
float: left;
display: block;
margin: 0 10px 10px 0;
border: none;
}
/*horiz photo list*/
#wrap ol.lst-photos li{
float: left;
margin: 0 13px 0 0;
padding: 0;
border: none;
}
#wrap ol.lst-photos li.last{
margin-right: 0;
}
#wrap ol.lst-photos li img.thumb{
float: none;
display: block;
margin: 0 0 5px 0;
}
#wrap ol.lst-photos li span.posted{
display: block;
}
/*thumbnails on left*/
#wrap ol.photo-alt li img.thumb,
#wrap ol.photo-alt li img.thumb-lg{
float: left;
margin: 0 10px 0 0;
}
/*when horiz list of 70px 4 across*/
#wrap ol.lst-photos-four{
margin-bottom: 20px;
}
#wrap ol.lst-photos-four li{
width: 140px;
margin-right: 13px;
}
#wrap ol.lst-photos-four li.last{
margin-right: 0;
}
/*mod pagination*/
div.pagination{
float: right;
}
div.pagination p{
float: left;
margin: 0 5px 0 0;
padding: 0;
font-size: 9px;
font-weight: normal;
line-height: 20px;
color: #999;
}
div.pagination ul{
float: left;
margin: 0;
padding: 0 10px 0 0;
list-style: none;
}
div.pagination ul li{
float: left;
margin: 0;
padding: 0;
width: 20px;
height: 20px;
text-indent: -9999px;
}
div.pagination ul li a{
float: left;
display: block;
width: 17px;
height: 18px;
outline: none;
}
div.pagination ul li.page-prev a{
background: url(/global/music/images/page-left-c.gif) no-repeat 0 0;
}
div.pagination ul li.page-next a{
background: url(/global/music/images/page-right-c.gif) no-repeat 0 0;
}
#wrap div.pagination ul li.page-next, #wrap div.pagination ul li.page-prev{
margin-right: 1px;
background-color: #0077BB;
}