/* ---- */
/* base */
/* ---- */

body {
    font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
    line-height: 1.5;
    font-size: 100% !important;
    color: #333;
    background: #F1F2F5;
}

h1 {
    font-size: 150%;
}

    h1.title {
        /* border-bottom: #7596C7 2px solid; */
        margin-bottom: 10px;
    }

h2 {
    font-size: 140%;
}

h3 {
    font-size: 130%;
}

h4 {
    font-size: 120%;
}

h5 {
    font-size: 110%;
}

h1, h2, h3, h4, h5, p, ul, ol, dl {
    margin-bottom: 1em;
}

ul {
    list-style: disc;
}

ol {
    list-style: decimal;
}

li {
    margin-left: 35px;
}

dl {
    line-height: 2;
}

dt, dd {
    margin: 0;
    padding: 0;
}

dt {
    width: 180px;
    float: left;
    margin-right: 10px;
    font-weight: bold;
}

/* ------ */
/* layout */
/* ------ */

#container {
    /*width: 960px;*/
    margin: 0 auto;
    /*background: #fff;*/
}

#header {
    height: 65px;
    background: url(../images/Lifecycle_top_banner.gif) no-repeat;
    padding-right: 160px;
    padding-top: 10px;
}

#headermessage {
    width: 580px;
    float: right;
    margin: 3px 20px 0 0;
    text-align: right;
    line-height: 1;
    color: #000;
    background: transparent;
    padding-top: 17px;
}

    #headermessage p {
        margin: 0.4em 0;
    }

.leftmenucol {
    padding-left: 0px;
    background-color: #31353c;
    height: 1100px;
    /*max-width: 300px;*/
}

#menuwrapper {
    border-bottom: #EFEFEF 1px solid;
    height: 70px;
    margin: 0 0 10px 0;
    padding: 10px;
    background-color: #fff;
    /*width:99%;*/
}

#nav {
    font-size: 110%;
    /*font-weight: bold;*/
    float: left;
    line-height: 2em;
    width: 400px;
    padding-top: 6px;
    padding-left: 8px;
}

.menu-item {
    font-size: 110%;
    font-weight: bold;
    line-height: 2em;
    padding-left: 15px;
}

#menuplaceholder {
    width: 540px;
    float: right;
}

#help {
    width: 35px;
    float: right;
    text-align: right;
}

#content {
    padding: 0px 0 0 10px;
    /*overflow: auto;*/
    min-height: 480px;
    /*background-color: #fff;*/
}

#footer {
    height: 39px;
    background: url(../images/Lifecycle_bottom_banner.gif) no-repeat;
    clear: both;
}


#leftpane {
    /*width: 465px;*/
    width: 50%;
    padding-right: 5px;
    float: left;
}

#rightpane {
    /*width: 465px;*/
    width: 50%;
    padding-left: 5px;
    float: right;
}

.floatleft {
    float: left;
}

.floatright {
    float: right;
}

.clear {
    clear: both;
    height: 0;
    width: 0;
    margin: 0;
    padding: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
}

ul.tabs {
    margin: 0;
    display: inline-block;
}

    ul.tabs li {
        list-style: none;
        display: inline;
        float: left;
        margin: 0 2px 0 0;
        border-top: #ccc 1px solid;
        border-left: #ccc 1px solid;
        border-right: #ccc 1px solid;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        background: #fff;
    }

    ul.tabs a.selected {
        background: #7596C7;
        font-weight: bold;
        color: #fff;
        border-top: #7596C7 1px solid;
        border-left: #7596C7 1px solid;
        border-right: #7596C7 1px solid;
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
    }

.divider {
    background: #7596C7;
    margin-bottom: 10px;
    font-size: 0;
    height: 1px;
}

.listcontainer {
    padding: 10px;
    background-color: #fff;
    min-height: 600px;
}

.module {
    margin-bottom: 10px;
    position: relative;
    background-color: #fff;
    border-radius: 4px;
    border: #eaeaea 1px solid;
}

.moduleheader {
    font-weight: bold;
    font-size: 100%;
    padding: 5px 10px;
    color: #6a6c6f;
    border-bottom: 2px solid #7596C7;
}


.moduleheaderblue {
    background: #7596C7;
    font-weight: bold;
    font-size: 100%;
    color: #fff;
    padding: 5px 10px;
    /**/ border-bottom: 2px solid #7596C7;
}


