html, body { font: medium sans-serif }
#logintitle { text-align: center; color: #CC0000; font: bold 400% serif }
#loginclientlogo { text-align: center; color: #000000; font: bold 400% serif }
#logindlg { margin-left: auto; margin-right: auto }
#maincontent { max-width: 1024px; margin-left: auto; margin-right: auto }
#cllogo, #iplogo { color: #0000CC; font: bold 150% serif }
.leftbanner { float: left }
.rightbanner { float: right }
table.lbllist { border-spacing: 1em 0px }
table.lbllist td { vertical-align: top }
td.lbl { text-align: right }
.c { text-align: center }
.error { color: #CC0000; font-weight: bold }
#copyright { clear: both; text-align: center; font-size: small }
#topbanner { background: #000000; color: #FFFFFF; margin: 0px; border: solid
	#000000 2px; padding-left: 3em; font-size: small }
#topbanner p { margin: 0px }
#topbanner a { color: #FFFF00 }
#ipbanner { border-top: solid 2px #0000FF; border-bottom: solid 2px #0000FF;
	margin-top: 5px }
.instr { border: solid #000000 0px; background: #8888FF; padding: 5px }
.box { margin-top: 1em }
.boxtitle { background: #8888FF; color: #FFFFFF; text-align: center;
	font-weight: bold; padding: 2px; border: 0px; margin: 0px }
a { text-decoration: none }
a img { border: none }
.rarrow { float: left; width: 0; height: 0; border-style: solid;
	border-width: 0.5em 0 0.5em 1em;
	border-color: transparent transparent transparent #FFF }
.darrow { float: left; width: 0; height: 0; border-style: solid;
	border-width: 1em 0.5em 0 0.5em;
	border-color: #FFF transparent transparent transparent }