BODY
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    BACKGROUND: #ffffff no-repeat right 275px;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    FONT: 0.7em Arial, Helvetica, sans-serif;
    COLOR: #333;
    PADDING-TOP: 0px
}

H1
{
    MARGIN-TOP: 10px;
    FONT-SIZE: 1.8em
}
H2
{
    FONT-SIZE: 1.5em;
    MARGIN-BOTTOM: 5px
}
H3
{
    FONT-SIZE: 1.2em;
    MARGIN: 0px auto
}
H4
{
    FONT-SIZE: 0.9em;
    MARGIN: 5px auto 0px
}
H5
{
    FONT-SIZE: 0.6em;
    MARGIN: auto auto 0px
}
H6
{
    FONT-SIZE: 1.1em;
    MARGIN: 5px auto 0px;
    FONT-VARIANT: small-caps
}
A:link
{
    COLOR: #000191
}
#oiBrand
{
    BACKGROUND: #006699;
    MARGIN: 0px auto;
    WIDTH: 765px;
    PADDING-TOP: 15px;
    HEIGHT: 265px;
    voice-family: inherit
}
html>body #oiBrand
{
    HEIGHT: 265px
}
#oiBrand #oiGraphic
{
    BORDER-RIGHT: #ffffff 1px solid;
    PADDING-RIGHT: 0px;
    BORDER-TOP: #ffffff 1px solid;
    PADDING-LEFT: 0px;
    Z-INDEX: 1;
    FLOAT: left;
    PADDING-BOTTOM: 0px;
    MARGIN: 0px;
    BORDER-LEFT: #ffffff 1px solid;
    WIDTH: 541px;
    PADDING-TOP: 0px;
    BORDER-BOTTOM: #ffffff 1px solid;
    HEIGHT: 248px;
    voice-family: inherit
}
html>body #oiBrand #oiGraphic
{
    WIDTH: 541px;
    HEIGHT: 248px
}
#oiBrand #oiGraphic P#oiQuoteText
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 100px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.25em;
    MARGIN-BOTTOM: 0px;
    PADDING-BOTTOM: 0px;
    WIDTH: 90%;
    COLOR: white;
    PADDING-TOP: 0px;
    FONT-STYLE: italic
}
#oiBrand #oiGraphic P#oiQuoteName
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1em;
    PADDING-BOTTOM: 0px;
    COLOR: white;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
#oiBrand #oiLogOn
{
    BORDER-RIGHT: #fff 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #fff 1px solid;
    PADDING-LEFT: 10px;
    FONT-SIZE: 9pt;
    Z-INDEX: 2;
    BACKGROUND: #eee no-repeat center bottom;
    FLOAT: right;
    WIDTH: 201px;
    COLOR: #333;
    PADDING-TOP: 10px;
    BORDER-BOTTOM: #fff 1px solid;
    BORDER-LEFT-STYLE: none;
    HEIGHT: 238px;
    voice-family: inherit
}
html>body #oiBrand #oiLogOn
{
    FONT-SIZE: 9pt;
    WIDTH: 201px;
    HEIGHT: 238px
}
#oiLogOn P
{
    MARGIN-TOP: 0px;
    MARGIN-BOTTOM: 10px
}
#oiLayout
{
    BACKGROUND: no-repeat 50% bottom;
    MARGIN: 0px auto;
    WIDTH: 750px
}
#oiNav
{
    MARGIN-TOP: 10px;
    FLOAT: left;
    MARGIN-BOTTOM: 10px;
    WIDTH: 180px
}
#oiNav UL
{
    DISPLAY: inline;
    LIST-STYLE-TYPE: none
}
#oiNav UL LI
{
    DISPLAY: inline;
    LIST-STYLE-TYPE: none
}
#oiNav A:link
{
    BORDER-RIGHT: #999 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #999 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 8px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 8px;
    BORDER-LEFT: #999 1px solid;
    COLOR: #999;
    MARGIN-RIGHT: 20px;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #999 1px solid;
    TEXT-DECORATION: none
}
#oiNav A:visited
{
    BORDER-RIGHT: #999 1px solid;
    PADDING-RIGHT: 8px;
    BORDER-TOP: #999 1px solid;
    DISPLAY: block;
    PADDING-LEFT: 8px;
    FONT-SIZE: 8pt;
    MARGIN-BOTTOM: 5px;
    PADDING-BOTTOM: 8px;
    BORDER-LEFT: #999 1px solid;
    COLOR: #999;
    MARGIN-RIGHT: 20px;
    PADDING-TOP: 8px;
    BORDER-BOTTOM: #999 1px solid;
    TEXT-DECORATION: none
}
#oiNav A:hover
{
    BORDER-RIGHT: #039 1px solid;
    BORDER-TOP: #039 1px solid;
    DISPLAY: block;
    FONT-SIZE: 8pt;
    BACKGROUND: #fff;
    MARGIN-BOTTOM: 5px;
    BORDER-LEFT: #039 1px solid;
    COLOR: #039;
    BORDER-BOTTOM: #039 1px solid;
    TEXT-DECORATION: none
}
#oiNav A#currentLoc
{
    BORDER-RIGHT: #006699 1px solid;
    BORDER-TOP: #666666 1px solid;
    DISPLAY: block;
    FONT-SIZE: 8pt;
    BACKGROUND: #006699;
    MARGIN-BOTTOM: 5px;
    BORDER-LEFT: #666666 1px solid;
    COLOR: #fff;
    BORDER-BOTTOM: #666666 1px solid;
    TEXT-DECORATION: none
}
#oiNav A P
{
    MARGIN-TOP: 0px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    MARGIN-BOTTOM: 0px;
    MARGIN-RIGHT: auto
}
.formRequirement
{
    COLOR: red
}
#oiContent
{
    CLEAR: right;
    FLOAT: left;
    MARGIN: 0px auto;
    WIDTH: 570px
}
#oiContent P
{
    BACKGROUND: no-repeat;
    WIDTH: 90%
}
#oiContent LI
{
    BACKGROUND: no-repeat
}
.TaskInfoTopBar
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    BACKGROUND: #000191;
    PADDING-BOTTOM: 10px;
    MARGIN: 10px;
    PADDING-TOP: 10px
}
.TaskInfoTitleBar
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    BACKGROUND-IMAGE: none;
    PADDING-BOTTOM: 10px;
    MARGIN: 10px;
    COLOR: white;
    PADDING-TOP: 10px;
    BACKGROUND-REPEAT: repeat;
    BACKGROUND-COLOR: gray
}
.oiSystemUser
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    WIDTH: 252px;
    PADDING-TOP: 10px
}
.oiSystemBrowser
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    WIDTH: 252px;
    PADDING-TOP: 10px
}
.oiSystemPlugin
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    WIDTH: 525px;
    PADDING-TOP: 10px
}
.oiSystemPlugin LI
{
    MARGIN-BOTTOM: 15px;
    WIDTH: 85%
}
.oiSystemPlugin IMG
{
    FLOAT: right;
    MARGIN-LEFT: 15px
}
.oiSystemHelp
{
    CLEAR: left;
    PADDING-RIGHT: 10px;
    DISPLAY: none;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px;
    WIDTH: 525px;
    PADDING-TOP: 10px
}
#oiFooter
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    MARGIN: 0px auto;
    WIDTH: 740px;
    PADDING-TOP: 10px
}
#oiCreateAccount {
	width: 700px;
	margin: 0 auto;
	padding: 10px;
}

