/******************************************************************************/
/* COMMEDIA                                                                    */
/******************************************************************************/
.commedia .center{
    text-align: center !important;
}

/*header*/
table.commedia td.commthname{
    text-align: center;
}

/*data lines*/
table.commedia td.commtdname{
    text-align: left;
}

table.commedia td.commtdalbum{
    text-align: center;
}

table.commedia td.commtdartist{
    text-align: center;
}

table.commedia td.commtdcover{
    text-align: center;
}

table.commedia td span a img{
    border: 0 none !important;
    float: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none repeat scroll 0 0 transparent !important;
}

.mp3num img {
	padding: 0 !important;
    background: none repeat scroll 0 0 transparent !important;
}

.commedia td, .commedia th{
    padding:1px;
    vertical-align:middle !important;
}

.commedia a:link, .commedia a:visited {
	color: black;
	text-decoration:none;
}
.commedia a:hover, .commedia a:active, .commedia a:focus{
	background: none !important;
	color: black !important;
}
.commedia a {
    font-weight: normal !important;
}

.commedia tr.musictitles td {
	text-align:center;
}

.playercontainer {
         margin: 0 auto;
         /*position: relative; /*удалил, иначе комбобокс повтора налазит*/
         z-index: 20;
/*         height: 0px !important;*/
}

.playercontroller {
	background-color: #f0f0f0;
	color: #000;
	height: 18px;
/*			float:left;*/
	display: inline-block;
	zoom: 1;
	*display: inline;
	direction: ltr;
/*	position: relative; */
}
	.commedia .mp3button {
		width: 20px;
		height: 18px;
		background-repeat: no-repeat;
		background-position: 1px 1px;
		float: left;
		cursor: pointer;
	}
		.mp3button div {
			display: block;
			height: 18px;
			text-indent: -100em;
			overflow: hidden;
			background-image: none;
		}

		.playercontroller .commtimeline .slider {
			/*position: absolute;*/
			/*margin-left: 40px;*/
			/*margin-top: 2px;*/
			/*display: block;*/
			float: left;
			height: 18px;
			width: 0px;
			text-indent: -100em;
			overflow: hidden;
			background-image: url(images/slider.png);
		}
		.spinner {
			position: absolute;
			/*margin-top: 1px;*/
			/*display: block;*/
			overflow: hidden;
			background-image: url(images/spinner.gif);
			width: 16px;
			height: 16px;
            /*top: 2px;*/
            z-index: 0;
		}
	.playercontroller .commplay {
		background-image: url(images/control_play.png);
	}
	.playercontroller .commplay:hover {
		background-image: url(images/control_play_blue.png);
	}
	.playercontroller .commpause {
		background-image: url(images/control_pause.png);
		display: none;
	}
	.playercontroller .commpause:hover {
		background-image: url(images/control_pause_blue.png);
	}
	.playercontroller .commstop {
		background-image: url(images/control_stop.png);
	}
	.playercontroller .commstop:hover {
		background-image: url(images/control_stop_blue.png);
	}
	.volcontainer {
	        background-color:#f0f0f0;
/*			float:left;*/
			display: inline-block;
			zoom: 1;
			*display: inline;
			height:18px;
			/*margin-left:2px;*/
			width:48px;
			cursor: pointer;
	}
	.vol0, .vol1, .vol2, .vol3, .vol4, .vol5, .vol6, .vol7 {
			float: left;
			width: 6px;
			background-position: 0px 0px;
                        background-repeat: no-repeat;
	}
	._vol0, ._vol1, ._vol2, ._vol3, ._vol4, ._vol5, ._vol6, ._vol7 {
			float: left;
			width: 6px;
			text-indent:-5em;
			display: none;
	}

	.vol0 div, .vol1 div, .vol2 div, .vol3 div, .vol4 div, .vol5 div, .vol6 div, .vol7 div, ._vol0 div, ._vol1 div, ._vol2 div, ._vol3 div, ._vol4 div, ._vol5 div, ._vol6 div, ._vol7 div {
		display: block;
    	height: 18px;
    	width: 6px;
    	overflow: hidden;
	}
	.vol0 div {
			background-image: url(images/vol0.png);
		}

	.vol1 div {
			background-image: url(images/vol1.png);
		}

	.vol2 div {
			background-image: url(images/vol2.png);
		}

	.vol3 div {
			background-image: url(images/vol3.png);
		}

	.vol4 div {
			background-image: url(images/vol4.png);
		}

	.vol5 div {
       		background-image: url(images/vol5.png);
		}

	.vol6 div {
       		background-image: url(images/vol6.png);
		}

	.vol7 div {
       		background-image: url(images/vol7.png);
		}

	._vol0 div {
			background-image: url(images/vola.png);
		}
    ._vol1 div {
			background-image: url(images/vol1_.png);
		}

	._vol2 div {
			background-image: url(images/vol2_.png);
		}

	._vol3 div {
			background-image: url(images/vol3_.png);
		}

	._vol4 div {
			background-image: url(images/vol4_.png);
		}

	._vol5 div {
         	background-image: url(images/vol5_.png);
		}

	._vol6 div {
         	background-image: url(images/vol6_.png);
		}

	._vol7 div {
         	background-image: url(images/vol7_.png);
		}

	.mp3vote, .mp3vote .mp3in {
    	 width: 100%;
         text-align: center !important;
	}

	.mp3vote .mp3str{
        margin: 0px auto;
        text-align: center !important;
	}

	.mp3votec, .mp3down {
        margin:0;
        text-decoration:none;
	}

	.mp3down {
		display: inline !important;
	}

	.mp3votec, .mp3votec div {
		display: inline-block;
		zoom: 1;
		*display: inline;
	}

	.mp3votec {
	    font-weight:bold;
	    font-size: 13px;
	}

	.mp3votec img {
		padding: 0;
	}

    .mp3num {
    	 margin:0 auto !important;
    	 padding-bottom: 3px;
         text-align: center !important;
         display: inline-block;
		 zoom: 1;
		 *display: inline;
    }

	.mp3num img {
	   display: inline !important;
	   margin: 0 !important;
	   border: 0px !important;
       background: none repeat scroll 0 0 transparent;
	}

	.mp3vote .mp3str img{
        display: inline !important;
        margin: 0 auto;
        border: 0 none;
        padding: 0;
	}

	.mp3_pink {
		background-color: pink;
        border: 1px dashed #E39F58;
        font-size: 0.8em;
        padding: -2px;
        text-align: center;
        width: 100%;
    }

