/* ===== reset-and-basestyle.css ===== */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video, button {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
input, select { vertical-align: middle; }
a, ins {text-decoration: none;}
address, caption, cite, code, dfn, em, h1, h2, h3, h4, h5, h6, strong, th, var {font-weight: normal;	font-style: normal;}
fieldset, img, abbr {border: none; outline: none}
ul {list-style: none;}

/* 											M I N I M A L   S T Y L E S

*/

ol {list-style-type: decimal;}
strong,b {font-weight: bold;}
em,i {font-style: italic;}
td {vertical-align: top;}

/* Set sub, sup without affecting line-height: gist.github.com/413930 */
sub, sup { font-size: 75%; line-height: 0; position: relative; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

/* Hanging punctuation */
span.slaquo {margin-left: 0.3em;}
span.hlaquo {margin-left: -0.3em;}
span.sbrace {margin-left: 0.1em;}
span.hbrace {margin-left: -0.1em;}

.acronym, abbr {
    font-size: 93%;
    letter-spacing: 1px;
    margin-right: -1px;
    }
	

pre {
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; white-space: pre-wrap; word-wrap: break-word;
  padding: 15px;
}

textarea { overflow: auto; } /* www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */

input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }

/* Hand cursor on clickable input elements */
label, input[type="button"], input[type="submit"], input[type="image"], button { cursor: pointer; }

/* Webkit browsers add a 2px margin outside the chrome of form elements */
button, input, select, textarea { margin: 0; }

/* These selection declarations have to be separate
   No text-shadow: twitter.com/miketaylr/status/12228805301
   Also: hot pink! */
::-moz-selection{ text-shadow: none; background:#3195f9; color:#fff;}
::selection { text-shadow: none; background:#3195f9; color:#fff;}

/* j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* Make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* Bicubic resizing for non-native sized IMG:
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
img { *-ms-interpolation-mode: bicubic; }


@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important;
  -ms-filter: none !important; } /* Black prints faster: sanbeiji.com/archives/953 */
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}

.justify-dummy {
	display:inline-block;
	width:100%;
	height:0!important;
	padding:0!important;
	border:0!important;
	margin:0;
	overflow:hidden;
	}

/* ===== style.css ===== */
html {
	height:100%!important;
	overflow-y:scroll!important;
	scrollbar-gutter:stable;
	}

/* GLOBAL_SCROLL_STABILITY_V1 */
html,
body,
.main-container,
.main-wrapper,
.content,
.content-wrapper,
.sidebar {
	overflow-anchor:none!important;
	}

body {
	background:url('/i/body-bg.png') repeat-x #f3f3f1;
	height:100%;

	font-size:13px;
	font-family:sans-serif;
	font-family:'Droid Sans',arial,sans-serif;
	}

a {
	color:#4c85d6;
	text-decoration:underline;
	}

a:visited {
	color:#6e1c91;
	}

a:hover {
	color:#c32525;
	}

#templates {
	display:none;
	}

.main-container {
	min-height:100%;
	width:86%;
	min-width:860px;
	max-width:1370px;

	margin:0 auto;
	}

.main-wrapper {
	padding-bottom:150px;
	}

sup {
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;

	-webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);

	text-shadow: 1px 1px 0px rgba(255,255,255,0.8);

	padding:0 4px;
	margin-left:4px;

	background:#ffe400;

	font-size:13px;
}

h1 {
	font-family:'Droid Serif',georgia,serif;
	font-weight:bold;
	font-style:italic;
	font-size:25px;
	}

.track-name .artist {
	font-weight:bold;
	}

.track-name .length {
	padding-left:7px;
	}

.preloader {
	display: none;
	}

.preloader .preloader-wrapper {
	padding: 15px 20px;

	position: fixed;
	z-index: 10000;
	left: 50%;
	top: 50%;
	margin-left: -30px;
	margin-top: -30px;

	border-radius: 5px;

	background: #fff;
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.3);
	}

.preloader .preloader-wrapper img {
	width: 40px;
	height: 40px;
	}

.page-title {
	position: relative;
	z-index: 2;
	}

.button-group {
	display: inline-block;
	vertical-align: top;
	position: relative;
	z-index: 1;

	margin-left: 20px;

	*display: inline;
	*zoom: 1;

	font-size: 0;
	}

.button-group button {
	margin: 0 !important;

	font-size: 12px;

	border-radius: 0;
	}

.button-group button i {
	top: -1px !important;
	}

.button-group button.first {
	border-radius: 3px 0 0 3px;

	border-right: 1px solid rgba(0,0,0,0.2);
	}

.button-group button:last-child {
	border-radius: 0 3px 3px 0;

	border-left: 1px solid rgba(255,255,255,0.5);
	}

.button-group .dropdown {
	width: 180px;
	border: 1px solid #eee;

	display: none;
	position: absolute;
	z-index: 10;
	top: 30px;
	right: 0;

	text-align: right;
    font-size: 12px;

	background: #fff;
	border-radius: 4px;
	box-shadow: 0 1px 2px rgba(0,0,0,0.1);
	}

.button-group .dropdown li {
	width: 100%;
	display: block;
	margin: 0;

	border-top: 1px solid #eee;
	}

.button-group .dropdown li:first-child {
	border-top: 0;
	}

.button-group .dropdown li a {
	padding: 6px 8px;

	display: block;
	}

.button-group .dropdown li a:hover {
	background: #fafafa;
	}

/* ===== buttons.css ===== */
button {
	line-height:26px;
	height:25px;

	display:inline-block;
	padding-left:7px;
	padding-right:7px;

	cursor:pointer;

	background:url('/i/buttons.png') left top;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);

	text-shadow: 1px 1px 0px #e6e4df;
	filter: dropshadow(color=#e6e4df, offx=1, offy=1);

	position:relative;
	z-index:1000;
	margin-left:3px;

	*display:inline;
	*zoom:1;
	}

button.light {
	background:url('/i/buttons.png') -104px -104px;
	}

button:hover {
	-webkit-box-shadow: 0px 0px 5px #ffee5b;
	-moz-box-shadow: 0px 0px 5px #ffee5b;
	box-shadow: 0px 0px 5px #ffee5b;
	}

button:active, button.active {
	background-position:0px -26px;

	-webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
	box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
	}

button:active i, button.active i,
button:active .size, button.active .size,
button:active span, button.active span {
	position:relative;
	top:1px;
	}

button i {
	vertical-align:middle;
	margin-top:-3px;
	}

button a {
	text-decoration:none;
	color:#000;
	}

button a:hover {
	color:#000;
	}

button.play {
	padding:0px 20px;
	}

button.download {
	background-position:0px -53px;

	color:#fff;
	text-shadow:-1px -1px 0px rgba(0,0,0,0.3)
	}

button.download:active {
	background-position:0px -78px;

	-webkit-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
	-moz-box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
	box-shadow: 1px 1px 0px rgba(255, 255, 255, 0.4);
	}

button.cart .seperator {
	display:inline-block;
	vertical-align:middle;

	width:0px;
	height:24px;
	margin-top:-3px;

	border-left:1px solid rgba(255,255,255,0.5);
	border-right:1px solid rgba(0,0,0,0.3);

	*display:inline;
	*zoom:1;
	}

button.cart:active .seperator {
	border-left:1px solid rgba(255,255,255,0.3);
	border-right:1px solid rgba(0,0,0,0.1);
	}

button.cart .size {
	display:inline-block;

	font-size:12px;

	*display:inline;
	*zoom:1;
	}

button.next-track,
button.previous-track {
	padding:0px 13px;

	vertical-align: top;
	position: relative;
	top: 14px;
	}

button.previous-track {
    margin-right: 6px;
    }

button.playlist .tracks-in-playlist-count {
	font-size:12px;
	font-weight:bold;
	}

/* ===== icons.css ===== */
i {
	display:inline-block;

	height:17px;
	background:url('/i/icons.png');

	*display:inline;
	*zoom:1;
	}

i.play {
	width:12px;
	background-position:-28px 0px;
	}

i.download {
	width:14px;
	background-position:-14px 0px;
	}

i.cart {
	width:20px;
	background-position:-41px 0px;
	}

i.next-track {
	width:21px;
	background-position:-61px 0px;
	}

i.previous-track {
	width:21px;
	background-position:-307px 0px;
	}

i.playlist-big {
	width:19px;
	background-position:-82px 0px;
	}

i.playlist {
	width:14px;
	background-position:0px 0px;
	}

i.volume {
	width:24px;
	}

i.volume.volume-3 {background-position:-101px 0px;}
i.volume.volume-2 {background-position:-125px 0px;}
i.volume.volume-1 {background-position:-149px 0px;}

i.play-sm {
	background-position:-174px 0px;
	width:11px;
	}

i.play-sm-white {
	background-position:-185px 0px;
	width:11px;
	}

i.pause-sm {
	background-position:-185px 0px;
	width:9px;
	}

i.write-message {
	width:16px;
	background-position:-196px 0px;
	}

i.pause {
	width:9px;
	background-position:-214px 0;
	}

