/*  When creating Print version remove width on ArticleContainer and ReportContainer, this may be like 35em's; also change MenuContainer style to "display : none;"  */
/* Decision Engineering Style sheet for Publishing Web site;
GENERAL
Checked against IE5.5, IE6, CSS1, NS4, NS6 and Opera 5
One sheet to cover all purposes including:
   normal text
   toolbar area
   navigational tree
   and  specialised section reports.
Philosophy is that user is free to change text size and that the content must flow for different screen sizes.
(The above imply relative sizes, %, em's etc.)
Use text not images.  The text could potentially use downloaded fonts.
Use CSS positioning where it works.  There remain situations where table based layout is the sensible approach.  The table based methods will be kept to a minimum.
The shortcomings of CSS (as currently available) put some sorts of layout in the domain of XSLT transforms.
Uses a subset of the markup in HTML / xhtml.  (p, b, i, br, table, tr, td, ol, ul, li, a, img)
Uses class selectors rather than ID's.
Contains a Report definition within an element called ReportContainer.  This should be used as designed, examine the comments to see the intended containment.
NOTES:
1.  Do not automatically sort styles, this changes order.
2.  <space> means along ancestry, > means direct ancestor, + means adjacent.
3.  Pseudo-classes a:link/visited/active
4.  Pseudo-elements first-line, first-letter
5.  Some W3C sheets use sections called, body, header, affordances (colour and font), vertical, horizontal and body box.  That is not used here but the structure is worth considering during "code review" of the sheet.
6.  Markup intended only for a use in a block element, such as div, is declared as div...  Change if you generalise such classes.
7.  Naming.  HTML / xhtml elements named  as in xhtml standard (lowercase).  Own elements named with Pascal casing.
8.  Names are technically case insensitive but at least one implementation is case sensitive.  Treat as case sensitive.
SPECIFIC
Design specific information.  (Revise this if creating a new look.)
Colour scheme:  Based on File saved as TriadicRYB1.bmp
Imagery
Typography
NOTES:
Filters:
mask(color=#000000) shadow(color=#9BAD71, direction=135) chroma(color=#000000)
glow(color=#9BAD71, strength=7)
alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=0, FinishX=200, FinishY=0)
*/
/*  START WEFT fonts */

