body {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

body, img, p, h1, h2, h3, h4, h5, h6, ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
    border: none;
}

@media screen {
    .sensitiveStaffNameScreen {
        display: block;
    }
    .sensitiveStaffNamePrint {
        display: none;
    }
    .actionIcons {
        display: block;
    }

    nav {
        display: block;
    }
}

@media print {
    .sensitiveStaffNameScreen {
        display: none;
    }
    .sensitiveStaffNamePrint {
        display: block;
    }
    .actionIcons {
        display: none;
    }

    nav {
        display: none;
    }
}

.clear {
    position: static;
    clear: both;
}

.faceSheetTitle {
    text-align: center;
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
    border-top: 1px solid black;
}

.filterContactNoteLabel {
    text-align: left;
    font-size: 1.4em;
    font-weight: bold;
}

.filterContactNotes {
    font-size: .75em;
    font-weight: normal;
    font-style: italic;
}

.scroll {
    overflow: auto;
    overflow-x: hidden;
}

#printTitle {
    font-size: 16pt;
    font-weight: bold;
}

#headerlogo {
    padding: 10px 0 0 10PX;
    border: 0;
    height: 70px;
    cursor: pointer;
}

#mobileHeaderlogo {
    padding: 10px 0 0 10PX;
    border: 0;
    height: 35px;
    cursor: pointer;
}

#headerText {
    font-size: 2em;
}

#mobileHeaderText {
    font-size: 1.3em;
}

a, a:active, a:visited {
    text-decoration: none;
    color: #C41100;
}

a:hover {
    text-decoration: underline;
    color: #FF7E00;
}

h1 {
    color: #C41100;
    font-size: 18px;
}

h2 {
    color: #C41100;
}

#header {
    color: #000;
    margin-bottom: 10px;
    text-align: center;
    position: relative; //
    background-image: url('../graphics/main_bg.png');
    background-repeat: repeat-x;
}

#printHeader {
    color: #000;
}

body {
    margin: 0 auto;
    padding: 0;
    text-align: center;
    font-family: 'Telex', candara, Arial, sans-serif;
    font-size: 13px;
    color: #222;
    background-color: #fff;
    background-repeat: repeat-x;
}

.siteHeadings {
    font-family: 'Merriweather Sans', sans-serif;
    padding-right: 10px;
}

@media screen {
    #container {
        width: 1280px;
    }
}

#container {
    text-align: left;
    margin: 0px auto;
    position: relative;
    height: auto;
    background-color: #fff;
}

#mobileContainer {
    width: 490px;
    text-align: left;
    margin: 0px auto;
    position: relative;
    height: auto;
    background-color: #fff;
}

#reportContainer {
    width: 600px;
    text-align: center;
    margin: 0px auto;
    position: relative;
    height: auto;
}

#welcomeTable {
    width: 1280px;
}

#mobileWelcomeTable {
    width: 490px;
}

.welcomeSpacer {
    height: 7px;
}

.welcomeTab1 {
    text-align: left;
    border-style: solid;
    border-width: 1px 1px 0 1px;
    border-color: #000;
}

.welcomeTabOthers {
    text-align: left;
    border-bottom: 1px solid #000;
}

.welcomeTabCenter {
    text-align: center;
    border-bottom: 3px solid #000;
}

.welcomeTabRight {
    text-align: right;
    border-bottom: 3px solid #000;
}

#clientAppTitle {
    color: #000;
    font-size: 1.3em;
    font-weight: bold;
    text-align: center;
}

#homeTable {
    width: 98%;
    border-collapse: separate;
    empty-cells: show;
}

#reportLeftBubble {
    width: 150px;
    height: 225px;
}

#reportRightBubble {
    height: 225px;
}

.homeSpacerS {
    height: 15px;
}

.homeSpacerL {
    height: 5px;
}

.homeLinkHeader {
    font-size: 1.3em;
    font-weight: bold;
    padding: 3px;
}

.gr_title {
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    color: #000;
    padding-left: 12px;
}

.gr_title2 {
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    color: #ececec;
    padding-left: 12px;
}

.gr_title:hover, .gr_title2:hover, .gr_titleSM:hover {
    cursor: pointer;
    color: #006633;
}

.gr_title2_active {
    text-align: left;
    font-size: 1.3em;
    font-weight: bold;
    padding-left: 12px;
    color: #090909;
    background-color: #999;
}

.gr_titleSM {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 0px;
    color: #000;
    background-color: #999;
    padding:0px 10px 0px 10px;
    border-radius:5px 5px 0px 0px;
}

.gr_titleSM_active {
    text-align: center;
    font-size: 1.1em;
    font-weight: bold;
    padding-left: 0px;
    color: #fff;
    background-color: #999;
    padding:0px 10px 0px 10px;
    border-radius:5px 5px 0px 0px;
}

.newInterface {
    font-weight: bold;
    color: orange;
}

.newInterface:hover {
    cursor: pointer;
}

.homeLinkRow {
    height: 18px;
}

.homeLinkBox {
    text-align: left;
    vertical-align: middle;
}

.homeLinkBox:hover {
    cursor: pointer;
    text-decoration: underline;
    background: white;
}

#content {
    min-height: 600px;
    margin-bottom: 20px;
    float: left;
}

.contentFull {
    width: 100%;
    padding: 0;
}

.contentWithRight {
    width: 832px;
}

.contentWithLeft {
    width: 872px;
}

.contentSmall {
    width: 724px;
}

.criticalIncident {
    display: block;
}

.criticalIncidentPersonInitiatingOtherText {
    display: none;
}

