/*
#player{
    position: fixed;
    bottom:69px;
    left: 45px;
    width: 565px;
    height: 315px;
    z-index: 300;
    padding: 0px;

   overflow:hidden;
   text-align:left;

}  
*/  

#player-container
{
	width: 100%;
	height: 70px;
	background-color: #333; 	

	border-top: 1px solid #555555;
	bottom: 0px;
	right:0px;
	 overflow: hidden;
	 position: fixed;
	 z-index: 999;

}
#player-container .controls{

	 width: 250px;
	height: 70px;
	background-color: #333;
	float: left;
		
}

#player-container .display{

 	color:#FFFFFF;
	height: 70px;
	background-color: #333;	
     margin-left:245px;
	 margin-right:10px;
	 
}


#player-container .display .display-panel{ 
	 background-color: #333;
	 background: #272727 -webkit-linear-gradient(bottom, #252525 0%,#373737 100%) repeat-x;
	 border: 0px #181818 solid;
     margin-top: 0px;
	 margin-left: 10px;
	 height: 65px;
	 box-shadow: 0 1px 0 #4E4E4E;
}


#player-container .display .info{ 
	margin: 5px;
	font-weight: normal;
	text-shadow: -1px 1px 2px #000;
}

#player-container .display #artistInfo{ 
	
	color: #999999;
	text-shadow: -1px 1px 2px #000;
}

#player-container .display #artistInfo_music{  
	
	color: #999999;
	text-shadow: -1px 1px 2px #000;
}


.artistInfo,#artistInfo , #trackInfo {
    cursor: pointer;
}

.artistInfo,#artistInfo_music , #trackInfo_music {
    cursor: pointer;
}

#player-container #current { 
	background: url("http://www.mobclassic.com/images/jplayer.pink.flag.jpg") 0px -260px repeat-x;
	/*
	background: #333;
	border-top: 0px solid #020202;
	border-top: 1px solid #555555;
	border-bottom: 1px solid #555555; 
	*/
	border-radius: 0px;
	height: 8px;
	margin-left: 10px;
	margin-right: 0px;
	cursor: pointer;
	margin-top:17px; 
	
}

#player-container #current_music { 
	background: #333; 
	border-top: 1px solid #020202;
	border-bottom: 1px solid #555555;
	border-radius: 3px;
	height: 10px;
	margin: 5px; 
	cursor: pointer;
}
#controls{
	text-align: center;	
}
/*
#controls button{
	height: 70px;
	width: 40px;
	border-radius: 0px;
	padding: 0px;
	 background-color: #333;
	 border: 0px;
	 font-size: 2em;
	 color: #F4F4F4;
	 text-shadow: -1px 1px 2px #000;
}
*/
#controls button:active{
	opacity: 0.7;
	border: 0px;
	 text-shadow: 0px 0px 2px #000;
}
#sc-controls{
	text-align: center;	
}
/*
#sc-controls button{
	height: 70px;
	width: 40px;
	border-radius: 0px;
	padding: 0px;
	 background-color: #333;
	 border: 0px;
	 font-size: 2em;
	 color: #F4F4F4;
	 text-shadow: -1px 1px 2px #000;
}
*/
#sc-controls button:active{
	opacity: 0.7;
	border: 0px;
	 text-shadow: 0px 0px 2px #000;
}
#player-container #buffer { 
	display: none;
}

#player-container #buffer_music { 
	display: none;
}

#player-container .search form
{
	margin: 0px;
}
.navbar-inverse,.navbar-inverse a{
    color: #FFFFFF !important;
	background-color: #F8591A;

}
.navbar-inverse{
    border-bottom: 1px #F8591A solid;
}
.navbar-inverse a:hover{
    color:#000000 !important;
    background-color: #E15017 !important;
}
#frmSearch{
	
	
	margin: 0px;
    margin-top: 10px;
    
	


}
#frmSearch input
{
	background-color: #FDFDFD;
	border: 1px #A9A9A9 solid;
	border-radius: 0px;
	color: #1F1F1F;
	font-size: 1.1em;	
    width: 100%;
}


#info-thumb.hidePlayer #player {
    position: absolute;
    left: -5000px;
    top: -5000px;
    width:600px;
    height:400px;
    text-align:left;
    
   

}#thumbnail.hidePlayer #player #ytapiplayer {
    position: absolute;
    left: -5000px;
    top: -5000px;
    width:560px;
    height:315px;
    text-align:left;
   
    
}
 


#thumbnail.hidePlayer img,.adsbygoogle {
    display: block;
}
.adsbygoogle{
    margin-top: 10px;
}

#playlist-items{
   -ms-overflow-style: none;
}
#playlist-items::-webkit-scrollbar{
  display:none;
}

 


