/******************************************/
	/* CSS tab - pull out from left of screen */
	/******************************************/
	#pullout {
	  position: absolute;
	  top: 210px;
	  left: -200px;
	  width: 236px;
	  height: 280px;
	  background: #ffffff;
	  transition: all 0.5s ease;
	  z-index:10;
	}
	
	#pullout.active {
	  left: 0;
	}
	
	#pullout-inner {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 200px;
	  height: 280px;
	  border: 1px solid #333;
	  overflow-y:auto;
	  overflow-x: hidden;
	  direction:rtl;
	  scrollbar-color: #5FA526 #7FA546;
	}
	
	#pullout-form {
	  width: 200px;
	  height: 280px;
	}
	
	#pullout-tab {
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 36px;
	  height: 280px;
	  background: #333333;
	  color: #ffffff;
	  cursor: pointer;
	  border-bottom-right-radius: 50%;
	  border-top-right-radius: 50%;
	}

	/********************************************/
	/* CSS tab - pull out from bottom of screen */
	/********************************************/
	#pullup {
	  position: fixed;
	  bottom: -300px;
	  right: 100px;
	  width: 300px;
	  height: 300px;
	  background: #ffffff;
	  transition: all 0.5s ease;
	  z-index:10;
	}
	
	#pullup.active {
	  bottom: 0;
	}
	
	#pullup-inner {
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 300px;
	  height: 300px;
	  border: 1px solid #333;
	  overflow-y:auto;
	  overflow-x: hidden;
	  scrollbar-color: #333 #666;
	}
	
	#pullup-form {
	  width: 300px;
	  height: 300px;
	}
	
	#pullup-tab {
	  position: absolute;
	  top: -30px;
	  left: 0;
	  padding-top: 5px;
	  width: 300px;
	  height: 30px;
	  background: #333;
	  color: #9d9d9d;
	  cursor: pointer;
	  /*font-weight:bold;*/
	  text-align:center;
	  border-top-left-radius: 30%;
	  border-top-right-radius: 30%;
	}