/* Default Page Updates */
#body h1,
#body h2 {
  margin-left: 11px; }
#body p {
  margin-left: 11px;
  margin-right: 11px; }
#body input {
  font: normal 10pt Verdana, Helvetica, Arial, sans-serif; }

#body ul {
  margin-left: 50px; }

#message-error {
  background: #F4D4D3 url(../../images/whmcs/icon-error.png) no-repeat 6px 7px;
  min-height: 40px;
  padding: 5px 5px 0 35px;
  margin: 15px 0 25px 50px;
  width: 440px;
  border: 1px solid #ECA29F; }
#message-warning {
  background: #FBF4D3 url(../../images/whmcs/icon-warning.png) no-repeat 6px 7px;
  min-height: 40px;
  padding: 5px 5px 0 35px;
  margin: 15px 0 25px 50px;
  width: 440px;
  border: 1px solid #C79864; }
#message-success {
  background: #D4F4D3 url(../../images/whmcs/icon-success.png) no-repeat 6px 7px;
  min-height: 40px;
  padding: 5px 5px 0 35px;
  margin: 15px 0 25px 50px;
  width: 440px;
  border: 1px solid #A0CBA3; }
#message-info {
  background: #E4E3F4 url(../../images/whmcs/icon-information.png) no-repeat 6px 7px;
  min-height: 40px;
  padding: 5px 5px 0 35px;
  margin: 15px 0 25px 50px;
  width: 440px;
  border: 1px solid #5264C3; }

#message-secure {
  background: #FBF4D3 url(../../images/whmcs/padlock.png) no-repeat 5px 8px;
  min-height: 65px;
  padding: 5px 15px 0 45px;
  margin: 15px 0 25px 50px;
  width: 440px;
  border: 1px solid #C79864; }
#message-secure p {
  text-align: justify;
  margin: 0.5em 0; }

input.button {
  padding: 0;
  border: 1px solid black;
  background: #FFFFFF url(../../images/elements/background-button.png) repeat-x bottom center; }

/* Front Page Widget Table */
table#widgets {
  width: 580px;
  margin-left: 10px; }
table#widgets td.icon {
  width: 96px;
  height: 96px;
  vertical-align: top;
  text-align: right;
  padding-bottom: 20px; }
table#widgets td.icon img {
  width: 96px;
  height: 96px; }
table#widgets td.description {
  height: 96px;
  width: 186px;
  font-size: 9pt;
  padding: 0 15px 0px 5px;
  text-align: justify;
  vertical-align: top; }
table#widgets h2 {
  font-size: 11pt;
  margin: 0;
  padding: 0; }
table#widgets td.description a {
  font-weight: bold; }
table#widgets td.break {
  padding-right: 0; }

/* Client Area Home Page Tables */
#account-stats,
#personal-details,
#invoice-list {
  width: 580px;
  margin-left: 10px; }
#account-stats td.option,
#personal-details td.option {
  width: 75px;
  padding: 1px 2px 1px 0;
  text-align: right;
  font-weight: bold; }
#account-stats td.value,
#account-stats td.valueleft,
#account-stats td.valueright,
#personal-details td.value {
  width: 200px;
  padding: 1px 5px; 
  text-align: left; }

#account-stats td.option {
  width: 150px; }
#account-stats td.value {
  width: 135px; }
#account-stats td.valueleft {
  width: 100px; }
#account-stats td.valuenright {
  width: 170px; }

/* Invoice & Packages Tables */
#invoice-list,
#package-list {
  width: 540px;
  margin: 0 0 5px 30px; }
#invoice-list td a,
#package-list td a {
  font-weight: bold; }

/* Invoice Table */
#invoice-list td.icon,
#invoice-list td.icon img {
  height: 22px;
  width: 22px; }
#invoice-list td.invoice {
  padding: 3px 5px 0 5px; }

/* Packages Table */
#package-list tr.header td.details {
  font-weight: bold;
  font-size: 80%; }
#package-list tr.footer td.details {
  color: #B2BECC;
  font-size: 80%; }
