body {
    margin: 0;
}

#top_bar {
    background-image: url('../images/top_bar_bg.gif');
    background-repeat: repeat-x;
    height: 61px;
}

#topbar_container_left {
}

#topbar_container_right {
}

#main_container {
    /* border:1px solid #ff0000; */
    width: 900px;
    min-height: 400px;
    margin: 0 auto;
}

#nav_container {
    margin-top: -15px;
    float: right;
    font-family: helvetica, verdana;
    font-size: 11px;
    color: #fff;
}

a.nl:active, a.nl:visited, a.nl:link {
    text-decoration: none;
    font-style: italic;
    color: #fff;
    margin: 10px;
}

a.nl:hover {
    font-style: italic;
    text-decoration: underline;
    color: #000;
}

#footer {
    /*border:1px solid #ff0000;*/
    width: 900px;
    height: 20px;
    margin: 0 auto;
    text-align: center;
}

#footer_links {
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: normal;
}

    #footer_links a:active, a:visited, a:link {
        color: #fe8a34;
        text-decoration: none;
    }

    #footer_links a:hover {
        color: #fe8a34;
        text-decoration: underline;
    }

#title {
    width: 100%;
    height: 34px;
    margin: 40px 0 0 0;
    padding: 0;
}

#title_short {
    height: 34px;
    margin: 40px 0 0 0;
    padding: 0;
}

#title_no_margin {
    width: 100%;
    height: 20px;
    margin: 0;
    padding: 0;
}

hr.divider {
    width: 100%;
    height: 1px;
    color: #f9f9f9;
    background-color: #f9f9f9;
    margin: 0 0 10px 0;
    padding: 0px;
}

hr.divider_ff {
    width: 100%;
    height: 1px;
    color: #f9f9f9;
    background-color: #f9f9f9;
    margin: 10px 0 10px 0;
    padding: 0px;
}

hr.divider_footer {
    width: 100%;
    height: 1px;
    color: #f9f9f9;
    background-color: #f9f9f9;
    margin: 10px 0 4px 0;
    padding: 0px;
}

.clear {
    clear: both;
}

.email_noedit {
    margin: 10px;
    height: 24px;
    padding: 4px;
    line-height: 24px;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: normal;
}

.input300 {
    width: 300px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #7d7c7c;
    margin: 10px;
    height: 24px;
    padding: 4px;
    line-height: 24px;
}

.input300_300_whtBg {
    width: 300px;
    height: 150px;
    background-color: #ffffff;
    border: 1px solid #7d7c7c;
    margin: 10px;
    padding: 4px;
    line-height: 24px;
}

.input300_whtBg {
    width: 300px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #7d7c7c;
    margin: 10px;
    height: 24px;
    padding: 4px;
    line-height: 24px;
}

.textBox300 {
    width: 300px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px;
    height: 100px;
    padding: 4px;
    line-height: 24px;
}

.input140_clipped {
    width: 140px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
}

.input300_noLeftPad {
    width: 300px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px 10px 10px 0;
    height: 24px;
    padding: 4px 4px 4px 0;
    line-height: 24px;
}

.input300_noLeftPad_whiteBg {
    width: 300px;
    height: 20px;
    background-color: #ffffff;
    border: 1px solid #c9c9c9;
    margin: 10px 10px 10px 0;
    height: 24px;
    padding: 4px 4px 4px 0;
    line-height: 24px;
}

.field_title {
    margin: 0 0 0 10px;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: italic;
    color: #504f4f;
}

.field_title_top_margin {
    margin: 16px 0 0 0;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: normal;
    color: #504f4f;
}

.field_holder {
}

.general_txt_dropdown {
    margin: 10px;
    width: 310px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    height: 24px;
    padding: 4px;
    line-height: 24px;
}

.general_txt {
    margin: 10px 0 0 10px;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: normal;
    color: #504f4f;
}

    .general_txt a:active, a:visited, a:link {
        color: #fe8a34;
        text-decoration: none;
    }

    .general_txt a:hover {
        color: #fe8a34;
        text-decoration: underline;
    }

.general_txt_no_margin {
    margin: 0 0 0 0;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: normal;
    color: #504f4f;
}

    .general_txt_no_margin a:active, a:visited, a:link {
        color: #fe8a34;
        text-decoration: none;
    }

    .general_txt_no_margin a:hover {
        color: #fe8a34;
        text-decoration: underline;
    }

#topbar_container {
    height: 61px;
    margin: 0 auto;
}

#logo_container {
    background-image: url('../images/logos/tp_tms.gif');
    background-repeat: no-repeat;
    height: 61px;
    width: 200px;
    float: left;
}

#tpLogo {
    background-image: url('../images/logos/tp_logo.gif');
    background-repeat: no-repeat;
    height: 60px;
    width: 131px;
    float: right;
    margin: 30px 0 0 0;
}

/*
#logo_container{
	background-image:url('../images/logos/jjfox.gif');
	background-repeat:no-repeat;
 	height:61px;
 	width:200px;
 	float:left;
}

#logo_container{
	background-image:url('../images/logos/br_tms.gif');
	background-repeat:no-repeat;
 	height:61px;
 	width:200px;
 	float:left;
}

#tpLogo
{
	background-image:url('../images/logos/br_logo.gif');
	background-repeat:no-repeat;
 	height:60px;
 	width:131px;
 	float:right;
 	margin:30px 0 0 0;
}

*/

.action_warn {
    font-family: helvetica, verdana, sans-serif;
    background-color: #d2e7fb;
    border: 1px solid #90c7fb;
    padding: 6px;
    margin: 4px;
    color: #0759a5;
    font-size: 12px;
}

.action_error {
    background-color: #ffe0e0;
    border: 1px solid #e71b00;
    padding: 4px;
    color: #e71b00;
}

.action_error li {
    margin-top:6px;
}


.errorHead {
    padding: 0;
    margin: 2px 0 0 4px;
    color: #e71b00;
    font-size: 13px;
}

