/**
 * /* $Id$
 *
 * @format
 */

/*	GENERIC AND LAYOUT	*/
body {
    position: relative;
    margin: 0;
    padding: 0px 0px 0px 0px;
    background: #f5f5f5;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight: normal;
}
#PageWrapper {
    position: relative;
    width: 972px;
    padding: 32px 0;
    margin: 0 auto;
    font-size: 16px;
    text-align: left;
}
#ContentFullCol {
    width: 776px;
    padding: 0;
    float: left;
}

#ContentMainCol {
    width: 480px;
    padding: 0 24px 0 0;
    margin: 0;
    float: left;
}
#ContentSideCol {
    width: 272px;
    padding: 0;
    margin: 0;
    float: left;
}

img {
    border: 0;
    padding: 0;
    margin: 0;
}
div.spacer {
    display: block;
    clear: both;
    height: 1px;
    font-size: 0.0125em;
}
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.oneColumn {
    display: block;
    margin: 0 15px 10px 0;
    position: relative;
    width: 550px;
}

.twoColumn {
    display: block;
    float: left;
    margin: 0 20px 0 20px;
    padding: 0;
    width: 250px;
}

/* generic table row styles */
tr.even td {
    background-color: #efefef;
}
tr.odd td {
    background-color: #dedede;
}

/* Generic Admin List */
.ih-admin-list {
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;

    margin: 1em 0;
    border-top: 1px solid #dcdcdc;
}
.ih-admin-list-item {
    position: relative;
    display: block;
    width: auto;
    height: auto;
    padding: 8px 110px 8px 16px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 16px;

    padding: 8px 16px;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #dcdcdc;
}
/* .ih-admin-list-item:hover {
    border-color: #85b7e6;
} */
.ih-admin-list-item-edit {
    position: absolute;
    z-index: 2;
    right: 38px;

    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}
.ih-admin-list-item-delete {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 2;
    display: block;
    width: 16px;
    height: 16px;
    background: url(/images/web/icons/16x16/delete.png) no-repeat 0px 0px;
    cursor: pointer;
}

.selectbox_wrapper {
    position: relative;
    display: inline-block;
    height: 36px;
    width: 200px;
    margin: 2px 0;

    /* TODO: test in FF and IE... */
    vertical-align: bottom; /* fixes issues in FF and IE */
}
.selectbox_wrapper select.selectbox {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;

    display: block;
    width: inherit;
    height: auto;
    margin: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    border-radius: 4px;
    border: 1px solid #b5b5b5;

    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    color: #000;
}
.selectbox_backdrop {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;

    display: block;
    width: auto;
    height: auto;
    padding: 7px 33px 10px 8px;
    margin: 0;
    border-radius: 4px;
    border: 1px solid #b5b5b5;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-family: Roboto, Arial, Helvetica, sans-serif;
    font-size: 16px;
    font-weight: 300;
    color: #000;

    background: url(/images/icons/select_box.png) no-repeat center right;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.selectbox_backdrop.focus {
    /*outline: 2px auto -webkit-focus-ring-color;*/
    border: 1px solid rgba(0, 143, 255, 1);
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2),
        0 0 5px rgba(0, 143, 255, 1);
}
.selectbox_backdrop.has_error {
    border: 1px solid #ff0000;
}
.selectbox_backdrop.focus.has_error {
    border: 1px solid #ff0000;
    box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.2), 0 0 5px #ff2200;
}

/* generic version used outside of forms */
.selectbox_arrow {
    position: absolute;
    top: 50%;
    right: 10px;
    z-index: 2;

    display: block;
    width: 12px;
    height: 8px;
    margin-top: -3px;
    /*background:url(/images/icons/triangle_white_40pct.png) no-repeat 0px 0px;*/
}
/* our in-form default implementation does not utilize this element, so hide it by default */
.selectbox_arrow {
    display: none;
}

/*	TOPBAR	*/
#Topbar {
    position: relative;
    height: 66px;
    padding: 0px;
    margin: 0px;
    background: url(/images/web/edit_bar/bg_editnav.gif) 0px 0px repeat-x;
    text-align: left;
}
#Topbar a {
    text-decoration: none;
    color: #fff;
}
#Topbar a:hover {
    color: #fff;
    text-decoration: underline;
}
#iHOUSELogo {
    position: absolute;
    top: 2px;
    left: 8px;
    width: 32px;
    height: 32px;
    z-index: 1;
}
#Topbar .website_domain {
    position: relative;
    padding: 5px 0 0 48px;
    /*line-height:39px; using padding-top instead of line-height for better cross-browser display */
}
#Topbar .website_domain a.website {
    font-size: 18px;
    margin: 0 6px 0 0;
}
#Topbar .logotype {
    display: block;
    position: relative;
    height: 40px;
    padding: 0 0 0 48px;
    font-size: 18px;
    margin: 0;
    line-height: 40px;
    font-family: "Roboto", Arial, sans-serif;
    font-weight: 100;
    color: #fff;
    text-shadow: 0px 2px 3px rgba(0, 0, 0, 0.3);
}
#Topbar .website_domain a.view {
    position: relative;
    top: -1px;
    font-size: 13px;
    margin: 0 6px 0 0;
}
#Topbar .website_domain a.edit {
    position: relative;
    top: -1px;
    font-size: 13px;
}
#Topbar .website_domain img {
    position: relative;
    top: 3px;
    margin: 0;
}

#Topbar div.test_drive_title {
    position: relative;
    padding: 8px 0 0 48px;
    margin: 0;
    font-size: 18px;
    color: #fff;
}

#Topbar .welcome_links {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 1;
    width: auto;
    height: 28px;
    padding: 11px 18px 0 0;
    font-size: 13px;
    /*line-height:39px; using padding-top instead of line-height for better cross-browser display */
    text-align: right;
    color: #74b2eb;
}
#Topbar #DescriptionBar {
    position: absolute;
    top: 39px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 24px;
    padding: 0;
    margin: 0;
    line-height: 24px;
    color: #333;
    text-align: center;
}
#Topbar #DescriptionBarDS {
    position: absolute;
    top: 63px;
    left: 0px;
    z-index: 100;
    width: 100%;
    height: 3px;
}
#OfficeSiteSelectForm {
    text-align: center;
}

/*	HEADINGS AND INSTRUCTIONS	*/
h1 {
    display: block;
    width: 776px;
    height: 41px;
    padding: 0;
    margin: 0;
    line-height: 41px;
    font-size: 24px;
    font-weight: 700;
    color: #3a3a3a;
    float: left;
}
.instructions {
    display: block;
    position: relative;
    padding: 8px 36px 24px 36px;
    margin: 0 auto;
    text-align: left;
    background: url(/images/web/icons/24x24/info.png) 2px 8px no-repeat;
    font-size: 13px;
    line-height: 20px;
    color: #666;
}

.instructions.facebook_note {
    background: none;
}

.instructions a {
    color: #0066cc;
}
.instructions img.delete,
.instructions img.publish,
.instructions img.link,
.instructions img.new,
.instructions img.help {
    display: inline;
    position: relative;
    width: 16px;
    height: 16px;
    bottom: -3px;
}
span.description {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #666;
    display: block;
}
span.warning {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    color: #c66;
    display: block;
}
span.note {
    font-style: oblique;
}
img.page_help {
    cursor: pointer;
}
a.what_is {
    text-decoration: none;
    cursor: help;
    border-bottom: 1px dashed;
}
p.disclaimer,
span.disclaimer {
    font-size: 13px;
    line-height: 20px;
    color: #666;
    font-style: oblique;
}

/* VALIDATION */

.error_msg {
    display: block;
    float: left;
    width: 690px;
    padding: 20px 20px 20px 60px;
    margin: 0 0 10px 0;
    color: #cc0000;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #d40202;
    background: #fff6f6 url(/images/icons/icon_error2.gif) no-repeat 18px 13px;
    z-index: 1000;
}
#ClientContactInfoErrors,
#ContactInfoErrors {
    float: none;
    width: auto;
}

.error_msg ul {
    display: block;
    padding: 0;
    margin: 0;
}
.error_msg li {
    list-style: disc inside;
    padding: 0 0 0 10px;
}
.error_msg a {
    color: #ff0000;
}

.conf_msg {
    display: block;
    float: left;
    width: 692px;
    padding: 20px 20px 20px 60px;
    margin: 0 0 10px 0;
    color: #006633;
    font-size: 12px;
    font-weight: 700;
    border: 2px solid #199639;
    background: #f0fff3 url(/images/icons/icon_confirmation2.gif) no-repeat 18px
        13px;
}

.fieldWithError {
    background-color: #ffff00;
}

/*	FORM ELEMENTS	*/

fieldset {
    position: relative;
    border: 0;
    background: none;
    padding: 0;
    margin: 0;
}
fieldset a,
div.fieldset a {
    color: #0066cc;
}
/* equivalent to legend but renders the same cross-browser */
fieldset h2,
div.fieldset h2 {
    padding: 0;
    margin: 0 0 16px 0;
    font-weight: 700;
    font-size: 16px;
}

div.fieldset {
    position: relative;
    padding: 24px 32px;
    margin: 0 0 24px 0;
    border: 1px solid #c3c3c3;
    background: #fff;
}
textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    padding: 4px;
    border: 1px solid #bfcad6;
}
label.hdr {
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #5a5a5a;
    padding: 0;
    margin: 0;
}
label img.help {
    display: inline;
    position: relative;
    width: 16px;
    height: 16px;
    bottom: -2px;
    cursor: pointer;
}

div.buttons {
    text-align: left;
}
div.buttons input {
    margin-right: 3px;
}
div.buttons a.cancel {
    padding: 2px 6px;
    text-decoration: underline;
    color: #cc0000;
}
div.buttons a.cancel:hover {
    background: #cc0000;
    color: #fff;
    text-decoration: none;
}
div.buttons a.back {
    padding: 2px 6px;
    text-decoration: underline;
    color: #0066cc;
}
div.buttons a.back:hover {
    background: #0066cc;
    color: #fff;
    text-decoration: none;
}

span.counter {
    display: block;
    font-size: 13px;
    color: #666;
}

/*	NAVIGATION MENU	*/

#NavCol {
    width: 173px;
    padding: 0 20px 0 0;
    color: #fff;
    float: left;
}
#NavCol p {
    padding: 0px;
    margin: 0px;
}
#NavCol a.btn {
    display: block;
    width: 133px;
    height: 33px;
    margin: 0px auto;
    padding: 0px 0px 0px 32px;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
    line-height: 32px;
    color: #fff;
}
#NavCol a.btn:hover {
    text-decoration: underline;
}
#NavCol a#btnAdminMenu {
    background: url(/images/web/webadmin/btn_admin_menu.png) 0px 0px no-repeat;
}
#NavCol a#btnViewWebsite {
    background: url(/images/web/webadmin/btn_view_website.png) 0px 0px no-repeat;
}
#NavCol a#btnEditWebsite {
    margin: 8px auto 0 auto;
    background: url(/images/web/webadmin/btn_edit_website.png) 0px 0px no-repeat;
}

#NavCol a#btnReferFriend {
    margin: 8px auto 0 auto;
    background: #f07807;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f07807),
        to(#9b4b00)
    );
    background: -webkit-linear-gradient(top, #f07807, #9b4b00);
    background: -moz-linear-gradient(top, #f07807, #9b4b00);
    background: -ms-linear-gradient(top, #f07807, #9b4b00);
    background: -o-linear-gradient(top, #f07807, #9b4b00);
    border-radius: 4px;
}

ul#NavMenu {
    position: relative;
    display: block;
    width: 165px;
    padding: 0;
    margin: 0 auto;
    border-top: 1px solid #bfcad6;
    list-style: none;
    background: #e9ecf1;
}
ul#NavMenu li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
ul#NavMenu li a.nav_link {
    display: block;
    width: 153px;
    height: 33px;
    padding: 0 0 0 12px;
    margin: 0;
    font-size: 13px;
    font-weight: 100;
    line-height: 32px;
    color: #1e4a72;
    text-decoration: none;
    background: url(/images/web/webadmin/btn_nav_link.png) 0px 0px no-repeat;
}
ul#NavMenu li.selected a.nav_link {
    font-weight: 700;
    color: #fff;
    background: url(/images/web/webadmin/btn_nav_link.png) 0px -33px no-repeat;
}
ul#NavMenu li a.nav_link:hover {
    text-decoration: underline;
}
#NavMenu li img.toggle {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 2;
    display: none;
    width: 26px;
    height: 33px;
    cursor: pointer;
    background: url(/images/web/webadmin/btn_nav_link_arrow.png) 0px 0px
        no-repeat;
}
ul#NavMenu li.selected img.toggle {
    background: url(/images/web/webadmin/btn_nav_link_arrow.png) 0px -33px no-repeat;
}
#NavCol div.hr {
    position: relative;
    background: none;
    height: 1px;
    border: 0;
    padding: 0;
    margin: 8px 0 7px 0;
    border-top: 1px solid #d3dbe3;
    font-size: 1%;
}

/* submenus */
ul#NavMenu ul.submenu {
    position: relative;
    display: block;
    width: 165px;
    padding: 4px 0 8px 0;
    margin: 0;
    border-bottom: 1px solid #bfcad6;
    list-style: none;
    background: #fff url(/images/web/webadmin/submenu.png) 0px 0px repeat-y;
}
ul#NavMenu ul.submenu li {
    position: relative;
    display: block;
    padding: 0;
    margin: 0;
}
ul#NavMenu ul.submenu li a {
    display: block;
    width: 149px;
    height: 22px;
    padding: 0 0 0 18px;
    margin: 2px 0;
    font-size: 13px;
    font-weight: 100;
    line-height: 22px;
    color: #466c8f;
    text-decoration: none;
}
ul#NavMenu ul.submenu li.selected a {
    color: #0066cc;
    text-decoration: underline;
}
ul#NavMenu ul.submenu li a:hover {
    text-decoration: underline;
}

