/*
###===========================================================================
#
# Copyright (c) 2006 by Computors Limited. All Rights Reserved.
#
# No part of this publication or software may be reproduced, transmitted,
# transcribed, stored in a retrieval system, or translated into any
# language without the prior written authorization of Computors Limited.
#
# This is a licensed product of Computors Limitied.
#
# File CSS    : cm.css
#
# Description : Main Cascading Style Sheet for Content Management
#
#-----------------------------------------------------------------------------
# History
# Version   Date     Author      Comments
# --------  -------  ----------  ---------------------------------------------
# 01.00.00  02Jun06  A.D.Smith   Initial Version.
#
#-----------------------------------------------------------------------------
# NOTES
#
#
#
###===========================================================================
### Site Specific
###---------------------------------------------------------------------------
### - CSS specific to the site that cannot be standardised.
### - Prefix any names with a site specific lable.
###===========================================================================
*/
.Content_Menu_Area {
    float: left;
    clear: none;
    width: 186px;
}
.Content_Menu {
    width: 186px;
    margin: 0px 0px 0px 0px;
	  overflow: hidden;
}
.Content_Area {
    width: 736px;
    float: left;
    clear: none;
    padding: 0px 0px 10px 0px;
}

.CM_Content_Wrapper {
    float: left;
    clear: none;
    width: 550px;
}

.Content_Area_With_Menu {
    width: 550px;
    float: left;
    clear: none;
    padding: 0px 0px 10px 10px;
}


.CMC_IMAGE {
/*
    width: 150px;
    margin: 7px;
*/
}

.CM_List {
    padding: 0px 5px 5px 15px;
    list-style-type: disc;
    margin-left: 15px;
}
.CM_Text_Bullet {
    color: #404040;
}

.LIMITED_Content_Menu {
	border-color: #CD3A3A;
}
.SOLUTIONS_Content_Menu {
	border-color: #3ACD3A;
}
.SYSTEMS_Content_Menu {
	border-color: #3A3ACD;
}
.Content_Menu_Title {
    width: 177px;
	font-size: 1.1em;
	font-weight: bold;
    background-color: #333333;
    padding: 2px 4px 2px 4px;
    float: left;
    max-width: 175px;
}
.LIMITED_Content_Menu_Title {
	color: #FF6666;
}
.SOLUTIONS_Content_Menu_Title {
	color: #66FF66;
}
.SYSTEMS_Content_Menu_Title {
	color: #25ACFB;
}

.CM_Homepage_Text {
  clear: left;
}


a.XCM_Title_Link_SYSTEMS:link,
a.XCM_Title_Link_SYSTEMS:visited,
a.XCM_Title_Link_SYSTEMS:active,
{
   color: #0096E6;
}

a.XCM_Title_Link_SYSTEMS:hover,
{
   color: #25ACFB;
}

a.BackLink:link,
a.BackLink:visited,
a.BackLink:active,
{
   color: #000000;
}

a.BackLink:hover,
{
   color: #717171;
}

.Header_Image_Right {
    float: right;
    padding: 0px 0px 5px 5px;
}

.Content_Menu_Header {
    float: left;
    clear: none;
    width: 180px;
    height: 34px;
}
.Content_Menu_Header_SubTitle {
    float: left;
    clear: none;
    width: 180px;
    background-image: url(../images/content_menu_background.jpg);
    padding: 0px 30px 5px 25px;
}
.Content_Menu_Footer {
    float: left;
    clear: none;
    width: 180px;
    height: 34px;
}


