.txtBox {
    border: solid 0.1em Gray;
    color: #000000;
    font: normal normal normal 12px Arial;
    font-family: Arial;
    width: 98%;
    height: 17px;
}

.LogintxtBox {
    border: solid 0.1em Gray;
    background-color: Transparent;
    font: normal normal normal 12px Arial;
    font-family: Arial;
    width: 70%;
    height: 17px;
}

.textbox {
    border: solid 0.1em Gray;
    color: #000000;
    font: normal normal normal 12px Arial;
    font-family: Arial;
    width: 99%;
    height: 17px;
}

.taR {
    text-align: right;
}

.taL {
    text-align: left;
}

.taC {
    text-align: center;
}

/*Padding*/

.pLeft5 {
    padding-left: 5px;
}

.pLeft10 {
    padding-left: 10px;
}

.pLeft15 {
    padding-left: 15px;
}

.pLeft20 {
    padding-left: 40px;
}

.pLeft25 {
    padding-left: 25px;
}

.pLeft30 {
    padding-left: 30px;
}

.pLeft35 {
    padding-left: 35px;
}

.pLeft40 {
    padding-left: 40px;
}

.pLeft45 {
    padding-left: 45px;
}

.pLeft50 {
    padding-left: 50px;
}

.pLeft55 {
    padding-left: 55px;
}

.pLeft60 {
    padding-left: 60px;
}

.pLeft65 {
    padding-left: 65px;
}

.pLeft70 {
    padding-left: 70px;
}

.pLeft75 {
    padding-left: 75px;
}

.pBot5 {
    padding-bottom: 5px;
}

.pBot10 {
    padding-bottom: 10px;
}

.pBot15 {
    padding-bottom: 15px;
}

.pBot20 {
    padding-bottom: 20px;
}

.pTop5 {
    padding-top: 5px;
}

.pTop15 {
    padding-top: 15px;
}

.pTop20 {
    padding-top: 20px;
}

.pRight5 {
    padding-right: 5px;
}

.pRight10 {
    padding-right: 10px;
}

.pRight15 {
    padding-right: 15px;
}

.pRight20 {
    padding-right: 15px;
}

.pRight25 {
    padding-right: 25px;
}

.pRight30 {
    padding-right: 30px;
}

.pRight35 {
    padding-right: 35px;
}

.pRight45 {
    padding-right: 45px;
}

.pRight55 {
    padding-right: 55px;
}

.pRight60 {
    padding-right: 58px;
}

.pRight65 {
    padding-right: 65px;
}

.pRight75 {
    padding-right: 75px;
}

.pRight85 {
    padding-right: 85px;
}

.pRight95 {
    padding-right: 95px;
}

.pRight105 {
    padding-right: 105px;
}

.dropdownlist {
    color: #000000;
    font: normal normal normal 12px Arial;
    width: 95%;
}

.Loginbutton {
    background-color: Transparent;
    background-repeat: repeat-x;
    font: bold 12px Arial;
    width: 30px;
    padding-left: 0px;
    padding-top: 5px;
    padding-right: 40px;
    margin-left: 0px;
    color: #4ebdff;
    border: 0px;
    text-align: center;
    cursor: pointer;
}

    .Loginbutton:hover {
        /*background-color: Transparent;	 	background-repeat: repeat-x; 	font: bold 12px Arial; 	width: 30px; 	padding-left: 2px; 	padding-right: 1px;	 	margin-left: 0px;*/
        color: Highlight;
        border: 0px;
        text-align: center;
        cursor: pointer;
    }