.errorInput300 {
    background-color: #ffe0e0;
    border: 1px solid #e71b00;
    width: 300px;
    height: 20px;
    margin: 10px;
}

.modalBackground {
    background-color: white;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalMessage {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 300px;
    height: 100px;
    font-family: verdana, helvetica, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelChristmas {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 400px;
    height: 325px;
    font-family: verdana, helvetica, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelWarnApprove {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 300px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelWarnSubmit {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 300px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelWarnSave {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 300px;
    height: 180px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelWarnDecline {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 300px;
    height: 280px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelWarnRateTerms {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 300px;
    height: 300px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelWarnUnlock {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 300px;
    height: 300px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelError {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 410px;
    height: 240px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelTerms {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 560px;
    height: 380px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.modalMessage_panelTerms2 {
    border: 1px solid #5b5b5b;
    background-color: #ffffff;
    color: #000000;
    width: 450px;
    height: 300px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 4px;
}

.unlockCommentsTextBox {
    width: 270px;
    height: 140px;
}

p.margined {
    margin: 10px;
}

.newMargined {
    margin: 10px;
}

ul.newLogin li {
    margin: 10px 0 10px 0;
}

.hideMe {
    position: absolute;
    top: -3000000px;
}

.rateTermsContainer {
    width: 280px;
    height: 100px;
}

/*------ page styles -------*/

/*------ login page --------*/

#lostPassword {
    width: 400px;
    height: 200px;
    border: 1px solid #ff0000;
}

.lostPwdInstruct {
    margin-top: 20px;
}

.lostPwdEmail {
    width: 200px;
}

.lostPwdButton {
    margin-top: 4px;
}

.info_box {
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 0 0 6px 4px;
    padding: 0;
    height: 400px;
    display: block;
}

.labelInfo {
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    margin: 0 0 6px 8px;
    padding: 0;
    /*border:1px solid #ff0000;*/
    height: 14px;
    display: block;
}

.login_title {
    background-image: url('../images/titles/ti_login.gif');
    background-repeat: no-repeat;
    margin: 0px;
    width: 200px;
    float: left;

}

#left_half {
    width: 400px;
    float: left;
}

#right_half {
    width: 400px;
    float: left;
}

#left_half_dashboard {
    width: 550px;
    float: left;
}

#right_half_dashboard {
    width: 250px;
    float: left;
}

.info_container {
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
}

.info_title {
    background-image: url('../images/titles/ti_information.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.msg_center_widget_title {
    background-image: url('../images/titles/ti_message_center_widget.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.msg_list_title {
    background-image: url('../images/titles/ti_message_list.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.terms_title {
    background-image: url('../images/titles/ti_terms.gif');
    background-repeat: no-repeat;
    width: 203px;
    margin: 0px;
    float: left;
}

.msgblock_even {
    background-color: #f9f9f9;
    width: 250px;
    /*height:40px;*/
}

.msgblock_odd {
    background-color: #fff;
    width: 250px;
    /*height:40px;*/
}

.msgblock_divider {
    background-color: #fff;
    width: 250px;
    height: 10px;
}

.msgblock_content_even {
    padding: 15px 10px 15px 10px;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-weight: bold;
    font-style: normal;
    color: #fda314;
}

a.link_even:link, a.link_even:active, a.link_even:visited {
    color: #fda314;
    text-decoration: none;
}

.no_msgs {
    color: #fda314;
    margin: 0 0 4px 0;
}

.msgblock_no_msgs {
    background-color: #fff;
    width: 250px;
}

a.link_even:hover {
    color: #fda314;
    text-decoration: underline;
}

.msgblock_content_odd {
    padding: 15px 10px 15px 10px;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: normal;
    font-weight: bold;
    color: #504f4f;
}

a.link_odd:link, a.link_odd:active, a.link_odd:visited {
    color: #504f4f;
    text-decoration: none;
}

a.link_odd:hover {
    color: #504f4f;
    text-decoration: underline;
}

.optionblock {
    background-color: #f9f9f9;
    width: 520px;
    height: 100px;
}

.optionLinkH:active, .optionLinkH:hover, .optionLinkH:visited {
    font-family: helvetica, verdana;
    font-size: 18px;
    font-style: normal;
    font-weight: bold;
    color: #504f4f;
    text-decoration: none;
}

.optionblock_mini {
    background-color: #f9f9f9;
    width: 520px;
    height: 140px;
}

.optionblock_mini_container {
    padding: 20px;
    width: 480px;
    font-family: helvetica, verdana;
    font-size: 12px;
    font-style: normal;
    line-height: 20px;
}

.optionblock_mini h2 {
    font-family: helvetica, verdana;
    font-size: 14px;
    font-style: normal;
    font-weight: bold;
    color: #504f4f;
    margin: 0;
}

.optionblock_divider {
    background-color: #fff;
    width: 520px;
    height: 10px;
}

.icon_holder {
    float: left;
}

.icon_text_holder {
    float: left;
    color: #504f4f;
}

    .icon_text_holder h2 {
        font-family: helvetica, verdana, sans-serif;
        font-weight: bold;
        font-size: 14px;
        margin: 16px 0 0 0;
        padding: 0px;
    }

    .icon_text_holder p {
        font-family: helvetica, verdana, sans-serif;
        font-weight: bold;
        font-size: 12px;
        /*margin:-10px;*/
    }

.icon {
    margin: 20px;
}

.icon_header {
}

/*--------------- service page -------*/

.service_title {
    background-image: url('../images/titles/ti_service_title.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.serviceTopLeft {
    float: left;
    width: 560px;
}

.serviceTopRight {
    float: left;
    width: 220px;
}

.serviceTopLeft_2 {
    float: left;
    width: 576px;
}

.serviceTopRight_2 {
    float: left;
    width: 204px;
}

.serviceInfo {
    font-weight: bold;
    font-size: 12px;
}

.serviceInfoTitle {
    font-weight: bold;
    font-size: 28px;
    color: #80c556;
    margin-left: 20px;
}

.serviceInfoBox {
    background-color: #efefef;
    margin: 20px;
    padding: 20px;
}

.serviceFailure {
    background-color: #ebdbdb;
    border: 1px solid #ac2424;
    background-image: url('../images/sugs/cross_100.gif');
    background-repeat: no-repeat;
    min-height: 96px;
}

.serviceSuccess {
    background-color: #dcebdb;
    border: 1px solid #57ac24;
    background-image: url('../images/sugs/tick_100.gif');
    background-repeat: no-repeat;
    min-height: 96px;
}

.serviceSuccessFieldTitleSuccess {
    color: Green;
    margin: 26px 0 0 106px;
    font-weight: bold;
    font-size: 28px;
    font-family: Helvetica, Verdana, Sana-Serif;
}

.serviceSuccessFieldTitleFailure {
    color: red;
    margin: 26px 0 0 106px;
    font-weight: bold;
    font-size: 28px;
    font-family: Helvetica, Verdana, Sana-Serif;
}

/*--------------- acccount support page -------*/

.support_title {
    background-image: url('../images/titles/ti_add_password.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.inputTxtBox {
    width: 300px;
    height: 100px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px;
    padding: 4px;
    line-height: 24px;
}

/*------ client dashboard page --------*/

.login_title {
    background-image: url('../images/titles/ti_login.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.add_password_title {
    background-image: url('../images/titles/ti_add_password.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.message_viewer_title {
    background-image: url('../images/titles/ti_message_viewer.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 200px;
}

.msgList_paging {
    font-family: helvetica, Verdana, Sans-Serif;
    font-size: 12px;
}

.dashboard_title {
    background-image: url('../images/titles/ti_dashboard.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 120px;
}

.welcome_title {
    background-image: url('../images/titles/ti_welcome.gif');
    background-repeat: no-repeat;
    margin: 0px;
    float: right;
    width: 70px;
}

.welcome_user_name {
    padding: 54px 0 0 0;
    margin: 0;
    float: right;
    font-family: helvetica, verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.alert {
    margin-top: 2px;
    display: block;
    color: #fb4b4b;
    font-family: helvetica, verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.alert_link:link, .alert_link:visited, .alert_link:active {
    color: #fb4b4b;
    text-decoration: none;
}

.alert .alert_link:hover {
    color: #fb4b4b;
    text-decoration: underline;
}

.dashboard_main_option:link, .dashboard_main_option:active, .dashboard_main_option:visited {
    color: #504f4f;
    font-family: helvetica, verdana, sans-serif;
    font-weight: bold;
    font-size: 12px;
}

.dashboard_main_option:hover {
    color: #504f4f;
    text-decoration: underline;
}

/*------ admin add client page --------*/

.add_client_title {
    background-image: url('../images/titles/ti_add_client.gif');
    background-repeat: no-repeat;
    margin: 0px;
}

.btn {
    float: right;
    margin-right: 86px;
}

/*---- message system pages --------*/

.input300_m {
    width: 300px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px;
    height: 24px;
    padding: 4px;
    line-height: 24px;
}

.input400_m {
    width: 400px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px 10px 10px 0;
    height: 24px;
    padding: 4px;
    line-height: 24px;
}

.input400_mr {
    width: 400px;
    height: 20px;
    background-color: #e5d8d9;
    border: 1px solid #e5d8d9;
    margin: 10px 10px 10px 0;
    height: 24px;
    padding: 4px;
    line-height: 24px;
}

.input400_ml {
    width: 400px;
    height: 20px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px 10px 10px 0;
    height: 24px;
    padding: 4px;
    line-height: 24px;
}

.textBox400_m {
    width: 400px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px 10px 10px 0;
    height: 100px;
    padding: 4px;
    line-height: 24px;
}

.textBox400_mb {
    width: 400px;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    margin: 10px 10px 10px 0;
    height: 200px;
    padding: 4px;
    line-height: 24px;
}

#sendMsgBtnContainer {
    width: 410px;
    text-align: right;
    margin-bottom: 20px;
}

#msgContainer {
    /*border:1px solid #ff0000;*/
}

.sendMsgBox {
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
}

#msgDate {
    background-color: #f9f9f9;
    margin: 4px 0 6px 0;
    padding: 4px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    height: 20px;
}

#msgTitle {
    background-color: #f9f9f9;
    margin: 6px 0 6px 0;
    padding: 4px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
    font-size: 12px;
    height: 20px;
}

#msgContent {
    background-color: #f9f9f9;
    margin: 6px 0 6px 0;
    padding: 4px;
    font-family: helvetica, verdana, sans-serif;
    font-size: 12px;
    min-height: 300px;
}

#msgSender {
    background-color: #f9f9f9;
    margin: 6px 0 6px 0;
    padding: 4px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
    font-size: 12px;
    height: 20px;
}

.msgNavItem {
    margin: 6px;
    padding: 4px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
    font-size: 12px;
}

#msgNav {
    margin: 6px;
    padding: 4px;
}

.msgListEven {
    background-color: #f9f9f9;
    color: #fda314;
    height: 26px;
    padding: 4px;
    margin: 0;
}

.msgListOdd {
    background-color: #ffffff;
    color: #b7b0b1;
    height: 26px;
    padding: 4px;
    margin: 0;
}

.msgListLogo {
    float: right;
    width: 16px;
    height: 16px;
    margin: 6px;
}

.msgListTitle {
    float: left;
    margin: 4px;
    font-family: helvetica, Verdana, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
}

.message_send_title {
    background-image: url('../images/titles/ti_send_message.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 200px;
}

/*------ contractor profile ------*/

.profile_title {
    background-image: url('../images/titles/ti_profile.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 121px;
}

.wholeWidth {
    width: 100%;
    margin: 4px;
}

/*------ terms page(s) ------*/

.btnAcceptTerms {
    margin: 10px 0 0 8px;
}

.blockElement {
    display: block;
    font-family: helvetica, Arial, Sans-Serif;
    font-size: 12px;
}

#siteUsage {
    margin-left: 10px;
    /* border:1px solid #ff0000; */
    width: 500px;
}

.siteUsageTerms {
    margin-left: 10px;
    padding: 10px;
    border: 1px solid #898989;
    width: 500px;
    height: 200px;
    overflow: scroll;
    display: block;
    font-family: helvetica, Verdana, Sans-Serif;
    font-size: 12px;
}

.contractUsageTerms {
    margin-left: 10px;
    /* border:1px solid #ff0000; */
    width: 500px;
    height: 200px;
}

.contractUsageAgreement {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 10px;
    display: block;
}

.siteUsageAgreement {
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
    margin: 10px 0 0 10px;
    display: block;
}

.siteUsageTerms ol li {
    margin: 4px;
}

span .siTitle {
    font-size: 15px;
    font-weight: bold;
}

#yourContract {
    margin-left: 10px;
    /* border:1px solid #ff0000; */
    width: 500px;
    height: 200px;
}

#site_usage_title {
    background-image: url('../images/titles/ti_terms_site_usage.gif');
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    height: 31px;
}

#your_contracts_title {
    background-image: url('../images/titles/ti_terms_your_contract.gif');
    background-repeat: no-repeat;
    margin: 0 0 0 10px;
    height: 31px;
}

/*------------- timesheet list ------------------*/

.searchPanel {
    margin-top: 0px;
    font-weight: normal;
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 12px;
}

.adminTimesheetsSearch {
    width: 800px;
    height: 20px;
    margin-bottom: 8px;
}

/*
#searchToggleContainer{
	float:right;
	margin-left:20px;
	position:relative;
	top:-24px;
}

#searchSelectContainer{
	float:right;
	margin-right:336px;
	position:relative;
	top:-24px;
}
*/

.searchToggleBtn {
    cursor: pointer;
}

/*
#newTimesheetContainer{
	float:right;
	margin-left:20px;
	position:relative;
	top:-22px;
}
*/

#advSearch_leftHalf {
    float: left;
    text-align: right;
}

#advSearch_rightHalf {
    float: left;
    text-align: right;
    margin-left: 10px;
}

#advSearch_finalRight {
    float: left;
    margin-left: 10px;
}

.advSearch_performSearch {
    margin-top: 34px;
}

.contr_timesheet_list_title {
    background-image: url('../images/titles/ti_contr_timesheet_list.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 178px;
}

#search_title {
    font-family: helvetica, Verdana, Sans-Serif;
    font-size: 12px;
}

#active_timesheets_title {
    background-image: url('../images/titles/ti_contr_active_timesheets.gif');
    background-repeat: no-repeat;
    margin: 20px 0 0 0;
    height: 23px;
}

#await_timesheets_title {
    background-image: url('../images/titles/ti_contr_await_timesheets.gif');
    background-repeat: no-repeat;
    margin: 20px 0 0 0;
    height: 23px;
}

#approve_timesheets_title {
    background-image: url('../images/titles/ti_contr_approve_timesheets.gif');
    background-repeat: no-repeat;
    margin: 20px 0 0 0;
    height: 23px;
}

#declined_timesheets_title {
    background-image: url('../images/titles/ti_contr_decline_timesheets.gif');
    background-repeat: no-repeat;
    margin: 20px 0 0 0;
    height: 23px;
}

.noTimesheet {
    margin: 10px 10px 10px 10px;
    font-family: helvetica, arial, sans-serif;
    font-size: 12px;
    font-weight: normal;
}

/*-------- timesheet page ---------*/

#commentHeader {
    margin-top: 10px;
    margin-bottom: 10px;
}