i.i-sort-up {
	width:7px;
	height:4px;
	background-position:-226px -7px;

	position: relative;
	top: -2px;
	}

i.i-sort-down {
	width:7px;
	height:4px;
	background-position:-238px -7px;

	position: relative;
	top: -2px;
	}

i.clear-categories {
	width:14px;
	height:14px;

	background-position:-292px -2px;
	}

i.i-shortcuts {
	width: 19px;
	height: 19px;

	background:url('/i/i-shortcuts.png');
	}
/* DOWNLOAD_ICON_SPRITE_EDGE_FIX_V1 */
i.download {
    width: 13px;
    margin-right: 1px;
}

/* ===== tooltip.css ===== */
.tooltip {
	padding-top:10px;
	height:17px;
	font-size:12px;
	
	display:none;
	position:absolute;
	z-index:99999;
	top:0px;
	left:0px;
	
	white-space:nowrap;
	
	color:#fff;
	}

.tooltip .text {
	display:inline-block;
	vertical-align:bottom;
	height:21px;
	padding-top:11px;
	
	background:url(/i/tooltip.png) 49% 100%;
	
	*display:inline;
	*zoom:1;
	}
	
.tooltip .left {
	display:inline-block;
	vertical-align:bottom;
	
	width:10px;
	height:24px;
	background:url(/i/tooltip.png) bottom left;
	
	*display:inline;
	*zoom:1;
	}
	
.tooltip .right {
	display:inline-block;
	vertical-align:bottom;
	
	width:14px;
	height:24px;
	background:url(/i/tooltip.png) bottom right;
	
	*display:inline;
	*zoom:1;
	}

/* ===== fancybox.css ===== */
/*
 * FancyBox - jQuery Plugin
 * Simple and fancy lightbox alternative
 *
 * Examples and documentation at: http://fancybox.net
 * 
 * Copyright (c) 2008 - 2010 Janis Skarnelis
 * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated.
 * 
 * Version: 1.3.4 (11/11/2010)
 * Requires: jQuery v1.3+
 *
 * Dual licensed under the MIT and GPL licenses:
 *   http://www.opensource.org/licenses/mit-license.php
 *   http://www.gnu.org/licenses/gpl.html
 */

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	width: 40px;
	height: 40px;
	margin-top: -20px;
	margin-left: -20px;
	cursor: pointer;
	overflow: hidden;
	z-index: 1104;
	display: none;
}

#fancybox-loading div {
	position: absolute;
	top: 0;
	left: 0;
	width: 40px;
	height: 480px;
	background-image: url('/i/fancybox/fancybox.png');
}

#fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1100;
	display: none;
}

#fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	overflow: auto;
	display: none;
}

#fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	padding: 20px;
	z-index: 1101;
	outline: none;
	display: none;
}

#fancybox-outer {
	position: relative;
	width: 100%;
	height: 100%;
	background: #fff;
}

#fancybox-content {
	width: 0;
	height: 0;
	padding: 0;
	outline: none;
	position: relative;
	overflow: hidden;
	z-index: 1102;
	border: 0px solid #fff;
}

#fancybox-hide-sel-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent;
	z-index: 1101;
}

#fancybox-close {
	position: absolute;
	top: -15px;
	right: -15px;
	width: 30px;
	height: 30px;
	background: transparent url('/i/fancybox/fancybox.png') -40px 0px;
	cursor: pointer;
	z-index: 1103;
	display: none;
}

#fancybox-error {
	color: #444;
	font: normal 12px/20px Arial;
	padding: 14px;
	margin: 0;
}

#fancybox-img {
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	border: none;
	outline: none;
	line-height: 0;
	vertical-align: top;
}

#fancybox-frame {
	width: 100%;
	height: 100%;
	border: none;
	display: block;
}

#fancybox-left, #fancybox-right {
	position: absolute;
	bottom: 0px;
	height: 100%;
	width: 35%;
	cursor: pointer;
	outline: none;
	background: transparent url('/i/fancybox/blank.gif');
	z-index: 1102;
	display: none;
}

#fancybox-left {
	left: 0px;
}

#fancybox-right {
	right: 0px;
}

#fancybox-left-ico, #fancybox-right-ico {
	position: absolute;
	top: 50%;
	left: -9999px;
	width: 30px;
	height: 30px;
	margin-top: -15px;
	cursor: pointer;
	z-index: 1102;
	display: block;
}

#fancybox-left-ico {
	background-image: url('/i/fancybox/fancybox.png');
	background-position: -40px -30px;
}

#fancybox-right-ico {
	background-image: url('/i/fancybox/fancybox.png');
	background-position: -40px -60px;
}

#fancybox-left:hover, #fancybox-right:hover {
	visibility: visible; /* IE6 */
}

#fancybox-left:hover span {
	left: 20px;
}

#fancybox-right:hover span {
	left: auto;
	right: 20px;
}

.fancybox-bg {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	width: 20px;
	height: 20px;
	z-index: 1001;
}

#fancybox-bg-n {
	top: -20px;
	left: 0;
	width: 100%;
	background-image: url('/i/fancybox/fancybox-x.png');
}

#fancybox-bg-ne {
	top: -20px;
	right: -20px;
	background-image: url('/i/fancybox/fancybox.png');
	background-position: -40px -162px;
}

#fancybox-bg-e {
	top: 0;
	right: -20px;
	height: 100%;
	background-image: url('/i/fancybox/fancybox-y.png');
	background-position: -20px 0px;
}

#fancybox-bg-se {
	bottom: -20px;
	right: -20px;
	background-image: url('/i/fancybox/fancybox.png');
	background-position: -40px -182px; 
}

#fancybox-bg-s {
	bottom: -20px;
	left: 0;
	width: 100%;
	background-image: url('/i/fancybox/fancybox-x.png');
	background-position: 0px -20px;
}

#fancybox-bg-sw {
	bottom: -20px;
	left: -20px;
	background-image: url('/i/fancybox/fancybox.png');
	background-position: -40px -142px;
}

#fancybox-bg-w {
	top: 0;
	left: -20px;
	height: 100%;
	background-image: url('/i/fancybox/fancybox-y.png');
}

#fancybox-bg-nw {
	top: -20px;
	left: -20px;
	background-image: url('/i/fancybox/fancybox.png');
	background-position: -40px -122px;
}

#fancybox-title {
	font-family: Helvetica;
	font-size: 12px;
	z-index: 1102;
}

.fancybox-title-inside {
	padding-bottom: 10px;
	text-align: center;
	color: #333;
	background: #fff;
	position: relative;
}

.fancybox-title-outside {
	padding-top: 10px;
	color: #fff;
}

.fancybox-title-over {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #FFF;
	text-align: left;
}

#fancybox-title-over {
	padding: 10px;
	background-image: url('/i/fancybox/fancy_title_over.png');
	display: block;
}

.fancybox-title-float {
	position: absolute;
	left: 0;
	bottom: -20px;
	height: 32px;
}

#fancybox-title-float-wrap {
	border: none;
	border-collapse: collapse;
	width: auto;
}

#fancybox-title-float-wrap td {
	border: none;
	white-space: nowrap;
}

#fancybox-title-float-left {
	padding: 0 0 0 15px;
	background: url('/i/fancybox/fancybox.png') -40px -90px no-repeat;
}

#fancybox-title-float-main {
	color: #FFF;
	line-height: 29px;
	font-weight: bold;
	padding: 0 0 3px 0;
	background: url('/i/fancybox/fancybox-x.png') 0px -40px;
}

#fancybox-title-float-right {
	padding: 0 0 0 15px;
	background: url('/i/fancybox/fancybox.png') -55px -90px no-repeat;
}

/* IE6 */

.fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_close.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_title_over.png', sizingMethod='scale'); zoom: 1; }
.fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_title_left.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_title_main.png', sizingMethod='scale'); }
.fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_title_right.png', sizingMethod='scale'); }

.fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame {
	height: expression(this.parentNode.clientHeight + "px");
}

#fancybox-loading.fancybox-ie6 {
	position: absolute; margin-top: 0;
	top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px');
}

#fancybox-loading.fancybox-ie6 div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_loading.png', sizingMethod='scale'); }

/* IE6, IE7, IE8 */

.fancybox-ie .fancybox-bg { background: transparent !important; }

.fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
.fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/i/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }

/* ===== blocks/header.css ===== */
.header {
	height:164px; /* 110 + 54 player */

	position:relative;
	}

.header .logo {
	width:225px;
	height:55px;

	position:absolute;
	top:90px;
	left:0px;

	cursor:pointer;

	background:url('/i/logo.png');
	}

.header .headphones {
	position:absolute;
	/*top:99px;*/
	top:95px;
	right:26%;
	}

.vip-badge {
	padding:2px 3px;

	display:inline-block;
	margin-right:2px;

	font-size:10px;
	color:#fff;
	text-shadow:-1px -1px 0px #d48838;

	background:#ffa443;

	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;

	*display:inline;
	*zoom:1;
	}

/*.header .headphones-left {
	width:82px;
	height:65px;

	display:inline-block;
	vertical-align:top;

	z-index:1200;

	background:url('/i/headphones.png');

	*display:inline;
	*zoom:1;
	}

.header .headphones-right {
	width:81px;
	height:130px;

	display:inline-block;
	vertical-align:top;

	z-index:1200;

	background:url('/i/headphones.png') right;

	*display:inline;
	*zoom:1;
	}*/

.header .headphones-left {
	width:68px;
	height:69px;

	display:inline-block;
	vertical-align:top;

	z-index:1200;

	background:url('/i/headphones-2.png');

	*display:inline;
	*zoom:1;
	}

.header .headphones-right {
	width:80px;
	height:134px;

	display:inline-block;
	vertical-align:top;

	z-index:1200;

	background:url('/i/headphones-2.png') right;

	*display:inline;
	*zoom:1;
	}

.header .userbar {
	position:absolute;
	top:90px;
	right:0px;
	}

.userbar .messages {
	padding:0 7px;

	margin-left:-6px;
	margin-right:7px;
	float:left;

	font-size:13px;

	background:#ffe400;
	text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
	-webkit-border-radius:9px;
	-moz-border-radius:9px;
	border-radius:9px;
	-webkit-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);
	box-shadow: -1px -1px 0px rgba(0, 0, 0, 0.1);

	cursor:pointer;
	}

.userbar .username {
	float:right;
	}

.userbar .username .logout {
	padding:0px 4px;

	display:inline-block;

	color:#fff;
	font-weight:bold;
	text-shadow:-1px -1px 0px #ad3b3b;

	cursor:pointer;
	background:#cd4646;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}

.userbar .traffic-left {
	clear:both;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	padding-top:7px;
	}


.userbar .vip-traffic-left {
	margin-top: 4px;
	font-size: 14px;
	font-weight: bold;
	color: #EC7100;
	}

.userbar a {
	text-decoration:none;
	}

/* ===== blocks/player.css ===== */
.top-fixed {
	width:100%;
	position:fixed;

	top:0px;
	left:0px;

	z-index:1000;
	}

.player {
	height:54px;
	width:100%;

	position:relative;
	z-index:1000;

	overflow:visible;

	-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.4);

	background: #797c80;
	background: -moz-linear-gradient(top, #797c80 0%, #3c3e40 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#797c80), color-stop(100%,#3c3e40));
	background: -webkit-linear-gradient(top, #797c80 0%,#3c3e40 100%);
	background: -o-linear-gradient(top, #797c80 0%,#3c3e40 100%);
	background: -ms-linear-gradient(top, #797c80 0%,#3c3e40 100%);
	-ms-filter: 'progid:DXImageTransform.Microsoft.gradient( startColorstr='#797c80', endColorstr='#3c3e40',GradientType=0)';
	background: linear-gradient(top, #797c80 0%,#3c3e40 100%);
	}

.player-wrapper {
	width:86%;
	min-width:860px;
	max-width:1370px;

	position:relative;

	margin:0 auto;
	}

.current-track-wrapper {
	padding-top:6px;
	padding-left:8px;
	border-bottom:1px solid #8d8e90;
	width:63%;
	height:30px;

	margin-top:8px;
	display:inline-block;
	position:relative;
	overflow: hidden;
	vertical-align: top;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;

	background: #4d4f51;
	background: -moz-linear-gradient(top, #4d4f51 0%, #5e5f62 26%, #68696b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4d4f51), color-stop(26%,#5e5f62), color-stop(100%,#68696b));
	background: -webkit-linear-gradient(top, #4d4f51 0%,#5e5f62 26%,#68696b 100%);
	background: -o-linear-gradient(top, #4d4f51 0%,#5e5f62 26%,#68696b 100%);
	background: -ms-linear-gradient(top, #4d4f51 0%,#5e5f62 26%,#68696b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4f51', endColorstr='#68696b',GradientType=0 );
	background: linear-gradient(top, #4d4f51 0%,#5e5f62 26%,#68696b 100%);

	cursor:pointer;

	*display:inline;
	*zoom:1;
	}

.current-track-wrapper .track-name {
	display:inline-block;

	position:relative;
	z-index:1000;

	margin-left:64px;
	margin-top: 5px;
	white-space: nowrap;

	font-size:14px;
	color:#fff;
	text-shadow: -1px -1px 0px #404243;
	filter: dropshadow(color=#404243, offx=-1, offy=-1);

	*display:inline;
	*zoom:1;
	}

.player .right {
	position:absolute;
	right:6px;
	top:14px;
	}

.current-track-wrapper .right {
	position:absolute;
	right:6px;
	top:6px;
	display:none;
	}

.current-track-wrapper button.play {
	margin-left: 0;
	position: absolute;
	left: 6px;
	z-index: 2000;
	}

.player button.download {
	}

.player button.cart {
	}

.current-track-wrapper .progress-loaded {
	width:0%;
	height:100%;

	position:absolute;
	left:0px;
	top:0px;

	background:#000;
	opacity:0.15;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

.current-track-wrapper .progress-played {
	width:0%;
	height:100%;

	position:absolute;
	left:0px;
	top:0px;

	background:#000;
	opacity:0.3;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}

.current-track-wrapper .time-pointer {
	border-left:1px solid white;
	height:100%;

	left:0px;
	top:0px;
	position:absolute;
	visibility:hidden;
	z-index:100;

	opacity:0.4;
	}

.current-track-wrapper:hover .time-pointer {
	visibility:visible;
	}
/* Exclusive.dj - current track cover */

.player-wrapper .current-track-cover {
    display: none;

    position: absolute;
    left: -58px;
    top: 4px;

    width: 46px;
    height: 46px;

    z-index: 1200;

    object-fit: cover;

    border-radius: 4px;

    background: #4d4f51;

    box-shadow:
        0 1px 4px rgba(0,0,0,.55),
        inset 0 0 0 1px rgba(255,255,255,.15);
}

@media screen and (max-width: 860px) {
    .player-wrapper .current-track-cover {
        display: none !important;
    }
}


/* Exclusive.dj - refined current track cover frame */

.player-wrapper .current-track-cover {
    display: none;

    position: absolute;
    left: -60px;
    top: 3px;

    width: 44px;
    height: 44px;

    padding: 2px;
    box-sizing: content-box;

    z-index: 1200;

    object-fit: cover;

    border: 1px solid #1f2224;
    border-radius: 6px;

    background: #45484b;
    background: linear-gradient(to bottom, #55595d 0%, #3f4245 100%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 0 0 1px rgba(255,255,255,.06),
        0 2px 6px rgba(0,0,0,.45);
}

/* mobile keep hidden */
@media screen and (max-width: 860px) {
    .player-wrapper .current-track-cover {
        display: none !important;
    }
}


/* Exclusive.dj - premium current track cover */

.player-wrapper .current-track-cover {
    display: none;

    position: absolute;
    left: -60px;
    top: 3px;

    width: 44px;
    height: 44px;

    padding: 2px;
    box-sizing: content-box;

    z-index: 1200;

    object-fit: cover;

    border: 1px solid #1c1f21;
    border-radius: 8px;

    background: #45484b;
    background: linear-gradient(to bottom, #5a5e62 0%, #3e4245 100%);

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 0 0 1px rgba(255,255,255,.10),
        inset 0 0 0 2px rgba(255,255,255,.05),
        0 2px 6px rgba(0,0,0,.45),
        0 0 0 1px rgba(0,0,0,.18);
}

@media screen and (max-width: 860px) {
    .player-wrapper .current-track-cover {
        display: none !important;
    }
}


/* Exclusive.dj - cover without frame, only soft shadow */

.player-wrapper .current-track-cover {
    display: none;

    position: absolute;
    left: -58px;
    top: 5px;

    width: 44px;
    height: 44px;

    padding: 0;
    box-sizing: border-box;

    z-index: 1200;

    object-fit: cover;

    border: 0;
    border-radius: 6px;

    background: transparent;

    box-shadow:
        0 3px 8px rgba(0,0,0,.38),
        0 1px 2px rgba(0,0,0,.22);
}

@media screen and (max-width: 860px) {
    .player-wrapper .current-track-cover {
        display: none !important;
    }
}

/* ===== blocks/footer.css ===== */
.footer {
	height:119px;
	width:86%;
	min-width:860px;
	max-width:1370px;
	
	position:relative;
	
	margin:0 auto;
	margin-top:-120px;
	
	border-top:1px solid #dadad8;
	}
	
.footer .copyrights {
	position:absolute;
	top:35px;
	text-indent:-14px;
	}
	
	
.footer a {
	color:#4C85D6;
	}

.footer a:hover {
	color:#C32525;
	}
	
.footer .message {
	position:absolute;
	top:35px;
	left:200px;
	}
	
.footer .message i.write-message {
	vertical-align:top;
	margin-right:4px;
	margin-top:-2px;
	}
	
.footer .november-logo {
	height:29px;
	width:29px;
	background:url('/i/november-logo.png') top left;
	position:absolute;
	top:35px;
	right:0px;
	}	

.footer .november-logo:hover {
	background-position:top right;
	}

/* ===== blocks/menu.css ===== */
.menu {
	width:100%;
	height:59px;

	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;

	border-bottom:1px solid #d0c8b2;

	background: #eae7db;
	background: -moz-linear-gradient(top, #eae7db 0%, #dad5c2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae7db), color-stop(100%,#dad5c2));
	background: -webkit-linear-gradient(top, #eae7db 0%,#dad5c2 100%);
	background: -o-linear-gradient(top, #eae7db 0%,#dad5c2 100%);
	background: -ms-linear-gradient(top, #eae7db 0%,#dad5c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae7db', endColorstr='#dad5c2',GradientType=0 );
	background: linear-gradient(top, #eae7db 0%,#dad5c2 100%);

	}

.menu .search {
	height:100%;
	padding-left:20px;

	display:inline-block;
	float:right;

	vertical-align:top;
	text-align:right;

	*display:inline;
	*zoom:1;
	}

.menu .search.active {
	border-bottom:1px solid #6fb1dd;

	background: #3466cc;
	background: -moz-linear-gradient(top, #3466cc 0%, #76bbe8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3466cc), color-stop(100%,#76bbe8));
	background: -webkit-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -o-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -ms-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3466cc', endColorstr='#76bbe8',GradientType=0 );
	background: linear-gradient(top, #3466cc 0%,#76bbe8 100%);

	-webkit-box-shadow: inset 1px 1px 3px #24468c;
	-moz-box-shadow: inset 1px 1px 3px #24468c;
	box-shadow: inset 1px 1px 3px #24468c;

	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
	}

.menu .search .search-input {
	width:190px;
	height:20px;
	padding-left:15px;

	margin-top:18px;
	margin-right:18px;

	outline:0;

	border-radius:10px;
	border:0;
	}

.menu .search .search-input:focus {
	-webkit-box-shadow: 0px 0px 7px rgba(144, 206, 245, 0.9);
	-moz-box-shadow: 0px 0px 7px rgba(144, 206, 245, 0.9);
	box-shadow: 0px 0px 7px rgba(144, 206, 245, 0.9);
	}

.menu .menu-list {
	width:65%;
	display:inline-block;

	position:relative;

	vertical-align:top;
	text-align:justify;
	text-align-last:justify;
	overflow:hidden;

	*display:inline;
	*zoom:1;
	*text-justify:newspaper;

	}

.menu .menu-list .menu-item {
	display:inline-block;
	vertical-align:middle;
	cursor:pointer;
	text-align:center;

	text-shadow: 1px 1px 0px rgba(255,255,255,0.6);
	filter: dropshadow(color=#fff, offx=1, offy=1);

	*display:inline;
	*zoom:1;
	}

.menu .menu-list .menu-item a {
	color:#000;
	text-decoration:none;
	font-size:16px;

	position:relative;
	z-index:100;
	outline:0;

	zoom:1;
	}

.menu .menu-list .seperator {
	width:0px;
	height:59px;
	display:inline-block;

	position:relative;
	visibility:hidden;
	vertical-align:middle;

	*display:inline;
	*zoom:1;
	}

.menu .layer {
	position:absolute;
	visibility:visible;
	left:0px;
	top:0px;
	width:2000px;
	height:59px;
	z-index:1;
	cursor:pointer;

	border-bottom:1px solid #d0c8b2;

	background: #eae7db;
	background: -moz-linear-gradient(top, #eae7db 0%, #dad5c2 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eae7db), color-stop(100%,#dad5c2));
	background: -webkit-linear-gradient(top, #eae7db 0%,#dad5c2 100%);
	background: -o-linear-gradient(top, #eae7db 0%,#dad5c2 100%);
	background: -ms-linear-gradient(top, #eae7db 0%,#dad5c2 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eae7db', endColorstr='#dad5c2',GradientType=0 );
	background: linear-gradient(top, #eae7db 0%,#dad5c2 100%);

	}

.menu .layer.active {
	height:60px;

	border:0;

	cursor:default;

	background: #3466cc;
	background: -moz-linear-gradient(top, #3466cc 0%, #76bbe8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3466cc), color-stop(100%,#76bbe8));
	background: -webkit-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -o-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -ms-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3466cc', endColorstr='#76bbe8',GradientType=0 );
	background: linear-gradient(top, #3466cc 0%,#76bbe8 100%);

	-webkit-box-shadow: inset 1px 1px 3px #24468c;
	-moz-box-shadow: inset 1px 1px 3px #24468c;
	box-shadow: inset 1px 1px 3px #24468c;
	}

.menu .menu-item.active a{
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	filter: dropshadow(color=#2c57ab, offx=-1, offy=-1);

	cursor:text;

	color:#fff;
	font-family:'Droid Serif',georgia;
	font-weight:bold;
	font-style:italic;

	font-size:17px;
	}

.menu .menu-item.active sup {
	color:#000;
	text-shadow:0;

	font-family:'Droid Sans',sans-serif;
	font-style:normal;
	font-weight:normal;
	}

.menu .sep {
	width:2px;
	height:59px;
	background:url('/i/seperator.png');
	position:absolute;
	visibility:visible;
	z-index:100;
	top:0px;
	left:0px;
	}

.menu .seperator:first-child .layer {
	-webkit-border-top-left-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-top-left-radius:10px;
	-moz-border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	border-bottom-left-radius:10px;
	}

.menu .layer:not(.active):hover,
.menu .layer.layer-pseudohover {
	background: #f0eee6;
	background: -moz-linear-gradient(top, #f0eee6 0%, #e5e2d4 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0eee6), color-stop(100%,#e5e2d4));
	background: -webkit-linear-gradient(top, #f0eee6 0%,#e5e2d4 100%);
	background: -o-linear-gradient(top, #f0eee6 0%,#e5e2d4 100%);
	background: -ms-linear-gradient(top, #f0eee6 0%,#e5e2d4 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0eee6', endColorstr='#e5e2d4',GradientType=0 );
	background: linear-gradient(top, #f0eee6 0%,#e5e2d4 100%);
	}


body.menu-fixed .menu {
	width: 86%;
	min-width: 845px;
	height: 54px;
	padding-left: 7%;
	padding-right: 75%;

	position: fixed;
	top: 54px;
	left: 0;
	z-index: 999;

	border-radius: 0;
	box-shadow: 0 2px 5px rgba(0,0,0,0.2);
	}

body.menu-fixed .menu .menu-list .seperator {
	height: 54px;
	}

body.menu-fixed .menu .seperator:first-child .layer {
	border-radius: 0;
	}

body.menu-fixed .menu .layer.active {
	height: 55px;
	}

body.menu-fixed .menu .sep {
	height: 54px;
	}

body.menu-fixed .menu .layer {
	height: 54px;
	}

body.menu-fixed .header {
	padding-bottom: 60px;
	}


/* =========================================================
   Exclusive.dj - menu icons
   ========================================================= */

.menu .menu-list .menu-item a[data-root] {
    display: inline-block;
    padding-left: 29px;

    background-repeat: no-repeat;
    background-position: left center;
    background-size: 20px 20px;
}


/* New tracks */
.menu .menu-list .menu-item a[data-root="date"] {
    background-image: url('/i/menu-icons/wave.svg');
}

/* Top tracks */
.menu .menu-list .menu-item a[data-root="top"] {
    background-image: url('/i/menu-icons/star.svg');
}

/* Wishlist */
.menu .menu-list .menu-item a[data-root="wishlist"] {
    background-image: url('/i/menu-icons/heart.svg');
}

/* Tags */
.menu .menu-list .menu-item a[data-root="tags"] {
    background-image: url('/i/menu-icons/tag.svg');
}

/* Cart */
.menu .menu-list .menu-item a[data-root="cart"] {
    background-image: url('/i/menu-icons/cart.svg');
}


/* Active icons */

.menu .menu-list .menu-item.active a[data-root="date"] {
    background-image: url('/i/menu-icons/wave-white.svg');
}

.menu .menu-list .menu-item.active a[data-root="top"] {
    background-image: url('/i/menu-icons/star-white.svg');
}

.menu .menu-list .menu-item.active a[data-root="wishlist"] {
    background-image: url('/i/menu-icons/heart-white.svg');
}

.menu .menu-list .menu-item.active a[data-root="tags"] {
    background-image: url('/i/menu-icons/tag-white.svg');
}

.menu .menu-list .menu-item.active a[data-root="cart"] {
    background-image: url('/i/menu-icons/cart-white.svg');
}



/* DESKTOP_MENU_NO_WRAP_V3 */
@media screen and (max-width: 1100px) {
    .menu .menu-list {
        white-space: nowrap !important;
    }
    .menu .menu-list .menu-item,
    .menu .menu-list .seperator {
        white-space: nowrap !important;
    }
}

/* ===== blocks/content.css ===== */
.content {
	margin-top:15px;
	}
	
.content .content-wrapper {
	width:72%;
	margin-right:6%;

	display:inline-block;
	vertical-align:top;
	
	*display:inline;
	*zoom:1;
	}
	
.content .sidebar {
	width:21%;
	
	display:inline-block;
	vertical-align:top;
	
	*display:inline;
	*zoom:1;
	}

/* ===== blocks/page-title.css ===== */
.page-title h1 {
	display:inline-block;
	
	*display:inline;
	*zoom:1;
	}

.page-title .tracks-count {
	font-size:14px;
	}

.page-title .add-to-playlist {
	margin-left:20px;
	}
	
.page-title .action {
	margin-right:10px;
	display:inline-block;
	
 	*display:inline;
	*zoom:1;
	}
	
	
.page-title .add-to-playlist i {
	display:inline-block;
	position:relative;
	top:4px;
	
	margin-right:5px;
	
	*display:inline;
	*zoom:1;
	}
	
	
.page-title .action a {
	font-size:12px;
	color:#000;
	}
	
.page-title .action a:hover{
	color:#c32525;
	}

/* ===== blocks/tracks-list.css ===== */
.tracks-list {
	margin-top:25px;
	position: relative;
	z-index: 1;

	font-size:14px;
	}

.tracks-list .track {
	padding-top:13px;
	width:100%;
	padding-left:40px;

	margin-left:-40px;
	position:relative;

	cursor:pointer;

	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	}

.tracks-list .track.exclusive-track {
	background:#fff3db;
	border-bottom:#DADAD8 1px solid;
	}

.tracks-list .track.freedownload {
	color:#8829B0 !important;
	}

.tracks-list .track.listened {
	color:#787878;
	}

.tracks-list .track:hover {
	background: #f1efeb;
	background: -moz-linear-gradient(top, #f1efeb 0%, #e7e5da 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1efeb), color-stop(100%,#e7e5da));
	background: -webkit-linear-gradient(top, #f1efeb 0%,#e7e5da 100%);
	background: -o-linear-gradient(top, #f1efeb 0%,#e7e5da 100%);
	background: -ms-linear-gradient(top, #f1efeb 0%,#e7e5da 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1efeb', endColorstr='#e7e5da',GradientType=0 );
	background: linear-gradient(top, #f1efeb 0%,#e7e5da 100%);

	border-bottom:1px solid #d4cdbf;
	}
/*
.tracks-list .track:hover .right {
	border-bottom:none;
	}
*/
.tracks-list .track:hover .right .buttons {
	visibility:visible;
	}

.tracks-list .track:hover .left {
	visibility:visible;
	}

.tracks-list .track .left {
	width:19px;
	height:16px;

	position:absolute;
	z-index:200;
	visibility:hidden;

	left:14px;
	top:12px;

	border-right:1px solid #a7a5a1;
	}

.tracks-list .track .right {
	padding-bottom:12px;
	padding-right:90px;
	padding-left:17px;

	position:relative;
	z-index:200;

	border-bottom:#dadad8 1px solid;
	}

.tracks-list .track.exclusive-track .right {
	border-bottom:0;
	}

.tracks-list .track.last .right {
	border-bottom:1px solid transparent;
	}
/*
.tracks-list .track.last:hover .right {
	border-bottom:none;
	}
*/
/* hover не меняет геометрию */
.tracks-list .track:hover .right {
    border-bottom-color: #d4cdbf;
}

.tracks-list .track.last .right {
    border-bottom: 1px solid transparent;
}

.tracks-list .track.last:hover .right {
    border-bottom-color: transparent;
}

.tracks-list .track .right a {
	color:#000;

	display:inline;
	margin-right:5px;

	text-decoration:none;
	}

.tracks-list .track .right a:hover {
	color:#418300;
	text-decoration:underline;
	}

.tracks-list .track .right .track-time {
	display:inline-block;

	color:#787878;

	*display:inline;
	*zoom:1;
	}

.tracks-list .track .right .track-wav {
	padding: 2px 3px;
	display: inline-block;
	margin-right: 2px;

	font-size: 10px;
	color: #fff;
	text-shadow: -1px -1px 0px #d48838;

	background: #ffa443;
	border-radius: 3px;
	}

.tracks-list .track .right .buttons {
	visibility:hidden;
	position:absolute;
	top:-5px;
	right:7px;
	}

.tracks-list .track .right .buttons button{
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	}

.tracks-list .track.track-in-cart .right .buttons .cart {
	opacity: 0.5;
	}

.tracks-list .track button:hover {
	-webkit-box-shadow: 0px 0px 5px #fff;
	-moz-box-shadow: 0px 0px 5px #fff;
	box-shadow: 0px 0px 5px #fff;
	}

.tracks-list .track .right i.play-sm,
.tracks-list .track .right i.play-sm-white,
.tracks-list .track .right i.pause {
	position:absolute;
	left:0px;
	top:0px;
	}

.tracks-list .track .right i.pause {
	top:-2px;
	}

.tracks-list .track .right i.play-sm-white {
	top:-1px;
	}

.tracks-list .track .play-sm,
.tracks-list .track .play-sm-white,
.tracks-list .track .playlist,
.tracks-list .track .pause{
	cursor:pointer;
	}

.tracks-list .track .playlist {
	opacity:0.8;
	}

.tracks-list .track .playlist:hover {
	opacity:1;
	}

.tracks-list .track .playlist:active {
	position:relative;
	top:1px;
	left:1px;
	}


.tracks-list .track.currently-playing {
	border:none;
	background: #3466cc;
	background: -moz-linear-gradient(top, #3466cc 0%, #76bbe8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3466cc), color-stop(100%,#76bbe8));
	background: -webkit-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -o-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -ms-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3466cc', endColorstr='#76bbe8',GradientType=0 );
	background: linear-gradient(top, #3466cc 0%,#76bbe8 100%);

	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);

	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	filter: dropshadow(color=#2c57ab, offx=-1, offy=-1);
	}

.tracks-list .track.currently-playing a{
	color:#fff;
	text-decoration:none;
	}

.tracks-list .track.currently-playing span {
	color:#fff;
	}

.tracks-list .track.currently-playing a:hover {
	text-decoration:underline;
	color:#fff;
	}

.tracks-list .track.currently-playing .track-time {
	color:#fff;
	}

.tracks-list .track.currently-playing .right {
	border:none;
	}

.tracks-list .track.currently-playing .left {
	display:none;
	}

.tracks-list .track.currently-playing .progress-loaded {
	width:100%;
	height:100%;

	position:absolute;
	left:0px;
	top:0px;

	background:#000;
	opacity:0.15;

	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}

.tracks-list .track.currently-playing .progress-played {
	width:0%;
	height:100%;

	position:absolute;
	left:0px;
	top:0px;

	background:#000;
	opacity:0.3;

	-webkit-border-top-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	}

.tracks-list .track.currently-playing .time-pointer {
	border-left:1px solid white;
	height:100%;

	left:0px;
	top:0px;
	position:absolute;
	visibility:hidden;
	z-index:100;

	opacity:0.4;
	}

.tracks-list .track.currently-playing:hover .time-pointer {
	visibility:visible;
	}

.root-cart .tracks-list .buttons .cart{
	display:none;
	}

.tracks-list .track .play-sm {
	visibility:hidden;
	}

.tracks-list .track .delete-from-cart,
.tracks-list .track .delete-from-tags,
.tracks-list .track .delete-from-wishlist {
	visibility:hidden;
	position: absolute;
	}

.root-cart .tracks-list .track .delete-from-cart,
.root-tags .tracks-list .track .delete-from-tags,
.root-wishlist .tracks-list .track .delete-from-wishlist {
	visibility:visible;
	position: static;
	}

.tracks-list .track .date {
	font-size:11px;

	}

.root-tags .track .date,
.root-wishlist .track .date {
	padding-left: 32px;
	}

.tracks-list .track.currently-playing .date {
	color:#fff;
	}

.tracks-list .track button.download {
	font-size: 11px;
	letter-spacing: 1px;
	}

/* =========================================================
   Exclusive.dj — unified separators between tracks
   ========================================================= */

/*
 * Exclusive-треки раньше имели border на внешнем .track.
 * Убираем его, чтобы у всех типов треков разделитель
 * рисовался одинаково на внутреннем .right.
 */
.tracks-list .track.exclusive-track {
    border-bottom: 0 !important;
}


/* Единый разделитель для ВСЕХ треков */
.tracks-list .track .right {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: #dadad8 !important;
}


/* При hover немного темнее — как было в оригинальном дизайне */
.tracks-list .track:hover .right {
    border-bottom-color: #d4cdbf !important;
}


/*
 * После последнего трека линия не нужна.
 * 1px сохраняем прозрачным, чтобы высота строки не менялась.
 */
.tracks-list .track.last .right,
.tracks-list .track.last:hover .right {
    border-bottom-color: transparent !important;
}


/*
 * У currently-playing линия тоже прозрачная,
 * чтобы синий playing-блок выглядел цельным
 * и не менял высоту при старте воспроизведения.
 */
.tracks-list .track.currently-playing .right,
.tracks-list .track.currently-playing:hover .right {
    border-bottom-color: transparent !important;
}


/* TRACK_DOWNLOAD_NO_UNDERLINE_V1 */
.tracks-list .track .right a.download-link,
.tracks-list .track .right a.download-link:hover {
    text-decoration: none !important;
}

/* TRACKLIST_SCROLL_STABILITY_V1 */
.tracks-list,
.tracks-list .track {
    overflow-anchor: none;
}

/* ===== blocks/calendar.css ===== */
.calendar {
	margin-top:11px;
	}

.calendar .months {
	text-align:justify;
	height:35px;
	padding-right:4px;
	
	*text-justify:newspaper;
	}
	
.calendar .previous-month,
.calendar .next-month, 
.calendar .current-month {
	display:inline-block;
	vertical-align:top;
	
	*display:inline;
	*zoom:1;
	}
	
.calendar .months a {
	color:#000;
	}
	
.calendar .months a:hover {
	color:#C32525;
	}
	
.calendar .current-month {
	font-size:14px;
	font-family:'Droid Serif',georgia,serif;
	font-weight:bold;
	font-style:italic;
	}


.calendar .week {
	white-space:nowrap;
	
	font-size:0px;
	font-weight:bold;
	color:#4c85d6;
	
	/*text-shadow:1px 1px 0px rgba(255,255,255,0.7);*/
	text-shadow:1px 1px 0px #f8f8f8;
	}

.calendar .week .dummy {
	width:14.28%;
	height:24px;
	
	display:inline-block;
	vertical-align:top;
	
	*display:inline;
	*zoom:1;
	}
	
.calendar .week .day {
	width:14.28%;
	height:28px;
	
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	
	line-height:28px;
	text-align:center;
	font-size:12px;
	
	border-left:1px solid #f3f3f3;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #d1d1d1;
	/*border-left:1px solid rgba(255,255,255,0.4);
	border-top:1px solid rgba(255,255,255,0.4);
	border-bottom:1px solid rgba(0,0,0,0.13);*/
	
	background: #f1efea;
	background: -moz-linear-gradient(top, #f1efea 0%, #e6e4d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1efea), color-stop(100%,#e6e4d8));
	background: -webkit-linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	background: -o-linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	background: -ms-linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1efea', endColorstr='#e6e4d8',GradientType=0 );
	background: linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	
	cursor:pointer;
	
	*display:inline;
	*zoom:1;
	}
	
.calendar .week .day:first-child,
.calendar .week .dummy+.day{
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	}
	
.calendar .week .day:last-child{
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	}
	
.calendar .week .day.visited {
	color:#8829b0;
	}
	
.calendar .day:hover,
.calendar .day.visited:hover {
	color:#C32525;
	
	background: #f5f3ed;
	background: -moz-linear-gradient(top, #f5f3ed 0%, #e6e4d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f3ed), color-stop(100%,#e6e4d8));
	background: -webkit-linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	background: -o-linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	background: -ms-linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ed', endColorstr='#e6e4d8',GradientType=0 );
	background: linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	}
	
.calendar .week .day.disabled {
	color:#b9b9b9;
	cursor:default;
	
	background: #f1f1f0;
	background: -moz-linear-gradient(top, #f1f1f0 0%, #e7e7e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f0), color-stop(100%,#e7e7e6));
	background: -webkit-linear-gradient(top, #f1f1f0 0%,#e7e7e6 100%);
	background: -o-linear-gradient(top, #f1f1f0 0%,#e7e7e6 100%);
	background: -ms-linear-gradient(top, #f1f1f0 0%,#e7e7e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1f1f0', endColorstr='#e7e7e6',GradientType=0 );
	background: linear-gradient(top, #f1f1f0 0%,#e7e7e6 100%);
	}
	
.calendar .week .day.active {
	border:none;
	background: #3466cc;
	background: -moz-linear-gradient(top, #3466cc 0%, #76bbe8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3466cc), color-stop(100%,#76bbe8));
	background: -webkit-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -o-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -ms-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3466cc', endColorstr='#76bbe8',GradientType=0 );
	background: linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	
	-webkit-box-shadow: inset 1px 1px 3px #24468c;
	-moz-box-shadow: inset 1px 1px 3px #24468c;
	box-shadow: inset 1px 1px 3px #24468c;
	
	text-shadow: -1px -1px 0px #3c6aad;
	/*-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);*/
	filter: dropshadow(color=#2c57ab, offx=-1, offy=-1);
	
	cursor:text;
	
	line-height:30px;
	
	color:#fff;
	font-family:'Droid Serif',georgia;
	font-weight:bold;
	font-style:italic;
	}
	
.calendar .week .day.empty {
	background:#F3F3F1;
	border:none;
	}

/* ===== blocks/categories.css ===== */
.sidebar .categories {
	margin-top:35px;
	}
	
.categories li{
	padding-left:30px;
	border-bottom:1px solid #ddd;
	
	position:relative;
	
	background:url('/i/categories.png') 0px -42px no-repeat;
	}

.categories li .vip-badge {
	position: absolute;
	right: 10px;
	top: 10px;
	}
	
.categories li:last-child {
	border-bottom:0;
	}

.categories .active i.clear-categories {
	background-position:-273px -2px;
	}
	
.categories i.clear-categories {
	position:absolute;
	right:11px;
	top:11px;
	
	visibility:hidden;
	
	cursor:pointer;
	}
	
.categories li:hover i.clear-categories {
	visibility:visible;
	}
	
.categories li a {	
	color:#4c85d6;
	display:block;
	line-height:36px;
	outline:0;
	}
	
.categories li a:hover{	
	color:#C32525;
	}
	
.categories .active{
	background:#64a4e1 url('/i/categories.png') 0px -85px no-repeat;
	border-bottom:1px solid #5692cc;
	}
	
.categories .half-active{
	background:url('/i/categories.png') 0px 0px no-repeat;
	}
	
.categories .active a {
	color:#fff;
	}
	
.categories .active a:hover {
	color:#fff;
	}
	
.categories a {
	text-decoration:none;
	}
/* Exclusive.dj - prevent duplicated category selector on wrapped titles */

.categories li {
    background: none;
}

.categories li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;

    width: 30px;
    height: 36px;

    background-image: url('/i/categories.png');
    background-repeat: no-repeat;
    background-position: 0 -42px;

    pointer-events: none;
}

/* Active category */
.categories .active {
    background: #64a4e1;
}

.categories .active:before {
    background-position: 0 -85px;
}

/* Partially selected "All categories" */
.categories .half-active {
    background: none;
}

.categories .half-active:before {
    background-position: 0 0;
}


/* VIP badge before category name */
.categories li .vip-badge {
    position: static;
    display: inline-block;
    right: auto;
    top: auto;
    margin: 0 6px 0 0;
    vertical-align: middle;
    line-height: 12px;
    white-space: nowrap;
}

/* ===== blocks/volume.css ===== */
.volume-control {
	width:143px;
	height:33px;
	
	position:absolute;
	top:45px;
	right:5px;
	z-index:2000;
	display:none;
	
	background:url(/i/volume.png);
	}
	
.volume-control .wrapper {
	height:16px;
	padding-left:11px;
	padding-right:10px;
	padding-top:17px;
	
	position:relative;
	}
	
.volume-control .progress-bar {
	height:5px;
	width:100%;
	
	background: #76bce8;
	background: -moz-linear-gradient(top, #76bce8 0%, #3e73d0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#76bce8), color-stop(100%,#3e73d0));
	background: -webkit-linear-gradient(top, #76bce8 0%,#3e73d0 100%);
	background: -o-linear-gradient(top, #76bce8 0%,#3e73d0 100%);
	background: -ms-linear-gradient(top, #76bce8 0%,#3e73d0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#76bce8', endColorstr='#3e73d0',GradientType=0 );
	background: linear-gradient(top, #76bce8 0%,#3e73d0 100%);
	
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	}
	
.volume-control .picker {
	width:16px;
	height:16px;
	
	position:absolute;
	top:12px;
	left:120px;
	
	background:url(/i/volume.png);
	background-position:0px -33px;
	cursor:pointer;
	}

/* ===== blocks/playlist.css ===== */
.player .playlist-container {
	width:100%;
	height:490px;
	padding-top:20px;
	
	position:absolute;
	z-index:1000;
	display:none;
	top:54px;
	left:0px;
	overflow: hidden;
	
	background:#4e5052;
	
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius: 0px 0px 10px 10px;
	border-radius: 0px 0px 10px 10px;
	
	-webkit-box-shadow: 0px 2px 7px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 2px 7px rgba(0,0,0,0.4);
	box-shadow: 0px 2px 7px rgba(0,0,0,0.4);
	}
	
.playlist-container h1 {
	margin-left:70px;
	display:inline-block;
	
	color:#fff;
	
	*display:inline;
	*zoom:1;
	}
	
.playlist-container .clear {
	margin-left:15px;
	
	padding:0px 10px;
	
	color:#9e0808;
	}
	
.playlist-container .clear span {
	font-weight:bold;
	font-size:18px;
	
	display:inline-block;
	vertical-align:top;
	}
	
.playlist-container .playlist {
	height:380px;
	
	margin-top:20px;
	overflow-y:auto;
	overflow-x:hidden;
	
	color:#888;
	}
	
.playlist-container .playlist .track {
	height:38px;
	padding-left: 70px;
	
	position:relative;
	margin-left:-25px;
	
	line-height:38px;
	list-style-position: inside;
	
	text-shadow:-1px -1px 0px #3a3c3d;
	cursor:pointer;
	
	}
	
.playlist-container .playlist .track.currently-playing {
	border:none;
	
	color:#fff;
	
	background: #3466cc;
	background: -moz-linear-gradient(top, #3466cc 0%, #76bbe8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3466cc), color-stop(100%,#76bbe8));
	background: -webkit-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -o-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -ms-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3466cc', endColorstr='#76bbe8',GradientType=0 );
	background: linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.5);
	
	text-shadow: -1px -1px 0px rgba(0,0,0,0.2);
	filter: dropshadow(color=#2c57ab, offx=-1, offy=-1);
	
	}
	
.playlist .track span.length {
	padding-left:7px;
	}
	
.playlist .track .track-name {
	display:inline-block;
	
	padding-left:15px;
	
	color:#fff;
	}
	
.playlist .track .delete,
.tracks-list .track .delete-from-cart,
.tracks-list .track .delete-from-tags,
.tracks-list .track .delete-from-wishlist {
	padding:2px 6px;
	
	display:inline;
	margin-left:7px;
	
	color:#fff;
	line-height:16px;
	font-weight:bold;
	text-shadow:-1px -1px 0px #ad3b3b;
	text-align:center;
	
	cursor:pointer;
	background:#cd4646;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	}
	
.playlist .track .buttons {
	position:absolute;
	right:20px;
	top:0px;
	
	visibility:hidden;
	}
	
.playlist .track:hover .buttons {
	visibility:visible;
	}
	
.playlist .track .bg {
	width:250%;
	height:38px;
	
	position:absolute;
	z-index:-1;
	top:0px;
	left:-70px;
	
	background:#4e5052;
	}

.playlist .track:hover .buttons{
	visibility:visible;
	}
	
.playlist .track:hover .bg{
	background: #68696b;
	background: -moz-linear-gradient(top, #68696b 0%, #555759 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#68696b), color-stop(100%,#555759));
	background: -webkit-linear-gradient(top, #68696b 0%,#555759 100%);
	background: -o-linear-gradient(top, #68696b 0%,#555759 100%);
	background: -ms-linear-gradient(top, #68696b 0%,#555759 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68696b', endColorstr='#555759',GradientType=0 );
	background: linear-gradient(top, #68696b 0%,#555759 100%);
	
	height:37px;
	border-bottom:1px solid #3e4042;
	}

/* ===== blocks/login-page.css ===== */
.login-page {
	background-position:0px -54px;
	}
	
.login-page .main-wrapper {
	width:70%;
	min-width:600px;
	max-width:1000px;
	padding-top:70px;
	
	margin:0 auto;
	}
	
.login-page .logo-container {
	text-align:center;
	margin-bottom:60px;
	
	}
	
.login-page .logo {
	width:225px;
	height:55px;
	
	display:inline-block;
	
	cursor:pointer;
	background:url('/i/logo.png') top center no-repeat;
	
	*display:inline;
	*zoom:1;
	}
	

.login-page .left {
	width:40%;
	padding-right:15%;
	
	display:inline-block;
	vertical-align:top;
	
	*zoom:1;
	*display:inline;
	}
	
.login-page .right {
	width:42%;
	
	display:inline-block;
	vertical-align:top;
	
	*zoom:1;
	*display:inline;
	}
	
.login-page h1 {
	margin-bottom:15px;
	
	font-family:'Droid Sans',arial,sans-serif;
	font-weight:bold;
	font-style:normal;
	color:#4f575f;
	font-size:22px;
	letter-spacing:-1px;
	}
	
.login-page p {
	line-height:20px;
	}
	
.login-page .login, .login-page .password, .login-page .password-hint {
	width:100%;
	padding:7px 14px;
	border:none;
	
	margin-left:-14px;
	
	-webkit-border-radius:16px;
	-moz-border-radius:16px;
	border-radius:16px;
	
	-webkit-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
	box-shadow: inset 2px 2px 5px 0px rgba(0, 0, 0, 0.25);
	
	outline:0;
	
	margin-bottom:20px;
	
	color:#999;
	font-style:italic;
	}
	
.login-page .login:focus, .login-page .password:focus, .login-page .password-hint:focus {
	-webkit-box-shadow: 0px 0px 7px rgba(144, 206, 245, 0.9);
	-moz-box-shadow: 0px 0px 7px rgba(144, 206, 245, 0.9);
	box-shadow: 0px 0px 7px rgba(144, 206, 245, 0.9);
	}

.login-page label {
	display:block;
	}
	
.login-page .password  {
	font-style:normal;
	color:#000;
	
	display:none;
	}
	
.login-page button.sign-in {
	width:254px;
	padding:0px;
	height:55px;
	
	margin-top:24px;
	
	line-height:55px;
	
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
	margin-left:0px;
	filter:none;
	
	font-size:18px;
	font-weight:bold;
	color:#fff;
	text-shadow:-1px -1px 0px rgba(0,0,0,0.2);
	
	background:url('/i/signin-button.png') top left;
	}
	
.login-page button.sign-in:hover {
	background-position:0px -60px;
	}
	
.login-page button.sign-in:active {
	background-position:0px -120px;
	}
	
.login-page .contacts {
	margin-top:25px;
	line-height:30px;
	position:relative;
	}
	
.login-page .contacts img {
	position:absolute;
	margin-top:6px;
	left:-25px;
	}
	
.login-page .login-error {
	padding:10px 20px;
	
	margin-left:-20px;
	margin-bottom:20px;
	
	background:#f9e4e4;
	}

/* ===== blocks/top-selector.css ===== */
.sidebar .top-selector {
	margin-top:35px;
	}
	
.top-selector li{
	padding-left:10px;
	border-bottom:1px solid #ddd;
	}
	
.top-selector li:last-child {
	border-bottom:0;
	}
	
.top-selector li a {
	color:#4c85d6;
	display:block;
	line-height:36px;
	outline:0;
	}
	
.top-selector li a:hover{
	color:#C32525;
	}
	
.top-selector .active{
	padding-left:20px;
	padding-right:15px;
	display:block;
	margin-left:-10px;

	border-bottom:0;
	background:url(/i/active-category.png);

	*display:inline;
	*zoom:1;
	}
	
.top-selector .active a {
	cursor:text;

	color:#fff;
	font-family:'Droid Serif',georgia;
	font-weight:bold;
	font-style:italic;

	text-decoration:none;
	}
	
.top-selector .active a:hover {
	color:#fff;
	}
	
.top-selector a {
	text-decoration:none;
	}

/* ===== blocks/pagination.css ===== */
.pagination {
	font-size:0px;
	margin-top:20px;
	}

.pagination li {
	width:32px;
	height:32px;
	
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	
	line-height:32px;
	text-align:center;
	font-size:13px;
	
	border-left:1px solid #f3f3f3;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #d1d1d1;
	
	background: #f1efea;
	background: -moz-linear-gradient(top, #f1efea 0%, #e6e4d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1efea), color-stop(100%,#e6e4d8));
	background: -webkit-linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	background: -o-linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	background: -ms-linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1efea', endColorstr='#e6e4d8',GradientType=0 );
	background: linear-gradient(top, #f1efea 0%,#e6e4d8 100%);
	
	cursor:pointer;
	
	*display:inline;
	*zoom:1;
	}
	
.pagination li:first-child {
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-radius: 4px 0px 0px 4px;
	border-radius: 4px 0px 0px 4px;
	}
	
.pagination li:last-child {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-radius: 0px 4px 4px 0px;
	border-radius: 0px 4px 4px 0px;
	}
	
.pagination li:hover {
	color:#C32525;
	
	background: #f5f3ed;
	background: -moz-linear-gradient(top, #f5f3ed 0%, #e6e4d8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f5f3ed), color-stop(100%,#e6e4d8));
	background: -webkit-linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	background: -o-linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	background: -ms-linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3ed', endColorstr='#e6e4d8',GradientType=0 );
	background: linear-gradient(top, #f5f3ed 0%,#e6e4d8 100%);
	}
	
.pagination li.active {
	border:none;
	background: #3466cc;
	background: -moz-linear-gradient(top, #3466cc 0%, #76bbe8 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3466cc), color-stop(100%,#76bbe8));
	background: -webkit-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -o-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	background: -ms-linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3466cc', endColorstr='#76bbe8',GradientType=0 );
	background: linear-gradient(top, #3466cc 0%,#76bbe8 100%);
	
	-webkit-box-shadow: inset 1px 1px 3px #24468c;
	-moz-box-shadow: inset 1px 1px 3px #24468c;
	box-shadow: inset 1px 1px 3px #24468c;
	
	text-shadow: -1px -1px 0px #3c6aad;
	filter: dropshadow(color=#2c57ab, offx=-1, offy=-1);
	
	cursor:text;
	
	line-height:32px;
	
	color:#fff;
	font-family:'Droid Serif',georgia;
	font-weight:bold;
	font-style:italic;
	}

/* ===== blocks/zip-archive.css ===== */
.sidebar .download-zip {
	padding: 15px;
	padding-left: 35px;

	display:none;
	margin-top: 75px;
	
	text-indent:-20px;
	
	background: #EEE;
	}
	
.sidebar .download-zip a {
	font-size: 16px;
	font-style: italic;
	font-family: 'Droid serif', georgia, serif;
	}
	
.sidebar .download-zip img {
	margin-right:5px;
	}
	
.sidebar .download-zip .size{
	margin-top:2px;
	
	text-indent:0;
	}
	
.sidebar .clear-cart {
	display:none;
	}
	
.root-cart .sidebar .clear-cart {
	display:block;
	margin-top:15px;
	
	color:#9E0808;
	
	z-index:1;
	}
	
.root-cart .sidebar .clear-cart span {
	display:inline-block;
	vertical-align:top;
	margin-right:4px;
	
	font-size:18px;
	font-weight:bold;
	}

/* ===== blocks/sidebar.css ===== */
.sidebar .download-zip {
	display:none;
	}
	
.sidebar .clear-cart {
	display:none;
	}
	
.sidebar .tags {
	display:none;
	}
	
.sidebar .calendar {
	display:none;
	}
	
.sidebar .top-selector {
	display:none;
	}
	
.sidebar .categories {
	display:none;
	}
	
.sidebar .wishes {
	display:none;
	}
	
.root-date .sidebar .calendar {
	display:block;
	}
	
.root-date .sidebar .categories,
.root-top .sidebar .categories {
	display:block;
	}
	
.root-top .sidebar .top-selector {
	display:block;
	}
	
.root-cart .sidebar .download-zip,
.root-cart .sidebar .clear-cart {
	display:block;
	}
	
.root-tags .sidebar .tags {
	display:block;
	}
	
.root-wishlist .sidebar .wishes {
	display:block;
	}

/* ===== blocks/messages.css ===== */
.private-messages-container {
	display:none;
	}

#private-messages {
	width:400px;
	padding:35px;
	}
	
#private-messages .messages-history {
	height:300px;
	padding-right:15px;
	
	overflow-y:scroll;
	}
	
#private-messages .messages-history .message {
	margin-top:8px;
	padding:8px 15px;
	display:inline-block;
	}
	
#private-messages .messages-history .message.admin {
	font-weight:bold;
	text-align:right;
	float:right;
	clear:both;
	}
	

#private-messages .messages-history .message.me {
	float:left;
	clear:both;
	}
	
#private-messages .messages-history .message.unread {
	background:#FEF6D8;
	}
	
#private-messages .messages-history .message .time {
	margin-top:3px;
	
	font-size:11px;
	font-weight:normal;
	color:#878787;
	}
	
#private-messages textarea {
	width:98%;
	
	display:block;
	margin-top:20px;
	margin-bottom:20px;
	
	font-family:'Droid Sans',arial,sans-serif;
	font-size:13px;
	}
	
#private-messages .tip {
	display:inline-block;
	margin-left:10px;
	
	font-size:12px;
	color:#777;
	}

/* ===== blocks/message-to-all.css ===== */
.message-to-all {
	border-bottom:1px solid #3d8112;
	
	background: #8fcd29; /* Old browsers */
	background: -moz-linear-gradient(top,  #8fcd29 0%, #4ca216 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8fcd29), color-stop(100%,#4ca216)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #8fcd29 0%,#4ca216 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #8fcd29 0%,#4ca216 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #8fcd29 0%,#4ca216 100%); /* IE10+ */
	background: linear-gradient(top,  #8fcd29 0%,#4ca216 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8fcd29', endColorstr='#4ca216',GradientType=0 ); /* IE6-9 */

	position:relative;
	z-index:10000;
	
	-webkit-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.46);
	-moz-box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.46);
	box-shadow: 0px 8px 15px 0px rgba(0, 0, 0, 0.46);
	
	display:none;
	}
	
.message-to-all .message-to-all-wrapper {
	width:86%;
	min-width:860px;
	max-width:1370px;
	position:relative;
	
	margin:0 auto;
	
	font-size:17px;
	color:#fff;
	text-shadow:-1px -1px 0px rgba(0,0,0,0.2);
	}


.message-to-all.type-2 {
	background: #f7e896;
	background: -moz-linear-gradient(top,  #f7e896 0%, #fcc26c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7e896), color-stop(100%,#fcc26c));
	background: -webkit-linear-gradient(top,  #f7e896 0%,#fcc26c 100%);
	background: -o-linear-gradient(top,  #f7e896 0%,#fcc26c 100%);
	background: -ms-linear-gradient(top,  #f7e896 0%,#fcc26c 100%);
	background: linear-gradient(to bottom,  #f7e896 0%,#fcc26c 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7e896', endColorstr='#fcc26c',GradientType=0 );

	border-bottom: 1px solid #daa653;
}

.message-to-all.type-2 .message-to-all-wrapper {
	color: #000;
	text-shadow: none;
}
	
.message-to-all .message-to-all-wrapper .message-text {
	padding:15px 90px 15px 0px;
	}
	
.message-to-all .message-to-all-wrapper .close{
	width: 22px;
	
	position: absolute;
	top: 17px;
	right: 0px;
	
	font-size: 20px;
	font-weight: bold;
	line-height: 22px;
	color: #575757;
	text-align: center;
	text-shadow:none;
	
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border-radius: 11px;
	background: white;
	cursor: pointer;
	
	-webkit-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 1px 2px 0px rgba(0, 0, 0, 0.2);
	}

/* ===== blocks/sidebar-tags.css ===== */
.sidebar .tags,
.sidebar .wishes {
	padding-top:8px;
	}

.sidebar .tags h2,
.sidebar .wishes h2 {
	margin-bottom:20px;

	font-family:'Droid Serif',georgia, serif;
	font-size:16px;
	font-weight:bold;
	font-style:italic;
	}

.sidebar .tags li,
.sidebar .wishes li {
	padding:7px 0px;
	border-bottom:1px solid #e7e7e5;
	}

.sidebar .tags li:last-child,
.sidebar .wishes li:last-child {
	border-bottom:0;
	}

.sidebar .tags input,
.sidebar .wishes input {
	margin-top:20px;
	width:100%;
	}

.sidebar .tags li .delete,
.sidebar .wishes li .delete {

	display:inline-block;
	margin-left:3px;

	color:#cd4646;
	font-weight:bold;

	cursor:pointer;
	}

.sidebar .tags button,
.sidebar .wishes button {
	padding-top: 0;
	margin-top: 40px;

	color: #9E0808;
	}

.sidebar .tags button span,
.sidebar .wishes button span {
	display: inline-block;
	vertical-align: top;
	margin-right: 4px;
	font-size: 18px;
	font-weight: bold;
	}

.sidebar .tags .form-add-tag {
	margin: 10px 0;

	padding: 10px 12px;

	background: #eae7db;
	box-shadow: 0 1px 1px 0 rgba(0,0,0,0.3);
	}

.sidebar .tags .form-add-tag input {
	padding: 3px 4px;
	color: #000 !important;
	font-style: normal !important;

	margin-top: 0;
	margin-bottom: 0;

	box-sizing: border-box;
	}

.sidebar .tags .form-add-tag select {
	width: 100%;

	margin-bottom: 10px;
	}

.sidebar .tags .form-add-tag button {
	margin-top: 10px;

	color: #fff;
	}

/* ===== blocks/shortcuts-popup.css ===== */
.shortcuts-container {
	display: none;
	}

.shortcuts-wrapper {
	width: 400px;
	padding: 20px;
	}

.shortcuts-wrapper h2 {
	padding-left: 3px;

	font-weight: bold;
	font-size: 20px;

	margin-bottom: 10px;
	}

.shortcuts-wrapper dl {
	margin-bottom: 25px;
	}

.shortcuts-wrapper dl:last-child {
	margin-bottom: 0;
	}

.shortcuts-wrapper dt {
	width: 150px;

	display: inline-block;
	vertical-align: top;
	margin-bottom: 14px;

	color: #aaa;
	font-size: 12px;
	font-weight: bold;

	*display: inline;
	*zoom: 1;
	}

.shortcuts-wrapper dd {
	width: 200px;

	display: inline-block;
	vertical-align: top;

	*display: inline;
	*zoom: 1;
	}

.shortcuts-wrapper dt kbd {
	padding: 3px 6px;
	border: 1px outset #ddd;

	margin: 0 3px;

	text-transform: uppercase;
	color: #222;
	font-weight: bold;

	border-radius: 3px;
	background: #efefef;
	}