#package-list td.icon,
#package-list td.icon img {
  height: 22px;
  width: 22px; }
#package-list td.package {
  width: 275px; }
#package-list td.details {
  width: 223px; }
#package-list td.package,
#package-list td.details {
  padding: 3px 5px 0 5px; }


/* Loading Message */
#page-loading {
  position: absolute;
  left: 100px;
  top: 150px; 
  width: 400px;
  height: 54px;
  border: 1px solid black;
  background: white; }
#page-loading td.image, #page-loading td.image img {
  width: 50px;
  height: 50px; }
#page-loading td.message {
  width: 340px;
  height: 50px;
  padding: 8px 0 0 10px; }

/* Colouring for Invoice & Packages Table */
#invoice-list tr.paid td.invoice,
#invoice table.details tr.paid td.value,
#package-list tr.active td.package,
#package-list tr.active td.details {
  background-color: #F5FAF6; }
#invoice-list tr.cancelled td.invoice,
#invoice table.details tr.cancelled td.value,
#package-list tr.pending td.package,
#package-list tr.pending td.details {
  background-color: #F4F9FE; }
#invoice-list tr.unpaid td.invoice,
#invoice table.details tr.unpaid td.value,
#package-list tr.terminated td.package,
#package-list tr.terminated td.details {
  background-color: #FDF6F5; }
#package-list tr.suspended td.package,
#package-list tr.suspended td.details {
  background-color: #FEFAF5; }

/* Page Navigation CSS */
#page-navigation {
  width: 100%;
  margin-top: 35px;
  text-align: center; }
#page-navigation img {
  vertical-align: middle; }

#page-navigation td.image img {
  height: 22px;
  width: 22px; }

#page-navigation #first,
#page-navigation #last {
  text-align: right;
  width: 175px; }
#page-navigation #previous,
#page-navigation #next {
  text-align: left; 
  width: 25px; }
#page-navigation #pagination {
  padding-top: 3px;
  width: 180px; }

/* Invoice View */
#details {
  font-size: 8pt;
  margin: 0 0 35px 0;
  padding: 0 10px 0 75px;
  width: 505px; }
#details #icons {
  float: right;
  text-align: right;
  height: 22px; }
#details img#icon {
  display: block;
  position: absolute;
  top: 15px;
  left: 6px;
  height: 64px;
  width: 64px; }
#details h1 {
  margin: 20px 0 5px 0; }

#invoice {
  width: 550px;
  margin: 50px 0 0 25px; }
#invoice p {
  margin-left: 0;
  margin-right: 0; }
#invoice h1 {
  margin-left: 0; }

#invoice table.items,
#invoice table.addresses,
#invoice table.details,
#invoice table.instructions {
  width: 100%;
  margin: 25px 0 0 0; }

#invoice table.addresses td {
  width: 245px; }
#invoice table.addresses tr.body td {
  padding: 10px;  
  border-top: 1px solid #B2BECC; }
#invoice table.addresses td.center {
  width: 10px;
  border: 0; }

#invoice table.details td.option {
  font-weight: bold;
  padding: 2px 5px 4px 0;
  text-align: right;
  width: 75px; }
#invoice table.details td.value {
  padding: 2px 5px 4px 5px; }

#invoice table.items tr.header td,
#invoice table.instructions tr.header td { 
  font-weight: bold;
  border-bottom: 1px solid #B2BECC; }
#invoice table.items tr.header td.taxed { 
  border: 0; }
#invoice table.items td.description {
  width: 465px;
  text-align: left;
  padding: 3px 5px 3px 0; }
#invoice table.items td.option,
#invoice table.items td.transaction {
  width: 465px;
  text-align: right;
  padding: 3px 5px 3px 0; }
#invoice table.items td.option {
  font-weight:bold; }
#invoice table.items td.value {
  width: 65px;
  text-align: right;
  padding: 3px 2px 3px 5px; }
#invoice table.items td.taxed {
  width: 8px;
  color: #B2BECC;
  font-size: 80%;
  text-align: right;
  padding: 5px 0 1px 0; }
#invoice table.items tr.header td.value {
  text-align: left; }
