.pageTitleBar {
    padding-left: 10px;
    background-color: #2a6ebb;
}

#mainTitle {
    margin-bottom: 15px;
    text-align: center;
}

#QuestContainer {
    min-width: 680px;
    margin-bottom: 30px;
}

    #QuestContainer .tblResults {
        width: 100%;
        border-spacing: 2px;
    }

    #QuestContainer .verbalstats {
        margin-top: 20px;
    }

    #QuestContainer .tblResults tr td {
        padding: 6px;
        color: #4D4D4D;
    }

    #QuestContainer .tblResults thead tr td {
        color: white;
        background-color: #549CED;
        font-weight: bold;
        border-radius: 10px;
    }

        #QuestContainer .tblResults thead tr td.scaleTitle {
            width: 90%;
            padding: 15px;
        }

    #QuestContainer .tblResults tbody tr:nth-child(odd) {
        background-color: transparent;
    }

    #QuestContainer .tblResults tbody tr:nth-child(even) {
        background-color: #F2F2F2;
    }

    #QuestContainer .tblResults .ratingEditor {
        border: 0;
        width: 100%;
    }

        #QuestContainer .tblResults .ratingEditor td {
            text-align: center;
            width: 30px;
        }

    #QuestContainer .navBar {
        width: 100%;
        border-spacing: 0;
        margin-top: 20px;
    }

        #QuestContainer .navBar tr td {
            padding: 5px;
        }

        #QuestContainer .navBar .navLegend {
            font-weight: bold;
            font-size: 13px;
            width: 90%;
            text-align: center;
        }

    #QuestContainer .showNull {
        text-align: center;
        font-size: 25px;
        min-width: 25px;
    }

.fBoldTextList {
    font-weight: bold;
    font-size: 14px;
    color: #4D4D4D;
    font-family: arial, helvetica, 'Microsoft Sans Serif'
}

.tdHead {
    color: black;
    background-color: #2a6ebb;
}

.tdBody {
    background-color: #d3d3d3
}

.ftdHead {
    font-weight: bold;
    color: white;
}

.fHeadline {
    font-weight: bold;
    font-size: 14px;
    color: #000000;
}

    .fHeadline a:hover {
        FONT-WEIGHT: bold;
        COLOR: darkolivegreen
    }

.ftdItem {
    color: #000000;
}

.fErr {
    font-weight: bold;
    font-size: 14px;
    color: #df7a00;
    font-family: Arial
}

#boxContainer {
    background-image: url(../pics/frame.jpg);
    background-repeat: no-repeat;
    background-color: transparent;
    width: 298px;
    height: 209px;
    padding-left: 30px;
    padding-right: 30px;
    margin-bottom: 20px;
}

#RequiredFields {
    margin-bottom: 10px;
}

#requiredFieldMsg {
    color: red;
}

.TitleColumn {
    text-align: right;
    width: 38%;
}

#messagesBlock {
    font-family: arial,helvetica,sans-serif;
    font-size: 14px;
    text-align: left;
}

.container .ftdBody {
    font-size: 12px;
}
/* ELEMENTS */

.panel {
    margin: 10px 0;
    font-size: 13px;
    text-align: left;
}

    .panel.toplayer {
        background-color: white;
        padding-bottom: 15px;
    }

        .panel.toplayer .tdHead > td {
            border-left: 1px solid white;
            border-right: 1px solid white;
        }

        .panel.toplayer .tdBody > td {
            border: 1px solid white;
        }

.panelTitle {
    background-color: #549CED;
    font-weight: bold;
    color: white;
    padding: 9px;
}

.panelBody {
    padding: 10px;
}

#searchBoxContainer {
    position: absolute;
    top: 100px;
    left: 0;
    margin: 100px 10%;
    z-index: 1001;
    width: 80%
}

    #searchBoxContainer .panelBody {
        background-color: white;
    }

.overlay {
    position: fixed;
    background-color: #777777;
    display: block;
    top: 70px;
    left: 0;
    width: 100%;
    height: 2000px;
    z-index: 1000;
    opacity: 0.7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
}

.panelActions {
    margin-top: 20px;
}

/*floating bar*/
#floatingHelp {
    border: 1px solid #D8D8D8;
    -moz-box-shadow: 6px 6px 2px 3px #D8D8D8;
    -webkit-box-shadow: 6px 6px 2px 3px #D8D8D8;
    box-shadow: 6px 6px 2px 3px #D8D8D8;
    float: right;
    text-align: left;
    max-width: 250px;
}

