/* File Created: July 29, 2012 */
body {
    margin: 0;
    padding: 0;
    /*background-image: url(Images/bg_tile.png);*/
    background-repeat: repeat;
}

#pageTitle, .pageTitle {
    font-family: Segoe UI Light, Tahoma, Arial, Verdana;
    font-size: 18px;
    white-space: normal;
    padding: 0 12px 12px 12px;
}

.mainHeader {
    margin: auto;
    background: #007acc;
}

#systemMenu {
    padding: 0px 20px;
    background: #007acc;
    border: 0px;
    font-family: Segoe UI, Tahoma, Arial, Verdana;
    font-size: 12px;
    min-height: 33px;
}

    #systemMenu > .k-last {
        float: right;
        border-left-width: 1px;
        border-right-width: 0;
    }

.SystemMenuRoot, .ProfileMenuRoot, .BackMenuRoot {
    background: #007acc;
    border: 0px !important;
    background-position: -16px -32px !important;
    z-index:auto !important;
}

.UserNotificationArea {
    float: right !important;
    opacity: 1;
    filter: alpha(opacity=100);
}

    .SystemMenuRoot > .k-link, .ProfileMenuRoot > .k-link, .BackMenuRoot > .k-link, .UserNotificationArea .k-link {
        color: #fff;
    }

        .SystemMenuRoot > .k-link > .k-i-arrow-s, .ProfileMenuRoot > .k-link > .k-i-arrow-s, .BackMenuRoot > .k-link > .k-i-arrow-s {
            background-position: -16px -32px !important;
        }

    .SystemMenuRoot .k-state-active,
    .SystemMenuRoot .k-state-active:hover,
    .SystemMenuRoot .k-active-filter,
    .ProfileMenuRoot .k-state-active,
    .ProfileMenuRoot .k-state-active:hover,
    .ProfileMenuRoot .k-active-filter .BackMenuRoot .k-state-active,
    .BackMenuRoot .k-state-active:hover,
    .BackMenuRoot .k-active-filter {
        background-color: transparent !important;
        border: 0px;
    }

.profileMenu {
    height: 31px;
    float: right;
}

.systemMenu {
    float: left;
    height: 31px;
    width: 100px;
}

.actionMenu {
    float: left;
}

#subHeader {
    float: left;
    width: 100%;
    background-color: #d0e2f0;
}

#mainCentreLogin {
    width: 600px;
    margin: 100px auto; /* Right and left margin set to "auto", to center the box horizontally */
    text-align: left; /* Needed to counteract IE5/Win alignment problem  */
    padding: 30px;
    background: #FFFFFF url(Images/page-content-bg.png) repeat-y center top;
    border: 1px solid lightgray;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, .1);
    border-radius: 5px;
    min-height: 300px;
}

#mainCentrePrecondition {
    width: 675px;
    margin: auto;
    text-align: left; /* Needed to counteract IE5/Win alignment problem  */
    padding: 30px;
    background: #FFFFFF url(/Content/Themes/BaseStyle/Images/page-content-bg.png) repeat-y center top;
    border: 1px solid lightgray;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, .1);
    border-radius: 5px;
    min-height: 300px;
    height: 300px; /* A sensible starting point, is changed by code */
    overflow-y: scroll;
    font-size: 10pt;
}

.preconditionMainCentreDiv {
    margin: 0 auto;
}

.preconditionMainCentreDiv form {
    display: inline;
    margin-left: 1em;
    margin-right: 1em;
}

.preconditionButtonContainer {
    padding-top: 1em;
}

#mainCentre {
    clear: both;
    width: 98%;
    margin: 0px auto; /* Right and left margin set to "auto", to center the box horizontally */
    text-align: left; /* Needed to counteract IE5/Win alignment problem  */
    padding: 0px;
    /*background: #FFFFFF url(Images/page-content-bg.png) repeat-y center top;
    border: 1px solid lightgray;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, .1);
    border-radius: 5px;*/
    min-height: 400px;
}

