/* [1] - Reset CSS */

/*--------------------       Page Body common      --------------------*/

body {
    margin: 0px;
    /*padding: 0px;*/
    background: #f5f5f5;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #616362;
}

ol, ul {
    list-style: none
}

blockquote, q {
    quotes: none
}

    blockquote:before, blockquote:after, q:before, q:after {
        content: '';
        content: none
    }

:focus {
    outline: 0
}

a {
    text-decoration: none
}

/*********************************************************************************/

/*
    1)Global styles
    2)Labels, checkboxes and input boxes - 434
    3)Tables - 585
    4)Menu Stuff -2121
    5)Panels and headings 2268
    6)Buttons, sliders, images and clickthroughs - 3493
    7) Other  incl lists - 4221
    8)footer - 4593
	9)department colors
	10)generic classes
	11)tablet and small device over-rides
*/

/* ---------------------------------------------------------------------------------------global styles ---------------------------------------------------------------------------------------*/

/*To force specific items to be white*/
.background-white {
    background-color: white;
}


/*--------------------       Page Header common      --------------------*/

.headerContainer {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0px;
}

    .headerContainer .panelHeaderName {
        width: 60%;
        float: left;
        text-align: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

        .headerContainer .panelHeaderName #title-container {
            margin: 0px;
        }

        .headerContainer .panelHeaderName #date-container {
            margin: 0px;
        }

    .headerContainer .panelHeaderLogo .clientlogo {
        width: 157px;
        height: 90px;
        margin-top: 5px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
        float: left;
        clear: left;
    }

/*--------------------       Page Content Area common      --------------------*/

#design {
    margin: 0px;
}

/*--------------------       Page Footer common      --------------------*/

#footer {
    margin: 0px;
    clear: left;
}

    #footer .clientlogofooter {
        width: 99px;
        height: 31px;
        clear: left;
        margin: 0;
        cursor: pointer;
    }

#content {
    width: 980px;
    margin: 0 auto 0 auto;
    display: block;
    /*padding-top: 59px;*/
}

/* Master Layout Style */

#main {
    margin-top: 0;
    background-color: gainsboro;
}

#context {
    position: fixed;
    left: 0;
    top: 150px;
    height: 50px;
    width: 100%;
    background-color: lightgray;
}

#footer {
    bottom: 0;
    left: 0;
    height: 50px;
    width: 100%;
    float: left;
    margin-top: 20px;
}

#details {
    position: fixed;
    bottom: 0;
    left: 0;
    height: 220px;
    width: 100%;
    background-color: #475B7E;
}

body {
    margin: 0px;
    /*padding: 0px;*/
    /*background: #fff;*/
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    /*needed for sticky header*/
    /*padding-top:55px;
	margin-top: 41px;*/
}

.main_wrap {
    width: 980px;
    margin: 0 auto;
}

.main_wrap_Landing {
    width: 1300px;
    margin: 0 auto;
}

#fullwidth {
    width: 100%;
    float: left;
    height: 41px;
    /*needed for sticky header*/
    position: fixed;
    top: 0;
    z-index: 10;
}

a.logo {
    width: 120px;
    height: 40px;
    float: left;
    background: url(/legacy/Content/newImages/Pro4logo.png) no-repeat;
    clear: left;
    margin-left: -10px;
}

.menuSplitsleft {
    background-image: url("/legacy/Content/newImages/Splits.png");
    background-position: center center;
    background-repeat: no-repeat;
    clear: left;
    float: right;
    height: 40px;
    margin-top: -5px;
    width: 2px;
}

/*moved from quickmenu.css as having issues getting IE8.css to overide*/
.quickMenuTextVert {
    font-size: 14px;
    color: #FFFFFF;
    margin-left: 0;
    margin-top: 60px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* IE 9 */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
}

.ipadTileHeight {
    height: 239px;
}

.ipadTileHeight2 {
    min-height: 168px;
}

h1 {
    width: 100%;
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 35px;
    color: #626262;
    line-height: 34px;
    font-weight: normal;
    word-break: break-word;
}

h2 {
    width: 100%;
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 25px;
    color: #626262;
    line-height: 34px;
    font-weight: normal;
    word-break: break-word;
}

    h2 span {
        font-size: 16px;
    }

.modern-styling-font {
    font-family: "Lato";
    font-weight:300;
    /*font-size: 36px;*/
}

.kv-legacy-page-title {
    font-size: 32px;
    white-space: nowrap;
    font-family: "Lato-Light";
    font-weight: 300;
    color: #616362;
}

.kv-legacy-page-sub-title {
    font-size: 18px;
    font-weight: normal;
    font-family: "Lato-Regular";
    color: #616362;
}




h3 {
    width: 100%;
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 22px;
    color: #616362;
    margin-top: 30px;
    font-weight: normal;
    word-break: break-word;
}

    h3.greenFont {
        margin-top: 0;
        margin-bottom: 14px;
        color: #009e49;
    }

h5.greenFont {
    color: #009e49;
}

a.greenFont {
    color: #009e49;
}

h4 {
    width: 100%;
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #616362;
    margin-top: 30px;
    font-weight: normal;
    word-break: break-word;
}

.spanH4 {
    /*width:100%;*/
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #616362;
    margin-top: 30px;
    font-weight: bold;
}

h4.bold {
    font-weight: bold;
}

.performNotificationLink {
    cursor: pointer;
    color: #009E49;
}

h4 a {
    width: 100%;
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 15px;
    color: #616362;
    margin-top: 0;
    font-weight: normal;
}

h5 {
    width: 100%;
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #616362;
    font-weight: normal;
    margin-top: 5px;
    margin-bottom: 14px;
    word-wrap: break-word;
}

    h5.bold, span.bold {
        font-weight: bold;
    }

    h5.redFont {
        color: #ec1c2c;
    }

    h5.summary {
        margin-top: 5px;
        margin-bottom: 14px;
    }

    h5.green {
        font-weight: bold;
        margin-top: 0;
        margin-bottom: 14px;
        color: #009e49;
    }

    h5.greenUndeline {
        color: #009e49;
        text-decoration: underline;
        cursor: pointer;
    }



.sub-rag-titles {
    margin-top: 5px;
    margin-bottom: 5px;
}

a {
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #FFF;
    line-height: 1.2;
    color: #e5e5e5;
}



    a.greenUndeline {
        color: #009e49;
        text-decoration: underline;
        cursor: pointer;
    }

    a.mailto {
        color: #009e49;
        cursor: pointer;
        float: left;
        padding-top: 6px;
    }

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

p {
    width: 100%;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #616362;
    margin: 5px 0;
    text-align: justify;
    line-height: 1.2;
}

    p.bold {
        width: 100%;
        font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
        font-size: 12px;
        color: #616362;
        margin: 5px 0;
        font-weight: bold;
    }

    p.performNotificationText {
        width: 100%;
        font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
        font-size: 12px;
        display: inline;
        color: #616362;
        margin: 5px 0;
        text-align: justify;
        line-height: 1.2;
    }

    p.footer {
        margin-top: 0px;
        text-align: right;
        color: #616362;
        font-size: 11px;
    }

    p.footer2 {
        margin-top: 0;
        text-align: right;
        color: #616362;
    }

    p span {
        font-weight: bold;
        color: #808080;
    }

.font15 {
    font-size: 15px;
}

.tiny {
    font-size: 9px;
    color: #616362;
    font-weight: normal;
}

.small {
    font-size: 10px;
    color: #616362;
    font-weight: normal;
}

.medium {
    font-size: 11px;
    font-weight: normal;
    color: #616362;
}

.mediumBold {
    font-size: 11px;
    font-weight: bold;
    color: #616362;
}

.normal {
    font-size: 12px;
    font-weight: normal;
    color: #616362;
}

.normal2 {
    font-size: 13px;
    font-weight: bold;
    color: #616362;
}

.large {
    font-size: 14px;
    font-weight: bold;
    color: #616362;
}

.exclaim {
    color: red;
    font-weight: bold;
    font-size: 15pt;
}

.kivueText {
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #616362;
    font-weight: normal;
    vertical-align: text-top;
}

.hLink a {
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
}

    .hLink a:link {
        color: #009e49;
        text-decoration: underline;
    }

    .hLink a:visited {
        color: seagreen;
    }

    .hLink a:hover {
        text-decoration: none;
        font-weight: bold;
    }

    .hLink a:active {
        color: #fbac35;
        text-decoration: none
    }

.Tile_link a:link {
    color: #006cb4;
    text-decoration: underline;
}

.Tile_link a:visited {
    color: #0794f0;
}

.Tile_link a:hover {
    cursor: pointer;
    font-weight: bold;
}

.Tile_link a:active {
    color: #0794f0;
}

#menuwrap {
    float: right;
    padding-bottom: 0;
    height: 40px; /*On PPlanning when the chart headding is sticky this goes on topo of the scroller buttons even thouhg invisible will not allow the user to click on the right ahand side buttons*/
}

#menuwrapleft {
    clear: left;
    margin-left: -57px;
    float: left;
    padding-bottom: 0;
}

#menuwrapleft2 {
    margin-left: -6px;
    float: left;
    padding-bottom: 0;
}

/*ul#menu											{width:auto; float:left; margin-top:-2px;}
ul#menu li,ul li.active							{width:30px; float:left; position:relative;}
ul#menu li a,ul li.active a						{width:72px; height:40px; float:left; padding:0px; margin-left: 14px; font-family:Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif; text-align:center; line-height:47px; text-transform:none; cursor:pointer; border:none}
ul#menu li a span,ul li.active span				{width:50px; height:40px; float:left; padding:0px 0 0 8px; cursor:pointer}
ul#menu li ul li								{width:40px; float:left; margin:0; border-top:#646363 solid 1px; z-index:0;  height:30px; }
ul#menu li ul li:hover                          {background:#131313}
ul#menu li ul li a								{width:50px; float:left; padding:0; color:#c7c7c7; background:url(/legacy/Content/newImages/menuListStyle.png) no-repeat 5px 70%; text-align:left; font-size:11px; border-top:#3d3d3d solid 1px; line-height:34px; height:30px;}
ul#menu li ul li:first-child					{border:0}
ul#menu li ul li:first-child a					{border:0}

ul#menuleft                                     {float: left; margin-top: 1px; width: auto;}
ul#menuleft li a, ul li.active a                {border: medium none; cursor: pointer; float: left; font-family: Tahoma,Verdana,Geneva,sans-serif,Arial,Helvetica,sans-serif; line-height: 47px; margin: -3px 0 0 14px; padding: 0; text-align: center; text-transform: none;}    
ul#menuleft li, ul li.active                    {float: left; position: relative;}*/

.lineItem:hover {
    background-color: white;
}

#left-navigation {
    float: left;
    margin: 0 0 0 0;
    font: 14px Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif
}

ul.disc, ul.disc li {
    list-style-type: disc;
    float: left;
    font-family: Tahoma,Verdana,Geneva,sans-serif,Arial,Helvetica,sans-serif;
    font-size: 13px;
    font-weight: normal;
    margin-top: 5px;
    width: 100%;
    list-style-position: inside;
    color: #616362;
}

ul.text-list, ol.text-list {
    list-style-type: disc;
    width: 98%;
    padding-left: 0;
    margin-top: 10px;
    margin-block-end: 0;
}

    ul.text-list li, ol.text-list li {
        float: left;
        font-family: Tahoma,Verdana,Geneva,sans-serif,Arial,Helvetica,sans-serif;
        font-size: 13px;
        color: #616362;
        width: 92%;
        margin-left: 8%;
    }

    ol.text-list li {
        list-style-type: decimal;
    }

/*ul.disc li:first-child                          {margin-top: 0px;}
ul.disc li:last-child                           {margin-bottom: 20px;}*/
/*is this used?????*/ /*ul#topnav span                                  {color: #626262;}
ul#topnav li:selected                           {color: #009e49;}
ul#topnav span:selected                         {color: #009e49;}*/
#design {
    width: 100%;
    float: left;
    margin-top: 0;
}

.pro4Border {
    margin: auto;
    width: 980px;
}

/*---------------------------------------------------------------------------Labels, checkboxes and input boxes------------------------------------------------------------------------------*/

.txtInputBox {
    width: 100%;
    color: #616362;
    border: thin solid #f0f0f0;
    padding: 3px 0;
    text-indent: 10px;
    background: #f0f0f0;
    filter: #f0f0f0; /* IE6 & IE7 */
    -ms-filter: #f0f0f0; /* IE8 */
}

    .txtInputBox:hover {
        border: thin solid #c4c4c4;
    }

    .txtInputBox:focus {
        border-color: #c4c4c4;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 158, 73, 0.2);
        outline: 0 none;
    }

textarea {
    color: #616362;
    width: 100%;
    outline-style: none;
    border: thin solid #f0f0f0;
    padding: 3px 0 3px 10px;
    resize: vertical;
    overflow: hidden;
    background-attachment: fixed;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    background: #f0f0f0 none repeat scroll 0 0; /* Fallback background color for non supported browsers */
    filter: #f0f0f0; /* IE6 & IE7 */
    -ms-filter: #f0f0f0; /* IE8 */
    z-index: 1000;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-appearance: none;
}

    textarea:hover {
        border: thin solid #c4c4c4;
    }

    textarea:focus {
        border-color: #c4c4c4;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 158, 73, 0.2);
        outline: 0 none;
    }

