/*************************  Style Text  *************************/
body {
    color: windowtext;
    font-family: Tahoma, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
    font-size: 9.5pt;
    background-color: white;
}

p {
    margin: .4em 0 1.2em 0;
    font-family: Tahoma, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
    font-size: 1em;
    line-height: 1.3em;
}

b {
    color: #444444;
}

h1 {
    font-size: 2.0em;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    color: #555555;
    padding-bottom: 0;
    margin: .1em 0 .4em 0;
    letter-spacing: .01em;
    word-spacing: .01em;
    line-height: 1.2em;
    page-break-after: avoid;
    text-shadow: 0px 1px 0px #FFFFFF, 0px 2px 4px #AAAAAA;
}

h2 {
    font-size: 1.6em;
    font-family: arial, helvetica, sans-serif;
    font-weight: normal;
    color: #666666;
    letter-spacing: .01em;
    word-spacing: .01em;
    margin: 1.2em 0 .5em 0;
    line-height: 1.1em;
    page-break-after: avoid;
    text-shadow: 0px 1px 0px #FFFFFF, 0px 1px 2px #AAAAAA;
}

h3 {
    font-size: 1.15em;
    font-family: arial, helvetica, sans-serif;
    font-weight: bold;
    color: #888888;
    padding-bottom: 0;
    margin: 1.2em 0 .5em 0;
    line-height: 1.1em;
    page-break-after: avoid;
    position: relative;
}

h4 {
    font-family: arial, helvetica, sans-serif;
    font-size: 1em;
    font-weight: bold;
    margin: 2em 0 .5em 0;
    line-height: 1.1em;
    page-break-after: avoid;
}

small {
    font-size: 0.8em;
}

hr {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid white;
    border-right: 1px solid #CCCCCC;
    border-left: 1px solid white;
}

strong {
    background-color: #FFFF99;
    border: 1px solid #FFFF00;
}

blockquote {
    background-color: #F6F6F6;
    margin: 1em 0 1em 0;
    padding: .5em;
    width: 100%;
    border-left: 2em solid #DDDDDD;
    font-family: Tahoma, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
    -moz-box-sizing: border-box;
    clear: both;
    border-radius: 6px;
}

ul, ol, ul ul, ol ol, ol ul, ul ol {
    margin: .4em 0 1em 2em;
    padding-left: 1em;
}

li {
    font-family: Tahoma, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
    margin: .2em 0 .3em 0;
    line-height: 1.3em;
}

ul li {
    list-style-type: square;
    list-style-image: url(/.shared/li.gif);
}

p.source {
    font-size: xx-small;
    text-align: right;
    max-width: 100%;
}

img {
    margin: 0;
    border: 0;
}

dt {
    margin: 1em 0 0 0;
    padding-left: 1.1em;
    font-size: 1.1em;
    color: #666666;
    font-weight: bold;
}

dd {
    margin-left: 0;
    padding-left: 3em;
    width: auto;
    overflow: hidden;
}

pre, code {
    line-height: 11px;
    font-size: 10px;
    font-family: "Lucida ConsoleP", "Lucida Console", Courier, mono;
    padding: 2px;
}

code.selectable {
    font-size: .9em;
}

.copy {
    background-color: #666666;
    color: #FFFFFF;
    font-size: 9px;
    border-radius: 3px;
    font-weight: bold;
    margin-right: 5px;
    padding: 1px 3px;
}

.selectableSans, .selectablePre {
    border: 1px solid #BBBBBB;
    background-color: #F3F3F3;
    margin: 0.5em 0 2em 0;
}

code.selectable {
    border: 1px solid #BBBBBB;
    background-color: #F3F3F3;
    margin: 0 0 2em 0;
    border-radius: 4px;
    padding: 0.25em .75em;
}

.selectableSans, .selectablePre {
    background-image: url(/.shared/doubleClickToSelect.gif);
    background-repeat: repeat-y;
    background-position: left top;
    padding: 1em 1em 1em 6em;
    border-radius: 6px;
    font-size: 1em;
    color: #000000;
    background-color: #FFFFFF;
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
}

.selectableSans {
    font-family: sans-serif;
}

.selectablePre {
    font-family: mono;
}

.wrap {
    white-space: pre-wrap;
    white-space: -moz-pre-wrap;
    word-wrap: break-word;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-size: 1em;
    border: 0;
    margin: 0;
    line-height: 1.2em;
}

.wrap a:link, .wrap a:visited {
   text-decoration: underline;
   color: blue;
}

.wrap a:hover {
   text-decoration: underline;
   color: white;
}

code {
    line-height: 16px;
}

a:link, a:visited {
    color: #578CCA;
    text-decoration: none;
}

a:hover, dt a:hover {
    text-decoration: none;
    background-color: #578CCA;
    color: white;
}

.pageBreak {
    font-size: xx-small;
    color: #EEEEEE;
    border-bottom: 1px solid #CCCCCC;
    text-align: right;
    clear: both;
    margin-top: 2em;
}

.note, .bonus {
    margin: 0;
    color: #FFFFFF;
    font-weight: bold;
    border: 0;
    padding: 3px 6px;
    border-radius: 3px;
}

.note {
    background-color: #CE0000;
}

.bonus {
    background-color: #007C10;
}

