html, body {
    width: 100%; /* make the body expand to fill the visible window */
    height: 100%;
    padding: 0px;
    margin: 0px;
    -webkit-overflow-scrolling: touch;
    font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
}

.pdfsafariscroll {
    -webkit-overflow-scrolling: auto;
}

td {
    font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
    font-size: 12px;
    vertical-align: top;
}

th {
    text-align: left;
    font-size: 11px;
}

a {
    text-decoration: none;
    color: #0000cc;
    display: inline-block;
    position: relative;
}

    a:hover {
        text-decoration: underline;
    }

/****************************************************************************************************************/
/* web-kit any link underlining of links ...UNLESS you turn off underlining with an ID attribute style, sigh... */
#ProviderSummaryWithDrillTooltip {
    text-decoration: none;
}

#ProviderCaseCountDateTooltip {
    text-decoration: none;
}

#CaseCountByDepartmentTooltip {
    text-decoration: none;
}

#GroupMembershipSummaryTooltip {
    text-decoration: none;
}

#FormsDataExportTooltip {
    text-decoration: none;
}

#FormsDataExportAdminTooltip {
    text-decoration: none;
}

#CaseCountOrgTotalTooltip, #CaseCountSiteTooltip {
    text-decoration: none;
}

#CaseCountOrgWeekTooltip {
    text-decoration: none;
}

#AgingOpenCasesTooltip {
    text-decoration: none;
}

#ServertoServerActivityTooltip {
    text-decoration: none;
}
/* web-kit any link underlining of links ...UNLESS you turn off underlining with an ID attribute style, sigh... */
/****************************************************************************************************************/

.SAReports_tooltip_show {
    display: block;
    background-color: #fefefe;
    border: solid 1px #333333;
    padding: 5px;
    text-decoration: none;
    font-size: 12px;
    color: #000000;
    width: 480px;
    top: 37px;
    left: 32px;
    z-index: 20;
    position: absolute;
    -moz-border-radius: 3px 3px 3px 3px;
    -webkit-border-radius: 3px 3px 3px 3px;
    border-radius: 3px 3px 3px 3px;
    background: -webkit-linear-gradient(#FFFFFF, #EEEEFC);
    background: -o-linear-gradient(#FFFFFF, #EEEEFC);
    background: -moz-linear-gradient(#FFFFFF, #EEEEFC);
    background: linear-gradient(#FFFFFF, #EEEEFC);
}

.SAReports_tooltip_hide {
    display: none;
}

.normalLookingHyperlink {
    text-decoration: underline;
}

.formIcon A:hover {
    text-decoration: none;
}

img {
    border: solid 0px black;
}

.dlg-no-close .ui-dialog-titlebar-close {
    /* ui-dialog-titlebar-close is from jQuery UI and dlg-no-close is for jQuery UI dialog widget */
    display: none;
}

.dlg-no-title .ui-dialog-titlebar {
    /* ui-dialog-titlebar is from jQuery UI and dlg-no-close is for jQuery UI dialog widget */
    display: none;
}

#header {
    position: relative;
    border-bottom: solid 0px #555555;
    padding: 0px;
    height: 62px;
}

    #header .left {
        position: absolute;
        top: 0px;
        left: 0px;
        padding: 7px 0px 0px 12px;
        width: 170px;
        height: 53px;
    }

    #header .aboveCaseList {
        position: absolute;
        top: 0px;
        left: 170px;
        padding: 7px 0px 0px 12px;
        width: 200px;
        height: 53px;
    }

    #header .right {
        position: absolute;
        top: 0px;
        right: 0px;
        padding-right: 6px;
        text-align: right;
        width: 300px;
        height: 60px;
    }

#HeaderCenter {
    margin: 0 auto;
    position: relative;
    width: 375px;
    height: 60px;
    text-align: center;
}

.headerCenter {
    padding: 15px;
    text-align: center;
    font-size: 19px;
    font-weight: bold;

}

.headerLeft {
    padding: 15px 2px 2px 0px;
    text-align: left;
    font-size: 19px;
    font-weight: bold;
}

#softwareVersion {
    margin: 15px 10px 0px 0px;
    font-weight: bold;
}

.systemsContainer {
    margin: 0px auto;
    text-align: center;
}

.associationheaderCenter {
    padding: 15px;
    font-size: 25px;
    padding-left:60px !important;
    font-weight: bold;
    text-shadow: 0px 3px 5px rgb(85,142,213);
}

.associationSystem {
    display: inline-block;
    border: 2px solid rgba(85, 142, 213, 0.32);
    margin: 15px;
    padding: 15px;
    background-color: rgba(121, 183, 231, 0.2);
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    box-shadow: 6px 6px 12px 2px rgb(85,142,213);
}

.externalUsername {
    font-size: 14px;
    padding: 2px 2px 8px 8px;
}

#ServerName {
    padding: 15px 0px 0px 0px;
    font-size: 19px;
    font-weight: bold;
}

#bluebar {
    height: 45px;
    background-image: url(../images/bluebar.png);
    background-repeat: repeat-x;
}

#loginCont {
    width: 950px;
    margin: 0px auto 0px auto;
}

#loginLeftCont {
    float: left;
    padding: 7px 0px 0px 12px;
    width: 430px;
}

#loginRightCont {
    float: right;
    width: 450px;
    margin-top: 60px;
}

#associateCont {
    width: 875px;
    margin: 0px auto 0px auto;
}

#associateLeftCont {
    float: left;
    /*padding: 0px 0px 0px 8px;*/
    width: 400px;
}

#loginFooter {
    clear: both;
    padding: 40px 0px 0px 0px;
    text-align: center;
    vertical-align: bottom;
}

#RegularLogin {
    border: 2px solid #558ED5;
    margin: 15px;
    padding: 15px;
    background-color: #fafafa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#Login1 td {
    font-size: 14px;
}

.PasswordResetContainer {
    border: 2px solid #558ED5;
    width: 600px;
    margin-top: 100px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px;
    background-color: #fafafa;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.PasswordResetMessageHeader {
    font-weight: bold;
    text-align: center;
    font-size: medium;
    padding-top: 10px;
}

.PasswordResetMessage {
    text-align: left;
    padding-top: 20px;
    padding-bottom: 15px;
}

.PasswordResetContent {
    margin-left: 30px;
}

.PasswordResetMessageResults {
    text-align: left;
    margin-top: 15px;
    font-size: small;
    width: 430px;
}

.PasswordResetMessageButtonContainer {
    margin-top: 35px;
    margin-bottom: 15px;
    text-align: center;
}

.PasswordResetSubmitButton {
    margin-right: 15px;
}

.PasswordResetCancelButton {
    margin-left: 15px;
}

.PasswordResetPasswordContainer {
    margin-right: 100px;
    text-align: right;
}

.loginMessageHeader {
    padding: 40px 0px 0px 20px;
    color: #555;
    font-style: italic;
    font-size: 15px;
}

.loginMessageBody {
    border-top: 2px solid #888;
    font-size: 14px;
    padding: 10px 10px 10px 10px;
}

    .loginMessageBody a {
        padding: 0px 0px 0px 15px;
        font-size: 14px;
        text-decoration: underline;
    }

.loginNotification {
    background-color: #ffffdd;
    border: 1px solid #eee;
    border-top: 2px solid #888;
}