#invoice table.items td.subtotal,
#invoice table.items td.total,
#invoice table.items td.balance {
  border-top: 1px solid #B2BECC; }
#invoice table.items td.selection {
  padding-top: 10px;
  text-align: center; }
#invoice table.items td.selection form {
  display: inline; }

#invoice table.items tr.features td.description {
  padding: 0 5px 0 25px;
  font-size: 80%; }
#invoice table.items tr.features td.value {
  padding: 0 2px 0 5px;
  font-size: 80%; }
#invoice table.items tr.features td.taxed {
  padding: 0 0 0 0;
  font-size: 80%; }

#invoice table.items tr.adjust td.description {
  padding-bottom: 0; }
#invoice table.items tr.adjust td.value {
  padding-bottom: 0; }
#invoice table.items tr.adjust td.taxed {
  padding-bottom: 0; }

#invoice p.taxed {
  margin: 15px 0 0 15px;
  font-size: 80%;}
#invoice p.taxed span.taxed {
  color: #B2BECC; }

/* Keys for Invoice & Packages tables */
#invoice-keys, #package-keys {
  text-align: right;
  padding-left: 350px;
  margin: 0 0 15px 0;
  width: 250px; }
#package-keys {
  padding-left: 225px; }
#invoice-keys td.key, #package-keys td.key {
  padding: 0 10px 0 3px; }
#invoice-keys span, #package-keys span {
  display: block; 
  margin: 4px 0 0 0;
  height: 10px;
  width: 10px;
  border: 1px solid black; }
#invoice-keys span.paid,
#package-keys span.active {
  background-color: #CFE5D1; }
#invoice-keys span.cancelled,
#package-keys span.pending {
  background-color: #C7E1F8; }
#invoice-keys span.unpaid,
#package-keys span.cancelled {
  background-color: #F6D0CF; }
#package-keys span.suspended {
  background-color: #FAE8CF; }

/* Login Page & Password Reminder Page */
#login-form td.option {
  width: 175px;
  font-weight: bold;
  text-align: right;
  padding: 2px 5px 5px 0; }
#login-form td.value {
  text-align: left; }
#login-form td.value input.username, #login-form td.value input.email, #login-form td.value input.password {
  width: 100px;
  border: 1px solid #B2BECC;
  padding: 1px 1px 1px 5px; }
#login-form td.value input.username, #login-form td.value input.email {
  width: 250px; }
#login-form td.value input:hover {
  border: 1px solid black; }

/* Server Status Page */
#server-status {
  width: 580px;
  margin: 10px 0 20px 10px; }
#server-status tr.header td {
  font-weight: bold;
  text-align: center; }
#server-status td {
  padding: 2px;
  font-size: 80%; }
#server-status td.protocol {
  width: 20px;
  padding: 0 2px 0 2px;
  text-align: center; }
#server-status tr.header td.protocol {
  padding: 2px; }
#server-status tr.header td.name {
  text-align: right; }
#server-status tr.header td.load, #server-status tr.header td.uptime {
  text-align: left; }
#server-status tr.server td.name {
  width: 150px;
  padding: 3px 5px 2px 0;
  font: normal 80% monospace;
  text-align: right; }
#server-status tr.server td.load, #server-status tr.server td.uptime {
  padding: 3px 0 2px 5px;
  font: normal 80% monospace; }
#server-status tr.server td.uptime {
  text-align: right; }

/* Packag (and Domain) Details Page */
#package-details {
  width: 580px;
  margin-left: 10px; }
#package-details td.option {
  width: 115px;
  text-align: right;
  font-weight: bold;
  padding: 1px 2px 2px 0; }
#package-details td.space {
  padding-top: 4px; }
#package-details td.value {
  padding: 1px 5px 2px 5px; }
#package-details td.description {
  padding-top: 0.75em; }

#addon-details {
  width: 580px;
  margin: 0 0 5px 10px; }
#addon-details td {
  padding: 1px 5px 2px 5px; }

#package-details td.value input.password {
  width: 100px;
  border: 1px solid #B2BECC;
  padding: 1px 1px 1px 5px; }