/*    .mp3dm {
    	 display: inline !important;
         text-align: center !important;
    }*/

    .mp3pagination {
    	width:99%;
    }

    .mp3pages {
    	margin: 0px auto;
/*        display: inline-block;*/
        padding-top: 10px;
    }

    .mp3pages .mp3page, .mp3pages .mp3pagesel, .mp3pages .mp3pageb, .mp3pages .mp3pagebsel {
    	border: 0 none;
    	padding: 0;
    	/*display: inline-block;*/
    	/*float: left;*/
    	display: inline-block !important;
    }

    .mp3pages .mp3page, .mp3pages .mp3pagesel {
        padding-left: 7px;
    }

    .mp3pages .mp3page a {
        text-decoration: underline;
    }

    .mp3pages input, .mp3pnt {
		cursor: pointer;
    }

    .mp3pagebsel input.mp3but  {
    	font-weight: bold;
    	cursor: pointer;
    }

    .art-Post-body {
    	position: static !important; /*on some templates it's set to relative, change it!*/
    }

    .commedia .socbuttons {
        width: 20px;
/*			float:left;*/
		display: inline-block;
		zoom: 1;
		*display: inline;
    }

    .commedia .socbuttons .mp3fb {
        display: block;
        height: 20px;
        left: 0;
        margin-left: 0;
        padding-top: 4px;
        padding-bottom: 2px;
        width: 90px;
    }

    .commedia .mp3buttons {
        display: none;
        position: absolute;
        width: 160px !important;
        /*height: 20px !important;*/
        border-radius: 4px 4px 4px 4px;
        background: url("images/socbg.png") repeat scroll 0 0 transparent;
        float: none !important;
        line-height: 1em !important;
        margin-left: 20px !important;
        margin-top: -20px !important;
        overflow: visible !important;
        padding: 5px !important;
        position: absolute !important;
        text-align: left !important;
    }

    .commedia .mp3buttons_inner {
       background: none repeat scroll 0 0 #FFFFFF;
       border: 1px solid #FFFFFF;
       margin: 0;
    }

    .commedia .mp3buttons_head {
       background: none repeat scroll 0 0 #F2F2F2;
       border-bottom: 1px solid #E5E5E5;
       cursor: default;
       padding: 4px;
       position: relative;
       text-align: right !important;
       font-size: 12px !important;
    }

    .commedia .mp3buttons_head a {
       color: #4C4C4C;
       font-weight: bold;
       right: 4px;
       text-decoration: none;
       top: 4px;
    }

    . mp3buttons_hover {
    	display: block;
    	padding: 4px;
    }

   	.commedia .plus {
		background-image: url(images/plus.png);
		cursor: pointer;
        width: 20px;
        height: 20px;
        /*text-indent: -50em;*/
		background-repeat: no-repeat;
		background-position: 1px 1px;
	}

	.commedia .plus:hover {
		background-image: url(images/plus_blue.png);
	}

    .mp3yes, .mp3yes_green, .mp3no, .mp3no_red {
		height: 19px;
        width: 19px;
		text-indent: -50em;
		overflow: hidden;
        background-repeat: no-repeat;
    }

    .mp3yes {
    	background-image: url(images/yes.gif);
        cursor: pointer;
    	}

    .mp3yes_green {
    	background-image: url(images/yes_green.gif);
    }

    .mp3no {
    	background-image: url(images/no.gif);
        cursor: pointer;
    	}

    .mp3no_red {
    	background-image: url(images/no_red.gif);
    }

    .commedia .mp3det {
    	text-align: left;
        display: inline-block;
		zoom: 1;
		*display: inline;
    }

    .commedia .mp3new {
    	background-image: url(images/new.png);
    	background-position: 1px 1px;
        background-repeat: no-repeat;
        height: 20px;
        width: 40px;
        margin: 0 auto;
        display: inline-block;
		zoom: 1;
		*display: inline;
/*        position: relative;*/
    }

