/* ----- .freeFormAreaStyle must be applied before the selector to ensure that the changes only affect the editing area ----- */


/* ----- Page Structure ----- */

.freeFormAreaStyle {
	width: auto;
	height: auto;
	margin: 0;
	padding: 0;
}

.freeFormAreaStyle .container {  /* -- used to create one main column -- */
	width: 45em;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

.freeFormAreaStyle .left-container { /* -- used to create the left column -- */
	float: left;
	width: 50%;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
}

.freeFormAreaStyle .right-container {  /* -- used to create the right column -- */
	float: left;
	margin: 0 0 0 2em;  /* -- This 2em margin is what separates the two columns -- */
	width: 45%;  /* -- This is 5% smaller than the left-container to ensure that they float side by side -- */
	height: 100%;
	background: #f0f0f0;
	padding: 0.5em; 
	font-size: 0.9em;
}

/* ----- Utilities ----- */

.freeFormAreaStyle .left {  /* -- used for aligning images and for the left column of lists -- */
	float: left;
	margin: 0.5em 0.5em 0 0;
}

.freeFormAreaStyle .big-left {  /* -- used for aligning big images and for the left sidebar -- */
	float: left;
	height: 100%;
	margin: 1em 1.5em 0 0;
}

.freeFormAreaStyle .right {
	float: left;  /* -- used for aligning images and for the right column of lists -- */
	margin: 0.5em 0 0 0.5em;
}	

.freeFormAreaStyle .text-right  { /* -- used for "View Company Profile links" -- */
	float: right;
	width: 100%;
	margin: 0 1em 0 0;
	text-align: right;
}

.freeFormAreaStyle .center {
	text-align: center;
}

.freeFormAreaStyle .clear {  /* -- use after applying a left or right class to create a hard return of sorts -- */
	clear: both;
}

.freeFormAreaStyle .inline {
display: inline;
}

/* ----- List Items ----- */

.freeFormAreaStyle ul {
	margin: 0 0 0 0.5em;
	padding: 0;
	width: auto;
	font-size: 0.9em;
	list-style: outside;
	color: #484747;
}

.freeFormAreaStyle ul li {
	padding: 0 0 0.25em 0.25em;
	margin: 0 0 0 1.25em;
}

.freeFormAreaStyle .inline li {  /* -- use for the top of the company page -- */
	display: inline;
}

.freeFormAreaStyle .left-container ul,
.freeFormAreaStyle .right-container ul {
	margin: 0 0 0 1.25em;
	padding: 0;
	width: 15em;
	font-size: 0.9em;
	list-style: disc;
}

.freeFormAreaStyle .right-container ul li,
.freeFormAreaStyle .left-container ul li {
	padding: 0 0 0.25em 0.25em;
	margin: 0 0 0 1.25em;

}

.freeFormAreaStyle ul.highlightsBox {
font-size: 1em;
margin: 2em 0 2em 0;
list-style: disc outside;
}

.freeFormAreaStyle dl {  /* -- use for question and answers -- */
	margin: 2em 0;
	padding: 0 0 0 1em;
	font-size: 0.9em;
	text-align: left;
	border-left: 1px solid #000;
}

.freeFormAreaStyle dl dt {  /* -- question -- */
	margin: 1em 0 0 0;
	font-weight: bold;
	color: #82a35c;
}

.freeFormAreaStyle dl dd {  /* -- answer -- */
	padding: 0 00.5em 1em;
	margin: 0 0 0 1em;
	color: #7da5db;
}

.freeFormAreaStyle ul.highlightsBox {
font-size: 1em;
margin: 2em 0 2em 0;
}

/* ----- Used to differentiate between the file types ----- */ 

.freeFormAreaStyle ul li.doc {  /*  -- Microsoft Word Document -- */
	list-style: outside url('/images/fileicons/msword_16x16.gif');
	background-position: 0.25em 0.25em;
	padding-left: 0.5em;
}

.freeFormAreaStyle ul li.ie {  /* -- Internet File -- */
	list-style: outside url('/images/fileicons/internetpage_16x16.gif');
	background-position: 0.25em 0.25em;
	padding-left: 0.5em;
}

.freeFormAreaStyle ul li.pdf {  /* -- Adobe PDF -- */
	list-style: outside url('/images/fileicons/pdf_16x16.gif');
	background-position: 0.25em 0.25em;
	padding-left: 0.5em;
}

.freeFormAreaStyle ul li.ppt {  /* -- Microsoft PowerPoint -- */
	list-style: outside url('/images/fileicons/powerpoint_16x16.gif');
	background-position: 0.25em 0.25em;
	padding-left: 0.5em;
}

.freeFormAreaStyle ul li.xls {  /* -- Microsoft Excel -- */
	list-style: outside url('/images/fileicons/excel_16x16.gif');
	background-position: 0.25em 0.25em;
	padding-left: 0.5em;
}

.freeFormAreaStyle ul li.zip {  /* -- Zipped File -- */
	list-style: outside url('/images/fileicons/zip_16x16.gif');
	background-position: 0.25em 0.25em;
	padding-left: 0.5em;
}

/* ----- Tables ----- */

.freeFormAreaStyle table, 
.freeFormAreaStyle tbody, 
.freeFormAreaStyle tfoot, 
.freeFormAreaStyle thead,  
.freeFormAreaStyle th, 
 {
	margin: 1em;
	padding: 0;
	outline: 0;
	border: 0;
	vertical-align: baseline;
	font: 0.9em normal "Trebuchet MS", Verdana, Helvetica, sans-serif;
	border-collapse: separate;
	border-spacing: 0; /* -- tables still need 'cellspacing="0"' in the markup -- */
}

.freeFormAreaStyle tr,
.freeFormAreaStyle td {
	padding: 0.75em 1em 0.75em 1em;
	
}

/* ----- Blue and Grey | id="excel" ----- */

.freeFormAreaStyle table#excel  {
	border: 1px solid #000000;
	padding: 0;
	text-align: right; /* -- used to text-align content to right -- */
}