.criticalIncidentPersonAtRiskOtherText {
    display: none;
}

.criticalIncidentPersonServicesOtherText {
    display: none;
}

.criticalIncidentPersonServicesPolice {
    display: none;
}

.AdditionalStaff {
    display: none;
}

.TransGender {
    display: none;
}

@media print {
    #footer {
        display: none;
    }
}

@media screen {
    #footer {
        display: block;
    }
}

#footer {
    position: relative;
    clear: both;
    font-size: 10px;
    text-align: center;
    background-color: #eee;
    margin-top: 10px;
    border: 1px solid black;
}

#printFooter {
    width: 100%;
    clear: both;
    font-size: 10px;
    text-align: center;
    background-color: #eee;
    border: 1px solid black;
}

#popupShadow {
    position: fixed;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    margin-bottom: 20px;
}

#popup {
    position: absolute;
    display: block;
    border: 3px solid #333;
    background-color: #eee;
    border: 1px solid black;
    z-index: 1000;
    border-radius: 10px;
    overflow: hidden;
}

.popupTitleBar {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    background: #ccc;
    padding: 0 0 0 4px;
    border-bottom: 1px solid #000;
    border-radius: 10px 10px 0px 0px;
}

.popupTitleBarClose {
    height: 17px;
    width: 43px;
    background-image: url('../graphics/close.jpg');
    position: absolute;
    top: 0px;
    right: 0px;
    border-radius: 0px 10px 0px 0px;
}

.popupTitleBarClose:hover {
    background-image: url('../graphics/close2.jpg');
}

#popupAlert {
    position: relative;
    display: block; //
    border: 3px solid #333;
    background-color: #EEE;
    border: 0px transparent;
    z-index: 778;
    border-radius: 10px;
}

#popupAlert table {
    border-radius: 10px;
}

.checkInAlert {
    position: fixed;
    width: 420px;
    top: 0px;
    right: 0px;
    height: 90%;
}

.checkInAlertLabel {
    position: fixed;
    width: 130px;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    padding: 0px 20px 0px 20px;
    top: 150px;
    right: -65px;
    background-color: #C41100;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    color: #fff;
    font-size: 18px;
    z-index: 990;
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

@media print {
    .checkInAlertData, .checkInAlertLabel {
        display: none;
    }
}

.checkInAlertData {
    position: fixed;
    width: 400px;
    height: 100%;
    margin: 0px;
    padding: 0px;
    top: 0px;
    right: -402px;
    z-index: 1000;
    border-top-left-radius: 10px;
    border: solid 1px;
    background-color: #eee;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}

.checkInAlertScroller {
    width: 100%;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.checkInAlertTitleBar {
    text-align: left;
    font-size: 1.1em;
    font-weight: bold;
    color: #000;
    background: #ccc;
    padding: 0 0 0 4px;
    border-bottom: 1px solid #000;
    border-top-left-radius: 10px;
}

.checkInAlertRowHeader {
    height: 20px;
    background-color: #eee;
    border-bottom: 1px dotted #000;
    padding-left: 10px;
}

.checkInAlertRow {
    height: 20px;
    background-color: #eee;
    padding-left: 10px;
}

.checkInAlertRow2 {
    height: 20px;
    background-color: #ccc;
    padding-left: 10px;
}

.checkInAlertStaff {
    float: left;
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.checkInAlertClient {
    float: left;
    width: 30%;
    white-space: nowrap;
    overflow: hidden;
    text-align: left;
}

.checkInAlertTime {
    float: left;
    width: 25%;
    white-space: nowrap;
    overflow: hidden;
}

.checkInAlertAction {
    float: left;
    width: 15%;
    color: blue;
    white-space: nowrap;
    overflow: hidden;
}

.checkInAlertAction:hover {
    cursor: pointer;
    text-decoration: underline;
}

#appNavMenu {
    float: left;
    width: 154px;
}

#appContentBlock {
    float: left;
    width: 775px;
    margin: 5px 0 0 -7px;
}

.appTab {
    font-size: 1.0em;
    width: 143px;
    text-align: left;
    vertical-align: middle;
    margin: 5px 0 0 0;
    padding: 6px 0 8px 4px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 1px 0;
    background: #eee;
    float: left;
    white-space: nowrap;
}

.appTabSpacer {
    margin: 5px 0 0 0;
    width: 4px;
    height: 29px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 1px 1px;
    background: #FF7E00;
    clear: left;
    float: left;
    white-space: nowrap;
}

.appTab:hover {
    color: #C41100;
    cursor: pointer;
}

.appTab2 {
    font-size: 1.0em;
    width: 143px;
    text-align: left;
    vertical-align: middle;
    margin: 5px 0 0 0;
    padding: 6px 0 6px 4px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 1px 0;
    background: #eee;
    float: left;
}

.appTabSpacer2 {
    margin: 5px 0 0 0;
    width: 5px;
    height: 27px;
    border-style: solid;
    border-color: black;
    border-width: 1px 0 1px 1px;
    background: yellow;
    float: left;
}

.appTab2:hover {
    color: #C41100;
    cursor: pointer;
}

.appPage {
    width: 805px;
    min-height: 450px;
    border: 1px solid black;
    display: none;
    margin-left: 7px;
    padding: 10px;
    text-align: center;
}

#appNavBlock {
    clear: both;
    width: 957px;
    height: 20px;
    background: #eee;
    border: 1px solid black;
    margin-left: 0px;
    margin-top: 3px;
    padding: 10px;
}

.appNavBlockItem {
    float: right;
    margin-left: 20px;
}

.appNavBlockItem input {
    width: 100px;
}

.tsTable {
    width: 700px;
    margin: 0 auto;
    border: 1px solid black;
    border-collapse: collapse;
    font-weight: bold;
}

.tsTable2 {
    width: 865px;
    margin: 0 auto;
    border: 1px solid black;
    border-collapse: collapse;
    font-weight: bold;
}

.tsTable tr, .tsTable2 tr {
    height: 30px;
}

.tsTable td, .tsTable2 td {
    border: 1px solid black;
    background-repeat: no-repeat;
    background-position: center;
}

.tsColLabel {
    width: 90px;
    text-align: center;
}

.tsColLabel2 {
    width: 60px;
    text-align: center;
}

.tsRowLabel {
    width: 160px;
    padding-right: 5px;
    text-align: right;
}

.tsInput {
    padding-left: 5px;
    text-align: left;
}

.tsNoWork {
    background-color: #00c;
}

.tsOneDay {
    background-color: #d0a;
}

.tsDeadCell {
    background-color: #ccc;
}

.tsDeadCell:hover {
    cursor: not-allowed;
}

.tsOtherCell:hover, .tsNoWork:hover, .tsOneDay:hover {
    cursor: pointer;
}

.sympTable {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    font-weight: bold;
}

.sympTable tr {
    height: 60px;
}

.sympTable td {
    border: 1px solid black;
}

.sympID {
    width: 20px;
    padding-left: 5px;
}

.sympTitle {
    padding-left: 5px;
}

.sympScore {
    text-align: center;
    width: 65px;
}

.catTable {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
}

.catTable td {
    border: 1px solid black;
}

.catTitle {
    padding-left: 5px;
    font-weight: bold;
}

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

.catScore {
    width: 55%;
}

.catRadio {
    padding: 0 5px;
}

#BPRSScoreTitle {
    float: left;
    margin: 0 15px 0 0;
    font-weight: bold;
}

