BODY {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: normal; FONT-SIZE: 11px; background-color:#CCCCCC; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 50px 0px; background-color: #3A80C6; COLOR: #444444; LINE-HEIGHT: 13px; PADDING-TOP: 0px; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
P {
	FONT-WEIGHT: normal; FONT-SIZE: 12px; MARGIN: 10px 0px; COLOR: #444444; LINE-HEIGHT: 19px; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
H1 {
	FONT-WEIGHT: normal; FONT-SIZE: 18px; MARGIN: 18px 0px 6px; COLOR: #4b6868; LINE-HEIGHT: 19px; FONT-FAMILY: Arial, Helvetica, Geneva, sans-serif
}
H1 A:hover {
	COLOR: #4b68c0; TEXT-DECORATION: underline
}
H2 {
	FONT-WEIGHT: bold; FONT-SIZE: 17px; MARGIN: 18px 0px 6px; COLOR: #1b3838; LINE-HEIGHT: 18px; FONT-FAMILY: Arial, Helvetica, Geneva, sans-serif
}
H3 {
	FONT-WEIGHT: bold; FONT-SIZE: 13px; MARGIN: 18px 0px 6px; COLOR: #1b3838; LINE-HEIGHT: 16px; FONT-FAMILY: Arial, Helvetica, Geneva, sans-serif
}
TD {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #444444; LINE-HEIGHT: 17px; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
DT {
	FONT-WEIGHT: bold
}
A {
	COLOR: #8888ff
}
A:visited {
	COLOR: #4b68c0
}
A:active {
	COLOR: #ff0000
}
A:hover {
	COLOR: #bb2277
}
FORM {
	MARGIN: 0px
}
BLOCKQUOTE.code {
	BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; PADDING-LEFT: 10px; FONT-SIZE: 10px; OVERFLOW-X: scroll; MARGIN: 10px; BORDER-LEFT: black 1px solid; LINE-HEIGHT: 10px; BORDER-BOTTOM: black 1px solid; FONT-FAMILY: Courier New, monospace; WHITE-SPACE: pre; BACKGROUND-COLOR: #eee
}
P.articledate {
	FONT-SIZE: 10px; MARGIN: 0px; COLOR: #666; TEXT-ALIGN: right
}
#copyright {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: right top; PADDING-LEFT: 6px; BACKGROUND-IMAGE: url(images/copyright.gif); PADDING-BOTTOM: 6px; PADDING-TOP: 7px; BACKGROUND-REPEAT: no-repeat; TEXT-ALIGN: right
}

#layoutTable {
	MARGIN-TOP: 3px; MARGIN-BOTTOM: 0px; padding-bottom:0px; WIDTH: 100%; background-repeat:repeat; BORDER-COLLAPSE: collapse
}

#layoutTable .toprow {
MARGIN-TOP: 3px; MARGIN-BOTTOM: 0px; padding-bottom:0px; WIDTH: 100%; background-repeat:repeat
}

#layoutTable .toprow .logo {
	FLOAT: left; BACKGROUND-IMAGE: url(images/newlogo_black.png); WIDTH: 460px; HEIGHT: 100px; TEXT-DECORATION: none; BACKGROUND-REPEAT: no-repeat
}
#layoutTable .toprow .logo-preload {
	BACKGROUND-IMAGE: url(images/newlogo_black.png); WIDTH: 0px; HEIGHT: 0px; BACKGROUND-REPEAT: no-repeat
}
#layoutTable .leftColumn {
	BACKGROUND-IMAGE: url(images/dark-bg-light.jpg); BACKGROUND-REPEAT: repeat; VERTICAL-ALIGN: top; WIDTH: 210px
}
#layoutTable .rightColumn {
	VERTICAL-ALIGN: top; MIN-HEIGHT: 500px; BACKGROUND-REPEAT: repeat-x
}
#topNavigation {
	BACKGROUND-IMAGE: url(images/header-bg.png); BACKGROUND-REPEAT: repeat; MARGIN-TOP: 20px; MARGIN-BOTTOM: 0px; VERTICAL-ALIGN: middle; MARGIN-RIGHT: 0px; WHITE-SPACE: nowrap; HEIGHT: 39px; TEXT-ALIGN: right
}
#utilityLinks {
	MARGIN-RIGHT: 8px
}
#utilityLinks .logout {
	FLOAT: right; BACKGROUND-IMAGE: url(images/b-logout.png); WIDTH: 39px; HEIGHT: 39px; TEXT-DECORATION: none
}
#utilityLinks .logout:hover {
	BACKGROUND-IMAGE: url(images/b-logout-on.png)}
