html{
	height:100%;
	overflow-y:scroll;
}
body{
	font-family:'Roboto', sans-serif !important;
	font-size:14px;
	line-height:21px;
	height:100%;
	color:#333;
	background-color:#f8f8f8;
}
input,textarea,select,option,button{
	font-family:'Roboto', sans-serif !important;
}
h2{
	font-size:24px;
	font-weight:bold;
	padding:30px 0;
}
p{
	padding:0 0 15px;
}
a{
	color:#333;
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
}
.fix{
	overflow:auto;
}
.white{
	color:white;
}
/* Keep footer in the bottom of the page */
.wrapper{
	min-height:100%;
	height:auto !important;height:100%;
}
.push{}

/* Header and logo */
.header{
	overflow:hidden;
	width:100%;
	position:relative;
}
.header a{
	color:white;
	font-size:12px;
}
.header .logo{
	width:165px;
	padding:20px 0 0 30px;
	position:relative;
	z-index:200;
}
/* User block */
.header .user-block{
	position:absolute;
	z-index:300;
	top:34px;
	right:0;
	width:165px;
	line-height:14px;
	padding:0 5px 0 45px;
}
.header .user-block .username{
	font-size:14px;
	font-weight:bold;
	color:white;
}
.header .user-block .userpic{
	position:absolute;
	top:-2px;left:5px;
}
/* Basic search 
#search{position:absolute;top:32px;width:100%;height:132px;overflow:hidden;}
#search .phrase{position:relative;padding:0 215px 0 195px;}
#search .phrase .left-side{width:5px;height:32px;background:url('/resource/img/left.png') no-repeat 0 0;}
#search .text-field{position:absolute;top:0;left:200px;right:315px;padding:6px 0 0;height:26px;background:white;}
#search input[type="text"]{width:100%;border:0;margin:0;padding:0;background:white;font-size:16px;color:#999;}
#search .submit-container{position:absolute;width:100px;height:32px;top:0;right:215px;}
#search-submit{line-height:32px;height:32px;padding:0 8px 0 35px;font-size:16px;font-weight:bold;background:url('/resource/guests/img/ftt_find.png') no-repeat 0 0;text-shadow:0 1px 0 #FFFFFF;top:0;right:0;cursor:pointer;position:relative;}
#search-submit .find-button-right{position:absolute;top:0;right:-7px;height:32px;width:7px;background:url('/resource/guests/img/ftt_find.png') no-repeat right -32px;}
#search-submit:hover{background-position:0 -64px;}
#search-submit:hover .find-button-right{background-position:right -96px;}
*/
/* Advanced search */
/*
#search .advanced .input{
	float:left;
	width:120px;
	height:26px;
	margin-right:10px;
	position:relative;
	    line-height: normal;
	box-sizing: content-box;
}
#search .advanced,#search .advanced .input,#search .advanced input{
	font-size:12px;
	color:#000;
	font-weight:normal;
}
#search .advanced .input.select{
	background:url('/resource/img/select.png') no-repeat 0 0;
	overflow:hidden;
}
#search .advanced .input select{
	width:102px;
	opacity:0;
}
#search .advanced span{
	position:absolute;
	display:block;
	overflow:hidden;
	width:82px;
	padding:2px 24px 0 6px;
	left:0;
	top:3px;
}
#search .advanced .track{
	width:72px;
	background:url('/resource/img/input_advanced_small.png') no-repeat 0 0;
}
#search .advanced .track input{width:65px;}
#search .advanced .input input{padding:6px 0 0 6px;margin:0;border:0;background:transparent;}
#search .advanced .composer{width:112px;background:url("/resource/img/input_advanced.png") no-repeat 0 0;}
*/


