body, td, th, input, p, li, div { font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 12px; color: #555555; }
body { margin:0 auto; text-align:left; _text-align: center; background-image: URL(/authenticationendpoint/res/img/main/background.gif); background-position: center -29px; background-repeat: no-repeat; }
img { border:0; margin:0; padding:0; }
:active, :focus, input { outline:none !important; }
h1 { font-size: 146.5%; font-weight: bold; clear: both;}
h2 { font-size: 120%; font-weight: bold; clear: both; }
h3 { font-size: 100%; font-weight: bold; }
h4 { font-size: 93%; font-weight: bold; clear: both; }
a { color: #555555; }
a:hover { color: #333333; }
span.clear { height: 1px; clear: both; }
li { list-style: disc; list-style-position:inside; margin-left: 10px; }
ol li {list-style: decimal; list-style-position:outside; margin-left: 10px;  }

div.main { margin: 0 auto; padding-bottom: 20px; width: 984px; _text-align:left; :cursor: default; position: relative; clear: both; _clear: all; }

/* Global Forms start */
    input { border: none; border: 0; }
    div.textInput input { width: 150px; margin: 0 0 0 10px; padding:  11px 0 11px 0px; font-size: 1.3em; background-color: transparent; }
    div.textInput { padding: 0; margin: 0; height: 40px; overflow: hidden; float: left; clear: both; cursor: text;
        background-image: URL(/authenticationendpoint/res/img/main/input-text-start.png); background-position: 0 0; background-repeat: no-repeat; }
    div.textInputEnd { padding: 0; margin: 0; width: 11px; height: 41px; position: relative; float: left; cursor: text;
        background-image: URL(/authenticationendpoint/res/img/main/input-end.png); background-position: 0 0; background-repeat: no-repeat; }
    div.textInput.hover, div.textInputEnd.hover { background-position: 0 -41px; }
    div.textInput.disabled { background-position: 0 -82px; cursor: default; }
    div.textInputEnd.disabled { background-position: 0 -82px; cursor: default; }

    a.conspicuousButton { display: block; margin: 0 0 2px 0; padding: 0 40px 0 20px; height:45px; width:140px; vertical-align: middle; overflow: hidden;
        font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #333333; text-transform: uppercase; text-decoration: none;
        line-height: 45px; letter-spacing: 0.03em; background-image: URL(/authenticationendpoint/res/img/main/btn_conspicuous.png); background-position: 0 0; background-repeat: no-repeat; }
    a.conspicuousButton:hover, a.conspicuousButton.hover { background-position: 0 -60px; }
    a.conspicuousButton:active { background-position: 0 -120px; color: #555555; }

    a.conspicuousButtonDisable { display: block; margin: 0 0 2px 0; padding: 0 40px 0 20px; height:45px; width:140px; vertical-align: middle; overflow: hidden;
        font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; color: #555555; text-transform: uppercase; text-decoration: none;
        line-height: 45px; letter-spacing: 0.03em; background-image: URL(/authenticationendpoint/res/img/main/btn_conspicuous.png); background-position: 0 0; background-repeat: no-repeat; }

    .standardButton { display: block; margin: 0 2px; padding: 0 8px; height:32px; width:134px; vertical-align: middle; text-align: center;
        font-size: 12px; color: #333333; text-decoration: none; font-weight: bold;
        line-height: 32px; letter-spacing: 0.03em; background-image: URL(/authenticationendpoint/res/img/main/btn_standard.gif); background-position: 0 0; background-repeat: no-repeat; }
    .standardButton:hover, .conspicuousButton.hover { background-position: 0 -34px; }
    .standardButton:active, .standardButton.active { background-position: 0 -68px; color: #555555; }
    /* same image but different padding and height/width as required by the input tag as compared to the .standardButton class used for <a> tags */
    .standardButton.disabled { background-position: 0 0 !important; color: #666666; }
    input.standardButton { border: none; display: inline-block; height:32px; width:147px; }

    a.standardLink { margin: 0; padding: 0; display:inline-block; color: #0081c6 !important; font-weight:normal; height: auto !important; }
    a.standardLink:hover, a.standardLink.hover { color: black !important; }
    a.standardLink.small { font-size: 0.8em; }

    a.conspicuousLink { margin: 0 5px 1px 0; padding: 0 13px 0 0; color: #0081c6; font-weight: bold;
        background-image: URL(/authenticationendpoint/res/img/main/link_arrow.png); background-position: right 3px; background-repeat: no-repeat; }
    a.conspicuousLink:hover { background-position: right -13px; padding: 0 13px 0 0; color: black; }

    span.conspicuousLink { margin-right: 5px; padding: 0 13px 1px 0; color: #555555; font-weight: bold; text-decoration: none;
        background-image: URL(/authenticationendpoint/res/img/main/link_arrow.png); background-position: right -13px; background-repeat: no-repeat; }

    .breadcrumbs { margin: 15px 10px 0 10px; padding: 0; border: 0; font-size: 13px; font-weight: bold; color: black; }
    .breadcrumbs a { color: #187dbd; text-decoration: underline; }
    .breadcrumbs a:hover { color: black; text-decoration: underline; }
    .breadcrumbs .breadcrumbActive {  } /* same as .breadcrumb a */
    .breadcrumbs .breadcrumbSeparator { margin: 0 5px; font-size: 13px; font-weight: bolder; }
    .breadcrumbs .breadcrumbCurrent { color: #187dbd; }
    .breadcrumbs .breadcrumbInactive {  } /* same as default breadcrumb style */
    .breadcrumbs .breadcrumbHidden { display:none; }

    .radio { display: inline-block; *display: inline; margin: 0; height: 20px; width: 20px; background-image: URL(/authenticationendpoint/res/img/main/btn_radio.png); background-repeat: no-repeat; overflow: hidden; }
    .radio.base { background-position: 3px 0; }
    .radio.base:hover, .radio.base.hover { background-position: -40px 0; }
    .radio.selected { background-position: -17px 0; }
    .radio.selected.hover { background-position: -60px 0; }
    .radio.selected.disabled { background-position: -102px 0 !important; }
    .radio.disabled { background-position: -83px 0 !important; }
    .radio input { position: relative; top: -3px; left: -3px; height: 20px; width: 20px; opacity: 0; filter: alpha(opacity = 0); }

    input.radio { border-width: 0; margin: 0; padding: 0; }

    .checkbox { display: inline-block; *display: inline; margin: 0; height: 20px; width: 20px;
        background-image: URL(/authenticationendpoint/res/img/main/btn_checkbox.png); background-repeat: no-repeat; overflow: hidden; }
    .checkbox.base { background-position: 3px 0; }
    .checkbox.base:hover, .checkbox.base.hover { background-position: -40px 0; }
    .checkbox.selected { background-position: -17px 0; }
    .checkbox.selected.hover { background-position: -61px 0; }
    .checkbox.selected.disabled { background-position: -104px 0 !important; }
    .checkbox.disabled { background-position: -82px 0 !important; }
    .checkbox input { position: relative; top: -3px; left: -3px; height: 20px; width: 20px; opacity: 0; filter: alpha(opacity = 0); }

    div.select { display: inline-block; height: 27px; margin: 0 35px 0 0; padding: 10px 0 0 10px; font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 13px;
        background-image: URL(/authenticationendpoint/res/img/main/selectMain.png); cursor: pointer; position: relative; }
    select.replaced { display: inline-block; height: 37px; margin: 0; padding: 0; cursor: pointer; position: absolute; z-index: 15; top: 0; left: 0; }
    select.selectDisabled { cursor: default; }
    div.selectEnd { display: inline-block; width: 35px; padding: 10px 0 0 0; position: absolute; z-index: 1; top: 0; right: 0;
        background-image: URL(/authenticationendpoint/res/img/main/selectMain.png); background-position: right 0; }
    div.selectDisabled { cursor: default; background-position: 0 -40px; }
    div.selectDisabled span { color: #999999; }
    div.selectEndDisabled { cursor: default; display: inline-block; width: 35px; padding: 10px 0 0 0; position: absolute; z-index: 1; top: 0; right: 0;
        background-image: URL(/authenticationendpoint/res/img/main/selectMain.png); background-position: right -40px; }
    div.select.twoLine { height: 39px; background-image: URL(/authenticationendpoint/res/img/main/select2lineMain.png); }
    div.selectDisabled.twoLine { background-position: 0 -50px; }
    div.selectEndDisabled.twoLine { background-position: right -50px; }

    textarea { font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 13px; }
    .specInstructions {color: #555555; font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 13px; }
    div.SpecInstructions { width: 500px; height: 100px; margin: 0; padding: 0; }
    div.SpecInstructions textarea {width: 500px; height: 100px; font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 13px; color: #333333; margin: 0; padding: 0; }

    label { position: relative; bottom: 4px; *bottom: 0; }
    .textLabel { clear: both; clear: all; }
    .subLabel { font-size: 10px; position: relative; left: 10px; top: -5px; }
    .AlignDefault { color: #0000FF; font-weight: bold; }

    .formSection { margin: 0 0 10px 0; padding: 0; width: 700px; float: left; display: inline-block; border: 2px solid #d5d5d5; clear: left;
        -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
    form.formSection { margin-top: 20px; padding-top: 10px; }
    .formSection .formTitle { padding: 6px 0 6px 15px; color: white; font-size: 16px; font-weight: bold; line-height: 16px; background-color: RGB(139,210,244);
        -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius-top: 8px 8px 0 0; }
    .formSection .margin { margin: 0 7px 10px 7px; padding: 0 2px 10px 20px; border-bottom: 1px solid #d5d5d5; clear: both; }
    .formSection .header, .collapsedPrefs .header { font-size: 14px; font-weight:bold; line-height: 14px; margin: 0 0 0 5px; }
    .formSection .subheader, .collapsedPrefs .subheader { font-weight:bold; line-height: 14px; margin: 15px 0 0 5px; }
    .collapsedPrefs .subheader a { text-decoration: underline; color: #187DBD; }
    .formSection .subheader div, .collapsedPrefs .subheader div { font-weight: normal; }
    .formSection.noHeader { padding: 10px 0 0 0; }
    .formSection .applicablePref { background-color: RGB(207,236,196); }
    .formSection .alignDefault { text-decoration: none; color: #0d86c8; }
    .margin table.address { width: 70%; padding: 5px 0 5px 5px; border: 1px solid silver;
        -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
    .margin table.address td { white-space: nowrap; }
    .margin table.address a { float: right; margin-right: 30px; }

    .collapsedPrefs { width:260px; float:right; margin: 0; padding: 5px; border: 2px solid #d5d5d5; overflow: visible;
        -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
    .collapsedPrefs .title { font-size: 14px; font-weight:bold; line-height: 14px; margin: 0 5px 10px 5px; padding: 0 0 3px 0; text-align: center; border-bottom: 1px solid silver; }
    .collapsedPrefs .imageSection { margin: 0 5px 10px 5px; padding: 0 0 10px 0; border-bottom: 1px solid silver; }
    .collapsedPrefs .header { font-size: 13px; font-weight:bold; line-height: 14px; }
    .formSection div.header:first-child { padding: 5px 0 0 0; }

    .formButtons { width: 700px; margin: 0; text-align: right; clear: left; }
    .formButtonsFull { margin: 0 0 20px 0; text-align: right; clear: both; clear: all; }

    .currentPatientList .formSection { width: 670px; }
    .currentPatientList .collapsedPrefs { width: 250px; }
    .currentPatientList .formButtons { width: 670px; margin: 0 0 20px 0; text-align: right; clear: left; }

    .txOptionsMargins { margin: 10px 0 20px 20px; }

    .collapsedPrefs a.anchorOnly { height: 1px; }
    .collapsedPrefs div a { color: #187dbd; text-decoration: underline; height: auto !important; }
    .collapsedPrefs div a:hover { color: black; }

    .secondaryContent { margin: 10px 0 10px 20px; font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; }
    .currentStagesUnavailableComment { font-style: italic; }
/* Global Forms end */

.pageHead { margin: 0; padding: 0; height: 54px; }
.pageHead a.headerLogo { margin: 0px 18px; padding: 0; display: inline-block; float: left; width: 187px; height: 54px;
    background-image: URL(/authenticationendpoint/res/img/main/invisalign-logo.png); background-repeat: no-repeat; background-position: 0 10px; }
.pageHead .doctorName { width: 400px; margin: 0 0 0 250px; padding: 7px 0 0 0; font-size: 1.3em; font-weight: bold; color: #808080; text-align: center; }

.pageHead span.headerButtons { float: right; padding: 5px 0 0 0; }
.pageHead span.headerButtons a { color: white; text-decoration: none; font-size: 13px; font-weight: bold; text-align: center; padding: 4px 0; margin: 5px 4px; display: inline-block; width: 95px; height: 18px; background-image: URL(/authenticationendpoint/res/img/main/user.gif); background-repeat: no-repeat; }
.pageHead span.headerButtons a.logout { background-position: 0 0; }
.pageHead span.headerButtons a.logout:hover { background-position: 0 -26px; }
.pageHead span.headerButtons a.logout:active { background-position: 0 -52px; }
.pageHead span.headerButtons a.profile { background-position: -95px 0; }
.pageHead span.headerButtons a.profile:hover { background-position: -95px -26px; }
.pageHead span.headerButtons a.profile:active { background-position: -95px -52px; }

.pageHead .helpLink { float: right; margin: 2px 7px 5px 2px; padding: 10px 0 0 0; }
.pageFooter { display: block; width: 100%; clear: both; clear: all; }

.mainTabs { padding: 1px 0 0 8px; }
.mainTabs a { float: left; display: inline-block; line-height: 35px; font-family: "Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif; font-size: 18px; color: #333333;
    text-decoration: none; text-align: center; }

.mainTabs span { opacity: 1; float: left; padding-top: 3px; display: inline-block; height: 34px; background-image: URL(/authenticationendpoint/res/img/main/onetab.png); cursor: pointer; }
.mainTabs .activeTab { font-family: "Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif; }

.mainTabs .activeTab .left { background-position: left -40px; width: 10px; }
.mainTabs .activeTab .label { background-position: 0 -39px; background-image: URL(/authenticationendpoint/res/img/main/tab-center.png); font-style: normal; color: black; }
.mainTabs .activeTab .right { background-position: right -40px; width: 14px; }

.mainTabs .inactiveTab:hover { background-position: 0 -78px; font-family: "Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif; color: #333333; }

.mainTabs .inactiveTab span { float: left; display: inline-block; }
.mainTabs .inactiveTab .left { background-position: left -1px; width: 10px; }
.mainTabs .inactiveTab .label { background-position: 0 0; background-image: URL(/authenticationendpoint/res/img/main/tab-center.png); font-style: normal; color: #555555; }
.mainTabs .inactiveTab .right { background-position: right -1px; width: 14px; }

.headerLinks { text-align: right; float: right; position: absolute; right: 0px; padding-bottom: 3px; height: 32px; width: 230px;}
.headerLinks #language { margin: 0 5px 2px 0; padding: 0; display: block; position: relative; cursor: pointer; }
.headerLinks #language .text { font-weight: bold; color: #0081c6; text-decoration: underline; vertical-align: baseline; display: inline-block; margin-right: 5px; cursor: pointer; }
.headerLinks #language .text.hover { color: black; }
.headerLinks #language .flag { display: inline-block; width: 21px; height: 13px; background-image: URL(/authenticationendpoint/res/img/main/euFlags.png); background-repeat: no-repeat; background-position: 0 50px; }
.headerLinks #language .flag.eu-en { background-position: 0 -20px; }
.headerLinks #language .flag.gb-en { background-position: 0 -20px; }
.headerLinks #language .flag.de-de { background-position: 0 -40px; }
.headerLinks #language .flag.fr-fr { background-position: 0 -60px; }
.headerLinks #language .flag.it-it { background-position: 0 -80px; }
.headerLinks #language .flag.es-es { background-position: 0 -100px; }
.headerLinks #language .flag.us-en { background-position: 0 -120px; }
.headerLinks #language .flag.mx-es { background-position: 0 -140px; }
.headerLinks #language .flag.br-pt { background-position: 0 -160px; }
.headerLinks #language .flag.jp-ja { background-position: 0 -180px; }
.headerLinks #language .flag.zh-cn { background-position: 0 -200px; }
.headerLinks #language #languageSelector { display: none; background-color: #e4e4e4; padding: 4px; margin: 2px; width: 95%; overflow: visible; clear: left; position: absolute; left: 0px; z-index: 1000;
    border-bottom: 2px gray ridge; border-right: 2px gray ridge; border-left: 2px white solid; border-top: 2px white solid; }
.headerLinks #language #languageSelector a { display: block; background-color: #e4e4e4; padding: 4px; margin: 0px; text-decoration: none; white-space: nowrap; }
.headerLinks #language #languageSelector a span:first-child { font-weight: bold; color: #0081c6; text-decoration: underline; margin-right: 5px; }
.headerLinks #language #languageSelector a:hover { background-color: silver; }
.headerLinks .promotions { vertical-align: baseline; display: block; }
.headerLinks .education { vertical-align: baseline; display: block; white-space: nowrap; overflow: hidden; }

.tabContent { float: left; width: 100% }

.bannerArea { height: 95px; margin: 4px 0 5px 10px; padding: 0; clear: both; _clear: none; }

.bannerArea a#addNewPatient { float:left; margin-right: 17px !important; margin-top: 10px; }

.bannerArea #marketingSpace { width: 753px; height: 94px; overflow: hidden; }
.bannerArea iframe { width: 753px; height: 94px; border: none; overflow: hidden; }
.bannerArea #bannerCover { position: absolute; top: 0px; left: 0px; height: 94px; width: 753px; display: none; background-color: black; opacity: 0.0; filter: alpha(opacity=0); }

.bannerArea #banner1 { position: relative; }

#patientTabs { margin: 0 0 0 7px; clear: both; _clear: none; display: block; height: 54px; width: 973px; background-image: URL(/authenticationendpoint/res/img/main/tabs-background.png); background-repeat: no-repeat; background-position: 0 bottom; }
#patientTabs a.tab { position: relative; float: left; display: inline-block; width: 205px; height: 54px; background-image: URL(/authenticationendpoint/res/img/main/tabs-secondary.png); background-repeat: no-repeat;
    font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; text-decoration: none; overflow: hidden; }
#patientTabs a span { float: right; width: 27px; margin: 13px 17px 0 0; font-size: 11px; font-weight: bold; text-align: center; color: white; }
#patientTabs a b { font-family: "Avenir LT Std 65 Medium", Arial, Helvetica, sans-serif; font-size: 17px; font-weight: normal; float: left; margin: 18px 0 0 17px; cursor: pointer; width: 144px; height: 54px; overflow: hidden; }
#patientTabs a b { color: #555555; }
#patientTabs a.active b { color: #333333; }
#patientTabs #tabHolder { position: relative; float: left; width: 205px; height: 54px; display: inline-block; }

#patientTabs a.current { background-position: 0 0; }
#patientTabs a.action { background-position: -205px 0; }
#patientTabs a.archived { background-position: -410px 0; }

#patientTabs a.current:hover { background-position: 0 -52px; }
#patientTabs a.action:hover { background-position: -205px -52px; }
#patientTabs a.archived:hover { background-position: -410px -52px; }

#patientTabs a.current:active { background-position: 0 -104px; }
#patientTabs a.action:active { background-position: -205px -104px; }
#patientTabs a.archived:active { background-position: -410px -104px; }

#patientTabs a.current.active, #patientTabs a.active b { background-position: 0 -157px; font-weight: bold; }
#patientTabs a.action.active, #patientTabs a.active b { background-position: -205px -157px; font-weight: bold; }
#patientTabs a.archived.active, #patientTabs a.active b { background-position: -410px -157px; font-weight: bold; }

#patientTabs a.tab.dragging { position: absolute; z-index: 1000; }
#patientTabs a.tab.dragging * { cursor: move; }

.clinPrefs { display:inline; float: right; margin: 30px 5px 0 0 !important; padding: 0 13px 1px 0;
    background-image: URL(/authenticationendpoint/res/img/main/link_arrow.png); background-position: right 3px; background-repeat: no-repeat; }
.clinPrefs:hover { background-position: right -13px; padding: 0 13px 0 0; color: black; }

.patientClinPrefs { display:inline; float: right; margin: -30px 5px 0 0 !important; padding: 0 13px 1px 0; color: #0d86c8; font-weight: bold; text-decoration: underline;
    background-image: URL(/authenticationendpoint/res/img/main/link_arrow.png); background-position: right 3px; background-repeat: no-repeat; }
.patientClinPrefs:hover { background-position: right -13px; padding: 0 13px 0 0; color: black; }

.currentPatientList { margin: 0 0 0 7px; padding: 5px 10px; clear: both; width: 953px;
    background-image: URL(/authenticationendpoint/res/img/main/panel-background.png); background-repeat: repeat-y; background-position: 0 0; }

/* This hover effect may need some javascript to work in IE */
.patientListSearch, .patientListSearchX { position: relative; width: 210px; padding: 0; margin: 0 0 0 -4px; float: left; clear: left; white-space: no-wrap; }
.patientListSearch .textInput, .patientListSearchX .textInput { width: 196px !important; }
input#searchPattern { color: #B5B4B4; border: 0; width: 166px !important; }

.patientListSearch div.clearButton, .patientListSearchX div.clearButton { position: absolute; width: 41px; height: 41px; margin: 0; right: 0; cursor: pointer; background-repeat: repeat-y; background-position: 0 0; }
.patientListSearch div.clearButton { background-image: URL(/authenticationendpoint/res/img/main/search.png); }
.patientListSearchX div.clearButton { background-image: URL(/authenticationendpoint/res/img/main/searchX.png); }
.patientListSearchX input#searchPattern { color: #333333; }

.paginator { float: right; font-size: 1.2em; font-weight: bold; color: #555555; line-height: 1.7em; margin: 0; display: block; }
.topPager .paginator { padding: 0 12px 5px 0; }
.bottomPager .paginator { padding: 5px 12px 30px 0; clear: both; }

.paginator span { color: #706c6b; background-color: white; margin: 0 1px; padding: 4px 7px; font-weight: bold; cursor: default;
     -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.paginator a { color: #706c6b; margin: 0 1px; padding: 4px 7px; font-weight: normal; text-decoration: underline;
     -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
.paginator a:hover { color: #706c6b; background-color: #b5e1f7; }
.paginator a.prevNext { font-weight: bold; }

/* Patient Table Content style here */
table.patientTableContent { width: 954px; clear: both; _clear: none; table-layout: fixed; }
.patientTableContent a { text-decoration: none; color: #333333; }
.patientTableContent tr.head th {  }
.patientTableContent tr.head th.first { background-image: URL(/authenticationendpoint/res/img/main/cornerWhiteTopLeft.png); background-repeat: no-repeat; background-position: left top; }
.patientTableContent tr.head th.last { background-image: URL(/authenticationendpoint/res/img/main/cornerWhiteTopRight.png); background-repeat: no-repeat; background-position: right top; }

.patientTableContent tr.head th:hover { background-color: RGB(139,210,244); }
.patientTableContent tr.head th.sorted { background-color: RGB(0,173,239); }
.patientTableContent tr.content { cursor: pointer; }

.patientTableContent tr.content .patientListPhoto { width: 50px; height: 39px; display: inline-block; margin: 0 0 0 5px; vertical-align: middle;
    background-repeat: no-repeat; background-position: 50% 50%; }

/* Patient Table Layout Style here */
.patientTableContent tr.head th { color:#333333; cursor:pointer; font-size:1.2em; margin:0; padding:5px 5px 5px 10px; text-align:left; overflow: hidden;
    background-color: RGB(185,224,247); border-color:#EDEEEF; border-style:solid; border-width:0 2px 1px; }
.patientTableContent tr.head.edge th { cursor: ew-resize; }
.patientTableContent tr.fader, .patientTableContent tr.overlay { display:none; }
.patientTableContent tr.fader.working { display: block; position: absolute; top: 0; left: 18px; background-color: #dddddd; width: 950px; height: 100%;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; opacity: .6; filter: alpha(opacity=60);-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }
.patientTableContent tr.fader.working td { position: absolute; width: 954px; margin-top: 30px; text-align: center; }
.patientTableContent tr.overlay.working { display: block; position: absolute; top: 0; left: 19px; width: 950px; height: 100%; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.patientTableContent tr.overlay div { display: inline-block; position: relative; left: 325px; top: 30px; width: 300px; height: 96px; margin: 0; padding: 15px 0; text-align: center; line-height: 96px; background-color: white; 
    box-shadow: 3px 3px 5px gray; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; zoom: 1; }
.patientTableContent tr.overlay div img { float: left; margin-right: 20px; }
.patientTableContent tr.overlay div p { display: inline-block; line-height: 96px; font-size: 22px; font-weight: bold; margin: 0; padding: 0; }
.patientTableContent tr.head.dragging th:hover { background-color: RGB(185,224,247); }
.patientTableContent tr.head.dragging th.sorted { background-color: RGB(0,173,239); }

.patientTableContent tr .columnPortrait { width: 47px; }
.patientTableContent tr.content td, .patientTableContent tr.static td { font-size: 1.2em; color: #333333; height: 44px; padding: 1px 1px 3px 5px; overflow: hidden; word-break: normal;
    background-image: URL(/authenticationendpoint/res/img/main/table_row.gif); background-position: -5px top; background-repeat: no-repeat; }
.patientTableContent td.columnNAME { width: 240px; }
.patientTableContent td.columnNAME span.name { display: block; font-weight: bold; white-space: nowrap; line-height: 40px; overflow: hidden; }
.patientTableContent td.columnSTART_DATE { line-height: 40px; }
.patientTableContent td.columnTREATMENT_TYPE { line-height: 40px; white-space: nowrap; }
.patientTableContent td.columnTREATMENT_STATUS { height: 40px; width: 250px; overflow: hidden; vertical-align: middle; }
.patientTableContent td.columnTREATMENT_STATUS span.status { display: block; max-height: 40px; overflow: hidden; }
.statusIcon { display: block; float: left; width: 18px; height: 18px; overflow: hidden; margin: 0px 10px; }
.statusIcon_NONE {  }
.statusIcon_ACTION { background: url(/authenticationendpoint/res/img/table-cell-alert.gif) no-repeat; }
.patientTableContent td.columnINFO { height: 40px; width: 250px; overflow: hidden; vertical-align: middle; }
.patientTableContent td.columnINFO span.info { display: block; max-height: 40px; overflow: hidden; }


.patientTableContent tr.content:hover td { background-position: -5px -46px; color: black !important; }
.patientTableContent tr.content:active td { background-position: -5px -92px; color: #555555 !important; }
.patientTableContent tr.content td.first, .patientTableContent tr.static td.first { background-position: left top; }
.patientTableContent tr.content:hover td.first { background-position: left -46px; color: black !important; }
.patientTableContent tr.content:active td.first { background-position: left -92px; color: #555555 !important; }
.patientTableContent tr.content td.last, .patientTableContent tr.static td.last { background-position: right top; }
.patientTableContent tr.content:hover td.last { background-position: right -46px; color: black !important; }
.patientTableContent tr.content:active td.last { background-position: right -92px; color: #555555 !important; }

/* compensate for IE8 here */
.patientTableContent tr.content.active td { background-position: -5px -92px; color: #555555 !important; }
.patientTableContent tr.content.active td.first { background-position: left -92px; color: #555555 !important; }
.patientTableContent tr.content.active td.last { background-position: right -92px; color: #555555 !important; }

/* End Patient Table */

/* Patient Creation */
#DOB td { text-align: left; }

.advancementButtons { padding: 5px; text-align: center; font-weight: bold; }
.advancementButtons .back { float: left; }
.advancementButtons .next { float: right; }

.patientHeader { height: 0; margin: 0; padding: 0; }
.patientHeader .patientName { font-size: 20px; font-weight: bold; float: left; display: inline; }
.smallerName { } /*{ font-size: 13px;} */
.txType { font-family: "Avenir LT Std 45 Book", Arial, Helvetica, sans-serif; font-size: 1.4em; line-height: 22pt; font-weight: bold; text-align: center; padding: 0 350px; }
/* end Patient Creation */

/* Individual forms */

.txOptions { padding: 10px 10px 20px 10px; }
.eachTreatment { padding: 0px 0px 10px 0px; font-weight: bold; }
.eachTreatment .description { padding: 0px 0px 0px 21px; font-weight: normal; }

#assistTools { padding: 10px; }
#assistLostBrokenAligner { padding: 0 10px 10px 10px; }
#warrantyType { padding: 0 10px 10px 10px; }
table.warrantyType { clear: both; clear: all; }
table.warrantyType td { white-space: nowrap; overflow: visible; }
.mccRefinement { padding: 0 10px 10px 10px; }
#replacement { padding: 0 10px 10px 10px; }
.borderInterior { padding: 0 10px; overflow: hidden; }

div.crowdingTable td:first-child { text-align: right; }

.CCforcedUpgrade { padding: 20px 10px 0px 10px; }

table.APrelationship tr { height: 20px; }
table.APrelationship .sides { width: 50px; text-align: center; }
div.APrelationship { padding: 0px 0px 0px 20px; }

table.traySize tr { height: 20px; }
table.traySize .sides { width: 100px; text-align: left; }
div.traySize { padding: 0px 0px 0px 20px; }

.addresses td { background-color: #e6e6e6; }
.addresses a { margin: 0 6px; }
.addresses .spacer { height: 8px; }


.borderInterior .textLabel.labelColumn { width: 160px; text-align: right; float: left; padding-top: 8px; }
.borderInterior.inputColumn .textInput { clear: none; }

#changePassword .textLabel { width: 160px; text-align: right; float: left; padding-top: 8px; }
#changeChalengeQuestions .textLabel { width: 130px; text-align: right; float: left; padding-top: 8px; }
#changeEmail .textLabel { width: 160px; text-align: right; float: left; padding-top: 16px; }
#changePassword .textInput, #changeEmail .textInput, #changeChalengeQuestions .textInput { clear: none; }
#changeChalengeQuestions td:first-child { text-align: right; }
#changeLanguagePreference td:first-child { text-align: right; }

.twoColumn .textLabel { width: 160px; text-align: right; float: left; padding-top: 8px; }
.twoColumn .textInput, .twoColumn table { clear: none; }

#EMAIL .bold { text-align: right; }
#EMAIL_CONFIRMATION .bold { text-align: right; }
#OLD_PASSWORD .bold { text-align: right; }
#PASSWORD .bold { text-align: right; }
#PASSWORD_CONFIRMATION .bold { text-align: right; }
#CHALLENGE_ANSWER .bold { text-align: right; }


#STAFFNAME .textLabel { display: inline; }

.IOScanTable { margin: 0 0 10px 0; padding: 0; width: 650px; height: 300px; float: left; display: inline-block; border: 2px solid #d5d5d5; clear: left;
    -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
.IOScanTable td.IOdetails, .IOScanTable td.IOList { padding: 5px; }
.IOScanTable td.IOlist { padding: 5px; height: 298px; border-right: 2px solid #d5d5d5; }
.IOScanTable div.title { margin: 0px auto; text-align: center; font-weight: bold; }
.IOScanTable td.IOdetails label { bottom: 0px; }
.IOScanTable td.IOdetails table.previewDetails td { text-align: center; }
.IOScanTable td.IOdetails table.previewDetails td:first-child { padding-right: 3px; }
.IOScanTable div#IOScanScroll { height: 274px; overflow-y: scroll; }
.IOScanTable div#IOScanScroll * { white-space: nowrap; }


/* end individual forms */


/* DOCUMENTS START */
.tools { width: 240px; float: right; }
.tools .treatmentActionLinks { text-align: right; line-height: 1.5em; }
.tools .treatmentActionLinks .retainers { line-height: 2.8em; }
.tools .printLinks { padding: 10px 0px; text-align: right; line-height: 1.5em; }

.documents .docsHeader { padding: 0; margin: 15px 0 0 0; font-size: 1.3em; line-height: 49px; font-weight: bold; text-align: center; height: 49px; width: 240px;
    background-image: url(/authenticationendpoint/res/img/main/hdr_docs.png); background-repeat: no-repeat; }

.documents a, .documents div { height: 29px; width: 232px; display: block; padding: 3px; font-size: 1.2em; line-height: 29px; font-weight: bold; color: #555555; text-decoration: none;
    background-image: url(/authenticationendpoint/res/img/main/btn_documents.png); background-repeat: no-repeat;}
.documents a.left { background-position: 0 0; color: #0D86C8; }
.documents a.left:hover { background-position: -238px -37px; color: black; }
.documents a.left:active { background-position: -476px -36px; color: black; }
.documents a.right { background-position: 0 0; color: #54B948; }
.documents a.right:hover { background-position: -238px 0; color: black; }
.documents a.right:active { background-position: -476px 0; color: black; }

.documents span { display: inline-block; float: left; height: 29px; width: 6px; margin: 0; padding: 0; }
.documents span.img { display: inline-block; float: left; height: 29px; width: 47px; margin: 0; padding: 0; background-image: url(/authenticationendpoint/res/img/main/ico_documents.png); background-repeat: no-repeat; }
.documents .Photos span { background-position: 9px 2px; }
.documents .X-Rays span { background-position: 9px -45px; }
.documents .Rx span { background-position: 11px -97px; }
.documents .ClinCheck span { background-position: 8px -146px; }
.documents .Form span { background-position: 11px -197px; }
/* DOCUMENTS END */


/* ACCOUNT TAB */
    /* Minor adjustments to the subtabs to let them reuse most of the CSS from the patient tabs */
.monthlyAccountSummary { width: 700px; float: left;}
#patientTabs.accounts { margin-top: 10px; padding-left: 2px; }
#patientTabs.accounts a { width: 159px; margin: 0 3px 0 0; background-image: URL(/authenticationendpoint/res/img/main/tabs-account.png); }
#patientTabs.accounts a b.twoline { margin: 11px 10px 0 10px !important; font-size: 16px !important; }

#addressList .AccountAddress { clear: left; }

.patientTableContent.account.Summary { width: 680px; table-layout: fixed; }
.patientTableContent.account.SummaryInt { width: 680px; table-layout: fixed; }
.patientTableContent.account.BillPay { width: 100%; }
.patientTableContent.account.Proficiency { width: 500px; }
.patientTableContent.account tr.head th { padding:5px 5px 5px 7px; font-size: 14px; }
/* */
.patientTableContent.nonInteractive tr.content td { background-position: -5px top; color: #333333 !important; cursor: default;}
.patientTableContent.nonInteractive tr.content td.first { background-position: left top; }
.patientTableContent.nonInteractive tr.content td.last { background-position: right top; }
.patientTableContent.nonInteractive tr.head th { background-color: RGB(185,224,247) !important; cursor: default;}
.patientTableContent.nonInteractive tr.content .displayName { max-width: 200px; display: block; overflow: hidden; }
/* */
.patientTableContent.account.Summary .last { white-space: nowrap; }
.patientTableContent.account.BillPay { width: 950px; }
.patientTableContent.account.BillPay tr.content td { white-space: normal; }

.documents.accountDocs { float: right; margin-right: 10px; }
.documents b { display: block; text-align: center; }
.documents span { margin: 0 20px; }

.summaryHeader .AccountAddress { margin: 5px 20px; }
.monthlyAccountSummary { margin: 10px 0 0 0; }
.monthlyAccountSummary b { font-size: 1.2em; }
.monthlyAccountSummary .displayPeriods { margin: 5px 20px; }

    /* Start Proficiency and Advantage */
    #patientTabs a.advantageStatus { display:inline; float: right; width: auto; margin: 29px 5px 0 0 !important; padding: 0 13px 1px 0; color: #0d86c8; font-weight: bold; text-decoration: underline;
        background-image: URL(/authenticationendpoint/res/img/main/link_arrow.png); background-position: right 3px; background-repeat: no-repeat; }
    #patientTabs a.advantageStatus:hover { background-position: right -13px; padding: 0 13px 0 0; color: black; }

    .advantageStatus { margin: 0 0 10px 0; padding: 0; font-weight: bold; }

    #advantage { margin: 0 210px 10px 210px; padding: 0 0 20px 0; }
    #advantage .title { width: 480px; margin: 65px 0 12px 0; padding: 4px 4px 4px 16px; clear: both; font-size: 1.2em; font-weight: bold; background-color: #B9E0F7; }
    #advantage .title:first-child { margin-top: 0; }
    #advantage .row { width: 496px; height: 1px; position: relative; margin: 5px 0 20px 0; padding: 12px 0 7px 0; overflow: visible; white-space: nowrap; border-left: 2px solid black; }
    #advantage .row .line { margin: 0; padding: 0; height: 1px; border-top: 2px solid black; }
    #advantage .row .marker { float: left; height: 9px; width: 1px; position: absolute; top: 13px; border-left: 2px solid #303030; overflow: visible; }
    #advantage .row .marker span { position: relative; display: block; left: -60px; top: 10px; font-size: 14px; line-height: 10px; width: 120px; text-align: center; }
    #advantage .row .marker b { font-size: 10px; line-height: 8px; font-weight: normal; }
    #advantage .row .bar { position: relative; top: -15px; margin: 0; background-color: #005DAA; line-height: 12px; width: 0px; float: left; overflow: visible; }
    #advantage .row .data { position: relative; top: -16px; left: 1px; margin: 0; color: #005DAA; font-size: 18px; line-height: 12px; overflow: visible; }

    #proficiency { margin: 15px 210px 10px 210px; padding: 0 0 20px 0; }
    #proficiency .title { width: 480px; margin: 65px 0 18px 0; padding: 4px 4px 4px 16px; clear: both; font-size: 1.2em; font-weight: bold; background-color: #B9E0F7; }
    #proficiency .title:first-child { margin-top: 0; }
    #proficiency .row { width: 496px; height: 1px; position: relative; margin: 5px 0 20px 0; padding: 12px 0 12px 0; overflow: visible; white-space: nowrap; border-left: 2px solid black; border-right: 2px solid black; }
    #proficiency .row .line { margin: 0; padding: 0; height: 1px; border-top: 2px solid black; display: block !important; }
    #proficiency .row .message { margin: 0; padding: 0; clear: all; }

    #proficiency .row .marker { float: left; height: 12px; position: relative; top: -15px; background-color: #005DAA; overflow: visible; }
    #proficiency .row .marker span { position: relative; left: -45px; top: -14px; font-size: 14px; line-height: 14px; color: #005DAA; width: 170px; text-align: center; }
    #proficiency .row .marker span b { font-size: 18px; }
    #proficiency .row .marker.needed { float: left; top: -2px; right: 0px; background-color: #AB0534; }
    #proficiency .row .marker.needed span { float: none; top: 11px; left: -85px; color: #AB0534; }
    #proficiency .row .marker.needed span b { position: relative; top: 2px; }


    /* End Proficiency and Advantage */

/* END ACCOUNT TAB */

/* STUDIES TAB */
.studiesTab tr.content:active td.first span { color: #555555 }
.studiesTab tr.content:active td.last a { color: #555555 }
.studiesTab tr.content:hover td.first span { color: black }
/* For IE8 */
.studiesTab tr.content.active td.first span { color: #555555 !important;}
.studiesTab tr.content.active td.last a { color: #555555 !important;}
/* END STUDIES TAB*/

/* LIGHTBOX CSS HERE */
.grayBackground { display: block; width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 500; background-image: URL(/authenticationendpoint/res/img/main/gray-fader.png); }
.grayBackground { _background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src:/authenticationendpoint/res/img/main/gray-fader.png, sizingMethod=scale);  }
#lightbox { padding: 0; background-color: white; border: 10px solid white; } /* bg formerly #8CB5D6 */
#videoWindow { position: relative; }
a.closeButton { position: absolute; z-index: 200; top: -23px; right: 0px; width: 17px; height: 16px; padding: 8px; border: 1px solid silver; background-image: URL(/authenticationendpoint/res/img/main/lbClose.png); background-repeat: no-repeat; background-position: 8px 8px; background-color: white; }
a.closeButton:hover { border: 1px solid #0081C6; }
#videoWindow a { color: #ffffff; font-size: 13px; margin : 3px 0; text-decoration: none; }
/* END LIGHTBOX CSS */

#tooltip { background-color: RGB(71, 144, 205); color: white; font-family: "Avenir LT Std 45 Book", Arial,Helvetica,sans-serif; font-size: 13px;
    position: absolute; top: 0; left: -1000px; z-index: 10000; padding: 11px; width: 222px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; }
#tooltipArrow { display: block; position: relative; float: right; top: 27px; left: 110px; width: 15px; height: 12px;
    background-image: URL(/authenticationendpoint/res/img/main/speechBubbleArrow.png); background-repeat: no-repeat; }
#tooltipArrow.invert { -moz-transform: scaleY(-1); -webkit-transform: scaleY(-1); transform: scaleY(-1); filter: flipv; }

#tooltipArrow.pointRight { -webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); }
#tooltipArrow.pointLeft { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); }


/* TEEN TRAINING CSS */
.numbering { background-color:#31659c; color: white; height: 14px; width: 14px; text-align: center; margin-right: 5px; }
.trainingHeader { margin: 10px 0; font-size: 18px; font-weight: bold; }
.trainingSubheader { font-size: 16px; font-weight: bold; }
/* END TEEN TRAINING CSS */

/*  LEGACY CSS  */
/*  RECOMMEND FOR POTENTIAL REMOVAL BELOW HERE */
.modalBackground {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 30;
    background-image: URL(/authenticationendpoint/res/img/gray-fader.png);
}

.modalBackground {
    _background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/authenticationendpoint/res/img/gray-fader.png, sizingMethod=scale);
}

.popupWindowShadow {
    top: 0;
    left: 86px;
    width: 802px;
    height: 611px;
    position: absolute;
    overflow: hidden;
    background-image: URL(/authenticationendpoint/res/img/dropshadow.png);
}

.popupWindowShadow {
    _background-image: none;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/authenticationendpoint/res/img/dropshadow.png, sizingMethod=scale);
}

.popupWindowContent {
    width: 100%;
    height: 587px;
    background-color: white;
}

.popupWindowTitle {
    margin: 0;
    display: block;
    top: 10px;
    left: 100px;
    width: 787px;
    height: 587px;
    position: absolute;
    clear: both;
    overflow: hidden;
    color: white;
    background-color: gray;
    border-top: 3px solid #cccccc;
    border-left: 3px solid #cccccc;
    border-right: 3px solid #999999;
    border-bottom: 3px solid #999999;
}

.initValue {
    color: #b2b2b2;
}

.tabs {
    margin-left: 0;
    width: 100%;
}

.patientTableContent, .patientTableHeader {
    /*width: 100%;*/
    border-collapse: collapse;
    font-family: "Avenir LT Std 45 Book", Arial,Helvetica,Sans Serif;
    font-size: 13px;
}

.required {
    color: #FF4500;
    font-size: 14pt;
}

.bold {
    font-weight: bold;
}

.debug { display: block; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 8px; }

/* Native Characters Input */

.imeactive {
     ime-mode: active;
}
.imeinactive {
    ime-mode: inactive;
}
.imedisabled {
    ime-mode: disabled;
}