/*
{*******************************************************************}
{                                                                   }
{       Copyright © 2012 - D.R.A. Computing Pty Ltd.                }
{       ALL RIGHTS RESERVED                                         }
{                                                                   }
{   The entire contents of this file is protected by Australian     }
{   and International Copyright Laws. Unauthorized reproduction,    }
{   reverse-engineering, and distribution of all or any portion of  }
{   the code contained in this file is strictly prohibited and may  }
{   result in severe civil and criminal penalties and will be       }
{   prosecuted to the maximum extent possible under the law.        }
{                                                                   }
{   RESTRICTIONS                                                    }
{                                                                   }
{   THIS SOURCE CODE AND ALL RESULTING INTERMEDIATE FILES           }
{   ARE CONFIDENTIAL AND PROPRIETARY TRADE                          }
{   SECRETS OF D.R.A. COMPUTING PTY LTD.                            }
{                                                                   }
{   THE SOURCE CODE CONTAINED WITHIN THIS FILE AND ALL RELATED      }
{   FILES OR ANY PORTION OF ITS CONTENTS SHALL AT NO TIME BE        }
{   COPIED, TRANSFERRED, SOLD, DISTRIBUTED, OR OTHERWISE MADE       }
{   AVAILABLE TO OTHER INDIVIDUALS WITHOUT EXPRESS WRITTEN CONSENT  }
{   AND PERMISSION FROM D.R.A. COMPUTING PTY LTD                    }
{                                                                   }
{   CONSULT THE END USER LICENSE AGREEMENT FOR INFORMATION ON       }
{   ADDITIONAL RESTRICTIONS.                                        }
{                                                                   }
{*******************************************************************}
*/

