body,html, form
{
    font-family:Arial, Sans-Serif;
    font-size:13px;
    color: #4B5B69;
    /* background-color:#F6F8FD; */
    margin:0;
    padding:0;
    height:100%;
    background-color:#F6F8FD;
}

* {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}

    *:before,
    *:after {
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }

#SiteHeader 
{
    display:block;
}

#SiteHeader-TopSection {
    background: -webkit-linear-gradient(left top, #1F3D7C , #577AC4); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(bottom right, #1F3D7C, #577AC4); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(bottom right, #1F3D7C, #577AC4); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to bottom right, #1F3D7C , #577AC4); /* Standard syntax */
    padding:10px 0;
}

#SiteHeader-Content
{
    width:1060px;
    margin:auto auto;
    padding:10px;
    vertical-align:middle;
    background-color:#FFF;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.SiteHeader-Search 
{
    float:right;
    margin-top:10px;
}

.SiteHeader-Search input[type=text]
{
    display:inline-block;
    font-size:22px;
    padding:0 4px;
    color:#666;
    width:375px;
    height:40px;
    line-height:40px;
    background-color:#F5F5F5;
    border:none;
}

.LoginForm label
{
    font-size: 18px;
}

.LoginForm input
{
    height: 28px;
    line-height: 10px;
    width: 250px;
    font-size: 16px;
    padding-left: 5px;
}

.LoginForm select
{
    height: 24px;
    font-size: 16px;
    padding-left: 5px;
}

.LoginForm .checkbox input[type=checkbox]
{
    height: 30px;
    width: 15px;
    font-size: 17px;
    padding-left: 5px;
    margin:0;
    padding:0;
    display:inline;
}

.LoginForm .checkbox label{
    margin:0;
    display:inline-block;
    vertical-align:middle;
    padding:0 0 20px 10px;
}

.LoginForm .AllRowsFullHeight td
{
    height: 50px;
}

.button-search 
{
    display:inline-block;
    float:right;
    width:40px;
    height:40px;
    margin-left:5px;
    background:#F2F2F2 url('../NewSite_Images/icon-search.png') no-repeat center center;
}

.button-search:hover 
{
    background-color:#D4D4D4;
}

#MasterPage
{
    background-color:#F6F8FD;
    width: 100%;
    height: 100%;
}

#main 
{
    width:1080px;
    display:inline-block;
    margin:0 auto;
}

#main-table 
{
    margin:0 auto;
    border-spacing: 0px;

}

#content 
{
    padding:10px;
    display:block;
    margin:0 auto;
}

#footer 
{
    font-size:11px;
    color:#9FB4EA;
    width:1100px;
    margin:0 auto 50px auto;
    text-align:center;

}

.comments 
{
    margin-top:20px;
}

.comments textarea
{
    border:1px solid #4B5B69;
    display:block;
    resize:none;
}

/* GRIDVIEWS  
----------------------------------------------------------*/

.gridview 
{
    /*border:none;
    border-bottom:2px solid #BBC5D3;*/
    font-size: 12px !important;
    /* display: block; */
}

.gridview th
{
    font-weight:bold !important;
    padding:2px 4px !important;
    color:#4b5b69 !important;
    border-top:1px solid #BBC5D3 !important;
    border-bottom:2px solid #DDE2E9 !important;
    background-color: White !important;
    font-size: 12px !important;
}

    .gridview th a {
        font-weight: bold !important;
        /* padding:2px 4px !important; */
        color: #4b5b69 !important;
        text-decoration: none !important;
    }

.gridview td 
{
    padding:5px 4px !important;
    color: #4b5b69 !important; /* #555555 */
    font-weight: normal !important;
    min-height: 35px !important;
    height: 35px;
}

.rowHeight20 td {
    height: 18px !important;
}

.gridrow 
{
    background-color:#FFF  !important;
    /* min-height: 35px !important; */
}

.gridrow-alt 
{
    background-color:#f2f4f7 !important; /* #F7F8FA */
    /* min-height: 35px !important; */
    cursor:pointer !important;
}

    .gridrow:hover, .gridrow-alt:hover {
        background-color: #feffdc !important; /* #FFFA9E;  /*#DFDFDF;  /* #FFFED1; */
        cursor: pointer !important;
    }

.gridrow-selected {
    background-color: #feffdc !important; /* #FFFA9E;  /*#DFDFDF;  /* #FFFED1; */
    cursor: pointer !important;
}

.gridrow-noCursor {
    background-color: #FFF !important;
}

.gridrow-alt-noCursor {
    background-color: #f2f4f7 !important; /* #F7F8FA */
}

    .gridrow-noCursor:hover, .gridrow-alt-noCursor:hover {
        background-color: #feffdc !important; /* #FFFA9E;  /*#DFDFDF;  /* #FFFED1; */
    }

.gridrow-selected-noCursor {
    background-color: #feffdc !important; /* #FFFA9E;  /*#DFDFDF;  /* #FFFED1; */
}




.gridview-borders 
{
    /*border:none;
    border-bottom:2px solid #BBC5D3;*/
    font-family: Calibri, Arial;
    font-size: 12px;
    line-height: 15px;
}

.gridview-borders th
{
    font-weight: bold;
    padding:2px 4px;
    color: #4b5b69;
    border:1px solid #CCCCAA; /* #DDE2E9; */
    border-bottom:2px solid #CCCCAA; /* #DDE2E9; */
    line-height: 18px;
}

.gridview-borders th a
{
    font-weight: bold;
    /* padding:2px 4px; */
    color:#4b5b69;
    line-height: 16px;
    text-decoration:none;
}

.gridview-borders td 
{
    padding: 5px 4px;
    border:1px solid #CCCCAA; /* #DDE2E9; */
    color: Black;
    font-weight: normal;
    /* min-height: 35px !important; */
}


.gridview-lightfont 
{
    /*border:none;
    border-bottom:2px solid #BBC5D3;*/
    font-size: 11px !important;
}

.gridview-lightfont th
{
    font-weight:bold !important;
    padding:2px 4px !important;
    color:#4b5b69 !important;
    border-top:1px solid #BBC5D3 !important;
    border-bottom:2px solid #DDE2E9 !important;
    border-left:1px solid white !important;
    border-right:1px solid white !important;
    background-color: White !important;
    font-size: 12px !important;
    min-height: 25px;
}

.gridview-lightfont th a
{
    font-weight:bold !important;
    padding:2px 4px !important;
    color:#4b5b69 !important;
    text-decoration:none !important;
}

.gridview-lightfont td 
{
    padding: 1px 4px 1px 4px !important;
    color: #222222 !important;
    font-weight: normal !important;
    border:1px solid #CCCCAA; /* #DDE2E9; */
    cursor:pointer !important;

}

.gridview-hoverbox {
    /*border:none;
    border-bottom:2px solid #BBC5D3;*/
    font-size: 11px !important;
}

    .gridview-hoverbox th {
        font-weight: bold !important;
        padding: 2px 4px !important;
        color: #4b5b69 !important;
        xborder-top: 1px solid #BBC5D3 !important;
        border-bottom: 2px solid #DDE2E9 !important;
        xborder-left: 1px solid white !important;
        xborder-right: 1px solid white !important;
        background-color: #fff7ed !important; /* #fffce4 */
        font-size: 12px !important;
        min-height: 25px;
    }

        .gridview-hoverbox th a {
            font-weight: bold !important;
            padding: 2px 4px !important;
            color: #4b5b69 !important;
            text-decoration: none !important;
        }

    .gridview-hoverbox td {
        padding: 1px 4px 1px 4px !important;
        color: #222222 !important;
        font-weight: normal !important;
        border: 1px solid #CCCCAA; /* #DDE2E9; */
        cursor: pointer !important;
        background-color: #fff7ed !important; /* #fffce4 */
    }


.ResidentGrid 
{
    /*border:none;
    border-bottom:2px solid #BBC5D3;*/
    font-size: 12px !important;
    /* display: block; */
}

.ResidentGrid th
{
    font-weight:bold !important;
    padding:2px 4px !important;
    color:#4b5b69 !important;
    border-top:1px solid #BBC5D3 !important;
    border-bottom:2px solid #DDE2E9 !important;
    background-color: White !important;
    font-size: 12px !important;
}

.ResidentGrid th a
{
    font-weight:bold !important;
    padding:2px 4px !important;
    color:#4b5b69 !important;
    text-decoration:none !important;
}

.ResidentGrid td 
{
    padding:5px 4px !important;
    color: #4b5b69 !important; /* #555555 */
    /* font-weight: bold !important; */
    min-height: 18px !important;
}
    

/* MISC  
----------------------------------------------------------*/

.font11 {
    font-size: 11px !important;
}

.standard-table 
{
    font-weight: normal;
}

.standard-table  td 
{
    padding:2px;
    vertical-align:top;
    font-weight: bold;
    height: auto !important;
	line-height: normal !important;
}
 
.standard-table td:first-child
{ 
    padding-right:7px;
    text-align:right;
    font-weight: bold;
}

.standard-table td:nth-child(2)
{ 
    font-weight: normal;
}


.basic-table 
{
    margin-left: 10px; 
    margin-right: 10px; 
}

.basic-table td 
{
    padding:2px;
    vertical-align:top;
    font-weight: bold;
    height: auto !important;
	line-height: normal !important;
}

.basic-table td:first-child {
    /*padding-right:7px; */
    text-align: right;
    font-weight: normal;
}

.basic-table td:nth-child(2)
{ 
    padding-left: 4px;
}

.table-right td 
{
    text-align:right;
}

.right 
{
    text-align:right;
}

.small 
{
    font-size:12px;
}

.big 
{
    font-size:17px;
}

.ind-bottom-0
{
    padding-bottom:10px !important;
}

.ind-bottom-1 
{
    padding-bottom:20px !important;
}

.ind-bottom-2
{
    padding-bottom:40px !important;
}


.col-left 
{
    display:block;
    float:left;
}

.col-right
{
    display:block;
    float:right;
}

.col-middle 
{
    float: left; 
    display: block; 
    width: 1px; 
    background-color: Gray; 
    margin: 25px 20px 0 20px;
}


.tab 
{   
    float:left;
    cursor:pointer;
    color: #777; /*#8396A7;*/
    background-color: #DDDDDD;
    padding:  4px 8px 7px 8px;
    height: 23px;
    border:1px solid #BAC4D3;
    border-bottom:none !important;
    margin:2px 4px 0px 0;
    -moz-border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
}

.selected 
{
    margin-top:0;
    cursor:auto;
    padding-top:7px;
    color:#4B5B69;
    background:#F8F8F8 url('../NewSite_Images/tab-selected-bg.gif') repeat-x center top;
    height: 25px;
    
}


.equals 
{
    border-bottom:1px solid #BBC5D3;
}

.equals-top
{
    border-top:1px solid #BBC5D3;

}
.bold 
{
    font-weight:bold !important;
}

.button 
{
    display: inline;
    color:#4B5B69;
    font-weight:bold;
    background-color:#F8F8F8;
    border: 2px solid #BAC4D3;
    padding: 4px 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
    font-size: 13px;
}

.button:hover 
{
    background-color: #FFF;
}

.thinButton
{
    font-size: 12px;
    height: 25px;
    line-height: 10px;
}


.button-blue {
    color: #FFF;
    font-weight: bold;
    background-color: #6F91D7; /* #3867C7; */
    border: 1px solid #7489b3; /* #264484; */
    padding: 4px 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
}

.button-blue:hover
{
    background-color: #3867C7; /*#6F91D7;*/
}

.button-blue:active 
{
    background-color:#7A99DA;
}

.largebutton
{
    display: inline;
    color:#4B5B69;
    font-weight:bold;
    background-color:#F8F8F8;
    border: 2px solid #BAC4D3;
    padding: 6px 10px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    cursor:pointer;
    height: 26px; 
    line-height: 11px; 
    font-size: 12px
}

.largebutton:hover 
{
    background-color: #FFF;
}


.menu-shadow 
{
    height:22px;
    display:block;
    background:#FFF url('../NewSite_Images/bg-shadow.jpg') no-repeat center top;
}

.clear
{
    clear: both;
}


.horizontal-line 
{
    display: block; 
    height: 1px; 
    background-color: Gray; 
}

#menubar 
{
    background:#FFF url('../NewSite_Images/menu-bg.jpg') repeat-x center bottom;
}

#menubar a
{
    color:#4B5B69
}


.menu 
{
    text-align:center;
    display: table; 
    margin: auto; 
}

.menu-button-shell
{
    float: left; 
    display:inline-block;
}

.menu-button 
{
    display:inline-block;
    background:no-repeat center center;
    height:96px;
    width:120px;
}

.menu-button:hover
{
    background-color:#F3F3F3;
    cursor: pointer;
}

.menu-icon
{
    height: 34px; 
    margin-top: 12px;
}

.menu-text
{
    font-size: 14px; 
    font-family: arial; 
    margin-top: 5px;
    margin-bottom: 10px;
}

.menu-divider 
{
    float: left;
    margin-top: 8px;
}


.submenu-button {
    display: table;
    width: 220px;
    border: 1px solid #CDCDCD;
    text-indent: 20px;
    height: 40px;
    vertical-align: middle;
    line-height: 40px;
    /* background: #FBFBFB; */
    background-color: #4f6fa2; /* #385ba5; #506dab; #4b6db5;  #7e9cdb; #577AC4;*/
    color: white !important;
    font-weight: bold;
}

.submenu-button td:nth-child(2) {
    display: none;
}

    .submenu-button:hover {
        /* background-color: #c1cff5; */
        background-color: #a0b3dc /* #a8bbe3; #a0b3dc; */ 
    }

.submenu_level3_button {
    display: table;
    width: 220px;
    border: 1px solid #CDCDCD;
    text-indent: 20px;
    height: 37px;
    vertical-align: middle;
    line-height: 37px;
    background-color: #a1866d;
    color: white !important;
    font-weight: bold;
}

.submenu_level3_button:hover {
    /* background-color: #c1cff5; */
    background-color: #a0b3dc;
}




/* Status Box
----------------------------------------------------*/
.StatusBoxPanel {
    display: table; 
    width: 1016px; 
    height: 85px; 
    margin-left: auto; 
    margin-right: auto; 
    margin-bottom: 27px; 
    overflow: hidden; 
    background-image: url(../NewSite_Images/background-ResidentLeaseStatus.gif);
}

.StatusBox {
    /*background-color: #F0F0F0;*/
    /*border:1px solid #F0F0F0; */
    width: 253px; 
    line-height: 30px;
    display: block;
    margin-top: 11px;
    margin-bottom: 10px;
    font-weight: bold;
    color: #3D5267;
    float: left; 
    text-align: center;

}

.StatusBox select {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #772B1A;
    line-height: 22px;
    height: 22px;
    min-width: 146px;
    margin-top: 2px;
    overflow: hidden;
    display: inline-block;
}

.StatusBox .Status {
    font-family: Arial;
    font-size: 14px;
    font-weight: bold;
    color: #772B1A;
    margin-top: -2px;
    overflow: hidden;
    display: inline-block;

}

.StatusBox .StatusSmallPrint {
    font-size: 12px;
    font-weight: normal;
    line-height: 14px;
    text-align: center;
    overflow: hidden;
    display: inline-block;
}

.LedgerCell {
    margin-top: 2px;
    border: 1px solid silver;
}

.LedgerCell_Currency {
    border: 1px solid silver;
    text-align: right;
    padding-right: 3px;
    min-width: 35px;
}

.PlainGridCell_Currency {
    text-align: right;
    padding-right: 10px;
}


.EmptyLedgerCell {
    background-color: White;
    border: none;
    width: 20px;
}

.HorizontalCell {
    margin-top: 2px;
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
}

.HorizontalCell_Currency {
    border-top: 1px solid silver;
    border-bottom: 1px solid silver;
    text-align: right;
    padding-right: 8px;
    min-width: 35px;
}


.refund-request td 
{
    vertical-align:top;
}

.refund-request tr td td  
{
    border:none !important;
}

/*
.refund-request td:nth-child(4),.refund-request td:nth-child(6),.refund-request td:nth-child(8),
.refund-request th:nth-child(4),.refund-request th:nth-child(6),.refund-request th:nth-child(8), .left-border
{
    border-left:2px solid #9c9c9c !important;
}
*/


.modal-container 
{
    background-color:#fff;
    border-radius:5px;
    padding:15px;
}

.my-button 
{
    border-radius:4px;
    border:1px solid #797E8D;
    background-color:#3794CF;
    color:#fff;
    font-weight:bold;
    font-size:14px;
    padding:4px 10px;
    cursor:pointer;
    margin:0 10px;
}

.my-cancel-button 
{
    color:#4b5b69;
    font-size: 14px;
    font-weight:normal;
}

/*.right 
{
    right:0;
    position:absolute;
}*/

.comment-header 
{
    font-weight:bold;
    text-decoration:underline;
}

.resident-comment, .nps-comment, .red 
{
    font-weight:bold;
    color:#A63B49;
}

.community-comment, .blue
{
    font-weight:bold;
    color:#20507B;
}

.name 
{
    color:#0F80CA;
    text-decoration:none;
    font-weight:bold;
    font-size:14px;
}

.sort-asc:before
{
  content:url('../images/sort_asc.png');
  position:relative;
  z-index:999;
  left:-3px;
  top:0;
}

.sort-desc:before
{
  content:url('../images/sort_desc.png');
  position:relative;
  z-index:999;
  left:-3px;
  top:0;
}



.dashboard 
{
    font-size:16px;
    width:100%;
}

.dashboard h1
{
    font-size:31px;
    color:#5E88B3;
    margin:0;
    padding:0;
}

.attention 
{
    text-align:center;
    background-color:#B1B1B1;
    height:114px;
    width:101px;
    font-size: 70px;
    color:#fff;
    font-weight:bold;
    margin:0;
    padding:0;
}

.attention-container {
    display:block;
    position:absolute;
    left:-130px;
    top:100px;
}

.arrow-right {
	width:0px; 
	height:0px; 
	border-top:58px solid transparent;
	border-bottom:58px solid transparent;
	border-left:20px solid #B1B1B1;
    display:inline-block;
    margin:0;
    padding:0;
}

.attention p 
{
    font-size: 14px;
    font-weight:normal;
}

.issue-alert .attention{
    background-color:#A53A3A;
}

.issue-alert .arrow-right {
    border-left:20px solid #A53A3A ;
}

.resident-issues {
    width:800px;
    margin:20px auto 0 auto;
}

.resident-issues h2{
    width:400px;
    margin:10px auto;
}

.issue-alert h2 {
    color:#A53A3A;
}

.resident-issues-container {
    border: 1px solid #999;
    padding:10px;
    position:relative;
}

.issue-alert .resident-issues-container {
    border:1px solid #fff;
    background-color:#FF9D9D;
}

.resident-issues-actions {
    /* padding-left:50px; */
    margin: auto;
    font-size:20px;
}

.resident-issues-actions td a, .resident-issues-actions td span {
    color:#000 !important;
}

.resident-issues-actions tbody tr td:first-child {
    padding-right:5px;
}

.resident-issues-count {
    padding-right:10px;
    font-weight:bold;
}

.legend {
    font-size:12px;
    margin-top:20px;
}

.legend h3 {
    padding-bottom:3px;
    font-size:16px;
}

.legend hr {
    margin-bottom:10px;
}

.legend tbody tr td:first-child {
    font-weight:bold;
    padding-right:10px;
    vertical-align:top;
}
.legend tbody tr td {
    padding-bottom:10px;
}



.dashboard a 
{
    color:#4B5B69 !important;
    display:block;
    text-decoration:none;
    margin:5px 0;
}

    .dashboard a:hover {
        background-color: #a0b3dc; /* #DDE2E9; */ 
    }

.count 
{
    color:#A53A3A;
    font-weight:bold;
    font-size:20px;
}

.simple-box 
{
    border:1px solid #4B5B69;
    font-size:12px;
}

    .simple-box > tbody > tr:first-child th {
        color: #fff;
        font-size: 15px;
        background-color: #667ea7; /* #5e7db3; #5E88B3; */
        padding: 5px 0;
        text-align: center;
        line-height: 21px;
    }

.simple-box td
{
  //  color: #878889;
}

.balance 
{
    width:275px;
    /* float:right; */
}

.balance th, .balance td 
{
    text-align:center;
}



.money 
{
    color:#006600;
    font-weight:bold;
    font-size:33px;
    display:block;
    margin:10px;
    text-align:center;
}

#Menu1_Img3_6 
{
    display:none;
}

.review 
{
    font-size:16px;
}

.review a 
{
    padding: 3px 20px 3px 10px;
}

.review span
{
    font-weight:normal;
    font-size:20px;
    margin-left:20px;
}

.review .chosen-single span 
{
    font-size: 12px !important;
    margin-left: 1px !important;
    font-weight: bold;
}

    .review .chosen-result li {
        font-size: 14px !important;
        xtext-align: left !important;
        margin-left: 1px !important;
    }


.review td:first-child 
{
    /* width: 50px; */
    text-align:center;
    padding-right: 5px;
}

.review td + td {
    text-align: left;
    padding-right: 8px;
}

.task-review {
    font-size: 16px;
}

.task-review a {
    padding: 3px 20px 3px 10px;
}

.task-review span {
    font-weight: normal;
    font-size: 20px;
    margin-left: 20px;
}

.task-review td:first-child {
    /* width: 50px; */
    text-align: left;
    padding-right: 5px;
}

.task-review td + td {
    text-align: left;
    padding-right: 8px;
}

.alert-count {
    color: #993300;
    font-weight: bold !important;
    font-size: 20px !important;
}

.admin-name 
{
    float:right;
    color: #777777; /* #878889;*/
    font-weight:bold;
    font-size:20px;
    margin-top:12px;
}

.medium-gray {
    color: #878889;
    font-weight:normal;
    font-size:20px;
}

.light-text 
{
    color: #B9BABB;
    font-weight:normal;
    font-size:20px;
}

.ledger-popupMenu 
{
    position:absolute;
    top:0;
    left:0;
    background-color:#fff;
    display:block;
    border:2px solid #2A3B57;
    font-size:14px !important;
    text-align:left;
    display:none;
}

.ledger-popupMenu a 
{
    display:block;
    text-decoration:none;
    xcolor: #2A3B57 !important;
    line-height: 24px;
    padding-left: 7px;
    padding-right: 11px;
}

    .ledger-popupMenu th {
        color: maroon;
        border-bottom: 1px solid gray;
        margin-bottom: 4px;
        text-indent: 12px;
        vertical-align: middle;
        line-height: 32px;
        background-color: #667ea7; /* #4f6fa2;*/
        color: white !important;
        font-weight: bold;
    }

.ledger-popupMenu span 
{
    margin-left: 7px;
    line-height: 30px;
}


    .ledger-popupMenu tbody tr:not(:first-child):hover {
        background-color: #a0b3dc; /* #a8bbe3; #a0b3dc; */
    }

    .ledger-popupMenu tbody tr:not(:first-child):hover a {
        background-color: #a0b3dc; /* #a8bbe3; #a0b3dc; */
        color: white !important;
    }


.newsite-tab input
{
    color: #999999;  /*#C8C8C8;*/
    border:1px solid #aaa;
    font-size:20px;
    height:45px;
    text-align:center;
    padding:0 15px;
    background-color:#f1f1f1;
    cursor:pointer;
    position:relative;
    top:1px;
    margin-left:7px;
    margin-right:8px;

}

.newsite-tab input:hover 
{
    background-color:#f7f7f7;
}

.newsite-tab-selected 
{
    color:#5E88B3 !important;
    border-bottom:none !important;
    background-color:#fff !important;
}

.newsite-tab hr 
{
    border:0;
    height:0;
    border-top:1px solid #ccc;
    clear:both;
    padding-bottom:5px;
    left:200px;
}


.newsite-tab-small button
{
    color: #999999;  /*#C8C8C8;*/
    border:1px solid #aaa;
    font-size:17px;
    height:36px;
    text-align:center;
    padding:0 15px;
    background-color:#f1f1f1;
    cursor:pointer;
    position:relative;
    top:1px;
    margin-left:8px;
    margin-right:7px;
}

.newsite-tab-small input:hover 
{
    background-color:#f7f7f7;
}

.newsite-tab-small-selected 
{
    color:#5E88B3 !important;
    border-bottom:none !important;
    background-color:#fff !important;
}

.newsite-tab-small hr {
    border: 0;
    /* border-top:1px solid #ccc; */
    clear: both;
    left: 200px;
    height: 1px;
    background-color: #92a8d6
}

.gridview-borders input[type=text]
{
    border: 2px solid silver; 
    text-align: center
}

.gridview-borders textarea
{
    border: 2px solid silver; 
}

.gridview-borders th
{
    white-space:nowrap;
}

.refund-popup {
    border-radius: 5px;
    background-color: #fff;
    padding: 20px;
    /* display: table; */
}

.refund-popup table td  {
    padding: 4px;
    height: 25px;
}

.refund-popup table .rowspacer {
    height: 7px !important;
}


.refund-popup h1 {
    color:#1E4E79;
    text-align:center;
    font-weight:bold;
    font-size:28px;
    margin-bottom: 12px;
}

.refund-popup h2 {
    color:#1E4E79;
    margin-top:20px;
    font-size:20px;
    margin-bottom: 1px;
}


.refund-popup-text {
    color:#1E4E79;
    font-size:18px;
    font-weight:bold;
}

.manualdeposit-popup {
    xwidth:680px;
    border-radius:5px;
    background-color:#fff;
    padding:20px;
        /* display: table; */
}

.manualdeposit-popup table td  {
    padding: 5px;
}

.manualdeposit-popup h1 {
    color:#1E4E79;
    text-align:center;
    font-weight:bold;
    font-size:28px;
    margin-bottom: 12px;
}


.additionalcharges-popup {
    width:600px;
    border-radius:5px;
    background-color:#fff;
    padding:20px;
}

.additionalcharges-popup select, .refund input[type=text],.refund input[type=password]
{
    font-family: Arial;
    font-size: 12px;
}

.additionalcharges-popup h1 {
    color: #1E4E79;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 12px;
}

.additionalcharges-popup h2 {
    color:#1E4E79;
    margin-top:30px;
    font-size:20px;
    margin-bottom: 1px;
}

.fee-manager-text {
    color:#1E4E79;
    font-size:16px;
    font-weight:bold;
}


.normal {
    font-weight:normal !important;
}

.modal-popup 
{
    border-radius:5px;
    padding:10px;
    background-color:#fff;
}

.modal-bg 
{
    background-color:#000;
    opacity: 0.3;
    filter: alpha(opacity=30); /* For IE8 and earlier */
}



.refund select, .refund input[type=text],.refund input[type=password]
{
    font-family: Arial;
    font-size: 14px;
    line-height: 22px;
    height: 22px;
    width: 141px;
    margin-top: 2px;
    overflow: hidden;
    display: inline-block;
}

.newsite-comments-blur
{
    font-family: arial;
    /* font-size:48px;
    font-weight: bold; */
    color: silver;
}

.amount 
{
    text-align:right;
    padding-right:10px !important;
}

.status-red
{
    background-color:#F5CCCC !important;
}

.status-yellow
{
    background-color:#FBFACC !important;
}

.status-green 
{
    background-color:#CCF5CC !important;
}

.error 
{
    color:Red;
    font-weight:bold;
}

.back 
{
    position:relative;
    top:-20px;
    text-decoration:none;
    color: #0066D1;
    font-size: 18px;
    font-weight: bold; 
}
.back:hover 
{
    text-decoration:underline;
}

.notice 
{
    color:Red;
}

.notice::after,.notice::before 
{
    content: "*"
}

.multiline-commentbox {
    padding: 2px;
    width: 175px; 
    margin-top: 2px; 
    border: 2px solid silver; 
    text-align: left; 
    font-family: arial;
    font-size: 13px;
}

.ignore-padding, .ignore-padding td
{
    padding:0 !important;
    margin:0 !important;
}

.add_item_table 
{ 
    background-color:#fff; 
    border:solid 2px #7092C5; 
    border-collapse:collapse;
}

.add_item_table td
{ 
    text-align: center;
    font-weight: bold;
    padding: 3px;
}

.add_item_table input
{ 
    font-size: 12px;
    text-align: center;
    height: 18px;
    line-height: 18px;
}

.reconcile a:hover {
    background-color: #FFFEC2;
    cursor: pointer;
}

.nobackground a:hover {
    background-color: transparent !important;
}

.residentlink {
    font-size: 12px !important;
}

.residentlink:hover {
    cursor: pointer;
    text-decoration: underline;
}

.nopadding td {
    padding: 0px !important;
}

.fitContent-rightAlign {
    white-space: nowrap; 
    width: 1%; 
    text-align: right;
}

.bankrec tr:first-child td 
{
    text-align: center;
    font-size: 16px;
    height: 28px;
    width: 140px;

}

.bankrec td
{
    text-align: center;
    font-size: 18px;
    height: 24px;
    width: 140px;
    color: #737475;
}

.file-upload-container
{
    border: 1px solid #CCC; 
    display: block; 
    padding: 4px; 
    margin:  7px 10px 1px 0px;
    height: 27px;

}

.file-upload-buttononly {
    position: relative;
	overflow: hidden;
    margin-top: 2px;
/*
    height: 32px;
    width: 84px;
    overflow: hidden;
    position: relative;
    cursor: pointer;
*/
}

.file-upload-buttononly input.upload {
    position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

.button-default 
{
    font-size: 13px;
    color:#497A9A;
    font-weight:bold;
    padding:3px 10px;
    background-color:#F9FAFC;
    border:1px solid #497A9A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
    cursor:pointer;  
}

.button-default-small
{
    height: 20px; 
    line-height: 5px; 
    font-size: 12px; 
    margin-left: 30px;
    color:#497A9A;
    font-weight:bold;
    padding:3px 10px;
    background-color:#F9FAFC;
    border:1px solid #497A9A;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;  
    cursor:pointer;  
}

.button-blue-small {
    height: 13px;
    line-height: 6px;
    font-size: 11px;
    color: #FFF;
    font-weight: bold;
    padding: 3px 10px;
    background-color: #6F91D7;
    border: 1px solid #728998;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.button-blue-small:hover {
    background-color: #3867C7; 
}


.bankrec-totals td:first-child
{
    font-size: 14px;
    color: #555555 !important;
    font-weight: bold;
    text-align: right;
    height: 20px;
}

.bankrec-totals td:nth-child(2)
{
    font-size: 14px;
    color: #555555;
    padding-left: 10px;
}

.pagePrevious { background-image:url(../images/button_pageprevious.gif); border:none; }
.pagePrevious:hover { background-image:url(../images/button_pageprevious_mo.gif); }
.pagePrevious_grey { background-image:url(../images/button_pageprevious_mo.gif); border:none; }

.pageNext { background-image:url(../images/button_pagenext.gif); border:none; }
.pageNext:hover { background-image:url(../images/button_pagenext_mo.gif); }
.pageNext_grey { background-image:url(../images/button_pagenext_mo.gif); border:none; }

.fixedHeader {
    position: fixed;     
    top: 0px;   
}

.fixedMenu {
    position: fixed;     
    top: 130px;    
/*    left: 50%;
    transform: translateX(-50%); */
}
 
.fixedTotal {
    position: fixed;     
    top: 183px;    
}

.fixedResidentHeader {
    position: fixed;     
    top: 150px;    
}

.report td {
    font-size:11px !important;
    font-weight:normal !important;
}

.report h5 {
    font-size:14px;
}

.report-footer td {
    border-top:2px solid #4B5B69;
    font-weight:bold !important;
}

.popup {
    border-radius:5px;
    background-color:#fff;
    padding:20px;
        /* display: table; */
}

.resident .StatusBoxPanel {
    background:none;
}

.resident .StatusBox {
    line-height:20px;
    border:1px solid #e4e8eb;
    width:31%;
    height:100px;
    text-align:left;
    font-weight:normal;
    padding:10px;
}

.InfoBox {
    border: 1px solid #AAAAAA; 
    height: 134px;  /* 148px;*/
    width: 318px;
}

.InfoBox table {
    margin-top: -10px;
    margin-left: 10px; 
    margin-right: 10px; 
    margin-bottom: 10px;
}

.InfoBox td 
{
    padding:2px;
    vertical-align:top;
    font-weight: bold;
}

.InfoBox td:first-child
{ 
    padding-right:7px;
    text-align:right;
    font-weight:  normal;
}

.InfoBox td:nth-child(2)
{ 
    padding-left: 4px;
}

 

.initial {
    min-width:450px;
}

.initial table {
    padding:10px
}

.initial table td {
    padding:3px
}

.initial {
    min-width:400px;
}

.initial select {
    height:24px;
}

.payment-history {
    display: table; 
    height: 300px; 
    border-bottom: 2px solid #BBC5D3; 
    margin-left: auto; 
    margin-right: auto; 
    width: 100%
}

.initial {
    min-width:450px;
}

.initial table {
    padding:20px
}

.initial table td {
    padding:3px
}

.initial {
    min-width:400px;
}

.initial select {
    height:26px;
}

.initial input[type=text],.initial select {
    width:200px;
}

.region {
    font-size:18px;
    color:  #464856; /*#878787;*/
}

.region h2 {
    color:#a5b3c4;
    font-size:25px;
}

.region h3 {
    color:#4b5b69;
    font-size:35px;
}

.region .dark {
    color:#4b5b69;
}

.region .gridview th {
    color:#afafaf;
    font-size:17px;
}

#ManageResident_PanelHeader.sticky {
    position:fixed;
    top: 170px;
    margin-top: -15px;
    padding-top: 15px;
    width: 1020px;
    border-bottom: 1px solid silver;
    margin-left: -30px;
    margin-right: -15px;
    padding-left: 45px;
    padding-right: 15px;
    padding-bottom: 15px;
}

#ManageResident_PanelHeader.no_menu_sticky {
    position:fixed;
    top: 120px;
    margin-top: -15px;
    padding-top: 15px;
    width: 1020px;
    border-bottom: 1px solid silver;
    margin-left: -30px;
    margin-right: -15px;
    padding-left: 45px;
    padding-right: 15px;
    padding-bottom: 15px;
}

