/*****          IQA                 *****/



/* * * * * *  General  * * * * * */

img { border: none; }

.clear {
    clear: both;
    padding: 0;
    margin: 0;
    height: 0;
}

.GrayButton {
    background: -moz-linear-gradient( top, #818286 5%, #818286 100%) repeat scroll 0 0 #818286;
    border: 1px solid #818286;
    border-radius: 3px;
    background-color: #818286;
    color: #FFFFFF;
    display: inline-block;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 9pt;
    font-style: normal;
    
    height: 27px;
    line-height: 27px;
    text-align: center;
    text-decoration: none;
    text-indent: 0;
    cursor: pointer;
}

.clr { clear: both; }

.orangecolor { color: #ff7e00; }

.greycolor { color: #808080; }



.inputbox {
    border: #ddd 1px solid;
    min-height: 17px;
    padding: 3px;
    margin: 0;
    color: #333;
    outline: none;
    font-size: 12px;
    font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.main_pad { padding: 30px; }

h2.sa_title {
    padding: 0;
    margin: 0;
    font-family: 'NeoSansRegular', "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #999;
}

.sa_middlebg { background: #04a4a4; }

.sa_leftbg {
    background: url(../images/sa_leftbg.png) top left no-repeat;
    height: 44px;
    padding-left: 6px;
}

.sa_rightbg {
    background: url(../images/sa_rightbg.png) top right no-repeat;
    height: 44px;
    padding-right: 6px;
}

.assessor_select {
    width: 120px;
    margin: 9px 0 0 4px;
}

.sa_searchbar { padding: 9px 0 0 4px; }

.sa_searchbar .inputbox { margin-right: 13px; }

.filter_btn {
    border: 1px solid #407d7d;
    background: #e2e4e7 url(../images/sa_btnbg.png) bottom repeat-x;
    height: 24px;
    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #454545;
    cursor: pointer;
    overflow: visible;
    padding: 0 15px 1px 15px;
}

.sr_btn {
    background: #e2e4e7 url(../images/sa_btnbg.png) bottom repeat-x;
    border: 1px solid #bc4580;
    height: 24px;
    font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #454545;
    cursor: pointer;
    overflow: visible;
    padding: 0 15px 1px 15px;
}

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

.sa_tab {
    height: 42px;
    background: url(../images/sa_dot.png) bottom repeat-x;
}

.sa_tab ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sa_tab ul li {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    display: block;
    float: left;
}

.sa_tab ul li a {
    float: left;
    display: block;
    height: 42px;
    background: url(../images/sa_tab_left.png) top left no-repeat;
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: bold;
    color: #454545;
    text-decoration: none;
}

.sa_tab ul li a span {
    float: left;
    display: block;
    background: url(../images/sa_tab_right.png) top right no-repeat;
    height: 100%;
    padding: 16px 10px 0 0;
    cursor: pointer; 
}

.sa_tab ul li.active a { background: url(../images/sa_tab_left_h.png) top left no-repeat; }

.sa_tab ul li.active a span {
    background: url(../images/sa_tab_right_h.png) top right no-repeat;
    height: 100%;
    padding: 13px 10px 0 0;
}


.sa_tab_ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sa_tab_pink {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    display: block;
    float: left;
}

.sa_tab_pink a {
    float: left;
    display: block;
    height: 42px;
    background: url(../images/sa_tab_left_pink.png) top left no-repeat;
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: bold;
    color: #454545;
    text-decoration: none;
}

.sa_tab_pink a span {
    float: left;
    display: block;
    background: url(../images/sa_tab_right_pink.png) top right no-repeat;
    height: 26px;
    padding: 16px 10px 0 0;
    cursor: pointer;
    color: white;
}

.sa_tab_pink.active {
    background: url(../images/sa_tab_left_h_pink.png) top left no-repeat;
    color: white;
}

.sa_tab_pink.active a span {
    background: url(../images/sa_tab_right_h_pink.png) top right no-repeat;
    height: 29px;
    padding: 13px 10px 0 0;
    color: white;
}



.sa_tab_grey {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    display: block;
    float: left;
}

.sa_tab_grey a {
    float: left;
    display: block;
    height: 42px;
    background: url(../images/sa_tab_left.png) top left no-repeat;
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: bold;
    color: #454545;
    text-decoration: none;
}

.sa_tab_grey a span {
    float: left;
    display: block;
    background: url(../images/sa_tab_right.png) top right no-repeat;
    height: 26px;
    padding: 16px 10px 0 0;
    cursor: pointer;
}

.sa_tab_grey.active { background: url(../images/sa_tab_left_h.png) top left no-repeat; }

.sa_tab_grey.active a span {
    background: url(../images/sa_tab_right_h.png) top right no-repeat;
    height: 29px;
    padding: 13px 10px 0 0;
}



.sa_grid {
    border-top: 1px solid #ddd;
    border-right: 1px solid #ddd;
}

.sa_grid td, .sa_grid th {
    border-left: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #1d3c6e;
    padding: 7px 5px;
}

.sa_label { background: #f0f3f8; }

.sa_grid td.no_bord {
    border-left: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
}

.sa_filter { color: #FFF; }

.sa_chk { vertical-align: -2px; }

.sa_box {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.sa_box .sa_label {
    border-bottom: 1px solid #ddd;
    color: #333;
}

.sub_tab { padding: 4px 0 0 7px; }

.sub_tab ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.sub_tab ul li {
    list-style-type: none;
    padding: 0 5px 0 0;
    margin: 0;
    display: block;
    float: left;
}

.sub_tab ul li a {
    float: left;
    display: block;
    height: 36px;
    background: url(../images/sa_tab_left.png) top left no-repeat;
    padding: 0 0 0 10px;
    font-size: 13px;
    font-weight: bold;
    color: #454545;
    text-decoration: none;
}

.sub_tab ul li a span {
    float: left;
    display: block;
    background: url(../images/sa_tab_right.png) top right no-repeat;
    height: 22px;
    padding: 13px 30px 0 0;
    cursor: pointer;
}

.sub_tab ul li.active a { background: url(../images/sa_tab_left_h.png) left 3px no-repeat; }

.sub_tab ul li.active a span {
    background: url(../images/sa_tab_right_h.png) right 3px no-repeat;
    height: 22px;
    padding: 13px 30px 0 0;
}

.sa_title2 {
    font-weight: bold;
    font-size: 13px;
}

.sa_boxpad { padding: 15px; }


a.sa_link1, a.sa_link2, a.sa_link3, a.sa_link4 {
    display: inline-block;
    border-radius: 4px;
    color: white;
    padding: 6px 12px;
    line-height: 1.42;
}

a.sa_link1 {
    background-color: #23a5a4;
}
a.sa_link2 {
    background-color: #e80089;
}
a.sa_link3 {
    background-color: #f5902c;
}

a.sa_link3_disable {
    background-color: #c4c4c4;
}
a.sa_link4 {
    background-color: #f5902c;
}
    
    /*a.sa_link1 {
    float: left;
    display: inline-block;
    background: url(../images/left1.png) top left no-repeat;
    color: #FFF;
    text-decoration: none;
    height: 28px;
    padding: 0 0 0 7px;
    text-align: right;
}

a.sa_link1 span {
    float: left;
    display: inline-block;
    background: url(../images/right1.png) top right no-repeat;
    height: 20px;
    padding: 11px 7px 0 0;
    line-height: 1;
}

a.sa_link2 {
    float: left;
    display: inline-block;
    background: url(../images/left2.png) top left no-repeat;
    color: #FFF;
    text-decoration: none;
    height: 28px;
    padding: 0 0 0 7px;
    text-align: right;
}

a.sa_link2 span {
    float: left;
    display: inline-block;
    background: url(../images/right2.png) top right no-repeat;
    height: 17px;
    padding: 11px 7px 0 0;
    line-height: 1;
}

a.sa_link3 {
    float: left;
    display: inline-block;
    background: url(../images/left3.png) top left no-repeat;
    color: #FFF;
    text-decoration: none;
    height: 28px;
    padding: 0 0 0 7px;
    text-align: right;
}

a.sa_link3 span {
    float: left;
    display: inline-block;
    background: url(../images/right3.png) top right no-repeat;
    height: 17px;
    padding: 11px 7px 0 0;
    line-height: 1;
}*/
    .leftpad {
        padding-left: 5px;
    }

.txtlabel {
    color: #1d3c6e;
    font-weight: bold;
}

.txtdata {
    color: #666;
    font-weight: bold;
}


.sa_grid2 { background: #999; }

.sa_grid2 td { background: #FFF; }

.lft_btn {
    /*float: right;*/
    padding-top: 20px;
}

h3.sa_title {
    padding: 0;
    margin: 0;
    font-family: 'NeoSansRegular', "Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size: 18px;
    font-weight: normal;
    color: #1d3c6e;
}

.clsGreen {
    background-color: #90ee90;
    color: Black;
}

.clsRed {
    background-color: Red;
    color: Black;
}

.clsBlue {
    background-color: lightblue;
    color: Black;
    font-size: 0.85em;
}

/*****          IQA                 *****/




/* Page Header */

img { border: none; }

#regTopMenuBar {
    clear: both;
    position: relative;
}

#regTopMenuBar .Logo {
    height: 134px;
    font-size: 2em;
    vertical-align: middle;
}

#regTopMenuBar .Logo img { border: solid 0px #FFFFFF; }

#regTopMenuBar .Logo a {
    text-decoration: none;
    color: Gray;
}

#regTopMenuBar .LogoImage {
    float: left;
    padding-left: 30px;
    padding-top: 10px;
    padding-right: 40px;
}

#regTopMenuBar .clientLogo {
    float: right;
    position: absolute;
    right: 0px;
    top: 40px;
}

#regTopMenuBar .Icons {
    float: left;
    padding: 5px 10px 0px 0px;
}

.body {
    background-color: white;
    background-image: url("../images/top_bg.gif");
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 1em;
    position:relative;
}

#h_middleheader {
    background-image: url(../images/topc1.png);
    background-repeat: repeat-x;
    width: 100%;
    text-align: right;
}

#h_welcome_block {
    padding-left: 20px;
    background-color: white;
    /*  background-image: url(../images/welcomebg.png);*/
    height: 38px;
    border-bottom: 1px solid #cfd9eb;
}

#h_welcome_block_assessor {
    padding-left: 20px;
    background-color: white;
    /*  background-image: url(../images/welcomebg_assessor.png);*/
    height: 38px;
    border-bottom: 1px solid #cfd9eb;
}

#h_welcome_block p, #h_welcome_block_assessor p {
    color: #424242;
    font-size: 12pt;
    font-weight: bold;
}

