body.print a,
body.print a:hover,
body.print a:visited
{
    color: blue;
    text-decoration: none;
}

div.personal
{
}

div.personal a img
{
    vertical-align: middle;
    border: none;
}

div.personal div.item
{
    width: 15em;
    float: left;
    font-style: italic;
}

div.personal div.value
{
    white-space: pre;
    font-weight: bold;
    margin-left: 16em;
}

div.section
{
    margin-top: 1em;
}

div.section div.label
{
    font-size: 1.25em;
    font-weight: bold;
    border-bottom: black solid 2px;
}

div.section div.item
{
    border-bottom: #eeeeee dotted 1px;
}

body.expand div.section div.item
{
    border-bottom: #dddddd solid 1px;
}

div.section div.item div.period,
div.section div.item div.area
{
    width: 15em;
    float: left;
}

div.section div.item div.period.current
{
    border-bottom: dotted blue 1px;
    font-weight: bold;
}

div.section div.item div.institution,
div.section div.item div.skill
{
    margin-left: 16em;
}

div.section div.item div.project
{
    margin-top: 0.5em;
    margin-left: 16em;
    border-top: #cccccc solid 1px;
}

div.section div.item div.project
{
    display: none;
}

div.section div.item:hover div.project
{
    background: #e7ecfe;
}

body.expand div.section div.item div.project
{
    display: block;
}

div.section div.item div.project div.description
{
    font-style: italic;
    font-size: 0.90em;
}

div.section div.item div.position
{
    margin-left: 16em;
    font-weight: bold;
}

div.tools
{
    font-size: 0.8em;
    margin-top: 0.5em;
}

ul
{
    margin-top: 0;
    margin-bottom: 0;
}

#control
{
    border: dashed blue 1px;
    margin: 0px;
    background-color: white;
    padding: 5px;
}

#portrait 
{
    float: right; 
    margin-top: 30px;
}

body.print #control
{
    background-color: #e7ecfe;
}

#control span
{
    text-decoration: underline;
    cursor: pointer;
}

body #collapse
{
    display: none;
}

body.expand #expand
{
    display: none;
}

body.expand #collapse
{
    display: block;
}

@media print
{

#control
{
    display: none;
}

}