.moduleheadergold {
    background: #9d925c;
    font-weight: bold;
    font-size: 100%;
    color: #fff;
    padding: 5px 10px;
    border-bottom: 2px solid #9d925c;
}

.moduleheaderred {
    background: #AC172B;
    font-weight: bold;
    font-size: 100%;
    color: #fff;
    padding: 5px 10px;
    border-bottom: 2px solid #AC172B;
}

    .moduleheader img {
        margin: 0 0 -2px 0;
    }

.redmoduleheaderbg {
    border-bottom: 2px solid #C40637;
}

.modulecontent {
    padding: 10px 10px 0 10px;
    border-top: #fff 1px solid;
}

.modulecontent .row {
        padding-bottom: 3px;
}

ul.inline {
    margin: 0;
    padding-bottom: 10px;
    overflow: auto;
    clear: both;
}

    ul.inline li {
        display: inline;
        list-style: none;
        padding: 0;
        float: left;
        margin: 0;
    }

ul.icon li {
    padding: 0 20px 0 0;
    line-height: 2;
    float: none;
}

    ul.icon li input[type="image"] {
        margin: 0 0 3px 0;
    }

.buttonwrapper {
    padding: 10px 0;
}

.hidden {
    visibility: hidden;
}

.greyborderbox {
    margin: 0 5px;
    border: #ccc 1px solid;
    padding: 10px;
}

.confirmationbox {
    border: #ccc 1px solid;
    padding: 25px;
    margin: 0px auto;
}

.overflow {
    overflow: auto;
}

.nooverflow {
    overflow: hidden !important;
}

.marginauto {
    margin: 0 auto;
}

.autoheight {
    height: auto !important;
}

/* Styles for the two hovers on the Trust Page - Move Required By Date & Mark as Excused */
.outerContainerPopUp {
    width: 350px;
    border: 1px solid #7596C7;
    padding: 0;
    margin: 0;
}

.topBanner {
    background: #7596C7;
    padding: 5px;
    text-align: right
}

/* ----- */
/* links */
/* ----- */

a {
    color: #555;
    text-decoration: underline;
}

    a:hover, a:active, a:focus {
        color: #999;
        text-decoration: underline;
    }

    a.notextdecoration {
        color: #555;
        text-decoration: none;
    }

        a.notextdecoration:hover, a.notextdecoration:active, a.notextdecoration:focus {
            color: #999;
            text-decoration: none;
        }

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

        a.white:hover, a.white:active, a.white:focus {
            color: #fff;
            text-decoration: none;
        }

ul.tabs a {
    text-decoration: none;
    padding: 5px 20px;
    display: block;
    color: #333;
}

    ul.tabs a:hover, ul.tabs a:active, ul.tabs a:focus {
        background: #EAECF5;
    }

    ul.tabs a.selected:hover, ul.tabs a.selected:active, ul.tabs a.selected:focus {
        background: #7596C7;
    }

#menu a:hover, a:active, a:focus {
    text-decoration: none;
}

a.alpha {
    margin-right: 10px;
}

/* Styles for the Hover Menu on the PPM Pages */
#button li a {
    display: block;
    padding: 5px 5px 5px 0.5em;
    background-color: #7596C7;
    color: #FFFFFF;
    text-decoration: none;
    width: 100%;
    border-width: 1px;
    border-bottom-color: #FFFFFF;
    border-bottom-style: solid;
}

#button li {
    list-style-type: none;
}

    #button li a {
        width: auto;
    }

        #button li a:hover {
            background-color: #7596C7;
            color: #002E63 !important;
            border-width: 1px;
            border-bottom-color: #FFFFFF;
            border-bottom-style: solid;
        }

/* ----- */
/* table */
/* ----- */

table.data {
    width: 100%;
    margin: 0 0 10px 0;
}

    table.data th {
        text-align: left;
        color: #7596C7;
        border-bottom: #B8CCE4 1px solid;
        vertical-align: bottom;
    }

    table.data th, table.data td {
        padding: 5px;
    }

    table.data td {
        border-bottom: #B8CCE4 1px solid;
    }

    table.data tr.even td {
        background: #eee;
    }

    table.data input[type="text"] {
        border: #CCC 1px solid;
        background: #FFF;
    }

table.audit th {
    text-align: left;
    font-weight: normal;
    vertical-align: bottom;
    background: #eee;
}

