/* login page */
#loginForm {
    border-right: solid 2px #c8c8c8;
    float: left;
    width: 55%;
}

    #loginForm .validation-error {
        display: block;
        margin-left: 15px;
    }

#socialLoginForm {
    margin-left: 40px;
    float: left;
    width: 40%;
}

    #socialLoginForm h2 {
        margin-bottom: 5px;
    }

/* login
----------------------------------------------------------*/
#login {
    display: block;
    font-size: .85em;
    margin: 0 0 10px;
    text-align: right;
}

    #login a {
        background-color: #d3dce0;
        margin-left: 10px;
        margin-right: 3px;
        padding: 2px 3px;
        text-decoration: none;
    }

        #login a.username {
            background: none;
            margin-left: 0px;
            text-decoration: underline;
        }

    #login ul {
        margin: 0;
    }

    #login li {
        display: inline;
        list-style: none;
    }

/* forms */
fieldset {
    border: none;
    margin: 0;
    padding: 0;
}

    fieldset legend {
        display: none;
    }

    fieldset ol {
        padding: 0;
        list-style: none;
    }

        fieldset ol li {
            padding-bottom: 5px;
        }

    fieldset.open-auth-providers {
        margin-top: 15px;
    }

        fieldset.open-auth-providers button {
            margin-bottom: 12px;
        }

label {
    /* display: block;*/
    font-size: 1.2em;
    /* font-weight: 600;
           */
}

    label.checkbox {
        display: inline;
    }

    label.radiobutton {
        display: inline;
    }

mark {
    background-color: #a6dbed;
    padding-left: 5px;
    padding-right: 5px;
}

/* content */
article {
    float: left;
    width: 70%;
}

aside {
    float: right;
    width: 25%;
}

    aside ul {
        list-style: none;
        padding: 0;
    }

        aside ul li {
            background: url("../Images/bullet.png") no-repeat 0 50%;
            padding: 2px 0 2px 20px;
        }

/* ordered list */
ol.round {
    list-style-type: none;
    padding-left: 0;
}

    ol.round li {
        margin: 25px 0;
        padding-left: 45px;
    }

        ol.round li.zero {
            background: url("/Images/orderedList0.png") no-repeat;
        }

        ol.round li.one {
            background: url("/Images/orderedList1.png") no-repeat;
        }

        ol.round li.two {
            background: url("/Images/orderedList2.png") no-repeat;
        }

        ol.round li.three {
            background: url("/Images/orderedList3.png") no-repeat;
        }

        ol.round li.four {
            background: url("/Images/orderedList4.png") no-repeat;
        }

        ol.round li.five {
            background: url("/Images/orderedList5.png") no-repeat;
        }

        ol.round li.six {
            background: url("/Images/orderedList6.png") no-repeat;
        }

        ol.round li.seven {
            background: url("/Images/orderedList7.png") no-repeat;
        }

        ol.round li.eight {
            background: url("/Images/orderedList8.png") no-repeat;
        }

        ol.round li.nine {
            background: url("/Images/orderedList9.png") no-repeat;
        }