#utilityLinks .logout-preload {
	BACKGROUND-IMAGE: url(images/b-logout-on.png); WIDTH: 0px; HEIGHT: 0px; TEXT-DECORATION: none
}#utilityLinks .login {
	FLOAT: right; BACKGROUND-IMAGE: url(images/b-login.png); WIDTH: 39px; HEIGHT: 39px; TEXT-DECORATION: none
}
#utilityLinks .login:hover {
	BACKGROUND-IMAGE: url(images/b-login-on.png)}
#utilityLinks .login-preload {
	BACKGROUND-IMAGE: url(images/b-login-on.png); WIDTH: 0px; HEIGHT: 0px; TEXT-DECORATION: none
}
#utilityLinks .register {
	FLOAT: right; BACKGROUND-IMAGE: url(images/b-register.png); WIDTH: 39px; HEIGHT: 39px; TEXT-DECORATION: none
}
#utilityLinks .register:hover {
	BACKGROUND-IMAGE: url(images/b-register-on.png)}
#utilityLinks .register-preload {
	BACKGROUND-IMAGE: url(images/b-register-on.png); WIDTH: 0px; HEIGHT: 0px; TEXT-DECORATION: none
}
#utilityLinks .shop {
	FLOAT: right; BACKGROUND-IMAGE: url(images/b-shop.png); WIDTH: 39px; HEIGHT: 39px; TEXT-DECORATION: none
}
#utilityLinks .shop:hover {
	BACKGROUND-IMAGE: url(images/b-shop-on.png)}
#utilityLinks .shop-preload {
	BACKGROUND-IMAGE: url(images/b-shop-on.png); WIDTH: 0px; HEIGHT: 0px; TEXT-DECORATION: none
}
#utilityLinks .home {
	FLOAT: right; BACKGROUND-IMAGE: url(images/b-home.png); WIDTH: 39px; HEIGHT: 39px; TEXT-DECORATION: none
}
#utilityLinks .home:hover {
	BACKGROUND-IMAGE: url(images/b-home-on.png)}
#utilityLinks .home-preload {
	BACKGROUND-IMAGE: url(images/b-home-on.png); WIDTH: 0px; HEIGHT: 0px; TEXT-DECORATION: none
}
#utilityLinks .contact {
	FLOAT: right; BACKGROUND-IMAGE: url(images/b-email.png); WIDTH: 39px; HEIGHT: 39px; TEXT-DECORATION: none
}
#utilityLinks .contact:hover {
	BACKGROUND-IMAGE: url(images/b-email-on.png)}
#utilityLinks .contact-preload {
	BACKGROUND-IMAGE: url(images/b-email-on.png); WIDTH: 0px; HEIGHT: 0px; TEXT-DECORATION: none
}
#breadcrumbs {
	MARGIN-TOP: 7px;
	FONT-WEIGHT: bold;
	LEFT: 315px;
	FLOAT: left;
	COLOR: #4b68c0;
	MARGIN-RIGHT: 25px;
	WHITE-SPACE: nowrap;
	POSITION: absolute;
	TOP: 18px;
	TEXT-ALIGN: left;
	width: 480px;
	height: 30px;
}
#breadcrumbs A {
	PADDING-RIGHT: 20px; BACKGROUND-POSITION: right 50%; BACKGROUND-IMAGE: url(images/arrow.gif); COLOR: #4b68c0; BACKGROUND-REPEAT: no-repeat; TEXT-DECORATION: none
}
#breadcrumbs A:hover {
	COLOR: #bb2277; TEXT-DECORATION: underline
}
.navBox {
	MARGIN-BOTTOM: 7px; MARGIN-LEFT: 15px; WIDTH: 182px; TEXT-ALIGN: right
}
.linkArrow {
	BORDER-TOP-WIDTH: 0px; MARGIN-TOP: 4px; BORDER-LEFT-WIDTH: 0px; FLOAT: right; BORDER-BOTTOM-WIDTH: 0px; MARGIN-LEFT: 8px; VERTICAL-ALIGN: middle; BORDER-RIGHT-WIDTH: 0px
}
A {
	TEXT-DECORATION: none
}
A.imgLink {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; PADDING-TOP: 3px
}
A.imgLink:visited {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; PADDING-TOP: 3px
}
A.imgLink:active {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; VERTICAL-ALIGN: middle; PADDING-TOP: 3px
}
A.imgLink:hover {
	BACKGROUND: #a5b3df
}
A.h1 {
	TEXT-DECORATION: none
}
A.h1:visited {
	TEXT-DECORATION: none
}
A.h1:active {
	TEXT-DECORATION: none
}
A.h1:hover {
	TEXT-DECORATION: underline
}
A IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}

