﻿body
{
	color: #666666;
}

.infoPageTop1
{
	height: 40px;
	width: 780px;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
}

.infoPageTop2
{
	height: 30px;
	border-top: #004592 2px solid;
	border-bottom: #004592 2px solid;
	background-color: #1362be;
	margin-top: 10px;
}

.infoBody
{
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}

.infoBoxHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	width: 100%;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: #666666 1px dashed;
}

.infoHowItCanHelpStyle
{
	width: 100%;
	margin-bottom: 10px;
	background-color: #ebf3ff;
}

.infoHowItCanHelpPanelContents
{
	background-color: white;
	padding-left: 10px;
	padding-bottom: 5px;
	text-align: justify;
}

.infoHowItCanHelpPanelTitle
{
	color: #1362be;
	font-size: 130%;
	padding: 4px;
}

.infoHowItCanHelpPanelTitleCollapsed
{
	color: #1362be;
	font-size: 130%;
	padding: 4px;
}

.infoIntroParagraph
{
	padding-top: 10px;
}

.infoTable
{
	border-collapse: collapse;
}

.infoTable td
{
	border-top: #b5d6e7 1px solid;
	border-bottom: #b5d6e7 1px solid;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.infoTableNoSperator td
{
	border-top: none;
	border-bottom: none;
	padding-top: 10px;
	padding-bottom: 10px;	
}

.infoTableIconCell
{
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-right: 8px;
	vertical-align: top;
}

.infoTableInner td
{
	border-top: none;
	border-bottom: #b5d6e7 1px dashed;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	text-align: justify;
}

.infoTableInnerNoSeperator td
{
	border-top: none;
	border-bottom-style: none;
	padding-left: 6px;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
}

.infoHowToSetupTitleText
{
	font-size: 140%;
	width: 120px;
}

.collapsibleDisplayBoxTitle
{
	color: #1362be;
	background-color: #ebf3ff;
	font-size: 120%;
	padding: 2px 2px 2px 2px;
}

.collapsibleDisplayBoxTitle:hover
{
	background-color: #ffffdd;
	color: #777777;
}

.collapsibleDisplayBoxTitleCollapsed:hover
{
	background-color: #ffffdd;
	color: #777777;
}

.collapsibleDisplayBoxTitleCollapsed
{
	color: #1362be;
	background-color: #ebf3ff;
	font-size: 120%;
	padding: 2px 2px 2px 2px;
}

.collapsibleDisplayBoxContent
{
	text-align: justify;
}

.acollapsibleDisplayBoxContent
{
	border-left: solid 1px #ebf3ff;
	border-right: solid 1px #ebf3ff;
}

.acollapsibleDisplayBoxContentBottom
{
	border-left: solid 1px #ebf3ff;
	border-right: solid 1px #ebf3ff;
	border-bottom: solid 1px #ebf3ff;
}

.collapsibleDisplayBoxContentInner
{
	padding: 2px 2px 2px 2px;
}

.infoSideMenu
{
	float: right;
	width: 150px;
}

.infoSubBody
{
	width: 600px;
	float: left;
}

.infoBodySub1
{
}

#infoNav
{
	display: block;
	margin: 0px 0px 0px 10px;
	text-align: left;
}

#infoNav .menuItem A
{
	border-right: #ffffff 1px solid;
	padding-right: 5px;
	border-top: #ffffff 1px solid;
	display: block;
	padding-left: 10px;
	padding-bottom: 4px;
	border-left: #ffffff 1px solid;
	padding-top: 3px;
	border-bottom: #ffffff 1px solid;
}

#infoNav .menuItem A:hover
{
	display: block;
	color: #FF6600;
	border-top: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	background-color: #ebf3ff;
}

#infoNav .menuItemSelected
{
	padding-right: 5px;
	display: block;
	padding-left: 10px;
	padding-bottom: 4px;
	color: #8c8c8c;
	padding-top: 3px;
	border-top: #e1e1e1 1px solid;
	border-bottom: #e1e1e1 1px solid;
	background-color: #ebf3ff;
}

.infoNavRegister
{
	border: #e1e1e1 1px solid;
	background-color: #f1f1f1;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 100%;
	height: 45px;
	text-align: center;
	font-size:medium;
	
}

.infoNavRegister a
{
	color: #FF6600;
}

.infoNavRegister:hover
{
	background-color: #ebf3ff;
	border: solid 1px #c3d9ff;
}

.floatLeft
{
	float: left;
	margin-right: 4px;
}

.floatRight
{
	float: right;
	margin-left: 4px;
}

.infoQuotedTextBox
{
	border: #e1e1e1 1px solid;
	background-color: #f1f1f1;
	font-style: italic;
	padding: 10px;
	margin-left: 10px;
	margin-right: 10px;
}

.infoQuotedTextBoxIndent
{
	font-style: normal;
	text-align: right;
}

.infoCartoon
{
	padding-left: 10px;
	padding-top: 8px;
}

.screenShotsContainer
{
	border-top: #b5d6e7 1px solid; 
	border-bottom: #b5d6e7 3px double;
	text-align:center;
}

.screenShotsPanel
{
	height: 350px;
}

.screenShotsText
{
	text-align:justify;
	vertical-align: top;
}

.demoLoginButton
{
	margin-top: 50px;
	margin-bottom: 100px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 8px;
	padding-top: 10px;
	width: 200px;
	height: 100px;
	border: solid 1px #c3d9ff;
}

.demoLoginButton:hover
{
	background-color: #ebf3ff;
	border: solid 1px #c3d9ff;
}

.infoDemoLoginNotes ul
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 10px;
}

.infoDemoLoginNotes
{
	border: #e1e1e1 1px solid;
	background-color: #f1f1f1;
	margin-left: 10px;
	margin-right: 10px;
}

.infoIDCardText1
{
	color: Gray;
	font-size: 90%;
}

.infoIDCardText2
{
	color: Black;
	font-size: 90%;
}

.infoIDCardLink
{
	padding-top: 12px;
	text-align: center;
}

.editionComparisonTable tr
{
	vertical-align:top;
	padding: 5px;
}

.editionComparisonTable td
{
	padding-right: 10px;
}

.editionComparisonRowAlt
{
	background-color: #ebf3ff;
}

.editionComparisonRow
{
}

.editionComparisonHighlight1
{
	font-weight: bold;
}

.editionComparisonHighlight2
{
	font-weight: bold;
	color: Red;
}

.editionComparisonHighlight3
{
	color: Red;
}

.editionComparisonText
{
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
}

.editionComparisonTable ul
{
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 15px;
	padding-left: 10px;
}

.infoIncreasePERStep
{
	padding-bottom: 20px;
}

.infoPEREquationBox
{
	width: 85%;
	text-align: center;
	background-color: #ebf3ff;
	border: solid 1px #c3d9ff;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-top: 5px;
	margin-bottom: 5px;
}

.infoIncreasePERTimetableImg
{
	margin-left: 5px;
}

.infoIncreasePERStepHeader
{
	color: #1362be;
	font-size: 120%;
	padding-bottom: 10px;
	margin-top: 40px;
}

.infoIncreasePERStepText
{
	padding-top: 8px;
	padding-bottom: 10px;
	text-align: justify;
}

.infoIncreasePERStepNumber
{
	float: left;
	margin-right: 5px;
}

.minHeight2
{
	height: 200px;
	width: 1px;
}

.contactUsBox td
{
	background-color: #ebf3ff;
}

.contactDetailsHeading
{
	font-size: 90%;
}