/*    .commedia .underplayer {
    	text-align: left !important;
    }*/

    .commedia .commcenter {
        text-align: center !important;
    }

    .commedia .commleft {
        text-align: left !important;
    }

    .commedia .commfilename {
     	display: block;
     	font-style: italic;
    }

     .jp-jplayer {
/*     	height: 1px;
     	width: 1px;*/
/*     	display: inline; */  /*Если включить, возможен черный прямоугольник в хроме*/
		cursor: pointer;
		top: 0px;
		left: 0px;
     }

     .commjvp {
        background: #F0F0F0;
        border-radius: 8px 8px 8px 8px;
        border: 1px solid #C0C0C0;
        margin: 0 auto;
        position: static;
     }

    .mp3_0, .mp3_1, .mp3_2, .mp3_3, .mp3_4, .mp3_5, .mp3_6, .mp3_7, .mp3_8, .mp3_9, .mp3_- {
		/*height: 33px;*/
        /*width: 15px !important;
		text-indent: -50em;
		overflow: hidden;
        background-repeat: no-repeat;*/
        display: inline-block;
        font-size: 29px;
        font-style: italic;
    }

    /*.mp3_0 {
    	background-image: url(images/0.gif) !important;
   	}

    .mp3_1 {
    	background-image: url(images/1.gif) !important;
   	}

    .mp3_2 {
    	background-image: url(images/2.gif) !important;
   	}

   	.mp3_3 {
    	background-image: url(images/3.gif) !important;
   	}

   	.mp3_4 {
    	background-image: url(images/4.gif) !important;
   	}

   	.mp3_5 {
    	background-image: url(images/5.gif) !important;
   	}

   	.mp3_6 {
    	background-image: url(images/6.gif) !important;
   	}

   	.mp3_7 {
    	background-image: url(images/7.gif) !important;
   	}

   	.mp3_8 {
    	background-image: url(images/8.gif) !important;
   	}

   	.mp3_9 {
    	background-image: url(images/9.gif) !important;
   	}

   	.mp3_- {
    	background-image: url(images/-.gif) !important;
   	}*/

    input.mp3but  {
    	cursor: pointer;
    }

   	.commedia .popup_big {
		background-image: url(images/popup_big.png);
		width: 98px;
   	}

   	.commedia .popup {
		background-image: url(images/popup.gif);
        width: 20px;
	}

  	.commedia .popup, .commedia .popup_big {
    	background-repeat: no-repeat;
        height: 20px;
   		cursor: pointer;
  	}

  	.commedia .onebutton {
        width: 98px;
		display: inline-block;
		zoom: 1;
		*display: inline;
    }

/*For version 3.2.6*/
    .commedia .repeaton {
		background-image: url(images/repeat_on.png);
		display: none;
	}
    .commedia .repeatoff {
		background-image: url(images/repeat_off.png);
	}

/*For verstion 3.2.8*/
     .commcomborep {
     	display: none;
     	position: absolute;
		cursor: pointer !important;
     }

     .commcomborep select {
		cursor: pointer !important;
		margin-top: -2px;
		/*Commedia 3.7.1+*/
        position: relative;
        z-index: 1;
     }

     .commedia .repcount {
     	font-weight: bold;
        margin-left: -5px;
        margin-top: -11px;
        position: absolute;
     }

	/*For version 3.2.14*/
	.downimg {
		cursor: pointer !important;
	    text-align: center !important;
        display: inline-block;
	}

    .down .downimg {
    	display: block;
    }

    /*For version 3.2.16*/
    .spinner {
    	display: none;
        bottom: 1px;
        right: 52px;
    }
    .spinnercontainer {
    	position: relative;
    	display: inline-block;
    }

    /*For version 3.3.2+*/
    table.commedia td.commtdgenre {
       text-align: center;
    }

    /*for version 3.3.5+*/
    .repeat {
    	position: relative;
    }

    /*for next version*/
    .commfolder {
       float: left;
       /*padding: 10px;*/
       width: 100%;
    }

    .commfolder a {
		cursor: pointer;
    }

    .commfolder ul {
       padding: 0px !important;
    }

    .commfolder li {
       background: url("images/icon_category.png") no-repeat scroll left top transparent;
       float: left;
       line-height: 2.4em !important;
       list-style: none outside none;
       margin: 3px 0 !important;
       width: 25%;
       min-height: 50px;
    }

	.commfolder li a {
	    margin-left: 50px;
    	text-decoration: none;
    }

	.commhere {
        padding-bottom: 10px;
    }

	.commhome {
           background: url("images/icon_category.png") no-repeat scroll left top transparent;
    }

    /*for version 3.7.7+*/
    .commtm {
		  cursor: default;
		  position: absolute;
		  text-align: center;
    }

    /*for version 4.*/
    .jp-gui {
      /*display: none !important;*/
    }

    div.jp-audio,
    div.jp-audio-stream,
    div.jp-video {
    	border: none !important;
    	background-color: transparent !important;
    }