/*
 * 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("/css/elements/extruder_blank.png");*/
}

.extruder .header{
  height:27px;
}

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

.extruder.open .content{

}


.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;
}

/*extruder TOP*/
.extruder.top .flap{
  color:white;
  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;

  /*background:url("/css/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;
  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;

  /*background:url("/css/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("/css/elements/extruder_blank.png");*/
}

.extruder.left.open .content{
}


.extruder.left .content{
  border-right:3px solid #1D4E5C;
  background-color: #BBBBBB; 
}


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

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

.extruder.left .flap{
  font-size:18px;
  color:white;
  top:0px;
  padding:10px 0 10px 10px;
  margin-right:-37px;
  background:#1D4E5C;
  width:30px;
  position:absolute;
  right:0;
  margin-top:110px;
  -moz-border-radius:0 10px 10px 0;
  -webkit-border-top-right-radius:10px;
  -webkit-border-bottom-right-radius:10px;
}

.extruder.left .flap .flapLabel{
  background: #1D4E5C;
}



/*extruder RIGHT*/

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

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

.extruder.right.open .content{

}

.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;
}

.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("/css/elements/extruder_blank.png") no-repeat bottom left;
  }
  .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;
  }

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

  .extruder .voice.sel{
	background:url("/css/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("/css/elements/settingsBtn.png") no-repeat bottom;
	cursor:pointer;
	right:-3px;
	top:-4px;
	/*z-index:1000;*/
  }

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

  .extruder .voice.sel{
	background: url("/css/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;
	border-bottom:1px solid #444;
	cursor:pointer;
  }
  .optionsPanel .panelVoice a:hover{
	color:#fff;
	/*background: #666666;*/
	background: url("/css/elements/red_op_50.png");
  }

:focus {
	outline: 0;
}