@CHARSET "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Oswald:400,700);

@media print /* print */
{
header, nav, footer, .navigation, .navigation ul.links, #btnOptionsSplit, .add-on, img { display: none !important; } 
body, p { font: 12pt Georgia, "Times New Roman", Times, serif !important; line-height: 1.3 !important; }
h1 { font-size: 24pt !important; }
h2 { font-size: 18pt !important; }
.container, table { width: 100% !important; max-width: 100% !important; margin: 0; }
.contentMain { width: 100% !important; max-width: 100% !important; margin: 0; }
.content { width: 100% !important; max-width: 100% !important; margin: 0; }
a:after { content: " (" attr(href) ")"; display: none !important; } /* prevent printer from printing hyperlinks */
table, tr, td, th { background-color: White !important; line-height: 1.3 !important; }
label { font-size: 12pt !important; line-height: 1 !important; }
input[type="text"] { height: 20pt; } /* fixes height of input and allows printed input values to be read */
}
@media (max-width: 480px) /* phone*/
{
    .modal { top: 10px; right: 10px; left: 10px; }
    .modal-header .close { padding: 10px; margin: -10px; }
}
@media (max-width: 767px) /* tablet */
{
    .modal { position: fixed; top: 20px; right: 20px; left: 20px; width: auto; margin: 0; }
    .modal.fade { top: -100px; }
    .modal.fade.in { top: 20px; }
}
@media screen 
{
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   contents ( new agent)
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*
    DESCRIPTION: BOOTSTRAP_AGENT.CSS WILL HOUSE ALL COMMON STYLES FOR AGENT
*/
/*
    1. global
        a. cssstickyfooter.com
        b. placeholders
        c. utility classes
        d. container
        e. notification box
    2. header
        a. main nav
        b. registration/getting started navigation
        c. autocomplete global search dropdown
    3. footer
*/

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   1. global
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div#global { position: relative; }
.container, .pageContentCenter { width: 980px !important; } /* REMOVE after SPRINT 9 */ /* PREVENTS responsiveness */
.pageContentCenter { margin-bottom: 15px; } /* td classes of pageContentCenter still exist, this provides a bottom margin for the footer */
body { padding: 0 !important; } /* REMOVE after SPRINT 9 */ /* PREVENTS responsiveness */
img[src$="empty.gif"] { display: none; } /* hide OAS empty gif */
.loader { background: white url('/App_Themes/Default/Images/loading-overlap.gif') center center no-repeat; }

/* a. cssstickyfooter.com */
form, 
div#aspnetForm /* angular replaces form tags with divs with id of aspnetForm */
{ min-height: 100%; }

.global-footer { background-color: #3888A3; height: 100px; }

/* when razor is present, js adds "js-razor" to head */
form div.container.sticky-footer, .js-razor div.container.sticky-footer,
div#aspnetForm .container.sticky-footer /* angular replaces form tags with divs with id of aspnetForm */
{ padding-bottom: 30px; } /* must be same height as the footer */
.js-razor form div.container.sticky-footer { padding-bottom: 0; } /* clears padding for wrapper div in web forms */
.js-razor form { min-height: 0 !important; } /* clears form height in web forms */

.registration #hdrContent { width: 980px; margin: 0 auto; }
.registration div.sticky-footer { min-height: 100%; } /* registration page */
.registration #main { padding-bottom: 100px; width: 980px; margin: 0 auto; } /* registration page */

/* swf uploader button (swfupload.js) */
.swfButtonContainer object { height: 30px; padding-bottom: 0; padding-left: 3px; padding-top: 2px; }

/* bootstrap tooltip overlays (used when tooltip is needed on disabled inputs) */
.bs-tooltip-wrapper { position: relative; }
.bs-tooltip-overlay { position: absolute; top: 0; left: 0; cursor: not-allowed; }

/* b. placeholders */

/* individual placeholders */
#propertySrchTxt::-webkit-input-placeholder { font-size: 10px !important; }
#propertySrchTxt:-moz-placeholder { font-size: 10px !important; }

/* c. utility/generic classes */
.agent-color { color: #3888a3; }

/* angular.js validation */
.res-submitted .ng-invalid { color:#ff3333 !important; background-color: #ffcccc !important; border: 1px solid red !important; }

/* d. container */

/* helper */
legend + small { display: block; margin-top: -15px; }
.icon-question-sign:hover { cursor: help; }
a .icon-question-sign:hover, .icon-question-sign[data-toggle] { cursor: pointer; }
.checkbox.inline + [type="hidden"] + .checkbox.inline { margin-left: 10px; }

/* server side validation errors (@Html.ValidationSummary()) */
.validation-summary-errors {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
    color: #b94a48;
    background-color: #f2dede;
    border-color: #eed3d7;
}
.validation-summary-errors ul { margin: 0 0 0 25px; }
.error { color:#ff3333 !important; background-color: #ffcccc !important; border: 1px solid red !important; } /* from jquery_validationengine.js*/
label.required:before 
{
    content: "* ";
    color: Red;
}

.font-16 {
    font-size: 16px;
}
.bg-grey {
    background-color: #F6F6F6;  
    border-radius: 4px;
    border: 1px solid #ebe9e9;
}
.padding30 {
    padding: 50px;
}
.margin20 {
    margin: 20px 0px;
}

/* e. notification box */
.alert.alert-danger li {
    color: #000;
    list-style-type: none;
}
ul.alert.alert-danger {
    margin-left: 0px;
}
.alert-header {
    font-size: 14px;
    color: red;        
}
.alert-danger {
    background-color: #ffe8cf !important;
    border-color: #f69679 !important;
    border-radius: 0px !important;
}
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   2. header
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#HeaderTop { background: #3888a3 url('/App_Themes/Default/Images/Common/bg-header.jpg?v=2') scroll center center; }

/* a. main nav */
nav.main-menu > ul > li > a {
    background-image: url('/Common/Images/sprite-main-nav.png?v=2');
}

/* main nav - sprites */
nav.main-menu ul li a.sprite-dashboard-icon { background-position: 23px -361px; width: 70px;} 
nav.main-menu ul li a.sprite-dashboard-icon:hover, nav.main-menu ul li.selected a.sprite-dashboard-icon { background-position: 23px -307px; width: 70px;} 
nav.main-menu ul li a.sprite-properties-icon { background-position: 28px -884px; } 
nav.main-menu ul li a.sprite-properties-icon:hover, nav.main-menu ul li.selected a.sprite-properties-icon { background-position: 23px -832px; } 
nav.main-menu ul li a.sprite-tasks-icon { background-position: 17px -1087px; width: 50px; } 
nav.main-menu ul li a.sprite-tasks-icon:hover, nav.main-menu ul li.selected a.sprite-tasks-icon { background-position: 17px -1041px; }  
nav.main-menu ul li a.sprite-offers-icon { background-position: 17px -779px; width: 50px; } 
nav.main-menu ul li a.sprite-offers-icon:hover, nav.main-menu ul li.selected a.sprite-offers-icon { background-position: 17px -729px; }
nav.main-menu ul li a.sprite-expenses-icon { background-position: 26px -570px; width: 70px;} 
nav.main-menu ul li a.sprite-expenses-icon:hover, nav.main-menu ul li.selected a.sprite-expenses-icon { background-position: 26px -519px; width: 70px;} 
nav.main-menu ul li a.sprite-documents-icon { background-position: 23px -465px; width: 70px;} 
nav.main-menu ul li a.sprite-documents-icon:hover, nav.main-menu ul li.selected a.sprite-documents-icon { background-position: 23px -413px; width: 70px;} 
nav.main-menu ul li a.sprite-connections-icon { background-position: 28px -159px; }
nav.main-menu ul li a.sprite-connections-icon:hover, nav.main-menu ul li.selected a.sprite-connections-icon { background-position: 28px -105px; } 
nav.main-menu ul li a.sprite-contacts-icon { background-position: 19px -254px; width: 75px;}
nav.main-menu ul li a.sprite-contacts-icon:hover, nav.main-menu ul li.selected a.sprite-contacts-icon { background-position: 19px -207px; width: 75px; }
nav.main-menu ul li a.sprite-reports-icon { background-position: 19px -990px; width: 75px;} 
nav.main-menu ul li a.sprite-reports-icon:hover, nav.main-menu ul li.selected a.sprite-reports-icon { background-position: 19px -936px; width: 75px;}
nav.main-menu ul li a.sprite-offer-icon { background-position: 26px -1174px; width: 70px;} 
nav.main-menu ul li a.sprite-offer-icon:hover, nav.main-menu ul li.selected a.sprite-offer-icon { background-position: 23px -1129px; width: 70px; }
nav.main-menu ul li a.sprite-training-icon { background-position: 14px -1219px; width: 60px; }
nav.main-menu ul li a.sprite-training-icon:hover, nav.main-menu ul li.selected a.sprite-training-icon { background-position: 14px -622px; width: 60px; }


/* main nav - dropdown */
/* main nav - dropdown - properties */
nav.main-menu > ul > li.dropdown:hover > a.sprite-properties-icon { background-position: 28px -832px; color: #555; } 
nav.main-menu > ul > li.dropdown > a:hover:after, nav.main-menu > ul > li.dropdown:hover > a.sprite-properties-icon:after { color: #555; }

/* main nav - dropdown - reports */
nav.main-menu > ul > li.dropdown:hover > a.sprite-reports-icon { background-position: 26px -936px; color: #555; } 
nav.main-menu > ul > li.dropdown > a:hover:after, nav.main-menu > ul > li.dropdown:hover > a.sprite-reports-icon:after { color: #555; }

/* main nav - dropdown - Contacts */
nav.main-menu > ul > li.dropdown:hover > a.sprite-contacts-icon { background-position: 26px -207px; color: #555; } 
nav.main-menu > ul > li.dropdown > a:hover:after, nav.main-menu > ul > li.dropdown:hover > a.sprite-contacts-icon:after { color: #555; }

/* b. registration/getting started/offer submission navigation */
nav.main-menu.get-started ul li a.sprite-getting-started-icon:hover, nav.main-menu.get-started ul li.selected a.sprite-getting-started-icon 
{ background-position: 36px -624px; margin-right:650px; width: 100px; }
nav.main-menu.reg ul li a.sprite-signup-icon:hover, nav.main-menu.reg ul li.selected a.sprite-signup-icon { background-position: 33px -678px; }
nav.main-menu.offer-submission ul li a.sprite-offers-icon:hover, nav.main-menu.offer-submission ul li.selected a.sprite-offers-icon { background-position: 39px -729px; width: 100px; }

/* applies to any navigation that do not require user authentication */
nav.main-menu.no-auth { bottom: -81px; }
nav.main-menu.no-auth > ul > li.selected > a { margin-right: 0; }
nav.main-menu.no-auth > ul > li.need-help { color: white; font-weight: bold; text-shadow: 1px 1px 1px #000; text-align: right; width: 498px; padding: 30px 10px 0 0; }
nav.main-menu.no-auth > ul > li.live-chat a { background-image: none; padding: 31px 5px 0 5px; }
nav.main-menu.no-auth > ul > li.live-chat a img { width: 100px; margin-top: 33px; }
.ie9 nav.main-menu.no-auth > ul > li.live-chat a { padding: 29px 5px 0 5px; } /* small padding adjustment for ie9 */
nav.main-menu.no-auth > ul > li.live-chat a:hover { background-color: transparent; -webkit-box-shadow:  0 0 0 0 rgba(0, 0, 0, 0); box-shadow:  0 0 0 0 rgba(0, 0, 0, 0);}


/* c. autocomplete global search dropdown */
.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li
{
    margin: 0px;
    /* padding: 2px 5px; */
    cursor: default;
    display: block;
    width: auto; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/
    font: menu;
    font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/
    line-height: 16px;
    overflow: hidden;
    color: #000;
}
.ac_results li span { color: #8F0006; }
.ac_loading { background: white url('/Content/CommonImages/loader-sml-lines.gif') right center no-repeat !important; }
.ac_odd { background-color: #eee; }
li.ac_over { background-color: #0A246A; color: white; }
li.ac_over span { color: #ccc; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   3. anchor/header
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
a { color: #3888a3;}
a:hover { color: #1a5775;}
a.underlined { text-decoration: underline; }
a.underlined:hover { text-decoration: none; }
h1, h2, h3, h4, h5, h6, legend { font-family: Trebuchet MS; font-variant: small-caps; text-rendering: auto; }
h2, h3, h4, h5, h6, legend { color: #555; }
h1 { font-size: 30px; color: #31819C !important; }
h2 { font-size:26px; }
h3 { font-size:22px; }
h4 { font-size:18px; }
h5 {font-size:14px; }
legend { font-weight: bold; }

h3.popover-title { font-family: Arial; font-variant: normal; font-size: 13px; font-weight: bold; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   4. tables
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.table th {background-color: #3888A3; color: #ffffff; font-size: 12px; font-weight: normal; }
.table th[onclick] { cursor: pointer; }
.table th .relative { font-size: 11px; } /* if grid is sortable, prevent headers from wrapping */
.table th[onclick]:hover { background-color: #4799B5; }
table.unsortable th { cursor: default; }
.table .sort-Asc, .table .sort-Desc { display: block; position: absolute; right: -8px; top: -8px; }
.table-condensed .sort-Asc, .table-condensed .sort-Desc { display: block; position: absolute; right: -5px; top: -7px; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   4. tables/grids
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.label { font-size: 11px; }
.icon-tasks-checkmark { margin-top: 0; }
.ie9 .icon-tasks-checkmark, html[data-useragent*='MSIE 10.0'] .icon-tasks-checkmark { margin-top: -1px; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   5. secondary navigation
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.nav-pills > .active > a, .nav-pills > .active > a:hover {background-color:#3888a3;}
.nav-list > .active > a, .nav-list > .active > a:hover {background-color:#3888a3;}
.nav-tabs.nav-stacked > .active > a, .nav-tabs.nav-stacked > .active > a:hover {color: #ffffff; background-color: #3888a3; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default;}
ul.nav-steps > li > a {padding:15px 10px;}
ul.nav-steps > li i.icon-chevron-right {float:right; opacity:.25;}
ul.nav-steps > li.active i.icon-chevron-right {background-image: url("/Content/Themes/Bootstrap/img/glyphicons-halflings-white.png"); opacity:1;}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   6. dropdown
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.dropdown-menu li > a {cursor:pointer;}
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #56bbd9;
  background-color: #3198b6;
  background-repeat: repeat-x; background-image: linear-gradient(to bottom, #56bbd9, #3198b6); }

.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  color: #ffffff;
  text-decoration: none;
  background-color: #56bbd9;
  background-color: #3198b6;
  background-repeat: repeat-x; outline: 0; background-image: -o-linear-gradient(top, #56bbd9, #3198b6); }
 
 div#btnOptionsSplit ul.dropdown-menu{left: auto; right: 0px;}  /*ST-16645 AMP Improvements - iPad issue - Dashboard - Options dropdown extends width of page */

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   7. labels and badges
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.label, .badge {text-shadow:none;}
.label.large {padding:6px 10px;}
.label-success, .badge-success {background-color:#65992d;}
.label-inverse, .badge-inverse {background-color:#444444;}
.label-inverse-white, .badge-inverse-white {background-color: #ffffff; color:#3888a3;}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   8. buttons
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6; }
.btn-group.open .btn-primary.dropdown-toggle { background-color: #2f96b4; }
.btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406; }
.btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f; }
.btn-group.open .btn-success.dropdown-toggle { background-color: #65992d; }
.btn-group.open .btn-info.dropdown-toggle { background-color: #0e64de; }
.btn-group.open .btn-inverse.dropdown-toggle { background-color: #444444; }
.btn-link 
{
    font-size: 12px;
    color: #3888A3;
    cursor: pointer;
    border-color: transparent;
    -webkit-border-radius: 0;
       -moz-border-radius: 0;
            border-radius: 0;
    padding: 0;
}
.btn-link:hover, .btn-link:focus {
  color: #1a5775;
  text-decoration: underline;
  background-color: transparent;
}
.btn-primary {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #49afcd;
  *background-color: #2f96b4;
  background-repeat: repeat-x;
    background-image: linear-gradient(to bottom, #5bc0de, #2f96b4);
    border-left-color: #2f96b4;
    border-right-color: #2f96b4;
    border-top-color: #2f96b4;
    border-bottom-color: #1f6377;
}

.btn-primary:hover,
.btn-primary:active,
.btn-primary:focus,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #ffffff;
  background-color: #2f96b4;
  *background-color: #2a85a0;
}
.btn-info {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #006dcc;
  *background-color: #0e64de;
  background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #009ddd, #0e64de);
    border-left-color: #0e64de;
    border-right-color: #0e64de;
    border-top-color: #0e64de;
    border-bottom-color: #002a80;
}
.btn-info:hover,
.btn-info:active,
.btn-info:focus,
.btn-info.active,
.btn-info.disabled,
.btn-info[disabled] {
  color: #ffffff;
  background-color: #0e64de;
  *background-color: #003bb3;
}
.btn-success {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #83b849;
  *background-color: #83b849;
  background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #8dc451, #65992d);
    border-left-color: #65992d;
    border-right-color: #65992d;
    border-top-color: #65992d;
    border-bottom-color: #387038;
}
.btn-success:hover,
.btn-success:active,
.btn-success:focus,
.btn-success.active,
.btn-success.disabled,
.btn-success[disabled] {
  color: #ffffff;
  background-color: #65992d;
  *background-color: #499249;
}
.btn-inverse {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #444444;
  *background-color: #444444;
  background-repeat: repeat-x;
    background-image: -moz-linear-gradient(top, #555555, #444444);
    border-left-color: #444444;
    border-right-color: #444444;
    border-top-color: #444444;
    border-bottom-color: #555555;
}

.btn-inverse:hover,
.btn-inverse:active,
.btn-inverse:focus,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #ffffff;
  background-color: #444444;
  *background-color: #151515;
}

i.icon-trash{ padding-left: 5px; } /* trash icon  within a button */
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   p/span/hr
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
p { color: #6b6b6b; } 
hr { margin: 10px 0; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   Custom Styles and Overrides [temporary until bootstrap is applied globally][negatively intereferes with current styles] 
   Check to see if these can go in main.css in resnet framework
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
body { line-height: normal; font-size: 12px; color: #555; background-color: White !important; }
form { margin: 0; }
/*h1 { margin: 0 0 5px 0; line-height: normal; }
h3 { position: static; }*/
li { line-height: normal; }  
input[type="text"], input[type="password"] { height: 30px !important; box-sizing: border-box; -moz-box-sizing: border-box; /* Firefox */ -webkit-box-sizing: border-box; /* Safari */ } 
label { color: #6e6e6e; font-size: 12px !important; margin-bottom: 3px; padding: 0; }
label.checkbox { font-weight: normal; color: #6e6e6e; font-size: 12px; margin-bottom: 3px; }
input#propertySrchTxt { margin-bottom: 0;} /* global search bar */
div.welcomeMessage a { color: #3E8A39; }
div.welcomeMessage a:hover { color: Black; }
a[id*="btnSelectView"] { position : static !important; box-shadow : none !important; border: none !important; color: White;} /* "custom view enabled link override "*/
div.filterPanelBody div.input-append { margin-bottom: 0; }
/*.filterPanel a {text-decoration:underline;}*/
/*select:focus { background-color: #DFFCB3; } */
div#headerSearchDiv { width: auto; margin-bottom: 2px; }
div#headerSearchDiv span.watermark { font-size: 11px !important; }
select#Pager_DisplayRows { width: 150px; } 
select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { font-size: 12px !important; }  
.alert { margin-bottom: 10px; padding:15px 15px 15px 15px; } 
.table th, .table td { line-height: normal; } 
input, textarea, .uneditable-input { width: 220px; }
.hasDatepicker:hover { background: none !important; /*cursor: default;*/ }  
.hasDatepicker { min-width: 0 !important; }
.input-append input, .input-prepend input, .input-append select, .input-prepend select, .input-append .uneditable-input, .input-prepend .uneditable-input { margin-bottom: 10px; }
/*td.TextQueueGridColumn*/ a.modal { position: static ; margin-left: 0; box-shadow : none; border: none; background-color: transparent; width: auto; } /* Need to figure out how to use modal class for both bootstrap and existing modal */
.navbar .nav > li > a:not([href]):focus, .navbar .nav > li > a:not([href]):hover { color: #777; }

/* popover (bootstrap overrides) */
div.popover-content table { margin-bottom: 0; }
div.popover-content table tbody tr td:first-child { border-left: 0; }
.dropdown-menu li > a { text-align: left; } /* option split button, if li anchor string is too short */
.input-append .add-on, .input-prepend .add-on { color: #555; font-size: 11px; }
.input-append .add-on .icon-calendar, .input-prepend .add-on .icon-calendar{ cursor: pointer; }
.label, .badge { display: inline; }

.lt-ie10 header div#inputGlobalSearch input { padding-top: 0; }

/* auxiliary nav (bootstrap fixes) */
.lt-ie9 .dropdown-menu { border: 1px solid dimgrey; }

/* form actions */
.form-actions { background-color: transparent; padding: 19px 0 20px; }

/* navbar */
.navbar .nav > li { line-height: 20px; }
.navbar .brand { padding: 7px 20px; }
.navbar .nav > li > span { float: none; padding: 10px 15px 10px; color: #777777; text-decoration: none; text-shadow: 0 1px 0 #ffffff; display: block; }
.navbar .nav > .active > span  
{
  color: #555555;
  text-decoration: none;
  background-color: #e5e5e5;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
     -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   dashboard
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* dashboard - gmaps */
#map_canvas { width:100%; height:300px; } 

/* dashboard - agent profile */
#dashAgentProfile img#dashAgentPicture { min-width: 125px; max-width: 125px; min-height: 125px; max-height: 125px; }
#dashAgentProfile a#dashAgentMembership { background-color: #3888a3; color: White; text-decoration: none; width: 125px; }
#dashAgentProfile a.tinyGemReward { text-indent: 25px; width: 150px; line-height: 20px; }
#dashAgentProfile #agentProfileProgressBar { height: 20px; position: relative; width: 240px; }
#dashAgentProfile #agentProfileProgressBar div.ui-progressbar-value  
{
    height: 19px; 
    background: url("/Common/Styles/agent-theme/images/ui-bg-progressbar.png") repeat-x scroll 50% 50%; 
    border: 1px solid #83b849; 
}
#dashAgentProfile #agentProfileProgressBar div#agentProfilePctComplete { position: absolute; right: 5px; top: 3px; }
#dashAgentProfile h1 { margin: 0 }
#dashAgentProfile .progress-success.progress-striped .bar, .progress-striped .bar-success { background-color: #83b849; } /* override bootstrap success bar color */
#dashAgentProfile #ResRewards { background: url("/Common/Images/Icons/reward-tiny-gem-15x30.png") no-repeat scroll 0 -1px transparent; padding-left: 18px; }
#dashAgentProfile #ResRewards:hover { background-position: 0 -16px; }
#dashAgentProfile #agentInfo { margin: 0; }
#dashAgentProfile #agentPhoto { position: relative; margin: 0; }
#dashAgentProfile #dashAgentPicture { border: 5px solid white; }
#dashAgentProfile #agentActions { margin-left: 15px; }

/* dashboard - agent cal */
#dashAgentCal { border: 1px solid #ddd; height: 85px; }
#dashAgentCal #dashAgentCalView { height: 100%; border-left: 1px solid #ddd; }
#dashAgentCal #dashAgentCalView a  
{
    height: 100%; 
    width: 100%; 
    padding-top: 62px; 
    background: url('/Common/Images/Icons/icon-teal-calendar.svg') no-repeat 50% 10px; 
    display: block;
    text-align: center;
    text-transform: uppercase;
    color: #3888a3; 
    text-decoration: none;   
}
#dashAgentCal #dashAgentCalView a:hover { opacity: .85; }
#dashAgentCal #dashAgentCalDate { width: 250px; margin-left: 75px; }
#dashAgentCal #dashAgentCalWrapper { padding-top: 17px; }
#dashAgentCalDay { line-height: 44px; position: relative; margin-right: 20px; display: inline-block; }
#dateSuffix { position: absolute; right: -15px; top: 0; font-size: 12px; line-height: 25px; }

/* dashboard - task/offers/reminders/ tabs */
#dashTabs #dashTabsUl { margin-bottom: 0; }
#dashTabs .tab-content table { border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 0; }
#dashTabs .tab-content tr:first-child td.hdr { border-top: 0; }
#dashTabs .tab-content td.hdr { background-color: transparent; color: #555; cursor: default; }
#dashTabs .tab-content .tab-pane td.hdr:first-child { font-weight: bold; }
#dashTabs .tab-content .tab-pane td.hdr + td.hdr { text-align: right; }
#dashTabs .nav-tabs > li > a { border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-right: 1px solid #ddd; }
#dashTabs .nav-tabs > .active > a, #dashTabs .nav-tabs > .active > a:hover  
{
    background: #efefef; /* Old browsers */
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#efefef), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #efefef 0%,#ffffff 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #efefef 0%,#ffffff 100%); /* W3C */ 
    border-bottom-color: White;
}
.lt-ie9 #dashTabs .nav-tabs > .active > a, .lt-ie9 #dashTabs .nav-tabs > .active > a:hover 
{ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */ }

/* dashboard - messages */ /* dashboard - partners */
#dashAgentMsgs #tableMsgs, #dashAgentPartners #tablePartners, #tableEvents 
{ border-right: 1px solid #ddd; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd; border-top: 0; margin-bottom: 5px; }
#dashAgentMsgs #tableMsgs td, #dashAgentPartners #tablePartners td, #tableEvents td { border-right: 1px solid #ddd; }
#dashAgentMsgs #tableMsgs th, #dashAgentPartners #tablePartners th, #tableEvents th { cursor: default; font-weight: bold; color: #555; }
#dashAgentMsgs #tableMsgs td a { text-decoration: none; }
#dashAgentMsgs #tableMsgs td a { cursor: pointer; }
#dashAgentMsgs #tableMsgs td a p { margin: 0; }
#dashAgentMsgs #tableMsgs #msgsViewAll:hover { background-color: white; }
#dashAgentMsgs #tableMsgs #msgsViewAll a:hover { text-decoration: underline; }
#dashAgentPartners #tablePartners img { width: 50px; height: 50px; display: block; margin-right: 10px; }
#dashAgentPartners #tablePartners td p { text-align: justify }

/* dashboard - notifications */
#dashAgentNotifications .notifications { width: 100%; height: 65px; }
#dashAgentNotifications { height: 65px; }
#dashAgentNotifications a.prelist-link { color: inherit; }

a#bioQuestion i, a#closePopover i {cursor: pointer;} 
  
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   registration
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.fieldsignup { float: left; margin-right: 8px; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   Pick a Plan (TODO: Need to revisit these plan pages, table borders are not lining up because of DIV use)
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* pick a plan badges */
.pick-a-plan-badge { background: url(/Common/Images/Registration/sprite-pick-a-plan.gif) no-repeat top left; }
#proBadge.pick-a-plan-badge { background-position: 0 -135px; width: 125px; height: 125px; } 
#proPlusBadge.pick-a-plan-badge { background-position: 0 0; width: 125px; height: 125px; }
/* equalize pro/pro plus columns (direct child divs) */
#planPro > div, #planProPlus > div { height: 500px; padding: 65px 15px 15px; }
#planTrial > div { height: 200px; padding: 15px; }

/* general styles for plan selection table */
#planDescr td { border: 0; vertical-align: bottom; padding: 0; }
#planDescr div.plan { border-bottom: 1px solid #ddd;}
.plan-selection td:last-child { border-right: 1px solid #ddd; }
.lt-ie9 #newUserMembershipFeat, .lt-ie9 .newUser table td + td + td + td { border-right: 1px solid #ddd; } /* <= IE8 */
.lt-ie9 .newUser table #planDescr td + td + td + td { border: 0; } /* <= IE8 */
.plan-selection tr:last-child td { border-bottom: 1px solid #ddd; }
.lt-ie9 tr.SignUpButton td { border-bottom: 1px solid #ddd; } /* <= IE8 */
.plan-selection.table-bordered { border: 0; outline: 0; }
#planDescr div { -webkit-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
td.no-border{border: none !important;}
td.no-border a{text-decoration: underline;}
td.membershipHeader {color: #31819C; border-left: none !important; border-right: none !important;}
/* pro plan */
#planDescr #planPro div { border-left: 1px solid #ddd; border-top: 1px solid #ddd; border-right: 1px solid #ddd; }
/* pro plus plan */ /* pro plus trial plan */
#planDescr #planProPlus div, #planDescr #planTrial div { border-top: 1px solid #ddd; }
#planTrial div { border-left: 1px solid #ddd; }
#planProPlus div { border-right: 1px solid #ddd; }
td#newUserMembershipFeat{border-top: none !important;}

.plan-selection .button-pricing { border: none !important; position: absolute; bottom: 40px; }



/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
   Submit Offers (Un-Authorized Users)
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/*div h1 {margin:0px;} please make it page specific*/
/*FAQ*/
.divsofaq {float:left;padding-top:40px;}
.divsoquestion h6
{
    font-size: 14px;
    color: #3888a3;
}
.divsoquestion li
{
    margin-bottom: 10px;
}
/*REGISTER*/
.divsoregister{float:left;/*background-color:#F6F6F6;*//*padding:20px;*/border-radius:4px 4px 4px 4px;-moz-border-radius:4px; width:510px;/*border:1px solid #ccc;*/}
.divsoregister text {float:left;margin:0px;}
.divsoregister input {float:left;}
.divsoregister h4, .divsosignin h4 {width:auto;display:inline;}
.divsoregister hr {color:#ccc;  border-top: 1px solid #cccccc;  border-bottom: 1px solid #ffffff;}
.divsoregister ol {list-style:none;margin:0px;padding:0px;}
.divsoregister .email{display:inline-block;}
/*SIGN IN*/
.divsosignin{float:left; /*padding:20px 0px 20px 20px;*//*width:470px;*/padding-top:10px;}
.divsosignin input[type=submit] {/*float:right;*/}
.center-column-content { margin: 0 auto; padding: 30px 0px;}
.centered-content { display: flex !important; justify-content: space-around}
.right-column { border-left: 1px solid #ebe9e9}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*Shared Property Page*/

/*Changed Name from pageContentsMain to pageSharedPropertyContentsMain*/
div.pageSharedPropertyContentsMain{border: solid 5px #94CF5A;background-color: white;padding: 20px;min-height: 450px;position: relative;width: 910px;max-width: 910px;}
div.pageSharedPropertyContentsMain.Print.Chrome{border: none;background-color: white;padding: 0px;min-height: 450px;position: relative;width: 850px;/*margin: 0 auto;*/max-width: 850px;}
div.pageSharedPropertyContentsMain div.colL{float: left;width: 450px;}
div.pageSharedPropertyContentsMain div.colR{float: right;width: 450px;}
div.pageSharedPropertyContentsMain div.colR:after{content: ".";: 1px;visibility: hidden;clear: both;}
div.pageSharedPropertyContentsMain div.colMainL{float: left;width: 650px;}
div.pageSharedPropertyContentsMain div.colMainLaAt{float: left;width: 480px !important;}
div.pageSharedPropertyContentsMain div.colSubR{float: right;width: 250px;}
div.pageSharedPropertyContentsMain div.colSubRAlt{float: right; width: 350px !important;}
div.pageSharedPropertyContentsMain div.colMainL div.colL{width: 320px;}
div.pageSharedPropertyContentsMain div.colMainL div.colR{width: 315px;}
div.pageSharedPropertyContentsMain div.colSubR h3.first{margin-top: 8px;}
div.radiosearchtype {width:400px;display:inline;}
div.radiosearchtype label{display:inline;}
.inline {display:inline;}
.inline .field-label {font-family: Arial, Helvetica, sans-serif;font-size: 12px;color: #555;font-weight: bold;margin: 0 0 5px 0;display: inline;}
.spspacer {margin-left:10px;margin-right:10px;width:auto;display:inline;}
.Action .Like .noText .LikeUnlike {width: 25px;float: left;position: relative;}
.pspwid {width:300px;}
.pspRightAlignPic {float: right;vertical-align:top;}
/*----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
My Account Profile  border:1px solid #000;
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.apfield{width:217px;float:left;margin-right:0px;}
.apblockfield{float:left;display:block;height:30px;width:100%;}
.apcheckBox{display:inline; width:350px;}
.apblock {display:block;}
.apinline {display:inline;}
.apinline-block {display:inline-block;}
.apclear{clear:both;}
.apclearright{clear:right;}
.combosidetext {margin-left:15px;float:left;}
#InterestedInValuationsSection input[name="Profile.ProvidedServicesBpo"],
#InterestedInValuationsSection input[name="Profile.ProvidedServicesListings"],
#InterestedInValuationsSection input[name="Profile.ProvidedServicesPropertyInspection"] {
	margin: 0;
}
#InterestedInValuationsSection label[for="BPO"],
#InterestedInValuationsSection label[for="Listings"],
#InterestedInValuationsSection label[for="Inspection"],
label[for="Profile_ReoExperience_True"],
label[for="Profile_ReoExperience_False"] {
	margin-right: 5px;
}
#Profile_YearOriginallyLicensed { width: 90%; }
#Profile_MlsSourceName, #Profile_MlsCoverageArea, #Profile_PublicRecord
{ width: 100%; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Registration Billing Step
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.referralCode label, .referalCode span, .promoCode label, .promoCode span, .cvv label, .cvv span { float: left; padding-right: 5px; }
.paymentTable h3 { margin: 0; line-height: 30px; }
.paymentTable td { padding: 3px; }
.print_underline { display: inline-block; height: 1em; border-bottom: 1px dashed #000; width: 100%; }
.paymentInfo label[for="LastName"] { visibility: hidden; }
#regForm .popover { max-width: 100%; } /* accommodate more structured content like HTML and images */
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
FORMS
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.checkbox-container {padding:30px 0 0 20px;}

/*------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Proprty (Gallery Tab)
------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.youtubevideolinkdv{min-height:160px;height:auto;overflow:hidden;padding: 19px;margin-bottom: 20px;background-color: #f5f5f5;border: 1px solid #e3e3e3;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);box-shadow: inset 0 1px 1px rgba(0,0,0,0.05);}
.marginbottom{margin-bottom:10px;}
div.youtubediv{width:400px;padding:0px 0px 10px 50px;}
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
Message Center
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.recipient-list-custom{  /*margin-top:16px!important;*/ height:288px!important; }
.recipient-filter-custom { height: 410px!important; }
.recipient-search-btn-custom {margin-bottom:11px!important;}
.msg-form-table input[type="file"] {width:auto!important;}
.modal-recipient-search 
{
    width: 850px !important;
    margin-left: -425px;
}
/*.agent .recipient-filter-custom {
	border: 0 !important;
	float: none !important;
	width: auto !important;	
}*/


/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    show my agents (modal)
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#modalShowMyAgents { width: 600px; min-width: 600px; max-width: 600px; }
#modalShowMyAgentsContent { border: 0; width: 100%; height: 100%; }
#modalShowMyAgentsContent { border: 0; width: 100%; height: 300px; }
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    property search
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#map-container img { max-width: none; } /* bootstrap override */
#map-container div { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; box-sizing: content-box; } /* bootstrap override */
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    task assignment settings
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#tableCurrentTaskAssignments td { padding: 10px; }
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    logout
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.logout header { height:360px; margin: 0 auto; }
.logout #hdrContent { }
.logout #loginArea { padding: 50px; height: 320px; width: 700px; position: relative; z-index: 1; background: url(/App_Themes/Default/Images/login-bg.jpg?v=2) no-repeat top left; margin: 100px auto 0 auto;}
.logout #loginArea h1 { color: White !important; margin: 0 0 15px 0; }
.logout #loginArea p { color: White; }
.logout #hyperLinkLogin { display: inline-block; position: absolute; bottom: 70px; right: 60px; }
/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    order eviction/order title/order (custom tasks)(agent portal specific until new styles are applied globally)(overrides customtasks.css, styles.css, and inline styles for custom tasks)
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.agent #taskDetailsHeader h1 { float: left; font-size: 22px; margin: -5px 0 0 0; position: static; }
.agent #taskDetailsBodyRight h3 { font-size: 18px; line-height: normal; }
.agent #taskDetailsSubHeader { height: 40px; }
.agent #taskDetailsBodyLeft .taskInfo { height: 75px !important; padding: 5px !important; }
.agent #taskDetailsBodyLeft #hplUpdateDueDate { bottom: 0; }
.agent #taskDetailsBodyRight { padding: 15px; }
.agent #taskDetailsBodyRight .taskInstructionsSection { padding: 0 0 15px 0; }
.agent #taskDetailsBodyRight .taskDataSection { padding: 10px 0; border-top: 1px solid #ddd; }
.agent #taskDetailsBodyRight .taskDataSection select:focus, .agent #taskDetailsBodyRight textarea:focus { background-color: White; color: Black; border: 1px solid #ddd; }
.agent #taskDetailsBodyRight .taskDataSection label { display: block !important; font-weight: normal; }
.agent #taskDetailsBodyRight .taskDataSection label .requiredAsterisk { float: left; }
.agent #taskDetailsBodyRight #orderEviction .taskDataSection:first-child div { display: inline-block; }
.agent #taskDetailsBodyRight #orderEviction .taskDataSection:first-child div:first-child { margin-right: 15px; }
.agent #taskDetailsBodyRight #vendorResultsCollapseLink { background-position: left center; }
.agent #taskDetailsBodyRight div.msg-pager-top div { margin: 0 !important; }
.agent #taskDetailsBodyRight table.vendor-search-results { clear: none; }
.agent #taskDetailsBodyRight textarea { width: 100%; }
.agent #taskDetailsBodyRight th { cursor: default; }
.agent #taskDetailsBodyRight .taskCommentsSection, .agent #taskDetailsBodyRight .taskCommentHistorySection { border-top: 1px solid #ddd; padding: 0; }
.agent #taskDetailsBodyRight #divChoiceType label, .agent #taskDetailsBodyRight #uploadFiles label { display: inline !important; }

/* confirm prop vacancy */
/* temporary styles */
/* using js to apply bootstrap layout and grid to this particular task in agent and reo */
#confirmPropVacancy.form-horizontal .control-group:before, 
#confirmPropVacancy.form-horizontal .control-group:after { display: inline; }
#confirmPropVacancy.form-horizontal .hasDatepicker:hover { background: none repeat scroll 0 0 white !important; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    flyermaker
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#flyerWrapper { background-color: #ddd; padding: 15px 0; margin: 3px 0 0 0; clear: both;  }
#flyerWrapper #flyerTemplateDiv { -webkit-box-shadow:  3px 3px 10px 3px #999999; box-shadow:  3px 3px 10px 3px #999999; position: relative; width: 612px; height: 792px; margin: 0 auto; }
#flyerTemplateSampleImg { display: none; width: 612px; height: 792px; margin: 0 auto; }
#flyerTemplateDiv #flyerBGImage { width: 612px; height: 792px; position: absolute; top: 0; left: 0; z-index: 1; }
/* inputs/textarea */
#flyerTemplateDiv input, .flyerTemplateDiv textarea { display: none; z-index: 1; position: absolute; }
#flyerTemplateDiv input { height: auto !important; line-height: normal !important; margin-bottom: auto !important; padding: 0 !important; }
.flyerTemplateDiv textarea { resize: none; line-height: normal !important; margin-bottom: auto !important; padding: 0 !important; }
/* edit blocks */
div.editBlk { display: block; z-index: 1; position: absolute; cursor: pointer; } 
div.editBlk:hover, div.editBlk:hover span.editTxt { background-color: #ddd; }
div.editBlk:hover span.previewTxt img { filter: alpha(opacity=83); -moz-opacity:.83; opacity:.83; }
div.editBlk span.editTxt { display: block; font-weight: bold; background-color: #eee; height: 100%; text-decoration: underline; }
div.editBlk span.editTxt span { font-weight: normal; font-style: italic; }
div.editBlk span.previewTxt { display: block; color: #333; display: none; background-color: transparent; height: 100%; }
div.editBlk span.previewTxt:hover { background-color:#ddd; }
		
img.uneditableImg { position: absolute; display: block; z-index: 10; }
		
#propertyPhotosDiv a { display: block; width: 100px; height: 100px; float: left; padding: 10px; background-color: #e8e8e8; margin: 0 10px 10px 0; }
#propertyPhotosDiv a:hover {  background-color: #ddd; }
#propertyPhotosDiv a img { display: block; }

label#flyerNameLabel:before { content: "* "; color: red; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    Other
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

/*Mail Modal*/
#mailWindow .modal-header h3 span {font-size: 25px !important;}
#mailWindow .mailWindowMsg {font-size: 14px;padding: 15px; padding-bottom:0;}

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    jquery ui dialog in tasks
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.agent .ui-dialog { z-index: 5000; }
.agent .ui-dialog .cancelDialogText { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; margin: 0; }

/* -----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
    property level 
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* tabs */
.tabCenterSelected span { font-weight: bold; }
/* summary */
.info-highlight-grey { background-color: #D5D5D5; color: #555; text-align: center; padding: 5px; }
/* settlement - closing */
#servicerInformation .text  
{
    height: 30px !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    background-color: #fff;
    border: 1px solid #ccc;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
    -webkit-transition: border linear .2s,box-shadow linear .2s;
    -moz-transition: border linear .2s,box-shadow linear .2s;
    -o-transition: border linear .2s,box-shadow linear .2s;
    transition: border linear .2s,box-shadow linear .2s;
    display: inline-block;
    padding: 4px 6px;
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px;
    color: #555;
    vertical-align: middle;
    webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}
#ctl00_contentPlaceHolder_ctrPropertyTabControl_CtrClosingTab_ucLenderServicerInfo_lnkEmail1, ctl00_contentPlaceHolder_ctrPropertyTabControl_CtrClosingTab_ucLenderServicerInfo_lnkEmail2,
ctl00_contentPlaceHolder_ctrPropertyTabControl_CtrClosingTab_ucLenderServicerInfo_lnkEmail2 
{ margin: 0; }

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------
    add listing.aspx (angular)
-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#navAddListing a { padding: 15px; }
#navAddListing .active a { background-color: #3888a3; color: white; }
#navAddListing .active a .label { background-color: White; color: #555; }
label[for="tbValueRangeMax"].asterisk:before { content: ""; } /* remove asterisk from label */

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
    shortsale iframes
-------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#ctl00_contentPlaceHolder_ctrPropertyTabControl_CnrGenericOfferTab_ctl00_shortSaleFrame_frameContainer { width: 100% !important; } /* ShortsaleIFrame.ascx */
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
    property icons (buyer, listing, buyer not published)
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.svg-sprite-rep-type { background-image: url('/Common/Images/Prop/icons-listing-buyer-property.svg'); background-repeat: no-repeat; background-size: cover; height: 50px; width: 65px; }
.svg-sprite-rep-type.buyer-agent { background-position: -70px center; }
.svg-sprite-rep-type.listing-agent{ background-position: -10px center; }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
    create brokerage checklist
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#agencyRelationship .tooltip-inner { width: 350px; }
label.muted { cursor: not-allowed; }
#agencyRelationship .radio.inline + div.tooltip + .radio.inline { margin-left: 10px; }
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
    agent checklist task view (editCustomTask.cshtml)
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
#taskDetailsBodyRight #Attachcompleteddocuments_Label { display: inline-block !important; margin-top: 5px; }
#cmdAdd { margin-top: 5px; }
#files > div { margin-bottom: 5px; }

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
    taskqueue grid
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.TaskPropertyAddressQueueGridColumn a.btn.btn-mini {
	text-decoration: none;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
    AddEditOfferItem.aspx
    CtrOfferItem.ascx
    - page uses bootstrap grid
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.add-edit-offer .input-append,
.add-edit-offer .input-prepend,
.add-edit-offer select,
.add-edit-offer textarea,
.add-edit-offer input[type="text"]  {
	width: 100% !important;
}

/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------
    CtrBuyerAgentResnetListedPropertySubmitOffer.ascx
    - buyer agent submit offer
    - classifier dropdown custom control has span wrapper, when page is validated error class gets added to span instead of select
------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
.wrapper-buyer-agent-submit-offer span.error {
	background-color: transparent!important;
    border: 0 !important;
}
.wrapper-buyer-agent-submit-offer span.error select,
.wrapper-buyer-agent-submit-offer .hasDatepicker.error:hover {
	background-color: #ffcccc !important;
    border: 1px solid red !important;
    color: #ff3333 !important;
}

.phone-no {
    width:120px;
}

.phone-ext {
    width:50px;
}

.makeOfferHelp {
    color:#31819C;
    border-style:solid;
    border-color:lightgrey;
    border-width:2px;
     float:left;
     padding:8px;
}

.makeOfferSearch {
    float:left;
    padding-left: 100px;
    padding-top: 5px;
}

.videoLink {
    padding:20px 0 20px 0;
}

.videoLink a{
    font-weight:bold;
    text-decoration:underline;
}

.makeOfferTitle {
    color: #31819C;
    font-size: 25px;
    font-weight: bold;
}

.makeOfferDesc {
   padding-top: 40px;
    font-size: 17px;
    padding-bottom: 20px;
}

.makeOfferContainer {
        padding: 60px 0px 45px 19px;
        float:left;
}

.faqContainer .title {
       color: gray;
    font-size: 16px;
    font-weight: bold;
}

.faqContainer .question {
        color: #31819C;
        font-size: 14px;
       font-weight:bold;
       cursor: pointer;
    }

video::-webkit-media-controls {
    overflow: hidden !important
    }
    video::-webkit-media-controls-enclosure {
        width: calc(100% + 55px);
        margin-left: auto;
    }

.faqContainer div {
       padding-bottom:10px;
    }

.faqContainer hr {
      margin: 0 0 5px 0;
     border: none;
    height: 1px;
    background-color: black;
    color: black;
    width: 980px;
    }
.faqContainer p {
      margin-top:5px;
    }

.fLeft {
    float:left;
}

.fRight {
    float:right;
}

.backToSearchBtn{
    font-size: 17px;
    text-decoration: underline;
}

.padB30 {
    padding-bottom:30px;
}

.agentBlue {
     color: #31819C;
}

.center{
    text-align:center;
}

.loginInput label {
    text-align: left;
    padding-left: 91px;
    font-weight: bold;
}

.loginInput input {
        width: 350px;
    }

.btn-orange-rounded {
    border-radius: 56px;
    width: 350px !important;
    background-color: darkorange !important;
    height: 40px;
        border-color: darkorange;
    font-size: 17px;
    color: white;
    margin: 10px;
    border:0;
}

.f14{
    font-size:14px;
}

.pointer {
    cursor:pointer;
}

    .titleDesc {
        position: absolute;
        top: 4%;
        left: 32%;
        font-size:15px;
        font-weight:bold;
    }

   
/* do not remove */
}