/* Sidebar */
.sidebar{
	margin:0 -343px 0 0;
	position:relative;
	z-index:9999;
}
/* Pages styles */
#pages{
	position:relative;
	width:100%;
	float:left;
	z-index:5000;
}
#pages .pages-container{
	position:relative;
    padding: 15px;
}
#page{
	position:relative;
}
/* Menu */
#main-menu{
	font-size:14px;
	font-style:italic;
	margin-top:3px;
	margin-left:10px;
	position:relative;
}
#main-menu a{
	color:#333333;
	text-decoration:underline;
	margin-right:30px;
	cursor:pointer;
}
#main-menu a.active-link{
	font-weight:normal;
	text-decoration:none;
	cursor:default;
}
#pages .line-main-menu{
	background-image:url('/resource/img/line_main_menu.png');
	background-repeat:repeat-x;
	height:22px;
	position:relative;
}
#ball{
	width:22px;
	height:22px;
	background-image:url('/resource/img/ball.png');
	position:absolute;
	top:0;
	left:16px;
	cursor:arrow;
}
/* Search page */
#search-gui{
	display:none;
	position:relative;
	padding:0 0 13px 7px;
	font-size:12px;
	margin:5px 0;
}
#results-selector div{
	margin-right:5px;
}
#results-selector .selector{
	position:relative;
	width:58px;
	height:22px;
	background:url('/resource/img/combo_small.png') no-repeat 0 0;}
#results-selector select{
	opacity:0;
}
#results-selector .selected{
	position:absolute;
	top:0;
	left:8px;
}
#search-type{
	width:66px;
	height:25px;
}
#search-type .track,#search-type .album{
	width:33px;
	height:25px;
	background:url("/resource/img/search-switch-controls.png") no-repeat 0 0 transparent;
	cursor:pointer;
}
#search-type .track.on{
	background-position: 0 0;
}
#search-type .album.off{
	background-position: -33px 0;
}
#search-type .track.off{
	background-position: 0 -25px;
}
#search-type .album.on{
	background-position: -33px -25px;
}
#search-type .on {
	cursor: default;
}
.pagination{
	display:none;
	padding:0 0 25px;
	margin-left:-11px;
	font-size:12.8px;
	width:100%; 
	height: 24px;
}
.paginator div{
	width:24px;
	height:24px;
	margin-right:7px;
	float:left;
	color:#333333;
}
.paginator .pag-left{
	background-image:url(/resource/img/pag_left.png);
	background-repeat:no-repeat;
	float:left;
	background-position:11px 4px;
	cursor:pointer;
}
.paginator .pag-right{
	background-image:url(/resource/img/pag_right.png);
	background-repeat:no-repeat;
	float:left;
	background-position:0 4px;
	cursor:pointer;
}
.paginator .num{
	padding:3px 0 0 0;
	width:24px;
	height:21px;
	cursor:pointer;
	text-align:center;
}
.paginator .pag-select{
	text-decoration: underline;
	cursor:default;
}
#search-page .composer{
	text-transform:capitalize;
}
/* Search page,track level */
#search-results table{
	width:100%;
}
#search-results .result-container{
	margin:5px 0 15px;
}
#search-results{
	font-size:12.8px;
	line-height:18px;
}
#search-results td{
	vertical-align:middle;
}
#search-results .album-cover{
	width:60px;
	vertical-align:top;
	background:url('') no-repeat 0 0;
}
/* IDETI KOVERI */
#search-results .track-meta .title{
	font-weight:bold;
	line-height:17px;
}
#search-results .similar{
	background:#333;
	color:white !important;
	display:inline-block;
	font-family:'Roboto', sans-serif !important;
	font-size:9px;
	height:17px;
	margin:-2px 5px 0;
	text-align:center;
	text-decoration:none;
	vertical-align:middle;
	width:72px;
	line-height:17px;
	cursor:pointer;
	border-radius:3px;
}
#search-results .similar.active{
	background:#a6a6a6;
	color:#000;
}
#search-results .item{
	padding-bottom:4px
}
#search-results .track-meta p{
	padding:5px 0 10px;
}
#search-results .track-meta ul{
	display:inline;
}
#search-results .track-meta ul li{
	white-space:nowrap;
	display:inline;
	margin-right:5px;
	color:#bbb;
	font-size:9px;
	font-family:'Roboto', sans-serif !important;
	line-height:17px;
}
#search-results .track-duration{
	color:#B7B7B7;
	font-size:18px;
	font-weight:bold;
	text-align:right;
	width:100px;
}