#ManageSalesAgent_PanelHeader.sticky {
    position: fixed;
    top: 173px;
    width: 1020px;
    /*margin-top: -15px;
    padding-top: 15px;
    margin-left: -30px;
    margin-right: -15px;
    padding-left: 45px;
    padding-right: 15px;
    padding-bottom: 0;*/
}



#menubar.sticky {
    position:fixed;
    top: 113px;
    margin-top: -15px;
    padding-top: 15px;
}

.UserList-LocationHeader {
    background-color: #f9ddb6;
    border-top: 1px solid black;
    border-bottom: 1px solid black;
    font-weight: bold;
    font-size: 15px;
    cursor: default;
}

.location-spacer {
    margin-top:25px;
}
.lvl2 {
    padding-left:25px !important;
}
.lvl3 {
    padding-left:50px !important;
}
.users ul.fancytree-container {
    height:inherit;
}

.Simple_SectionHeader {
    background-color: rgba(248, 234, 211, 1);
    font-weight:bold;
    color:#000;
    padding-left: 10px;
    height: 17px;
    font-size: 13px;
    padding-top: 5px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-top: 1px solid silver; 
    border-bottom: 1px solid silver; 
    margin-top: 20px
}

.Simple_SectionHeader div {
    float:right;
    font-size: 11px;
    color:#000;
    margin-right: 7px;
    clear:both; 
    font-weight: normal;
}