#playlist-items {
	display: none;
	width: 500px;
	position: fixed;	
	/*top: 0px;	*/
	bottom:70px;
	right: 0;
	z-index: 500;    	
	padding: 5px;
    padding-bottom: 10px;
    /* height: 100%; */
	overflow-x: hidden;
	overflow-y: auto; /* Scrollable contents if viewport is shorter than content. */
	/*background-color: #252525; */ 
	/*background-color: #555;   */ 
	background-color:rgb(51, 51, 51,0.98);
	border: 0px;
	/*
    border-top: 1px #000000 solid;
    border-bottom: 1px #000000 solid;
	-moz-box-shadow: -1px 9px 21px #3D3D3D;
-webkit-box-shadow: -1px 9px 21px #3D3D3D;
box-shadow: -1px 9px 21px #3D3D3D;*/
}
#playlist-items .list-group-item
{
    border: 0px;
 background-color:rgb(51, 51, 51,0.98);
   /* background-color: #333333;*/
 /*   border-top: 0px solid #3B3B3B;  */
    color: #FFFFFF;
    font-size: 12px;
}
#playlist-items .list-group-item:nth-child(odd)
{
	background-color:rgb(51, 51, 51,0.98);
/*background-color:rgb(0, 0, 0, 0.9);*/
	/*background-color: #252525 ;*/

}
#playlist-items .list-group-item.active
{
    border: 0px;
background-color:rgb(51, 51, 51,0.98);
  /*  background-color: #000000;*/
   /* border-top: 0px solid #3B3B3B;  
    color: #FFFFFF; */
}
#playlist-items .list-group-item:hover
{
	border: 0px;
 background-color:rgb(51, 51, 51,0.98);
	border-top: 0px solid #3B3B3B;	
	color: #FFFFFF;
}
.list-group,.list-group-item,.list-group-item:first-child,.list-group-item:last-child {
    border-radius: 0px;
    
   background-color:rgb(51, 51, 51,0.98);
    /*
    background-color:rgb(51, 51, 51,0.98);
    */
}
.tab-content {
    padding: 20px;
    background-color: #FFFFFF;
    border:1px #D6D6D6 solid;
}
.sidebar {
	display: block;
	width: 45px;
	position: fixed;
	top: 50px;
	bottom: 0;
	left: 0;
	z-index: 600;
	display: block;
	padding: 0px;
    text-align: center;
    padding-top: 0px;
    padding-bottom: 0px;
    overflow: none;	
	background-color: #DFE5EB;
	border-right: 1px solid #D8D8D8;


}


/* Sidebar navigation */
.nav-sidebar {
  margin-right: 0px; /* 20px padding + 1px border */
  margin-bottom: 0px;
  margin-left: 0px;
  border-bottom: 1px #EBEBEB solid;
}
.nav-sidebar > li > a {
  padding-right: 0px;
  padding-left: 0px;
    color: #212121;
}
.nav-sidebar > .active > a {
  color: #F8591A;
  background-color: #000000;
}.nav-sidebar > .active > a:hover,.nav-sidebar > .active > a:focus {
  color: #F8591A;
  background-color: #000000;
}
.nav-sidebar .title a
{
    background-color: #EEEEEE !important;
    color: #A6A6A6;
    cursor: default;
}

/*
 * Main content
 */
#list-search
{
	width: 250px;
}
#list-search .col-xs-1
{
	width: 54px;
	float: left;
	
	padding: 0px;
	margin: 0px;

}
#list-search .col-xs-11
{
	width: 190px;
	float: left;	
	padding: 0px;
	margin: 0px;

}
#list-search .list-group-item
{
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
	border: 0px;
	border-bottom: 1px #E1E1E1 solid;

}
#list-search .row
{
	padding: 0px;
	margin: 0px;

}

#list-search.list-group
{
	padding: 0px;
	margin: 0px;

}


.tt-suggestion.tt-cursor .list-group-item{
  
    background-color: #000000 !important;
    color: #FFFFFF !important;
}
.main {
  padding: 20px;
  margin-left: 50px;
  margin-top: 0px;
/*  background-color: #F3F5F5;  */
  padding-bottom: 100px;
}

.main .page-header {
  margin-top: 0;
}


#numItems
{
	font-size: 12px;
	position: absolute;
	margin-top: 15px;
	margin-left: -5px;

}
/*
 * Placeholder dashboard ideas
 */

.placeholders {
  margin-bottom: 30px;
  text-align: center;
}
.placeholders h4 {
  margin-bottom: 0;
}
.placeholder {
  margin-bottom: 20px;
}
.placeholder img {
  display: inline-block;
  border-radius: 50%;
}

.jumbotron {
    padding: 0;
    background-color: #FFFFFF;
    border: 1px #D8D8D8 solid;
   
}

#thumbnailx {
    width: 48px;
    height: 48px;
    background-color: #E4E4E4;
    margin-right: 10px;
    margin-top: -5px;
    margin-left: -5px;

    
    float: left;
}

#thumbnailx_music {
    width: 48px;
    height: 48px;
    background-color: #E4E4E4;
    margin-right: 10px;
    margin-top: -5px;
    margin-left: -5px;

    
    float: left;
}
 

#thumbnailx img {
    max-width: 100%; 
    height: auto;
    width: 100%;
    
}