table.audit th, table.audit td {
    padding: 5px;
}

/* Override for Proposal Styles which are stored in the db */

table.ER_StyleDatagrid {
    margin: 0 0 10px 0;
}

    table.ER_StyleDatagrid th {
        color: #7596C7;
        border-bottom: #B8CCE4 1px solid;
        text-align: right !important;
    }

    table.ER_StyleDatagrid th, table.data td {
        padding: 5px;
    }

    table.ER_StyleDatagrid td {
        border-bottom: #B8CCE4 1px solid;
        text-align: right !important;
    }

table#FrameworkComplianceGrid1_gvFrameworkComplianceGrid.ER_StyleDatagrid {
    width: 100%;
    text-align: left !important;
}

    table#FrameworkComplianceGrid1_gvFrameworkComplianceGrid.ER_StyleDatagrid td {
        width: 50%;
        text-align: left !important;
    }

    table#FrameworkComplianceGrid1_gvFrameworkComplianceGrid.ER_StyleDatagrid th {
        width: 50%;
        text-align: left !important;
        padding: 0;
    }

table.greyborder {
    border: #A0A0A0 1px solid;
}

    table.greyborder td, table.greyborder th {
        border: #A0A0A0 1px solid;
        padding: 2px;
    }

/* ---- */
/* form */
/* ---- */

input, select, textarea {
    border: #ABADB3 1px solid;
    /*background: url(../images/formfield.jpg) #fff repeat-x top;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 100%;
    padding: 2px;
    /*border-radius: 3px;*/
}



    input[type="checkbox"], input[type="image"], input[type="radio"] {
        border: 0;
        background: none;
    }

    input[type="radio"] {
        margin-right: 5px;
    }

.bluebutton, .greenbutton, .redbutton, .brownbutton {
    color: #fff;
    padding: 2px 5px;
    border: 0;
    border-radius: .25rem;
}

    .bluebutton[disabled=disabled], .greenbutton[disabled=disabled], .redbutton[disabled=disabled], .brownbutton[disabled=disabled] {
        background: #eee;
        border: 0;
        color: #999;
    }

.bluebutton {
    background: #7596C7;
}

.greenbutton {
    background: #009E47;
}

.redbutton {
    background: #A5102F;
}

.brownbutton {
    background: #A09A68;
}

.bluelinkbutton, .greenlinkbutton, .redlinkbutton, .amberlinkbutton {
    display: inline-block;
    padding: 2px 5px;
    text-align: center;
    border-radius: .25rem;
    color: #fff;
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
    vertical-align: middle;
    border: 0;
}

    .bluelinkbutton:hover, .greenlinkbutton:hover, .redlinkbutton:hover, .amberlinkbutton:hover {
        color: white;
        text-decoration: none;
    }

    .bluelinkbutton[disabled=disabled], .greenlinkbutton[disabled=disabled], .redlinkbutton[disabled=disabled], .amberlinkbutton[disabled=disabled] {
        background: #eee;
        border: 0;
        color: #999;
    }

.bluelinkbutton {
    background: #7596C7;
}

.greenlinkbutton {
    background: #009E47;
}

.redlinkbutton {
    background: #A5102F;
}

.amberlinkbutton {
    background: #ffa500;
}

table label {
    margin-right: 10px;
}

table input {
    border: 0;
    margin: 0;
    background: none;
}

.middle label {
    vertical-align: middle;
}

.watermark {
    color: #808080;
    font-style: italic;
}

.rbl label {
    display: block;
}

.rbl td {
    text-align: center;
    vertical-align: bottom;
}

    .rbl td input {
        margin-top: 10px;
    }

.rbl20pc td {
    width: 20%;
}

/* ---------- */
/* navigation */
/* ---------- */

/* structure */

#menu, #menu ul {
    list-style: none;
}

#menu {
    width: 400px;
    float: left;
    margin: 0;
}

    #menu > li {
        float: left;
    }

    #menu li a {
        display: block;
        line-height: 2em;
        padding: 5px 15px;
        text-decoration: none;
        color: #333;
    }

    #menu ul {
        position: absolute;
        display: none;
        z-index: 999;
    }

        #menu ul li a {
            width: 200px;
        }

    #menu li:hover ul.sub {
        display: block;
    }

    #menu li {
        margin: 0;
        color: #333;
    }

    /* main menu */

    #menu > li > a {
        font-weight: bold;
    }

    #menu > li:hover > a {
        background: url(../images/menuhover-bg.jpg) #DCE6F1 repeat-x top;
    }

