/* This wraps all html rendered by Mvc Dynamic Forms */
div.MvcDynamicForm {}

/* By default, every field is wrapped with this.
   The developer can modify the wrapping element
   and nearly all class names of rendered Html  */
div.MvcFieldWrapper
{    
    margin-bottom: 2em; /* provides spacing between fields */
}

/* These are used to style the labels that accompany
   your input elements. */
label.MvcDynamicFieldPrompt, label.MvcDynamicFieldError
{
    display: block; /* causes labels to appear above their input elements */
}

label.MvcDynamicFieldError,span.MvcDynamicFieldError
{
    color:Red; /* ERROR! */
}

/* Used to style the unordered lists that contain
   radio button lists and checkbox lists */
ul.MvcDynamicOrientableList
{
    list-style-type: none; /* prevents bullets from showing next to input elements */
}

/*  Used to style the list fields that can
    go in either vertical or horizontal directions
    (CheckboxList & RadioList) */
ul.MvcDynamicHorizontal li
{
    display:inline; /* causs list items to display horizontally */
    margin-right:1em; /* provides spacing between input elements */
}

/* Other unused selectors. These should be self-explanatory by now. */
ul.MvcDynamicVertical {}
ul.MvcDynamicVertical li {}
label.MvcDynamicCheckboxPrompt {}
div.MvcFieldWrapper input, textarea
{
	background: url("/Content/img/bg-form-field.gif") repeat-x scroll left top #FFFFFF;
	border: 1px solid #D5D5D5;
	color: #333333;
	font-size: 13px;
	padding: 6px;
	-moz-border-radius: 4px 4px 4px 4px;	
}  
div.MvcFieldWrapper input[type="text"], textarea
{
		width:200px;
}    

div.MvcFieldWrapper .HelpText {
	color: #4F4F4F;
    font-size: 11px;
    margin-left: 220px;
    width: 200px;
}
/*  You can view html source or use a DOM inspector 
    to figure out how to select elements to style them. */