/*	PAGE SPECIFIC STYLES	*/

/* Index (Admin Homepage) */

div.main_module,
div.side_module {
    position: relative;
    display: block;
    padding: 36px 24px 12px 24px;
    margin: 0 0 24px 0;
    border: 1px solid #bfcad6;
    border-top: 0;
    //background:#fff;
    font-size: 13px;
    line-height: 20px;
}

div.main_module,
div.side_module {
    position: relative;
    display: block;
    padding: 36px 24px 12px 24px;
    margin: 0 0 24px 0;
    border: 1px solid #bfcad6;
    border-top: 0;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
}
div.main_module {
    font-size: 15px;
    line-height: 24px;
}

.main_module h2,
.side_module h2 {
    position: absolute;
    top: -1px;
    left: -1px;
    display: block;
    height: 34px;
    padding: 0 0 0 40px;
    margin: 0;
    line-height: 36px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    color: #1e4a72;
    background: #e5eaef;
}
.main_module h2 {
    width: 440px;
}
.side_module h2 {
    width: 232px;
}
.main_module a,
.side_module a {
    color: #0066cc;
    text-decoration: underline;
}

img.icon {
    display: inline;
    position: relative;
    width: 16px;
    height: 16px;
    bottom: -3px;
}

#WarningModule {
    border: 1px solid #f17878;
}
#WarningModule h2 {
    color: #96241a;
    background: url(/images/web/webadmin/hdr_warning.png) 0px 0px no-repeat;
}

#PostItModule,
div.postit_module {
    border: 0;
    font-family: "Comic Sans MS", Arial, Verdana;
    color: #333;
    background: url(/images/web/webadmin/bg_postit.jpg) left bottom no-repeat;
    width: 432px;
}
#PostItModule h2,
div.postit_module h2 {
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 456px;
    color: #333;
    padding: 0 0 0 24px;
    background: url(/images/web/webadmin/hdr_postit.png) 0px 0px no-repeat;
}
#PostItModule h2.alert {
    background: url(/images/web/icons/24x24/alert.png) no-repeat 15px center,
        url(/images/web/webadmin/hdr_postit.png) 0px 0px no-repeat;
    padding-left: 45px;
}

#PostItModule span.close_postit,
div.postit_module span.close_postit {
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 3;
    display: block;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 700;
    cursor: pointer;
}

#PostItModule.ih-notification {
    opacity: 1;
    border-radius: 0;
    box-sizing: content-box;
}

#GettingStartedVideoModule {
    position: relative;
    width: 462px;
    height: 282px;
    padding: 8px;
    margin: 0 0 24px 0;
    border: 1px solid #c3c3c3;
    background: #fff;
}
#GettingStartedVideoModule span {
    position: absolute;
    top: 16px;
    left: 16px;
    font-size: 16px;
    font-weight: 700;
    color: #fff;
}
#GettingStartedVideoModule span a {
    color: #fff;
    text-decoration: underline;
}
#GettingStartedVideoModule img {
    width: 462px;
    height: 282px;
    border: 0;
}

#QuickLinksModule h2 {
    background: url(/images/web/webadmin/hdr_quick_links.png) 0px 0px no-repeat;
}
#QuickLinksModule ul {
    display: block;
    margin: 0;
    padding: 8px 0 4px 24px;
}
#QuickLinksModule a {
    color: #ff6600;
}
#QuickLinksModule hr {
    position: relative;
    background: none;
    height: 1px;
    border: 0;
    padding: 0;
    margin: 8px 0 7px 0;
    border-top: 1px solid #d3dbe3;
    font-size: 1%;
}

#ClientActivityModule h2 {
    background: url(/images/web/webadmin/hdr_client_activity.png) 0px 0px
        no-repeat;
}
#ClientActivityModule p.view_all {
    text-align: right;
    margin: 4px 0;
}
#ClientActivityModule ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
#ClientActivityModule li {
    position: relative;
    display: block;
    padding: 8px 0;
    height: 24px;
    border-bottom: 1px solid #ccc;
}

#ClientActivityModule span.date {
    position: absolute;
    top: 8px;
    right: 0px;
    z-index: 2;
    display: block;
    width: 140px;
    text-align: right;
}

#SocialModule {
    border: 1px solid #a1c9ee;
}
#SocialModule h2 {
    background: url(/images/web/webadmin/hdr_social.png) 0px 0px no-repeat;
}
#SocialModule p {
    display: block;
    clear: both;
    margin: 0;
    padding: 8px 0 4px 0;
}
#SocialModule ul {
    display: block;
    float: left;
    width: 160px;
    margin: 2px;
    padding: 0 0 0 24px;
}

#FacebookAppModule {
    border: 1px solid #a1c9ee;
}
#FacebookAppModule h2 {
    background: url(/images/web/webadmin/hdr_social.png) 0px 0px no-repeat;
}
#FacebookAppModule p {
    display: block;
    clear: both;
    margin: 0;
    padding: 8px 0 4px 0;
}
#FacebookAppModule ul {
    display: block;
    float: left;
    width: 160px;
    margin: 2px;
    padding: 0 0 0 24px;
}

#HelpCenterModule {
    border: 1px solid #a1c9ee;
}
#HelpCenterModule h2 {
    background: url(/images/web/webadmin/hdr_help_center.png) 0px 0px no-repeat;
}
#HelpCenterModule p {
    display: block;
    clear: both;
    margin: 0;
    padding: 8px 0 4px 0;
}
#HelpCenterModule ul {
    display: block;
    float: left;
    width: 160px;
    margin: 2px;
    padding: 0 0 0 24px;
}

#help ul li {
    list-style: circle;
    padding: 5px 0;
}

#WhatsNewModule h2 {
    background: url(/images/web/webadmin/hdr_whatsnew.png) 0px 0px no-repeat;
}

#WhatsNewModule span.whats_new_more a {
    padding: 8px 0;
    font-size: 15px;
    line-height: 1.5em;
    display: block;
}

#WhatsNewModule span.whats_new_more a:hover {
    text-decoration: none;
}

#WhatsNewModule h4 {
    margin: 5px 0;
    line-height: 1.5em;
}
#WhatsNewModule h4 a {
    text-decoration: underline;
    font-size: 15px;
}

#WhatsNewModule h4 a:hover {
    text-decoration: none;
}

#WhatsNewModule article p {
    margin: 5px 0 15px;
}

#WhatsNewModule ol {
    padding: 0 0 12px 0;
    margin: 12px 0 0 0;
    list-style: none;
}
#WhatsNewModule li {
    display: block;
    padding: 0 0 4px 22px;
    background: url(/images/web/icons/16x16/checklist_not_done.png) 0px 2px
        no-repeat;
}
#WhatsNewModule li.done {
    background: url(/images/web/icons/16x16/checklist_done.png) 0px 2px
        no-repeat;
}
#WhatsNewModule li.done a {
    color: #b3bec9;
}
#WhatsNewModule li.selected a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}

#EliteServiceModule h2 {
    background: url(/images/web/webadmin/hdr_whatsnew.png) 0px 0px no-repeat;
}

#SEOWebinar h2 {
    background: url(/images/web/webadmin/hdr_whatsnew.png) 0px 0px no-repeat;
}

#ChecklistModule h2 {
    background: url(/images/web/webadmin/hdr_checklist.png) 0px 0px no-repeat;
}
#ChecklistModule ol {
    padding: 0 0 12px 0;
    margin: 12px 0 0 0;
    list-style: none;
}
#ChecklistModule li {
    display: block;
    padding: 0 0 4px 22px;
    background: url(/images/web/icons/16x16/checklist_not_done.png) 0px 2px
        no-repeat;
}
#ChecklistModule li.done {
    background: url(/images/web/icons/16x16/checklist_done.png) 0px 2px
        no-repeat;
}
#ChecklistModule li.done a {
    color: #b3bec9;
}
#ChecklistModule li.selected a {
    color: #000;
    font-weight: 700;
    text-decoration: none;
}
span.percent_complete {
    display: block;
    padding: 12px 0 0 0;
}
div.percent_container {
    background: #fff;
    /*height:4px;*/
    padding: 2px;
    margin: 0 0 12px 0;
    border: 1px solid #bbb;
}
div.percent_bar {
    height: 4px;
}

#WebmailModule h2 {
    background: url(/images/web/webadmin/hdr_webmail.png) 0px 0px no-repeat;
}
#MobileModule h2 {
    background: url(/images/web/webadmin/hdr_mobile.png) 0px 0px no-repeat;
}

#TrafficReportModule h2 {
    background: url(/images/web/webadmin/hdr_traffic_report.png) 0px 0px
        no-repeat;
}

#AdModule {
    position: relative;
    display: block;
    margin: 0 0 24px 0;
    border: 1px solid #bfcad6;
    background: #fff;
    text-align: center;
}
#AdModule p.buy_now {
    display: block;
    margin: 32px auto 8px auto;
    border: 0;
}
#AdModule img.buy_now {
    margin: 0 auto;
    border: 0;
}
#AdModule p.upgrade_now {
    display: block;
    margin: 8px auto 0px auto;
    border: 0;
}
#AdModule img.upgrade_now {
    margin: 0 auto;
    border: 0;
    padding: 5px 0;
}

#AdModule img.ad {
    margin: 32px auto;
    border: 0;
}
#AdModule div.ad {
    margin: 32px auto;
    border: 0;
}
#AdModule span.ad,
#AdModuleBanner span.ad {
    display: block;
    height: 16px;
    font-size: 11px;
    line-height: 16px;
    color: #ccc;
}

#AdModuleBanner {
    position: relative;
    display: block;
    margin: 0 auto 24px auto;
    border: 1px solid #bfcad6;
    background: #fff;
    text-align: center;
    clear: both;
    width: 500px;
    padding-top: 15px;
}

/* Account: Contact Information */

#ContactButtons {
    margin-bottom: 5px;
}
#ContactButtons .delete_client {
    float: right;
}

ul#EditAgentContactInfo {
    position: relative;
    display: block;
    padding: 0 0 24px 0;
    margin: 0;
    list-style: none;
}
#EditAgentContactInfo li {
    position: relative;
    display: block;
    float: left;
    width: 224px;
    padding: 0 16px 12px 0;
    margin: 0;
}
#EditAgentContactInfo li input {
    font-size: 16px;
    padding: 4px 0;
    width: 200px;
    height: 20px;
    background: #fff url(/images/web/websignup/input_bg.gif) repeat-x 0px 0px;
    border: 1px solid #b4b4b4;
    border-top-color: #727272;
    border-bottom-color: #dadada;
}
#EditAgentContactInfo li input.fieldWithError {
    background: #ffff00 url(/images/web/websignup/input_highlight_bg.gif)
        repeat-x 0px 0px;
}
#EditAgentContactInfo li.company {
    width: 500px;
}
#EditAgentContactInfo li.company input {
    width: 500px;
}
#EditAgentContactInfo li.address {
    width: 500px;
}
#EditAgentContactInfo li.address input {
    width: 500px;
}
#EditAgentContactInfo li.state {
    width: 100px;
}
#EditAgentContactInfo li label {
    display: block;
    padding: 0;
    margin: 0;
    color: #555;
    font-weight: 700;
    font-size: 13px;
}

/* Account: Contact Information */
ul#CSR-ContactInfo {
    position: relative;
    display: block;
    padding: 0 0 24px 0;
    margin: 0;
    list-style: none;
}
#CSR-ContactInfo li {
    position: relative;
    display: block;
    /*float:left;*/
    width: 100%; /*224px;*/
    padding: 0 16px 12px 0;
    margin: 0;
}
#CSR-ContactInfo li input {
    font-size: 16px;
    padding: 4px 0;
    width: 20px;
    height: 20px;
    background: #fff url(/images/web/websignup/input_bg.gif) repeat-x 0px 0px;
    border: 1px solid #b4b4b4;
    border-top-color: #727272;
    border-bottom-color: #dadada;
}
#CSR-ContactInfo li textarea {
    width: 700px;
    height: 200px;
}
#CSR-ContactInfo li label {
    /*display:block;*/
    padding: 0;
    margin: 0;
    color: #555;
    font-weight: 700;
    font-size: 13px;
}

/*	SCROLLBOX - used on restrictions page - anywhere else??
override size as necessary depending on context	*/
ul.scroll_box {
    display: block;
    width: 320px;
    height: 160px;
    padding: 4px 0;
    margin: 0;
    background: #fff;
    border: 1px solid #c3c3c3;
    overflow: auto;
}
ul.scroll_box li label {
    background: #fff;
    display: block;
    padding: 0 10px;
}
ul.scroll_box li label:hover {
    background: #b8d6fe;
}

/* Settings: Search Restrictions */

div#Restrictions {
    height: 190px;
}
div#RestrictionsWState {
    height: 400px;
}

div#propertytype_selection_inputs,
div#state_selection_inputs,
div#county_selection_inputs,
div#city_selection_inputs {
    display: block;
    float: left;
    margin: 0;
    margin-bottom: 20px;
    padding: 0 16px 16px 0;
    width: 322px;
    height: 160px;
}
div#property_type_wrapper {
    display: block;
    margin: 0 24px 0 0;
    padding: 0;
    width: 320px;
}

li.county_label {
    font-style: oblique;
    padding: 0 0 0 15px;
}

.property_type_note,
.status_note {
    font-size: 13px;
    line-height: 20px;
    padding: 10px;
    color: #cc0000;
    border: 2px solid #d40202;
}

#propertyTypeWrapper .property_type_note,
#statusWrapper .status_note {
    font-size: 13px;
    line-height: 20px;
    position: absolute;
    top: 0;
    right: 0;
    width: 350px;
    height: auto;
    padding: 10px;
    color: #cc0000;
    border: 2px solid #d40202;
}

#status,
#propertyType {
    list-style-type: none;
}