.loginExpander {
    border: 1px solid #558ED5;
    margin-top: 3px;
    padding: 10px;
    background-color: #fafafa;
    display: none;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

    .loginExpander a {
        padding: 0px;
    }

.loginButton {
    color: #284775;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #cccccc;
    background-color: #efefef;
    padding: 5px 32px 5px 32px;
}

.associateButton {
    font-size: 14px;
    font-weight: bold;
       border-width: 1px 1px 2px;
       border-top: 1px solid #96d1f8;
    border: 2px solid rgba(121, 183, 231, 0.64);
        padding: 5px 10px;
    width: 175px;
        border-radius: 6px;
        background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
        background: -ms-linear-gradient(top, #3e779d, #65a9d7);
        text-shadow: rgba(0,0,0,.4) 0 1px 0;
    color: white;
}

    .associateButton:hover {
border-top-color: #28597a;
   background: #28597a;
   color: #ccc;

    }

    .associateButton:active {
         border-top-color: #1b435e;
   background: #1b435e;
    }

.AssociateLogin td {
    vertical-align: middle;
}

        .associateUserName {
    border: 1px solid #c4c4c4;
    padding: 4px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    box-shadow: 0px 0px 8px #d9d9d9;
    -moz-box-shadow: 0px 0px 8px #d9d9d9;
    -webkit-box-shadow: 0px 0px 8px #d9d9d9;
}

.associateUserName:focus {
    outline: none;
    border: 1px solid #7bc1f7;
    box-shadow: 0px 0px 8px #7bc1f7;
    -moz-box-shadow: 0px 0px 8px #7bc1f7;
    -webkit-box-shadow: 0px 0px 8px #7bc1f7;

    }


#body {
    background-color: #fff;
    bottom: 0px;
    top: 63px;
    right: 0px;
    left: 0px;
    position: absolute;
}

#footer {
    border-top: solid 1px #555555;
    text-align: center;
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    height: 12px;
    width: 100%;
}

#mainPane {
    /*border-collapse: collapse;     height:100%;     width:100%;*/
}

    #mainPane td {
        padding: 0px;
    }

#leftPaneHidden {
    width: 22px;
}

#leftPaneHiddenDiv {
    margin: 5px 0px 5px 0px;
    background-color: #fff;
    border: solid 1px #555555;
    padding-left: 2px;
    background-image: url(../images/gradient7.png);
    background-repeat: repeat-x;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#leftPaneHidden2 {
    width: 22px;
}

#leftPaneHidden2Div {
    margin: 5px 0px 5px 5px;
    background-color: #fff;
    border: solid 1px #555555;
    padding-left: 2px;
    background-image: url(../images/gradient7.png);
    background-repeat: repeat-x;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}

#caseSummary {
    width: 180px;
    padding: 6px;
    background-color: #fff;
    border-right: solid 1px #999999;
}

#caseSummaryDiv {
    width: 169px;
    margin: 0px;
    padding: 0px 4px 0px 4px;
    background-color: #fff;
    border: solid 0px #555555;
    overflow: auto;
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
}

#working {
    position: absolute;
    border: solid 1px #999;
    border-top-width: 0px;
    background-color: #f1f1f1;
    padding: 3px;
    top: 0px;
    right: 260px;
    width: 100px;
    z-index: 0;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.toolHeader {
    font-size: 11px;
    font-weight: bold;
    border-bottom: dotted 1px gray;
    width: 95%;
    padding: 2px;
    text-align: center;
    margin-bottom: 7px;
    color: #333333;
}

#toolBarHeader {
    float: right;
    padding-right: 5px;
}

.header2 {
    background-color: #ECF1F5;
    background-position: right;
    background-repeat: no-repeat;
    border-top: solid 1px #999999;
    padding: 1px 5px 1px 5px;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-weight: normal;
}

.dropper {
    background-color: #ECF1F5;
    background-image: url(../images/down.png);
    background-position: right;
    background-repeat: no-repeat;
    border-top: solid 1px #999999;
    padding: 1px 5px 1px 5px;
    cursor: pointer;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-weight: normal;
}

.dropperYellowBackground {
    background-color: #f7eadc;
}

.droppee {
    position: absolute;
    border-top: solid 1px #888888;
    border-left: solid 1px #888888;
    border-right: solid 2px #777777;
    border-bottom: solid 2px #777777;
    width: 240px;
    text-align: center;
    padding-top: 2px;
}

.dropeeSort {
    background-color: #fff;
    background-image: url(../images/gradient3.png);
    background-repeat: repeat-x;
}

.droppee span {
    font-weight: bold;
    border-bottom: solid 1px #d1d1d1;
    padding: 0px 30px 0px 30px;
}

.droppee a {
    display: block;
    width: 230px;
    padding: 2px 2px 2px 5px;
    cursor: pointer;
    text-align: left;
}

.droppee div {
    display: block;
    width: 230px;
    padding: 2px 2px 2px 5px;
    cursor: pointer;
    text-align: left;
    text-decoration: none;
    color: #0000cc;
    display: inline-block;
    position: relative;
}

    .droppee div:hover {
        background-image: url(../images/gradient5.png);
        text-decoration: underline;
    }

.droppee a:hover {
    background-image: url(../images/gradient5.png);
}

#sortBar {
    height: 18px;
    border-bottom: solid 1px #999999;
    background-color: #f1f1f1;
}

#mysort {
    float: left;
    padding: 2px 0px 0px 9px;
    cursor: pointer;
    height: 16px;
}

#myorder {
    float: right;
    cursor: pointer;
    padding-right: 3px;
}

#arrangeList {
    top: 107px;
    left: 185px;
}

#sortList {
    top: 126px;
    left: 185px;
}

.folderTable {
    margin-left: 5px;
    border-collapse: collapse;
    width: 90%;
}

    .folderTable a {
        color: Black;
    }

.folderTableGp {
    margin-left: 20px;
    border-collapse: collapse;
    width: 80%;
}

    .folderTableGp a {
        color: Black;
    }

.folderTableGpHidden {
    display: none;
}

.folderText {
}

.folderTextSelected {
    background-color: #557FCA;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    padding-top: 3px;
}

    .folderTextSelected a {
        color: #ffffff;
    }

#contentPaneCase {
    width: 100%;
    height: 100%;
}

#contentPaneSearch {
    display: none;
}

#contentPaneCaseSearch {
    display: none;
}

#caseSearch {
    /*     height:35px;     border-bottom:solid 1px #999999;     background-color:#b0c4de;     padding:5px;*/
}

#searchFormTd {
    height: 70px;
    background-color: #ffffee;
    border-bottom: solid 1px #999999;
}

.windowBar {
    height: 21px;
    background-image: url(../images/win.gif);
    padding-left: 10px;
    font-weight: bold;
    cursor: move;
    vertical-align: middle;
    text-align: center;
    color: White;
}

.patientSearchTopBar {
    height: 21px;
    background-image: url(../images/win.gif);
    padding-left: 10px;
    font-weight: bold;
    vertical-align: middle;
    text-align: center;
    color: White;
}

.listInfoMenu {
    height: 20px;
    border-bottom: solid 1px #999999;
    background-color: #ffffdd;
    width: 100%;
}

    .listInfoMenu div {
        padding-left: 10px;
        padding-top: 2px;
        font-style: italic;
    }

.patientBacker {
    background-image: url(../images/gradient2.png);
    background-repeat: repeat-x;
    border-bottom: solid 1px #999999;
    background-color: #eeeeee;
}

.gradButtonContHorz {
    overflow: auto;
    width: 100%;
}

    .gradButtonContHorz div.gradButton {
        float: left;
        border-right: solid 1px #999999;
    }

        .gradButtonContHorz div.gradButton div {
            text-align: center;
            padding: 5px 5px 5px 5px;
        }

.gradButtonContVert {
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
}

    .gradButtonContVert div {
        padding: 5px;
        text-align: left;
        border-bottom: solid 1px #999999;
    }

.gradButton {
    background-image: url(../images/gradient8.png);
    cursor: pointer;
    vertical-align: middle;
    font-weight: bold;
    font-size: 12px;
}

    .gradButton img, .gradButton span {
        vertical-align: middle;
        padding-bottom: 3px;
        margin-right: 5px;
    }

.listMenu {
    height: 20px;
    line-height: 20px;
    border-bottom: solid 1px #999999;
    vertical-align: middle;
    background-color: #f8f8f8;
    font-weight: bold;
    text-align: center;
}