.Simple_SectionBody
{
    padding-top: 10px;
    margin-bottom: 10px;
    border-left: 1px solid silver;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver; 

}


.fixCheckBoxLabel label {
    display: inline-block;
    margin-bottom: 4px;
    margin-left: 7px;
    vertical-align: middle;
}

.no-border a {
  border: none !important;
  box-shadow: none !important;
  background: none !important;
  padding: 0px !important;
}

.no-border span {
  margin-right: 21px !important;
}


.infinity 
{
    background-image:url('../images/infinity.gif');
    background-repeat:no-repeat;
    background-position:center center;
    background-color:#FFF;
    display:inline-block;
    width: 59px;
}

.tinput 
{
    width:55px;
}

.resetTable td {
    padding: 0px !important;
    height: auto;
}

.headerSize10px th a {
    font-size: 10px !important;
}

.reservation_accordion {
    cursor: pointer;
    xborder-top: 1px solid gray;
    border-bottom: 1px solid gray;
    margin-top: 30px;
}

.accordion_active .accordion_arrow {
    background-image: url('../newsite_images/icon-menudown-selected.gif');
    height: 10px;
    width: 15px;
    display: inline-block;
    background-size: 15px;
    margin-right: 7px;
    margin-left: 4px;
}

.accordion_inactive .accordion_arrow {
    background-image: url("../newsite_images/icon-menuright.gif");
    height: 15px;
    width: 10px;
    display: inline-block;
    background-size: 10px;
    margin-right: 7px;
    margin-left: 4px;
}

