body
{
  color: #333;
  background-color: #343434;
  font-size: 13px; 
  margin: 0px;
  padding-top: 0px;
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
}

td
{
  color: #333;
  font-size: 13px;
  line-height: 16px;
  font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif;
}

a        { color: #6495ed; font-size: 12px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; } 
a:link   { color: #6495ed; font-size: 12px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; }
a:active { color: #6495ed; font-size: 12px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; }
a:hover  { color: #6495ed; font-size: 12px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: bold; text-decoration: none; }

a.footer        { color: #707070; font-size: 14px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; text-decoration: none; }
a.footer:link   { color: #707070; font-size: 14px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; text-decoration: none; }
a.footer:active { color: #707070; font-size: 14px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; text-decoration: none; }
a.footer:hover  { color: #707070; font-size: 14px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; text-decoration: underline; }

a.linkLogo        { color: #333333; font-size: 40px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; }
a.linkLogo:link   { color: #333333; font-size: 40px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; }
a.linkLogo:active { color: #333333; font-size: 40px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; }
a.linkLogo:hover  { color: #333333; font-size: 40px; font-family: "Nimbus Sans L", Helvetica, Arial, sans-serif; font-weight: normal; text-decoration: none; }

/* Define the account cells */
table.loginOuter
{
  border-spacing: 0px;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 60px;
}

table.loginOuter td.loginCell
{
  width: 404px;
}

table.loginOuter td.loginCenter
{
  text-align: center;
  font-size: 38px;
}

table.loginWindow
{
  border-spacing: 0px;
  width: 384px;
  height: 294px;
  background-color: #ffffff;
  border: 1px solid #e6e6e6;
  border-radius: 5px;
}

table.loginWindowLeft
{
  margin-left: 20px;
}

table.loginWindowRight
{
  margin-right: 20px;
}

table.loginWindow td.loginHeader
{
  padding-top: 37px;
  padding-left: 30px;
  line-height: 22px;
}

table.loginWindow td.loginHeader span.title
{
  font-size: 28px;
  font-weight: bold;
}

table.loginWindow td.loginHeader span.description
{
  font-size: 17px;
  line-height: 34px;
}

table.loginWindow td.loginField
{
  width: 163px;
  height: 50px;
  padding-left: 30px;
  padding-top: 20px;
}

table.loginWindow td.loginFieldTop
{
  padding-top: 10px !important;
}

table.loginWindow td.loginSubmit
{
  padding-left: 30px;
  padding-top: 35px;
  padding-bottom: 40px;
}

/* Define the main login input bars */
input.login
{
  background-color: #f2f2f2;
  color: #757575;
  font-size: 24px;
  padding-left: 10px;
  padding-right: 10px;
  width: 306px;
  height: 45px;
  border-bottom: 1px solid #cccccc;
  border-left: 0px;
  border-right: 0px;
  border-top: 0px;
  outline: none;
}

input.loginOrange:active
{
  border-bottom: 1px solid #ff7f50;
  background-color: #e2e2e2;
}

input.loginBlue:active
{
  border-bottom: 1px solid #6495ed;
  background-color: #e2e2e2;
}

input.buttonOrange
{
  background-color: #ff7f50;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 7px;
  text-align: center;
  width: 323px;
  height: 48px;
  outline: none;
}

input.buttonBlue
{
  background-color: #6495ed;
  color: #ffffff;
  font-weight: bold;
  font-size: 20px;
  border-radius: 7px;
  text-align: center;
  width: 323px;
  height: 48px;
  outline: none;
}

/* Handle the bubble tables on the main pages */

table.sectionOuter
{
  width: 100%;
  border-spacing: 0px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border-radius: 5px;
}

table.sectionOuter td
{
  vertical-align: top;
  padding: 20px;
}

table.sectionOuter td.sectionHalf
{
  width: 50%;
}

table.sectionBottom
{
  margin-bottom: 40px;
}

table.sectionDetails
{
  border-spacing: 0px;
  font-size: 16px !important;
  width: 100%;
}

table.sectionDetails td
{
  padding: 5px;
  font-size: 16px !important;
}

table.sectionDetails td:first-child
{
  width: 120px;
}

span.lockOff
{
  color: #009900;
  font-weight: bold;
}

span.lockOn
{
  color: #990000;
}

span.paymentNull
{
  color: #cccccc;
  font-style: italic;
}

#paymentURL a
{
  font-size: 16px;
  font-weight: normal;
}

/* Define the help text and images */

table.adminDetails td
{
  vertical-align: top;
}

div.helpRight
{
  float: right;
  width: 400px;
  height: 400px;
  margin-top: 30px;
  margin-left: 0px;
  margin-bottom: 0px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

div.helpLeft
{
  float: left;
  width: 400px;
  height: 400px;
  margin-top: 30px;
  margin-right: 0px;
  margin-bottom: 0px;
  border-radius: 5px;
  padding: 5px;
  border: 1px solid #cccccc;
}

div.helpFull
{
  float: left;
  width: 100%;
  margin-right: 0px;
  border-radius: 5px;
  border: 1px solid #cccccc;
}

p.helpHeader
{
  font-size: 22px;
  line-height: 30px;
  font-weight: bold;
}

p.helpText
{
  font-size: 16px;
  line-height: 22px;
  text-align: justify;
}

ul.helpList
{
  text-indent: 0px;
  font-size: 16px;
  line-height: 22px;
}