#BPRSScore {
    float: left;
    margin: 15px 0 0 165px;
    font-size: 4em;
    font-weight: bold;
}

.honosTable {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    font-weight: bold;
}

#HONOSScoreTitle {
    float: left;
    margin: 0 15px 0 0;
    font-weight: bold;
}

#HONOSScore {
    float: left;
    margin: 15px 0 0 15px;
    font-size: 4em;
    font-weight: bold;
}

.honosTitle {
    font-size: 1.3em;
    font-weight: bold;
}

.mgafTable {
    width: 100%;
    border: 0;
}

.mgafCat {
    border: 1px solid black;
    background: #ccc;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

.mgafGroup {
    font-style: italic;
}

.substanceTable {
    width: 85%;
    border: 0;
    empty-cells: show;
    border-collapse: collapse;
}

.substanceTable td {
    border-bottom: 1px solid black;
    empty-cells: show;
    padding: 2px 0;
}

.substanceHeader {
    border: 1px solid black;
    background: #ccc;
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
}

.substanceTitle {
    color: #000;
    font-weight: bold;
    font-size: 1.2em;
    text-align: left;
}

.critRangeVal {
    font-weight: bold;
}

.mgafScoreTitle {
    width: 30%;
    font-weight: bold;
    font-size: 1.5em;
}

.mgafScoreBox {
    width: 80px;
    font-weight: bold;
    font-size: 1.5em;
}

.assTable {
    width: 100%;
    border: 2px solid black;
    border-collapse: collapse;
}

.assTable tr {
    height: 25px;
}

.assTable td {
    padding-left: 10px;
    width: 50%;
    border: 1px solid black;
    vertical-align: middle;
}

.assTable2 {
    width: 100%;
    border: 2px solid black;
    border-collapse: collapse;
}

.assTable2 tr {
    height: 40px;
}

.assTable2 td {
    padding-left: 10px;
    border: 1px solid black;
    vertical-align: middle;
}

.appTable {
    width: 800px;
    border: 1px solid black;
    border-collapse: collapse;
    empty-cells: show;
}

.appSubTable {
    width: 100%;
    text-align: left;
}

.appSubTable td {
    padding-left: 5px;;
}

.appSubTableTitle {
    font-size: 1em;
    font-weight: bold;
    padding: 3px 0 3px 0;
    text-align: center;
    border-bottom: 1px solid black;
}

.appSubTableLabel {
    font-size: 1em;
    font-weight: bold;
    padding: 3px 0 3px 0;
    text-align: right;
}

.largerFont {
    font-size: 1.2em;
}

.incCol {
    width: 70px;
    text-align: right;
    padding-right: 8px;
}

.appTableTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0 10px 0;
    text-align: center; //
    border-bottom: 1px solid black;
}

.appTableLabel {
    width: 40%;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: text-top;
}

.appTableLabel2 {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
    vertical-align: text-top;
}

.appTableInput {
    width: 30%;
    text-align: left;
}

.appTableInputS {
    width: 7%;
    text-align: center;
}

.appTableInfo {
    width: 30%;
    font-style: italic;
    text-align: left;
    font-size: .9em;
}

.appMHCatTitle {
    font-size: 1.1em;
    font-weight: bold;
}

.alRt {
    text-align: right;
}

.tb30 {
    width: 30px;
}

.tb30C {
    text-align: center;
    width: 30px;
}

.tb50 {
    width: 50px;
}

.tb70 {
    width: 70px;
}

.tb70C {
    text-align: center;
    width: 70px;
}

.tb75 {
    width: 75px;
}

.tb50Rt {
    width: 50px;
    text-align: right;
}

.tb90 {
    width: 90px;
}

.tb100 {
    width: 100px;
}

