﻿#C_M_W_px0,
#C_M_W_px1,
#C_M_W_px2,
#C_M_W_px3,
#C_M_W_px4,
#C_M_W_px5,
#C_M_W_px6,
#C_M_W_px7 {
    height: 100%;
}

.ajax__tab_inner > a {
    color: black;
}


.helpguideIcon {
    vertical-align: middle
}

.AlertSummaryAccountStatus {
    text-align: center;
    font-family: Arial;
    font-size: 18px;
    font-weight: bold;
}

.AlertSummaryAccountStatusNote {
    text-align: center;
    font-family: Arial;
    font-size: 14px;
}


.AlertSummaryAccountUnsigned {
    text-align: center;
    font-family: Arial;
    font-size: 12px;
}

.AlertSummaryClientAlertTitle {
    text-align: center;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}


#dwrap div {
    height: 60px;
    border: none;
    float: left;
}

#blur {
    width: 100%;
    background-color: black;
    moz-opacity: 0.5;
    khtml-opacity: .5;
    opacity: .5;
    filter: alpha(opacity=10);
    z-index: 120;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}




#progress {
    z-index: 200;
    background-color: White;
    position: absolute;
    top: 0pt;
    left: 0pt; /*  border: solid 1px black;      padding: 5px 5px 5px 5px;*/
    text-align: center;
}

.ReportViewerDate {
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
}

.ReportViewerDropDown {
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
}

.ReportViewerListBox {
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
}

.ReportViewerLabel {
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    padding: 6px;
    vertical-align: top;
}

.highlight {
    background-color: #EFEFEF;
    font-family: Arial;
    font-size: 12px;
    font-weight: normal;
    padding: 6px;
    vertical-align: top;
}

.HospNote {
    font-family: Arial;
    font-size: 12px;
}

.ModalDiv {
    color: black;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}

.HospitalEvent {
    color: black;
    font-weight: bold;
    font-size: 12px;
    font-family: Arial;
}

.RotaHeader {
    color: black;
    font-weight: Bold;
    font-size: 12px;
    font-family: Arial;
    text-align: center;
    background-image: url(../img/modal/modal_mid.png);
    background-repeat: repeat-x;
}

.RotaBody {
}

.ModalTitleDivLeft {
    background-image: url("../img/Modal/modal_left_top.png");
    background-repeat: no-repeat;
    text-align: center;
    vertical-align: middle;
    height: 22px;
    width: 5px;
    float: left;
    background-color: transparent;
}

.ModalTitleDivCenter {
    background-color: transparent;
    color: black;
    font-weight: bold;
    font-size: 18px;
    text-align: left;
    text-indent: 10px;
    vertical-align: middle;
    background-image: url(../img/modal/modal_mid.png);
    background-repeat: repeat-x;
    height: 22px;
    float: left;
}

.ModalTitleDivRight {
    float: left;
    clear: both;
}




.CuteEditorFrame {
    background-color: White;
    border-color: #DDDDDD;
    border-style: Solid;
    border-width: 1px;
}

.CancelledPaymentReference {
    color: Red;
}

.AccodionHeader {
    font-size: 11px;
    color: White;
    border-color: Black;
    border-width: 2px;
    font-weight: bold;
    background-color: #669999;
    border-style: solid;
    padding: 3px;
}

.AccordionContent {
    background-color: White;
    color: Black;
    font-size: 12px;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    border-top-width: 0px;
}


.OutstandingAfterPayment {
    color: Red;
    font-weight: bold;
}

.bookButton {
    font-size: 10px;
    color: #24748A;
    font-weight: bold;
    display: block;
}

.BasicLinkButton {
    font-size: 9pt;
    color: #24748A !important;
    font-weight: bold;
    display: block;
}

.BasicLinkButtonWithoutBlock {
    font-size: 9pt;
    color: #24748A !important;
    font-weight: bold;
    display: inline;
}

.popupMenu {
    position: absolute;
    visibility: hidden;
    background-color: #F5F7F8;
    opacity: .9;
    filter: alpha(opacity=90);
}



.menuButton {
    border-style: none;
    background-color: Transparent;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: Black;
    text-align: center;
    vertical-align: middle;
    border: 0px none #000000;
    cursor: hand;
}


.ErrorMessage {
    font-size: small;
    color: Red;
}

.watermarked {
    background-color: #BCD4DB;
    font-style: italic;
    font-size: 8pt;
    padding: 2px 1px;
}

    .watermarked.notRequired {
        background-color: #fff;
    }

.requiredLabelWaterMarked {
    background-color: #BCD4DB;
    font-style: italic;
    font-size: 8pt;
    padding: 2px;
    padding-right: 28px;
}

.HospBookLabel {
    font-size: 10pt;
    font-family: Arial;
}


.requiredLabel {
    font-size: 10pt;
    font-family: Arial;
}

/******** Tab Styles ********/

/* Location and login buttons */

.DefaultLabel {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    vertical-align: top;
    text-align: left;
}

    .DefaultLabel > p {
        margin-left: 15px;
    }

