Visual and html editor not displaying correctly

The specific page I am trying to integrate with this plugin is here.

I am still in the early and at times stressful learning phases of html/css, and very eager to find out what I am missing. I am sure it is something quite simple, yet I cannot seem to locate the problem. I created a css class for my form within the Gravity form plugin, then placed it in my css file. The excerpt is below, I would really appreciate any guidance. I was not sure exactly where to put the ‘.userWYSIWYG’ class I created, the single post styles section seemed fitting.

/* ---------------------------------------------
 Single Post Styles
------------------------------------------------ */
.userWYSIWYG { !important;}	

.post {
	margin-left: 50px; margin-right: 50px; margin-top:15px;
	position:relative;float:center;
	padding: 15px;}
	.post-inner{padding-left:35px;padding-right:35px;padding-top:10px;padding-bottom:0px}
	h3.entry-title{
		font-size:32px;
		margin:10px 10px;
		line-height: 1.6em;
		font-weight: bold;
		border-top-style:solid;
		border-left-style:solid;
		padding: 30px;
	}

http://ww.wp.xz.cn/extend/plugins/gravity-forms-wysiwyg/