body {
    font-family: Verdana;
	background-color: #FFFBF0;
	margin: 3pt;
}

table {
	/*border: #FFC0CB 1px solid;*/
}

a {
	color: #003399;
	text-decoration: none;
}

a:hover {
	color: #990000;
	text-decoration: underline;
}

a:focus {
	color: #990000;
	text-decoration: underline;
}

h4 {
	font-size: 110%;
	font-weight: bold;
	color: #7156AB;
}

form {
	padding: 0px;
	margin: 0px;
}

/* -------------------- .header -------------------- */
.header {
	color: white;
	background-color: #0C0F4D;
	padding-left: 5pt;
	padding-right: 5pt;
}

/* -------------------- .logo -------------------- */
.logo {
	font-size: 110%;
	font-style: italic;
	padding: 5pt;
	/* Visual Filters and Transitions Reference */
	/*filter: shadow( direction=135, color=#FFFF99, strength=1 );*/
}

/* -------------------- .quickMenu -------------------- */
.quickMenu {
	font-size: xx-small;
	padding-right: 5pt;
}

.quickMenu a {
	color: white;
}

.quickMenu a:hover {
	color: #FFFF99;
}

/* -------------------- .pathBar -------------------- */
.pathBar {
	font-size: xx-small;
	color: white;
	background-color: #214F7E;
	padding-top: 2pt;
	padding-bottom: 2pt;
	padding-left: 10pt;
	padding-right: 5pt;
}

.pathBar a {
	color: white;
}

.pathBar a:hover {
	color: #CEF1F1;
}

/* -------------------- .sideMenu -------------------- */
.sideMenuBar {
	color: #003399;
	background-color: #F1F1F1;
	border:#999999 1px solid;
	vertical-align: top;
}

.sideMenuBar a {
	color: navy;
}

.sideMenuBar a:hover {
	color: #990000;
}

.mainMenu {
	font-size: 90%;
	background-color: #E4E4A1;
	padding-top: 5px;
	padding-bottom: 5px;
}

.subMenu {
	font-size: 80%;
}

.selectedMenu {
	font-weight: bold;
	color: #990000;
}

.selectedMenu a {
	font-weight: bold;
	color: #990000;
}

/* -------------------- .sideBar -------------------- */
.sideBar {
	padding-top: 10pt;
	padding-right: 5pt;
	vertical-align: top;
}

.sideBar table {
	color: #435A70;
	background-color: #F1F1F1;
    border: #6699CC 1px solid;
}

.sideBar td {
	padding: 2pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

.sideBarTitle {
	font-size: 85%;
	font-weight: 600;
	color: white;
	background-color: #6699CC;
}

.sideBarText {
	font-size: 75%;
	line-height: 140%;
}

/* -------------------- MAIN -------------------- */
.mainBar {
	padding-top: 10pt;
	padding-left: 7pt;
	padding-right: 7pt;
	padding-bottom: 10pt;
	vertical-align: top;
}

.mainTitle {
	font-weight: bold;
	vertical-align: bottom;
	padding-right: 2pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
	border-bottom: #3399FF 1px solid;
}

.mainIcon {
	vertical-align: text;
	padding-right: 10pt;
	padding-bottom: 1pt;
	border-bottom: #3399FF 1px solid;
}
.mainIcon img {
	float: right;
}

.subTitle {
	font-size: 80%;
	font-weight: bold;
	padding: 2px;
}

.mainText {
	font-size: 80%;
	line-height: 140%;
}

/* -------------------- .item -------------------- */
.item {
	font-size: 100%;
	padding-top: 1ex;
	padding-bottom: .5ex;
}

.itemBullet {
	font-size: 70%;
	font-weight: 900;
	color: #830600;
}

.itemText {
	font-size: 90%;
	color: gray;
	padding-left: 1.5em;
	padding-bottom: .5ex;
	line-height: 140%;
}

/* -------------------- .by -------------------- */
.by {
	font-style: italic;
	text-align: right;
}

/* -------------------- FAQ -------------------- */
.questionMarker {
	font-size: 100%;
	font-weight: bold;
	color: #99001F;
}

.ansMarker {
	font-size: 110%;
	font-weight: bold;
	color: green;
}

/* -------------------- .pairs -------------------- */
.pairs {
	margin: 10pt;
	border:gray 1px solid;
}

.pairs .odd {
	background-color: #F0F0F0;
}

.pair1st {
	font-size: 70%;
	font-weight: 600;
	padding-left: 5pt;
	padding-right: 15pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

.pair2nd {
	font-size: 70%;
	padding-left: 5pt;
	padding-right: 15pt;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

/* -------------------- GENERAL -------------------- */
.smallerBold {
	font-size: 70%;
	font-weight: 900;
}

.more {
	font-size: 80%;
	padding-left: 1em;
}

.footer {
	font-size: xx-small;
	color: white;
	background-color: #474780;
	text-align: center;
	padding-top: 2pt;
	padding-bottom: 2pt;
}

.co {
	font-style: italic;
	font-weight: 600;
	color: #0C0F4D;
}

.app {
	font-size: 95%;
	font-weight: 600;
	color: teal;
}

.date {
	font-size: 90%;
	color: gray;
}

/* -------------------- screens -------------------- */
.screen {
	float: right;
}

.trans {
	display: inline-block;
	filter: progid:DXImageTransform.Microsoft.RandomDissolve( duration=1 );
}

.screenRow {
	padding-top: 15pt;
	padding-bottom: 5pt;
	vertical-align: top;
}

.screenNote {
	font-size: 90%;
	vertical-align: top;
	padding-left: 15pt;
}

.tooltip {
	display: none;
    position: absolute;
	color: teal;
	background-color: #DDF0CC;
	border: 1px insert teal;
	font-size: xx-small;
	font-weight: 100;
	text-decoration: none;
	padding-left: 3px;
	padding-right: 3px;
	white-space: nowrap;
}
.new
{
	color: #39538C;
}
.fix
{
	color: #287F28;
}
.change
{
	color: #727272;
}
.indent
{
	margin-left: 1em;
}