.treeOpen {
    /* width: 700px; */
}

.labelOver input[type=text], .labelOver select, .labelOver .chosen-container {
    margin-top: 4px;
    font-weight: normal;
    width: 100%;
}

.selectStandout .chosen-single {
    font-weight: bold !important;
}

.gv {
    width: 100%;
    border-bottom: 1px solid gray;
}

    .gv th {
        /*font-size: 11px;*/
        height: 15px;
        background-color: White !important;
        border-top: 1px solid gray;
        border-bottom: 1px solid silver;
        font-weight: bold;
        height: 24px;
        color: #313131;
        text-align: center;
        padding-top: 2px;
        padding-bottom: 2px;
    }

    .gv .row-odd td, .gv .row-even td {
        padding: 5px;
        font-size: 14px;
        height: 25px;
    }

    .gv .row-odd:hover, .gv .row-even:hover {
        background-color: #cad3e8;
        
    }

    .gv .row-even {
        background-color: #E5E9F3;
    }

.flex-left-margin {
    margin-left: 45px;
}

.recurringInput {
    font-size: 12px !important;
}

.billingheader {
    color: #45678a; /* #5E88B3; */
    font-size: 17px;
    font-weight: bold;
}

.wordwrap {
    word-wrap: break-word; /* IE 5+ */
}

