@font-face { font-family : Verdana, Arial, Helvetica, sans-serif; }

body
{
    margin: 0px;
    padding: 0px;
}
.wrapper
{
    width: 100%;
    height: 100%;
    overflow: initial;
    position: fixed;
}
.main
{
    margin: 1% auto 0px;
    height: 98%;
    min-height: 660px;
    max-height: 768px;
    min-width: 588px;
    max-width: 92%;
}
.block1
{
    width: 70%;
    height: 96%;
    float: left;
}
.discriptionArea
{
    height: 98%;
}

.block2
{
    width: 30%;
    height: 96%;
    float: right;
}
.loginArea
{
    height: 98%;
    font-size: 13px;
}

.browserReq
{
    text-align: center;
}

.block
{
    text-align: center;
}

.errorMessage
{
    height: 6%;
    font-size: 13px;
    display: none;
    background-color: rgb(173, 255, 47);
}

.textboxIcon
{
    margin: 1.4%;
    padding: 4.2px 0px;
    border-radius: 2px 0px 0px 2px;
    width: 37px;
    position: absolute;
}

.browserReq
{
    padding: 0px 6%;
    height: 10%;
    color: rgb(255, 255, 255);
    font-size: 12px;
    margin-top: 3%;
    min-height: 64px;
}
.browserReq img
{
    margin: 0px 2px;
    vertical-align: top;
}

.version
{
    margin-right: 4px;
}

.icon
{
    background-image: url("../images/spritelogo.png");
    vertical-align: middle;
    display: inline-block;
    background-repeat: no-repeat;
}
.icons_16
{
    width: 16px;
    height: 16px;
}
.icons_24
{
    width: 24px;
    height: 24px;
}
.icons_32
{
    width: 32px;
    height: 32px;
}
.more
{
  background-position: -307px -10px;
}
.alertRed
{
    background-image: url("../images/alert_red.png");
}
.userId
{
    background-position: -60px -2px;
}
.password
{
      background-position: 2px -2px;
}
.alert
{
    background-image: url("../images/alert_yellow.png");
}
.secure
{
     background-position: -244px -3px;
}
.tick
{
    background-image: url("../images/tick.png");
}
.logo
{
    width: 208px;
    height: 64px;
}
.vpMain
{
    background-position: -13px -399px;
    width: 240px;
    height: 65px;
}
.vmdMain
{
    width: 240px;
    height: 65px;
    background-image: url("../images/vmd_main.png");
}
.vcMain
{
    width: 304px;
    height: 65px;
    background-image: url("../images/vitalcollect_Logo.png");
}
.vp
{
    background-position: -470px -222px;
}
.vo
{
    background-position: -223px -126px;
}
.vtrack
{
 background-position: 13px -122px;   
}
.vmd
{
  background-position: -460px -132px;
}
.vhub
{
    background-position: -701px -130px ;
}
.vad
{
   background-position: 2px -217px ;
}
.vcollect
{
     background-position: -480px -230px ;
}
.va
{
    width: 128px;
    height: 36px;
    background-position: -31px -314px ;
}

.container
{
    background: 0px 0px rgb(255, 255, 255);
    width: 100%;
    height: 82%;
    position: relative;
}
.sideTabs
{
    width: 20%;
    height: 100%;
    float: left;
}
.sideTabs p
{
    padding: 6% 10%;
    color: rgb(102, 102, 102);
    font-size: 12px;
    cursor: pointer;
}
.sideTabs p.selected
{
    border-width: 1px 1px 1px 4px;
    border-style: solid;
    border-color: rgb(215, 215, 215) rgb(255, 255, 255) rgb(215, 215, 215) rgb(67, 136, 53);
    width: 78%;
    color: rgb(66, 135, 192);
    z-index: 1;
}
.sideTabcontent
{
    border: 1px solid rgb(215, 215, 215);
    border-image: none;
    width: 80%;
    height: 100%;
    overflow: auto;
    margin-left: 20%;
}
.content
{
    padding: 0% 0.5% 0.5% 0.5%;
    display: none;
}

