body {
  background: #e5e5e5 url(../images/bg2.png) repeat-x left top;
  text-align: center;
  margin: 0;
  padding: 0;
  font-family: arial, sans-serif;
  line-height: 1.5em;
  color: #222;
}
h1,h2,h3,h4,h5,h6,p {
  margin: 0 0 1em;
}

#Container {
  width: 960px;
  margin: 0px auto;
  text-align: left;
}
#Navigation ul,
#Header ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

/** Header
---------------------------------------------- */
#Header {
  position: relative;
  height: 110px;
}
h1 {
  background: url('../images/logo.gif') no-repeat left top;
  width: 356px;
  height: 56px;
  text-indent: -1000em;
  margin: 0;
  position: relative;
  top: 26px;
  padding: 20px;
}
h2 {
  border-bottom: 1px solid #aaa;
}
#Header ul.account {
  position: absolute;
  right: 0;
  top: 36px;
  text-align: right;
}
#Header ul.account li {
  font-size: 0.72em;
  line-height: 1.25em;
  color: #ccc;
}
#Header ul.account li strong {
  color: #eeb;
}
#Header ul.nav {
  margin: 0;
  float: right;
  background: #3d3d3d;
  width: 11em;
  margin-top: -1.35em;
  padding-left: 0.5em;
}
#Header ul.nav li {
  display: inline;
  padding: 0 0.5em;
  position: relative;
}
#Header ul.nav li a {
  color: #aaa;
  text-decoration: none;
  font-size: 12px;
}
#Header ul.nav li a:hover {
  color: white;
}
#Header ul.nav li.active a {
  color: white;
  font-weight: bold;
}
/* ------------------------------------------ **/

/** Body
---------------------------------------------- */
#Body {
  border: 1px solid #aaa;
  background: white;
}
#Navigation ul {
  margin: 1em 1em 0.2em;
}
#Navigation li {
  font-size: 0.9em;
  display: inline;
  margin-right: 0.5em;
  padding: 0.5em 1em ;
}
#Navigation li a {
  text-decoration: none;
  color: #777;
}
#Navigation li.active {
/*  background: #777;*/
}
#Navigation li.active a {
  color: #3d3d3d;
  text-decoration: underline;
  font-weight: bold;
}
#Navigation li a:hover {
  color: #3d3d3d;
}
#mainContent {
  padding: 2.5em;
  position: relative;
}
/* ------------------------------------------ **/

/** General Typography
---------------------------------------------- */
h3 {
  color: #555;
}
dl.general {
  margin: 0 1em 2em;
}
dl.general dt,
dl.general dd {
  padding: 0.5em 0;
}
dl.general dt {
  display: block;
  width: 14em;
  float: left;
}
dl.general dd {
  font-weight: bold;
  color: black;
  margin-left: 14em;
}
.pageFunctionLink {
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: bold;
  position: absolute;
  top: 2.5em;
  right: 2.5em;
}
.pageFunctionLink a {
  color: #688DB2;;
}
.pageFunctionLink a:hover {
  color: blue;
}
.pageFunctionLink.print {
  background: url('../images/printer.png') no-repeat left 3px;
  padding-left: 24px;
}
.pageFunctionLink.edit {
  background: url('../images/pencil.png') no-repeat left 3px;
  padding-left: 20px;
}
.pageFunctionLink.new {
   background: url('../images/add.png') no-repeat left 3px;
   padding-left: 20px;
}
/* ------------------------------------------ **/

/** Tables
---------------------------------------------- */
table {
  width: 100%;
  font-size: 12px;
}
th {
  color: #666;
  padding: 0 5px;
  background: #eee;
  border-bottom: 1px solid #ccc;
}
th em {
  font-weight: normal;
  font-size: 11px;
  padding-left: 0.5em;
}
thead td {
  padding: 0 5px;
  color: #666;
  text-align: center;
}
tbody tr td {
  border-style: solid;
  border-color: #ccc;
  border-width: 0 1px 1px 0;
  padding: 3px 5px;
}
tbody tr td.first {
  border-left: 1px solid #ccc;
  font-size: 13px;
}

tbody tr td.first2 {
  border-left: 1px solid #ccc;
  font-size: 13px;
}

tbody tr td.first a {
  color: blue;
}