.tb110 {
    width: 110px;
}

.tb145 {
    width: 145px;
}

.tb150 {
    width: 150px;
}

.tb175 {
    width: 175px;
}

.tb195 {
    width: 195px;
}

.tb200 {
    width: 200px;
}

.tb220 {
    width: 220px;
}

.tb250 {
    width: 250px;
}

.tb290 {
    width: 290px;
}

.tb300 {
    width: 300px;
}

.tb350 {
    width: 300px;
}

.tb380 {
    width: 380px;
}

.tb400 {
    width: 400px;
}

.tb450 {
    width: 450px;
}

.tb550 {
    width: 550px;
}

.tb650 {
    width: 650px;
}

.tb700 {
    width: 700px;
}

.tbSmallFont {
    font-size: .8em;
}

.tbSmallFontBold {
    font-size: .9em;
    font-weight: bold;
    text-align: right;
}

.cb35 {
    width: 35px;
}

.cb50 {
    width: 50px;
}

.cb50c {
    width: 50px;
    text-align: center;
}

.cb65 {
    width: 65px;
}

.cb75 {
    width: 75px;
    text-align: center;
}

.cb85 {
    width: 85px;
    text-align: center;
}

.cb100 {
    width: 100px;
}

.cb110 {
    width: 110px;
}

.cb125 {
    width: 125px;
}

.cb140 {
    width: 140px;
}

.cb150 {
    width: 150px;
}

.cb175 {
    width: 175px;
}

.cb200 {
    width: 200px;
}

.cb220 {
    width: 220px;
}

.cb300 {
    width: 300px;
}

.cb325 {
    width: 325px;
}

.cb400 {
    width: 400px;
}

.smallTA {
    height: 40px;
    width: 200px;
}

.medTA {
    height: 50px;
    width: 370px;
}

.largeTA {
    height: 200px;
    width: 500px;
}

.listTableTabs {
    border-collapse: collapse;
    margin: 0 auto;
}

.listTable {
    width: 80%;
    border-collapse: collapse;
    margin: 0 auto;
}

.listTable tr {
    height: 18px;
}

.listTable td {
    border: 1px solid black;
}

.listTableVOC {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}

.listTableVOC tr {
    height: 18px;
}

.listTableVOCTD {
    border: 1px solid black;
}

.listTableRowVOCLastCol {
    text-align: center;
    background: #fff;
}

.listTableHeadingVOC {
    background: #fff;
    font-weight: bold;
    text-align: center;
}

.listTableHeadingVOCStart {
    border-left: 1px solid black;
}

.listTableHeadingVOCEnd {
    border-right: 1px solid black;
}

.listTableCL {
    width: 80%;
    border-collapse: collapse;
    margin: 0 auto;
    font-size: 1.2em;
    line-height: 150%;
}

.listTableCL tr {
    height: 18px;
}

.listTableCLTD { //
    border: 1px solid black;
    padding-left: 15px;
}

.listTableRowCLLastCol {
    text-align: center;
    background: #fff;
}

.listTableHeadingCL {
    background: #fff;
    font-weight: bold;
    text-align: center;
    font-size: 1.2em;
}

.listTableHeadingCLStart { //
    border-left: 1px solid black;
}

.listTableHeadingCLEnd { //
    border-right: 1px solid black;
}

.listTablePhases {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}

.listTablePhases tr {
    height: 18px;
}

.listTablePhasesTD {
    font-size: .8em;
    border: 1px solid black;
}

.listTablePhasesTDNoBorder {
    font-size: .8em;
}

.listTableLarge {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}

.listTableLarge tr {
    height: 18px;
}

.listTableLarge td {
    border: 1px solid black;
}

.listTableSmall {
    width: 60%;
    border-collapse: collapse;
    margin: 0 auto;
}

.listTableSmall tr {
    height: 18px;
}

.listTableSmall td {
    border: 1px solid black;
}

.listTableTiny {
    width: 30%;
    border-collapse: collapse;
    margin: 0 auto;
}

.listTableTiny tr {
    height: 18px;
}

.listTableTiny td {
    border: 1px solid black;
}

.listTableTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding: 10px 0 10px 0;
    text-align: center;
}

.listTableHeading {
    background: #fff;
    font-weight: bold;
    text-align: center;
    border: 1px solid black;
}

.listTableRow {
    background: #fff;
}

.listTableRowAlt {
    background: #ccc;
}

.listTableRow:hover, .listTableRowAlt:hover {
    background: #ada;
    cursor: pointer;
}

.listRow {
    background: #fff;
}

.listRowAlt {
    background: #ccc;
}

.listRowLite {
    background: #fff;
}

.listRowLiteAlt {
    background: #eee;
}

.listRowLink {
    background: #fff;
}

.listRowLinkAlt {
    background: #ccc;
}

.listRowUL {
    background: #fff;
}

.listRowULAlt {
    background: #ccc;
}

.listRowULAlt2 {
    background: #eee;
}

.listRowUL td, .listRow2UL td {
    border-top: 1px solid black;
}

.listRowULAlt td {
    border-top: 1px solid black;
}

.listRowULAlt2 td {
    border-top: 1px solid black;
}

.listRow:hover, .listRowAlt:hover, .listRowUL:hover, .listRowULAlt:hover,
    .listRowULAlt2:hover {
    background: #ada;
}

.listRowLink:hover, .listRowLinkAlt:hover {
    background: #ada;
    cursor: pointer;
}

.imgLink {
    cursor: pointer;
}

.imgLink2 {
    border: 1px solid #fff;
    padding: 6px;
}

