/**************************************
 * General
 */

th,
td {
  color: #5e6062;
  font-size: 12px;
  text-align: left;
}

form p,
form h3 {
  margin: 0 0 1em 0;
}

#my-account-billing-fields,
#my-account-details-fields,
.my-account-email-fields,
#my-account-password-fields,
#my-account-bbpassword-fields,
.my-account-webspace-fields {
  background: #e3e3e3 none;
  color: #5e6062;
  padding: 1em;
  float: left;
}

#my-account-bbpassword-fields {
  width: 17em;
  margin-left: 1em;
}

#my-account-details-fields strong img,
#my-account-email-fields strong img,
#my-account-password-fields strong img,
#my-account-bbpassword-fields strong img,
.my-account-webspace-fields strong img {
  cursor: help;
}

#my-account-bbpassword-fields small {
  line-height: 1;
}

#main {
  width: 528px;
}

#main-long {
  width: 729px;
}

#scenario-content {
  margin-top: 1.2em;
}

#page.no-menu #scenario-content {
  width: 632px;
}

#my-account-details-part1,
#my-account-email-part1,
#my-account-webspace-part1 {
  width: 300px;
  float: left;
}

#my-account-details-part2,
#my-account-email-part2,
#my-account-webspace-part2 {
  width: 300px;
  float: right;
}

#my-account-email-part1 h2 {
  clear: left;
}

#my-account-email-part2 dd {
  margin-top: 0.4em;
  margin-left: 2.6em;
}

#my-account-details-part1 td,
#my-account-details-part2 td {
  vertical-align: top;
}

.my-account-webspace-fields {
  margin-top: 1em;
}

.my-account-webspace-fields h3 {
  margin: 0 0 1em 0;
}

#my-account-webspace-part1 dd {
  padding-left: 1.4em;
}

#my-account-webspace-part1 dt {
  font-weight: bold;
  margin-right: 0.3em;
  float: left;
  clear: left;
}

#my-account-webspace-support {
  padding-top: 1em;
  clear: left;
}

#my-account-details-passwordlink {
  margin-top: 0.4em;
  margin-bottom: 0;
}

#my-account-email-settings p {
  margin-bottom: 1em;
}

#my-account-password-fields,
#my-account-bbpassword-fields {
  margin-top: 1em;
  margin-bottom: 1em;
}

#my-account-password-fields dd,
#my-account-bbpassword-fields dd {
  margin-bottom: 0.4em;
}

#my-account-email-submit,
#my-account-password-submit {
  clear: both;
}

#my-account-password-fields dt,
#my-account-bbpassword-fields dt {
  margin-bottom: 0.1em;
}

#my-account-password-warning {
  margin-bottom: 1.1em;
  clear: left;
}

.my-account-note {
  background: transparent none;
  color: #7e7469;
  font-size: smaller;
}

#my-account-submit {
  clear: both;
  padding-top: 1em;
}

#my-account-webspace-create form {
  margin-top: 1.4em;
}

#my-account-webspace-create input {
  font-size: 300%;
}

#my-account-webspace-create p {
  margin-bottom: 1em;
}

#trPhone td {
  padding-top: 1.4em;
}



/**************************************
 * Billing
 */

#billing #nav-menu {
  padding-top: 1em;
  float: left;
}

#billing #nav-menu-scenarios dd ul {
  margin-bottom: 1em;
}

#billing #page {
  background-position: left top;
}

#billing #scenario-content {
  margin-left: 190px;
  width: 510px;
  clear: right;
}

/* \*/
* html #billing #scenario-content {
  position: relative;
  left: -3px;
  width: 487px;
}
/* */

#my-billing-content,
#my-billing-header {
  margin: 0 10px;
}

#my-billing-content h2 {
  clear: left;
}

#my-billing-account-details {
  float: right;
}

#my-billing-account-details td {
  background: transparent none;
  color: #d89f17;
  text-align: right;
}

#my-billing-account-details th {
  font-weight: normal;
}

.my-billing-cr {
}

.my-billing-highlight,
.my-billing-highlight td,
.my-billing-highlight th {
  background: transparent none;
  color: #d89f17;
}

