table.minimalWidth {
	width: auto;
}

table.minimalWidth img {
	margin: 0;
}
.wp-caption .formTable th {
	padding: 0 5px 0 0;
}

.wp-caption .formTable td {
	padding: 0;
}

.formTable input, .formTable select {
    width: 14em;
}


*:focus{
	outline:none; /* Prevents blue border in Webkit */
}

#test1 body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; /*  */
}

#top_bit {
	width:760px;
	margin: 0 auto;
}

#test1 {
	
}

#test1 p {
	line-height: 1.6;
}

.testValidity input[type="submit"] {
	
	margin-top: 10px;
}

#content .wp-caption p {
    font-size: 0.8em !important;
    line-height: 1.4em !important;
    text-align: justify;
}


/*
 * STEP 1: Show the user when a form field is required with an orange star.
 */

/* Browsers that implement HTML5 Forms Natively */
.testValidity input:required, textarea:required{
	background:url("http://www.useragentman.com/blog/wp-content/uploads/2012/04/asterisk_orange.png") no-repeat right top;						
}

/* Polyfill */
.testValidity input[required] {
	background:url("http://www.useragentman.com/blog/wp-content/uploads/2012/04/asterisk_orange.png") no-repeat right top;		
}

/*
 * STEP 2: Show the user when a form field has valid data in it with a green checkmark.
 */

/* Browsers that implement HTML5 Forms Natively */
.testValidity input[required]:valid, textarea[required]:valid {
	/* Make this important if you want IE10 to work right. */
	background:url("http://www.useragentman.com/blog/wp-content/uploads/2012/04/tick.png") no-repeat right top !important;			
}

/* Polyfill */
.testValidity input[required].wf2_valid {
	background:url("http://www.useragentman.com/blog/wp-content/uploads/2012/04/tick.png") no-repeat right top;			
}


/*
 * STEP 3: Show the user when a form field has invalid data in it with a red 'X'.
 */	

/* Browsers that implement HTML5 Forms Natively */
.testValidity input:focus:invalid, textarea:focus:invalid {
	background:url("http://www.useragentman.com/blog/wp-content/uploads/2012/04/cancel.png") no-repeat right top;						
}

/* Polyfill */
.testValidity input.wf2_invalid:focus {
	background:url("http://www.useragentman.com/blog/wp-content/uploads/2012/04/cancel.png") no-repeat right top;						
}



/*
 * Screenshots 
 */

table.screenshots td  {
	padding: 0;
	
}

table.screenshots td img {
	border: none;
	width: 235px;
}




/*
 * Styling the "Full Name" error message.
 */

/*
 *  The background color of the main box 
 */

/* Webkit */
form.styleBubbleExample input[name="fullName"]::-webkit-validation-bubble-message {
	color: green !important;
	background: white;
	border: 1px solid black;
	padding: 18px;
	
}

input[name="fullName"]::-webkit-validation-bubble-icon {
	display: none;
}

/* Polyfill */
.wf2_fromForm_styleBubbleExample {
	color: green !important;
	background: white;
}

/* Needed for IE to get rid of gradient background, or to replace it with another gradient */
.wf2_fromForm_styleBubbleExample .wf2_errorMsgContainer {
	filter: none !important;
}


/*
 * Step 2: The arrow
 */

form.styleBubbleExample input::-webkit-validation-bubble-arrow {
	background: white;
    border: solid black 1px;
}

/* Polyfill */
.wf2_fromForm_styleBubbleExample:before {
	/* By default, the image is 29x15, but you can change it and position it with CSS */
	background: url('/blog/wp-content/uploads/2012/04/whiteValidationPointer.png') !important;
}