/*/***********************************************************************************/
/******************** Common Desktop Style ************************************/
/***********************************************************************************/
/***********************************************************************************/
/*****************Common Styles for Both EmHealth and EmSafe***********************/
/* ### General Style ### */
body {
    margin: 0;
    padding: 0;
    border: 0; /* This removes the border around the viewport in old versions of IE */
    width: 100%;
    background: #fff;
    min-width: 1000px; /* Minimum width of layout - remove line if not required */
    font-size: 90%;
    font-family: Arial, sans-serif;
    line-height: normal;
}

a img {
    border: 0;
}

img {
    vertical-align: middle;
}

form,
fieldset {
    margin: 0;
    padding: 0;
    border: none;
}

.container {
    width: 1000px;
}

.clearing {
    clear: both;
    margin-top: -1px;
    height: 1px;
    overflow: hidden;
}

.clear_r {
    clear: right;
    margin-top: -1px;
    height: 1px;
    overflow: hidden;
}

.clear_l {
    clear: left;
    margin-top: -1px;
    height: 1px;
    overflow: hidden;
}

.nodisplay {
    display: none;
}

.red_text {
    color: #FF0000;
}

.contextMenu a,
.contextMenu a:link,
.contextMenu a:active,
.contextMenu a:visited {
    color: red;
}

.upload_form .upload a {
    pointer-events: none;
}

.bottom_margin,
.ui-dialog .bottom_margin {
    margin-bottom: 15px;
}

    .bottom_margin .bottom_margin {
        /*margin-bottom: 13px;*/
    }

    .bottom_margin.status,
    .bottom_margin.score {
        padding: 10px;
        border: 1px solid #808182;
    }

        .bottom_margin.status:last-child {
            margin: 0;
        }

    .bottom_margin:last-of-type {
        margin-bottom: 0;
    }

    .bottom_margin:only-child {
        margin-bottom: 15px;
    }

.no_margin,
.ui-dialog .no_margin {
    margin: 0 !important;
}

.top_margin {
    margin-top: 20px;
}

.top_padding {
    padding-top: 20px;
}

.bottom_padding {
    padding-bottom: 20px;
}

.iasp_tooltip_text {
    font-weight: normal;
}

.table .l {
    text-align: left;
}

.table .c {
    text-align: center;
}

.table .r {
    text-align: right;
}

#cms_cpanel input,
#cms_cpanel select,
#cms_cpanel textarea,
#cms_edit select,
#cms_edit input,
#cms_edit textarea {
    font-family: Arial,sans-serif;
    line-height: normal !important;
}

p.big-text {
    font-size: 14px !important;
}
/*to fix member alert html editor issue*/
.iasp_editor .iasp_editor_iframe {
    height: 421px !important;
}
/*to fix bootstrap btn class overwriting*/
span {
    vertical-align: inherit;
}


    span.btn {
        display: inline;
        line-height: normal;
    }


.label {
    text-shadow: none;
    background-color: transparent;
    padding: 0px;
    color: inherit;
    white-space: normal;
}

select {
    max-width: 100%;
}

pre {
    background: none;
    border: none;
}

#iasp_adminmenulink {
    margin: 0 0 10px;
}

td,
th,
div,
p {
    font-size: 1em;
    color: #808182;
}

.iasp_admininnertable td,
.admintbl td .iasp_admininnertable td {
    font-size: 1em;
    color: #808182;
}

a:link,
a:active,
a:visited {
    color: #008fc3;
    font-weight: bold;
    text-decoration: underline;
}

a:hover {
    color: #004a83;
    text-decoration: none;
}

:focus {
    outline: none !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 13px;
}

h1, h2, h3, h4, h5, h6 {
    color: #008FC3;
    /*line-height: normal;*/
    font-size: inherit;
}

h1 {
    font-size: 28px;
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

h6 {
}

.iasp_infobox h1 {
    font-size: 21px;
}

.l {
    text-align: left;
}

.c {
    text-align: center;
}

.r {
    text-align: right;
}

.border {
    border: 1px solid #dfe8eb;
}

.ref {
    font-size: 0.8em;
    color: #004A83;
}

.ct0 {
    margin: 0;
    padding: 0;
    width: 100%;
    clear: both;
}

.ct1 {
    margin: 0 auto;
    padding: 0;
    width: 1000px;
}

.ct_inner {
    /*overflow: hidden;*/
    overflow: visible;
}

/* ### Top Header Style ### */
#header .ct_inner {
    overflow: visible;
}


#header {
    height: 214px;
    background: #008fc3 url('../i/bg_header.png') center top no-repeat;
}

#head {
    height: 68px;
    background-color: #004a83;
}

    #head .ct_inner {
        text-align: right;
    }

    #head .head_link {
        margin: 13px 12px;
        display: inline-block;
    }

.head_link a,
.head_link a:link,
.head_link a:active,
.head_link a:visited {
    display: inline-block;
    color: #fff;
    font-size: 15px;
    font-weight: normal;
    text-decoration: none;
    vertical-align: middle;
    line-height: 46px;
    margin-top: 5px;
}

    .head_link a:hover {
        text-decoration: underline;
    }

.head_link img {
    padding: 0 12px 4px 0;
    vertical-align: middle;
}

#logo {
    float: left;
    margin: 0;
    padding: 0;
    width: 384px;
    height: 214px;
}

#header #top_elements {
    margin: 0 0 0 384px;
    width: 616px;
    text-align: right;
}

#header .top {
    height: 114px;
}

#header .btm {
    height: 100px;
}

#header #members_loginbox,
#header #members_logoutbox {
    margin: 0 10px 0 0;
    text-align: right;
}

#header #members_login {
    display: inline-block;
    padding: 18px 32px;
    font-size: 26px;
    font-weight: normal;
    color: #004a83;
    text-transform: uppercase;
    background: transparent url('../i/bg_members_loginbox.png') center top no-repeat;
}

#header #members_logoutbox #members_login {
    padding: 18px 44px;
}

#header #members_login span {
    display: inline-block;
    padding: 4px 34px 4px 0;
    background: transparent url('../i/icn_login_arrow.png') center right no-repeat;
}

#head a.top_goto_link img {
    max-height: 30px;
    vertical-align: middle;
    margin-bottom: 5px;
}

ul.mainmenu {
    float: right;
    margin: 0;
    padding: 0;
    width: 616px;
    height: 100px;
    list-style: none;
    overflow: hidden;
}

    ul.mainmenu li {
        display: block;
        margin: 0 24px 0 0;
        float: right;
        height: inherit;
    }

        ul.mainmenu li.f {
            margin: 0;
        }

        ul.mainmenu li a:link,
        ul.mainmenu li a:active,
        ul.mainmenu li a:visited {
            display: block;
            padding: 38px 10px 38px 66px;
            color: #fff;
            font-size: 25px;
            line-height: 23px;
            font-weight: normal;
            text-decoration: none;
            background: transparent url('../i/icn_menu_item.png') center left no-repeat;
        }

        ul.mainmenu li a:hover {
            text-decoration: underline;
        }


/* ### Content Area Style ### */
#contentarea {
    clear: both;
    margin: 0;
    overflow: visible;
}

    #contentarea > .content {
        margin: 20px 0 50px;
        overflow: visible;
        min-height: 250px;
    }

.ui-dialog p.content {
    margin: 20px 0 50px;
    overflow: visible;
    min-height: 30px;
}

/* ### Footer Style ### */
#footer {
    background: #00447B;
}

    #footer .ct_inner {
        padding: 35px 0 0 40px;
        color: #fff;
        background: transparent url('../i/bg_footer.png') center top no-repeat;
    }

    #footer ul {
        margin: 0;
        padding: 0;
        list-style: none;
    }

    #footer li {
        padding: 5px 0 5px 20px;
    }

        #footer li a:link, #footer li a:visited {
            color: #fff;
            font-size: 1em;
            font-weight: normal;
            text-decoration: none;
        }

        #footer li a:hover {
            text-decoration: underline;
        }

    #footer .title {
        color: #fff;
        font-size: 1.3em;
    }

    #footer .address {
        color: #fff;
    }

    #footer .col1 {
        float: left;
        padding: 0;
        width: 320px;
    }

        #footer .col1 .link {
            margin: 0 0 30px 10px;
        }

    #footer .col2 {
        float: left;
        padding: 0;
        width: 320px;
    }

    #footer .col3 {
        float: left;
        padding: 0;
        width: 230px;
    }

    #footer .col4 {
        float: left;
        padding: 0;
        width: 90px;
        display: none;
    }

        #footer .col4 .livechat {
            margin: 44px 0 0;
        }

#foot {
    height: 60px;
    background: #004a83;
}

    #foot .copyright {
        color: #b4bbbf;
        font-size: 0.8em;
        line-height: 2.4;
    }

    #foot .ftmenu_item {
        border-left: 1px solid #b4bbbf;
        padding: 0 15px;
    }

    #foot a:link, #foot a:visited {
        color: #b4bbbf;
        font-size: 1em;
        font-weight: normal;
        text-decoration: none;
    }

    #foot a:hover {
        text-decoration: underline;
    }

/* ### Top Login Style ### */
#toplogin {
    margin: 0 0 0 170px;
    padding: 15px 0 0 0;
    text-align: right;
}

#login {
    float: right;
    padding: 5px 5px 0;
    width: auto;
    background: #f2f3f4;
}

    #login p {
        margin: 0 0 5px;
    }

    #login .title {
        float: left;
        width: auto;
    }

    #login .profilelink {
        margin: 5px 0 8px;
        font-size: 10px;
    }

    #login .iasp_note {
        margin: 5px 0 8px;
        font-size: 10px;
        color: #E32119;
    }

    #login .inputcell {
        float: left;
        margin: 0 0 0 5px;
        width: 183px;
    }

    #login input.text {
        border: 1px solid #cbcbcb;
        width: 181px;
        background-color: #fff;
        font-size: 1em;
        vertical-align: top;
    }

    #login .logindetails {
        float: left;
        margin: 0 0 0 6px;
        width: 371px;
        text-align: left;
    }

    #login .btn {
        float: left;
        margin: 0 0 0 6px;
        width: 61px;
    }


.iasp_infobox {
    clear: both;
}

form > .iasp_infobox:first-child {
    margin-top: 15px;
}

form ~ .iasp_infobox {
    margin-top: 15px;
}

span.workplace {
    display: inline-block;
    padding: 11px 11px 9px 16px;
    color: #fff;
}

    span.workplace a {
        color: #fff;
        text-decoration: none;
    }

.jR {
    display: none;
}

a.order-d {
    padding: 0 18px 0 0;
    background: transparent url('../i/icn_desc.png') right 3px no-repeat;
}

a.order-a {
    padding: 0 18px 0 0;
    background: transparent url('../i/icn_asc.png') right center no-repeat;
}

/*###-------------------------- CSS Styling for Pop-up Boxes ------------------------------###*/
.cms_ui_pds .cms_ui_toolwindow h3.cms_ui_winhdr,
* html .cms_ui_toolwindow h3.cms_ui_winhdr {
    background: #505050 !important;
    color: #fff !important;
    font-weight: bold !important;
    font-size: 12px !important;
    font-family: Arial, Helvetica !important;
    padding: 5px 10px !important;
    border: 0 !important;
}

.cms_ui_toolinner,
.cms_ui_toolinner p,
.cms_ui_toolinner div {
    border: none !important;
    background: #505050 !important;
    color: #fff !important;
}

.cms_ui_toolinner_loading {
    background: transparent url(http://resource.iasp.com.au/v5/ajax-spiral-white.gif) no-repeat scroll 50% 50% !important;
}

.cms_ui_toolsizer {
    background: #505050 !important;
    color: #fff !important;
}

.popuptable {
    border-collapse: collapse;
    margin: 12px 0;
    width: 100%;
}

    .popuptable th,
    .popuptable td {
        color: #fff !important;
        padding: 5px;
        background: #757575;
        width: 50%;
    }

    .popuptable .dark th,
    .popuptable .dark td {
        background: #676767;
    }

    .popuptable th {
        text-align: right;
    }

.cms_miniedit_inner {
    z-index: 999 !important;
}

.table_miniedit {
}

    .table_miniedit th,
    .table_miniedit td {
        color: #ccc;
    }

.summary_popup .iasp_tooltip_inner td {
    color: #ccc;
}

.worplacelink {
    float: left;
    margin-right: 5px;
}
/*###--------------------------  CSS Styling for Table Form ------------------------------###*/
table.save_history {
    width: 100%;
}

    table.save_history th,
    table.save_history td {
        width: 25%;
    }

    table.save_history th,
    table.save_history td {
        padding: 0 0 3px;
    }

.btn_right {
    text-align: right;
    margin: -40px 0 10px 0;
    height: 40px;
}

.btn_add {
    margin: 10px 0;
    overflow: hidden;
}

.btn_add_in {
    float: left;
    margin-right: 5px;
    padding-top: 5px;
}

    .btn_add_in img {
        margin-top: 0 !important;
    }

.table_form, .table_form_edit {
    font-size: 0.9em;
}

    .table_form .insurance th,
    .table_form .insurance td {
        width: 25%;
        text-align: center;
    }

    .table_form td.subsubtitle {
        background-color: #ebebeb;
        padding-top: 5px;
    }

    .table_form_edit .insurance th,
    .table_form_edit .insurance td {
        width: 25%;
        text-align: center;
    }

    .table_form_edit td.subsubtitle {
        background-color: #ebebeb;
        padding-top: 5px;
    }

#insurancetable th {
    width: 400px;
}

#normalforms td,
#normalforms th,
.normalforms {
    width: 50%;
}

#normalformsleft th {
    width: 30%;
}

#normalformsleft td {
    width: 70%;
}

.memberarea {
    margin: 10px 0 0;
}

    .memberarea .table_form {
        margin-bottom: 10px;
    }

        .memberarea .table_form th {
            text-align: center;
            font-weight: bold;
        }

        .memberarea .table_form .dark td,
        .memberarea .table_form .dark th {
            background-color: #ddd;
        }

        .memberarea .table_form .darktitle td,
        .memberarea .table_form .darktitle th {
            background-color: #ccc;
        }

    .memberarea a:link,
    .memberarea a:active,
    .memberarea a:visited {
        color: #4C4C4C;
        font-weight: normal;
    }

    .memberarea .table_form td,
    .memberarea .table_form th {
        padding: 5px;
        vertical-align: middle;
    }


#simple .form7 {
    background: url("../i/form_top_l.gif") no-repeat left top;
    padding-top: 30px;
}

#simple .other7 {
    background: url("../i/Other-Resources_tl.gif") no-repeat left top;
    padding-top: 40px;
}

.table_form,
.table_form_edit,
.subtable_form,
.subtable_form_edit {
    width: 100%;
    margin: 0 auto 15px;
}

.table_box {
    margin: 0 auto;
}

.table_form th,
.table_form td,
.table_form_edit th,
.table_form_edit td,
.subtable_form th,
.subtable_form td,
.subtable_form_edit th,
.subtable_form_edit td {
    vertical-align: top;
    text-align: left;
    padding: 0 5px 5px 5px;
}

.table_form th,
.table_form td,
.table_form_edit th,
.table_form_edit td {
    font-weight: normal;
}

.table_form th,
.table_form_edit th,
.table_box th,
.subtable_form th,
.subtable_form_edit th {
    text-align: right;
}

.table_form .col_1 {
    width: 3%;
    text-align: left;
}

.table_form .col_2 {
    width: 47%;
}

.table_form .col_3 {
    width: 3%;
}

.table_form .col_4 {
    width: 47%;
}

.table_form .col_5 {
    width: 50%;
}

.subtable_form_edit .col_5 {
    width: 40%;
}

.subtable_form .col_5 {
    width: 50%;
}

.table_form .col_6 {
    width: 70%;
}

.table_form_edit .col_1 {
    width: 3%;
    text-align: left;
}

.table_form_edit .col_2 {
    width: 42%;
}

.table_form_edit .col_3 {
    width: 8%;
}

.table_form_edit .col_4 {
    width: 47%;
}

.table_form_edit .col_5 {
    width: 40%;
}

.table_form_edit.sysreview {
    table-layout: fixed;
}

    .table_form_edit.sysreview th {
        padding: 0 5px 15px;
    }


    .table_form_edit.sysreview .col_1 {
        width: 20px;
        text-align: left;
    }

    .table_form_edit.sysreview .col_2 {
        width: 230px;
        text-align: left;
    }

    .table_form_edit.sysreview .col_2a {
        width: 80px;
        text-align: center;
    }

    .table_form_edit.sysreview .col_2b {
        width: 80px;
        text-align: center;
    }

    .table_form_edit.sysreview .col_3 {
        width: 75px;
        text-align: center;
    }

    .table_form_edit.sysreview .col_4 {
        width: 335px;
        text-align: left;
    }

    .table_form_edit.sysreview textarea {
        width: 350px;
    }

    .table_form_edit.sysreview .short input {
        width: 230px;
    }

    .table_form_edit.sysreview .label,
    .table_form.sysreview .label {
        font-size: 13px;
        font-weight: bold;
    }

.table_form.sysreview {
    table-layout: fixed;
}

    .table_form.sysreview th {
        padding: 0 5px 15px;
    }


    .table_form.sysreview .col_1 {
        width: 30px;
        text-align: left;
    }

    .table_form.sysreview .col_2 {
        width: 230px;
        text-align: left;
    }

    .table_form.sysreview .col_2a {
        width: 100px;
        text-align: center;
    }

    .table_form.sysreview .col_2b {
        width: 100px;
        text-align: center;
    }

    .table_form.sysreview .col_3 {
        width: 75px;
        text-align: center;
    }

    .table_form.sysreview .col_4 {
        width: 235px;
        text-align: left;
    }

.rpt_det span {
    display: block;
    margin: 10px 0;
}

.ID_display {
    font-size: 11px;
    font-weight: normal;
}

.date_display {
    float: right;
}

.col_actions {
    min-width: 150px;
    max-width: 310px;
}

.actions_in {
    margin: 0 5px;
    padding: 0;
    height: 24px;
    white-space: nowrap;
}

    .actions_in span {
        margin: 0;
        padding: 0;
    }

    .actions_in a:link,
    .actions_in a:active,
    .actions_in a:visited {
        color: #656565;
        font-weight: normal;
        text-decoration: none;
        font-size: 10px;
    }

    .actions_in img {
        vertical-align: middle;
    }
/****************** Cart CSS ******************/
.cart1 div.cart_item1 {
    float: left;
    margin: 10px 0 0 0;
    background: url("../i/cart_line_dark.png") repeat-x left bottom;
    height: 25px;
    width: 540px;
}

.cart1 div.dot {
    background: url("../i/cart_dot_light.png") no-repeat bottom center;
    color: #d0d0d0;
    float: left;
    font-size: 10pt;
    font-weight: normal;
    height: 35px;
    padding: 0 20px;
    text-align: center;
}

.cart1 div.in {
    background: url("../i/cart_dot_in.png") no-repeat bottom center;
    color: #b2b2b2;
    font-weight: bold;
}

.cart1 div.done {
    background: url("../i/cart_dot_dark.png") no-repeat bottom center;
    color: #b2b2b2;
    font-weight: normal;
}

.cart1 div.last {
    background: url("../i/cart_dot_last.png") no-repeat bottom center;
    padding: 0 0 0 20px;
    width: 40px;
    text-align: left;
}

.cart1 div.lastin {
    background: url("../i/cart_dot_in_last.png") no-repeat bottom center;
    padding: 0 0 0 20px;
    width: 40px;
    text-align: left;
    color: #b2b2b2;
    font-weight: bold;
}

table.ohs_cart {
    border-collapse: collapse;
    width: 100%;
    margin: 10px 0;
}

table.ohs_table {
    border-collapse: collapse;
    margin: 10px 0;
}

table.ohs_cart th {
    font-size: 9pt;
    font-family: Verdana, Helvetica, sans-serif;
    color: #fff;
    font-weight: bold;
    background: #c1c1c1;
    padding: 6px 11px;
    text-align: right;
}

table.ohs_cart .listhdr th {
    background-color: #c1c1c1;
}

table.ohs_cart td {
    vertical-align: middle;
    color: #5a5a5a;
    font-family: Verdana, Helvetica, sans-serif;
    padding: 6px 11px;
    text-align: left;
    border: solid;
    border: #fff solid 1px;
}

    table.ohs_cart td.c,
    table.ohs_cart th.c {
        text-align: center;
    }

table.ohs_cart img,
table.ohs_cart select {
    vertical-align: middle;
}

table.ohs_cart td.r,
table.ohs_cart th.r {
    text-align: right;
}

table.ohs_cart td.a {
    background: #f7f7f7;
}

table.ohs_cart td.b {
    background: #e0e0e0;
}

table.ohs_cart select {
    font-size: 7.5pt;
    font-family: Verdana, Helvetica, sans-serif;
    color: #555;
}

table.ohs_table td,
table.ohs_table th {
    padding: 6px 11px;
}

table.ohs_table th {
    font-weight: bold;
    text-align: right;
}

td.miniedit_link {
    padding-left: 5px;
}

h3.cartboxed {
    background: #fd0000;
    color: #fff;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 10pt;
    padding: 6px 11px;
    margin: 0 0 12px 0;
}

.cartend {
    border-top: 1px #a6a6a6 solid;
    padding: 18px 0 0 0;
    margin: 18px 0 0 0;
    overflow: auto;
}

.cartend_r {
    float: right;
    width: 400px;
    text-align: right;
}

.cartend_ar {
    text-align: right;
}

.cartend_fl {
    float: left;
    width: 400px;
}

.cart_addcontact {
    text-align: right;
    font-size: 7.5pt;
}

    .cart_addcontact img {
        vertical-align: middle;
    }

    .cart_addcontact a:link,
    .cart_addcontact a:active,
    .cart_addcontact a:visited {
        text-decoration: none;
    }

    .cart_addcontact a:hover {
        text-decoration: underline;
    }

.cart0 {
    margin: 12px 0;
    padding: 0;
    position: relative;
    overflow: hidden;
}

.btn_delete {
    cursor: pointer;
}

p.login_splitnotice {
    margin: 40px 0 13px;
}

#cms_cpanel_inner .displaytbl,
#cms_cpanel_inner #cms_cpanel_target .admintbl,
#cms_cpanel_modulelist {
    margin: 0 0 0 0;
}

#cms_cpanel p:only-child {
    margin: 0;
}

#custom_questions tr,
#more-questions-table-TWO tr {
    display: none;
}

#more-questions-table-TWO thead tr {
    display: table-row;
}
/****************** Cart CSS ends ******************/
/****************** NEW FORM CSS starts ******************/
.box {
    background: #ebebeb url("../i/form_border.gif") repeat-x top left;
    margin-bottom: 10px;
}

    .box#login {
        background: url("../i/form_border.gif") repeat-x scroll left top #EBEBEB;
        float: none;
        margin: 0 auto 10px;
        padding: 0;
        width: 50%;
    }

.dark_box {
    background: #c1c1c1 url("../i/dark_form_border.gif") repeat-x top left;
    margin-bottom: 10px;
}

.box0 {
    background: transparent url("../i/form_border.gif") repeat-x bottom left;
}

.dark_box .box0 {
    background: transparent url("../i/dark_form_border.gif") repeat-x bottom left;
}

.box1 {
    background: transparent url("../i/form_border.gif") repeat-y top left;
}

.dark_box .box1 {
    background: transparent url("../i/dark_form_border.gif") repeat-y top left;
}

.box2 {
    background: transparent url("../i/form_border.gif") repeat-y top right;
}

.dark_box .box2 {
    background: transparent url("../i/dark_form_border.gif") repeat-y top right;
}

.box3 {
    background: transparent url("../i/form_top_left.gif") no-repeat top left;
}

.dark_box .box3 {
    background: transparent url("../i/dark_form_tl.gif") no-repeat top left;
}

.box4 {
    background: transparent url("../i/form_top_right.gif") no-repeat top right;
}

.dark_box .box4 {
    background: transparent url("../i/dark_form_tr.gif") no-repeat top right;
}

.box5 {
    background: transparent url("../i/form_bottom_r.gif") no-repeat bottom right;
}

.dark_box .box5 {
    background: transparent url("../i/dark_form_br.gif") no-repeat bottom right;
}

.box6 {
    background: transparent url("../i/form_bottom_l.gif") no-repeat bottom left;
}

.dark_box .box6 {
    background: transparent url("../i/dark_form_bl.gif") no-repeat bottom left;
}

.form {
    background: #ebebeb;
    margin-bottom: 10px;
}

.form0 {
    background: transparent url("../i/form_border.gif") repeat-x bottom center;
}

.form1 {
    background: transparent url("../i/form_border.gif") repeat-y top left;
}

.form2 {
    background: transparent url("../i/form_border.gif") repeat-y top right;
}

.form3 {
    background: transparent url("../i/form_bottom_r.gif") no-repeat bottom right;
}

.form4 {
    background: transparent url("../i/form_bottom_l.gif") no-repeat bottom left;
}

.form_title {
    overflow: hidden;
    background: #fff url("../i/form_border_top.gif") repeat-x bottom center;
}

.title0 {
    background: transparent url("../i/form_top_right.gif") no-repeat bottom right;
}

.title1 {
    padding: 0;
}

.title_left {
    padding: 11px 10px 10px 0;
    background: transparent url("../i/form_top_title_l.gif") no-repeat top left;
}

    .title_left span.title_right {
        padding: 12px 10px 4px;
        background: transparent url("../i/form_title_r.gif") no-repeat top right;
    }

    .title_left span.title_inner {
        padding: 11px 10px 4px;
        background: #ebebeb url("../i/form_border.gif") repeat-x top center;
        font-size: 15px;
        font-weight: bold;
    }


.dark_form {
    background: #c1c1c1;
    margin-bottom: 10px;
}

    .dark_form .form0 {
        background: transparent url("../i/dark_form_border.gif") repeat-x bottom center;
    }

    .dark_form .form1 {
        background: transparent url("../i/dark_form_border.gif") repeat-y top left;
    }

    .dark_form .form2 {
        background: transparent url("../i/dark_form_border.gif") repeat-y top right;
    }

    .dark_form .form3 {
        background: transparent url("../i/dark_form_br.gif") no-repeat bottom right;
    }

    .dark_form .form4 {
        background: transparent url("../i/dark_form_bl.gif") no-repeat bottom left;
    }

    .dark_form .form_title {
        overflow: hidden;
        background: #fff url("../i/dark_form_border_top.gif") repeat-x bottom center;
    }

        .dark_form .form_title .title0 {
            background: transparent url("../i/dark_form_tr.gif") no-repeat bottom right;
        }

        .dark_form .form_title .title1 {
            padding: 0;
        }

        .dark_form .form_title .title_left {
            padding: 11px 10px 8px 0;
            background: transparent url("../i/dark_form_title_tl.gif") no-repeat top left;
        }

            .dark_form .form_title .title_left span.title_right {
                padding: 12px 10px 4px;
                background: transparent url("../i/dark_form_title_tr.gif") no-repeat top right;
            }

            .dark_form .form_title .title_left span.title_inner {
                padding: 11px 10px 4px;
                background: #c1c1c1 url("../i/dark_form_border.gif") repeat-x top center;
                font-size: 15px;
                font-weight: bold;
            }

        *:first-child + html .dark_form .form_title .title_left {
            padding: 11px 10px 8px 0;
        }

            *:first-child + html .dark_form .form_title .title_left span.title_right {
                padding: 0px 10px 0px;
            }

            *:first-child + html .dark_form .form_title .title_left span.title_inner {
                padding: 11px 10px 4px;
            }


.subform {
    background: #fff;
    margin-bottom: 10px;
}

    .subform.bigform {
        width: 80%;
        margin: 0 auto 20px;
    }

    .subform.smlform {
        float: left;
        width: 47%;
        margin: 0 13px 10px;
    }

.subform0 {
    background: transparent url("../i/subform_border.gif") repeat-x bottom center;
}

.subform1 {
    background: transparent url("../i/subform_border.gif") repeat-y top left;
}

.subform2 {
    background: transparent url("../i/subform_border.gif") repeat-y top right;
}

.subform3 {
    background: transparent url("../i/subform_br.gif") no-repeat bottom right;
}

.subform4 {
    background: transparent url("../i/subform_bl.gif") no-repeat bottom left;
}

.subform_title {
    overflow: hidden;
    background: #ebebeb url("../i/subform_border_top.gif") repeat-x bottom center;
}

.subtitle0 {
    background: transparent url("../i/subform_tr.gif") no-repeat bottom right;
}

.subtitle1 {
    padding: 0;
}

.subtitle_left {
    padding: 6px 0 12px;
    background: transparent url("../i/subform_top_title_l.gif") no-repeat top left;
}

    .subtitle_left span.subtitle_right {
        padding: 6px 10px 2px;
        background: transparent url("../i/subform_title_r.gif") no-repeat top right;
    }

    .subtitle_left span.subtitle_inner {
        padding: 7px 5px 4px;
        background: #b2b2b2 url("../i/subform_border.gif") repeat-x top center;
        color: #fff;
        font-family: Verdana, Geneva, sans-serif;
        font-size: 12px;
        font-weight: bold;
    }

*:first-child + html .subtitle_left {
    padding: 6px 0 12px;
}

    *:first-child + html .subtitle_left span.subtitle_right {
        padding: 0 10px 0;
    }

    *:first-child + html .subtitle_left span.subtitle_inner {
        padding: 7px 5px 4px;
    }

.box_inner {
    padding: 20px 10px;
    overflow: auto;
}

.form_inner {
    padding: 10px;
    overflow: auto;
}

.memberarea .form_inner {
    padding: 0 3px;
    overflow: auto;
}

p.form_name {
    margin: 25px 0 10px;
    color: #008FC3;
    font-family: Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
}

p.login_title {
    margin: 0 0 13px;
    color: #008fc3;
    font-size: 16px;
    font-weight: bold;
}
/* First Aid Register Form*/
table.iasp_admininnertable .relate_incident_row td {
    color: inherit;
    font-size: inherit;
}


.alignright a.action-edit {
    margin-left: 38%;
    background-position-y: 5px;
}
/* Form End Buttons */
.cms_endform_buttons {
    margin-top: 1em;
}
/****************** NEW FORM CSS ends ******************/
/****************** Search table style starts ******************/
#cms_search_primary table.displaytbl {
    width: 100%;
    background: #ebebeb;
}

    #cms_search_primary table.displaytbl th {
        border: 1px solid #B4BBBF;
        background-color: transparent;
        text-align: right;
        font-weight: normal;
        padding: 3px;
        color: #666;
        border: none;
    }

    #cms_search_primary table.displaytbl td {
        border: 1px solid #B4BBBF;
        background-color: transparent;
        padding: 3px;
        border: none;
    }

#cms_search_primary .cms_endform_buttons {
    margin: 10px 0;
}

/*T hide search user result page knowledge base link*/
#cms_kb_cms_module_user_link {
    display: none;
}

.advance_search_result_count ~ .btn_add {
    display: none;
}

.advance_search_result_count ~ .memberarea .darktitle th.ch_8,
.advance_search_result_count ~ .memberarea td.ch_8 {
    display: none;
}
/****************** Search table style ends ******************/
/****************** Load form history starts **************************/
.ui-combobox {
    position: relative;
    display: inline-block;
}

.ui-combobox-input {
    background-color: #FFF;
    font-weight: normal;
    margin: 0;
    padding: 4px;
    width: 166px;
    height: 21px;
    color: #000;
    font-size: 13px !important;
    font-family: Arial,sans-serif !important;
}

.ui-combobox .ui-button {
    margin-left: -1px;
    width: 25px;
    height: 24px;
    vertical-align: top;
    background-color: #FFF;
}

.ui-combobox .ui-state-default {
    background: none;
    background-color: #FFF;
    border: 1px inset #EEE;
    -moz-border-radius: 0px 0px;
    -webkit-border-radius: 0px 0px;
    border-radius: 0px 0px;
}

.ui-autocomplete.ui-widget {
    text-align: left;
    font-size: 12px;
}

#load-history {
    vertical-align: top;
    padding: 1px 6px;
    margin: 0 0 0 2px;
}

.table_form_edit input {
    margin: 0;
    padding: 4px;
}

.table_form_edit img {
    vertical-align: middle !important;
}

.incident_label {
    font-size: 15px;
    font-weight: bold !important;
    line-height: 2;
    padding-left: 108px !important;
    text-align: left !important;
}

#incident_classification.subform.smlform {
    width: 97% !important;
}

#enquiry_form.table_form_edit th {
    width: 43%;
}

.l {
    text-align: left;
}

/*For pop up create a new user view*/
.cms_ui_toolinner td, .cms_ui_toolinner th, .cms_ui_toolinner div, .cms_ui_toolinner p,
.summary_popup .iasp_tooltip_inner table th, .summary_popup .iasp_tooltip_inner table td {
    color: #fff;
    font-size: 14px;
}

.cms_ui_toolinner table.displaytbl {
    width: 100%;
    font-size: 14px;
}

    .cms_ui_toolinner table.displaytbl th,
    .cms_ui_toolinner #contactusform td.col1,
    .cms_ui_toolinner #contactform th {
        background: none;
        color: #fff;
    }

.cms_ui_toolinner .admintbl tr.su th, .cms_ui_toolinner .admintbl tr.su td,
.cms_ui_toolinner .displaytbl tr.su th, .cms_ui_toolinner .displaytbl tr.su td {
    background: none;
}

/*Style for Shop*/
/*Orders*/
#cms_shop_orders .c.col7 {
    width: 12%;
}

/*Enquiry*/
#enquiry_form .form {
    margin: 20px 0 10px 0;
}

