/**
* @file
* @brief    metaudio audio and music library
* @author   Levente Hunyadi
* @version  0.8.0
* @remarks  Copyright (C) 2010 Levente Hunyadi
* @remarks  Licensed under GNU/GPLv3, see http://www.gnu.org/licenses/gpl-3.0.html
* @see      http://hunyadi.info.hu/projects/metaudio
*/

ul.metaudio {
margin:0 !important;
padding:0 !important;
list-style:none inside none !important;
}

ul.metaudio li {
margin:0 !important;
padding:0 !important;
background:transparent none no-repeat scroll 0 0 !important;
}

div.metaudio-item,
div.metaudio-itemdetails {
padding:4px;
}

div.metaudio-item > span {
display:inline-block !important;
height:25px !important;
width:25px !important;
/*background-image:url(information.png)*/
background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAKcSURBVDjLpZPLa9RXHMU/d0ysZEwmMQqZiTaP0agoaKGJUiwIxU0hUjtUQaIuXHSVbRVc+R8ICj5WvrCldJquhVqalIbOohuZxjDVxDSP0RgzyST9zdzvvffrQkh8tBs9yy9fPhw45xhV5X1U8+Yhc3U0LcEdVxdOVq20OA0ooQjhpnfhzuDZTx6++m9edfDFlZGMtXKxI6HJnrZGGtauAWAhcgwVnnB/enkGo/25859l3wIcvpzP2EhuHNpWF9/dWs/UnKW4EOGDkqhbQyqxjsKzMgM/P1ymhlO5C4ezK4DeS/c7RdzQoa3x1PaWenJjJZwT9rQ1gSp/js1jYoZdyfX8M1/mp7uFaTR8mrt29FEMQILr62jQ1I5kA8OF59jIItVA78dJertTiBNs1ZKfLNG+MUHX1oaURtIHEAOw3p/Y197MWHEJEUGCxwfHj8MTZIcnsGKxzrIURYzPLnJgbxvG2hMrKdjItjbV11CYKeG8R7ygIdB3sBMFhkem0RAAQ3Fuka7UZtRHrasOqhYNilOwrkrwnhCU/ON5/q04vHV48ThxOCuoAbxnBQB+am65QnO8FqMxNCjBe14mpHhxBBGCWBLxD3iyWMaYMLUKsO7WYH6Stk1xCAGccmR/Ozs/bKJuXS39R/YgIjgROloSDA39Deit1SZWotsjD8pfp5ONqZ6uTfyWn+T7X0f59t5fqDhUA4ry0fYtjJcWeZQvTBu4/VqRuk9/l9Fy5cbnX+6Od26s58HjWWaflwkusKGxjm1bmhkvLXHvh1+WMbWncgPfZN+qcvex6xnUXkzvSiYP7EvTvH4toDxdqDD4+ygT+cKMMbH+3MCZ7H9uAaDnqytpVX8cDScJlRY0YIwpAjcNcuePgXP/P6Z30QuoP4J7WbYhuQAAAABJRU5ErkJggg==') no-repeat scroll center center !important;
vertical-align: middle;
}

div.metaudio-item > span.missing {
/*background-image:url(information_missing.png)*/
background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAQAAAC1+jfqAAAAAXNSR0IArs4c6QAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9oLHhMVEmILDiEAAAACYktHRAD/h4/MvwAAAUdJREFUKJF9kctKAmEAhf9nGZ/HSfvdtAiKiFq1SCKoHCfNQdO8TJGWokQibkQSQsvIkuj2CA210xeYQd3E10IJEYqzOYsPzuEcgfhfvybpigeiVsjWbd0KBvZcM0BCGv0cbbp0aZFis++XU0Bchp0a7zSpUKZOhyqrzpqcAFHloFfjhUtKPNChQJFbKiz3lhSEQBjaCa+UyHPGiBE5suS5I8yChhCIkNWizjk5TmnTxsTEpMI1PgshEDuDZ4pkOcYEIE2SJCaPeAcIgfAPnihgkiHNF0MOiREjQZe5CWA1qWKS4ohPhhhEiJCjgWccsaHF6JAmwRvfwAc6Olds4xmXXFdWemVuiGMQJoiGRoUiak9VJkMtSulc0CRLhH0y1CngdlQ5NbVPyv4uDTrcU2cLd1+VM2fNu7wBj6Xablu11IA6e9bf+gEN2k+8UUvsXwAAAABJRU5ErkJggg==') !important;
}

div.metaudio-item {
/*background-image:url(item.png)*/
background:transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAAAAAADovi+AAAAGklEQVQIW2P4z8TABMIQ8j+URLAQNLoKIAkAL3YSK6xBecYAAAAASUVORK5CYII=') repeat-x scroll left bottom !important;
}

div.metaudio-itemdetails {
background: #EEEEEE none no-repeat scroll 100% 50%;
display:none;
max-height:100px;
overflow:auto;
}

ul.metaudio li a.metaudio-player,
ul.metaudio li a.sm2_link {
display:inline-block;
min-height:18px;
vertical-align: middle;
background-color:#778899;
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
padding:3px 9px 3px 25px;
min-width:18px;
text-decoration:none;
font-weight:normal;
color:#f6f9ff;
}

ul.metaudio li a.sm2_link {
/* safari 3.1+ fun (or, proprietary crap. TBD.) */
-webkit-transition-property: hover;
-webkit-transition: background-color 0.15s linear;
-moz-transition: background-color 0.15s linear 0s; /* firefox 4 */
-o-transition-property: background-color; /* opera 10.5 */
-o-transition-duration: 0.15s;
}

ul.metaudio li a.sm2_paused:hover,
ul.metaudio li a.sm2_link:hover {
background-image:url(icon_play.png);
background-position:3px 50%;
background-repeat:no-repeat;
}

ul.metaudio li a.sm2_link:hover {
background-color:#445566;
color:#fff;
}

ul.metaudio li a.sm2_paused {
background-color:#ccc;
}

ul.metaudio li a.sm2_paused:hover {
background:#999 url(icon_play.png) no-repeat 3px 50%;
}

ul.metaudio li a.sm2_playing,
ul.metaudio li a.sm2_playing:hover {
background:#334455 url(icon_pause.png) no-repeat 3px 50%;
text-decoration:none;
}

body #sm2-container object,
body #sm2-container embed {
position:absolute;
left:-9999px;
top:-9999px;
}