/* 
==============================================================================================
P R O D U C T S   a n d   S E R V I C E S   E L E M E N T S
These are tags that are used to format Products and Services elements.
Focuses on all aspects of style, also named classes and id's.
==============================================================================================
*/





/*= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/
/* E D I T O R   G E N E R A L   C L A S S E S */

/*- - - - - - - - - - - - - - - - -*/
/* EDITOR control - styles for formatting Category controls. */
/*- - - - - - - - - - - - - - - - -*/
/* EDITOR control - styles for formatting CategoryEditor controls. */
.EditorControl
{
	padding-left: 5px; 
	padding-right: 5px;
}
/* Button: The submit button at the bottom of the control. */
.EditorControl .Button
{ 
	font-family: Arial; 
	font-size: 8pt;
	height: 20px;
	margin-top: 15pt;
}
.EditorControl .Cancel
{ 
	color: Maroon; 
}
/* Date: */
.ItemEditor .Date
{ 
	color: Red; 
	font-family: Tahoma; 
	font-size: 8pt;
}
.ItemEditor .Calendar
{ 
	font-family: Tahoma; 
	font-size: 8pt;
}
/* Error: The message that appears upon the occurrence of an error. */
.EditorControl .Error
{ 
	color: Red; 
	font-family: Tahoma; 
	font-size: 8pt;
	padding-bottom: 5pt;
}
/* Input: All Input fields in the control. */
.EditorControl .Input
{ 
	color: Black; 
	font-family: Tahoma; 
	font-size: 9pt;
}
/* Instructions: The instructive text that appears beneath the Title. */
.EditorControl .Instructions
{ 
	color: Black; 
	font-family: Arial; 
	font-size: 8pt;
	padding-bottom: 5pt;
}
/* Label: All Lables associated with input fields. */
.EditorControl .Label
{ 
	color: Maroon; 
	font-family: Verdana; 
	font-size: 8pt;
	padding-top: 5pt;
}
/* Options:  'Create', 'Read', 'Update', and 'Delete' link buttons appearing beneath the title and instructions. */
.EditorControl .Options A
{ 
	color: Blue; 
	font-family: Tahoma; 
	font-size: 8pt;
	padding-bottom: 5pt;
}
/* Results: The text that appears beneath the Title when an event has been successfully executed. */
.EditorControl .Results
{ 
	color: Green; 
	font-family: Arial; 
	font-size: 8pt;
	padding-bottom: 5pt;
}
/* Title: The text that appears at the top of the control. */
.EditorControl .Title
{ 
	color: Maroon; 
	font-weight: 600;
	font-family: Arial; 
	font-size: 10pt;
	padding-bottom: 5pt;
}



/*= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/
/* C A T E G O R Y   C L A S S E S */

/*- - - - - - - - - - - - - - - - -*/
/* CATEGORY control - styles for formatting Category controls. */
.Category
{
	background-color: Transparent;
	padding-left: 5px; 
	padding-right: 5px;
}
.Category A
{
	color: White;
	font-weight: 500;
}
/* CategoryName: The name of the category. */
.Category .CategoryName
{ 
	color: Yellow; 
	font-family: Arial; 
	font-size: 14pt;
	font-weight: 600;
	padding-bottom: 5pt;
}
/* Description: The descriptive text of the category. */
.Category .Description
{ 
	/*background-color: #469BBA;*/
	color: White;
	font-family: Arial; 
	font-size: 11pt;
}
/* ParentCategoryName: The name of the parent category. */
.Category .ParentCategoryName
{ 
	font-family: Arial; 
	font-size: 10pt;
	padding-bottom: 0pt;
}


/*- - - - - - - - - - - - - - - - -*/
/* CATEGORY EDITOR control - styles for formatting CategoryEditor controls. */
.CategoryEditor {}
/* Button: The submit button at the bottom of the control. */
.CategoryEditor .Button {}
/*Description:  The Description field. */
.CategoryEditor .Description
{ 
	height: 75px;
}
/* Error: The message that appears upon the occurrence of an error. */
.CategoryEditor .Error {}
/* Input: All Input fields in the control. */
.CategoryEditor .Input {}
/* Instructions: The instructive text that appears beneath the Title. */
.CategoryEditor .Instructions {}
/* Label: All Lables associated with input fields. */
.CategoryEditor .Label {}
/* Options:  'Create', 'Read', 'Update', and 'Delete' link buttons appearing beneath the title and instructions. */
.CategoryEditor .Options A {}
/* Results: The text that appears beneath the Title when an event has been successfully executed. */
.CategoryEditor .Results {}
/* Title: The text that appears at the top of the control. */
.CategoryEditor .Title {}