/*Fix the ui iframe z-index fix*/
.iasp_ui_iframe280 {
    z-index: 10000;
}

.ui-dialog .listitemleft {
    width: 50%;
    padding: 0 90px;
}

/*New Hazardous Form Style*/
.ui-dialog input.text, .ui-dialog input.title {
    width: 309px;
}

.ui-dialog .ui-dialog-content .textarea {
    padding: 5px;
    width: 311px;
    height: 85px;
    overflow: auto;
}

.align_left {
    text-align: left;
}

.align_right {
    text-align: right;
}

a.popupviewtrigger {
    cursor: pointer;
}

.ui-dialog p.form_des {
    margin: 0 0 13px;
    font-size: 1em;
    color: #6d6d6d;
}

.ui-dialog div.cms_miniedit_submit {
    margin-top: 10px;
}

#substance_list .darktitle {
    white-space: nowrap;
}

#substance_list td.align_center {
    width: 320px;
}

/*For all forms brochure and PDF*/
body#brochure {
    padding: 0 !important;
}

    body#brochure div.print_view {
        width: 90%;
        height: auto;
        margin: 0;
        padding: 0 5%;
    }

        body#brochure div.print_view.pdf_view div.form4 {
            page-break-inside: avoid;
            margin: auto;
        }

        body#brochure div.print_view.pdf_view .form_title {
        }

    body#brochure table.form_tbl thead th {
        padding: 10px 5px;
        border: none;
        background: #00447B;
        color: #fff;
    }

#brochure table.admintbl th.sub_heading {
    background: none;
    text-align: left;
    color: #00447B;
    font-size: 20px;
    padding: 10px 0;
    font-weight: normal;
}

#brochure .print_view table.admintbl th {
    color: #fff;
}

@media print,handheld {

    body#brochure div.print_view #top_actions_bar {
        display: none;
    }

    #brochure .subform.smlform {
        width: 90%;
    }
}

span.inpdf + .form_template #top_actions_bar {
    display: none !important;
}
/*For Incident Report*/
/*Incident Report List View*/
#incident_list th.col_action {
    min-width: 150px;
}

#incident_list td.col_action {
    text-align: center;
}

p.print_btn {
    display: none;
}

/*Incident Report Edit View*/
.new_editor th.incident_type {
    text-align: center;
}

.new_editor tr.incident_type_row td:first-child {
    text-align: right;
    width: 35%;
    font-weight: bold;
}

/*For List View*/
td.col_actions {
    text-align: center;
    max-width: 54%;
}

.col_actions_legend {
    text-align: right;
}

td.align_center {
    text-align: center;
}

div.col_actions_legend {
    font-size: 11px;
    text-align: right;
    line-height: 30px;
    vertical-align: middle;
    margin: -6px 3px -2px 3px;
    padding: 5px 13px 5px 13px;
    background: #DCEFFA;
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

    div.col_actions_legend .actions_in img {
        padding-right: 5px;
    }

.memberarea .table_form th {
    white-space: nowrap;
}

.memberarea td.form_name {
    white-space: nowrap;
}
/****************************************************************************************************************************************************************/
/****************************************************************************************************************************************************************/
/********************************* New General Style Starts *****************************/
body {
    font-family: Arial, sans-serif;
    color: #6a747d;
    line-height: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    margin: 0 0 13px;
}

h1,
h3 {
    color: #808182;
    font-family: Arial, sans-serif;
    font-size: 13pt;
}

h2,
h4 {
    color: #808182;
    font-family: Arial, sans-serif;
    font-size: 10pt;
    font-weight: bold;
}

h5,
h6 {
    font-weight: normal;
    font-size: 8pt;
}

    h1.title,
    h2.title,
    h3.title,
    h4.title,
    h5.title,
    h6.title {
        border-bottom: 1px solid #808182;
    }

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

#member_area h1:first-child {
    padding-bottom: 15px !important;
}

.hp_box h1.title,
.hp_box h2.title,
.hp_box h3.title,
.hp_box h4.title,
.hp_box h5.title,
.hp_box h6.title {
    border-bottom: none;
}

table.tbl_heading + table.cpaneltbl a,
table.tbl_heading + table.cpaneltbl a:link,
table.tbl_heading + table.cpaneltbl a:active,
table.tbl_heading + table.cpaneltbl a:visited,
table.tbl_heading + table.cpaneltbl a:focus {
    color: #008fc3;
}

    table.tbl_heading + table.cpaneltbl a:hover {
        color: #035f7a;
    }

table.cpaneltbl th a,
table.cpaneltbl th a:link,
table.cpaneltbl th a:active,
table.cpaneltbl th a:visited,
table.cpaneltbl th a:hover table.cpaneltbl .listhdr th a,
table.cpaneltbl .listhdr th a:link,
table.cpaneltbl .listhdr th a:active,
table.cpaneltbl .listhdr th a:visited,
table.cpaneltbl .listhdr th a:hover {
    text-decoration: none;
    line-height: normal;
}

table.cpaneltbl td {
    line-height: 1.4em;
}

.cms_miniedit_inner .btn_add {
    display: none;
}

.cms_reauth_inner,
.cms_reauth_pending {
    font-size: 0.9em;
}
/********************************* New General Style Ends *****************************/
/********************************* CMS Style Starts *****************************/
#cms_edit.new_editor textarea,
.standard_form textarea {
    height: 80px;
}

.iasp_infobox.iasp_tt_Warn24 p {
    margin-bottom: 1em !important;
}

    .iasp_infobox.iasp_tt_Warn24 p:only-child {
        margin-bottom: 0 !important;
    }

    .iasp_infobox.iasp_tt_Warn24 p:last-child {
        margin-bottom: 0 !important;
    }
/********************************* CMS Style Endss *****************************/
/********************************* FAQ List *****************************/
#faq-list {
}

    #faq-list .list_item {
        margin: 15px 0;
        padding: 25px 10px;
    }

        #faq-list .list_item.f {
            margin: 0 0 15px;
        }

    #faq-list .faq-q {
        margin-bottom: 10px;
        font-size: 16px;
        font-weight: bold;
        color: #808182;
        /*font-family: "Helvetica Neue", Arial, sans-serif;*/
    }

    #faq-list .faq-a {
        padding: 0 30px;
        margin: 0;
    }

        #faq-list .faq-a p {
        }

/********************************* FAQ List Ends ************************/
/******************** Modal box style Starts ***************************/
.modal {
    width: 900px;
    margin-left: -450px;
    top: 5vh;
    max-height: 90vh;
    overflow-y: auto;
}

    .modal .modal-content.standard-padding.des_pop {
        font-size: 0.95em;
        line-height: 1.4em;
        padding: 15px;
    }


        .modal .modal-content.standard-padding.des_pop .bottom_margin p {
            margin-bottom: 0;
        }

    .modal .modal-content p:only-child,
    .modal .modal-content div:only-child {
        margin: 0;
    }

    .modal .modal-content button {
        display: inline;
        background: #0091c8;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
        font-family: Arial,sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        padding: 8px 22px;
        text-align: center;
        text-decoration: none;
        -webkit-appearance: none;
        vertical-align: middle;
        border: none;
    }

    .modal .modal-content > button {
        display: inherit;
        /*margin: 0 0 15px 0;*/
        margin: 15px 0;
        float: right;
    }

    .modal .modal-content .modal-header button {
        background: none;
        color: #808182;
        opacity: 1;
        text-shadow: none;
        padding: 0;
        margin: 0;
        font-size: 20px;
        line-height: 21px;
        font-weight: 700;
        margin-right: 1px;
    }

    .modal .modal-content .modal-header h1 {
        font-weight: normal;
    }

    .modal .modal-content .modal-header button + .modal-title {
        text-align: left;
    }

    .modal .modal-content.standard-padding.des_pop table {
        margin-bottom: 1em;
    }

        .modal .modal-content.standard-padding.des_pop table tbody tr:last-child {
            border-bottom: 1px solid #ddd;
        }

    .modal .modal-content.standard-padding.des_pop .icon_group {
        padding: 0 5px;
        margin: 0;
        background-color: transparent;
        background-image: url('../i/icon_group_40.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px;
        display: inline-block;
        _height: 30px;
        zoom: 1;
        width: 16px;
        height: 16px;
    }

    .modal .modal-content.standard-padding.des_pop .icon_access {
        padding: 0 5px;
        margin: 0;
        background-color: transparent;
        background-image: url('../i/icon_permission_30.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 16px;
        display: inline-block;
        _height: 30px;
        zoom: 1;
        width: 16px;
        height: 16px;
    }

    /*## 20170619 Modified starts ##*/
    .modal .modal-header {
        font-size: 13px;
        text-align: center;
    }

        .modal .modal-header h1,
        .modal .modal-header h2,
        .modal .modal-header h3,
        .modal .modal-header h4,
        .modal .modal-header h5,
        .modal .modal-header h6 {
            color: #000;
            font-size: 1.2em;
            line-height: 1.9em;
            font-weight: 600;
        }

    .modal .modal-content .modal-header {
        text-align: center;
    }

        .modal .modal-content .modal-header h1,
        .modal .modal-content .modal-header h2,
        .modal .modal-content .modal-header h3,
        .modal .modal-content .modal-header h4,
        .modal .modal-content .modal-header h5,
        .modal .modal-content .modal-header h6 {
            color: #000;
            font-size: 1.2em;
            line-height: 1.9em;
            font-weight: 600;
        }
    /*## 20170619 Modified ends ##*/

    .modal .modal-content .modal-footer {
        background: transparent;
        border: none;
        /*padding-top: 0;*/
    }

.modal-body ul {
    margin: 10px 0 10px 25px;
}

    .modal-body ul:last-child {
        margin-bottom: 0;
    }

    .modal-body ul li {
        line-height: 1.3em;
        font-size: 0.9em;
    }

#modal-text {
    display: none;
}

.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.6;
    filter: alpha(opacity=60);
}
/******************** Modal box style Ends ***************************/
/********************************* Member Menu Style Starts *****************************/
/*div#membersmenu {
    background: #F6F7F7;
    background: -moz-linear-gradient(top, #F6F7F7 0%, #E8EAEB 60%, #DCDFE1 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F7F7), color-stop(60%,#E8EAEB), color-stop(100%,#DCDFE1));
    background: -webkit-linear-gradient(top, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%);
    background: -o-linear-gradient(top, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%);
    background: -ms-linear-gradient(top, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%);
    background: linear-gradient(to bottom, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F7F7', endColorstr='#DCDFE1',GradientType=0 );
    border-top: 1px solid #EADFDF;
    height: 40px;
}

ul.membermenu li.f {
    padding-left: 18px;
}

ul.membermenu li a:link,
ul.membermenu li a:active,
ul.membermenu li a:visited,
ul.membermenu li a:hover {
    color: #008fc3;
}

span.workplace,
span.workplace a,
span.workplace a:link,
span.workplace a:active,
span.workplace a:visited,
span.workplace a:hover {
    color: #008fc3;
}*/
/********************************* Member Menu Style Ends *****************************/
/********************************* New Hazardous Form Style Starts *****************************/
.ui-dialog .ui-dialog-content .textarea {
    width: 61%;
    height: 85px;
    overflow: auto;
}

.align_left {
    text-align: left;
}

.align_center {
    text-align: center;
}

.align_right {
    text-align: right;
}

a.popupviewtrigger {
    cursor: pointer;
}
/********************************* New Hazardous Form Style Ends *****************************/
/********************************* Generic Member Area Table List Style Starts *****************************/
td.col_actions {
    text-align: center;
    width: 250px;
}

.actions_in {
    margin: 0 2px;
    padding: 0;
    height: 30px;
    width: 30px;
    vertical-align: top;
    white-space: nowrap;
}


    .actions_in span {
        margin: 0;
        padding: 0;
    }

    .actions_in .icn_cant_delete {
        background-size: contain;
        width: 30px;
        height: 30px;
    }

    .actions_in a:link,
    .actions_in a:active,
    .actions_in a:visited {
        color: #656565;
        font-weight: normal;
        text-decoration: none;
        font-size: 7pt;
    }

    .actions_in img {
        vertical-align: middle;
    }

div.col_actions_legend {
    font-size: 11px;
    text-align: right;
    line-height: 30px;
    vertical-align: middle;
    margin: -6px 3px -2px 3px;
    padding: 5px 13px 5px 13px;
    background: #DCEFFA;
    -webkit-border-radius: 0 6px 0 0;
    -moz-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

    div.col_actions_legend .actions_in img {
        padding-right: 5px;
    }

.memberarea .table_form th {
    white-space: nowrap;
}

.memberarea td.form_name {
    white-space: nowrap;
}
/********************************* Generic Member Area Table List Style Ends *****************************/
/********************************* Task Edit Style Starts *****************************/
.table_form_edit th.section_heading,
.table_form th.section_heading {
    padding: 8px 0 0px 30px;
    background: transparent url('../i/Title-Image-Small.png') 0 12px no-repeat;
    text-align: left;
    white-space: nowrap;
    font-weight: bold;
    font-size: 15px;
    line-height: 25px;
    color: #6d6d6d;
    font-family: Arial, sans-serif;
}

select#data_text25 {
    max-width: initial;
}
/********************************* Task Edit Style Ends *****************************/
/**************************************** Style For Ajax Search ********************************************************/

.manual_sorting_bar {
    margin: 5px 0;
    display: inline-block;
    *
    display: inline;
    _height: 30px;
    zoom: 1;
}

#btn_export_results {
    display: inline-block;
    *
    display: inline;
    _height: 30px;
    zoom: 1;
    margin-left: 5px;
}

#manual_sorting_bar_items {
    height: 24px;
    overflow: hidden;
    text-align: right;
    width: 100%;
}

    #manual_sorting_bar_items span {
        padding-right: 10px;
        font-size: 12px;
    }

#manual_sorting_bar_fields {
    padding-right: 5px;
    height: 19px;
    line-height: 19px;
    overflow: hidden;
}

select[data-cmsparamgroup="searchfilter"] {
    border: none;
    font-size: 11px !important;
    line-height: 19px;
    height: 19px;
    vertical-align: middle;
}

#manual_sorting_bar_dates {
    padding-right: 5px;
    vertical-align: top;
    height: 19px;
    min-width: 184px;
    *
    width: 350px;
    overflow: hidden;
}

    #manual_sorting_bar_dates span {
        line-height: 24px;
    }

    #manual_sorting_bar_dates .daterangefield.pull-right {
        margin: 0;
        /**float: none;
        *display: inline;
        _height: 30px;
        zoom: 1;
        *vertical-align: top;*/
    }

#search_employment_status {
    padding-right: 5px;
    vertical-align: top;
    min-width: 138px;
    width: 138px;
    overflow: hidden;
}

/*IE hack for employment status dropdown*/
@media screen\0 {
    #search_employment_status {
        width: 141px;
    }
}

/*IE Edge  css hack for employment status dropdown*/
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
    #search_employment_status {
        width: 141px;
    }
}

#search_substance_status {
    padding-right: 5px;
    vertical-align: top;
    min-width: 75px;
    width: 75px;
    overflow: hidden;
}

/*IE hack for substance status dropdown*/
@media screen\0 {
    #search_substance_status {
        width: 77px;
    }
}

/*IE Edge  css hack for substance status dropdown*/
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
    #search_substance_status {
        width: 77px;
    }
}

#search_associated,
#search_associated_manager,
#search_associated_inductee {
    min-width: 210px;
    width: auto;
    max-width: 263px;
    padding-right: 5px;
    vertical-align: top;
}

    #search_associated input,
    #search_associated_manager input,
    #search_associated_inductee input {
        font-size: 11px !important;
        width: 100%;
        height: 19px;
        line-height: 19px;
        vertical-align: middle;
        border: none;
        border-radius: 0;
        margin: 0;
        padding: 0 3px;
    }

#member_area_sub_section.staff_induction.v201511 #search_associated_manager,
#member_area_sub_section.training.v201511 #search_associated_manager {
    min-width: 175px;
    width: 175px;
}

#member_area_sub_section.staff_induction.v201511 #search_associated_inductee,
#member_area_sub_section.training.v201511 #search_associated_inductee {
    min-width: 195px;
    width: 195px;
}

#member_area_sub_section.staff_induction.v201511 #search_bar,
#member_area_sub_section.training.v201511 #search_bar {
    min-width: 220px;
    width: 220px;
}

    #member_area_sub_section.staff_induction.v201511 #search_bar #appSearch,
    #member_area_sub_section.training.v201511 #search_bar #appSearch {
        min-width: 197px;
        width: 197px;
    }

#search_bar {
    min-width: 205px;
    text-align: right;
    /*line-height: 19px;*/
}

#appSearch {
    width: 205px;
    margin: 0;
    font-size: 11px !important;
    line-height: 19px;
    height: 19px;
    border: none;
    vertical-align: middle;
    padding: 0 3px;
}

/*IE Exploer hack for Password background*/
@media screen\0 {
    #appSearch {
        width: 195px;
    }
}

#appSearch + span:hover,
#appSearch + span:focus,
#appSearch + span:active,
#appSearch + span.active,
#appSearch + span.disabled,
#appSearch + span[disabled] {
    cursor: pointer;
}

#appSearch + span {
    background: url('../i/icon_search.png') 0 0 no-repeat;
}

#ajax_search_bar {
    margin: 0;
    font-size: 12px;
    line-height: 17px;
}

    #ajax_search_bar span {
        color: #FFF;
        font-family: Arial;
        font-weight: bold;
        padding-right: 10px;
        font-size: 12px;
        line-height: 19px;
        vertical-align: middle;
    }

    #ajax_search_bar .daterangefield span.range {
        font-weight: normal;
        color: #000;
        font-size: 11px !important;
        padding: 0 0 0 5px;
        vertical-align: middle;
        line-height: normal;
    }

    #ajax_search_bar #appSearch + span {
        color: #008fc3;
        text-shadow: none;
        font-size: 18px;
        line-height: 75px;
        vertical-align: top;
        height: 18px;
        overflow: hidden;
        display: inline-block;
        *
        display: inline;
        _height: 30px;
        zoom: 1;
        width: 18px;
        padding: 0;
        margin-left: 5px;
    }

    #ajax_search_bar .navbar-inner {
        background: #008fc3;
        filter: none;
        min-height: inherit;
        padding: 0 5px;
    }

#sort_by_input {
    font-size: 12px;
}

#pagination_no {
    font-size: 12px;
}


/*Workplace Owner section Search bar*/
#ajax_search_bar .wp_owner .manual_sorting_bar_fields {
    margin-bottom: 2px;
}

/**************************************** End of Style For Ajax Search ********************************************************/
/**************************************** Style For User List Ajax Search ********************************************************/
#cms_cp_users > #cms_cpanel {
    border: none;
    background: none;
}

    #cms_cp_users > #cms_cpanel > .search-bar {
        margin: 0;
        padding: 0 10px;
        font-size: 12px;
        line-height: 40px;
        color: #ffffff;
        min-height: 40px;
        background: #008fc3;
        filter: none;
        border: 1px solid #d4d4d4;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.065);
        *zoom: 1;
    }

        #cms_cp_users > #cms_cpanel > .search-bar span {
            color: #FFF;
        }

        #cms_cp_users > #cms_cpanel > .search-bar #appSearch {
            width: 92%;
        }

        #cms_cp_users > #cms_cpanel > .search-bar .daterangefield span.range {
            font-weight: normal;
            color: #000;
            font-size: 13px;
            font-size: 12px\9;
            padding: 0 0 0 5px;
            vertical-align: middle;
            line-height: normal;
        }

        #cms_cp_users > #cms_cpanel > .search-bar #appSearch + span {
            text-shadow: none;
            line-height: 75px;
            vertical-align: middle;
            height: 18px;
            overflow: hidden;
            display: inline-block;
            *display: inline;
            _height: 30px;
            zoom: 1;
            width: 18px;
            padding: 0;
            margin: 1px 0 0 10px;
        }

        #cms_cp_users > #cms_cpanel > .search-bar .textsearch .btnAjaxSearch {
            background: url('../i/icon_search.png') 0 0 no-repeat;
        }

        #cms_cp_users > #cms_cpanel > .search-bar .export .btn_create {
            padding: 0;
            margin: 0;
            background: transparent url('../i/icon_export_18.png') 0 0 no-repeat;
            display: inline-block;
            *display: inline;
            _height: 30px;
            zoom: 1;
            width: 18px;
            height: 18px;
            overflow: hidden;
            line-height: 75px;
            vertical-align: middle;
        }

        #cms_cp_users > #cms_cpanel > .search-bar .navbar-inner {
            background: #008fc3;
            filter: none;
            min-height: inherit;
            padding: 0 10px;
        }

        #cms_cp_users > #cms_cpanel > .search-bar .export {
            float: right;
        }

        #cms_cp_users > #cms_cpanel > .search-bar select {
            height: 26px;
            line-height: 23px;
            vertical-align: middle;
        }

        #cms_cp_users > #cms_cpanel > .search-bar .textsearch {
            width: 473px;
        }

            #cms_cp_users > #cms_cpanel > .search-bar .textsearch input {
                vertical-align: middle;
            }

        #cms_cp_users > #cms_cpanel > .search-bar .daterange-label {
            color: #FFF;
            margin: 0;
            font-weight: bold;
        }

        #cms_cp_users > #cms_cpanel > .search-bar .daterange {
            width: 211px;
            display: inline-block;
            *display: inline;
            _height: 30px;
            zoom: 1;
        }

            #cms_cp_users > #cms_cpanel > .search-bar .daterange .daterangefield {
                width: 191px;
                margin: 8px 3px 6px 6px;
                line-height: 24px;
                display: inline-block;
                *display: inline;
                _height: 30px;
                zoom: 1;
            }

    #cms_cp_users > #cms_cpanel + .page-item-bar > .pagenumber-label {
        margin-right: 3px;
    }

    #cms_cp_users > #cms_cpanel + .page-item-bar {
        line-height: 25px;
    }
/**************************************** End of Style For User List Ajax Search ********************************************************/
/**************************************** 20160720 Style For User List Table ********************************************************/
#users_tbl_heading,
#users_tbl {
    table-layout: fixed;
}

    #users_tbl_heading > tbody > tr > th.col_1 {
        width: 17%;
        border-left: 1px solid transparent;
    }

    #users_tbl td.col_1 {
        width: 17%;
    }

    #users_tbl_heading > tbody > tr > th.col_2 {
        width: 10%;
    }

    #users_tbl td.col_2 {
        width: 10%;
    }

    #users_tbl_heading > tbody > tr > th.col_3 {
        width: 15%;
    }

    #users_tbl td.col_3 {
        width: 15%;
    }

    #users_tbl_heading > tbody > tr > th.col_4 {
        width: 20%;
    }

    #users_tbl td.col_4 {
        width: 20%;
        white-space: normal;
        word-break: break-all;
    }

    #users_tbl_heading > tbody > tr > th.col_5 {
        width: 12%;
    }

    #users_tbl td.col_5 {
        width: 12%;
    }


    #users_tbl_heading > tbody > tr > th.col_6 {
        width: 15%;
    }

    #users_tbl td.col_6 {
        width: 15%;
    }

    #users_tbl_heading > tbody > tr > th.col_7 {
        width: 6%;
        border-right: 1px solid transparent;
    }

    #users_tbl td.col_7 {
        width: 6%;
    }

.membership_item {
    margin-bottom: 5px;
    color: #000 !important;
}

    .membership_item:last-child {
        margin: 0;
    }

    .membership_item label {
        font-weight: bold;
    }

    .membership_item.expired {
        color: red !important;
    }

/**************************************** 20160720 End of Style For User List Table ********************************************************/
/**************************************** Style For search result highlight ********************************************************/
.mark {
    background-color: #FFFF96;
}

.memberarea #task_tbl.table_form td {
    vertical-align: top;
}

    .memberarea #task_tbl.table_form td.col_6 {
        vertical-align: middle;
    }

    .memberarea #task_tbl.table_form td.col_1.col_status {
        vertical-align: middle;
    }

    .memberarea #task_tbl.table_form td.col_4 {
        vertical-align: middle;
    }

    .memberarea #task_tbl.table_form td.col_5 {
        vertical-align: middle;
    }
/**************************************** End of Style For search result highlight ********************************************************/
/**************************************** Style for Area Sub Section Title Style ********************************************************/
.mass_title {
    line-height: 100px;
    margin: 0;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    position: relative;
}

.mass_img {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    position: relative;
}

/**************************************** End of Area Sub Section Title Style ********************************************************/
/**************************************** Style for actions bar (top and in list table) ********************************************************/
h1.info_bar {
    font-size: 14px;
    font-weight: normal;
    color: #808182;
    display: block;
    background-color: #EFF8D4;
    background-image: url('../i/icn_arrow_up.png');
    background-position: 90% center;
    background-repeat: no-repeat;
    background-size: 20px;
    height: 30px;
    line-height: 30px;
    width: 57px;
    padding-left: 10px;
    margin: 0;
    position: absolute;
    top: 75px;
    right: 35px;
    webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0;
    cursor: pointer;
    z-index: 1;
}

    h1.info_bar.collapsed {
        color: #ffffff;
        background-color: #A5D11D;
        background-image: url('../i/icn_arrow_down.png');
        webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    h1.info_bar:hover {
        cursor: pointer;
    }

.bottom_margin.v2_des {
    margin: 5px 0 15px 0;
    padding: 13px 25px 15px 45px;
    border: none;
    -moz-border-radius: 5px 0 5px 5px;
    -webkit-border-radius: 5px 0 5px 5px;
    border-radius: 5px 0 5px 5px;
    background: #eff8d4 url('../i/t_icn_help.gif') 10px 10px no-repeat;
}

#info_des .bottom_margin.v2_des {
    font-size: 12px;
    line-height: 18px;
    font-family: Arial;
    color: #6d6d6d;
}

.bottom_margin.v2_des p {
    color: #808182;
    font-size: inherit;
    margin: 0;
    padding: 0 0 10px 0;
}

.bottom_margin.v2_des {
    font-size: 12px;
    line-height: 18px;
}

    .bottom_margin.v2_des img {
        padding: 0 5px;
    }

.v2_des p:last-child {
    padding: 0;
}

.bottom_margin.v2_des.incopy {
    padding: 13px 25px 13px 45px;
}

    .bottom_margin.v2_des.incopy p {
        line-height: 12px;
    }

.bottom_margin.v2_des.no_btm_margin {
    margin-bottom: 0;
}
/*#### Video Link ####*/
.video {
    display: block;
    position: absolute;
    z-index: 5;
    width: 30px;
    height: 30px;
    top: 75px;
    right: 0;
    background-color: #A5D11D;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

    .video a,
    .video a:link,
    .video a:active,
    .video a:visited,
    .video a:hover {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        width: 30px;
        height: 30px;
        background-image: url('/i/icon-play-video.png');
        background-size: 25px;
        background-position: center;
        background-repeat: no-repeat;
        background-color: transparent;
        position: relative;
        z-index: 1;
        cursor: pointer;
    }

#video_block.modal {
    width: 1100px;
    margin-left: -550px;
    height: 685px;
}

    #video_block.modal .modal-body {
        max-height: 605px;
    }
/**************************************** End of Style for Area Sub Section Description ********************************************************/
/**************************************** Style for actions bar (top and in list table) ********************************************************/
/** Style For Actions Buttons **/
.actions_in a,
.actions_in a:link,
.actions_in a:active,
.actions_in a:visited {
    display: inline-block;
    *display: inline;
    zoom: 1;
    _height: 30px;
    vertical-align: top;
    width: 30px;
    height: 30px;
    text-decoration: none;
}

    .actions_in a:hover {
        cursor: pointer;
    }

.actions_in .btn_add {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_add_30.png') 0 0 no-repeat;
}

.actions_in .btn_edit {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_edit_30.png') 0 0 no-repeat;
}

.actions_in .btn_access {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_permission_30.png') 0 0 no-repeat;
}


.actions_in .btn_resend {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_resend_30.png') 0 0 no-repeat;
}

.actions_in .btn_view {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_view_30.png') 0 0 no-repeat;
}

.actions_in .btn_print {
    padding: 0;
    margin: 0;
    background: transparent url('../i/view_icon.png') 0 0 no-repeat;
}

.actions_in .btn_view_history {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_history_30.png') 0 0 no-repeat;
}

.actions_in.btn_export a,
.actions_in.btn_export a:link,
.actions_in.btn_export a:active,
.actions_in.btn_export a:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_export_30.png') 0 0 no-repeat;
    width: 30px;
    height: 30px;
    overflow: hidden;
    line-height: 70px;
}

.actions_in .btn_downloadpdf {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_pdf_30.png') 0 0 no-repeat;
}

.actions_in .btn_setcomplete {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_markcomplete_30.png') 0 0 no-repeat;
}

.actions_in .btn_addfrom {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_addrelate_30.png') 0 0 no-repeat;
}

.actions_in .btn_download {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_download_30.png') 0 0 no-repeat;
}

.actions_in.btn_delete,
.actions_in .icn_delete,
a.btn_delete.action-delete {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_delete_30.png') 0 0 no-repeat;
    background-size: 25px;
    background-position: center;
    s;
}

    .actions_in .btn_delete.su,
    .actions_in.su .btn_delete,
    .actions_in.su a.btn_delete.action-delete {
        padding: 0;
        margin: 0;
        background: transparent url('../i/icon_delete_super.png') 0 0 no-repeat;
        display: block;
    }
/*Top action bar style*/
.actions_bar .btn_export_40 a,
.actions_bar .btn_export_40 a:link,
.actions_bar .btn_export_40 a:active,
.actions_bar .btn_export_40 a:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_export_40.png') 5px 5px no-repeat;
    width: 40px;
    height: 40px;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    overflow: hidden;
    line-height: 103px;
}

    .actions_bar .btn_export_40 a img {
        display: none;
    }

.actions_bar .btn_add_40,
.actions_bar .btn_add_40:link,
.actions_bar .btn_add_40:active,
.actions_bar .btn_add_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_add_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_import_40,
.actions_bar .btn_import_40:link,
.actions_bar .btn_import_40:active,
.actions_bar .btn_import_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_import_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}


.actions_bar .btn_group_40,
.actions_bar .btn_group_40:link,
.actions_bar .btn_group_40:active,
.actions_bar .btn_group_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_group_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_home_40,
.actions_bar .btn_home_40:link,
.actions_bar .btn_home_40:active,
.actions_bar .btn_home_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_home_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_return_40,
.actions_bar .btn_return_40:link,
.actions_bar .btn_return_40:active,
.actions_bar .btn_return_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_return_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_search_40,
.actions_bar .btn_search_40:link,
.actions_bar .btn_search_40:active,
.actions_bar .btn_search_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_search_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_contra_home_40,
.actions_bar .btn_contra_home_40:link,
.actions_bar .btn_contra_home_40:active,
.actions_bar .btn_contra_home_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_contra_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_print_40,
.actions_bar .btn_print_40:link,
.actions_bar .btn_print_40:active,
.actions_bar .btn_print_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_print_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_download_40,
.actions_bar .btn_download_40:link,
.actions_bar .btn_download_40:active,
.actions_bar .btn_download_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_download_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_downloadpdf_40,
.actions_bar .btn_downloadpdf_40:link,
.actions_bar .btn_downloadpdf_40:active,
.actions_bar .btn_downloadpdf_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_downloadpdf_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.actions_bar .btn_archived_40,
.actions_bar .btn_archived_40:link,
.actions_bar .btn_archived_40:active,
.actions_bar .btn_archived_40:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_archived_40.png') 5px 5px no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 40px;
    height: 40px;
}

.btn_export_18 a,
.btn_export_18 a:link,
.btn_export_18 a:active,
.btn_export_18 a:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_export_18.png') 0 0 no-repeat;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 18px;
    height: 18px;
    overflow: hidden;
    line-height: 75px;
    vertical-align: middle;
}

    .btn_export_18 a:hover {
        cursor: pointer;
    }

.actions_bar .btn_export_40 a:hover,
.actions_bar .btn_add_40:hover,
.actions_bar .btn_import_40:hover,
.actions_bar .btn_group_40:hover,
.actions_bar .btn_home_40:hover,
.actions_bar .btn_download_40:hover,
.actions_bar .btn_print_40:hover,
.actions_bar .btn_downloadpdf_40:hover,
.actions_bar .btn_archived_40:hover,
.actions_bar .btn_contra_home_40:hover,
.actions_in.btn_delete:hover {
    cursor: pointer;
    background-color: #C0E0F5;
}

/*Top bar icon style*/
.btn_home_20 a,
.btn_home_20 a:link,
.btn_home_20 a:active,
.btn_home_20 a:visited {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon_home_20.png') 0 9px no-repeat;
    display: inline-block !important;
    *display: inline !important;
    _height: 30px !important;
    zoom: 1 !important;
    padding-left: 30px !important;
    height: 40px;
}

    .btn_home_20 a:hover {
        cursor: pointer;
    }
/** Style for action bar**/
.nav.actions_bar {
    margin: 0;
    padding-left: 15px;
}

/*#docs_list .nav.actions_bar {
    padding-left: 14px;
    text-align: right;
}

#docs_list .l.col_4 {
    padding-left: 0px;
}*/

#audit_list .nav.actions_bar {
    padding-left: 143px;
    text-align: right;
}

#inspec_list .nav.actions_bar {
    /*padding-left: 143px;*/
    text-align: right;
}

#pre1_inspec_list .nav.actions_bar {
    padding-left: 190px;
}

#pre2_inspec_list .nav.actions_bar {
    padding-left: 270px;
}

#minutes_list .nav.actions_bar {
    padding-left: 143px;
    text-align: right;
}