/* Settings: Listing Display */
#ListingDisplayForm ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 724px;
}
#ListingDisplayForm ul li {
    display: block;
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid #bfcad6;
}
#ListingDisplayForm ul li.first {
    padding: 0 0 12px 0;
}
#ListingDisplayForm ul li.last {
    padding: 12px 0 0 0;
    border-bottom: 0;
}
#loan_link_options {
    padding: 4px 20px;
}
#hotlist_days_input {
    width: 24px;
}
#loan_url_input {
    width: 240px;
}

/* Settings: Listing Syndication */
table.listing_syndication {
    border: 0;
    border-collapse: collapse;
    padding: 0;
    margin: 0;
}
table.listing_syndication td {
    padding: 8px 5px;
    border-bottom: 1px solid #ccc;
}

/* Settings: Email Notifications */
ul.email_notifications {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.email_notifications li {
    display: block;
    padding: 0;
    margin: 12px 0;
}
ul.email_notifications li.first {
    margin: 0 0 12px 0;
}
ul.email_notifications li.last {
    margin: 12px 0 0 0;
}
ul.email_reports {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.email_reports li {
    display: block;
    padding: 0;
    margin: 12px 0;
}
ul.email_reports li.first {
    margin: 0 0 12px 0;
}
ul.email_reports li.last {
    margin: 12px 0 0 0;
    border-top: 1px solid #bfcad6;
    padding: 12px 0 0 0;
}
#CAReportFreqOptions,
#HTReportFreqOptions {
    padding: 4px 20px;
}
#housetrack_expire_input {
    width: 24px;
}

/* Settings: Map Display */
#MapDisplayForm ul {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
#MapDisplayForm ul li {
    display: block;
    padding: 12px 0;
    margin: 0;
    border-bottom: 1px solid #bfcad6;
}
#MapDisplayForm ul li.first {
    padding: 0 0 12px 0;
}
#MapDisplayForm ul li.last {
    padding: 12px 0 0 0;
    border-bottom: 0;
}

/* Settings: Auto-Response Emails (and subpages) */
input#from_address {
    width: 250px;
    padding: 4px 1px;
    margin: 8px 0 0 0;
    font-size: 16px;
}
#ComposeEmail label.hdr {
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #555;
}
#ComposeEmail input.text {
    width: 404px;
    padding: 4px 1px;
    margin: 0 0 16px 0;
    font-size: 16px;
}
#ComposeEmail textarea {
    width: 404px;
    padding: 0 2px;
    margin: 0;
    height: 260px;
    font-size: 16px;
}
#ComposeEmail div.signature {
    margin: 16px 0 0 0;
}
a#EditSignature {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 2;
    padding: 0;
    margin: 0;
}
img#SignatureLoading {
    position: absolute;
    top: 24px;
    right: 24px;
    z-index: 3;
    border: 0;
}
#EditSignatureForm textarea {
    width: 198px;
    height: 160px;
    font-size: 16px;
}
div#SignatureButtons,
img#SignatureSaveLoading {
    margin: 12px 0 0 0;
}

/* Preview Auto-Response emails */

.preview_display_block .preview_line_hdr {
    font-weight: bold;
    padding: 10px 3px 0 0;
}

.preview_display_block .message_text {
    font-weight: bold;
    width: 98%;
    border-bottom: 1px solid #999999;
    display: block;
    padding: 10px 0 0;
    margin-bottom: 5px;
}

/* Settings: Registration */
ul.registration {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.registration li {
    display: block;
    padding: 0;
    margin: 0;
}
ul.registration li.first {
    padding: 12px 0;
    border-top: 1px solid #bfcad6;
}
ul.registration li.third {
    padding: 12px 0;
    margin: 0 0 8px 0;
    border-bottom: 1px solid #bfcad6;
}

ul.registration span.description {
    display: block;
    padding: 0 0 0 28px;
}

table.registration_questions {
    width: 100%;
    padding: 0;
    margin: 0;
    border: 0;
    border-collapse: collapse;
}
table.registration_questions th,
table.registration_questions td {
    padding: 4px;
    margin: 0;
    font-size: 13px;
    color: #3a3a3a;
}
table.registration_questions th.column {
    padding: 0 4px;
}
table.registration_questions th.row {
    padding: 0 4px 0 0;
}
table.registration_questions textarea {
    width: 280px;
    height: 32px;
}

/* Settings: Title & Keywords */
ul.title_and_keywords {
    display: block;
    padding: 0;
    margin: 0;
    list-style: none;
}
ul.title_and_keywords li {
    display: block;
    padding: 0;
    margin: 0;
}

textarea#meta_keywords,
textarea#meta_title,
textarea#meta_description {
    width: 700px;
    height: 100px;
    font-size: 16px;
}

textarea#custom_code_header,
textarea#custom_code_footer {
    width: 700px;
    height: 300px;
    font-size: 16px;
}

/* Clients / LeadTracker */
#searchBy {
    position: relative;
    padding: 8px;
    margin: 0 0 24px 0;
    border: 1px solid #ccc;
}
a#allClients {
    position: absolute;
    top: 8px;
    right: 8px;
    color: #0066cc;
}

#find_a_client_form,
#find_a_contact_form {
    display: block;
    width: auto;
    position: absolute;
    top: 8px;
    right: 8px;
}

#search_by_tag_form #SEARCH_by_tag {
    max-width: 300px;
}

.clients_Page #SEARCH_by_name_autocomplete,
.contacts_Page #SEARCH_by_name_autocomplete {
    width: 250px;
}

/*	Pagination Contols - used on clients and client activity pages - anywhere else??	*/
.results_bar {
    position: relative;
    padding: 8px 0 24px 0;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    height: 16px;
}

.results_range {
    display: block;
    height: 24px;
    line-height: 24px;
}
.pagination_controls {
    position: absolute;
    top: 8px;
    left: 200px;
    z-index: 2;
    width: 300px;
    height: 25px;
}
.pagination_controls span.page {
    display: block;
    float: left;
    width: 50px;
    height: 24px;
    line-height: 24px;
    text-align: right;
    margin: 0 3px 0 0;
}
.pagination_controls .pagenoctrl {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 3px 0 0;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    text-align: center;
}
.pagination_controls .pageno {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 3px 0 0;
    border: 1px solid #ddd;
    background-color: #fff;
    color: #666;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
}
.pagination_controls .pagenoselected {
    display: block;
    float: left;
    width: 22px;
    height: 22px;
    line-height: 22px;
    margin: 0 3px 0 0;
    border: 1px solid #0066cc;
    background-color: #fff;
    color: #000;
    text-decoration: none;
    text-align: center;
    font-weight: 700;
}
.pagination_controls .blank {
    display: none;
}

div.sort_by {
    display: block;
    position: absolute;
    top: 8px;
    right: 0px;
    z-index: 1;
    width: 200px;
    height: 24px;
    line-height: 24px;
    text-align: right;
}
div.sort_by select {
    font-size: 11px;
    text-align: left;
}

div.cpp {
    display: block;
    position: absolute;
    top: 30px;
    right: 0px;
    z-index: 1;
    width: 200px;
    height: 20px;
    line-height: 24px;
    text-align: right;
}
div.cpp label {
    font-size: 11px;
    text-align: left;
}
div.cpp select {
    font-size: 10px;
    text-align: left;
}

/* auto-complete menu: i think it only exists on the clients page of the admin menu */
.autoCompleteMenu {
    background-color: #fff;
    border: 1px solid #000;
    font-size: 13px;
    color: #000;
    max-height: 200px;
    overflow: auto;
    z-index: 10000;
    padding: 0;
}
.autoCompleteMenu ul {
    padding: 0;
    margin: 0;
}
.autoCompleteMenu li {
    display: block;
    padding: 1px 4px;
    margin: 0;
    white-space: nowrap;
}
.autoCompleteMenu li.selected {
    display: block;
    padding: 1px 4px;
    margin: 0;
    background-color: #d8e9ff;
}

table#ClientsTable,
table#ContactsTable {
    width: 710px;
    padding: 0;
    margin: 0 0 16px 0;
    background: #fff;
    border-collapse: collapse;
}
#ClientsTable a,
#ContactsTable a {
    color: #0066cc;
}
#ClientsTable th,
#ContaactsTable th {
    margin: 0;
    color: #555;
    font-size: 14px;
}
#ClientsTable th.padding,
#ContactsTable th.padding {
    width: 24px;
    padding: 0;
}
#ClientsTable th.checkbox,
#ContactsTable th.checkbox {
    vertical-align: bottom;
    text-align: center;
}
#ClientsTable th.name,
#ContactsTable th.name {
    width: auto;
    /*padding:12px 8px 0 8px;*/
    padding: 12px 4px 0 4px;
}
#ClientsTable th.phone,
#ClientsTable th.email,
#ContactsTable th.phone,
#ContactsTable th.email {
    width: auto;
    padding: 12px 4px 0 4px;
}
#ClientsTable th.edit,
#ContactsTable th.edit {
    width: 24px;
    padding: 12px 4px 0 4px;
    text-align: center;
}
#ClientsTable td,
#ContactsTable td {
    margin: 0;
}
#ClientsTable td.padding,
#ContactsTable td.padding {
    width: 24px;
    padding: 0;
    border: 0;
}
#ClientsTable td.checkbox,
#ContactsTable td.checkbox {
    width: 24px;
    padding: 4px;
    text-align: center;
    background: #f5f5f5;
    border-top: 1px solid #c3c3c3;
    border-left: 1px solid #c3c3c3;
}
#ClientsTable td.name,
#ClientsTable td.phone,
#ClientsTable td.email,
#ContactsTable td.name,
#ContactsTable td.phone,
#ContactsTable td.email {
    padding: 8px 4px 4px 4px;
    border-top: 1px solid #c3c3c3;
}
#ClientsTable td.email,
#ContactsTable td.email {
    border-right: 1px solid #c3c3c3;
    word-break: break-all;
    max-width: 372px;
}
#ClientsTable td.more_info,
#ContactsTable td.more_info {
    padding: 4px 8px 4px 24px;
    border: 0;
    border-right: 1px solid #c3c3c3;
    font-size: 12px;
    background: #f5f5f5;
    background: #fff;
    padding: 0 8px 8px 24px;
}
#ClientsTable td.more_info span,
#ContactsTable td.more_info span {
    color: #999;
    margin-right: 12px;
}
#ClientsTable td.last,
#ContactsTable td.last {
    padding: 0;
    border-top: 1px solid #c3c3c3;
}

#DoActionFor {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 10;

    width: 100%;
    padding: 8px;
    border-top: 1px solid #ccc;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;

    font-size: 14px;
    text-align: center;

    background: #ddd;
}
#DoActionFor a.cancel {
    padding: 2px 6px;
    text-decoration: underline;
    color: #cc0000;
    cursor: pointer;
}

/* Client Details */
#client_details {
}
#ClientButtons {
    position: relative;
    height: 30px;
    margin: 10px 0 0 0;
}
#client_details .back,
#client_details .edit_client,
#client_details .delete_client,
#client_details .edit_contact {
    padding: 2px 6px;
    text-decoration: underline;
    color: #0066cc;
    cursor: pointer;
}
#client_details .delete_client {
    position: absolute;
    top: 0px;
    right: 0px;
    color: #cc0000;
}
#client_details .delete_client:hover {
    background: #cc0000;
    color: #fff;
    text-decoration: none;
}
#client_details .edit_client {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #006600;
}
#contact_details .edit_contact {
    position: absolute;
    top: 0px;
    right: 20px;
    color: #006600;
}
#client_details .edit_client:hover,
#contact_details .edit_contact:hover {
    background: #006600;
    color: #fff;
    text-decoration: none;
}
#ClientContactInfoDisplay img.loading,
#ContactInfoDisplay img.loading {
    position: absolute;
    top: 22px;
    right: 17px;
}

#ClientContactInfoDisplay div.contact_info_block,
#ContactInfoDisplay div.contact_info_block {
    margin: 0 0 0 30px;
}

.edit-contact-info-block {
    margin-top: 25px;
    margin-bottom: 5px;
}
img.add-new-contact-info-block {
    width: 16px;
    height: 16px;
}

.contact-info-block-col1 {
    vertical-align: top;
    display: inline-block;
}

.contact-info-block-col2 {
    display: inline-block;
}

#ClientContactInfoDisplay div.contact-header-block,
#ContactInfoDisplay div.contact-header-block {
    background-color: #dfdfdf;
    margin-bottom: 10px;
}
#ClientContactInfoDisplay div.contact-header-block .contact-header-name,
.contact-header-title,
.contact-header-company {
    display: block;
    text-align: center;
}
#ContactInfoDisplay div.contact-header-block .contact-header-name,
.contact-header-title,
.contact-header-company {
    display: block;
    text-align: center;
}

#ClientContactInfoDisplay div.contact-header-block .contact-header-name,
#ContactInfoDisplay div.contact-header-block .contact-header-name {
    font-weight: bold;
    font-size: 22px;
}

#ClientContactInfoDisplay .contact-phone-label,
.contact-email-label,
.contact-address-label {
    font-weight: bold;
}
#ContactInfoDisplay .contact-phone-label,
.contact-email-label,
.contact-address-label {
    font-weight: bold;
}

#ClientContactInfo,
#ContactInfo {
    margin-bottom: 0;
    border-bottom: 0;
    padding-bottom: 36px;
    background: #fff url(/images/web/webadmin/bg_client_contact_info.gif)
        no-repeat 0px bottom;
}

/* #ClientContactInfoForm {
    position:relative;
    display:block;
    background:#f5f5f5;
    padding:16px;
    margin:0;
    border:1px dashed #c3c3c3;
    font-size:14px;
} */

#ClientContactInfoForm .cancel,
#ContactInfoForm .cancel {
    padding: 0 0 3px;
    text-decoration: none;
    color: #777777;
    cursor: pointer;
}
#ClientContactInfoForm .cancel:hover,
#ContactInfoForm .cancel:hover {
    background: #777777;
    color: #fff;
    text-decoration: none;
}

