html, body
{
    background-color: white;
    height:           100%;
    width:            100%;
    padding:          0px;
    margin:           0px;
}

hr
{
    border-top:       1px dashed #000000;
    border-left:      none;
    border-right:     none;
    border-bottom:    none;
    color:            #000000;
    background-color: #FFFFFF;
    height:           4px;
}

h1
{
    font-family: "Arial";
    font-size:   1.3em;
    font-weight: normal;
    font-style:  italic;
    color:       #AD5555;
}

h2
{
    font-family: "Arial";
    font-size:   1.0em;
    font-weight: bold;
    color:       #AD5555;
}

h3
{
    font-family: "Arial";
    font-size:   1.0em;
    font-weight: bold;
    color:       #AD5555;
}

h4
{
    font-family: "Arial";
    font-size:   0.9em;
    font-weight: normal;
    color:       #AD5555;
}

a:link
{
    color:           #42B0FF;
    text-decoration: underline;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       0.9em;
}

a:visited
{
    color:           #D642FF;
    text-decoration: underline;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       0.9em;
}

a:hover
{
    color:           #D642FF;
    text-decoration: underline;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       0.9em;
}

a:active
{
    color:           #D642FF;
    text-decoration: underline;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       0.9em;
}

a:link img
{
    border: 2px solid #42B0FF;
}

a:visited img
{
    border: 2px solid #D642FF;
}

a:hover img
{
    border: 2px solid #D642FF;
}

a:active img
{
    border: 2px solid #D642FF;
}

div.screenshot
{
    float:  left;
    margin: 0 0 0 0;
}

div.content
{
    width:       70%;
    height:      100%;
    min-width:   40em;
    max-width:   65em;
    margin:      auto;
    text-align:  center;
    display:     table;
}

div.vertical_center_content
{
    vertical-align: middle;
    display:        table-cell;
}

div.intro_header
{
    vertical-align: bottom;
    text-align:     right;
    white-space:    nowrap;
    font-family:    "Arial";
    font-style:     normal;
    font-size:      0.8em;
    color:          #999999;
    padding:        0px;
}

div.intro_image
{
}

img.intro_image
{
    width: 100%;
}

div.intro_directory_column
{
    float: left;
    width: 33.3%;
}

div.intro_directory_heading
{
    vertical-align:      bottom;
    text-align:          left;
    white-space:         nowrap;
    padding:             5px;
    border-bottom:       1px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
}

div.intro_directory
{
    vertical-align: top;
    text-align:     left;
    white-space:    nowrap;
    padding:        5px;
}

div.directory
{
    vertical-align:      bottom;
    text-align:          left;
    white-space:         nowrap;
    font-family:         "Arial";
    font-style:          normal;
    font-size:           0.9em;
    padding:             5px;
    border-bottom:       1px;
    border-bottom-color: #000000;
    border-bottom-style: solid;
}

div.body
{
    vertical-align: top;
    text-align:     left;
    font-family:    "Arial";
    font-style:     normal;
    font-size:      0.9em;
    padding:        0px;
}

a.directory:link
{
    color:           #000000;
    text-decoration: none;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       1.5em;
}

a.directory:visited
{
    color:           #000000;
    text-decoration: none;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       1.5em;
}

a.directory:hover
{
    color:           #42B0FF;
    text-decoration: none;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       1.5em;
}

a.directory:active
{
    color:           #42B0FF;
    text-decoration: none;
    font-family:     "Arial";
    font-style:      normal;
    font-size:       1.5em;
}

td.content
{
    vertical-align: top;
    text-align:     left;
    font-family:    "Arial";
    font-style:     normal;
    font-size:      0.9em;
    padding:        0px;
}

table.screenshot
{
    float:  left;
    margin: 0 0 10px 0;
}

caption.screenshot
{
    caption-side: bottom;
    font-style:   italic;
    font-size:    0.8em;
}

img.screenshot
{
    margin: 2px 2px 0px 2px;
    border: 2px;
    height: 125px;
}

div.code
{
    margin-left:      1em;
    margin-top:       1em;
    margin-right:     1em;
    margin-bottom:    1em;
    border:           1px solid grey;
    padding:          1em;
    background-color: #000000;
    color:            #00EE00;
}

div.code_cell
{
    margin-left:      0em;
    margin-top:       0em;
    margin-right:     0em;
    margin-bottom:    0em;
    border:           1px solid grey;
    padding:          1em;
    background-color: #000000;
    color:            #00EE00;
}

pre
{
    font-family: "Courier New";
    font-style:  normal;
    font-size:   0.9em;
}

code
{
    font-family: "Courier New";
    font-style:  normal;
    font-size:   0.9em;
}

table.info
{
    border:           1px solid black;
    background-color: #EEEEEE;
    border-spacing:   0px;
    border:           1px solid #CACACA;
    border-bottom:    0;
}

th.info
{
    font-weight:   bold;
    padding:       8px;
    border-bottom: 1px solid #D4D4D4;
}

th+th.info
{
    border-left: 1px solid #D4D4D4;
}

td.info
{
      padding:       8px;
      border-bottom: 1px solid #D4D4D4;
}

td+td.info
{
    border-left: 1px solid #D4D4D4;
}

img.figure
{
    margin: 2px 2px 2px 2px;
    border: 0px;
}