#staff_induc_list .nav.actions_bar {
    padding-left: 13px;
    text-align: right;
}

#training_list .nav.actions_bar {
    padding-left: 13px;
    text-align: right;
}

#task_list .nav.actions_bar {
    padding-left: 0;
}

    #task_list .nav.actions_bar li {
        margin-bottom: 5px;
    }

#hazar_list .nav.actions_bar {
    padding-left: 0;
}

#incident_list .nav.actions_bar {
    padding-left: 90px;
}

#f_aid_list .nav.actions_bar {
    padding-left: 62px;
    text-align: right;
}

#con_identi_list .nav.actions_bar {
    padding-left: 13px;
    text-align: right;
}

#con_insure_list .nav.actions_bar {
    padding-left: 13px;
    text-align: right;
}

#con_induc_list .nav.actions_bar {
    padding-left: 13px;
    text-align: right;
}

#con_sign_list .nav.actions_bar {
    padding-left: 62px;
    text-align: right;
}

#email_insure_list .nav.actions_bar {
    padding-left: 40px;
}

#shared_items_list .nav.actions_bar {
    padding-left: 145px;
}

#users_list .nav.actions_bar {
    padding-left: 0;
}

#alert_list .nav.actions_bar {
    padding-left: 60px;
}

#incident_list .nav.actions_bar {
    padding-left: 0;
    text-align: right;
}

.nav.actions_bar li {
    list-style: none;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    cursor: pointer;
}

    .nav.actions_bar li a,
    .nav.actions_bar li a:link,
    .nav.actions_bar li a:active,
    .nav.actions_bar li a:visited {
        padding: 5px;
        text-decoration: none !important;
        cursor: pointer;
    }

    .nav.actions_bar li.actions_in a,
    .nav.actions_bar li.actions_in a:link,
    .nav.actions_bar li.actions_in a:active,
    .nav.actions_bar li.actions_in a:visited {
        padding: 0;
    }

#top_actions_bar {
    margin: 10px 0;
    padding: 0;
    position: relative;
}

.ui-dialog #top_actions_bar {
    display: none;
}
/*#### Help Description Icon Styles ####*/
span.icon_action {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 15px;
    height: 15px;
    vertical-align: top;
    margin: 0;
    padding: 0 5px;
    background-size: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
}

    span.icon_action.btn_add {
        background-image: url('/i/icon_add_40.png');
    }

    span.icon_action.btn_help {
        background-image: url('/i/icon_help_18.png');
    }

    span.icon_action.btn_edit {
        background-image: url('/i/icon_edit_30.png');
    }

    span.icon_action.btn_duplicate {
        background-image: url('/i/icon_addrelate_30.png');
    }

    span.icon_action.btn_actions {
        background-image: url('/i/icon-actions.png');
    }

    span.icon_action.btn_import {
        background-image: url('/i/icon_import_40.png');
    }

    span.icon_action.btn_resend {
        background-image: url('/i/icon_resend_30.png');
    }

    span.icon_action.btn_group {
        background-image: url('/i/icon_group_40.png');
    }

    span.icon_action.btn_return {
        background-image: url('/i/icon_return_40.png');
    }

    span.icon_action.btn_download {
        background-image: url('/i/icon_download_40.png');
    }

#member_area_sub_section #info_des img {
    width: 15px;
    vertical-align: top;
    padding: 0 5px;
}
/*#### For Workplace Settings ####*/
table.admintbl:only-of-type {
    margin: 20px 0;
}

    table.admintbl:only-of-type tbody tr:only-of-type th {
        -moz-border-top-left-radius: 5px;
        -webket-border-top-left-radius: 5px;
        border-top-left-radius: 5px;
        -moz-border-bottom-left-radius: 5px;
        -webket-border-bottom-left-radius: 5px;
        border-bottom-left-radius: 5px;
    }
/*#### User Access Popup icons ####*/
.icon-help-18 {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin: 0;
    padding: 0 10px;
    background-size: 18px;
    background-position: center;
    background-repeat: no-repeat;
    background-color: transparent;
    background-image: url('/i/icon_help_18.png');
}

    .icon-help-18:last-child {
        padding-right: 0;
        background-position: top right;
    }
/**************************************** End of Style for actions bar (top and in list table) ********************************************************/
/**************************************** Style of paination ********************************************************/
.pagination {
    text-align: right;
}

    .pagination ul {
        border: none;
        border-radius: 0;
        box-shadow: none;
    }

#member_area_sub_section + div.pagination {
    display: none;
}

.memberarea {
    margin: 0;
}

    .memberarea a {
        color: #008fc3;
        text-decoration: none;
    }

        .memberarea a:hover {
            color: #008fc3;
            text-decoration: underline;
        }

table.tbl_heading th {
    background-color: #008fc3;
    color: #fff;
    vertical-align: top;
    line-height: 1.7em;
    white-space: normal;
}

.pagination ul > li > a,
.pagination ul > li > span {
    background-color: #008fc3;
    color: #fff;
}

    .pagination ul > li > a:link,
    .pagination ul > li > a:active,
    .pagination ul > li > a:visited {
        color: #fff !important;
    }

    .pagination ul > li > a:hover,
    .pagination ul > li > a:focus,
    .pagination ul > .active > a,
    .pagination ul > .active > span {
        background-color: #09A8E2;
    }

.pagination ul > .active > a,
.pagination ul > .active > span {
    color: #FFFFFF;
}

.pagination ul > .disabled > span,
.pagination ul > .disabled > a,
.pagination ul > .disabled > a:hover,
.pagination ul > .disabled > a:focus {
    background-color: #008fc3;
}

    .pagination ul > .disabled > span,
    .pagination ul > .disabled > a,
    .pagination ul > .disabled > a:hover,
    .pagination ul > .disabled > a:focus {
        color: #FFFFFF;
    }

.nav > li > a:hover,
.nav > li > a:focus {
    background-color: #C0E0F5;
}

.pagi-block ul.pagination {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin-top: 20px;
}

    .pagi-block ul.pagination > li {
        display: inline;
    }

        .pagi-block ul.pagination > li > a,
        .pagi-block ul.pagination > li > span {
            background-color: #008fc3;
            color: #fff;
            position: relative;
            float: left;
            padding: 6px 12px;
            margin-left: -1px;
            line-height: 1.42857143;
            text-decoration: none;
            border: 1px solid #ddd;
        }

        .pagi-block ul.pagination > li:first-child > a,
        .pagi-block ul.pagination > li:first-child > span {
            border-left-width: 1px;
            -webkit-border-top-left-radius: 4px;
            -moz-border-radius-topleft: 4px;
            border-top-left-radius: 4px;
            -webkit-border-bottom-left-radius: 4px;
            -moz-border-radius-bottomleft: 4px;
            border-bottom-left-radius: 4px;
        }

        .pagi-block ul.pagination > li:last-child > a,
        .pagi-block ul.pagination > li:last-child > span {
            -webkit-border-top-right-radius: 4px;
            -moz-border-radius-topright: 4px;
            border-top-right-radius: 4px;
            -webkit-border-bottom-right-radius: 4px;
            -moz-border-radius-bottomright: 4px;
            border-bottom-right-radius: 4px;
        }

        .pagi-block ul.pagination > li > a:link,
        .pagi-block ul.pagination > li > a:active,
        .pagi-block ul.pagination > li > a:visited {
            color: #fff !important;
        }

        .pagi-block ul.pagination > li > a:hover,
        .pagi-block ul.pagination > li > a:focus,
        .pagi-block ul.pagination > .active > a,
        .pagi-block ul.pagination > .active > span {
            background-color: #09A8E2;
        }

    .pagi-block ul.pagination > .disabled > span,
    .pagi-block ul.pagination > .disabled > a,
    .pagi-block ul.pagination > .disabled > a:hover,
    .pagi-block ul.pagination > .disabled > a:focus {
        background-color: #008fc3;
    }
/**************************************** End of Style of paination ********************************************************/
/**************************************** Style for my member area and contractor area********************************************************/
/*Style for fix member area control panel homeitem*/
#cms_cpanel_inner .cms_cpanel_homeitem, #cms_cpanel_inner .cms_cpanel_homeitem_disabled {
    margin: 0 7px 7px !important;
}
/*Style for member area */
#member_area_sub_section, #contractor_area {
    position: relative;
}

/*Style for My Member Area Roll Over*/
.inMemberArea .listitem_rollover_content,
.inContractorArea .listitem_rollover_content,
#shared_marea_items .listitem_rollover_content {
    display: none;
    padding: 15px;
    border: 1px solid #f8981c;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #F04950;
    color: #fff;
    font-family: Arial,sans-serif;
    font-size: 11px;
    font-weight: normal;
    text-decoration: none;
}

.inMemberArea .rollover_triangle,
.inContractorArea .rollover_triangle,
#shared_marea_items .rollover_triangle {
    width: 0px;
    height: 0px;
    border-top: 20px solid #F04950;
    border-left: 20px solid transparent;
    border-right: 20px solid transparent;
    z-index: 1;
    position: absolute;
    top: 100%;
    left: 40%;
}
/*Style for My Member Area List Item Block*/
#member_area_items_list {
    margin-bottom: 13px;
}

.inMemberArea .listitem {
    float: none;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    margin: 5px;
    border: 1px solid #B2B2B2;
    width: 180px;
    height: 160px;
    border-radius: 5px;
    background-color: #FFF;
    text-align: center;
}

    .inMemberArea .listitem.ca_12417,
    .inMemberArea .listitem.ca_12503,
    .inMemberArea .listitem.ca_12471 {
        display: none;
    }

    .inMemberArea .listitem:hover {
        background-color: #F7F7F7;
    }

    .inMemberArea .listitem .img_float {
        float: none;
        margin: 10px 0 0 0;
        width: 100%;
    }


    .inMemberArea .listitem .img_wrap {
        margin: 0;
        padding: 5px;
        text-align: center;
        position: relative;
    }

        .inMemberArea .listitem .img_wrap .edit_ctrl {
            position: absolute;
            bottom: -10px;
            text-align: center;
            width: 100%;
        }

    .inMemberArea .listitem a, .inMemberArea .listitem a:link, .inMemberArea .listitem a:active, .inMemberArea .listitem a:visited {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        text-decoration: none;
        font-weight: normal;
        color: #333333;
    }

        .inMemberArea .listitem a:hover {
            text-decoration: none;
        }

    .inMemberArea .listitem.ca_12453 a, .inMemberArea .listitem.ca_12467 a {
        font-size: 11px;
        line-height: normal;
    }

/*Style for My Member Area > Shared Member Area List Item Block*/
#shared_marea_items .listitem {
    float: none;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    margin: 5px;
    border: 1px solid #B2B2B2;
    width: 314px;
    height: auto;
    border-radius: 5px;
    background-color: #FFF;
    text-align: center;
}

    #shared_marea_items .listitem:hover {
        background-color: #F7F7F7;
    }

    #shared_marea_items .listitem h4 {
        margin: 15px 0;
        line-height: normal;
        display: table;
        width: 100%;
    }

    #shared_marea_items .listitem a,
    #shared_marea_items .listitem a:link,
    #shared_marea_items.listitem a:active,
    #shared_marea_items .listitem a:visited {
        text-decoration: none;
        font-weight: normal;
        min-height: 30px;
        display: table-cell;
        height: 30px;
        vertical-align: middle;
        text-align: center;
    }

        #shared_marea_items .listitem a:hover {
            text-decoration: underline;
        }

.inMemberArea #shared_marea_items .edit_controls {
    display: none;
}

#shared_marea_items h1.title {
    display: none;
}

.inMemberArea #shared_marea_items h1.title {
    display: block;
}

#shared_marea_items .edit_controls a,
#shared_marea_items .edit_controls a:link,
#shared_marea_items .edit_controls a:active,
#shared_marea_items .edit_controls a:visited,
#shared_marea_items .edit_controls a:hover {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    text-decoration: none;
}

/*Style for contractor area*/
.inContractorArea .listitem {
    float: none;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    margin: 5px;
    border: 1px solid #B2B2B2;
    width: 225px;
    height: 160px;
    border-radius: 5px;
    background-color: #FFF;
    text-align: center;
}

    .inContractorArea .listitem:hover {
        background-color: #F7F7F7;
        text-decoration: none;
    }

    .inContractorArea .listitem .img_float {
        float: none;
        margin: 10px 0 0 0;
        width: 100%;
    }

    .inContractorArea .listitem .img_wrap {
        margin: 0;
        padding: 5px;
        text-align: center;
        position: relative;
    }

        .inContractorArea .listitem .img_wrap .edit_ctrl {
            position: absolute;
            bottom: -10px;
            text-align: center;
            width: 100%;
        }

    .inContractorArea .listitem a, .inContractorArea .listitem a:link, .inContractorArea .listitem a:active, .inContractorArea .listitem a:visited {
        display: inline-block;
        _height: 30px;
        zoom: 1;
        text-decoration: none;
        font-weight: normal;
        color: #333333;
    }
/**************************************** End of Style For Member Area ********************************************************/
/**************************************** Style For Task ***************************************************************/
/*Task Section Search Bar table style*/

.inTaskList #manual_sorting_bar_fields,
.inTaskList #manual_sorting_bar_dates {
    padding-right: 5px;
}

.inTaskList #search_bar {
    min-width: 190px;
}

.inTaskList .manual_sorting_bar{
    margin:5px 0;
}


.inTaskList #ajax_search_bar .navbar-inner{
    padding: 0 5px;
}

.inTaskList #search_associated{
    max-width: 225px;
    padding-right: 5px;
}

.inTaskList #appSearch{
    width: 167px;
}

.inTaskList #ajax_search_bar #appSearch + span{
    margin-left:5px
}

.inTaskList #btn_export_results{
    margin-left:5px;
}

/*IE css hack*/
@media screen\0 {
    .inTaskList #search_bar {
        min-width: 189px;
    }

    .inTaskList #appSearch{
    width: 166px;
    }
}

/*IE Edge  css hack*/
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
    .inTaskList #search_bar {
        min-width: 189px;
    }

    .inTaskList #appSearch{
    width: 166px;
    }
}

/*Task List table style*/
.memberarea table.cpaneltbl,
.memberarea table.tbl_heading {
    table-layout: fixed;
    margin: 0;
}

    .memberarea table.tbl_heading tr,
    table.cpaneltbl.tbl_heading thead tr {
        background-color: #008fc3 !important;
    }

/*for task priority pop up style*/
.score.column .inner_item {
    display: inline-block;
    margin-top: 5px;
    margin-right: 15px;
    width: 100px;
    vertical-align: top;
}

#task_tbl .col_status {
    text-align: center;
}

#task_tbl .col_1,
#task_tbl_heading .col_1 {
    width: 10%;
    white-space: normal;
}

#task_tbl .col_2,
#task_tbl_heading .col_2 {
    width: 13%;
}

#task_tbl .col_3,
#task_tbl_heading .col_3 {
    width: 9%;
}

#task_tbl .col_4,
#task_tbl_heading .col_4 {
    width: 15%;
}

#task_tbl .col_5,
#task_tbl_heading .col_5 {
    width: 9%;
}

#task_tbl .col_6,
#task_tbl_heading .col_6 {
    width: 13%;
}

#task_tbl .col_7,
#task_tbl_heading .col_7 {
    width: 9%;
}

#task_tbl .col_8,
#task_tbl_heading .col_8 {
    width: 9%;
}

#task_tbl .col_9,
#task_tbl_heading .col_9 {
    width: 7%;
}

#task_tbl .col_10,
#task_tbl_heading .col_10 {
    width: 6%;
}

table.table_form, table.table_form tr {
    border-spacing: 0;
}
/*.btn_return, .btn_return:link, .btn_return:visited, .btn_return:active {
    height: 24px;
    line-height: 24px;
    width: 24px;
    text-align: center;
}*/
/*#### For inner task list service type column ####*/
span.service_type {
    display: none;
}
/*######## Task Status Style ########*/
.no_display {
    display: none;
}
/*Original Col*/
a.origin_pop {
    /*white-space: nowrap;*/
}

    a.origin_pop:link, a.origin_pop:active, a.origin_pop:visited {
        font-weight: normal;
    }

    a.origin_pop:hover {
        text-decoration: underline;
    }
/* incomplete */
.task_status_0 {
    line-height: 18px;
    padding: 0 0 5px 15px;
    background-color: #F2D52F;
}
/* urgent */
.task_status_1 {
    line-height: 18px;
    padding: 0 0 5px 15px;
    background-color: #CF4242;
}

/* completed */
.task_status_2 {
    line-height: 18px;
    padding: 0 0 5px 15px;
    background-color: #25732D;
}
/*For copy table in task module*/
#read_only_original_tbl.in_copy_view {
    display: none;
}

#tbl_copy {
    display: none;
    width: 100%;
}

    #tbl_copy th {
        /*text-align: right;*/
        padding-right: 10px;
    }

    #tbl_copy.table_form_edit th.section_heading {
        text-align: left;
    }

    #tbl_copy.in_copy_view {
        display: table;
        *display: block;
        /*overflow: hidden;
        position:relative*/
    }

    #tbl_copy input {
        background-color: transparent;
        border: none;
        color: #6d6d6d;
        padding: 0;
    }

    #tbl_copy #data_number02 {
        width: 110%;
    }

    #tbl_copy.is_manual_created {
        display: none;
    }
/* Task Status Rollover style*/
.inTaskList .rollover_content {
    display: none;
}

.inTaskList .rollover_content_base {
    background-color: #000;
    opacity: 0.75;
    filter: alpha(opacity=75);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}

.inTaskList .rollover_content_inner {
    position: relative;
    z-index: 2;
    padding: 15px;
    text-align: left;
}

    .inTaskList .rollover_content_inner .inner_item {
        color: #FFF;
        margin-bottom: 10px;
        display: block;
    }

/*For Task Origin*/
#ori_question input {
    width: 100%;
    height: auto;
    white-space: normal;
    overflow: auto;
    word-break: break-word;
}

/*Task File upload list style*/
.fileupload-item {
    padding: 10px 0;
}
/**************************************** End of Style For Task ********************************************************/
/**************************************** Style For Documents and Files ********************************************************/
#docs_tbl .col_1,
#docs_tbl_heading .col_1 {
    width: 20%;
}

#docs_tbl .col_2,
#docs_tbl_heading .col_2 {
    width: 20%;
}

#docs_tbl .col_3,
#docs_tbl_heading .col_3 {
    width: 35%;
}

#docs_tbl .col_4,
#docs_tbl_heading .col_4 {
    width: 15%;
}

#docs_tbl .col_5,
#docs_tbl_heading .col_5 {
    width: 10%;
}
/**************************************** End of Style For Documents and Files ********************************************************/
/**************************************** Style For My History ********************************************************/
#myhistory_tbl th.col_0 {
    width: 235px;
    white-space: nowrap;
    text-align: right;
}

#myhistory_tbl .monthbox {
    width: 40px;
    height: 30px;
}

#myhistory_tbl .yearbox {
    background-color: #00447B;
    border: 1px solid #b4bbbf;
    border-top: none;
    border-left: none;
}

#myhistory_tbl .monthbox {
    /*background-color: #004a83;*/
    background-color: #00447B;
    border: 1px solid #b4bbbf;
    border-top: none;
}

    #myhistory_tbl .monthbox.col_13 {
        border-right: none;
    }

#myhistory_tbl #myhistory_list th.col_0 {
    border-radius: 0;
    white-space: nowrap;
    width: 200px;
}

#myhistory_tbl #myhistory_list th, #myhistory_tbl #myhistory_list td {
    border: 1px solid #b4bbbf !important;
}

#myhistory_tbl #myhistory_list th {
    border-left: none !important;
}

#myhistory_tbl #myhistory_list td {
    border-right: none !important;
    text-align: center;
}

/*#myhistory_tbl #myhistory_list tr.odd th {
    background-color: #f0f0f0;
    color: #000 !important;
}

#myhistory_tbl #myhistory_list tr.even th {
    background-color: #FFFFFF;
    color: #000 !important;
}*/
#myhistory_tbl #myhistory_list tr:nth-child(odd) th,
#myhistory_tbl #myhistory_list tr:nth-child(odd) td {
    background-color: #f0f0f0;
    color: #000 !important;
}

#myhistory_tbl #myhistory_list tr:nth-child(even) th,
#myhistory_tbl #myhistory_list tr:nth-child(even) td {
    background-color: #FFFFFF;
    color: #000 !important;
}

#myhistory_tbl #myhistory_list tr.riskscore th.col_0 {
    /*background-color: #a3ba03;*/
    background-color: #008fc3;
    color: #FFF !important;
}

.summary_popup .iasp_tooltip_inner table th,
.summary_popup .iasp_tooltip_inner table td {
    background-color: transparent;
}

.summary_popup .iasp_tooltip_inner table {
    border-collapse: collapse;
    background: #FFFFFF;
    padding: 5px 10px;
    border: 0;
}

/**************************************** End of Style For My History ********************************************************/
/**************************************** Style For New Editor ********************************************************/
#cms_edit.new_editor table.admintbl th.section_heading,
#cms_edit.new_editor table.admintbl tr.section_heading_row th {
    background: transparent url('../i/orange_square.png') 0 22px no-repeat;
    color: #00447B;
    font-weight: normal;
}

#cms_edit.new_editor table.admintbl tr.su th,
#cms_edit.new_editor table.boxxtbl tr.su th {
    background: #F8981C;
}

#cms_edit.new_editor table.admintbl th {
    background-color: #00447B;
    color: #ffffff;
}

#cms_edit.new_editor table.admintbl tr:only-child th {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

#cms_edit.new_editor table.admintbl tr:only-child td {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}


#cms_edit.new_editor table.admintbl th.sub_heading {
    background: none;
    text-align: left;
    color: #00447B;
    font-size: 20px;
    padding: 10px 0;
    font-weight: normal;
}

#cms_edit.new_editor .cms_title span,
#cms_edit.new_editor .ui-dialog .cms_title span {
    color: #00447B;
}

/*## 20170619 modified starts##*/
table.admintbl td {
    font-size: 12px;
    /*## 20170619 modified ends##*/
}

#cms_edit input,
#cms_edit input.text,
#cms_cpanel input,
#cms_cpanel input.text {
    padding: 2px;
    line-height: 20px;
}

    #cms_edit input.text,
    #cms_cpanel input.text {
        width: 311px;
    }

    #cms_edit input[type=button],
    #cms_edit input[type=submit] {
        padding: 2px 10px;
        width: auto;
        cursor: pointer;
    }

    #cms_edit input[type=checkbox] {
        width: auto;
        min-width: initial;
    }

#cms_edit select,
#cms_cpanel select {
    padding: 2px;
    line-height: 20px;
    vertical-align: middle;
}
/**************************************** End of Style For New Editor ********************************************************/
/**************************************** Style For Contractor Insurance Policy ********************************************************/
.cpaneltbl.table.table-striped th {
    background-color: #008fc3;
}

.table-striped tbody > tr:nth-child(odd) > td, .table-striped tbody > tr:nth-child(odd) > th {
    background-color: #f0f0f0;
}

table#con_insure_tbl_heading .col_1,
table#con_insure_tbl .col_1 {
    width: 15%;
}

table#con_insure_tbl_heading .col_2,
table#con_insure_tbl .col_2 {
    width: 15%;
}

table#con_insure_tbl_heading .col_3,
table#con_insure_tbl .col_3 {
    width: 20%;
}

table#con_insure_tbl_heading .col_4,
table#con_insure_tbl .col_4 {
    width: 20%;
}

table#con_insure_tbl_heading .col_5,
table#con_insure_tbl .col_5 {
    width: 20%;
}

table#con_insure_tbl_heading .col_6,
table#con_insure_tbl .col_6 {
    width: 10%;
}

table#con_insure_tbl_heading .col_7,
table#con_insure_tbl .col_7 {
  width: 10%;
}
/**************************************** End of Style For Contractor Insurance Policy ********************************************************/
/*****************************************  Style For System Self Audit ********************************************************/
table.form_tbl thead th {
    padding: 10px 5px;
    border: none;
    background: #00447B;
    color: #fff;
}

    table.form_tbl thead th.col_1, table.form_tbl thead th.comment {
        text-align: center;
    }

table.form_tbl tbody tr.odd,
table.form_tbl tbody tr:nth-child(2n+1) {
    background-color: #f0f0f0;
}

table.form_tbl tbody tr.even,
table.form_tbl tbody tr:nth-child(2n) {
    background-color: #fff;
}

table.form_tbl thead tr:first-child th:first-of-type {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

table.form_tbl thead tr:first-child th:last-child {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

table.form_tbl {
    margin: 20px 0 30px 0;
    width: 100%;
}

    table.form_tbl tbody tr td, table.form_tbl tbody tr th {
        padding: 5px;
        vertical-align: top;
    }

    table.form_tbl tbody td.col_2 {
        width: 50%;
    }

    table.form_tbl tbody td.col_4 {
        width: 40%;
    }

.section_heading,
.ui-dialog .section_heading {
    background: transparent url('../i/orange_square.png') 0 2px no-repeat;
    color: #00447B;
    font-weight: normal;
    padding-left: 30px;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 10px;
}

.custom_label_row,
table.form_tbl tbody tr.custom_label_row {
    background-color: #fff;
}

    .custom_label_row .custom_label {
        color: #00447B;
        font-size: 20px;
        padding: 20px 0;
    }

.blk_add_another_ques {
    margin: 0 0 20px;
}

table.admintbl th.sub_heading {
    background: none;
    text-align: left;
    color: #00447B;
    font-size: 20px;
    padding: 10px 0;
    font-weight: normal;
}

#audit_tbl .col_1,
#audit_tbl_heading .col_1 {
    width: 40%;
}

#audit_tbl .col_2,
#audit_tbl_heading .col_2 {
    width: 40%;
}

#audit_tbl .col_3,
#audit_tbl_heading .col_3 {
    width: 20%;
}


/*****************************************  End of Style For System Self Audit ********************************************************/


#fjd_tool_tbl thead th.col_1,
#more-questions-table-one.fjd_form_tbl thead th.col_1 {
    text-align: left;
    width: 2%;
}

#fjd_tool_tbl thead th.col_2,
#more-questions-table-one.fjd_form_tbl thead th.col_2 {
    text-align: left;
    width: 30%;
}

#fjd_tool_tbl thead th.col_3,
#more-questions-table-one.fjd_form_tbl thead th.col_3 {
    text-align: center;
    width: 30%;
}

#fjd_tool_tbl thead th.col_4,
#more-questions-table-one.fjd_form_tbl thead th.col_4 {
    text-align: left;
    width: 30%;
}

#fjd_tool_tbl tbody .col_1,
#more-questions-table-one.fjd_form_tbl thead th.col_1 {
    text-align: left;
    width: 2%;
}

#fjd_tool_tbl tbody .col_2,
#more-questions-table-one.fjd_form_tbl tbody .col_2 {
    text-align: left;
    width: 30%;
}

#fjd_tool_tbl tbody .col_3,
#more-questions-table-one.fjd_form_tbl tbody .col_3 {
    text-align: center;
    width: 30%;
}

#fjd_tool_tbl tbody .col_4,
#more-questions-table-one.fjd_form_tbl tbody .col_4 {
    text-align: left;
    width: 30%;
}


/*****************************************  Style For Log Out ********************************************************/
.logout_btn, .login_btn {
    float: left;
}

#login .logout_btn .btn {
    width: 90px;
}
/*****************************************  End of Style For Log Out ********************************************************/
/*****************************************  Style For Contractor Induction ********************************************************/

#qualifications_table .col_1 {
    text-align: left;
}

#qualifications_table .title {
    color: #00447B;
}

#qualifications_table tr.odd {
    background-color: #DDF0FA;
}
/*****************************************  End of Style For Contractor Induction ********************************************************/
/*****************************************  20140113 new added style ********************************************************/
.iasp_scrollbox_200 {
    height: 112px;
}

table.table_form.user_list, table.table_form.user_list tr {
    border-spacing: 2px;
}

#shared_items_memberarea {
    padding-top: 15px;
}

/*Homepage content title style*/

.hp_title {
    font-size: 29px;
    line-height: 35px;
    width: 100%;
    margin-bottom: 13px;
}

    .hp_title div {
        display: inline-block;
        *display: inline;
        zoom: 1;
        _height: 30px;
    }

.hp #title_color {
    color: #EF3829;
}

.hp div.title {
    font-weight: bold;
}

.hp #title_color {
    color: #808182;
    font-weight: bold;
}

    .hp #title_color .blue {
        color: #0096C9;
        font-weight: bold;
    }

    .hp #title_color .green {
        color: #A6CE39;
        font-weight: normal;
    }
/*For Myhistory PDF*/

body.pdf {
    background: none;
    color: #000000;
}

    body.pdf h1 {
        text-align: center;
        margin: 20px 0 10px 0;
    }

    body.pdf #myhistory_memberarea.memberarea #myhistory_tbl {
        width: 80% !important;
        table-layout: fixed;
        margin: auto;
        color: #000000;
    }

        body.pdf #myhistory_memberarea.memberarea #myhistory_tbl td {
            color: #000 !important;
        }

/*For My account module list*/

#account_area {
    position: relative;
}

    #account_area h1 {
        line-height: 2em;
        margin: 25px 0 13px;
    }

#account_area_items_list {
    margin-bottom: 13px;
}

    #account_area_items_list .listitem {
        float: none;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        margin: 5px;
        border: 1px solid #B2B2B2;
        width: 177px;
        height: 160px;
        border-radius: 5px;
        background-color: #FFF;
        text-align: center;
    }

    #account_area_items_list div.listitem.logout {
        background-color: #0091c8;
        height: auto;
        border: none;
        position: absolute;
        bottom: -55px;
        right: 392px;
    }

    #account_area_items_list .listitem:hover {
        background-color: #F7F7F7;
    }

    #account_area_items_list .listitem .img_float {
        float: none;
        margin: 15px 0 0 0;
        width: 100%;
    }

    #account_area_items_list .listitem .img_wrap {
        margin: 0;
        padding-top: 5px;
        text-align: center;
        position: relative;
    }

    #account_area_items_list .listitem a, #account_area_items_list .listitem a:link, #account_area_items_list .listitem a:active, #account_area_items_list .listitem a:visited {
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        text-decoration: none;
        font-weight: normal;
        color: #333333;
    }

        #account_area_items_list .listitem a:hover {
            text-decoration: none;
        }

/*To hide top paginations for users and member areas*/
.inMemberAreas #iasp_detailhighlight > .pagination {
    display: none;
}

/*For member areas list view*/
#memberarea_list .col_1 {
    width: 20%;
}

#memberarea_list .col_6 {
    width: 9%;
}

#memberarea_list .col_7 {
    width: 9%;
}

#memberarea_list .col_8 {
    width: 9%;
}

#memberarea_list .col_9 {
    width: 9%;
}

#memberarea_list .col_6 .nav.actions_bar {
    padding-left: 25px;
}

table.cpaneltbl a.mem_popup {
    color: #0088cc;
    text-decoration: underline;
}

/*For member summary*/
.detail.membersummary {
    position: relative;
}


    .detail.membersummary #ajax_search_bar {
        margin-top: 15px;
    }


.btn_right img {
    background-color: #F5FAFB;
}

#ajax_search_bar.member_summary_ctrl #searchbar {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
}

#ajax_search_bar.member_summary_ctrl span {
    padding-left: 10px;
}

#ajax_search_bar.member_summary_ctrl #searchbar #q {
    width: 300px;
}

#ajax_search_bar.member_summary_ctrl #searchbar .btn_s {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
}

    #ajax_search_bar.member_summary_ctrl #searchbar .btn_s input {
        margin: 0 0 0 5px;
        vertical-align: middle;
    }

#ajax_search_bar.member_summary_ctrl .input_field_inner {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    color: #fff;
    padding: 5px 5px 5px 0;
}

#ajax_search_bar.member_summary_ctrl a,
#ajax_search_bar.member_summary_ctrl a:link,
#ajax_search_bar.member_summary_ctrl a:active,
#ajax_search_bar.member_summary_ctrl a:visited,
#ajax_search_bar.member_summary_ctrl a:focus {
    color: #FFF;
}

    #ajax_search_bar.member_summary_ctrl a:hover {
        text-decoration: none;
    }

#member_summary_tbl {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    text-align: center;
    vertical-align: middle;
}

    /*#member_summary_tbl th {
        height: 30px;
        text-align: center;
        border-right: 1px solid;
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

        #member_summary_tbl th.r0 {
            padding: 5px;
            height: 30px;
        }

        #member_summary_tbl th.c0 {
            color: #fff;
            text-align: right;
            padding: 5px;
            width: 135px;
        }

            #member_summary_tbl th.c0 a {
                color: #fff;
                text-decoration: none;
            }

        #member_summary_tbl th.c18 {
            width: 155px;
        }

        #member_summary_tbl th.c3 {
            width: 90px;
        }

        #member_summary_tbl th.c4 {
            width: 70px;
        }

        #member_summary_tbl th.c5 {
            width: 70px;
        }

        #member_summary_tbl th.c6 {
            width: 50px;
        }

        #member_summary_tbl th.c17 {
            width: 135px;
        }

        #member_summary_tbl th.c11 {
            width: 50px;
        }

        #member_summary_tbl th.c12 {
            border: none;
            width: 65px;
        }

    #member_summary_tbl .dark td {
        background: #f0f0f0;
    }*/

    #member_summary_tbl .col_1 {
        width: 20%;
    }

    #member_summary_tbl .col_2 {
        width: 15%;
    }

    #member_summary_tbl .col_3 {
        width: 20%;
    }

    #member_summary_tbl .col_4 {
        width: 10%;
    }

    #member_summary_tbl .col_5 {
        width: 16%;
    }

    #member_summary_tbl .col_6 {
        width: 9%;
    }

    #member_summary_tbl .col_7 {
        width: 10%;
    }

    #member_summary_tbl img {
        display: block;
        margin: auto;
    }

