/*
 * ******************************************************************************
 *  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:#FFF}
.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:#FFF;-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:#5e71b4;    font:12px Arial,Helvetica,sans-serif;    text-align:left;    display:block;    margin-left:20px;    padding:0 5px 5px 5px;    height:30px;    width:180px;    background:#FFFFFF;    cursor:pointer;    -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;}
.extruder.top .extruder-content{    -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}

.extruder.bottom .flap{    
    position:relative;    
    color:white;    
    font:14px Arial,Helvetica,sans-serif;    
    font-weight:bold;
    text-align:center;
    vertical-align: middle;
    display:block;    margin:auto;    margin-top:1px;    padding:0 5px 5px 5px;    
    height: 15px;    width:100px;    background:#39516B;    cursor:pointer;    -moz-border-radius:8px 8px 0 0;    -webkit-border-top-left-radius:8px;    -webkit-border-top-right-radius:8px;    -webkit-border-bottom-left-radius:0;    -webkit-border-bottom-right-radius:0;    border-top-left-radius:8px;    border-top-right-radius:8px;    border-bottom-left-radius:0;    border-bottom-right-radius:0;    text-shadow:2px 2px 2px #333;    -moz-box-shadow:2px 0 5px #999;    -webkit-box-shadow:2px 0 5px #999;    box-shadow:2px 0 5px #999}
.extruder.bottom .footer{-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0;position:relative;margin-top:-5px}
.extruder.bottom .extruder-content{-moz-border-radius:8px 8px 0 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:8px;border-bottom-left-radius:0;border-bottom-right-radius:0}
.extruder.bottom .ext_wrapper{bottom:0}

.extruder.left{height:100%;background:url("../elements/extruder_blank.png")}
.extruder.left.open .extruder-content{-moz-box-shadow:2px 0 5px #999;-webkit-box-shadow:2px 0 5px #999;box-shadow:2px 0 5px #999}
.extruder.left .extruder-content{border-right:3px solid #FFF}
.extruder.left .footer{display:none}
.extruder.left .flap{
    font-size:16px;
    color:black;
    top:0;
    padding:5px 0 5px 5px;
    margin-right:-57px;
    background-image: url("../imagens/user_add.png");
    background-repeat:no-repeat;
    width:50px;
    position:absolute;
    right:0;
    -moz-border-radius:0 8px 0 8px;-webkit-border-top-left-radius:0;-webkit-border-top-right-radius:8px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:8px;border-top-left-radius:0;border-top-right-radius:8px;border-bottom-left-radius:0;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.left .flap .flapLabel{background:#FFF}

.extruder.right{height:100%;background:url("../elements/extruder_blank.png")}
.extruder.right.open .extruder-content{-moz-box-shadow:-2px 0 5px #999;-webkit-box-shadow:-2px 0 5px #999;box-shadow:-2px 0 5px #999}
.extruder.right .ext_wrapper{height:100%;right:0}
.extruder.right .footer{display:none}
.extruder.right .flap{font-size:18px;color:white;top:0;padding:10px 0 10px 10px;background:#000;width:30px;position:absolute;left:-37px;-moz-border-radius:8px 0 8px 0;-webkit-border-top-left-radius:8px;-webkit-border-top-right-radius:0;-webkit-border-bottom-left-radius:8px;-webkit-border-bottom-right-radius:0;border-top-left-radius:8px;border-top-right-radius:0;border-bottom-left-radius:8px;border-bottom-right-radius:0;-moz-box-shadow:-2px 0 5px #999;-webkit-box-shadow:-2px 0 5px #999;box-shadow:-2px 0 5px #999}
.extruder.right .flap .flapLabel{background:#000}

.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 .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;text-align: left;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:#39516B}:focus{outline:0}
