#infoHover #popup {
    display: none;
}

#infoHover:hover #popup {
    display: block;
    position: absolute;
    width: 300px;
    -webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
    -moz-animation: fadein 1s; /* Firefox < 16 */
    -ms-animation: fadein 1s; /* Internet Explorer */
    -o-animation: fadein 1s; /* Opera < 12.1 */
    animation: fadein 1s;
}

@keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Firefox < 16 */
@-moz-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Internet Explorer */
@-ms-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

/* Opera < 12.1 */
@-o-keyframes fadein {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

td {
    font-size: 9pt;
    font-family: Verdana, arial;
    vertical-align: top;
    padding: 3px;
}

td label {
    display: inline-block;
    margin-left: 5px;
}

    td.title {
        font-size: 12pt;
        font-family: Verdana, arial;
    }

.grid {
    border-bottom-color: #1133aa;
    border-width: thin;
    border-color: #1133aa;
    font-size: 9pt;
    font-family: Verdana, arial;
}

.gridHead {
    background-color: #1133aa;
    font-size: 9pt;
    font-family: Verdana, arial;
    font-weight: bold;
    color: White;
}

.gridItem {
    background-color: #ffffff;
    font-size: 9pt;
    font-family: Verdana, arial;
    color: black;
}

a.internal {
    font-size: 9pt;
    font-family: Verdana, arial;
    font-weight: bold;
    color: White;
    TEXT-DECORaTION: none;
}

a.lbsel {
    font-size: 10pt;
    font-family: Verdana, arial;
    font-weight: normal;
    color: #1133aa;
    TEXT-DECORaTION: underline;
}

a.lbselLarge {
    font-size: 12pt;
    font-family: Verdana, arial;
    font-weight: normal;
    color: #1133aa;
    TEXT-DECORaTION: underline;
}

a.hyp1 {
    font-size: 9pt;
    font-family: Verdana, arial;
    font-weight: bold;
    color: White;
    TEXT-DECORaTION: none;
}

.button2 {
    color: black;
    border-style: outset;
    border-width: 3px;
    background-color: #e0e0e0;
    font-size: 10pt;
    font-family: Verdana, arial;
}

*:focus {
    outline: 0;
}

.button, .buttonadmin {
    border: 0px;
    background-color: #cfcfcf;
    font-size: 10pt;
    font-family: Verdana, arial;
    height: 25px;
    margin: 2px;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

    .button:active {
        background-color: #c2c2c2;
    }

.body {
    background-color: #ffffff;
}

.autologue-table {
    background-color: #dfefff;
}

.textbox {
    font-size: 9pt;
    font-family: Verdana, arial;
}

option {
    font-size: 9pt;
    font-family: Verdana, arial;
}

select {
    font-size: 9pt;
    font-family: Verdana, arial;
    border-radius: 5px;
    background-color: whitesmoke;
    padding: 2px;
}

.size9 {
    font-size: 11pt;
    font-family: Verdana, arial;
    color: #1133aa;
}

.sizeSmall {
    font-size: small;
    font-family: Verdana, arial;
}

.sizeMedium {
    font-size: medium;
    font-family: Verdana, arial;
}

.sizeMediumRed {
    font-size: medium;
    font-family: Verdana, arial;
    color: Red;
}

/*Login box styles */
.Loginhead {
    font-size: 15pt;
}

.loginbox {
    box-shadow: 1px 1px 3px 0px black;
    -moz-box-shadow: 1px 1px 3px 0px black;
    -webkit-box-shadow: 1px 1px 3px 0px black;
    width: 25%;
}

    .loginbox tr td {
        text-align: center;
        width: 100% !important;
    }

.logintext {
    /*text-align: left !important;*/
    width: 100%;
}
/* login styles end */

#ValidationSummary1 {
    text-align: left;
}

.SideBarTitle {
    padding: 5px;
    border-bottom-style: solid;
    border-top-style: solid;
    border-bottom-color: black;
    font-weight: bold;
    font-size: 14px;
}

.SideBarSection {
    padding: 5px;
    border-bottom-style: solid;
    border-bottom-color: darkgrey;
    font-size: 14px;
}

.SideBarLink {
    padding: 5px 0px 5px 10px;
}

    .SideBarLink:hover > a {
        opacity: 0.5;
    }

    .SideBarLink a {
        color: #1133aa;
        text-decoration: none;
    }

.SideBarDiv {
    background-color: #ccddff;
    width: 150px;
}

#SettingsTable td {
    padding: 3px 0px 3px 0px;
}

#RequirementsTable {
}

    #RequirementsTable tr:nth-child(even) {
        background: #ffffff;
    }

    #RequirementsTable tr:nth-child(odd) {
        background: #e3ecfe;
    }

    #RequirementsTable tr:first-child {
        color: White;
        background-color: #507CD1;
        font-weight: bold;
        font-size: medium;
    }

    #RequirementsTable td:first-child {
        width: 120px;
        font-weight: bold;
    }

    #RequirementsTable td:last-child {
        width: 80px;
        text-align: center;
    }