#mem_popup_tbl ~ .cms_miniedit_submit, #mem_popup_tbl ~ #iasp_maillist_subscribe {
    display: none;
}
/*****************************************  Style for User Detail View link **************************************************************/
th a:link, th a:active, th a:visited {
    color: #FFF;
    text-decoration: underline;
}
/*****************************************End of  Style for User Detail View link ********************************************************/
/*****************************************  Style for Login Box And Contact Form **********************************************************/
#login.box, #login .box0, #login .box1, #login .box2, #login .box3, #login .box4, #login .box5, #login .box6,
#contact_us .box, #contact_us .box0, #contact_us .box1, #contact_us .box2, #contact_us .box3, #contact_us .box4, #contact_us .box5, #contact_us .box6 {
    background-image: none;
}

/*****************************************  Style for Login Box And Contact Form ***********************************************************/
/*****************************************  Style for 26/02/2014 change **********************************************************/

#cms_edit .save_history td {
    text-align: center;
}

.emsafe_inspec #inspec_list .nav.actions_bar {
    padding-left: 62px;
    text-align: right;
}
/***************************************** End of Style for 26/02/2014 change **********************************************************/
/*****************************************  Style for EM Task Risk Scores change **********************************************************/
/*#score #data_text20 {
    border: none;
    background: none;
    width: 10px;
}

#score_meaning.s1 {
    color: red;
    font-style: italic;
}

#score_meaning.s2 {
    color: #444;
    font-style: italic;
}

#score_meaning.s3 {
    color: #444;
    font-style: italic;
}

#score_meaning.s4 {
    color: #444;
    font-style: italic;
}

#score_meaning.s5 {
    color: #444;
    font-style: italic;
}

#score_meaning.s6 {
    color: #444;
    font-style: italic;
}

.risk_block {
    text-align: center;
    color: #000;
}*/
/***************************************** End of Style for 26/02/2014 change **********************************************************/
/************* To fix history table summary pop up border issue starts *************/
#myhistory_tbl #myhistory_list td .summary_popup .iasp_tooltip_inner table td {
    border-right: 1px solid #b4bbbf !important;
}
/************* To fix history table summary pop up border issue ends *************/
/************* Style For Member Alerts Editor Starts *************/
.alert_tbl .send_copy a:link, .alert_tbl .send_copy :active, .alert_tbl .send_copy a:visited {
    background: #DDDDDD;
    color: black;
    border: 1px solid #c0c0c0;
    padding: 3px;
    text-decoration: none;
    font-weight: normal;
    font-size: 13px;
}

.alert_tbl .send_copy {
    padding: 10px;
}
/*#### Alert Table Style ####*/
#alert_memberarea th.col_1 {
    width: 10%;
}

#alert_memberarea th.col_2 {
    width: 20%;
}

#alert_memberarea th.col_3 {
    width: 10%;
}

#alert_memberarea th.col_4 {
    width: 15%;
}

#alert_memberarea th.col_5 {
    width: 25%;
}

#alert_memberarea th.col_6 {
    width: 10%;
}

#alert_memberarea th.col_7 {
    width: 10%;
}

#alert_memberarea td.col_1 {
    width: 10%;
}

#alert_memberarea td.col_2 {
    width: 20%;
}

#alert_memberarea td.col_3 {
    width: 10%;
}

#alert_memberarea td.col_4 {
    width: 15%;
}

#alert_memberarea td.col_5 {
    width: 25%;
}

#alert_memberarea td.col_6 {
    width: 10%;
}

#alert_memberarea td.col_7 {
    width: 10%;
}
/************* End of Style For Member Alerts Editor ends *************/
/************* For member summary date picker style starts *************/
body.isMemberSummary .daterangepicker .ranges {
    width: auto;
}

body.isMemberSummary .applyBtn {
    margin-top: 20px;
}

body.isMemberSummary .cancelBtn {
    margin-top: 20px;
}
/************* For member summary date picker style ends *************/
/*****************************************  20140807 Style for EM Task Risk Scores change **********************************************************/
#score #data_text20 {
    border: none;
    background: none;
    width: 10px;
    display: inline;
}

#score_meaning {
    display: inline;
    vertical-align: middle;
}

    #score_meaning.s1 {
        color: red;
        font-style: italic;
    }

    #score_meaning.s2 {
        color: #444;
        font-style: italic;
    }

    #score_meaning.s3 {
        color: #444;
        font-style: italic;
    }

    #score_meaning.s4 {
        color: #444;
        font-style: italic;
    }

    #score_meaning.s5 {
        color: #444;
        font-style: italic;
    }

    #score_meaning.s6 {
        color: #444;
        font-style: italic;
    }

.risk_block {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    padding: 6px 10px;
    color: #000;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    line-height: normal;
}

    .risk_block.s01 {
        border: 1px solid red;
        background-color: red;
    }

    .risk_block.s02,
    .risk_block.s03 {
        border: 1px solid pink;
        background-color: pink;
    }

    .risk_block.s04 {
        border: 1px solid #F8981D;
        background-color: #F8981D;
    }

    .risk_block.s05,
    .risk_block.s06 {
        border: 1px solid yellow;
        background-color: yellow;
    }
/***************************************** 20140807 End of Style for Risk Score Change **********************************************************/
/******************** Permission and Access style starts ***************************/
/* For load history */
input#loadHistoricalData {
    width: 311px;
    border-radius: 0;
}
/* For member access */

table.cpaneltbl tbody tr:nth-child(odd) {
    background-color: #f0f0f0;
}

table.cpaneltbl tbody tr:nth-child(even) {
    background-color: #ffffff;
}

.dialog #permissionForm button {
    background: #008FC3;
    color: #ffffff;
    text-shadow: none;
    padding: 0.25em 1em;
    border: none;
    box-shadow: none;
    outline: none;
}

#permissionForm .row.fixed.header label {
    background: #008FC3;
    color: #ffffff;
    text-shadow: none;
    padding: 0;
    border: none;
    box-shadow: none;
    outline: none;
    line-height: normal;
    height: 40px;
    width: 100px;
}
/* For member aear access */
#member_access.standard_list li a > p > label {
    width: 45px;
}

#member_access span.status_bar {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    line-height: normal;
    padding: 0 0 0 9px;
    margin: 0 15px 0 0;
}

    #member_access span.status_bar.access_0 {
        /* Waiting For Response */
        background-color: #F8DE4A;
    }

    #member_access span.status_bar.access_1 {
        /* Accepted */
        background-color: #25732D;
    }

    #member_access span.status_bar.access_2 {
        /* Rejected */
        background-color: #CF4242;
    }

span.inner_item span {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    line-height: normal;
    padding: 0 0 0 11px;
    margin: 0 5px 0 0;
}

span.inner_item ~ span.inner_item span {
    margin: 0 5px 0 5px;
}

span.inner_item span.access_status_0 {
    /* Waiting For Response */
    background-color: #F8DE4A;
}

span.inner_item span.access_status_1 {
    /* Accepted */
    background-color: #25732D;
}

span.inner_item span.access_status_2 {
    /* Rejected */
    background-color: #CF4242;
}

#permissionForm .row .header label {
    font-size: 0.9em;
}
/*For Access Rollover*/
.rollover_content {
    display: none;
}

.rollover_content_base {
    background-color: #000;
    opacity: 0.75;
    filter: alpha(opacity=75);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1;
}

.rollover_content_inner {
    position: relative;
    z-index: 2;
    padding: 15px;
    text-align: left;
}

    .rollover_content_inner .inner_item {
        color: #FFF;
        margin-bottom: 10px;
        display: block;
    }

        .rollover_content_inner .inner_item:last-child {
            margin-bottom: 0;
        }

        .rollover_content_inner .inner_item span {
            -moz-border-radius: 9px;
            -webkit-border-radius: 9px;
            border-radius: 9px;
            line-height: normal;
            padding: 0 0 0 9px;
            margin: 0 15px 0 0;
        }

        /* Pending */
        .rollover_content_inner .inner_item:first-child span {
            background-color: #F8DE4A;
            /*Pending - Yellow*/
        }
        /* Accepted */
        .rollover_content_inner .inner_item:nth-child(2) span {
            background-color: #17C62B;
            /*Live - Green*/
        }
        /* Rejected */
        .rollover_content_inner .inner_item:nth-child(3) span {
            background-color: #CF4242;
            /*Disabled -  Red*/
        }
/*## User Group Style ##*/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
    /* IE10+ specific styles go here */
    #userGroupManagement .searchOutput .section input {
        width: 74%;
        width: -webkit-calc(100% - 115px);
        width: -moz-calc(100% - 115px);
        width: calc(100% - 115px);
    }
}

#userGroupManagement input ~ img {
    cursor: pointer;
}

table.admintbl input + img,
table.admintbl select + img,
table.admintbl textarea + img,
table.admintbl input + span + img,
table.admintbl select + span + img,
table.admintbl textarea + span + img,
table.admintbl img:only-child,
#cms_cpanel input + img,
#cms_cpanel select + img,
#cms_cpanel textarea + img,
#cms_cpanel input + span + img,
#cms_cpanel select + span + img,
#cms_cpanel textarea + span + img,
#cms_cpanel img:only-child {
    cursor: pointer;
    padding-right: 10px;
    padding-left: 5px;
}

#cms_cpanel select,
#cms_edit select {
    margin-right: 0;
}
/*## For Hide Archive rows from the edit view, and some tricks ##*/
#invitation #permissionForm .permission-list li.training_plan_v201510,
#invitation #permissionForm .permission-list li.induction_form,
#invitation #permissionForm .permission-list li.training_plan,
#invitation #permissionForm .permission-list li.hazmat_register_v0,
#invitation #permissionForm .permission-list li.contractor_policy,
#invitation #permissionForm .permission-list li.contractor_induction,
#invitation #permissionForm .permission-list li.member_file_upload {
    display: none;
}
/* to disable the Contractor module rows*/
#invitation input[type="radio"] {
    cursor: pointer;
}

    #invitation input[type="radio"].disabled {
        cursor: not-allowed;
    }

        #invitation input[type="radio"].disabled:after {
            width: 6px !important;
            height: 6px !important;
            border-radius: 15px !important;
            top: 0 !important;
            left: 0 !important;
            position: relative !important;
            background-color: #eff1ef !important;
            content: '' !important;
            display: inline-block !important;
            *display: inline !important;
            _height: 30px !important;
            zoom: 1 !important;
            vertical-align: top !important;
            visibility: visible !important;
            border: 3px solid #efecec !important;
        }

        #invitation input[type="radio"].disabled:checked:after {
            width: 6px !important;
            height: 6px !important;
            border-radius: 15px !important;
            top: 0 !important;
            left: 0 !important;
            position: relative !important;
            background-color: #757575 !important;
            content: '' !important;
            display: inline-block !important;
            *display: inline !important;
            _height: 30px !important;
            zoom: 1 !important;
            vertical-align: top !important;
            visibility: visible !important;
            border: 3px solid #efecec !important;
        }
/*  For permission table in user list view edit access and user management edit access */
#invitation #permissionForm {
    padding: 0 0 1em;
}

    #invitation #permissionForm .memberareas {
        margin-top: 15px;
    }

    #invitation #permissionForm .row.fixed > span {
        height: auto;
        min-height: 40px;
    }

    #invitation #permissionForm span.control-content {
        padding-left: 5px;
    }

    #invitation #permissionForm .permission-list li > div:first-child {
        border-radius: 0;
    }

    #invitation #permissionForm h1 {
        background: transparent url('../i/orange_square.png') 0 2px no-repeat;
        color: #00447B;
        font-weight: normal;
        padding-left: 30px;
        font-size: 20px;
        line-height: 20px;
        margin: 25px 0;
        white-space: nowrap;
    }

    #invitation #permissionForm .permission-list li > div:first-child {
        font-size: 12px;
        position: relative;
        padding: 0 38px 0 10px;
        width: 23%;
        width: calc(33% - 48px);
        width: -webkit-calc(33% - 48px);
        width: -moz-calc(33% - 48px);
        display: inline-block;
    }

        #invitation #permissionForm .permission-list li > div:first-child span {
            position: absolute;
            right: 10px;
            top: 11px;
            cursor: pointer;
        }

    #invitation #permissionForm #memberareaSeach {
        width: 88%;
        width: -webkit-calc(100% - 35px);
        width: -moz-calc(100% - 35px);
        width: calc(100% - 35px);
        float: right;
    }

    #invitation #permissionForm #permitted-memberareas .permission-list li {
        font-size: 0;
        line-height: normal;
    }

    #invitation #permissionForm .permission-list li .area-name {
        font-size: 13px;
        line-height: 25px;
        width: 85%;
        width: -webkit-calc(85% - 10px);
        width: -moz-calc(85% - 10px);
        width: calc(85% - 10px);
        text-align: left;
        float: none;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        color: #000 !important;
    }

        #invitation #permissionForm .permission-list li .area-name:hover {
            text-decoration: none;
        }

    #invitation #permissionForm #permitted-memberareas a.icn_delete {
        width: 12%;
        width: -webkit-calc(15% - 10px);
        width: -moz-calc(15% - 10px);
        width: calc(15% - 10px );
        background-position: right center;
        background-size: contain;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        text-align: right;
        padding: 0;
        margin: 0;
    }

    #invitation #permissionForm .header .row.fixed.options span {
        line-height: normal;
        height: 40px;
        display: inline-table;
        table-layout: fixed;
        position: relative;
        padding-bottom: 25px;
    }

        #invitation #permissionForm .header .row.fixed.options span label {
            height: 40px;
            line-height: normal;
            display: table-cell;
            vertical-align: middle;
            width: 100%;
        }

    #invitation #permissionForm .permission-list .header span img {
        position: absolute;
        top: 40px;
        left: 0;
        right: 0;
        margin: auto;
        cursor: pointer;
    }

    #invitation #permissionForm .permission-list li.induction_form_v201510 > div:first-child {
        line-height: 17px;
        height: 33px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #invitation #permissionForm .permission-list li.induction_form_v201510 > .row.fixed.options {
        line-height: 53px;
    }

    #invitation #permissionForm .permission-list li.induction_form_v201510 > div:first-child:after {
        content: '\A(WHS Training Plans and Records)';
        white-space: pre;
    }

    #invitation #permissionForm .permission-list li.hazmat_register_v201511 + li > div:first-child {
        color: #00447b;
        position: relative;
    }

        #invitation #permissionForm .permission-list li.hazmat_register_v201511 + li > div:first-child > span {
            position: absolute;
            right: 10px;
            top: 11px;
        }
        /* This is for user management module all views with permission form*/
        #invitation #permissionForm .permission-list li.hazmat_register_v201511 + li > div:first-child:after {
            content: 'Workplace Inspection Reports';
            color: #fff;
            position: absolute;
            left: 10px;
            top: 1px;
            width: 73%;
            width: -webkit-calc(100% - 48px);
            width: -moz-calc(100% - 48px);
            width: calc(100% - 48px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    /* This is for user list view edit access*/
    #invitation #permissionForm #invitation > .permission-list {
        margin: 0;
    }

        #invitation #permissionForm #invitation > .permission-list li.induction_form_v201510 > div:first-child {
            line-height: 17px;
            height: 33px;
            padding-top: 10px;
            padding-bottom: 10px;
        }

        #invitation #permissionForm #invitation > .permission-list li.induction_form_v201510 > .row.fixed.options {
            line-height: 53px;
        }

        #invitation #permissionForm #invitation > .permission-list li.hazmat_register_v201511 + li > div:first-child {
            color: #00447b;
            position: relative;
        }

        #invitation #permissionForm #invitation > .permission-list li > div:first-child {
            padding: 0 10px;
            width: 31%;
            width: calc(33% - 20px);
            width: -webkit-calc(33% - 20px);
            width: -moz-calc(33% - 20px);
        }


        #invitation #permissionForm #invitation > .permission-list li.hazmat_register_v201511 + li > div:first-child:after {
            content: 'Workplace Inspection Reports';
            color: #fff;
            position: absolute;
            right: 10px;
            top: 1px;
            width: 88%;
            width: -webkit-calc(100% - 20px);
            width: -moz-calc(100% - 20px);
            width: calc(100% - 20px);
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
    /*## For invitation ##*/
    #invitation #permissionForm .section_heading:nth-child(2) {
        margin: 25px 0;
    }

    #invitation #permissionForm .permission_submit {
        margin: 15px 0 0;
        text-align: right;
    }

        #invitation #permissionForm .permission_submit button {
            margin: 0;
            float: none;
        }

/* 20160802 for staff induction message displayed when reach the allocated seats limit */
#invitation .modal.showModalDialog {
    display: block;
    position: relative;
    width: auto;
    opacity: 1;
    top: initial;
    left: initial;
    box-shadow: none;
    background: #dceffa url('/i/icon_info_32.png') 10px 50% no-repeat !important;
    font-size: 12px !important;
    font-family: Arial,sans-serif !important;
    line-height: normal !important;
    color: #000 !important;
    margin: 0 !important;
    padding: 10px 10px 10px 40px !important;
    border: none !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
}

    #invitation .modal.showModalDialog .modal-header,
    #invitation .modal.showModalDialog .modal-footer {
        display: none;
    }
/******************** Permission and Access style ends ***************************/
/******************** Style for Top CTA Login Box ***************************/
#top_loginbox {
    position: relative;
    right: 0;
    top: 0;
    z-index: 1002;
    width: 215px;
}

    #top_loginbox.logged-out {
        margin: 0;
    }

    #top_loginbox input[type=submit],
    #top_loginbox input[type=button] {
        cursor: pointer;
        -webkit-appearance: none;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }

    #top_loginbox input:focus {
        outline: 0;
    }


.cta_before_expand {
    position: relative;
    text-align: right;
    z-index: 2;
    margin: 0;
    z-index: 1001;
}

    .cta_before_expand.logedin .cta_before_expand_heading {
        font-size: 14px;
        padding: 7px 20px;
    }

.icon_head {
    background-color: transparent;
    background-image: url("/i/icon_head.png");
    background-position: left center;
    background-repeat: no-repeat;
    height: 17px;
    padding-right: 10px;
    padding-top: 0;
    width: 17px;
}

#top_loginbox.modal_logged_in .icon_head {
    margin-top: 8px;
    float: left;
}

#top_loginbox.modal_logged_in button + .icon_head {
    background-image: url("/i/icon_head_blue.png");
    margin-top: 6px;
    margin-right: 5px;
}

#top_loginbox.modal_logged_in .text {
    color: #ffffff;
}

.cta_before_expand.open .cta_before_expand_heading {
    /*-webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;*/
}

.cta_after_expand {
    text-align: center;
    /*-webkit-border-radius: 0 0 6px 6px;
    -moz-border-radius: 0 0 6px 6px;
    border-radius: 0 0 6px 6px;*/
    display: none;
    width: 215px;
    left: 0 !important;
}

.cta_before_expand_heading {
    color: #ffffff;
    cursor: default;
    display: block;
    font-family: 'PT Sans', sans-serif;
    font-size: 16px;
    line-height: normal;
    padding: 16px 20px;
    pointer-events: none;
    text-align: center;
}

.cta_before_expand.logedin {
    /*margin-top: 10px;*/
}

.cta_after_expand_item {
    width: 175px;
    height: 40px;
    padding: 0;
    white-space: nowrap;
    color: #ffffff;
    line-height: 46px;
    vertical-align: middle;
    font-size: 14px;
    background-color: transparent;
    /*-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
    margin-bottom: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: center;
}

    .cta_after_expand_item.forgot_psw {
        height: 20px;
    }


#top_loginbox.logged-out .cta_after_expand_item input[type = submit],
#top_loginbox.logged-out .cta_after_expand_item input[type = button] {
    line-height: 0px;
    margin-bottom: 10px;
    width: 155px;
    text-align: center;
}

#top_loginbox.logged-in .cta_after_expand_item input[type = submit],
#top_loginbox.logged-in .cta_after_expand_item input[type = button] {
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 15px;
    width: 100%;
    height: 100%;
    text-align: center;
}

#top_loginbox.logged-out .cta_after_expand_item.forgot_psw input[type = submit],
#top_loginbox.logged-out .cta_after_expand_item.forgot_psw input[type = button] {
    background: transparent;
    text-decoration: underline;
    cursor: pointer;
    padding: 0;
    margin: 0;
    height: 20px;
    font-size: 12px;
    text-align: center;
    color: #000;
}

.cta_after_expand_item a,
.cta_after_expand_item a:link,
.cta_after_expand_item a:active,
.cta_after_expand_item a:visited,
.cta_after_expand_item a:focus {
    color: #ffffff !important;
    display: block;
    text-decoration: none !important;
    line-height: 40px;
    vertical-align: middle;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    font-weight: normal;
}

.cta_after_expand_item input[type="submit"],
.cta_after_expand_item input[type="button"] {
    border: none;
    color: #ffffff;
    padding: 0;
    line-height: 46px;
    vertical-align: middle;
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
}

#top_loginbox.logged-out .cta_after_expand_item input {
    width: 145px;
    height: 40px;
    vertical-align: top;
    border: 0;
    padding: 0 5px;
    /*-webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;*/
    -webkit-appearance: none;
}

.logged-out#top_loginbox .cta_after_expand_item input {
    height: 33px\9;
    margin: 0;
}

#top_loginbox.logged-out .cta_after_expand_item input[type=email],
#top_loginbox.logged-out .cta_after_expand_item input[type=password],
#top_loginbox.logged-out .cta_after_expand_item input[type=text] {
    background: #66625f;
    text-align: center;
    color: #ffffff;
}

.cta_after_expand_content {
    text-align: left;
    position: relative;
    z-index: 1001;
    padding: 15px 20px 0;
}

.cta_content_base {
    background-color: #ececec;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1000;
    opacity: 0.9;
    filter: alpha(opacity=90);
}

.cta_after_expand_heading {
    height: 36px;
    margin-bottom: 15px;
}

#top_loginbox .iasp_note {
    color: #000;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
    background-color: #ffbaaf;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    line-height: normal;
    padding: 15px;
}

    #top_loginbox .iasp_note.success {
        background-color: #E1F0B1;
    }

a.icon_edit_my_profile {
    background-image: url('/i/icon_myaccount_login_white.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    padding-left: 40px;
}

a.icon_memeber_area {
    background-image: url('/i/icon_home_white.png');
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    padding-left: 40px;
}
/*#### Modal Top Login ####*/
#top_loginbox.modal_logged_out,
#top_loginbox.modal_logged_in {
    z-index: inherit;
}

#top_loginbox .modal-body {
    background-color: #f0f0f0;
    text-align: center;
    padding: 30px 15px;
}

#top_loginbox .modal_trigger {
    display: block;
    cursor: pointer;
}

#top_loginbox.modal_logged_in .cta_after_expand_item {
    margin-left: auto;
    margin-right: auto;
    float: none;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    vertical-align: top;
    margin: 0 5px;
    border: 1px solid #B2B2B2;
    width: 160px;
    height: 160px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #FFF;
    text-align: center;
}

    #top_loginbox.modal_logged_in .cta_after_expand_item:hover {
        background-color: #F7F7F7;
    }

    #top_loginbox.modal_logged_in .cta_after_expand_item a,
    #top_loginbox.modal_logged_in .cta_after_expand_item a:link,
    #top_loginbox.modal_logged_in .cta_after_expand_item a:active,
    #top_loginbox.modal_logged_in .cta_after_expand_item a:visited,
    #top_loginbox.modal_logged_in .cta_after_expand_item a:focus {
        color: #000000 !important;
        display: block;
        text-decoration: none !important;
        line-height: 245px;
        vertical-align: middle;
        font-size: 14px;
        overflow: hidden;
        text-overflow: ellipsis;
        text-align: center;
        font-weight: normal;
        height: 160px;
        width: 160px;
        padding: 0;
    }

#top_loginbox .modal-body a.icon_edit_my_profile {
    background-image: url('/i/icon_myaccount_list_black.png');
    background-repeat: no-repeat;
    background-position: center 20%;
    background-color: transparent;
}


#top_loginbox .modal-body a.icon_memeber_area {
    background-image: url('/i/icon_home_list_black.png');
    background-repeat: no-repeat;
    background-position: center 20%;
    background-color: transparent;
}

#top_loginbox.modal_logged_in {
    width: auto;
}

    #top_loginbox.modal_logged_in .cta_before_expand_heading {
        font-size: 1em;
        line-height: 2.1em;
        padding: 0.5em 2em;
        text-align: left;
    }

    #top_loginbox.modal_logged_in .cta_after_expand_item:last-child {
        margin-bottom: 0;
        height: 40px;
        border: none;
        border-radius: 0;
        display: block;
        margin: 15px auto 0;
    }

        #top_loginbox.modal_logged_in .cta_after_expand_item:last-child input[type = button] {
        }

#top_loginbox.modal_logged_out .cta_after_expand_item {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

    #top_loginbox.modal_logged_out .cta_after_expand_item:last-child {
        margin-bottom: 0;
    }

    #top_loginbox.modal_logged_out .cta_after_expand_item input {
        width: 305px;
    }

        #top_loginbox.modal_logged_out .cta_after_expand_item input[type = button].sendpassword {
            background: transparent;
            text-decoration: underline;
            cursor: pointer;
            padding: 0;
            margin: 0;
            font-size: 12px;
            text-align: center;
            color: #000;
        }

/******************** End of Style for TOP expand CTA Login Box ***************************/
/******************** 20150612 Style for Homepage ***************************/
/*##### 20150612 HP Slider Box Starts #####*/
#hp_slider {
    height: 402px;
    position: relative;
    overflow: hidden;
}

#myCarousel {
    width: 1000px;
    border: none;
    margin: 0;
    overflow: hidden;
}

    #myCarousel .carousel-inner {
        box-sizing: border-box;
        border-top: none;
    }

        #myCarousel .carousel-inner > .item {
            height: 400px;
            overflow: hidden;
        }

            #myCarousel .carousel-inner > .item > img,
            #myCarousel .carousel-inner > .item > a > img {
                min-height: 400px;
                width: 1000px;
            }

    #myCarousel .overlay {
        position: absolute;
        top: 0;
        right: 0;
        width: 486px;
        height: 400px;
        padding: 0;
        margin: 0;
    }

    #myCarousel .overlay_base {
        background-color: transparent;
        background-image: url('../i/overlay_slider.png');
        background-repeat: no-repeat;
        background-position: top left;
        background-size: contain;
        z-index: 1;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        opacity: 1;
        filter: alpha(opacity=100);
    }

    #myCarousel .overlay_inner {
        z-index: 3;
        position: absolute;
        bottom: 0;
        right: 0;
        width: 400px;
    }

    #myCarousel .overlay_title {
        text-align: left;
        margin: 0 20px 0 0;
    }

        #myCarousel .overlay_title div {
            padding-left: 0;
        }

    #myCarousel .overlay_inner_title {
        color: #ffffff;
        font-size: 24px;
        line-height: normal;
        padding: 0;
        margin: 0 0 10px;
    }

    #myCarousel .overlay_inner_desp {
        color: #5E5E5E;
        color: #ffffff;
        font-size: 16px;
        line-height: 25px;
        margin: 0;
        padding: 0;
    }

    #myCarousel .overlay_btn {
        text-align: right;
        margin: 15px 20px 20px 0;
    }

        #myCarousel .overlay_btn a,
        #myCarousel .overlay_btn a:link,
        #myCarousel .overlay_btn a:active,
        #myCarousel .overlay_btn a:visited,
        #myCarousel .overlay_btn a:hover,
        #myCarousel .overlay_btn a:focus {
            background-color: #a6ce39;
        }

.hidectrl + .arrow_btns {
    display: none;
}

#myCarousel a.carousel-control {
    top: 49%;
    color: #707070;
    font-size: 40px;
    font-weight: 600;
    line-height: 34px;
    text-decoration: none;
    border-color: #a6ce39;
    z-index: 10;
}

    #myCarousel a.carousel-control.left {
        text-indent: -4px;
    }

    #myCarousel a.carousel-control.right {
        text-indent: 4px;
    }
/******************** 20150612 End of Style for Homepage ***************************/
/******************** 20150619 Style for Recommendation Report Starts ***************************/
body#report_view {
    margin: 0;
    padding: 0;
    font-family: Arial, sans-serif;
    color: #585F5F;
    font-size: 13pt;
    line-height: 21pt;
}

    body#report_view .content_padding {
        padding-left: 70px;
        padding-right: 70px;
    }

    body#report_view .header_padding {
        padding-left: 20px;
    }

    body#report_view .page_content {
        font-family: Arial, sans-serif;
        color: #585F5F;
        font-size: 13pt;
        line-height: 21pt;
    }

        body#report_view .page_content td,
        body#report_view .page_content th,
        body#report_view .page_content div,
        body#report_view .page_content p {
            font-family: Arial, sans-serif;
            color: #585F5F;
            margin: 0;
            font-size: 13pt;
            line-height: 21pt;
        }

    /*## Section Heading ##*/
    body#report_view .page_section_heading {
        display: table;
    }

        body#report_view .page_section_heading .section_heading_bg {
            width: 30px;
            height: 80px;
            background-color: #008fc3;
            display: table-cell;
        }

        body#report_view .page_section_heading .main_heading {
            font-size: 24pt;
            color: #00447B;
            /*font-family: GoudyOist BT;*/
            font-family: "Helvetica Neue", Arial, sans-serif;
            font-weight: bold;
            height: 80px;
            vertical-align: top;
            line-height: 29pt;
            width: 839px;
            display: table-cell;
            vertical-align: middle;
            padding-left: 10px;
        }

        body#report_view .page_section_heading.form_heading .main_heading {
            font-size: 29pt;
            color: #393E3E;
            padding-left: 0;
        }

            body#report_view .page_section_heading.form_heading .main_heading .date {
                font-size: 20pt;
            }

                body#report_view .page_section_heading.form_heading .main_heading .date label {
                    padding-right: 10px;
                }

            body#report_view .page_section_heading.form_heading .main_heading .form_title {
                background: none;
            }

    body#report_view .report_heading.page_heading {
        font-size: 20pt;
        font-family: Arial,sans-serif;
        color: #fff;
        text-align: center;
        line-height: 35pt;
        background-color: #000000;
    }
    /*## Pages Style ##*/
    body#report_view .intro_page,
    body#report_view .cover_page {
        width: 1024px;
        margin: 0 auto;
    }

    body#report_view .cover_page {
        page-break-after: always;
    }

        body#report_view .cover_page img {
            max-width: 100%;
        }

    body#report_view .section_page,
    body#report_view .report_summary_page {
        width: 1024px;
        page-break-before: always;
        margin: 0 auto;
    }

    body#report_view .section_recomm {
        page-break-inside: avoid;
    }

        body#report_view .section_recomm.report_recomm {
            page-break-before: always;
        }
    /*## For Questions ##*/
    body#report_view .question .ques_details,
    body#report_view .question .response_wrap {
        page-break-inside: avoid;
    }

    body#report_view .question span.number {
        padding-right: 20px;
        float: left;
        width: 16px;
    }

    body#report_view .question .ques_details {
        color: #585F5F;
        font-weight: bold;
        font-size: 14pt;
        padding-left: 35px;
        text-indent: -35px;
    }

    body#report_view .question .answer,
    body#report_view .question .comment,
    body#report_view .question .recommendation {
        font-size: 14pt;
        color: #585F5F;
        font-family: Arial, sans-serif;
        font-weight: bold;
        line-height: 14pt;
        padding-left: 35px;
    }

    body#report_view .question .asw_label {
        color: #008fc3;
        padding-right: 5px;
        font-family: Arial, sans-serif;
        font-weight: bold;
        line-height: 14pt;
    }

    body#report_view .question .recommendation .recomm_wrap {
        padding: 20px;
        border-radius: 10px;
        background-color: #F6F6F6;
    }

        body#report_view .question .recommendation .recomm_wrap .asw_label {
            padding-bottom: 10px;
        }

    body#report_view .question .recommendation .recomm_details,
    body#report_view .question .recommendation .recomm_details p,
    body#report_view .question .recommendation .recomm_details div {
        font-weight: normal;
        color: #808182;
    }

    body#report_view .page_content.section_intro {
        font-size: 14pt;
    }
    /*## For recommendation box ##*/
    body#report_view .recom_heading {
        font-size: 18pt;
        color: #008fc3;
        font-family: Arial, sans-serif;
        font-weight: bold;
        vertical-align: top;
        line-height: 18pt;
    }

    body#report_view .section_recomm .recomm_wrap {
        padding: 20px;
        border-radius: 10px;
        background-color: #F6F6F6;
    }

    body#report_view .section_score .your_score,
    body#report_view .report_score .your_score {
        padding-right: 30px;
    }

        body#report_view .section_score .your_score label,
        body#report_view .section_score .system_score label,
        body#report_view .report_score .your_score label,
        body#report_view .report_score .system_score label {
            font-weight: bold;
            padding-right: 10px;
        }
/******************** 20150619 Style for Recommendation Report Ends ***************************/
/******************** 20150707 Style for Subsription list starts ***************************/
table.admintbl table.subscription_list thead th {
    background-color: #4684AE !important;
    color: #ffffff;
}

table.admintbl table.subscription_list thead tr:only-child th {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ffffff;
    text-align: left;
    padding: 5px;
}

    table.admintbl table.subscription_list thead tr:only-child th:first-child {
        width: 60%;
    }

    table.admintbl table.subscription_list thead tr:only-child th:nth-child(2) {
        width: 20%;
    }

    table.admintbl table.subscription_list thead tr:only-child th:nth-child(3) {
        width: 20%;
    }

