/* color = #332875 is Dark Blue      */
/* color = #857EAC is Light Blue     */
/* color = #FF8700 is Orange         */
/* color = #FFC68A is Light Orange   */
/* color = #FCEBC0 is Lighter Orange */
/* color = #777777 is Grey           */
/* color = #C0C0C0 is Light Grey     */
/* color = #DDDDDD is Lighter Grey   */
/* color = #E6E6FA is Lavendar       */
/* color = #FF0000 is Red            */
/* color = #FFFFFF is White          */
/* color = #000000 is Black          */
/* color = #6E8349 is Green          */
/* color = #DDD9C3 is Tan            */
/* color = #990099 is Purple         */

body           {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
form           {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
h1             {font-size:  4pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
h2             {font-size:  6pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
h3             {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
h4             {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
h5             {font-size: 12pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
h6             {font-size: 14pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
hr             {border-top: 1px solid #FF8700; border-bottom: none; border-left: none; border-right: none; height: 0px}
hr.thick       {border-top: 4px solid #FF8700; border-bottom: none; border-left: none; border-right: none; height: 0px}
hr.gray        {border-top: 1px solid #C0C0C0; border-bottom: none; border-left: none; border-right: none; height: 0px}
img            {border: 0}
input          {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}

/*
input[type=text]:focus {background-color: yellow;}

select:focus {background-color: yellow;}
*/

/* This is required to ensure that the buttons get reset correctly in IE when using onclick= */
input[type=button]:hover {text-align: center}

legend         {padding: 3px;font-size: 10pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #FF8700}
fieldset       {padding: 10px}
table          {border-collapse: collapse}
th             {font-size: 10pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #332875; text-align: center; border-color: #FFFFFF}
th.alt         {font-size: 10pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #990099; text-align: center; border-color: #FFFFFF}
th.demo        {font-size: 14pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #332875; text-align: center; border-color: #FFFFFF}
th.left        {font-size: 10pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #332875; text-align: left;   border-color: #FFFFFF}
th.leftbig     {padding: 10px; font-size: 14pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: bold;   background-color: #332875; text-align: left; border-color: #FFFFFF}
th.leftbig2    {padding: 10px; font-size: 14pt; font-family: arial, sans-serif; color: #000000; font-weight: bold;   background-color: #E6E6FA; text-align: left; border-color: #000000}
th.subtitle    {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal; background-color: #E6E6FA; text-align: center; border-color: #000000}
th.subtitle2   {font-size: 10pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #857EAC; text-align: center; border-color: #000000}
th.pinned      {font-size: 10pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: normal; background-color: #FF8700; text-align: center; border-color: #FFFFFF}
th.sticky      {position: -webkit-sticky; position: sticky; top: 0}
th.sticky1     {position: -webkit-sticky; position: sticky; top: 0}
th.sticky2     {position: -webkit-sticky; position: sticky}
td             {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
td.n2          {font-size: 12pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
td.alert       {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal; background-color: #FF0000}
td.half        {font-size:  4pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
td.bold        {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
td.bold2       {font-size: 12pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
td.title       {font-size: 12pt; font-family: arial, sans-serif; color: #332875; font-weight: bold}
td.plain       {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal; background-color: #FFFFFF}
td.color       {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal; background-color: #E6E6FA}
td.colorpad    {padding: 10px; font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal; background-color: #E6E6FA}
td.total       {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: bold;  border-top: 1px solid #777777; border-bottom: 1px solid #777777; text-align: center}
td.subtotal    {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: bold;  border-top: 1px solid #777777; text-align: center}
select         {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
ul             {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
pre            {font-size: 10pt; font-family: "courier new", courier; color: #000000; font-weight: normal}
p              {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
p.bold         {font-size: 10pt; font-family: arial, sans-serif; color: #000000; font-weight: bold}
p.half         {font-size:  4pt; font-family: arial, sans-serif; color: #000000; font-weight: normal; margin: 0px}
li.justtop     {text-align: justify; margin-top: 15px}
.copyright     {font-size:  8pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
.copyright2    {font-size:  7pt; font-family: arial, sans-serif; color: #000000; font-weight: normal}
.a1            {padding: 3px; font-size: 12pt; font-family: arial, sans-serif; color: #FFFFFF; font-weight: bold; background-color: #332875}
ul.ul1         {margin-top:0px; margin-left:16px}
ul.ul2         {margin-top:0px}

td.sub-text    {color: #777777}
td.sub-text2   {font-size: 8pt; color: #777777}
td.sub-text-i  {color: #777777; font-style: italic}
td.text-i      {font-style: italic}
.sub-text      {color: #777777}
.sub-text2     {font-size: 8pt; color: #777777}
.sub-text-i    {color: #777777; font-style: italic}
.text-i        {font-style: italic}

.UpArrow       {color:green;font-size:20px}
.DownArrow     {color:red;  font-size:20px}
.UpArrowO      {color:red;  font-size:20px}
.DownArrowO    {color:green;font-size:20px}
.NoArrow       {            font-size:20px}

a:link         {text-decoration: underline; color: #332875; background-color: transparent}
a:visited      {text-decoration: underline; color: #332875; background-color: transparent}
a:hover        {text-decoration: underline; color: #FF8700; background-color: transparent}
a:active       {text-decoration: underline; color: #FF8700; background-color: transparent}

a.pinned:link    {text-decoration: underline; color: #332875; background-color: transparent}
a.pinned:visited {text-decoration: underline; color: #332875; background-color: transparent}
a.pinned:hover   {text-decoration: underline; color: #FFFFFF; background-color: transparent}
a.pinned:active  {text-decoration: underline; color: #FFFFFF; background-color: transparent}

a.red:link    {text-decoration: underline; color: #FF0000; background-color: transparent}
a.red:visited {text-decoration: underline; color: #FF0000; background-color: transparent}
a.red:hover   {text-decoration: underline; color: #FF8700; background-color: transparent}
a.red:active  {text-decoration: underline; color: #FF8700; background-color: transparent}

/* When link is in a <th> tag */
a.th:link      {text-decoration: underline; color: #FFFFFF; background-color: transparent}
a.th:visited   {text-decoration: underline; color: #FFFFFF; background-color: transparent}
a.th:hover     {text-decoration: underline; color: #FFFFFF; background-color: transparent}
a.th:active    {text-decoration: underline; color: #FFFFFF; background-color: transparent}

/* Online field help */
a.help:link    {text-decoration: underline; color: #332875; background-color: transparent}
a.help:visited {text-decoration: underline; color: #332875; background-color: transparent}
a.help:hover   {text-decoration: underline; color: #332875; background-color: transparent}
a.help:active  {text-decoration: underline; color: #332875; background-color: transparent}

/* Hide on screen and show when printing */
.print-show {display:none;}

@media print
{
  .print-show {display:inline;}
}

/* Show on screen and hide when printing */
.print-hide {display:inline;}

@media print
{
  .print-hide {display:none;}
}

@media print
{
  a              {text-decoration: none; color: #000000; background-color: transparent}
  a:link         {text-decoration: none; color: #000000; background-color: transparent}
  a:visited      {text-decoration: none; color: #000000; background-color: transparent}
  a:hover        {text-decoration: none; color: #000000; background-color: transparent}
  a:active       {text-decoration: none; color: #000000; background-color: transparent}
}

/* Portal Menu - Start */

ul#css3menu1,ul#css3menu1 ul{
  margin:0;list-style:none;padding:0;background-color:none;border-width:0;border-style:solid;border-color:;}
ul#css3menu1 ul{
  display:none;position:absolute;left:0;top:100%;background-color:#FF8700;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;padding:0 3px 3px;}
ul#css3menu1 li:hover>*{
  display:block;}
ul#css3menu1 li{
  position:relative;display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1 li:hover{
  z-index:1;}
ul#css3menu1 ul ul{
  position:absolute;left:100%;top:0;-moz-box-shadow:0px 0px 1px #C0C0C0;-webkit-box-shadow:0px 0px 1px #C0C0C0;box-shadow:0px 0px 1px #C0C0C0;}
ul#css3menu1{
  font-size:0;z-index:999;position:relative;display:inline-block;zoom:1;padding:2px 2px 2px 0;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;
  *display:inline;}
* html ul#css3menu1 li a{
  display:inline-block;}
ul#css3menu1>li{
  margin:0 0 0 2px;}
ul#css3menu1 ul>li{
  margin:2px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
  outline-style:none;}
ul#css3menu1 a{
  display:block;vertical-align:middle;text-align:left;text-decoration:none;font:14px arial,sans-serif;color:#FFFFFF;cursor:pointer;padding:5px 8px 5px 8px;background-color:;background-repeat:repeat;border-width:0px;border-style:none;border-color:;}
ul#css3menu1 ul li{
  float:none;margin:3px 0 0;}
ul#css3menu1 ul a{
  text-align:left;padding:7px;background-color:#FF8700;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:12px arial,sans-serif;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li a.pressed{
  border-style:none;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 span{
  display:block;overflow:visible;background-image:url("/images/portal/arrowmain.gif");background-position:right center;background-repeat:no-repeat;padding-right:16px;}
ul#css3menu1 ul span{
  background-image:url("/images/portal/arrowsub.gif");padding-right:12px;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li a.pressed{
  background-color:#FFC68A;color:#FFFFFF;text-decoration:none;}
ul#css3menu1 li.topmenu>a{
  background-color:#332875;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu a.pressed{
  background-color:#FF8700;}
ul#css3menu1 li.fillermenu>a{
  background-color:#332875;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;}

html, body {
    height: 100%;
}

.page-body {
    border: 0;
    padding: 0;
    margin: 0;
    min-height: 200px;
    min-width: 940px;
}

.page-layout {
    background-color: #FFFFFF;
    height: 100%;
    margin: 0 auto;
    position: static;   /* Previously - "position: relative;" */
    width: 100%;
}

.page-header {
    height: 90px;
    width: 100%;
}

.page-header-logo {
    border: 0;
    float: left;
    margin: 0;
    padding: 17px 0px 17px 18px;
    text-decoration: none;
}

.page-menu {
    position: relative;
    z-index: 999;
    border: 0;
    clear: right;
    float: right;
    margin: 0;
    padding: 0px 36px 0px 0px;
}

.page-content {
    overflow-x: auto;
    background-color: #FFFFFF;
    border: 0;
    border-top: 4px solid #FF8700;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0px 0px 16px 0px;
    position: absolute;
    right: 0;
    top: 90px;
}

.page-quick-links {
    border: 0;
    float: right;
    font-size: 10pt;
    font-family: arial,sans-serif;
    font-weight: normal;
    margin: 0;
    padding: 8px 42px 34px 0px;
}

.page-table {
    margin: 0 auto;
    padding-top: 16px;
}

/* This was experimental code

.page-table {
  margin: 0 auto;
  padding: 0px;
  position: relative;
  height: 100%;      
}

*/

.page-content-table {
    overflow-x: auto;
    background-color: #FFFFFF;
    bottom: 68px;
    left: 0;
    margin: 0;
    padding: 0px 6px 0px 6px;
    position: absolute;
    right: 0;
    top: 0;
}

.page-footer-buttons {
    background-color: #FFFFFF;
    border-top: 1px solid #FF8700;
    text-align: center;
    width: 100%;
    color: #000000;
    position: fixed;
    bottom: 0;
    padding: 8px 0px 8px 0px;
}

@media print
{
  .page-header  {display:none;}

  .page-content {
    overflow-x: visible;
    background-color: #FFFFFF;
    border: 0;
    border-top: none;
    bottom: 0;
    left: 0;
    margin: 0;
    padding: 0;
    position: static;
    right: 0;
    top: 0;
  }

  .page-content-table {
    overflow-x: visible;
    background-color: #FFFFFF;
    bottom: 68px;
    left: 0;
    margin: 0;
    padding: 0px 6px 0px 6px;
    position: static;
    right: 0;
    top: 0;
  }

  .page-footer-buttons {display:none;}
}

a.quick-link {
  color: #332875;
  text-decoration: none;
}

a.quick-link:hover, a.quick-link.pressed {
  color: #FFFFFF;
  background-color: #FF8700;
  text-decoration: none;
}

span.quick-link-spacer {
  color: #FF8700;
  padding: 6px;
}

/* Portal Menu - End */