#package-details td.value input.password:hover {
  border: 1px solid black; }

table#package-details.password {
  width: 450px; }
table#package-details.password td.value {
  width: 110px; }


#package-details td.active, #addon-details tr.active td {
  background-color: #F5FAF6; }
#package-details td.pending, #addon-details tr.pending td {
  background-color: #F4F9FE; }
#package-details td.terminated, #addon-details tr.terminated td {
  background-color: #FDF6F5; }
#package-details td.suspended, #addon-details tr.suspended td {
  background-color: #FEFAF5; }

/* Domain Name Nameserver Table */
#nameservers {
  width: 550px;
  margin-left: 15px; }
#nameservers td.option {
  font-weight: bold;
  width: 15px;
  padding: 3px 5px 2px 0;
  text-align: right; }
#nameservers tr.header td.option {
  text-align: left;
  font-weight: normal;
  font-size: 80%; }
#nameservers td.value {
  width: 200px;
  padding: 1px 5px 2px 0; }
#nameservers td.value input.nameserver {
  width: 190px;
  height: 18px;
  background: transparent url(../../images/whmcs/edit.png) no-repeat 0px 2px;
  padding-left: 18px;
  border: 1px solid #B2BECC; }
#nameservers td.value div.nameserver {
  background: transparent url(../../images/whmcs/click.png) no-repeat 1px 3px;
  padding: 2px 5px 2px 19px;
  width: 190px;
  height: 18px;
  border: 0; }
#nameservers td.value input.nameserver:hover {
  border: 1px solid black; }
#nameservers td.note {
  width: 330px;
  text-align: justify; }

/* Domain/Account Contact Details */
table.contacts {
  width: 550px;
  margin: 5px 0 5px 25px; }
table.contacts td#contactHeader {
  padding-left: 130px;
  font-size: 8px;}
table.contacts td.option {
  width: 150px;
  text-align: right;
  vertical-align: top;
  padding: 0px 5px 1px 0;
  font-weight: bold; }
table.contacts td.value div.click {
  background: transparent url(../../images/whmcs/click.png) no-repeat 1px 3px;
  padding: 0px 0 2px 19px;
  width: 190px;
  height: 18px;
  border: 0;
  display: inline; }
table.contacts td.value input.click {
  width: 200px;
  height: 18px;
  background: transparent url(../../images/whmcs/edit.png) no-repeat 0px 2px;
  padding-left: 18px;
  border: 1px solid #B2BECC; }
table.contacts td.value input.click:hover {
  border: 1px solid black; }

table.contacts input.phone {
  margin-left: 20px;
  width: 125px; }
#firstname, #lastname {
  width: 115px; }
#email {
  width: 250px; }

table.contacts td.details {
  font-size: 11px;
  padding: 0 0 5px 30px; }

/* Change Password Page */
table.password {
  width: 550px;
  margin: 5px 0 15px 25px; }
table.password td.option {
  width: 250px;
  text-align: right;
  vertical-align: top;
  padding: 2px 5px 1px 0;
  font-weight: bold; }