.imgLink2:hover {
    cursor: pointer;
    border: 1px dotted #000;
}

.txtLink:hover {
    text-decoration: underline;
    cursor: pointer;
}

.contNoteTable {
    width: 100%;
    border-collapse: collapse;
    margin: 0 auto;
}

.contNoteTable2 {
    width: 700px;
    border-collapse: collapse;
    margin: 0 auto;
    border: 2px solid #000;
}

.contNoteTitle {
    font-size: 1.4em;
    font-weight: bold;
    color: #fff;
    padding: 10px 0 10px 0;
    text-align: center;
    border-bottom: 2px solid #000;
    background-image: url('../graphics/clbg.png');
    background-repeat: repeat-x;
}

.criminalTab {
    font-weight: bold;
    text-align: right;
    padding-right: 4px;
    background: #000;
    color: #eee;
}

.contNoteHeading {
    font-weight: bold;
    text-align: right;
    padding-right: 4px;
}

.contNoteHeading2 {
    font-weight: bold;
    text-align: center;
}

.contNoteHeading3 {
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
}

.contNoteRow {
    height: 26px;
    text-align: left;
    vertical-align: middle;
}

.contNoteToggleTable {
    font-size: 1.2em;
    width: 675px;
    border-collapse: collapse;
    margin: 0 auto;
    background: #fff;
}

.contNoteSubTable {
    width: 675px;
    border-collapse: collapse;
    margin: 0 auto;
    border: 1px solid #000;
    background: #fff;
}

.contNoteSubTable2 {
    width: 575px;
    border-collapse: collapse;
    margin: 0 auto;
    border: 1px solid #000;
    background: #fff;
}

#clientsGCN {
    width: 310px;
    height: 150px;
    border: 1px solid #333;
    margin: 0 auto;
    text-align: left;
    overflow: auto;
}

#clientsGCN2 {
    width: 217px;
    height: 80px;
    border: 1px solid #333;
    text-align: left;
    overflow: auto;
}

.btnCanc {
    width: 100px;
    color: red;
}

.btnSave {
    width: 100px;
    color: green;
}

.btn200 {
    width: 200px;
}

.goalTab {
    font-size: 1.0em;
    min-width: 76px;
    height: 30px;
    margin-left: 7px;
    text-align: center;
    padding: 2px 4px 2px 4px;
    border-style: solid;
    border-color: black;
    border-width: 1px 1px 0 1px;
    background: #eee;
    float: left;
    vertical-align: middle;
}

.goalTabText {
    vertical-align: middle;
    font-weight: bold;
}

.goalTabTextEmpty {
    vertical-align: middle;
    color: #999;
}

.goalTab:hover {
    color: #C41100;
    cursor: pointer;
}

.xgoalPage {
    clear: both;
    width: 825px;
    min-height: 400px;
    border: 1px solid black;
    display: none;
    margin-left: 7px;
    padding: 10px;
    text-align: center;
}

.goalTable {
    width: 100%;
    border: 1px solid black;
    border-collapse: collapse;
    empty-cells: show;
}

#goalNavBlock {
    width: 825px;
    height: 20px;
    background: #eee;
    border: 1px solid black;
    margin-left: 7px;
    padding: 10px;
}

.goalNavBlockItem {
    float: right;
    margin-left: 20px;
}

.goalNavBlockItem input {
    width: 100px;
}

.goalCatTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding: 3px 0 3px 0;
    text-align: center;
    border: 1px solid black;
}

.goalText {
    text-align: left;
}

.goalTextLabel {
    font-weight: bold;
}

.goalColLabel {
    font-weight: bold;
    text-align: center;
    width: 100px;
}

.goalColText {
    text-align: center;
}

.goalRowLabel {
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}

.goalRowText {
    text-align: left;
}

.gcToggle {
    padding-left: 3px;
    float: left;
}

.gcToggle:hover {
    cursor: pointer;
}

.clientTable {
    width: 866px;
    border-collapse: collapse;
    margin: 0px 0px 0px 25px;
}

.clientTable xtd {
    border: 1px solid black;
}

.clientTableTitle {
    font-size: 1.2em;
    font-weight: bold;
    padding: 0 0 10px 0;
    margin: 0;
    text-align: center;
    border-bottom: 1px solid black;
}

.clientTableTabActive {
    text-align: center;
    border: 1px solid #000;
    color: #000;
}

.clientTableTabInactive {
    text-align: center;
    border: 1px solid #666;
    color: #000;
    background: #ccc;
}

.clientTableTabInactive:hover {
    color: #ee1;
    cursor: pointer;
}

.clientTitle {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 8px 5px;
    color: #fff;
}

.clientTitleR {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 8px 5px;
    color: #000;
}

.clientTitleM {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
    padding: 0 0 8px 5px;
}

.clientDetails {
    font-size: 1.2em;
    padding-left: 5px;
    text-align: left;
}

.bubbleBlockTitle {
    font-family: 'Merriweather Sans', sans-serif;
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
}

.contactBlockHeader {
    font-weight: bold;
    text-decoration: underline;
}

.contactBlockTitle {
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    background-image: url('../graphics/clbg3.png');
    background-repeat: repeat-x;
    padding-left: 5px;
}

.contactBlockTitleM {
    font-size: 120%;
    font-weight: bold;
    font-style: italic;
    background-image: url('../graphics/clbg-m3.png');
    background-repeat: repeat-x;
    padding-left: 5px;
}

.alertBlock {
    color: red;
    font-size: 120%;
}

.alertBlockTitle {
    font-family: 'Merriweather Sans', sans-serif;
    font-weight: bold;
    font-style: italic;
}