.important {
    border: 1px solid #F3B9B9;
    padding-left: 40px;
    background: transparent;
    background-image: url(/.shared/important.gif);
    background-repeat: repeat-y;
    background-position: left top;
    background-color: #FFF4F4;
}

.showOnlyWhenPrinting {
    display: none;
}

.showHide ul, .showHide ol  {
    display: none;
}

.goals ul ul, .goals ol ul, .goals ol ol, .goals ul ol  {
    display: block;
}

.goals li, .goals ul li  {
    font-weight: bold;
}

.goals ul ul li  {
    font-weight: normal;
}

.notTested {
    border: 1px solid #DEB887;
    padding-left: 40px;
    background: transparent;
    background-image: url(/.shared/notTested.gif);
    background-repeat: repeat-y;
    background-position: left top;
}

.leftRibbon {
    margin-left: 5px;
    padding-left: 75px;
    background: transparent;
    background-repeat: repeat-y;
    background-position: left top;
}

/*************************  Quote  *************************/

.quote {
    width: 23em;
}

.quoteleft tr td {
    text-align: left;
    padding: .8em .8em 2em 0;
}

.quoteright tr td {
    text-align: right;
    padding: .8em 0 2em .8em;
}

.quote tr td cite img {
    width: 40px;
}

.quote tr td cite {
    font-family: Palatino Linotype, Times New Roman, Times, serif;
    font-size: 2.3em;
    font-weight: bold;
    color: #888888;
    text-align: right;
}

/*************************  Intro  *************************/

p.intro:first-letter {
    float: left;
    color: #BBBBBB;
    font-size: 4em;
    line-height: .79em;
    padding: .09em;
    text-transform: uppercase;
    font-family: Palatino Linotype, Times New Roman, Times, serif;
    font-weight: normal;
    font-style: normal;
    text-transform: uppercase;
    margin: -.06em -.05em -.05em -.13em;
}

/* All browsers except IE */
html>body p.intro:first-letter {
    font-size: 6.6em;
}

p.intro:first-line {
    font-family: arial, helvetica, sans-serif;
    color: #AAAAAA;
    font-size: 1.6em;
    font-weight: normal;
    font-style: normal;
    line-height: 1.2em;
    text-transform: uppercase;
}

p.intro {
    font-family: arial, helvetica, sans-serif;
    letter-spacing: .01em;
    word-spacing: .05em;
    color: #777777;
    font-size: 1.35em;
    font-weight: normal;
    line-height: 1.65em;
    width: 100%;
    padding-top: .3em;
}

/*************************  TABLES  *************************/

table {
    font-family: Tahoma, Bitstream Vera Sans, Arial, Helvetica, sans-serif;
    font-size: 1em;
    width: 100%;
    border: 0;
    margin: 0;
    padding: 0;
    table-layout: fixed;
    empty-cells: show;
}

th {
    text-align: center;
    border: 0;
    padding: 1px;
    font-weight: normal;
    background-color: #F0F1EC;
}

td {
    vertical-align: top;
}

.td {
    width: 100px;
    text-align: left;
}

.table, .table td {
    border: 1px solid #CCCCCC;
}

/*************************  Class table.table  *************************/

table.table {
    font-family: Arial, Helvetica, sans-serif;
    border-left: 0;
    border-bottom: 0;
    vertical-align: top;
    table-layout: fixed;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: auto;
    background-color: #FFFFFF;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
}

table.table th {
    font-size: x-small;
    border-top: 0;
    border-right: 0;
    padding: .3em;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #4B5D6C;
    padding-top: .3em;
    text-align: center;
}

table.table td {
    font-size: x-small;
    border-top: 0;
    border-right: 0;
    padding: .3em;
    vertical-align: top;
    border-left: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFFFFF;
}

/*************************  Caption  *************************/

table.captioned {
    background-color: white;
    border: 1px solid #E3E3E3;
    vertical-align: top;
    padding: 0;
    border-collapse: collapse;
    width: auto;
    table-layout: auto;
}

table.captionedleft {
    margin: 0 1.5em 0 0;
}

table.captionedright {
    margin: 0 0 0 1.5em;
}

table.captioned td {
    padding: 0;
    font-size: 0;
}

table.captioned img, table.captioned object {
    border: 0;
    padding: 0;
    margin: 0;
    font-size: 0;
}

table.captioned caption {
    font-size: 1em;
    color: #000000;
    background-color: #E3E3E3;
    border: 0 solid #CCCCCC;
    padding: .2em;
    margin: 0 5px 8px 5px;
    text-align: center;
}

/*************************  Print  *************************/

@media print {
    .hideWhenPrinting, .hideWhenPrintingAlso {
        display: none !important;
    }

    .showOnlyWhenPrinting {
        display: block;
    }

    body {
        font-size: 9pt !important;
        padding: 0;
        background-image: none !important;
    }

    h1 {
        padding-left: 0;
        font-size: 2em !important;
    }

    li {
        list-style-image: none;
    }

    ul li {
        list-style-type: disc;
        list-style-image: none;
    }

    .selectableSans, .selectablePre {
        background-image: none;
        background-color: white;
        border: 0;
    }
    
    .quote tr td cite {
        font-size: 1.8em !important;
    }

}

/*************************  End  *************************/