#floatingHelpToolbar {
    border-bottom: 1px solid #D8D8D8;
    border-left: 1px solid #D8D8D8;
    cursor: pointer;
    float: right;
    font-family: monospace;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 10px;
    text-align: right;
}

#floatingHelpText {
    padding: 10px;
    font-weight: bold;
    font-size: 13px;
    color: #4D4D4D;
}
/*Rating legend*/
#ratingScale {
    min-width: 180px;
}

    #ratingScale > div {
        float: left;
    }

#outBox {
    color: #FFFFFF;
    float: left;
    height: 40px;
    padding: 2px 0;
    text-align: center;
}

    #outBox > div {
        float: left;
        margin: 0 2px;
        width: 32px;
    }

.outBoxBtn {
    background-color: #FFFFFF;
}

#candHub .imgCol div.status {
    background-position: center center;
    width: 100%;
}

#candHub .legend {
    text-align: center;
    padding: 15px 0;
    margin-top: 70px;
    border-top: 1px solid #e6e6e6;
}

#candHub div.status {
    height: 22px;
    line-height: 22px;
    vertical-align: middle;
    white-space: nowrap;
    background-repeat: no-repeat;
    background-position: left center;
    display: inline-block;
}

#candHub .legend div.status {
    margin-left: 30px;
    padding-left: 33px;
    margin-right: 10px;
}

    #candHub .legend div.status:nth-child(1) {
        margin-left: 0;
    }

#candHub div.statusPending {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABHNCSVQICAgIfAhkiAAAAn5JREFUSImtlstqFEEUhr+6dFXPTCZmJhIIKioKusnGlW5cigsfQgI+lSB5CEHJ0o1xJ7gRUaOIEpCocXCmb1Xloqcnk5meS6Jn05c6db7+T1Wd04IlbGd3L+RZtowrAEpHbN+/I+b5zB2sgEpHS0Mrc0UOwKMHd2sZM8GPn74IAJExmLiB9/5U4CJL8T7girwWXgve2d0L3gekFJi4gVIaAKnk0uA8y8iSAdUSTcL1rEmV0sgYPn0Z8HG/vzR0/bxh60YLEzcA8D5M+UwpHlfbaLV5t5+Q9RSXOm3CMN2pr18hKwMtI/mRBI444ub1JnmWkfT7SCl4eO/2aOJU7qrUmLiBVJIPn3tc7HZIioCQY+4yOr4O76vxKxtdjn762rgzwbPMRhFJMZYyn1MESeEc+BwryzFhV7Hx4ni1awyc2MUiFCN46iDWRZn2oY+VZTZWV1ZpGoVq/ANYjqU18Rqryg+wSkMo0xpLCEKz2WljY8gUJH0QGQgdpgScWrFVkLrS3SpoDmdFxrK21uTC1fL54AB+D0r//6K4gsdalJssMmgh+DVwFMKRflV0u0AMbbcYOhc8K0VrDUUhLAWw0izf9b470p7CtqHZgtiCtWcETyqOtUBrQRFCbb1zqSOlzPF6ez50Lth7j3el6pV4+BFy9jlxARjC/3QXg6fOcVVTiywF4NZWh7ffDtFCgE/mBnPDY/7q9SHn2hrv/ChOZMwJ31rFrsiRxpDnGZsbMZDx7M37xTKGdu1ye1Quq3jbE01iblusGoVS+lSdCY67U1X3x+v0XPA4HBh1GijXX0o52vnj95WdqR+P25PnL4Mr8tFfiJSits1NWjVn1i/QX16XGbD0VDRuAAAAAElFTkSuQmCC') /*../pics/all/hub1.png*/;
}

#candHub div.statusInProgress {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABHNCSVQICAgIfAhkiAAAAjZJREFUSIm9lbFr21AQhz+Vuoo0pLSDQryELhlKwQkvEMiUECiYDF0KHrNJY7t26Zq/IIO9GApeSggUSoaWrsYGq3OWgjXEYA9tvEQyN1yHVmqcKrGStPmB4HHo6bvf3T09OKeeb7TnG+UOdC9dqKJysoicLFIULiKaPjcGn9cHZ68wvNVq0Ww2uW4C99OFZWGpftS3rz/x4ukbjG/oga41Qitvo4hoq9ViNBrheR7NZjOLp++USqXcvVPgP/Dn2ggMNEJM/Wo4gOd5GTytAIDjOFkSeQnkflAVbQQGY8D4hjAIOQ8XET08PJzaE0URAEtLS1nMtm0AdnZ2/oLn9tiysPx6SBhCmDq/0HPbtrFtmyiKsG2b5eXlqXgKdV03D5Hv+Crnlf0O7XabyWSSgbrdLuvr6wBMJhOOj49JkoSVlRW2traKl3oWvP1slyRJ2NzcxHEcAOI4ptPpUKlUcByHOI4B2NjYuBn4Mrj76h0PfpezVCohIhwdHZEkCdVqlTiOWV1dvXSyC4Gvcr67+8s9QJIkiAhxHM8EF5aIqCpa94326kZVfe35RofDoYqIjsdjHQ6HGkWRRlE082dSKBsR0cFgwNzcHJ63QCMwPNleA+Dxlx7fX+7R7/ep1Wqcnp5SLpdnOr02GMDzFvj8PuDg4Af+o29U9jsAnJ2dZcfnn4BTjcfjrHzz8w8BCAPD17UAgFqthuu6hfp67cYXuQj+C3gWvOgU32rU8xK4E/BF+K3P7F3oJ2zcPM0M4soIAAAAAElFTkSuQmCC') /*../pics/all/hub2.png*/;
}