.listMenuButton {
    border-right: solid 1px #999999;
    background-image: url(../images/gradient8.png);
    width: 80px;
    text-align: center;
    cursor: pointer;
}

.listMenu a {
    color: Black;
}

#searchList {
    position: absolute;
    left: 0px;
    bottom: 0px;
    top: 0px;
    width: 50%;
    overflow: auto;
}

#caseSummaryContainer {
    height: 100%;
    overflow: auto;
}

#caseList {
    margin: 0px 0px 0px 0px;
    background-color: #fff;
    border-top: solid 1px #558ED5;
    border-left: solid 1px #558ED5;
    background-image: url(../images/gradient6.png);
    background-repeat: repeat-y;
    background-position: left;
    position: absolute;
    width: 232px;
    top: 0px;
    bottom: 0px;
    left: 176px;
    -moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
    border-radius: 4px 0px 0px 0px;
}

#caseListPane {
    position: absolute;
    overflow: auto;
    /* NOTE: the top is set dynamically in JavaScript */
    bottom: 0;
    width: 100%;
    zoom: 1;
}

#caseListPaneContainerDiv {
    zoom: 1;
}

#caseListPane2 {
    overflow: auto;
    bottom: 0px;
    width: 100%;
    zoom: 1;
    position: absolute;
    top: 44px;
}

    #caseListPane2 a {
        color: Black;
    }

#ListPane {
    height: 100%;
    overflow: auto;
}

    #ListPane th {
        border-bottom: solid 1px #999999;
        font-weight: bold;
    }

    #ListPane td {
        border-bottom: solid 1px #999999;
    }

    #ListPane a {
        color: Black;
    }

#ViewerPane {
    height: 100%;
    overflow: auto;
}

#caseViewerPane {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-left: 1px solid #558ED5;
}

#attachmentCaseViewerDiv {
    padding: 10px 0px 0px 10px;
}

#CaseViewerWarningsDiv {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 409px;
    right: 0px;
    min-width: 520px;
    background-color: #fafafa;
    padding: 20px;
    background-repeat: repeat-x;
    border-left: 1px solid #558ED5;
}

.innerCaseWarningDiv {
    border: 2px solid #558ED5;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    padding: 10px;
}

#caseViewerDiv {
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 409px;
    right: 0px;
    min-width: 590px;
}

.fullTable {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.thirdColumn {
    color: #666666;
    font-size: 11px;
    font-style: italic;
}

.exampleText {
    font-style: italic;
    color: #666666;
    font-size: small;
}

.topText {
    padding-top: 10px;
    font-style: italic;
    color: #666666;
    font-size: 12px;
}

.contentMenu {
    height: 17px;
    border-bottom: solid 1px #999999;
    background-image: url(../images/gradient.png);
    vertical-align: middle;
    padding-left: 10px;
    font-weight: bold;
}

.caseItem {
    width: 100%;
    border-bottom: solid 1px #999999;
    border-collapse: collapse;
    cursor: pointer;
    background-image: url(../images/gradient4.png);
    background-repeat: repeat-x;
}

    .caseItem:hover {
        background-color: #FFFFCC;
    }

.caseItemSelected {
    width: 100%;
    border-bottom: solid 1px #999999;
    border-collapse: collapse;
    cursor: pointer;
    color: White;
    background-color: #557FCA;
}

.unread {
    font-weight: bold;
}

.caseItemBold {
    font-weight: bold;
}

.caseItemRight {
    text-align: right;
    vertical-align: bottom;
}

.caseItemTypeYellowBackground {
    text-align: center;
    border-right: solid 1px #999999;
    background-image: url(../images/gridYellow.png);
    background-repeat: repeat;
    width: 11px;
    font-weight: bold;
}

.caseItemTypeRedBackground {
    text-align: center;
    border-right: solid 1px #999999;
    background-color: red;
    background-repeat: repeat;
    width: 11px;
    font-weight: bold;
}

.caseItemTypeGreenBackground {
    text-align: center;
    border-right: solid 1px #999999;
    background-color: green;
    background-repeat: repeat;
    width: 11px;
    font-weight: bold;
}

.caseItemType {
    text-align: center;
    border-right: solid 1px #999999;
    background-image: url(../images/grid.png);
    background-repeat: repeat;
    width: 11px;
    font-weight: bold;
}

.caseItemTypeTest {
    text-align: center;
    border-right: solid 1px #999999;
    background-image: url(../images/grid2.png);
    background-repeat: repeat;
    width: 11px;
    font-weight: bold;
}

.caseItemTypeSensitive {
    text-align: center;
    border-right: solid 1px #999999;
    background-image: url(../images/grid.png);
    background-repeat: repeat;
    width: 11px;
    font-weight: bold;
}


.AttachmentViewerSessionHeader {
    font-size: 12px;
    font-weight: bold;
    background-color: #efefef;
}

.SessionHeader {
    width: 100%;
    font-size: 12px;
    font-weight: bold;
    background-color: #efefef;
    padding: 5px;
}

.SessionProvider {
    width: 200px;
}

    .SessionProvider a {
        color: Black;
    }

.SessionDate {
    text-align: right;
}

.caseDataLeft {
    width: 80px;
    text-align: left;
    vertical-align: top;
}

.attachmentViewerCaseSessions {
    border: solid 1px #b1b1b1;
    margin-right: 5px;
}

.attachmentViewerCaseAttachment {
    text-align: center;
    padding: 5px 0px 5px 0px;
    border-top: solid 1px #b1b1b1;
    cursor: pointer;
}

.attachmentViewerCaseAttachmentLabel {
    text-align: center;
    font-weight: bold;
    overflow: hidden;
}

.narrativeViewContainer {
    text-align: left;
    cursor: pointer;
    padding: 0px 15px 10px 0px;
    clear: both;
}

.narrativeView {
    padding: 0px 0px 10px 20px;
    border: 1px solid #ccc;
    border-top: 3px solid #aaa;
    border-bottom: 3px solid #aaa;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #fff;
    overflow: hidden;
}

    .narrativeView:hover {
        background-color: #fffdd4;
    }

#providerContainer div {
    float: left;
}

#providerContainer tbody {
    float: left;
    height: 140px;
    width: 100%;
    overflow: auto;
}

#groupsContainer tbody {
    float: left;
}

#groupNone {
    position: absolute;
    left: 100px;
}

#providerNone {
    position: absolute;
    left: 325px;
}


#recipientContainer tbody {
    float: left;
}

#filterinput::-ms-clear {
    display: none;
}

#recipientfilter::-ms-clear {
    display: none;
}

.notifyActions {
    vertical-align: middle;
}

    .notifyActions a {
        padding-left: 5px;
        text-decoration: underline;
    }

.notifyAutoComplete {
    max-height: 200px;
    overflow: auto;
}

    .notifyAutoComplete .ui-menu-item a {
        max-width: 100%;
        text-overflow: clip;
        white-space: normal;
        word-break: break-all;
    }

.notifytoCell {
    text-align: center;
    border-left: 1px gray solid;
    border-bottom: 1px gray solid;
    width: 300px;
}

.notifyCommentCell {
    text-align: center;
    border-left: 1px gray solid;
    border-bottom: 1px gray solid;
    border-right: 1px gray solid;
    width: 200px;
}

.SelectedProvider {
    display: none !important;
}

.notifyCommentCell #comments {
    overflow: auto;
    width: 200px;
    max-height: 80px;
    padding-top:2px;
    padding-bottom  :2px;
}

.notifytoCell #container {
    overflow: auto;
    width: 342px;
    max-height: 100px;    
    margin-bottom: 4px;
    margin-top: 4px;
}

.link {
    background: lightblue;
}

#autocomplete {
    border: none;
    outline: none;
}

.noProviderEmailAddresses {
    position: absolute;
    left: 100px;
    right: 100px;
    bottom: 160px;
    color: gray;
}