.h_menubar {
    background-image: url(../images/menu-bg.jpg);
    background-repeat: repeat-x;
    width: auto;
    height: 42px;
    padding: 0px 10px 0px 0px;
}

.Helptext {
    background-image: url(../images/help.png);
    background-repeat: no-repeat;
    height: 34px;
}

.masterlogout {
    background-image: url(../images/logout.png);
    background-repeat: no-repeat;
}

.ImageBorder {
    outline-style: none;
    border: 0;
    z-index: -1;
}

td.h_border {
    background-image: url(../images/borderv.png);
    background-repeat: repeat-y;
    width: 2px;
}

.h_mainsection_width { width: 100%; }

#h_breadcrumbs_bg {
    background-image: url(../images/mainbgc1.png);
    background-repeat: repeat;
    vertical-align: top;
    padding: 0px 0px 0px 0px;
}

#h_breadcrumbs_data {
    height: 24px;
    width: 100%;
}

#h_report_block {
    /*border-right:solid 1px #aaaaaa;*/
    padding-right: 10px;
    padding-left: 20px;
    background-color: white;
    width: 18%;
    vertical-align: top;
}

#h_mainsection_bg { background-color: white; }

td.h_mainsection {
    background-color: white;
    padding: 5px 20px 10px 20px;
    vertical-align: top;
}