table.admintbl table.subscription_list {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

    table.admintbl table.subscription_list span {
        color: inherit;
        text-decoration: none;
    }

    table.admintbl table.subscription_list tbody tr td {
        border: 1px solid #ffffff;
        padding: 5px;
    }

.ui-dialog .ui-dialog-content table.admintbl table.subscription_list thead tr:only-child th {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ffffff;
    text-align: left;
    padding: 5px;
}

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_list thead tr:only-child th:first-child {
        width: 60%;
    }

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_list thead tr:only-child th:nth-child(2) {
        width: 20%;
    }

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_list thead tr:only-child th:nth-child(3) {
        width: 20%;
    }

.ui-dialog .ui-dialog-content table.admintbl table.subscription_list {
    table-layout: fixed;
    border-collapse: collapse;
    width: 90%;
}

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_list tbody tr td {
        border: 1px solid #ffffff;
    }
/******************** 20150707 Style for subsription list ends ***************************/
/******************** 20150707 Style for subsription control starts ***************************/
table.admintbl table.subscription_control thead tr:only-child th {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ffffff;
    text-align: left;
    padding: 5px;
}

table.admintbl table.subscription_list thead tr:only-child th:first-child {
    width: 40%;
}

table.admintbl table.subscription_list thead tr:only-child th:nth-child(2) {
    width: 20%;
}

table.admintbl table.subscription_list thead tr:only-child th:nth-child(3) {
    width: 20%;
}

table.admintbl table.subscription_list thead tr:only-child th:nth-child(4) {
    width: 20%;
}

tr.membership_management td br {
    display: none;
}

table.admintbl table.subscription_control {
    table-layout: fixed;
    border-collapse: collapse;
    width: 100%;
}

    table.admintbl table.subscription_control thead th {
        background-color: #4684AE !important;
        color: #ffffff;
    }

    table.admintbl table.subscription_control tbody tr td {
        border: 1px solid #ffffff;
        padding: 5px;
    }

.ui-dialog .ui-dialog-content table.admintbl table.subscription_control thead tr:only-child th {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 1px solid #ffffff;
    text-align: left;
    padding: 5px;
}

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_control thead tr:only-child th:first-child {
        width: 60%;
    }

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_control thead tr:only-child th:nth-child(2) {
        width: 20%;
    }

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_control thead tr:only-child th:nth-child(3) {
        width: 20%;
    }

/*.ui-dialog .ui-dialog-content table.admintbl table.subscription_control thead tr:only-child th:nth-child(4) {
        width: 20%;
    }*/

.ui-dialog .ui-dialog-content table.admintbl table.subscription_control {
    table-layout: fixed;
    border-collapse: collapse;
    width: 90%;
}

    .ui-dialog .ui-dialog-content table.admintbl table.subscription_control tbody tr td {
        border: 1px solid #ffffff;
    }
/******************** 20150707 Style for subsription control ends ***************************/
/***************** 2015 Style for Table and Responsive div Table Forms ********************/
/*#### This part is for Basic Form Style ####*/
.tbl_form_2015 {
    background-color: #f0f0f0;
    margin: 0 0 25px;
    position: relative;
}

table.tbl_form_2015 {
    table-layout: fixed;
    width: 100%;
    margin: 20px 0;
}

.tbl_form_2015 input,
.tbl_form_2015 select {
    width: auto;
    color: #2c3e50;
    background-color: #ffffff !important;
    background-image: none;
    border: 1px solid #A9A9A9;
    border-width: 1px;
    box-shadow: none;
    margin: 0 5px 0 0;
    padding: 0px 9px;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.5;
    height: 26px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
}

    .tbl_form_2015 input[type="submit"] {
        color: #ffffff;
    }

    .tbl_form_2015 input[type="checkbox"] {
        vertical-align: middle;
    }

    .tbl_form_2015 input.button {
        font-size: 16px;
        font-weight: normal;
        text-align: center;
        background-color: #0091c8 !important;
        color: #ffffff;
        display: inline-block;
        *display: inline;
        _height: 21px;
        zoom: 1;
        line-height: 21px;
        padding: 6px 30px;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        -webkit-appearance: none;
        height: auto !important;
    }

table.tbl_form_2015 input.button:hover {
    cursor: pointer;
    text-decoration: none;
    border: none;
}

.tbl_form_2015 textarea {
    border: 1px solid #A9A9A9;
}

table.tbl_form_2015 th,
.tbl_form_2015 .tbl_th {
    color: #676a6b;
    background-color: #f0f0f0 !important;
    border: none;
    font-size: 13px;
    line-height: 1.5em;
    text-align: right;
    padding: 10px;
    font-weight: normal;
}

table.tbl_form_2015 th {
    width: 35%;
}

    table.tbl_form_2015 th a {
        color: #004a83;
    }

table.tbl_form_2015 td,
.tbl_form_2015 .tbl_td {
    color: #676a6b;
    border: none;
    padding: 10px;
    font-size: 13px;
    line-height: 1.5em;
    font-weight: normal;
    background-color: #f0f0f0 !important;
}

table.tbl_form_2015 tr:not(:last-child) th,
.tbl_form_2015 .tbl_row:not(:last-child) .tbl_th {
    padding-bottom: 0;
}

table.tbl_form_2015 tr:not(:last-child) td,
.tbl_form_2015 .tbl_row:not(:last-child) .tbl_td {
    padding-bottom: 0;
}

.tbl_form_2015 .su {
    display: none;
    padding: 0;
}

.tbl_form_2015 table.iasp_admininnertable {
    width: 100%;
}

    .tbl_form_2015 table.iasp_admininnertable td:first-child {
        color: #676a6b;
        width: 5%;
        text-align: center;
        font-size: 11px;
        line-height: 15px;
        padding: 5px;
        font-family: Arial,sans-serif;
    }

        .tbl_form_2015 table.iasp_admininnertable td:first-child input {
            margin: 0;
        }

    .tbl_form_2015 table.iasp_admininnertable td:last-child {
        color: #676a6b;
        font-size: 11px;
        line-height: 15px;
        padding: 5px;
        font-family: Arial,sans-serif;
    }
/*#### For User Edit View ####*/
#user_edit_form .cms_title {
    color: #00447B;
}

.ui-dialog #user_edit_form .cms_title {
    color: #8db4ce;
}
/*#### This part is for Registration Form Password Progress Bar Style ####*/
.progress {
    width: 286px;
    height: 27px;
    border-radius: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .progress {
        width: 286px;
        height: 27px;
        border-radius: 0;
    }
    /* Safari only override */
    ::i-block-chrome, .progress {
        width: 249px;
    }
}

.tbl_form_2015 .password-strength .progress-bar-danger {
    border-radius: 3px;
}
/*Firefox hack for progress bar*/
@-moz-document url-prefix() {
    .progress {
        width: 240px;
    }
}
/*IE Exploer hack for progress bar*/
@media screen\0 {
    .progress {
        width: 260px;
    }
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    /* Safari and Chrome */
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 285px;
        height: 26px;
        position: absolute;
        background-color: white;
        top: 10px;
    }
    /* Safari only override */
    ::i-block-chrome, .tbl_form_2015 .password-strength + .psw_bg {
        width: 248px;
    }
}

.tbl_form_2015 .psw_col {
    position: relative;
}

/*Firefox hack for Password background*/
@-moz-document url-prefix() {
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 240px;
    }
}
/*IE Exploer hack for Password background*/
@media screen\0 {
    .tbl_form_2015 .password-strength + .psw_bg {
        width: 260px;
    }
}
/*#### This part is for pop up admin Form Style ####*/
.ui-dialog table.tbl_form_2015 {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    padding: 0;
    background-color: transparent;
}

.ui-dialog .tbl_form_2015 input,
.ui-dialog .tbl_form_2015 input.text,
.ui-dialog .tbl_form_2015 select {
    padding: 0 5px;
    width: auto;
}

.ui-dialog .progress {
    width: 278px;
    height: 27px;
    border-radius: 0;
}

.ui-dialog .tbl_form_2015 .password-strength + .psw_bg {
    /*display: none;*/
}

.ui-dialog h3.section_heading {
    background: transparent url('../i/Title-Image-Small.png') 0 2px no-repeat;
    color: #00447B;
    font-weight: normal;
    padding-left: 30px;
    font-size: 20px;
    line-height: 20px;
    margin-bottom: 20px;
}

.ui-dialog .tbl_form_2015 .su {
    display: table-row;
}

.ui-dialog .tbl_form_2015 tr.sub_heading th {
    font-size: 17px;
    font-weight: bold;
    padding: 10px;
}

.ui-dialog table.displaytbl tbody tr:nth-child(even) td,
.ui-dialog table.displaytbl tbody tr.even td {
    color: #000000;
}

.ui-dialog .tbl_form_2015 th {
    background-color: #4684AE !important;
    font-size: 12px;
    color: #ffffff;
    font-weight: bold;
}

.ui-dialog table.tbl_form_2015 tr:not(:last-child) th,
.ui-dialog .tbl_form_2015 .tbl_row:not(:last-child) .tbl_th {
    padding: 10px;
}

.ui-dialog .admintbl.tbl_form_2015 th a {
    color: #ffffff;
}

.ui-dialog .admintbl.tbl_form_2015 td {
    background-color: #DDF0FA !important;
    padding: 5px;
}

.ui-dialog .tbl_form_2015 td {
    border: none;
    padding: 10px;
    font-size: 12px;
}

.ui-dialog .tbl_form_2015 .password-strength + .psw_bg {
    width: 278px;
    height: 26px;
    position: absolute;
    background-color: white;
    top: 6px;
}
/*#### This part is for Super User style ####*/
.tbl_form_2015 .su th,
.tbl_form_2015 .su td,
.admintbl.tbl_form_2015 .su td {
    background-color: #F8981C !important;
    color: #ffffff;
}

table.displaytbl.tbl_form_2015 .su th,
table.displaytbl.tbl_form_2015 .su td {
    background-color: #F8981C !important;
    color: #ffffff;
}

.ui-dialog .tbl_form_2015 .su th {
    background-color: #F8981C;
}

.ui-dialog .tbl_form_2015 div.su {
    display: block;
}

.ui-dialog table.tbl_form_2015 .su td,
.ui-dialog .tbl_form_2015 .su .tbl_td {
    background-color: #F8981C !important;
}

table.tbl_form_2015 th.su,
.tbl_form_2015 div.su .tbl_th {
    background-color: #F8981C !important;
    color: #ffffff;
}

table.tbl_form_2015 td,
.tbl_form_2015 .tbl_td {
    background-color: #f0f0f0 !important;
}
/*#### This part is for login box style ####*/
#login_form.tbl_form_2015 input.button.forgot {
    background: none !important;
    border: none;
    padding: 0 !important;
    font: inherit;
    cursor: pointer;
    text-decoration: none;
    color: #744247;
    text-transform: initial;
    display: block;
    font-size: 13px;
    display: inline;
}

    #login_form.tbl_form_2015 input.button.forgot:hover {
        text-decoration: underline;
    }

#login_form.tbl_form_2015 p.iasp_note {
    margin: 0;
    padding: 10px 20px 0;
    color: red;
    text-align: center;
    font-size: 11px;
}
/*#### This part is for Search Form Style ####*/
table.tbl_form_2015 td b,
.tbl_form_2015 .tbl_td b {
    font-weight: normal;
}

table.tbl_form_2015 td.searchleft,
.tbl_form_2015 .tbl_td.searchleft {
    text-align: right;
}

table.tbl_form_2015 td.searchseparator {
    font-size: 20px;
    line-height: 2;
    font-weight: 600;
    margin: 0;
    padding: 0;
    text-align: center;
}

    table.tbl_form_2015 td.searchseparator b {
        margin: 0 190px 0 0;
    }

    table.tbl_form_2015 td.searchseparator input.button {
        font-size: 15px;
        font-weight: normal;
        text-align: center;
        background-color: #2c4860 !important;
        color: #ffffff;
        display: inline-block;
        _height: 21px;
        zoom: 1;
        line-height: 21px;
        padding: 8px 35px;
        text-decoration: none;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        border: none;
        margin: 15px 0 15px 145px;
    }
/***************** 2015 Style for Table and Responsive div Table Forms Ends ********************/
/******************** 20150724 Style for Report Template Starts ***************************/
.top_margin {
    margin-top: 20px;
}

/*# For control icons, super user icons, headings #*/
.form_template .su,
#template_memberarea .su {
    background-color: transparent;
}

.form_template .nav.actions_bar {
    padding-left: 0;
}

.form_template .action_link {
    display: inline-block;
    *display: inline;
    _height: 25px;
    zoom: 1;
    width: 25px;
    height: 25px;
    vertical-align: top;
}

    .form_template .action_link .btn_view {
        padding: 0;
        margin: 0;
        background: transparent url('../i/a_icn_view.png') 0 0 no-repeat;
        font-size: 33pt;
        line-height: 33pt;
        text-decoration: none;
        background-size: 25px;
        width: 25px;
        height: 25px;
        vertical-align: top;
    }

    .form_template .action_link .btn_edit,
    .form_template .action_link .icn_edit {
        padding: 0;
        margin: 0;
        background: transparent url('../i/a_icn_pen.png') 0 0 no-repeat;
        font-size: 33pt;
        line-height: 33pt;
        text-decoration: none;
        background-size: 25px;
        width: 25px;
        height: 25px;
        vertical-align: top;
    }

    .form_template .action_link.su .btn_edit,
    .form_template .action_link.su .icn_edit {
        background: transparent url('../i/icon_edit_super.png') 0 0 no-repeat;
    }

    .form_template .action_link .btn_delete,
    .form_template .action_link .icn_delete {
        padding: 0;
        margin: 0;
        background: transparent url('../i/a_icn_delete.png') 0 0 no-repeat;
        font-size: 33pt;
        line-height: 33pt;
        text-decoration: none;
        background-size: 25px;
        margin-left: 5px;
        width: 25px;
        height: 25px;
        vertical-align: top;
    }

#template_memberarea .su .icn_delete {
    background: transparent url('../i/icon_delete_super.png') 0 0 no-repeat;
}

.form_template .action_link .btn_addnew {
    padding: 0;
    margin: 0;
    background: transparent url('../i/a_icn_addnew.png') 0 0 no-repeat;
    font-size: 33pt;
    line-height: 33pt;
    text-decoration: none;
    background-size: 25px;
    width: 25px;
    height: 25px;
    vertical-align: top;
}

.form_template .action_link.su .btn_addnew {
    background: transparent url('../i/icon_addnew_super.png') 0 0 no-repeat;
}

.form_template .heading.form_heading {
    width: 100%;
    background: transparent url('../i/bg_edit_title.gif') repeat-x left center;
    font-size: 0;
    margin: 10px 0 20px 0;
}

    .form_template .heading.form_heading span {
        color: #00447B;
        background: #ffffff;
        font-family: Arial,sans-serif;
        font-weight: normal;
        font-size: 27px;
        line-height: 2em;
        display: inline-block;
        *display: inline;
        _height: 25px;
        zoom: 1;
        vertical-align: top;
        margin: 0;
        padding: 0;
    }

    .form_template .heading.form_heading .action_link {
        padding: 15px 15px 15px 0;
    }

    .form_template .heading.form_heading span:first-child + .action_link {
        padding: 15px;
        margin-left: 10px;
    }

    .form_template .heading.form_heading span + .action_link .btn_addnew,
    .form_template .heading.form_heading .action_link .btn_edit {
        margin-left: 0;
    }

.form_template .heading.section_heading,
.form_template .row.question.nonumber {
    background: transparent url('../i/orange_square.png') 0 35% no-repeat;
    color: #00447B;
    font-weight: normal;
    padding-left: 2.1em;
    padding-top: 0;
    padding-bottom: 0;
    font-size: 20px;
    line-height: 25px;
    margin-bottom: 20px;
}

    .form_template .heading.section_heading.nobullet {
        background-image: none;
        padding-left: 0;
    }

/*# Form details style #*/
.form_template .tbl_form_2015 {
    background-color: transparent;
}

    .form_template .tbl_form_2015 .row.tbl_row {
        border-bottom: 1px solid #ffffff;
        background-color: #DDF0FA !important;
    }

.form_template.standard_form.survey .tbl_form_2015 .row.tbl_row {
    background-color: #F0F0F0 !important;
}

.form_template .tbl_form_2015 .row.tbl_row:first-child {
    -moz-border-radius: 0 5px 0 0;
    -webkit-border-radius: 0 5px 0 0;
    border-radius: 0 5px 0 0;
}

.form_template .tbl_form_2015 .row.tbl_row:last-child {
    -moz-border-radius: 0 0 5px 0;
    -webkit-border-radius: 0 0 5px 0;
    border-radius: 0 0 5px 0;
    border-bottom: none;
}

.form_template .tbl_form_2015 .row.tbl_row:only-child {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
}

.form_template .tbl_form_2015 .row.tbl_row .tbl_th {
    background-color: #00447B !important;
    color: #ffffff;
    padding-bottom: 10px;
}

.form_template .tbl_form_2015 .row.tbl_row:first-child .tbl_th {
    -moz-border-radius: 5px 0 0 0;
    -webkit-border-radius: 5px 0 0 0;
    border-radius: 5px 0 0 0;
}

.form_template .tbl_form_2015 .row.tbl_row:last-child .tbl_th {
    -moz-border-radius: 0 0 0 5px;
    -webkit-border-radius: 0 0 0 5px;
    border-radius: 0 0 0 5px;
}

.form_template .tbl_form_2015 .row.tbl_row:only-child .tbl_th {
    -moz-border-radius: 5px 0 0 5px;
    -webkit-border-radius: 5px 0 0 5px;
    border-radius: 5px 0 0 5px;
}

.form_template .tbl_form_2015 .row.tbl_row .tbl_td {
    color: #000000;
    padding-bottom: 10px;
    margin-left: 0;
    border-left: 2px solid #ffffff;
}

/*# For question rows style #*/
.form_template .row.question.nonumber .col_1 {
    color: #00447B;
    margin-top: 0;
}

.form_template.survey .row.question.nonumber > div.col_1 .btn_wrap {
    display: inline;
}

.form_template .row.question.nonumber {
    background-color: transparent !important;
    font-size: 20px;
    background-position: 0px 6px;
    margin: 20px 0;
}

.form_template .row {
    margin-left: 0;
}

    .form_template .row.list_head {
        padding: 0;
        border: none;
        background: #00447B;
        color: #ffffff;
        border-radius: 6px 6px 0 0;
        -webkit-border-radius: 6px 6px 0 0;
        border-radius: 6px 6px 0 0;
    }

        .form_template .row.list_head > div {
            font-size: 1em;
            color: #ffffff;
            text-align: center;
            font-weight: bold;
            padding: 10px 5px;
        }

.form_template .questions .row.question:nth-child(odd) {
    background-color: #f0f0f0;
}

.form_template .questions .row.question:nth-child(even) {
    background-color: #ffffff;
}

.form_template .row.question > div {
    margin-top: 1em;
    margin-bottom: 1em;
    min-height: 0;
    line-height: 1.4em;
}

    .form_template .row.question > div:first-child {
        text-indent: -2em;
        padding-left: 3em;
    }

.form_template.isNotEdit .row.question > div:first-child {
    width: 97%;
    font-weight: bold;
}

.form_template .row.question > div:first-child .number {
    padding-right: 0.5em;
    width: 1.5em;
    font-weight: bold;
    float: left;
}

.form_template .row.question > div:first-child .btn_wrap {
    text-indent: 0;
    display: inline;
    vertical-align: top;
    padding-left: 5px;
}

    .form_template .row.question > div:first-child .btn_wrap .action_link {
        padding: 0;
        margin: 0;
    }

.form_template .row.question > div input,
.form_template .row.question > div select {
    border: 1px solid #A9A9A9;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    max-width: 100%;
}

.form_template .row.question > div textarea {
    border: 1px solid #A9A9A9;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    width: 95%;
}

.form_template .row.response div:first-child {
    padding-left: 3em;
}

.form_template .row.response > div input,
.form_template .row.response > div select {
    border: 1px solid #A9A9A9;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    max-width: 100%;
}
/*## Report Recommendation Style ##*/
.form_template .report_recommendation .row.nohover {
}

.form_template .report_recommendation .row .main_heading {
    font-size: 29pt;
    color: #B2B2B2;
    font-family: GoudyOist BT;
    font-weight: bold;
    height: 80px;
    vertical-align: top;
    line-height: 29pt;
    width: 839px;
}

.form_template .report_recommendation .row .section_heading_bg {
    width: 30px;
    height: 80px;
    background-color: #008fc3;
    margin-right: 10px;
}
/*## section recommendation style ##*/
.form_template .recom_score_tbl_heading,
.form_template .recom_score_tbl {
    table-layout: fixed;
}

.form_template .recom_score_tbl_heading {
    margin: 0;
}

    .form_template .recom_score_tbl_heading th {
        background-color: #00447B;
    }

        .form_template .recom_score_tbl_heading th.col_1,
        .form_template .recom_score_tbl td.col_1 {
            width: 10%;
        }

        .form_template .recom_score_tbl_heading th.col_2,
        .form_template .recom_score_tbl td.col_2 {
            width: 82%;
        }

        .form_template .recom_score_tbl_heading th.col_3,
        .form_template .recom_score_tbl td.col_3 {
            width: 8%;
        }

.form_template .recom_score_tbl {
    border-top: none;
    border-top-right-radius: 0;
    background-color: #ffffff;
    margin: 0;
}

    .form_template .recom_score_tbl.table-bordered tbody:first-child tr:first-child > td:first-child {
        border-top-left-radius: 0;
    }

    .form_template .recom_score_tbl.table-bordered tbody:first-child tr:first-child > td:last-child {
        border-top-right-radius: 0;
    }

    .form_template .recom_score_tbl .score_range .col1 {
        padding-right: 5px;
    }

    .form_template .recom_score_tbl .score_range .col2 {
        padding-right: 5px;
    }

.form_template .recommendations {
    padding: 20px;
    border-radius: 10px;
    background-color: #F6F6F6;
}

/*## popup editor style ##*/
.ui-dialog div.heading.editor {
    padding: 15px 0 20px 0px;
    color: #00447B;
    text-align: left;
    white-space: nowrap;
    font-weight: normal;
    font-size: 20pt;
    line-height: 25px;
}

.ui-dialog .form_template .tbl_form_2015 {
    margin: 0 0 20px 0;
}

/*## survey form style ##*/
.form_template.survey .row.list_head,
.form_template.survey .row.response {
    display: none;
}

.form_template.survey .row.question > div.col_1 {
    margin-bottom: 0;
}

.form_template.survey .row.question.nonumber > div.col_1 {
    padding-left: 0;
    text-indent: 0;
    font-weight: normal;
    width: 95%;
}

.form_template.survey .row.question > div.col_2 {
    padding-left: 3em;
}

/*# Radio List #*/
.form_template.survey .radio_row {
    margin-bottom: 1em;
}

.form_template.survey input[type="radio"] {
    display: none;
}

    .form_template.survey input[type="radio"] + label {
        color: #808182;
        font-family: Arial, sans-serif;
        font-size: 1em;
    }

        .form_template.survey input[type="radio"] + label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
            -moz-border-radius: 50%;
            border-radius: 50%;
        }

        .form_template.survey input[type="radio"] + label span {
            background-color: #ffffff;
        }

    .form_template.survey input[type="radio"]:checked + label span {
        background-color: #00447B;
    }

        .form_template.survey input[type="radio"]:checked + label span:before {
            content: "\2022 ";
            color: #ffffff;
            font-size: 43px;
            text-align: center;
            line-height: 21px;
            padding-left: 2px;
        }

    .form_template.survey input[type="radio"] + label span,
    .form_template.survey input[type="radio"]:checked + label span {
        border: 1px solid #BCBCBC;
        margin: 0 15px 0 0;
    }
/*# Checkbox List #*/
.form_template.survey .checkbox_row {
    margin-bottom: 1em;
}

.form_template.survey input[type="checkbox"] {
    display: none;
}

    .form_template.survey input[type="checkbox"] + label {
        color: #808182;
        font-family: Arial, sans-serif;
        font-size: 1em;
    }

        .form_template.survey input[type="checkbox"] + label span {
            display: inline-block;
            width: 19px;
            height: 19px;
            margin: -1px 4px 0 0;
            vertical-align: middle;
            cursor: pointer;
        }

        .form_template.survey input[type="checkbox"] + label span {
            background-color: #ffffff;
        }

    .form_template.survey input[type="checkbox"]:checked + label span {
        background-color: #00447B;
    }

        .form_template.survey input[type="checkbox"]:checked + label span:before {
            content: '\2713';
            color: #ffffff;
            font-size: 26px;
            text-align: center;
            line-height: 11px;
            padding-left: 2px;
        }

    .form_template.survey input[type="checkbox"] + label span,
    .form_template.survey input[type="checkbox"]:checked + label span {
        border: 1px solid #BCBCBC;
        margin: 0 15px 0 0;
    }

/*## form detail view style ##*/
.form_template.isFormDetail .col_2.field_val,
.form_template.isFormDetail .col_3.field_val {
    padding-left: 3em;
}

.form_template.isNotEdit.isFormDetail.audit .row.question > div:first-child {
    width: 48.717948717948715%;
}

.form_template.isFormDetail.audit .col_2.field_val,
.form_template.isFormDetail.audit .col_3.field_val {
    padding-left: 0;
}

.form_template.isFormDetail .field_val > label {
    font-weight: bold;
    padding-right: 5px;
}

.form_template.isFormDetail.survey .field_val > span.place_holder + span.answer + span.na {
    display: none;
}
/*## My Survey List View ##*/
#survey_tbl_heading .col_1,
#survey_tbl .col_1 {
    width: 18%;
}

#survey_tbl_heading .col_2,
#survey_tbl .col_2 {
    width: 11%;
}

#survey_tbl_heading .col_3,
#survey_tbl .col_3 {
    width: 15%;
}

#survey_tbl_heading .col_4,
#survey_tbl .col_4 {
    width: 26%;
}

#survey_tbl_heading .col_5,
#survey_tbl .col_5 {
    width: 20%;
}

#survey_tbl_heading .col_6,
#survey_tbl .col_6 {
    width: 10%;
}
/**## Survey List Status Circle ##**/
span.inner_item span.survey_status_0,
#survey_memberarea #survey_tbl .survey_status_0 {
    /* New */
    background-color: #F2D52F;
}

span.inner_item span.survey_status_1,
#survey_memberarea #survey_tbl .survey_status_1 {
    /* Partially Completed */
    background-color: #F8A21C;
}

span.inner_item span.survey_status_2,
#survey_memberarea #survey_tbl .survey_status_2 {
    /* Completed */
    background-color: #25732D;
}

span.inner_item span.survey_status_3,
#survey_memberarea #survey_tbl .survey_status_3 {
    /* Expired */
    background-color: #CF4242;
}
/**## My Survey Status Legend Pop up Circle color ##**/
#survey_memberarea + .rollover_content .inner_item span {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    padding: 0 0 0 11px;
}

#survey_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va19_0 {
    background-color: #F2D52F;
}

#survey_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va19_1 {
    background-color: #F8A21C;
}

#survey_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va19_2 {
    background-color: #25732D;
}

#survey_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va19_3 {
    background-color: #C0C0C3;
}

/******************** 20150724 Style for Recommendation Report Ends ***************************/
/******************** 20150902 Health and Well-being Audit Form List starts ***************************/
#health_audit_tbl_heading .col_1,
#health_audit_tbl .col_1 {
    width: 25%;
}

#health_audit_tbl_heading .col_2,
#health_audit_tbl .col_2 {
    width: 25%;
}

#health_audit_tbl_heading .col_3,
#health_audit_tbl .col_3 {
    width: 25%;
}

#health_audit_tbl_heading .col_4,
#health_audit_tbl .col_4 {
    width: 25%;
}

#health_audit_tbl span.report_score {
    padding-right: 10px;
}

table.report_sec_score {
    width: 100%;
    table-layout: fixed;
}

    table.report_sec_score thead tr {
        background-color: #008FC3 !important;
    }

    table.report_sec_score td {
        white-space: normal;
        word-wrap: break-word;
    }

    table.report_sec_score th {
        background-color: #008FC3;
        color: #ffffff;
    }

    table.report_sec_score + button {
        margin: auto;
        display: inherit;
    }
/******************** 20150902 Health and Well-being Audit Form List ends ***************************/
/******************** 20150831 Style For Survey Campaign ***************************/
/*## Campaign List View ##*/
#campaign_tbl_heading .col_1,
#campaign_tbl .col_1 {
    width: 13%;
    text-align: center;
}

#campaign_tbl_heading .col_2,
#campaign_tbl .col_2 {
    width: 7%;
}

#campaign_tbl_heading .col_3,
#campaign_tbl .col_3 {
    width: 11%;
}

#campaign_tbl_heading .col_4,
#campaign_tbl .col_4 {
    width: 13%;
}

#campaign_tbl_heading .col_5,
#campaign_tbl .col_5 {
    width: 11%;
}

#campaign_tbl_heading .col_6,
#campaign_tbl .col_6 {
    width: 11%;
}

#campaign_tbl_heading .col_7,
#campaign_tbl .col_7 {
    width: 11%;
}

#campaign_tbl_heading .col_8,
#campaign_tbl .col_8 {
    width: 5%;
}

#campaign_tbl_heading .col_9,
#campaign_tbl .col_9 {
    width: 12%;
}


#campaign_tbl_heading .col_10,
#campaign_tbl .col_10 {
    width: 6%;
}


#campaign_tbl .nav.actions_bar.steps {
    padding-left: 0;
}

span.info_rollover {
    width: 18px;
    padding-right: 5px;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
}

    span.info_rollover > img {
        cursor: pointer;
    }

    span.info_rollover + span {
        width: 118px;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
    }

.info_rollover {
    margin-bottom: 15px;
}

.info_rollover_block {
    padding: 10px;
    font-size: 13px;
}

    .info_rollover_block:first-child {
        border-top: 1px solid #ddd;
    }

    .info_rollover_block:last-child {
        border-bottom: 1px solid #ddd;
    }

    .info_rollover_block:nth-child(odd) {
        background-color: #f0f0f0;
    }

    .info_rollover_block:nth-child(even) {
        background-color: #ffffff;
    }

    .info_rollover_block label {
        font-weight: bold;
        padding-right: 10px;
        width: 50%;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        text-align: right;
    }

.memberarea a.btn_statistics {
    background: transparent url('../i/icon_statistics_30.png') 0 0 no-repeat;
}

/*## Campaign Buttons ##*/
.actions_in .btn_step1_active {
    padding: 0;
    margin: 0;
    background: transparent url('../i/svy_cam_step1_blue.png') 0 0 no-repeat;
    background-size: 30px;
}

.actions_in .btn_step1_inactive {
    padding: 0;
    margin: 0;
    background: transparent url('../i/svy_cam_step1_black.png') 0 0 no-repeat;
    background-size: 30px;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.actions_in .btn_step2_active {
    padding: 0;
    margin: 0;
    background: transparent url('../i/svy_cam_step2_blue.png') 0 0 no-repeat;
    background-size: 30px;
}

.actions_in .btn_step2_inactive {
    padding: 0;
    margin: 0;
    background: transparent url('../i/svy_cam_step2_black.png') 0 0 no-repeat;
    background-size: 30px;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.actions_in .btn_step3_active {
    padding: 0;
    margin: 0;
    background: transparent url('../i/svy_cam_step3_blue.png') 0 0 no-repeat;
    background-size: 30px;
}

.actions_in .btn_step3_inactive {
    padding: 0;
    margin: 0;
    background: transparent url('../i/svy_cam_step3_black.png') 0 0 no-repeat;
    background-size: 30px;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.actions_in .btn_print.inactive {
    background: transparent url('../i/view_icon_black.png') 0 0 no-repeat;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

/**## Campaign List Status Circle ##**/
span.inner_item span.campaign_status_0,
#campaign_tbl .camp_status_0 {
    /* Awaiting Recipients */
    background-color: #F2D52F;
}

span.inner_item span.campaign_status_1,
#campaign_tbl .camp_status_1 {
    /* Awaiting Approval */
    background-color: #F8A21C;
}

span.inner_item span.campaign_status_2,
#campaign_tbl .camp_status_2 {
    /* Scheduled */
    background-color: #1E90FF;
}

span.inner_item span.campaign_status_3,
#campaign_tbl .camp_status_3 {
    /* Sent */
    background-color: #A6CE39;
}

span.inner_item span.campaign_status_4,
#campaign_tbl .camp_status_4 {
    /* Closed */
    background-color: #25732D;
}

.bottom_margin.column span.inner_item span {
    margin: 0 5px 0 0;
}

#campaign_tbl_heading th > img,
table.cpaneltbl.tbl_heading th > img {
    margin-left: 5px;
    vertical-align: middle;
    cursor: pointer;
}
/**## Campaign Status Legend Pop up Circle color ##**/
#campaign_memberarea + .rollover_content .inner_item span {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    padding: 0 0 0 11px;
}

#campaign_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va18_0 {
    background-color: #F2D52F;
}

#campaign_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va18_1 {
    background-color: #F8A21C;
}

#campaign_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va18_2 {
    background-color: #25732D;
}

#campaign_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va18_3 {
    background-color: #C0C0C3;
}

#campaign_memberarea + .rollover_content .rollover_content_inner .inner_item span.variables_va18_4 {
    background-color: #000000;
}

