.playlist_item{
	position:relative;
	background-image: url('/css/item_bg.gif');
	height: 98px;
	width: 240px;
	background-repeat: no-repeat;
	}
	
.item_text{
	height: 60px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333;
	padding: 5px 5px 5px 5px;
	text-align: left;
	line-height: 13px;
	}
.item_descr{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333;
	padding: 5px 5px 5px 5px;
	text-align: left;
	line-height: 12px;
	}		
.item_view{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFF;
	text-align: center;
	line-height: 11px;
	height: 35px;
	}		
#item_title {
	clear: both;
	position:absolute;
	height:30px;
	z-index:3;
	margin: 63px 0px 0px 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 11px;
	vertical-align: middle;
	width: 160px;
	float: left;
}	
* html #item_title {
	position:absolute;
	height:30px;
	z-index:3;
	margin: 63px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 11px;
	vertical-align: middle;
	width: 160px;
	float: left;
}	

#item_title_bg {
	position:absolute;
	width:160px;
	height:30px;
	z-index:2;
	margin: 60px 0px 0px 5px;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);

}
* html #item_title_bg {
	position:absolute;
	width:160px;
	height:30px;
	z-index:2;
	margin: 60px 0px 0px 0px;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);
}

#zero{
	width: 240px;
height: 7px;
	}
	
* html #zero{
	height: 7px;
	display:inline;
	padding-top:5px;
	 font-size:9px;
	 line-height:5px;
}

div.scrollable {
	float:left;		
}
div.scrollable {  
	position:relative;
	overflow:hidden;
	width: 240px;	 
	height:315px;	
}
#thumbs {	
	position:absolute;
	width:20000em;	
	clear:both;
}
#thumbs span {
	float:left;
	width:240px;
	height:315px;
	color:#fff;

	cursor:pointer;
}


/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/css/left.png) no-repeat;
	float:left;
	cursor:pointer;
	z-index:2;
	position:absolute;
	margin: 321px 0px 0px 2px;
}
* html a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(/css/left.png) no-repeat;
	float:left;
	cursor:pointer;
	z-index:12;
	position:absolute;
	margin: -21px 0px 0px 3px;
}
/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(/css/right.png);
	clear:right;
	float:right;
	z-index:2;
	position:absolute;
	margin: 321px 0px 0px 220px;
}
* html a.next, a.nextPage {
	background-image:url(/css/right.png);
	clear:right;
	float:right;
	z-index:2;
	position:absolute;
	margin: -21px 0px 0px 218px;
}


/*********** navigator ***********/
#navi_bg{
	position:absolute;
	width:238px;
	height:23px;
	background:#e6e6e6;
	border:1px solid #b7b7b7;
	cursor:pointer;
	z-index:1;
	margin: 317px 0px 0px 0px;
}
* html #navi_bg{
	position:relative;
	width:238px;
	height:23px;
	background:#e6e6e6;
	border:1px solid #b7b7b7;
	cursor:pointer;
	z-index:1;
	margin: 5px 0px 0px 0px;
}
/* position and dimensions of the navigator */
div.navi {
	width:200px;
	height:20px;
	position:absolute;
	margin: 321px 0px 0px 47px;
	overflow: auto;	
	z-index:2;
}
* html div.navi {
	width:200px;
	height:13px;
	position:absolute;
	margin: -20px 0px 0px 47px;
	overflow: hidden;
	z-index:2;
}

/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:5px 3px 3px 3px;
	background:url(/css/navigator.png) 0 0 no-repeat;
	cursor:pointer;
	position:relative;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	


/* root element for tabs  */
ul.css-tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
	background-color: #FFF;
}

/* single tab */
ul.css-tabs li.css-tabs {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	font-size:14px;
	display:block;
	padding:5px 20px;
	text-decoration:none;
	border:1px solid #e3e3e3;
	border-bottom:0px;
	height:18px;
	background-color:#e3e3e3;
	color:#333;
	margin-right:2px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright:0px;
	
	top:1px;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}
	
/* selected tab */
ul.css-tabs a.current {
	border:1px solid #000;
	background-color:#f5f5f5;
	border-bottom:2px solid #f5f5f5;
	color:#900;
	cursor:default;
}

	
/* tab pane */
div.css-panes div {

	border:1px solid #f5f5f5;
	border-width:0 1px 1px 1px;
	padding:0px 0px 0px 0px;
	background-color:#f5f5f5;	
}
#names {
	z-index:10;
	position:absolute;
	list-style-type:none;
	float:left;
	width:174px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px -4px;
}
* html #names{
	list-style-type:none;
	z-index:10;
	float:left;
	width:174px;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px -680px;
}

#changecontent{
	clear:both;
	float:left;
	width:690px;
	position:relative;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