#ClientContactInfoForm .registered-password-fieldset,
#ClientContactInfoForm .housetrack-freq-block,
#ContactInfoForm .registered-password-fieldset,
#ContactInfoForm .housetrack-freq-block {
    border: 1px solid #ccc;
    padding: 0 16px;
    margin: 0.5em 0 1em 0;
}

#ClientContactInfoForm .registered-password-fieldset .field,
#ClientContactInfoForm .housetrack-freq-block .field,
#ContactInfoForm .registered-password-fieldset .field,
#ContactInfoForm .housetrack-freq-block .field {
    margin: 1em 0;
}

#ClientContactInfoForm .housetrack-freq-block .checkbox-box,
#ContactInfoForm .housetrack-freq-block .checkbox-box {
    margin-top: 10px;
    margin-bottom: 2px;
}

#ClientContactInfoForm .housetrack-freq-block .checkbox-box-bottom,
#ContactInfoForm .housetrack-freq-block .checkbox-box-bottom {
    margin-top: 2px;
    margin-bottom: 10px;
}

/* Client Tags */
#ClientTags,
#ContactTags {
    position: relative;
    margin: 0 0 24px 0;
    background: #ddd;
    padding: 8px 30px;
    border: 1px solid #ccc;
    border-top: 0;
    z-index: 3;
}
#client_details #ClientTags,
#contact_details #ContactTags {
    padding: 20px 30px 70px;
}
ul.tags {
    position: relative;
    top: -1px;
    list-style: none;
    padding: 0 0 0 0;
    margin: 0;
}
ul.tags li {
    position: relative;
    display: block;
    width: auto;
    height: 20px;
    line-height: 20px;
    float: left;
    padding: 0 20px 0 0;
    margin: 0 16px 4px 0;
    color: #333;
    font-size: 14px;
    font-style: oblique;
}
ul.tags li.label {
    padding: 0;
    font-style: normal;
}
ul.tags li img.delete {
    position: absolute;
    top: 2px;
    right: 0px;
    margin: 0;
    cursor: pointer;
}
#client_details #NewTagForm {
    position: relative;
    height: 24px;
    margin: 4px 0 0 0;
    padding: 0 0 0 30px;
    background: url(/images/web/icons/24x24/new.png) no-repeat 0px 0px;
    width: 300px;
}
#contact_details #NewTagForm {
    position: relative;
    height: 24px;
    margin: 4px 0 0 0;
    padding: 0 0 0 30px;
    background: url(/images/web/icons/24x24/new.png) no-repeat 0px 0px;
    width: 300px;
}

#client_details #NewTagForm img.loading_submit {
    position: relative;
    top: 4px;
    z-index: 2;
}
#contact_details #NewTagForm img.loading_submit {
    position: relative;
    top: 4px;
    z-index: 2;
}
#ClientTags span.assign_to,
#ContactTags span.assign_to {
    position: absolute;
    bottom: 12px;
    right: 30px;
    z-index: 2;
}
#ClientTags span.assign_to label {
    font-size: 14px;
}
#ContactTags span.assign_to label {
    font-size: 14px;
}
#ClientTags img.loading,
#ContactTags img.loading {
    position: relative;
    top: 3px;
}

ul.fieldset_tabs {
    position: relative;
    top: 1px;
    z-index: 2;
    display: block;
    padding: 0 0 0 30px;
    margin: 0;
    height: 32px;
    line-height: 0;
    list-style: none;
}
ul.fieldset_tabs li {
    float: left;

    width: auto;
    height: 30px;
    margin: 0 4px 0 0;
    padding: 0 12px;
    border: 1px solid #ccc;
    background: #ddd;

    font-size: 14px;
    color: #666;
    line-height: 30px;
    cursor: pointer;
}
ul.fieldset_tabs li:hover {
    text-decoration: underline;
}
ul.fieldset_tabs li.selected {
    background: #fff;
    color: #000;
    font-weight: 700;
    border-bottom: 1px solid #fff;
    cursor: default;
}
ul.fieldset_tabs li.selected:hover {
    text-decoration: none;
}
ul.fieldset_tabs li#Registered,
ul.fieldset_tabs li#Registered:hover {
    height: 32px;
    line-height: 32px;
    background: none;
    border: 0;
    color: #aaa;
    font-style: oblique;
    text-decoration: none;
    cursor: default;
    float: right;
    padding: 0;
}

.tab_page {
    position: relative;
    padding: 24px 32px;
    margin: 0 0 24px 0;
    border: 1px solid #c3c3c3;
    background: #fff;
}

span.no_results {
    font-size: 16px;
}

/* Notes Tab */
#ClientNotes {
}
#ContactNotes {
}

ol#EnduserNotesList,
ol#ContactNotesList {
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
}
#EnduserNotesList li,
#ContactNotesList li {
    display: block;
    position: relative;
    background: #fff;
    height: auto;
    padding: 32px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}
#EnduserNotesList li .date,
#ContactNotesList li .date {
    position: absolute;
    top: 8px;
    left: 10px;
    z-index: 2;
    display: block;
    width: auto;
    padding: 0;
    margin: 0;
    color: #999;
    font-style: oblique;
    font-size: 14px;
}
#EnduserNotesList li:hover,
#ContactNotesList li:hover {
    border-color: #85b7e6;
}
#EnduserNotesList li .edit,
#ContactNotesList li .edit {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 40px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}
#EnduserNotesList li img.delete,
#ContactNotesList li img.delete {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}
#EnduserNotesList li img.loading,
#ContactNotesList li img.loading {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
}
#EnduserNotesList li .btn_bar,
#ContactNotesList li .btn_bar {
    font-size: 14px;
}
#EnduserNotesList li .cancel,
#ContactNotesList li .cancel {
    padding: 2px 6px;
    text-decoration: underline;
    color: #cc0000;
    cursor: pointer;
}
#EnduserNotesList li .cancel:hover,
#ContactNotesList li .cancel:hover {
    background: #cc0000;
    color: #fff;
    text-decoration: none;
}

#NewEnduserNote,
#NewContactNote {
    position: relative;
    padding: 0 32px 30px 32px;
    margin: 12px 0;
    border: 1px solid #dcdcdc;
    background: #fff url(/images/web/edit_website/icon_new.gif) 3px 5px
        no-repeat;
}
#NewEnduserNote:hover,
#NewContactNote:hover {
    border-color: #85b7e6;
}
#NewEnduserNote img.loading,
#NewContactNote img.loading {
    position: absolute;
    top: 9px;
    right: 8px;
    z-index: 2;
}
span.new_enduser_note,
span.new_contact_note {
    display: block;
    height: 32px;
    margin: 0;
    padding: 0;
    line-height: 32px;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
.note_form {
    position: relative;
    display: block;
    background: #f5f5f5;
    padding: 16px;
    margin: 0;
    border: 1px dashed #c3c3c3;
    font-size: 14px;
}
.note_form textarea {
    display: block;
    width: 604px;
    padding: 2px;
    margin: 0 0 8px 0;
    font-size: 16px;
}

/* Visits Tab */
#ClientVisits {
    padding: 12px 32px 24px 32px;
}
h3.visit_label {
    display: block;
    position: relative;
    width: auto;
    padding: 10px 16px;
    margin: 12px 0 0 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 16px;
    font-weight: 100;
    cursor: pointer;
}
h3.visit_label:hover {
    border-color: #85b7e6;
}
h3.visit_label .toggle {
    position: absolute;
    display: inline;
    top: 11px;
    right: 16px;
    font-size: 14px;
    text-decoration: underline;
    color: #0066cc;
    cursor: pointer;
}
ol.visit_events {
    display: block;
    position: relative;
    min-height: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
ol.visit_events li {
    display: block;
    position: relative;
    padding: 12px 0px 12px 90px;
    margin: 0 16px;
    min-height: 24px;
    border-bottom: 1px dashed #ccc;
}
ol.visit_events li.hide_details {
    display: block;
    position: relative;
    padding: 12px 0px 12px 90px;
    margin: 0 16px;
    min-height: 24px;
    border: 0;
    text-align: right;
}
ol.visit_events li .time {
    display: block;
    position: absolute;
    top: 12px;
    left: 0px;
    z-index: 2;
    padding: 0;
    margin: 0;
    width: auto;
}
ol.visit_events li h4 {
    display: block;
    padding: 0;
    margin: 0 0 3px 0;
}
ol.visit_events li .description {
    display: block;
    font-size: 14px;
    line-height: 18px;
}
ol.visit_events li a {
    color: #0066cc;
}
#ClientVisits span.no_results {
    display: block;
    padding: 12px 0 0 0;
    margin: 0;
}

/* Client Details: Campaigns Tab */
.ih-client-campaign-list-headings {
    height: 24px;
    padding: 0 16px;
    font-size: 14px;
    font-weight: bold;
}
.ih-client-campaign-list {
    margin-top: 0;
}
.ih-client-inactive-campaign-list {
    color: #999;
}
.ih-client-inactive-campaign-list .ih-admin-list-item-delete {
    display: none;
}

/*
.ih-client-campaign {
    position: relative;
    list-style: none;
    display: block;
    padding: 0;
    margin: 0;
    border-bottom: 1px solid #ddd;
} */

.ih-client-campaign-date,
.ih-client-campaign-name,
.ih-client-campaign-steps {
    display: inline-block;
    height: 24px;
    margin: 0 6px 0 0;
    line-height: 24px;
}
.ih-client-campaign-date {
    width: 20%;
}
.ih-client-campaign-name {
    width: 60%;
}
.ih-client-campaign-steps {
    width: 10%;
}
.ih-client-campaign-picker .selectbox_wrapper {
    width: 100%;
    max-width: 400px;
}

ul#EditContactInfo {
    position: relative;
    display: block;
    padding: 0 0 24px 0;
    margin: 0;
    list-style: none;
}
#EditContactInfo li {
    position: relative;
    display: block;
    float: left;
    padding: 0 16px 12px 0;
    margin: 0;
}
#EditContactInfo li.fname {
    width: 300px;
}
#EditContactInfo li.fname input.text {
    width: 300px;
}
#EditContactInfo li.lname {
    width: 300px;
}
#EditContactInfo li.lname input.text {
    width: 300px;
}

#EditContactInfo li.address {
    width: 500px;
}
#EditContactInfo li.address input.text {
    width: 500px;
}

#EditContactInfo li.city {
    width: 500px;
}
#EditContactInfo li.city input.text {
    width: 500px;
}

#EditContactInfo li.zip {
    width: 200px;
}
#EditContactInfo li.zip input.text {
    width: 200px;
}

#EditContactInfo li.phone1 {
    width: 200px;
}
#EditContactInfo li.phone1 input.text {
    width: 200px;
}
#EditContactInfo li.phone2 {
    width: 400px;
}
#EditContactInfo li.phone2 input.text {
    width: 200px;
}

#EditContactInfo li.email {
    width: 300px;
}
#EditContactInfo li.email input.text {
    width: 300px;
}

#EditContactInfo li.password {
    width: 300px;
}
#EditContactInfo li.password input.text {
    width: 200px;
}

#EditContactInfo li label {
    display: block;
    padding: 0;
    margin: 0;
    color: #555;
    font-weight: 700;
    font-size: 13px;
}
#EditContactInfo li input.text {
    font-size: 16px;
    padding: 4px 0;
}

/* Client Saved Searches Tab */
#ClientSavedSearches {
}
#ContactSavedSearches {
}
ol#EnduserSavedSearchList,
ol#ContactSavedSearchList {
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
#EnduserSavedSearchList li,
#ContactSavedSearchList li {
    display: block;
    position: relative;
    background: #fff;
    height: auto;
    padding: 16px 60px 16px 16px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 14px;
}
#EnduserSavedSearchList li:hover,
#ContactSavedSearchList li:hover {
    border-color: #85b7e6;
}
#EnduserSavedSearchList a,
#ContactSavedSearchList a {
    color: #0066cc;
}
#EnduserSavedSearchList li .saved-search-name,
#ContactSavedSearchList li .saved-search-name {
    font-size: 14pt;
    font-weight: bold;
}
#EnduserSavedSearchList .description,
#ContactSavedSearchList .description {
    display: block;
    padding: 0;
    margin: 8px 0;
    font-size: 14px;
}
#EnduserSavedSearchList .view,
#ContactSavedSearchList .view {
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #0066cc;
    cursor: pointer;
}
#EnduserSavedSearchList li .edit,
#ContactSavedSearchList li .edit {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 40px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}
#EnduserSavedSearchList li img.delete,
#ContactSavedSearchList li img.delete {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}
#EnduserSavedSearchList li img.loading,
#ContactSavedSearchList li img.loading {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
}
#ContactSavedSearchList input.ih-contact-details-share-search-link-value {
    width: 100%;
    max-width: 600px;
}

#NewSavedSearch {
    position: relative;
    padding: 0 32px 30px 32px;
    margin: 12px 0;
    border: 1px solid #dcdcdc;
    background: #fff url(/images/web/edit_website/icon_new.gif) 3px 5px
        no-repeat;
}

#NewSavedSearchPopular {
    position: relative;
    padding: 0 32px 30px 32px;
    margin: 20px 0 0 0;
    border: 1px solid #dcdcdc;
    background: #fff url(/images/web/edit_website/icon_new.gif) 3px 15px
        no-repeat;
}

#NewSavedSearch:hover {
    border-color: #85b7e6;
}
#NewSavedSearch img.loading {
    position: absolute;
    top: 9px;
    right: 8px;
    z-index: 2;
}
span.new_saved_search {
    display: block;
    height: 32px;
    margin: 0;
    padding: 0;
    line-height: 32px;
    font-size: 13px;
    font-weight: 700;
    color: #000;
    text-decoration: none;
}
.saved_search_form {
    position: relative;
    display: block;
    background: #f5f5f5;
    padding: 16px;
    margin: 0;
    border: 1px dashed #c3c3c3;
    font-size: 14px;
}
.saved_search_form textarea {
    display: block;
    width: 604px;
    padding: 2px;
    margin: 0 0 8px 0;
    font-size: 16px;
}

