@charset "utf-8";
/* CSS Document */
body{margin:0; background:#E9EEDC; font-family: sans-serif;font-size:14px; color:#213A00;}
.homeimage{z-index: -1;position: absolute; width: 100%; }
.homeimage img{width: 100%;}
header{min-height:75px; background:#2f3440;}
a:link, a:visited,a:active {text-decoration: none; color:#758D41;}
a:hover{text-decoration:none; color:#758D41;}

.head-container{clear:left; margin:0 auto; max-width:940px;overflow: hidden;
    padding-bottom: 6px;
}
.logo{ font-size: 250%;  float:left; margin-left: 12px;}
.slogan{ font-size: 140%;  clear:left; color:#C1FF2B; margin-left: 12px;}
.logo a{color:#C1FF2B;}
.head-menu {float:left;margin-top:8px;width:320px;}
.head-menu ul {list-style: outside none none;}
.head-menu  ul li a {
    float: left;
    width: auto;
    padding: 7px 10px;
    margin-right: 20px;
    display: inline-block;
    color: #FFF;
    background-color: #758D41;
    border-radius: 3px;
	font-weight: bold;
	font-size: 14px;
}
.head-menu  ul li a:hover {background-color: #758D41;}
.head-menu  ul li a:active {background-color: #758D41;}

h1, h2, h3 {line-height: 1.5em;}

.container{max-width:940px; min-height:600px; margin:0 auto; overflow:hidden;}
.left{}
.right{width:340px; overflow:hidden; min-height:600px; float:right;}
.right-box{ width:300px; margin:10px; overflow:hidden; padding:6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e8e8e8; background-color:#FFF; text-align:center;}
.share-box{ width:300px; margin:10px; overflow:hidden; padding:6px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 1px solid #e8e8e8; background-color:#FFF; text-align:center;}
.title{overflow:hidden; padding:10px 10px; background-color:#758D41; color:#FFF; font-size:18px; font-weight:bold;}
.home-title{overflow:hidden; padding: 0px 15px; margin:10px 10px 0px 10px;text-align: center;}
.home-title h1{color:#FFF;font-size:32px; font-weight:300;}
.home-title span{font-weight:bold;}
.search-title{overflow:hidden; padding: 0px 15px; background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.45);  margin:20px 10px 0px 10px;}
.search-title h1{color:#FFF;font-size:22px; font-weight:bold; text-shadow: 1px 1px 0 #000000;}
.search-title span{color: #DCF2A6; text-shadow: 1px 1px 0 #000000;}
.content-title{margin: 10px;}
.content-title h2{border-bottom: 2px solid #758D41;padding: 10px 0px;}
.box{overflow:hidden; padding:10px; background-color:#FFF; box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.15); margin:0px 10px 16px 10px;}
.box1{overflow:hidden; padding:10px; background-color:#dcfbdd; margin:0px 10px 30px 10px;}
.searchlinks-box{overflow:hidden; padding:10px; margin:0px 10px 10px 10px;}
.inner-box{margin:10px 0; overflow:hidden; text-align:center;}
.share-right{width: 80px;
    float: right;
    margin-top: -36px;}
.song-list{margin:10px; overflow:hidden; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #758D41; padding:4px; background-color:#F5F5F5; }

.topartists{
    width:134px; 
    height:172px; 
    margin:8px; 
    float:left;
    overflow: hidden;  }
.topartists-img{overflow:hidden; width:126px; height:100px; margin-bottom: 10px; background: #000; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }

.topartists-img-neu {
    background: url(https://mp3.quest/artist_sm.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    overflow:hidden; 
    width:126px; 
    height:76px; 
    margin-bottom: 10px; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); 
    word-wrap: break-word;
    font-size: 16px;
    padding: 50px 10px 0 6px;
    text-shadow: 2px 2px 2px black;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;
    letter-spacing:1px;
}

.topartists-ad {
    overflow:hidden; 
    height:160px; 
    margin-bottom: 10px; 
    word-wrap: break-word;
    font-size: 14px;
/*    padding: 0 10px 0 6px; */
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
}

.topartists-ad-genre {
    overflow:hidden; 
    height:160px; 
    margin-bottom: 10px; 
    word-wrap: break-word;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.4em;
    text-align: center;
}


.topartists a{font-size:16px; color:#758D41; font-weight: bold;}
.topartists a:hover{color: #758D41;}
.genre-list li {float: left;display: block; overflow: hidden;width: 160px; height:26px; margin: 10px; font-size:17px;}
.genre-list a {color: #758D41; font-weight: bold;}
.genre-list a:hover {color: #758D41;}
.artists-img{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}

.artists-info {line-height:1.6em; font-size: 16px;}

.artist-tags ul {list-style: outside none none;}
.artist-tags ul li a {float: left;width: auto;padding: 4px 10px;margin-right: 10px;display: inline-block;color: #FFF;background-color: #758D41;border-radius: 3px;}
.artist-tags ul li a:hover {background-color: #758D41;}
.simartists{width:164px; height:170px; margin:8px; float:left;  }
.simartists-img{overflow:hidden; width:156px; height:130px; margin-bottom: 10px; background: #000; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.simartists a{font-size:14px;color: #758D41; font-weight: bold;}
.simartists a:hover{color: #758D41;}
.topalbums{width:134px; height:170px; margin:8px; float:left;  }
.topalbums-img{overflow:hidden; width:126px; height:126px; margin-bottom: 10px; background: #E9EEDC; box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4); }
.topalbums a{font-size:14px;color: #758D41; font-weight: bold;}
.topalbums a:hover{color: #758D41;}
.subtitle {height: 25px;overflow: hidden;margin-top: 10px;}
.album-tracks ul {list-style: outside none none;}
.album-tracks ul li a {color: #758D41;}
.album-tracks ul li a:hover {color: #758D41;}
.afflink a{float:left;color:#FFF; font-size: 14px;text-align:center;padding:4px 10px;}
.afflink a:hover{background: #758D41;}
/* Ads */
.homead{margin: 0px auto;width:auto;height:auto;padding-bottom: 10px;text-align:center;}
.pagead728{margin: 0px auto;width:728px;height:90px;padding-top: 20px;text-align:center;}
.ad468 {float:left;background: #F5F5F5;height:auto;width:auto;margin-top: 10px;padding:10px;}
.songad728 {background: #F5F5F5;height:auto;max-width:auto;padding: 10px 0px;margin:0px 10px}
/* Mediaplayer */
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  top: 0;
  left: 0;
  width:100%;
  height: 410px;
}
#music-button { text-align: center; padding:0; margin:0;}
#music-button ul { list-style: none; padding:0; margin:5px; overflow:hidden;}
#music-button ul li { display: inline-block; color:#FFF; margin: 5px 2px;  line-height:25px; }
#music-button ul li a{background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.35); border:2px solid #758D41; color:#FFF; font-size: 12px;padding:4px 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#music-button ul li a:hover{background: #758D41; border:2px solid #758D41;border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
#music-button .lastsearch{background:#758D41;}
.chart-item{width:142px;height: 190px;font-size: 13px;margin:15px; float:left;  }
.chart-item img{width:150px;height: 150px;box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.chart-item h3, .chart-item h4 {
    position: relative;
    display: block;
    width: 150px;
    height: 1.4em;
    margin: 0;
    font-weight: normal;
    font-size: 1em;
    line-height: 1.4em;
    overflow: hidden;
}
.chart-item h3 {font-weight: bold;}
.kara-item{width:192px;height: 50px; margin:15px; float:left;  }
.kara-item img{width:150px;height: 40px; box-shadow: none;}
.kara-item h3, .kara-item h4 {
    position: relative;
    display: block;
    height: 1.4em;
    margin: 0;
    font-weight: normal;
    line-height: 1.4em;
    overflow: hidden;
}
.kara-item h3 {font-weight: bold;}
.Music-Tumbs{width:100px; height:100px; margin:6px; float:left; background-color:#FFF; }
.Music-Tumbs img{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.page-content{padding:10px; line-height:20px;}
.dc{text-align:center; margin:15px; font-weight:bold;}
.clear{clear:both;}
.followus{ padding:10px; font-weight:bold; color:#f8991c; font-size:14px; text-shadow: -1px -1px 1px rgba(150, 150, 150, 0.47);}
.txt{padding:0 0 5px 0;}
.space{height:10px;}
.error{text-align:center; padding:40px 10px;}
.Msg-Error{background-color:#d44944; border:1px solid #C92125; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:15px; padding:7px 0; margin:0; color:#FFF; text-align:center;}
.Msg-Ok{background-color:#41a8c6; border:1px solid #257f99; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; font-size:15px; padding:7px 0; margin:0; color:#FFF; text-align:center;}
/* Form */
#theForm{
	margin:0;
	padding: 20px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow:hidden;
}
#theForm label{
	display:block;
	font-weight:bold;
	text-align:right;
	width:140px;
	float:left;
}
#theForm .small{
	color:#666666;
	display:block;
	font-size:11px;
	font-weight:normal;
	text-align:right;
	width:140px;
}
#theForm input{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #606060;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	margin:2px 0 20px 10px;
}
#theForm textarea{
	float:left;
	font-size:12px;
	padding:4px 2px;
	border:1px solid #606060;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	width:300px;
	margin:2px 0 20px 10px;
	height: 50px;
}

#theForm button{
	clear:both;
	margin-left:150px;
}
.smallLong{text-align:center; padding:15px;}
.cap-div{margin-left:150px;}
/* Pagination */
ul#items{		
		
		list-style-type:none;
		padding:0;
		margin:0;
		}
	ul#items li{
		list-style-type:none;
		}
	ol#pagination{overflow:hidden; margin:10; padding-left:10px;}
	ol#pagination li{
		color: #fef4e9;
		border: solid 1px #758D41;
		background: #758D41;
		float:left;
		list-style:none;
		cursor:pointer;
		margin:10px 5px 0px 0px;
		padding:5px 7px;
		text-shadow: 0 1px 1px rgba(0,0,0,.3);
		-webkit-border-radius: .5em; 
		-moz-border-radius: .5em;
		border-radius:3px;
		-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
		box-shadow: 0 1px 2px rgba(0,0,0,.2);
		}
	ol#pagination li.current{
		background: #758D41;
		}
	
	ol#pagination li:hover{
		background: #758D41;
	
	}
/* Buttons */
.downbut {
	width: 140px;
	color: #fff;
	font-weight: normal;
	background: #758D41;
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	padding:4px 0px;
	-webkit-border-radius: 3px; 
	-moz-border-radius: 3px; 
	border-radius: 3px; 
}
.btns a {
	color: #fff;
	
}
.downbut:hover {	background: #758D41;}
/* Music Page */
.songInfo{margin-top:10px; margin-bottom:10px;padding-right:15px; margin-left:10px;float: left; margin-right: 15px;text-align: center;font-size: 12px;border-right: 1px solid #758D41; height:80px;}
.songInfo img{box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.4);}
.songTitle{font-size:14px; font-weight:bold; margin-top: 5px;}
.bttomBar{float:left; width:735px;padding:1px 0;}
.btns{width:140px; float:right; padding-top:2px;}
.mplayer{width:100%; float:left; padding-top:10px;}



/* Search */
#header .search-form {  margin-top: 30px; padding: 5px; background: #4362b0; -webkit-border-radius: 3px; border-radius: 3px; }
#header .search-form input[type=text] { width: 350px; padding-right: 85px; }
#header .search-form input[type=submit] { top: 10px; right: 5px; padding: 0 7px; height: 30px; font-size: 12px; font-weight: bold; background: #1676c2; color: #fff; }
#header .search-form input[type=submit]:hover { background-color: #4362b0; }

.search-box{
    float: left;
    margin-top: 22px;
    margin-left: 22px;
}
.cf:before, .cf:after{
    content:"";
    display:table;
}
 
.cf:after{
    clear:both;
}
 
.cf{
    zoom:1;
}  
/* Form wrapper styling */
.form-wrapper {
    width: 280px;
    background: #444;
    background: rgba(0,0,0,.2);
    border-radius: 10px;
    
}
 /* Form text input */
.form-wrapper input {
    width: 210px;
    height: 20px;
    padding: 6px 5px;
    float: left;   
    font-size:14px;
	font-weight: bold;
    border: 0;
    background: #fff;
    border-radius: 3px 0 0 3px;   
	font-family: 'Open Sans',sans-serif;	
}
.form-wrapper input:focus {
    outline: 0;
    background: #fff;
    box-shadow: 0 0 2px rgba(0,0,0,.8) inset;
}
.form-wrapper input::-webkit-input-placeholder {
   color: #999;
   font-weight: normal;
   font-style: italic;
}
.form-wrapper input:-moz-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}
.form-wrapper input:-ms-input-placeholder {
    color: #999;
    font-weight: normal;
    font-style: italic;
}   
/* Form submit button */
.form-wrapper button {
    overflow: visible;
    position: relative;
    float: right;
    border: 0;
    padding: 0;
    cursor: pointer;
    height: 32px;
    width: 60px;
    font: bold 15px/40px 'lucida sans', 'trebuchet MS', 'Tahoma';
    color: #fff;
    text-transform: uppercase;
    border-radius: 0 3px 3px 0;     
    text-shadow: 0 -1px 0 rgba(0, 0 ,0, .3);
	background:#758D41 url(/images/search-16.png) no-repeat scroll 20px 9px;
}  
.form-wrapper button:hover{    
    background: #758D41 url(/images/search-16.png) no-repeat scroll 20px 9px;
}  
.form-wrapper button:active,
.form-wrapper button:focus{  
    background: #758D41 url(/images/search-16.png) no-repeat scroll 20px 9px;
    outline: 0;  
}
.form-wrapper button:before { /* left arrow */
    content: '';
    position: absolute;
    border-width: 8px 8px 8px 0;
    border-style: solid solid solid none;
    border-color: transparent #758D41 transparent;
    top: 8px;
    left: -6px;
}
.form-wrapper button:hover:before{
    border-right-color: #758D41;
}
.form-wrapper button:focus:before,
.form-wrapper button:active:before{
        border-right-color: #758D41;
}     
.form-wrapper button::-moz-focus-inner { /* remove extra button spacing for Mozilla Firefox */
    border: 0;
    padding: 0;
}    

.maininfo {line-height:1.6em; letter-spacing:1px;
    font-size:17px;
}
/* Footer */
.mainFooter{margin:0 auto; max-width:940px; color:#FFF; padding:10px 0;}
.footer-links:link,.footer-links:active,.footer-links:visited{color:#D9D9D9; font-weight:bold; font-size:15px; line-height:1.2em;}
.footer-links:hover{color: #fff;}
.footer-txt{float:left; text-align:left; padding-left:10px; font-weight:bold; font-size:12px;color: #666;margin-top: 3px;}
.footer-data{ float:right; text-align:right; padding-right:10px; color:#D9D9D9;}

footer {padding: 20px; background:#2f3440; border-top: 2px solid #758D41; color:#C5C5C5;
}

.footer { line-height: 1.2em; font-size: 16px;}
.footer a{color: #C5C5C5; border-bottom: 1px dashed #c0c0c0;}
.footer a:hover{color: #E2E2E2;}


.privacy {line-height: 1.6em; font-size: 16px;}


.artist-image{    color: #E7FBFF;
    word-wrap: break-word;
    width: 230px;
    font-size: 20px;
    padding: 130px 10px 0 10px;
    text-shadow: 2px 2px 2px black;
    font-weight: bold;
    line-height: 1.6em;
    text-align: center;}
.flexcontainer {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    margin-bottom: 18px;
}
.flexbox{
    width: 180px;
    height: 166px;
    overflow: hidden;
    border: 1px solid #758D41;
    text-align: center;
    padding-top: 6px;
    padding-bottom: 6px;
    box-shadow: 4px 4px 2px #C8D6C8;
}

.copy    {
    line-height: 1.6em;
    text-align: justify;
    font-size: 16px;
}

.disclaimer {text-align: justify;
    font-size: 15px;
    max-width: 890px;
    margin: auto;
}

.ad_200_container {
    display:flex; 
    width:200px; 
    margin:auto;
}
.ad_200_box {
    margin:auto; 
    width:150px; max-height:170px; overflow:hidden; 
    line-height:1.4em; 
    font-weight:normal; 
    font-size:15px; 
    text-align:center; 
    padding:10px; padding-top: 0; 
    background:#ffffff;
    box-shadow: 3px 3px 6px #ced7da;}
    
.ads {    Float: left;
    font-size: 11px;
    color: #B9B9B9;
    margin: -6px 0px -6px 10px ;
}

.ad_140_container{
    display:flex; width:140px; margin:auto;
}
.ad_140_box {
    margin:auto; width:142px; height:180px; 
    overflow:hidden; border:0px solid black; 
    line-height:1.4em; font-weight:normal; 
    font-size:14px; text-align:center; 
    background:#ffffff;
    padding:10px; padding-top: 0; box-shadow: 3px 3px 6px #ced7da;
}

.ad_120_container{
    display:flex; width:134px; 
    /* height: 172px; */
    margin:auto;
}
.ad_120_box {
    margin:auto; 
    overflow:hidden; 
    line-height:1.4em; font-weight:normal; 
    font-size:14px; text-align:center; 
    background:#ffffff;
    padding-top: 0; 
}


/* Mobile, Tablet Responsive */
@media screen and (max-width:320px) {
.bttomBar {width: 180px;}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  height: 210px;
}
}
@media screen and (min-width:321px) and (max-width:639px) {
.bttomBar {width: 315px;}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
  height: 310px;
}
}
@media screen and (min-width:640px) and (max-width:959px) {
.bttomBar {width: 415px;}
}