@import "variables";

html,
body {
    height: 100%;
}

body {
    outline: none !important;
    color: #555;
    background-color: #f3f3f3;
}

h1 {
    font-size: $font-size-xl;
}

h2 {
    font-size: $font-size-lg;
    line-height: 115%;
    margin: 0 0 0.2em 0;
    font-weight: normal;
}

h3 {
    font-size: $font-size-md;
    margin: 0 0 0.2em 0;
    font-weight: bold;
}

h4 {
    font-size: $font-size-md;
    font-weight: bold;
}

h5 {
    font-size: $font-size-sm;
}

h6 {
    font-size: $font-size-sm;
    font-style: italic;
}

p {
    margin: 0 0 1.5em 0;
}

fieldset {
    margin: 0 0 1.5em 0;
    border: 1px solid #ccc;
    padding: 20px;
}

a {
    color: $color-palette-primary;

    &:hover {
        text-decoration: none;
    }
}

.link {
    color: $color-palette-primary !important;
    text-decoration: underline !important;

    &:hover {
        text-decoration: none !important;
    }
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}

b {
    font-weight: bold;
}

blockquote {
    margin: 1em;
}

ol {
    margin-left: 3em;
    li {
        list-style: none outside;
    }
}

ul {
    margin-left: 2.5em;
    li {
        list-style: none outside;
    }
}

.inputCaption {
    font-size: $font-size-sm;
    color: #888;
    font-style: italic;
}

.dl50-50 {
    dt {
        width: 50%;
    }
    dd {
        margin-left: 50%;
    }
}

legend {
    font-weight: bold;
    padding: 2px 10px;
    background: #fff;
    color: #444;
    border: 1px solid #ccc;
}

pre,
code,
kbd,
samp,
tt {
    font-family: monospace;
    *font-size: $font-size-lmd;
    line-height: 99%;
}

sup {
    font-size: $font-size-xs;
}

abbr {
    border-bottom: 1px dotted #555;
    cursor: help;
}

acronym {
    border-bottom: 1px dotted #555;
    cursor: help;
}

hr {
    background-color: $color-palette-gray-400;
    height: 1px;
    color: $color-palette-gray-400;
    border: 0;
    margin: $spacing-1 * 3 0;
}

.formRow {
    clear: right;
    clear: left;
    clear: both;
}

.formLine {
    clear: both;
    * {
        float: left;
    }
    label {
        display: block;
        margin: 0 5px 0 0;
        font-weight: bold;
    }
    input {
        margin: 0 20px 0 0;
    }
    select {
        margin: 0 20px 0 0;
    }
    div {
        margin: 0 20px 0 0;
    }
}

.clear {
    clear: both;
    font-size: 0;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}

.hidden {
    position: absolute;
    left: 0;
    top: -500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}