.content ul li
{
    padding: 12px 2px 12px 24px;
    color: rgb(102, 102, 102);
    font-size: 12px;
}
.content ul li div.icon
{
    margin-right: 7px;
}
.tabContentSelected
{
    display: block;
}
.floatLeft
{
    float: left;
}

.vatopLogo
{
    background-position:-235px -209px;
    border: 0px;
}

/* common */
.vc-logo-black { background-image: url("../images/vitalcollect-logo-black.png"); vertical-align: middle; display: inline-block; background-repeat: no-repeat; }
.vc-logo-color { background-image: url("../images/vitalcollect-logo-black.png"); vertical-align: middle; display: inline-block; background-repeat: no-repeat; width: 304px; height: 64px; }

/* login page*/
.logoArea { height: 12%; }
.tagLineArea { height: 8%; color: rgb(67, 136, 53); font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }
.marketingItem { height:64%;display: inline; }
.products { height: 32%; margin-bottom: 10px; }
h2.header { color: #000000; font-size: 16px; font-weight: bold; font-family : Verdana, Arial, Helvetica, sans-serif; margin-bottom: 12px; }
.blockWrapper { width: 99.5%; height: 96%; min-width: 658px; }
.block { width: 31%; height: 192px; float: left; cursor: pointer; margin: 0px 2px 16px 2px; }
.block:hover p { color: rgb(0, 0, 0); }
.inner { height: 40%; width:88%}
.inner p { margin: 2% 0 0 8%; width: 88%; color: rgb(126, 126, 126); line-height: 20px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 14px; display: block; }
.more { width: 20px; height: 8px; margin-right: 48px; margin-bottom: 24px; float: right; }
.vital-dx { border: 3px solid #e6e6e6; padding-top: 8px; border-radius: 0px 0px 8px 8px; border-top: 6px solid #ff5722; }
.vital-hub { border: 3px solid #e6e6e6; padding-top: 8px; border-radius: 0px 0px 8px 8px; border-top: 6px solid #b1130a; }
.vital-md { border: 3px solid #e6e6e6; padding-top: 8px; border-radius: 0px 0px 8px 8px; border-top: 6px solid #259b24; }
.vital-track { border: 3px solid #e6e6e6; padding-top: 8px; border-radius: 0px 0px 8px 8px; border-top: 6px solid #d81841; }
.vital-office { border: 3px solid #e6e6e6; padding-top: 8px; border-radius: 0px 0px 8px 8px; border-top: 6px solid #5e35b1; }
.vital-advise { border: 3px solid #e6e6e6; padding-top: 8px; border-radius: 0px 0px 8px 8px; border-top: 6px solid #b0120a; }
.footer { height: 4%; color: rgb(102, 102, 102); font-size: 11px; width: 92%; vertical-align:middle; }
.login-powered-by { background-image: url("../images/footer-vitalaxis.png"); vertical-align: middle; display: inline-block; background-repeat: no-repeat; height:50px; width:210px;
                    position:fixed; bottom:0; left:0;}
.privacy-policy {background-color:#000000;color:#ffffff;font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px;text-decoration:none;border-radius:4px;padding:4px; vertical-align:middle;}

.loginForm-element-palin { border: 0px; outline: 0px; border-radius: 4px; }
.loginHeader { height: 12%; }
.loginHeader p { color: #ffffff; font-size: 32px; text-align: center; font-family : Verdana, Arial, Helvetica, sans-serif; }
.textboxWrapper { margin: 0px auto; width: 80%; height: 38px; position: relative; border-radius: 4px; }
.loginForm { height: 40%; text-align: center; }
.loginForm input[type='text'] { padding: 4.2% 0px 4.2% 8px; border-radius: 8px; width: 80%; color: #000000; font-size: 12px; display: block; font-family : Verdana, Arial, Helvetica, sans-serif; }
.loginForm input[type='password'] { padding: 4.2% 0px 4.2% 8px; border-radius: 8px; width: 80%; color: #000000; font-size: 12px; display: block; font-family : Verdana, Arial, Helvetica, sans-serif; }
.chkRemember { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; }
.loginForm button { border-radius: 4px; border: currentColor; width: 96px; color: rgb(51, 51, 51); font-size: 16px; cursor: pointer; font-family : Verdana, Arial, Helvetica, sans-serif; }
.loginForm button:active { box-shadow: inset 0px 3px 3px 0px rgba(50,50,50,0.2); -webkit-box-shadow: inset 0px 3px 3px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow: inset 0px 3px 3px 0px rgba(50, 50, 50, 0.2); }
.loginButtonCustom { padding: 10px 0px; border-radius: 8px; border: currentColor; border-image: none; width: 96px; color: rgb(51, 51, 51); font-size: 14px; cursor: pointer; font-family : Verdana, Arial, Helvetica, sans-serif;
                     box-shadow: 0px 3px 3px 0px rgba(50,50,50,0.4); -webkit-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 0px 3px 3px 0px rgba(50, 50, 50, 0.4); }
.loginButton { width:100px; background-color:#e3be42; }
.compatibility { background-image: url("../images/compatible.png"); vertical-align: middle; display: inline-block; background-repeat: no-repeat; }
.compatibility-text { text-align: center; color: #ffffff; font-size:12px; font-family : Verdana, Arial, Helvetica, sans-serif; vertical-align:top; }
.non-compatibility-text { text-align: left; color: #000000; font-size:12px; font-family : Verdana, Arial, Helvetica, sans-serif; }
.helpLinks { height:8%; margin-bottom:4%; }
.helpLinks td a { clear: left; float: left; color: #ffffff; padding-left: 20%; font-size: 12px; font-family : Verdana, Arial, Helvetica, sans-serif; }
.notificationMsg { height: 20%; min-height: 88px; display: none; text-align: center; }
#Notice { text-align:justify; vertical-align:middle; line-height:1.16; color: #ff0000; font-size: 12px; font-weight:bold; font-family : Verdana, Arial, Helvetica, sans-serif;
          word-wrap: break-word; word-break:keep-all; padding: 0px 8px; margin-bottom:4%;}
.notice-area { background-color:#ecb900; margin: 0px 2px; }
.versionDisplay { height: 16%; }
.versionDisplay span, .release-version { color: #ffffff; font-size: 12px; font-family : Verdana, Arial, Helvetica, sans-serif; text-align: center; vertical-align:middle;}

/* login more page */
.font-regular-white-12px { font-family : Verdana, Arial, Helvetica, sans-serif; font-weight: bold; color: #ffffff; font-size: 12px; }
.lm-inner-div { margin: 0.4%; }
.lm-sections-list { float: left; margin-right: 8px; width: 16%; list-style: none; margin: 0; padding: 0; border: 0; outline: 0; line-height: 2; text-align: center; }
.lm-sections-list li { padding: 16px 0px 16px 0px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #424242; }
.lm-sections-list li:hover { cursor: pointer; }
li.lm-sections-selected { border-radius: 4px; background: #01867f; color: #ffffff; }
.lm-sections-content-default { float: left; width: 84%; height: auto; display: none; }
.lm-sections-table-border-1px { border: 2px solid #e6e6e6; border-radius: 4px; font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; width: 100%; }
.lm-sections-table-border-1px td { padding-left: 5px; font-size: 11px; }
.lm-sections-table-border-1px h2 { font-family : Verdana, Arial, Helvetica, sans-serif; font-size: 12px; }
.lm-sections-table-border-1px ol { padding: 15px; font-size: 11px; }
.lm-sections-table-border-1px p { font-size: 11px; }
.lm-sections-inner-table { border-collapse: separate; border-spacing: 16px 4px; }
.font-red { color:#ff3030; }
/*Style for Reset Password */
.highlighttextbox
{
    border: 1px solid #FF0000 !important;
    box-shadow: 0px 0px 3px #ce0808 !important;
    -webkit-box-shadow: 0px 0px 3px #ce0808 !important;
    font-family: inherit;
    vertical-align: middle;
    padding-left: 2px;
    padding-right: 0px;
    outline: none;
}
#ForgotPassword
{
    text-decoration: none;
    color: #ffffff;
    cursor: pointer;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
.tableborder
{
   border-left: 1px solid #E4E4E4 !important;
   border-bottom: 1px solid #E4E4E4 !important;
}
#spnNotesection
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    line-height: 14px;
}
.fontBlackBold {
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
}