/*- - - - - - - - - - - - - - - - -*/
/* CATEGORY LIST control - styles for formatting CategoryList controls. */
.CategoryList
{
	float: left;
	/*height: 150px;*/
	/*overflow: scroll;*/
	padding-bottom: 10px;
	padding-left: 5px; 
	padding-right: 5px;
	width: 100%;
}
.CategoryList .Category
{
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	padding-left: 5px; 
	padding-right: 5px;
	vertical-align: top;
	width: 80px;
}
/* CategoryName: The name of the category. */
.CategoryList .CategoryName
{ 
	background-color: Black;
	color: White; 
	font-family: Arial; 
	font-size: 10pt;
	padding-bottom: 5pt;
}
/* Description: The descriptive text of the category. */
.CategoryList .Description
{ 
	font-family: Arial; 
	font-size: 9pt;
}
/* ParentCategoryName: The name of the parent category. */
.CategoryList .ParentCategoryName
{ 
	color: White; 
	font-family: Arial; 
	font-size: 9pt;
	padding-bottom: 0pt;
}
.CategoryList .Title
{ 
	color: Yellow;
	font-family: Garamond, 'Baskerville Old Face' , 'Times New Roman';
	font-size: 12pt;
	font-weight: 600;
	padding-bottom: 5pt;
}



/*= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =*/
/* I T E M   C L A S S E S */

/*- - - - - - - - - - - - - - - - -*/
/* ITEM control - styles for formatting Item controls. */
.Item
{
	background-color: Transparent;
	padding-left: 5px; 
	padding-right: 5px;
}
.Item A
{
	color: White;
	font-weight: 500;
}
/* ItemName: The name of the Item. */
.Item .ItemName
{ 
	color: Yellow; 
	font-family: Arial; 
	font-size: 14pt;
	font-weight: 600;
	padding-bottom: 5pt;
}
/* AltItemName: The alternative name of the Item. */
.Item .AltItemName
{ 
	color: White; 
	font-family: Arial; 
	font-size: 9pt;
	font-weight: 600;
	padding-bottom: 0pt;
}
/* Description: The descriptive text of the Item. */
.Item .Description
{ 
	color: White;
	font-family: Arial; 
	font-size: 11pt;
}
/* ParentItemName: The name of the parent Item. */
.Item .ParentItemName
{ 
	font-family: Arial; 
	font-size: 10pt;
	padding-bottom: 0pt;
}


/*- - - - - - - - - - - - - - - - -*/
/* ITEM EDITOR control - styles for formatting ItemEditor controls. */
.ItemEditor {}
/* Button: The submit button at the bottom of the control. */
.ItemEditor .Button {}
/* Error: The message that appears upon the occurrence of an error. */
.ItemEditor .Error {}
/* Footnote: */
.ItemEditor .Footnote {}
/* ImageCaption: */
.ItemEditor .ImageCaption {}
/* Input: All Input fields in the control. */
.ItemEditor .Input {}
/* Instructions: The instructive text that appears beneath the Title. */
.ItemEditor .Instructions {}
/* ItemName: */
.ItemEditor .ItemName {}
/* ItemNumber: */
.ItemEditor .ItemNumber {}
/* Label: All Lables associated with input fields. */
.ItemEditor .Label {}
/* Narrative: */
.ItemEditor .Narrative
{ 
	height: 75px;
}
/* Options:  'Create', 'Read', 'Update', and 'Delete' link buttons appearing beneath the title and instructions. */
.ItemEditor .Options {}
/* Results: The text that appears beneath the Title when an event has been successfully executed. */
.ItemEditor .Results {}
/* Title: The text that appears at the top of the control. */
.ItemEditor .Title {}


/*- - - - - - - - - - - - - - - - -*/
/* ITEM LIST control - styles for formatting ItemList controls. */
.ItemList
{
	float: left;
	/*height: 150px;*/
	/*overflow: scroll;*/
	padding-bottom: 10px;
	padding-left: 5px; 
	padding-right: 5px;
	width: 100%;
}
.ItemList .Item
{
	float: left;
	margin-bottom: 10px;
	margin-right: 5px;
	padding-left: 5px; 
	padding-right: 5px;
	vertical-align: top;
	width: 80px;
}
/* ItemName: The name of the Item. */
.ItemList .ItemName
{ 
	background-color: Maroon;
	color: White; 
	font-family: Arial; 
	font-size: 10pt;
	padding-bottom: 5pt;
}
/* Description: The descriptive text of the Item. */
.ItemList .Description
{ 
	font-family: Arial; 
	font-size: 9pt;
}
/* ParentItemName: The name of the parent Item. */
.ItemList .ParentItemName
{ 
	color: Blue; 
	font-family: Arial; 
	font-size: 9pt;
	padding-bottom: 0pt;
}
.ItemList .Title
{ 
	color: Yellow; 
	font-family: Garamond, 'Baskerville Old Face' , 'Times New Roman';
	font-size: 12pt;
	font-weight: 600;
	padding-bottom: 5pt;
}