#candHub div.statusCompleted {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUBAMAAABohZD3AAAAD1BMVEUAAAAAMzMA/wBmmTPM/8wibxfpAAAAAXRSTlMAQObYZgAAAFFJREFUeF59j8EJwDAMA+MNIvACdSfQCt5/qNI+ZNRH9DtOMngdEts5L9dN1/d27ZzFszaOVh3Aq4syBfTUs75Q0xTPwq6jpXXCOH6/rIDh5AF79gnYkGoNqgAAAABJRU5ErkJggg==') /*../pics/all/hub3.png*/;
}

#candHub div.statusLocked {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAUCAYAAACaq43EAAAABHNCSVQICAgIfAhkiAAAAjRJREFUSIm1lj1PFFEUhp87d4ZdPgICEUkIjR1WGyaWlv4AEgsTK5uhoTKxs1L+ARYuFiaWFlLQmJAYEkozK5IYyEoEkzWsu8KKfKzDOHMsBmQXNTOXyEmmmTNznnvec/PeqzhHFD1XAHz/9N2s76vz1DKCxhUte4tathe0fJ63pLaixHOTxVwYVOq2HLzskL3FU3h5xpbdtQuCt0Ljipai5/5+dteUlGdso85tI3pNEQ9EPH1YYHL2dKa+78r0o7eEH6zMpbJ/CUgejsK/57SjOIiyK20EVr3/LtzhmFQylXowAfs+nJ1l96gFtciMnhZFzxWJtUjcJeUZW1aeW1J+Ycn2gpa4opPce8dog6VKXfRc8Z4sAzkIhG/fYX/Dolu3+kUOxhKt1+c0089KfyhyNsykXo1oBjB2K2Lu8TiQyF58c7wwIIygupxuYtk2VyPp5nATLo1KGxRg8noBCIx6yAb+FEMj5kdTCGqKialSW7q1474eGOz/T+B69Sc7ryIcC0aGYHNeMzFVwnVboKsh3fnjH47Spc404+pX2N8QwijpaGigPS8bIeuvha06RJFgHaQbSaaOhwuCbYOjYWdXCHqFB3fH8f1kvlvLMZWq4GjIdyiGC+ngTGdo0XPl9r0SXxY0h80EPnINlJMAKu8UA32Krk64cjPi/p3x1PM58+F9At9f0tQbiWc3A+jMJXZ5uR96bmSDGoFb4cFHRdjijo6G3FXJDDUGn8Ch/dpzEibXn18n6h6a2g0ZiAAAAABJRU5ErkJggg==') /*../pics/all/hub4.png*/;
}

#candHub .icon {
    font-size: 20px;
}

#candHub .hubTitle {
    background-color: #01ADEF;
    color: #FFF;
    padding: 10px;
    font-weight: bold;
    text-align: center;
}

#candHub .tasks {
    margin-bottom: 40px;
}

    #candHub .tasks tr {
        background-color: white;
    }

        #candHub .tasks tr:hover {
            background-color: #f5f5f5;
        }

        #candHub .tasks tr td {
            padding: 6px;
            color: #4D4D4D;
            border-bottom: 1px solid #F0F0F0;
        }

            #candHub .tasks tr td.imgCol {
                width: 50px;
                text-align: center;
            }

#candHub table {
    width: 100%
}

#candHub .candIntro {
    margin-bottom: 10px;
}

    #candHub .candIntro .candWelcome {
        font-size: 18px;
        margin-bottom: 40px;
        font-weight: bold;
    }

    #candHub .candIntro .candLastLogin {
        text-align: left;
        margin-bottom: 30px;
    }