code: function() {
  			
  			// note: we wrap with a .tooltipster-box div to be able to set a margin on it
  			// (.tooltipster-base must not have one)
  			var $html = $(
  				'<div class="tooltipster-base tooltipster-sidetip">' +
  					'<div class="tooltipster-box">' +
  						'<div class="tooltipster-content"></div>' +
  					'</div>' +
  					'<div class="tooltipster-arrow">' +
  						'<div class="tooltipster-arrow-uncropped">' +
  							'<div class="tooltipster-arrow-border"></div>' +
  							'<div class="tooltipster-arrow-background"></div>' +
  						'</div>' +
  					'</div>' +
  				'</div>'
  			);
  			
  			// hide arrow if asked
  			if (!this.__options.arrow) {
  				$html
  					.find('.tooltipster-box')
  						.css('margin', 0)
  						.end()
  					.find('.tooltipster-arrow')
  						.hide();
  			}
  			
  			// apply min/max width if asked
  			if (this.__options.minWidth) {
  				$html.css('min-width', this.__options.minWidth + 'px');
  			}
  			if (this.__options.maxWidth) {
  				$html.css('max-width', this.__options.maxWidth + 'px');
  			}
  			
  			this.__instance._$tooltip = $html;
  			
  			// tell the instance that the tooltip element has been created
  			this.__instance._trigger('created');
  		}
docs: Creates the HTML element of the tooltip.
  
  @private