Input:not(.kv-checkbox-sm):not(.kv-radio-sm) {
    width: 100%;
    color: #616362;
    border: thin solid #f0f0f0;
    padding: 3px 0;
    text-indent: 10px;
    background: #f0f0f0; /* Fallback background color for non supported browsers */
    filter: #f0f0f0; /* IE6 & IE7 */
    -ms-filter: #f0f0f0; /* IE8 */
}

#PopConfigForm Input:not(.kv-checkbox-sm):not(.kv-radio-sm) {
    width: 85% !important;
}

#PopConfigForm .k-datepicker .k-icon:before {
    margin-top: 4px !important;
}

Input:not(.kv-checkbox-sm):not(.kv-radio-sm):focus {
    border-color: #c4c4c4;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(0, 158, 73, 0.2);
    outline: 0 none;
}

input:not(.kv-checkbox-sm):not(.kv-radio-sm):-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px #e5e5e5 inset;
}

label {
    display: inline-block;
}

    label.bold {
        font-weight: bold;
    }

.checkbox {
    display: none;
}

    .checkbox + label {
        background-color: #d0d0d0;
        border: 1px solid #c4c4c4;
        background-image: -moz-linear-gradient(-45deg, #c4c4c4, #fff); /* Firefox 3.6 */
        background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0, #fff),color-stop(1, #c4c4c4)); /* Safari & Chrome */
        /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c4c4c4', endColorstr='#fff'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c4c4c4', endColorstr='#fff')"; /* IE8    
          
    /*box-shadow: inset 0px 1px 1px 1px #ffffff, inset 0px 1px 1px 1px #000;*/
        box-shadow: inset 0 0 0 1px #ffffff, inset 1px 1px 3px 0 grey;
        -moz-box-shadow: inset 0 0 0 1px #ffffff, inset 1px 1px 3px 0 grey;
        -webkit-box-shadow: inset 0 0 0 1px #ffffff, inset 1px 1px 3px 0 grey;
        padding: 7px;
        display: inline-block;
        position: relative;
    }

    .checkbox:hover + label {
        border: 1px solid #009e49;
    }

    .checkbox[disabled=disabled]:hover + label {
        border: 1px solid #c4c4c4;
    }

    .checkbox[disabled=disabled][checked=checked]:hover + label {
        border: 1px solid #009e49;
    }

    .checkbox + label:active, .regular-checkbox:checked + label:active {
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 1px 3px rgba(0,0,0,0.1);
    }

    .checkbox:checked + label {
        background-image: none;
        background-color: #009e49;
        border: 1px solid #009e49;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 0 0 0;
        color: #99a1a7;
    }

        .checkbox:checked + label:after {
            content: '\2714';
            font-size: 12px;
            position: absolute;
            top: 0px;
            left: 2px;
            color: #FFF;
        }

    .checkbox.pmolarge + label {
        font-size: 13px;
        background-color: #e5e5e5;
        color: #009e49;
        border: 1px solid #c4c4c4;
        background-image: none;
        /*background-image: -moz-linear-gradient(-45deg, #c4c4c4, #fff);
    background-image: -webkit-gradient(linear,right bottom,left top,color-stop(0, #fff),color-stop(1, #c4c4c4));*/
        /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c4c4c4', endColorstr='#fff');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c4c4c4', endColorstr='#fff')";*/
        box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        padding: 5px 5px 5px 25px;
    }

        .checkbox.pmolarge + label:hover {
            border: 1px solid #009e49;
        }

    .checkbox.pmolarge:checked + label {
        background-image: none;
        background-color: #009e49;
        border: 1px solid #009e49;
        box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0 0 0 0;
        color: #ffffff;
    }

        .checkbox.pmolarge:checked + label:after {
            content: '\2714';
            font-size: 15px;
            position: absolute;
            top: 3px;
            left: 4px;
            color: #FFF;
        }

.checkBoxContainer {
    float: right;
    text-align: right;
}

.commentTickBoxContainer {
    float: right;
    padding-top: 5px;
    text-align: right;
}

.delComment {
    float: left;
    margin-left: 5px;
    width: 5%;
}

/*RADIO BTN STYLES*/

input[type=radio].css-checkbox {
    position: absolute;
    z-index: -1000;
    left: -1000px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height: 1px;
    width: 1px;
    margin: -1px;
    padding: 0;
    border: 0;
}

    input[type=radio].css-checkbox + label.css-label {
        padding-left: 26px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        cursor: pointer;
    }

    input[type=radio].css-checkbox + label.css-label-sort {
        padding-left: 26px;
        height: 16px;
        display: inline-block;
        line-height: 16px;
        background-repeat: no-repeat;
        background-position: 0 0;
        vertical-align: middle;
        cursor: pointer;
        color: lightgray;
        font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
        font-size: 13px;
    }

    input[type=radio].css-checkbox:checked + label.css-label {
        background-position: 0 -16px;
    }

label.css-label {
    background-image: url("/legacy/Content/cssCheckbox/cssCheckbox.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.paginated-currentview--label {
    float: left;
    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    font-size: 18px;
    font-weight: normal;
    font-family: Tahoma,Verdana,Geneva,sans-serif,Arial,Helvetica,sans-serif;
}

/*---------------------------------------------------------------------------------------------TABLES------------------------------------------------------------------------------------------------*/

table.kivueText {
}

.kivueText td {
    border: thin solid #C4C4C4;
    padding: 10px 5px 10px 8px;
    text-align: right;
    vertical-align: text-top;
}

/* --- table for full-width --- */
table.full-width {
    border-spacing: 2px;
    font-size: 13px;
    text-align: left;
    empty-cells: show;
    width: 100%;
}

    table.full-width thead tr {
        background-color: darkgray;
        color: #ffffff;
        font-weight: 700;
    }

    table.full-width th, table.full-width td {
        padding: 3px;
    }

td.col-width-5p {
    width: 5% !important;
    padding: 2px;
}

td.col-width-10p {
    width: 10% !important;
}

td.col-width-15p {
    width: 15% !important;
}

td.col-width-20p {
    width: 20% !important;
}

td.col-width-25p {
    width: 25% !important;
}

td.col-width-30p {
    width: 30% !important;
}

td.col-width-35p {
    width: 35% !important;
}

td.col-width-40p {
    width: 40% !important;
}

td.col-width-45p {
    width: 45% !important;
}

td.col-width-50p {
    width: 50% !important;
}

/* --- table for rag items, weekly report page --- */
table.ragTable {
    width: 100%;
    empty-cells: show;
}

.ragTable col.small {
    width: 13%;
}

.ragTable col.medium {
    width: 26%;
}

.ragTable col.large {
    width: 34%;
}


/* ---  Table for tabbed dashboard rag items --- */
table.tbbdRagTable {
    border-collapse: separate;
    width: 100%;
}

.tbbdRagTable td {
    /*padding-bottom: 4px;  
        padding-top: 4px;*/
    vertical-align: middle;
}

/* --- table for left hand vertical menu ---*/
table.menuVert {
    border-collapse: collapse;
    text-align: left;
    empty-cells: show;
}

.menuVert tr {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

.menuVert td {
    padding: 0;
    margin: 0;
    border-collapse: collapse;
}

/* --- Default table  --- */
table.performDefault {
    /*border-collapse: collapse; */
    text-align: left;
    empty-cells: show;
    width: 100%;
}

.performDefault col.tiny {
    width: 3%;
}

.performDefault col.tinySmall {
    width: 4%;
}

.performDefault col.extraSmall {
    width: 6%;
}

.performDefault col.eSmall10 {
    width: 10%;
}

.performDefault col.eSmall {
    width: 15%;
}

.performDefault col.small {
    width: 20%;
}

.performDefault col.medium {
    width: 25%;
}

.performDefault col.large {
    width: 50%;
}

.performDefault th {
    padding: 6px 0px;
    font-size: 13px;
    font-weight: bold;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    color: #616362;
}

.performDefault td {
    padding: 6px 0px;
}

    .performDefault td.tickBox {
        text-align: right;
        padding-right: 3px;
    }

    .performDefault td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.performDefault .right {
    float: right;
}

/* --- table for programme Info, details page etc  --- */
table.programmeInfo {
    /*border-collapse: collapse; */
    text-align: left;
    empty-cells: show;
}

.programmeInfo col.tiny {
    width: 3%;
}

.programmeInfo col.tinySmall {
    width: 4%;
}

.programmeInfo col.extraSmall {
    width: 6%;
}

.programmeInfo col.eSmall10 {
    width: 10%;
}

.programmeInfo col.eSmall {
    width: 15%;
}

.programmeInfo col.small {
    width: 20%;
}

.programmeInfo col.smallMedium {
    width: 21%;
}

.programmeInfo col.smallMedium2 {
    width: 23%;
}

.programmeInfo col.medium {
    width: 30%;
}

.programmeInfo col.large {
    width: 50%;
}

.programmeInfo col.xLarge {
    width: 79%;
}

.programmeInfo td {
    padding: 6px 0px;
}

    .programmeInfo td.tickBox {
        text-align: right;
        padding-right: 3px;
    }

    .programmeInfo td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.programmeInfo .right {
    float: right;
}

/* --- table for cost and effort page ---*/
table.costAndEffort {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.costAndEffort col.small {
    width: 20%;
}

.costAndEffort col.medium {
    width: 50%;
}

.costAndEffort col.large {
    width: 80%;
}

.costAndEffort th {
    vertical-align: middle;
    border: none;
    padding: 10px;
}

    .costAndEffort th h5 {
        margin-top: 0px;
        margin-bottom: 0px;
        font-weight: bold;
    }

.costAndEffort td:first-child {
    border-right: thin solid #C4C4C4;
    border-left: thin solid #C4C4C4;
}

.costAndEffort td:last-child {
    border-right: thin solid #C4C4C4;
}

.costAndEffort tr {
    border-bottom: thin solid #C4C4C4;
}

.costAndEffort td {
    vertical-align: middle;
    padding: 10px;
}

    .costAndEffort td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }
/*General tile alignment*/
th .sortableHeaderAlign {
    display: flex;
    align-items: flex-start;
}
/* --- table for documents panel - programme info page ---*/
table.documents {
    /*border-collapse: collapse; */
    text-align: left;
    empty-cells: show;
}

.documents td:first-child {
    padding-right: 10px;
}

.documents td {
    vertical-align: middle;
    padding: 5px 0px;
}

    .documents td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.documents col.small {
    width: 20%;
}

.documents col.medium {
    width: 80%;
}
/*Commitment review table*/
/*table.commitmentReview {
        text-align: left;  
        empty-cells:show;
        border-collapse: collapse;
        width: 100%;
    }
     .commitmentReview th
    {
    vertical-align: middle;
    padding: 8px 8px;
    border: thin solid #C4C4C4;
	background-color: #f5f5f5;
    text-align: left;
    }
    
    .commitmentReview th h5
    {
    margin-top: 0;
    margin-bottom: 3px;
    font-weight: bold;
    font-size:11px;
    }
    
    .commitmentReview th p
    {
    margin-top: 2px;
    margin-bottom: 0;
    font-weight: normal;
    }
    
    .commitmentReview td
    {
    vertical-align:middle;
    text-align: right;
	padding: 10px 5px 10px 8px;
	border: thin solid #C4C4C4;
    }

    .commitmentReview td h5
    {
        margin:0;
    }*/
/* --- table for effort to complete page ---*/

table.effortToComplete {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.effortToComplete col.small {
    width: 10%;
}

.effortToComplete col.medium {
    width: 15%;
}

.effortToComplete col.large {
    width: 20%;
}

.effortToComplete th {
    vertical-align: middle;
    padding: 8px 8px;
    border: thin solid #C4C4C4;
    background-color: #f5f5f5;
    text-align: left;
}

    .effortToComplete th h5 {
        margin-top: 0px;
        margin-bottom: 3px;
        font-weight: bold;
    }

    .effortToComplete th p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
    }

.effortToComplete td {
    vertical-align: middle;
    text-align: right;
    padding: 10px 5px 10px 8px;
    border: thin solid #C4C4C4;
}

    .effortToComplete td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.effortToComplete .tableInner {
    float: left;
    width: 50%;
}

.effortToComplete .tableInner2 {
    float: right;
}

.effortToComplete .tableInnerFith {
    float: left;
    width: 20%;
}

.effortToComplete .tableInnerThirds {
    float: left;
    width: 33.3%;
}

.effortToComplete .leftAlign {
    text-align: left;
}

.effortToComplete .centerAlign {
    text-align: center;
}

.effortToComplete .rightAlign {
    text-align: right;
}

.effortToComplete .Bg {
    text-align: center;
}

.effortToComplete .tableInner3 {
    float: right;
    width: 90%;
    padding-bottom: 0;
    text-align: right;
}

    .effortToComplete .tableInner3 p {
        margin-bottom: 0;
        margin-top: 2px;
        text-align: right;
    }

/*RAI Tiles*/

table.raiTile {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.raiTile col.xsmall {
    width: 5%;
}

.raiTile col.small {
    width: 10%;
}

.raiTile col.medium {
    width: 15%;
}

.raiTile col.large {
    width: 20%;
}

.raiTile col.Xlarge {
    width: 40%;
}

.raiTile th {
    vertical-align: top;
    padding: 3px 10px 3px 0;
    text-align: left;
    border-bottom: thin solid #C4C4C4;
}

    .raiTile th:last-child {
        padding: 3px 0 3px 0;
    }

    .raiTile th h5 {
        margin-top: 0;
        margin-bottom: 0;
        font-weight: bold;
    }

    .raiTile th p {
        margin-top: 2px;
        margin-bottom: 0;
        font-weight: normal;
    }

.raiTile td {
    vertical-align: top;
    text-align: left;
    padding: 10px 8px 10px 0;
    border-bottom: thin solid #C4C4C4;
}

    .raiTile td:last-child {
        padding: 10px 0;
    }

.raiTile .paddingRight0 {
    padding-right: 0;
}

.raiTile td h5 {
    margin-top: 3px;
    margin-bottom: 0px;
}

.raiTile .top {
    vertical-align: top;
}

.raiTile .leftAlign {
    text-align: left;
}

.raiTile .centerAlign {
    text-align: center;
}

.raiTile .rightAlign {
    text-align: right;
}

.raiTile .Bg {
    text-align: center;
}
/* --- table for Risk Register page ---*/

table.risk {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.risk col.xsmall {
    width: 31px;
}

.risk col.small {
    width: 74px;
}

.risk col.medium {
    width: 15%;
}

.risk col.large {
    width: 171px;
}

.risk col.Xlarge {
    width: 40%;
}

.risk th {
    vertical-align: bottom;
    padding: 10px 10px 10px 0;
    text-align: left;
    border-bottom: thin solid #C4C4C4;
}

    .risk th.score {
        padding: 10px 8px 10px 0;
    }

    .risk th h5 {
        margin-top: 28px;
        margin-bottom: 0;
        font-weight: bold;
    }

    .risk th p {
        margin-top: 2px;
        margin-bottom: 0;
        font-weight: normal;
    }

.risk tr {
    border-bottom: thin solid #C4C4C4;
}

    .risk tr:last-child {
        border-bottom: none;
    }

.risk td {
    vertical-align: top;
    text-align: left;
    padding: 10px 10px 10px 0;
}

    .risk td.score {
        vertical-align: top;
        text-align: left;
        padding: 10px 8px 10px 0;
    }

.risk .paddingRight0 {
    padding-right: 0;
}

.risk td h5 {
    margin-top: 3px;
    margin-bottom: 0px;
}

.risk .top {
    vertical-align: top;
}

.risk .leftAlign {
    text-align: left;
}

.risk .centerAlign {
    text-align: center;
}

.risk .rightAlign {
    text-align: right;
}

.risk .Bg {
    text-align: center;
}

/* -- table within table for effort to complete page --*/

table.riskWithin {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.riskWithin td:first-child + td {
    padding-left: 5px;
}

.riskWithin td {
    vertical-align: middle;
    padding: 0;
    border: none;
}

    .riskWithin td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

/* -- table within table for effort to complete page --*/

table.effortWithin {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.effortWithin col.small {
    width: 20%;
}

.effortWithin col.medium {
    width: 35%;
}

.effortWithin col.medium2 {
    width: 35%;
}

.effortWithin col.large {
    width: 45%;
}

.effortWithin td:first-child + td {
    padding-left: 5px;
}

.effortWithin td:last-child {
    padding-left: 8px;
}

.effortWithin td {
    vertical-align: middle;
    padding: 5px 0px;
    border: none;
}

    .effortWithin td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

/* --- table for financial update page ---*/

table.financialUpdate {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.financialUpdate col.medium {
    width: 9%;
}

.financialUpdate col.large {
    width: 13%;
}

.financialUpdate th {
    vertical-align: middle;
    padding: 10px 1%;
    border: none;
    background-color: #f5f5f5;
    text-align: left;
}

    .financialUpdate th:first-child {
        border-right: thin solid #C4C4C4;
    }

    .financialUpdate th h5 {
        margin-top: 0px;
        margin-bottom: 3px;
        font-weight: bold;
    }

    .financialUpdate th p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
    }

.financialUpdate tr {
    border: thin solid #C4C4C4;
}

.financialUpdate td {
    vertical-align: middle;
    padding: 10px 3px 10px 8px;
    border: none;
    text-align: right;
}

.financialUpdate .leftAlign {
    text-align: left;
}

.financialUpdate .fixHeight {
    height: 32px;
}

.financialUpdate td:first-child {
    border-right: thin solid #C4C4C4;
}

.financialUpdate td h5 {
    margin-top: 0px;
    margin-bottom: 0px;
}

.financialUpdate .tableInner {
    float: left;
    height: 18px;
}

/* -- table within table for Financial update Page --*/

table.financeWithin {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.financeWithin col.small {
    width: 20%;
}

.financeWithin col.large {
    width: 80%;
}

.financeWithin tr {
    border: none;
}

.financeWithin td:first-child + td {
    padding-left: 5px;
}

.financeWithin td {
    vertical-align: middle;
    padding: 0px;
    border: none;
}

    .financeWithin td:first-child {
        border-right: none;
    }

    .financeWithin td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

/* - table within for weekly report -*/

table.WeeklyReportWithin {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    border: none;
    width: 100%;
}

.WeeklyReportWithin td:first-child + td {
    padding-left: 5px;
}

.WeeklyReportWithin td:last-child {
    padding-left: 8px;
}

.WeeklyReportWithin td {
    vertical-align: middle;
    padding: 5px 0px;
    border: none;
    text-align: left;
}

    .WeeklyReportWithin td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

/* --- table for SD1 sidebar graphs ---*/

table.sd1Sidebar {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    border: none;
}

.sd1Sidebar col.small {
    width: 6%;
}

.sd1Sidebar col.med {
    width: 50%;
}

.sd1Sidebar col.large {
    width: 94%;
}

.sd1Sidebar td {
    vertical-align: middle;
    text-align: left;
    padding: 8px 5px 8px 0;
}


    .sd1Sidebar td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.sd1Sidebar .leftAlign {
    text-align: left;
}

.sd1Sidebar .rightAlign {
    text-align: right;
}

.sd1Sidebar .patternBlue1 {
    background: #0d5b8e;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.sd1Sidebar .patternBlue2 {
    background-color: #006cb4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* --- table for effort to complete page ---*/

table.vcno {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.vcno col.a {
    width: 18%;
}

.vcno col.b {
    width: 8%;
}

.vcno col.c {
    width: 10%;
}

.vcno col.d {
    width: 45%;
}

.vcno col.e {
    width: 15%;
}

.vcno col.f {
    width: 4%;
}

.vcno th {
    text-align: left;
}

.vcno tr {
    border-bottom: thin solid #C4C4C4;
}

    .vcno tr:last-child {
        border: none;
    }

.vcno th h5 {
    margin-top: 0px;
    margin-bottom: 3px;
    font-weight: bold;
}

.vcno th p {
    margin-top: 2px;
    margin-bottom: 0px;
    font-weight: normal;
}

.vcno td {
    vertical-align: middle;
    text-align: left;
    padding: 10px 0;
}

    .vcno td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.vcno .padT13 {
    padding-top: 13px;
}

.vcno .RightAlign {
    text-align: right;
    float: right;
}

.vcno .centerAlign {
    text-align: center;
}

/* --- table for Risk Register - mitigations table page ---*/

table.riskmitigation {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.riskmitigation th {
    text-align: left;
}

.riskmitigation tr {
    border-bottom: thin solid #C4C4C4;
}

.riskmitigation th h5 {
    margin-top: 0px;
    margin-bottom: 3px;
    font-weight: bold;
    padding: 8px 8px 8px 0;
}

.riskmitigation th p {
    margin-top: 2px;
    margin-bottom: 0px;
    font-weight: normal;
}

.riskmitigation td {
    vertical-align: middle;
    text-align: left;
    padding: 8px 8px 8px 0;
}

    .riskmitigation td:last-child {
        padding: 8px 0;
    }

    .riskmitigation td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.riskmitigation .padT13 {
    padding-top: 13px;
}

.riskmitigation .RightAlign {
    text-align: right;
    float: right;
}

.riskmitigation .centerAlign {
    text-align: center;
}

/* -- add new risk in risk register table --*/

table.newRisk {
    width: 100%;
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    border-bottom: thin solid #C4C4C4;
}

.newRisk col.colSmall {
    width: 35%;
}

.newRisk col.colLarge {
    width: 65%;
}

.newRisk td {
    padding-bottom: 11px;
}

/* --- Graph table for sd1 page ---*/

table.sd1 {
    text-align: center;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.sd1 col.quart {
    width: 25%;
}

.sd1 th {
    vertical-align: middle;
    padding: 10px 8px;
    border-style: solid none solid solid;
    border-width: thin;
    border-color: #C4C4C4;
    background-color: #f5f5f5;
    text-align: center;
}

    .sd1 th h5 {
        margin-top: 0px;
        margin-bottom: 3px;
        font-weight: bold;
        font-size: 10px;
    }

    .sd1 th p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
        text-align: center;
    }

.sd1 td {
    vertical-align: middle;
    text-align: center;
    padding: 10px 10px 0 8px;
    border-style: solid none solid solid;
    border-width: thin;
    border-color: #C4C4C4;
}

    .sd1 td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .sd1 td p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
        text-align: right;
    }

.sd1 .tableInner {
    float: left;
    width: 50%;
    text-align: center;
}

.sd1 .tableInner2 {
    float: right;
    width: 90%;
    padding-bottom: 10px;
    text-align: right;
}

.sd1 .leftAlign {
    text-align: left;
}

.sd1 .centerAlign {
    text-align: center;
}

/* --- table for sd1 Graph ---*/

table.sd1Graph {
    text-align: center;
    width: 40px;
}

.sd1Graph tr {
    border-top: thin solid #fff;
    border-right: 5px solid #fff;
}

.sd1Graph td {
    vertical-align: middle;
    text-align: center;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .sd1Graph td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
        color: #fff;
    }

    .sd1Graph td p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
        text-align: right;
    }

.sd1Graph .tableInner {
    float: left;
    width: 50%;
    text-align: center;
}

.sd1Graph .tableInner2 {
    float: right;
    width: 90%;
    padding-bottom: 10px;
    text-align: right;
}

.sd1Graph .leftAlign {
    text-align: left;
}

.sd1Graph .centerAlign {
    text-align: center;
}

.sd1Graph .patternBlue1 {
    background: #0d5b8e;
}

.sd1Graph .patternBlue2 {
    background-color: #006cb4
}

/* ---Cost table for Sd1  page ---*/

table.sd1Cost {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
}

.sd1Cost col.small {
    width: 10%;
}

.sd1Cost col.medium {
    width: 15%;
}

.sd1Cost col.large {
    width: 20%;
}

.sd1Cost th {
    vertical-align: middle;
    padding: 10px 8px;
    border: thin solid #C4C4C4;
    background-color: #f5f5f5;
    text-align: left;
}

    .sd1Cost th h5 {
        margin-top: 0px;
        margin-bottom: 3px;
        font-weight: bold;
    }

    .sd1Cost th p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
    }

.sd1Cost td {
    vertical-align: middle;
    text-align: right;
    padding: 10px 5px 10px 8px;
    border: thin solid #C4C4C4;
}

    .sd1Cost td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.sd1Cost tr:last-of-type td {
    padding-right: 10px;
}

.sd1Cost .tableInner {
    float: left;
    width: 50%;
}

.sd1Cost .tableInner2 {
    float: right;
}

.sd1Cost .leftAlign {
    text-align: left;
}

.sd1Cost .centerAlign {
    text-align: center;
}

.sd1Cost .tableInner3 {
    float: right;
    width: 90%;
    padding-bottom: 0;
    text-align: right;
}

    .sd1Cost .tableInner3 p {
        margin-bottom: 0;
        margin-top: 2px;
        text-align: right;
    }

.sd1Cost .bg {
    border: thin solid #C4C4C4;
    background-color: #f5f5f5;
}

/* --- Key table for MR Benefits page ---*/

table.key {
    text-align: center;
    empty-cells: show;
    border-collapse: collapse;
}

.key col.quart {
    width: 25%;
}

.key td {
    vertical-align: middle;
    text-align: center;
    padding: 5px 10px 0 8px;
    width: 100px
}

    .key td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

    .key td p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
        text-align: right;
    }

.key .leftAlign {
    text-align: left;
}

.key .centerAlign {
    text-align: center;
}

/* ---BenefitDate table for Sd1  page ---*/

table.benefitDate {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.benefitDate th {
    vertical-align: middle;
    padding: 10px 8px;
    border: none;
    text-align: left;
}

    .benefitDate th h5 {
        margin-top: 0px;
        margin-bottom: 3px;
        font-weight: bold;
    }

    .benefitDate th p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
    }

.benefitDate td {
    vertical-align: middle;
    text-align: right;
    padding: 10px 5px 10px 8px;
    border: thin solid #C4C4C4;
}

    .benefitDate td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

.benefitDate tr:last-of-type td {
    padding-right: 10px;
}

.benefitDate .tableInner {
    float: left;
    width: 50%;
}

.benefitDate .tableInner2 {
    float: right;
}

.benefitDate .leftAlign {
    text-align: left;
}

.benefitDate .centerAlign {
    text-align: center;
}

.benefitDate .tableInner3 {
    float: right;
    width: 90%;
    padding-bottom: 0;
    text-align: right;
}

    .benefitDate .tableInner3 p {
        margin-bottom: 0;
        margin-top: 2px;
        text-align: right;
    }

.benefitDate .bg {
    border: thin solid #C4C4C4;
    background-color: #f5f5f5;
}

/* ---AreaUpdate table for Area update page ---*/

table.areaUpdate {
    text-align: left;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}

.areaUpdate th {
    vertical-align: middle;
    padding: 10px 0 0 0;
    border: none;
    text-align: left;
}

    .areaUpdate th h5 {
        margin-top: 0px;
        margin-bottom: 3px;
        font-weight: bold;
    }

    .areaUpdate th p {
        margin-top: 2px;
        margin-bottom: 0px;
        font-weight: normal;
    }

.areaUpdate tr {
    border: none;
}

.areaUpdate td {
    vertical-align: middle;
    text-align: right;
    padding: 10px 5px 0 25px;
    border: none;
}

    .areaUpdate td h5 {
        margin-top: 0px;
    }

.areaUpdate tr:last-of-type td {
    padding-right: 10px;
}

.areaUpdate .tableInner {
    float: left;
    width: 50%;
}

.areaUpdate .tableInner2 {
    float: right;
}

.areaUpdate .leftAlign {
    text-align: left;
}

.areaUpdate .centerAlign {
    text-align: center;
}

.areaUpdate .tableInner3 {
    float: right;
    width: 90%;
    padding-bottom: 0;
    text-align: right;
}

    .areaUpdate .tableInner3 p {
        margin-bottom: 0;
        margin-top: 2px;
        text-align: right;
    }

/*------tabs table-----*/
table.tabs {
    /*border-collapse: collapse; */
    text-align: left;
    empty-cells: show;
    width: 100%;
}

.tabs col.tiny {
    width: 1%;
}

.tabs col.small {
    width: 5%;
}

.tabs col.medium {
    width: 27%;
}

.tabs col.large {
    width: 30%;
}

.tabs td {
    padding: 6px 0px;
}

    .tabs td.tickBox {
        text-align: right;
        padding-right: 3px;
    }

    .tabs td.tickBoxLeft {
        text-align: left;
    }

    .tabs td h5 {
        margin-top: 0px;
        margin-bottom: 0px;
    }

/*-----------------------------------filter table----------------------------------------*/
table.filter {
    /*border-collapse: collapse; */
    float: left;
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    border-bottom: thin solid #C4C4C4;
}

.filter col.small {
    width: 5%;
}

.filter col.medium {
    width: 40%;
}

.filter td h5 {
    color: lightgray;
}

/*-----------------------------------sort menu table----------------------------------------*/
table.sort {
    /*border-collapse: collapse; */
    float: left;
    text-align: left;
    width: 100%;
    padding-bottom: 10px;
    margin-bottom: 20px;
    /*border-bottom: thin solid #C4C4C4;*/
}

.sort col.small {
    width: 5%;
}

.sort col.medium {
    width: 40%;
}

.sort col.large {
    width: 45%;
}

.sort td h5 {
    color: lightgray;
    margin-top: 0px;
    margin-bottom: 0px;
}


/*-----------------------------footer table---------------------------------------------*/
table.footerTable {
    width: 100%;
    border-collapse: collapse;
    empty-cells: show;
    cellspacing: 0;
    border: 0;
}

/* --- panels and containers --- */
.programmeHeaderPanel {
    float: right;
    margin-top: 18px;
    margin-right: 0;
    width: 285px;
}

/*----------------------------------------------------------------------------------------------------menu stuff-------------------------------------------------------------------------------------*/

.menuVertical {
    cursor: pointer;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #626262;
}

.menuVerticalCurrent {
    cursor: pointer;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #009E49;
}

.menuVerticalInactive {
    cursor: pointer;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #626262;
}

.menuVertical:hover {
    color: #009E49;
}

.menuActive {
    color: #009E49;
    text-decoration: underline;
}

.menu {
    color: #009E49;
}

    .menu:hover {
        color: #626262;
    }

/*----------------------------------------------------------------------------------------------panels and headings-------------------------------------------------------------------------------------------*/

.headerContainer {
    float: left;
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHeaderLogo {
    float: Right;
    text-align: left;
    /*width: 159px;*/
    /*margin: 10px 0;*/
    /* Prevents padding and margin from resizing the panel */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHeaderName {
    float: left;
    text-align: left;
    width: 305px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHeaderBar {
    float: left;
    width: 100%;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelMain {
    float: left;
    text-align: left;
    width: 83.7%;
    margin-top: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelMain2 {
    float: left;
    width: 100%;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 0px;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHeadingContainerReport {
    width: 102px;
    text-align: left;
    float: left;
    margin-top: 4px;
}

.panelMenu {
    float: left;
    text-align: left;
    width: 159px;
    margin: 10px 0;
    /* Prevents padding and margin from resizing the panel */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    /*added to prent logo slipping to page right on smaller screens - not wrking correctly as ipad logo is pushing rest of header down*/
    /*clear: left;*/
}

.panelLogo {
    float: left;
    text-align: left;
    width: 480px;
    margin: 10px 10px 10px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panel {
    float: left;
    text-align: left;
    width: 680px;
    margin: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelRisk {
    float: left;
    text-align: left;
    width: 82.7%;
    margin: 0 0 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHeaderInfo {
    float: left;
    text-align: left;
    width: 305px;
    margin: 10px 0 10px 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}



.panelB {
    width: 98%;
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0 3px;
    padding: 30px 0 14px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelC {
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0 0 0 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .panelC ul {
        padding: 0;
        margin: 0;
    }

        .panelC ul.metrics-list {
            padding: 0;
            margin: 0;
            line-height: 16px;
        }

    .panelC li {
        padding: 0;
        margin: 0;
        vertical-align: middle;
    }

        .panelC li.parsley-required {
            color: #B94A48;
        }


.panelD {
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0px;
    padding: 20px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelDD {
    float: left;
    margin-right: 14px;
    margin-top: 1px;
}

.panelDD2 {
    float: left;
    margin-right: 37px;
    margin-top: 2px;
}

.panelFull {
    width: 100%;
    border-style: none;
    float: left;
    text-align: left;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelProgInfo {
    width: 98%;
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0px 1%;
    padding: 12px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelWeeklyReport {
    width: 100%;
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0px 1%;
    padding: 12px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelProgInfoPIP {
    width: 100%;
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0;
    padding: 12px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelProgInfo2 {
    width: 98%;
    border-style: solid none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0px 1%;
    padding: 12px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelProgInfoNoBorder {
    width: 98%;
    border-style: none;
    float: left;
    text-align: left;
    margin: 0px 1%;
    padding: 12px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelRight {
    width: 150px;
    float: right;
    text-align: left;
    margin: 10px 0px 10px 0px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelGraph {
    float: left;
    text-align: left;
    width: 118px;
    margin: 0;
    border-color: #C4C4C4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelGraph2 {
    float: left;
    text-align: left;
    width: 118px;
    margin: 0;
    padding-left: 5px;
    border-style: none none none solid;
    border-width: thin;
    border-color: #C4C4C4;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelGraph:nth-child(4) {
    width: 120px;
    border-style: none solid none solid;
    border-width: thin;
    border-color: #C4C4C4;
}

.panelGraphVoda {
    float: left;
    text-align: left;
    width: 25%;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelGraphTotalVoda {
    float: left;
    text-align: left;
    width: 100%;
    margin: 0;
    border-style: none solid none none;
    border-width: thin;
    border-color: #c4c4c4;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelGraph2Voda {
    float: left;
    text-align: left;
    width: 100%;
    margin: 0;
    border-style: none none none solid;
    border-width: thin;
    border-color: #C4C4C4;
    background-color: #fff;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelGraphVoda:nth-child(4) {
    width: 25%;
    border-style: none solid none none;
    border-width: thin;
    border-color: #C4C4C4;
}

/*.panelGroup
    {
        Margin-left: 10px;
    }*/

.tileHeading {
    height: 39px;
    padding: 6px 0 6px 0px;
    color: #626262;
    font-size: 15px;
    text-align: right;
    border-radius: 3px 3px 0px 0px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e5e5e5; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #F0F0F0, #C5C5C5); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C5C5C5),color-stop(1, #F0F0F0)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* Webkit (Chrome 11+) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#C5C5C5'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#C5C5C5')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* IE10 */
}

.panelHeading {
    height: 36px;
    padding: 6px 0 6px 0;
    color: #626262;
    font-size: 15px;
    text-align: right;
    border-bottom: none;
    border-radius: 3px 3px 0px 0px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #e5e5e5; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #F0F0F0, #C5C5C5); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C5C5C5),color-stop(1, #F0F0F0)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* Webkit (Chrome 11+) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#C5C5C5'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#C5C5C5')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* IE10 */
}

    .panelHeading.modern-heading {
        background-image: none;
        border: thin solid #C4C4C4;
        border-top: none;
        border-right: none;
        border-left: none;
        background: #f5f5f5;
    }

.panelHeadingBlank {
    height: 39px;
    padding: 0;
    color: #626262;
    font-size: 15px;
}

.tileHeading.Medium {
    height: 18px;
    padding: 0;
}

.tileHeading.buttonLargeAmber {
    height: 27px;
    padding: 0;
}

.tileHeading.Large {
    height: 27px;
    padding: 0;
}

.tileHeading.xLarge {
    height: 35px;
    padding: 0;
}

.panelHeading.Medium {
    height: 30px;
    padding: 0;
}

.panelHeading.Thin {
    height: 26px;
}

.panelHeading.small {
    height: 26px;
}

.tilePanelHeadingContainer {
    float: left;
    Margin-top: 2px;
    font-weight: bold;
}

.panelHeadingContainer {
    float: left;
    Margin-top: 6px;
}

.panelContainerRag {
    float: left;
    width: 100%;
    padding-right: 10px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelRagDD {
    padding-top: 3px;
    margin-left: 10px;
    text-align: left;
    float: left;
    Margin-top: 0;
}

.panelContainer div.panelRagDD + div.panelRagDD {
    padding-top: 3px;
    margin-left: 10px;
    text-align: left;
    float: left;
    Margin-top: 8px;
}

.panelRag {
    padding-top: 3px;
    margin-left: 10px;
    text-align: left;
    float: left;
    Margin-top: 4px;
}

.panelContainer div.panelRag + div.panelRag {
    padding-top: 3px;
    margin-left: 10px;
    text-align: left;
    float: left;
    Margin-top: 16px;
}

#pup {
    position: absolute;
    z-index: 200; /* aaaalways on top*/
    padding: 3px;
    margin-left: 10px;
    margin-top: 5px;
    width: 450px;
    border: 1px solid black;
    background-color: #777;
    color: white;
    font-size: 0.95em;
}

.panelHeadingContainerRAG {
    float: left;
    Margin-top: 6px;
    padding-right: 10px;
}

.panelHeadingStyle {
    margin: 0 3% 0 12px;
}

.panelHeadingContainer2 {
    float: left;
    Margin-top: 6px;
    Margin-left: 10px;
}

.panelHeadingContainer3 {
    float: right;
    Margin: 6px 30px 0 0;
}

.panelHeadingCarousel {
    border: thin solid #AAAAAA;
    border-radius: 3px;
    float: right;
    margin-top: -2px;
    padding: 1px 2px 0;
}

.panelProgBorder {
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
}

    .panelProgBorder:last-child {
        border: none;
    }

.carouselHeader {
    width: 92%;
    margin: 0 4%;
}

.logoHeading {
    color: white;
    text-align: right;
    border: 1px solid #252525;
    height: 39px;
    background: #454545; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #616362, #000); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #000),color-stop(1, #616362)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#616362', endColorstr='#000'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#616362', endColorstr='#000')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #616362 0%, #000000 100%); /* IE10 */
}

.restrictedmode-Heading {
    /*display: none;*/
    color: white;
    text-align: right;
    height: 39px;
    background-color: #006cb4; /* Fallback background color for non supported browsers */
}

.restrictedmode-Heading-Text {
    color: #FFFFFF;
    font-size: 14px;
    font-weight: 500;
    margin-top: 11px;
}

.myPerform-Heading {
    /*display: none;*/
    color: white;
    text-align: right;
    height: 50px;
    background-color: #009e49; /* Fallback background color for non supported browsers */
}

.myPerform-Heading-Text {
    color: #FFFFFF;
    font-size: 14px;
    margin-top: 17px;
}

.panelContainer {
    float: left;
    width: 100%;
}

.panelContainerProgCode {
    float: left;
    width: 45%;
}

.panelComments {
    float: left;
    width: 100%;
    padding: 6px 0px 0px 0px;
}

.tickBoxContainer {
    float: right;
    padding-top: 5px;
    text-align: right;
    width: 10%;
}

.panel2 {
    float: left;
    width: 100%;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 5px;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .panel2.modern-heading {
        background-image: none;
        background: #f5f5f5;
    }

.panel2Full {
    float: left;
    width: 100%;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 15px 0 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panel2Right {
    float: left;
    width: 100%;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 5px 0 5px 0;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHalfLeft {
    width: 48%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin-right: 1%;
}

.panelHalfRight {
    width: 48%;
    float: right;
    text-align: left;
    /*background-color: #f5f5f5;*/
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin-Left: 1%;
}

.panelHalf {
    width: 48.6%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin-right: 20px;
    margin-bottom: 20px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHalfDashboard {
    width: 50%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 20px 0;
    padding: 0 25px 0 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panel3rd {
    width: 33.3%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 20px 0;
    padding: 0 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelQuart {
    width: 228px;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin-right: 20px;
    margin-bottom: 20px;
}


    .panelQuart:nth-child(4n+0) {
        width: 228px;
        float: left;
        text-align: left;
        border: thin solid #C4C4C4;
        border-radius: 3px 3px 3px 3px;
        behavior: url(/legacy/Content/PIE/PIE.htc);
        margin-right: 0;
        margin-bottom: 20px;
    }

.panelQuartSummary2 {
    width: 23.5%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin-right: 20px;
    margin-bottom: 20px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .panelQuartSummary2:nth-child(n+5):nth-child(4n+1), .panelQuartSummary:last-child {
        width: 23.2%;
        float: left;
        text-align: left;
        border: thin solid #C4C4C4;
        border-radius: 3px 3px 3px 3px;
        behavior: url(/legacy/Content/PIE/PIE.htc);
        margin-right: 0;
        margin-bottom: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.panelQuartSummary {
    width: 23.5%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin-right: 18px;
    margin-bottom: 18px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .panelQuartSummary:nth-child(4n+0), .panelQuartSummary:last-child {
        width: 23.5%;
        float: left;
        text-align: left;
        border: thin solid #C4C4C4;
        border-radius: 3px 3px 3px 3px;
        behavior: url(/legacy/Content/PIE/PIE.htc);
        margin-right: 0;
        margin-bottom: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

.panelQuartDashboard {
    width: 25%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 20px 0;
    padding: 0 25px 0 25px;
}

.workStreamsPlaceHolder {
    background-color: #F0F0F0;
}

.panelQuartDashboardNoWidth {
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 20px 0;
    padding: 0 20px 0 20px;
}

.panelQuartDashboardNoWidthScroll {
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 20px 0;
    padding: 15px;
}

.borderRightTbbd {
    border-style: none solid none none;
    border-width: thin;
    border-color: #C4C4C4;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .borderRightTbbd:last-child {
        border-style: none;
    }

.panel2NoBorder {
    width: 100%;
    float: right;
    text-align: left;
    margin: 5px;
    margin-bottom: 20px;
}

.AdPanel {
    width: 100%;
    padding: 10px 20px 15px 15px;
    float: left;
    text-align: left;
    position: relative;
    border-radius: 0 0 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.type2 {
    padding-right: 15px;
    min-height: 184px;
    background-color: #616362; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #5d5f5e, #444645); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #444645),color-stop(1, #5d5f5e)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5d5f5e', endColorstr='#444645'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#5d5f5e', endColorstr='#444645')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #5D5F5E 0%, #444645 100%); /* IE10 */
}

.type3 {
    background-color: #fff;
    background-image: none;
    filter: none;
    -ms-filter: none;
}

.type4 {
    padding: 19px 12px 12px 12px;
    background-color: #fff;
    background-image: none;
    filter: none;
    -ms-filter: none;
}

.faqs {
    position: absolute;
    bottom: 10px;
    left: 15px;
    text-decoration: underline;
    display: none; /*temporarily removed from system - to be returned!  */
}

.ragItem2 {
    padding: 10px 0 10px 32px;
    margin: 0;
}

.ragItem3 {
    padding: 6px 0;
    margin: 0;
}

.panelFullWidth {
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 20px 0 0 0;
    width: 100%;
}

.panelFullWidthTabs {
    float: left;
    text-align: left;
    border-style: none solid solid solid;
    border-width: thin;
    border-color: #C4C4C4;
    border-top: none;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 20px 0 0 0;
    width: 100%;
}

.panelDate {
    width: 100%;
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0;
    padding: 5px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelVert {
    width: 20px;
    border-style: none solid none none;
    border-width: thin;
    border-color: #C4C4C4;
    background-color: #e5e5e5;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelDateVert {
    height: 343px;
    border-style: none solid none none;
    border-width: thin;
    border-color: #C4C4C4;
    background-color: #e5e5e5;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelDateVert2 {
    border-style: none solid none none;
    border-width: thin;
    border-color: #C4C4C4;
    background-color: white;
    float: left;
    text-align: left;
    margin: 0;
    padding: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelDateVert2Container {
    width: 100%;
    float: left;
    margin: 5px;
    color: #616362;
}

.panelDateVert3Container {
    float: left;
    margin: 5px;
    color: #616362;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHalfLeftNoBorder {
    width: 50%;
    float: left;
    text-align: left;
    border-style: none solid none none;
    border-width: thin;
    border-color: #C4C4C4;
    padding: 0 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHalfRightNoBorder {
    width: 50%;
    float: left;
    text-align: left;
    border: none;
    padding: 0 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelContainerNoBorderNoMargin {
    width: 100%;
    border-style: none;
    float: left;
    text-align: left;
    margin: 0;
    padding: 12px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* rotates text */
.panelTextVert {
    width: 180px;
    height: 300px;
    float: left;
    margin-top: 200px;
    margin-left: 63px;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* Internet Explorer */
    -moz-transform: rotate(270deg); /* Firefox */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
}

/* rotates text */
.panelTextVertRai {
    width: 18px;
    float: left;
    margin-top: 20px;
    vertical-align: bottom;
    transform: rotate(270deg);
    -ms-transform: rotate(270deg); /* Internet Explorer */
    -moz-transform: rotate(270deg); /* Firefox */
    -webkit-transform: rotate(270deg); /* Safari and Chrome */
    -o-transform: rotate(270deg); /* Opera */
}

.titleVertRai {
    margin-left: 8px;
    /*background:url('/legacy/Content/newImages/risk_Title1.png') no-repeat;*/
}

.panelText45Degree {
    margin-left: -5px;
    padding-top: 15px;
    width: 30px;
    text-align: center;
    transform: rotate(310deg);
    -ms-transform: rotate(310deg); /* Internet Explorer */
    -moz-transform: rotate(310deg); /* Firefox */
    -webkit-transform: rotate(310deg); /* Safari and Chrome */
    -o-transform: rotate(310deg); /* Opera */
}

.panelKeyContainer3 {
    float: left;
    margin-right: 110px;
    margin-left: 15px;
}

.panelKeyContainer4 {
    float: left;
    margin-right: 155px;
    margin-left: 15px;
}

.panelKeyContainer5 {
    float: left;
    width: 205px;
    margin-left: 21px;
}

.panelFullBorder {
    width: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .panelFullBorder:last-child {
        border-bottom: solid;
        border-width: thin;
        border-color: #C4C4C4;
    }

.panelFullBorderLeftScroller {
    width: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #C4C4C4;
    background: url('/legacy/Content/newImages/tmi/scrollLft.png') repeat-y;
    float: left;
    text-align: left;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelFullBorderRightScroller {
    width: 100%;
    border-style: solid;
    border-width: thin;
    border-color: #C4C4C4;
    background: url('/legacy/Content/newImages/tmi/scrollRight.png') repeat-y;
    float: left;
    text-align: left;
    margin: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelContainer2 {
    float: left;
}

.panelContainer2b {
    float: left;
    width: 19px;
}

.panelContainer3A {
    float: left;
    width: 56%;
}

.panelContainer4A {
    float: left;
    width: 15px;
    padding-left: 3%;
    padding-top: 5px;
}

.panelContainerLarge {
    float: left;
    width: 80%;
}

.panelContainerLarge2 {
    float: left;
    width: 70%;
    text-align: center;
}

.panelContainerComments {
    float: left;
    width: 100%;
    padding: 12px 0;
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
}

.panelNoBorder {
    width: 98%;
    border-style: none;
    float: left;
    text-align: left;
    margin: 0 1%;
    padding: 20px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelDateSlider {
    width: 100%;
    border-style: none;
    float: left;
    text-align: left;
    padding: 2px 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelAddRiskGraph {
    height: 106px;
}

.panelAddRiskGraph2 {
    height: 50px;
}

.panelQuarterLeft {
    width: 48%;
    border-style: none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0 1% 0 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.panelHeadingBorder {
    border: thin solid #C4C4C4;
    border-bottom: none;
}

.panelHeadingInner {
    width: 96%;
    margin: 0 2%;
}

.panelHeadingInner2 {
    width: 98%;
    margin: 0 1%;
}

.panelInner {
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    float: left;
    text-align: left;
    margin: 0 0 0 30px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 96%;
    margin: 0 2%;
    border: none;
}

.panelWidget {
    width: 100%;
    float: left;
    text-align: left;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    margin: 0;
}

.panelProgInfo:last-child {
    border: none;
}

.panelHalfRightNoBorderTabs {
    width: 50%;
    float: left;
    text-align: left;
    border: none;
    padding: 0 25px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.monthlyDD {
    width: 16%;
    text-align: left;
}

.dropBoxHeading {
    width: 92px;
    float: right;
    margin-right: 0;
    margin-top: 2px;
    text-align: left;
    font-weight: normal;
}

.dropBoxMove {
    width: 92px;
    float: right;
    margin-right: 0;
    margin-top: 2px;
}

.toggle, .toggle2, .toggle3, .toggle4, .toggle5, .toggle6 {
    display: none;
}

#displayPriority {
    float: left;
    height: 80px;
    margin: 12px 0 2px 0;
    width: 100%;
    display: none;
    overflow: auto;
}

.clearAll {
    width: 105px;
}

.waitLoad {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(/legacy/Content/newImages/LoadingIcon200.gif) 50% 50% no-repeat;
}

.waitLoad100 {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(/legacy/Content/newImages/LoadingIcon100.gif) 50% 50% no-repeat;
}

.waitLoad64 {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(/legacy/Content/newImages/LoadingIcon64.gif) 50% 50% no-repeat;
}

.waitLoad32 {
    position: fixed;
    z-index: 1000;
    top: 0;
    left: 0;
    padding: 0;
    margin: 0;
    height: 100%;
    width: 100%;
    background: rgba( 255, 255, 255, .8 ) url(/legacy/Content/newImages/LoadingIcon32.gif) 50% 50% no-repeat;
}

.pieChartWidth {
    width: 148px;
}

.preFlag {
    float: left;
    height: 22px;
    width: 78%;
    padding: 3px 0 0 15px;
    overflow: hidden;
    white-space: nowrap;
    border-right: thin solid #C3C4C4;
}

    .preFlag a.programme-tile-title {
        overflow: hidden;
        display: inline-block;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
        width: 180px;
        text-align: left;
    }

.followingFlag {
    float: left;
    width: 9%;
    padding: 0 5px;
}

a.node-title-title {
    overflow: hidden;
    display: inline-block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    width: 210px;
    text-align: left;
}
/*-----------------------------------------------------------------------------------Buttons, sliders, images and click through classes ---------------------------------------------------------------------*/
/*---------------------QuickMenu icons------------------------*/
.IconLogo1 {
    width: 30px;
    height: 40px;
    float: left;
    background: url(/legacy/Content/newImages/Account.png) no-repeat;
    clear: left;
}

.IconLogo2 {
    width: 30px;
    height: 40px;
    float: left;
    background: url(/legacy/Content/newImages/Icon_Notify.png) no-repeat;
    clear: left;
}

.IconLogo3 {
    width: 30px;
    height: 40px;
    float: left;
    background: url(/legacy/Content/newImages/Icon3.png) no-repeat;
    clear: left;
}

.IconLogo4 {
    width: 30px;
    height: 40px;
    float: left;
    background: url(/legacy/Content/newImages/Icon4.png) no-repeat;
    clear: left;
}

.IconLogo5 {
    width: 60px;
    height: 40px;
    float: left;
    background: url(/legacy/Content/newImages/work.png) no-repeat;
    clear: left;
    margin-top: 5px;
}

.IconLogo7 {
    background: url("/legacy/Content/newImages/buttonMenu.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 40px;
    width: 90px;
}

.IconEmail {
    width: 16px;
    height: 16px;
    float: right;
    background: url(/legacy/Content/newImages/emailIcon.jpg) no-repeat;
    clear: left;
}

.IconGPlus {
    width: 16px;
    height: 16px;
    float: right;
    background: url(/legacy/Content/newImages/gplusIcon.jpg) no-repeat;
    clear: left;
}

.IconLinkedin {
    width: 16px;
    height: 16px;
    float: right;
    background: url(/legacy/Content/newImages/LinkedIcon.jpg) no-repeat;
    clear: left;
}

.IconSkype {
    width: 16px;
    height: 16px;
    float: right;
    background: url(/legacy/Content/newImages/skypeIcon.jpg) no-repeat;
    clear: left;
}

.ToolTip {
    width: 24px;
    height: 30px;
    float: left;
    margin-left: 15px;
    background: url(/legacy/Content/newImages/ToolTip.png) no-repeat;
    display: none; /*  temporarily removed from system */
}

.ToolTip2 {
    width: 24px;
    height: 30px;
    float: left;
    margin: -5px 24px 0 0;
    background: url(/legacy/Content/newImages/ToolTip.png) no-repeat;
}

.buttonGreen {
    width: 22px;
    height: 21px;
    background: url(/legacy/Content/newImages/buttonGreen.png) center no-repeat;
    display: block;
}

.buttonRed {
    width: 22px;
    height: 21px;
    background: url(/legacy/Content/newImages/buttonRed.png) center no-repeat;
    display: block;
    clear: left;
}

.RiskRegMitigation {
    color: #ffffff;
    padding: 3px 8px 5px 8px;
    line-height: 1.3;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background: #009e49;
    background-color: #009e49;
    background: -moz-linear-gradient(top, #009e49, #00632D);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00632D),color-stop(1, #009e49)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #009E49 0%, #00632D 100%); /* Webkit (Chrome 11+) */
    -pie-background: linear-gradient(#009E49, #00632D); /* IE8*/
    background-image: -ms-linear-gradient(top, #009E49 0%, #00632D 100%); /* IE10 */
}

    .RiskRegMitigation:hover {
        background: #00632D;
        background: -moz-linear-gradient(top, #00632D, #009e49);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009e49),color-stop(1, #00632D)); /* Safari & Chrome */
        background-image: -webkit-linear-gradient(top, #00632D 0%, #009E49 100%); /* Webkit (Chrome 11+) */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49')"; /* IE8 */
        background-image: -ms-linear-gradient(top, #00632D 0%, #009E49 100%); /* IE10 */
    }

.ddImg {
    position: relative;
    top: 3px;
}

.ragSqGrey {
    width: 14px;
    Height: 14px;
    background-color: grey;
    background: url(/legacy/Content/newImages/RagSqGrey.png) no-repeat;
    Margin-right: 1px;
}

.ragSqGreen {
    width: 14px;
    Height: 14px;
    background-color: #008000;
    background: url(/legacy/Content/newImages/RagSqGreen.png) no-repeat;
    Margin-right: 1px;
}

.ragSqAmber {
    width: 14px;
    Height: 14px;
    background-color: #FBAC35;
    background: url(/legacy/Content/newImages/RagSqAmber.png) no-repeat;
    Margin-right: 1px;
}

.ragSqRed {
    width: 14px;
    Height: 14px;
    background-color: #EF4036;
    background: url(/legacy/Content/newImages/RagSqRed.png) no-repeat;
    Margin-right: 1px;
}

.ragSqBlue {
    width: 14px;
    Height: 14px;
    background-color: #FFF;
    background: url(/legacy/Content/newImages/RagSqBlue.png) no-repeat;
    Margin-right: 1px;
}

.ragBarRedDates {
    width: 100px;
    Height: 15px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding-top: 2px;
    background: #EF4036; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #EF4036, #A9131E); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #A9131E),color-stop(1, #EF4036)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EF4036', endColorstr='#A9131E'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#EF4036', endColorstr='#A9131E')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #EF4036 0%, #A9131E 100%); /* IE10 */
}

.ragBarBlueDates {
    width: 100px;
    Height: 15px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding-top: 2px;
    background-color: #3333FF; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #006cb4, #005b98); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #005b98),color-stop(1, #006cb4)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #006cb4 0%, #005b98 100%); /* Webkit (Chrome 11+) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#006cb4', endColorstr='005b98'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#006cb4', endColorstr='#005b98')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #006cb4 0%, #005b98 100%); /* IE10 */
}

.ragBarAmberDates {
    width: 100px;
    Height: 15px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding-top: 2px;
    background: #FBAC35; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #FBAC35, #B37b26); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #B37b26),color-stop(1, #FBAC35)); /* Safari & Chrome */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBAC35', endColorstr='#B37b26'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#FBAC35', endColorstr='#B37b26')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #FBAC35 0%, #B37B26 100%); /* IE10 */
}

.ragBarGreenDates {
    width: 100px;
    Height: 15px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding-top: 2px;
    background: #008000; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #009E49, #007935); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #007935),color-stop(1, #009E49)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #009E49 0%, #007935 100%); /* chrome 11+*/
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009E49', endColorstr='#007935'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#009E49', endColorstr='#007935')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #009E49 0%, #007935 100%); /* IE10 */
}

.ragBarGreyDates {
    width: 100px;
    Height: 15px;
    color: white;
    font-size: 14px;
    font-weight: normal;
    padding-top: 2px;
    background-color: #e5e5e5; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #F0F0F0, #C5C5C5); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C5C5C5),color-stop(1, #F0F0F0)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* Webkit (Chrome 11+) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#C5C5C5'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#C5C5C5')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* IE10 */
}

.ragImg {
    width: 16px;
    height: 16px;
    padding-top: 2px;
}

.ragImgProj {
    width: 18px;
    height: 17px;
    padding-top: 1px;
}

.mp-Button {
    float: left;
    width: 105px;
    height: 26px;
    line-height: 25px;
    color: #009e49;
    text-decoration: none;
    font-size: 18px;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    text-align: center;
    position: relative;
    z-index: 0;
    border: 1px solid #009e49;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background: #FFFFFF;
    background-color: #FFFFFF;
}

.mp-Button-Head {
    width: auto;
    padding: 0 15px;
    margin-top: 15px;
    color: #FFFFFF;
    background-color: #009e49;
    border: 1px solid #FFFFFF;
}

.mp-Button:hover {
    color: #FFFFFF;
    background-color: #009e49;
}

.mp-Button-Head:hover {
    color: #009e49;
    background-color: #FFFFFF;
}

.restrictedmode-Heading .mp-Button {
    width: 105px;
    height: 26px;
    line-height: 25px;
    color: #009e49;
    text-decoration: none;
    font-size: 18px;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    text-align: center;
    position: relative;
    z-index: 0;
    border: 1px solid #009e49;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background: #006cb4;
    background-color: #006cb4;
}

.restrictedmode-Heading .mp-Button-Head {
    width: auto;
    padding: 0 15px;
    margin-top: 5px;
    color: #FFFFFF;
    background-color: #006cb4;
    border: 1px solid #FFFFFF;
}

.restrictedmode-Heading .mp-Button:hover {
    color: #FFFFFF;
    background-color: #009e49;
}

.restrictedmode-Heading .mp-Button-Head:hover {
    color: #009e49;
    background-color: #FFFFFF;
}


.programmeButton {
    float: left;
    margin-top: 2px;
    width: 99px;
    height: 22px;
    line-height: 20px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    text-align: center;
    position: relative;
    z-index: 0;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background: #009e49;
    background-color: #009e49;
    background: -moz-linear-gradient(top, #009e49, #00632D);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00632D),color-stop(1, #009e49)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #009E49 0%, #00632D 100%); /* Webkit (Chrome 11+) */
    -pie-background: linear-gradient(#009E49, #00632D); /* IE8*/
    background-image: -ms-linear-gradient(top, #009E49 0%, #00632D 100%); /* IE10 */
    cursor: pointer;
}

    .programmeButton:hover {
        background: #00632D;
        background: -moz-linear-gradient(top, #00632D, #009e49);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009e49),color-stop(1, #00632D)); /* Safari & Chrome */
        background-image: -webkit-linear-gradient(top, #00632D 0%, #009E49 100%); /* Webkit (Chrome 11+) */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49')"; /* IE8 */
        background-image: -ms-linear-gradient(top, #00632D 0%, #009E49 100%); /* IE10 */
    }

.programmeButtonDisable {
    float: left;
    margin-top: 2px;
    width: 82px;
    height: 22px;
    line-height: 20px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    text-align: center;
    position: relative;
    z-index: 0;
    border-radius: 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #e5e5e5;
    background-color: #e5e5e5;
}

.greenTextButtom {
    color: green;
    cursor: pointer;
}

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

.greenTextButtomDisable {
    color: green;
    cursor: not-allowed;
}

/* WHILE BEING CLICKED */
.button:active {
    -moz-box-shadow: 0 2px 6px black;
    -webkit-box-shadow: 0 2px 6px black;
}

.filterBtn {
    width: 22px;
    height: 22px;
    float: left;
    background: url(/legacy/Content/Images/FilterIconS.png) no-repeat;
    margin-top: 1px;
}

.sortBtn {
    width: 24px;
    height: 24px;
    float: left;
    background: url(/legacy/Content/Images/SortIconS.png) no-repeat;
    margin-top: 1px;
}

.loginButton {
    border: medium none;
    border-radius: 3px;
    color: #FFFFFF !important;
    height: 23px;
    width: 90px;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    background: #009e49 !important;
    background-color: #009e49 !important;
    background: -moz-linear-gradient(top, #009e49, #00632D) !important;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00632D),color-stop(1, #009e49)) !important; /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #009E49 0%, #00632D 100%) !important; /* Webkit (Chrome 11+) */
    -pie-background: linear-gradient(#009E49, #00632D) !important; /* IE8*/
    background-image: -ms-linear-gradient(top, #009E49 0%, #00632D 100%) !important; /* IE10 */
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

    .loginButton:hover {
        background: #00632D;
        background: -moz-linear-gradient(top, #00632D, #009e49);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009e49),color-stop(1, #00632D)); /* Safari & Chrome */
        background-image: -webkit-linear-gradient(top, #00632D 0%, #009E49 100%); /* Webkit (Chrome 11+) */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49')"; /* IE8 */
        background-image: -ms-linear-gradient(top, #00632D 0%, #009E49 100%); /* IE10 */
    }

.cancel {
    width: 99px;
    border: thin solid #C4C4C4;
    color: #616362;
    background: #e5e5e5;
    background-color: #e5e5e5; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #F0F0F0, #acadac); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #acadac),color-stop(1, #F0F0F0)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #ACADAC 100%); /* Webkit (Chrome 11+) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#acadac'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#acadac')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #F0F0F0 0%, #ACADAC 100%); /* IE10 */
}

    .cancel:hover {
        background: #888a89;
        background: -moz-linear-gradient(top, #acadac, #F0F0F0);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F0F0F0),color-stop(1, #acadac)); /* Safari & Chrome */
        background-image: -webkit-linear-gradient(top, #ACADAC 0%, #F0F0F0 100%); /* Webkit (Chrome 11+) */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#acadac', endColorstr='#F0F0F0'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#acadac', endColorstr='#F0F0F0')"; /* IE8 */
        background-image: -ms-linear-gradient(top, #ACADAC 0%, #F0F0F0 100%); /* IE10 */
    }

.save {
    float: right;
    width: 99px;
    margin-left: 10px;
    cursor: pointer;
}

.save71 {
    float: right;
    width: 71px;
    margin-left: 10px;
}

.back {
    font-size: 14px;
    width: 100px;
    margin-top: 10px;
    cursor: pointer;
    height: 32px;
    line-height: 27px;
}

.post {
    width: 55px;
    margin-top: 10px;
    cursor: pointer;
}

.postDisable, .postdisable:hover {
    width: 55px;
    margin-top: 10px;
    background: #e5e5e5;
}

.addNewButton {
    float: right;
    width: 148px;
    margin-left: 10px;
}

.projectorBtn {
    float: right;
    margin: -3px 0 0 10px;
}

.printBtn {
    float: right;
    margin: -3px 0px 0 10px;
}

.LeftArrowButton {
    width: 26px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/leftArrow.png) no-repeat;
    margin-right: 9px;
    margin-top: 1px;
}

.rightArrowButton {
    width: 23px;
    height: 25px;
    float: right;
    background: url(/legacy/Content/newImages/rightArrow.png) no-repeat;
}

.LeftArrowButtonDbl {
    width: 25px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/leftArrowDbl.png) no-repeat;
    margin-top: -1px;
}

.rightArrowButtonDbl {
    width: 25px;
    height: 25px;
    float: right;
    background: url(/legacy/Content/newImages/rightArrowDbl.png) no-repeat;
    margin-top: -1px;
}

.addButton {
    width: 25px;
    height: 25px;
    float: right;
    background: url(/legacy/Content/newImages/addButton.png) no-repeat;
    margin-top: 0;
    cursor: pointer;
}

.binButton {
    width: 25px;
    height: 25px;
    float: right;
    background: url(/legacy/Content/newImages/binButton.png) no-repeat;
    margin-top: 0;
    cursor: pointer;
}

.editButton {
    width: 25px;
    height: 25px;
    float: right;
    background: url(/legacy/Content/newImages/button_edit.png) no-repeat;
    margin-top: 1px;
    cursor: pointer;
}

.activeIcon {
    width: 25px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/Icon_Active.png) no-repeat;
    margin-top: 1px;
}

.addButton_l {
    width: 25px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/addButton.png) no-repeat;
    margin-right: 18px;
}

.binButton_l {
    width: 25px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/binButton.png) no-repeat;
    cursor: pointer;
}

.editButton_l {
    width: 25px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/button_edit.png) no-repeat;
    margin-top: 2px;
    margin-right: 18px;
}

.buttonLargeRed {
    width: 59px;
    height: 59px;
    background: url(/legacy/Content/newImages/buttonLargeRed.png) no-repeat;
}

.buttonLargeBlue {
    width: 59px;
    height: 59px;
    background: url(/legacy/Content/newImages/buttonLargeBlue.png) no-repeat;
}

.buttonLargeAmber {
    width: 59px;
    height: 59px;
    background: url(/legacy/Content/newImages/buttonLargeAmber.png) no-repeat;
}

.buttonLargeGreen {
    width: 59px;
    height: 59px;
    background: url(/legacy/Content/newImages/buttonLargeGreen.png) no-repeat;
}

.buttonLargeGrey {
    width: 59px;
    height: 59px;
    background: url(/legacy/Content/newImages/buttonLargeGrey.png) no-repeat;
}

.buttonBack {
    background: url("/legacy/Content/newImages/buttonBackGreen.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 40px;
    width: 69px;
    display: none; /*temporarily remove from system */
}

.buttonHome {
    background: url("/legacy/Content/newImages/buttonHome.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 40px;
    width: 60px;
}

.menuleftLogo1 {
    background: url("/legacy/Content/newImages/buttonBack.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 40px;
    width: 60px;
}

.menuleftLogo2 {
    background: url("/legacy/Content/newImages/buttonDashboard.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 40px;
    width: 101px;
}

.ToolTipLockGrey {
    width: 24px;
    height: 30px;
    float: left;
    background: url(/legacy/Content/newImages/ToolTipLockGrey.png) no-repeat;
    display: none; /* temporarily removed from system */
}

.pmTask {
    width: 65px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/pmTask.png) no-repeat;
    margin: 2px 1% 0 0;
}

.pmImpact {
    width: 65px;
    height: 25px;
    float: left;
    background: url(/legacy/Content/newImages/pmImpact.png) no-repeat;
    margin: 2px 1% 0 0;
}


.pmBG {
    width: 729px;
    height: 343px;
    float: left;
    background: url(/legacy/Content/newImages/pmBG.png) no-repeat;
    margin: 0;
}

.journey {
    background: url("/legacy/Content/newImages/journey.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 30px;
    width: 90px;
}

.dateButton {
    float: left;
    margin-top: 2px;
    width: 60px;
    height: 20px;
    line-height: 18px;
    color: white;
    text-decoration: none;
    font-size: 12px;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-weight: normal;
    display: block;
    text-align: center;
    position: relative;
    border: thin solid #C4C4C4;
    color: #616362;
    background: #e5e5e5;
    background-color: #e5e5e5; /* Fallback background color for non supported browsers */
    background-image: -moz-linear-gradient(top, #F0F0F0, #acadac); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #acadac),color-stop(1, #F0F0F0)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #ACADAC 100%); /* Webkit (Chrome 11+) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#acadac'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F0F0F0', endColorstr='#acadac')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #F0F0F0 0%, #ACADAC 100%); /* IE10 */
    behavior: url('/legacy/Content/PIE/PIE.htc');
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

    .dateButton:hover {
        color: #ffffff;
        background: #00632D;
        background: -moz-linear-gradient(top, #00632D, #009e49);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009e49),color-stop(1, #00632D)); /* Safari & Chrome */
        background-image: -webkit-linear-gradient(top, #00632D 0%, #009E49 100%); /* Webkit (Chrome 11+) */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49')"; /* IE8 */
        background-image: -ms-linear-gradient(top, #00632D 0%, #009E49 100%); /* IE10 */
    }

    .dateButton:active {
        color: #ffffff;
        background: #00632D;
        background: -moz-linear-gradient(top, #00632D, #009e49);
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009e49),color-stop(1, #00632D)); /* Safari & Chrome */
        background-image: -webkit-linear-gradient(top, #00632D 0%, #009E49 100%); /* Webkit (Chrome 11+) */
        filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49'); /* IE6 & IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49')"; /* IE8 */
        background-image: -ms-linear-gradient(top, #00632D 0%, #009E49 100%); /* IE10 */
    }

/*----------------------------------------------------------------------------------------Other including lists---------------------------------------------------------------------------------------------------*/

.lock {
    float: left;
    margin-top: 2px;
}

#toggle-view2 {
    list-style: none;
    font-family: arial;
    font-size: 11px;
    margin: 6px 12px;
    padding: 0;
    overflow-y: auto;
}

    #toggle-view2 li {
        margin: 0;
        padding: 12px 0;
        border-bottom: 1px solid #c4c4c4;
        position: relative;
        display: inline-block;
        width: 100%;
    }

        #toggle-view2 li:last-child {
            border-bottom: none;
        }

    #toggle-view2 h5 {
        margin: 0;
    }

    #toggle-view2 p {
        margin: 2px 0;
    }

    #toggle-view2 .panel {
        margin: 6px 0;
        display: none;
        width: 100%;
    }

    #toggle-view2 li.set-element {
        padding: 0;
    }

    #toggle-view2 .performDefault td {
        padding: 0;
    }

    #toggle-view2 .set-element h5 {
        margin-top: 3px;
        margin-bottom: 3px;
    }

.bordered-list li {
    list-style: none;
    font-family: arial;
    font-size: 11px;
    margin: 6px 12px;
    padding: 0;
}

.bordered-list li {
    margin: 0;
    padding: 12px 0;
    border-bottom: 1px solid #c4c4c4;
    position: relative;
    display: inline-block;
    width: 100%;
}

    .bordered-list li:last-child {
        border-bottom: none;
    }

.bordered-list h5 {
    margin: 0;
}

.bordered-list p {
    margin: 2px 0;
}

.bordered-list .panel {
    margin: 6px 0;
    display: none;
    width: 100%;
}

select.my_elems {
    visibility: visible;
    top: auto;
    background: -moz-linear-gradient(center top, #E5E5E5, #C4C4C4) repeat scroll 0 0 #E5E5E5;
    border: thin solid #C4C4C4;
    border-radius: 3px 3px 3px 3px;
    behavior: url(/legacy/Content/PIE/PIE.htc);
    line-height: 14px;
    width: 100%;
}

.with-nowrap {
    white-space: nowrap;
}

a.mylinks {
    color: green;
    font-size: 13px;
    font-weight: 500;
}

    a.mylinks:link {
        text-decoration: none;
    }

    a.mylinks:visited {
        text-decoration: none;
    }

    a.mylinks:hover {
        text-decoration: none;
        color: red;
    }

    a.mylinks:active {
        text-decoration: none;
    }

.radioText {
    float: left;
    width: 89px;
}

.radioText2 {
    float: left;
    width: 80px;
}

.radio1 {
    float: left;
    width: 32px;
}

.radio2 {
    float: left;
    width: 122px;
}

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

.permission {
    float: left;
    margin: 0 auto;
    width: 600px;
    text-align: center
}

.permission2 {
    margin: 0 auto;
    width: 100px;
    text-align: center
}

img.contactLogo {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

span.flyout_icon {
    background: url('/legacy/Content/newImages/arrowDown.png') no-repeat left top;
    width: 16px;
    height: 16px;
    display: block;
    float: right;
    margin-left: 5px;
    margin-top: 6px;
}

.active {
    color: #ffffff;
    /*background: #00632D;*/
    /*background: -moz-linear-gradient(top, #00632D, #009e49);*/
    /*background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009e49),color-stop(1, #00632D));*/ /* Safari & Chrome */
    /*background-image: -webkit-linear-gradient(top, #00632D 0%, #009E49 100%);*/ /* Webkit (Chrome 11+) */
    /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49');*/ /* IE6 & IE7 */
    /*-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49')";*/ /* IE8 */
    /*background-image: -ms-linear-gradient(top, #00632D 0%, #009E49 100%);*/ /* IE10 */
}

.out {
    border-radius: 0 3px 3px 0;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    behavior: url(/legacy/Content/PIE/PIE.htc);
}

.boxSmall {
    float: left;
    height: 16px;
    width: 16px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.boxSmallBorder {
    float: left;
    height: 12px;
    width: 12px;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: thin solid #C4C4C4;
}


.notifiers-summary {
    border: 1px solid darkred;
    background-color: #FFE6EA;
    margin: 10px 4px;
    border-radius: 3px;
    width: 98%;
    color: darkred;
    font-size: 12px;
    font-weight: bold;
}

.field-validation-error {
    font-size: 12px;
    color: #C85305;
    line-height: 1.8em;
}

.validation-summary-errors ul {
    font-size: 12px;
    padding-left: 0;
}

.validation-summary-errors li {
    font-size: 12px;
    color: #C85305;
}

.activeGraph {
    outline: 2px solid white;
    outline-offset: -2px;
}

.carouselContainer {
    float: left;
    /*width: 150px;*/
    width: 226px;
    margin-left: 5px;
    margin-top: -1px;
}

.login-text {
    float: left;
    padding: 0 10px 12px 0;
    width: 30%;
    clear: left;
}

.login {
    float: left;
    padding: 0 10px 12px 0;
    width: 48%;
    color: red;
}

.error {
    font-size: 12px;
    color: #C85305;
}

/* ------------------------------------------------- tab menu --------------------------------------------- */
#raiMenu {
    margin: 0;
    padding: 0;
    list-style: none;
}

    #raiMenu li {
        /* display: inline;  -  make sure this is not active - else width of li a does not work!  */
        float: left;
        height: 39px;
        width: 33.3333333%;
        cursor: pointer;
        display: block;
        position: relative;
    }

        #raiMenu li a {
            display: block;
            position: relative;
            height: 21px;
            padding: 8px 14px 8px 14px;
            text-decoration: none;
            font-size: 15px;
            border: thin solid #C4C4C4;
            border-radius: 3px 3px 0 0;
            behavior: url(/legacy/Content/PIE/PIE.htc);
            margin-left: -1px;
            margin-right: 1px;
            display: block; /* - width does not work without this!  */
            color: #626262;
            background-color: #e5e5e5; /* Fallback background color for non supported browsers */
            background: -moz-linear-gradient(top, #F0F0F0, #C5C5C5); /* Firefox 3.6 */
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C5C5C5),color-stop(1, #F0F0F0)); /* Safari & Chrome */
            background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* Webkit (Chrome 11+) */
            -pie-background: linear-gradient(#F0F0F0, #C5C5C5); /* IE8*/
            background-image: -ms-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* IE10 */
        }

            #raiMenu li a.active {
                position: relative;
                display: block;
                color: #626262;
                background: #ffffff;
                background-color: #ffffff;
                -pie-background: #ffffff;
                border: thin solid #C4C4C4;
                border-bottom: 1px solid #ffffff;
                filter: none;
            }


        #raiMenu li .programmeButton {
            float: left;
            margin-top: 2px;
            width: 99px;
            height: 22px;
            line-height: 20px;
            color: white;
            text-decoration: none;
            font-size: 12px;
            font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
            font-weight: normal;
            display: block;
            text-align: center;
            position: relative;
            z-index: 0;
            border-radius: 3px 3px 3px 3px;
            behavior: url(/legacy/Content/PIE/PIE.htc);
            -moz-border-radius: 3px 3px 3px 3px;
            -webkit-border-radius: 3px 3px 3px 3px;
            background: #009e49;
            background-color: #009e49;
            background: -moz-linear-gradient(top, #009e49, #00632D);
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #00632D),color-stop(1, #009e49)); /* Safari & Chrome */
            background-image: -webkit-linear-gradient(top, #009E49 0%, #00632D 100%); /* Webkit (Chrome 11+) */
            -pie-background: linear-gradient(#009E49, #00632D); /* IE8*/
            background-image: -ms-linear-gradient(top, #009E49 0%, #00632D 100%); /* IE10 */
        }

            #raiMenu li .programmeButton:hover {
                background: #00632D;
                background: -moz-linear-gradient(top, #00632D, #009e49);
                background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #009e49),color-stop(1, #00632D)); /* Safari & Chrome */
                background-image: -webkit-linear-gradient(top, #00632D 0%, #009E49 100%); /* Webkit (Chrome 11+) */
                filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49'); /* IE6 & IE7 */
                -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#00632D', endColorstr='#009E49')"; /* IE8 */
                background-image: -ms-linear-gradient(top, #00632D 0%, #009E49 100%); /* IE10 */
            }


        #raiMenu li .save {
            float: right;
            width: 99px;
            margin-left: 10px;
            cursor: pointer;
        }

        #raiMenu li a.button {
            position: absolute;
            top: 1px;
            right: 1px;
            padding: 7px;
            color: #626262;
            background: #ffffff;
            background-color: #ffffff;
            -pie-background: #ffffff;
            filter: none;
            border: none;
        }

        #raiMenu li a p a {
            position: absolute;
            top: 0;
            right: 0;
        }

#tabMenu, #tabMenu2 {
    margin: 0;
    padding: 0;
    list-style: none;
    visibility: hidden;
}

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

#tabMenu li {
    /* display: inline;  -  make sure this is not active - else width of li a does not work!  */
    float: left;
    height: 32px;
    width: 33.3333%;
    cursor: pointer;
}

#tabMenu2 li {
    /* display: inline;  -  make sure this is not active - else width of li a does not work!  */
    /*removed float left to make scrolltabs.js work*/
    /*float:left;*/
    height: 32px;
    width: 50%;
    cursor: pointer;
}

#tabMenu4 li {
    /* display: inline;  -  make sure this is not active - else width of li a does not work!  */
    float: left;
    height: 32px;
    width: 25%;
    cursor: pointer;
}

    ul#tabMenu li a, #tabMenu2 li a, #tabMenu4 li a {
        padding: 8px 14px 8px 14px;
        text-decoration: none;
        font-size: 13px;
        border: thin solid #C4C4C4;
        /*border-radius: 3px 3px 0px 0px;*/
        behavior: url(/legacy/Content/PIE/PIE.htc);
        margin-left: -1px;
        /*margin-right: 4px;*/
        display: block; /* - width does not work without this!  */
        color: #626262;
        background-color: #e5e5e5; /* Fallback background color for non supported browsers */
        background: -moz-linear-gradient(top, #F0F0F0, #C5C5C5); /* Firefox 3.6 */
        background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C5C5C5),color-stop(1, #F0F0F0)); /* Safari & Chrome */
        background-image: -webkit-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* Webkit (Chrome 11+) */
        -pie-background: linear-gradient(#F0F0F0, #C5C5C5); /* IE8*/
        background-image: -ms-linear-gradient(top, #F0F0F0 0%, #C5C5C5 100%); /* IE10 */
    }

        ul#tabMenu li a:hover, #tabMenu2 li a:hover, #tabMenu4 li a:hover {
            background-color: #999999; /* Fallback background color for non supported browsers */
            background: -moz-linear-gradient(top, #C5C5C5, #F0F0F0); /* Firefox 3.6 */
            background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #F0F0F0),color-stop(1, #c5c5c5)); /* Safari & Chrome */
            background-image: -webkit-linear-gradient(top, #c5c5c5 0%, #F0F0F0 100%); /* Webkit (Chrome 11+) */
            -pie-background: linear-gradient(#c5c5c5, #F0F0F0); /* IE8*/
            background-image: -ms-linear-gradient(top, #c5c5c5 0%, #F0F0F0 100%); /* IE10 */
        }

        ul#tabMenu li a.active, ul#tabMenu2 li a.active, ul#tabMenu4 li a.active {
            color: #626262;
            background: #ffffff;
            background-color: #ffffff;
            -pie-background: #ffffff;
            border: thin solid #C4C4C4;
            border-bottom: 1px solid #ffffff;
            filter: none;
        }

#content_2, #content_3, #content_4, #content_5 {
    display: none;
}

.panelProgInfoNoBorder2 h5 {
    margin-bottom: 0;
}

.dropdownRightLarger {
    width: 132px;
    float: Right;
    margin-right: 15px;
    margin-top: 2px;
    text-align: left;
}

.ToolTipRight {
    width: 24px;
    height: 30px;
    float: right;
    margin-left: 0;
    background: url(/legacy/Content/newImages/ToolTip.png) no-repeat;
}

.WhiteBG {
    background-color: #ffffff;
    border-color: #C4C4C4;
}

/*--------------------------------------------------------------------------------------------  FOOTER -------------------------------------------------------------------------------------------  */

.list-inline {
    display: inline-block;
    color: #616362;
    margin-top: 5px;
    padding: 0;
}

    .list-inline > li {
        display: inline-block;
        padding-right: 3px;
        color: #616362;
    }

.footerLogoLeft {
    width: 84%;
    height: 16px;
    background: url(/legacy/Content/newImages/footerRibbonLeft.png) repeat-x;
    float: left;
}

.footerLogo {
    width: 9%;
    height: 16px;
    background: url(/legacy/Content/newImages/footerLogo.png);
    background-position: right;
    float: left;
    background-repeat: no-repeat;
}

.footerLogoRight {
    width: 7%;
    height: 16px;
    background: url(/legacy/Content/newImages/footerRibbonRight2.png) repeat-x;
    float: left;
}

.footerText {
    margin: auto;
    width: 980px;
}

    .footerText .right {
        width: 170px;
        float: right;
    }

    .footerText .left {
        float: right;
    }

.centreAlign {
    text-align: center;
}

.footerAlignRight2 {
    text-align: right;
    width: 980px;
}

/*-----------------------------------------------------------------------------------------------Department colors-----------------------------------------------------------------------------------------*/

.grey {
    background-color: #616362;
}

.aqua {
    background-color: #0aaaaa;
}

.darkBlue {
    background-color: #006cb4;
}

.blue {
    background-color: #0794f0;
}

.purple {
    background-color: #662d91;
}

.lightGreen {
    background-color: #8dc63f;
}

.orange {
    background-color: #f97408;
}

.lightBlue {
    background-color: #96b4c8;
}

.lightGray {
    background-color: #999999;
}

.lightPurple {
    background-color: #9880bb;
}

.darkRed {
    background-color: #822000;
}

.brown {
    background-color: #806239;
}

.pink {
    background-color: #d54d9d;
}

.cyan {
    background-color: #00ffff;
    background-image: -moz-linear-gradient(top, #02fcfc, #01c0c0); /* Firefox 3.6 */
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #01c0c0),color-stop(1, #02fcfc)); /* Safari & Chrome */
    background-image: -webkit-linear-gradient(top, #02fcfc 0%, #01c0c0 100%); /* Webkit (Chrome 11+) */
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#02fcfc', endColorstr='#01c0c0'); /* IE6 & IE7 */
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#02fcfc', endColorstr='#01c0c0')"; /* IE8 */
    background-image: -ms-linear-gradient(top, #02fcfc 0%, #01c0c0 100%); /* IE10 */
}

.coral {
    background-color: #f08080;
}

.gold {
    background-color: #daa520;
}

.lilac {
    background-color: #0000ff;
}

.red {
    background-color: #ec1c2c;
}

.greenBg {
    background-color: #009e49;
}

.yellow {
    background-color: #fbac35;
}

/* ---------------------------------------------------------------------------------------------- generic classes -----------------------------------------------------------------------------------------  */

/* only works if container is position: relative; */
.centerItem {
    position: absolute;
    left: 50%;
    top: 50%;
    margin-right: -50%;
    transform: translate(-50%, -50%);
}

.borderRight {
    border-style: none solid none none;
    border-width: thin;
    border-color: #C4C4C4;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.borderBottom {
    border-style: none none solid none;
    border-width: thin;
    border-color: #C4C4C4;
    border-radius: 0;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.noBorder {
    border: none;
}

.noBorderTopBottom {
    border-top: none;
    border-bottom: none;
}

.smallMargin1 {
    margin: 5px 0;
}

.noMargin {
    margin: 0;
}

.marginTop0 {
    margin-top: 0;
}

.marginTop2 {
    margin-top: 2px;
}

.marginTop3 {
    margin-top: 3px;
}

.marginTop4 {
    margin-top: 4px;
}

.marginTop5 {
    margin-top: 5px;
}

.marginTop6 {
    margin-top: 6px;
}

.marginTop12 {
    margin-top: 12px;
}

.marginTop14 {
    margin-top: 14px;
}

.marginTop16 {
    margin-top: 16px;
}

.marginTop20 {
    margin-top: 20px;
}

.marginTop30 {
    margin-top: 30px;
}

.marginRight0 {
    margin-right: 0;
}

.marginRight10 {
    margin-right: 10px;
}

.marginRight12 {
    margin-right: 12px;
}

.marginRight20 {
    margin-right: 20px;
}

.marginBottom0 {
    margin-bottom: 0;
}

.marginBottom5 {
    margin-bottom: 5px;
}

.marginBottom10 {
    margin-bottom: 10px;
}

.marginBottom20 {
    margin-bottom: 20px;
}

.marginBottom30 {
    margin-bottom: 30px;
}

.marginLeft0 {
    margin-left: 0;
}

.marginLeft10 {
    margin-left: 10px;
}

.marginLeft20 {
    margin-left: 20px;
}

.marginLeft21 {
    margin-left: 21px;
}

.marginLeft30 {
    margin-left: 30px;
}

.noPadding {
    padding: 0;
}

.paddingTop0 {
    padding-top: 0;
}

.paddingTop5 {
    padding-top: 5px;
}

.paddingTop10 {
    padding-top: 10px;
}

.paddingTop20 {
    padding-top: 20px;
}

.paddingTop22 {
    padding-top: 22px;
}

.paddingRight0 {
    padding-right: 0;
}

.paddingRight5 {
    padding-right: 5px;
}

.padR20 {
    padding-right: 20px;
}

.paddingBottom0 {
    padding-bottom: 0;
}

.paddingBottom5 {
    padding-bottom: 5px;
}

.paddingBottom10 {
    padding-bottom: 10px;
}

.paddingBottom20 {
    padding-bottom: 20px;
}

.paddingLeft0 {
    padding-Left: 0;
}

.paddingLeft10 {
    padding-Left: 10px;
}

.paddingL20 {
    padding-Left: 20px;
}

.paddingLR20 {
    padding-Left: 20px;
    padding-right: 20px;
}

.paddingLR25 {
    padding-Left: 25px;
    padding-right: 25px;
}

.noRadius {
    border-radius: 0;
}

.fullWidth {
    width: 100%;
}

.width99 {
    width: 99%;
}

.width98 {
    width: 98%;
}

.widthAuto {
    width: auto;
}

.width180 {
    width: 180px;
}

.width480 {
    width: 480px;
}

.halfWidth {
    width: 50%;
}

.quarterWidth {
    width: 25%;
}

.thirdWidth {
    width: 33%;
}

.right {
    float: right;
}

.left {
    float: left;
}

.none {
    float: none;
}

.inline {
    display: inline;
}

.textLeft {
    text-align: left;
}

.panelWidget2 {
    margin: 15px 15px;
    border: none;
}

.noMarginTop {
    margin-top: 0;
}

.whitespace-prewrap {
    white-space: pre-wrap;
}

.height-auto {
    height: auto;
}

.height-unset {
    height: unset;
}


.selectedRow {
    background-color: #c5c5c5;
}


.hoveredRow {
    background-color: #c5c5c5;
    cursor: pointer;
}

.content-hidden {
    display: none;
}

span.fancytree-node.programmeIcon > span.fancytree-icon {
    background-image: url("/Scripts/fancytree/skin/programmeIcon.png");
    background-position: 0 0;
    margin-top: 4px;
}

span.fancytree-node.workstream > span.fancytree-icon {
    /*background-image: url("noIcon");*/
    visibility: hidden;
    background-position: 0 0;
    margin-top: 4px;
    width: 0px; /*Prevent the gap*/
    height: 0px; /*Prevent the gap*/
}

.CustomScrollbarEle {
    padding-right: 15px;
    margin-right: 0;
}

.btnBack {
    background: url("/legacy/Content/newImages/BtnDblArrowLeft.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 27px;
    width: 27px;
    cursor: pointer;
}

.btnForward {
    background: url("/legacy/Content/newImages/BtnDblArrowRight.png") no-repeat scroll 0 0 transparent;
    clear: left;
    float: left;
    height: 27px;
    width: 27px;
    cursor: pointer;
}

/*READ ONLY INPUT FORM FIELDS - START*/

.txtInputBoxlock {
    color: GrayText;
    background-color: whitesmoke;
    width: 100%;
    overflow: hidden;
    height: 15px;
    padding: 3px 0px;
    border: thin solid lightgrey;
    text-indent: 10px;
    filter: #f0f0f0; /* IE6 & IE7 */
    -ms-filter: #f0f0f0; /* IE8 */
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.txtAreaDivlock {
    color: GrayText;
    background-color: whitesmoke;
    width: 100%;
    height: 150px;
    overflow: auto;
    padding: 3px 0px;
    border: thin solid lightgrey;
    text-indent: 10px;
    filter: #f0f0f0; /* IE6 & IE7 */
    -ms-filter: #f0f0f0; /* IE8 */
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.txtlargeBoxlock {
    color: GrayText;
    background-color: whitesmoke;
    /*pointer-events: none;*/
    width: 100%;
    height: 30px;
    padding: 3px 0px;
    border: thin solid lightgrey;
    text-indent: 10px;
    filter: #f0f0f0; /* IE6 & IE7 */
    -ms-filter: #f0f0f0; /* IE8 */
    float: left;
    font-family: Tahoma, Verdana,Geneva,sans-serif, Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.spanNotifierLock {
    font-size: 11px;
    color: red;
    font-weight: bold;
}

.txtInputBoxlock.autoHeight {
    min-height: 15px;
    height: auto;
    word-break: break-word;
}

.txtAreaDivlock.autoHeight {
    min-height: 150px;
    height: auto;
    word-break: break-word;
}

.txtlargeBoxlock.autoHeight {
    min-height: 30px;
    height: auto;
    word-break: break-word;
}

/*READ ONLY INPUT FORM FIELDS - END*/

.editInProgress {
    background: #f8f8f8;
}

/* ---------------------------------------------------------------------------------------------- tablet and small screen over-rides -----------------------------------------------------------------------------------------  */

/*important for ipad and other tablets - this overrides*/
@media all and (max-width: 1024px) {
    .width180 {
        width: 105px;
    }

    .width480 {
        width: 380px;
    }

    .marginLeft30 {
        margin-left: 10px;
    }

    .panelHalfRightNoBorder {
        padding: 0 15px;
    }

    .panelHalfLeftNoBorder {
        padding: 0 15px;
    }

    .type2 {
        min-height: 205px;
    }

    .ipadRemoveThis {
        display: none;
    }

    .pieChartWidth {
        width: 147px;
    }

    .adminButtons {
        margin-right: 3px;
    }
}

/*use this media query to target IE11 and Ie10 since they no longer allow conditional targeting*/
@media all and (-ms-high-contrast:none) {
    .ie11Fix {
        position: absolute;
    }
}