.ModalLeftSide {
    background-image: url(../img/Modal/modal_left_center.png);
    background-repeat: repeat-y;
    background-position: left;
    background-color: White;
    width: 1px;
    border: 0px none #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ModalRightSide {
    background-image: url(../img/Modal/modal_left_center.png);
    background-repeat: repeat-y;
    background-position: right;
    background-color: White;
    width: 1px;
    border: 0px none #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ModalBottom {
    background-image: url(../img/Modal/modal_left_center.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: White;
    width: 1px;
    border: 0px none #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ModalBottomRight {
    background-image: url(../img/Modal/modal_right_bottom.png);
    background-repeat: no-repeat;
    background-position: right;
    width: 5px;
    height: 22px;
    border: 0px none #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.ModalBottomLeft {
    background-image: url(../img/Modal/modal_left_bottom.png);
    background-repeat: no-repeat;
    background-position: left;
    width: 5px;
    height: 22px;
    border: 0px none #000000;
    padding: 0px 0px 0px 0px;
    margin: 0px;
}

.th /* tabHeader */ {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-image: url(../img/Tabs/tab_off_middle.png);
    background-repeat: repeat;
    border: 0px none #000000;
    height: 30px;
    padding-top: 15px;
    vertical-align: top;
    font-weight: bold;
    padding-right: 0px;
    margin: 0px;
}

.ts /* tabHeaderSelected */ {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-image: url(../img/Tabs/tab_on_middle.png);
    background-repeat: repeat;
    padding-top: 15px;
    vertical-align: top;
    border: 0px none #000000;
    height: 30px;
    font-weight: bold;
    padding-right: 0px;
    margin: 0px;
}

/******** Menu Styles ********/
/*
.MIUB menuItemUnderline login and location buttons
{
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-image: url("../img/tile_grey_bar.png" );
    background-repeat: repeat;
    border-top: 1px solid #C5C5C5;
    width: 150px;
    padding: 1px 1px 1px 1px;
    margin-bottom: 2px;
    text-decoration: underline;
}*/

/*.SubPanel
{
    background-image: url("../img/sub_menubar.png" );
    background-repeat: repeat;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
}

.SubPanel:hover
{
    background-image: url("../img/sub_menubar_on.png" );
    background-repeat: repeat;
    font-family: Arial;
    font-size: 23px;
    font-weight: bold;
} */

.dropdownleft {
    background-image: url("../img/dropdownmenu/drop_down_left.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 23px;
}

.dropdownmid {
    background-image: url("../img/dropdownmenu/drop_down_mid.png");
    background-repeat: repeat;
    height: 32px;
    padding-left: 4px;
    padding-right: 6px;
    vertical-align: middle;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.dropdownright {
    background-image: url("../img/dropdownmenu/drop_down_right.png");
    background-repeat: no-repeat;
    height: 32px;
    width: 8px;
}

/* Format of the main menu */

.tableMenu {
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;
    color: Black;
    cursor: pointer;
}

a.tableMenu {
    text-decoration: none;
}

.sortable a, .sortable a:visited {
    color: Black;
    text-decoration: none;
}

/* Format of the main menu */

.tableSubMenu {
    font-family: Arial;
    font-size: 10px;
    font-weight: bold;
    color: Black;
}

/* Format of the main menu */

.tableMenu2 {
    background-image: url("../img/menubar/top_menubar_off.png");
    background-repeat: repeat;
    text-align: center;
    vertical-align: middle;
    height: 45px;
}

.tableMenu2on {
    background-image: url("../img/menubar/top_menubar_on.png");
    background-repeat: repeat;
    text-align: center;
    vertical-align: middle;
    height: 45px;
}

.subMenuDivider {
    background-image: url("../img/submenu/sub_menubar_divider.png");
    background-repeat: repeat;
}

.subMenuTopMid {
    background-image: url("../img/submenu/sub_menu_topmid.png");
    background-repeat: repeat;
}

.subMenuMidLeft {
    background-image: url("../img/submenu/sub_menu_endleft.png");
    height: 20px;
}

.subMenuBottomLeft {
    background-image: url("../img/submenu/sub_menu_bottomleft.png");
    height: 4px;
    width: 3px;
    background-repeat: no-repeat;
    background-position: right;
}

.subMenuBottomMid {
    background-image: url("../img/submenu/sub_menu_bottommid.png");
    background-repeat: repeat-x;
}

.subMenuBottomRight {
    background-image: url("../img/submenu/sub_menu_bottomright.png");
    height: 4px;
    width: 5px;
    background-repeat: no-repeat;
}

.subPanel2 {
    background-color: #E1EAEC;
}


.subMenuText {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    text-decoration: none;
}

.subMenuButton {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    /*background-image: url(".../img/submenu/sub_menubar.png" );*/
    background-repeat: repeat-x;
    text-decoration: none;
    font-family: Arial;
    font-size: 12px;
    color: Black;
}

.subMenuText a:hover {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    background-image: url("../img/submenu/sub_menubar_on.png");
    background-repeat: repeat-x;
    font-family: Arial;
    font-size: 12px;
    color: Black;
    text-decoration: none;
}

a.subMenuText {
    font-family: Arial;
    font-size: 12px;
    text-decoration: none;
}

.SubMenuPanel {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    text-decoration: none;
}


/* Format of the main menu */

.tableMenu3 {
    text-align: center;
    vertical-align: middle;
    height: 45px;
}

.topMenu {
    font-family: Arial;
    font-size: 20px;
    color: Black;
    border-width: 10px;
}



.MI /* menuItem */ {
    font-family: Arial;
    font-size: 13px;
    color: Black;
    text-align: center;
    font-weight: bold;
    background-color: Transparent;
    cursor: pointer;
}

.SMI /* subMenuItem */ {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    text-align: left;
    background-color: #EFEFEF;
    cursor: pointer;
    display: block;
    border-width: 1px;
    border-style: solid;
    border-color: #ccc #888 #555 #bbb;
    margin: 0;
    padding: 2px 3px;
    text-decoration: none;
}

.MIU /*menuItemUnderline*/ {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    background-color: Transparent;
    border-top: 1px solid #C5C5C5;
    width: 150px;
    padding: 1px 1px 1px 1px;
    margin-bottom: 2px;
    text-decoration: underline;
}

a.MI {
    text-decoration: none;
}


/*.behindTab
    {
        background-image:url("../img/tile_behind_tabs.png");
        background-repeat: repeat;
    }*/

/* Used to separate the top level menu items. */

.divider {
    font-size: 8pt;
    color: Teal;
    font-weight: bold;
    height: 29px;
}

/* Menu within the search controls */

.SearchLinkMenu {
    text-decoration: underline;
    /*font-size: 8pt;*/
    color: #24748A;
    /*display: block;*/
}

/* Menu within the client summary control */

.SummaryMenu {
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: block;
    width: 50px;
}

    .SummaryMenu:Hover {
        text-decoration: underline;
        cursor: hand;
        font-size: 9pt;
        color: #24748A;
        font-weight: bold;
        display: block;
        width: 50px;
    }

.LinkButton {
    font-size: 9pt;
    color: #24748A;
    background-image: url("../img/button/button.PNG");
    background-repeat: repeat;
    text-decoration: none;
    padding-left: 5px;
    color: #333333;
    font: Arial;
    padding-top: 1px;
    padding-bottom: 1px;
}

.FinderLink {
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: block;
}

.MS /*menuSelector*/ {
    font-size: 9pt;
    color: #24748A;
    padding: 2px;
    display: inline-block;
    text-decoration: none;
}

    .MS:Hover {
        text-decoration: underline;
        cursor: pointer;
    }

.gvBoldLabel {
    font-size: 9pt;
    color: black;
    font-weight: bold;
}

.SummaryBoldLabel {
    font-weight: bold;
    vertical-align: top;
}

/* Menu hanging off a section title */

.SectionMenu {
    text-decoration: underline;
    font-size: 10pt;
    color: #24748A;
    font-weight: bold;
}

    .SectionMenu:Hover {
        text-decoration: underline;
        cursor: hand;
        font-size: 10pt;
        color: #24748A;
        font-weight: bold;
        border-bottom-style: solid;
        border-bottom-width: 1px;
        padding-bottom: 1px;
    }

/* Menu hanging off a page title */

.PageMenu {
    font-size: 12pt;
    color: #000000;
    font-weight: bold;
    font-family: Arial;
    text-decoration: none;
    list-style: none;
    margin: 0;
    padding: 0;
}

/*.PageMenu:Hover
{
    font-size: 16pt;
    color: #24748A;
    font-weight: bold;
    font-family: Arial;
    text-decoration: underline;
    cursor: hand;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding-bottom: 1px;
}*/

ScheduleDayPilot {
    z-index: 0;
}

/******** Summary Styles ********/

td.clientSummary {
    border-right-style: dashed;
    border-right-width: thin;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    vertical-align: top;
}

td.clientDetailsSummaryBorder {
    border-right-style: solid;
    border-right-width: thin;
    border-color: Gray;
    border-bottom-style: none;
    border-left-style: none;
    border-top-style: none;
    vertical-align: top;
}

td.clientDetailsSummaryHeader {
    font-weight: bold;
    font-size: 9pt;
}

td.clientDetailsSummary {
    font-size: 9pt;
}

td.SummaryFieldTitle {
    text-align: right;
    padding-right: 2px;
    vertical-align: top;
    font-size: 12px;
}

td.SummaryFieldValue {
    text-align: left;
    font-weight: normal;
    vertical-align: top;
    font-size: 12px;
    font-weight: bold;
}

/*td
{
    vertical-align: top;
     font-size: 11px;
}
*/

/******** HTML Default Styles ********/

html {
    height: 100%;
    font-family: Arial;
    font-size: 10px;
    color: #000000;
    overflow: hidden;
}

body {
    width: 100%;
    height: 100%; /*background: url(../img/bg_tile(new).png);*/
    color: #000000;
    font-size: 10px;
    margin: 0px;
    overflow: hidden;
}

hr {
    color: #24748A;
}

.text {
    font-family: Arial;
    font-size: 10px;
    color: #000000;
}

.akey /* indicates an access key can be used */ {
    font-weight: bold; /*text-decoration: underline;*/
}


/******** Header Format styles ********/

.sectionTitle {
    font-size: 9pt;
    font-weight: bold;
}

.title {
    font-size: 16pt;
    font-weight: bold;
}


/******** Table styles ********/

/*td
    {
        vertical-align:top;
    }
    */

td.FieldTitle {
    text-align: left;
    padding-right: 2px;
    font-size: 9pt;
}

td.FieldTitlePadded {
    text-align: right;
    padding-right: 2px;
    padding-top: 5px;
    font-size: 9pt;
}

td.SectionTitle {
    font-size: 9pt;
    font-weight: bold;
}

td.divider {
    border-left-style: solid;
    border-left-color: #D3D3D3;
    border-left-width: 1px;
}




/******** Gridview Styles ********/

/** Medical Record Gridview Styles **/

.medicalRecordGridviewHeader {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    /*font-weight: bold;*/
    background-image: url("../img/GridView/gvHeader.png");
    background-repeat: repeat-x;
    background-position: top;
    text-align: center;
    vertical-align: middle;
    height: 22px;
    width: 1px;
}

.medicalRecordRowStyle {
    text-align: left;
    font-size: 12px;
    font-family: Arial;
    color: Black;
    vertical-align: top;
    cursor: default;
    margin: 2px;
}

.medicalRecordAlternativeRow {
    background-color: #c8dfeb;
    text-align: left;
    font-size: 12px;
    font-family: Arial;
    color: Black;
    vertical-align: top;
    cursor: default;
    margin: 2px;
}

/** Added by DB 11/08/09 to tidy up gridview styles **/



/* Format gridview contents to fit a cell */

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80px;
}

.summaryEllipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: pre-wrap;
}

/* Style for an empty gridview */

.emptyGridView {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}


/******** Ajax Tab Styles ********/
/* close all tabs button in top right */

.xall {
    top: 0;
    right: 0;
    position: absolute;
}

/* default layout for ajax tabs */

.ajax__tab_default .ajax__tab_header {
    white-space: nowrap;
}

.ajax__tab_default .ajax__tab_outer {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_inner {
    display: -moz-inline-box;
    display: inline-block;
}

.ajax__tab_default .ajax__tab_tab {
    margin-right: 4px;
    overflow: hidden;
    text-align: center;
    cursor: pointer;
    display: -moz-inline-box;
    display: inline-block;
}

/* xp theme for ajax tabs */

.ajax__tab_xp .ajax__tab_header {
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    background: url(../img/Tabs/tab-line.png) repeat-x bottom;
}

.ajax__tab_xp .ajax__tab_outer {
    padding-right: 5px;
    background: url(../img/Tabs/findertab_off_right.png) no-repeat right;
}

.ajax__tab_xp .ajax__tab_inner {
    padding-left: 5px;
    background: url(../img/Tabs/findertab_off_left.png) no-repeat;
}

.ajax__tab_xp .ajax__tab_tab {
    padding: 6px;
    margin: 0;
    background: url(../img/Tabs/findertab_off_middle.png) repeat-x;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {
    background: url(../img/Tabs/findertab_on_right.png) no-repeat right;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {
    background: url(../img/Tabs/findertab_on_left.png) no-repeat;
}

.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {
    background: url(../img/Tabs/findertab_on_middle.png) repeat-x;
}

.ajax__tab_xp .ajax__tab_body {
    font-family: Arial;
    font-size: 9pt; /*  border: 2px solid #5392a4; */
    border-top: 0px;
    padding: 8px;
    background-color: #ffffff;
}

/* scrolling */

.ajax__scroll_horiz {
    overflow-x: scroll;
}

.ajax__scroll_vert {
    overflow-y: scroll;
}

.ajax__scroll_both {
    overflow: scroll;
}

.ajax__scroll_auto {
    overflow: auto;
}


/******** Login Styles ********/

.loginDetailsLabel {
    font-family: Arial;
    color: Black;
    font-size: 12px;
}


/******** Input Control Styles ********/

/* Format number input. */

.number {
    text-align: right;
}

/* Button style. */

.newButton {
    font-family: Arial;
    font-size: 13px;
    color: Black;
    text-align: center;
    vertical-align: middle;
    background-color: Transparent;
    height: 27px;
    border: 0px none #000000;
    font-weight: bold;
    cursor: hand;
    background-image: url("../img/button/button_bg.png");
    background-repeat: repeat; /*border-radius:10px;     border: 1px solid #24748a;*/
}

.button {
    font-family: Arial;
    font-size: 13px;
    color: Black;
    text-align: center;
    vertical-align: middle;
    background-color: Transparent;
    border: 0px none #000000;
    font-weight: bold;
    cursor: hand;
}

/* Button style. */

.rememberDetailsLabel {
    font-family: Arial;
    font-size: 13px;
    color: Black;
    text-align: left;
    vertical-align: middle;
}

.failiureLogin {
    font-family: Arial;
    font-size: 13px;
    color: Black;
    color: red;
    text-align: center;
}




/* Link Styles */

.links:link {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    cursor: hand;
    color: Black;
}

.links:visited {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: underline;
    color: Black;
}

.links:active {
    color: #000000;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: underline;
    color: Black;
}

.links:hover {
    color: #5D6C9C;
    font-family: Arial;
    font-size: 12px;
    font-style: normal;
    font-variant: normal;
    font-weight: normal;
    text-decoration: underline;
    cursor: hand;
    color: Black;
}


/******** Modal Popup Styles ********/

/* Modal popup dialogue: the outer frame*/

.mP { /*border-width: 1px;     border-style: solid;     border-color: #A9C1C1; */
    background-color: Transparent;
}

/* Background for modal dialogue popups - this disables elements in the background.*/

.mB {
    background-color: Gray;
    filter: alpha(opacity=50); /* IE */
    opacity: 0.50; /* FireFox */
    z-index: 6;
}


.locationuserlabel {
    font-size: 13px;
    font-family: Arial;
    vertical-align: middle;
}

/* Style for the header of the popups. */

.mT {
    background-color: transparent;
    color: black;
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    text-indent: 10px;
    vertical-align: middle; /*  height: 19px; */
    background-image: url(../img/modal/modal_mid.png);
    background-repeat: repeat;
    height: 22px; /*  padding-left: 5px; */
}

/* Style for body (internal) of popups */

.Mi {
    background-color: white;
}

/******** Drop Down Menu Styles ********/



.CMP /*contextMenuPanel*/ {
    z-index: 1000;
    background: url(../img/menu/menu-bg.png);
    background-repeat: repeat;
    cursor: default;
    padding: 0px 1px 0px 1px;
    border: 1px solid #868686;
}

a.CMI /*contextMenuItem*/ {
    margin: 1px 0 1px 0;
    display: block;
    color: #000000;
    text-decoration: none;
    cursor: pointer;
    padding: 4px 5px 4px 30px;
    white-space: nowrap;
    font-family: Arial;
    font-size: 9px;
}

    a.CMI:hover {
        background-color: #DFEBEE;
        color: #377D91;
        border: 1px solid #ffffff;
        padding: 3px 4px 3px 29px;
    }

/* required to force the item to a width of 85px so that the drop down menu displays correctly. */

.MW /*menuWidth*/ {
    width: 85px;
}


/*Ajax Uploadeer */

.mod {
    left: 1%;
    top: 1%;
    position: relative;
}

.bd600 {
    height: 100%;
    width: 600px;
}

.ft {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 0px;
    background: #666666;
    filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=6);
    height: 100%;
    height: expression(this.parentNode.offsetHeight + 'px');
    z-index: 1;
}

    .ft[class]:not(span) {
        height: 101%;
        width: 101%;
        left: 1px;
        top: 1px;
        opacity: 0.5;
        border-right: solid 2px #999999;
        border-bottom: solid 2px #999999;
        -moz-border-radius: 6px;
        border-radius: 6px;
    }



.content {
    position: relative;
    z-index: 2;
    padding: 12px;
    font-family: Arial;
    background: white;
    -moz-border-radius: 6px;
    border: solid 1px #666666;
    border-right-color: #222222;
    border-bottom-color: #222222;
}

div#createTask {
    padding: 10px;
}

    div#createTask td {
        padding: 0;
    }

        div#createTask td.FieldTitle {
            width: 25%;
            padding-right: 2px;
        }

    div#createTask table {
        width: 100%;
    }