.MenuEditDetailsCircle {
    height: 40px; /*22px;*/
    width: 40px; /*28px;*/
    border-radius: 50%;
    display: inline-block;
    text-align: center;
    background-color: #002E63;
    padding-top: 10px;
    margin-left: 10px;
    margin-top: 1px;
    line-height: 1.3;
}

/* sub menu */

#menu ul {
    background: #7596C7;
}

    #menu ul li a {
        color: #fff;
    }

    #menu ul li:hover a {
        background: #DCE6F1;
        color: #333;
    }

/* ---------- */
/* formatting */
/* ---------- */

.normal {
    font-family: Arial, Helvetica, sans-serif !important;
    line-height: 1.5;
    font-size: 75% !important;
    color: #333;
    font-weight: normal;
}

.strong, .bold {
    font-weight: bold;
}

.italic {
    font-style: italic;
}

.underline {
    text-decoration: underline !important;
}

.nobold {
    font-weight: normal;
}

.small {
    font-size: 88%;
}

.big {
    font-size: 120%;
}

.bigger {
    font-size: 140%;
}

.red {
    color: #f00;
}

.grey {
    color: #A0A0A0;
}

.green {
    color: #287E2C;
}

.blue {
    color: #7596C7;
}

.white {
    color: #fff;
}

.tablefooter {
    color: #7596C7;
    font-weight: bold;
}

.aquabg {
    background: #DAEEF3;
}

.orangebg {
    background: #FDE9D9;
}

.whitebg {
    background: #fff;
}

.redbg {
    background: #f00;
}

.amberbg {
    background: #ffa500;
}

.greybg {
    background: #eee;
}

.darkgreybg {
    background: #ccc !important;
}

.lightgreenbg {
    background: #CCFFCC;
}

.bluebg {
    background: #7596C7;
}

.greenbg {
    background: #99FF99;
}

.lightgreenbg {
    background: #E4FCD9;
}

.goldbg {
    background: #A09A68;
}

.highlight {
    background: rgba(255, 219, 0, 0.76) !important;
}

.redhighlight {
    border: #D84141 1px solid;
    background: #FFCCCC;
    color: #D84141;
    font-weight: bold;
}

    .redhighlight span {
        padding: 5px;
    }

.left {
    text-align: left !important;
}

.right {
    text-align: right !important;
}

.center {
    text-align: center !important;
}

.middle {
    vertical-align: middle;
}

.wordbreak a {
    word-break: break-all;
}

.nopaddingbottom {
    padding-bottom: 0 !important;
}

.nopadding {
    padding: 0;
}

.nomarginbottom {
    margin-bottom: 0 !important;
}

.nomargin {
    margin: 0 !important;
}

.nobackgroundimage {
    background-image: none !important;
}

.marginleft10 {
    margin-left: 10px !important;
}

.marginleft20 {
    margin-left: 20px !important;
}

.marginright10 {
    margin-right: 10px !important;
}

.marginright20 {
    margin-right: 20px !important;
}

.margintop3 {
    margin-top: 3px !important;
}

.margintop5 {
    margin-top: 5px !important;
}

.margintop10 {
    margin-top: 10px !important;
}

.margintop20 {
    margin-top: 20px !important;
}

.margintop30 {
    margin-top: 30px !important;
}

.marginbottom10 {
    margin-bottom: 10px !important;
}

.marginbottom15 {
    margin-bottom: 15px !important;
}

.marginbottom20 {
    margin-bottom: 20px !important;
}

.marginbottom30 {
    margin-bottom: 30px !important;
}

.marginbottom5 {
    margin-bottom: 5px !important;
}

.marginbottom1em {
    margin-bottom: 1em !important;
}

.sidepadding10 {
    padding: 0 10px;
}

.paddingtop10 {
    padding-top: 10px;
}

.paddingtop50 {
    padding-top: 50px;
}

.paddingright10 {
    padding-right: 10px;
}

.paddingright15 {
    padding-right: 15px;
}

.paddingright20 {
    padding-right: 20px;
}

.paddingleft5 {
    padding-left: 5px !important;
}