#commentHeaderNoTopMargin {
    margin-top: 0px;
    margin-bottom: 10px;
}

.ApproveDeclineCont {
    background-color: #f8f7f7;
}

.miniSpacer {
    height: 6px;
    background-color: white;
}

.calDayHeader {
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 12px;
}

.calDay {
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
}

.calHeader {
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    border-left: 1px solid #505050;
    border-right: 1px solid #505050;
    border-top: 1px solid #505050;
    display: block;
    width: 797px;
    height: 30px;
    background-color: #c0c0c0;
    position: relative;
    top: 0;
    left: -1px;
}

.calHeaderTitle {
    margin: 6px 6px 4px 16px;
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 14px;
    color: #4b4546;
    float: left;
}

.calTotalHrsTitle {
    float: right;
    margin: 6px 16px 4px 6px;
    font-weight: bold;
    font-size: 13px;
    color: #4b4546;
}

.timesheet_add_title {
    background-image: url('../images/titles/ti_add_timesheet.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 278px;
}

.faq_title {
    background-image: url('../images/titles/ti_faqs.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 200px;
}

.timesheet_options_title {
    background-image: url('../images/titles/ti_timesheet_options.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 222px;
}

#title_stage, #title_stage2 {
    height: 34px;
    margin: 0;
    padding: 0;
}

.stage_one {
    background-image: url('../images/titles/ti_stage_one.gif');
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    margin: 0px;
    width: 83px;
}

.stage_two {
    background-image: url('../images/titles/ti_stage_two.gif');
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
    margin: 0px;
    width: 83px;
}

.stage_contract_terms {
    background-image: url('../images/titles/ti_stage_contract_terms.gif');
    background-repeat: no-repeat;
    padding: 8px;
    margin: 8px 0 8px 0;
    width: 183px;
}

.full_width_all {
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
}

.optionHeader {
    font-weight: bold;
    font-size: 14px;
}

.instruct {
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
}

.daySelect {
    background-color: #f8f397;
    color: #4b4546;
    border: 1px solid #ff0000;
}

.commentBox {
    display: block;
    height: 340px;
    width: 386px;
    background-color: #f2f1f1;
    margin-top: 30px;
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    border: 1px solid #b8b7b7;
}

#commentLeft, .commentLeft {
    float: left;
    width: 380px;
    margin: 10px;
}

#commentRight, .commentRight {
    float: right;
    width: 360px;
    margin: 10px;
    z-index: 1;
}

