/*
 * ******************************************************************************
 *  jquery.mb.components
 *  file: mbExtruder.css
 *
 *  Copyright (c) 2001-2014. Matteo Bicocchi (Pupunzi);
 *  Open lab srl, Firenze - Italy
 *  email: matteo@open-lab.com
 *  site: 	http://pupunzi.com
 *  blog:	http://pupunzi.open-lab.com
 * 	http://open-lab.com
 *
 *  Licences: MIT, GPL
 *  http://www.opensource.org/licenses/mit-license.php
 *  http://www.gnu.org/licenses/gpl.html
 *
 *  last modified: 07/01/14 22.50
 *  *****************************************************************************
 */

.extruder {
    position: fixed;
    cursor: default;
    background: url("../elements/extruder_blank.png");
}
.extruder .header {
    height: 27px;
}
.extruder .extruder-content {
    /*display: none;*/
    background: #000;
}
.extruder.open .extruder-content {
    -moz-box-shadow: 2px 0 5px #999;
    -webkit-box-shadow: 2px 0 5px #999;
    box-shadow: 2px 0 5px #999;
}
.extruder .footer {
    display: none;
    height: 10px;
    background: #000;
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-top-left-radius: 0;
    -webkit-border-top-right-radius: 0;
    -webkit-border-bottom-left-radius: 8px;
    -webkit-border-bottom-right-radius: 8px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    -moz-box-shadow: 2px 0 5px #999;
    -webkit-box-shadow: 2px 0 5px #999;
    box-shadow: 2px 0 5px #999;
}
    .extruder.top .flap {
        color: #32363f;
        font: 18px/28px Arial, Helvetica, sans-serif;
        text-align: center;
        height: 42px;
        width: 100%;
        background: #0099d8;
        cursor: pointer;
        padding-top: 6px;
        background-image: url('/media/images/LandingPage/Buses-Expand.png');
        background-size: 65px;
        background-repeat: no-repeat;
        background-position: right -9px;
    }

    .extruder.top .flap span {
          white-space: nowrap;
          float: left;
          padding-left: 10px;
          font-weight:bold;
          text-shadow:none !important;
          padding-top:4px;
    }

    .extruder.top .flap {
    }

    .extruder.top .extruder-content  {
    
}

.extruder .voice {
    font: 18px/24px Arial, Helvetica, sans-serif;
    color: white;
    padding: 5px;
    padding-left: 10px;
    height: 27px;
    border-bottom: 1px solid #333;
    /*text-shadow: 2px 2px 2px #333;*/
}
.extruder .voice:last-child {
    border-bottom: 0;
}
.extruder .voice .disabled {
    cursor: default;
}
.extruder .text {
    background-color: #0099d8;
    font: 14px/16px Arial, Helvetica, sans-serif;
    color: gray;
    padding: 10px;
    border-bottom: 1px solid #333;
    /*text-shadow: 2px 2px 2px #333;*/
}
.extruder .voice.hover {
    background: url("../elements/extruder_voiceHover.png") repeat-x top;
}
.extruder .voice.sel {
    background: url("../elements/extruder_voiceHover.png") repeat-x top;
}
.extruder .voice img {
    float: left;
    margin-right: 15px;
}
.extruder .voice a.label {
    display: block;
    height: 30px;
    color: white;
    padding-top: 0;
    text-decoration: none;
}
.extruder .voice span.label {
    display: block;
    height: 30px;
    color: #d0cfcf;
    padding-top: 0;
    text-decoration: none;
}
.extruder .voice {
    position: relative;
}
.extruder .settingsBtn {
    display: block;
    position: absolute;
    width: 36px;
    height: 36px;
    background: url("../elements/settingsBtn.png") no-repeat bottom;
    cursor: pointer;
    right: -3px;
    top: -4px;
}
.extruder .optionsPanel {
    background: url("../elements/fuzz.gif");
    display: none;
    border-bottom: 1px solid #333;
}
.extruder .voice.sel {
    background: url("../elements/extruder_voiceHover.png") repeat-x top;
}
.optionsPanel .panelVoice a {
    text-decoration: none;
    display: block;
    color: #ccc;
    padding: 8px;
    padding-left: 20px;
    font-size: 16px;
    /*text-shadow: 2px 2px 2px #333;*/
    border-bottom: 1px solid #000;
    cursor: pointer;
}
.optionsPanel .panelVoice a:hover {
    color: #fff;
    background: url("../elements/red_op_50.png");
}
:focus {
    outline: 0;
}