/* IMPORTANT NOTE: 
When changing the size of heights of elements for sysmex (eg. the height of the footer, or distance between rows etc)
Make sure you update the javascript file with the new heights and sizes as well.
*/

html,body,form
{
	/*Set the base color for all fonts*/
	color: #000000;
	font-size: 9pt;
	line-height: 130%;
}

h1
{
	color: #005BAC;
	font-size: 11pt;
	font-weight: bold;
	margin: 0;
}

h2
{
	color: #009944;
	font-size: 9pt;
	margin: 0;
	font-weight: bold;
}

h3
{
	color: #009944;
	font-size: 10pt;
	margin:0;
}

h4
{
	color: #000000;
	font-size: 9pt;
	margin:0;
	font-weight: bold;
}

hr
{
	width: 100%;
	margin: 3px 0 5px 0;
	padding: 0;
	height: 2px;
	background-color: #8DC556;
	border:none;
}

.seperator{
	
	font-size:1px;
	width: 100%;
	margin: 1px 0 5px 0;
	padding: 0;
	height: 2px;
	background-color: #8DC556;
	border:none;

	
}



em
{
	font-style: italic;
}

strike
{
	text-decoration: line-through;
}

.bold, strong
{
	font-weight: bold;
}

.red
{
	color: #FF0000;
}


.articleContent
{
	margin: 0 15px;
}

ul li
{
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 10px;
}

ul li li
{
	list-style-type: circle;
}

ol li
{
	list-style-type: decimal;
	list-style-position: inside;
}

.layoutArea
{
	width: 100%;
	/*font-size: 9pt;*/
}

.loginPanel
{
	/*font-size: 9pt;*/
}



.layoutArea .listArticle p
{
	margin: 0;
}

.layoutArea .listArticle
{
	margin-bottom: 20px;
}


.layoutArea a
{
	color: #005BAC;
	text-decoration: none;
}

.layoutArea a:hover
{
	color: #00A44F;
	/*text-decoration: underline; */
}



/*  Region for Breadcrumbs Area  */
#breadCrumbs
{
	font-size: 9pt;
	font-weight: bold;
	text-transform: capitalize;
}

#breadCrumbs a
{
	text-decoration: none;
}

#breadCrumbs .breadcrumb
{
	color: #005BAC;
}

#breadCrumbs a:hover, #breadCrumbs .breadcrumbcurrent
{
	color: #00A44F;
}

/* Reset the admin bar font size, as the yui menu was blowing up the fonts*/
.CrusherNetAdminBar .DropDownContainer
{
	font-size: 14px;
}


/* SETTING h1's to have a negative margin to move them closer to the top*/
.articleContent h1
{
	float: left;
	margin-top: -8px;  /* When you change this, you might need to change some of the javascript (which calculates the column size) */
	min-height: 20px; /* giving this a larger height pushes the green line down more */
}
.articleContent .seperator /* clear the floats from the article header */
{
	clear: both;
	float: none;
}

.scrollingContent h1 /* Reset the h1, so anything inside the scrolling content doesn't float up.*/
{
	float: none;
	margin-top: 0;
}

sup{vertical-align:super}
sub{vertical-align:sub}