.alertBlockLinks {
    text-align: right;
    width: 35px;
}

.teamTable {
    width: 1280px;
    border-collapse: collapse;
    margin: 0 auto 10px auto;
}

.teamClientTable {
    width: 740px;
    border-collapse: collapse;
    margin: 10px auto;
}

.teamGoalTable {
    width: 740px;
    border-collapse: collapse;
    margin: 10px auto;
}

.teamPlanTable {
    width: 740px;
    border-collapse: collapse;
    margin: 10px auto;
}

.teamClientSectionHeading {
    font-weight: bold;
    text-align: center;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.teamPlanTitles {
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
}

.teamPlanRow {
    height: 20px;
    background: #fff;
}

.teamPlanRowAlt {
    height: 20px;
    background: #eee;
}

.teamClientDetailsBlock {
    width: 750px;
    border: 1px solid black;
}

.teamClientListingBlock {
    width: 230px;
    border: 1px solid black;
}

.teamTitle {
    font-size: 2em;
    font-weight: bold;
    font-style: italic;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
}

.teamPhaseRow {
    font-size: 1.2em;
    font-weight: bold;
}

.teamRow {
    height: 20px;
    vertical-align: top;
}

.teamRow td {

}

.teamRowActive {
    font-size: 1.2em;
    font-weight: bold;
    font-style: italic;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    background-color: yellow;
}

.teamRowActive:hover {
    cursor: pointer;
}

.teamRow:hover {
    font-size: 120%;
    font-weight: bold;
    background-image: url('../graphics/gBrown.jpg');
    background-repeat: repeat-x;
    cursor: pointer;
}

.teamContactRowTitle {
    font-weight: bold;
    text-align: left;
    text-decoration: underline;
}

.teamContactRow {
    height: 20px;
    background: #fff;
}

.teamContactRowAlt {
    height: 20px;
    background: #eee;
}

.teamContactRowActive td, .teamContactRowAltActive td {
    font-weight: bold;
    font-size: 120%;
}

.teamContactRowActive:hover, .teamContactRowAltActive:hover {
    cursor: pointer;
}

.teamContactRow:hover, .teamContactRowAlt:hover {
    font-weight: bold;
    font-size: 120%;
    background-color: #fff;
    background-image: url('../graphics/gBrown2.jpg');
    background-repeat: repeat-x;
    cursor: pointer;
}

.teamContactDetails {
    display: none;
    padding: 10px;
}

.teamContactTable {
    width: 680px;
    border-collapse: collapse;
    text-align: left;
    margin: 0px auto;
    border: 1px solid black;
    background: #f1f1f1;
}

.teamContactTable td {
    padding: 1px 3px;
}

.teamContactTableSpacer {
    height: 10px;
}

.teamContactTableSpacer td {
    border-bottom: 1px solid #000;
}

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

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

.teamContactTableFooter td {
    text-align: center;
    padding: 3px;
}

.teamContactDate {
    border-left: 1px solid white;
}

.specialEvent {
    color: red;
    font-style: italic;
}

.teamContactStaff {
    border-right: 1px solid white;
}

div.scroll {
    height: 280px;
    overflow: auto;
    overflow-X: hidden;
}

.divLink {
    color: blue;
}

.divLink:hover {
    cursor: pointer;
    text-decoration: underline;
}

.divBlockLink {
    text-align: left;
    width: 200px;
    margin-top: 2px;
    padding: 6px 0 6px 5px;
    color: #000;
    background-color: #ddd;
    border: 1px solid #000;
}

.divBlockLinkSelected {
    text-align: left;
    width: 200px;
    margin-top: 2px;
    padding: 6px 0 6px 5px;
    color: #000;
    background-color: yellow;
    border: 1px solid #000;
}

.divBlockLink:hover, .divNavUpLink:hover, .divNavDownLink:hover {
    background-color: #bbb;
    cursor: pointer;
}

.divBlockInfo {
    padding-right: 5px;
    float: right;
}

.divNavUpLink {
    width: 200px;
    height: 14px;
    margin-top: 2px;
    padding: 6px 0 6px 5px;
    background-color: #ddd;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../graphics/arrow_wide_up.gif');
}

.divNavDownLink {
    width: 200px;
    height: 14px;
    margin-top: 2px;
    padding: 6px 0 6px 5px;
    background-color: #ddd;
    border: 1px solid #000;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url('../graphics/arrow_wide_down.gif');
}

.editLink {
    font-size: 8pt;
    color: blue;
    font-style: normal;
    font-weight: normal;
}

.editLink:hover {
    cursor: pointer;
    text-decoration: underline;
}

.editLink2 {
    font-size: 9pt;
    color: #fff;
    font-style: normal;
    font-weight: normal;
}

.editLink2:hover {
    cursor: pointer;
    text-decoration: underline;
}

.assApptsTitles {
    font-weight: bold;
}

#appDets {
    position: relative;
    display: block;
    border: 1px solid #000;
    background-color: #FFE;
    padding: 2px;
    width: 225px;
    z-index: 889;
}

#PharmacyDets {
    position: relative;
    display: block;
    border: 1px solid #000;
    background-color: #FFE;
    padding: 2px;
    width: 235px;
    z-index: 888;
}

#tblAppDets {
    width: 100%;
}

#tblAppDets th {
    text-align: center;
    border-bottom: 1px solid black;
}

.adTD1 {
    font-weight: bold;
    text-align: right;
    vertical-align: text-top;
}

.adTD2 {
    text-align: left;
    vertical-align: text-top;
}