.commentsTextBox {
    width: 350px;
    height: 130px;
}

.subit {
    margin-top: 8px;
}

.midBox {
    display: block;
    width: 800px;
    height: 160px;
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
}

.midLeft {
    width: 410px;
    float: left;
}

.midRight {
    width: 350px;
    float: left;
}

#timesheetEvent {
}

.tseApprove {
    background-color: #e0f8df;
    border: 1px solid #b8b7b7;
    padding: 4px;
    width: 380px;
}

.tseDecline {
    background-color: #f8dfdf;
    border: 1px solid #b8b7b7;
    padding: 4px;
    width: 380px;
}

.tseUnlock {
    background-color: #e0dff8;
    border: 1px solid #b8b7b7;
    padding: 4px;
    width: 380px;
}

.tseSubmit {
    background-color: #f5f8df;
    border: 1px solid #b8b7b7;
    padding: 4px;
    width: 380px;
}

.tsePONumber {
    background-color: #f8f8f8;
    border: 1px solid #b8b7b7;
    padding: 4px;
    width: 380px;
}

.tsePaid {
    background-color: #abd8a7;
    border: 1px solid #b8b7b7;
    padding: 4px;
    width: 380px;
}

.tseInvoiced {
    background-color: #f3cd9e;
    border: 1px solid #b8b7b7;
    padding: 4px;
    width: 380px;
}