/*
###===========================================================================
### Content Management - Categories
###===========================================================================
*/
.CMC_Content_Area {
    width: 736px;
	overflow: hidden;
}
.CMC_Header_Area {
    clear: left;
	padding: 0px 0px 20px 0px;
	overflow: hidden;
}
.CMC_Header_Title {
	padding: 12px 0px 12px 0px;
}
.LIMITED_CMC_Header_Title {color: #990000;}
.SOLUTIONS_CMC_Header_Title {color: #009900;}
.SYSTEMS_CMC_Header_Title {color: #000099;}

.CMC_Header_Description {
    clear: left;
    color: #404040;
	  padding: 10px;
}
.CMC_Header_Image {
	float: right;
	clear: none;
}
.CMC_List_Area {
	clear: both;
	padding: 10px 0px 0px 10px;
	overflow: hidden;
}
.CMC_List_Image {
	float: right;
	clear: none;
}
.CMC_List_Image_Left {
	float: Left;
	clear: none;
	padding: 0px 10px 0px 0px;
}
.CMC_List_Title {}
.LIMITED_CMC_List_Title {color: #990000;}
.SOLUTIONS_CMC_List_Title {color: #009900;}
.SYSTEMS_CMC_List_Title {color: #000099;}
.CMC_List_Text {
	padding: 0px 10px 0px 0px;
}
.CMC_List_More {
    margin: 0px 0px 20px 0px;
}
.CMC_List_Link {
	padding: 16px 0px 0px 0px;
}

/* Category Item List */
DIV.CMC_Item_Area {
	padding-left: 10px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 2px;
}
DIV.CMC_Item_Image_Area {
}
DIV.CMC_Item_Separator{
}
HR.CMC_Item_Separator{
	height: 1px;
}
.CMC_List_PageNav {
    width: 736px;
	text-align: right;
	padding: 10px 10px 10px 0px;
}

/*
###===========================================================================
### Content Management - Content Item 
###===========================================================================
*/

.CM_Homepage_Block {
    float: left;
    clear: none;
    width: 50%;
	  padding: 0px;
}

.CM_Splash_Block {
    float: left;
    text-align: center;
    clear: none;
    width: 50%;
	  padding: 0px;
}

.CM_Content_Area, .CM_Content_Area_Costs {
    width: 736px;
	overflow: hidden;
}

.CM_Header_Area {
  float: none;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
}
.CM_Header_Image {
    text-align: right;
}

.CM_Cat_Title {
	padding: 12px 0px 12px 0px;
}

.SOLUTIONS_Title, .SYSTEMS_Title {
  font-size: 1.4em;
	padding: 10px 0px 0px 10px;
}


html:not([dummy]) .SOLUTIONS_Title, html:not([dummy]) .SYSTEMS_Title {
	float: left;
  font-size: 1.4em;
	padding: 10px 0px 0px 10px;
}
.SOLUTIONS_Title {color: #009900;}
.SYSTEMS_Title {color: #0096E6;}


A.CM_Form_Link:link, A.CM_Form_Link:visited, A.CM_Form_Link:active {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding: 0px 2px 0px 0px;
	text-decoration: underline;
}

A.CM_Form_Link:hover {
	font-weight: normal;
	color: #0000FF;
	text-decoration: none;
}

.CM_Text_Bullet {
	font-size: 1em;
	padding: 2px 10px 0px 0px;
}



DIV.CM_Item_File_Area {
	float: none;
	padding: 10px 10px 10px 10px;
	height: 40px;
}
DIV.CM_Item_File_Icon {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}
DIV.CM_Item_File_Description {
	float: left;
	clear: none;
	padding: 0px 4px 0px 4px;
}

.CM_Paragraph {
  clear: left;
	overflow: hidden;
	padding: 0px 10px 16px 0px;
}

.CM_Paragraph_Area {
    clear: both;
    overflow: hidden;
}

.Portfolio_Section {
    padding: 10px;
    margin: 8px 0px 8px 0px;
    border-bottom: 1px #ffffff dotted;
    overflow: hidden;
    clear: both;
}

.Title_Wrapper {
  padding: 0px 0px 0px 0px;
  background-color: #cccccc;
  color: #000000;
}



.SOLUTIONS_Entry {
  font-size: 1.1em;
	color: #009900;
	padding: 5px 0px 5px 10px;
}
.SYSTEMS_Entry {
	color: #000000;
	padding: 5px 0px 5px 10px;
}
.CM_Text {
    color: #404040;
    padding: 0px 0px 5px 10px;
/*    visibility: collapse;*/
}

.CM_Text_Costs {
    color: #404040;
    padding: 0px 0px 5px 10px;  
}

.CM_Text_Costs UL.CM_Bullet_List {
  list-style: square inside url();
  list-style-type: square;
}

.CM_EntryPage_Text {
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
    color: #666666;
}

.CM_Image {
}
.CM_Image_Left {
  float: left;
	clear: left;
	padding: 0px 8px 8px 0px;
}
.CM_Image_Right {
  float: right;
	clear: none;
	padding: 0px 0px 8px 8px;
}
.CM_EntryPage_Image {
	text-align: center;
	padding: 10px 0px 0px 0px;
}

DIV.CM_Image1 {
	float: left;
	clear: both;
	padding: 0px 8px 0px 8px;
}

A.CM_Content_Link:link, A.CM_Content_Link:visited, A.CM_Content_Link:active  {
	text-decoration:underline;
}
A.CM_Content_Link:hover {
	text-decoration: none;
}
A.CM_Email_Link:link, A.CM_Email_Link:visited, A.CM_Email_Link:active {
	text-decoration:underline;
}
A.CM_Email_Link:hover {
	text-decoration: none;
}
A.CM_URLLink:link, A.CM_URLLink:visited, A.CM_URLLink:active {
	font-weight: bold;
	text-decoration:none;
}
A.CM_URLLink:hover {
	font-weight: bold;
	text-decoration: none;
}



A.CMTitle:link, A.CMTitle:visited, A.CMTitle:hover, A.CMTitle:active {
	text-decoration: none;
}
A.CMText:link, A.CMText:visited, A.CMText:active, A.CMText:hover {
	color: #0000FF;
	text-decoration: none;
}
A.CMMore:link, A.CMMore:visited, A.CMMore:active {
	text-decoration: underline;
}
A.CMMore:hover {
	text-decoration: none;
}


A.XCM_Link:link, A.XCM_Link:visited, A.XCM_Link:hover, A.XCM_Link:active {
	text-decoration: underline;
	color: #404040;
}

A.XCM_Link:hover {
  color: #000000;
}
A.XCM_Title_Link:link, A.XCM_Title_Link:visited, A.XCM_Title_Link:hover, A.XCM_Title_Link:active {
	text-decoration: none;
}
A.XCM_Text_Link:link, A.XCM_Text_Link:visited, A.XCM_Text_Link:hover, A.XCM_Text_Link:active {
	color: #404040;
	text-decoration: none;
}
A.XCM_Title_Link_SOLUTIONS:link, A.XCM_Title_Link_SOLUTIONS:visited, A.XCM_Title_Link_SOLUTIONS:hover, A.XCM_Title_Link_SOLUTIONS:active {
	color: #009900;
	text-decoration: none;
}

.CM_ImageList_Area {
}
.XCM_Item_ImageList {
	float: left;
	clear: none;
	padding: 0px 8px 4px 0px;
}

/*
###===========================================================================
### Content Management - Menus
###===========================================================================
*/
.LTD_CONTENT_Menu_Area,
.SOL_CONTENT_Menu_Area,
.SYS_CONTENT_Menu_Area {
	float: left;
	clear: none;
	width: 200px;
	padding: 4px 0px 4px 0px;
}

/* Level 1 */
.LTD_CONTENT_Section_Level_1,
.SOL_CONTENT_Section_Level_1,
.SYS_CONTENT_Section_Level_1 {
    list-style-type: none;
    float: left;
    padding: 0px !important;
}
.LTD_CONTENT_Item_Level_1,
.SOL_CONTENT_Item_Level_1,
.SYS_CONTENT_Item_Level_1 {
    clear: none;
    width: 175px;
    border-top: 1px #cccccc solid;
	padding: 4px 4px 0px 4px;
	margin: 4px 0px 4px 0px;
}
a.LTD_CONTENT_Link_1:link, a.LTD_CONTENT_Link_1:visited, a.LTD_CONTENT_Link_1:hover, a.LTD_CONTENT_Link_1:active,
a.SOL_CONTENT_Link_1:link, a.SOL_CONTENT_Link_1:visited, a.SOL_CONTENT_Link_1:hover, a.SOL_CONTENT_Link_1:active,
a.SYS_CONTENT_Link_1:link, a.SYS_CONTENT_Link_1:visited, a.SYS_CONTENT_Link_1:hover, a.SYS_CONTENT_Link_1:active {
	font-weight: 700;
	color: #333333;
	text-decoration:none;
    display: block;
    background-repeat: no-repeat;
    background-position: 0px 2px;
	padding: 0px 0px 0px 14px;
}
a.LTD_CONTENT_Link_1:hover,
a.LTD_CONTENT_Link_1_Current:link,
a.LTD_CONTENT_Link_1_Current:visited,
a.LTD_CONTENT_Link_1_Current:active,
a.LTD_CONTENT_Link_1_Current:hover {
    background-image: url(../images/content_menu_level_1_ltd.gif);
	color: #990000;
}
a.SOL_CONTENT_Link_1:hover,
a.SOL_CONTENT_Link_1_Current:link,
a.SOL_CONTENT_Link_1_Current:visited,
a.SOL_CONTENT_Link_1_Current:active,
a.SOL_CONTENT_Link_1_Current:hover {
    background-image: url(../images/content_menu_level_1_sol.gif);
	color: #009900;
}
a.SYS_CONTENT_Link_1:hover,
a.SYS_CONTENT_Link_1_Current:link,
a.SYS_CONTENT_Link_1_Current:visited,
a.SYS_CONTENT_Link_1_Current:hover,
a.SYS_CONTENT_Link_1_Current:active {
    background-image: url(../images/content_menu_level_1_sys.gif);
	color: #25ADFF;
}

/* Level 2 */
.LTD_CONTENT_Section_Level_2,
.SOL_CONTENT_Section_Level_2,
.SYS_CONTENT_Section_Level_2 {
    list-style-type: none;
    padding-left: 10px;
}
.LTD_CONTENT_Item_Level_2,
.SOL_CONTENT_Item_Level_2,
.SYS_CONTENT_Item_Level_2 {
    float: left;
    clear: none;
    width: 700px;
	padding: 0px 4px 0px 7px;
}
a.LTD_CONTENT_Link_2:link, a.LTD_CONTENT_Link_2:visited, a.LTD_CONTENT_Link_2:hover, a.LTD_CONTENT_Link_2:active,
a.SOL_CONTENT_Link_2:link, a.SOL_CONTENT_Link_2:visited, a.SOL_CONTENT_Link_2:hover, a.SOL_CONTENT_Link_2:active,
a.SYS_CONTENT_Link_2:link, a.SYS_CONTENT_Link_2:visited, a.SYS_CONTENT_Link_2:hover, a.SYS_CONTENT_Link_2:active {
	font-weight: normal;
	color: #555555;
	text-decoration:none;
    display: block;
  padding-left: 16px;
}
a.LTD_CONTENT_Link_2:hover,
a.LTD_CONTENT_Link_2_Current:link,
a.LTD_CONTENT_Link_2_Current:visited,
a.LTD_CONTENT_Link_2_Current:hover,
a.LTD_CONTENT_Link_2_Current:active {
	color: #990000;
}
a.SOL_CONTENT_Link_2:hover,
a.SOL_CONTENT_Link_2_Current:link,
a.SOL_CONTENT_Link_2_Current:visited,
a.SOL_CONTENT_Link_2_Current:hover,
a.SOL_CONTENT_Link_2_Current:active {
	color: #009900;
  background-image: url(../images/content_menu_level_1_sol.gif);
  background-repeat: no-repeat;
  background-position: left;
}
a.SYS_CONTENT_Link_2:hover,
a.SYS_CONTENT_Link_2_Current:link,
a.SYS_CONTENT_Link_2_Current:visited,
a.SYS_CONTENT_Link_2_Current:hover,
a.SYS_CONTENT_Link_2_Current:active {
	color: #000099;
}

a.XCM_Content_Link:link,
a.XCM_Content_Link:visited,
a.XCM_Content_Link:active,
a.XCM_Content_Link:hover {
  color: #7b7b7b;
}

/* Support Menu Overwrite */

.Content_Menu_Area_Support .SYS_CONTENT_Menu_Area {
  width: 710px;
}

.Content_Menu_Area_Support .SYS_CONTENT_Menu_Area .SYS_CONTENT_Item_Level_1 {
  width: 710px;  
}

.Content_Menu_Area_Support .SOL_CONTENT_Menu_Area {
  width: 710px;
}

.Content_Menu_Area_Support .SOL_CONTENT_Menu_Area .SOL_CONTENT_Item_Level_1 {
  width: 710px;  
}