@media print {
    .printHide {
        display: none;
    }
}

.form-control {
    height: auto !important;
}

#pageTabs a {
    /*font-family: 'Open Sans', sans-serif;*/
}

.nav-link-custom {
    color: rgb(37, 87, 142);
    font-size: 18px;
    font-weight: 500;
    width: 170px;
    text-align: center;
}

.nav-link-custom:hover {
    color: white;
}

/*.card {
    background-color: #fff;
    margin-bottom: 10px;
    border-radius: 0;
    border: none;
}*/

.nav.nav-tabs-bordered .nav-item .nav-link:hover {
    background-color: #577AC4;
    border: 1px solid #577AC4;
}

.nav-tabs {
    border-color: #577AC4;
}

.tabPanels {
    border-left: 1px #577AC4 solid;
    border-right: 1px #577AC4 solid;
    border-bottom: 1px #577AC4 solid;
}

.nav.nav-tabs-bordered .nav-item .nav-link.active {
    border-color: #577AC4;
    border-bottom-color: transparent;
}

    .nav.nav-tabs-bordered .nav-item .nav-link.active:hover {
        color: rgb(37, 87, 142);
        background-color: white;
        border-color: #577AC4;
        border-bottom-color: transparent;
    }

.commission-form input[type=text] {
    text-align: center;
    height: 1.4em;
    width: 5em;
    margin-left: 1em;
}

