/*This class effects the color of the form and the way text
  appears on the form. Usually, this class will have a light
  gray background with black text. Ideally, you want to stay with
  this trend. */
.form{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #EEEEEE; /* Should be a light color*/
	color: #000000;	/*gives the text on the form the color black.*/
}

/* This class is only used in a couple of places. Mainly, the jobdetails
	and job list sections. These two files use two light grayish colors
	to offset fields displayed on the form. For jobdetails, this section
	is the job attributes section on the left. For joblist, this is used
	for alternating row colors. It is a good idea to keep this a light 
	color as well. */

.formOffsetColor{
	background-color:#c0c0c0; /*Should be a light color */
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000; /*should be black so text appears clearly on form. See above
					for reasons! */
}

/*Controls the color of the banner sections. Usually, this is the color
  of the client used to customize the app. Here, you can alter the 
  color of the banner and the color of the text in the banner. Try
  to make the text appear clearly on the banner. By default, this section
  has the banner color of blue with white text. */
.banner{
 	background-color: #006633; /*Color of the banner */
  	color: #FFFFFF;	/*color of the text */
	font-weight:bold; /*sets the text as bold which helps with clarity */
  	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
  }

/*Used minimally, but the color should be set to the color of the
  banner. This class is used to display text on forms using the 
  banner color as well as to display some links with the client color.
*/
 .bannertext{
	color: #333399; /*Should be banner color */
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
}