#recipientTable {
    height: 120px;
    display: block;
    margin-bottom: 4px;
    margin-top: 15px;
    border-collapse: collapse;
    margin-left: 1em;
    width: 464px;
    padding-left: 0;
    padding-right: 0;
    border: 0;
}

#recipientTableBody {
    display: table;
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.recipientContainer {
    height: 120px;
    display: block;
    overflow: auto;
    width: 100%;
}

    .recipientContainer tbody {
        float: left;
    }

.recipientCell {
    width: 50%;
    border: 1px solid gray;
    max-width: 232px;
}

.recipientCellContainer {
    width: 229px;
    height: 120px;
    overflow: auto;
    float: left;
}

.recipientHead {
    border-bottom: 1px solid gray;
    height: 20px;
    background: #f1f1f1;
    line-height: 20px;
}

#groupCellHead {
    margin-left: -1px;
    margin-top: -3px;
}

#providerCellHead {
    margin-left: -4px;
    margin-right: -1px;
    margin-top: -3px;
}

.sendEmailComment {
    height: 140px;
    width: 325px;
    overflow: auto;
}

.narrativeTitle {
    font-size: 16px;
    font-weight: bold;
    text-align: left;
    padding: 0px 0px 3px 0px;
    color: #111;
}

.caseComment {
    margin: 0px 15px 10px 0px;
    padding: 6px;
    border: 1px solid #ccc;
    border-top: 1px solid #aaa;
    border-bottom: 1px solid #aaa;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
}

.caseAttachment {
    text-align: center;
    float: left;
    height: 110px;
    width: 100px;
    margin: 5px 10px 5px 0px;
    padding: 2px;
    cursor: pointer;
    border: 1px solid #ccc;
    border-top: 3px solid #aaa;
    border-bottom: 3px solid #aaa;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border-radius: 7px;
    background-color: #fff;
}

    .caseAttachment:hover {
        background-color: #fffdd4;
    }

.caseAttachmentLabel {
    text-align: center;
    width: 100%;
    font-weight: bold;
    overflow: hidden;
    height: 45px;
}

.caseActivityText {
    color: #818181;
}

#SensitiveCaseFailedPasswordCheck {
    font-size: 14px;
    color: #D80000;
    width: 80%;
}

#SensitiveCaseSendWarning {
    font-size: 14px;
    font-weight: bold;
    color: #D80000;
    width: 80%;
}

.SensitiveCaseWarning {
    font-size: 18px;
    color: #D80000;
    padding-left: 30px;
    width: 80%;
}

.SensitiveCaseWarningPlain {
    font-size: 16px;
    color: #000000;
    padding-left: 30px;
    width: 80%;
}

.CaseWarning {
    font-size: 18px;
    color: #D80000;
    padding-top: 100px;
    padding-left: 100px;
}

.SendWarning {
    font-size: 14px;
    font-weight: bold;
}

.barHeader {
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    background-color: #f8f8f8;
    background-image: url(../images/gradient7.png);
    background-repeat: repeat-x;
    border-bottom: solid 1px #999999;
    line-height: 20px;
    vertical-align: middle;
    padding-left: 10px;
}

.barHeader2 {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    background-color: #f1f1f1;
    background-image: url(../images/gradient7.png);
    border-bottom: solid 1px #999999;
    line-height: 20px;
    vertical-align: middle;
    -moz-border-radius: 4px 0px 0px 0px;
    -webkit-border-radius: 4px 0px 0px 0px;
    border-radius: 4px 0px 0px 0px;
}

#overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90;
    background-color: #cfcfcf;
}

.overlayCase {
    position: absolute;
    top: -65px;
    left: -460px;
    bottom: 0;
    right: 0;
    z-index: 49;
    background-color: #cfcfcf;
}

#searchViewerDiv {
    position: absolute;
    right: 0px;
    bottom: 0px;
    top: 0px;
    width: 50%;
    overflow: auto;
    border-left: solid 1px #999999;
}

.BigPic {
    position: relative;
    top: 0;
    left: 0;
    overflow: hidden;
    background-color: gray;
    width: 100%;
    height: 100%;
}

.InnerPic {
    position: absolute;
    cursor: url(../images/hand.cur), -moz-grab;
}

.InnerPicGrabbing {
    position: absolute;
    cursor: url(../images/handgrab.cur), -moz-grabbing;
}

.tile {
    border: 0;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 0px;
    left: 0px;
    display: block;
}

.ImageToolBar {
    padding-left: 5px;
    height: 32px;
}

    .ImageToolBar table {
        padding: 0px;
        border: solid 1px #999999;
        text-align: center;
    }

.star {
    color: Red;
}

.editText td {
    padding-top: 5px;
    padding-left: 5px;
    background-color: #fafafa;
}

.editText input[type='text'] {
    width: 252px;
}

.patientViewText td {
    padding: 4px 0px 4px 8px;
    background-color: #fafafa;
}

.dateChooser td {
    cursor: default;
    text-align: center;
}

    .dateChooser td.dateChooserActive:hover {
        color: white;
        background: #0A246A;
    }

    .dateChooser td.dateChooserActiveToday {
        border: 1px solid red;
    }

.dateChooser th {
    background: #aaa;
    color: white;
    width: 18px;
    border: none;
}

.dateChooser option, .dateChooser select {
    font-size: 10px;
}

.dateChooser {
    border: 2px outset #aaa;
    background: white;
    padding: 1px;
}

    .dateChooser table {
        width: 160px;
    }

#evalReminder {
    color: Red;
    font-size: medium;
    padding-right: 5px;
}

.activeRow {
    cursor: pointer;
}

.inactiveRow {
    cursor: pointer;
    color: #999;
}

.active {
    background-color: #E0F3FF;
}

.inactive {
    background-color: #e1e1e1;
}

#autocomplete {
    background-color: #fefefe;
    border: 1px solid black;
    margin: 0px;
}

    #autocomplete ul {
        margin: 10px;
        padding: 0px;
    }

    #autocomplete li {
        list-style-type: none;
        cursor: pointer;
        font-weight: normal;
        padding: 2px;
    }

        #autocomplete li.selected {
            background-color: #ffc;
        }

.patientWarning {
    border: solid 1px #8D100E;
    background-color: #fcf5f5;
    padding: 6px;
}

.patientWarningItem {
    padding-left: 20px;
}

.evalquestionwarning {
    border: solid 1px #FFFF00;
    font-size: 10px;
    font-style: italic;
    margin: 5px;
    padding: 5px;
    background-color: #FFFFEE;
}

.favheader td {
    border-bottom: solid 1px #999;
}

#AttContent {
    height: 100%;
}

#AttSidebar {
    float: left;
    width: 200px;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    overflow-scrolling: touch;
}

#AttMain {
    height: 100%;
    margin: 0 0 0 200px;
    padding: 0;
}

#advancedSearchPatientSummary {
    background-color: #FFFFee;
    padding: 6px 0px 6px 0px;
    width: 100%;
    color: #888;
    font-size: 12px;
    font-style: italic;
}

#advancedPatientSearch {
    width: 575px;
    position: absolute;
    margin-left: 5px;
    z-index: 30;
}

#AdvancedPatientSearchTable {
    background-color: #FFFFee;
    width: 100%;
    padding-bottom: 10px;
    padding-left: 15px;
    border-collapse: separate;
    border-bottom: solid 2px #999999;
    border-left: solid 2px #999999;
    border-right: solid 2px #999999;
}

    #AdvancedPatientSearchTable td {
        padding-left: 10px;
    }

#AdvancedPatientSearchTableHeader {
    margin: 20px 10px 0px 10px;
    border-bottom: solid 1px #999999;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #444;
}

#caseCreationHelp {
    background-color: #FFFDD4;
    border: solid 2px #D6BA35;
    padding: 5px;
}

    #caseCreationHelp td {
        vertical-align: middle;
    }