.paddingleft10 {
    padding-left: 10px !important;
}

.paddingleft15 {
    padding-left: 15px !important;
}

.paddingleft20 {
    padding-left: 20px !important;
}

.paddingleft30 {
    padding-left: 30px !important;
}

.padding5 {
    padding: 5px !important;
}

.padding10 {
    padding: 10px !important;
}

.noborder, span.noborder input {
    border: 0;
}

.width1pc {
    width: 1%;
}

.width2pc {
    width: 2%;
}

.width4pc {
    width: 4%;
}

.width5pc {
    width: 5%;
}

.width6pc {
    width: 6%;
}

.width8pc {
    width: 8%;
}

.width9pc {
    width: 9%;
}

.width10pc {
    width: 10%;
}

.width11pc {
    width: 11%;
}

.width12pc {
    width: 12%;
}

.width14pc {
    width: 14%;
}

.width15pc {
    width: 15%;
}

.width16pc {
    width: 16%;
}

.width18pc {
    width: 18%;
}

.width20pc {
    width: 20%;
}

.width22pc {
    width: 22%;
}

.width24pc {
    width: 24%;
}

.width25pc {
    width: 25%;
}

.width28pc {
    width: 28%;
}

.width30pc {
    width: 30%;
}

.width31pc {
    width: 31%;
}

.width32pc {
    width: 32%;
}

.width33pc {
    width: 33%;
}

.width34pc {
    width: 34%;
}

.width35pc {
    width: 35%;
}

.width40pc {
    width: 40%;
}

.width45pc {
    width: 45%;
}

.width48pc {
    width: 48%;
}

.width49pc {
    width: 49%;
}

.width50pc {
    width: 50%;
}

.width60pc {
    width: 60%;
}

.width65pc {
    width: 65%;
}

.width66pc {
    width: 66%;
}

.width70pc {
    width: 70%;
}

.width75pc {
    width: 75%;
}

.width80pc {
    width: 80%;
}

.width82pc {
    width: 82%;
}

.width84pc {
    width: 84%;
}

.width85pc {
    width: 85%;
}

.width90pc {
    width: 90%;
}

.width94pc {
    width: 94%;
}

.width95pc {
    width: 95%;
}

.width100pc {
    width: 100%;
}

.width32 {
    width: 32px;
}

.width50 {
    width: 50px;
}

.width60 {
    width: 60px;
}

.width120 {
    width: 120px;
}

.width180 {
    width: 180px;
}

.width200 {
    width: 200px;
}

.width300 {
    width: 300px;
}

.width323 {
    width: 323px;
}

.width400 {
    width: 400px;
}

.width476 {
    width: 476px;
}

/* ----- */
/* boxes */
/* ----- */

.successbox, .errorbox, .warningbox, .infobox, .amberbox {
    margin: 0 0 10px 0;
    padding: 10px;
}

    .successbox p, .errorbox p, .warningbox p, .infobox p, .amberbox p {
        margin: 0 0 0 26px;
    }

/* success box */

.successbox {
    border: #75923C 1px solid;
    background: url(../images/success.png) #E4FCD9 no-repeat 10px 10px;
    color: #0B7B00;
}

/* error box */

.errorbox {
    border: #953735 1px solid;
    background: url(../images/error.png) #FDD9D9 no-repeat 10px 10px;
    color: #AE0000;
}

/* warning box */

.warningbox {
    border: #948B54 1px solid;
    background: url(../images/warning.png) #FFFFCC no-repeat 10px 10px;
    color: #D33600;
}

    .warningbox ul, .warningbox ol {
        margin: 0;
    }

    .warningbox li {
        color: #f00;
    }

/* info box */

.infobox {
    border: #7596C7 1px solid;
    background: url(../images/information.png) #DDEAFA no-repeat 10px 10px;
    color: #002E63;
}

/* amber box */

.amberbox {
    border: #FF9900 1px solid;
    background: url(../images/AmberInformation.png) #FFC200 no-repeat 10px 10px;
    color: #FF0000;
}

.scrollbox {
    overflow-wrap: break-word; /* Chrome */
    word-wrap: break-word; /* IE */
    height: 40px;
    overflow-x: hidden;
    overflow-y: scroll;
}

.percentbox {
    border: #999999 1px solid;
    width: 40px;
    background: #fff;
}

.percentbox, .percent {
    height: 13px;
}

