/*
This is the global classes stylesheet. It should contain
styles for html elements with class or id values that 
apply to all sites.

This stylesheet should always be "@import"ed by GlobalBase.css.
*/

/* Table.Layout is used for providing layout structures */
table.Layout
{
	border: none;
	border-collapse: collapse;
}

	table.Layout td.Layout
	{
		vertical-align: top;
		padding: 0px;
	}

/* 
	This is a well-known method to "fix" floated element clearing.

	More info on this at http://www.positioniseverything.net/easyclearing.html 

	NOTE: There is an IE-specific portion of this filter in GlobalIEAll.
*/
.ClearFix:after {
    content: "."; 
    display: block; 
    height: 0; 
    line-height: 0px;
    clear: both; 
    visibility: hidden; 
    overflow: hidden;
}
.ClearFix { display: inline-table; }

/* =Form Elements
-------------------------------------------------
   NOTE: The added "html" helps to make the style more specific, and override
   the "base" version as it should.
*/
textarea
, html textarea.Short
{
	height: 2.5em;
	padding: 3px;
}

input.Text
, select.Text
, textarea.Text
{
	width: 12em;
}

textarea.Text
{
	height: 4.5em;
}

html textarea.Medium
{ /* Medium height */
	height: 3.5em;
}

html textarea.Tall
{
	height: 6.5em;
}

input.Text
{
	padding-left: 3px;
}

html input.Natural
, html select.Natural
{
	width: auto !important;
}

html input.Quantity
{
	width: 4em;
}

html input.Narrow 
{ 
	width: 7em; 
}

html input.Wide
, html select.Wide
, html textarea.Wide 
{ 
	width: 30em; 
}

html input.MediumWide
, html select.MediumWide
, html textarea.MediumWide 
{ 
	width: 20em; 
}

html input.Full
, html select.Full
, html textarea.Full 
{ 
	width: 100%;
}

html input.Date 
{ 
	width: 7em; 
}

html input.DateTime 
{ 
	width: 15em; 
}

span.CheckBox
, table.CheckBox
, input.CheckBox
, span.RadioButton
{
}
	span.CheckBox input
	, table.CheckBox td input
	, input.CheckBox input
	, span.RadioButton input
	{
		float: left;
		margin: 0;
		clear: left;
		height: 1.5em;
		width: 1.5em;
	}

	span.CheckBox + *
	, input.CheckBox + *
	, span.RadioButton + *
	{ /* Clears the float from the CheckBox on the first item after the checkbox */
		clear: left;
	}

	span.CheckBox label
	, table.CheckBox td label
	, span.RadioButton label
	{
		line-height: 1.5em;
		margin-left: 3px;
	}