﻿body
{
    font-size: .95em;
    font-family: Trebuchet MS, Verdana, Helvetica, Sans-Serif;
    color: #222;
    margin: 0;
    padding: 0;
    overflow: hidden;
}


.oe-tip { 
    display: block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}


table.full-width
{
    width: 100%;
}


#PageLinks span
{
    padding: 0 6px 0 4px;
    border-right: 1px solid #999;
}
#PageLinks span:last-child
{
    border-right: none;
}

#Header
{
    position: absolute;
    width: 100%;
    height: 80px;
}

#Header #HeaderLogo img.property-logo
{
    max-height: 100%;
    max-width: 100%;
}

#NewTextCommunication .text-message-label {
    float: left;
}

#NewTextCommunication .text-message-body{
    width: 346px;
    height: 106px;
    resize: none;
}

#NewTextCommunication #text-message-char-count{
    width: 60px;
    text-align: right;
    float: left;
    margin-left: -75px;
    margin-top: -14px;
    font-size: 0.85em;
}

#NewTextCommunication .text-mobile-label-col {
    width: 102px;
}

#NewTextCommunication .text-mobile-number-col {
    width: 170px;
}

#NewTextCommunication .userMobileDisplayContainer {
    line-height: 34px;
    padding-left: 6px;
}

#NewTextCommunication #UserMobileNumber {
    width: 202px;
}

#NewTextCommunication .marketing-text-footer .resman-marketing {
    float: left;
    position: relative;
    z-index: 999;
}

#NewTextCommunication .marketing-text-footer .resman-marketing .powered-by-label {
    padding-top: 26px; 
    padding-left: 8px;
    float: left;
    font-size: 0.75em;
}

#NewTextCommunication .marketing-text-footer .resman-marketing .resman-logo {
    background: url(../../../Content/images/Resman-Main-Logo_153x45.png);
    background-size: 106px 33px;
    width: 106px;
    height: 30px;
    margin-top: 11px;
    margin-left: 4px;
    float: left;
    cursor: pointer;
}

#NewTextCommunication img.property-logo
{
    max-height: 67px;
    max-width: 302px;
    display: block;
    margin-left: 8px;
}

#NewTextCommunication .marketing-text-footer .buttons{
    text-align: right;
    float: right;
    padding-right: 6px;
}

#NewTextCommunication .marketing-text-footer {
    width: 374px;
}

#NewTextCommunication .validation-error-div {
    font-size: 12px;
    color: red;
    padding-left: 2px;
    display: none;
}

#NewTextCommunication #UserMobileNumberErrorMessage {
    width: 202px;
    margin-top: -14px;
}

#NewTextCommunication #MessageErrorMessage {
    margin-top: -14px;
}

#NewTextCommunication tr.mobile-number-validation {
    height: 34px;
}

#NewTextCommunication tr.message-body-validation {
    height: 20px;
}

#NewTextCommunication div.success-message {
    width: 374px;
    height: 266px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(33%);
}

#NewTextCommunication div.error-message {
    width: 374px;
    height: 266px;
    text-align: center;
    position: relative;
    top: 50%;
    transform: translateY(33%);
    color: red;
}

.input-validation-error, .custom-input-validation-error {
  background-color: #FFC2C2;
}

input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], textarea {
  border: 1px solid #b3b0a9;
  padding: 3px;
  margin: 1px 0 1px 0;
  font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
  height: 20px;
  font-size: 0.95em;
}