/*
    Screen Layout Styles
*/
html {
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

/* fixes layout issue caused on dx controls with no border for tables */
.dxeButtonEdit {
    border-collapse: separate;
    border-spacing: 1px;
}

.dxscApt .dxsc-apt-bg {
    opacity: 0.8;
}

input, textarea, select {
    font-family: Arial,Sans-serif;
}

body, .popup-body {
    margin: 0px;
    background-color: #D9EAF3; /* PaleGreen #EBFFEB, PaleBlue #E8F1F5    D9EAF3 */
    font-family: Verdana, Arial, sans-serif;
    font-size: 12px;
    color: #000;
    overflow-x: hidden;
}

.systemMessage {
    left: 0px;
    right: 0px;
    background-color: #FFF380;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
}


.header {
    margin: 0px 0px 0px 0px;
    border: 1px solid transparent;
    background-color: #357EC7; /* default - #357EC7; TAS - #00AEEF; */
    color: #ffffff;
    background-image: url('HeadingBG.jpg');
}

.titleIcon {
    /*position: absolute;*/
    display: inline-block;
}

.titleText {
    margin: 5px 10px 0px 7px;
    font-size: 18px;
    font-weight: 900;
}


.titleButtons {
    right: 5px;
    top: 5px;
}

.titlePerson {
    clear: both;
    margin: 0px 10px 5px 7px;
    font-size: 14px;
}

.menu {
    /*border: 1px solid black;*/
    width: 100%;
    border-top: solid 1px #A8A8A8;
    border-bottom: solid 1px #A8A8A8;
    background-color: #F0F0F0;
    overflow: hidden;
}

.page {
    padding-top: 10px;
    width: 100%;
}

.content {
    margin-left: auto;
    margin-right: auto;
    min-width: 980px;
    max-width: 980px;
}

.footer {
}

/*
    Font Styles
*/

h1 {
    color: CaptionText;
    font-size: 22px;
    font-weight: 500;
}

h2 {
    color: GrayText;
    font-size: 18px;
    font-weight: 500;
}

h3 {
    color: ButtonText;
    font-size: 14px;
    font-weight: 500;
}

em {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

.errorMessage {
    font-weight: bold;
    font-style: normal;
    color: #f00;
}

.alignTop {
    vertical-align: top;
}

a:link {
    color: #7f7f7f;
    text-decoration: none;
}

a:visited {
    color: #7f7f7f;
    text-decoration: none;
}

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

.disabled {
    background-color: #CFCFCF;
}

.divHyperlink {
    cursor: pointer;
    color: blue;
    text-decoration: underline;
}

.divDisplayInline {
    display: inline;
}

.divDisplayNone {
    display: none;
}

/*
    Flags / Menu Styles
*/

.flag-counter {
    color: White;
    position: absolute;
    top: -24px;
    left: 1px;
    font-size: 18px;
}

.flag-counter-light {
    color: black;
    position: absolute;
    top: -24px;
    left: 1px;
    font-size: 18px;
}

.pending-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.red-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.orange-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.yellow-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.green-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.blue-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.purple-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.black-flag {
    position: relative;
    padding: 0;
    margin: 0;
    top: 1px;
}

.activeServiceList {
}

/*
    Table and Field Styles
*/

.fieldInfo {
    background-image: url('/TSC-CDIS/SiteImages/Info16.png'); /*background-image: url('fieldInfo.gif');*/
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px; /* 16 for Info16.png || 10 for fieldInfo.gif */
    height: 16px;
    position: relative;
    margin: 3px;
    float: left;
}

.fieldInfoImportant {
    background-image: url('/TSC-CDIS/SiteImages/ImportantInfo16.png');
    background-repeat: no-repeat;
    cursor: pointer;
    width: 16px; /* 16 for fieldInfo16.png */
    height: 16px;
    position: relative;
    margin: 3px;
    float: left;
}

/* This style is required for the above fieldInfo to work */
.dxeControlsCell table {
    /* float: left; */ /* This broke the calendar footer, so we need to find a new way */
}

.centredAutoMargin {
    margin-left: auto;
    margin-right: auto;
}

.headerRow {
    width: 100%;
    background-color: #0077AA; /* Grey rgb(240, 240, 240) */ /* background-color: rgb(240, 240, 240); */
    border: 1px solid #0077AA; /* DarkGrey #9F9F9F - Blue #0077AA */
    border-collapse: collapse;
    border-spacing: 0;
    font-weight: bold;
    color: #fff;
}

    .headerRow td {
        padding: 5px;
        text-indent: 15px;
    }

.headerRowNoPad {
    width: 100%;
    background-color: #0077AA; /* Grey rgb(240, 240, 240) */ /* background-color: rgb(240, 240, 240); */
    border: 1px solid #0077AA; /* DarkGrey #9F9F9F - Blue #0077AA */
    border-collapse: collapse;
    border-spacing: 0;
}

    .headerRowNoPad td {
        font-weight: bold;
        color: #fff;
    }

.importantMessage {
    color: red;
}


.pedsHeader {
    width: 100%;
    background-color: #0077AA; /* Grey rgb(240, 240, 240) */ /* background-color: rgb(240, 240, 240); */
    border: none;
}

    .pedsHeader td {
        font-weight: bold;
        color: #fff;
        padding-left: 4px;
        padding-right: 4px;
        text-align: center;
        width: 40px;
    }

.pedsBody td {
    padding-left: 4px;
    padding-right: 4px;
    border-style: solid;
    border-color: darkgray;
    border-width: 1px;
}

.pedsColumnHeader {
    text-align: left;
    background-color: white;
}

.pedsShadedCell {
    background-color: lightgrey;
    text-align: center;
}

.pedsUnshadedCell {
    background-color: white;
    text-align: center;
}

.headerRowLabel {
    font-weight: bold;
    color: #fff;
}

.groupAttendenceOutcomeCell {
    font-weight: bold;
    color: #fff;
    width: 50px;
}

.PersonNotInformationSharing {
    background-color: #FFAAAA !important;
}

.PersonPurged {
    background-color: #B5B5B5 !important;
}

.subHeaderRow {
    font-weight: bold;
    margin-bottom: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
}

.subHeaderRowLabel {
    font-weight: bold;
    color: #000000;
}

.subHeaderRow {
    font-weight: bold;
    margin-bottom: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
}

.subHeaderRowNoBorder {
    font-weight: bold;
    margin-bottom: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
}

.subHeaderRowLabel {
    font-weight: bold;
    color: #000000;
}

.assessmentToolSubHeaderRow {
    width: 100%;
    background-color: #C0C0C0; /* Grey rgb(240, 240, 240) */ /* background-color: rgb(240, 240, 240); */
    border: 1px solid #C0C0C0; /* DarkGrey #9F9F9F - Blue #0077AA */
    border-collapse: collapse;
    border-spacing: 0;
}

    .assessmentToolSubHeaderRow td {
        padding: 5px;
        text-indent: 15px;
    }

.assessmentToolSubHeaderRowLabel {
    font-style: italic;
    font-weight: bold;
    color: #fff;
}

.mergeGridSelected {
    background-color: #66FF33;
}

.multiCellHeaderRow {
    width: 100%;
    background-color: #0077AA; /* Grey rgb(240, 240, 240) */ /* background-color: rgb(240, 240, 240); */
    border: 1px solid #0077AA; /* DarkGrey #9F9F9F - Blue #0077AA */
    border-collapse: collapse;
    border-spacing: 0;
}

    .multiCellHeaderRow td {
        padding: 5px;
    }

.multiCellHeaderRowLabel {
    font-weight: bold;
    color: #fff;
}

.gridDataRow {
    margin-bottom: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    vertical-align: top;
    background-color: White;
    height: 25px;
    word-wrap:break-word;
}

.gridDataRow td {
    padding-top: 3px;
}

.gridDataRowNoHover {
    margin-bottom: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    vertical-align: top;
    background-color: White;
    height: 25px;
    word-wrap:break-word;
}

.gridDataRowNoHover td {
    padding-top: 3px;
}


.gridDataRowNoHeight {
    margin-bottom: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    vertical-align: top;
    background-color: White;
}

.gridDataRowSearch {
    margin-bottom: 5px;
    /*border-top: 1px solid black;*/
    /*border-bottom: 1px solid black;*/
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    background-color: White;
    height: 25px;
}


    .gridDataRowSearch:hover {
        background-color: #CFCFCF;
    }

    .gridDataRowSearch td {
        padding-left: 5px;
        vertical-align:top;
    }

.gridDataMultiRow {
    margin-bottom: 5px;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    background-color: White;
    height: 25px;
}

.gridDataMultiEndRow {
    margin-bottom: 5px;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    border-spacing: 0;
    padding: 0px;
    background-color: White;
    height: 25px;
}


.gridDataRowSelected {
    background-color: #CFCFCF;
}

.gridDataRow:hover {
    background-color: #CFCFCF;
}


.gridnew {
    border: 1px Solid #9F9F9F;
    font: 12px Tahoma, Geneva, sans-serif;
    background-color: #F2F2F2;
    color: black;
    cursor: default;
}


.gridLookHeader td {
    color: white;
    background-color: #0077AA;
    width: 250px;
    border-top-width: 0px;
    border-left-width: 0px;
    cursor: pointer;
    white-space: nowrap;
    padding: 4px 6px;
    border: 1px Solid #9F9F9F;
    overflow: hidden;
    font-weight: normal;
    text-align: left;
}

.gridLookDataRow {
    overflow: hidden;
    border-bottom: 1px Solid #CFCFCF;
    border-right: 1px Solid #CFCFCF;
    border-top-width: 0px;
    border-left-width: 0px;
    padding: 3px 6px 4px;
    margin-bottom: 5px;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    border-collapse: collapse;
    background-color: White;
    height: 25px;
}

.gridLookDataRow td {
    overflow: hidden;
    border-bottom: 1px Solid #CFCFCF;
    border-right: 1px Solid #CFCFCF;
    border-top-width: 0px;
    border-left-width: 0px;
    padding: 3px 6px 4px;
}

.gridLookDataRowSelected {
    background-color: #CFCFCF;
}

.gridLookDataRow:hover {
    background-color: #CFCFCF;
}

.gridLookDataRow td {
    padding-top: 3px;
}

.genericSpacer {
    height:5px;
}

.labelCell {
    text-align: right;
    width: 250px;
}

.labelCellAssessmentWide {
    text-align: right;
    width: 450px;
}

.labelCellAssessmentExtraWide {
    text-align: right;
    width: 550px;
    min-width:550px
}

.labelCellMinWidth {
    text-align: right;
    white-space: nowrap;
}

.labelCellSmallIndent {
    text-align: right;
    width: 100px;
    white-space: nowrap;
}

.labelCellTop {
    vertical-align: top;
    text-align: right;
    width: 250px;
}

.labelCellPopup {
    text-align: right; /*min-width: 150px;*/
    max-width: 600px;
}


.labelCellPopupLeft {
    text-align: right; /*min-width: 150px;*/
    white-space: nowrap;
    width: 250px;
}

.labelCellPopupTop {
    vertical-align: top;
    text-align: right;
    width: 150px;
}

.uppercaseTextBox input {
    text-transform: uppercase;
}

.appointmentFormStatusMessage {
    font-weight: bold;
    color: Red;
    font-style: italic;
    font-size: medium;
}

.appointmentFormSMSWarningMessage {
    color: Red;
}

.monthRepeater td {
    border-right: 1px solid #9f9f9f;
    min-width: 6px;
    height: 100%;
}

.casllsMonthRepeater td {
    border-right: 1px solid #9f9f9f;
    min-width: 5px;
    height: 100%;
}

/* 
schedule column container
 */
#schdContainerOuter {
    position: relative; /* This fixes the IE7 overflow hidden bug */
    clear: both;
    float: left;
    width: 100%; /* width of whole page */
    overflow: hidden; /* This chops off any overhanging divs */
    background: #fff;
}

#schdContainerInner {
    float: left;
    position: relative;
    right: 25%;
}