#mainCentreMinimal {
    width: 100%;
    margin: 0; /* Right and left margin set to "auto", to center the box horizontally */
    text-align: left; /* Needed to counteract IE5/Win alignment problem  */
    padding: 0px;
    /*background: #FFFFFF url(Images/page-content-bg.png) repeat-y center top;
    border: 1px solid lightgray;
    box-shadow: 0px 0px 6px 4px rgba(0, 0, 0, .1);
    border-radius: 5px;*/
    min-height: 50px;
}

.k-scheduler-layout {
    border: solid 1px hsl(210, 35%, 93%);
}

.k-scheduler-table .k-today, .k-today > .k-scheduler-datecolumn, .k-today > .k-scheduler-groupcolumn {
    background-color:#ddd;
}


/*
            .k-scheduler-layout table {
        border: 1px !important;
    }
.k-scheduler-header-wrap {
    border: 0 !important;
}

.k-scheduler-table {
    border: 0 !important;
}
.k-scheduler-layout .k-scheduler-monthview td {
    border: 0 !important;
}*/

.NoBGImage {
    background-image: none;
    background-color: white;
}

.k-popup .k-list .k-item {
    min-height: 1.8em;
}

.dashboard-company-logo {
}

.RadScheduler .rsHeader {
    z-index: 900 !important;
}


.k-widget, .k-header {
    border-width: 0 !important;
}

/*.k-tabstrip .k-tabstrip-items {
    padding: 0 !important;
}*/

.k-tabstrip .k-content {
    margin: 0 !important;
    padding: 0 !important;
    /*overflow: hidden;*/
}

.mainlayout {
    margin: 0;
    padding: .60em .60em .3em .60em;
}

.k-tabstrip .k-state-active {
    border-color: #888 !important;
}

.k-tabstrip-items .k-item {
    background-color: #d6d6d6 !important;
    border-top: 1px solid #888 !important;
    border-left: 1px solid #888 !important;
    border-right: 1px solid #888 !important;
    border-bottom: 1px solid #ddd !important;
}

    .k-tabstrip-items .k-item:hover {
        background-color: #EEEBEB !important;
        border-top: 1px solid #888 !important;
        border-left: 1px solid #888 !important;
        border-right: 1px solid #888 !important;
        border-bottom: 1px solid #ddd !important;
    }

    .k-tabstrip-items .k-item .k-link {
        color: #494949!important;
    }

        .k-tabstrip-items .k-item:hover .k-link {
        color: #222!important;
    }

.k-tabstrip-items .k-loading {
    border-top-width:0px;
}

.k-tabstrip-items .k-tab-on-top, .k-tabstrip-items .k-tab-on-top:hover {
    background-color: #fff !important;
    border-bottom:1px solid #fff!important;
}

    .k-tabstrip-items .k-tab-on-top .k-link {
        color: #000!important;
        font-weight:bold;
    }

.k-autocomplete.k-state-default, .k-picker-wrap.k-state-default, .k-numeric-wrap.k-state-default, .k-dropdown-wrap.k-state-default {
    padding-bottom:1px;
}

#subHeader .k-menu.k-header, #subHeader .k-toolbar {
    background: none !important;
}
#subHeader .k-toolbar {
line-height: 1em !important;
}
#subHeader .k-menu .k-item, .k-widget.k-menu-horizontal > .k-item {
    border-width: 0 !important;
    margin: 0 !important;
}
#subHeader .k-toolbar .k-button {
    border-width: 0 !important;
    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px;
    vertical-align: middle;
    line-height: 23px;
}
#subHeader .k-overflow-anchor.k-button{
    height: 28px;
}
#subHeader .k-image {
    vertical-align: middle;
}
.systemHeader .k-menu .k-item {
    min-height: 33px;
}

.systemHeader .k-menu .k-item > .k-link {
    line-height: 33px;
    padding: 0 .9em;
    padding-right: 20px;
}

#systemMenu_mn_active > .k-link.k-state-border-down {
    color:#fff;
}

.systemHeader .k-menu .k-state-selected > .k-link{
    background-image:none;
}

.systemHeader .k-menu .k-state-hover > .k-link{
    background-image:none;
}

.systemHeader > .k-menu > .k-state-hover {
    background-color: #005E9D !important;
}

.systemHeader > .k-menu > .k-state-hover >.k-link{
	background-color:#005e9D;
	border-color:#005e9D;
    background-image:none;
}