#search-results .track-controls .controls-container{
	position:relative;
}
#search-results .result-container table:hover .controls-container .middle{
	display:block;
}
#search-results .controls-container .middle{
	display:block;
	position:absolute;
	width:100%;
	height:16px;
	margin-top:-8px;
	top:50%;
	right:0;
}
#search-results .controls-container .middle div{
	float:right;
	width:16px;
	height:16px;
	background:;
	cursor:pointer;
	margin:0 4px;
}
#search-results .controls-container .play:hover{
	background-position:0 -20px !important;
}
#search-results .controls-container .download{background-position:-20px 0 !important;}
#search-results .controls-container .download:hover{background-position:-20px -20px !important;}
#search-results .controls-container .add2project{background-position:-40px 0 !important;}
#search-results .controls-container .add2project:hover{background-position:-40px -20px !important;}
#search-page .track-line{background:url('/resource/img/track_line.png') #ddd repeat-x;margin-bottom:5px;box-shadow:0 1px 0 #FAFAFA;height:1px;}
#search-page .similar-arr{background:url("/resource/img/search_sim_arr.png") no-repeat scroll center top transparent;cursor:pointer;height:16px;margin:-14px auto 0;width:100%;}
#search-page .similar-arr.active{background-position:center bottom;}
#search-page .similar-container{display:none;}
/* Search page,album level */
#search-page .track.result-container{display:block;}
#search-page .album.result-container{display:block;}
#search-page .album.result-container .album-meta .controls-container,
#search-page .album.result-container .borders-container,
#search-page .album.result-container .details{display:none;}
#search-page .album.result-container:hover .album-meta .controls-container,
#search-page .album.result-container:hover .details,
#search-page .album.result-container:hover .borders-container{display:block;}
#search-page .album.result-container:hover .album-meta{background:white;}
#search-page .album-container{padding:9px;position:relative;}
#search-page .album-meta{width:100%;height:100%;}
#search-page .album-meta table{width:100%;}
#search-page .album-meta table td{vertical-align:top;}
#search-page .album-meta .cover{width:96px;padding-right:10px;}
#search-page .album-meta .cover div{width:96px;height:96px;background:url('/resource/img/search_album_placeholder.png') no-repeat 0 0 #e1e1e1;border:1px solid #ccc;}
#search-page .album-meta .controls{width:100px;}
#search-page .album-meta .controls-container{padding-top:3px;}
#search-page .album-meta .controls-container div{float:right;width:16px;height:16px;background:url('/resource/img/search-item-controls.png') no-repeat 0 0;cursor:pointer;margin:0 4px;}
#search-page .album-meta .title{font-size:18px;}
#search-page .album-meta .data{line-height:22px;}
#search-page .album-meta ul{display:inline;font-size:12px;color:#bbb;margin-left:5px;}
#search-page .album-meta ul li{white-space:nowrap;display:inline;margin-right:5px;}
#search-page .album-meta ul a,#search-page .tracks-container a{color:#999;}
#search-page .album-meta p{line-height:15px;padding:3px 0 10px;}
#search-page .album .borders-container .tr,
#search-page .album .borders-container .tl,
#search-page .album .borders-container .bl,
#search-page .album .borders-container .br{width:9px;height:9px;position:absolute;background:url('/resource/guests/img/ftt_alb_bord.png') no-repeat 0 0;}
#search-page .album .borders-container .tr{top:0;right:0;background-position:-84px -28px;}
#search-page .album .borders-container .tl{top:0;left:0;background-position:-16px -28px;}
#search-page .album .borders-container .br{bottom:0;right:0;background-position:-16px -65px;width:77px;height:24px;}
#search-page .album .borders-container .bl{bottom:0;left:0;background-position:-16px -47px;}
#search-page .album .borders-container .tt,
#search-page .album .borders-container .rr,
#search-page .album .borders-container .bb,
#search-page .album .borders-container .ll{position:absolute;background:url('/resource/guests/img/ftt_alb_bord.png') repeat-x 0 0;}
#search-page .album .borders-container .tt{height:9px;top:0;right:9px;left:9px;background-position:0 -6px;}
#search-page .album .borders-container .bb{height:9px;bottom:0;right:77px;left:9px;background-position:0 -99px;}
#search-page .album .borders-container .ll{width:9px;left:0;top:9px;bottom:9px;background:url('/resource/guests/img/ftt_alb_bord2.png') repeat-y 0 0;}
#search-page .album .borders-container .rr{width:9px;right:0;top:9px;bottom:24px;background:url('/resource/guests/img/ftt_alb_bord2.png') repeat-y -33px 0;}
#search-page .album .details{position:absolute;bottom:0;right:0;width:70px;height:24px;line-height:24px;text-indent:14px;cursor:pointer;}
#search-page .album .details:hover{text-decoration:underline;}
#search-page .album .tracks-container{padding:5px 9px;display:none;}
#search-page .album .tracks-container table{width:100%;line-height:22px;font-size:12px;}
#search-page .album .tracks-container table td{vertical-align:top;}
#search-page .album .tracks-container table:nth-child(odd){border:1px solid #DEDEDE;background:#DEDEDE;border-collapse:separate;}
#search-page .album .tracks-container table:nth-child(even){border:1px solid #EEEEEE;background:#eee;border-collapse:separate;}
#search-page .album .tracks-container table:hover{border:1px dashed #AEAEAE}
#search-page .album .tracks-container .num{padding-left:5px;width:25px;}
#search-page .album .tracks-container .controls{width:90px;padding-right:20px;}
#search-page .album .tracks-container .controls-container div{width:12px;height:22px;float:right;cursor:pointer;background:url('/resource/img/album_icons.png') no-repeat 0 center;margin:0 4px;}
#search-page .album .tracks-container .controls-container .play{background-position:1px center !important;}
#search-page .album .tracks-container .controls-container .add2project{background-position:-45px center !important;}
#search-page .album .tracks-container .controls-container .download{background-position:-22px center !important;}
#search-page .album .tracks-container .description{display:none;}
#search-page .album .tracks-container .description .meta{line-height:14px;}
#search-page .album .tracks-container .duration{width:60px;padding-right:10px;text-align:right;}
#search-page .album .tracks-container .composer{color:#999;}
/* Phrases */
.phrase.start-search-page{display:none;}
/* Loaders */
.search-loader{
	display:none;
	width:75px;
	height:75px;
	background:url("/resource/img/Ripple-1s-75px.gif") no-repeat 0 0;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-55px;
}
.tips{
    color:#F2F4F4;
    font-style: italic;
    padding-top: 6px;
    font-size: 12px;
}
.tips_title{
   font-weight: 800; 
}
.nav-bar-custom{
	border-radius: 0px;
	margin-bottom: 0px;
	border-bottom:0px;
	background: #2A2A2A;
    border-color: #2A2A2A;
}
.nav-bar-custom-bottom{
	border-top: 0px;
    border-radius: 0px;
    background: #f8f8f8;
    border-color: #f8f8f8;
    border-bottom: 1px solid #f8f8f8;
    margin-bottom: 0px;
    padding-top: 15px;
}
.nav-signup li{
	background:#22292C;
	color:#fff;
}
.header{
	display: block;
}
.nav-guest-menu li a{
	text-transform: uppercase !important;
	font-size: 12px;
}