/* Client Saved Listings */
#ClientSavedListings {
}
#ContactSavedListings ol.client_saved_listings,
ol.contact_saved_listings {
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
.client_saved_listings li,
.contact_saved_listings li {
    display: block;
    position: relative;
    background: #fff;
    height: 64px;
    padding: 16px 60px 16px 16px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 14px;
}
.client_saved_listings li:hover,
.contact_saved_listings li:hover {
    border-color: #85b7e6;
}
.client_saved_listings a,
.contact_saved_listings a {
    color: #0066cc;
}
.client_saved_listings h3,
.contact_saved_listings h3 {
    display: block;
    font-size: 14px;
    padding: 0;
    margin: 0;
}
.client_saved_listings .mls_no,
.contact_saved_listings .mls_no {
    display: block;
    padding: 0;
    margin: 0;
}
#ClientSavedListings .client_saved_listings a.view,
#ContactSavedListings .contact_saved_listings a.view {
    position: absolute;
    z-index: 2;
    top: 16px;
    right: 16px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #0066cc;
    cursor: pointer;
}
.client_saved_listings img.thumbnail,
.contact_saved_listings img.thumbnail {
    position: relative;
    float: left;
    width: 80px;
    height: 60px;
    border: 1px solid #0066cc;
    margin: 0 8px 0 0;
}

/* Create/Edit Campaign */
.ih-campaign-trigger-base-requirement {
    display: block;
    padding: 10px;
    border: 0;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    color: #888;
}
.ih-campaign-trigger-rules {
    display: none;
}
.ih-campaign-triggers-enabled .ih-campaign-trigger-rules {
    display: block;
}

.ih-campaign-schedule-item-list {
    counter-reset: ih-campaign-schedule-counter;
}
.ih-campaign-schedule-item {
    padding-left: 32px;
    padding-right: 32px;
}
.ih-campaign-schedule-item:before {
    content: counter(ih-campaign-schedule-counter);
    counter-increment: ih-campaign-schedule-counter;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 24px;
    height: 24px;
    background: #dcdcdc;
    text-align: center;
    line-height: 24px;
    color: #fff;
}
.ih-campaign-trigger-fields-for-property {
    display: inline-block;
}
/* container that holds li templates to copy from when adding new li's */
.ih-campaign-templates {
    display: none;
}

/*
    Edit Campaign Email
*/
/* hmm... abstract this rule up and see if this works universally for admin? */
hr {
    border: 0;
    border-top: 1px solid #ddd;
}
#campaign_email_subject {
    max-width: 710px;
}
#cke_campaign_email_message {
    max-width: 710px;
    margin: 2px 0;
}
#cke_agent_email_signature {
    max-width: 710px;
    margin: 2px 0;
}

/* Manage Tags */
#manage_tags {
}

ul#ClientTagList {
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
#ClientTagList li {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    padding: 8px 110px 8px 16px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}
#ClientTagList li:hover {
    border-color: #85b7e6;
}
#ClientTagList li .edit {
    position: absolute;
    z-index: 2;
    /* top:2px;*/
    right: 38px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}
#ClientTagList li img.delete {
    position: absolute;
    /*top:2px;*/
    right: 10px;
    z-index: 2;
    cursor: pointer;
}
#ClientTagList li div.tag_rename_form {
    font-size: 14px;
}
#ClientTagList li div.tag_display img.loading {
    position: absolute;
    /*top:2px;*/
    right: 8px;
    z-index: 2;
}
#ClientTagList li .cancel {
    padding: 2px 6px;
    text-decoration: underline;
    color: #cc0000;
    cursor: pointer;
}
#ClientTagList li .cancel:hover {
    background: #cc0000;
    color: #fff;
    text-decoration: none;
}
#ClientTagList li div.tag_rename_form img.loading {
    position: relative;
    top: 3px;
}

#manage_tags #NewTagForm {
    position: relative;
    height: 24px;
    padding: 0 32px;
    margin: 20px 0 0 0;
    background: #fff url(/images/web/icons/24x24/new.png) 0px 0px no-repeat;
}
#manage_tags #NewTagForm img.loading {
    position: relative;
    top: 3px;
}

/* Manage Status Values */

#ClientStatusValueList {
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
.sortable_status_value {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    min-height: 36px;
    padding: 0 0 0 32px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}
.sortable_status_value:hover {
    border-color: #85b7e6;
}
.sortable_status_value span.status_value_name {
    display: inline-block;
    height: 36px;
    line-height: 36px;
    color: #bbb;
}
.sortable_status_value.active span.status_value_name {
    color: #000;
}
.status_value_active_display {
    position: absolute;
    top: 0;
    right: 76px;
    display: block;
    height: 36px;
    padding-left: 10px;
    line-height: 36px;
    font-size: 12px;
    font-style: italic;
    color: #bbb;
}
.sortable_status_value.active .status_value_active_display {
    color: #000;
}

/* move, edit, delete controls, and loading anim */
.sortable_status_value .move {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    cursor: move;
}
.sortable_status_value .edit {
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 38px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}
.sortable_status_value .delete {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}
.sortable_status_value img.loading {
    position: absolute;
    top: 10px;
    right: 8px;
    z-index: 2;
}

/* status value quick edit form */
.status_value_edit_form {
    display: block;
    background: #efefef;
    padding: 16px 32px 16px 16px;
    margin: 0;
    font-size: 12px;
    font-size: 14px;
}
/* the "active leads" checkbox */
.status_value_active {
    float: right;
}
.status_value_active label {
    font-size: 14px;
}
.status_value_edit_form hr {
    border: 0;
    border-collapse: collapse;
    border-top: 1px solid #ccc;
    margin: 16px 0 4px 0;
}
.status_value_edit_form .buttons {
    height: 24px;
    padding: 0;
    margin: 0;
}
.status_value_edit_form .cancel {
    padding: 2px 6px;
    text-decoration: underline;
    color: #cc0000;
    cursor: pointer;
}
.status_value_edit_form .cancel:hover {
    background: #cc0000;
    color: #fff;
    text-decoration: none;
}
.status_value_edit_form img.loading {
    position: relative;
    top: 3px;
}

/* new status */
#NewStatusValueForm {
    position: relative;
    height: 24px;
    padding: 0 32px;
    margin: 20px 0 0 0;
    background: #fff url(/images/web/icons/24x24/new.png) 0px 0px no-repeat;
}
#NewStatusValueForm img.loading {
    position: relative;
    top: 3px;
}

/** Lead Funnel Display **/
#lead_funnel_form {
    margin-bottom: 20px;
}
.lead_funnel_statuses {
    margin-bottom: 10px;
}
.lead_funnel_item {
    position: relative;
    display: block;
    height: 50px;
    margin: 0 0 2px 0;
    padding: 0;
    background-color: #f8f8f8;
    font-size: 14px;
    text-decoration: none;
    border-radius: 0 0 0 10px;
}
.lead_funnel_item:hover {
    z-index: 1;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3), inset 0 0 10px #fff;
    /*background-color: #fff;*/
}
div.fieldset a.lead_funnel_item {
    color: #000;
}
.lead_funnel_count {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    height: 50px;
    width: 50px;
    text-align: center;
    line-height: 50px;
    background-color: rgba(0, 0, 0, 0.1);
    color: #fff;
    border-radius: 0 0 0 10px;
}
.lead_funnel_bar {
    display: inline-block;
    height: 50px;
    padding-left: 50px;
    line-height: 50px;
    vertical-align: top;
    border-radius: 0 0 0 10px;
}
.lead_funnel_label {
    display: inline-block;
    height: 50px;
    width: auto;
    padding-left: 4px;
    line-height: 50px;
    vertical-align: top;
    color: #777;
    font-size: 16px;
}

/* Email Selected */

/* Client Activity Report */
#SelectReport {
    position: relative;
    padding: 8px;
    margin: 0 0 24px 0;
    border: 1px solid #ccc;
}
#selEventLabel {
    position: relative;
    top: 2px;
}
#selTimePeriodLabel {
    position: relative;
    top: 2px;
    margin: 0 0 0 8px;
}

#ClientActivityReport {
}
ol.client_activity {
    display: block;
    position: relative;
    list-style: none;
    padding: 0;
    margin: 0;
    font-size: 14px;
}
ol.client_activity li {
    display: block;
    position: relative;
    padding: 12px 0px 12px 100px;
    margin: 0;
    min-height: 24px;
    border-bottom: 1px dashed #ccc;
}
ol.client_activity li .date {
    display: block;
    position: absolute;
    top: 12px;
    left: 0px;
    z-index: 2;
    padding: 0;
    margin: 0;
    width: auto;
}
ol.client_activity li span.client {
    position: absolute;
    top: 8px;
    right: 0px;
    z-index: 2;
}
ol.client_activity li h4 {
    display: block;
    padding: 0;
    margin: 0 0 3px 0;
}
ol.client_activity li .description {
    display: block;
    font-size: 14px;
    line-height: 18px;
}
ol.client_activity li a {
    color: #0066cc;
}

/* LeadTracker Settings page */

#lead_tracker_settings #ContentFullCol ul {
    padding-right: 25px;
}

#lead_tracker_settings #ContentFullCol li {
    padding: 10px;
}

/* Google Sync Settings */
#google_sync_settings {
}

#google_contact_sync_details {
    margin: 10px;
}

#tag_to_google_group_map {
    height: 300px;
    width: 400px;
}

#too_many_tags {
    font-size: 80%;
    font-weight: bold;
    color: red;
}

/* search description formatting */
span.searchParam {
    font-weight: 700;
}
span.value {
}

/* Traffic Report: Summary	*/
.bar_graph {
    position: relative;
    padding: 0;
    height: 340px;
}
.bar_graph h2 {
    position: relative;
    display: block;
    padding: 0;
    border-bottom: 1px solid #ccc;
    text-align: center;
}
.bar_graph h2.last_week {
    width: 580px;
    text-align: left;
}
.bar_graph h2.today {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 126px;
    padding: 2px 0px 2px 0;
    color: #000;
    border-bottom: 1px solid #ccc;
    font-size: 13px;
}
body#traffic_report h2 span {
    font-weight: 100;
    font-style: oblique;
}
.bar_graph img {
    display: block;
    margin: 0;
    padding: 0;
}
.bar_1 {
    left: 20px;
}
.bar_2 {
    left: 100px;
}
.bar_3 {
    left: 180px;
}
.bar_4 {
    left: 260px;
}
.bar_5 {
    left: 340px;
}
.bar_6 {
    left: 420px;
}
.bar_7 {
    left: 500px;
}
.bar_8 {
    left: 600px;
}
.bar_graph div.page_views {
    position: absolute;
    bottom: 60px;
    width: 60px;
    z-index: 3;
}
.bar_graph div.page_views_big {
    position: absolute;
    bottom: 60px;
    width: 85px;
    z-index: 3;
}
.bar_graph span.number {
    display: block;
    text-align: center;
    padding: 8px 0 2px 0;
    color: #999;
}
.bar_graph div.page_views_big span.number {
    font-weight: 700;
    color: #000;
}
.bar_graph div.page_views_bar {
    position: relative;
    z-index: 2;
    width: 60px;
    height: 100px;
    padding: 0 0 10px 0;
    background: url(/images/web/traffic_report/green_bar.gif) no-repeat bottom
        center;
}
.bar_graph div.page_views_bar_big {
    position: relative;
    z-index: 2;
    width: 85px;
    padding: 0 0 10px 0;
    background: url(/images/web/traffic_report/green_bar_big.gif) no-repeat
        bottom center;
}
.bar_graph img.page_views_cap {
    position: relative;
    z-index: 3;
}
.bar_graph img.page_views {
    position: relative;
    z-index: 2;
}
.bar_graph img.base {
    position: absolute;
    bottom: 0px;
    z-index: 1;
}
.bar_graph img.plane {
    position: absolute;
    bottom: 60px;
    z-index: 2;
}
.day_1 {
    left: 0px;
    padding-left: 10px;
    width: 78px;
}
.day_2 {
    left: 90px;
    width: 78px;
}
.day_3 {
    left: 170px;
    width: 78px;
}
.day_4 {
    left: 250px;
    width: 78px;
}
.day_5 {
    left: 330px;
    width: 78px;
}
.day_6 {
    left: 410px;
    width: 78px;
}
.day_7 {
    left: 490px;
    width: 78px;
    padding-right: 10px;
}
.day_8 {
    right: 0px;
    width: 126px;
}
.bar_graph div.date {
    position: absolute;
    bottom: 0px;
    height: 35px;
    padding-top: 5px;
    background: #f5f5f5;
    border-top: 2px solid #aaa;
    text-align: center;
}
.bar_graph span.day {
    display: block;
    font-size: 11px;
    color: #999;
}
.bar_graph span.date {
    display: block;
    font-size: 13px;
    color: #666;
    font-weight: 700;
}
.bar_graph div.day_8 {
    border-top: 2px solid #000;
    background: #cde0f1;
}
.bar_graph div.day_8 span.date {
    font-size: 14px;
    color: #000;
}
.bar_graph div.day_8 span.day {
    font-size: 12px;
    color: #6c9ac6;
}
table#SiteSummary {
    width: 100%;
    border: 2px solid #000;
    background: #fff;
}
table#RequestList {
    width: 100%;
    border: 2px solid #000;
    background: #fff;
}

ul#PieChartKey {
    padding: 0;
    margin: 0;
    list-style: none;
    margin: 16px 0;
}
ul#PieChartKey li {
    display: block;
    margin: 0;
    padding: 5px 16px;
}
#PieChartBarWrapper {
    border: 1px solid #ccc;
    padding: 2px 2px 2px 2px;
}
#PieChartBar {
    height: 20px;
}
.pie_piece {
    display: block;
    padding: 0;
    margin: 0;
    height: 20px;
    float: left;
}

