@media projection, screen { 
    .tabs-hide {
        display: none;
    }
}

@media print {
    .tabs-nav {
        display: none;
    }
}

/* Skin */

.tabs-nav {
    list-style: none;
    width:470px;
    margin:0px;
    margin-top:3px;
    padding: 0 0 0 0px;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 0px;
}
.tabs-nav a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 0px 0;
    width: 117px;
    height: 21px;
    color: #999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(tabs117.gif) no-repeat;
}
.tabs-nav .tabs-selected a {
    padding-top: 7px;
    color: #99cc00;
}
.tabs-nav .tabs-selected a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, .tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:280px;
    width:450px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:scroll;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}


.tabs-container_video {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:610px;
    width:780px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:hidden;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-container_grup {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:610px;
    width:780px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:hidden;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}



.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

.tabs-manset{
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:	auto;/*610px;*/
    width:460px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-mlister{
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:auto;
    width:300px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/* ************************************* */

/* Hide useless elements in print layouts... */
@media print {
    .tabs-small {
        display: none;
    }
}

/* Skin */
.tabs-small {
    list-style: none;
    width:780px;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-small:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-small li {
    float: left;
    margin: 0 0 0 0px;
}
.tabs-small a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 0px 0;
    width: 110px;
    height: 21px;
    color: #999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(tabs109.png) no-repeat;
}
.tabs-small .tabs-selected a {
    padding-top: 7px;
    color: #99cc00;
}
.tabs-small .tabs-selected a, .tabs-small a:hover, .tabs-small a:focus, .tabs-small a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-small .tabs-disabled a:hover, .tabs-small .tabs-disabled a:focus, .tabs-small .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-small .tabs-selected a:link, .tabs-small .tabs-selected a:visited,
.tabs-small .tabs-disabled a:link, .tabs-small .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-small a:hover, .tabs-small a:focus, .tabs-small a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-small .tabs-disabled {
    opacity: .4;
}

/** ***********************/
.tabs-320 {
    list-style: none;
    width:320px;
    margin: 0;
    padding: 0 0 0 0px;
}

.tabs-320:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-320 li {
    float: left;
    margin: 0 0 0 0px;
}
.tabs-320 a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 0px 0;
    width: 110px;
    height: 21px;
    color: #999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(tabs109.png) no-repeat;
}
.tabs-320 .tabs-selected a {
    padding-top: 7px;
    color: #99cc00;
}
.tabs-320 .tabs-selected a, .tabs-320 a:hover, .tabs-320 a:focus, .tabs-320 a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-320 .tabs-disabled a:hover, .tabs-320 .tabs-disabled a:focus, .tabs-320 .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-320 .tabs-selected a:link, .tabs-320 .tabs-selected a:visited,
.tabs-320 .tabs-disabled a:link, .tabs-320 .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-320 a:hover, .tabs-320 a:focus, .tabs-320 a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-320 .tabs-disabled {
    opacity: .4;
}


/** ***********************/
.tabs-460 {
    list-style: none;
    width:460px;
    margin: 0;
    padding: 0 0 0 0px;
}

.tabs-460:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-460 li {
    float: left;
    margin: 0 0 0 0px;
}
.tabs-460 a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 0px 0;
    width: 110px;
    height: 21px;
    color: #999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(tabs109.png) no-repeat;
}
.tabs-460 .tabs-selected a {
    padding-top: 7px;
    color: #99cc00;
}
.tabs-460 .tabs-selected a, .tabs-460 a:hover, .tabs-460 a:focus, .tabs-460 a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-460 .tabs-disabled a:hover, .tabs-460 .tabs-disabled a:focus, .tabs-460 .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-460 .tabs-selected a:link, .tabs-460 .tabs-selected a:visited,
.tabs-460 .tabs-disabled a:link, .tabs-460 .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-460 a:hover, .tabs-460 a:focus, .tabs-460 a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-460 .tabs-disabled {
    opacity: .4;
}


/*************************/


/*************************/
.tabs-user {
    list-style: none;
    width:460px;
    margin: 0;
    padding: 0 0 0 0px;
}
.tabs-user:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-user li {
    float: left;
    margin: 0 0 0 0px;
}
.tabs-user a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 0px 0;
    width: 110px;
    height: 21px;
    color: #999;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(tabs109.png) no-repeat;
}
.tabs-user .tabs-selected a {
    padding-top: 7px;
    color: #99cc00;
}
.tabs-user .tabs-selected a, .tabs-user a:hover, .tabs-user a:focus, .tabs-user a:active {
    background-position: 0 -50px;
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-user .tabs-disabled a:hover, .tabs-user .tabs-disabled a:focus, .tabs-user .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-user .tabs-selected a:link, .tabs-user .tabs-selected a:visited,
.tabs-user .tabs-disabled a:link, .tabs-user .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-user a:hover, .tabs-user a:focus, .tabs-user a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-user .tabs-disabled {
    opacity: .4;
}



/**************************/



.tabs-big {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:304px;
    width:730px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:scroll;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-contvideo {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:330px;
    width:309px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:scroll;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-contvideotab {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:330px;
    width:450px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-contsmall {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:280px;
    width:450px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.tabs-middle {
    border: 1px solid #bbb;
    padding: 0em 2px;

   height:750px;
    overflow-y:auto;
 		color:#888;
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    
   
}


.tabs-node {
    border: 1px solid #bbb;
    padding: 8px;
    height:300px;
    width:450px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-cm {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:333px;
    width:450px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom:4px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-cm2 {
background-color: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
		background-image:url('/i/muzik/tlister.gif'); background-repeat: no-repeat; background-position: 10px 0px;
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:230px;
    width:450px;
 		color:#888;
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom:4px;
    
}
.tabs-cm4 {
			background-color: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
		
    border: 1px solid #949494;
    padding: 1em 8px;
    height:230px;
    width:450px;
 		color:#888;
  	font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:auto;
    margin-bottom:4px;
    
}
.tabs-cm3 {
    border: 1px solid #bbb;
    /*padding: 1em 2px;*/
    padding: 4px;
    height:530px;
    width:460px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:hidden;
    margin-bottom:4px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-container {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:233px;
    width:455px;
 color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:scroll;
    margin-bottom:4px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}

.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}


.tabs-container-full {
    border: 1px solid #bbb;
    padding: 1em 8px;
    height:560px;
    width:720px;
    align:left;
     color:#888;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
		font-size:11px;
    overflow-x:hidden;
    overflow-y:scroll;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
 }   
    /* music space tab skin*/
    .tabs-navmusic {
    list-style: none;
    width:470px;
    margin:0px;
    margin-top:3px;
    padding: 0 0 0 0px;
    
}
.tabs-navmusic:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-navmusic li {
    float: left;
    margin: 0 0 0 0px;
}
.tabs-navmusic a {
    display: block;
    position: relative;
    top: 1px;
    z-index: 2;
    padding: 6px 0px 0;
    width: 117px;
    height: 21px;
    color: #000;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    background: url(/i/muzik/tabbg.gif) no-repeat;*/
	/* background-color: #6666CC;*/

}
.tabs-navmusic .tabs-selected a {
    padding-top: 7px;
    color: #000;
}
.tabs-navmusic .tabs-selected a, .tabs-navmusic a:hover, .tabs-navmusic a:focus, .tabs-navmusic a:active {
    background-position: 0 -50px;
/*	background-color:#3366FF;*/
    outline: 0; /* @ Firefox, switch off dotted border */
}
.tabs-navmusic .tabs-disabled a:hover, .tabs-navmusic .tabs-disabled a:focus, .tabs-navmusic .tabs-disabled a:active {
    background-position: 0 0;
/*	background-color: #6666CC;*/
}
.tabs-navmusic .tabs-selected a:link, .tabs-navmusic .tabs-selected a:visited,
.tabs-navmusic .tabs-disabled a:link, .tabs-navmusic .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-navmusic a:hover, .tabs-navmusic a:focus, .tabs-navmusic a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-navmusic .tabs-disabled {
    opacity: .4;
}