/**
 *
 *  Text player styles, default graphical player styles
 *
 */
@charset "UTF-8";

@font-face {
  font-family: 'fontello';
  src: url('inc/icons/fontello.eot');
  src: url('inc/icons/fontello.eot?#iefix') format('embedded-opentype'),
       url('inc/icons/fontello.woff') format('woff'),
       url('inc/icons/fontello.ttf') format('truetype'),
       url('inc/icons/fontello.svg#fontello') format('svg');
  font-weight: normal; font-style: normal;
}

.haiku-container {
    margin: 0;
    padding: 0;
    position: relative;
    clear: both;
    display: inline-block;
}
.haiku-container ul {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
}
.haiku-container li {
    margin: 0;
    padding: 0;
    list-style: none;
    list-style-type: none;
    float: left;
}
.haiku-no-solution {
	display: none;
/*    clear: both;
    overflow: hidden;
    color: #333;
    padding: 10px;
    background: #eee;
    border: 1px solid #ddd; */
}



/* text player
----------------------------------------------- */
.haiku-text-container ul {
    list-style: none;
    margin:0 0 15px 0;
}
.haiku-text-container li {
    margin: 0 10px 0 0 !important;
}



/* graphical player
----------------------------------------------- */
.haiku-graphical-container {
    height: 32px;
    width: 100%;
    padding: 0;
    background: #4597DE;
    color: #fff;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}
.haiku-graphical-container li {
    float: left;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    overflow: hidden;
    margin: 5px 0 0 0;
    border: 1px solid #333;
}
.haiku-graphical-container a {text-decoration:none;cursor:pointer;}
.haiku-graphical-container a:hover {text-decoration:none;cursor:pointer;}


/* pause/play/stop */ 
.haiku-graphical-container li.haiku-gui {
    width: 40px;
    height: 100%;
    overflow: hidden;
}
.haiku-graphical-container li.haiku-gui a {
    font-weight: normal;
    font-style: normal;
    font-size: 120%;
    color: #fff;
}
.haiku-graphical-container a:before { 
    width: 25px;
    height: 25px;
    font-size: 120%;
    text-shadow: none;
    color: #FFF;
}
.haiku-graphical-container a.haiku-play:before {content: '\f04b';}
.haiku-graphical-container a.haiku-pause:before {content: '\f04c';}
.haiku-graphical-container a.haiku-stop {display: none;}

/* seek bar */  
li.haiku-seek-container {
    margin: 2px 10px 0 5px;
    width: 140px;
}
div.haiku-seek-bar {
    height: 10px;
    margin: 10px 0 0 0;
    color: #000;
    background: #4597DE;
    background: -moz-linear-gradient(top,  #4597DE 0%, #4597DE 39%, #ffffff 40%, #ffffff 60%, #4597DE 61%, #4597DE 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4597DE), color-stop(39%,#4597DE), color-stop(40%,#ffffff), color-stop(60%,#ffffff), color-stop(61%,#4597DE), color-stop(100%,#4597DE));
    background: -webkit-linear-gradient(top,  #4597DE 0%,#4597DE 39%,#ffffff 40%,#ffffff 60%,#4597DE 61%,#4597DE 100%);
    background: -o-linear-gradient(top,  #4597DE 0%,#4597DE 39%,#ffffff 40%,#ffffff 60%,#4597DE 61%,#4597DE 100%);
    background: -ms-linear-gradient(top,  #4597DE 0%,#4597DE 39%,#ffffff 40%,#ffffff 60%,#4597DE 61%,#4597DE 100%);
    background: linear-gradient(top,  #4597DE 0%,#4597DE 39%,#ffffff 40%,#ffffff 60%,#4597DE 61%,#4597DE 100%);
}
div.haiku-play-bar {
    height: 100%;
    background: #fff;
    cursor: pointer;
}
div.haiku-seek-bar:hover,
div.haiku-play-bar:hover {cursor:pointer;}

/* zero height & width, no visible font for portfolio slideshow players */
.haiku-container.portfolio_slideshow_audio,
.haiku-player.portfolio_slideshow_audio {
    height: 0 !important;
    width: 0 !important;
    font-size: 0 !important;
}