#header {
    height: 60px;
}

.pure-menu-horizontal {
    display:inline-block;
    *display:inline; /*IE7 hack. See https://stackoverflow.com/questions/1690642/purpose-of-asterisk-before-a-css-property for more detailed information*/
    zoom:1;
    vertical-align:middle;
    background-color: #DCEEF5;
}

.logo {
    margin: 0;
    padding: 0;
    z-index: 100;
}

.form-legend {
    padding: 5px 0;
    margin: 0;
    font-weight: bold;
    font-size: 12pt;
}

h2 {
    padding: 7px 0;
    margin: 0;
    font-weight: bold;
    font-size: 14pt;
}

hr {
    color: #D3DBDE;
    background-color: #e5e5e5;
    border: 0px none;
    height: 1px;
    clear: both;
}

.vertical_line {
    height:1000px;
    width:2px;
    background:#e5e5e5;
    float:left;
    margin: 15px;
}

.form-block {
    display:block;
    width:100%;
    padding:.3em 0;
    margin-bottom:.5em;
    color:#333;
    border-bottom:2px solid #e5e5e5;
}

.error-message {
    color: #FF0000;
    font-weight: bold;
    margin-left: 5px;
}

.breadcrumbs {
    margin-left: 5px;
    margin-top: 10px;
    margin-bottom:5px;
    display:block;
    padding-top:5px;
    padding-bottom:20px;
    color:#333;
    border-bottom:2px solid #e5e5e5;
    height: 20px;
}

.right-align {
    float: right;
}

.help-menu
{
    width: 15%;
    letter-spacing: normal;
    white-space: initial;
    margin-right: 1em;
}

.left-border
{
	margin-left: 15px;
}

.help-menu-item
{
    white-space: nowrap;
    height: auto;
    width: 100%;
}

.pid_vid_tooltip
{
    position: relative;
    display: inline-block;

}
.pid_vid_tooltip .tooltip_text
{
    display: none;
    background-color: #dbeef5;
    color: #628db7;
    text-align: center;
    border-radius: 6px;
    padding: 5px;

    /* Position the tooltip */
    position:inherit;
    z-index: 1;
}

.pid_vid_tooltip:hover .tooltip_text
{
    display: inline;
}

.section {
    /* border: 1px double black; */
    padding-left: 1em;
    padding-right: 1em;
}

.section > p {
    padding-left: 1em;
}

.section > img {
    border: 1px solid;
    border-color: darkgray;
    margin-left: 1em;
}

.nested-list {
    counter-reset: item
}
.nested-list > li {
    display: block
}
.nested-list > li:before {
    content: counters(item, ".") ". ";
    counter-increment: item
}