.submissionComment {
    border: 1px solid #b8b7b7;
    background-color: #f8f7f7;
    padding: 4px;
    width: 380px;
}

.approvalComment {
    border: 1px solid #b8b7b7;
    background-color: #f8f7f7;
    padding: 4px;
}

.sheetInstructions {
    border: 1px solid #b8b7b7;
    background-color: #e6e5e5;
    padding: 6px;
    width: 380px;
}

.instructionsHeader {
    border-bottom: 1px solid #b8b7b7;
    border-right: 1px solid #b8b7b7;
    background-color: #f8f7f7;
    padding: 4px;
    font-weight: bold;
}

.sortOptionContainer {
    margin-bottom: 10px;
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    display: block;
}

/*------- data grid page --------*/

.dataGrid {
    width: 800px;
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
    margin-bottom: 20px;
}

.dataGrid_header {
    background-color: #ebebe4;
}

.sheetTotalGrid {
    display: block;
    width: 90px;
    font-weight: bold;
    text-align: center;
    background-color: #ebebe4;
    border: 0;
}

.GridHeader {
    text-align: center;
    width: 90px;
    display: block;
}

.boxLabel {
    width: 100%;
    height: 20px;
    display: block;
    border: 0;
}

.weekTitle {
    font-weight: bold;
    width: 60px;
}

.weekDayBox {
    width: 100px;
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
}

.weekDayBox_approved {
    width: 100px;
    margin: 0;
    padding: 0;
    background-color: #a3e8a4;
    border: 1px solid #f2f2f2;
}

.weekDayBox_declined {
    width: 100px;
    margin: 0;
    padding: 0;
    background-color: #fe7e7e;
    border: 1px solid #f2f2f2;
}

.weekDayBox_awaiting {
    width: 100px;
    margin: 0;
    padding: 0;
    background-color: #ffc230;
    border: 1px solid #f2f2f2;
}

.weekDayBox_approved_s {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #a3e8a4;
    border: 1px solid #f2f2f2;
}

.weekDayBox_declined_s {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #fe7e7e;
    border: 1px solid #f2f2f2;
}

.weekDayBox_awaiting_s {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #ffc230;
    border: 1px solid #f2f2f2;
}

.weekDayBox_s {
    width: 50px;
    height: 50px;
    margin: 0;
    padding: 0;
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
}

.weekMins {
    width: 20px;
    padding: 0;
    margin: 0;
}

.weekHrs {
    width: 20px;
    padding: 0;
    margin: 0;
    /*clear:left;*/
}

.weekHrsDr {
    width: 26px;
    padding: 0;
    margin: 0;
    /*clear:left;*/
}

.delim {
    width: 4px;
    font-weight: bold;
    font-size: 10px;
    font-style: italic;
    color: #9b9b99;
}

.totalLabel {
    margin: 0 0 0 10px;
    font-weight: bold;
}

.totalBox {
    width: 70px;
    border: 1px solid #ebebe4;
    background-color: #ebebe4;
}

.sheetTotalCont {
    background-color: #ebebe4;
}

.blankWeekDayBox {
    width: 100px;
    margin: 0;
    padding: 0;
    background-color: #cccccc;
    border: 1px solid #f2f2f2;
}

#dataGridHead {
    width: 800px;
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: bold;
    font-size: 13px;
    background-image: url('../images/calendar_bar_bg.gif');
    background-repeat: repeat-x;
    height: 30px;
}

#dataGridHeadLeft {
    float: left;
    width: 480px;
    color: #fff;
    margin: 5px 0 0 10px;
}

#dataGridHeadRight {
    float: right;
    width: 260px;
    text-align: right;
    color: #fff;
    margin: 5px 10px 0 0;
}

.dataGrid thead {
    background-color: #183f3e;
    color: #fff;
}

.dataGrid th {
    height: 20px;
}

tr.dataRow {
    background-color: #f2f2f2;
    height: 60px;
    text-align: center;
}

tr.dataRowSemiFinal {
    background-color: #ccc;
    height: 20px;
}

tr.dataRowFinal {
    background-color: #ebebe4;
    height: 30px;
}

.otherMonthDays {
    display: none;
}

.calInactive {
    font-family: Verdana, helvetica, Sans-Serif;
    font-size: 11px;
}

.calPickerReadonly {
    border: 1px solid #fff;
}

.calPicker {
    width: 60px;
}

/*------ manage contractors screen --------*/