/*## Campaign Edit View ##*/
.recipient_picker ul {
    margin: 0;
    max-height: 400px;
    overflow: auto;
}

    .recipient_picker ul li {
        list-style: none;
        padding: 15px;
    }

        .recipient_picker ul li:nth-child(odd) {
            background-color: #f0f0f0;
        }

        .recipient_picker ul li:nth-child(even) {
            background-color: #ffffff;
        }

        .recipient_picker ul li label {
        }

            .recipient_picker ul li label input {
                vertical-align: middle;
                margin-right: 10px;
            }
/*## Campaign Detail View ##*/
ul.related_picker {
    margin: 0;
    padding: 0;
}

    ul.related_picker li {
        list-style: none;
        float: left;
        margin-left: 5px;
    }

        ul.related_picker li:first-child {
            margin: 0;
        }

        ul.related_picker li:after {
            content: ",";
        }

        ul.related_picker li:last-child:after {
            content: '';
        }
/******************** 20150831 End of Style For Survey Campaign ***************************/
/******************** 20150819 Style Accept Page ***************************/
a.btn.blue,
.cms_endform_buttons input,
#user_edit_form input#btn_changepwd {
    display: inline-block;
    *display: inline;
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 35px 0 15px;
    height: 26px;
    _height: 30px;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #4684AE url("../i/bg_submit_arrow.png") right center no-repeat;
    color: #FFFFFF !important;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px !important;
    font-family: Arial,sans-serif;
    line-height: 26px;
    cursor: pointer;
    -ms-zoom: 1;
    zoom: 1;
    text-shadow: none;
}

#user_edit_form input#btn_changepwd {
    background-color: #4684AE !important;
}

.standard-prompt-wrap {
    width: 50%;
    margin: 50px auto;
    text-align: center;
}

    .standard-prompt-wrap .btn.btn-primary.btn-sm {
        margin: 0 auto;
        display: inline-block;
        *disolay: inline;
        _height: 30px;
        zoom: 1;
        background: #0091c8;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        color: #ffffff;
        font-family: Arial,sans-serif;
        font-size: 14px;
        font-weight: normal;
        line-height: normal;
        padding: 8px 22px;
        text-align: center;
        text-decoration: none;
        -webkit-appearance: none;
        vertical-align: middle;
        border: none;
    }

    .standard-prompt-wrap h1
    /******************** 20150819 Style Accept Page ***************************/
    /******************** 20150904 Tablet Fix ***************************/
    /*## To fix tablet toolitp arrow position ##*/
    .iasp_tooltip_Right.iasp_tt_Help24,
    .iasp_tooltip_Right.iasp_tt_Help32,
    .iasp_tooltip_Right.iasp_tt_Info24,
    .iasp_tooltip_Right.iasp_tt_Info32,
    .iasp_tooltip_Left.iasp_tt_Help24,
    .iasp_tooltip_Left.iasp_tt_Help32,
    .iasp_tooltip_Left.iasp_tt_Info24,
    .iasp_tooltip_Left.iasp_tt_Info32 {
        background-position-y: 1px !important;
    }
/******************** 20150904 Tablet Fix ***************************/
/******************** 201510274 Audit Form Hide Section Recommendation Summary And Report Recommendation***************************/
.section_recomm_details,
.report_recomm_details {
    display: none;
}

body#report_view .report_summary_page .page_section_heading:first-child {
    display: none;
}


body#report_view .report_summary_page .report_summary {
    display: none;
}

body#report_view .section_recomm.report_recomm {
    page-break-before: auto;
}

/******************** 201510274 Audit Form Hide Section Recommendation ***************************/
/******************** 20151029 Style for Glen starts ***************************/
.sml-disclaimer {
    color: #008FC3;
    font-size: 11px;
}
/******************** 20151029 Style for Glen ends ***************************/
/******************** 20151029 Style for Auto Complete Starts ***************************/
#cms_edit input[data-cmsui="autocomplete"] {
    border-radius: 0;
    -webkit-appearance: none;
}

#cms_edit.staff_induction.new input[data-cmsui="autocomplete"] {
    width: 80%;
}

.ui-autocomplete.ui-menu.ui-plus .ui-menu-item:only-child a span.plus,
.ui-autocomplete.ui-menu.ui-plus .ui-menu-item:only-child a:hover span.plus,
.ui-autocomplete.ui-menu.ui-plus .ui-menu-item:only-child a:focus span.plus,
.ui-autocomplete.ui-menu.ui-plus .ui-menu-item:only-child a.ui-state-focus span.plus {
    background-image: url('../i/icon_add_40_white.png') !important;
    background-repeat: no-repeat !important;
    background-size: 16px !important;
    background-position: 0 center !important;
    padding-left: 22px !important;
}

.ui-autocomplete.ui-menu.ui-plus .ui-menu-item:only-child a span.btn_invite_new {
    color: #fff;
    font-weight: bold;
    background-color: #4684AE;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 5px;
    cursor: pointer;
}

/*#cms_edit.new_editor input[data-cmsui="autocomplete"]::-webkit-search-decoration,
    #cms_edit.new_editor input[data-cmsui="autocomplete"]::-webkit-search-cancel-button,
    #cms_edit.new_editor input[data-cmsui="autocomplete"]::-webkit-search-results-button,
    #cms_edit.new_editor input[data-cmsui="autocomplete"]::-webkit-search-results-decoration {
        display: none;
    }

#cms_edit.new_editor input[data-cmsui="autocomplete"] {
    background-color: #ffffff;
    background-image: url('../i/input-search-x.png');
    background-repeat: no-repeat;
    background-position: right -10px center;
    border: 1px solid #999;
    padding: 3px 18px 3px 4px;
}

    #cms_edit.new_editor input[data-cmsui="autocomplete"].x {
        background-position: right 5px center;
    }

    #cms_edit.new_editor input[data-cmsui="autocomplete"].onX {
        cursor: pointer;
    }*/
/******************** 20151029 Style for Auto Complete ends ***************************/
/******************** 20151102 Style for New Staff Induction Starts ***************************/
input:focus,
textarea:focus {
    outline: none !important;
}

span#start_date,
span#cease_date {
    vertical-align: inherit;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
}

    span#start_date > span,
    span#cease_date > span {
        padding-left: 5px;
        vertical-align: top;
    }

tr.signature th.col_2 {
    text-align: right;
    vertical-align: middle;
}

tr.signature.odd {
    border-top: 1px solid #ffffff;
}

#cms_edit p.bottom_margin {
    margin-bottom: 30px;
}

tr.inductee_fname input,
tr.inductee_lname input {
    background-color: transparent;
    border: none !important;
    color: #000;
    padding: 0;
}
/*## For tooltip and legend status ##*/
span.status_bar {
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
    line-height: normal;
    padding: 0 0 0 9px;
    margin: 0 15px 0 0;
}

td span.status_bar {
    margin: 0;
}

span.inner_item span.induction_status_0,
.induction_0 {
    /* New Awaiting Manager Processing */
    background-color: #F2D52F;
}

span.inner_item span.induction_status_1,
.induction_1 {
    /* Awaiting Staff Member Terms of Use Acceptance */
    background-color: #C0C0C0;
}

span.inner_item span.induction_status_2,
.induction_2 {
    /* Awaiting Staff Member Completion */
    background-color: #F8A21C;
}

span.inner_item span.induction_status_3,
.induction_3 {
    /* Awaiting Manager Verification */
    background-color: #A6CE39;
}

span.inner_item span.induction_status_4,
.induction_4 {
    /* Completed */
    background-color: #25732D;
}

span.inner_item span.employment_status_0,
.employment_0 {
    /* Active */
    background-color: #25732D;
}

span.inner_item span.employment_status_1,
.employment_1 {
    /* Ceased */
    background-color: #CF4242;
}

span.inner_item span.training_0,
.training_0 {
    /* Active */
    background-color: #25732D;
}

span.inner_item span.training_1,
.training_1 {
    /* Ceased */
    background-color: #CF4242;
}
/*#### Staff Induction Table columns ####*/
table#staff_induc_tbl_heading th > img {
    display: block;
    margin: auto;
}

table#staff_induc_tbl_heading .col_1,
table#staff_induc_tbl .col_1 {
    width: 9%;
    text-align: center;
}

table#staff_induc_tbl_heading .col_2,
table#staff_induc_tbl .col_2 {
    width: 8%;
}

table#staff_induc_tbl_heading .col_3,
table#staff_induc_tbl .col_3 {
    width: 11%;
}

table#staff_induc_tbl_heading .col_4,
table#staff_induc_tbl .col_4 {
    width: 10%;
}

table#staff_induc_tbl_heading .col_5,
table#staff_induc_tbl .col_5 {
    width: 9%;
}

table#staff_induc_tbl_heading .col_6,
table#staff_induc_tbl .col_6 {
    width: 8%;
    text-align: center;
}

table#staff_induc_tbl_heading .col_7,
table#staff_induc_tbl .col_7 {
    width: 9%;
    text-align: center;
}

table#staff_induc_tbl_heading .col_8,
table#staff_induc_tbl .col_8 {
    width: 10%;
}

table#staff_induc_tbl_heading .col_9,
table#staff_induc_tbl .col_9 {
    width: 10%;
}

table#staff_induc_tbl_heading .col_10,
table#staff_induc_tbl .col_10 {
    width: 10%;
}

table#staff_induc_tbl_heading .col_11,
table#staff_induc_tbl .col_11 {
    width: 6%;
}
/*#### Staff Induction(Archive) ####*/

/*List View*/
table#staff_induc_tbl_heading.archive .col_1,
table#staff_induc_tbl.archive .col_1 {
    width: 15%;
    text-align: left;
}

table#staff_induc_tbl_heading.archive .col_2,
table#staff_induc_tbl.archive .col_2 {
    width: 15%;
}

table#staff_induc_tbl_heading.archive .col_3,
table#staff_induc_tbl.archive .col_3 {
    width: 20%;
}

table#staff_induc_tbl_heading.archive .col_4,
table#staff_induc_tbl.archive .col_4 {
    width: 20%;
}

table#staff_induc_tbl_heading.archive .col_5,
table#staff_induc_tbl.archive .col_5 {
    width: 20%;
}

table#staff_induc_tbl_heading.archive .col_6,
table#staff_induc_tbl.archive .col_6 {
    width: 10%;
    text-align: right;
}

/*Brochure View*/
.archived_staff_induction .form_tbl.questionnaire .col_1 {
    width: 3%;
}

/*## form_tbl style ##*/
#cms_edit.staff_induction.new {
    position: relative;
}

    #cms_edit.staff_induction.new textarea {
        width: 98%;
    }

.staff_induction.new table.form_tbl {
    table-layout: fixed;
    width: 100%;
}

    .staff_induction.new table.form_tbl thead th.col_1,
    .staff_induction.new table.form_tbl tbody th.col_1 {
        width: 3%;
        text-align: right;
    }


    .staff_induction.new table.form_tbl thead th.col_2,
    .staff_induction.new table.form_tbl tbody th.col_2,
    .staff_induction.new table.form_tbl tbody td.col_2 {
        width: 37%;
    }

    .staff_induction.new table.form_tbl thead th.col_3,
    .staff_induction.new table.form_tbl tbody td.col_3 {
        width: 15%;
        text-align: center;
    }

    .staff_induction.new table.form_tbl thead th.col_4,
    .staff_induction.new table.form_tbl tbody td.col_4 {
        width: 45%;
        text-align: left;
    }
/*## For Questionnarie ##*/
.staff_induction.new #questionnaire table.form_tbl .col_3 {
    width: 54%;
    text-align: left;
}

.staff_induction.new #questionnaire table.form_tbl td.col_3 {
    padding-left: 35px;
}

.staff_induction.new #questionnaire .signature canvas,
.staff_induction.new #questionnaire .signature img {
    max-width: 100%;
}
/*## For Training Requirements Section ##*/
.staff_induction.new #job_training_table tbody td.col_3 {
    width: 15%;
    text-align: left;
}

    .staff_induction.new #job_training_table tbody td.col_3 + td {
        width: 39%;
        text-align: left;
    }
/*## For Manager Signature ##*/
.staff_induction.new #manager_signature tbody .col_3 {
    width: 54%;
    text-align: left;
    padding-left: 35px;
}

    .staff_induction.new #manager_signature tbody .col_3 canvas,
    .staff_induction.new #manager_signature tbody .col_3 img {
        max-width: 100%;
    }
/*## For send to inductee button ##*/
#cms_edit.staff_induction.new ~ .cms_endform_buttons {
    margin-bottom: 52px;
}

#cms_edit.staff_induction.new span.or {
    position: absolute;
    bottom: -79px;
    font-weight: 700;
    color: #00447B;
}

#cms_edit.staff_induction.new input.button.btn_send {
    display: inline-block;
    *display: inline;
    margin-right: 0;
    margin-bottom: 5px;
    padding: 0 35px 0 15px;
    height: 26px;
    _height: 30px;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: #4684AE url("../i/bg_submit_arrow.png") right center no-repeat;
    color: #FFFFFF !important;
    text-align: left;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px !important;
    font-family: Arial,sans-serif;
    line-height: 26px;
    cursor: pointer;
    -ms-zoom: 1;
    zoom: 1;
    border: none !important;
    position: absolute;
    bottom: -116px;
}

/*## To hide the induction blocks ##*/
.staff_induction.new.edit .ysno09_target,
.staff_induction.new.edit input.button.btn_send.ysno09_target {
    display: none;
}

.staff_induction.new.detail .ysno09_target,
.staff_induction.new.detail input.button.btn_send.ysno09_target {
    display: none;
}

.staff_induction.new.detail.showysno09_target .ysno09_target,
.staff_induction.new.detail.showysno09_target input.button.btn_send.ysno09_target {
    display: block;
}

.staff_induction.new.detail.showysno09_target tr.ysno09_target {
    display: table-row;
}

.staff_induction.new.detail.showysno09_target table.ysno09_target {
    display: table;
}
/******************** 20151102 Style for New Staff Induction ends ***************************/
/******************** 20151105 Style for My Induction STarts ***************************/
span.inner_item span.myinduction_status_0,
.myinduction_0 {
    /* New Awaiting Completion */
    background-color: #F2D52F;
}

span.inner_item span.myinduction_status_1,
.myinduction_1 {
    /* Completed */
    background-color: #25732D;
}

table#my_induc_tbl_heading .col_1,
table#my_induc_tbl .col_1 {
    width: 18%;
}

table#my_induc_tbl_heading .col_2,
table#my_induc_tbl .col_2 {
    width: 15%;
}

table#my_induc_tbl_heading .col_3,
table#my_induc_tbl .col_3 {
    width: 15%;
}


table#my_induc_tbl_heading .col_4,
table#my_induc_tbl .col_4 {
    width: 17%;
}

table#my_induc_tbl_heading .col_5,
table#my_induc_tbl .col_5 {
    width: 15%;
}

table#my_induc_tbl_heading .col_6,
table#my_induc_tbl .col_6 {
    width: 10%;
}

table#my_induc_tbl_heading .col_7,
table#my_induc_tbl .col_7 {
    width: 10%;
}

table.cpaneltbl tbody#my_induc_list td.col_5 a,
table.cpaneltbl tbody#my_induc_list td.col_5 a:link,
table.cpaneltbl tbody#my_induc_list td.col_5 a:active,
table.cpaneltbl tbody#my_induc_list td.col_5 a:visited,
table.cpaneltbl tbody#my_induc_list td.col_5 a:hover {
    pointer-events: none;
    cursor: default;
    color: #000;
}

#cms_edit.my_induction ~ .cms_endform_buttons input.button.btn_delete,
#cms_edit.staff_induction.new ~ .cms_endform_buttons input.button.btn_delete,
#cms_edit.training.v201511 ~ .cms_endform_buttons input.button.btn_delete {
    display: none;
}
/******************** 20151105 Style for My Induction Ends ***************************/
/******************** 20151102 Style for New Training Plan Starts ***************************/
table.form_tbl.courses {
    table-layout: fixed;
    width: 100%;
}
    /*## Table Column Width ##*/
    table.form_tbl.courses thead .col_1,
    table.form_tbl.courses tbody .col_1 {
        width: 5%;
    }

    table.form_tbl.courses thead .col_2,
    table.form_tbl.courses tbody .col_2 {
        width: 30%;
    }

    table.form_tbl.courses thead .col_3,
    table.form_tbl.courses tbody .col_3 {
        width: 20%;
    }

    table.form_tbl.courses thead .col_4,
    table.form_tbl.courses tbody .col_4 {
        width: 20%;
    }

    table.form_tbl.courses thead .col_5,
    table.form_tbl.courses tbody .col_5 {
        width: 25%;
    }
/*## Search Bar ##*/
#member_area_sub_section.training.v201511 #manual_sorting_bar_dates,
#member_area_sub_section.staff_induction.v201511 #manual_sorting_bar_dates,
#manual_sorting_bar_dates.isSurveyCampaign,
.inTaskList #manual_sorting_bar_dates {
    min-width: 184px;
}
/*## Print View table column witdth ##*/
.detail.new table.form_tbl.courses thead .col_3,
.detail.new table.form_tbl.courses tbody .col_3 {
    text-align: center;
}


.detail.new table.form_tbl.courses thead .col_4,
.detail.new table.form_tbl.courses tbody .col_5 {
    text-align: center;
}
/*## Table cell input style ##*/
table.form_tbl.courses tbody .col_2 input {
    max-width: 98%;
}
/*## Traning Plan List View ##*/
table#training_tbl_heading .col_1,
table#training_tbl .col_1 {
    width: 19%;
}

table#training_tbl_heading .col_2,
table#training_tbl .col_2 {
    width: 12%;
}

table#training_tbl_heading .col_3,
table#training_tbl .col_3 {
    width: 12%;
}

table#training_tbl_heading .col_4,
table#training_tbl .col_4 {
    width: 17%;
}

table#training_tbl_heading .col_5,
table#training_tbl .col_5 {
    width: 16%;
}

table#training_tbl_heading .col_6,
table#training_tbl .col_6 {
    width: 20%;
}

table#training_tbl_heading .col_7,
table#training_tbl .col_7 {
    width: 8%;
}

table#training_tbl_heading .col_8,
table#training_tbl .col_8 {
    width: 10%;
}

/******************** 20151102 Style for New Training Plan ends ***************************/
/******************** 20151112 Style for Hazardous Substance starts ***************************/
span.inner_item span.hazard_status_0,
.hazard_0 {
    /* Current */
    background-color: #25732D;
}

span.inner_item span.hazard_status_1,
.hazard_1 {
    /* Archived */
    background-color: #000000;
}
/*## Hazardous Substance Table ##*/
table#hazar_tbl_heading .col_1,
table#hazar_tbl .col_1 {
    width: 17%;
}

table#hazar_tbl_heading .col_2,
table#hazar_tbl .col_2 {
    width: 11%;
}

table#hazar_tbl_heading .col_3,
table#hazar_tbl .col_3 {
    width: 12%;
}

table#hazar_tbl_heading .col_4,
table#hazar_tbl .col_4 {
    width: 18%;
}

table#hazar_tbl_heading .col_5,
table#hazar_tbl .col_5 {
    width: 15%;
}

table#hazar_tbl_heading .col_6,
table#hazar_tbl .col_6 {
    width: 9%;
}

table#hazar_tbl_heading .col_7,
table#hazar_tbl .col_7 {
    width: 9%;
}

table#hazar_tbl_heading .col_8,
table#hazar_tbl .col_8 {
    width: 6%;
}

table#hazar_tbl_heading .col_9,
table#hazar_tbl .col_9 {
  width: 6%;
}

/*## Pre Hazardous Substance Table ##*/
#pre_hazar_memberarea table#hazar_tbl_heading .col_1,
#pre_hazar_memberarea table#hazar_tbl .col_1 {
    width: 10%;
}

#pre_hazar_memberarea table#hazar_tbl_heading .col_2,
#pre_hazar_memberarea table#hazar_tbl .col_2 {
    width: 20%;
}

#pre_hazar_memberarea table#hazar_tbl_heading .col_3,
#pre_hazar_memberarea table#hazar_tbl .col_3 {
    width: 15%;
}

#pre_hazar_memberarea table#hazar_tbl_heading .col_4,
#pre_hazar_memberarea table#hazar_tbl .col_4 {
    width: 15%;
}

#pre_hazar_memberarea table#hazar_tbl_heading .col_5,
#pre_hazar_memberarea table#hazar_tbl .col_5 {
    width: 15%;
}

#pre_hazar_memberarea table#hazar_tbl_heading .col_6,
#pre_hazar_memberarea table#hazar_tbl .col_6 {
    width: 10%;
}
/******************** 20151112 Style for Hazardous Substance ends ***************************/
/******************** 20170619 Style for My Documents starts ***************************/
span.inner_item span.document_status_False,
.document_status_False {
    /* Current */
    background-color: #25732D;
}

span.inner_item span.document_status_True,
.document_status_True {
    /* Inactive */
    background-color: #000000;
}
/*## My Documents Table ##*/
table#mydoc_tbl_heading th:nth-child(1),
table#mydoc_tbl td:nth-child(1) {
    width: 9%;
}

table#mydoc_tbl_heading th:nth-child(2),
table#mydoc_tbl td:nth-child(2) {
    width: 11%;
}

table#mydoc_tbl_heading th:nth-child(3),
table#mydoc_tbl td:nth-child(3) {
    width: 15%;
}

table#mydoc_tbl_heading th:nth-child(4),
table#mydoc_tbl td:nth-child(4){
    width: 25%;
}

table#mydoc_tbl_heading th:nth-child(5),
table#mydoc_tbl td:nth-child(5) {
    width: 20%;
}

table#mydoc_tbl_heading th:nth-child(6),
table#mydoc_tbl td:nth-child(6) {
    width: 10%;
}

table#mydoc_tbl_heading th:nth-child(7),
table#mydoc_tbl td:nth-child(7) { 
    width: 10%;
}

/*## Pre My Documents Table ##*/
#pre_mydoc_memberarea table#mydoc_tbl_heading .col_1,
#pre_mydoc_memberarea table#mydoc_tbl .col_1 {
    width: 10%;
}

#pre_mydoc_memberarea table#mydoc_tbl_heading .col_2,
#pre_mydoc_memberarea table#mydoc_tbl .col_2 {
    width: 10%;
}

#pre_mydoc_memberarea table#mydoc_tbl_heading .col_3,
#pre_mydoc_memberarea table#mydoc_tbl .col_3 {
    width: 20%;
}

#pre_mydoc_memberarea table#mydoc_tbl_heading .col_4,
#pre_mydoc_memberarea table#mydoc_tbl .col_4 {
    width: 20%;
}

#pre_mydoc_memberarea table#mydoc_tbl_heading .col_5,
#pre_mydoc_memberarea table#mydoc_tbl .col_5 {
    width: 15%;
}

#pre_mydoc_memberarea table#mydoc_tbl_heading .col_6,
#pre_mydoc_memberarea table#mydoc_tbl .col_6 {
    width: 10%;
}
/*## Addtional Sub Form Styles ##*/
table.sub_form tr td input,
#cms_edit table.sub_form tr td input {
    max-width: 100%;
    width: auto !important;
}

table.sub_form.doc_attachment tr.sub_form_heading th:first-child {
    width: 10%;
}

table.sub_form.doc_attachment tr.sub_form_heading th:nth-child(2) {
    width: 15%;
}

table.sub_form.doc_attachment tr.sub_form_heading th:nth-child(3) {
    width: 25%;
}

table.sub_form.doc_attachment tr.sub_form_heading th:nth-child(4) {
    width: 15%;
}

table.sub_form.doc_attachment tr.sub_form_heading th:nth-child(5) {
    width: 15%;
}

table.sub_form.doc_attachment tr.sub_form_heading img {
    cursor: pointer;
}

table.upload_form tr td input,
#cms_edit table.upload_form tr td input {
    max-width: 100%;
    width: auto !important;
}

table.sub_form.doc_attachment table.upload_form .sub_form_row_item.file_title {
    width: 18.5%;
    margin-left: 12%;
    margin-right: 1%;
}

table.sub_form.doc_attachment table.upload_form .sub_form_row_item.upload {
    width: 25%;
    margin-right: 1%;
}

table.sub_form.doc_attachment table.upload_form .sub_form_row_item.alert_status {
    margin-left: 25%;
    width: 15%;
}

.alert_status > div {
    color: #000;
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
    vertical-align: top;
    max-width: 100%;
    margin-right: 5px;
}

    .alert_status > div > input {
        vertical-align: middle;
        margin: 0;
    }

.alert_status > span.reminder_date {
    color: #000;
    /*display: none;*/
}

#cms_edit table.sub_form tr td .alert_status > span.reminder_date input,
#cms_edit table.upload_form tr td .alert_status > span.reminder_date input {
    width: 110px !important;
}
/*## Addtional Styles ##*/
.actions_in .btn_view_doc_attachment {
    padding: 0;
    margin: 0;
    background: transparent url('../i/icon-view-attachment.png') 0 0 no-repeat;
}

.render_block {
    position: relative;
}

    .render_block .nav.actions_bar {
        padding-left: 0;
    }

    .render_block span.total_number {
        position: absolute;
        color: #008fc3;
        top: 0;
        left: 30px;
    }
/******************** 20170619 Style for My Document ends ***************************/
/******************** 20151113 Style for Contractor Insurance Policy starts ***************************/
/*## Contractor Insurance Policy List View ##*/
#pre_con_insure_memberarea table#con_insure_tbl_heading .col_1,
#pre_con_insure_memberarea table#con_insure_tbl .col_1 {
    width: 15%;
}

#pre_con_insure_memberarea table#con_insure_tbl_heading .col_2,
#pre_con_insure_memberarea table#con_insure_tbl .col_2 {
    width: 15%;
}

#pre_con_insure_memberarea table#con_insure_tbl_heading .col_3,
#pre_con_insure_memberarea table#con_insure_tbl .col_3 {
    width: 18%;
}

#pre_con_insure_memberarea table#con_insure_tbl_heading .col_4,
#pre_con_insure_memberarea table#con_insure_tbl .col_4 {
    width: 13%;
}

#pre_con_insure_memberarea table#con_insure_tbl_heading .col_5,
#pre_con_insure_memberarea table#con_insure_tbl .col_5 {
    width: 15%;
}

#pre_con_insure_memberarea table#con_insure_tbl_heading .col_6,
#pre_con_insure_memberarea table#con_insure_tbl .col_6 {
    width: 14%;
}

#pre_con_insure_memberarea table#con_insure_tbl_heading .col_7,
#pre_con_insure_memberarea table#con_insure_tbl .col_7 {
    width: 10%;
}
/******************** 20151113 Style for Contractor Insurance Policy ends ***************************/
/******************** 20151116 Style for Contractor Induction starts ***************************/
/*## Pre Contractor Induction List View ##*/
#pre_con_induc_memberarea table#con_induc_tbl_heading .col_1,
#pre_con_induc_memberarea table#con_induc_tbl .col_1 {
    width: 13%;
}

#pre_con_induc_memberarea table#con_induc_tbl_heading .col_2,
#pre_con_induc_memberarea table#con_induc_tbl .col_2 {
    width: 15%;
}

#pre_con_induc_memberarea table#con_induc_tbl_heading .col_3,
#pre_con_induc_memberarea table#con_induc_tbl .col_3 {
    width: 20%;
}

#pre_con_induc_memberarea table#con_induc_tbl_heading .col_4,
#pre_con_induc_memberarea table#con_induc_tbl .col_4 {
    width: 15%;
}

#pre_con_induc_memberarea table#con_induc_tbl_heading .col_5,
#pre_con_induc_memberarea table#con_induc_tbl .col_5 {
    width: 20%;
}

#pre_con_induc_memberarea table#con_induc_tbl_heading .col_6,
#pre_con_induc_memberarea table#con_induc_tbl .col_6 {
    width: 17%;
}

/*## Contractor Induction List View ##*/
table#con_induc_tbl_heading .col_1,
table#con_induc_tbl .col_1 {
    width: 17%;
}

table#con_induc_tbl_heading .col_2,
table#con_induc_tbl .col_2 {
    width: 13%;
}

table#con_induc_tbl_heading .col_3,
table#con_induc_tbl .col_3 {
    width: 15%;
}

table#con_induc_tbl_heading .col_4,
table#con_induc_tbl .col_4 {
    width: 15%;
}

table#con_induc_tbl_heading .col_5,
table#con_induc_tbl .col_5 {
    width: 16%;
}

table#con_induc_tbl_heading .col_6,
table#con_induc_tbl .col_6 {
    width: 16%;
}

table#con_induc_tbl_heading .col_7,
table#con_induc_tbl .col_7 {
    width: 12%;
}

table#con_induc_tbl_heading .col_8,
table#con_induc_tbl .col_8 {
    width: 10%;
}

/******************** 20151116 Style for Contractor Induction ends ***************************/
/******************** 20151116 Style for Contractor Sign-ins satarts ***************************/
table#con_sign_tbl_heading .col_1,
table#con_sign_tbl .col_1 {
    width: 15%;
}

table#con_sign_tbl_heading .col_2,
table#con_sign_tbl .col_2 {
    width: 15%;
}

table#con_sign_tbl_heading .col_3,
table#con_sign_tbl .col_3 {
    width: 20%;
}

table#con_sign_tbl_heading .col_4,
table#con_sign_tbl .col_4 {
    width: 21%;
}

table#con_sign_tbl_heading .col_5,
table#con_sign_tbl .col_5 {
    width: 21%;
}

table#con_sign_tbl_heading .col_6,
table#con_sign_tbl .col_6 {
    width: 8%;
}
/*#### Edit View ####*/
.sub_row {
    margin-top: 1em;
    margin-left: 1em;
}

    .sub_row .label {
        color: #000;
    }

    .sub_row .content {
        margin-top: 0.5em;
        color: #000;
    }
/******************** 20151116 Style for Contractor Sign-ins ends ***************************/
/******************** 20151117 Style for Incident Report start ***************************/
.no_display.incident + .bottom_margin.v2_des,
.no_display.incident + .bottom_margin.v2_des + table,
.no_display.incident + table {
    display: none;
}
/*## For List View ##*/
table#incident_tbl_heading .col_1,
table#incident_tbl .col_1 {
    width: 25%;
}

table#incident_tbl_heading .col_2,
table#incident_tbl .col_2 {
    width: 25%;
}

table#incident_tbl_heading .col_3,
table#incident_tbl .col_3 {
    width: 40%;
}

table#incident_tbl_heading .col_4,
table#incident_tbl .col_4 {
    width: 10%;
}

/******************** 20151117 Style for Incident Report ends ***************************/
/**************************************** 20151118 Traning Plan - sSub Form Style starts *********************************************/
h2.sub_form {
    margin: 0 0 1.4em;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #4c4c4c;
    text-align: center;
}

table.sub_form {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #B2B2B2;
    border-collapse: separate;
    margin: 0 0 1.4em;
}

    /*##20170619 Modified starts ##*/
    table.sub_form tr.sub_form_heading,
    table.cpaneltbl table.sub_form tr.sub_form_heading {
        background: #00447B !important;
    }

        table.sub_form tr.sub_form_heading th,
        table.cpaneltbl table.sub_form tr.sub_form_heading th {
            background-color: transparent;
            color: #ffffff;
            font-weight: bold;
            font-size: 12px;
            border-radius: 0;
        }

    table.sub_form tr.sub_form_row:nth-child(odd) {
        background-color: #f0f0f0;
    }

    table.sub_form tr.sub_form_row:nth-child(even) {
        background-color: #ffffff;
    }

    table.sub_form.courses.hemcem tr.sub_form_row:last-child td:nth-child(3) {
        color: #f0f0f0;
    }

    table.sub_form th {
        padding: 5px;
    }

    table.sub_form td {
        padding: 5px;
        color: #000;
        font-size: 12px;
    }

        table.sub_form td input {
            font-size: 12px;
        }

    table.sub_form input[type="button"],
    table.sub_form input[type="submit"],
    table.sub_form a.btn_global {
        font-size: 13px;
        line-height: normal;
        padding: 5px 10px;
        width: 57px;
    }
/*##20170619 Modified ends ##*/

/*#### For Pop up ####*/
.ui-dialog h1.sub_form {
    margin: 0.2em 0 0.5em 0;
}

/*#### For Sub - Courses ####*/
table.sub_form.courses.hemcem div.actions_in {
    width: auto;
    height: auto;
}

table.sub_form.courses input[type="text"],
table.sub_form.courses input[type="date"] {
    max-width: none !important;
    width: 98% !important;
    width: -webkit-calc(100% - 5px) !important;
    width: -moz-calc(100% - 5px) !important;
    width: calc(100% - 5px) !important;
}

table.sub_form.courses.inhouse input[type="file"],
table.sub_form.courses.external input[type="file"] {
    max-width: none !important;
    width: 100% !important;
    background: #ffffff;
}

table.sub_form.courses input[type="file"]:focus {
    outline: none;
}

table.sub_form.courses tr.sub_form_heading th:nth-child(1) {
    width: 24%;
}

table.sub_form.courses tr.sub_form_heading th:nth-child(2) {
    width: 10%;
}

table.sub_form.courses tr.sub_form_heading th:nth-child(3) {
    width: 10%;
}

table.sub_form.courses tr.sub_form_heading th:nth-child(4) {
    width: 10%;
}

table.sub_form.courses tr.sub_form_heading th:nth-child(5) {
    width: 20%;
}

table.sub_form.courses tr.sub_form_heading th:nth-child(6) {
    width: 16%;
}

table.sub_form.courses tr.sub_form_heading th.col_actions {
    width: 10%;
}

table.sub_form.courses tr.sub_form_heading.label_row label {
    font-weight: bold;
}