.caseCreationHelpTextBig {
    padding-right: 15px;
    font-weight: bold;
    font-size: 17px;
}

.caseCreationHelpText {
    padding-right: 35px;
    font-weight: bold;
    font-size: 13px;
}

.tooltip {
    background-color: #ffffdd;
    border: solid 1px #cbcbcb;
    padding: 5px;
    font-weight: bold;
}

.previousEditCont {
    overflow: auto;
    height: 56px;
    width: 100%;
    border-top: solid 1px #999999;
    background-color: #ffffdd;
}

.previousEdit {
    float: left;
    background-color: #fff;
    border: solid 1px #eee;
    margin: 2px;
    padding: 2px 2px 2px 84px;
    cursor: pointer;
    background-position: left top;
    background-repeat: no-repeat;
}

.reportHeader {
    border-bottom: 3px solid #262364;
    margin: 0px auto 0px auto;
    width: 742px;
    padding: 10px 0px 10px 0px;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
}

.reportListDiv {
    border: 0px solid #ccc;
    margin: 30px auto 0px auto;
    width: 700px;
    padding: 10px;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
}

.reportListSubDiv {
    border: 0px solid #999;
    padding: 3px;
}

    .reportListSubDiv A {
        border: 1px solid #ccc;
        border-left: 3px solid #262364;
        padding: 9px;
        margin: 0px 0px 5px 10px;
        background-color: #f1f1f1;
        display: block;
        font-size: 14px;
        font-weight: normal;
        color: #000;
    }

.reportTitle {
    font-size: 16px;
    background-color: #f1f1f1;
    border: 1px solid #ccc;
    border-left: 3px solid #262364;
    padding: 8px;
}

.reportTitleF {
    font-weight: bold;
    font-size: 16px;
}

.reportBrand {
    font-size: 13px;
    font-weight: normal;
}

.reportServer {
    font-size: 13px;
    font-weight: bold;
}

.reportName {
    width: 540px;
}

.reportDescription {
    font-size: 9px;
    font-weight: normal;
    font-style: italic;
    text-align: center;
    color: #333333;
}

.reportTimeStamp {
    font-size: 9px;
    font-weight: normal;
    font-style: italic;
    color: #aaa;
}

.actionBarBlue {
    background-image: url(../images/bluebar.png);
    background-repeat: repeat-x;
}

.actionBarPurple {
    background-image: url(../images/purplebar.png);
    background-repeat: repeat-x;
}

.actionBarGreen {
    background-image: url(../images/greenbar.png);
    background-repeat: repeat-x;
}

.actionBarYellow {
    background-image: url(../images/yellowbar.png);
    background-repeat: repeat-x;
}

#caseViewerActionBar {
    position: absolute;
    width: 100%;
    height: 45px;
}

    #caseViewerActionBar .message {
        font-style: italic;
        font-weight: bold;
        margin: 3px 0px 0px 20px;
        color: #666666;
        float: left;
        height: 16px;
        line-height: 16px;
        vertical-align: bottom;
    }

    #caseViewerActionBar .button {
        border-left: 1px solid #6F9FDC;
        border-right: solid 1px #999999;
        background-image: url(../images/gradient8.png);
        min-width: 80px;
        height: 43px;
        text-align: center;
        cursor: pointer;
        float: right;
        margin: 1px 0px 1px 0px;
        padding-left: 1px;
        padding-right: 1px;
    }

    #caseViewerActionBar .tab {
        position: absolute;
        bottom: -1px;
        left: 0px;
        width: 265px;
        background-image: url(../images/tab.png);
        height: 27px;
        line-height: 27px;
        vertical-align: bottom;
        text-align: center;
        padding: 0px 11px 0px 11px;
    }

#caseInformationBar {
    margin-top: 46px;
    padding: 5px;
}

#casePatientInformation {
    padding-left: 5px;
    margin-right: 320px;
    /*height: 128px;
    overflow: auto;*/
    min-width: 270px;
    word-wrap:break-word;
}

#ncMsgsOwnershipHeader {
    margin-top: 5px;
}

#ncMsgsInformationBar {
    margin-top: 36px;
    padding: 5px;
}

#ncMsgsPatientInformation {
    padding-left: 5px;
    margin-right: 100px;
    height: 112px;
    overflow: auto;
    min-width: 270px;
}

    #ncMsgsPatientInformation .patientName {
        font-size: 20px;
        font-weight: bold;
    }

#ncMsgsSessions {
    position: absolute;
    left: 0px;
    top: 140px; /* was 164 */
    right: 0px;
    bottom: 0px;
    overflow: auto;
    zoom: 1;
    border-top: solid 1px #777;
    background-color: #fafafa;
}

/* don't wrap whitespace in mobile browsers.  this results in horizontal scrolling on mobile and vertical scrolling on desktop, but not both. */
@media only screen and (max-device-width: 480px), only screen and (max-device-width: 800px), only screen and (min-device-width: 640px) and (max-device-width: 1136px) {
    #casePatientInformation {
        white-space: nowrap;
    }
}

#casePatientInformation .patientName {
    font-size: 20px;
    font-weight: bold;
}

#casePatientInformation .caseMessage {
    font-style: italic;
    color: #666666;
}

#caseOptions {
    position: absolute;
    top: 50px;
    right: 5px;
    width: 310px;
    height: 123px;
    z-index: 21;
}

    #caseOptions .adminFormTab {
        position: absolute;
        left: 7px;
        top: 1px;
        width: 158px;
        border: solid 1px #ccc;
        border-bottom: solid 0px;
        padding: 2px 2px 2px 5px;
        height: 14px;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
        z-index: 25;
        white-space: nowrap;
        overflow: hidden;
    }

    #caseOptions .caseOptionTab {
        position: absolute;
        right: 7px;
        top: 1px;
        width: 115px;
        border: solid 1px #ccc;
        border-bottom: solid 0px;
        padding: 2px 2px 2px 5px;
        height: 14px;
        -moz-border-radius: 4px 4px 0px 0px;
        -webkit-border-radius: 4px 4px 0px 0px;
        border-radius: 4px 4px 0px 0px;
        z-index: 25;
        white-space: nowrap;
        overflow: hidden;
    }

    #caseOptions .selected {
        height: 16px;
        top: 0px;
        border: solid 1px #999999;
        border-bottom: solid 0px;
    }

#caseOptionsContent {
    border: solid 1px #999999;
    border-bottom: solid 0px #999999;
    background-color: #fff;
    padding: 3px 3px 3px 3px;
    position: absolute;
    bottom: 25px;
    right: 0px;
    left: 0px;
    top: 20px;
    overflow: auto;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    z-index: 20;
}

#caseOptionsForms, #caseOptionsFormsContent {
    position: relative;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

#caseOptionsForms {
    border: solid 1px #999999;
    padding: 4px 2px 2px 5px;
    height: 95px;
    top: 20px;
    z-index: 20;
}

#caseOptionsFormsContent {
    height: 76px;
    overflow: auto;
}

#caseSessions {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 0px;
    overflow: auto;
    zoom: 1;
    border-top: solid 1px #777;
    background-color: #fafafa;
}

#caseSessionsCont {
    zoom: 1;
}

#_patientViewLink_ {
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

#_patientViewLinkX_ {
    -moz-border-radius: 4px 0px 0px 4px;
    -webkit-border-radius: 4px 0px 0px 4px;
    border-radius: 4px 0px 0px 4px;
}

#_patientCaseLinkX_ {
    -moz-border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    border-radius: 0px 4px 4px 0px;
}

.caseHeaderPatientButton {
    float: left;
    display: block;
    border: solid 1px #999999;
    padding: 2px;
    margin: 3px 0px 3px 0px;
}

.caseOptionItem {
    padding: 1px 2px 1px 2px;
    cursor: pointer;
}

    .caseOptionItem:hover {
        background-image: url(../images/gradient.png);
    }