ul.names{
	margin:4px;
	margin:0 -10px 0 0;
	padding:0px;
	display:block;
	height:inherit;
	list-style-type:none;
	min-height:8em;
}
* html ul.names li{
	margin:4px;
	margin:0 -10px 0 0;
	padding:0px;
	display:block;
	height:inherit;
	list-style-type:none;
	min-height:8em;
}

ul.names a {
	clear: inherit;
	text-decoration:none;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	float:left;
	text-align: left;
	list-style-type:none;
	display:block;
	width:174px;
	
}


ul.names a:hover {
	color:#000;
}

.playlist_item_mini{
	background-image: url(/css/mini_item_bg.gif);
	height: 125px;
	width: 165px;
	background-repeat: no-repeat;
	margin:2px; 
	}
	
.item_title_mini {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	text-align: center;
	font-weight: bold;
}	

#content{
	display:inline;
	overflow:hidden;
	width:512px;
	background-color:#dbdada;
	position:relative;
	height:auto;
	float:left;
	margin:0px 0px 0px 174px;
	z-index:5;
}
#content_photo{
	display:inline;
	overflow:hidden;
	width:690px;
	background-color:#dbdada;
	position:relative;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
	z-index:5;
}
#content2{
	display:inline;
	overflow:hidden;
	width:235px;
	background-color:#dbdada;
	position:relative;
	height:285px;
	float:left;
}
.sub{
    position:relative;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #333;
	width:512px;
 }
 
.section{
    width:20000em;
    position:relative;
	float:left;
}
.section2{
    display:inline;
    width:20000em;
    position:relative;
	float:left;
}


.secontcount{
    position:relative;
	float:left;	
	padding:0px 0px 0px 170px;
}

a.countr:link, a.countr:active, a.countr:visited{
	color: #000;
	font-size: 12px;
	text-decoration: underline;
	display: block;
	float: left;
	border:1px solid #999;
	margin:3px;
	padding:1px 3px 1px 3px;
	background-color: #CCC;
}
a.countr:hover{
	color: #FFF;
	text-decoration: none;
}

/* head pane */	
	
.item_view_head{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	line-height: 11px;
	height: 30px;
	}	
.item_view_head2{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFF;
	text-align: center;
	line-height: 11px;
	height: 30px;
	}	
.head_list {
	position:relative;
	background-image: url('/css/head_bg.gif');
	height: 98px;
	width: 220px;
	background-repeat: no-repeat;
}
.head_list2 {
	position:relative;
	background-image: url('/css/head_bg.gif');
	height: 98px;
	width: 220px;
	background-repeat: no-repeat;
}
#item_title_head {
	clear: both;
	position:absolute;
	height:30px;
	z-index:3;
	margin: 65px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 11px;
	vertical-align: middle;
	width: 160px;
	float: left;
}
#item_title_head3 {
	clear: both;
	position:absolute;
      left: 3px;
	height:30px;
	z-index:3;
	margin: 73px -10px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 11px;
	vertical-align: middle;
	width: 160px;
	float: left;
}
#item_title_bg_head {
	position:absolute;
	width:160px;
	height:30px;
	z-index:2;
	margin: 60px 0px 0px 0px;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);

}
#item_title_head2 {
	clear: both;
	position:absolute;
	height:30px;
	z-index:3;
	margin: 65px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFF;
	text-align: center;
	font-weight: bold;
	line-height: 11px;
	vertical-align: middle;
	width: 160px;
	float: left;
}
#item_title_bg_head2 {
	position:absolute;
	width:160px;
	height:30px;
	z-index:2;
	margin: 60px 0px 0px 0px;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);
}
#item_title_bg_head3 {
	position:absolute;
      left: 0px;
	width:160px;
	height:20px;
	z-index:2;
	margin: 70px 0px 0px 0px;
	background:#000;
	opacity:0.45;
	-moz-opacity:0.45;
	filter:alpha(opacity=45);
}
div.scrollable_head {
	float:left;		
}
div.scrollable_head {  
	position:relative;
	overflow:hidden;
	width: 690px;	 
	height:170px;
	float:left;
}

#thumbs_head {	
	position:absolute;
	width:20000em;	
	clear:both;
}
#thumbs_head span {
	float:left;
	width:690px;
	height:170px;
	color:#fff;
	cursor:pointer;
}
div.scrollable_head2 {
	float:left;		
}
div.scrollable_head2 {  
	position:relative;
	overflow:hidden;
	width: 690px;	 
	height:98px;
	float:left;
}

