$(document).ready(function()
		{
		   $('input[name="modal"]:all').qtip(
		   {
			   content: {
					title: {
				        text: 'coming soon...',
				        button: 'close'
			        },
			        /*text: 'We\'re still putting the finishing touches on the webcast. If you\'d like us to send you an email when the course is available, all we need is your name and address.'*/
					url: '../objects/emailSignup.php'
				},
		      position: {
		         target: $(document.body), // Position it via the document body...
		         corner: 'center' // ...at the center of the viewport
		      },
		      show: {
		         when: 'click', // Show it on click
		         solo: true // And hide all other tooltips
		      },
		      hide: false,
		      //style: { title: { 'font-size': 12, 'font-weight': normal, 'color': #A4A4A4  } },
		      style: { 
		    	 width: { min:400, max: 400 },
		         padding: '14px',
		         background: '#EFEFEF',
		         'font-size': '12px',
		         title: {
		    		'font-family': '"Lucida Sans Unicode","Lucida Grande",Garuda,sans-serif',
		    		'font-weight': 'normal',
		    		'font-size': '18px',
		    	 	'color': '#A4A4A4'
		    	 },
		    	 text: {
		    	 },
		         border: {
		            width: 1,
		            radius: 0,
		            color: '#A4A4A4'
		         },
		         name: 'light'
		      },
		      api: {
		         beforeShow: function()
		         {
		            // Fade in the modal "blanket" using the defined show speed
		            $('#qtip-blanket').fadeIn(this.options.show.effect.length);
		         },
		         beforeHide: function()
		         {
		            // Fade out the modal "blanket" using the defined hide speed
		            $('#qtip-blanket').fadeOut(this.options.hide.effect.length);
		         }
		      }
		   });

		   // Create the modal backdrop on document load so all modal tooltips can use it
		   $('<div id="qtip-blanket">')
		      .css({
		         position: 'absolute',
		         top: $(document).scrollTop(), // Use document scrollTop so it's on-screen even if the window is scrolled
		         left: 0,
		         height: $(document).height(), // Span the full document height...
		         width: '100%', // ...and full width

		         opacity: 0.7, // Make it slightly transparent
		         backgroundColor: 'black',
		         zIndex: 5000  // Make sure the zIndex is below 6000 to keep it below tooltips!
		      })
		      .appendTo(document.body) // Append to the document body
		      .hide(); // Hide it initially
		});