html {height:100%;}
body {
	height:100%;
	text-align:center;
	background-color:#e3e3e3;
	color:#000;
}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body,input,textarea,select{font-family:Arial,Helvetica,sans-serif;}
.Status{font-size:11px;color:#999;vertical-align:top;padding-top:6px;padding-bottom:2px;padding-left:10px;padding-right:10px;}

* html .TopBar .HeaderFullwidth,* html .TopBar .NavBarFullwidth{width:expression(document.body.clientWidth < 820 ? "820px":"100%");}

/*html, body { margin: 0; padding: 0; height: 100% }*/
.main { position: relative; min-height: 100% }
.content { padding-bottom: 62px }
.footer { position: relative; margin-top: -62px; height: 60px; font-size:11px;color:#999;vertical-align:middle; }

h1{font-size:22px; padding-bottom: 5px;}
h2{font-size:18px; padding-bottom: 5px;}
h3{font-size:14px; padding-bottom:3px; padding-top:5px;}
a:link{color:#3A3A3A;text-decoration:none;}
a:visited{color:#3A3A3A;text-decoration:none;}
a:hover{color:#FFF;text-decoration:none;background-color:#EB9A0D;}
a:active{color:#FFF;text-decoration:none;background-color:#EB9A0D;}
p{font-size:12px;}
small{font-size:11px;font-weight:normal;}
#red{color:#e70404;}
.grey{color:#999;}
#grey{color:#999;}
#title{font-size:24px;font-weight:bold; margin-bottom: 10px;}
a.title_b{font-size:24px;font-weight:bold;text-decoration:none;}
a.title_s{font-size:18px;font-weight:bold;text-decoration:none;}
#img_title{font-size:16px;font-weight:bold;}
#img_ts{font-size:14px;font-weight:bold;}
dd,dt{font-size:12px;line-height:18px;}
form{padding:0;margin:0;border:0;}
table{border:0;}
td{font-size:12px;color:#000;}
img{border:none;}
input,textarea,select{font-size:12px;color:#222;}
textarea{background-color:#fff;}

.hr2 {
background-color:#DADADA;
color:#DADADA;
height:1px;
/*margin:1px 0px 6px;*/
border:0 none;
}

a.d:link {color: #2a7cd0;}
a.d:visited {color: #2a7cd0;}
a.d:hover {color: #FFF;}

a.im:hover {background-color: transparent;}

small.grey a {
	color:#999;
}
small.grey a:hover{
	color:#FFF;
}

.btn {
	color:#545454;
	background:#F1F1F1;
	font:100% arial, sans-serif;
	border:1px solid #C6C6C6;
	padding: 2px 6px 2px 6px;
	font-weight:bold;
}

.clearit:after,
/*#content:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}*/

/* Forms */

input[type=text],
input[type=password],
textarea {
	border: 1px solid #bbb;
	padding: 3px;
}
.txt {border: 1px solid #bbb;padding: 3px; height:21px}

img.groupImage,
span.userImage img {
	padding: 1px;
	border: 1px solid #ccc;
}

.av {
	padding: 1px;
	/*margin:3px 5px 5px 0;*/
	margin: 3px 10px 10px 0;
	border: 1px solid #ccc;
}

.x  a:hover{
	color:#000;
	text-decoration: underline;
	background-color: #FFF;
}

#imgt a:hover{
	color:#000;
	text-decoration: underline;
	background-color: #FFF;
}
.nimg {
border:1px solid #CCCCCC;
padding:1px;
margin-right:5px;
margin-bottom:2px;
}

.i {
	margin-bottom: 6px;
}

div.pagination {
font-size:11px;
line-height:2.5;
margin-top: 22px;
margin-bottom:5px;
text-align:center;
}
div.pagination a.prevlink, div.pagination a.prevlink:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/page_previous.gif) no-repeat scroll left center;
border:0 none;
color:#0187C5;
padding-left:15px;
}

div.pagination .selected, div.pagination a {
border:1px solid #CCCCCC;
margin:0 0.2em;
padding:0.2em 0.5em;
text-decoration:none;
}
div.pagination .selected, div.pagination a {
border:1px solid #CCCCCC;
margin:0 0.2em;
padding:0.2em 0.5em;
text-decoration:none;
}
div.pagination .selected {
border:0 none;
font-weight:bold;
}
div.pagination a.nextlink, div.pagination a.nextlink:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/images/page_next.gif) no-repeat scroll right center;
border:0 none;
color:#0187C5;
padding-right:15px;
}

#wi {padding-left:10px; padding-top:6px;}

#idm {float:left; margin: 10px 10px 0 10px;text-align:left; height:250px;}
#padd {padding-bottom:4px; padding-top:2px}
#paddi {padding-right:4px;padding-bottom:5px; margin-top:-2px;}


.del {padding-right: 3px; padding-left: 6px; padding-top: 6px; position: absolute;}
.lock {padding-right: 3px; padding-left: 2px; padding-top: 5px; position: inherit;}
.img_table td {padding-bottom: 8px;}

.img_table a:hover{
	color:#000;
	text-decoration: underline;
	background-color: #FFF;
}

.divhr {border-bottom-color:#CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
margin-bottom:6px;}

#top_hr { border-top:1px solid #DADADA;}
#btm_hr {border-bottom:1px solid #DADADA;}

.uploaded {position: absolute; margin-top: 5px; margin-left:18px; color:#999;}

.page {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
clear:both;
margin:0 auto;
min-height:500px;
overflow:visible;
position:relative;
width: 890px;
/*padding:15px 0 15px 15px;*/
}

.alb {
float:left;
height:80px;
width:310px;
margin-top:10px;
text-align:left;
}

.itm {
float:left;
height:240px;
width:200px;
margin-left: 15px;
margin-top:10px;
text-align:left;
/*margin:10px 1px 0;
padding-right: 14px;*/
}

.leftCol {
padding:15px;
}

.leftColWrapper {margin-right:230px;overflow:hidden;}

.rightCol {
/*-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;*/
background:transparent url(/images/rbg.png) no-repeat scroll right top;
/*display:inline;*/
background-color:#EDEDED;
/*float:right;*/
/*padding:15px;*/
/*position:relative;*/
/*width:200px;*/
border-left: 1px dotted #ccc;

}
.justaddedbox {
padding-bottom:5px;
padding-top:3px;
}

.padd{
	padding-top:10px; padding-left:15px; padding-right:15px;
	padding-bottom:10px;
}

.bpInfo {
float:left;
font-size:12px;
position:relative;
width:380px;
line-height:17px;
}

.tlist td {
	line-height: 18px;
}

.table_list {
	background:white none repeat scroll 0 0;
	border-collapse:collapse;
	cursor:default;
	font-family:arial,helvetica;
	margin-bottom:10px;
	border-spacing:0;
}
.table_list td {
	font-size:10px;
/*	border:1px solid #EEEEEE;*/
padding:4px 9px 4px 0px;}

.tr_odd {background-color:#ebebeb;}
.tr_even {background-color:#FFFFFF;}

.hoveredTr {background-color: #D0E4F0;}

.tracks td{
	font-size:10px;
	color:#696969;
	
}
.tracks {
	font-size:10px;
	color:#696969;
}


.comments {
	clear: both;
}
.comments h3 {
	border-bottom: 1px solid #333;
	font-size: 14px;
	padding-bottom: 5px;
	margin-bottom: 10px;
	}
.comments ol { 
	list-style: none;
	}
.comments ol li, .formcontainer { 
	position: relative;
	zoom: 1;
	}
.comments ol li ul li { 
	list-style: none;
	}
.comments .comment-content, .form-two { 
	margin-left: 220px;
	min-height: 80px;
	font-size: 11px;
	}
.comments .trackback-content {
	margin-left: 220px;
	min-height: 50px;
}
.comments .comment-content p { 
	margin-bottom: 1.0em;
	}
.comments .comment-meta, .form-one {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, Arial, sans-serif;
	float: left;
	width: 200px;
	font-size: 10px;
	}
.comments .comment-author { 
	font-size: 14px;
	font-weight: bold;
	}
.comments .comment-meta li {
	border-bottom: 1px dotted #ccc;
	line-height: normal;
	padding: 5px 2px;
	}

.rss {
position:absolute;
right:10px;
text-align:right;
top:10px;
}

.blog {position: absolute; left: -162px; top: 6px;}
.logo {position: absolute; left: -70px; top: -1px;}

/* MENU */
.m_home a {
display:block;
height:25px;
width: 114px;
background: url("/images/m_home.gif") 0 0 no-repeat;
}
.m_home a:hover { 
background-position: 0 -25px;
}
.m_gnr a {
display:block;
height:25px;
width: 122px;
background: url("/images/m_genres.gif") 0 0 no-repeat;
}
.m_gnr a:hover { 
background-position: 0 -25px;
}
.m_reliases a {
display:block;
height:25px;
width: 162px;
background: url("/images/m_reliases.gif") 0 0 no-repeat;
}
.m_reliases a:hover { 
background-position: 0 -25px;
}
.m_contact a {
display:block;
height:25px;
width: 148px;
background: url("/images/m_contact.gif") 0 0 no-repeat;
}
.m_contact a:hover { 
background-position: 0 -25px;
}
.m_acc a {
display:block;
height:25px;
width: 209px;
background: url("/images/m_acc.gif") 0 0 no-repeat;
}
.m_acc a:hover { 
background-position: 0 -25px;
}

.stats {color:#FFF; padding:18px 6px 0 0;}

div.letter a {
	padding: 0 3px;
	text-decoration:none;
	color:#FFF;
	text-decoration: underline;
	font-weight: bold;
}
div.letter a:hover {
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}
div.letter a.menu_active {
	color:#FFF;
	background-color:#000;
	text-decoration:none;
}


/* Pictureframe */

.pictureFrameMediumsquare {
    position: relative;
    display: block;
    width: 72px;
    height: 59px;
    overflow: hidden;
    cursor: pointer;
}

.pictureFrameMediumsquare .image {
    position: absolute;
    top: 2px;
    left: 2px;
    display: block;
    width: 64px;
    height: 52px;
    overflow: hidden;
}

.pictureFrameMediumsquare img.defaultImage {
    margin: -8px 0 0 0;
}

.pictureFrameMediumsquare .overlay {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 72px;
    height: 59px;
    background: transparent url(/images/pict_frame.png) left top no-repeat;
}


* html .pictureFrameMediumsquare .overlay {
    background: transparent;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pict_frame.png', sizingMethod='crop');
    cursor: pointer;
}


/* Album Cover
   =========== */

span.albumCover {
    position: relative;
    display: block;
}
a span.albumCover {
    cursor: pointer;
}
span.coverSmall {
    width: 37px;
    height: 36px;
}
span.coverMedium {
    width: 75px;
    height: 67px;
}
span.coverLarge {
    width: 138px;
    height: 131px;
}
span.coverMega {
    width: 194px;
    height: 184px;
}

span.albumCover span.art {
    display: block;
    position: absolute;
}

span.coverSmall span.art {
    width: 34px;
    height: 34px;
    overflow: hidden;
    left: 3px;
    top: 1px;
}
span.coverMedium span.art {
    width: 64px;
    height: 64px;
    overflow: hidden;
    left: 7px;
    top: 2px;
}
span.coverLarge span.art {
    width: 126px;
    height: 126px;
    overflow: hidden;
    left: 11px;
    top: 3px;
}
span.coverMega span.art {
    width: 174px;
    height: 174px;
    overflow: hidden;
    top: 5px;
    left: 15px;
}



span.albumCover img  { display: block; }

span.albumCover span.jewelcase {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    background-repeat: no-repeat;
    background-position: left top;
}

/* TODO: correct width and height */

span.coverSmall span.jewelcase {
    width: 37px;
    height: 36px;
    background-image: url(/images/jewelcase_small.png);
}
* html span.coverSmall span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jewelcase_small.png', sizingMethod='crop');
}

span.coverMedium span.jewelcase {
    width: 73px;
    height: 68px;
    background-image: url(/images/jewelcase_medium.png);
}
* html span.coverMedium span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jewelcase_medium.png', sizingMethod='crop');
}

span.coverLarge span.jewelcase {
    left: 0px;
    width: 141px;
    height: 134px;
    background-image: url(/images/jewelcase_large.png);
}
* html span.coverLarge span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jewelcase_large.png', sizingMethod='crop');
}
span.coverMega span.jewelcase {
    left: 0px;
    width: 194px;
    height: 184px;
    background-image: url(images/jewelcase_mega.png);
}
* html span.coverMega span.jewelcase {
    background: transparent;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/jewelcase_mega.png', sizingMethod='crop');
}

span.albumCover span.tracks {
    position: absolute;
    bottom: 0;
    right: 0;
    padding: 1px 3px;
    color: #fff;
    font-size: 10px;
    background: #333;
}

div.resContainer {
    padding: 0 15px 0 155px;
}

div.resContainer span.albumCover {
    display: inline;
    float: left;
    margin: 0 0 0 -155px;
}

div.resContainer {
    min-height: 135px;
}

.albumsMedium div.resContainer {
    min-height: 85px;
}

* + html div.resContainer span.albumCover {
    margin: 0;
    float: none;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
}

.albumsLarge div.resContainer a.artist {
    font-size: 11px;
}


.albumsLarge div.resContainer a:hover {
    color: #FFF;
}

.albums div.resContainer .buyButtonSupplier a {
    color: #0187c5;
}

.albumsLarge div.resContainer p.stats {
    margin: 3px 0 0 0;
    color: #696969;
    font-size: 10px;
}

.albumsLarge div.resContainer div.buttons {
    margin: 1.5em 0 0 0;
}

.albumsLarge div.resContainer p.label {
    margin: 5px 0 0 0;
    font-size: 10px;
    color: #696969;
}

.albumsLarge div.resContainer p.label a {
    color: #696969;
}


/* albumsMedium */

.albumsMedium {
    position: relative;
    line-height: 1.25em;
}

ul.albumsMedium li {
    display: inline;
    float: left;
    position: relative;
    width: 49.5%;
    margin-bottom: 15px;
}

ul.albumsMedium li.odd {
    clear: both;
}

.albumsMedium div.resContainer {
    padding: 0 15px 0 85px;
}

.albumsMedium div.resContainer span.albumCover {
    float: left;
    display: inline;
    margin: 0 0 0 -85px;
}

* + html .albumsMedium div.resContainer span.albumCover {
    margin: 0;
}


.albumsMedium div.resContainer a.artist {
    font-size: 11px;
}

.albumsMedium a.playbutton {
    position: absolute;
    left: 52px;
    top: 47px;
}

p.newRelease {
    position: absolute;
    top: 137px;
    left: 0px;
    text-align: right;
    width: 140px;
    display: inline;
}

.albumsMedium p.newRelease {
    top: 70px;
    width: 72px;
}


p.newRelease span {
    padding: 0 2px;
    line-height: 1.3;
    font-weight: bold;
    font-size: 90%;
    border-top:1px solid #FFF2A6;
    background: #FEF081; 
    color: #1b1b1b;
}