img.key {
    position: relative;
    top: 2px;
    width: 16px;
    height: 16px;
    margin: 0 4px 0 0;
}

.type_in {
    background: url(/images/web/traffic_report/hbar_orange.gif) repeat-x 0px 0px;
}
.referral_links {
    background: url(/images/web/traffic_report/hbar_blue.gif) repeat-x 0px 0px;
}
.search_engines {
    background: url(/images/web/traffic_report/hbar_green.gif) repeat-x 0px 0px;
}

/** Styling for the Leadbuilder/PPC Traffic Bar chart */
.HorizBarChart {
}

.HorizBarChart-Bar {
}
.HorizBarChart-Header {
    font-weight: bold;
    font-size: 14px;
    display: block;
    width: auto;
    margin-top: 12px;
    margin-bottom: 5px;
    text-align: left;
    background-color: #dcdcdc;
    border: 1px solid #e2e2e2;
    padding: 8px;
    color: #000;
    text-shadow: 0px 1px 1px #fff;
    background: #efefef; /* Old browsers */
    background: -moz-linear-gradient(
        top,
        #efefef 0%,
        #e2e2e2 100%
    ); /* FF3.6+ */
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #efefef),
        color-stop(100%, #e2e2e2)
    ); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(
        top,
        #efefef 0%,
        #e2e2e2 100%
    ); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(
        top,
        #efefef 0%,
        #e2e2e2 100%
    ); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #efefef 0%, #e2e2e2 100%); /* IE10+ */
    background: linear-gradient(to bottom, #efefef 0%, #e2e2e2 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#e2e2e2',GradientType=0 ); /* IE6-9 */
}

div.fieldset.where_coming_from {
    border: none;
}

.Chart-Total-Header {
    background: none;
    margin-top: 0px;
    border: 0;
    padding: 8px 0;
    font-size: 16px;
}

.HorizBarChart-Section {
    display: block;
    width: auto;
    padding-left: 15px;
}

.HorizBarChart-BarLabel {
    display: inline-block;
    width: 20%;
    margin-bottom: 5px;
}

.HorizBarChart-BarContent {
    display: inline-block;
    height: 20px;
    background: url(/images/web/traffic_report/hbar_orange.gif) repeat-x 0px 0px;
    min-width: 2px;
    border: 1px solid #999;
    position: relative;
    top: 5px;
}

span.HorizBarChart-BarDetails {
    color: #333;
    margin-left: 3px;
    font-size: 13px;
}

#ppc_enduser_list {
    border-top: 1px solid #e2e2e2;
    font-size: 16px;
    padding: 15px 0;
    font-weight: bold;
    margin-top: 20px;
}

.ppc-warning {
    width: 100%;
    margin-left: 20px;
    margin-right: 20px;
    font-style: italic;
    font-size: 12px;
}

div.most_viewed_pages table {
    width: 100%;
    padding: 0;
    margin: 0 0 8px 0;
    border: 0;
    border-collapse: collapse;
}
div.most_viewed_pages table td {
    vertical-align: top;
    padding: 2px 2px 8px 2px;
}

div.date_select_bar {
    padding: 8px;
    font-size: 14px;
    border-bottom: 1px solid #ccc;
    margin: 8px 0 16px 0;
}

/* Traffic Report: Most Viewed Pages */
table#MostViewedPages {
    width: 100%;
    background: #fff;
}
table#MostViewedPages tr td {
    border: 1px solid #ccc;
}
table#MostViewedPages tr.odd td {
    background: #eeeeee;
}
table#MostViewedPages tr.even td {
    background: #fff;
}
table#MostViewedPages tr.odd td.rank,
table#MostViewedPages tr.even td.rank {
    border: 1px solid #fff;
    background: #fff;
}

/* Traffic Report: Visit Totals */

div.visit_totals h2.month_by_day {
    position: relative;
    display: block;
    padding: 0;
    margin: 0 0 16px 0;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
div.visit_totals h2.month_by_day span {
    font-weight: 100;
}
div.month_year_select_bar {
    position: absolute;
    top: 18px;
    right: 32px;
    z-index: 2;
    width: 250px;
    text-align: right;
}

table#MonthSummaryValues {
    border: 0;
    padding: 0;
    margin: 0 0 24px 0;
    border-collapse: collapse;
    width: 100%;
}
table#MonthSummaryValues th {
    padding: 1px;
    height: 20px;
    width: 20%;
}
table#MonthSummaryValues th div {
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    font-weight: 100;
    color: #333;
    color: #6c9ac6;
    text-align: center;
    background: #cde0f1;
    background: none;
}
table#MonthSummaryValues td {
    text-align: center;
    font-size: 14px;
    font-weight: 100;
}

table#PageViewsMonthByDay {
    border: 0;
    padding: 0;
    margin: 0 0 24px 0;
    border-collapse: collapse;
    width: auto;
}
table#PageViewsMonthByDay td {
    width: 22px;
    padding: 1px 1px 0 0;
    margin: 0;
    text-align: center;
    vertical-align: bottom;
}
table#PageViewsMonthByDay td div.bar {
    width: 19px;
    height: 200px;
    margin: 0 auto;
    background: url(/images/web/traffic_report/vbar_green.gif) repeat-x bottom
        left;
}
table#PageViewsMonthByDay td div.date {
    width: 22px;
    height: 20px;
    padding: 5px 0 0 0;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    text-align: center;
    background: #f5f5f5;
    border-top: 1px solid #aaa;
}
table#PageViewsMonthByDay td.today div.bar {
    background: url(/images/web/traffic_report/vbar_blue.gif) repeat-x bottom
        left;
}
table#PageViewsMonthByDay td.today div.date {
    border-top: 1px solid #000;
    background: #cde0f1;
    color: #000;
}
table#PageViewsMonthByDay td.future div.date {
    color: #aaa;
}

div.visit_totals h2.year_at_a_glance {
    position: relative;
    display: block;
    padding: 0;
    margin: 16px 0;
    border-bottom: 1px solid #ccc;
    text-align: left;
}
table#PageViewsYearAtAGlance {
    border: 0;
    padding: 0;
    margin: 0;
    border-collapse: collapse;
    width: auto;
}
table#PageViewsYearAtAGlance td {
    width: 53px;
    padding: 1px 1px 0 0;
    margin: 0;
    text-align: center;
    vertical-align: bottom;
}
table#PageViewsYearAtAGlance td div.bar {
    width: 44px;
    height: 200px;
    margin: 0 auto;
    background: url(/images/web/traffic_report/vbar_green.gif) repeat bottom
        left;
}
table#PageViewsYearAtAGlance td div.date {
    width: 53px;
    height: 20px;
    padding: 5px 0 0 0;
    margin: 2px 0 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    text-align: center;
    background: #f5f5f5;
    border-top: 1px solid #aaa;
}
table#PageViewsYearAtAGlance td.today div.bar {
    background: url(/images/web/traffic_report/vbar_blue.gif) repeat-x bottom
        left;
}
table#PageViewsYearAtAGlance td.today div.date {
    border-top: 1px solid #000;
    background: #cde0f1;
    color: #000;
}
table#PageViewsYearAtAGlance td.future div.date {
    color: #aaa;
}

/* Traffic Report: Referral Links */
table#ReferralLinks {
    width: 100%;
    background: #fff;
}
table#ReferralLinks tr td {
    border: 1px solid #ccc;
}
table#ReferralLinks tr.odd td {
    background: #eeeeee;
}
table#ReferralLinks tr.even td {
    background: #fff;
}
table#ReferralLinks tr.odd td.rank,
table#ReferralLinks tr.even td.rank {
    border: 1px solid #fff;
    background: #fff;
}

/* Traffic Report: Google Analytics */
textarea#google_analytics_code {
    width: 700px;
    height: 100px;
    font-size: 16px;
    color: #999;
}

/* Files Manager */

.file_manager_wrapper {
    font-size: 15px !important;
}

/* Action bar  */
#bulk_actions_list {
    font-size: 16px;
}
#bulk_actions_apply {
    font-size: 16px;
}
div.bulk_actions_nav #listing_autocomplete {
    width: 120px;
}

#listing_address {
    max-width: 400px;
    margin-top: 3px;
    font-size: 14px;
    padding: 3px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 1px 1px 3px #ccc;
}

/* Admin menu file manager - list files */
#FilesTableWrapper {
    border: 1px solid #ccc;
    padding: 16px;
    margin: 8px 0 24px 0;
    max-height: 800px;
    overflow: auto;
}
ul.fm_folder_list {
    margin: 0;
    padding: 0;
    width: 100%;
}
.folder_bar {
    text-shadow: #000 0px 1px 1px;
    font-size: 13px;
    font-family: Verdana, Geneva, sans-serif;
    font-weight: 700;
    letter-spacing: 1px;
    height: 25px;
    line-height: 25px;
    padding: 0 10px;
    margin: 10px 0;
    cursor: pointer;
    border: 1px solid #d3d3d3;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;

    background: #1e5799;
    background: -moz-linear-gradient(top, #1e5799 0%, #9fa6ac 0%, #53565a 99%);
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0%, #1e5799),
        color-stop(0%, #9fa6ac),
        color-stop(99%, #53565a)
    );
    background: -webkit-linear-gradient(
        top,
        #1e5799 0%,
        #9fa6ac 0%,
        #53565a 99%
    );
    background: -o-linear-gradient(top, #1e5799 0%, #9fa6ac 0%, #53565a 99%);
    background: -ms-linear-gradient(top, #1e5799 0%, #9fa6ac 0%, #53565a 99%);
    background: linear-gradient(to bottom, #1e5799 0%, #9fa6ac 0%, #53565a 99%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#53565a',GradientType=0 );
}
li.fm_folder {
    height: auto;
    min-height: 25px;
    color: #fff;
}

/*
li.fm_folder.expanded span:before {
    content:"���  ";
}
li.fm_folder.collapsed span:before {
    content:"���  ";
}
*/

.folder_delete_col {
    float: right;
}
img.folder_delete_btn {
    padding-top: 4px;
}
li.fm_file {
    padding: 3px 0 3px 10px;
    line-height: 22px;
    display: block;
    margin: 0;
    font-size: 14px;
}
li.fm_file.expanded {
    display: block;
}
li.fm_file.collapsed {
    display: none;
}
li.fm_file:nth-of-type(odd) {
    background: #f0f0f0;
    line-height: 22px;
}
li.fm_file:nth-of-type(even) {
    background: #fff;
    line-height: 22px;
}
li.fm_file.selected {
    background: #b8d6fe;
}
ul.fm_file_list {
    margin: 0;
    padding: 5px 0;
    color: #000;
}

/* share all in folder - featured listing folder only */
.folder_share_row {
    height: 25px;
    background: #e5e5e5;
    display: block;
    margin-top: 0px;
    color: #000;
    text-shadow: none;
    font-weight: normal;
    padding: 0 7px;
    margin-left: -10px;
    margin-right: -10px;
    border: 1px solid #b4b4b4;
}

li.fm_folder.collapsed .folder_share_row {
    display: none;
}
.fm_folder.toplevel ul.fm_file_list.expanded {
    padding-top: 0px;
}
ul.fm_file_list.expanded {
    display: block;
    padding-top: 30px;
}
ul.fm_file_list.collapsed {
    display: none;
}

.bulk_action_flag_col,
.filename_col,
.filesize_col,
.last_modified_col,
.delete_link_col {
    display: inline-block;
    margin-right: 10px;
}
div.bulk_action_flag_col {
    margin-right: 3px;
}
div.action_flag_col {
    width: 12px;
}
div.filename_col {
    width: 330px;
    text-overflow: ellipsis;
}
div.filesize_col {
    width: 70px;
}
div.last_modified_col {
    width: 150px;
}
div.delete_link_col {
    width: auto;
    float: right;
    cursor: pointer;
}
img.delete_btn {
    vertical-align: middle;
    margin-top: -2px;
}

/*auto complete input fields */
.auto_complete_menu {
    background-color: #fff;
    border: 1px solid #000;
    color: #000;
    max-height: 120px;
    overflow: auto;
    z-index: 10000;
    padding: 0;
}
.auto_complete_menu ul {
    padding: 0;
    margin: 0;
}
.auto_complete_menu li {
    display: block;
    padding: 1px 10px 1px 10px;
    margin: 0;
    color: #000;
}
.auto_complete_menu li.selected {
    display: block;
    padding: 1px 10px 1px 10px;
    margin: 0;
    background-color: #d8e9ff;
}

/* add new file - upload */
.add_new_image.file_manager {
    background: #fff url(/images/web/edit_website/icon_new.gif) 13px 13px
        no-repeat;
    padding: 10px 10px 10px 42px;
}

.add_new_image.file_manager span.add_new_image {
    font-size: 16px;
    margin-bottom: 15px;
}
.add_new_image.file_manager form {
    margin-top: 20px;
}
.add_new_image.file_manager #agent_file {
    margin: 15px 0 10px 0;
}

div.add_new_image {
    position: relative;
    display: block;
    padding: 0 0 24px 32px;
    margin: 24px 0;
    font-size: 15px;
    border: 1px solid #dcdcdc;
    background: #fff url(/images/web/edit_website/icon_new.gif) 3px 5px
        no-repeat;
}
span.add_new_image {
    display: block;
    height: 32px;
    margin: 0;
    padding: 0;
    line-height: 32px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
}

/* input field for new uploaded files */
#destination_folder_wrapper {
    margin: 3px 0 5px;
    font-size: 15px;
    line-height: 18px;
}

.to-be-changed {
    color: black;
}

.file_manager_wrapper input[type="checkbox"]:checked ~ .display_listing_input {
    display: block !important;
}

#listing_address_alt {
    margin-top: 3px;
    font-size: 14px;
    padding: 5px;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    box-shadow: inset 2px 2px 4px #ccc;
}

table#FilesTable {
    width: 100%;
    background: #fff;
    border: 0;
    border-collapse: collapse;
}
table#FilesTable tr th {
    text-align: left;
    padding: 0;
    border-bottom: 1px solid #000;
}
table#FilesTable tr td {
    border-bottom: 1px solid #ccc;
    padding: 2px 0;
}
table#FilesTable tr.selected td {
    background: #b8d6fe;
}
table#FilesTable tr td.delete {
    text-align: right;
    padding: 2px;
    width: 48px;
}