table.password td.value input.password {
  width: 200px;
  height: 18px;
  background: transparent url(../../images/whmcs/edit.png) no-repeat 0px 2px;
  padding-left: 18px;
  border: 1px solid #B2BECC; }

/* Change Credit Card Page */
table.creditcard {
  width: 550px;
  margin: 5px 0 15px 25px; }
table.creditcard td.option {
  width: 150px;
  text-align: right;
  vertical-align: top;
  padding: 2px 5px 1px 0;
  font-weight: bold; }
table.creditcard td.space {
  padding-top: 2px; }
table.creditcard td.value input.field {
  width: 25px;
  height: 18px;
  background: transparent url(../../images/whmcs/edit.png) no-repeat 0px 2px;
  padding-left: 18px;
  border: 1px solid #B2BECC; }    
table.creditcard td.value input.card {
  width: 200px; }
table.creditcard td.value input.numbers {
  width: 25px; }
table.creditcard td.small, table.contacts td.small {
  padding-left: 125px;
  font-size: 9px; }  

table.creditcarddetails td.option {
  padding-top: 0; }

/* eStore */
div#shopping-cart {
  width: 96px;
  height: 96px;
  float: right;
  margin: 0 0 5px 15px; }

/* Update/Downgrade Page */
table.product-pricing {
  width: 550px;
  margin: 0px 0 0 25px; }
table.product-pricing {
  width: 425px;
  margin: 0; }
table.product-pricing td.name,
table.upgrade-pricing td.name {
  font: bold 13pt Verdana, Tahoma, sans-serif;
  width: 75px;
  padding-top: 10px;
  color: #55637A; }
table.product-pricing td.cycle,
table.upgrade-pricing td.cycle {
  text-align: right; }
table.product-pricing td.go,
table.upgrade-pricing td.go {
  width: 75px;
  text-align: right; }
table.product-pricing td.description,
table.upgrade-pricing td.description {
  padding-top: 5px;
  border-top: 1px solid #B2BECC; }
table.product-pricing td.top,
table.upgrade-pricing td.top {
  border-top: 0; }

/* Order Confirmation */
table.orderdetails {
  width: 300px; }
table.orderdetails td.option {
  width: 115px;
  text-align: right;
  font-weight: bold;
  padding: 1px 2px 2px 0; }
table.orderdetails td.value {
  padding: 1px 5px 2px 5px; }

/* Products Page */
#content {
  padding-top: 0;
  margin-top: 0;
  width: 425px;
  margin-bottom: 15px;
  float: left; }
  
#back-button {
  margin: 25px 0 0 25px; }
  
#submenu p.vatinfo {
  color: #B2BECC;
  font-size: 7pt; }
  
#content div.brief {
  float: left;
  margin: 0 10px 10px 0;
  font-size: 9pt;
  text-align: left;
  width: 200px;
  border: 1px solid #FFFFFF;
  background-repeat: repeat-x;
  background-position: bottom left; }
#content div.star {
  background-repeat: no-repeat;
  background-position: bottom right; }

#content div.brief table {
  width: 100%;
  margin-bottom: 5px; }
#content div.brief table.header {
  background: #FFFFFF; }

#content div.brief table.features {
  height: 100px;
  margin-bottom: 5px; }
#content div.brief table.header td.order {
  padding: 2px 2px 0 0;
  vertical-align: top;
  text-align: right; }
#content div.brief table.header td.title {
  font: bold 13pt Verdana, Tahoma, sans-serif;
  padding: 4px 0 0 8px; }
#content div.brief td.icon,
#content div.brief td.icon img {
  height: 16px;
  wight: 16px;
  vertical-align: top;
  text-align: right; }
#content div.brief td.icon {
  padding: 1px 0 0 3px; }
#content div.brief td.feature {
  width: 150px;
  padding: 2px 0 0 3px; }
#content div.brief span.price {
  display: block;
  text-align: right;
  font-size: 12pt;
  font-weight: bold;
  padding: 0 3px 0 0; }
#content div.brief span.pound,
#content div.brief span.vat {
  font-weight: normal;
  font-size: 8pt; }
#content div.brief span.vat {
  display: block;
  font-size: 6pt;
  padding: 0 3px 2px 0;
  text-align: right; }
#content div.brief span.from {
  display: block;
  text-align: left;
  margin-left: 95px; }  

#content div.brief_home {
  border-color: #84BCEF;
  background-image: url(../../images/hosting/fade-home-light.png); }
#content div.brief_home:hover {
  background-image: url(../../images/hosting/fade-home.png); }
#content div.star_home {
  background-image: url(../../images/hosting/star-home.gif); }

#content div.brief_professional {
  border-color: #F7DBB3;
  background-image: url(../../images/hosting/fade-professional-light.png); }
#content div.brief_professional:hover {
  background-image: url(../../images/hosting/fade-professional.png); }
#content div.star_professional {
  background-image: url(../../images/hosting/star-professional.gif); }

#content div.brief_reseller {
  border-color: #F0B4B2;
  background-image: url(../../images/hosting/fade-reseller-light.png); }
