* { font-family: helvetica, arial, sans-serif; }
PRE, CODE { font-family: monaco, "lucida console", monospace; }

HTML {
  background-color: #a9a9a9;
  background-image: url("/imgs/power_bg.png");
  background-repeat: repeat-y;
  background-position: top left;
  color: #000;
  height: 100%;
}

/* body min-height is set to 100% so our footer at the bottom will
 * always be at the bottom of the window, but will push to the bottom
 * of the page when the page is longer than the window is high */
BODY {
  background-color: #fff;
  color: #000;
  display: block;
  margin: 0;
  min-height: 100%;
  padding: 0;
  position: relative;
  width: 900px;
}

BLOCKQUOTE, DD, DIV, P, LI { font-size: 12px; line-height: 16px; }

/* NVI: Older versions of firefox aren't properly inheriting font sizes for
 * text areas.  This will force it to happen.  Specifically, firefox 1.0.6
 * was incorrectly rendering the text area font size.
 */
TEXTAREA { font-size: inherit; }

DT { font-size: 13px; font-weight: bold; margin-top: 18px; }
DD { margin-left: 0; padding-left: 0; }

P { margin-bottom: 18px; margin-top: 0; }

H1, H2, H3 {
  font-family: helvetica, arial, sans-serif;
  font-style: italic;
  font-weight: normal;
  padding-bottom: 4px;
}

H1 { font-size: 24px; margin: 0.5em 0; }
H2 { font-size: 18px; margin: 1.2em 0 0 0; }
H3 { font-size: 16px; margin: 1.2em 0 2px 0; }

H1 A, H2 A, H3 A { color: inherit !important; text-decoration: none; }
H1 A:hover, H2 A:hover, H3 A:hover { text-decoration: underline; }

CODE { font-family: lucida console, courier, monospace !important; }

HR {
  border: none;
  border-top: solid 1px #ccc;
  clear: left;
  height: 0;
  width: 100%;
}

/*
TH, TD { text-align: left; }
TH.price, TD.price { text-align: right; }
TH.mid, TD.mid { text-align: center; }
TH.right, TD.right { text-align: right; }
TH.money, TD.money { text-align: right; white-space: nowrap; }
TR.totals TD { font-weight: bold; }
*/

.success { color: #090; font-style: italic; font-weight: bold; }
.error { color: #c00; font-style: italic; font-weight: bold; }
.required { color: #f00; }
.nowrap { }
.money { text-align: right; }
.small { font-size: 10px; }

DIV#header {
  background-color: #477ebf;
  display: block;
  height: 86px;
  line-height: normal;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

DIV#header * { line-height: inherit; }

/* the logo DIV is used to work around an IE bug that prevents links
 * from being clicked on when over a transparent PNG (see IE hacks
 * below for the inclusion of the transparent PNGs); the content of
 * this div is pushed below (by padding on the H1) the window and
 * hidden with the overflow tag; that way, we replace our heading with
 * our logo that says the same thing for screen readers, etc. */
DIV#header DIV#logo {
  background: url("/imgs/power_logo.png") no-repeat;
  height: 46px;
  left: 17px;
  overflow: hidden;
  position: absolute;
  top: 5px;
  width: 315px;
}

/* normally, we'd also put in a height and padding in here, but
 * Safari 2.0 has problems with that, extending the height of
 * the header "table", so we skip it here */
DIV#header H1 {
  border-bottom: 0;
  line-height: normal;
  margin: 0;
  padding: 0;
  width: 315px;
}

DIV#header H1 A {
  height: 1px;
  overflow: hidden;
  padding-top: 46px;
  position: absolute;
  top: 0;
  width: 315px;
  z-index: 2;
}

DIV#cpanel {
  background-color: transparent;
  background-image: url("/imgs/power_mc_curve.png");
  background-position: top left;
  background-repeat: no-repeat;
  height: 57px;
  margin: 0;
  padding: 0 0 0 48px;
  position: absolute;
  right: 0;
  top: 0;
  width: 323px;
}