span.file_name {
    color: #0066cc;
    text-decoration: underline;
    cursor: pointer;
}

table#FileDetails {
    width: 100%;
    border: 0;
    border-collapse: collapse;
    margin: 0;
}
#PreviewWrapper {
    padding: 4px;
    width: 90px;
    height: 90px;
    border: 1px solid #ccc;
    text-align: center;
}
#PreviewImg {
    width: 90px;
    height: 90px;
}
#NotAnImage {
    font-size: 15px;
}
#file_details_url {
    width: 470px;
}

#StoragePercent {
    font-size: 15px;
    color: #666;
    margin: 24px 0 0 0;
}
#StorageBar {
    height: 10px;
    border: 1px solid #ccc;
    padding: 2px 2px 2px 2px;
}
#StorageSlider {
    height: 10px;
    padding: 0;
    margin: 0;
    background: url(/images/web/traffic_report/hbar_green.gif) repeat-x 0px 0px;
}

/* Domains and Email */

a.add_new {
    position: relative;
    display: block;
    height: 32px;
    padding: 0 0 0 32px;
    margin: 16px 0;
    font-size: 13px;
    line-height: 32px;
    color: #0066cc;
    text-decoration: underline;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    background: #fff url(/images/web/edit_website/icon_new.gif) 3px 5px
        no-repeat;
}
a.add_new:hover {
    border: 1px solid #0066cc;
}

#domain_list_table,
#email_list_table,
#assoc_web_list_table,
#primary_web_list_table {
    width: 100%;
    border: 0;
    border-collapse: collapse;
}
#domain_list_table th,
#email_list_table th,
#assoc_web_list_table th,
#primary_web_list_table th {
    font-size: 14px;
    font-weight: 100;
    color: #999;
    vertical-align: bottom;
}
#domain_list_table td,
#email_list_table td,
#assoc_web_list_table td,
#primary_web_list_table td {
    vertical-align: middle;
    background: #efefef;
    padding: 4px;
    border-bottom: 1px solid #fff;
    line-height: 16px;
}
#domain_list_table td.edit {
    width: 140px;
    text-align: right;
}
#domain_list_table td.delete {
    width: 16px;
}

#domain_list_table.publish {
    width: 16px;
}

#domain_list_table.primary {
    width: 16px;
}

#email_list_table td.webmail,
#email_list_table td.account {
    width: 80px;
}
#email_list_table td.edit {
    width: 40px;
    text-align: center;
}
#email_list_table td.delete {
    width: 16px;
}

#domain_registrar_options_table tr {
    height: 70px;
    vertical-align: middle;
    background: #fafafa;
    line-height: 16px;
}

#domain_registrar_options_table {
    width: 100%;
    border: 1px solid #dcdcdc;
}

#domain_registrar_options_table td.select {
    vertical-align: middle;
    horizontal-align: middle;
    padding: 10px;
}

#domain_registrar_options_table td.descr {
    vertical-align: middle;
    padding: 10px;
}

#domains_and_email span.number_of_emails {
    text-align: right;
    position: absolute;
    top: 24px;
    right: 32px;
}
#domains_and_email a.buy_more {
    font-size: 0.75em;
}

/*
#domain_list_table a.edit,
#email_list_table a.edit {
	font-weight:100;
	font-style:normal;
	text-decoration:underline;
	font-size:14px;
	color:#009933;
	cursor:pointer;
}
*/

/* Associate Websites Page */
#assoc_web_list_table th.share,
#assoc_web_list_table th.idx,
#assoc_web_list_table th.view,
#assoc_web_list_table th.admin,
#assoc_web_list_table th.delete {
    text-align: center;
}

img.share_listings_help {
    float: right;
    cursor: pointer;
}

#assoc_web_list_table td.agent {
}
#assoc_web_list_table td.domain {
}
#assoc_web_list_table td.share {
    width: 60px;
    text-align: center;
}
#assoc_web_list_table td.idx {
    width: 70px;
    text-align: center;
}
#assoc_web_list_table td.view {
    width: 50px;
    text-align: center;
}
#assoc_web_list_table td.edit {
    width: 50px;
    text-align: center;
}
#assoc_web_list_table td.admin {
    width: 50px;
    text-align: center;
}
#assoc_web_list_table td.delete {
    width: 30px;
    text-align: center;
}

#assoc_web_list_table img.share,
#assoc_web_list_table img.delete {
    cursor: pointer;
}
body#associate_websites span.number_of_idxs {
    text-align: right;
    position: absolute;
    top: 24px;
    right: 32px;
}
body#associate_websites a.buy_more {
    font-size: 0.75em;
}

/* enable IDX for Associate Website */
#IDXToggleForm input.radio {
    float: left;
}
#IDXToggleForm label {
    float: left;
    width: auto;
    margin-left: 4px;
    display: block;
}

/* Signup Associate Website */
#AccountInfo .EnableIDX {
    display: block;
    position: relative;
    left: 0;
    top: 0;
    padding: 0 0 10px 0;
}

#AccountInfo .EnableIDX input {
    margin: 0 5px 0 0;
}

#AccountInfo .EnableIDX .text {
    line-height: 25px;
    vertical-align: middle;
    font-weight: 700;
}

#AccountInfo .EnableIDX .EnableText {
    display: block;
    font-size: 13px;
    color: #666666;
    text-align: left;
    padding-right: 10px;
}

/* Advanced Domain Settings */

div.add_new {
    position: relative;
    display: block;
    padding: 0 0 0 32px;
    margin: 16px 0;
    font-size: 13px;
    border: 1px solid #dcdcdc;
    background: #fff url(/images/web/edit_website/icon_new.gif) 3px 5px
        no-repeat;
}
span.add_new {
    display: block;
    height: 32px;
    margin: 0;
    padding: 0;
    line-height: 32px;
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: 700;
}
#DNSRecordTable {
    width: 100%;
    border-collapse: collapse;
    border: 0;
}
#DNSRecordTable td {
    padding: 4px;
    background: #efefef;
    border-bottom: 1px solid #fff;
}

#DNSRecordEdit {
    padding: 16px;
    margin: 0 32px 32px 0;
    background: #efefef;
}
.dns_fields_section {
    background: #efefef;
}
#buttonRow {
    padding: 12px 0 0 0;
}

/* Agent Login */
body#AgentLogin_Page #PageWrapper {
    width: 776px;
}
#AgentLoginForm ul {
    list-style: none;
    width: auto;
    padding: 0;
    margin: 16px 0;
}
#AgentLoginForm ul li {
    display: block;
    padding: 8px 0;
    margin: 0;
}
#AgentLoginForm ul li label.text {
    display: block;
    padding: 0;
    margin: 0;
    color: #555;
    font-weight: 700;
    font-size: 13px;
}
#AgentLoginForm ul li input.text {
    margin: 0 8px 0 0;
    font-size: 16px;
    padding: 4px 0;
    width: 300px;
}
#AgentLoginForm #agent_forgot_password {
    font-size: 13px;
}

/*******************************************************************************************
 *  Don't think these are used anymore, and they conflict with new stuff
 * 
 *  ul#ContactInfo {
 *  	position:relative;
 *  	display:block;
 *   	padding:0;
 *  	margin-left: 20px;
 *  	list-style:none;	
 *  }
 *  #ContactInfo li {
 *  	position:relative;
 *  	display:block;
 *  	padding:0 16px 12px 0;
 *  	margin-left:10px;
 *  }
 *  #ContactInfo label {
 *  	display:block;
 *  	padding:0;
 *  	margin:0;
 *  	color:#555;
 *  	font-weight:700;
 *  	font-size:13px;
 *  }
 *******************************************************************************************/

ul#RegistrationQuestionsAnswers {
    position: relative;
    display: block;
    padding: 0;
    margin-left: 20px;
    list-style: none;
}
#RegistrationQuestionsAnswers li {
    position: relative;
    display: block;
    padding: 0 16px 12px 0;
    margin-left: 10px;
}
#RegistrationQuestionsAnswers label {
    display: block;
    padding: 0;
    margin: 0;
    color: #555;
    font-weight: 700;
    font-size: 13px;
}

/* what is this?? in Settings somewhere.... */
div#save_from_address_form {
}
div#save_from_address_form input {
    display: inline;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Widgets
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

form#CustomFormPageForm div.fieldset {
    margin: 16px 0 4px 0;
}

#CustomFormInputs {
    display: block;
    padding: 8px 4px;
    padding: 0;
    margin: 0 0 24px 0;
}

.sortable_input {
    display: block;
    position: relative;
    background: #fff;
    height: auto;
    padding: 30px 32px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}

.sortable_input textarea {
    width: 400px;
    height: 80px;
}

.sortable_input div.input_question {
    float: left;
    margin: 0 0 8px 0;
}
.sortable_input div.input_type {
    float: left;
    width: 150px;
    margin: 0 0 16px 0;
}
.sortable_input div.input_values {
    float: left;
    width: 345px;
    margin: 0 0 16px 0;
}
.sortable_input div.input_required {
    float: left;
    width: 100px;
    padding: 0 0 0 16px;
    margin: 0 0 16px 0;
}

.sortable_input input.input_question {
    width: 620px;
}
.sortable_input label.input_type {
    margin: 10px 0 0 0;
}
.sortable_input input.input_values {
    width: 339px;
}

.sortable_input:hover {
    border-color: #85b7e6;
}
.sortable_input img.move {
    position: absolute;
    top: 8px;
    left: 8px;
    z-index: 2;
    cursor: move;
}
.sortable_input a.edit {
    position: absolute;
    z-index: 2;
    top: 8px;
    right: 40px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}
.sortable_input img.delete {
    position: absolute;
    top: 9px;
    right: 10px;
    z-index: 2;
    cursor: pointer;
}
.sortable_input img.loading {
    position: absolute;
    top: 8px;
    right: 8px;
    z-index: 2;
}

div#NewInput {
    position: relative;
    height: 32px;
    margin: 12px 0 32px 0;
    background: #fff;
}
div#NewInput img.loading {
    position: absolute;
    top: 9px;
    right: 8px;
    z-index: 2;
}
div#NewInput a {
    position: relative;
    display: block;
    height: 32px;
    padding: 0 0 0 32px;
    margin: 0;
    font-size: 13px;
    line-height: 32px;
    color: #0066cc;
    text-decoration: underline;
    cursor: pointer;
    border: 1px solid #dcdcdc;
    background: #fff url(/images/web/edit_website/icon_new.gif) 3px 5px
        no-repeat;
}
div#NewInput a:hover {
    border: 1px solid #85b7e6;
}

div.widget_block {
    position: relative;
    padding: 12px 80px 24px 24px;
    margin: 0 0 12px 0;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}
div.widget_block:hover {
    border-color: #85b7e6;
}

div.widget_block .edit {
    position: absolute;
    z-index: 2;
    top: 28px;
    right: 28px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}

/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
    Widgets :: Quick Search
 - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -*/

#WidgetEditFields p.title {
    display: block;
    padding-bottom: 14px;
    border-bottom: 1px solid #dedede;
    clear: both;
}
#WidgetEditFields p.width,
#WidgetEditFields p.height,
#WidgetEditFields p.border_color,
#WidgetEditFields p.background_color,
#WidgetEditFields p.text_color,
#WidgetEditFields p.font_face {
    float: left;
    padding: 0 24px 0 0;
    margin: 0 0 12px 0;
    font-size: 12px;
}
#WidgetEditFields label {
    display: block;
    padding: 0;
    margin: 0 0 2px 0;
    color: #555;
    font-weight: 700;
    font-size: 12px;
}
#WidgetEditFields input.text {
    font-size: 12px;
    padding: 4px 0;
    margin: 0;
}
input#widget_title {
    width: 300px;
}
#WidgetEditFields .hash {
    display: none;
}

#WidgetArea {
    position: relative;
    height: 430px;
    border: 1px dashed #ccc;
    background: #efefef;
}

#EliteSearchForm {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;

    width: 178px;
    height: 358px;

    padding: 10px;
    border: 1px solid #aaa;

    background: #fff;
    overflow: auto;
}

#IDXProSearchForm {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;

    width: 178px;
    height: 358px;

    padding: 10px;
    border: 1px solid #aaa;

    background: #fff;
    overflow: auto;
}

#IDXProCustomForm {
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;

    width: 178px;
    height: 358px;

    padding: 10px;
    border: 1px solid #aaa;

    background: #fff;
    overflow: auto;
}

#IDXProMapForm {
    padding: 10px;
    border: 1px solid #aaa;
    background: #fff;
    overflow: auto;
}

#AddWidgetForm {
    border-bottom: 1px solid #bfcad6;
    padding-bottom: 12px;
    margin-bottom: 12px;
}

/* manage widgets */
ul#WidgetList {
    position: relative;
    display: block;
    list-style: none;
    padding: 0;
    margin: 0;
}
#WidgetList li {
    display: block;
    position: relative;
    width: auto;
    height: auto;
    padding: 8px 16px;
    margin: 0 0 12px 0;
    background: #fff;
    border: 1px solid #dcdcdc;
    font-size: 16px;
}
#WidgetList li:hover {
    border-color: #85b7e6;
}
#WidgetList li .edit {
    position: absolute;
    z-index: 2;
    /* top:9px; */
    right: 38px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #009933;
    cursor: pointer;
}
#WidgetList li .view {
    position: absolute;
    z-index: 2;
    /* top:9px; */
    right: 80px;
    width: auto;
    font-weight: 100;
    font-style: normal;
    text-decoration: underline;
    font-size: 14px;
    color: #666;
    cursor: pointer;
}
#WidgetList li img.delete {
    position: absolute;
    /*top:9px; */
    right: 10px;
    z-index: 2;
    cursor: pointer;
}
#WidgetList li .embed_code_content {
    text-align: center;
}