.manage_contractors_title {
    background-image: url('../images/titles/ti_manage_contractors.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

.leftInDividor {
    float: left;
}

.rightInDividor {
    float: right;
}

/*------ manage contracts screen --------*/

.manage_contracts_title {
    background-image: url('../images/titles/ti_manage_contracts.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*------ add contracts screen --------*/

.add_contract_title {
    background-image: url('../images/titles/ti_add_contract.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

.dropList {
    margin: 10px;
}

.dropSelector {
    margin: 10px;
}

/*------ edit contracts screen --------*/

.edit_contract_title {
    background-image: url('../images/titles/ti_edit_contract.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*------ view contracts screen --------*/

.view_contract_title {
    background-image: url('../images/titles/ti_view_contract.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*----- start timesheet page ------------*/

.add_timesheet_title {
    background-image: url('../images/titles/ti_start_new_timesheet.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 171px;
}

/*----- manage payroll screen -----------*/

.manage_payroll_title {
    background-image: url('../images/titles/ti_manage_payroll_dates.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 228px;
}

/*------ edit contractors screen --------*/

.edit_contractor_title {
    background-image: url('../images/titles/ti_edit_contractors.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*------ edit contractors screen --------*/

.add_contractor_title {
    background-image: url('../images/titles/ti_add_contractor.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*------ manage contracts screen --------*/

.manage_contacts_title {
    background-image: url('../images/titles/ti_manage_contacts.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

#ico_mini_add_user {
    margin-bottom: 6px;
}

/*------ add contact screen --------*/

.add_contact_title {
    background-image: url('../images/titles/ti_add_contact.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

.contactDropDown {
    margin-left: 10px;
    margin-top: 100px;
}

.field_holder_option_list {
    margin-top: 10px;
}

/*------ edit contract screen --------*/

.edit_contact_title {
    background-image: url('../images/titles/ti_edit_contact.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*------ manage clients screen ----------*/

.manage_clients_title {
    background-image: url('../images/titles/ti_manage_clients.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*------ edit client screen ----------*/

.edit_client_title {
    background-image: url('../images/titles/ti_edit_client.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

.editClientButton {
    margin: 44px 2px 0 0;
    float: right;
}

/*------ add client screen ----------*/

.add_client_title {
    background-image: url('../images/titles/ti_add_client.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 220px;
}

/*------- auth error page -------*/

#notAuthedMsg {
    font-family: helvetica, Verdana, Sans-Serif;
    font-weight: normal;
    font-size: 12px;
}

/*------- system message page ----*/

.action_title {
    background-image: url('../images/titles/ti_message.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 180px;
}

/*------- success message page ----*/

.action_success_title {
    background-image: url('../images/titles/ti_success_msg.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 160px;
}

.msgBox {
    margin: 4px;
    font-family: helvetica, verdana, Sans-Serif;
    font-size: 12px;
}

/*------- error message page ----*/

.action_error_title {
    background-image: url('../images/titles/ti_error_msg.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 160px;
}

.errorMsgBox {
    margin: 4px;
    font-family: helvetica, verdana, Sans-Serif;
    font-size: 12px;
}

/*--- terms and conditions page ---*/

.siteTermsTxt {
    font-family: helvetica, verdana, Sans-Serif;
    font-size: 12px;
    margin: 4px;
}

/*--- site support page ---*/

.site_support_title {
    background-image: url('../images/titles/ti_site_support.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 160px;
}

.site_support_txt {
    font-family: helvetica, verdana, Sans-Serif;
    font-size: 12px;
    margin: 4px;
}

/*----- session timeout page ----*/

.session_timeout_title {
    background-image: url('../images/titles/ti_session_timeout.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 180px;
}

/*--------- end page styles -----*/

/*--------- start js specific files -----*/

.dvhdr1 {
    background: #6fbcdb;
    font-family: arial;
    font-size: 11px;
    border: 1px solid #65a8c3;
    color: #fff;
    padding: 4px;
    width: 170px;
}

.dvbdy1 {
    background: #c8e3ee;
    font-family: arial;
    color: #4f5b5f;
    font-size: 10px;
    border-left: 1px solid #65a8c3;
    border-right: 1px solid #65a8c3;
    border-bottom: 1px solid #65a8c3;
    padding: 4px;
    width: 170px;
}

/*------ styling for contracts documents -------*/

.field_holder_docs {
    background-color: #f2f2f2;
    margin: 4px;
    font-family: helvetica, Verdana, Sans-Serif;
    color: #4f5b5f;
    font-size: 12px;
    padding: 4px;
    width: 310px;
    margin: 0 0 0 10px;
}

.field_holder_docs_no_left_margin {
    background-color: #f2f2f2;
    font-family: helvetica, Verdana, Sans-Serif;
    color: #4f5b5f;
    font-size: 12px;
    padding: 6px;
    width: 310px;
    margin: 0;
}

.field_blurb {
    margin: 4px 0 4px 0;
}

#contractorHoursSummary {
    background-color: #f0efef;
    font-family: helvetica, Verdana, Sans-Serif;
    color: #4f5b5f;
    font-size: 12px;
    padding: 6px;
    margin: 4px 0 0 4px;
}

.rateTermsContent {
    margin-left: 4px;
}

.ratePopupHolder {
    background-color: #f0efef;
    font-family: helvetica, Verdana, Sans-Serif;
    color: #4f5b5f;
    font-size: 12px;
    padding: 6px;
    margin: 4px 0 0 4px;
    height: 100px;
}

.auth_error_title {
    background-image: url('../images/titles/ti_auth_error.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 210px;
}

.file_download_title {
    background-image: url('../images/titles/ti_download_file.gif');
    background-repeat: no-repeat;
    margin: 40px 0 0 0;
    padding: 0;
    margin: 0px;
    float: left;
    width: 210px;
}

#fileError {
    font-family: helvetica, Verdana, Sans-Serif;
    font-size: 12px;
}

.emailReminder {
    background-color: #eeeded;
    padding: 8px;
}

.infoBox_login {
    color: #5b5b61;
    font-weight: bold;
    font-style: italic;
}

/*----- assessor timesheet page ----*/

.btnMarginLeft {
    margin-left: 4px;
}

.assessorLefty {
    float: left;
}

.assessorRighty {
    float: left;
}

.assessorContractInfo {
    background-color: #eee;
    margin: 6px;
    padding: 4px;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 14px;
    border: 1px solid #cdcbcb;
    width: 300px;
}

    .assessorContractInfo th {
        padding: 4px;
    }

    .assessorContractInfo td {
        margin: 6px;
        padding: 4px;
        border: 1px solid #fff;
        font-size: 12px;
    }

.infoHeader {
    width: 80px;
    font-style: italic;
    font-weight: bold;
}

.infoCell {
    width: 260px;
}

.assessorAddApp {
    background-color: #eee;
    margin: 6px;
    padding: 4px;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 14px;
    border: 1px solid #cdcbcb;
    width: 720px;
}

    .assessorAddApp th {
        padding: 4px;
    }

    .assessorAddApp td {
        margin: 6px;
        padding: 10px;
        border: 1px solid #fff;
        font-size: 12px;
    }

.gryBorderHdr {
    background-color: #eee;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 30px;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 14px;
}

.gryBorderHdrInner {
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 14px;
    margin-top: 4px;
    text-align: center;
    padding: 4px;
    font-weight: bold;
}

.assGen {
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
    padding: 4px;
}

.gryBorder {
    border: 1px solid #cdcbcb;
    width: 720px;
}

.holdingTable {
    border-top: 1px solid #eee;
    margin: 4px;
    padding: 4px;
}

.assCandidateName {
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
    padding: 4px;
}

.hc1 {
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 4px;
}

.modal-button {
    visibility: hidden;
}

.successMsg {
    color: #33bf02;
    font-size: 14px;
    font-weight: bold;
    background-image: url('../images/icons/ico_success_mini.gif');
    background-repeat: no-repeat;
    text-indent: 20px;
    /* background-position:-20px 2px; */
}

.candidateAwaiting {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

.candidateNameInput {
    width: 300px;
}

.candDets {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: bold;
}

#optContainer {
    margin-left: 20px;
}

    #optContainer h2 {
        font-family: helvetica, verdana;
        font-size: 18px;
        font-style: normal;
        font-weight: bold;
        color: #504f4f;
        margin: 20px;
        text-decoration: none;
    }

.optContainerLink:link, .optContainerLink:active, .optContainerLink:visited {
    color: #504f4f;
    text-decoration: none;
}

.optContainerLink:hover {
    text-decoration: underline;
}

.progress {
    color: #504f4f;
}

.contractInfoBox {
    padding: 10px;
    background-color: #eeeeee;
    width: 280px;
    height: 100px;
}

.assRowFix {
    font-size: 12px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: bold;
    padding: 2px;
    margin-top: 4px;
}

#contractsHolder {
    width: 600px;
    height: 400px;
    overflow: scroll;
    border: 1px solid #999999;
}

.stage1 {
    font-size: 12px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
}

.stage2 {
    font-size: 12px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
}

.stage1Even {
    height: 40px;
    background-color: #eee;
    font-size: 12px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
}

.stage1Even_expired {
    height: 40px;
    background-color: #eee;
    font-size: 12px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
    font-style: italic;
    color: #a5a6a6;
}

    .stage1Even_expired a {
        color: #a5a6a6;
    }

.stage1Odd {
    height: 40px;
    background-color: #fff;
    font-size: 12px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
}

.stage1Odd_expired {
    height: 40px;
    background-color: #fff;
    font-size: 12px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
    font-style: italic;
    color: #a5a6a6;
}

    .stage1Odd_expired a {
        color: #a5a6a6;
    }

.stage2Even {
    height: 40px;
    background-color: #eee;
    font-size: 14px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
}

.stage2Odd {
    height: 40px;
    background-color: #fff;
    font-size: 14px;
    font-family: helvetica, verdana, sans-serif;
    font-weight: normal;
}

#monthsHolder {
    width: 300px;
    height: 200px;
    overflow: scroll;
    border: 1px solid #999999;
}

.saveOrSubmit {
    width: 264px;
    float: left;
    border: 1px solid #fff;
}

.saveOrSubmitApprove {
    width: 264px;
    float: left;
    border: 1px solid #fff;
}

.tsgLeftSide {
    width: 390px;
    /*border:1px solid #ff0000;*/
    float: left;
    min-height: 300px;
}

.tsgRightSide {
    width: 390px;
    /*border:1px solid #ff0000;*/
    float: left;
    min-height: 300px;
}

.PanelSheetInfo {
    font-family: helvetica,verdana,arial;
    font-size: 13px;
}

.timesheetCommentsContainer {
    font-family: helvetica,verdana,arial;
    font-size: 13px;
}

.timesheetEventsContainer {
    font-family: helvetica,verdana,arial;
    font-size: 13px;
}

.submissionCommentBox {
    width: 275px;
    height: 80px;
}

.spaced_left {
    margin-left: 190px;
}

.grid_tsList {
    font-family: Verdana, Helvetica LT Std Light, Sans-Serif;
    font-size: 11px;
    text-align: center;
}

    .grid_tsList td {
        padding: 4px;
    }

.btn_marginRight {
    margin-right: 4px;
}

#instructionsHolder {
    margin-left: 40px;
    margin-top: 0;
    font-family: Helvetica, Verdana, Sans-Serif;
    font-size: 12px;
}

#margined_2 {
    margin-left: 8px;
}

.faqList {
    font-family: Helvetica,Verdana, sans-serif;
    font-size: 12px;
    list-style: none;
    font-weight: bold;
}

    .faqList li {
        line-height: 20px;
    }

#faqContent {
    font-family: Helvetica,Verdana, sans-serif;
    font-size: 12px;
}

.faqParaH2 {
    font-family: Helvetica,Verdana, sans-serif;
    font-size: 14px;
    color: #504f4f;
}

.faqDivider {
    width: 100%;
    height: 1px;
    color: #999898;
    background-color: #999898;
    margin: 0 0 10px 0;
    padding: 0px;
}

.supportText {
    font-family: Helvetica,Verdana, sans-serif;
    font-size: 12px;
}



.tmsbutton {
    background-image: url(../images/tms-buttonbackground.gif);
    background-repeat: repeat-x;
    height: 22px;
    border: 1px solid #9D9394;
    font-weight: bold;
    color: #3D3D3C;
    font-family: Arial, 'DejaVu Sans', 'Liberation Sans', Freesans, sans-serif;
    vertical-align: top;
    padding-left: 15px;
    padding-right: 15px;
}

.lock-image {
    width:20px;
    height:20px;
}

/* All button images */

.accept_terms_btn {
    background-image:url('../images/buttons/btn_accept_terms.gif'); 
    background-repeat:no-repeat;
    margin-left: 10px;
    height:22px;
 	width:160px;
    border-radius: 0px;
}

.accept_terms2_btn {
    background-image:url('../images/buttons/btn_accept_terms2.gif'); 
    background-repeat:no-repeat;
    margin-left: 10px;
    height:22px;
 	width:108px;
    border-radius: 0px;
}

.approve_selected_timesheets_btn {
    background-image:url('../images/buttons/btn_approve_selected_timesheets.gif'); 
    background-repeat:no-repeat;
    margin-left: 10px;
    height:22px;
 	width:120px;
    border-radius: 0px;
}

.approve_timesheet_btn {
    background-image:url('../images/buttons/btn_approve_timesheet.gif'); 
    background-repeat:no-repeat;
    margin-left: 10px;
    height:22px;
 	width:118px;
    border-radius: 0px;
}

.cancel_btn {
    background-image:url('../images/buttons/btn_cancel.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:92px;
    border-radius: 0px;
}

.decline_timesheet_btn {
    background-image:url('../images/buttons/btn_decline_timesheet.gif'); 
    background-repeat:no-repeat;
    margin-left: 10px;
    height:22px;
 	width:82px;
    border-radius: 0px;
}

.login_btn {
    background-image:url('../images/buttons/btn_login.gif'); 
    background-repeat:no-repeat;
    margin-left: 10px;
    height:22px;
 	width:62px;
    margin-left: 10px;
    margin-top: 4px;
    border-radius: 0px;
}

.no_btn {
    background-image:url('../images/buttons/btn_no.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:42px;
    border-radius: 0px;
}

.ok_btn {
    background-image:url('../images/buttons/btn_ok.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:42px;
    border-radius: 0px;
}

.save_timesheet_btn {
    background-image:url('../images/buttons/btn_save_timesheet.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:118px;
    border-radius: 0px;
}

.select_contract_btn {
    background-image:url('../images/buttons/btn_select_contract.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:79px;
    border-radius: 0px;
}

.select_rate_btn {
    background-image:url('../images/buttons/btn_select_rate.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:118px;
    border-radius: 0px;
}

.send_reminder_btn {
    background-image:url('../images/buttons/btn_send_reminder.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:94px;
    border-radius: 0px;
}

.submit_timesheet_btn {
    background-image:url('../images/buttons/btn_submit_timesheet.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:120px;
    border-radius: 0px;
}

.update_details_btn {
    background-image:url('../images/buttons/btn_update_details.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:118px;
    margin-left: 10px;
    margin-top: 4px;
    border-radius: 0px;
}

.update_profile_btn {
    background-image:url('../images/buttons/btn_update_profile.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:118px;
    margin-left: 10px;
    margin-top: 4px;
    border-radius: 0px;
}

.yes_btn {
    background-image:url('../images/buttons/btn_yes.gif'); 
    background-repeat:no-repeat;
    height:22px;
 	width:42px;
    border-radius: 0px;
}



/*----- additions for adding total hours to dayrate timesheets -----*/

.txtBoxDayRateTotalHours_lbl
{
    font-weight:bold;
    color: #FF0000;
}



/*-- payroll pages ---*/



.add_zInfo_title {
    background-image: url('../images/titles/ti_add_payroll.gif');
    background-repeat: no-repeat;
}

.paydocs_title {
    background-image: url('../images/titles/ti_your_payrolldocs.gif');
    background-repeat: no-repeat;
}

.payslips_title {
    background-image: url('../images/titles/ti_your_payslips.gif');
    background-repeat: no-repeat;
}

.payslip {
    width: 100%;
    background-color:#edebeb;
    height: 52px;
}
.payslipIcon {
    height: 48px;
    width: 48px;
    margin:2px 0 2px 2px;
    float:left;
    background-image: url('../images/icons/ico_pdf.png');
    background-repeat: no-repeat;
    cursor:pointer;
}
.payslipText {
    float: left;
    width: 400px;
    padding:18px;
    font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
}

.payslipText a:active, .payslipText a:visited, .payslipText a:link {
    text-decoration: none;
    font-style: normal;
    color: #000;
    margin: 10px;
}

.payslipText a:hover {
        font-style: italic;
        text-decoration: underline;
        color: #000;
}

/* contract signing section */

.ifr_contract {
    width: 100%;
    min-height: 600px;
    border: 1px solid #5b5b5b;
}

.sign_contract_title {
    background-image: url('../images/titles/ti_sign_contract.gif');
    background-repeat: no-repeat;
}

.wholeWidth_contract {
    width: 100%;
    margin: 18px 4px 4px 4px;
    border: 1px solid #fff;
}

.accept_btn {
    margin: 12px;
}

#ImageButtonAccept[disabled] {
    filter: grayscale(0.5);
    cursor: not-allowed;
}

.modal-mainbackground {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background-color: rgb(255 255 255 / 80%);
}

.modal-centeredcontent {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background-color: white;
    padding: 2em;
    border-color: grey;
    border: 1px solid #b8b7b7;
    width: 50%;
}

#scroll-container {
    border: 1px solid #b8b7b7;
    margin: auto;
    overflow: hidden;
    width: 100%;
}

#scrolling-div {
    animation: isLoading 2.5s infinite;
    animation-timing-function: linear;
    height: 1em;
    margin: 0.2em 0em;
    background-color: green;
    width: 15em;
}

#processing-title {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif, sans-serif;
    margin-block-end: 0.5em;
    margin-block-start: 0.5em;
    text-align: center;
}

@keyframes isLoading {
    0% {
        margin-left: -10em;
    }

    100% {
        margin-left: Calc(100% + 10em);
    }
}