#schdContainerColLeft {
    float: left;
    position: relative;
    width: 75%;
    left: 25%;
}

#schdContainerColRight {
    float: left;
    position: relative;
    width: 25%;
    left: 25%;
}

#schdAppointmentDetails {
    overflow-y: scroll;
    overflow-x: none;
    word-wrap: break-word;
    padding: 2px;
}

.informationMessageLarge {
    font-size: 14px;
    width: 974px;
    color: Red;
    background-color: #f0f0f0;
    outline: solid 1px #A8A8A8;
    text-align: center;
    /*padding: 2px;*/
    margin-top: 5px;
    position: relative;
    top: 0;
}

.informationMessageLargeLeftAlign {
    font-size: 14px;
    width: 100%;
    background-color: #f0f0f0;
    outline: solid 1px #A8A8A8;
    /*padding: 2px;*/
    margin-top: 5px;
    position: relative;
    top: 0;
}

.SessionExpireMessage {
    color: Red;
    font-weight: bold;
    font-size: 14px;
    height: 30px;
    width: 90%;
    padding-top: 11px;
    border: Solid 1px #FD4D3E;
    text-align: center;
    background-image: url(Images/bgError.png);
    position: absolute;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    top: 0px;
}



.messagepop {
    background-color: #FFFFFF;
    border: 1px solid #999999;
    cursor: default;
    display: none;
    margin-top: 15px;
    position: absolute;
    text-align: left;
    z-index: 50;
    padding: 25px 25px 20px;
}

    .messagepop p, .messagepop.div {
        border-bottom: 1px solid #EFEFEF;
        margin: 8px 0;
        padding-bottom: 8px;
    }

