body
{
	color: #585480;
	font-family: Arial, Sans-Serif;
	font-size: 10pt;  /* if this changes, must change for TABLE tag as well */
}
body.consoleInlineHelpBody H1
{
	margin-left: 30px;
}

/*
	*
	*** Paragrahps and Headings ***
	*
*/
H1
{
	font-weight: bolder;
	font-size: 14pt;
	margin-top: 0;
}
H2
{
	font-weight: bolder;
	font-size: 12pt;
}
H3
{
	font-weight: bolder;
	font-size: 10pt;
}
H4
{
	font-weight: bolder;
	font-size: 10pt;
	font-style: italic;
}
.highlight
{
	color: #0000FF;
}
p.code /* used for code samples and command lines */
{
	font-family: Courier New;
	font-size: 9pt;
	margin-left: 0.4in;
}
p.badFormFeedback  /* used to point out missed info in red at the top of forms */
{
	color: Red;
	font-size: larger;
	font-weight: bolder;
}
span.subNote  /* used as a faded italic note under a heading */
{
	color: #A4A1C3;  /* lighter version of main font colour */
	font-style: italic;
	position: relative;
	top: -1em;
}

/*	
	*
	*** Other Tag Classes ***
	*
*/
IMG.productImage
{
	border: solid 1px Black;
	position: relative;
	float: left;
	margin-right: 15px;
}
IMG.floatLeft
{
	position: relative;
	float: left;
	margin-right: 15px;
}
IMG.blackBorder
{
	border: solid 1px Black;
}
FORM.noWhiteSpace
{
	margin-bottom: 0;
	margin-top: 0;
}
IMG.consoleScreenShot
{
	border: solid 1px #585480;           /* same colour as text */
}
/* these are colours for (1), (2), etc numbering of headings used on console docs pages to match up with the colours with the number indicators in the screen shots */
FONT.numberColour1
{
	color: #008080;  /* dark cyan */
}
FONT.numberColour2
{
	color: #800000;  /* dark red */
}
FONT.numberColour3
{
	color: #000080;  /* dark blue */
}
FONT.numberColour4
{
	color: #800080;  /* dark purple */
}
FONT.numberColour5
{
	color: #008000;  /* dark green */
}
FONT.numberColour6
{
	color: #808000;  /* dark yellow */
}
FONT.numberColour7
{
	color: #0F1BFF;  /* medium blue */
}


/*	
	*
	*** Table formatting ***
	*
*/

/* infoTable - a table used for presenting data rather than for layout */
TABLE   /* positioning table - font size seems to default to something big, and breaks font size inheritance */
{
	font-size: 10pt;
}
TABLE.infoTable THEAD TD
{
	background-color: silver;
	font: 8pt Verdana;
	font-weight: bolder;
}
TABLE.infoTable TD
{
	font: 7.5pt Verdana;
	border-style: none;
	background-color: whitesmoke;
	vertical-align: top;
}
TABLE.infoTable IMG  /* see also TABLE.infoTable IMG.plain under .plain */
{
	border: solid 1px #585480;           /* same colour as text */
	float: right;
	margin-left: 5px;
}
div.tableFooter
{
	font: 7.5pt Verdana;
}
TABLE[summary="narrow"]  /* if an infoTable also has a summary field defined as "narrow", it will not be the full 100% width */
{
	width: 689px;   /* width to match screen shots on Console docs pages */
	margin-left: 25px;
}

/* "management" table, named such from MMConsole styles.  Displays an icon that links, and some text to the right */
table.management
{
	width: 100%;
	font-size: 10pt;
	border-collapse: collapse;
	border-bottom: solid thin #EEEEEE;
}
table.management td
{
	border-top: solid thin #EEEEEE;
}

/* cloud table on main page */
TD.smCloud
{
	font-weight: bolder;
	font-size: 12pt;
	background-image: url(/images/smCloud.jpg);
	width: 150px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	padding: 35 25 35 25;
}
TD.lgCloud
{
	font-weight: bolder;
	font-size: 14pt;
	background-image: url(/images/lgCloud.jpg);
	width: 250px;
	background-repeat: no-repeat;
	background-position: center center;
	text-align: center;
	padding: 37 5 37 5;
}
/* Walkthrough styles */
TR.WTRow
{
	height: 23px;
}
TR.WTRow TD
{
	vertical-align: bottom;
}

/*	
	*
	*** <A> link formatting ***
	*
*/
/* override the default blue link colour */
A
{
	color: #585480;
}
A.HeaderA
{
	text-decoration: none;  /* override fact that links are normally underlined */
	color: #0000FF;  /* override our link colour back to blue */
	font-weight: bolder;
	font-size: 14pt;
}
A.MenuA
{
	font-weight: bold;
	text-decoration: none;  /* override fact that links are normally underlined */
}
A.mouseBeOnMe {
	color: #0000FF;
	font-weight: bold;
	text-decoration: none;  /* override fact that links are normally underlined */
}
A.plain {
	text-decoration: none;  /* override fact that links are normally underlined */
}
/* makes sure pictures that are links don't look like links */
img.icon
{
	border-style: none;
	cursor: pointer;
}