.HoverBox {
    position: fixed;
    top: 200px;
    display: none;
    z-index: 999999;
    padding: 4px;
    background-color: white;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px, rgba(10, 37, 64, 0.35) 0px -2px 6px 0px inset;
}

.HoverBoxMain {
    border: 2px solid #8f1212;
    text-decoration: none;
    color: #000000;
    background-color: #fff7ed; /*#fffce4;*/
    font-size: 12px;
}


    .HoverBox:hover {
        /* background-color: rgba(135, 135, 135, 0.50); */
    }

.HoverBoxHeader {
    height: 30px;
    font-size: 16px;
    font-weight: bold;
    background-color: #ebcbcb; /*#ffe5bd; */ /* #448300; */
    text-align: center;
    border-bottom: 2px solid #8f1212;
    display: flex;
    justify-content: center;
    align-items: center;
    xcolor: white;
}

/* Chrome, Safari, Edge, Opera - hide number arrows */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox - hide number arrows */
input[type=number] {
    -moz-appearance: textfield;
}

.ReconCell {
    position: relative;
}

.recon-gridContainer {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ccc;
    margin-bottom: 10px;
    padding-bottom: 15px;
}

    .recon-gridContainer tr {
        height: 78px;
}

    .recon-gridContainer tr:last-child td {
        padding-bottom: 10px;    
    }

    /*.recon-gridContainer .reconRowSelected {
        background-color: #93a0be !important;
    }

    .recon-gridContainer tr:hover {
        xbackground-color: #93a0be !important;
    }*/