.systemHeader > .k-menu > .SearchMenuRoot, .SearchMenuRoot:hover {
    background-color: #007acc !important;
}

.systemHeader > .k-menu > .k-state-hover > .k-link {
    color: #fff !important;
}

.k-scheduler .k-scheduler-toolbar .k-state-selected {
    background-color: #007acc !important;
    border-color: #007acc !important;
    border-width: 1px 1px 1px 1px !important;
}

#subHeader .k-state-hover,
#subHeader .k-state-hover:hover,
.k-pager-wrap .k-link:hover {
    background-color: #e5eff7 !important;
    border-color: #e5eff7 !important;
}

/*
.k-state-hover,
.k-state-hover:hover,
.k-splitbar-horizontal-hover:hover,
.k-splitbar-vertical-hover:hover,
.k-list > .k-state-hover,
.k-marquee,
.k-dropdown .k-state-focused,
.k-imagebrowser-dropzone
{
    background-color: #e5eff7 !important;
    border-color: #e5eff7 !important;
}
*/
.k-pager-wrap {
    background-color: #d0e2f0 !important;
    color: #696969 !important;
    padding: 0 3px !important;
}

    .k-pager-wrap > .k-link {
        border-width: 0 !important;
    }

.k-state-selected, .k-state-selected a {
    background-color: #d0e2f0 !important;
    border-color: #d0e2f0 !important;
    color: #696969 !important;
}


.k-dropdown-wrap.k-state-default {
    background-color: #fff !important;
    background-image: none !important;
    background-repeat: no-repeat;
    background-position: right top !important;
}

    .k-dropdown-wrap.k-state-default:hover, input.k-textbox:hover {
        background-repeat: no-repeat !important;
        background-position: right bottom !important;
        background-color: #ececec !important;
        border-color: #dadada !important;
        color: #787878 !important;
    }

.k-dropdown .k-state-hover .k-input {
    color: #787878 !important;
}

.k-dropdown .k-state-focused, .k-dropdown .k-state-focused .k-input {
    border-color: #007acc !important;
}

.k-content iframe {
    border: none !important;
    padding: 0 !important;
}

.k-header .k-content .panel .k-header .k-content {
    padding: 0 !important;
}

.mainHeader > .k-menu .k-image {
    height: 24px !important;
}

.k-menu .k-image, .k-toolbar .k-image {
    height: 20px !important;
}

.systemSubHeader .k-menu .k-image, .systemSubHeader .k-toolbar .k-image {
    height: 20px !important;
}
.systemSubHeader .k-toolbar .k-image {
    margin: -2px 4px 0 -4px;
    vertical-align: middle;
}
.systemSubHeader .k-menu .k-item, .systemSubHeader .k-toolbar .k-button {
    padding: 2px !important;
}

.k-state-hover .k-link {
    color: #000 !important;
}

.k-pager-wrap li {
    line-height: 24px !important;
}

.k-pager-wrap .k-state-selected {
    font-weight: bold;
    color: #000 !important;
}

.formLayout .formField {
    padding-right: 0 !important;
}

textarea.k-textbox {
    padding: 2px .3em;
    line-height: 1.6em;
}

.k-upload-files .k-upload-status {
    top: 0.2em;
    line-height: 1.6em;
}

.k-block,
.k-header,
.k-grid-header,
.k-toolbar,
.k-grouping-header,
.k-pager-wrap,
.k-button,
.k-draghandle {
    background-color: #ffffff;
}

.k-button {
    background-color: #d0e2f0;
    color: #2e2e2e;
    border: none;
}

    .k-button:hover {
        background-color: #e5eff7;
        color: #2e2e2e;
    }

    .k-button.rounded {
        border-radius:4px;
    }

    .k-button.delete {
        background: #CE5A5A;
        color:#fff;
    }

        .k-button.delete:hover {
            background: #A02F2F;
        }


    .k-button.add {
        background:#388179;
        color:#fff;
        margin:3px;
    }
        .k-button.add:hover {
            background:#22504B;
        }

    .k-button.reset {
        background:#D5793D;
        color:#fff;
        margin:3px;
    }
        .k-button.reset:hover {
            background:#A0652F;
        }