#WidgetList li .embed_code_content textarea {
    display: block;
    /*margin-top: 10px;*/
}

#WidgetList li .html_code_content {
    text-align: center;
}

#WidgetList li .html_code_content textarea {
    display: block;
    margin-top: 10px;
    height: 100px;
    font-size: 11px;
}

#WidgetList li span.widget_type {
    color: #666;
    font-size: 12px;
}
#WidgetList li .loading {
    position: absolute;
    z-index: 2;
    top: 9px;
    right: 10px;
}

.resizer {
    /*border:1px solid #ff0000;*/
    padding: 0;
    margin: 0;
}
.resizer .handle {
    width: 20px;
    height: 20px;
    margin: -19px 0 0 -19px;

    background: url(/images/resizer/handle.gif) no-repeat 0px 0px;
    cursor: se-resize;
}

.embed_code_wrapper {
    margin: 24px 0 0 0;
}
.embed_code_wrapper label {
    font-size: 14px;
    font-style: oblique;
}
textarea.embed_code {
    font-family: "Courier New", Courier, monospace;
    width: 96%;
}

textarea.html_embed_code {
    font-family: "Courier New", Courier, monospace;
    width: 96%;
    height: 150px;
}

.scrollbox {
    background: #ffffff;
    border: 1px solid #cccccc;
    display: block;
    overflow: auto;
    padding: 4px 0;
    list-style: none;
    margin: 0;
}

.twoColumn .scrollbox {
    float: left;
    height: 135px;
    width: 270px;
}

.filter_item {
    border-bottom: 1px solid #dedede;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

/* formatting slideshow manage widget */
.filterWrapper {
    padding: 15px 15px 30px;
    border: 1px solid #666666;
    margin: 10px 0;
}
.filterWrapper_gray {
    border: 1px solid #666666;
    padding: 15px 15px 30px;
    margin: 10px 0;
    opacity: 0.3;
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
}

#city_selection_inputs .scrollbox,
#propertytype_selection_inputs .scrollbox {
    border: none;
}

.ColumnFloatLeft {
    float: left;
    display: block;
    width: auto;
    height: auto;
    padding: 0px 20px 0px 0px;
}

#WidgetEditFields .scrollbox li label {
    display: block;
    padding: 0 10px;
    font-weight: 400;
}

.twoColumn .droplist {
    display: block;
    float: left;
    margin: 0 7px 10px 0;
    width: 120px;
}

#slideshow hr {
    color: #ccc;
    padding: 0;
    margin: 20px 0;
    size: 1px;
}

/*
 * list on upgrade_associate_website displaying current MLS approval status
 */
#mls_approval_list {
    display: block;
    margin: 25px 0;
    text-align: left;
}

#mls_approval_list p {
    padding: 5px 5px;
    margin: 0;
}

#mls_approval_list img {
    vertical-align: middle;
    padding: 0 5px 0 0;
}

#mls_approval_list h2 {
    padding: 0 0 10px 0;
    margin: 0;
    line-height: 15px;
}

/**********************************************************************
 * Agentlink Upgrade page
 **********************************************************************/
.upgrade_packages td {
    padding: 5px 15px;
}

ul.agentlink_price_list,
ul.agentlink_price_list li {
    list-style: none;
    padding: 0;
    margin: 0;
}

/**********************************************************************
 * Password Strength Meter
 **********************************************************************/

.password_strength_meter_holder {
    margin: 5px 0 0;
    height: 18px;
    width: 100px;
    display: block;
    border: 1px solid #ccc;
}

#password_strength_meter_wrapper {
    margin: 0;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    height: 18px;
    width: 100px;
    display: block;
    overflow: visible;
}

#password_strength_meter_wrapper span {
    color: #000;
    padding: 0 5px;
    line-height: 17px;
    text-shadow: #fff -1px 0px 1px;
}

.pw_strength_blank {
    background-color: #ffffff;
}
.pw_strength_weak {
    background-color: #e50101;
    font-weight: bold;
}
.pw_strength_moderate {
    background-color: #ff9900;
    font-weight: bold;
}
.pw_strength_strong {
    background-color: #ffd200;
    font-weight: bold;
}
.pw_strength_excellent {
    background-color: #008000;
    color: white;
    font-weight: bold;
}

#email_edit .password_strength_meter_holder {
    margin: 5px 0 0 79px;
}

#frmPasswordChange .password_strength_meter_holder {
    margin: -10px 0 0;
}

.alert_weak_password {
    float: left;
    padding: 0 3px;
}

.weak_password_alert_text {
    display: inline-block;
    font-size: 12px;
    line-height: 11px;
    color: #cc0000;
    padding: 2px 0;
}

/* spam filter pop-up page */

.spam_filtering_table {
    width: 100%;
    border-bottom: 1px solid #ccc; /* jwa */
}

.spam_filtering_table td {
    padding: 10px 3px;
    line-height: 18px;
}

.slide_button_spam {
    padding-top: 5px;
}

/**********************************************************************
 * A charge table
 **********************************************************************/

#account .switch_to_annual {
    /* shown on account page */
    line-height: 25px;
    padding: 8px;
    border: 1px solid #c3c3c3;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

table.charges {
    border-collapse: collapse;
    width: 100%;
    border: 1px solid #ccc;
}

table.charges tr:nth-child(even) {
    background: #fff;
}
table.charges tr:nth-child(odd),
table.charges tr:last-child {
    background: #ececec;
}

table.charges th {
    font-weight: bold;
    background: #e8e8e8;
    border-bottom: 1px solid #999;
    padding: 10px 15px;
    margin: 0;
    text-align: right;
}

.price_list th.first_col {
    width: 200px;
}

table.charges td {
    text-align: right;
    padding-right: 10px;
    font-weight: normal;
    padding: 5px 15px;
    margin: 0;
}

table.charges tr:last-of-type td {
    font-weight: bold;
    border-top: 1px solid #999;
    background: #fff;
    padding: 15px;
}

div.price_list {
    background-color: #fff;
}
.price_list td.label {
    text-align: left;
    padding-right: 10px;
    font-weight: bold;
}

.price_list td.label.label_charge {
    padding-left: 10px;
}

.price_list td.label_rt {
    text-align: right;
    padding-right: 5px;
    font-weight: bold;
}

.price_list td.label_left {
    text-align: left;
    padding-left: 25px;
}

.price_list td.align_left {
    text-align: left;
    padding-left: 25px;
}

.price_list td.align_right {
    text-align: right;
}

.price_list td.charge {
    text-align: left;
    padding-right: 10px;
}

#Pricing div.submit {
    position: relative;
    display: block;
    padding: 1px 0 1px 0;
    text-align: right;
    width: auto;
    height: 39px;
    margin: 0;
}
#Pricing div.submit input.submit {
    height: 39px;
    width: 93px;
    color: #fff;
    padding: 0;
    cursor: pointer;
    float: none;
}
#Pricing div.submit img.loading {
    height: 16px;
    padding: 0;
    margin: 11px 0 12px 0;
    border: 0;
}

#manage_status_link {
    font-size: 12px;
    margin-left: 3em;
}

.main_referadmin h2,
#ReferFriendPrograms_admin h2 {
    position: absolute;
    top: -14px;
    left: -1px;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#fbfdfe),
        to(#a5cdef)
    );
    background: -webkit-linear-gradient(top, #fbfdfe, #a5cdef);
    background: -moz-linear-gradient(top, #fbfdfe, #a5cdef);
    background: -ms-linear-gradient(top, #fbfdfe, #a5cdef);
    background: -o-linear-gradient(top, #fbfdfe, #a5cdef);
    display: block;
    color: #1e4a72;
    line-height: 36px;
    padding: 0 0 0 20px;
    font-size: 16px;
    font-weight: 700;
    text-align: left;
    height: 34px;
    width: 755px;
}
.main_referadmin {
    border: 1px solid #a1c9ee;
    position: relative;
    display: block;
    padding: 36px 24px 12px 24px;
    margin: 0 0 24px 0;
    border: 1px solid #bfcad6;
    border-top: 0;
    background: #fff;
    font-size: 13px;
    line-height: 20px;
    font-size: 15px;
}

#ReferFriendPrograms_admin h2 {
    text-decoration: underline;
}

#ReferFriendLinks {
    height: 200px;
}

#ShareReferFriendSocialNetwork td a:link {
    text-decoration: none;
}

.refer_socialicon {
    display: inline-block;
    padding: 28px 30px 10px 10px;
}

/* ________________social icons________________start */

#SocialModule table a:link {
    text-decoration: none;
}

.ih-icon.default_iconset_small {
    font-size: 30px;
    margin-right: 10px;
    position: relative;
    top: 10px;
}

.ih-icon-youtube3 {
    color: white;
    border-radius: 6px;
    padding: 7px 6px 7px 7.5px;
    background: #c8302a;
}

.ih-icon-twitter {
    color: white;
    border-radius: 6px;
    padding: 7px 7px 7px 7px;
    background: #598dca;
}

.ih-icon-googleplus {
    color: white;
    border-radius: 6px;
    padding: 7px 7px 7px 7px;
    background: #d62222;
}

.ih-icon-facebook {
    color: white;
    border-radius: 6px;
    padding: 7px 6px 7px 8px;
    background: linear-gradient(#6185d1, #2e4b87);
}

.ih-icon-yelp {
    color: white;
    border-radius: 6px;
    padding: 7px 7px 7px 7px;
    background: linear-gradient(#de7361, #ac1500);
}

/* ________________social icons________________end */

/* ________________Google Workspace section________________start */
div.side_module img.google_for_work {
    width: 60%;
    height: 110%;
}

img.google_for_work_help_link {
    top: -7px;
    right: -53px;
}

div.fieldset img.google_for_work {
    width: 40%;
    height: 110%;
    left: -19px;
}

#WebmailModule .webmailadmen_google_for_work {
    background: url(/images/web/webadmin/hdr_web_google_cloud.png) 0px 0px
        no-repeat;
}

.web_google_for_work_icons img {
    padding: 10px 20px 0px 0px;
    top: 11px;
}

.web_google_for_work_icons {
    padding-right: 40px;
}

.side_module_google_for_work.is_testdrive:after {
    content: "Buy Now To Unlock Google Workspace Features!";
    position: absolute;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    text-align: center;
    font-size: 33px;
    line-height: 1.3em;
}

.side_module_google_for_work.is_testdrive table {
    -webkit-filter: blur(10px);
    -moz-filter: blur(10px);
    -o-filter: blur(10px);
    -ms-filter: blur(10px);
}

.side_module_google_for_work .side_module_google_for_work_btn {
    display: block;
    position: absolute;
    width: 50%;
    bottom: 65px;
    right: 0;
    left: 0;
    height: 40px;
    padding: 0 12px;
    margin: 0 auto;
    border-bottom: 3px solid #73943d;
    border-radius: 4px;
    box-sizing: border-box;
    font-family: "Roboto", Arial, sans-serif;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
    white-space: nowrap;
    line-height: 40px;
    background-color: #a1c436;
    z-index: 100;
}
/* ________________Google Workspace section________________end */

/*  Refer a Friend */
#WhatsNewModule.refer-frd-webadmin h2 {
    background: url(/images/web/webadmin/hdr_client_activity.png) 0px 0px
        no-repeat;
}

.refer-frd-webadmin h3 {
    margin: 0;
    padding: 5px 0;
}

.refer-frd-link textarea {
    width: 200px;
}

.refer-frd-more a {
    margin: 8px auto 0 auto;
    background: #f07807;
    background: -webkit-gradient(
        linear,
        left top,
        left bottom,
        from(#f07807),
        to(#9b4b00)
    );
    background: -webkit-linear-gradient(top, #f07807, #9b4b00);
    background: -moz-linear-gradient(top, #f07807, #9b4b00);
    background: -ms-linear-gradient(top, #f07807, #9b4b00);
    background: -o-linear-gradient(top, #f07807, #9b4b00);
    border-radius: 4px;
    padding: 8px;
    color: white;
    text-decoration: initial;
    font-weight: 600;
}

.refer-frd-more {
    margin: 20px 0;
}

/* make sure the freshdesk chat client does not render above our modals */
#lc_chat_layout {
    z-index: 9000 !important;
}

.bad-email-tag {
    display: block;
    min-height: 16px;
    padding: 0;
    margin-top: 2px;
    color: #ff0000;
    background: none;
}

/*@@@ CKE EDITOR @@@*/
#registration .cke_inner {
    clear: both;
    padding: 0px;
}

#registration .sortable_input .input_edit_form .input_type {
    padding: 1px 0 0 5px;
}

#registration .cke_chrome {
    visibility: inherit;
    background: #fff;
}

/*Turboleads*/
#NavCol #turboleads {
    color: black;
    margin-top: 27px;
    padding-top: 50px;
    border-radius: 5px 5px 0 0;
}

#NavCol #turboleads h2 {
    background: linear-gradient(to top, #c3cdd9, #fefeff);
    width: 131px;
    border: 1px solid #bfcad6;
    border-radius: 5px 5px 0 0;
}

#NavCol #turboleads h2:before {
    content: url("/images/web/webadmin/t_icon.png");
    position: absolute;
    top: 3px;
    left: 6px;
}

.app_icon {
    margin-top: 15px;
}

.turboleads_new_icon {
    position: absolute;
    top: -6px;
    right: -4px;
    background-color: green;
    color: #fff;
    border-radius: 2px;
    box-sizing: border-box;
    padding: 0 4px;
    font-size: 11px;
}

.app_store_icon,
.play_store_icon {
    display: inline-block;
    width: 150px;
    height: auto;
}
#NavCol .app_store_icon,
#NavCol .play_store_icon {
    width: 123px;
}