#caseOptionAllItem {
    text-align: right;
    background-color: #f2f2f2;
    padding: 2px;
    font-weight: bold;
    position: absolute;
    height: 20px;
    line-height: 20px;
    vertical-align: middle;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 21;
    border: solid 1px #999999;
    border-top: solid 0px #999999;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

#caseOptionAllItemForms {
    text-align: right;
    background-color: #f2f2f2;
    padding: 2px;
    font-weight: bold;
    position: absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
}

.newOverlayWindow {
    background-color: #f1f1f1;
    border: 1px solid #777;
    z-index: 100;
    position: absolute;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.newOverlayHeader {
    border-bottom: 1px solid #888;
    height: 30px;
    background-image: url(../images/bluebar.png);
    background-repeat: repeat-x;
    -moz-border-radius: 10px 10px 0px 0px;
    -webkit-border-radius: 10px 10px 0px 0px;
    border-radius: 10px 10px 0px 0px;
}

.newOverlayContent {
    border: 1px solid #888;
    position: absolute;
    background-color: #fff;
    top: 36px;
    left: 5px;
    right: 5px;
    bottom: 5px;
    overflow: auto;
    -webkit-overflow-scrolling:touch;
}

.newOverlayTitle {
    position: absolute;
    top: 0px;
    left: 26px;
    right: 26px;
    text-align: center;
    vertical-align: middle;
    line-height: 30px;
    cursor: move;
    font-weight: bold;
    font-size: 13px;
}

.overlayFrame {
    width: 100%;
    height: 100%;
    position: absolute;
    margin: 0px;
}

.icon {
    display: block;
    background-repeat: no-repeat;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    cursor: pointer;
    float: left;
    border: 0px;
}

h2, h3 {
    margin-bottom: 2px;
    margin-top: 0px;
}

h3 {
    padding-top: 5px;
}

.sensitive {
    background-color: #fafafa;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

.nocase {
    background-color: #fafafa;
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
    border-left: 1px solid #558ED5;
    text-align: center;
}

    .nocase div {
        border: dotted 1px #d1d1d1;
        width: 150px;
        height: 20px;
        padding: 20px;
        color: #d1d1d1;
        position: absolute;
        left: 50%;
        right: 50%;
        top: 50%;
        bottom: 50%;
        margin: -10px -50px -10px -50px;
    }

.rounded {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

.label {
    font-weight: bold;
    padding-right: 10px;
}

.VerticalLabel {
    font-weight: bold;
    padding: 4px 1px 1px 8px;
    font-size: 12px;
}

.VerticalLabelDataCol {
    padding: 1px 1px 1px 8px;
    font-size: 12px;
}

.HorizontalLabel {
    width: 150px;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    padding-right: 10px;
    float: left;
}

.Heading {
    font-weight: bold;
    font-size: 14px;
    color: #191970;
    padding: 10px 3px 3px 0px;
    margin: 0px;
}

.NarrativeLabel {
    width: 25%;
    text-align: right;
    vertical-align: top;
    font-weight: bold;
    padding: 1px;
    font-size: 12px;
    float: left;
}

.DataCol {
    width: 70%;
    text-align: left;
    vertical-align: top;
    padding: 1px 1px 1px 10px;
    font-size: 12px;
    float: left;
}

#newSearchCont {
    min-width: 750px;
}

#newSearchBody {
    border-top: 1px solid #999;
    position: absolute;
    top: 71px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: 29;
}

#newSearchCont {
    position: absolute;
    left: 0px;
    right: 0px;
    top: 0px;
    bottom: 0px;
}

#newOverlayContentCase {
    padding: 10px;
}

.helpTip {
    padding: 10px;
    border: 1px solid #A1A1A1;
    background-color: #FFFFCC;
}

#allCaseOptions {
    display: none;
}

#caseQuickSearch {
    border: solid 1px #999999;
    margin: 7px 5px 0px 0px;
    float: right;
    color: #333333;
    font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
    font-size: 13px;
    height: 21px;
    width: 150px;
}

#searchButton {
    margin: 7px 0px 0px 0px;
    height: 23px;
    line-height: 22px;
    vertical-align: middle;
    padding: 0px 8px 0px 8px;
    float: right;
    border: solid 1px #999999;
    border-radius: 4px 4px 4px 4px;
    font-size: 11px;
}

a:hover span {
    text-decoration: underline;
}

.sendEmailComment {
    height: 150px;
    width: 325px;
}

.smallNote {
    text-align: left;
    font-size: 11px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 0px;
    color: darkslategray;
}

.logo-tconsult {
    display: inline-block;
}

.logoSelectorButton {
    vertical-align: middle;
}

.logoPreview {
    width: 147px;
    height: 54px;
    padding-left: 0px;
    margin-left: 0px;
}

.logoText {
    text-align: right;
}

