body {text-align: left; margin: 20px 2px 10px 2px; background-color: #FFFFFF; color: #333333; scrollbar-3dlight-color: #FFFFFF; scrollbar-arrow-color: #CCCCCC; scrollbar-base-color: #FFFFFF; scrollbar-darkshadow-color: #CCCCCC; scrollbar-highlight-color: #FFFFFF; scrollbar-face-color: #EEEEEE; scrollbar-shadow-color: #EEEEEE; scrollbar-track-color: #F9F9F9;}
body,td,tr,table,div { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 12px; letter-spacing: 1px; line-height: 28px; }

.buttonbar {margin-left: 50px; text-align: left;}
.subbuttonbar {margin-left: 50px; text-align: left;}
.menubutton {margin-right: 10px;}
.menubuttonoff {margin-right: 10px;}
.footerbar {margin: 10px 10px 0px 0px; text-align: right;}

div.scrollbg {background-color: #FFFFFF; background-image: url(/cube_matrix/images/body_bg.gif); background-repeat: no-repeat;}
div.scroll {width: 760px; height: 360px; overflow: auto; border: 0px; text-align: center;}
.content {text-align: center; width: 760px;}

form {margin: 0px; padding: 0px;}
input {border: 0px; padding: 1px; background-color: none; color: #003377; opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8;}
select {border: 0px; padding: 1px; background-color: none; color: #003377; opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8;}
textarea {border: 0px; padding: 1px; background-color: none; color: #003377; font-family: Arial, Verdana, sans-serif; font-size: 13px; margin: 0px; opacity: .8; filter: alpha(opacity=80); -moz-opacity: .8;}

.requiredfield {}

p {margin: 0px 0px 20px 0px; text-align: justify;}

ul {list-style: none; margin: 0px; padding: 0px 10px 0px 10px;}
ul.ulist {margin: 0px 0px 14px 9px; text-indent: -8px;}
ol {list-style: 1; margin: 0px 0px 0px 32px; padding: 0px 10px 0px 10px;}
ol.olist {margin: 0px 0px 14px 34px;}

h1 {font-size: 16px; letter-spacing: 1px; color: #FFFFFF; font-weight: bold; text-align: left; margin: 0px; padding: 0px 0px 6px 0px;}
h2 {font-size: 14px; letter-spacing: 1px; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px 0px 6px 0px;}
h3 {font-size: 12px; letter-spacing: 1px; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px 0px 6px 0px;}
h4 {font-size: 11px; letter-spacing: 1px; color: #FFFFFF; font-weight: bold; margin: 0px; padding: 0px 0px 6px 0px;}

.leftcolumn {float: left; width: 320px; text-align: left; margin: 10px 10px 0px 0px;}
.rightcolumn {float: right; width: 320px; text-align: left; margin: 10px 0px 0px 10px;}
.fullcolumn {width: 660px; text-align: left; margin: 10px 20px 0px 60px;}

div.row {clear: both; line-height: 18px;}
div.row span.label {float: left; width: 212px; text-align: right; margin: 0px 2px 2px 0px;}
div.row span.formw {float: right; width: 444px; text-align: left; margin: 0px 0px 2px 2px;}

div.textrow {line-height: 28px;}
div.textrow span.datacell {float: left; width: 212px; text-align: left;} 

.clearboth {clear: both;}

.bullet {position: relative; top: 3px; margin: 0px 2px 0px 0px;}
.thumb {margin: 6px;}
.thumbleft {float: left; margin: 6px 20px 10px 0px; border: none;}
.thumbright {float: right; margin: 6px 0px 10px 20px;}

.normaltext { font-size: 11px;  font-weight: normal; color: #EECFBB;}
.normalbold { font-size: 11px; font-weight: bold; color: #EECFBB;}
.smalltext { font-size: 10px; font-weight: normal;}
.smallbold { font-size: 10px; font-weight: bold;}
.smalltextblack { font-size: 10px; font-weight: normal; color: #000000;}
.smalltextwhite { font-size: 10px; font-weight: normal; color: #FFFFFF;}
.verysmalltext { font-size: 9px; font-weight: normal;}
.verysmalltextbold { font-size: 9px; font-weight: bold;}
.datetext { font-size: 9px; font-weight: normal; color: #FFFFFF; }
.notetext { font-size: 10px; font-weight: normal; color: #0099CC; }
.infotext { font-size: 10px; font-weight: normal; color: #666666; }
.brackettext { font-size: 10px; font-weight: normal; color: #1F993C; }
.hilitetext { font-size: 10px; font-weight: normal; color: #FF3300; }
.alerttext {color: #FFCC00; font-size: 12px;}

.desctext {font-size: 6px; color: #3366AA; visibility: hidden; opacity: 0; filter: alpha(opacity=0); -moz-opacity: 0;}
.footertext {font-family: Tahoma, Arial, Helvetica, sans serif; font-size: 10px; color: #CCCCCC; text-align: center; width: 760px;}

.tiptext { font-size: 10px; font-weight: normal; color: #999999; }
.tiptextblue { font-size: 10px; font-weight: normal; color: #003C66; padding: 0px 0px 10px 0px; }
.tiptextred { font-size: 10px; font-weight: normal; color: #CC6666; padding: 0px 0px 10px 0px; }
.tiptextgreen { font-size: 10px; font-weight: normal; color: #009900; padding: 0px 0px 10px 0px; }

.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.topleft {vertical-align: top; text-align: left;}
.topright {vertical-align: top; text-align: right;}
.topcenter {vertical-align: top; text-align: center;}
.top {vertical-align: top;}
.middle {vertical-align: middle;}
.bottom {vertical-align: bottom;}

.pagebutton {font-size: 10px; font-weight: bold; padding: 0px 4px 2px 4px;}
.alertbutton { font-size: 10px; font-weight: bold; border-width: 1px; border-style: solid; border-color: #CC3333; background-color: #CC6666; padding: 1px 8px 2px 8px; }

.indent10 {margin: 0px 10px 0px 10px; text-align: left;}
.indent20 {margin: 0px 20px 0px 20px; text-align: left;}
.indent40 {margin: 0px 40px 0px 40px; text-align: left;}
.indent60 {margin: 0px 60px 0px 60px; text-align: left;}

.black {color: #000000;}
.blue {color: #0077CC;}
.green {color: #009900;}
.red {color: #CC6666;}

.whitedata {background-color: #FFFFFF; font-size: 10px; color: #000000;}
.graydata {background-color: #EEEEEE; font-size: 10px; color: #000000;}
.blackdata {background-color: #000000; font-size: 10px; color: #FFFFFF; font-weight: bold;}
.bluedata {background-color: #BBDDFF; font-size: 10px; color: #000000;}
.reddata {background-color: #FFEEEE; font-size: 10px; color: #CC6666;}

A {color: #003366;}
A:link {color: #003366;}
A:visited {color: #000000;}
A:hover {color: #006699;}
A:active {color: #0099CC;}