/* -----------  Site Page Layout - Total width: 850px  -------- */
body               {margin: 0px; padding: 0px; background-image: url(../images/BodyBG.jpg);
                     font: 10pt Tahoma, Geneva, sans-serif; color: #000000; background-repeat: repeat-y; background-color: #036972;}
img                {border: 0px}
select, input, textarea {font-size: 9pt;}
select, input, textarea {margin: -1px 0px -2px 0px;  border: 1px solid #a0a0a0;}
.hide              {display: none;}
hr                 {height: 1px; background-color: #6da3a7; border: 0px solid #6da3a7;}

/* -----------  Header Layout  -------- */
#Header            {color: #ffffff; background:#013034; height: 50px; padding: 0px;}
#Header div        {border: 0px solid #ffffff;}
#HeaderBar         {width: 850px; margin: 0px 0px 0px 10px; padding: 0px; position: absolute;}
#HeaderLogo        {width: 220px; float: left; font-size: 12pt; font-weight: bold; margin-left: 8px; padding-top: 12px;}  /* 1% + 25% */
#HeaderMid         {width: 300px; float: left; font-weight: bold; text-align: center; padding-top: 8px;}                  /* 37% */
#HeaderLogin       {width: 270px; float: right; font-size: 9pt; font-weight: normal; text-align: right; margin-right: 8px; padding-top: 4px; /* 35% + 1% */
                     line-height: 20px;}
/*
#HeaderLogin table {float: right; margin: 0px; border: 0px;}
#HeaderLogin td    {padding: 0px; line-height: 18px;}
#HeaderLogin input[type^='t'] {font-size: 8pt; width: 130px;}
#HeaderLogin input[type^='p'] {font-size: 8pt; width: 90px;}
#HeaderLogin input[type^='c'] {margin: 0px 0px 0px 2px;  border: 0px solid #a0a0a0;}
*/
#HeaderLogin a     {color: #bbbbff; text-decoration: none;}
#HeaderLogin a:hover {color: #ffffff; text-decoration: underline;}

/* -----------  Navigation Bar Layout  -------- */
#NavBar            {background: #d0d0d0; height: 30px;}
#NavList           {width: 850px; margin: 0px 5px 0px 10px; padding: 0px; position: absolute;}
#NavList a         {color: #000000; text-decoration: none; height: 25px}
#NavList a:hover   {color: #606060; text-decoration: underline;}
#NavList ul        {margin: 0px; padding: 0px;}
#NavList li        {float: left; list-style: none; line-height: 30px; padding: 0px 7px 0px 9px; white-space: nowrap; border-left: solid 1px #025157;}
#NavList li:hover  {background:#e0e0e0;}
#NavEst, #NavSport {float: right; line-height: 30px; padding: 0px 5px 0px 5px; border-right: solid 1px #025157;}
#NavEstName, #NavSportName
                   {background: #ffffff; margin-left: 5px; padding: 2px 5px 2px 5px;}
#NavEst select, #NavSport select
                   {float: right; width: 165px; font-size: 10pt; margin: 5px 0px 0px 5px;}
#NavFill           {float: left; line-height: 30px; padding: 0px 0px 0px 10px; border-left: solid 1px #025157; color: #a0a0a0;}
#NavRight          {float: right; line-height: 30px; padding: 0px 5px 0px 0px; border-right: solid 1px #025157; text-align: right; color: #a0a0a0;}

/* -----------  Page Layout  -------- */
.PgBody            {width: 850px; background:#ffffff; margin: 5px 5px 5px 10px; min-height: 300px; border: 1px solid #025157;}
.sqlStatus, .sqlStatusGood, .sqlStatusAlert, .sqlStatusFail
                   {position: absolute; left: 350px; top: 109px; width: 410px;}
.sqlStatus         {color: #000090;}
.sqlStatusGood     {color: #009000;}
.sqlStatusAlert    {color: #400000; background-color: #ffffc0;}
.sqlStatusFail     {color: #900000; top: 95px;}
.BodyHdr           {float: left; width: 795px; margin: 15px 0px 0px 24px; padding: 0px; border: 1px solid #ffffff;}           /* 3% + 93.5% */
.Body1Col          {float: left; width: 799px; margin: 7px 0px 20px 20px; padding: 0px 0px 0px; border: 1px solid #036972;}  /* was:#6da3a7  3% + 94% */
.Body3Col          {float: left; width: 247px; margin: 6px 0px 0px 19px; border: 1px solid #ffffff;}                         /* 3% + 29% */
.Body2Col2         {float: left; width: 533px; margin: 6px 0px 0px 19px; border: 1px solid #ffffff;}
.BodyBox, .BodyRBox, .BodyEBox
                   {margin: 0px 0px 10px 0px; padding: 2px 2px 8px;}
.BodyBox           {border: 1px solid #036972;}
.BodyRBox          {border: 1px solid #ffffff;}
.BodyEBox          {border: 0px solid #ffffff;}
.BodyHdr h1        {font-weight: normal; font-size: 15pt; color: #104090; letter-spacing: 1px; margin: 0px; padding: 0px; border: 1px solid #ffffff;}
.PgBody h3         {font-weight: bold; font-size: 11pt; margin: 0px; padding: 4px;}
.Body1Col .col1    {padding-right: 1px;}
.Body1Col .col1 h4, .Body1Col .col1s3 h4, .Body3Col .col1 h4
                   {background: url(../images/BodyBG.jpg) #c0c0c0 repeat-y -34px 0px; background-color: #036972;}
.Body1Col .col2 h4 {background: url(../images/BodyBG.jpg) #c0c0c0 repeat-y -289px 0px; background-color: #036972;}
.Body1Col .col2n h4 {background: url(../images/BodyBG.jpg) #c0c0c0 repeat-y -398px 0px; background-color: #036972;}
.Body3Col .col2 h4, .Body2Col2 .col2 h4
                   {background: url(../images/BodyBG.jpg) #c0c0c0 repeat-y -302px 0px; background-color: #036972;}      /* for Body3Col */
.Body1Col h4, .Body3Col h4, .Body2Col2 h4
                   {font-weight: bold; font-size: 10pt; margin: 0px; padding: 4px; color: #ffffff; background-color: #036972;}

.PgBody h5         {font-size: 10pt; font-weight: bold; margin: 5px 0px 0px 2px; background-color: #bdf4e7;}
.PgBody .BodyBox p, .Body1Col p
                   {font-size: 10pt; margin: 0px; padding: 6px 6px;}
.BodyBox h3        {color: #ffffff; background-color: #6da3a7}
.BodyRBox h3       {color: #000000; background-color: #ffffff;}

#help              {position: absolute; top: 95px; left: 800px;}
.moreHelp          {position: absolute; top: 95px; left: 535px; width: 300px; border: 1px solid #2020ff; padding: 5px 10px 5px 0px;
                     background-color: #f0f0ff; display: none; z-Index: 2;}
/*  .moreHelp .topLine {text-align: right;} */
.moreHelp .topLine {float: right; margin: 0px 2px 2px 2px;}
.moreHelp div      {padding: 0px;}
.moreHelp div.label  {font-weight: bold; margin: 3px 0px 1px 6px;}
.moreHelp div.data   {margin: 1px 0px 1px 12px;}


.Tbl1                   {width: 100%; margin: auto; border: 0px solid #000000; border-collapse: collapse;}
.Tbl1 td                {vertical-align: top; margin: 0px; padding: 2px;}

/* -----------  General Elements  -------- */
a.button, a.buttonDis {padding: 3px 8px 3px 8px; border: 1px solid #a0a0a0;
                        background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -596px; text-decoration: none;}
a.button           {color: #000000; font-size: 10pt;}
a.buttonDis        {color: #a0a0a0; font-size: 10pt;}
a.buttonMini, a.buttonMiniDis
                   {padding: 2px 6px 1px 6px; border: 1px solid #a0a0a0; margin-left: 2px;
                     background: url(../images/backgrounds.png) #c0c0c0 repeat-x 0px -601px; text-decoration: none;}
a.buttonMini       {color: #000000; font-size: 9pt;}
a.buttonMiniDis    {color: #a0a0a0; font-size: 9pt;}
.al                {text-align: left;}
.ac                {text-align: center;}
.Indent            {margin: 10px 10px 10px 40px;}
.MoreInfo          {font-size: 10pt; padding-left: 20px; display: none; padding: 0px;}
.moreInfoBox h5, .moreInfoBox .closeMe
                        {display: inline-block;}
.moreInfoBox .closeMe   {float: right; margin-top: 3px;}
.moreInfoBox h5    {background-color: #ffd0a0; margin: 0px; padding: 2px 5px;}
.TogDesc           {font: normal 10pt Courier New, Courier, Monospace; text-decoration: none; padding: 0px 2px;}
.TogDesc           {border: 1px solid #a0a0a0;}
.ReqdVal           {color: #ff0000; font-size: 8.5pt;}
.buttonLabel       {font-size: 8.5pt; color: #20009d; margin: 5px 0px 0px 10px; display: inline-block;}

/* -----------  Footer Layout  -------- */
#FooterBar         {width: 850px; background:#ffffff; margin: 10px 5px 5px 10px; padding: 0px; border: 1px solid #025157;}
#FooterBar p       {font-size: 8.5pt; margin: 15px;}
#propEnum                    {font-size: 8pt; width: 850px; height: 80px; background:#ffffff; margin: 10px 5px 5px 10px;
                              padding: 0px; border: 1px solid #025058; white-space: normal;}

/* -----------  Login Layers  -------- */
.layerSep          {display: none; width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; opacity: 0.7; filter: alpha(opacity=70);
                     background-color: #000000; z-Index: 3;}
.layerPopup        {display: none; position: absolute; top: 5px; left: 10px;
                     background-color:#FFFFFF; z-Index: 4; border: 2px solid black;
                     text-align: center; vertical-align: middle; padding: 10px; }
.xlayerPopup        {width: 350px; height: 200px;}
.loginBox          {color: #000000; width: 300px; margin: 25px 20px 20px 30px; border: 0px solid #000000; border-collapse: collapse;}
.loginBox th       {font-size: 10pt; font-weight: bold; text-align:center; padding: 3px;}
.loginBox th, .loginBox td
                   {border: 1px solid #c0c0c0; vertical-align: bottom;}
.loginBox td       {padding: 4px 3px 4px 4px; text-align: left; vertical-align: top;}
.loginBox tr.butRow     {height: 35px; text-align: center; vertical-align: middle;}
.loginBox tr.butRow td  {padding-top: 8px; padding-left: 20%;}
.loginBox .label   {font-size: 9pt; font-weight: bold; text-align: right; white-space: nowrap;}
.loginBox input    {margin: -1px 0px -2px 0px;}
.loginBox .line2   {font-size: 8pt; margin: 4px 2px 0px 8px; display: inline-block;}

#sessionStatus     {color: #d0d000; float: left;}
#xloginStatusRow    {display: none;}
#xloginStatus       {width: 140px; float: left;}
#loginStatus       {color: #c0c000; text-align: center;}
#loginStatus.fail  {color: #a00000;}
#loginStatus.good  {color: #009000;}
#loginRetCodeRow   {display: none;}