.icon-back {
    background: url(../images/back.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-excel {
    background: url(../images/excel.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-comment {
    background: url(../images/comment.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-vidyo {
    background: url(../images/Vidyo.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-save {
    background: url(../images/save.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-folder {
    background: url(../images/folder.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-folder-open {
    background: url(../images/folder_open.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-server {
    background: url(../images/server.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-report {
    background: url(../images/report_ico.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-folder-inactive {
    background: url(../images/folder_inactive.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-folder-alert {
    background: url(../images/folder_alert.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-folder-label {
    background: url(../images/folder_label.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-label {
    background: url(../images/label.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-messagesFolder {
    background: url(../images/messagesFolder.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-messagesFolderOpen {
    background: url(../images/messagesFolderOpen.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-group {
    background: url(../images/group.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-group-new {
    background: url(../images/groupNew.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-group-edit {
    background: url(../images/groupEdit.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-provider {
    background: url(../images/provider.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-provider-new {
    background: url(../images/providerNew.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-provider-edit {
    background: url(../images/providerEdit.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-patient {
    background: url(../images/patient.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-patient-new {
    background: url(../images/patientNew.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-patient-edit {
    background: url(../images/patientEdit.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-search {
    background: url(../images/search.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-search-new {
    background: url(../images/newsearch.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-case-create {
    background: url(../images/newcase.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}


.icon-camera {
    background: url(../images/camera.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-scanner {
    background: url(../images/scanner.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-form {
    background: url(../images/form.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-ecg {
    background: url(../images/ecg.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-audiogram {
    background: url(../images/aud.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-spirometer {
    background: url(../images/spiro.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-vitalsigns {
    background: url(../images/vitalsign.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-pdf {
    background: url(../images/pdf.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-doc {
    background: url(../images/doc.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-video {
    background: url(../images/video.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-text {
    background: url(../images/txt.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-audio {
    background: url(../images/audio.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-close {
    background: url(../images/close.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-alert {
    background: url(../images/alert.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-print {
    background: url(../images/print.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-edit {
    background: url(../images/edit.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-email {
    background: url(../images/email.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-browser {
    background: url(../images/browser.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-changes {
    background: url(../images/changes.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-window-new {
    background: url(../images/window_open.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-adjust {
    background: url(../images/adjust.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-lock {
    background: url(../images/lock.gif) no-repeat;
    height: 9px;
    width: 9px;
    display: inline-block;
}

.icon-deleted {
    background: url(../images/trashcan.png) no-repeat;
    height: 9px;
    width: 9px;
    display: inline-block;
}

.icon-descending {
    background: url(../images/dsc.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-ascending {
    background: url(../images/asc.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-descending-small {
    background: url(../images/dsc_small.png) no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block;
}

.icon-ascending-small {
    background: url(../images/asc_small.png) no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block;
}

.icon-ascending-grayed-small {
    background: url(../images/ascGrayed_small.png) no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block;
}

.icon-2rightarrow {
    background: url(../images/2rightarrow.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

/* Login page tools */

.icon-tool-acrobat {
    background: url(../images/get_adobe_reader.gif) no-repeat;
    height: 31px;
    width: 88px;
    display: inline-block;
}

.icon-tool-media-player {
    background: url(../images/get_wmp.gif) no-repeat;
    height: 31px;
    width: 88px;
    display: inline-block;
}

.icon-tool-quicktime {
    background: url(../images/get_quicktime.gif) no-repeat;
    height: 31px;
    width: 88px;
    display: inline-block;
}

.icon-tool-web-tools {
    background: url(../images/get_webtools.png) no-repeat;
    height: 31px;
    width: 80px;
    display: inline-block;
}

.icon-plus {
    background: url(../images/plus.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
}

.icon-minus {
    background: url(../images/minus.png) no-repeat;
    width: 15px;
    height: 15px;
    display: inline-block;
}

/* Help */
.icon-help-one {
    background: url(../images/helpone.png) no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
}

.icon-help-two {
    background: url(../images/helptwo.png) no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
}

.icon-help-three {
    background: url(../images/helpthree.png) no-repeat;
    height: 30px;
    width: 30px;
    display: inline-block;
}

.icon-sensitive24 {
    background: url(../images/Sensitive24.png) no-repeat;
    height: 24px;
    width: 24px;
    display: inline-block;
}

.icon-sensitive10 {
    background: url(../images/Sensitive10.png) no-repeat;
    height: 10px;
    width: 10px;
    display: inline-block;
}

/* Case Actions */

.icon-send {
    background: url(../images/send.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-hold {
    background: url(../images/hold.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-archive {
    background: url(../images/archive.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-deleteMessage {
    background: url(../images/deleteMessage.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-emptyMessageTrash {
    background: url(../images/emptyTrash.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-checkinMessage {
    background: url(../images/check_in.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-checkoutMessage {
    background: url(../images/check_out.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-acceptInvite {
    background: url(../images/acceptInvite.gif) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-tentativeAcceptInvite {
    background: url(../images/tentativeAcceptInvite.gif) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-declineInvite {
    background: url(../images/declineInvite.gif) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-moveMessageToInbox {
    background: url(../images/archive.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-take {
    background: url(../images/take.png) no-repeat;
    height: 22px;
    width: 22px;
    display: inline-block;
}

.icon-sensitive16 {
    background: url(../images/sensitive16.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-form-large {
    background: url(../images/form64.gif) no-repeat;
    height: 60px;
    width: 80px;
    display: inline-block;
}

.icon-web-help {
    vertical-align: middle;
    background-image: url(../images/WebHelp.png);
    height: 22px;
    width: 22px;
    display: inline-block;
}

#webHelpText {
    font-size: 17px;
    vertical-align: middle;
}

.loginMessageBody li {
    padding: 5px;
}

.loginBoxHeader {
    font-weight: bold;
}

.messageTable {
    width: 100%;
    border-bottom: solid 1px #999999;
    border-collapse: collapse;
    padding: 0px;
    margin: 0px;
}

.messageTableRow {
    padding: 0px;
    margin: 0px;
}

.headerMessages {
    background-color: #ECF5EC;
    background-position: right;
    background-repeat: no-repeat;
    border-top: solid 1px #999999;
    padding: 0px 5px 5px 5px;
    font-size: 12px;
    margin: 0px 0px 0px 0px;
    text-align: left;
    font-weight: normal;
    line-height: 15px;
    height: 16px;
}

.icon-descGray {
    background-image: url(../images/ascGrayed.png);
    background-position: right;
    background-repeat: no-repeat;
}

.messageSubject {
    line-height: 13px;
    font-size: 12px;
    padding: 7px 5px 7px 7px;
    text-align: left;
    border-left: solid 1px #999999;
}

.messageHeaderDateSent {
    line-height: 13px;
    padding: 8px 5px 0px 7px;
    text-align: right;
}

.messageDateSent {
    line-height: 12px;
    padding: 0px 5px 0px 7px;
    text-align: left;
    border-left: solid 1px #999999;
}

.messageProvider {
    line-height: 13px;
    padding: 0px 5px 0px 7px;
    text-align: left;
}

.messageStatusText {
    color: darkgreen;
    padding-top: 4px;
    padding-left: 15px;
    font-style: oblique;
    font-weight: bold;
}

/* Colored left bar background*/
.messageItemType {
    width: 13px;
    border-collapse: collapse;
    cursor: pointer;
    background-image: url(../images/gridM.png);
    background-repeat: repeat;
    text-align: center;
    padding: 0px;
    margin: 0px;
}

/* Unselected message in message list */
.messageItem {
    width: 100%;
    border-bottom: solid 1px #999999;
    border-collapse: collapse;
    cursor: pointer;
    background-image: url(../images/gradient4.png);
    background-repeat: repeat-x;
    font-weight: normal;
    padding-left: 5px;
}

/* Unread and unselected message in message list */
.messageItem_unread {
    width: 100%;
    border-bottom: solid 1px #999999;
    border-collapse: collapse;
    cursor: pointer;
    background-image: url(../images/gradient4.png);
    background-repeat: repeat-x;
    font-weight: bold;
    padding-left: 5px;
}

/* Hover over message in message list */
.messageItem:hover {
    background-color: #FFFFCC;
}

.messageItem_unread:hover {
    background-color: #FFFFCC;
}

/* Selected message in message list */
.messageItemSelected {
    width: 100%;
    border-bottom: solid 1px #999999;
    border-collapse: collapse;
    cursor: pointer;
    color: white;
    background-color: #557FCA;
}

.emptyList {
    padding: 3px;
    font-size: 11px;
    color: gray;
    text-align: center;
}

.icon-ehr {
    height: 22px;
    width: 22px;
    display: inline-block;
}

#FinEmpty {
    width: 650px;
    position: absolute;
    top: 100px;
    z-index: 100;
    opacity: .5;
    position: absolute;
    left: 0;
    right: 0;
    margin-left: auto;
    margin-right: auto;
}

#ExportedPatientFinEmpty {
    width: 650px;
    position: relative;
    opacity: .5;
    top: 80px;
    z-index: 100;
}

#ExportedFinEmpty {
    width: 650px;
    opacity: .5;
    position: relative;
    top: 80px;
    z-index: 100;
}

#FinGridTable .ui-jqgrid .ui-jqgrid-labels .s-ico .ui-grid-ico-sort {
    margin-top: 0px;
}

#FinGridTable th {
    font-size: 12px;
    font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
}

.ui-jqgrid tr.jqgrow td {
    vertical-align: middle !important;
}

#FinEmpty > .emptyfins {
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    display: none;
}

#ExportedFinEmpty > #Exportednofins {
    text-align: center;
    font-style: italic;
    display: none;
}

#ExportedPatientFinEmpty > #ExportedPatientnofins {
    text-align: center;
    font-style: italic;
    display: none;
}

#FinEmpty > #noFinInstructions {
    text-align: center;
    display: none;
    font-style: italic;
}

.toggle-btn-grp {
    margin: 3px 2px;
}

.toggle-btn {
    text-align: center;
    margin: 5px 2px;
    padding: 1px;
    padding-top: 2px;
    padding-bottom: 6px;
    padding: 6px;
    font-weight: bold;
    background-color: #FFF;
    border-radius: 10px;
    display: inline-block;
    border: 1px solid #79b7e7;
    cursor: pointer;
    height: 12px;
}

.toggle-btn-grp.joint-toggle .toggle-btn {
    margin: 5px 0;
    padding: 6px;
    padding-top: 2px;
    padding-bottom: 6px;
    border-radius: 0;
    border-right-color: #79b7e7;
}

    .toggle-btn-grp.joint-toggle .toggle-btn:first-child {
        margin-left: 2px;
        border-radius: 10px 0px 0px 10px;
    }

    .toggle-btn-grp.joint-toggle .toggle-btn:last-child {
        margin-right: 2px;
        border-radius: 0px 10px 10px 0px;
        border-right: solid 1px #79b7e7;
    }


.toggle-btn:hover {
    border: solid 1px #a0d5dc !important;
    background: #f1fdfe;
}


.toggle-btn.success {
    background: #dfeffc;
    border: 1px solid #a0d5dc !important;
}


.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

    .visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
        clip: auto;
        height: auto;
        margin: 0;
        overflow: visible;
        position: static;
        width: auto;
    }

.toggle-label {
    display: inline;
    font-weight: bold;
    font-size: 12px;
}

#FinTabs > div {
    padding-left: 4px;
    padding-right: 4px;
}

#FinTabs .ui-state-focus a {
    outline: none;
}

#FinTabs .ui-widget {
    font-family: Arial Unicode MS, Arial, Helvetica, sans-serif !important;
}

.disabledText {
    color: Gray;
    cursor: default !important;
    background-image:none !important;
}

.lefttooltip .ui-tooltip-content {
    position: relative;
    padding: 1px;
}

    .lefttooltip .ui-tooltip-content::after {
        content: '';
        position: absolute;
        border-style: solid;
        display: block;
        width: 0;
    }

    .lefttooltip .ui-tooltip-content::after {
        top: -1px;
        right: -18px;
        border-color: transparent #ffffff;
        border-width: 10px 0 10px 10px;
    }

.icon-newappointment {
    background: url(../images/newappointment.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-deleteappointment {
    background: url(../images/appointmentDelete.gif) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.patientListHeader {
    border-top: solid 1px #999999;
    vertical-align: top;
    background-image: url(../images/gradient7.png);
}

#CaseViewerErrorDiv {
    top: 0px;
    bottom: 0px;
    left: 419px;
    right: 0px;
    min-width: 520px;
    background-color: #fafafa;
    padding: 20px;
    background-image: url(../images/bluebar.png);
    background-repeat: repeat-x;
}

.icon-link {
    background: url(../images/Link.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}


.patientDemographicsViewText td {
    padding: 0px 0px 0px 8px;
    font-size:12px;
    vertical-align:middle;
    background-color: #fafafa;
}

#linkPatientParentContainer .ui-jqgrid-title
{
    font-size: 13px;
}

#linkPatientParentContainer th {
    font-size: 12px;
    font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
}


.PatientEmpty {
    position: relative;
    display:none;
    top: 100px;
    z-index: 100;
    opacity: .5;
    text-align: center;
    width:80%;
}

.gradButtonVertical {
    position:relative;
    right:0px;
    margin:0px;
    border-bottom:solid 1px #79b7e7;
    border-top:solid 1px #79b7e7;
    background-color:#efefef;
    top:40%;
    float:right;
}

    .gradButtonVertical div.gradButton {
        float: left;
        border-left: 1px solid #79b7e7;

    }

        .gradButtonVertical div.gradButton div {
            text-align: center;
            padding: 5px 5px 5px 5px;
        }
.hightLight{
    font-weight:bold;
    color:darkorange;
}

.demoHead{
    font-weight:bold;
    border-bottom:dotted 1px #a6c9e2;
    background-color:#d1d1d1 !important ;
    font-size:12px !important;
    height:18px;
    color:#2e6e9e;
    vertical-align: middle;
}

.not-selectable-row{

    color: #928E8E !important;
}

.not-selectable-row .ui-icon{
    display:none !important;
}

#LeftPatientList tr.ui-state-highlight td{
    font-weight:bold !important;
}

#RightPatientList tr.ui-state-highlight td{
    font-weight:bold !important;
}

#colchooser_LeftPatientList .ui-multiselect li{
    height:auto;
}

#democointainer .ui-tabs-nav li a{
        padding: .1em 1em;
}

#democointainer .ui-state-focus a {
    outline: none;
}

#democointainer  .ui-tabs{
    padding:0px;
}

.exportRequestCaseOptionsContent
{
    border-radius: 4px !important;
    border-bottom: solid 1px #999999 !important;
    height: 95px !important;
}

.InactiveCaseLink {
   text-decoration: none;
   color: black !important;
   pointer-events: none;
   cursor: default;
}

.exportReqPatientViewLinkX_ {
    -moz-border-radius: 4px 4px 4px 4px !important;
    -webkit-border-radius: 4px 4px 4px 4px !important;
    border-radius: 4px 4px 4px 4px !important;
}


.icon-exportFolder {
    background: url(../images/exportfolder.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-exportFolderOpen {
    background: url(../images/exportfolderOpen.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.exportActionBar{
    width:100%;
    background-color: #FEEAC7;
    border-top:1px solid #FFCC79;
    border-bottom:1px solid #FFCC79;
    height:50px;
    display:none;
    /*overflow:auto;*/
}

.exportButton{
    height:25px;
    display: inline-block;
    min-width:130px;
    float:left;
    padding:6px 0px 0px 4px;
    margin-top:6px;
    border-radius:4px;
    border: solid 1px #999999;
}

.icon-note {
    background: url(../images/note.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}


.icon-over {
    background: url(../images/Done-icon.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-done {
    background: url(../images/checkmark_16.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-selectAppointment {
    background: url(../images/appointment.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.icon-discharge {
    background: url(../images/discharge.png) no-repeat;
    height: 16px;
    width: 16px;
    display: inline-block;
}

.exportMinBtn {
    cursor: pointer;
    display: block;
    position: relative;
}

.exportMinBtn::after {
    border: 1px solid #FFCC79;
    border-radius: 2px;
    content: '';
    height: 2em;
    left: 50%;
    margin-left: -50px;
    position: absolute;
    width: 100px;
    z-index: 2;
    background: #FEEAC7;
}

.exportMinBtn svg {
    fill: #c18728;
    height: 14px;
    left: 50%;
    margin-left: -6px;
    position: absolute;
    top: 6px;
    width: 14px;
    z-index: 3;
}

.rotate {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.bootstrap .modal-header-primary {
    background-image: linear-gradient(#d5e3fc 0%, #87b1ef 100%);
    border-bottom: 1px solid #6599dd !important;
    border-radius: 6px 6px 0 0;
}

.alwaysTop{
    z-index:5000 !important;
}

.tag {
    float: left;
    margin-left: 3px;
    text-align: left;
}

.tagLabel {
    max-width: 285px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 1px;
    text-decoration: none !important;
    float: left;
}

.tag .selected-recipient {
    display: block;
    border-radius: 4px;
    margin: 2px;
    padding: 0 5px;
    float: left;
    text-decoration: none;
    border: 1px solid #79b7e7;
    background: #e1f0fa;
    color: #1d5987;
    font-size: 12px;
}

    .tag .selected-recipient .glyphicon {
        margin: 0 0 0 4px;
        cursor: pointer;
        color: #1d5987;
        opacity: .6
    }

        .tag .selected-recipient .glyphicon:hover {
            opacity: 1;
        }

.limitWarning {
    text-align: left;
    font-size: 11px;
    font-style: italic;
    color: red;
    display:none;
}

.sendRemoteNotifyComment {
    height: 150px;
    width: 325px;
}

#providerContainer a {
    max-width: 380px;
    text-overflow: clip;
    white-space: normal;
    word-break: break-all;
    color: black;
}

    #providerContainer a:hover {
        font-weight: bold;
        color: #1d5987;
        text-decoration: underline;
    }

.bootstrap .selected-recipient, .bootstrap .selected-recipient:hover {
    display: block;
    background: #428bca;
    color: #fff;
    border: 1px solid #acacac;
    border-radius: 4px;
    margin: 2px;
    padding: 0 5px;
    float: left;
    text-decoration: none;
}

    .bootstrap .selected-recipient .glyphicon {
        margin: 0 0 0 5px;
        cursor: pointer;
        color: white;
    }

	body.hide-iFrames iframe {
    	visibility: hidden;
	}