#highlights {
	MARGIN-TOP: 0px; BORDER-COLLAPSE: collapse
}
#contentHeader {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 10px; BACKGROUND-COLOR: #fff; BORDER-BOTTOM-STYLE: none
}
#contentHeaderLeft {
	FLOAT: left; BACKGROUND-IMAGE: url(images/corner-topleft.gif); WIDTH: 10px; HEIGHT: 10px
}
#contentHeaderMid {
	BORDER-TOP: #666 1px solid
}
#contentHeaderRight {
	MARGIN-TOP: -1px; FLOAT: right; BACKGROUND-IMAGE: url(images/corner-topright.gif); WIDTH: 9px; HEIGHT: 10px
}
#contentFooter {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 1px; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; HEIGHT: 10px; BACKGROUND-COLOR: #fff; BORDER-BOTTOM-STYLE: none
}
#contentFooterLeft {
	MARGIN-TOP: 1px; MARGIN-LEFT: -9px; FLOAT: left; BACKGROUND-IMAGE: url(images/corner-bottomleft.gif); WIDTH: 10px; HEIGHT: 10px; 
}
#contentFooterMid {
	BACKGROUND-IMAGE: url(images/border-bottom.gif); WIDTH: 10px; HEIGHT: 10px
}

#contentFrame {
	BORDER-RIGHT: #666 1px solid; PADDING-RIGHT: 0px; BORDER-TOP: #666 1px; PADDING-LEFT: 0px; BACKGROUND: #fff; PADDING-BOTTOM: 0px; MARGIN: 0px; BORDER-LEFT: #666 1px solid; PADDING-TOP: 0px; BORDER-BOTTOM: #666 1px solid
}
#content {
	PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; HEIGHT: 100%
}
* HTML #content {
	HEIGHT: 600px
}
.DataTable {
	PADDING-RIGHT: 2px; BORDER-TOP: #bbb 1px solid; PADDING-LEFT: 2px; PADDING-BOTTOM: 2px; VERTICAL-ALIGN: top; WIDTH: 100%; PADDING-TOP: 2px; BORDER-BOTTOM: #bbb 2px solid; BORDER-COLLAPSE: collapse; BACKGROUND-COLOR: #ddd; TEXT-ALIGN: left
	-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

}
.DataTable TH {
	PADDING-RIGHT: 0px; BACKGROUND-POSITION: 50% bottom; PADDING-LEFT: 5px; MIN-HEIGHT: 20px; BACKGROUND-IMAGE: url(images/th-back.gif); PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BACKGROUND-REPEAT: repeat-x; BACKGROUND-COLOR: #f3f3f3
}
.DataTable TD {
	PADDING-RIGHT: 0px; PADDING-LEFT: 5px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid
}
.DownloadBlock {
	BORDER-RIGHT: black 1px solid; PADDING-RIGHT: 10px; BORDER-TOP: black 1px solid; MARGIN-TOP: 10px; PADDING-LEFT: 10px; FLOAT: right; MARGIN-BOTTOM: 5px; PADDING-BOTTOM: 5px; MARGIN-LEFT: 5px; BORDER-LEFT: black 1px solid; WIDTH: 20em; PADDING-TOP: 5px; BORDER-BOTTOM: black 1px solid; BACKGROUND-COLOR: #f8f8f8
}
.DownloadBlock IMG {
	BORDER-TOP-STYLE: none; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none
}
.header {
	BACKGROUND: url(images/ph-back.gif) repeat-x; VERTICAL-ALIGN: middle 
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
.header .left {
	BACKGROUND: url(images/ph-left.gif); FLOAT: left; VERTICAL-ALIGN: middle; WIDTH: 8px; HEIGHT: 32px
}
.header .right {
	BACKGROUND: url(images/ph-right.gif); FLOAT: right; VERTICAL-ALIGN: middle; WIDTH: 8px; HEIGHT: 32px
}
.header H2 {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 7px; HEIGHT: 32px
}
.date {
	FONT-WEIGHT: normal; FONT-SIZE: 11px; FLOAT: right; COLOR: #888888; FONT-FAMILY: Verdana, Arial, Helvetica, Geneva, sans-serif
}
.blockItem {
	MARGIN-BOTTOM: 30px; PADDING-BOTTOM: 20px; MARGIN-LEFT: 30px; BORDER-BOTTOM: #bbbbbb 1px dotted
}
.blockItemHeader {
	MARGIN-BOTTOM: 20px
}
.adhr {
	BACKGROUND-POSITION: center 50%; FONT-SIZE: 1px; BACKGROUND-IMAGE: url(images/ad-hline.gif); MARGIN: 5px 10px; WIDTH: 100%; BACKGROUND-REPEAT: no-repeat; HEIGHT: 10px; TEXT-ALIGN: center
}
.icon {
	BACKGROUND-POSITION: center 50%; FLOAT: left; WIDTH: 64px; BACKGROUND-REPEAT: no-repeat; HEIGHT: 64px
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 300px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

/* Bubble with an isoceles triangle
------------------------------------------ */

.triangle-isosceles {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#000;
	background:#f3961c; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#f9d835), to(#f3961c));
	background:-moz-linear-gradient(top, #f9d835, #f3961c);
	background:-o-linear-gradient(top, #f9d835, #f3961c);
	background:linear-gradient(top, #f9d835, #f3961c);
}

/* creates triangle */
.triangle-isosceles:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	z-index:-1;
	bottom:-30px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:15px 15px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#f3961c transparent transparent;
}


.triangle-right {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#fff;
	background:#075698; /* default background for browsers without gradient support */
	
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#2e88c4), to(#075698));
	background:-moz-linear-gradient(top, #2e88c4, #075698);
	background:-o-linear-gradient(top, #2e88c4, #075698);
	background:linear-gradient(top, #2e88c4, #075698);
}

/* creates triangle */
.triangle-right:after {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-40px; /* value = - border-top-width - border-bottom-width */
	left:50px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:20px 0 20px 20px; /* vary these values to change the angle of the vertex */
	border-style:solid;
	border-color:#075698 transparent transparent; 
}

.triangle-obtuse {
	position:relative;
	padding:15px;
	margin:1em 0 3em;
	color:#fff;
	background:#c81e2b;
	width:130px;
	/* css3 */
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	/* NOTE: webkit gradient implementation is not as per spec */
	background:-webkit-gradient(linear, left top, left bottom, from(#f04349), to(#c81e2b));
	background:-moz-linear-gradient(top, #f04349, #c81e2b);
	background:-o-linear-gradient(top, #f04349, #c81e2b);
	background:linear-gradient(top, #f04349, #c81e2b);
}

/* creates the wider right-angled triangle */
.triangle-obtuse:before {
	content:"\00a0";
	display:block; /* reduce the damage in FF3.0 */
	position:absolute;
	bottom:-20px; /* value = - border-top-width - border-bottom-width */
	left:60px; /* controls horizontal position */
	width:0;
	height:0;
	border-width:0;
	border-right-width:30px; /* vary this value to change the angle of the vertex */
	border-bottom-width:20px; /* vary this value to change the height of the triangle. must be equal to the corresponding value in :after */
	border-style:solid;
	border-color:transparent #c81e2b;
}