@font-face {
	font-family: Incognitype;
	font-style: normal;
	font-weight: normal;
	src: url(/_style/INCOGNI0.eot); 
}
/*  END WEFT fonts */
/*  START Standard Elements */
body {
	background-color: #FFFFFF;
	border: 0px none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body, p, ol, ul, li, .neat, .ContactDetails, .ContactDetailsMinor, .CopyrightText, .DateAndTime, .FooterNotes, .DSCommentTime, .DSCommentMaker, .ExplanatoryNote, .Instructions, .ReportItem, .ResultDetail, .SummarisedItem, .Warning, .NormalButton, div.CommentControl, .Client, .Project, .Report, .SectionGoal, .SectionDerived, .SectionInput, .HeadingBar, .MenuList li, td.BlockHeading h1, td.BlockHeading h2, td.BlockHeading h3, td.BlockHeading p, td.BlockHeading li, td.BlockAlternate h1, td.BlockAlternate h2, td.BlockAlternate h3, td.BlockAlternate p, td.BlockAlternate li, .FeedButton, .ToneFactual {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6 
{
	color: #2F2E89;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 175%;
}

h3 {
	font-size: 158%;
}

h4 {
	font-size: 133%;
}

h5 {
	font-size: 117%;
}

h6 {
	font-size: 100%;
}

/*  END Standard Elements */
/*  FIX png display failure in IE */
/*  Fix does not work as implemented on 2003-11-14 for png in stylesheet.  It also causes script run exception messages. */
/*  img {
	behavior:	url("pngbehavior.htc");
}  */
/*  END png display failure */
/*  START links */
/* An external link class may be introduced.  This would make external links distinct.  */
a {
	color: #2F2E89;
}

a:visited {
	color: #5E5EA6;
}

a:hover {
	color: #FF141D;
}

a:active {
	color: #FF141D;
}

/*  END links */
/*  START Standard Class Selectors */
.Account {
	font-family: Consolas, "Courier New", Courier, monospace;
	font-weight: bold;
	text-align: right;
	vertical-align: bottom;
}

.BodyUnderEdit {
	font-size: 110%;
}

.Callout {
	color: #FF141D;
}

.ContactDetails {
	font-size: 110%;
	font-weight: bold;
}

.ContactDetailsMinor {
	font-size: 80%;
	font-weight: bold;
}

.CopyrightText {
	color: #525464;
	font-size: 65%;
	font-weight: bold;
}

.DateAndTime, .FooterNotes, .DSCommentTime, .DSCommentMaker {
	color: #8E8EB3; /*  This defines a number of elements one way.  This retains the meaning of the elements. */
	font-size: 60%;
	font-weight: bold;
	line-height: 1.20em;
	margin-bottom: 8px; /* IE 6 can malfunction in rendering this when there are top and bottom margins, especially when they're ems but also for px's */
	margin-top: 8px;
	text-align: right;
}

.emailEcho {
	background-color: #FBFCCF; /* Used when showing content of an email message sent from the site */
}

.ExceptionMessage {
	font-size: 110%; /* Indicates an exception message */
	font-weight: bold;
}

.ExplanatoryNote {
 /* Explains. Such as meaning and implications of a question on a form. */
	font-size: 70%;
	font-weight: bold;
}

.FormExplain {
	background-color: #E0E1EA;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}

.GeneralInfo {
	background-color: #FBFCCF;
	font-family: Arial, Helvetica, sans-serif;
}

.Hilighted {
	color: Red;
}

.ImageLeft {
	border: none;
	clear: both;
	float: left;
	padding: 3px 3px;
}

.ImageRight {
	border: none;
	clear: both;
	float: right;
	padding: 3px 3px;
}

.Instructions {
 /* What to do */
	font-size: 80%;
}

.Introduction {
	font-family: Tahoma, Arial, Helvetica, sans-serif; /* Introductory text */
	font-size: 105%;
	padding: 6px 6px 6px;
}

 div.Introduction p, div.Introduction ul, div.Introduction ol {
	font-family: Tahoma, Arial, Helvetica, sans-serif; /* For introductory text.  paragraphs and lists, no bold or italic. */
}
 
div.IntroductionArea{
	background: #EEEEEE;
	border: thin solid #CCCCCC;
	color: #373751;
	font-family: Arial, Helvetica, sans-serif; /* Cannot use absolute positioning when there is a following sibling div. You lose positioning. */
	font-size: 117%;
	left: 0%;
	margin: 0;
	padding: 5px;
	position: relative;
	width: 100%;
	z-index: 11;
}

.MandatoryInfo {
	background-color: #EEEEEE; /* Answer that must be given on a form */
	font-family: Arial, Helvetica, sans-serif;
}

.NewsBody {
	font-family: Georgia, Rockwell, Garamond, serif;
}

.PublicTable{
	background: #FFFFFF;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	padding-left: .5em;
	padding-right: 0.5em;
	vertical-align: top;
}

.PublicTable td{
	vertical-align: top;
}

.PublicTable th{
	font-size: 110%;
	font-weight: bold;
	vertical-align: top;
}

.RatingOption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.ReportItem {
	font-size: 80%;
}

div.Sidebar {
	background-color: #EEEEEE;
	color: #922529;
	float: right;
	padding: 7px 7px;
	width: 35%;
}

div.Insert {
	float: right;
	padding: 7px 7px;
	width: 35%;
}

.SummarisedItem {
	color: #525464;
	font-size: 90%;
}

.TitleUnderEdit {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
.Typewriter {
	font-family: Consolas, "Courier New", Courier, monospace;
}

.Warning {
	color: Red;
 /* Warning. Intended to stand out from rest of text */
	font-size: 80%;
	font-weight: bold;
}

.NormalButton {
	background: #CCCCCC;
	border: 2px outset;
	color: #FFFFFF;
	margin: 0;
	padding: 4px 4px;
	text-decoration: none;
	font-weight: bold;
	font-size: 75%;
}

.ActionButton
{
	border-style: outset;
	border-width: 3px;
	border-color: #F6F6F6 #EEE #EEE #F6F6F6;
	padding: 4px 4px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 85%;
	font-weight: bold;
	color: #000;
	background: #DDD;
	text-decoration: none;
	margin: 0;
}

.QuestionAreaToggle
{
	padding: 0.75em 0.75em;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 75%;
	font-weight: bold;
	color: #555;
	background: #EEE;
	text-decoration: none;
	margin: 0em;
	-moz-border-radius: 0.25em;
	-webkit-border-radius: 0.25em;
	border-radius: 0.25em;
}

.Buttonised {
	color: #000080;
	border-bottom: 1px solid Silver;
	border-left: 1px solid Silver;
	border-right: 1px solid Silver;
	border-top: 1px solid Silver;
	padding-left: 0.15em;
	padding-right: 0.15em;
	padding-top: 0.15em;
	padding-bottom: 0.15em;
}

div.FinePrint
	{
	border: thin solid Navy;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 85%;
	padding: 1em;
}

/*  END Standard Class Selectors */
/*  START Article.  This tag marks a DIV that implements part of the Report Structure.  See Below. */
.ArticleContainer {
	margin: 18px auto 6px auto; /* A self standing alternative to ArticlesArticle.  Contains A...Introduction and A...Body. */
	padding: 6px 1em 6px 0.5em;
	width: 35em;
}

/*  END Article */
/*  START Footer.  This marks a DIV that is a freestanding Footer within a body.  Similar to ReportFooter.. */
div.Footer {
	background-color: #EEEEEE; /* Within a body.  See also ReportFooter.  */
	margin: 1em 0px 0px 0px;
	padding: 5px 2em 5px 1em;
	clear: both;
}

/*  START Report.  Contains a logical structure (implemented as DIVs)  these follow */
div.ReportContainer {
	margin: 6px auto 6px auto; /* The overall container of a report. Contains Header, Introduction, Content and Footer subelements. */
	padding: 6px 1em 6px 0.5em;
	width: 35em;
}

div.ReportHeader {
	padding: 5px; /* Within the ReportContainer */
}

.ReportIntroduction {
	background-color: #FFFFFF; /* Within the ReportContainer */
	border: thin solid #2F2E89;
	color: #922529;
	float: right;
	margin-bottom: 5px;
	margin-left: 5px;
	margin-top: 5px;
	padding: 5px;
	width: 30%;
}

div.ContentMonitoring {
	background-color: #EEEEEE; /* Fails in this class background colour is missing due to float is following elements? */
	margin: 5px 0px 5px 0px;
	padding: 5px;
}

div.CommentaryComment, div.DSComment, div.Comment {
	background-image: url(../images/SectionTLCorner.gif);
	background-position: top left;
	background-repeat: no-repeat;
	margin: 5px 0px 0px 0px; /*  The body of the comment has no class markup.  This simplifies editing.  The body can contain, hN, p, br, ul, ol, li, b and i tags.  */
	padding: 0.5em;
	width: auto;
}

.DSCommentTitle {
	color: #2F2E89; /* Designed for a p element. */
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 117%;
}

div.ContentCommentary, div.DiscussionSection {
	background-image: url(../images/SectionTLCorner.gif); /*  The body of the comment has no class markup.  This simplifies editing.  The body can contain, hN, p, br, ul, ol, li, b and i tags.  */
	background-position: top left;
	background-repeat: no-repeat;
	font-size: 90%;
	margin-bottom: 6px;
	margin-top: 6px;
	padding: 0.5em;
}

/* div.CommentIntroduction {
}

div.CommentBody {
} */

div.CommentControl {
	font-size: 75%; /* Contained within CommentaryComment, contains the controls for the comment such as Edit and Delete */
}

div.ContentArticles {
	width: 100%; /* Contained within Content, contains ArticleTitle, ArticleIntroduction and ArticleBody */
}

div.ArticlesArticle {
	border-top-color: #2F2E89;
	border-top-style: dashed;
	border-top-width: 1px;
	margin: 0px 0px 0px 0px;
	padding: 0.5em; /* This element is within Articles (ContentArticles) and contains ArticleIntroduction and ArticleBody elements. */
}

div.ArticleSummary {
	border-top-color: #2F2E89;
	border-top-style: dashed;
	border-top-width: 1px;
	font-size: 85%;
	margin: 0px 0px 0px 0px;
	padding: 0.5em; /* Similar to ArticlesArticle.  Provides a summary. */
	overflow: auto; /* These two lines make clearer unnecessary in IE 7 and Opera 9, but cause unwanted side effects in Firefox 2.0.  SO clearer is still needed. Put in here as backstop protection.  */
	width: 100%
}

.Clearer {
	clear: both;
	height: 0px;
	line-height: 0px;
	margin-bottom: 0%;
	margin-top: 0%;
	padding-bottom: 0%;
	padding-top: 0%;
	position: relative;
}

div.ArticleIntroduction {
	color: #EEEEEE;
	padding: 5px; /* This element is within Article (ArticlesArticle). It introduces the article including headings/tiles. */
}

 div.ArticleIntroduction h1, div.ArticleIntroduction h2, div.ArticleIntroduction h3, div.ArticleIntroduction h4, div.ArticleIntroduction h5, div.ArticleIntroduction h6 {
	color: #2F2E89; /* For headings within containers of this class */
}
 
/* div.ArticleBody {
} */

/*div.ArticleBody p:first-letter { */
/* Special styling in text.  Wanted to use div.ArticleBody:first-letter but this did not work with IE6 on 2003-11-14 */
/* The padding to make it more readable */
/* Could change the font and colour */
/*	float : left;
	font-weight : bolder;
	padding-right : 0.05em;
} */
div.ReportFooter {
	background-color: #EEEEEE; /* Within the ReportContainer*/
	bottom: auto;
	margin: 10px 0px 5px 0px;
	padding: 5px;
	position: relative;
}

/*  END Report */
/*  START Treeview Features.
The treeview feature is implemented using these styles.
They define the look of items when the user is navigating. 
The treeview has nodes with types, Client, Project, Report and three types of section.
Those sections are SectionGoal, SectionDerived and SectionInput.  (see Concept model description.)  */
.Client,
 .Project,
  .Report,
   .SectionGoal,
    .SectionDerived,
	 .SectionInput {
	color: #000000;
	cursor:pointer;
	font-size: 75%;
	padding: 0px;
	text-decoration: none;
}

.Client:hover,
	.Project:hover {
	color: #000000;
	cursor:pointer;
	font-size: 75%;
	padding: 0px;
	text-decoration: none;
}

.Report:hover,
   .SectionGoal:hover,
    .SectionDerived:hover,
	 .SectionInput:hover {
	background-color: #E0E1EA;
	cursor:pointer;
	font-weight: bold;
	text-decoration: none;
}

/*  END Treeview Features */
/*  START HeadingBar Features */
.HeadingBar {
	background: #5D5BB8 url(/images/HeadingBarBackground2.gif);
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	border-top: 0px;
	color: #922529; /*  Covers the whole HeadingBar contains HeadingBarContainer */
	font-weight: bold;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
}

.HeadingBarContainer {
	background-position: top left; /*  Contained in HeadingBar.  Contains HeadingBarMessage, HeadingBarLogo and MenuContainer */
	background-repeat: no-repeat;
}

.HeadingBarMessage {
	color: #FFFFFF;
	font-size: 110%;
	font-weight: bold; /*  Contained in HeadingBarContainer.  Contains MenuList and CurrentItem */
}

.HeadingBarImageArea {
	color: Black;
	padding: 4px 4px 4px 4px; /*  Contained in HeadingBarContainer.  Contains MenuList and CurrentItem */
}

/* .HeadingBarLogo {
} */

/*  END Headingbar Features */

 /*  START Horizontal Menu */

.MenuContainer {
	vertical-align: bottom;
	padding-left: 1em;
}

.MenuList {
	border: 0 none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.MenuList li {
	display: block;
	float: left;
	font-size: 125%;
	font-weight: bold;
	line-height: 130%;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	background: url(/images/TabCorner.gif) no-repeat left top;
	border: none;
	color: #2F2E89;
}

.MenuList li a {
	color: #000080;
	text-decoration: none;
}

.MenuList li a:hover {
	color: Blue;
}

.MenuList li.CurrentItem {
	color: Silver;
}

.MenuListCompact {
	border: 0 none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

.MenuListCompact li
{
	border-style: solid;
	border-width: 1px;
	border-color: inherit;
	margin: 1px;
	display: block;
	float: left;
	font-family: Calibri, Optima, Tahoma, sans-serif;
	font-size: 100%;
	font-weight: bold;
	line-height: 105%;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	color: #2F2E89;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: left top;
}

.MenuListCompact li a {
	color: #000080;
	text-decoration: none;
}

.MenuListCompact li a:hover {
	color: Blue;
}

.MenuListCompact li.CurrentItem {
	color: Silver;
}

 /*  END Horizontal Menu */
/*  START DiscussionSection Features */
/* It may be feasible to unify this with CommentaryComment material */
/* The design philosophy includes, specific for the intended use and leave sizing out of classes that may be nested. */
/*  END DiscussionSection Features */
/*  START Block Styles */
/* These are designed to support blocks within tables and other containers.  The blocks have a heading and an alternate style.  Each is expected to contain p, ul and ol components. */
.BlockHeading {
	background: #8E8EB3;
	vertical-align: top;
}

td.BlockHeading h1, td.BlockHeading h2, td.BlockHeading h3, td.BlockHeading p, td.BlockHeading li{
	text-align: center;
}

.BlockAlternate {
	background: #DDDDDD;
	vertical-align: top;
}

td.BlockAlternate h1, td.BlockAlternate h2, td.BlockAlternate h3, td.BlockAlternate p, td.BlockAlternate li{
	text-align: left;
}

/*  END Block Styles */
/*  START News Feed Styles */
.FeedButton {
	background: #F60;
	border: 1px solid;
	border-color: #FC9 #630 #330 #F96;
	color: #FFF;
	font-size: 75%;
	font-weight: bold;
	margin: 0;
	padding: 0px 3px;
	text-decoration: none;
}

/*  END News Feed Styles */
/*  START Controls Styles */
a.control {
	border: 2px outset silver;
	font-size: 92%;
	margin: 4px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	text-align: right;
	text-decoration: none;
}

/*  END Controls Styles */

/*  START For concept networks and ajaxy pages and email */

div.ConceptSection {
	background-color: #EEEEEE; /* A nestable container for a concept section. */
	border-bottom: 1px solid #373751;
	border-left: 1px solid #8E8EB3;
	border-right: 1px solid #373751;
	border-top: 1px solid #8E8EB3;
	margin: 5px 0px 5px 0px;
	padding: 5px;
}

/* .Expandable {
} */

.QuestionStatus
{
	margin: 0em;
	font-size: 80%;
	color: #808080;
	line-height: 1.75em;
}

.ProgressIndicator
{
	float: right;
	display: none;
}

.Hidden
{
	display: none;
}

.InputInformation
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	font-size: 85%;
	color: #808080;
}

.Mandatory
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #B22222;
	font-weight: bold;
}

.Instructions
{
	font-family: Calibri, Arial, Helvetica, sans-serif;
	color: #B22222;
	font-size: 125%;
}

.NumericColumn
{
	text-align: right;
	font-family: Consolas, 'Courier New' , Courier, monospace;
	font-weight: bold;
	padding-right: 1em;
	padding-left: 1em;
}

.QuoteTitle
{
	font-size: 112%;
	font-weight: bold;
}

/*  END For ajaxy pages and email */

/*  START computer code related styling */

.Code, .vbnet, .cpp, .cs, .vbscript, .jscript {
	background-color: #FBEDBB;
	color: Black;
	font-family: Consolas, "Courier New", Courier, monospace;
	font-size: 85%;
	padding-left: 1em;
	vertical-align: bottom;
}

.CodeComment, .cpp-comment,.cs-comment,.vb-comment {
	color: Green;
	font-style: italic;
}

.cpp-keyword,.cs-keyword, .vb-function {
	color: blue;
}

.cpp-preprocessor, .cs-preprocessor {
	color: navy;
}

.cpp-string,.cs-string,.vb-string {
	color: purple;
}

.cpp-literal,.cs-literal,.vb-literal {
	color: #191970;
}

.vb-keyword,.vb-statement {
	color: blue;
	font-weight: normal;
}

div.Code p {
	line-height: 130%;
	margin-bottom: 0.2em;
	margin-top: 0.2em;
	padding-bottom: 0.1em;
	padding-top: 0.1em;
}

ul.delegate li, li.delegate {
	list-style-image: url(/images/delegate.gif);
	padding-left: 7px;
}

ul.enum li, li.enum {
	list-style-image: url(/images/Enum.gif);
	padding-left: 7px;
}

ul.event li, li.event {
	list-style-image: url(/images/event.gif);
	padding-left: 7px;
}

ul.interface li, li.interface {
	list-style-image: url(/images/interface.gif);
	padding-left: 7px;
}

ul.literal li, li.literal {
	list-style-image: url(/images/literal.gif);
	padding-left: 7px;
}

ul.method li, li.method {
	list-style-image: url(/images/method.gif);
	padding-left: 7px;
}

ul.namespace li, li.namespace {
	list-style-image: url(/images/namespace.gif);
	padding-left: 7px;
}

ul.property li, li.property {
	list-style-image: url(/images/property.gif);
	padding-left: 7px;
}

ul.struct li, li.struct {
	list-style-image: url(/images/struct.gif);
	padding-left: 7px;
}

 /*  END computer code related styling */

/*  START Topic markup */

.Topics {
	display: block;
}

.TopicList {
	border: 0 none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
	font-weight: bold;
}

.TopicList li {
	display: block;
	text-align: center;
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	/*background-color: #eee;
	border:1px solid;
	border-color:#f3f3f3 #bbb #bbb #f3f3f3;*/
	float: left;
	margin-bottom: 0.25em;
	margin-left: 0.25em;
	margin-right: 0em;
	margin-top: 0.25em;
}

/*  END Topic markup */

/*  START Rating markup */

.Rating10 {
	font-size: 200%;
}

.Rating8 {
	font-size: 180%;
}

.Rating6 {
	font-size: 160%;
}

.Rating4 {
	font-size: 140%;
}

.Rating2 {
	font-size: 120%;
}

.Rating0 {
	font-size: 100%;
}

.RatingM2 {
	font-size: 95%;
}

.RatingM4 {
	font-size: 90%;
}

.RatingM6 {
	font-size: 85%;
}

.RatingM8 {
	font-size: 80%;
}

.RatingM10 {
	font-size: 75%;
}

.ToneFactual {
	color: Navy;
}

.ToneDiscussion {
	font-family: "Times New Roman", Times, serif;
	color: #0000CD;
}

.ToneExploratory {
	font-family: "Comic Sans MS", Incognitype, Arial, Helvetica, sans-serif;
	color: Maroon;
}

.ToneReference {
	font-family: Consolas, "Courier New", Courier, monospace;
	color: Gray;
}

/*  END Rating markup */

/*	.GanttTable {
	} */
	
	.GanttTable td
{
	vertical-align: bottom;
	text-align: left;
	line-height: 15px;
	font-size: 75%;
}

	.GanttCell
{
	border-style: solid;
	border-width: thin;
	border-color: #808080;
	width: 300px;
	background-image: url(/images/CCLSAuS1CalendarBG.png);
}
	.GanttDescrip
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #C0C0C0;
}
	

@media print{
	.ArticleContainer {
		width: 96%;
	}

	div.ReportContainer {
		width: 96%;
	}

	.MenuContainer {
		display : none;
	}
}