.percentbg {
    background: #00ff00;
}

/* ------- */
/* buttons */
/* ------- */

.button {
    background-repeat: no-repeat;
    padding: 0 0 0 20px;
    background-position: left;
    margin: 0 10px 0 0;
}

.iconBack {
    background-image: url(../images/GoBack.gif);
}

.iconClear {
    background-image: url(../images/Clear.gif);
}

.iconDelete {
    background-image: url(../images/delete.gif);
}

.iconForward {
    background-image: url(../images/icon-GoTo.gif);
}

.iconKeyPeople {
    background-image: url(../images/TeamIcon2.gif);
}

.iconTick {
    background-image: url(../images/g_tick.gif);
}

.iconNote {
    background-image: url(../images/notepad.gif);
}

.iconAdd {
    background-image: url(../images/AddGreenCross2.png);
}

/* ----------- */
/* modal popup */
/* ----------- */

.modalbgLG {
    background: url(../images/modal-bg.png);
}

.modalLG {
    background: #fff;
    border: #ccc 1px solid;
    padding: 10px;
    text-align: left;
}

.modalcontentLG {
    overflow: auto;
    margin: 10px 0;
}

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

.MenuLevel1Static {
    color: #333;
    font-size: 110%;
    padding-right: 4px;
    /*font-weight: bold;*/
}

    .MenuLevel1Static td {
        padding: 10px 0 5px 20px;
    }

/* ------------- */
/* auto complete */
/* ------------- */

.autocomplete_completionListElement {
    visibility: hidden;
    margin: 0 !important;
    background: #fff;
    border: #ccc 1px solid;
    overflow: auto;
    height: 200px;
    padding: 2px;
    list-style: none;
    cursor: default;
    width: 340px !important;
}

.autocomplete_listItem, .autocomplete_highlightedListItem {
    margin: 0;
    display: block !important;
    float: none !important;
}

.autocomplete_highlightedListItem {
    background: #ffff99;
}

/* -------------------- */
/* telerik rad controls */
/* -------------------- */

.RadUpload {
    width: 100% !important;
}

.RadComboboxColumn {
    margin: 0;
    padding: 0 5px 0 0;
    line-height: 1.25;
    float: left;
}

.rcbHeader ul, .rcbFooter ul, .rcbItem ul, .rcbHovered ul, .rcbDisabled ul {
    margin: 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    list-style-type: none;
}

.RadEditor {
    width: 100% !important;
    border: 0 !important;
}

.reToolbar li {
    background: none !important;
}

.RadEditor table, .reWrapper.RadEditor table td {
    padding: 0 1px !important;
}

/* ---------------- */
/* fluid masterpage */
/* ---------------- */

#fluidcontainer input[type="text"], #fluidcontainer select, #fluidcontainer textarea {
    /*Removed to correct for an issue with multi select dropdowns
    border: #ABADB3 1px solid !important;*/
}

#fluidheadercontainer {
    width: 100%;
    height: 80px;
    /*background: url(../images/LifecycleHeaderRight.png) #fff no-repeat right;*/
}

#fluidheader {
    /*background: url(../images/LifecycleHeaderLeft.png) no-repeat;*/
    height: 80px;
    padding-right: 160px;
    padding-top: 10px;
}

#fluidfooter {
    width: 100%;
    height: 39px;
    background: url(../images/LifecycleFooterRight.png) #7697C8 no-repeat right;
}

#fluidfooterleft {
    background: url(../images/LifecycleFooterLeft.png) no-repeat;
    height: 39px;
}

/* ---------------- */
/* coloured labels */
/* ---------------- */

.label {
    display: inline;
    padding: .2em .6em .3em;
    font-weight: 700;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.label-grey {
    background-color: #777;
}

.label-red {
    background-color: red;
}

/* ---------------- */
/* stop elements from breaking */
/* ---------------- */

table.print-friendly tr td, table.print-friendly tr th {
    page-break-inside: avoid;
}

div.print-friendly {
    page-break-inside: avoid;
}

.module .main-text {
    color: #eee;
    font-size: 15px;
}

/*MVC validation styles*/

.field-validation-error {
    color: #f00;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #f00;
    background-color: #fee;
}

.validation-summary-valid {
    display: none;
}

.input-success {
    border: 2px solid #1caa3e;
}

.validation-summary-errors ul {
    list-style: none;
}

/*Override jQuery UI Styles*/
.ui-widget {
    font-size: inherit !important;
    font-family: inherit !important;
}

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: inherit !important;
        font-size: inherit !important;
    }