.freeFormAreaStyle #excel th, 
.freeFormAreaStyle #excel tfoot,
.freeFormAreaStyle #excel thead {
	padding: 0.75em 1em 0.75em 1em;
	background-color: #6699cc;
	font-weight: bold;
	text-align: right;  /* -- used to text-align headings to right -- */
	color: #ffffff;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

.freeFormAreaStyle #excel th:first-child {
	text-align: left;  /* -- used to text-align first heading to leftt -- */
} 

.freeFormAreaStyle #excel td {
	padding: 0.75em 1em 0.75em 3.5em;
}

.freeFormAreaStyle #excel tr.odd td {
	background: #f0f0f0;
}

.freeFormAreaStyle #excel tr td:first-child {
	text-align: left;  /* -- used to text-align first column to leftt -- */
	padding: 0.75em 1em 0.75em 1em;
}

.freeFormAreaStyle #excel tr.total td {
	padding: 0.75em 1em 0.75em 1em;
	background-color: #6699cc;
	font-weight: bold;
	color: #ffffff;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
}

/* ----- Red and Pink | id="rose" ----- */

.freeFormAreaStyle table#rose {
	border: 1px solid #cccccc;
	padding: 0;
	text-align: right; /* -- used to text-align content to right -- */
}

.freeFormAreaStyle #rose th, 
.freeFormAreaStyle #excel tfoot,
.freeFormAreaStyle #excel thead {
	padding: 0.75em 1em 0.75em 1em;
	background-color: #990000;
	font-weight: bold;
	text-align: right;  /* -- used to text-align headings to right -- */
	color: #ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

.freeFormAreaStyle #rose th:first-child {
	text-align: left;  /* -- used to text-align first heading to leftt -- */
} 

.freeFormAreaStyle #rose td {
	padding: 0.75em 1em 0.75em 3.5em;
}