#content div.brief_reseller:hover {
  background-image: url(../../images/hosting/fade-reseller.png); }
#content div.star_reseller {
  background-image: url(../../images/hosting/star-reseller.gif); }

#content div.brief_mail {
  border-color: #B3D5B5;
  background-image: url(../../images/hosting/fade-mail-light.png); }
#content div.brief_mail:hover {
  background-image: url(../../images/hosting/fade-mail.png); }
#content div.star_mail {
  background-image: url(../../images/hosting/star-mail.gif); }

#content div.brief table.prices {
  width: 185px;
  margin: 0 10px 5px 5px; }
#content div.brief table.prices tr.options td {
  font-size: 7pt;
  text-align: right; }
#content div.brief table.prices tr.options td.month {
  width: 60px; }
#content div.brief table.prices tr.options td.quarter {
  width: 80px; }
#content div.brief table.prices tr.options td.year {
  width: 75px; }
#content div.brief table.prices tr.values td {
  font-size: 10pt;
  font-weight: bold;
  text-align: right; }
#content div.brief table.prices tr.values td span.pound {
  font-weight: normal;
  font-size: 7pt; }
  
#content div.brief_home table.prices tr.options td {
  color: rgb(31,134,226); }
#content div.brief_professional table.prices tr.options td {
  color: rgb(236,164,64); }
#content div.brief_reseller table.prices tr.options td {
  color: rgb(217,68,62); }
#content div.brief_mail table.prices tr.options td {
  color: rgb(64,151,70); }

/* Domain Configuration */
#domain-options {
  width: 525px;
  margin: 10px 0 0 25px; }
#domain-options tr.domain td {
  padding-top: 5px;
  padding-bottom: 15px; }
#domain-options td.button {
  padding-left: 15px;
  text-align: left;
  width: 80px; }
#domain-options td.button input {
  width: 65px; }
#domain-options td.tld {
  text-align: right;
  width: 50px; }
#domain-options td.sld {
  text-align: right; }
#domain-options td.option {
  text-align: right;
  width: 200px; }
  
#domain-results {
  width: 550px;
  margin: 10px 0 0 25px; }
#domain-results tr.header td {
  padding-bottom: 2px;
  font-weight: bold; }
#domain-results tr.available td,
#domain-results tr.unavailable td {
  border-bottom: 3px solid white;
  height: 30px;
  vertical-align: middle;
  background-color: #F5FAF6; }
#domain-results tr.unavailable td {
  background-color: #FDF6F5; }

#domain-results td.domain {
  width: 255px;
  padding-left: 10px; }
#domain-results td.status {
  width: 90px; }
#domain-results td.opt {
  width: 50px;
  text-align: center; }
#domain-results td.cost {
  width: 125px;
  padding: 1px 0 0 10px; }
#domain-results tr.header td.cost {
  padding-top: 0; }

/* Package Configuration */
table.store-details {
  width: 580px;
  margin-left: 10px; }
table.store-details td.option {
  width: 150px;
  text-align: right;
  font-weight: bold;
  padding: 1px 2px 2px 0; }
table.store-details td.check {
  width: 20px;
  padding-top: 2px;
  text-align: center; }
table.store-details td.value {
  padding: 1px 5px 2px 5px; }
table.store-details td.description {
  padding: 1px 5px 2px 10px;
  font-size: 80%; }
table.store-details td.value span.period {
  font-size: 80%; }
table.store-details td.value span.novat {
  display: block;
  margin: 3px 0 0 15px;
  font-size: 80%; }

/* View Order */
table#rebilling {
  width: 300px;
  margin: 0 0 10px 35px; }
table#rebilling td.period {
  width: 125px;
  text-align: right;
  font-weight: bold;
  padding: 0 10px 2px 0; }
table#rebilling td.price {
  padding: 0 0 2px 0; }

table#buttons {
  width: 450px;
  margin: 0 0 10px 75px; }
table#buttons td.description {
  width: 210px; }
table#buttons td.fields {
  text-align: right;
  padding: 5px 0 5px 0; }