/*
 * jquery.mb.components
 * Copyright (c) 2001-2010. Matteo Bicocchi (Pupunzi); Open lab srl, Firenze - Italy
 * email: mbicocchi@open-lab.com
 * site: http://pupunzi.com
 *
 * Licences: MIT, GPL
 * http://www.opensource.org/licenses/mit-license.php
 * http://www.gnu.org/licenses/gpl.html
 */

.extruder{
  position:fixed;
  cursor:default;
  background:url("../elements/extruder_blank.png");
}

.extruder .header{
  height:27px;
}

.extruder .content{
  display:none;
  background:url("../elements/extruder_bgnd.png") repeat-y bottom left;
}

.extruder.open .content{
  -moz-box-shadow:#999 2px 1px 5px;
  -webkit-box-shadow:#999 2px 1px 5px;
}


.extruder .footer{
  display:none;
  height:10px;
  background:#000;
  -moz-border-radius: 0 0 8px 8px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-box-shadow:#999 2px 1px 5px;
  -webkit-box-shadow:#999 2px 1px 5px;
}

/*extruder TOP*/
.extruder.top .flap{
  color:white;
  text-shadow: #333 2px 2px 2px;
  font:18px/28px Arial, Helvetica, sans-serif;
  text-align:center;
  display:block;
  margin:auto;
  padding:0 5px 5px 5px;
  height:30px;
  width:180px;
  background:#000;
  -moz-border-radius:0 0 10px 10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-box-shadow:#999 2px 1px 5px;
  -webkit-box-shadow:#999 2px 1px 5px;

  /*background:url("../elements/extruder_flap.png") no-repeat top center;*/
  cursor:pointer;
}
.extruder.top .content{
  -moz-border-radius: 0 0 10px 10px;
  -webkit-border-bottom-left-radius:10px;
  -webkit-border-bottom-right-radius:10px;
}


/*extruder BOTTOM*/
.extruder.bottom .flap{
  position:relative;
  color:white;
  text-shadow: #333 2px 2px 2px;
  font:18px/28px Arial, Helvetica, sans-serif;
  text-align:center;
  display:block;
  margin:auto;
  margin-top:1px;
  padding:0 5px 5px 5px;
  height:30px;
  width:180px;
  background:#000;
  -moz-border-radius:10px 10px 0 0;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  -moz-box-shadow:#999 2px 0px 2px;
  -webkit-box-shadow:#999 2px 0px 2px;

  /*background:url("../elements/extruder_flap.png") no-repeat top center;*/
  cursor:pointer;
}

.extruder.bottom .footer{
  -moz-border-radius:10px 10px 0 0 ;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
  position:relative;
  margin-top:-5px;
}

.extruder.bottom .content{
  -moz-border-radius:10px 10px 0 0 ;
  -webkit-border-top-left-radius:10px;
  -webkit-border-top-right-radius:10px;
}

.extruder.bottom .ext_wrapper{
  bottom:0;
}


/*extruder LEFT*/

.extruder.left{
  height:100%;
  background:url("../elements/extruder_blank.png");
}

.extruder.left.open .content{
  -moz-box-shadow:#999 2px 0px 5px;
  -webkit-box-shadow:#999 2px 0px 5px;
}


.extruder.left .content{
  border-right:3px solid #000;
}


.extruder.left .ext_wrapper{
  height:100%;
}

.extruder.left .footer{
  display:none;
}

.extruder.left .flap{
  font-size:18px;
  color:white;
  top:0;
  padding:10px 0 10px 10px;
  margin-right:-37px;
  background:#000;
  width:30px;
  position:absolute;
  right:0;
  -moz-border-radius:0 10px 10px 0;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
  -moz-box-shadow:#999 2px 0px 5px;
  -webkit-box-shadow:#999 2px 0px 5px;
}

.extruder.left .flap .flapLabel{
  background:#000;
}



/*extruder RIGHT*/

.extruder.right{
  /*position:absolute;*/
  height:100%;
  background:url("../elements/extruder_blank.png");
}

.extruder.right .content{
  /*display:none;*/
  border-left:3px solid #000;
}

.extruder.right.open .content{
  -moz-box-shadow:#999 -2px 0px 5px;
  -webkit-box-shadow:#999 -2px 0px 5px;
}

.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;
  /*height:150px;*/
  position:absolute;
  /*overflow:hidden;*/
  left:-37px;
  -moz-border-radius:10px 0 0 10px;
  -webkit-border-top-left-radius:10px;
  -webkit-border-bottom-left-radius:10px;
  -moz-box-shadow:#999 -2px 0px 5px;
  -webkit-box-shadow:#999 -2px 0px 5px;
}

.extruder.right .flap .flapLabel{
  background:#000;
}







/*Extruder Content*/

  .extruder .voice{
    font:18px/18px Arial, Helvetica, sans-serif;
    color:white;
    padding:5px;
    padding-left:10px;
    height:27px;
    border-bottom:1px solid #333;
    background:url("../elements/extruder_blank.png") no-repeat bottom left;
    text-shadow:#333 2px 2px 2px;
  }
  .extruder .voice:last-child{
    border-bottom:none;
  }

 .extruder .voice .disabled{
   cursor:default;
  }
.extruder .text{
    background:#222;
    font:14px/16px Arial, Helvetica, sans-serif;
    color:gray;
    padding:10px;
    border-bottom:1px solid #333;
  text-shadow:#000 2px 2px 2px;
  }

  .extruder .voice.hover{
    background:url("../elements/extruder_voiceHover.png") no-repeat top;
  }

  .extruder .voice.sel{
    background:url("../elements/extruder_voiceHover.png") no-repeat top;
  }

  .extruder .voice img{
    float:left;
    margin-right:15px;
  }

  .extruder .voice a.label{
    display:block;
    height:30px;
    color:white;
    padding-top:0px;
    text-decoration:none;
  }

  .extruder .voice span.label{
    display:block;
    height:30px;
    color: #d0cfcf;
    padding-top:0px;
    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;
    /*z-index:1000;*/
  }

  .extruder .optionsPanel{
    /*background: url("../elements/optionsPanel.png") no-repeat bottom;*/
    background: url("../elements/fuzz.gif");
    display:none;
    border-bottom:1px solid #333;
  }

  .extruder .voice.sel{
    background: url("../elements/extruder_voiceHover.png") no-repeat top;
  }


  /*Extruder Panel*/

  .optionsPanel .panelVoice a{
    text-decoration:none;
    display:block;
    color:#cccccc;
    padding:8px;
    padding-left:20px;
    font-size:16px;
    text-shadow:#333 1px 1px 1px;
    border-bottom:1px solid #444;
    cursor:pointer;
  }
  .optionsPanel .panelVoice a:hover{
    color:#fff;
    /*background: #666666;*/
    background: url("../elements/red_op_50.png");
  }

:focus {
	outline: 0;
}