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

.extruder .header{
  height:27px;
}

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

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

/*
.extruder.top .content{
  display:none;
}
*/


.extruder .footer{
  display:block;
  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 .flap{
  color: white;
  text-shadow: #000 2px 2px 2px;
  font:18px/18px Arial, Helvetica, sans-serif;
  text-align:center;
  display:block;
  padding:0 5px 5px 5px;
  height:30px;
  background:url("../elements/extruder_flap.png") no-repeat top center;
  cursor: pointer;
}

.extruder.left {
  position:absolute;
		top: 0;
		left: 0;
  height: 100%;
}

.extruder.left .content {
  /*display:none;*/
		border-right: 1px solid #99CC66;
}


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

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

.extruder.left .flap {
  cursor: pointer;
  font-size: 19px;
		line-height: 19px;
		font-weight: bold;
  color: #99CC66;
  position:absolute;
  top: 0;
  right: 0;
		padding: 0;
  margin: 0 -36px 0 0;
		background: #162e1e;
  width:36px;
  height: 260px;
  /*overflow:hidden;
  -moz-border-radius:0 8px 8px 0;
  -webkit-border-top-right-radius:8px;
  -webkit-border-bottom-right-radius:8px;
  -moz-box-shadow:#666 2px 0px 3px;
  -webkit-box-shadow:#666 2px 0px 3px;*/
}
.extruder.left .flap .flapLabel{
		background: #162e1e;
}


/*Extruder Content*/

  .extruder .voice{
    font:18px/18px Arial, Helvetica, sans-serif;
    color: #F1F396;
    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 .disabled{
					cursor:default;
				}
				
		.extruder .text {
						background: none;
						font: Arial, Helvetica, sans-serif;
						color: #F1F396;
						padding: 10px -36px 10px 0px;
						margin: 0 0 25px 0;
						/*text-shadow: #000 2px 2px 2px;*/
						position: relative;
						float: left;
				}
				
		.extruder .text p.head {
						font-size: 19px;
						font-weight: bolder;
						padding: 30px 35px 10px 30px;
						line-height: 1.3em;
						color: #F1F396;
				}
								
		.extruder .text p {
						font-size: 13px;
						font-weight: normal;
						padding: 0 35px 0 30px;
						line-height: 1.5em;
						color: #F1F396;
						text-align: left;
				}
			
		.extruder .text a {
						color: #99CC66;
						font-weight: bolder;
						font-size: 14px;
						padding-top: 10px;
				}	

  .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: white;
    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: grey;
    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;
}

  /*Shop-Teaser*/

		.extruder ul.shopteaser_2c {
			list-style-type: none;
			width: 360px;
			padding: 0 0 0 10px;
			display: block;
			clear: both;
			/*border-bottom:1px dashed #F1F396;*/
		}
		
		.extruder ul.shopteaser_2c li {
			float: left;
			padding: 5px 15px 5px 5px;
			text-align: center;
			width: 138px;
		}
		
		.extruder ul.shopteaser_2c li span {
			line-height: 1.5em;
		}
		
		.extruder ul.shopteaser_2c li a:link,
		.extruder ul.shopteaser_2c li a:active,
		.extruder ul.shopteaser_2c li a:visited {
			font-size: 12px;
			color: #99CC66;
			display: block;
			margin: 10px 0 0 0
		}
		
		.extruder ul.shopteaser_2c li a:hover {
			font-size: 12px;
			color: #F1F396;
			display: block;
		}