.clientContactTableSpacer {
    height: 10px;
}

.clientContactTableSpacer td {
    border-collapse: collapse;
}

.clientContactDetailHeader {
    font-weight: bold;
    text-align: right;
    padding-right: 10px;
}

.clientContactTableHeader {
    background: #eee;
    font-weight: bold;
}

.clientContactDetailTable {
    width: 100%;
}

.clientContactDetailTable tr {
    height: 20px;
}

.clientContactTableRow {
    padding-bottom: 10px;
}

.contactNavBlock {
    border: 1px solid black;
    font-weight: bold;
    font-size: 1.2em;
    margin: 2px 0 10px 0;
    padding: 3px 10px;
}

.navButton {
    width: 125px;
}

.clientFileTable {
    text-align: left;
}

.clientFileTable td {
    padding-left: 3px;
}

.clientFileTable.reportRow {

}

tr.reportRowAlt {
    background: #ddd;
}

.clientFileUploadTable {
    text-align: left;
    border: 1px solid black;
}

.clientFileTableHeading td {
    font-weight: bold;
    font-size: 1.3em;
    background: #ddd;
    border-bottom: 1px solid #000;
    padding: 3px;
}

.clientFileTableLabels {
    font-weight: bold;
    background: #ddd;
}

.clientFileTableLabels td {
    border-bottom: 1px solid #000;
}

.clientFileTableLabel {
    font-weight: bold;
    text-align: center;
}

.clientFileTableLabel2 {
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
}

.clientFileCatEmpty {
    text-align: left;
    width: 132px;
    margin: 2px;
    background: #ddd;
    color: #666;
}

.clientFileCat {
    text-align: left;
    width: 132px;
    margin: 2px;
    background: #ddd;
}

.clientFileCat:hover {
    background: #0abcde;
    cursor: pointer;
}

.clientFileCatSelected {
    text-align: left;
    width: 132px;
    margin: 2px;
    background: #abcdef;
}

.mandatory {
    background: #ffc;
}

.readonly {
    background: #eee;
}

.cnotelink:hover {
    cursor: pointer;
    background: #ada;
}

.blockTitle {
    font-weight: bold;
    font-size: 1.2em;
    padding-left: 50px;
}

.blockHeader {
    font-weight: bold;
}

.blockRow {
    border-bottom: 1px solid black;
    background: #fff;
}

.blockButtonRow {
    text-align: right;
    height: 35px;
}

.courtDates {
    margin: 2px 0;
    width: 80%;
    background: #75c5e5;
    border: 1px solid black;
}

.courtDates td {
    border-bottom: 1px solid black;
}

.clientDebt {
    font-size: 1.3em;
    color: #d22;
    font-weight: bold;
}

.prescTitle {
    padding-left: 10px;
    font-weight: bold;
    font-size: 1.1em;
}

.sectionTitle {
    font-size: 1.1em;
    font-weight: bold;
    padding: 3px 0 3px 0;
    text-align: center;
    border-bottom: 1px solid black;
}

.biggerText {
    font-size: 110%;
}

.ICDCode {
    font-size: 1.5em;
    font-weight: bold;
}

.schedDate {
    font-size: 1.2em;
    font-weight: bold;
    color: #fff;
    text-align: left;
    padding-left: 10px;
}

.schedUser {
    font-size: .9em;
    color: #fff;
}

.schedUserTD {
    text-align: right;
    padding-right: 3px;
    height: 17px;
    white-space: nowrap;
}

.schedUser:hover {
    color: #000;
    cursor: pointer;
}

.schedRowDate {
    font-size: .9em;
    color: #fff;
    text-align: right;
    padding-right: 3px;
    border-top: 1px solid #c5c5c5;
    height: 16px;
}

.schedTime {
    font-size: .9em;
    color: #fff;
    text-align: center;
    padding-right: 3px;
    height: 16px;
}

.schedNav tr {
    background: #aaa;
}

.schedNavTitle {
    font-size: 1.2em;
    background: #fff;
    border-left: 2px solid #aaa;
    border-right: 2px solid #aaa;
}

.schedNavButton_L {
    font-size: 1.2em;
    background-image: url('../graphics/l_end.png');
}

.schedNavButton_L:hover {
    cursor: pointer;
    background-image: url('../graphics/l_end_2.png');
    color: #fff;
}

.schedNavButton_R {
    font-size: 1.2em;
    background-image: url('../graphics/r_end.png');
}

.schedNavButton_R:hover {
    cursor: pointer;
    background-image: url('../graphics/r_end_2.png');
    color: #fff;
}

.schGrid {
    width: 785px;
    overflow: auto;
    border-collapse: collapse;
}

.schGridTable {
    border-collapse: collapse;
    empty-cells: show;
}

.usr {
    height: 17px;
    text-align: center;
}

.usr:hover {
    background: #abcdef;
    cursor: pointer;
}

.us1 {
    width: 10px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 1px solid black;
}

.us2 {
    width: 10px;
    border-top: 1px solid black;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    border-left: 2px solid black;
}

.usa {
    color: #fff;
    background: #123456;
}

.usb {
    background: #bb2222;
}

.usc {
    background: #0a6f00;
}

.oca {
    font-weight: bold;
    background: #abcabc;
}

.printLabel {
    float: right;
}

.noteEditLink {
    float: right;
    width: 50px;
    height: 15px;
    border: 1px solid black;
    color: #333;
    background: #ccc;
    margin-left: 4px;
}

.noteEditLink:hover {
    background: #abc;
    cursor: pointer;
}