.my-billing-money {
  text-align: right;
  padding-right: 0 !important;
}

.my-billing-note {
  background: transparent none;
  color: #5e6062;
  font-size: 86%;
}

#my-billing-print {
  padding-right: 10px;
  float: right;
}

#my-billing-print a {
  padding: 0 0 0 26px;
}

#my-billing-print a:link,
#my-billing-print a:visited {
  background: transparent url(/images/icon_print.gif) scroll no-repeat 12px center;
  color: #0047ba;
  text-decoration: none;
}

#my-billing-print a:hover,
#my-billing-print a:active {
  background: transparent url(/images/icon_print_black.gif) scroll no-repeat 12px center;
  color: #000;
  text-decoration: none;
}

.my-billing-shortlabel {
  white-space: nowrap;
}

table.my-billing-table {
  padding: 0;
  border-collapse: collapse;
  border-style: solid;
  border-width: 0;
  border-color: #999;
  width: 100%;
}
table.my-billing-table th,
table.my-billing-table td {
  padding: 0.3em;
  border-style: solid;
  border-width: 0;
  border-color: #999;
  margin: 0.3em;
}
table.my-billing-table th {
  font-weight: normal;
}
table.my-billing-table tr {
  vertical-align: top;
}

#billing table.ImmTS_Default caption {
  background: #999 none;
  color: #fff;
  text-align: left;
  padding: 0.3em;
}

#my-billing-tabs {
  background: transparent none;
  color: #5e6062;
  padding-top: 0.7em;
  padding-left: 10px;
  border-style: solid;
  border-width: 0 0 1px 0;               
  border-color: #999;
  margin-bottom: 0.6em;
  clear: right;
  float: left;
  width: 500px;  /* Total width = 500px+10px */
}

#my-billing-tabs li {
  list-style: none none;
  margin-left: 0;
  float: left;
}

#my-billing-tabs li a,
#my-billing-tabs li strong {
  display: block;
  background: #999 none;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0.1em 0.5em 0.2em 0.5em;
  border-style: solid;
  border-width: 0 4px 0 0;
  border-color: #fff;
  float: left;
}

/* Hide this from IE5-Mac \*/
#my-billing-tabs li a,
#my-billing-tabs li strong {
  float: none;
}
/* End IE5-Mac hack */

#my-billing-tabs li a:link,
#my-billing-tabs li a:visited {
  text-decoration: none;
}

#my-billing-tabs li a:hover,
#my-billing-tabs li a:active {
  background: #000 none;
  color: #fff;
  text-decoration: none;
}

#my-billing-tabs li strong {
  background: #d89f17 url(/images/two-column.png) scroll no-repeat top left;
  color: #fff;
  font-size: larger;
  font-weight: normal;
  padding: 0.1em 0.4em 0.2em 0.4em;
}



/**************************************
 * Tabs
 */

/* IE/Win leaves a blank space below the tabs
 * if the breadcrumbs have a bottom margin.
 * We also shift the breadrumbs a little closer
 * to the logo to save vertical space.
 */
#breadcrumbs {
  padding-top: 0;
  padding-bottom: 0.7em;
  margin-bottom: 0;
}

#page-controls {
  margin-bottom: 0;
}

#my-account-tabs {
  background: transparent none;
  color: #5e6062;
}

#my-account-tabs li {
  list-style: none none;
  margin-left: 0;
  float: left;
}

#my-account-tabs li a,
#my-account-tabs li strong {
  display: block;
  background: #999 none;
  color: #fff;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  padding: 0.1em 0.5em 0.2em 0.5em;
  border-style: solid;
  border-width: 0 4px 0 0;
  border-color: #fff;
  float: left;
}

/* Hide this from IE5-Mac \*/
#my-account-tabs li a,
#my-account-tabs li strong {
  float: none;
}
/* End IE5-Mac hack */

#my-account-tabs li a:hover,
#my-account-tabs li a:active {
  background: #000 none;
  color: #fff;
}

#my-account-tabs li strong {
  background: #d89f17 url(/images/two-column.png) scroll no-repeat top left;
  color: #fff;
  font-size: larger;
  font-weight: normal;
  padding: 0.1em 0.4em 0.2em 0.4em;
}