/*	
	*
	*** DIV's ***
	*
*/
div#header
{
	width: 750px;
}
div#menu
{
	width: 750px;
	border-bottom: solid thin #C7C4DA;
	border-bottom: solid 1 #C7C4DA;  /* 1 is only understood by IE, so by having both of these, we've essentially given a different setting to IE than to Mozilla in order to make the IE border appear thinner */
	padding-bottom: 1px;
}
div#body   /* contains content and rightSide div's */
{
	width: 750px;
	position: relative;
	left: 0;
	top: 5;
}
div#content
{
	position: relative;  /* has to be relative else footer ignores it and shows up at the top */
	top: 0;
	left: 0;
	width: auto;
	padding-left: 4px;
	padding-right: 4px;
}
div#contentLeft
{
	position: relative;  /* has to be relative else footer ignores it and shows up at the top */
	top: 0;
	left: 0;
	width: 73%;
	padding-left: 4px;
}
div#rightSide
{
	position: absolute;
	top: 0;
	margin-top: 0;
	left: 75%;
	width: 25%;
}
div#rightSide ul
{
	margin-left: 10px;  /* don't indent so much */
	padding-left: 10px;
}
div#footer
{
	width: 750px;
	text-align: right;
}
div#footer span
{
	font-size: 9pt;
	color: #585480;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
}

div.moreInfoDiv  /* used to kind-of separate out the more detailed info in each of the Powerful Features */
{
	margin-left: 35px;
	font-style:italic;
}
div.infoFrame  /* used for demarking sections in the rightSide div */
{
	background-color: #F5F6FB;
	background-image: url(/images/InfoFrameTitleGradient.jpg);
	background-repeat: repeat-x;
	padding: 0px 8px 0px 8px;
	border-bottom: solid medium #585480;
	border-bottom: solid 3 #585480;
	border-right: solid medium #585480;
	border-right: solid 3 #585480;
	border-left: solid thin #585480;
	border-left: solid 1 #585480;
	border-top: solid thin #585480;
	border-top: solid 1 #585480;
	margin-bottom: 1em;
}
div.infoFrame H3
{
	margin-top: .5em;
}

div#cloudContainer /* required to center clouds div's.  Works for IE, but not Mozilla.  */
{
	text-align: center;
}
div#clouds1
{
	margin:0px auto; /* Right and left margin widths set to "auto" for centering */
	width: 471px;
}
div#clouds2
{
	margin:0px auto; /* Right and left margin widths set to "auto" for centering */
	width: 327px;
}
div#em
{
	border: solid thin white;
	border: solid 1 white;
}
div#mm
{
	border: solid thin white;
	border: solid 1 white;
}
div.cornerImage
{
	position: absolute;
	float: right;
	right: 15;
	top: 0;
}
div.rsCornerImage
{
	float: right;
}
div#miniConsoleNavMenu
{
	float: left;
	top: 123px;  /* from the top of the entire page - we had to put this div after the body div on the page, else explorer didn't display the nav menu on top of the text */
	position: absolute;
	cursor: pointer;
}
div#bigConsoleNavMenu
{
	float: left;
	position: absolute;
	top: 10px;
	left: 25px;
	cursor: pointer;
	z-index: 500;  /* make sure it's on top of everything */
	display: none;  /* initially not displayed */
}
div#divNavMenuTip
{
	border: solid thin black;
	border: solid 1 black;
	position: absolute;
	float: left;
	background:#FFFFDD;
	margin-left: 27px;
	margin-top: -7px;
	width: 200px;
	padding: 3px 3px 3px 3px;
	display: none;
}
div#followUpQuestions
{
	list-style: none;
}
div#followUpQuestions li
{
	margin-top: 20px;
}
div#followUpQuestions li.hidden  /* may not need this, but unwilling to remove without testing */
{
	display: none;
}
div#FAQ
{
	margin-left: 15px;
}
div#FAQ P
{
	margin-top: 0;
	margin-bottom: 0;
}
div#FAQ UL
{
	list-style-type: none;
	margin-top: 0;
	margin-bottom: 0.5em;
	display: none;
}
div#FAQ SPAN
{
	cursor: pointer;
}
div#FAQ P
{
	cursor: pointer;
}
div.importantParagraph  /* emphasized with top and bottom border, and indents, usually contains P */
{
	border-top: solid medium #7E8FC8;
	border-top: solid 2 #7E8FC8;
	border-bottom: solid medium #7E8FC8;
	border-bottom: solid 2 #7E8FC8;
	margin-left: 15px;
	margin-right: 15px;
}
div.importantParagraph p
{
	margin-top: .5em;
	margin-bottom: .5em;
}

/*
	*
	*** Generic Classes ***
	*
*/
.dataProblem
{
	font-weight: bolder;
	font-size: 12pt;
	color: #FF0000;
}
.success   /* when you hit submit and want to give the user the good news */
{
	font-weight: bolder;
	font-size: 12pt;
	color: Green;
}
.plain, TABLE.infoTable IMG.plain  /* typically used for A or IMG to avoid underlines and borders associated with links */
{
	border-style: none;
	text-decoration: none;
	float: none;
}
.hidden
{
	display: none;
}
.visible
{
	display: block;
}
.spaced li
{
	margin-bottom: 15px;
}