/* Footer styles */
/* Footer styles */
.footer{
	clear:both;
	background-color:#1a1f22;
	font-size:12px;
	color:#d4d4d4;
	font-family:Verdana,Geneva,sans-serif;
	padding:30px 15px 130px 15px;
	font-weight:100;
	position:relative;
	
}
.footer ul{
	list-style: none;
}
.footer a{
	color:#d3d3d3;
}
.footer table tr{
	margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent
}
.footer table tr td{
	border-right:1px solid #333333;
	padding:0px 15px 0px 15px;
	text-align: left;
}
.footer table tr td:last-child{
	border-right: 0px;
}
.footer-head{
	font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-bottom: 10px;
	color:#fff;
	font-weight: bold;
}
.footer-button{
	background: #333;
	padding:10px 15px;
	border-radius: 4px;
	color:#ffffff !important;;
	text-decoration: none;
	margin-top:5px;
	display: inline-block;
}
.footer-button:hover{
	color:#d3d3d3 !important;
}
.footer-menu{
	font-weight: bold;
	margin:10px;
	text-decoration: none;
}
#logo-gray{
	display: inline-block;
	background:transparent;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
}
.div-register-popup{
	position:fixed;
	top:0;
	left:0;
	background:rgba(0,0,0,0.4);
	z-index:99998;
	height:100%;
	width:100%;
	display:none;
	}
 #popup{
        position:absolute;
	 	background: #fff !important;
	 	opacity:none;
	 	top:20%;
	 	left:30%;
	 	width:40%;
	 	z-index:99999;
	 	border-radius:6px;
	    color:#333;
	
 }