#oiSingleUser, #oiMultiUser {
	text-align: center;
	width: 320px;
	float: left;
	padding: 10px;
	color: #999;
}

#oiSingleUser ul, #oiMultiUser ul { text-align: left; }
#oiSingleUser, #oiMultiUser { background-color: #ddd; }
#oiSingleUser h1, #oiMultiUser h1 { color: #666; }

#oiCreateAccountFooter
{
    CLEAR: both;
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 0.9em;
    PADDING-BOTTOM: 10px;
    PADDING-TOP: 10px
}
#oiQuoteText
{
    PADDING-RIGHT: 10px;
    MARGIN-TOP: 100px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    FONT-SIZE: 1.3em;
    PADDING-BOTTOM: 0px;
    COLOR: white;
    PADDING-TOP: 0px;
    FONT-STYLE: italic
}
#oiQuoteName
{
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FONT-WEIGHT: bold;
    PADDING-BOTTOM: 0px;
    COLOR: white;
    PADDING-TOP: 0px;
    TEXT-ALIGN: right
}
.oiNewsItem
{
    FLOAT: left;
    WIDTH: 90%
}
.oiNewsDate
{
    FONT-WEIGHT: bold;
    FLOAT: left;
    WIDTH: 100px
}
.oiNewsDetails
{
    FLOAT: left;
    WIDTH: 80%
}
.oiNewsDetails P
{
    PADDING-RIGHT: 0px;
    MARGIN-TOP: 0px;
    PADDING-LEFT: 0px;
    MARGIN-BOTTOM: 10px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px
}

/* @group Titles */

#oiTaskInfo h1 {
	margin-top: 10px;
	font-size: 1.5em;
}

#oiTaskInfo h2 {
	margin-bottom: 5px;
	padding-top: 10px;
	font-size: 1.4em;
}

#oiTaskInfo h3 {
	margin: 0px auto 0px auto;
	padding-top: 10px;
	font-size: 1.3em;
}

#oiTaskInfo h4 {
	margin: 5px auto 0px auto;
	padding-top: 10px;
	font-size: 1.2em;
}

#oiTaskInfo h5 {
	margin: auto auto 0px auto;
	padding-top: 10px;
	font-weight: bold;
	font-size: 1.1em;
}

#oiTaskInfo h6 {
	margin: 5px auto 0px auto;
	font-size: 1.0em;
	padding-top: 10px;
	font-weight: bold;
}

/* @end */

/* @group Misc. Items */

#formField ul {
	list-style: none;
	display: inline;
}

#pgTerms, #pgPrivacy {
	margin: 30px 30px 15px;
}

#oiTaskInfo {
	margin: 30px 30px 15px;
}

#closeWindow {
	text-align: center;
	font-weight: bold;
}

#pgCatalog td {
	padding: 10px;
	text-align: center;
}

#pgCatalog .courseTitle {
	text-align: left;
	width: 70%;
}

#pgCatalog .coursePrice {
	width: 15%;
	text-align: center;
}

#pgCatalog .courseBuy {
	width: 15%;
	text-align: center;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Misc. Items */

#pgTerms a#goTerms, #pgPrivacy a#goPrivacy {
	color: black;
	text-decoration: none;
}

#closeWindow {
	text-align: center;
	font-weight: bold;
}

#pgCatalog th {
	color: white;
	background: #006699;
}

#pgCatalog td {
	border-bottom: 1px solid #ccc;
}

#pgCatalog .courseTitle {
	text-align: left;
}

#pgCatalog .coursePrice {
	text-align: center;
	border-right: 1px solid #eee;
	border-left: 1px solid #eee;
}

#pgCatalog .courseBuy {
	text-align: center;
}

/* @end */