.freeFormAreaStyle #rose tr.odd td {
	background: #FFEEFF; /*-- #f2a7a7; old zebra stripe - too dark -- */
}

.freeFormAreaStyle #rose tr td:first-child {
	text-align: left;  /* -- used to text-align first column to leftt -- */
	padding: 0.75em 1em 0.75em 1em;
}

.freeFormAreaStyle #rose tr.total td {
	padding: 0.75em 1em 0.75em 1em;
	background-color: #990000;
	font-weight: bold;
	color: #ffffff;
	border-top: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

/* ----- Company | class="company" ----- */

.freeFormAreaStyle table.company {
	width: 10em;
	margin: 1em 0 1em 0em;
}

.freeFormAreaStyle .company th, 
.freeFormAreaStyle .company thead {
	font-size: 0.9em;
	text-align: center;
	padding: 0.75em 1.5em 0.75em 1.5em;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
}

.freeFormAreaStyle table.company caption {
	color: #990101;
	font-size: 1.1em;
	margin: 0.5em 0 0 0;
	text-align: left;
}

.freeFormAreaStyle .company td {
	font-size: 0.9em;
	padding: 0.75em 1.5em 0.75em 1.5em;
	text-align: center;
	border-bottom: 1px solid #cccccc;
}

.freeFormAreaStyle .company td:first-child {
	font-size: 0.9em;
	padding: 0.75em 1em 0.75em 1em;
	border-bottom: none;
}


.freeFormAreaStyle .company tr.odd td {
	background: #f5fafa;
}

.freeFormAreaStyle .company-body {
	margin-left: 1em;
}

.freeFormAreaStyle .company-body p {
	margin: auto auto auto 0.5em;
	line-height: inherit;
}

.freeFormAreaStyle .company-body ul {
	list-style-type: disc;
}

.freeFormAreaStyle .company-body li {
	font-size: 0.8em;
}

/* -- .company-header is the div class for the top of the company pages; currently not in use -- */

.freeFormAreaStyle .company-header ul {
	list-style: disc outside;
	font-size: 1.9em;
}

.freeFormAreaStyle .company-header li{
	display: inline;
}

.freeFormAreaStyle .company-article-body {
	width: 40em;

}
.freeFormAreaStyle .company-article-sidebar {
	width: 25em;
	background-color: #f0f0f0;
}

.freeFormAreaStyle #sidebar {
	float: right;
	width: 15em;
	height: 100%;
	margin: 0 1em 0 1em;
	padding: 0 1em 0 1em;
	border-left: 1px solid #f0f0f0; 
}

/* ----- Miscellaneous ----- */

.freeFormAreaStyle h5 {  /* -- Big Red Heading -- */
	color: #990101;
	font-size: 1.25em;
	text-transform: uppercase;
	margin: 0 0 0.25em 0.25em;
}

.freeFormAreaStyle h6 {  /* -- Small Black Heading -- */
	color: #000000;
	font-size: 1.1em;
	margin: 0.5em 0 0 0.25em;
}

.freeFormAreaStyle fieldset {  /* -- draws border around grouped objects -- */
	width: auto;
	height: auto;
	padding: 2.5em;
	margin: 1em;
}

.freeFormAreaStyle legend {  /* -- header for fieldset -- */
	font-weight: bold;
}

.freeFormAreaStyle blockquote:before, 
.freeFormAreaStyle blockquote:after {  /* -- This can be ignored but is needed for blockquote to work properly -- */
	content: "";
}

.freeFormAreaStyle blockquote p {
	padding: 0 1.5em 0 2.5em; 
	margin: 2.5em 0 2.5em 0;
	border-left: 1px solid #990101;
}

.freeFormAreaStyle .pullquote {
	float: right;
	font: 1.25em italic;
	color: #336699;
	padding: 1em;
	margin: 2em;
	border-top: 1px solid #990101;
	border-bottom: 1px solid #990101;
}