table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item,
.sub_form_row_item {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
    vertical-align: top;
}

    table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:last-child {
        margin-right: 0;
    }

    table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(1),
    .sub_form_row_item.name {
        width: 24%;
    }

    table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(2),
    .sub_form_row_item.date_expired {
        width: 10%;
    }

    table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(3) {
        width: 10%;
    }

    table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(4) {
        width: 10%;
    }

    table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(5) {
        width: 38%;
    }

    table.sub_form.courses tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(6) {
        width: 8%;
        text-align: center;
    }

table.sub_form.courses.hemcem tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(1),
table.sub_form.courses.hemcem .sub_form_row_item.name {
    width: 45%;
}

table.sub_form.courses.hemcem tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(2),
table.sub_form.courses.hemcem .sub_form_row_item.date_completed {
    width: 10%;
}

#cms_edit table.sub_form.courses .alert_status > div {
    line-height: 1em;
    font-size: 0.8em;
    display: block;
    margin-bottom: 1px;
}

    #cms_edit table.sub_form.courses .alert_status > div:last-child {
        margin-bottom: 0;
    }

    #cms_edit table.sub_form.courses .alert_status > div > input {
        vertical-align: text-bottom;
        margin-top: 0;
    }
/*#### File Upload Table ####*/
table.sub_form table.upload_form tr.sub_form_row:nth-child(even) {
    background-color: #DDF0FA;
}

table.sub_form table.upload_form tr.sub_form_row:nth-child(odd) {
    background-color: #FAEDDD;
}

/**************************************** 20151118 Traning Plan - Sub Form Style Ends *********************************************/
/**************************************** 20151119 Traning Plan - HEM/CEM Learning Courses Certificate starts *********************************************/
body#certificate .page {
    width: 824px;
    height: 1348px;
    padding: 50px 100px;
    margin: auto;
    position: relative;
}

body#certificate .page_bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    background-color: transparent;
    background-image: url('../site/files/backing/em_backing.jpg');
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

body#certificate .page .page_content {
    position: relative;
    z-index: 1;
}


    body#certificate .page .page_content .text {
        font-family: "Helvetica Neue", Arial, sans-serif;
        font-size: 18pt;
        color: #5b5a5b;
        text-align: left;
    }

        body#certificate .page .page_content .text.inductee_name {
            position: absolute;
            top: 630px;
            left: 435px;
        }

        body#certificate .page .page_content .text.course_name {
            position: absolute;
            top: 735px;
            left: 435px;
        }

        body#certificate .page .page_content .text.date_completed {
            position: absolute;
            top: 835px;
            left: 435px;
        }
/**************************************** 20151119 Traning Plan - HEM/CEM Learning Courses Certificates Ends *********************************************/
/**************************************** 20151126 Hazardous Substance - Sub Form Style starts *********************************************/
h2.sub_form {
    margin: 0 0 1.4em;
    font-family: 'PT Sans', sans-serif;
    font-size: 13px;
    line-height: 20px;
    color: #4c4c4c;
    text-align: center;
}

table.sub_form {
    table-layout: fixed;
    width: 100%;
    border: 1px solid #B2B2B2;
    border-collapse: separate;
    margin: 0 0 1.4em;
}

    table.sub_form tr.sub_form_heading {
        background: #00447B;
    }

        table.sub_form tr.sub_form_heading th {
            color: #ffffff;
            font-weight: bold;
            font-size: 12px;
        }

    table.sub_form tr.sub_form_row:nth-child(odd) {
        background-color: #f0f0f0;
    }

    table.sub_form tr.sub_form_row:nth-child(even) {
        background-color: #ffffff;
    }

    table.sub_form.courses.hemcem tr.sub_form_row:last-child td:nth-child(3) {
        color: #f0f0f0;
    }

    table.sub_form th {
        padding: 5px;
    }

    table.sub_form td {
        padding: 5px;
        color: #808182;
    }

    table.sub_form input[type="button"],
    table.sub_form input[type="submit"],
    table.sub_form a.btn_global {
        font-size: 13px;
        line-height: normal;
        padding: 5px 10px;
        width: 57px;
    }

/*#### For Pop up ####*/
.ui-dialog h1.sub_form {
    margin: 0.2em 0 0.5em 0;
}

/*#### For Sub - SDS ####*/
table.sub_form.sds input[type="text"],
table.sub_form.sds input[type="date"] {
    max-width: none !important;
    width: 98% !important;
    width: -webkit-calc(100% - 5px) !important;
    width: -moz-calc(100% - 5px) !important;
    width: calc(100% - 5px) !important;
}

table.sub_form.sds input[type="file"],
table.sub_form.sds input[type="file"] {
    max-width: none !important;
    width: 100% !important;
    background: #ffffff;
}

    table.sub_form.sds input[type="file"]:focus {
        outline: none;
    }

table.sub_form.sds tr.sub_form_heading th:nth-child(1) {
    width: 15%;
}

table.sub_form.sds tr.sub_form_heading th:nth-child(2) {
    width: 15%;
}

table.sub_form.sds tr.sub_form_heading th:nth-child(3) {
    width: 30%;
}

table.sub_form.sds tr.sub_form_heading th:nth-child(4) {
    width: 15%;
}

table.sub_form.sds tr.sub_form_heading th:nth-child(5) {
    width: 10%;
}


table.sub_form.sds tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item,
.sub_form_row_item {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
    vertical-align: top;
}

    table.sub_form.sds tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:last-child {
        margin-right: 0;
    }

    table.sub_form.sds tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(1) {
        width: 17%;
    }

    table.sub_form.sds tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(2) {
        width: 17%;
    }

    table.sub_form.sds tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(3) {
        width: 55%;
        margin-left: 20px;
    }

    table.sub_form.sds tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(4) {
        width: 8%;
        margin-left: 2px;
        text-align: center;
    }


#cms_edit table.sub_form.sds .alert_status > div {
    line-height: 1em;
    font-size: 0.8em;
    display: block;
    margin-bottom: 1px;
    color: #808182;
}

    #cms_edit table.sub_form.sds .alert_status > div:last-child {
        margin-bottom: 0;
    }

    #cms_edit table.sub_form.sds .alert_status > div > input {
        vertical-align: text-bottom;
        margin-top: 0;
    }
/**************************************** 20151126 Hazardous Substance - Sub Form Style Ends *********************************************/
/**************************************** 20160818 Contractor Identification Starts *********************************************/
table#con_identi_tbl_heading .col_1,
table#con_identi_tbl .col_1 {
    width: 15%;
}

table#con_identi_tbl_heading .col_2,
table#con_identi_tbl .col_2 {
    width: 15%;
}

table#con_identi_tbl_heading .col_3,
table#con_identi_tbl .col_3 {
    width: 15%;
}

table#con_identi_tbl_heading .col_4,
table#con_identi_tbl .col_4 {
    width: 45%;
}

table#con_identi_tbl_heading .col_5,
table#con_identi_tbl .col_5 {
    width: 10%;
}
/**************************************** 20160818 Contractor Identification Ends *********************************************/
/**************************************** 20160201 Contractor Insurance Policy - Sub Form Style starts *********************************************/

/*#### For Sub - Policy ####*/
table.sub_form.policy input[type="text"],
table.sub_form.policy input[type="date"] {
    max-width: none !important;
    width: 98% !important;
    width: -webkit-calc(100% - 5px) !important;
    width: -moz-calc(100% - 5px) !important;
    width: calc(100% - 5px) !important;
}

table.sub_form.policy input[type="file"],
table.sub_form.policy input[type="file"] {
    max-width: none !important;
    width: 100% !important;
    background: #ffffff;
}

    table.sub_form.policy input[type="file"]:focus {
        outline: none;
    }

table.sub_form.policy tr.sub_form_heading th:nth-child(1) {
    width: 22%;
}

table.sub_form.policy tr.sub_form_heading th:nth-child(2) {
    width: 22%;
}

table.sub_form.policy tr.sub_form_heading th:nth-child(3) {
    width: 10%;
}

table.sub_form.policy tr.sub_form_heading th:nth-child(4) {
    width: 20%;
}

table.sub_form.policy tr.sub_form_heading th:nth-child(5) {
    width: 16%;
}

table.sub_form.policy tr.sub_form_heading th:nth-child(6) {
    width: 10%;
}

table.sub_form.policy tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item,
.sub_form_row_item {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
    vertical-align: top;
}

    table.sub_form.policy tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:last-child {
        margin-right: 0;
    }

    table.sub_form.policy tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(1) {
        width: 22%;
    }

    table.sub_form.policy tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(2) {
        width: 22%;
    }

    table.sub_form.policy tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(3) {
        width: 10%;
        margin-left: 5px;
    }

    table.sub_form.policy tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(4) {
        width: 37%;
        text-align: center;
    }

    table.sub_form.policy tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(5) {
        width: 8%;
        text-align: center;
    }

#cms_edit table.sub_form.policy .alert_status > div {
    line-height: 1em;
    font-size: 0.8em;
    display: block;
    margin-bottom: 1px;
    color: #808182;
}

    #cms_edit table.sub_form.policy .alert_status > div:last-child {
        margin-bottom: 0;
    }

    #cms_edit table.sub_form.policy .alert_status > div > input {
        vertical-align: text-bottom;
        margin-top: 0;
    }
/**************************************** 20160201 20160201 Contractor Insurance Policy - Sub Form Style Ends *********************************************/
/**************************************** 20160201 Contractor Induction - Sub Form Style starts *********************************************/

/*#### For Sub - Qualification ####*/
table.sub_form.qualification input[type="text"],
table.sub_form.qualification input[type="date"] {
    max-width: none !important;
    width: 98% !important;
    width: -webkit-calc(100% - 5px) !important;
    width: -moz-calc(100% - 5px) !important;
    width: calc(100% - 5px) !important;
}

table.sub_form.qualification input[type="file"],
table.sub_form.qualification input[type="file"] {
    max-width: none !important;
    width: 100% !important;
    background: #ffffff;
}

#cms_edit.new_editor table.sub_form.qualification textarea {
    max-width: none !important;
    width: 98% !important;
    height: 40px;
    background: #ffffff;
}

table.sub_form.qualification input[type="file"]:focus {
    outline: none;
}

table.sub_form.qualification tr.sub_form_heading th:nth-child(1) {
    width: 22%;
}

table.sub_form.qualification tr.sub_form_heading th:nth-child(2) {
    width: 10%;
}

table.sub_form.qualification tr.sub_form_heading th:nth-child(3) {
    width: 20%;
}

table.sub_form.qualification tr.sub_form_heading th:nth-child(4) {
    width: 16%;
}

table.sub_form.qualification tr.sub_form_heading th:nth-child(5) {
    width: 22%;
}

table.sub_form.qualification tr.sub_form_heading th:nth-child(6) {
    width: 10%;
}

table.sub_form.qualification tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item,
.sub_form_row_item {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
    vertical-align: top;
}

    table.sub_form.qualification tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:last-child {
        margin-right: 0;
    }

    table.sub_form.qualification tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(1) {
        width: 22%;
    }

    table.sub_form.qualification tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(2) {
        width: 10%;
    }

    table.sub_form.qualification tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(3) {
        width: 21%;
    }

    table.sub_form.qualification tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(4) {
        width: 37%;
        text-align: center;
    }

    table.sub_form.qualification tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(5) {
        width: 8%;
        text-align: center;
    }

#cms_edit table.sub_form.qualification .alert_status > div {
    line-height: 1em;
    font-size: 0.8em;
    display: block;
    margin-bottom: 1px;
    color: #808182;
}

    #cms_edit table.sub_form.qualification .alert_status > div:last-child {
        margin-bottom: 0;
    }

    #cms_edit table.sub_form.qualification .alert_status > div > input {
        vertical-align: text-bottom;
        margin-top: 0;
    }
/**************************************** 20160201 20160201 Contractor Induction - Sub Form Style Ends *********************************************/

/**************************************** 20160219 Workplace Insepction Forms - Sub Doc/File Style starts *********************************************/

/*#### For Sub - Document / File ####*/
table.sub_form.related_docfile input[type="text"],
table.sub_form.related_docfile input[type="date"] {
    max-width: none !important;
    width: 98% !important;
    width: -webkit-calc(100% - 5px) !important;
    width: -moz-calc(100% - 5px) !important;
    width: calc(100% - 5px) !important;
}

table.sub_form.related_docfile input[type="file"],
table.sub_form.related_docfile input[type="file"] {
    max-width: none !important;
    width: 100% !important;
    background: #ffffff;
}

#cms_edit.new_editor table.sub_form.related_docfile textarea {
    max-width: none !important;
    width: 98% !important;
    height: 40px;
    background: #ffffff;
}

table.sub_form.related_docfile input[type="file"]:focus {
    outline: none;
}

table.sub_form.related_docfile tr.sub_form_heading th:nth-child(1) {
    width: 50%;
}

table.sub_form.related_docfile tr.sub_form_heading th:nth-child(2) {
    width: 25%;
}

table.sub_form.related_docfile tr.sub_form_heading th:nth-child(3) {
    width: 25%;
}

/*## 20170619 modified starts ##*/
table.sub_form.related_docfile tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item,
.sub_form_row_item {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
    vertical-align: top;
    max-width: 100%;
}
    /*## 20170619 modified ends ##*/
table.sub_form.related_docfile tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item,
.sub_form_row_item {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    margin: 0;
    vertical-align: top;
}

    table.sub_form.related_docfile tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:last-child {
        margin-right: 0;
    }

    table.sub_form.related_docfile tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(1) {
        width: 50%;
    }

    table.sub_form.related_docfile tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(2) {
        width: 25%;
    }

    table.sub_form.related_docfile tr.sub_form_heading.label_row ~ tr.sub_form_row .sub_form_row_item:nth-child(3) {
        width: 25%;
    }


#cms_edit table.sub_form.related_docfile .alert_status > div {
    line-height: 1em;
    font-size: 0.8em;
    display: block;
    margin-bottom: 1px;
    color: #808182;
}

    #cms_edit table.sub_form.related_docfile .alert_status > div:last-child {
        margin-bottom: 0;
    }

    #cms_edit table.sub_form.related_docfile .alert_status > div > input {
        vertical-align: text-bottom;
        margin-top: 0;
    }
/**************************************** 20160219 Workplace Insepction Forms - Sub Doc/File Style Ends *********************************************/
/**************************************** 20151130 Area User Picker show selected first name and last name *********************************************/
.area_user_picker_name {
    font-size: 0;
}

    .area_user_picker_name span.first_name,
    .area_user_picker_name span.last_name {
        color: #000;
        font-size: 13.3333px;
        line-height: 35px;
        display: inline-block;
        *display: inline;
        _height: 30px;
        zoom: 1;
        vertical-align: top;
        margin-right: 10px;
    }

        .area_user_picker_name span.first_name label,
        .area_user_picker_name span.last_name label {
            font-weight: bold;
            width: 75px;
            display: inline-block;
            *display: inline;
            _height: 30px;
            zoom: 1;
            vertical-align: top;
            text-align: right;
            padding-right: 5px;
        }
/**************************************** 20151130 Area User Picker show selected first name and last name   *********************************************/
/**************************************** 20151217 Note Starts *********************************************/
.note_editor .hidden_field {
    display: none;
}

.note_editor .visible_field {
    display: table-row;
    *display: block;
    _display: block;
}


.note_list .note_item_right .file_download_txt {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
    text-align: center;
}

.note_editor #other_email span {
    margin-right: 20px;
}

.note_editor #note_reminderTime #data_number07 {
    width: 50px;
}



.note_item_right .btn_div.eicon_reminder {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
}

.note_item_right .reminder_description {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
}

.note_item_right .reminder_time {
    display: inline-block;
    *display: inline;
    _height: 30px;
    zoom: 1;
}

.note_editor #data_memo01 {
    height: 66px;
}
/**************************************** 20151217 Note Ends *********************************************/
/***************** 2016 Dashboard style starts ********************/
/*##### Dashboard - Greetings #####*/
#greeting_wrapper {
    background: #F6F7F7; /* Old browsers */
    background: -moz-linear-gradient(top, #F6F7F7 0%, #E8EAEB 60%, #DCDFE1 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F6F7F7), color-stop(60%,#E8EAEB), color-stop(100%,#DCDFE1)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%); /* IE10+ */
    background: linear-gradient(to bottom, #F6F7F7 0%,#E8EAEB 60%,#DCDFE1 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F6F7F7', endColorstr='#DCDFE1',GradientType=0 ); /* IE6-9 */
    border-top: #C7C7C7 solid 1px;
    border-bottom: #C7C7C7 solid 1px;
    min-height: 40px;
    line-height: 40px;
    position: relative;
}

    #greeting_wrapper a,
    #greeting_wrapper a:link,
    #greeting_wrapper a:active,
    #greeting_wrapper a:visited {
        font-weight: normal;
    }

    #greeting_wrapper #member_area {
        font-size: 12px;
    }
/*##### Dashboard - Members Menu and Workplace tools #####*/
#membersmenu_wrapper {
    display: none;
}

#greeting_wrapper.inWorkplace ~ #membersmenu_wrapper {
    display: block;
}

    #greeting_wrapper.inWorkplace ~ #membersmenu_wrapper #membersmenu {
        background: #fff;
        box-sizing: border-box;
        border: 1px solid #C7C7C7;
        line-height: normal;
        padding: 0;
        position: relative;
        margin-top: 15px;
    }

#greeting_wrapper.inWorkplace ~ .ct #contentarea > .content {
    margin: 0 0 50px;
}

#membersmenu_wrapper #membersmenu #member_area > .pull-right.text-right {
    margin-right: 30px;
}

#membersmenu_wrapper #membersmenu .expend {
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 15px;
    line-height: 15px;
    width: 15px;
    height: 25px;
    display: inline-block;
    _height: 15px;
    zoom: 1;
    vertical-align: middle;
    margin: 0;
    cursor: pointer;
    position: absolute;
    top: 20%;
    right: 10px;
}

    #membersmenu_wrapper #membersmenu .expend.icon-chevron-down {
        background-image: url('/i/icon-expand.png');
    }

    #membersmenu_wrapper #membersmenu .expend.icon-chevron-up {
        background-image: url('/i/icon-unexpand.png');
    }

#membersmenu_wrapper #membersmenu #member_area {
    margin-bottom: 2px;
}

    #membersmenu_wrapper #membersmenu #member_area a,
    #membersmenu_wrapper #membersmenu #member_area a:link,
    #membersmenu_wrapper #membersmenu #member_area a:active,
    #membersmenu_wrapper #membersmenu #member_area a:visited,
    #membersmenu_wrapper #membersmenu #member_area a:hover {
        font-weight: normal;
    }
    /*##### Manager Details #####*/
    #membersmenu_wrapper #membersmenu #member_area > .pull-right.text-right > .manager,
    #membersmenu_wrapper #membersmenu #member_area > .pull-right.text-right > .agm {
        cursor: pointer;
        position: relative;
        min-width: 200px;
    }

.agm {
    display: none;
}

.text {
    display: inline-block;
    *display: inline;
    _height: 15px;
    zoom: 1;
    vertical-align: middle;
}

.dropdown-thumbnail {
    display: inline-block;
    *display: inline;
    _height: 15px;
    zoom: 1;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    background-size: 15px;
    margin-left: 5px;
}

    .dropdown-thumbnail.manager {
        background-image: url('/i/icon-building-manager-sml.png');
    }

    .dropdown-thumbnail.agm {
        background-image: url('/i/icon-agm-sml.png');
    }

.menu-dropdown {
    display: none;
    width: 100%;
    position: absolute;
    top: 100%;
}

.manager:hover .menu-dropdown,
.agm:hover .menu-dropdown {
    display: block;
}

.menu-dropdown .dropdown-thumbnail {
    display: inline-block;
    *display: inline;
    _height: 15px;
    zoom: 1;
    vertical-align: top;
    position: relative;
    z-index: 2001;
    width: 40px;
    height: 40px;
    background-size: 40px;
    margin-left: 0;
    margin-right: 5px;
}

    .menu-dropdown .dropdown-thumbnail.manager {
        background-image: url('/i/icon-building-manager.png');
    }

    .menu-dropdown .dropdown-thumbnail.agm {
        background-image: url('/i/icon-agm.png');
    }

.dropdown-details {
    display: inline-block;
    *display: inline;
    _height: 15px;
    zoom: 1;
    vertical-align: top;
    position: relative;
    z-index: 2001;
    color: #fff;
    font-size: 14px;
    width: 115px;
    width: -webkit-calc(100% - 55px);
    width: -moz-calccalc(100% - 55px);
    width: calc(100% - 55px);
    padding: 10px 10px 10px 0;
}

.dropdown-details-row {
    color: #fff;
    font-size: 16px;
    line-height: normal;
    margin-bottom: 10px;
}

    .dropdown-details-row:last-child {
        margin-bottom: 0;
    }

    .dropdown-details-row label {
        font-weight: bold;
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        line-height: normal;
        font-size: 12px;
        margin-right: 5px;
    }

        .dropdown-details-row label::after {
            content: ':';
        }

#membersmenu_wrapper #membersmenu #member_area > .pull-right.text-right > .agm .dropdown-details-row label {
    display: block;
}

.dropdown-details-row span.text,
.dropdown-details-row span.text a {
    color: #fff;
    display: inline-block;
    *display: inline;
    _height: 40px;
    zoom: 1;
    vertical-align: top;
    line-height: normal;
    font-size: 12px;
}

    .dropdown-details-row span.text a {
        text-decoration: underline;
    }

    .dropdown-details-row span.text.name {
        font-weight: bold;
        font-size: 16px;
    }

.dropdown-base {
    background-color: #1683C4;
    opacity: 1;
    filter: alpha(opacity=100);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2000;
}

/*##### Member Menu Toolbar ####*/
.membermenu {
    list-style: none;
    margin: 0;
    display: block;
    float: left;
    padding: 0;
}

    .membermenu li a {
        vertical-align: middle;
        /*line-height: 40px;*/
        line-height: 38px;
        text-decoration: none !important;
        font-weight: normal !important;
        display: block;
    }

    .membermenu .contractor_sub_menu {
        position: absolute;
        display: none;
        z-index: 1000;
        list-style-type: none;
        left: 0;
        top: 38px;
        padding: 0;
        margin-left: 0;
        font-size: 0;
        width: 215px;
        background-color: #fff;
        margin: 5px 0 0;
        border: 1px solid #eee;
    }

        .membermenu .contractor_sub_menu a {
            display: block;
            height: 35px;
            width: auto;
            font-size: 12px;
            line-height: 35px;
            color: #6e6e6e !important;
            padding-left: 43px;
            background-size: 27px;
            background-repeat: no-repeat;
            background-position: 8px 8px;
        }

        .membermenu .contractor_sub_menu li:hover {
            background-color: lightgray;
        }


        .membermenu .contractor_sub_menu a.btn_identification {
            background-image: url('/i/icon-dropdown-identification.png');
        }

        .membermenu .contractor_sub_menu a.btn_policies {
            background-image: url('/i/icon-dropdown-policy.png');
        }

        .membermenu .contractor_sub_menu a.btn_induction {
            background-image: url('/i/icon-dropdown-induction.png');
        }

        .membermenu .contractor_sub_menu a.btn_signin {
            background-image: url('/i/icon-dropdown-signin.png');
        }


    .membermenu .item-tool {
        position: relative;
    }

        .membermenu .item-tool.contractor_management:hover .arrow_down {
            background: url('/i/icon-arrow-down.png') top left no-repeat;
            width: 6px;
            height: 5px;
            display: inline-block;
            position: absolute;
            top: 20px;
            left: 0;
        }

        .membermenu .item-tool.contractor_management:hover .contractor_sub_menu {
            display: block;
            margin-top: 0;
            top: 100%;
        }


li.item-tool.btn_home_20 a,
li.item-tool.btn_home_20 a:link,
li.item-tool.btn_home_20 a:active,
li.item-tool.btn_home_20 a:visited {
    padding: 0;
    margin: 0;
    background-color: transparent;
    background-image: url('../i/icon-wph-52by40.png');
    background-position: top left;
    background-repeat: no-repeat;
    display: inline-block !important;
    *display: inline !important;
    _height: 30px !important;
    zoom: 1 !important;
    /*padding-left: 52px !important;*/
    padding-left: 50px !important;
    height: 38px;
    background-size: contain;
}

    li.item-tool.btn_home_20 a:hover {
        cursor: pointer;
    }

li.item-tool a img {
    height:35px;
}

.workplace {
    float: left;
    line-height: 40px;
    padding-left: 40px;
    color: #008fc3;
}


#wptools-l #member_area_items_list {
    text-align: center;
    background-color: #E8EAEB;
    border: 1px solid #C7C7C7;
    border-top: none;
    margin: 0px;
    padding: 15px;
}



/*##### Dashboard component collpase/expand style #####*/
.xDashboard .row-fluid {
    border-bottom: 1px solid #c4c4c4;
    box-sizing: border-box;
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-left: initial;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    .xDashboard .row-fluid {
        margin-left: 0;
    }
}

.xDashboard .row-fluid:first-child {
    border-top: 1px solid #c4c4c4;
    box-sizing: border-box;
    padding-top: 15px;
    margin-top: 15px;
}

.xDashboard .row-fluid:last-child {
    border: none;
    padding: 0;
    margin: 0;
}

.xDashboard .title {
    color: #1683c4;
    line-height: 25px;
    background-color: #ffffff;
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
}

    .xDashboard .title.collapsed {
        margin-bottom: 0;
    }

.xDashboard .dashboard-heading-icon {
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 25px;
    line-height: 25px;
    width: 25px;
    height: 25px;
    display: inline-block;
    *display: inline;
    _height: 25px;
    zoom: 1;
    vertical-align: middle;
    margin-right: 10px;
}

    .xDashboard .dashboard-heading-icon.current-tasks {
        background-image: url('/i/icon-current-tasks.png');
    }


    .xDashboard .dashboard-heading-icon.recent-activities {
        background-image: url('/i/icon-recent-activities.png');
    }

    .xDashboard .dashboard-heading-icon.calender {
        background-image: url('/i/icon-reminders.png');
    }


    .xDashboard .dashboard-heading-icon.reminders {
        background-image: url('/i/icon-resources.png');
    }

.xDashboard .dashboard-collapse-icon {
    background-repeat: no-repeat;
    background-position: left center;
    background-color: transparent;
    background-size: 15px;
    line-height: 15px;
    width: 15px;
    height: 25px;
    display: inline-block;
    *display: inline;
    _height: 15px;
    zoom: 1;
    vertical-align: middle;
    margin: 0;
    float: right;
    cursor: pointer;
}

    .xDashboard .dashboard-collapse-icon.unexpand {
        background-image: url('/i/icon-unexpand.png');
    }

    .xDashboard .dashboard-collapse-icon.expand {
        background-image: url('/i/icon-expand.png');
    }

.xDashboard .collapse {
    border-color: transparent;
    padding: 0;
}

    .xDashboard .collapse .no_result {
        margin: 10px;
    }

        .xDashboard .collapse .no_result div {
            margin: 0 !important;
        }

.xDashboard .in.collapse {
    border: 1px solid #c4c4c4;
    box-sizing: border-box;
    padding: 0;
    margin-top: 15px;
}

.xDashboard .calendar-container {
    padding: 10px;
}

.xDashboard .dashboard-table {
    padding: 10px;
}

.xDashboard .shared-container {
    padding: 10px;
}
/*##### Dashboard-Calendar style #####*/
#mDashboard .eCalendar {
    margin-bottom: 10px;
}

    #mDashboard .eCalendar .daylist th {
        background-color: #008fc3;
        border-color: #008fc3;
    }

    #mDashboard .eCalendar td.isToday {
        z-index: auto;
    }

.calendar-container .ctr {
    height: 32px;
    margin: 0 0 10px;
}

.xDashboard .calendar-container .ctr a,
.xDashboard .calendar-container .ctr a:link,
.xDashboard .calendar-container .ctr a:visited,
.xDashboard .calendar-container .ctr a:active {
    color: #008FC3;
    text-decoration: none;
}

select#cal_yearmonth {
    color: #008FC3;
    border-color: #008FC3;
    padding: 5px;
    font-family: 'PT Sans',sans-serif;
}

.calendar_holder > div:first-child {
    margin-bottom: 5px;
}