.k-event {
    background-color: #d0e2f0;
    border-color: #d0e2f0;
}

.k-grid .k-header,
.k-grid .k-grid-header {
    background-color: #eeeeee;
}

.systemHeader .k-state-focused,
.systemHeader .k-list > .k-state-focused,
.systemHeader .k-listview > .k-state-focused,
.systemHeader .k-grid-header th.k-state-focused,
.systemHeader td.k-state-focused,
.systemHeader .k-button:focus,
.systemHeader .k-button.k-state-focused {
    -webkit-box-shadow: #fff 0px 0px 0px 1px inset;
    box-shadow: #fff 0px 0px 0px 1px inset;
}

.systemHeader > .k-menu > .k-item > .k-link > .k-icon {
    background-image: url('Images/menuSprite.png');
}

hr.mainHrStyle {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #888, #ccc);
    background-image: -moz-linear-gradient(left, #ccc, #888, #ccc);
    background-image: -ms-linear-gradient(left, #ccc, #888, #ccc);
    background-image: -o-linear-gradient(left, #ccc, #888, #ccc);
}

.EntityLinkedDropDown button.k-button {
    background-image: url('Images/sprite.png');
    background-repeat: no-repeat;
    background-position: -46px -125px;
}

.linksearch-wrap button.k-button.search {
    background-image: url('Images/sprite.png');
    background-repeat: no-repeat;
    background-position: -31px -239px;
}

.linksearch-wrap button.k-button.search:hover {
    background-position: -47px -239px;
    background-color:#E4E4E4;
}

.linksearch-wrap button.k-button.clear {
    background-image: url('Images/sprite.png');
    background-repeat: no-repeat;
    background-position: -63px -13px;
}

.linksearch-wrap button.k-button.clear:hover {
    background-position: -79px -13px;
    background-color:#E4E4E4;
}

.linksearch-wrap button.k-button.open {
    background-image: url('Images/sprite.png');
    background-repeat: no-repeat;
    background-position: -31px -125px;
}

.linksearch-wrap button.k-button.open:hover {
    background-position: -47px -125px;
    background-color:#E4E4E4;
}

.linksearch-wrap button.linkEmailButton {
     background-position: -315px -50px !important;
}

.linksearch-wrap button.linkUrlButton {
    background-position: -315px -50px !important;
}

button.clickToDialButton {
    background-image: url('Images/sprite.png');
    background-repeat: no-repeat;
    background-position: -63px 50px;
}

button.clickToDialButton:hover {
    background-image: url('Images/sprite.png');
    background-repeat: no-repeat;
    background-position: -79px 50px;
    background-color:#E4E4E4;
}

/* Postcode lookup button */
.PostcodeLookupButton {
    background-color: rgb(56, 129, 121);
    color: white;
}

.PostcodeLookupButton:hover {
    background-color: rgb(34, 80, 75);
}

.k-grid-header .k-header > .k-link {
    padding-bottom:0px!important;
}

.k-grid-header thead {
    height:25px;
}

.k-grid td{
	padding: .2em .6em;
}

.k-tabstrip-items .k-item.invalidTab {
    border-color: #FF8F86!important;
}
    .k-tabstrip-items .k-item.invalidTab a {
        background-color: #ffecec!important;
        color: red!important;
        font-weight: bold;
    }

.fallback {
    background-color: #e99!important;
}


table td .moveUp, table td .moveDown {
    height:16px;
    width:5px;
    background-color:#eee;
    border:1px solid #aaa;
    border-radius:3px;
    margin-right:7px;
    cursor:pointer;
}

/*KendoWindow popup styles*/
.k-window .k-window-titlebar.k-header {
    background:#0174C2;
    color:#fff;
    font-size:14px;
}

.k-window .messageContainer {
}

    .k-window .messageContainer ul {
        padding-left: 17px;
        margin:0;
    }

/*info*/
.k-window.kendoContainer.info .messageContainer {
}

/*warning*/
.k-window.kendoContainer.warning .messageContainer {
    font-size: 14px;
    padding:10px 10px 10px 5px;
}

.k-window .buttonContainer {
    text-align: right;
    padding: 10px 0 8px 0;
    border-top: 1px solid #bbb;
    margin:20px 5px 0 5px;
}
    .k-window .buttonContainer .k-button {
        text-align:center;
        font-size:12px;
        margin: 0 5px;
        padding:3px 13px;
    }


.k-window .buttonContainer .k-button {
    background-color: #D4D4D4;
    color: #222;
    border:1px solid #bbb;
    border-radius:4px;
}

    .k-window .buttonContainer  .k-button:hover {
        background-color: #ddd;
        border:1px solid #bbb;
    }


.k-window .k-window-actions .k-icon.k-i-close {
    background-position:-48px -16px;
}

.k-window .k-link {
    background-color:#fff;
}

.k-recur-view
{
    padding-top: 0.4em;
}
.k-recur-view input[type=checkbox], .k-recur-view input[type=radio]{
    width: auto !important;
}

.k-recur-view .k-edit-label
{
    float: left !important;
    width: 70px;
    padding: 0.4em 1em 1em;
    margin-left: auto;
}
.k-recur-view .k-edit-field
{
    float: left !important;
    width: auto;
}
.tsc_checked {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 3.4px 7px 0px 6px;
    background: transparent url('images/tri-state-sprite.png') no-repeat 0 0;
    background-position: 0 0;
    overflow: hidden;
}

.tsc_checked:hover {
    background-position: -13px 0px;
}

.tsc_unchecked {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 3.4px 7px 0px 6px;
    background: transparent url('images/tri-state-sprite.png') no-repeat 0 0;
    background-position: 0 -26px;
    overflow: hidden;
}

.tsc_unchecked:hover {
    background-position: -13px -26px;
}

.tsc_negative {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 3.4px 7px 0px 6px;
    background: transparent url('images/tri-state-sprite.png') no-repeat 0 0;
    background-position: 0 -13px;
    overflow: hidden;
}

.tsc_negative:hover {
    background-position: -13px -13px;
}

.tsc_label {
    margin-right: 5px;
    font-size: 10px;
}

/*Print Styles - Grids */

#printListContainer h2 {
    text-align: center;
}

.print {
    color:#000;
}

.print table {
    width:100%;
    margin-top:10px;
}

    .print table thead td {
        font-weight:bold;
        border-bottom:1px solid #000;
    }


.print .total {
    font-weight:bold;
    margin-top:5px;
}

/*Print Styles - Forms */

.printForm {
    color:#000;
}
    .printForm .tabSection {
        padding-bottom:25px;
        border-bottom:2px solid #666;
    }
        .printForm .tabSection .print table thead td {
            border-bottom: 1px solid #999!important;
        }

    .printForm h2 {
        padding:18px 0 8px 0;
        margin:0;
    }

    .printForm h3 {
        padding:20px 0 0 0;
        margin:0;
        font-size:1.3em;
    }

/*Print Styles - Form Values & Grid Filters */

    .printForm .formData, .print .filters {
        width: /*49%;*/ 33%;
        display:inline-block;
        padding-bottom:2px;
    }

        .printForm .formData .name, .print .filters .filtersName {
            font-weight:bold;
            display:inline-block;
            width:38%;
            float:left;
        }

        .printForm .formData .value, .print .filters .filtersValue {
            border:1px solid #000;
            display:inline-block;
            width:58%;
            min-height:20px;
            line-height:20px;
            padding-left:3px;
            vertical-align:middle;
            float:left;
        }


/*print only styles (will only apply to the printed sheet + print preview)*/
@media print {

    #header {
        display: none!important;
    }

    .print table tr, .print table td, .printForm .tabSection, .print{
        page-break-inside:avoid;
    }

}

    .chart-tile-wrapper{
        width: 250px;
        margin:0 auto;  
        padding-top: 10px;     
    }
    .chart-tile{  
        height: 250px;
        width: 250px;
        background: #bbbbbb; 
        display: table-cell;
        vertical-align: middle;
    }
    .chart-tile-value{
        text-align: center;
        font-size: 72px;
        font-weight: 600;
    }
    .chart-tile-text{
        text-align: center;
        font-size: 16px;
        font-weight: 600;
    }