.button {
    background-color: #E6E6E6;
    background-image: url('../Images/ButtonBG.gif');
    background-repeat: repeat-x;
    border: solid 1px black;
    color: Black;
    font: 12px Arial;
    width: 90px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
}

    .button:hover {
        background-color: #E6E6E6;
        background-image: url('../Images/ButtonBG_hover.gif');
        background-repeat: repeat-x;
        border: solid 1px black;
        color: Black;
        font: 12px Arial;
        width: 90px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.button1 {
    /*background-color: #C0CBCC; */
    background-image: url('../Images/ButtonBG.gif');
    background-repeat: repeat-x;
    border: solid 1px black;
    color: Black;
    font: normal 12px Arial;
    width: 90px;
    padding-left: 2px;
    padding-right: 2px;
}

.lblText {
    color: #333;
    vertical-align: top;
    font: bold 13px Arial, Helvetica, sans-serif;
}

.lblAssessText {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #333;
    vertical-align: middle;
}

.lblGreenText {
    color: #333;
    vertical-align: top;
    color: Green;
    font-size: small;
    font: bold 13px Arial, Helvetica, sans-serif;
}

.lblGreenSurveyText {
    color: #333;
    vertical-align: top;
    color: Green;
    font: bold 13px Arial, Helvetica, sans-serif;
}

.lblSurveyHeader {
    color: #333;
    vertical-align: top;
    color: Red;
    font-size: 90px;
    font: bold 13px Arial, Helvetica, sans-serif;
}

.lblLogin {
    font: bold 13px Arial, Helvetica, sans-serif;
}

.buttonNext {
    background-color: #FFFFFF;
    background-image: url('../images/Next_nor.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 80px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonNext:hover {
        background-color: #FFFFFF;
        background-image: url('../Images/Next_over.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        color: Black;
        font: 12px Arial;
        width: 80px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonView {
    background-color: #FFFFFF;
    background-image: url('../images/ViewResult_nor.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 125px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonView:hover {
        background-color: #FFFFFF;
        background-image: url('../images/ViewResult_over.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        font: 12px Arial;
        width: 125px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonCerf {
    background-color: #FFFFFF;
    background-image: url('../images/ViewCertifi_nor.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    font: 12px Arial;
    width: 160px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonCerf:hover {
        background-color: #FFFFFF;
        background-image: url('../images/ViewCertifi_over.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        color: Black;
        font: 12px Arial;
        width: 160px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonSaves {
    background-color: #FFFFFF;
    background-image: url('../images/Submit_n.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 75px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonSaves:hover {
        background-color: #FFFFFF;
        background-image: url('../Images/Submit_ov.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        color: Black;
        font: 12px Arial;
        width: 75px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonCancels {
    background-color: #FFFFFF;
    background-image: url('../images/Cancel_nor.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 80px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonCancels:hover {
        background-color: #FFFFFF;
        background-image: url('../Images/Cancel_over.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        color: Black;
        font: 12px Arial;
        width: 80px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonTryagain {
    background-color: #FFFFFF;
    background-image: url('../images/Try_n.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 115px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonTryagain:hover {
        background-color: #FFFFFF;
        background-image: url('../Images/Try_ov.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        color: Black;
        font: 12px Arial;
        width: 115px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonSaves1 {
    background-color: #FFFFFF;
    background-image: url('../images/Save_nor.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 80px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonSaves1:hover {
        background-color: #FFFFFF;
        background-image: url('../Images/Save_over.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        color: Black;
        font: 12px Arial;
        width: 80px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonViewCourses {
    background-color: #FFFFFF;
    background-image: url('../images/ViewCourses_n.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 140px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonViewCourses:hover {
        background-color: #FFFFFF;
        background-image: url('../images/ViewCourses_ov.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        font: 12px Arial;
        width: 140px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.buttonBacktoHome {
    background-color: #FFFFFF;
    background-image: url('../images/Back2home_n.jpg');
    background-repeat: no-repeat;
    border: solid 0px White;
    color: Black;
    font: 12px Arial;
    width: 155px;
    padding-left: 2px;
    padding-right: 2px;
    margin-left: 0px;
    height: 30px;
}

    .buttonBacktoHome:hover {
        background-color: #FFFFFF;
        background-image: url('../images/Back2home_ov.jpg');
        background-repeat: no-repeat;
        border: solid 0px White;
        font: 12px Arial;
        width: 155px;
        padding-left: 2px;
        padding-right: 2px;
        margin-left: 0px;
    }

.CheckboxList {
    font: bold 13px Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 9px 0px 0px 0px;
    padding-left: 1px;
}

    .CheckboxList tbody tr td {
        vertical-align: bottom;
    }

    .CheckboxList input {
        float: left;
        clear: both;
        font: bold 13px Arial, Helvetica, sans-serif;
        cursor: pointer;
    }

    .CheckboxList label {
        padding: 0px 10px !important;
        width: 745px !important;
        text-align: left !important;
        cursor: pointer;
    }
/* Tab CSS */

.tabButton {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Nor_Center.gif');
    background-repeat: repeat-x;
    cursor: pointer;
    border: 0px;
    font: normal 12px Arial;
    padding: 0 0 0 0;
}

    .tabButton:hover {
        /*background-color: #C0CBCC; */
        background-image: url('../images/Tab/Tab_Nor_Center.gif');
        background-repeat: repeat-x;
        cursor: pointer;
        border: 0px;
        font: normal 12px Arial;
        padding: 0 0 0 0;
    }

.tabFirstButton {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_First.gif');
    background-repeat: no-repeat;
    border: 0px;
    font: normal 10px Arial;
    padding: 0 !important;
    /*margin: 0 !important;*/
    margin: 0 0 0 0;
    padding: 0 0 0 0;
}

.tabMiddleButton {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Middle.gif');
    background-repeat: no-repeat;
    border: 0px;
    font: normal 10px Arial;
    padding: 0 0 0 0;
}

.tabLastButton {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Last.gif');
    background-repeat: no-repeat;
    border: 0px;
    font: normal 10px Arial;
    padding: 0 0 0 0;
}
/* Selected tab */

.tabSelectedButton {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Over_Center.gif');
    background-repeat: repeat-x;
    cursor: pointer;
    border: 0px;
    font: normal 12px Arial;
    padding: 0 0 0 0;
}

    .tabSelectedButton:hover {
        /*background-color: #C0CBCC; */
        background-image: url('../images/Tab/Tab_Over_Center.gif');
        background-repeat: repeat-x;
        cursor: pointer;
        border: 0px;
        font: normal 12px Arial;
        padding: 0 0 0 0;
    }

.tabSelectedFirstButton {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Selected_First.gif');
    background-repeat: no-repeat;
    border: 0px;
    font: normal 10px Arial;
    padding: 0 0 0 0;
}

.tabSelectedMiddle1Button {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Middle1.gif');
    background-repeat: no-repeat;
    border: 0px;
    font: normal 10px Arial;
    padding: 0 0 0 0;
}

.tabSelectedMiddle2Button {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Middle2.gif');
    background-repeat: no-repeat;
    border: 0px;
    font: normal 10px Arial;
    padding: 0 0 0 0;
}

.tabSelectedLastButton {
    /*background-color: #C0CBCC; */
    background-image: url('../images/Tab/Tab_Selected_Last.gif');
    background-repeat: no-repeat;
    border: 0px;
    font: normal 10px Arial;
    padding: 0 0 0 0;
}

.overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: dark-grey;
    z-index: 10;
}

.modal {
    /*width: 305px;*/
    /*height: 20px;*/
    /*line-height: 20px;*/
    /*position: fixed;*/
    /*top: 50%;
    left: 50%;*/
    margin-top: 20px;
    margin-left: 80px;
    background-color: yellow;
    border-radius: 5px;
    text-align: center;
    z-index: 0; /* 1px higher than the overlay layer */
}