DIV#cpanel FORM {
  background-color: #f3d886;
  height: 47px;
  margin: 0;
  padding-top: 10px;
  position: relative;
  width: 323px;
}

DIV#cpanel H2 {
  border-bottom: 0;
  display: inline;
  font-family: helvetica, arial, sans-serif;
  font-size: 15px;
  font-style: normal;
  font-weight: bold;
  float: left;
  line-height: 19px;
  margin: 0;
  padding-right: 1.2em;
  text-align: right;
  width: 70px;
}

DIV#cpanel FORM DIV#mc-fields {
  display: inline;
  float: left;
  padding-right: 1.2em;
  width: 120px;
}

DIV#cpanel FORM DIV#mc-fields DIV {
  font-size: 11px;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 3px;
  padding: 0;
}

DIV#cpanel FORM DIV#mc-fields DIV INPUT {
  display: inline;
  font-size: 10px;
  font-weight: normal;
  margin: 0;
  vertical-align: middle;
  width: 100px;
}

DIV#cpanel FORM INPUT#auth-sub { font-size: 11px; }
DIV#cpanel FORM SPAN { font-size: 10px; white-space: nowrap; }

DIV#cpanel DIV#authed {
  background-color: #f3d886;
  height: 47px;
  margin: 0;
  padding-top: 10px;
  position: relative;
  width: 323px;
}

DIV#cpanel DIV#authed DIV { line-height: 19px; vertical-align: bottom; }
DIV#cpanel DIV#authed DIV#mc-login { font-style: italic; font-weight: bold; }

DIV#menu {
  background-image: url("/imgs/power_menu_bg.png");
  background-repeat: repeat-x;
  display: block;
  height: 29px;
  left: 0;
  position: absolute;
  top: 57px;
  width: 100%;
}

DIV#menu UL {
  display: block;
  height: 29px;
  list-style: none;
  margin: 0;
  padding: 0;
}

DIV#menu UL LI {
  display: inline;
  float: left;
  height: 29px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

DIV#menu UL LI A { display: block; padding-top: 29px; width: inherit; }

DIV#menu UL LI#m-pricing
  { background-image: url("/imgs/menu_pricing.png"); width: 149px; }
DIV#menu UL LI#m-perf
  { background-image: url("/imgs/menu_performance.png"); width: 170px; }
DIV#menu UL LI#m-support
  { background-image: url("/imgs/menu_support.png"); width: 93px; }
DIV#menu UL LI#m-news
  { background-image: url("/imgs/menu_news.png"); width: 164px; }
DIV#menu UL LI#m-contact
  { background-image: url("/imgs/menu_contact.png"); width: 82px; }
DIV#menu UL LI#m-about
  { background-image: url("/imgs/menu_about.png"); width: 109px; }
DIV#menu UL LI#m-blog
  { background-image: url("/imgs/menu_blog.png"); width: 63px; }

DIV#menu FORM {
  height: 24px;
  margin: 0;
  padding: 5px 7px 0 0;
  position: absolute;
  right: 0;
  text-align: right;
  top: 0;
  vertical-align: middle;
  width: 202px;
}

DIV#menu FORM INPUT#search-phrase {
  height: 14px;
  font-size: 10px;
  padding: 0;
  vertical-align: middle;
  width: 100px;
}

DIV#menu FORM INPUT#search-go {
  background-color: transparent;
  border: none;
  font-size: 12px;
  font-weight: bold;
  text-transform: lowercase;
  vertical-align: middle;
}

DIV#content {
  background-color: #fff;
  display: inline;
  float: left;
  margin-top: 15px;
  padding: 1.0em 0 0 30px;
  position: relative;
  width: 543px;
}

DIV#sidebar {
  float: right;
  padding: 4px 0px 4px 5px;
  width: 308px;
}