#popup p{
	    text-align: center;
	 	padding:40px 40px 30px 40px;
}
#popup .btn{
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

.advance-nav{
	display: none;
	background: transparent;
	border-color: transparent;
	padding: 5px 0px 15px 15px;
}
#search .navbar-form{
	border-color:#f8f8f8!important;
}
#search .advanced .time-filter .slider{
	width:125px;
	height:9px;
	margin-top:6px;
}
#search .advanced .time-filter .min{
	margin-right:11px;
}
#search .advanced .time-filter .max{
	margin-left:13px;
}
#search .advanced .time-filter div{
	float:left;
}
#search .advanced .time-filter .min,#search .advanced .time-filter .max{
	overflow:hidden;
}
#search .advanced .time-filter input{
	width: 85px;
}
.label-label{
	padding: 0px;
    font-weight: normal;
}
.foot-line-two{
	font-weight: normal;
}
.track-controls div{
	display: inline-block;

}
.track-controls .play{
	margin-bottom: 40px;
}
.track-controls{
	width:30px;
}
.track-controls span{
	font-size: 12px;
	color:#808080;
}
.track-controls .play span{
	    font-size: 12px;
    background: #337AB7;
    border-radius: 50%;
    color: #fff;
    padding: 5px;
	border:1px solid #337AB7;
	cursor: pointer;
}
.track-controls span:hover{
	color:#337AB7;
}
.track-controls .play span:hover{
	background: #fff;
	color: #337AB7;
}
.album-cover div{
	margin-top: 5px;
}
.guest-search-input{
	border-top-left-radius: 4px !important;
	border-bottom-left-radius: 4px !important;
	background: #f8f8f8;
}
.custom-addon{
	background: transparent !important;
	border: none;
	padding:5px !important;
	font-size: 11px;
	width: 95px !important;
}
#search-tips-box{
	display:none;
    position: absolute;
    background: #f8f8f8;
    color: #333;
    z-index: 9999;
    padding: 15px;
    /* border-bottom-left-radius: 5px; */
    /* border-bottom-right-radius: 5px; */
    margin-top: -3px;
    margin-left: 30px;
    border-radius: 4px;
    box-shadow: 0 0 50px;
	padding-left: 0px;

}
#search-tips-box h1{
	font-size: 16px;
	color:#337AB7;
	line-height: 10px;
}
#search-tips-box ul li{
	font-size: 14px;
	line-height: 26px;
	list-style: none;
}
.btn-checkbox{
	font-size: 12px;
	padding:1px;
	padding-left:10px;
}
.advanced-toggle{
	border-top-right-radius: 4px !important;
	border-bottom-right-radius: 4px !important;
	background: #f8f8f8;
}
.advanced input, .advanced select{
	background: #f8f8f8 !important;
}
.reg-user-img{
	border-radius:2px;
	box-shadow:0 0 20px #808080;
	width:100%;

}
.guest-icon{
	text-align: center;
	color:#337AB7;
	font-size: 40px;
		margin-top:30px;
}
.guest-desc{
	text-align: center;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: bolder;
	margin-top:10px;
	color:#333;
}
.guest-warning-info{
	background-color:#D9534F;
	width:100%;
	padding:10px;
	color:#ffffff;
}
.guest-warning-info button{
	border:none;
	background: transparent;
	float:right;
}
.new-search-otw h1{
    color:#337AB7;
    font-size: 24px;
    margin-bottom: -10px;
}
.new-search-otw a{
    border-radius:20px;
}
.content-section-elastic{
    padding: 0px;
}
.content-section-elastic .section-heading{
    font-size: 16px;
    font-weight: bold;
}
.content-section-elastic .section-heading span{
    font-weight: normal;
    background: rgb(67,151,223);
    background: -moz-linear-gradient(top, rgba(67,151,223,1) 0%, rgba(51,122,184,1) 100%);
    background: -webkit-linear-gradient(top, rgba(67,151,223,1) 0%,rgba(51,122,184,1) 100%);
    background: linear-gradient(to bottom, rgba(67,151,223,1) 0%,rgba(51,122,184,1) 100%);
        color: #fff;
    padding: 3px 8px;
    margin-right: 3px;
    border-radius: 8px;
    
}
.content-section-elastic  .lead{
        font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
}