.mainTab {
    display: inline;
    clear: none;
}

    .mainTab, .mainTab tr, .mainTab tr td {
        border-collapse: collapse;
        margin: 0;
        padding: 0;
        border: none;
    }

        .mainTab tr td {
            vertical-align: bottom;
        }

/** The hover menu that shows upcoming tasks **/

.myTaskPanel {
    background-color: #fff;
    border: 1px solid #000;
}


.taskMenu {
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.overdueTaskMenu {
    color: red;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}



.days {
    font-size: 12px;
}

.days0 {
    color: Salmon;
    font-size: 12px;
}

table.myTasks a {
    color: #000;
    font-size: 12px;
}

table.myTasks, table.myTasks td, table.myTasks th {
    text-align: left;
    border-collapse: collapse;
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-weight: normal;
}

    table.myTasks td {
        padding: 2px;
    }

    table.myTasks tr.overdueRow {
        background-color: Salmon;
    }




/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* New Buttons */

.ovalbutton {
    /*background: transparent url('../img/oval-blue-left.gif') no-repeat top left;*/
    display: inline;
    float: left;
    font: normal 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

.ovalbuttonright {
    /*right align button e.g. search page */
    /*background: transparent url('../img/oval-blue-left.gif') no-repeat top left;*/
    display: inline;
    float: right;
    font: normal 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

.ovalbuttoncenter {
    /*not ideal putting a fixed margin in, may only work in pop ups, for now */
    /*background: transparent url('../img/oval-blue-left.gif') no-repeat top left;*/
    display: block;
    font: normal 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}


.ovalbuttonmenu {
    /*not ideal putting a fixed margin in, may only work in pop ups, for now */
    /*background: transparent url('../img/oval-blue-left.gif') no-repeat top left;*/
    display: inline;
    font: normal 13px Tahoma; /* Change 13px as desired */
    line-height: 16px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 24px; /* Height of button background height */
    padding-left: 11px; /* Width of left menu image */
    text-decoration: none;
}

a:link.ovalbutton, a:visited.ovalbutton, a:active.ovalbutton {
    color: #494949; /*button text color*/
}

a:link.ovalbuttoncenter, a:visited.ovalbuttoncenter, a:active.ovalbuttoncenter {
    color: #494949; /*button text color*/
}

a:link.ovalbuttonright, a:visited.ovalbuttonright, a:active.ovalbuttonright {
    color: #494949; /*button text color*/
}

a:link.ovalbuttonmenu, a:visited.ovalbuttonmenu, a:active.ovalbuttonmenu {
    color: #494949; /*button text color*/
}


.ovalbutton span {
    /*background: transparent url('../img/oval-blue-right.gif') no-repeat top right;*/
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.ovalbuttoncenter span {
    /*background: transparent url('../img/oval-blue-right.gif') no-repeat top right;*/
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
    margin-right: 150px;
}

.ovalbuttonright span {
    /*background: transparent url('../img/oval-blue-right.gif') no-repeat top right;*/
    display: block;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.ovalbuttonmenu span {
    /*background: transparent url('../img/oval-blue-right.gif') no-repeat top right;*/
    display: inline;
    padding: 4px 11px 4px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.ovalbutton:hover { /* Hover state CSS */
    background-position: bottom left;
}

    .ovalbutton:hover span {
        /* Hover state CSS */
        background-position: bottom right;
        color: black;
    }

.ovalbuttonright:hover { /* Hover state CSS */
    background-position: bottom left;
}

    .ovalbuttonright:hover span {
        /* Hover state CSS */
        background-position: bottom right;
        color: black;
    }

.ovalbuttoncenter:hover { /* Hover state CSS */
    background-position: bottom left;
}

    .ovalbuttoncenter:hover span {
        /* Hover state CSS */
        background-position: bottom right;
        color: black;
    }

.ovalbuttonmenu:hover { /* Hover state CSS */
    background-position: bottom left;
}

    .ovalbuttonmenu:hover span {
        /* Hover state CSS */
        background-position: bottom right;
        color: black;
    }


.buttonwrapper {
    /* Container you can use to surround a CSS button to clear float */
    overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
    width: 100%;
}




.ovalLinkButton:link {
    text-decoration: none;
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: block;
}

.ovalLinkButton:active {
    text-decoration: none;
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: block;
}

.ovalLinkButton:visited {
    text-decoration: none;
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: block;
}

.ovalButtonLeft /*use for items to the left of the button if they need to be on the same line */ {
    display: inline;
    float: left;
    padding-right: 4px;
    padding-left: 4px;
}


.ovalButtonLeftPatientEdit /*use for items to the left of the button if they need to be on the same line */ {
    display: inline;
    float: left;
    padding-right: 4px;
    padding-left: 1px;
}


/* Small version */

.ovalbuttonsmall {
    background: transparent url('../img/ShowButton/oval-blue-left-small.gif') no-repeat top left;
    display: inline;
    float: left;
    font: normal 9px Tahoma; /* Change 13px as desired */
    line-height: 8.5px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 14.5px; /* Height of button background height */
    padding-left: 7px; /* Width of left menu image */
    text-decoration: none;
}

.ovalbuttonrightsmall {
    /*right align button e.g. search page */
    background: transparent url('../img/ShowButton/oval-blue-left-small.gif') no-repeat top left;
    display: inline;
    float: right;
    font: normal 9px Tahoma; /* Change 13px as desired */
    line-height: 8.5px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 14.5px; /* Height of button background height */
    padding-left: 7px; /* Width of left menu image */
    text-decoration: none;
}

.ovalbuttonsmallcenter {
    background: transparent url('../img/ShowButton/oval-blue-left-small.gif') no-repeat top left;
    display: inline;
    align: center;
    font: normal 9px Tahoma; /* Change 13px as desired */
    line-height: 8.5px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 24px) */
    height: 14.5px; /* Height of button background height */
    padding-left: 7px; /* Width of left menu image */
    text-decoration: none;
}

a:link.ovalbuttonsmall, a:visited.ovalbuttonsmall, a:active.ovalbuttonsmall {
    color: #494949; /*button text color*/
}

.ovalbuttonsmall span {
    background: transparent url('../img/ShowButton/oval-blue-right-small.gif') no-repeat top right;
    display: block;
    padding: 3px 7px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.ovalbuttonrightsmall span {
    background: transparent url('../img/ShowButton/oval-blue-right-small.gif') no-repeat top right;
    display: block;
    padding: 3px 7px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.ovalbuttonsmallcenter span {
    background: transparent url('../img/ShowButton/oval-blue-right-small.gif') no-repeat top right;
    display: inline;
    padding: 3px 7px 3px 0; /*Set 11px below to match value of 'padding-left' value above*/
}

.ovalLinkButtonSmall:link {
    text-decoration: none;
    font-size: 6pt;
    color: #24748A;
    font-weight: bold;
    display: inline;
}

.ovalLinkButtonSmall:active {
    text-decoration: none;
    font-size: 6pt;
    color: #24748A;
    font-weight: bold;
    display: inline;
}

.ovalLinkButtonSmall:visited {
    text-decoration: none;
    font-size: 6pt;
    color: #24748A;
    font-weight: bold;
    display: inline;
}

.ovalbuttonpanel {
    margin-left: 150px;
}

.ovalLinkButtonInline:link {
    text-decoration: none;
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: inline;
}

.ovalLinkButtonInline:active {
    text-decoration: none;
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: inline;
}

.ovalLinkButtonInline:visited {
    text-decoration: none;
    font-size: 9pt;
    color: #24748A;
    font-weight: bold;
    display: inline;
}



/* calendar silver theme */

.calendar_silver_colheader {
    background-image: url("../img/Schedule/calendar_silver_top21.gif");
    background-repeat: repeat-x;
    background-color: #EAEAEA;
}

.calendar_silver_corner {
    background-image: url("../img/Schedule/calendar_silver_corner20.gif");
    background-repeat: repeat-x;
    background-color: #EAEAEA;
}

.calendar_silver_rowheader {
    background-image: url("../img/Schedule/calendar_silver_left45.gif");
    background-repeat: repeat-y;
    background-color: #CFCFCF;
}

.calendar_silver_cornerright {
    background-image: url("../img/Schedule/calendar_silver_right17.gif");
    background-repeat: repeat-y;
    background-color: #CFCFCF;
}

.calendar_silver_alldayheader {
    background-color: #EAEAEA;
}









/** NEW GRIDVIEW STYLES **/


.GridViewMedicalRecordStyle {
}

.GridViewMedicalRecordStyleDisabled {
    color: #636769;
    font-style: italic;
}

.GridViewMedicalRecordStyle a {
}

.GridViewMedicalRecordHeaderStyle th {
    /*font-size: 11px;*/
    padding-left: 5px;
    padding-right: 5px; /*  border-right: 1px solid #A9A9A9;          border-left: 1px solid #A9A9A9; */
}

.GridViewMedicalRecordHeaderStyle {
    font-family: Arial; /*font-size: 11px;*/
    color: Black;
    /*font-weight: bold;*/
    background-image: url("../img/GridView/gvHeader.png");
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: middle;
    height: 22px;
    width: 1px;
}

.GridViewMedicalRecordFooterStyle {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewMedicalRecordRowStyle {
}

.GridViewMedicalRecordAlternatingRowStyle {
}

.GridViewMedicalRecordStyle td {
    /*font-size: 11px;*/
    font-family: Arial;
    border: 1px solid #BFBFBF;
    padding: 5px;
    vertical-align: top;
    background-color: #FFFFFF;
}

.GridViewMedicalRecordAlternatingRowStyle td {
    /*font-size: 11px;*/
    font-family: Arial;
    border: 1px solid #BFBFBF;
    padding: 5px;
    vertical-align: top;
    background-color: #c8dfeb;
}

.GridViewMedicalRecordSelectedRowStyle {
}

.GridViewMedicalRecordPagerStyle {
    background-color: #ffffff;
    color: #000000;
}

    .GridViewMedicalRecordPagerStyle table {
    }




/* GridView Hospital Note */


.GridViewHospitalNoteStyle {
}

    .GridViewHospitalNoteStyle a {
    }

.GridViewHospitalNoteHeaderStyle th {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px; /*  border-right: 1px solid #A9A9A9;          border-left: 1px solid #A9A9A9; */
}

.GridViewHospitalNoteHeaderStyle {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    font-weight: bold;
    background-image: url("../img/GridView/gvHeader.png");
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: middle;
    height: 22px;
    width: 1px;
}

.GridViewHospitalNoteFooterStyle {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewHospitalNoteRowStyle {
}

.GridViewHospitalNoteAlternatingRowStyle {
}

.GridViewHospitalNoteStyle td {
    font-size: 11px;
    font-family: Arial;
    border: none;
    padding: 5px;
    vertical-align: top;
    background-color: #FFFFFF;
}

.GridViewHospitalNoteAlternatingRowStyle td {
    font-size: 11px;
    font-family: Arial;
    border: none;
    padding: 5px;
    vertical-align: top;
    background-color: #c8dfeb;
}

.GridViewHospitalNoteSelectedRowStyle {
}

.GridViewHospitalNotePagerStyle {
    background-color: #ffffff;
    color: #000000;
}

    .GridViewHospitalNotePagerStyle table {
    }

/* GridView Taskse */


.GridViewTaskStyle {
}

    .GridViewTaskStyle a {
    }

.GridViewTaskHeaderStyle th {
    font-size: 11px;
    padding-left: 5px;
    padding-right: 5px;
    text-align: left;
}

.GridViewTaskHeaderStyle {
    font-family: Arial;
    font-size: 11px;
    color: Black;
    font-weight: bold;
    background-image: url("../img/GridView/gvHeader.png");
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: middle;
    text-align: left;
    height: 22px;
    width: 1px;
}

.GridViewTaskFooterStyle {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewTaskRowStyle {
}

.GridViewTaskAlternatingRowStyle {
}

.GridViewTaskRowStyle td {
    font-size: 11px;
    font-family: Arial;
    padding: 5px;
    vertical-align: top;
    text-align: left; /* TBC*/
    background-color: #FFFFFF;
    color: Black;
    font-weight: normal;
}

.GridViewTaskAlternatingRowStyle td {
    font-size: 11px;
    font-family: Arial;
    padding: 5px;
    vertical-align: top;
    text-align: left; /* TBC*/
    background-color: #c8dfeb;
    color: Black;
    font-weight: normal;
}

/* TBC*/

.GridViewTaskCompleteRowStyle td {
    font-size: 11px;
    font-family: Arial;
    padding: 5px;
    vertical-align: top;
    text-align: left;
    background-color: #4b97bf;
    color: White;
    font-weight: Bold;
}

.GridViewTaskOverdueRowStyle td {
    font-size: 11px;
    font-family: Arial;
    padding: 5px;
    vertical-align: top;
    text-align: left;
    /*background-color: rgb(232, 145, 158);*/
    background-color: salmon;
    color: Black;
    font-weight: Bold;
}



.GridViewTaskSelectedRowStyle {
}

.GridViewTaskPagerStyle {
    background-color: #ffffff;
    color: #000000;
}

    .GridViewTaskPagerStyle table {
    }

.GridViewReminderOverdueRowStyle td {
    background-color: #e8919e !important;
    font-weight: Bold;
}

.PracticeNote {
    border-style: solid;
    border: 1px;
    padding-left: 2px;
    padding-right: 2px;
    border-color: #000;
    background-color: #ccc;
    font-weight: bold;
    font-size: 11px;
}

/* Finder Search */

.FinderSearchStyle {
}

    .FinderSearchStyle a {
    }

.FinderSearchHeaderStyle th {
    font-size: 12px; /*padding-left: 5px;     padding-right: 5px; */
    text-align: left;
}

.FinderSearchHeaderStyle {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    font-weight: bold;
    background-image: url("../img/GridView/gvHeader.png");
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: middle;
    text-align: left;
    height: 22px;
    width: 1px;
}

.FinderSearchFooterStyle {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.FinderSearchRowStyle {
}

.FinderSearchAlternatingRowStyle {
}

.FinderSearchRowStyle td {
    font-size: 12px;
    font-family: Arial;
    vertical-align: top;
    text-align: left;
    background-color: #FFFFFF;
    color: Black;
    font-weight: normal;
}

.FinderSearchAlternatingRowStyle td {
    font-size: 12px;
    font-family: Arial;
    vertical-align: top;
    text-align: left;
    background-color: #c8dfeb;
    color: Black;
    font-weight: normal;
}


.FinderSearchDeceasedRowStyle td {
    font-size: 12px;
    font-family: Arial;
    vertical-align: top;
    text-align: left;
    background-color: #D3D3D3;
    color: Black;
}



.FinderSearchSelectedRowStyle {
}

.FinderSearchPagerStyle {
    background-color: #ffffff;
    color: #000000;
}

    .FinderSearchPagerStyle table {
    }





/* Standard Gridview */

.GridViewStyle {
    width: 98%;
}

    .GridViewStyle a {
    }

.GridViewHeaderStyle th {
    font-size: 12px; /*  border-right: 1px solid #A9A9A9;          border-left: 1px solid #A9A9A9; */
    text-align: left !important;
}

.GridViewHeaderStyle {
    font-family: Arial;
    font-size: 12px;
    color: Black;
    /*font-weight: bold;*/
    background-image: url("../img/GridView/gvHeader.png");
    background-repeat: repeat-x;
    background-position: top;
    vertical-align: middle;
    height: 22px;
    width: 1px;
    text-align: left;
}

.GridViewFooterStyle {
    background-color: #5D7B9D;
    font-weight: bold;
    color: White;
}

.GridViewRowStyle {
}

.GridViewAlternatingRowStyle {
}

.GridViewStyle td {
    font-size: 12px;
    font-family: Arial;
    color: Black;
    vertical-align: top;
    background-color: #FFFFFF;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
    background-color: transparent;
}

.GridViewAlternatingRowStyle td {
    font-size: 12px;
    font-family: Arial;
    color: Black;
    vertical-align: top;
    background-color: #c8dfeb;
    padding-right: 5px;
    padding-left: 5px;
    text-align: left;
}

.GridViewSelectedRowStyle {
}

.GridViewPagerStyle {
    background-color: #ffffff;
    color: #000000;
}

    .GridViewPagerStyle table {
    }

.PatientDDL {
    font-size: 12px;
}

/* NEW Logo layout */

#menu {
    width: 100%;
    clear: both;
}

#header {
    width: 98%;
}

#left {
    padding-left: 2px;
    padding-top: 2px;
    float: left;
    width: 33%;
}

#center {
    float: left;
    width: 33%;
}



#right {
    float: right;
    text-align: right;
    width: 33%;
}

    #right a {
        padding-right: 5px;
        font-family: Arial;
        font-size: 15px;
        color: Teal;
    }


/* Schedule 2 */

.SchedLocationLBox {
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
}

.SchedSurgeryLBox {
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
}

.SchedDaysTextBox {
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
    text-align: center;
}

.SchedCHBTxt {
    font-family: Arial;
    font-size: 12px;
    vertical-align: middle;
}

.SchedDate {
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
}

.schedLocation {
    font-family: Arial;
    font-size: 12px;
    vertical-align: Middle;
}

.schedFieldTitle {
    font-family: Arial;
    font-size: 12px;
    vertical-align: Middle;
    text-align: right;
}

.schedControlTitle {
    font-family: Arial;
    font-size: 12px;
    vertical-align: Middle;
    font-weight: bold;
}


.schedFieldTitleTop {
    font-family: Arial;
    font-size: 12px;
    vertical-align: top;
    text-align: right;
}

.schedAppType {
    font-family: Arial;
    font-size: 12px;
    vertical-align: Middle;
    text-align: right;
}

.SchedAppReason {
    font-family: Arial;
    font-size: 12px;
    vertical-align: Middle;
    text-align: right;
}

.schedEditDate {
    font-family: Arial;
    font-size: 12px;
    vertical-align: Middle;
}

.schedEditTime {
    font-family: Arial;
    font-size: 12px;
    vertical-align: Middle;
}

.schedLBRight {
    text-align: right;
}

.schedWarningPan {
    background-color: Red;
    color: White;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
}

.referralDDL {
    font-family: Arial;
    font-size: 11px;
}




.menu_main {
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    border: 1px solid gray;
    background-color: white;
    padding: 2px;
    cursor: hand;
    background-image: url('../img/Schedule/bg3white.png');
    background-repeat: repeat-y;
}

    .menu_main a {
        padding-left: 35px;
        color: black;
        text-decoration: none;
        cursor: hand;
    }

        .menu_main a span {
            display: block;
            height: 20px;
            line-height: 20px;
            width: 175px;
            overflow: hidden;
            padding-left: 2px;
            padding-right: 20px;
        }

        .menu_main a:hover {
            background-image: url('../img/Schedule/left.png');
            background-repeat: no-repeat;
        }

            .menu_main a:hover span {
                background-image: url('../img/Schedule/right.png');
                background-repeat: no-repeat;
                background-position: 100%;
            }

    .menu_main div div /* separator */ {
        border-top: 1px solid #dddddd;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 28px;
    }

/* new booker */

.ui-dialog:not(.ui-dialog-Unlock) {
    left: 25% !important;
    top: 25% !important;
}

.ui-dialog .ui-dialog-titlebar-close {
    display: none;
}

.ui-button-text-only .ui-button-text {
    padding: 0px;
}

.ui-autocomplete {
    height: 400px;
    overflow: auto;
}

.ui-dialog-Unlock {
}

/* disabled style  */

input[READONLY] {
    border: none;
    background-color: #c8dfeb;
    color: Black;
}

input[type=submit] {
    cursor: pointer;
}


/* scheduler silver theme */

.scheduler_silver_timeheadergroup, .scheduler_silver_corner, .scheduler_silver_timeheadercol {
    background-image: url(Media/scheduler_silver_top20.gif);
    background-repeat: repeat-x;
}

.scheduler_silver_rowheader {
    background-image: url(Media/scheduler_silver_left45.gif);
    background-repeat: repeat-y;
}
/* Drop Down Menu Stuff*/

.gridMenu {
    background: none transparent scroll repeat 0% 0%;
}

    .gridMenu .current {
        background: inherit;
    }

.mainMenu {
    background: url('../img/VetITBtn/mm.png');
    border: #000000 0px;
    cursor: hand;
    font: 12px arial, san-serif;
    margin: 0px;
    padding: 0px;
}

.TopMenu {
    text-decoration: none;
    text-align: left;
}

    .TopMenu .mRow {
        font-family: Arial;
        font-size: 13px;
        font-weight: bold;
        color: Black;
        cursor: pointer;
    }

.MakeTop {
    z-index: 3001;
}
/*  grid tables css */

.tableone {
    /*width: 99%;*/
    border-collapse: collapse;
    margin: 0 auto;
}

.tabletwo {
    /*width: 100%;*/
    border-collapse: collapse;
    border: solid 1px #0ca9b9;
}

.SideHeader, .SideHeader_Head {
    text-align: left;
    width: 99px;
}

.Small, .Small_Head {
    text-align: left;
    width: 99px;
}

.Large, .Large_Head {
    text-align: left;
    width: 200px;
}

.Checkbox, .Checkbox_Head {
    text-align: left;
    width: 60px;
}

.AD_Busy {
    cursor: wait;
}

.AD_Sortable {
    font-weight: 900;
    color: #24748a;
    text-decoration: underline;
    cursor: n-resize !important;
    width: inherit;
}

.AD_AccountGroup, .AD_AccountGroup_Head {
    text-align: left;
    width: 100px;
}

.AD_AccountGroup {
    font-weight: 900;
    color: #24748a;
    cursor: pointer;
    text-decoration: underline;
    cursor: pointer;
}

.AD_Checkbox, .SAFrontCheck {
    background: url('../img/Icons/unchecked.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 16px;
    cursor: pointer;
    float: left;
}

.AD_ExpandButton {
    background: url('../img/Icons/Expand.GIF');
    background-repeat: no-repeat;
    background-position: center;
    width: 15px;
    height: 20px;
    cursor: pointer;
    float: left;
}

.AD_OutstandingInvoices, .AD_InsuranceBalance, .AD_UninvoicedItems, .AD_UnallocatedTotal {
    font-weight: 900;
    color: #24748a;
    width: 99px;
    cursor: pointer;
    text-decoration: underline;
}

.AD_OutstandingInvoices_Head, .AD_InsuranceBalance_Head, .AD_UninvoicedItems_Head, .AD_UnallocatedTotal_Head {
    font-weight: bold;
    color: #000000;
    width: 99px;
    cursor: pointer;
}

.AD_ClientHidden {
    display: none;
    visibility: hidden;
}


.ReferenceClass, .ViewStatementRunBut, .ClaimPatientIdClass {
    font-weight: bold;
    color: #24748a;
    text-decoration: underline;
    cursor: pointer;
}

.chagePage {
    font-weight: bold;
    color: #24748a;
    text-decoration: underline;
    cursor: pointer;
    padding-right: 10px;
}


.AD_HiddenFeild {
    height: 200px;
}

.AD_HiddenFeild_Address {
    width: 15%;
    float: left; /* position:absolute;     left:0;     top:0; */
    height: 200px;
    border-right: solid 1px #A69E9d;
}

.AD_HiddenFeild_ContactNumbers {
    width: 15%;
    float: left; /*     position:absolute;     left:15%;     top:0; */
    height: 200px;
    border-right: solid 1px #A69E9d;
}

.AD_HiddenFeild_LastPayment {
    width: 15%;
    float: left; /*     position:absolute;     left:30%;     top:0; */
    height: 200px;
    border-right: solid 1px #A69E9d;
}

.AD_HiddenFeild_AccountNotes {
    width: 54.6%;
    float: left; /*     position:absolute;     left:45%;     top:0; */
    height: 200px;
}

.AD_HiddenFeild_Text {
    padding-left: 5px;
}

.AD_HiddenFeild_Addnote_But, .AD_HiddenFeild_Address_But, .AD_HiddenFeild_ContactNumbers_But {
    padding-top: 2px;
    font-weight: bold;
    color: #24748a;
    text-decoration: underline;
    cursor: pointer;
}



.AD_ListBox options:Selected {
    background-color: Black;
}



.tableone {
    border: 1px solid #0ca9b9;
    font-size: 12px;
}

.tabletwo {
    font-size: 12px;
}

.tableone td {
    border: 1px solid #0ca9b9;
}

.tableone tbody { /*color: #000;*/
}

.tableone caption {
    color: #697210;
    font-size: 1.2em;
    margin: 0 auto;
}

.tabletwo td {
    vertical-align: middle; /*color: #000;*/
}

.tableone th, .tabletwo th {
    color: #000 !important;
    text-align: left;
    font-size: 12px;
}

.tabletwo tr.dk td {
    color: #000;
}

.innerb {
    height: 10em;
    overflow: auto;
}

.tabletwo tr.AD_highlight {
    vertical-align: middle;
    background: #b7e1f6 !important;
    font-family: Arial;
}

.tabletwo tr.Selected {
    vertical-align: middle;
    background: #a8cde0 !important;
    font-family: Arial;
}

.watermark {
    color: #999 !important;
    border: solid;
}

/* Generic context menu styles */

.contextMenu {
    position: absolute; /*width: 120px;*/
    z-index: 99999;
    padding: 0px;
    margin: 0px;
    display: none;
    font-family: Arial, Sans-Serif;
    font-size: 8pt;
    border: 1px solid gray;
    background-color: white;
    padding: 2px;
    cursor: hand;
    background-image: url('../img/Schedule/bg3white.png');
    background-repeat: repeat-y;
}

    .contextMenu LI {
        list-style: none;
        padding: 0px;
        margin: 0px;
        display: block;
        height: 20px;
        line-height: 20px;
        width: 175px;
        overflow: hidden;
        padding-left: 2px;
        padding-right: 20px;
    }

    .contextMenu A {
        padding-left: 35px;
        color: black;
        text-decoration: none;
        cursor: hand;
    }

    .contextMenu LI.hover A { /*     background-repeat: no-repeat;     background-image: url('../img/Icons/175all.gif'); */
    }

    .contextMenu LI.hover {
        background-repeat: no-repeat;
        background-image: url('../img/Icons/175all.jpg');
    }

    .contextMenu LI.disabled A {
        color: #AAA;
        cursor: default;
    }

    .contextMenu LI.hover.disabled A {
        background-color: transparent;
    }

    .contextMenu LI.separator {
        border-top: 1px solid #dddddd;
        margin-top: 2px;
        margin-bottom: 2px;
        margin-left: 28px;
    }

/* Berki hover */

ul.contextMenu li {
    position: relative;
}

    ul.contextMenu li.submenu:hover {
        padding-bottom: 0em;
        padding-left: 0em;
    }

        ul.contextMenu li.submenu:hover ul {
            left: 120px;
            visibility: visible;
        }

            ul.contextMenu li.submenu:hover ul li {
                margin-bottom: 0px;
            }

                ul.contextMenu li.submenu:hover ul li:hover {
                    background-color: #ccc;
                }

    ul.contextMenu li ul {
        display: block;
        position: absolute;
        left: 0;
        top: 1em;
        visibility: hidden;
        width: 10em;
        z-index: 1000;
        background-color: #fff;
        border: 1px solid #000;
        border-top: 0;
    }

/* Berki hover */

.Filter {
    margin: 0;
    padding: 0;
    float: left;
    display: inline;
}

    .Filter li {
        display: inline;
    }

.menu_title {
    background-color: #f2f2f2;
    border-bottom: 1px solid gray;
    padding: 4px 4px 4px 37px;
    cursor: default;
}

/* Berki Tab Stuff */

.TabList {
    background-image: url(../img/tabs/tab_menubar_bg.png);
    background-repeat: repeat;
    width: 100%;
    min-height: 30px;
    background-position: bottom;
}

.subDivs {
    background-image: url(../img/tabs/tab_menubar_bg.png);
    background-repeat: repeat;
}

.TabList ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

    .TabList ul li {
        display: inline;
        float: left;
    }

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    .TabList {
        background-image: url(../img/tabs/tab_menubar_bg.png);
        background-repeat: repeat;
        width: 100%;
        min-height: 30px;
        background-position: bottom;
    }

    .HasTabsTab {
        background-image: url(../img/tabs/tab_menubar_bg.png);
        background-repeat: repeat;
        width: 100%;
        height: 30px;
        background-position: bottom;
    }

    .subDivs {
        background-image: url(../img/tabs/tab_menubar_bg.png);
        background-repeat: repeat;
    }

    .TabList ul {
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

        .TabList ul li {
            display: inline-block;
            float: none !important;
        }
}

/*Stock Setup*/

.BatchExpiryDate {
    width: 150px !important;
}

.StockConfigurationHeader {
    width: 20%;
}

.StockConfigurationValue {
    text-align: left; /*width: 69%;*/
}

.StockConfigurationValue, .StockConfigurationHeader {
    display: inline-block;
}

.StockHide {
    display: none;
}

.stockBatchNumberDD .stockBatchNumberText {
    position: absolute;
    left: 0;
}

.handCursor {
    cursor: hand;
}

a[disabled=disabled] {
    color: Gray;
    cursor: default;
}

input.wide {
    width: 99% !important;
}

select.wide {
    width: 99% !important;
}

.EntityTable input[READONLY] {
    border: none;
    background-color: #ffffff;
    color: Black;
    width: 99% !important;
}

.PracticeEdit input[READONLY] {
    border: none;
    background-color: #ffffff;
    color: Black;
}


/*Tool tip*/

.tooltipNoIcon {
    background: none !important;
    cursor: default !important;
}

.tooltip {
    color: #000000;
    outline: none;
    cursor: help;
    text-decoration: none;
    position: relative;
    background: url('../img/Icons/onebit_14.png');
    background-repeat: no-repeat;
    height: 14px;
    width: 14px;
}


.tooltipwarning {
    background: url('../img/Icons/AlertRedCircle.png');
    background-repeat: no-repeat;
}

.tooltip span {
    margin-left: -999em;
    position: absolute;
    display: none;
}

.tooltip:hover span {
    display: inline-block;
    font-family: Calibri, Tahoma, Geneva, sans-serif;
    position: absolute; /*left: -5em;     top: 2em;*/
    z-index: 99;
    margin-left: 0;
    max-width: 250px;
    width: 250px;
    -moz-border-radius: 15px;
    border-radius: 15px;
}

.tooltip:hover img {
    border: 0;
    margin: -10px 0 0 -55px;
    float: left;
    position: absolute;
}

.tooltip:hover em {
    font-family: Candara, Tahoma, Geneva, sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    display: block;
    padding: 0.2em 0 0.6em 0;
}


.tooltip > .classic {
    padding: 0.8em 1em;
    background: #E0EEEE;
    border: 1px solid #5F9F9F;
}

.tooltip > .custom {
    padding: 0.8em 1em;
    background: #E0EEE0;
    border: 1px solid #E0E0E0;
}

.tooltip > .warning {
    padding: 0.8em 1em;
    background: #E0EEEE;
    border: 1px solid #5F9F9F;
}

.tooltip > .left {
    left: -270px;
}

/* Price Profile */

.PriceProfileTable {
    font-size: 12px;
    width: 99%;
    padding: 0;
    padding-bottom: 10px;
    margin: 0px;
    border-collapse: collapse;
}

    .PriceProfileTable td {
        text-align: left;
    }

    .PriceProfileTable p {
        margin: 0;
    }

    .PriceProfileTable a {
        cursor: pointer;
        text-decoration: 'underline';
        color: Blue;
    }

    .PriceProfileTable .PPlabels {
        text-align: center;
        margin: 0;
        padding: 0;
    }


    .PriceProfileTable .Expand {
        background-image: url("../img/Icons/Expand.GIF");
    }

    .PriceProfileTable .Contract {
        background-image: url("../img/Icons/Contract.GIF") !important;
    }

    .PriceProfileTable .innerTableRoundedDivs {
        border: 1px solid black;
        border-radius: 10px;
    }

    .PriceProfileTable td {
        padding-bottom: 10px;
    }

/* Jquery Overrides*/

.ui-dialog-buttonset {
    float: none !important;
    text-align: right;
}

.SearchTextBoxIcon {
    background: url(../img/search.png) no-repeat;
    padding-left: 18px;
    border: 1px solid #ccc;
}

/*Add for roles and permissions*/


.RPContent {
    padding-left: 200px;
    padding-right: 400px;
    position: relative;
}

.RPLeft {
    width: 200px;
    position: absolute;
    left: 5px;
}

.RPRight {
    width: 500px;
    margin-right: -500px;
    position: relative;
    float: left;
}

.PRCenter {
    width: 95%;
    float: left;
    position: relative;
}

.connectedSortable {
    padding: 0px;
    margin: 0px;
    border: 1px solid #F2F2F2;
    list-style-type: none;
    display: inline-block;
    padding-top: 10px;
    margin-top: 10px;
}

    .connectedSortable li {
        margin: 3px 3px 3px 10px;
        padding: 3px;
        width: 125px;
        font-size: 12px;
        height: 20px;
        text-align: center;
        clear: both;
        list-style-type: none;
        display: inline; /*     zoom: 1;          *display: inline;          display: -moz-inline-stack;          display: inline; */
    }

    .connectedSortable .Alphabet {
        margin: 5px 3px 5px 10px;
        padding: 5px 3px 5px 3px;
    }

    .connectedSortable .LockedOut {
        color: Black;
        border: 1px solid #e8919e;
        background-color: rgb(232, 145, 158) !important;
        background-image: none;
    }

    .connectedSortable .RPExpand {
        width: 15px;
        height: 20px;
        background-image: url('../img/Icons/Expand.GIF');
        float: left;
        background-repeat: no-repeat;
    }

    .connectedSortable .RPContract {
        width: 15px;
        height: 20px;
        background-image: url('../img/Icons/Contract.GIF');
        float: left;
        background-repeat: no-repeat;
    }

    .connectedSortable h3 {
        text-align: left;
        cursor: pointer;
    }

    .connectedSortable .ui-state-default {
        cursor: pointer;
    }



#selectable .ui-selecting {
    background: #b7e1f6;
}

#selectable .ui-selected {
    background: #a8cde0;
    color: white;
}

#selectable {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 95%;
}

    #selectable li {
        margin: 3px;
        padding: 0.4em;
        font-size: 1.2em;
    }

.GridFilter {
    display: none;
    color: black;
}

    .GridFilter UL {
        list-style-type: none;
        margin: 0;
        padding: 5px;
        color: black;
    }

.GridFilterHover {
    color: #24748a !important;
    text-decoration: underline;
    cursor: pointer;
}

    .GridFilterHover:hover .GridFilter {
        display: block;
        position: absolute;
        z-index: 1000;
        background-color: white;
        border: 2px solid black;
    }


.button_BerkiModal {
    border: 1px solid #d1dcdf;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    background-color: #f2f5f6;
    background-image: linear-gradient(top, #f2f5f6, #c8d7dc);
}

    .button_BerkiModal:hover {
        border: 1px solid #b6c7cc;
        background-color: #d4dee1;
        background-image: linear-gradient(top, #d4dee1, #a9c0c8);
    }



.uploaderCancelButton {
    border: 1px solid #d1dcdf;
    border-radius: 3px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 10px 10px 10px 10px;
    background-color: #f2f5f6;
    background-image: linear-gradient(top, #f2f5f6, #c8d7dc);
    padding: 25px;
}


.Size12Text {
    font-family: Arial;
    font-size: 12px;
    color: #000000;
}
.intrahour .calendar_white_cell_inner {
    border-bottom: 1px solid red;
}


.AppointmentDayBook [dp-id='header'] {
    margin-left: -16px;
}