/* Page Footer */

td.footer_border {
    background-image: url(../images/border_2.png);
    background-repeat: repeat-x;
    background-position: bottom;
    width: 938px;
}

/*
td.footer_cornerl, td.footer_cornerr{
    background-repeat:no-repeat; 
    background-position: bottom;
    padding:0px 0px 0px 0px;
    width: 12; 
}
*/

td.footer_cornerl {
    background-image: url(../images/bordercl.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 0px 0px 0px 0px;
    width: 12px;
}

td.footer_cornerr {
    background-image: url(../images/bordercr.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
    width: 12px;
}

#footer_copyright {
    background-color: white;
    padding-bottom: 40px;
    padding-left: 20px;
    padding-top: 20px;
}


/* Grid */

/* Grid */

table.IVGrid {
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-collapse: collapse;
    font-family: Arial;
}

table.IVGrid tr td {
    border-left: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    padding: 3px;
}

table.Grid {
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-collapse: collapse;
    text-align: center;
    font-family: "Trebuchet MS", sans-serif;
}


table.Grid tr th {
    background-color: #e0e0e0;
    font-weight: bold;
    height: 33px;
    color: #78797a;
    text-align: center;
    background-image: url(../images/gridheader2_.png);
}

table.Grid tr th a { color: #ec008c; }

table.small tr th { height: 26px; }

table.small_rows tr td { height: 34px; }

table.Grid tr td, table.Grid tr th {
    border-left: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    padding: 3px;
}

table.Grid tr td a:hover { text-decoration: underline; }

table.Grid tr td a.nodecoration, table.nodecoration tr td a:hover { text-decoration: none; }

table.Grid tr.even { background-color: #f9fafc; }

table.Grid tr.red { background-color: #FBE3E4; }

table.Grid tr td.top, table.top tr td, table.top tr th { vertical-align: top; }

table.Grid tr td.left, table.left tr td, table.left tr th { text-align: left; }

table.Grid.list tr td {
    text-align: left;
    padding-left: 30px;
}

table.Grid.acronym tr td b { color: #ff6c00; }

table.Grid.acronym tr.list_header td b { color: #213e7c; }

/* highlighting even\not even rows for FF */

table.Grid.highlight tr:hover, table.Grid.highlight tr:hover td table tr, /* highlighting inner table rows for class Grid for FF */ table.lm_tables.highlight tr:hover, /* highlighting inner table rows for class lm_tables for FF */ div.rounded_table table.highlight tr:hover, /* highlighting inner table rows for class highlight in div tag with class rounded_table for FF */ table.Grid tr.highlight td, /* highlighting inner table rows for class Grid for IE */ table.lm_tables tr.highlight td, /* highlighting inner table rows for class lm_tables for IE */ div.rounded_table table.highlight tr.highlight td {
    /* highlighting inner table rows for class highlight in div tag with class rounded_table for IE */
    background-color: #e0e0e0;
}

table.Grid.highlight tr.nohighlight, table.Grid tr { background-color: #f0f3f7; }

table.Grid.white_background tr { background-color: white; }

table.small_header tr th { height: 18px; }

table.rounded tr td { background-color: white; }

table.rounded tr td, table.rounded tr th {
    border-left: 0px none;
    border-top: 0px none;
}

/* highlighting headers */

table.Grid tr th.highlight_hover, /* highlighting headers for IE */ table.Grid tr th.highlight:hover, /* highlighting headers for FF */ table.Grid tr th.highlight_hover a, table.Grid tr th.highlight:hover a /* highlighting headers for FF */ /* highlighting headers for FF */ {
    color: #9d9d9d;
    cursor: pointer;
}

table.rounded {
    border-right: 0px none;
    border-bottom: 0px none;
}

table.rounded td.rounded_side, table.rounded th.rounded_side {
    background-image: url(../images/rounded_grid.png);
    background-repeat: repeat-y;
    width: 1px;
    padding-left: 0px;
    padding-right: 0px;
}

table.rounded th.rounded_header {
    text-align: left;
    border-bottom: 1px solid #738fbe;
    border-top: 1px solid #738fbe;
}

table.rounded td.left_rounded {
    background-image: url(../images/rounded_grid_left.png);
    height: 10px;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: left bottom;
}

table.rounded td.right_rounded {
    background-image: url(../images/rounded_grid_right.png);
    height: 10px;
    padding-top: 0px;
    background-repeat: no-repeat;
    background-position: right bottom;
}

table.rounded td.rounded_bottom {
    background-image: url(../images/rounded_grid.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

table.rounded td.rounded_underline {
    background-image: url(../images/rounded_underscore.png);
    background-repeat: repeat-x;
    background-position: bottom;
}

table.rounded tr td.last_row { height: 14px; }

table tr td.rounded_icon {
    border-right: 0px;
    text-align: right;
}

table.rounded tr td.rounded_text {
    text-align: left;
    border-left: 0px;
    border-right: 0px;
}

div.rounded_table table tr td {
    border-bottom: solid 1px #cfd9eb;
    padding: 3px;
}

div.rounded_table table tr.last_rounded_row td { border-bottom: none; }

div.rounded_table table tr th {
    border-bottom: solid 1px #78797a;
    border-top: solid 1px #78797a;
    background-image: url(../images/gridheader2_.png);
    color: #78797a;
    font-weight: bold;
    height: 33px;
    text-align: left;
}

div.rounded_table table tr td a:hover { text-decoration: underline; }

table.Grid.no_left_border, table.Grid tr td.no_left_border { border-left: 0 none; }

table.Grid.no_right_border, table.Grid tr td.no_right_border { border-right: 0 none; }

table.Grid.no_top_border, table.Grid tr td.no_top_border { border-top: 0 none; }

table.Grid.no_bottom_border, table.Grid tr td.no_bottom_border { border-bottom: 0 none; }

table.Grid tr td.no_horizontal_borders {
    border-left: 0 none;
    border-right: 0 none;
}

table.Grid tr td.no_vertical_borders {
    border-top: 0 none;
    border-bottom: 0 none;
}

table.Grid tr td.list_subheader {
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    background-color: #F0F3F7;
}


table.Grid tr td.list_item {
    border-top: 0px none;
    border-bottom: 0px none;
}

/* Button */

a.button0:hover, a.button0:active, a.button0:link, a.button0:visited, a.button0:focus, table.Grid tr td a.button0:hover, a.button0_disabled:hover, a.button0_disabled:active, a.button0_disabled:link, a.button0_disabled:visited, a.button0_disabled:focus, table.Grid tr td a.button0_disabled:hover {
    text-decoration: none;
    border: hidden;
}

a.button0 img, a.button0_disabled img { border: hidden; }

a.button0 table, a.button0_disabled table {
    display: inline;
    border: 0 none;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

a.button0 table tr th {
    border: hidden;
    height: 24px;
    padding: 0px;
    margin: 0px;
    font-family: "Trebuchet MS", sans-serif;
    font-weight: normal;
    font-size: 9pt;
    color: #3e3e3e;
}

/*

a.button0 table tr th.button0_body
{
    background-image: url(/images/button0_fill_part.png);
    background-repeat: repeat-x;
    border: 0;
}

a.button0 table tr th.button0_left_side
{
    border: 0;
    background-image: url(/images/button0_left_part.png);
    background-repeat: no-repeat;
    width: 5px;
}

a.button0 table tr th.button0_right_side
{
    border: 0;
    background-image: url(/images/button0_right_part.png);
    background-repeat: no-repeat;
    width: 5px;
}

*/

a.button0 table tr th.button0_body {
    background-image: url(/images/nav-mid-grey.jpg);
    background-repeat: repeat-x;
    border: 0;
    color: white;
}

a.button0 table tr th.button0_left_side {
    border: 0;
    background-image: url(/images/nav-left-grey.jpg);
    background-repeat: no-repeat;
    width: 4px;
}

a.button0 table tr th.button0_right_side {
    border: 0;
    background-image: url(/images/nav-right-grey.jpg);
    background-repeat: no-repeat;
    width: 4px;
}

/* Button0 disabled */



a.button0_disabled table tr th.button0_body_disabled {
    background-image: url(/images/button0_fill_part_disabled.png);
    background-repeat: repeat-x;
    border: 0;
}

a.button0_disabled table tr th.button0_left_side_disabled {
    border: 0;
    background-image: url(/images/button0_left_part_disabled.png);
    background-repeat: no-repeat;
    width: 5px;
}

a.button0_disabled table tr th.button0_right_side_disabled {
    border: 0;
    background-image: url(/images/button0_right_part_disabled.png);
    background-repeat: no-repeat;
    width: 5px;
}

a.button0_disabled table tr th {
    border: hidden;
    height: 24px;
    padding: 0px;
    margin: 0px;
    font-family: "Trebuchet MS", sans-serif;
    font-weight: normal;
    font-size: 9pt;
    color: #9a9a9a;
}

/* General */

body { margin: 0px; }

.coloredwhite { color: #ffffff; }

.colored { color: #ff8400; }

.ordinary_link {
    color: blue;
    text-decoration: underline;
}

.activetitle {
    /* Title color of active page */
    color: #3e3e3e;
    font-weight: bold;
}

body, td, th, select, input, textarea {
    font-family: "Trebuchet MS", sans-serif;
    font-size: 9pt;
}

img.UserLink {
    width: 16px;
    height: 16px;
    border: none;
    margin-left:4px;
    margin-top:-5px;
}

img.imagealign, input.imagealign {
    /* align image in DateField function */
    vertical-align: text-bottom;
}

div.error {
    background: #FBE3E4;
    color: #8A1F11;
    border: 2px solid #FBC2C4;
}

h4.header { margin-top: 0px; }

/* Form elements */

input.title {
    font-size: 10pt;
    color: #223e89;
    font-weight: bold;
    width: 100%;
}


div.blackextColor .title { color: black; }

/* Links colorization*/

.mail a, .mail a:link, .mail a:visited, .mail a:active {
    color: #78797a;
    font-weight: bold;
    text-decoration: underline;
}

.mail a:hover {
    font-size: 12px;
    font-weight: bold;
}

.web a, .web a:link, .web a:visited, .web a:active {
    color: #78797a;
    font-weight: bold;
    text-decoration: none;
}

.web a:hover {
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

.link1 a, .link1 a:link, .link1 a:visited, .link1 a:active {
    color: #78797a; /*#3b5998;*/
    text-decoration: none;
}

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

div.right_button {
    text-align: right;
    margin-top: 20px;
    margin-right: 30px;
}

/* Login page */

#login_welcome td {
    background-image: url(../images/bg.png);
    background-repeat: no-repeat;
    background-position: left center;
    border-top-style: solid 1px #dddddd;
    border-bottom-style: solid 1px #dddddd;
    padding: 30px 10px 8px 20px;
    height: 80px;
}

table.maxwidth { width: 100%; }

table.logintable {
    background-image: url(../images/logbg.png);
    background-repeat: repeat-x;
    border-spacing: 0;
    padding: 0px 0px 0px 10px;
    border: 0;
    width: 180px;
}

table tr td.logintable {
    background-image: url(../images/logheader.png);
    background-repeat: repeat-x;
    height: 20px;
    padding: 5px 5px 5px 5px;
}

.logintable_bg {
    background-image: url(../images/logbg.png);
    background-repeat: repeat-x;
    background-position: top;
}

/* Leftmenu */

.leftmenu ul {
    padding: 0px;
    margin: 0px 0px 0px 0px;
}

.leftmenu ul li {
    font-weight: bold;
    list-style: none;
    margin: 0px;
    padding: 0px;
    marker-offset: 0px;
}

.leftmenu ul ul li {
    padding-left: 20px;
    font-weight: normal;
    list-style: none;
}

.leftmenu ul ul { padding-bottom: 10px; }

/* Colorization of units and requirements*/

.ordinary_unit {
    color: #000000;
    display: inline;
}

.completed_unit {
    color: #00aa00;
    display: inline;
}

.unclicked_unit {
    color: #f7941d;
    display: inline;
}

.notmapped_unit {
    color: #ff0000;
    display: inline;
}

.ordinary_req {
    color: #000000;
    display: inline;
}

.completed_req {
    color: #00aa00;
    display: inline;
}

.completed_req_green {
    color: #00aa00;
    display: inline;
}

.completed_req_orange {
    color: #f7941d;
    display: inline;
}

.completed_req_red {
    color: #ff0000;
    display: inline;
}

.blank_req {
    color: #ff0000;
    display: inline;
}

.unclicked_evidence {
    border: 1px solid #ff6c00;
    padding: 1px;
}

.unclicked_evidence3 {
    border: 3px solid #ff6c00;
    padding: 1px;
}

/* LeftMenu NewLayout*/

table tr td.lm_leftheader {
    background-image: url(../images/lm_leftheader.png);
    background-repeat: no-repeat;
    width: 1px;
    height: 27px;
}

table tr td.lm_middleheader {
    background-image: url(../images/lm_middleheader.png);
    background-repeat: repeat-x;
    height: 27px;
    width: 100%;
    padding-left: 15px;
}

table tr td.lm_rightheader {
    background-image: url(../images/lm_rightheader.png);
    background-repeat: no-repeat;
    width: 1px;
    height: 27px;
}

table tr td.lm_leftfooter {
    background-image: url(../images/lm_leftfooter.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table tr td.lm_middlefooter {
    background-image: url(../images/lm_middlefooter.png);
    background-repeat: repeat-x;
    width: 95%;
    height: 5px;
}

table tr td.lm_rightfooter {
    background-image: url(../images/lm_rightfooter.png);
    background-repeat: no-repeat;
    width: 6px;
    height: 5px;
}

table tr td.lm_border {
    background-image: url(../images/lm_border.png);
    background-repeat: repeat-y;
    width: 1px;
}

.lm_bg {
    background-image: url(../images/lm_bg.png);
    background-repeat: repeat-x;
    background-position: top;
}

table tr td.lm_sep {
    background-image: url(../images/lm_rowsep.png);
    background-repeat: repeat-x;
    height: 1px;
}

table tr td.lm_tdpad {
    padding: 0px 0px 0px 5px;
    height: 20px;
}

table tr td.lm_tdpad a:hover { text-decoration: underline; }

table.lm_table, table.lm_tables {
    border: 0px;
    width: 100%;
    border-collapse: collapse;
}

table.lm_maintable {
    border: 0px;
    width: 206px;
    border-collapse: collapse;
}

table.Grid1 {
    border-right: solid 1px #d3d3d3;
    border-bottom: solid 1px #d3d3d3;
    border-collapse: collapse;
    text-align: center;
    font-family: "Trebuchet MS", sans-serif;
}


table.Grid1 tr th {
    background-color: #d3d3d3;
    font-weight: bold;
    height: 33px;
    color: #78797a;
    text-align: center;
}

table.Grid1 tr td, table.Grid1 tr th {
    border-left: solid 1px #d3d3d3;
    border-top: solid 1px #d3d3d3;
}


/* Pagination */

select {
    color: #78797a;
    border: solid 1px #78797a;
}

a img.pagination { border: none; }

div.pagination { font-size: 11px; }

a.selectedpage, a.selectedpage:link, a.selectedpage:visited { color: #ff6c00; }

td.buttonSelected {
    color: #000000;
    border-bottom: none;
    background-color: #ffffff;
}

/* Tabs */

td.buttonl { border-bottom: solid 1px #dddddd; }

td.buttonr { border-bottom: solid 1px #dddddd; }

td.button { }

div.button {
    color: #666666;
    padding: 8px 20px 8px 20px;
    font-weight: bold;
    border: solid 1px #dddddd;
    cursor: pointer;
    background-color: #f9f9f9;
    border-radius: 5px 5px 0 0;
}

div.buttonHover { color: #000000; }

div.buttonSelected {
    color: #000000;
    border-bottom: none; /*background-color: #ffffff; ''24/07/2013*/
    background-color: #F2008F;
    padding: 8px 20px 8px 20px;
    border: solid 1px #dddddd;
    border-radius: 5px 5px 0 0;
}

/* Vertical Tabs */

table.vertical td.buttonl { border-right: solid 1px #dddddd; }

table.vertical td.buttonr {
    border-right: solid 1px #dddddd;
    border-bottom: none;
}

table.vertical td.button { }

table.vertical div.button {
    color: #666666;
    padding: 5px 10px 5px 10px;
    font-weight: bold;
    border: solid 1px #dddddd;
    cursor: pointer;
    background-color: #f9f9f9;
}

table.vertical div.buttonHover { color: #000000; }

table.vertical div.buttonSelected {
    color: #000000;
    border-right: none;
    background-color: #ffffff;
}

/* Display none for input type button */

input.displaynone { display: none; }

/* Custom Reports Condition Builder */

.qb_condition_error, .error {
    color: red;
    font-weight: bold;
}

a.newButton:link, a.newButton:active, a.newButton:visited {
    background-image: url("../images/example.png");
    color: #3E3E3E;
    display: block;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 9pt;
    line-height: 9pt;
    height: 14px;
    padding: 5px 13px;
    text-align: center;
    width: 46px;
}

.newButton {
    background-image: url("../images/example.png");
    color: #78797a;
    display: inline;
    font-family: "Trebuchet MS", sans-serif;
    font-size: 9pt;
    height: 24px;
    padding: 5px 13px;
    text-align: center;
    width: 72px;
    border: 0 none;
}

.darkGreyBoarder {
    border: 1px Solid #8597ae;
    background-color: #f0f3f7;
}

/* For New IQA DashBoard */

.db_link ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.db_link ul li {
    list-style-type: none;
    margin: 0;
    padding: 0 0 7px 9px;
    width: 150px;
    display: block;
    position: relative;
    z-index: 10;
}

.db_link ul li:hover .db_sublink { display: block; }

.db_sublink {
    display: none;
    position: absolute;
    top: 0px;
    left: 290px;
    background: #FFF;
    border: 1px solid #ddd;
    padding: 8px;
    width: 120px;
    /*background: #000000;*/
}

.db_sublink p {
    padding: 0 0 6px 0;
    margin: 0;
}

.db_sublink a {
    color: #333;
    font-size: 12px;
    text-decoration: none;
    line-height: 110%;
}

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

.progressBackgroundFilter {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    overflow: hidden;
    padding: 0;
    margin: 0;
    background-color: #000;
    filter: alpha(opacity=50);
    opacity: 0.5;
    z-index: 100001;
}

.processMessage {
    position: fixed;
    top: 30%;
    left: 43%;
    padding: 10px;
    width: 14%;
    z-index: 100011;
    background-color: #fff;
    border: solid 1px #000;
    color: #2c2c2c;
    font-weight: bold;
    font-size: 12px;
}

/*=======Added date 11-10-2013=====*/

.sub_tab {
    float: left;
    margin-bottom: 11px;
    padding: 4px 0 0 0;
}

.sub_tab ul {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

.sub_tab ul li {
    display: block;
    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0 5px 0 0;
}

.sub_tab ul li a {
    background: url("../images/sa_tab_left.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    color: #454545;
    display: block;
    float: left;
    font-size: 13px;
    font-weight: bold;
    height: 36px;
    padding: 0 0 0 10px;
    text-decoration: none;
    border-bottom: 1px solid #DDDDDD;
}

.sub_tab ul li a span {
    background: url("../images/sa_tab_right.png") no-repeat scroll right top rgba(0, 0, 0, 0);
    cursor: pointer;
    display: block;
    float: left;
    height: 20px;
    padding: 16px 10px 0 0;
    text-align: center;
}

.sub_tab ul li.active a { background: url(../images/sa_tab_left_h.png) left 1px no-repeat; }

.sub_tab ul li.active a span {
    background: url(../images/sa_tab_right_h.png) right 1px no-repeat;
    height: 20px; /*padding: 13px 30px 0 0;*/
    padding: 16px 10px 0 0;
    border-bottom: 1px solid #CCCCCC;
}

.blu_box {
    background: none repeat scroll 0 0 #F0F3F7;
    border: 1px solid #CCCCCC;
    float: left;
    margin-left: 0.8%;
    padding: 10px;
    width: 886px;
    color: #213e7c;
}

.blue_color_background {
    background: none repeat scroll 0 0 #F0F3F7;
    color: #213E7C;
}

table.tbl_blu_bg { border: 1px solid #cccccc; }

table.tbl_blu_bg2 {
    border-top: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
}

table.tbl_blu_bg2 tr td {
    border: 1px solid #cccccc;
    border-right: none;
    border-top: none;
}

a.sa_link_g {
    float: left;
    display: inline-block;
    background: url(../images/leftg.png) top left no-repeat;
    color: #FFF;
    text-decoration: none;
    height: 28px;
    padding: 0 0 0 7px;
    text-align: right;
}

a.sa_link_g span {
    float: left;
    display: inline-block;
    background: url(../images/rightg.png) top right no-repeat;
    height: 17px;
    padding: 11px 7px 0 0;
    line-height: 1;
}

table.YellowGrid {
    border-right: solid 1px #cccccc;
    border-bottom: solid 1px #cccccc;
    border-collapse: collapse;
    text-align: center;
    font-family: "Trebuchet MS", sans-serif;
}

table.YellowGrid tr th {
    font-weight: bold;
    height: 27px;
    color: #000000;
    text-align: center;
    background-color: #F7941E;
}

table.YellowGrid tr th a { color: #ec008c; }

table.small tr th { height: 26px; }

table.small_rows tr td { height: 34px; }

table.YellowGrid tr td, table.YellowGrid tr th {
    border-left: solid 1px #cccccc;
    border-top: solid 1px #cccccc;
    padding: 3px;
}

table.YellowGrid tr td a.nodecoration, table.nodecoration tr td a:hover { text-decoration: none; }

table.YellowGrid.white_background tr { background-color: white; }



/* Chrome 61 Fixes */

iframe#frmEvidenceMappingNew,
iframe#frmEvidenceLibrary,
iframe#frmDashboard,
iframe#frmNonmasterForms,
iframe#frmformbuilder {
    height: auto;
    min-height: 1250px;
}

iframe#frmadminedituser {
    height: auto;
    min-height: 1400px;
    min-width: 1600px;
}
form .register-info input[type="text"], form .register-info input[type="password"], form .core-info input[type="text"], form .core-info select {
    width: 300px;
    border: 1px solid #cccccc !important;
    height: 34px;
    border-radius: 4px;
}
.flex {
    display: flex;
}
.margin-left10 {
    margin-left: 10px;
}
.edit-profile-form label {
    width: 100px;
}
    .edit-profile-form input[type="text"] {
        width: 370px;
    }

.core-info, .photoUpload {
    flex-basis: 50%;
}
.sa-table tr th a, .sa-table tr th a span, .sa-table tr th {
    color: #4a4a4a !important;
    font-weight: bold;
}

.timesheet a .up{
    text-decoration: none;
    color: #1c75da;
}
/* Removed for CSS:490 - breaks radio buttons*/
#frmForm input {
   /*  margin-bottom: 12px;
    margin-left: 4px;*/
}
.units-widget a {
    cursor: pointer;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
}
.unit-traffic-lights {
    margin-right: 4px;
}
.sa-table thead tr th {
    border: 1px solid #cdcdcd !important;
}
/* iOS bug fixes*/
@supports (-webkit-overflow-scrolling: touch) {
    .ios-modal-fix, .modal-backdrop {
        display: none!important;
    }
    .ios-jump-fix {
        margin-top: 70px;
    }

}

.legend-table {
    background-color: #e1e1e1;
    border-radius: 10px;
}

.legend-table h4 {
    font-weight: bold;
    padding-bottom: 1.5rem;
    font-size: 12px;
}


.units-widget p.unit-text {
    position: absolute;
    width: 15px;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    z-index: 1;
    line-height: 18px;
}