.ui-widget-header {
    background: #7596C7 !important;
    color: #fff !important;
    border: none !important;
}

.doclist {
    list-style: none !important;
    margin-left: 0 !important;
}

/* ---- */
/* SumoSelect - multiselect dropdown - first part to ensure it maxes the elements its in. Second part to ensure scrollbars don't display. */
/* ---- */
.SumoSelect {
    width: 100% !important;
}

    .SumoSelect > .optWrapper > .options {
        max-height: 180px !important;
    }





.nav {
    padding-left: 1px;
    color: #262A38;
}

    .nav a {
        text-decoration: none;
        color: #ccc;
    }

.navheader {
    font-size: 110%;
    font-weight: bold;
}

.logoheader {
    height: 70px;
    background-image: url(../Images/Lifecycle_Logo_trs.png);
    background-repeat: no-repeat;
    background-position: 30% 20%;
    background-size: 150px;
    padding: 10px;
}

.sidebardivider {
    border-bottom: 1px solid #3A3E46;
    margin-bottom: 10px;
}





/*IGNORE THIS SECTION FOR NOW> IT IS FOR A NEW DASHBOARD*/



.ratingred {
    width: 20px;
    height: 20px;
    background-color: red;
    margin: 5px;
    float: left;
    margin-left:15px;
}

.ratingamber {
    width: 20px;
    height: 20px;
    background-color: orange;
    margin-left: 25px;
    float: left;
}

.ratinggreen {
    width: 20px;
    height: 20px;
    background-color: limegreen;
    margin-left: 25px;
    float: left;
}

.tl-red {
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
    background-color: red;
    margin: 5px;
    float: left;
}

.tl-amber {
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
    background-color: orange;
    margin: 5px;
    float: left;
}

.tl-green {
    width: 20px;
    height: 20px;
    border-radius: 50% !important;
    background-color: limegreen;
    margin: 5px;
    float: left;
}

.modobjectives li {
    margin-left: 35px;
}

.modobjectives ul {
    background-image: url(../Images/target.png);
    background-repeat: no-repeat;
    background-position: 0% 20%;
    list-style: none;
}

.moddocs li {
    margin-left: 35px;
}

.moddocs ul {
    background-image: url(../Images/notepad.gif);
    background-repeat: no-repeat;
    background-position: 0% 20%;
    list-style: none;
}

.message {
    background-color: #f7f8fa;
    text-align: left;
    display: block;
    padding: 10px 20px;
    position: relative;
    border-radius: 4px;
}

.messageimage {
    vertical-align: middle;
    text-align:center;
    width: 55px;
}

    .messageimage img {
        width: 40px;
        height: 40px;
        border-radius: 50% !important;
        vertical-align: middle;
        text-align:center;
    }

    .messageimage span {
        height: 40px;
        width: 40px;
        border-radius: 50%;
        display: inline-block;
        text-align: center;
        background-color: #002E63;
        padding-top: 10px;
        margin-left: 10px;
        margin-top: 1px;
        line-height: 1.3;
        color:#fff;
    }
/* ---- */

.roundinit {
    height: 40px;
}

    .roundinit span {
        border-radius: 50%;
        width: 30px;
        height: 30px;
        text-align: center;
        font-size: 13px;
        color: rgb(255, 255, 255);
        line-height: 1.3;
        padding-top: 5px;
        margin-top: 1px;
        margin-left: 0px;
        display: inline-block;
        background-color: rgb(0, 46, 99);
    }

.btn-primary, .btn-info, .btn-success, .btn-danger {
    text-decoration: none !important;
}


ul.list-green-tick li {
    list-style: none !important;
    display: list-item !important;
    float: none !important;
    background: url('../images/g_tick.gif') no-repeat left top;
    background-size: 16px;
    padding-left: 30px !important;
}

.responsive {
    max-width: 100%;
    height: auto;
}

#GoToTopButton {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 30px;
    z-index: 99;
    font-size: 18px;
    border: none;
    outline: none;
    background-color: #002F67;
    color: white;
    cursor: pointer;
    padding: 10px;
    border-radius: 4px;
}

#GoToTopButton:hover {
    background-color: #7596C7;
}