body, td, th, p, li 
{ 
  font-family: Avenir LT Std 45 Book, Arial, Helvetica, sans-serif !important; 
  font-size: 12px; 
  color: #555555;
  height: 52px;
}


div
{ 
  float:left;
  display: inline-block;
}

body { margin:0 auto; text-align:left; _text-align: center; background-image: URL(../Images/header_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: #0075B3;
    margin-bottom:1em;
}
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-style: none;
        border-color: inherit;
        border-width: 0;
    }
    
    .checkboxClass
    {
        height: 10px !important;
    }
    
    div.textInput input  
    {
        height: 20px;
        width: 325px; 
        margin: 10px 0 0 10px; 
        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(../Images/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(../Images/input-end.png); background-position: 0 0; background-repeat: no-repeat; }
    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; background-image: URL(../Images/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; }

    
    input.conspicuousButton { display: block; margin: 0 0 2px 0; padding: 0 40px 0 20px; height:43px; width:199px; 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; background-image: URL(../Images/btn_conspicuous.png); background-position: 0 0; background-repeat: no-repeat; }
    input.conspicuousButton:hover, a.conspicuousButton:hover { background-position: 0 -60px; }
    
.pageHead { margin: 0; padding: 0; height: 75px; background-color:White; width:100%; }
.pageHead a.headerLogo { padding: 0; display: inline-block; float: left; width: 100%; height: 118px;
    background-image: URL(../Images/LoginHeaderLogo.png); background-repeat: no-repeat; background-color: #eee;}
.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; }

.SubmitInvisible
{
    background-color:White;
    width:1px;
    height:1px;
}

        body
        {
            background-color: white;
        }
        .pageHead
        {
            height: 100px;
        }
        div#error
        {
            height: 60px;
            margin: 30px 0px 0px 0px;
            text-align: center;
            font-size: 1.1em;
            font-weight: bold;
            color: #F78F1E;
            position: relative;
        }
        #form
        {
            display: block;
            /*text-align: center; */
        }
        .loginbox
        {
            width: 500px;
            border: 1px;
            margin: 0px 38px;
        }
        .loginbox label
        {
            width: 200px;
            float: left;
            text-align: right;
            color: #818284;
            font-size: 14pt;
            line-height: 42px;
            padding-right: 5px;
            margin-right: 0.3em;
        }
        .loginbox div.field
        {
            float: left;
        }
        #password
        {
            font-family: Arial, Helvetica, sans-serif;
        }
        .fieldSpace
        {
            height: 40px;
            position: relative;
            right: 96px;
            clear: both;
        }
        .pidSpace
        {
            margin-top: 20px;
        }
        a.conspicuousButton
        {
            margin: 204px;
            clear: both;
            padding-left:70px;
        }
        .form-input
        {
            border: solid 1px black;
        }



.TD_Class
{
    padding: 2em 1em 0 3em;
    vertical-align:top;
    width: 200px;
}

.loginbox_Label_Top_Left
{
    width:110px !important;
    margin: -0.15em 0 0 0;
}

.loginbox_Label_Bottom_Left
{
    width:110px !important;
}

.conspicuousButton_Left
{
    margin: 25px 125px 0 !important
}

.invisalignLogo{ padding: 0; display: inline-block; float: left; width: 187px; height: 54px;
    background-image: URL(https://vip.invisalign.com/v3/res/img/main/invisalign-logo.png); background-repeat: no-repeat; }
.iTeroLogo { margin: 0px 10px; padding: 0px; display: inline-block; float: left; width: 130px;}
.iOCLogo { margin: 0px 10px; padding: 0px; display: inline-block; float: left; width: 110px;}
.OrthocadLogo { margin: 0px 10px; padding: 0px; display: inline-block; float: left; width: 280px;}

.MyCadentLogos
{
    display: block;
    float: none;
}

img.iTeroLogos
{
    margin: auto;
    display: block;
}

.divFooterContent
{
    color:#0075B3;
    font-size: 9pt;
    width: 100%;
    text-align: center;
}

.ErrMsg
{
    font-weight:bold;
    color:Red;
    font-size:1.2em;
    float: left;
}

.divLoginButton
{
    /*margin: -95px -10px;*/
}

.TD_RememberMe
{
    padding: 1.9em 2em 11.5em 17em;
    font-size: 9pt;
    letter-spacing:-0.03em
}

.forgot_password
{
    font-size: 11pt;  
    font-weight: normal;
    margin-top: 20px;
    float: left;
}

.invisalign
{
    margin: 3.3em 0.2em 0.2em 1.5em;
}

.LoginContaineer {
    width: 100%;
}

.LoginContaineer table {
    margin: 0 auto;
}

div.sunset-banner {
	width: calc(100% - 32px);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	padding: 12px 16px;
	background: rgba(241, 194, 73, 0.58);
	position: relative;
	top: 18px;
	font-weight: normal;
	font-size: 14px;
}
div.sunset-banner button {
	background: none;
	border: none;
	font-weight: bold;
	cursor: pointer;
}