.listHighlight {
    background-color: #CCFFCC !important;
}

div.RedWarningBox {
    text-align: center;
    padding-top: 20px;
    padding-bottom: 10px;
    height: auto;
}

span.RedWarningBox {
    color: red;
    border-color: red;
    border-style: solid;
    border-width: thin;
    padding: 10px;
    display: inline-block;
}
/* Start: HumanResourcesSchedulerControl*/
.StaffDetails {
    position: relative;
}

.StaffDropDetails {
    position: absolute;
    background: white;
    border: 1px solid #D1C9C2;
    border-top: 0;
    margin: 0 auto;
    width: 201px;
    text-align: left;
    z-index: 9999;
}

.StaffDropScroll {
    height: 300px;
    overflow-y: auto;
}
/* End: HumanResourcesSchedulerControl*/


.PersonDeceased {
    color: #A7A7A7 !important;
    font-style: italic !important;
    background-color: #FAFAD2 !important;
}


.fixedTitle {
    position: fixed;
    top: 0;
    left: 0 !important;
    width: 100%;
    margin: 0px 10px 5px 0px;
    padding: 5px 5px 5px 5px;
    color: #ffffff;
}

.fixedWidthTable {
    table-layout: fixed;
    width: 100%;
}

.editorCell {
    width: 100%;
}

.editorInline {
    display: inline-table; /*Allows dx controls to be horizontally layed out*/
    vertical-align: middle; /* Fixes label alignment in editor cells*/
}

/* This is used to contain the add/remove/delete editor buttons*/
.editorControlsCell {
    width: 40px;
    text-align: right;
}

.horizontalScroll {
    width: 980px;
    overflow-x: auto;
    white-space: nowrap;
}

.defaultFont {
    font: inherit;
}

.rowWordwrap {
    word-break:break-word;
}

/*
    Style for floating element which overlaps other controls on screen, used with hover over function much like tooltip
*/
.overlay {
        display: none;
        position: absolute;
        z-index: 999;
        text-align: center;
        border-radius: 6px;
        padding: 5px 5px 5px 5px;
        background-color: whitesmoke;
        border:solid;
        border-width:1px;
        border-color:slategrey;
}

.borderedTable td {
    border-left: 1px solid black;
    border-right: 1px solid black;
    padding-left: 5px;
    padding-right: 5px;
}

.borderedTable th {
    white-space: nowrap;
    padding-right: 10px;
}

.popupDiv {
    padding:5px;
}

.gridLookTable {
    background-color: White;
    border-width: 0;
    border-collapse: separate !important;
    overflow: hidden;
}

.gridLookRow td.gridLook {
    overflow: hidden;
    border-bottom: 1px Solid #CFCFCF;
    border-right: 1px Solid #CFCFCF;
    border-top-width: 0;
    border-left-width: 0;
    padding: 3px 6px 4px;
}

/* Ensures text breaks and wraps properly when necessary */
.overflowWrap {
    /* Allows long words without spaces to break and wrap to the next line if they exceed the container's width */
    overflow-wrap: break-word;
    /* Preserves whitespace (spaces, tabs, and newlines) in the text and allows the text to wrap */
    white-space: pre-wrap;
}