#thumbnailx_music img {
    max-width: 100%;
    height: auto;
    width: 100%;
    
}
.text-muted a
{ 
	/*
    color: #7A7A7A !important;
    font-size: 12px;*/
    
    color: #fff !important;
    font-size: 12px;
}
.text-muted.active a{
	color: #FFFFFF !important;
}
.progress-bar,.progress {
    cursor: pointer;
    transition: none;
    -webkit-transition: none;
}

.progress-bar,.progress_music {
    cursor: pointer;
    transition: none;
    -webkit-transition: none;
}

.jp-seek-bar {
    cursor: pointer;
    transition: none;
    -webkit-transition: none;
} 
.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider.slider-horizontal {
    width: 80px;
    height: 10px;
}

.slider.slider-horizontal .slider-track {
    height: 10px;
    width: 100%;
    margin-top: -5px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -10px;
    margin-top: -5px;
}

.slider.slider-horizontal .slider-handle.triangle {
    width: 0;
    height: 0;
    border-bottom-color: #000000;
    margin-top: 0;
    border-width: 0 10px 10px;
}

.slider.slider-vertical {
    height: 60px;
    width: 10px;
}

.slider.slider-vertical .slider-track {
    width: 10px;
    height: 100%;
    margin-left: -5px;
    left: 50%;
    top: 0;
}

.slider.slider-vertical .slider-selection {
    width: 100%;
    left: 0;
    top: 0;
    bottom: 0;
}

.slider.slider-vertical .slider-handle {
    margin-left: -5px;
    margin-top: -10px;
}

.slider.slider-vertical .slider-handle.triangle {
    width: 1px;
    height: 1px;
    border-left-color: #000000;
    margin-left: 0;
    border-width: 10px 0 10px 10px;
}

.slider .tooltip-inner {
    white-space: nowrap;
}

.slider-track {
    position: absolute;
    cursor: pointer;
  background-color: #C54614;
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.5);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-selection {
    position: absolute;
  background-color: #F8591A;
 
    -webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    box-shadow: inset 0 -1px 0 rgba(0,0,0,0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.slider-handle {
    position: absolute;
    width: 20px;
    height: 20px;
   background-color: #FFFFFF;
    opacity: 1;
    border: 1px #C54614 solid;
}

.slider-handle.round {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.slider-handle.triangle {
    background: transparent none;
}
#volume
{
	display: none;
}
  
.jp-progress {  
 
  
  height: 12px;
  padding: 0 2px 2px 2px;
  margin-bottom: 4px;
  overflow: hidden; }

div.jp-video .jp-progress {
  border-top: 1px solid #180a1f;
  border-bottom: 1px solid #554560;
  width: 100%;
  background-image: none;
  padding: 0; }

.jp-seek-bar {
  background: url("../image/jplayer.pink.flag.jpg") 0px -260px repeat-x;
  width: 0%;
  height: 12px;
  overflow: hidden;
  cursor: pointer; }

.jp-play-bar {
  background: url("../image/jplayer.pink.flag.jpg") 0px -280px repeat-x;
  width: 0%;
  height: 12px;
  overflow: hidden; }


#player_hide_button{
  position: fixed;
  bottom: 0px;
  right:0px;
  color:#FFFFFF;
	width: 40px;
	height: 69px;
	background-color: #333;
  padding-top:15px;
  z-index: 9999;
  text-align: center;
	font-size: 2em;
	color: #F4F4F4;
	text-shadow: -1px 1px 2px #000;
}





.jp-details {
  font-size: .7em;
  margin: 0;
  padding: 0; }

.jp-details .jp-title {
  padding: 0;
  margin: 0;
  overflow: hidden;
  text-align: center;
  cursor: default; }

.jp-video .jp-details {
  margin: 0 90px 10px; }

/*
.jp-playlist ul {
  list-style-type: none;
  font-size: .7em;
  margin: 0;
  padding: 0; }

.jp-video .jp-playlist ul {
  margin: 0 20px; }

.jp-playlist li {
  position: relative;
  padding: 2px 0;
  border-top: 1px solid #554461;
  border-bottom: 1px solid #180a1f;
  overflow: hidden; }
*/
/* Note that the first-child (IE6) and last-child (IE6/7/8) selectors do not work on IE */
.jp-playlist li:first-child {
  border-top: none;
  padding-top: 5px; }

.jp-playlist li:last-child {
  border-bottom: none;
  padding-bottom: 5px; } 

.jp-playlist a {
  color: #fff;
  text-decoration: none; }

.jp-playlist a:hover {
  color: #e892e9; }

.jp-playlist li.jp-playlist-current {
  background-color: #26102e;
  margin: 0 -20px;
  padding: 4px 20px; 
  border-top: 1px solid #26102e;
  border-bottom: 1px solid #26102e; }

.jp-playlist li.jp-playlist-current a {
  color: #e892e9; }
  
  .jp-playlist li a {
  color: #bbb; }


span.jp-artist {
  font-size: .8em;
  color: #fff; }