#thumbs_head2 {	
	position:absolute;
	width:20000em;	
	clear:both;
}
#thumbs_head2 span {
	float:left;
	width:690px;
	height:98px;
	color:#fff;
	cursor:pointer;
}
a.prev_head, a.next_head, a.prevPage_head, a.nextPage_head {
	display:block;
	width:18px;
	height:18px;
	background:url(/css/left.png) no-repeat;
	float:left;
	cursor:pointer;
	z-index:3;
	position:absolute;
	margin: 173px 0px 0px 3px;
}
* html a.prev_head, a.next_head, a.prevPage_head, a.nextPage_head {
	display:block;
	width:18px;
	height:18px;
	background:url(/css/left.png) no-repeat;
	clear:right;
	float:right
	cursor:pointer;
	z-index:3;
	position:absolute;
	margin: 3px 0px 0px 3px;
}
a.prev_head:hover, a.next_head:hover, a.prevPaeg_head:hover, a.nextPage_head:hover {
	background-position:0px -18px;		
}
a.prev_head2, a.next_head2, a.prevPage_head2, a.nextPage_head2 {
	display:block;
	width:18px;
	height:18px;
	background:url(/css/left.png) no-repeat;
	float:left;
	cursor:pointer;
	z-index:3;
	position:absolute;
	margin: 101px 0px 0px 3px;
}
* html a.prev_head2, a.next_head2, a.prevPage_head2, a.nextPage_head2 {
	display:block;
	width:18px;
	height:18px;
	background:url(/css/left.png) no-repeat;
	clear:right;
	float:right
	cursor:pointer;
	z-index:3;
	position:absolute;
	margin: 3px 0px 0px 3px;
}
a.prev_head2:hover, a.next_head2:hover, a.prevPaeg_head2:hover, a.nextPage_head2:hover {
	background-position:0px -18px;		
}
a.next_head, a.nextPage_head {
	background-image:url(/css/right.png);
	clear:right;
	float:right;
	z-index:2;
	position:absolute;
	margin: 173px 0px 0px 670px;
}
a.next_head2, a.nextPage_head2 {
	background-image:url(/css/right.png);
	clear:right;
	float:right;
	z-index:2;
	position:absolute;
	margin: 101px 0px 0px 670px;
}
* html a.next_head, a.nextPage_head {
	background-image:url(/css/right.png);
	clear:right;
	float:right;
	z-index:2;
	position:absolute;
	margin: 3px 0px 0px 665px;
}
#navi_bg_head{
	position:absolute;
	width:688px;
	height:23px;
	background:#fff;
	border:1px solid #b7b7b7;
	cursor:pointer;
	z-index:1;
	margin: 170px 0px 0px 0px;
}
#navi_bg_head{
	position:absolute;
	width:688px;
	height:23px;
	background:#fff;
	border:1px solid #b7b7b7;
	cursor:pointer;
	z-index:1;
	margin: 170px 0px 0px 0px;
}
* html #navi_bg_head{
	clear:both;
	float:left;
	position:absolute;
	width:688px;
	height:23px;
	background:#fff;
	border:1px solid #b7b7b7;
	z-index:1;
	margin: 0px 0px 0px 0px;
}
#navi_bg_head2{
	position:absolute;
	width:688px;
	height:23px;
	background:#fff;
	border:1px solid #b7b7b7;
	cursor:pointer;
	z-index:1;
	margin: 98px 0px 0px 0px;
}
#navi_bg_head2{
	position:absolute;
	width:688px;
	height:23px;
	background:#fff;
	border:1px solid #b7b7b7;
	cursor:pointer;
	z-index:1;
	margin: 98px 0px 0px 0px;
}
* html #navi_bg_head2{
	clear:both;
	float:left;
	position:absolute;
	width:688px;
	height:23px;
	background:#fff;
	border:1px solid #b7b7b7;
	z-index:1;
	margin: 0px 0px 0px 0px;
}
div.navi_head {
	width:200px;
	height:20px;
	position:absolute;
	margin: 174px 0px 0px 340px;
	overflow: auto;	
	z-index:2;
}
* html div.navi_head {
	width:200px;
	height:13px;
	position:absolute;
	margin: 2px 0px 0px 320px;
	overflow: hidden;
	z-index:2;
}
div.navi_head a {
	width:8px;
	height:8px;
	float:left;
	margin:5px 3px 3px 3px;
	background:url(/css/navigator.png) 0 0 no-repeat;
	cursor:pointer;
	position:relative;
}
div.navi_head2 {
	width:200px;
	height:20px;
	position:absolute;
	margin: 102px 0px 0px 340px;
	overflow: auto;	
	z-index:2;
}
* html div.navi_head2 {
	width:200px;
	height:13px;
	position:absolute;
	margin: 2px 0px 0px 320px;
	overflow: hidden;
	z-index:2;
}
div.navi_head2 a {
	width:8px;
	height:8px;
	float:left;
	margin:5px 3px 3px 3px;
	background:url(/css/navigator.png) 0 0 no-repeat;
	cursor:pointer;
	position:relative;
}
div.navi_head a:hover {
	background-position:0 -8px;      
}
div.navi_head a.active {
	background-position:0 -16px;     
} 
div.navi_head2 a:hover {
	background-position:0 -8px;      
}
div.navi_head2 a.active {
	background-position:0 -16px;     
} 
.tab_bg{
	background-image: url('/css/tab_bg.gif');
	}
.tab_dos{
	background-image: url('/css/doscenter.gif');
	}