.reconRow {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 7px;
    padding-bottom: 2px;
    padding-right: 5px;
    background-color: ghostwhite; /* #f4f4ff; #eef2f7; #e9eff7; #ebeff5; #eff4fb; #e7ebf5; #e2e6f1; #e0e4f1; #f0f1f5; #e7e7e7;  #eaeaed;*/
    box-sizing: border-box;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 12px;
    margin-top: 3px;
    font-size: 11px;
    height: 63px;
    cursor: pointer;
    box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 3px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
}

    .reconRow:hover {
        background-color: #fff7ed !important; /* #feffdc; #FFFA9E;  /*#DFDFDF;  /* #FFFED1; */
        cursor: pointer !important;
    }


.recon-postDate {
    font-size: 11px;
    margin-bottom: 4px;
    min-width: 56px;
}

.recon-selectColumn {
    width: 40px;
    text-align: center;
    box-sizing: border-box;
}

.recon-amountColumn {
    flex-grow: 1;
    flex-basis: 0;
    padding-right: 5px;
    box-sizing: border-box;
    font-size: 12px;
    text-align: right;
}

.recon-descriptionColumn {
    flex-grow: 4;
    flex-basis: 0;
    box-sizing: border-box;
}

.recon-description {
    margin-bottom: 5px;
    font-weight: bold
}