.eCalendar .isToday > .calendar_holder > div:first-child {
    color: #000000;
    font-weight: bold;
}
/* For each calendar event type */
.list.event_type .img_wrap img {
    margin-right: 5px;
    background-color: #0091C8;
}
/* For each calendar event */
.day-block {
    width: 40px;
    height: 40px;
    display: inline-block;
    *display: inline;
    _height: 40px;
    zoom: 1;
    vertical-align: top;
    margin-right: 1px;
    margin-bottom: 1px;
    position: relative;
    cursor: pointer;
}

    .day-block .event-icon {
        width: 40px;
        height: 40px;
        cursor: pointer;
        font-size: 0;
        position: relative;
        z-index: 1;
    }

        .day-block .event-icon img {
            position: relative;
            z-index: 1;
            width: 40px;
            height: 40px;
            background-color: #0091C8;
        }

        .day-block .event-icon.onshow img {
            background-color: #00447B;
        }

        .day-block .event-icon span.flag {
            width: 15px;
            height: 15px;
            position: absolute;
            display: block;
            top: 2px;
            left: 2px;
            z-index: 2;
        }

        .day-block .event-icon.on span.flag {
            background-image: url('../i/icon-alert-on.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 15px;
        }

        .day-block .event-icon.off span.flag {
            background-image: url('../i/icon-alert-off.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 15px;
        }

        .day-block .event-icon.isMemberAlert span.flag {
            background-image: url('../i/icon-is-member-alert.png');
            background-position: center;
            background-repeat: no-repeat;
            background-size: 15px;
        }

        /*#### For member alert which has been marked as complete ####*/
        .day-block .event-icon.isMemberAlert.off img {
            background-color: #626B73;
        }

        .day-block .event-icon.isMemberAlert.off + .event-summary .event-summary-inner .event-summary-base {
            background-color: #626B73;
        }

        .day-block .event-icon.isMemberAlert.off + .event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail img {
            background-color: #626B73;
        }

        .day-block .event-icon.isMemberAlert.off + .event-summary .triangle-base .triangle {
            /*border-top: 20px solid #626B73;*/
            background-color: #626B73;
        }

        .day-block .event-icon.isMemberAlert.off + .event-summary.bottom .triangle-base .triangle {
            /*border-bottom: 20px solid #626B73;*/
            background-color: #626B73;
        }

        .day-block .event-icon.isMemberAlert.off + .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-left {
            display: none;
        }

        .day-block .event-icon.isMemberAlert.off + .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right {
            width: auto;
            border: none;
        }

    .day-block .event-summary {
        display: none;
        position: relative;
        width: 500px;
        z-index: 1000;
    }

        .day-block .event-summary .triangle-base {
            display: block;
            position: relative;
            width: 100%;
            /*height: 20px;*/
            background: none;
            z-index: 1001;
            /*display: none;*/
            height: 1px;
            position: absolute;
            bottom: 0px;
            z-index: 1003;
            display: none;
        }

        .day-block .event-summary.bottom .triangle-base {
            top: 0px;
        }

        .day-block .event-summary .triangle-base .triangle {
            /*width: 0px;
                height: 0px;
                border-left: 20px solid transparent;
                border-right: 20px solid transparent;
                border-top: 20px solid #0091C8;
                border-bottom: 0;*/
            border: none;
            width: 40px;
            height: 1px;
            background-color: #00447B;
            z-index: 1;
            position: absolute;
            bottom: 0;
            left: 0;
            opacity: 1;
            filter: alpha(opacity=100);
        }


        .day-block .event-summary.lt .triangle-base .triangle {
            left: initial;
            right: 0;
        }

        /*.day-block .event-summary.bottom .event-summary-inner {
            margin-top: 20px;
        }

        .day-block .event-summary.bottom .triangle-base {
            position: absolute;
            top: 0;
        }

            .day-block .event-summary.bottom .triangle-base .triangle {
                border-top: 0;
                border-bottom: 20px solid #0091C8;
            }*/

        .day-block .event-summary .event-summary-inner {
            position: relative;
            box-sizing: border-box;
            z-index: 1002;
            /*border: 1px solid #221f1f;*/
        }

            .day-block .event-summary .event-summary-inner .event-summary-base {
                background-color: #00447B;
                opacity: 1;
                filter: alpha(opacity=100);
                position: absolute;
                left: 0;
                right: 0;
                bottom: 0;
                top: 0;
                z-index: 1003;
            }

            .day-block .event-summary .event-summary-inner .event-summary-content {
                z-index: 1004;
                position: relative;
                box-sizing: border-box;
            }

                .day-block .event-summary .event-summary-inner .event-summary-content div {
                    color: #fff;
                    font-size: 12px;
                }

                .day-block .event-summary .event-summary-inner .event-summary-content .event-top {
                    padding: 10px 10px 5px;
                }

                    .day-block .event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail {
                        width: 40px;
                        height: 40px;
                        display: inline-block;
                        *display: inline;
                        _height: 40px;
                        zoom: 1;
                        vertical-align: top;
                    }

                        .day-block .event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
                            width: 15px;
                            height: 15px;
                            position: absolute;
                            display: block;
                            top: 2px;
                            left: 2px;
                            z-index: 2;
                        }

    .day-block .event-icon.on + .event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
        background-image: url('../i/icon-alert-on.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

    .day-block .event-icon.off + .event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
        background-image: url('../i/icon-alert-off.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

    .day-block .event-icon.isMemberAlert + .event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
        background-image: url('../i/icon-is-member-alert.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

    .day-block .event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail img {
        width: 40px;
        height: 40px;
        background-color: transparent;
    }

    .day-block .event-summary .event-summary-inner .event-summary-content .event-top .event-type-title {
        width: 420px;
        height: 40px;
        color: #fff;
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        padding: 0 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .day-block .event-summary .event-summary-inner .event-summary-content span.text {
        color: #ffffff;
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        line-height: normal;
        font-weight: normal;
        font-size: 12px;
    }

    .day-block .event-summary .event-summary-inner .event-summary-content .event-btm {
        font-size: 0;
        padding: 0 20px 20px 20px;
    }

        .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-left {
            width: 310px;
            display: inline-block;
            *display: inline;
            _height: 40px;
            zoom: 1;
            vertical-align: top;
            font-size: 0;
        }

    .day-block .event-summary .event-summary-inner .event-summary-content .event-details-row {
        color: #fff;
        font-size: 12px;
        line-height: normal;
        margin-bottom: 5px;
    }

        .day-block .event-summary .event-summary-inner .event-summary-content .event-details-row:last-child {
            margin: 0;
        }

        .day-block .event-summary .event-summary-inner .event-summary-content .event-details-row label {
            font-weight: bold;
            display: inline-block;
            *display: inline;
            _height: 40px;
            zoom: 1;
            vertical-align: top;
            line-height: normal;
            width: 120px;
            margin-right: 5px;
        }

            .day-block .event-summary .event-summary-inner .event-summary-content .event-details-row label::after {
                content: ':';
            }


        .day-block .event-summary .event-summary-inner .event-summary-content .event-details-row span.text {
            width: 180px;
            margin-right: 5px;
        }

    .day-block .event-icon.app_id_12504 + .event-summary .event-summary-inner .event-summary-content .event-details-row label,
    .day-block .event-icon.app_id_12462 + .event-summary .event-summary-inner .event-summary-content .event-details-row label {
        width: 150px;
    }

    .day-block .event-icon.app_id_12504 + .event-summary .event-summary-inner .event-summary-content .event-details-row span.text,
    .day-block .event-icon.app_id_12462 + .event-summary .event-summary-inner .event-summary-content .event-details-row span.text {
        width: 150px;
    }

    .day-block .event-icon.isMemberAlert.off + .event-summary .event-summary-inner .event-summary-content .event-details-row {
        margin-bottom: 10px;
    }

        .day-block .event-icon.isMemberAlert.off + .event-summary .event-summary-inner .event-summary-content .event-details-row label {
            width: auto;
        }

        .day-block .event-icon.isMemberAlert.off + .event-summary .event-summary-inner .event-summary-content .event-details-row span.text {
            width: auto;
        }

    /*#### For Task Status ####*/
    .day-block .event-summary .event-summary-inner .event-summary-content .event-details-row span.status_bar {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        line-height: normal;
        padding: 0 0 0 15px;
        margin: 0 5px 0 0;
    }

    .day-block .event-summary .event-summary-inner .event-summary-content .event-details-row span.risk_block {
        color: #000;
        border-radius: 15px;
        -webkit-border-radius: 15px;
        -moz-border-radius: 15px;
        display: inline-block;
        padding: 0 3px;
        margin: 0 5px 0 0;
    }

    .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right {
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        font-size: 0;
        width: 140px;
        border-left: 1px solid #ffffff;
        padding-left: 4px;
    }

        .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu {
            margin: 0;
        }

            .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a,
            .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:link,
            .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:active,
            .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:visited,
            .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:hover {
                display: block;
                color: #fff !important;
                height: auto;
                width: auto;
                font-size: 12px;
                line-height: normal;
                margin: 0 0 5px 5px;
                padding-left: 25px;
                background-size: 15px;
                cursor: pointer;
                text-decoration: none;
            }

                .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_edit {
                    background: url('/i/icon-cal-pop-edit.png') left center no-repeat;
                }

                .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_print {
                    background: url('/i/icon-cal-pop-view.png') left center no-repeat;
                }

                .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_pdf {
                    background: url('/i/icon-cal-pop-pdf.png') left center no-repeat;
                }

                .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_setcomplete {
                    background: url('/i/icon-cal-pop-complete.png') left center no-repeat;
                }

                .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_alert.off {
                    background: url('/i/icon-alert-off.png') left center no-repeat;
                }

                .day-block .event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_alert.on {
                    background: url('/i/icon-alert-on.png') left center no-repeat;
                }

    /*####  20160708 For tablet/touch screen PC displaying modal ####*/
    .day-block .event-icon.onmodalshow img {
        background-color: #00447B;
    }

.esummary.modal.event-summary {
    background-color: transparent;
}

    .esummary.modal.event-summary .modal-footer {
        background-color: #00447B;
        box-shadow: none;
    }

    .esummary.modal.event-summary .event-summary-inner {
        position: relative;
        box-sizing: border-box;
        z-index: 1002;
    }

        .esummary.modal.event-summary .event-summary-inner .event-summary-base {
            background-color: #00447B;
            opacity: 1;
            filter: alpha(opacity=100);
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            z-index: 1003;
        }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content {
            z-index: 1004;
            position: relative;
            box-sizing: border-box;
        }

            .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-top {
                padding: 10px 10px 5px;
            }

                .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail {
                    width: 40px;
                    height: 40px;
                    display: inline-block;
                    *display: inline;
                    _height: 40px;
                    zoom: 1;
                    vertical-align: top;
                }

                    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
                        width: 15px;
                        height: 15px;
                        position: absolute;
                        display: block;
                        top: 5px;
                        left: 5px;
                        z-index: 2;
                    }

    .esummary.modal.event-summary.on .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
        background-image: url('../i/icon-alert-on.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

    .esummary.modal.event-summary.off .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
        background-image: url('../i/icon-alert-off.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

    .esummary.modal.event-summary.isMemberAlert .event-summary-inner .event-summary-content .event-top .event-thumbnail span.flag {
        background-image: url('../i/icon-is-member-alert.png');
        background-position: center;
        background-repeat: no-repeat;
        background-size: 15px;
    }

    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-top .event-thumbnail img {
        width: 40px;
        height: 40px;
        background-color: transparent;
    }

    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-top .event-type-title {
        width: 420px;
        width: -webkit-calc(100% - 60px);
        width: -moz-calccalc(100% - 60px);
        width: calc(100% - 60px);
        height: 40px;
        color: #fff;
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        padding: 0 10px;
        font-size: 16px;
        font-weight: bold;
        line-height: 40px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .esummary.modal.event-summary .event-summary-inner .event-summary-content span.text {
        color: #ffffff;
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        line-height: normal;
        font-weight: normal;
        font-size: 12px;
    }

    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm {
        font-size: 0;
        padding: 20px;
    }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-left {
            min-width: 310px;
            width: 310px;
            width: -webkit-calc(50% - 20px);
            width: -moz-calccalc(50% - 20px);
            width: calc(50% - 20px);
            display: inline-block;
            *display: inline;
            _height: 40px;
            zoom: 1;
            vertical-align: top;
            font-size: 0;
        }

@media (max-width: 979px) {
    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-left {
        width: 310px;
    }
}

.esummary.modal.event-summary .event-summary-inner .event-summary-content .event-details-row {
    color: #fff;
    font-size: 12px;
    line-height: normal;
    margin-bottom: 5px;
}

    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-details-row:last-child {
        margin: 0;
    }

    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-details-row label {
        font-weight: bold;
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        line-height: normal;
        width: 120px;
        margin-right: 5px;
    }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-details-row label::after {
            content: ':';
        }

    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-details-row span.text {
        width: 180px;
        margin-right: 5px;
    }

.esummary.modal.event-summary.isMemberAlert.off .event-summary-inner .event-summary-base {
    background-color: #626B73;
}

.esummary.modal.event-summary.isMemberAlert.off .modal-footer {
    background-color: #626B73;
}

.esummary.modal.event-summary.isMemberAlert.off .event-summary-inner .event-summary-content .event-details-row {
    margin-bottom: 10px;
}

    .esummary.modal.event-summary.isMemberAlert.off .event-summary-inner .event-summary-content .event-details-row label {
        width: auto;
        min-width: 120px;
    }

    .esummary.modal.event-summary.isMemberAlert.off .event-summary-inner .event-summary-content .event-details-row span.text {
        width: auto;
    }
/*#### 20160708 For Task Status ####*/
.esummary.modal.event-summary .event-summary-inner .event-summary-content .event-details-row span.status_bar {
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 15px;
    line-height: normal;
    padding: 0 0 0 15px;
    margin: 0 5px 0 0;
}

.esummary.modal.event-summary .event-summary-inner .event-summary-content .event-details-row span.risk_block {
    color: #000;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    display: inline-block;
    padding: 0 3px;
    margin: 0 5px 0 0;
}

.esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right {
    display: inline-block;
    *display: inline;
    _height: 40px;
    zoom: 1;
    vertical-align: top;
    font-size: 0;
    min-width: 140px;
    width: 140px;
    width: -webkit-calc(50% - 20px);
    width: -moz-calccalc(50% - 20px);
    width: calc(50% - 20px);
    border-left: 1px solid #ffffff;
    padding-left: 20px;
}

@media (max-width: 979px) {
    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right {
        width: 140px;
    }
}

.esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu {
    margin: 0;
}

    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a,
    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:link,
    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:active,
    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:visited,
    .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a:hover {
        display: block;
        color: #fff !important;
        height: auto;
        width: auto;
        font-size: 12px;
        line-height: normal;
        margin: 0 0 5px 5px;
        padding-left: 25px;
        background-size: 15px;
        cursor: pointer;
        text-decoration: none;
        font-weight: normal;
    }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_edit {
            background: url('/i/icon-cal-pop-edit.png') left top no-repeat;
        }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_print {
            background: url('/i/icon-cal-pop-view.png') left top no-repeat;
        }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_pdf {
            background: url('/i/icon-cal-pop-pdf.png') left top no-repeat;
        }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_setcomplete {
            background: url('/i/icon-cal-pop-complete.png') left top no-repeat;
        }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_alert.off {
            background: url('/i/icon-alert-off.png') left top no-repeat;
        }

        .esummary.modal.event-summary .event-summary-inner .event-summary-content .event-btm .event-btm-right .actions-menu a.btn_alert.on {
            background: url('/i/icon-alert-on.png') left top no-repeat;
        }
/*#### Calendar Legend ####*/
.cal_post {
    margin: 0;
    padding: 0;
    line-height: 40px;
    display: block;
    position: relative;
    height: 40px;
    text-align: right;
}

    .cal_post .icon_cal_legend {
        display: block;
        position: relative;
        height: 40px;
        width: 40px;
        /*background-image: url('../i/icon-cal-legend.png');
        background-position: top left;
        background-repeat: no-repeat;
        background-size: 40px;*/
        cursor: pointer;
        float: right;
        font-size: 0;
        line-height: 0;
        text-align: right;
    }

        .cal_post .icon_cal_legend span {
            display: inline-block;
            *display: inline;
            _height: 3px;
            zoom: 1;
            width: 9px;
            height: 9px;
            background-color: #0091C8;
            margin: 0 0 1px 1px;
            vertical-align: top;
            line-height: 0;
        }

        .cal_post .icon_cal_legend.onshow span {
            background-color: #00447B;
        }

        .cal_post .icon_cal_legend span:nth-child(4) {
            margin-right: 0;
        }

    .cal_post .cal_legend {
        color: #FFF;
        margin: 0;
        padding: 0;
        height: auto;
        overflow: hidden;
        display: none;
        width: 600px;
        z-index: 10;
    }

        .cal_post .cal_legend .cal_legend_inner {
            text-align: center;
            position: relative;
            padding: 20px;
            margin: 0;
        }

        .cal_post .cal_legend .cal_legend_base {
            background-color: #00447B;
            opacity: 1;
            filter: alpha(opacity=100);
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            top: 0;
            z-index: 1;
        }

        .cal_post .cal_legend .legend-icon {
            font-size: 0;
            display: inline-block;
            *display: inline;
            _height: 40px;
            zoom: 1;
            vertical-align: top;
            position: relative;
            z-index: 1;
            width: 25%;
        }


            .cal_post .cal_legend .legend-icon span.flag {
                width: 40px;
                height: 40px;
                display: inline-block;
                *display: inline;
                _height: 40px;
                zoom: 1;
                vertical-align: top;
                z-index: 2;
                background-color: #0091C8;
            }

            .cal_post .cal_legend .legend-icon.on span.flag {
                background-image: url('../i/icon-alert-on.png');
                background-position: 2px 2px;
                background-repeat: no-repeat;
                background-size: 15px;
            }

            .cal_post .cal_legend .legend-icon.off span.flag {
                background-image: url('../i/icon-alert-off.png');
                background-position: 2px 2px;
                background-repeat: no-repeat;
                background-size: 15px;
            }

            .cal_post .cal_legend .legend-icon.isMemberAlert span.flag {
                background-image: url('../i/icon-is-member-alert.png');
                background-position: 2px 2px;
                background-repeat: no-repeat;
                background-size: 15px;
            }

            .cal_post .cal_legend .legend-icon.isMemberAlert.off span.flag {
                background-color: #626B73;
            }

            .cal_post .cal_legend .legend-icon label {
                color: #ffffff;
                display: inline-block;
                *display: inline;
                _height: 40px;
                zoom: 1;
                vertical-align: top;
                line-height: normal;
                font-weight: normal;
                font-size: 12px;
                margin: 5px 5px 0;
            }

            .cal_post .cal_legend .legend-icon:last-child label {
                margin-right: 0;
            }

/*##### 20160711 Calendar Lengend Modal #####*/
.cal_legend.modal {
    background-color: transparent;
}

    .cal_legend.modal .modal-header,
    .cal_legend.modal .modal-footer {
        background-color: #00447B;
        box-shadow: none;
    }

        .cal_legend.modal .modal-header h2 {
            color: #fff;
            width: 100%;
            padding: 0;
            margin: 0;
            font-size: 16px;
            font-weight: bold;
            line-height: 40px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }

    .cal_legend.modal .cal_legend_inner {
        text-align: center;
        position: relative;
        padding: 20px;
        margin: 0;
    }

    .cal_legend.modal .cal_legend_base {
        background-color: #00447B;
        opacity: 1;
        filter: alpha(opacity=100);
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        top: 0;
        z-index: 1;
    }

    .cal_legend.modal .legend-icon {
        font-size: 0;
        display: inline-block;
        *display: inline;
        _height: 40px;
        zoom: 1;
        vertical-align: top;
        position: relative;
        z-index: 1;
        width: 25%;
    }

        .cal_legend.modal .legend-icon span.flag {
            width: 40px;
            height: 40px;
            display: inline-block;
            *display: inline;
            _height: 40px;
            zoom: 1;
            vertical-align: top;
            z-index: 2;
            background-color: #0091C8;
        }

        .cal_legend.modal .legend-icon.on span.flag {
            background-image: url('../i/icon-alert-on.png');
            background-position: 2px 2px;
            background-repeat: no-repeat;
            background-size: 15px;
        }

        .cal_legend.modal .legend-icon.off span.flag {
            background-image: url('../i/icon-alert-off.png');
            background-position: 2px 2px;
            background-repeat: no-repeat;
            background-size: 15px;
        }

        .cal_legend.modal .legend-icon.isMemberAlert span.flag {
            background-image: url('../i/icon-is-member-alert.png');
            background-position: 2px 2px;
            background-repeat: no-repeat;
            background-size: 15px;
        }

        .cal_legend.modal .legend-icon.isMemberAlert.off span.flag {
            background-color: #626B73;
        }

        .cal_legend.modal .legend-icon label {
            color: #ffffff;
            display: inline-block;
            *display: inline;
            _height: 40px;
            zoom: 1;
            vertical-align: top;
            line-height: normal;
            font-weight: normal;
            font-size: 0.9rem;
            margin: 15px 5px 0;
        }

        .cal_legend.modal .legend-icon:last-child label {
            margin-right: 0;
        }

/*##### Generic Dashboard Table Style  #####*/
.dashboard-table {
    width: 978px;
    width: -webkit-calc(100% - 20px);
    width: -moz-calccalc(100% - 20px);
    width: calc(100% - 20px);
}

    .dashboard-table td {
        padding: 10px 0 10px 0;
    }

    .dashboard-table .time {
        background: url('/i/icon-list-clock.png') no-repeat left center;
        padding-left: 30px;
    }

    .dashboard-table .actions_bar {
        background: url('/i/icon-actions.png') no-repeat top right;
        width: 100%;
        height: 15px;
        margin: 0;
    }

    .dashboard-table .row-fluid {
        border: none;
        padding: 0;
        margin-bottom: 0;
    }

        .dashboard-table .row-fluid [class*="span"] {
            min-height: 25px;
            line-height: 25px;
        }

    .dashboard-table .item_row {
        border-bottom: 1px solid #fff;
        max-height: 25px;
    }

    .dashboard-table .list_actions_dropdown {
        width: 100%;
        height: 25px;
        float: right;
        cursor: pointer;
    }

    /*##### My Current Tasks Styles  #####*/
    .dashboard-table#dashboard-task span.status_bar {
        -moz-border-radius: 11px;
        -webkit-border-radius: 11px;
        border-radius: 11px;
        line-height: normal;
        padding: 0 0 0 11px;
        margin: 0 15px 0 0;
    }

@-moz-document url-prefix() {
    .dashboard-table#dashboard-task span.status_bar {
        padding: 0 0 0 13px;
    }
}

.dashboard-table#dashboard-task .task_status_block {
    padding-top: 2px;
}

.xDashboard #dashTaskList.in.collapse {
    overflow: visible;
}

.dashboard-table#dashboard-task {
    table-layout: fixed;
    margin: 0;
}

    .dashboard-table#dashboard-task .col1 {
        padding-left: 5px;
    }

    .dashboard-table#dashboard-task .col4 {
        padding: 0;
    }

    .dashboard-table#dashboard-task .row-fluid {
        display: inline-block;
        width: 800px;
        width: -webkit-calc(100% - 35px);
        width: -moz-calccalc(100% - 35px);
        width: calc(100% - 35px);
        margin-left: 10px;
    }

    .dashboard-table#dashboard-task .status_icon {
        display: inline-block;
        vertical-align: top;
        height: 25px;
        width: 15px;
        padding-top: 3px;
        padding-left: 5px;
    }


/*##### My Recent Activities  #####*/
.xDashboard #dashActivies.in.collapse {
    overflow: visible;
}

.dashboard-table#recent-activity .col3 {
    padding-right: 10px;
}

.dashboard-table#recent-activity .module_icon {
    display: inline-block;
    vertical-align: top;
}

    .dashboard-table#recent-activity .module_icon img {
        max-width: 25px;
        max-height: 25px;
        background-color: #0091C8;
    }

.dashboard-table#recent-activity .row-fluid {
    display: inline-block;
    width: 800px;
    width: -webkit-calc(100% - 35px);
    width: -moz-calccalc(100% - 35px);
    width: calc(100% - 35px);
    margin-left: 10px;
}

/*##### iASP7 Generic action Bar Style Starts #####*/
ul.list_actions_dropdown {
    margin: 0;
    list-style-type: none;
}


.list_actions_dropdown a,
.list_actions_dropdown a:link,
.list_actions_dropdown a:hover {
    text-decoration: none !important;
}

    .list_actions_dropdown a img {
        margin: 0;
        padding: 0;
    }

.list_actions_dropdown > li {
    width: 50px;
    float: right;
}

    .list_actions_dropdown > li.gear_icon {
        height: 25px;
        width: 100%;
        position: relative;
        background: url('/i/icon-actions.png') no-repeat center right;
        cursor: pointer;
    }

    .list_actions_dropdown > li .sub-menu {
        position: absolute;
        display: none;
        z-index: 1000;
        list-style-type: none;
        right: 0;
        top: 25px;
        padding: 0;
        margin: 0;
        font-size: 0;
        width: 185px;
        background-color: #fff;
        border: 1px solid #eee;
    }

        .list_actions_dropdown > li .sub-menu li {
            display: block;
            height: 30px;
            background-color: transparent;
        }

            .list_actions_dropdown > li .sub-menu li:hover {
                background-color: lightgray;
            }



    .list_actions_dropdown > li:hover .sub-menu {
        display: block;
    }

.list_actions_dropdown .sub-menu a,
.list_actions_dropdown .sub-menu a:hover {
    display: block;
    height: 30px;
    width: auto;
    font-size: 12px;
    line-height: 30px;
    color: #6e6e6e !important;
    padding-left: 35px;
    background-size: 15px !important;
    cursor: pointer;
}

    .list_actions_dropdown .sub-menu a:hover {
        cursor: pointer;
    }

.list_actions_dropdown a.btn_edit {
    background: url('/i/icon-dropdown-edit.png') 10px 47% no-repeat;
}

.list_actions_dropdown a.btn_print {
    background: url('/i/icon-dropdown-view.png') 10px 47% no-repeat;
}

.list_actions_dropdown .btn_print.inactive {
    background: url('../i/icon-dropdown-view-inactive.png') 10px 47% no-repeat;
    pointer-events: none;
    cursor: not-allowed;
    opacity: 0.3;
    filter: alpha(opacity=30);
}

.list_actions_dropdown .fExportCsv {
    background: url('/i/icon-dropdown-export.png') 10px 47% no-repeat;
}

.list_actions_dropdown .btn_downloadpdf {
    background: url('/i/icon-dropdown-pdf.png') 10px 47% no-repeat;
}

.list_actions_dropdown .icn_delete {
    background: url('/i/icon-dropdown-delete.png') 10px 47% no-repeat;
}

.list_actions_dropdown .su .icn_delete {
    background: url('/i/icon-dropdown-sudelete.png') 10px 47% no-repeat;
}

.list_actions_dropdown .btn_cant_delete {
    background: url('/i/icon-dropdown-cantdelete.png') 10px 47% no-repeat;
}

.list_actions_dropdown .btn_setcomplete {
    background: url('/i/icon-dropdown-complete.png') 10px 47% no-repeat;
}

.list_actions_dropdown .btn_duplicate {
    background: url('/i/icon-dropdown-duplicate.png') 10px 47% no-repeat;
}

.list_actions_dropdown .btn_resend {
    background: url('/i/icon-dropdown-resend.png') 10px 47% no-repeat;
}

.list_actions_dropdown .btn_resend {
    background: url('/i/icon-dropdown-resend.png') 10px 47% no-repeat;
}

.list_actions_dropdown a.btn_statistics {
    background: url('/i/icon-dropdown-statistics.png') 10px 47% no-repeat;
}

.list_actions_dropdown a.btn_access {
    background: transparent url('/i/icon_permission_30.png') 10px 47% no-repeat;
}

.list_actions_dropdown li.gear_icon:hover .arrow_down {
    background: url('/i/icon-arrow-down.png') top left no-repeat;
    width: 6px;
    height: 5px;
    display: inline-block;
    position: absolute;
    top: 11px;
    right: 25px;
}

.cpaneltbl .list_actions_dropdown {
    width: 100%;
    height: 25px;
    float: right;
    margin-right: 10px;
}

.not-active {
    pointer-events: none;
    cursor: pointer;
}
/***************** 2016 Dashboard style ends ********************/
/***************** 2016 Description Box style starts ********************/
.des_box {
    color: #808182;
    font-size: 12px !important;
    line-height: normal !important;
    text-align: left !important;
    margin: 5px 0 15px 0 !important;
    padding: 18px 20px 20px 45px !important;
    border: none;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-position: 12px 14px !important;
    background-repeat: no-repeat !important;
    background-size: auto !important;
}

    .des_box > p,
    .des_box > div,
    .des_box > div > p {
        color: #808182;
        font-size: inherit;
        line-height: 1.5em;
        margin: 0;
        padding: 0 0 10px 0;
    }

    .des_box ul {
        margin-bottom: 0;
    }

        .des_box ul li {
            color: #808182;
            font-size: inherit;
            line-height: 1.5em;
            margin: 0;
            padding: 0;
        }

    .des_box > div {
        margin-bottom: 15px;
        padding: 0;
    }

        .des_box > div:last-child {
            margin: 0;
        }

        .des_box > div > p:last-child {
            padding: 0;
        }

    .des_box > p:last-child {
        padding: 0;
    }

    .des_box img {
        padding: 0 5px;
    }

    .des_box.iasp_tt_Help22 {
        background-color: #eff8d4;
        background-image: url('../i/t_icn_help.gif');
    }
/***************** 2016 Description Box style starts ********************/
/***************** 2016 Export style starts ********************/
.export-field-list input {
    vertical-align: middle;
}
/***************** 2016 Export style ends ********************/
/***************** 2016 Functional Job Description style starts ********************/
#fjd_tool_tbl td img {
    padding-left: 10px;
}
/***************** 2016 Functional Job Description style ends ********************/
/***************** 2016 Firefox Clear Button style starts ********************/
@-moz-document url-prefix() {
    input[type=search] {
        background: #fff url(../i/clear_btn.gif) no-repeat right -10px center;
        padding: 3px 18px 3px 4px; /* Use the same right padding (18) in jQ! */
        transition: background 0.4s;
    }
        input[type=search].x {
            background-position: right 5px center;
        }
        /* (jQ) Show icon */
        input[type=search].onX {
            cursor: pointer;
        }
        /* (jQ) hover cursor style */
        input[type=search]::-ms-clear {
            display: none;
            width: 0;
            height: 0;
        }
    /* Remove IE default X */
}
/***************** 2016 Firefox Clear Button style ends ********************/
/*********20160729 Youtube Video Section ***************/
.youtube.modal {
    width: 1100px;
    margin-left: -550px;
    height: 685px;
}

    .youtube.modal .modal-body {
        max-height: 605px;
    }

/*********20160729 Youtube Video Section Ends ***************/
/********* List View Starts ***************/
.list .list_item .list_item_btn {
    position: relative!important;
    bottom: 0!important;
    right: 0!important;
    padding-right: 5px;
    display: inline-block;
    vertical-align: top;
    float: right;
}

.list .list_item .imgwrap {
    height:auto!important;
}

.list .list_item h4 {
    display: inline-block!important;
}

.list .list_item .list_item_text {
    min-height: 56px;
}
/*********  List View Ends ***************/
/*********20160817 Contractor Insurance Policies Search Bar***************/
#contractor_area #search_policy_status,
#contractor_area #search_induction_status {
    padding-right: 5px;
    vertical-align: top; 
    min-width:75px;
    width: 75px;
    overflow: hidden;
}

/*IE hack for policy & contractor induction status dropdown*/
@media screen\0 {
    #contractor_area #search_policy_status,
    #contractor_area #search_induction_status {
        width: 77px;
    }
}

/*IE Edge  css hack for policy & contractor induction status dropdown*/
/* Microsoft Edge Browser 12+ (All) - @supports method */
@supports (-ms-ime-align:auto) {
    #contractor_area #search_policy_status,
    #contractor_area #search_induction_status {
        width: 77px;
    }
}

.record_status_0 {
    /* Current */
    background-color: #25732D;
}

.record_status_1 {
    /* Inactive */
    background-color: #CF4242;
}
/*********20160817 Contractor Insurance Policies Search Bar***************/
/*********20161114 Reassign Responsibilities ***********/
.modal-open .modal .modal-dialog .modal-dialog .modal-dialog [data-action=dialog] {
    margin: 0;
}

.fb_reassign ~ h3 {
    background: #dceffa url('../i/icon_info_18.png') 10px 50% no-repeat !important;
    font-size: 12px !important;
    font-family: Arial,sans-serif !important;
    line-height: normal !important;
    color: #000 !important;
    margin-bottom: 20px !important;
    padding: 10px 10px 10px 40px !important;
    border: none !important;
    -moz-border-radius: 5px !important;
    -webkit-border-radius: 5px !important;
    border-radius: 5px !important;
    font-weight: normal;
}

.reassign table.admintbl tr.row_reassign strong {
    font-weight: bolder;
}

.reassign .btns {
    margin-bottom: 1em;
}

    .reassign .btns .btn_reassign,
    .reassign .btns .btn_reassign:link,
    .reassign .btns .btn_reassign:active,
    .reassign .btns .btn_reassign:hover,
    .reassign .btns .btn_reassign:focus {
        background-color: #008FC3;
        color: #ffffff;
        text-shadow: none;
        padding: 0.6em 2em;
        border: none;
        box-shadow: none;
        outline: none;
        line-height: 20px;
        text-align: center;
        vertical-align: middle;
        cursor: pointer;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        font-weight: normal;
    }

.list_actions_dropdown a.btn_reassign {
    background: url("../i/icon_reassign.png") 10px 47% no-repeat;
}

.reassign input#ac_newResponsibleUserId {
    margin: 0;
    width:350px;
    font-size: 11px !important;
    vertical-align: middle;
    padding: 5px 3px;
}

table#member_access .list_actions_dropdown > li .sub-menu {
    width: 215px;
}
/*********20161114 Reassign Responsibilities ***********/
/*********20161114 A & I Insurance Review Insurance Review ***************/
span.inner_item span.insurance_review_status_0,
.insurance_review_0 {
    /* Awaiting Completion */
    background-color: #F2D52F;
}

span.inner_item span.insurance_review_status_1,
.insurance_review_1 {
    /* Completed */
    background-color: #25732D;
}

#search_has_broker,
#search_insurance_review_status {
    padding-right: 5px;
}

/******* List View Starts ********/
#insurance_review_tbl_heading th:first-child,
#insurance_review_tbl td:first-child {
    width: 20%;
}

#insurance_review_tbl_heading th:nth-child(2),
#insurance_review_tbl td:nth-child(2) {
    width: 15%;
}

#insurance_review_tbl_heading th:nth-child(3),
#insurance_review_tbl td:nth-child(3) {
    width: 15%;
}

#insurance_review_tbl_heading th:nth-child(4),
#insurance_review_tbl td:nth-child(4) {
    width: 20%;
}

#insurance_review_tbl_heading th:nth-child(5),
#insurance_review_tbl td:nth-child(5) {
    width: 15%;
}

#insurance_review_tbl_heading th:nth-child(6),
#insurance_review_tbl td:nth-child(6) {
    width: 15%;
}
/******* Edit View Starts ********/
#cms_edit.insurance_review.new {
    position: relative;
}

    #cms_edit.insurance_review.new input.button.btn_send {
        display: inline-block;
        *display: inline;
        margin-right: 0;
        margin-bottom: 5px;
        padding: 0 35px 0 15px;
        height: 26px;
        _height: 30px;
        border: none;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        border-radius: 5px;
        background: #4684AE url("../i/bg_submit_arrow.png") right center no-repeat;
        color: #FFFFFF !important;
        text-align: left;
        text-decoration: none;
        font-weight: bold;
        font-size: 12px !important;
        font-family: Arial,sans-serif;
        line-height: 26px;
        cursor: pointer;
        -ms-zoom: 1;
        zoom: 1;
        border: none !important;
        position: absolute;
        bottom: -100px;
    }

#cms_edit.insurance_review ~ .cms_endform_buttons input.button.btn_delete {
    display: none;
}

#cms_edit.insurance_review .insurance_review_or {
    display: block;
    font-weight: bold;
    position: absolute;
    bottom: -66px;
}

/*********20161114 A & I Insurance Review Insurance Review ***************/
/*********20161114 Health Audit Form ***************/
span.icon_action.btn_task {
    background-image: url('/i/icon_task.png');
    background-size: 23px;
    width: 23px;
    height: 18px;
    vertical-align: middle;
    margin-bottom: 6px;
}

span.icon_action.btn_ai {
    background-image: url('/i/icon_a&i.png');
    background-size: 23px;
    width: 23px;
    height: 26px;
    vertical-align: middle;
    margin-bottom: 6px;
}

/***** Template List View *****/

#template_memberarea table#recom_tbl_heading th:first-child,
#template_memberarea table#recom_tbl td:first-child {
    width:10%
}

#template_memberarea table#recom_tbl_heading th:nth-child(2),
#template_memberarea table#recom_tbl td:nth-child(2) {
    width:30%
}

#template_memberarea table#recom_tbl_heading th:nth-child(3),
#template_memberarea table#recom_tbl td:nth-child(3) {
    width:40%
}


#template_memberarea table#recom_tbl_heading th:nth-child(4),
#template_memberarea table#recom_tbl td:nth-child(4) {
    width:20%
}

#template_memberarea .su .icn_duplicate {
    background: transparent url('../i/icon_duplicate_super.png') 0 0 no-repeat;
}

/*********20161114 Health Audit Form ***************/

/********* MAA-20170914 CSS for counter on the Document icon'***********/
span.counter{
  position: relative;
  top: -5px;
  right: -15px;
  display: block;
  color: #1683C4;
  font-weight: bold;
  line-height: normal;
  font-size: 12px;
}
.ulIcon {
    margin-bottom: 5px !Important;
     margin-top: 7px !Important;
}

.counterUrl {
    height: 100%;
}
/******************** Welcome List starts 20170915*************************************/
#welcome_box .welcome_btn_row .welcome_btn:first-child{
    margin-right:10px;
}
/******************** Welcome List ends  20170915*************************************/

/* For super user only description box */
.des_box.iasp_tt_Suinfo24 {
    color: #ffffff;
    background-size: 22px !important;
    min-height: 0 !important;
}


.des_box.iasp_tt_Suinfo24 > p,
.des_box.iasp_tt_Suinfo24 > div,
.des_box.iasp_tt_Suinfo24 > div > p {
    color: #fff;
}

.des_box.iasp_tt_Suinfo24 a,
.des_box.iasp_tt_Suinfo24 a:link,
.des_box.iasp_tt_Suinfo24 a:active,
.des_box.iasp_tt_Suinfo24 a:visited {
    color: #5F6062;
    text-decoration: underline;
}