th.active,thead td.active {
  background-color: #cff;
  color: #06c;
}
tbody td.active.end,
th.active.end,thead td.active {
  border-right: 1px solid #90CAED;
}
tbody td.active {
  background-color: #eff;
}
th.lastTrans,thead td.lastTrans {
  background-color: #ffc;
  color: #960;
}

tbody td.lastTrans.end,
th.lastTrans.end,thead td.lastTrans {
  border-right: 1px solid #DBCA90;
}
tbody td.lastTrans {
  background-color: #ffe;
}
tbody td.lastTrans.end {
  border-right: 1px solid #DBCA90;
}
tbody td.lastTrans strong {
  color: green;
}

tbody td.plan.end,
th.plan.end,thead td.plan {
  border-right: 1px solid #E8BFFF;
}
tbody td.plan {
  background-color: #FAF2FF;
}
tbody td.plan {
  text-align: center;
}
th.plan,thead td.plan {
  background-color: #E8BFFF;
  color: #44006B;
}

table a {
  color: #666;
}
table a:hover {
  color: blue;
}

td.plan {
  letter-spacing: 1px;
  font-size: 11px;
}
td.plan strong {
  font-size: 11px;
}
.key {
  font-size: 0.8em;
  color: #777;
  margin-top: 0;
}
.key dt,
.key dd {
  display: inline;
  margin: 0 1em 0 0;
}
.key dt {
  text-transform: uppercase;
}

.viewsubscribers table,
.viewsubscriberdetails table {
  margin-bottom: 4em;
}

table .blank {
  background: none !important;
  border-bottom: 0;
}

/* widths */
td.first {
  width: 185px;
}
td.first2 {
  width: 100px;
}
td.second {
  width: 140px;
}
/* ------------------------------------------ **/

/** Forms
---------------------------------------------- */
form ul {
  list-style: none;
  padding: 0;
  margin: 0 2em 2em;
}
  form li {
    margin-bottom: 0.5em;
  }
form label {
  display: block;
  width: 12em;
  float: left;
  font-weight: normal;
}
form .text,
form textarea {
  border: 1px solid #aaa;
  padding: 2px;
  font-size: 1.2em;
}
form textarea {
  width: 20em;
}
.submit_form {
  font-size: 0.85em;
  color: #777;
}
.submit_form input {
  font-size: 1em;
}
.submit_form a {
  color: #777;
}
.submit_form a:hover {
  color: red;
}
form li.selected .text,
form li.selected textarea {
  border-color: #444;
}
form li.selected label {
  color: black;
  background: url('../images/formFocus_indicator.png') no-repeat 97% 3px;
}
form select {
  display: inline;
}
/* ------------------------------------------ **/

/** Login
---------------------------------------------- */
#Login {
  width: 30em;
  background: white;
  border: 1px solid #aaa;
  margin: 0px auto;
}
#Login form {
  margin: 1.5em;
}
#Login ul {
  margin: 0;
}
#Login form label {
  width: 8em; 
  font-weight: bold;
}
#Login form p {
  font-size: 0.9em;
  line-height: 1.25em;
}
#Login .submit_button {
  text-indent: 8.9em;
}
.lostPassword {
  text-indent: 8.9em;
  margin: 0;
}
.lostPassword a {
  font-size: 0.8em;
}
/* ------------------------------------------ **/

/** Reports
---------------------------------------------- */
dl.total {
  border-top: 3px double #aaa;
  margin-bottom: 4em;
  padding: 0;
}
  dl.total dt {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 0.9em;
    float: left;
    text-indent: 100px;
  }
  dl.total dd {
    font-size: 1.1em;
    font-weight: bold;
    color: green;
    text-align: right;
    margin-right: 0.5em;
  }
.month,
dl.total {
  width: 700px;
}
  .month dl {
    margin: 0 0 2em 0;
    border-top: 1px solid #ccc;
  }
    .month dt {
      float: left;
      clear: left;
      color: #555;
      font-size: 0.9em;
      font-family: verdana;
      font-weight: bold;
      width: 100px;
      text-indent: 0.5em;
    }
    .month dd {
      margin-left: 100px;
      position: relative;
    }
      .month span {
        color: #777;
        margin-left: 2em;
        position: absolute;
        right: 0.5em;
      }
      .month em {
        color: green;
      }