DIV#footspace { height: 48px; clear: both; width: auto; }

DIV#footer {
  background-color: #477ebf;
  background-image: url("/imgs/power_hr_bg.png");
  background-position: top left;
  background-repeat: repeat-x;
  bottom: 0;
  font-family: helvetica, arial, sans-serif;
  height: 28px;
  line-height: normal;
  margin: 0;
  padding-top: 5px;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
  z-index: 10;
}
DIV#footer * { line-height: inherit; }
DIV#footer UL {
  float: right;
  height: 22px;
  margin: 0;
  padding: 6px 17px 0 17px;
  text-align: right;
  width: 65%;
}
DIV#footer UL LI {
  display: inline;
  font-family: helvetica, arial, sans-serif;
  font-size: 12px;
  font-weight: normal;
  line-height: 16px;
  letter-spacing: 1px;
  padding: 0 6px;
}
DIV#footer UL LI A { color: #fff; text-decoration: none; }
DIV#footer #copyright {
  color: #fff;
  font-size: 10px;
  line-height: 20px;
  margin: 0;
  padding-left: 15px;
  padding-top: 4px;
}



/* this is the signup-now link and list of services */
DIV#services {
  line-height: normal;
}

/* special positioning for the front page */
DIV#mainimg DIV#services {
  position: absolute;
  right: 0pt;
  top: 90px;
  z-index: 3;
}

/* this is the 'what is a connection?' anchor, not an image */
DIV#services A {
  display: block;
  color: #555;
  font-style: italic;
  margin-top: 12px;
  padding: 0 7px 0 0;
  text-align: right;
  width: 238px;
}

DIV#services H2 {
  border-bottom: 0;
  color: #4d4d4d;
  font-family: helvetica, arial, sans-serif;
  font-size: 28px;
  font-style: italic;
  font-weight: normal;
  margin: 0;
  padding: 0;
}

DIV#services H2 A {
  color: #4d4d4d;
  display: inline;
  margin: 0;
  padding: 0;
  text-decoration: none;
  text-align: inherit;
  width: auto;
}

/* we position this relatively below the H2 tag, but with no margins, etc. */
DIV#services UL {
  border: solid 1px #000;
  border-color: transparent;
  border-right: none;
  border-left: none;
  display: block;
  height: 308px;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  right: 0;
}

DIV#mainimg DIV#services UL {
  width: 263px;
}
/* the float for these tags is necessary for IE/mac .. weird
 * also tricky here, these cannot be positioned divs (absolute or relative)
 * or IE/win will not be able to display the links overtop of the alpha
 * blended product listing images */
DIV#services UL LI {
  background-position: top right;
  background-repeat: no-repeat;
  display: block;
  float: left;
  overflow: hidden;
  padding: 0;
}

DIV#mainimg DIV#services UL LI {
  background-position: top right;
  background-repeat: no-repeat;
  display: block;
  float: right;
  margin: 0 0 0 0;
  overflow: hidden;
  padding: 0;
}

/* we assign the images for the pricing here, along with the sizes */
DIV#services UL LI#p-unl-4 {
  background-image: url("/imgs/pricing_power-04.png");
  height: 181px;
  width: 308px;
}

DIV#services UL LI#p-25gb-8 {
  background-image: url("/imgs/pricing_25gb_8.png");
  height: 54px;
  width: 237px;
}

DIV#services UL LI#p-50gb-8 {
  background-image: url("/imgs/pricing_50gb_8.png");
  height: 100px;
  width: 263px;
}

DIV#services UL LI#p-unl-8 {
  background-image: url("/imgs/pricing_power.png");
  height: 176px;
  width: 308px;
}

DIV#flags UL LI#uk {
  background-image: url("/imgs/flags_uk.png");
  height: 27px;
  width: 39px;
}

DIV#flags UL LI#us {
  background-image: url("/imgs/flags_us.png");
  height: 27px;
  width: 33px;
}

DIV#flags UL LI#de {
  background-image: url("/imgs/flags_de.png");
  height: 27px;
  width: 30px;
}

DIV#flags UL LI#fr {
  background-image: url("/imgs/flags_fr.png");
  height: 27px;
  width: 35px;
}

DIV#flags UL LI#nl {
  background-image: url("/imgs/flags_nl.png");
  height: 27px;
  width: 34px;
}

/* the anchor tag uses a padding so that the actual link text, which
 * is represented by the background image, gets pushed out of the element */
DIV#services UL LI A {
  display: block;
  height: 1px;
  left: 0;
  margin: 0;
  overflow: hidden;
  padding: 167px 0 0 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
}

DIV#products {
  background-color: #f3f3f6;
  border: solid 1px #999;
  margin: 20px;
  padding: 5px 15px 7px 20px;
  /* white-space: nowrap; */
}

/* Djh DEVEL - orig
* DIV#products DIV.product { font-weight: bold; line-height: 20px; }
*/
DIV#products DIV.product {
  font-weight: bold;
  line-height: 1em; 
  padding: 0px 0px 0px 20px;
  min-height: 20px; 
}

/* IE 6 hack */
* HTML DIV#products DIV.product { 
  font-weight: bold;
  line-height: 20px; 
  padding: 0px 0px 0px 20px;
  height: 20px;
}


DIV#products DIV.plabel { display: inline; vertical-align: middle; }
DIV#products INPUT { vertical-align: middle; }

/* DJH DEVEL */
DIV#products SPAN.radio_shift { position: absolute; left: 69px; line-height: 1em; }
/* DEVEL */

DIV#panel H2
  { font-size: 14px; font-style: normal; font-weight: bold; margin-top: 0; }
DIV#panel H3 { font-size: 13px; font-style: normal; font-weight: bold; }
DIV#panel UL { list-style: none; margin: 0; padding: 0; }

P.trial { font-size: 10px; }

DIV#sidebar DIV#sidebar-text {
  width: 200px;
  top: 400px;
  margin: 0 0 0 50px;
}

DIV#sidebar DIV#panel {
  background-color: #f3f3f6;
  border: solid 1px #999;
  margin: 4.5em auto 1.2em auto;
  padding: 10px;
  width: 220px;
}

DIV#cobrand {
  margin-bottom: 1.2em;
  text-align: center;
}

UL#a-menu { font-size: 11px; list-style: none; padding: 0; }
UL#a-menu LI {
  display: inline;
  font-size: 11px;
  font-weight: bold;
  list-style: none;
  margin: 0;
  padding: 0 2.0em 0 0;
}

DIV.news H2 { font-size: 16px; font-style: normal; font-weight: bold; }
DIV.news DIV.date { font-size: 11px; font-weight: bold; margin-bottom: 1.2em; }

DIV.docbox UL { list-style: none; margin: 0 0 1.2em 0; padding: 0; }
DIV.docbox UL LI { display: inline; font-size: 11px; padding: 0 10px 0 0; }

TABLE.tabletop { margin: 0; width: 75%; }

TABLE.billingtable { border-collapse: collapse; width: 100%; }
TABLE.billingtable TD, TD.billingsummary TD { padding: 2px 5px; }
TABLE.billingtable TD.invheading
  { border: solid 1px #999; background-color: #f3f3f6; font-weight: bold; }
TABLE.billingtable TD.total { font-weight: bold; }
TABLE.billingtable TD.totaltop { border-top: solid 1px #999; }

DIV.radio-big {
  margin-bottom: 10px;
}

DIV.radio-big INPUT {
  margin: 12px 5px;
  clear: both;
  display: inline;
  float: left;
}

DIV.radio-big LABEL {
  display: inline;
  float: left;
  width: 500px;
  margin: 10px 0;
}

/* IE hacks */

/* make the body really 100% high
 * also, make :hover on non-A tags actually work
 * (hide from IE/mac) \*/
* HTML BODY { behavior: url("/styles/csshover.htc"); height: 100%; }
/* end hack (for IE/mac) */

/* fix the H1 image for the logo in IE5.5 only
 * (hide from IE/mac \*/
* HTML #header DIV#logo { background: none; }
/* end hack (for IE/mac) */

* HTML #header H1 {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/power_logo.png"
  );
  height: 46px;
}

* HTML DIV#header DIV#cpanel FORM DIV#mc-fields DIV INPUT { margin: -2px 0; }

* HTML DIV#menu FORM INPUT#search-phrase { margin: -2px 0; }



* HTML DIV#footer { margin-bottom: -1px; }

* HTML DIV#services UL { border: none; }

/* use AlphaImageLoader to properly handle transparent PNG backgrounds
 * (hide from IE/mac) \*/
* HTML DIV#header DIV#cpanel {
  background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/power_mc_curve.png",
    sizingMethod="crop"
  );
}

* HTML DIV#services UL LI#p-unl-8 {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/pricing_power.png"
  );
}

* HTML DIV#services UL LI#p-25gb-8 {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/pricing_25gb_8.png"
  );
}

* HTML DIV#services UL LI#p-50gb-8 {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/pricing_50gb_8.png"
  );
}


* HTML DIV#services UL LI#p-unl-4 {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/pricing_power-04.png"
  );
}

* HTML DIV#flags UL LI#uk {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/flags_uk.png"
  );
}

* HTML DIV#flags UL LI#us {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/flags_us.png"
  );
}

* HTML DIV#flags UL LI#fr {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/flags_fr.png"
  );
}

* HTML DIV#flags UL LI#de {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/flags_de.png"
  );
}

* HTML DIV#flags UL LI#nl {
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src="/imgs/flags_nl.png"
  );
}
/* end hack (for IE/mac) */

DIV #flags { position: absolute; top: 20px; left:350px; }
DIV #flags ul { 
  display: inline;
  padding: 0;
  margin: 0;
  width: 195px;
  height: 27px;
}
DIV #flags ul li {
  background-position: top right;
  background-repeat: no-repeat;
  overflow: hidden;
  display: block;
  padding: 0;
  margin: 0;
  float: left;
}
DIV #flags ul li a {
  border: none;
  text-decoration: none;
  overflow: hidden;
  display: block;
  height: 1px;
  left: 0pt;
  margin: 0pt;
  padding: 27px 0 0;
  position: relative;
  top: 0;
  width: 100%;
  z-index: 2;
}

/* blog stuff */

#blog-title, #blog-header {
    font-size: 24px;
    font-weight: bold;
    margin: 0;
    padding: 0;
    height: auto;
}
#blog-title, #blog-title a {
    padding: 0 0 10px 0;
    border-bottom: 1px solid #d58100;
    color: #d58100;
}
#description {
    display: none;
}
.post-title, .post-title a {
    border-bottom: 1px solid #000000;
    font-size: 20px;
    font-weight: bold;
    margin: 5px 0 10px 0;
}

#blog-sidebar {
  background-color: #f3f3f6;
  border: solid 1px #999;
  margin: 4.5em auto 1.2em auto;
  padding: 10px;
  width: 220px;
}

DIV.radio-big {
  margin-bottom: 10px;
}

DIV.radio-big INPUT {
  margin: 12px 5px;
  display: inline;
  float: left;
  clear: both;
}

DIV.radio-big LABEL {
  display: inline;
  margin: 10px 0;
  width: 450px;
  float: left;
}

DIV.clear {
  clear: both;
}

img.rss {
        border: none;
}
blog-title, #blog-title a, .post-title a, #blog-title a:hover, .post-title a:hover {
        text-decoration: none;
        border: none;
}

#auth-forgot { font-size: 8px;}

#su-paypal {
  display: inline;
}