.recon-descriptionColumn a {
    display: inline;
    font-weight: bold;
}

.recon-bankAccountName {
    font-size: 9px;
    text-align: right;
    color: #a37b7b
}

.reconMatchedRow {
    display: flex;
    align-items: stretch;
    padding-left: 5px;
    padding-top: 7px;
    padding-bottom: 2px;
    padding-right: 5px;
    background-color: #f0f7f1; /* #f4f4ff; #eef2f7; #e9eff7; #ebeff5; #eff4fb; #e7ebf5; #e2e6f1; #e0e4f1; #f0f1f5; #e7e7e7;  #eaeaed;*/
    box-sizing: border-box;
    margin-left: 4px;
    margin-right: 4px;
    margin-bottom: 5px;
    margin-top: 3px;
    font-size: 11px;
    cursor: pointer;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.06) 0px 1px 2px 0px;
}

.reconMatched-gridContainer {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ccc;
    margin-bottom: 10px;
    padding-bottom: 20px;
    padding-top: 15px;
}

    .reconMatched-gridContainer .gridviewPager {
        margin-left: 10px;
    }

        .reconMatched-gridContainer .gridviewPager td:first-child {
            padding-left: 3px;
        }

        .reconMatched-gridContainer .gridviewPager a,
        .reconMatched-gridContainer .gridviewPager span {
            padding: 5px 10px;
            margin: 10px 2px;
            border: 1px solid silver;
            border-radius: 4px;
            color: #007bff;
            text-decoration: none;
        }

        .reconMatched-gridContainer .gridviewPager a:hover {
            background-color: #007bff;
            color: white !important;
            text-decoration: none;
        }

        .reconMatched-gridContainer .gridviewPager a:active,
        .reconMatched-gridContainer .gridviewPager a:focus {
            background-color: gray; /* Darker shade for active/focus */
            color: white !important;
            border: 1px solid silver; /* Bootstrap primary color */
        }

.lds-spinner {
    color: official;
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px;
}

    .lds-spinner div {
        transform-origin: 40px 40px;
        animation: lds-spinner 1.2s linear infinite;
    }

        .lds-spinner div:after {
            content: " ";
            display: block;
            position: absolute;
            top: 3px;
            left: 37px;
            width: 6px;
            height: 18px;
            border-radius: 20%;
            background: #fff;
        }

        .lds-spinner div:nth-child(1) {
            transform: rotate(0deg);
            animation-delay: -1.1s;
        }

        .lds-spinner div:nth-child(2) {
            transform: rotate(30deg);
            animation-delay: -1s;
        }

        .lds-spinner div:nth-child(3) {
            transform: rotate(60deg);
            animation-delay: -0.9s;
        }

        .lds-spinner div:nth-child(4) {
            transform: rotate(90deg);
            animation-delay: -0.8s;
        }

        .lds-spinner div:nth-child(5) {
            transform: rotate(120deg);
            animation-delay: -0.7s;
        }

        .lds-spinner div:nth-child(6) {
            transform: rotate(150deg);
            animation-delay: -0.6s;
        }

        .lds-spinner div:nth-child(7) {
            transform: rotate(180deg);
            animation-delay: -0.5s;
        }

        .lds-spinner div:nth-child(8) {
            transform: rotate(210deg);
            animation-delay: -0.4s;
        }

        .lds-spinner div:nth-child(9) {
            transform: rotate(240deg);
            animation-delay: -0.3s;
        }

        .lds-spinner div:nth-child(10) {
            transform: rotate(270deg);
            animation-delay: -0.2s;
        }

        .lds-spinner div:nth-child(11) {
            transform: rotate(300deg);
            animation-delay: -0.1s;
        }

        .lds-spinner div:nth-child(12) {
            transform: rotate(330deg);
            animation-delay: 0s;
        }

@keyframes lds-spinner {
    0% {
        opacity: 1;
    }

    100% {
        opacity: 0;
    }
}

.pagination-ys {
    /*display: inline-block;*/
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}

    .pagination-ys table > tbody > tr > td {
        display: inline;
    }

        .pagination-ys table > tbody > tr > td > a,
        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            color: #dd4814;
            background-color: #ffffff;
            border: 1px solid #dddddd;
            margin-left: -1px;
        }

        .pagination-ys table > tbody > tr > td > span {
            position: relative;
            float: left;
            padding: 8px 12px;
            line-height: 1.42857143;
            text-decoration: none;
            margin-left: -1px;
            z-index: 2;
            color: #aea79f;
            background-color: #f5f5f5;
            border-color: #dddddd;
            cursor: default;
        }

        .pagination-ys table > tbody > tr > td:first-child > a,
        .pagination-ys table > tbody > tr > td:first-child > span {
            margin-left: 0;
            border-bottom-left-radius: 4px;
            border-top-left-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td:last-child > a,
        .pagination-ys table > tbody > tr > td:last-child > span {
            border-bottom-right-radius: 4px;
            border-top-right-radius: 4px;
        }

        .pagination-ys table > tbody > tr > td > a:hover,
        .pagination-ys table > tbody > tr > td > span:hover,
        .pagination-ys table > tbody > tr > td > a:focus,
        .pagination-ys table > tbody > tr > td > span:focus {
            color: #97310e;
            background-color: #eeeeee;
            border-color: #dddddd;
        }

.modal-close-x {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    color: #666;
    cursor: pointer;
    padding: 5px;
    line-height: 20px;
    z-index: 999;
}

    .modal-close-x:hover {
        color: #333;
        z-index: 999;
    }