/**
 * Style sheet for printing.
 *
 * This modifies the styles defined in site.css so that when the page
 * is printed, it only displays the information that would be needed
 * for a printed page.
 *
 * Copyright 2008 Help Me 2 Learn Company.
 *
 * Written by Marshall Elfstrand.
 */


/* Plain background. */
body {
    background: none;
}


/* Format header as plain text. */
#common-header h1 {
    font-size: 14pt;
    font-weight: bold;
}
#common-header h1 a {
    background: none;
    color: black;
    display: inline;
    height: auto;
    text-decoration: none;
    width: auto;
}
#common-header h1 span {
    display: inline;
}
#common-header p {
    color: #404040;
    position: relative;
    font-size: 10pt;
    margin: 4pt 0pt 12pt 0pt;
    text-align: left;
    text-transform: none;
}
#common-header p strong {
    display: inline;
    font-weight: bold;
    font-size: 10pt;
    margin-top: 4pt;
}


/* Hide menus and links since you can't click on a printout. */
#common-header-mainLinks,
#common-header-additionalLinks,
#common-quickMenu,
#common-menu {
    display: none;
}


/* Reposition content area since there are no menus. */
#common-content {
    margin-left: 0pt;
    margin-top: 12pt;
    width: auto;
}


/* Hide the banner at the top of the page. */
#common-superstar-banner-background {
    display: none;
}

/* Display breadcrumbs as a normal (non-floated) block. */
#common-breadcrumbs {
    border: 1pt solid #C0C0C0;
    color: #808080;
    float: none;
    font-size: 10pt;
    margin: 0pt;
    padding-top: 4pt;
    padding-bottom: 4pt;
}
#common-breadcrumbs a {
    color: #404040;
    text-decoration: none;
    padding-left: 4pt;
    padding-right: 4pt;
}


/* Display content header without the icon. */
#common-content h3 {
    background: none;
    border-bottom: 1px solid #808080;
    font-size: 12pt;
    font-weight: bold;
    margin: 12pt 0pt 4pt 0pt;
    padding: 0pt 0pt 4pt 0pt;
}
#common-content h4 {
    color: #000000;
}
#common-content p {
    color: #000000;
    font-size: 10pt;
    line-height: 15pt;
    margin-top: 6pt;
    padding-left: 10pt;
    padding-right: 12pt;
}
#common-content p a {
    color: #000000;
    text-decoration: none;
}
#common-content ul {
    margin-top: 6pt;
}
#common-content li {
    color: #000000;
    font-size: 10pt;
    line-height: 15pt;
}
#common-content li a {
    color: #000000;
    text-decoration: none;
}


/* Give any content sub-header more readable printed text. */
#common-content #common-content-subHeader {
    color: #808080;
    font-size: 12pt;
    margin-top: 4pt;
    padding: 0pt;
}
#common-content #common-content-subHeader strong {
    padding: 0pt;
}


/* Remove box decorations. */
div.common-box {
    background: none;
    margin-bottom: 12pt;
    width: auto;
}
div.common-box-top {
    display: none;
}
div.common-box-bottom {
    display: none;
}


/* Remove the margins and background colors on product panels */
#common-product-panel {
    margin-left: 0pt;
    margin-top: 12pt;
}
* html #common-product-panel { /* IE hack */
    /* This is to override the IE hack in site.css. */
    margin-left: 0pt;
}
p#common-product-ageGroup {
    background: none;
    color: #404040;
    font-size: 8pt;
    font-weight: bold;
    margin-bottom: 0pt;
}
#common-product-platforms p {
    background: none;
    border: 1pt solid #C0C0C0;
    font-size: 8pt;
}


/* Make product description text more readable. */
#common-product-description p,
#common-product-description a,
#common-product-description li {
    color: #000000;
    font-size: 10pt;
    line-height: 15pt;
}
#common-product-description h4 {
    color: #000000;
    font-size: 12pt;
    font-weight: bold;
}
#common-product-description h5 {
    color: #808080;
    font-size: 10pt;
    font-weight: bold;
}


/* Make purchase text more printable and remove "Buy" buttons. */
#common-content p.common-purchase-description {
    color: #404040;
}
#common-content div.common-purchase-item {
    border-top: 1px solid #C0C0C0;
    margin-top: 12pt;
    padding-top: 8pt;
    width: auto;
}
#common-content div.common-purchase-item li {
    color: #606060;
    font-size: 10pt;
    line-height: 15pt;
    width: auto;
}
#common-content p.common-purchase-item-title {
    color: #404040;
    font-size: 10pt;
    margin-bottom: 4pt;
}
#common-content p.common-purchase-item-title strong {
    color: #000000;
    font-size: 10pt;
}
#common-content p.common-purchase-item-title a {
    border: none;
    color: #404040;
    text-decoration: none;
}
#common-content p.common-purchase-item-note {
    color: #606060;
    font-size: 10pt;
    line-height: 15pt;
    width: auto;
}
#common-content p.common-purchase-item-price {
    position: absolute;
    top: 8pt;
    right: 0pt;
    padding-top: 0pt;
    text-align: right;
    width: auto;
}
#common-content p.common-purchase-item-link {
    display: none;
}


/* Reposition footer to account for changed margins and reduce decoration. */
#common-footer {
    border-top: 1px solid #C0C0C0;
    margin-left: 0pt;
    margin-top: 20pt;
    margin-bottom: 0pt;
}
#common-footer h4 {
    background: none;
    color: #000000;
    float: none;
    font-size: 8pt;
    font-weight: bold;
    height: auto;
    margin: 20pt 0pt 4pt 0pt;
    padding: 0px;
    width: auto;
}
#common-footer h4 span {
    display: inline;
}
#common-footer p {
    color: #808080;
    font-size: 8pt;
    margin-left: 0pt;
    margin-top: 4pt;
    margin-bottom: 4pt;
    font-weight: normal;
    text-transform: none;
}
#common-footer p strong {
    color: #000000;
    font-weight: normal;
    font-size: 8pt;
    padding: 0pt;
}