.month .cancelled {
  color: #a00;
}
/* ------------------------------------------ **/

/** Agreement
---------------------------------------------- */
.agreement h3 {
  margin-top: 2em;
}
.agreement h4 {
  margin-top: 2em;
}
.agreement div p,
.agreement div li {
  font-size: 0.8em;
}
.agreement div p {
  margin: 0 1em 1.5em;
}
.agreement li {
  margin: 0 1em 1.5em;
}
/* ------------------------------------------ **/

/** View Subscriber Details
---------------------------------------------- */
.viewsubscriberdetails div {
  width: 80%;
}
.viewsubscriberdetails ul {
  list-style: none;
  margin: 0 0 1em;
  padding: 0;
}
.viewsubscriberdetails .contract .first {
  text-transform: uppercase;
  font-size: 11px;
  text-align: right;
  width: 8em;
  background: #eee;
  border-left: 0;
  color: #666;
}
.viewsubscriberdetails .contract * {
  border-color: #E8BFFF;
}
.viewsubscriberdetails .contract th,
.viewsubscriberdetails .contract td.first {
  background-color: #FAF2FF;
}
.viewsubscriberdetails .contract h3,
.viewsubscriberdetails .contract th,
.viewsubscriberdetails .contract td.first {
  color: #44006B;
}
.viewsubscriberdetails .users * {
  border-color: #90CAED;
}
.viewsubscriberdetails .users th {
  background-color: #eff;
}
.viewsubscriberdetails .users h3,
.viewsubscriberdetails .users th {
  color: #06c;
}
.viewsubscriberdetails .activity * {
  border-color: #DBCA90;
}
.viewsubscriberdetails .activity th {
  background-color: #ffe;
}
.viewsubscriberdetails .activity h3,
.viewsubscriberdetails .activity th {
  color: #960;
}
.viewsubscriberdetails .transactions * {
  border-color: #60BF60;
}
.viewsubscriberdetails .transactions th {
  background-color: #E6FFE6;
}
.viewsubscriberdetails .transactions h3,
.viewsubscriberdetails .transactions th {
  color: green;
}
.viewsubscriberdetails td strong {
  font-size: 13px;
}

.viewsubscriberdetails td.larger {
  background: url(../images/bullet_error.png) no-repeat 95% 50%;
  color: red;
  font-weight: bold;
}
/* ------------------------------------------ **/

/** Footer
---------------------------------------------- */
#Footer .help {
  color: #777;
  margin: 0 0 1em;
  border-bottom: 1px solid #ccc;
  padding: 1em 0;
  text-align: center;
  background: url('../images/bkg.png') repeat-x left top;
}
#Footer .help a {
  color: #777;
}
#Footer .help a:hover {
  color: #444;
}
#subFooter {
  font-size: 11px;
  margin: 1em 0;
  padding: 0 0 4em;
}
#subFooter ul {
  margin: 0.25em 0;
  list-style: none;
}
#subFooter li {
  float: left;
  width: 20%;
  display: block;
  line-height: 1.5em;
}
#subFooter div {
  float: left;
  width: 770px;
}
#subFooter .first {
  width: 100px;
  margin-left: 3.5em;
  font-size: 12px;
  font-weight: bold;
}
#subFooter a {
  color: #777;
  text-decoration: none;
}
#subFooter a:hover {
  text-decoration: underline;
  color: #444;
}
/* ------------------------------------------ **/

/** Notifications
---------------------------------------------- */
.notification {
  background: #FEFFBF no-repeat 10px 7px;
  color: #404020;
  border: 1px solid #DAA520;
}
div.notification {
  padding: 10px 0;
  margin: 0 0 1em;
}
.notification.bad {
  background-color: #E6CFCF;
  background-image: url(../images/delete.png);
  color: #900;
  border-color: #900;
}
.notification.good {
  background-color: #E6FFE6;
  background-image: url(../images/tick.png);
  color: #007A00;
  border-color: #007A00;
}
.notification p {
  font-size: 0.8em;
  line-height: 1em;
  margin: 10px 10px 0 !important;
}
.notification p.first {
  margin-top: 0 !important;
}
.notification.good p,
.notification.bad p {
  padding-left: 20px !important;
}
/* ------------------------------------------ **/




.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */