/*------------------------------------*\
	$BUTTON
\*------------------------------------*/
button, 
.button {
text-decoration: none;
text-shadow: 0 1px 0 #fff;
font: bold 11px Helvetica, Arial, sans-serif;
color: #444;
height: 22px;
display: inline-block;
float: left;
margin: 5px;
padding: 2px 10px;
background: transparent;
-webkit-transition: border-color .20s;
-moz-transition: border-color .20s;
-o-transition: border-color .20s;
transition: border-color .20s;
min-width: 100px;
border: 1px solid #c4c4c4;
line-height: 22px;
text-transform: uppercase;
box-shadow: 0px 2px 0 #d9d9d9;
}
button {
	height: 29px !important;
	cursor: pointer;
}

button.left, 
.button.left {
	margin: 5px 0 5px 5px;
	
	border-top-right-radius: 0;
	-webkit-border-top-right-radius: 0;
	-moz-border-radius-topright: 0;
	
	border-bottom-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-moz-border-radius-bottomright: 0;
}
button.middle, 
.button.middle {
	margin: 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
button.right, 
.button.right {
	margin: 5px 5px 5px 0;
	
	border-left-color: #F4F4F4;
	
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;
	
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
}

button:hover, 
.button:hover {
	background: #F4F4F4;
	border-color: rgb(143, 143, 143)#C0C0C0;
	color: #333;
}

button:hover,.button:hover span.labels{color:#333;}

button:active, 
.button:active {
	border-color: #4D90FE;
	color: #4D90FE;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}

button.on, 
.button.on {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:hover, 
.button.on:hover {
	border-color: #BBB;
	
	-moz-box-shadow:inset 0 0 10px #D4D4D4;
	-webkit-box-shadow:inset 0 0 10px #D4D4D4;
	box-shadow:inset 0 0 10px #D4D4D4;
}
button.on:active, 
.button.on:active {
	border-color: #4D90FE;
}

button.action, 
.button.action {
	border: 1px solid #D8D8D8 !important;
	
	background: #F2F2F2;
	background: -webkit-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -moz-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -ms-linear-gradient(top, #F5F5F5, #F1F1F1);
	background: -o-linear-gradient(top, #F5F5F5, #F1F1F1);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.action:hover, 
.button.action:hover {
	border: 1px solid #C6C6C6 !important;
	
	background: #F3F3F3;
	background: -webkit-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -moz-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -ms-linear-gradient(top, #F8F8F8, #F1F1F1);
	background: -o-linear-gradient(top, #F8F8F8, #F1F1F1);
}
button.blue, 
.button.blue {
	border: 1px solid #3079ED !important;
	
	background: #4B8DF8;
	background: -webkit-linear-gradient(top, #4C8FFD, #4787ED);
	background: -moz-linear-gradient(top, #4C8FFD, #4787ED);
	background: -ms-linear-gradient(top, #4C8FFD, #4787ED);
	background: -o-linear-gradient(top, #4C8FFD, #4787ED);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.blue:hover, 
.button.blue:hover {
	border: 1px solid #2F5BB7 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #4D90FE, #357AE8);
	background: -moz-linear-gradient(top, #4D90FE, #357AE8);
	background: -ms-linear-gradient(top, #4D90FE, #357AE8);
	background: -o-linear-gradient(top, #4D90FE, #357AE8);
}
button.green, 
.button.green {
	border: 1px solid #29691D !important;
	
	background: #3A8E00;
	background: -webkit-linear-gradient(top, #3C9300, #398A00);
	background: -moz-linear-gradient(top, #3C9300, #398A00);
	background: -ms-linear-gradient(top, #3C9300, #398A00);
	background: -o-linear-gradient(top, #3C9300, #398A00);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.green:hover, 
.button.green:hover {
	border: 1px solid #2D6200 !important;
	
	background: #3F83F1;
	background: -webkit-linear-gradient(top, #3C9300, #368200);
	background: -moz-linear-gradient(top, #3C9300, #368200);
	background: -ms-linear-gradient(top, #3C9300, #368200);
	background: -o-linear-gradient(top, #3C9300, #368200);
}
button.red, 
.button.red {
	border: 1px solid #D14836 !important;
	
	background: #D64937;
	background: -webkit-linear-gradient(top, #DC4A38, #D14836);
	background: -moz-linear-gradient(top, #DC4A38, #D14836);
	background: -ms-linear-gradient(top, #DC4A38, #D14836);
	background: -o-linear-gradient(top, #DC4A38, #D14836);
	
	-webkit-transition: border .20s;
	-moz-transition: border .20s;
	-o-transition: border .20s;
	transition: border .20s;
}
button.red:hover, 
.button.red:hover {
	border: 1px solid #B0281A !important;
	
	background: #D14130;
	background: -webkit-linear-gradient(top, #DC4A38, #C53727);
	background: -moz-linear-gradient(top, #DC4A38, #C53727);
	background: -ms-linear-gradient(top, #DC4A38, #C53727);
	background: -o-linear-gradient(top, #DC4A38, #C53727);
}

button.action:hover, 
.button.action:hover {
	-moz-box-shadow: 0 1px 0px #DDD;
	-webkit-box-shadow: 0 1px 0px #DDD;
	box-shadow:iset 0 1px 0px #DDD;
}
button.action:active, 
.button.action:active {
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	border-color: #C6C6C6 !important;
}
button.blue:active, 
.button.blue:active {
	border-color: #2F5BB7 !important;
}
button.green:active, 
.button.green:active {
	border-color: #2D6200 !important;
}
button.red:active, 
.button.red:active {
	border-color: #B0281A !important;
}




/*------------------------------------*\
	$DROPDOWN MENU
\*------------------------------------*/

#dropdown_trend_publicpl{
	top:-10px;
}

#dropdown_trend_genre{top: 52px; left: -20px;float:right;}
#dropdown_trend_genre a.button{background-color: rgb(255, 255, 255) !important;}
@media screen and (max-width:1024px){#dropdown_trend_genre{top:65px;left:50px}}

#dropdown_trend_city{
	top:-13px;
	float:left;
	display:none;
}

#dropdown_trend_country{
	top:-13px;
	float:left;
	display:none;
}
#dropdown_trend_country a,#dropdown_trend_city a{min-width:152px !important;}
.dropdown_slider_trending{max-height:300px;overflow:auto;width:170px !important;}
.dropdown_slider_parent_div{margin-top: 12px;}

#dropdown_audiovendor_category{
	top:0px;
	right:25px;
	position:absolute;
}


div.dropdown_trend {
	float: right;
	position: relative;
	z-index: 100;
	/*margin-right: 14px;*/
}

@media all and (max-width: 1152px)  {
	.trending_title div.dropdown_trend {
		margin-right:14px;
	}
}

div.dropdown_trend span.toggle {
width: 19px;
height: 16px;
margin-left: 7px;
margin-top: 3px !important;
margin-right: 0px;
padding-left: 8px;
float: right;
background: url(../images/toggle.png) top right no-repeat;
-webkit-transition: border-color .20s;
-moz-transition: border .20s;
-o-transition: border-color .20s;
transition: border-color .20s;
}
div.dropdown_trend span.toggle.active {
	background: url(../images/toggle.png) bottom right no-repeat;
}
div.dropdown_trend 
button:hover span.toggle, 
.button:hover span.toggle {
	border-color: #C0C0C0;
}

div.dropdown-slider{display:none;margin:0 7px 5px 8px;position:absolute;top:35px;right:-13px;background:#f2f2f2;border:solid 1px #ccc;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomright:2px;-moz-border-radius-bottomleft:2px;border-bottom-right-radius:2px;border-bottom-left-radius:2px;-webkit-transition:border-color .20s;-moz-transition:border .20s;-o-transition:border-color .20s;transition:border-color .20s;width:140px;-webkit-box-shadow:0 5px 10px rgba(0,0,0,0.2);-moz-box-shadow:0 5px 10px rgba(0,0,0,0.2);box-shadow:0 5px 10px rgba(0,0,0,0.2)}
div.dropdown-slider:after, div.dropdown-slider:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;}
div.dropdown-slider:after{bottom: 100%;	left: 50%;border: solid transparent;content: " ";height: 0;width: 0;position: absolute;	pointer-events: none;border-bottom-color: #f2f2f2;border-width: 8px;margin-left: -9px;}
div.dropdown-slider:before {
	border-color: rgba(204, 204, 204, 0);
	border-bottom-color: #ccc;
	border-width: 9px;
	margin-left: -10px;
}
.left div.dropdown-slider {
	margin: 0 1px 5px 7px;
}
.middle div.dropdown-slider {
	margin: 0 1px 5px 1px;
}
.right div.dropdown-slider {
	margin: 0 7px 5px 1px;
}

div.dropdown_trend span.label{ 
color: #585858 !important;
}

div.dropdown-slider .ddm {
display: block;
background: #F2F2F2;
color: #585858;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
font: bold 11px Helvetica, Arial, sans-serif;
line-height: 18px;
height: 18px;
margin: 0;
padding: 5px 20px;
float: left;
width: 100px
}

div.dropdown_trend span.label:hover{ 
color: #24a7fe !important;
}

div.dropdown-slider .ddm:hover { color:#24a7fe;

}
div.dropdown-slider .ddm:active {
	
	color: #24a7fe;
	
	
}
div.dropdown-slider .ddm:last-child {
	border-bottom: none;
}
div.dropdown-slider .ddm_audio {
display: block;
background: #F2F2F2;
color: #585858;
text-decoration: none;
text-shadow: 0 1px 0 #fff;
font: bold 11px Helvetica, Arial, sans-serif;
line-height: 18px;
height: 18px;
margin: 0;
padding: 5px 10px;
float: left;
width: 120px
}

div.dropdown-slider .ddm_audio:hover { color:#24a7fe;

}
div.dropdown-slider .ddm_audio:active {
	
	color: #24a7fe;
	
	
}
div.dropdown-slider .ddm_audio:last-child {
	border-bottom: none;
}