.DrOrdersDivLink {
    width: 155px;
    height: 15px;
    color: #117;
    background: #fff;
}

.DrOrdersDivLink:hover {
    width: 155px;
    border: 0px solid black;
    background: #abc;
    cursor: pointer;
}

.medDivLink {
    width: 155px;
    height: 15px;
    color: #117;
    background: #fff;
}

.medDivLink:hover {
    width: 155px;
    border: 0px solid black;
    background: #abc;
    cursor: pointer;
}

.medDiagDivLink {
    width: 95px;
    height: 15px;
    color: #117;
}

.medDiagDivLink:hover {
    border: 1px solid black;
    background: #abc;
    cursor: pointer;
}

.alertTitleBar {
    color: #fff;
    font-weight: bold;
    font-size: 1.5em;
    padding-left: 10px;
    letter-spacing: .2em;
    border-bottom: 1px solid black;
    background-repeat: repeat-y;
    background-image: url('../graphics/alert_bg.jpg');
}

.OnCallTeamTitle {
    width: 100%;
    clear: both;
    float: left;
    font-weight: bold;
    text-decoration: underline;
}

.OnCallLabel {
    clear: both;
    float: left;
    text-align: right;
    padding-right: 4px;
    width: 25px;
}

.OnCallName {
    float: left;
    width: 90px;
}

.OnCallUser {
    color: #dd0000;
    font-weight: bold;
}

#rightColumn {
    padding: 3px;
    margin-top: 35px;
    margin-right: 3px;
    width: 137px;
    float: right;
    background: #ddd;
    border: 1px solid black;
}

#popupMask {
    z-index: 998;
    position: absolute;
    display: none;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background: black;
    opacity: 0.01;
}

.checklistLabel {
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
    background: #ccc;
    color: #000;
}

.checklistLabel2 {
    font-weight: bold;
    text-align: left;
    padding-left: 4px;
    color: #000;
}

.checklistColLabel {
    font-weight: bold;
    text-align: center;
    color: #000;
}

.checklistData {
    text-align: left;
    padding-left: 4px;
    color: #000;
}

.checklistNote {
    font-size: 11px;
    color: #38e;
    font-style: italic;
}

@media print {
    .welcomeRow {
        display: none;
    }
    .clientTitle, .clientTableTabActive, .clientTableTabInactive {
        display: none;
    }
    .gr_title2, .gr_title2_active {
        display: none;
    }
    .imgLink2 {
        display: none;
    }
    input {
        display: none;
    }
}

@media screen {
    .faceSheetTitle {
        display: none;
    }
    .clientTableTabActive2, .clientTableTabInactive2 {
        display: none;
    }
}

.clientClientDetailsTab, .clientClientMedicalTab {
    position: relative;
    float: left;
    background-color: #ccc;
    height: 20px;
    width: 120px;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px 8px 0px 0px;
    cursor: pointer;
}

.clientClientDetailsTabSelected {
    color: white;
}

.clientClientDetailsTab:hover, .clientClientMedicalTab:hover {
    color: green;
}

.clientBody {
    position: relative;
    width: 986px;
}

.clientInfoNameCode {
    font-size: 1.2em;
    font-weight: bold;
}

.clientInfoIcon, .clientStatusIcon, .clientPrintIcon {
    position: relative;
    float: right;
    margin-right: 5px;
}

.clientOutstandingPlansHeader {
    position: relative;
    float: left;
    width: 100%;
}

.clientOutstandingPlansCol1, .clientOutstandingPlansCol2 {
    position: relative;
    float: left;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
}

.clientOutstandingPlansCol3, .clientOutstandingPlansCol4,
    .clientOutstandingPlansCol5, .clientOutstandingPlansCol6,
    .clientOutstandingPlansCol7 {
    position: relative;
    float: right;
    padding-left: 5px;
    overflow: hidden;
    white-space: nowrap;
}

.clientOutstandingPlansCol1 {
    width: 80px;
}

.clientOutstandingPlansCol2 {
    width: 250px;
}

.clientOutstandingPlansCol3 {
    width: 80px;
}

.clientOutstandingPlansCol4 {
    width: 80px;
    text-align: center;
}

.clientOutstandingPlansCol5 {
    width: 80px;
}

.clientOutstandingPlansCol6 {
    width: 80px;
    text-align: center;
}

.clientOutstandingPlansCol7 {
    width: 45px;
    text-align: center;
}

.clientOutstandingPlansOptions {
    width: 100%;
    text-align: center;
}

.clientOutstandingPlans {
    position: relative;
    width: 100%;
}

.clientOutstandingPlansIcons img {
    position: relative;
    float: right;
    margin-right: 5px;
}

.clientHousingTab {
    position: relative;
    float: left;
    background-color: #999;
    height: 20px;
    width: auto;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-top: 1px;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px 8px 0px 0px;
}

.clientHousingTabSelected {
    color: white;
}

.clientHousingTab:hover {
    color: green;
}

.clientFinancialTab {
    position: relative;
    float: left;
    background-color: #999;
    height: 20px;
    width: auto;
    font-size: 1.2em;
    font-weight: bold;
    text-align: center;
    margin-top: 1px;
    margin-right: 5px;
    padding-top: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 8px 8px 0px 0px;
}

.clientFinancialTabSelected {
    color: white;
}

.clientFinancialTab:hover {
    color: green;
}

.allergiesTextBlock {
    position: relative;
    float: left;
    text-align: left;
    width: 140px;
    overflow: hidden;
    white-space: nowrap;
}

.allergiesText {
    position: relative;
    float: left;
    font-size: 0.95em;
}

textarea {
    resize: none;
}