html, body {
    height: 100%;
    margin: 0px;
}

body {
    font: normal normal normal 12px/14px Verdana, serif;
}

a {
    color: #A56B0D;
}

#l-message {
    border-style: solid;
    border-width: 2px 1px 1px 1px;
    padding: 8px 10px;
    margin: 0px 0px 15px 0px;
    border-radius: 4px;
    font-weight: bold;
    text-align: center;
}
#l-message.info    { background-color: #E5F9E3; border-color: #99E78F; color: #227018; }
#l-message.warning { background-color: #F9F1E3; border-color: #E7C88F; color: #705118; }
#l-message.error   { background-color: #F9E3E3; border-color: #E78F8F; color: #701818; }

#colorbox {
    z-index: 100000 !important; /* PLUpload + 1 */
}

div.l-footer-hint {
    margin-top: 25px;
    border-top: 2px dashed #ccc;
    overflow: auto;
    color: #888;
    line-height: 120%;
}
div.l-footer-hint p {
    margin-top: 15px;
    margin-bottom: 5px;
}
div.l-footer-hint ul,
div.l-footer-hint ol {
    margin-top: 5px;
    margin-bottom: 5px;
}

/* Color Box bottom margin remover */
#cboxLoadedContent {
    margin-bottom: 0px !important;
}

/*** View classes ***/

div.l-sections {
    color: #333333;
    font: normal normal normal 12px/14px Verdana, serif;
}
div.l-sections > div {
    margin-top: 5px;
}
div.l-sections > div:first-child {
    margin-top: 0px;
}
div.l-sections > div > div.label-and-help {
    background-color: #CCCCCC;
    border-radius: 4px;
    padding: 5px;
}
div.l-sections > div > div.label-and-help > div.label {
    font-weight: bold;
    text-transform: uppercase;
}
div.l-sections > div > div.label-and-help > div.help {
    color: #888888;
    font-size: 11px;
    line-height: 13px;
}
div.l-sections > div > div.content {
    border-left: 1px dotted #BBBBBB;
    margin: 2px 0px 0px 5px;
    padding: 3px 0px 0px 5px;
}

/***/

table.l-table {
    border-collapse: collapse;
    width: 100%;
}
table.l-table > tbody > tr {
    background-image: url("images/l-section-background.png");
    background-position: left bottom;
    background-repeat: repeat-x;
}
table.l-table > tbody > tr > th { padding: 6px 5px 6px 0px; }
table.l-table > tbody > tr > td { padding: 6px 0px 6px 5px; }
table.l-table > tbody > tr > th {
    text-align: right;
    font-weight: normal;
    color: #777;
}
table.l-table > tbody > tr > td {
    color: #000;
}
table.l-table > tbody > tr > td > div.row-1 {
    float: left;
    text-align: left;
    padding-right: 10px;
}
table.l-table > tbody > tr > td > div.row-2 {
    float: right;
    text-align: right;
    padding-right: 5px;
}
table.l-table.table-4 > tbody > tr > th { width: 25%; }
table.l-table.table-3 > tbody > tr > th { width: 33%; }
table.l-table.table-2 > tbody > tr > th { width: 50%; }
table.l-table.table-1d3 > tbody > tr > th { width: 67%; }