/*
******************************************************************************
* MyCity.css - the main stylesheet for mycity - do not modify.
*	Copy this file to the inhouse directory if you wish to
*	make changes.
* V1.00 - customizations added to Tempest's mycity.css
*V1.01 - further stability
*V1.03 - footer work
******************************************************************************
*/

.tdg-content .config-message-background
{
	background-color: transparent;
}



body {
	/* */background:#f0ede0 url('../images/body-bk.jpg') no-repeat center top !important; /* ADDED SEAN*/
}
.bold
{
    font-weight:bold;
}

.inline
{
    display:inline;
}

@media(min-width:768px)
{
    h1.header
    {
        font-size: 2.5em;
    }
    h2.header
    {
        font-size: 2.35em;
    }
    h3.header
    {
        font-size: 2.20em;
    }
    h4.header
    {
        font-size: 2.05em;
    }
    h5.header
    {
        font-size: 1.90em;
    }
    h6.header
    {
        font-size: 1.75em;
    }
}

@media(max-width:767px)
{
    .header.h1
    {
        font-size: 1.85em;
    }
    h2.header
    {
        font-size: 1.70em;
    }
    h3.header
    {
        font-size: 1.55em;
    }
    h4.header
    {
        font-size: 1.40em;
    }
    h5.header
    {
        font-size: 1.25em;
    }
    h6.header
    {
        font-size: 1.10em;
    }
}

.separator-div
{
    border-bottom: 1px solid #ddd;
    margin-top:10px;
    margin-bottom:10px;
    margin-left:15px;
    margin-right:15px
}
@media(max-width:767px) {
    .btn-logout {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
    .btn-logout-large
    {
        display:none;
    }
}
@media(min-width:768px)
{
    .btn-logout-small
    {
        display:none;
    }
}
/*------------
ACCOUNT SELECT
------------*/
.accountsFilterBox
{
  border: 2px solid #969696;
  border-radius: 4px !important;
  -webkit-appearance: none;
  height: 3em;
  width: 90%;
}

.folder-sort-input
{
    border: 2px solid #969696;
  border-radius: 4px !important;
  height: 3em;
  width: 90%;
  
}

.filterForm
{
  padding-left: 20px; 
  padding-right: 20px;
}

@media(min-width:576px)
{
    .btn-profile
    {
        width: 200px;
    }
}

@media(max-width:767px)
{
    .btn-profile
    {
        width: 100%;
    }
}

.account-list {
    width: 100%;
}

a.account-list-item {
    font-family:Verdana, Arial, Helvetica, sans-serif; /*ADDED SEAN*/
}

.account-list-icon,
.account-list-icon-offline {
    color: #ffffff;
    border-radius: 100%;
    padding: 3px;
    text-align: center;
}

.account-list-icon
{
    background-color: rgb(1, 98, 159);
    background-image: linear-gradient(rgb(1, 98, 159), rgb(24, 124, 205));
}
.account-list-icon-offline
{
    background-color: rgb(205, 24, 24);
    background-image: linear-gradient(rgb(205, 24, 24), rgb(159, 2, 1));
}
.account-list td {
    padding-bottom: 5px;
}

.account-list-item {
    background-color: rgb(209, 226, 246);
    border-color: rgb(1, 98, 159);
}

.list-group-item
{
    word-wrap:break-word;
}

a.list-group-item:hover,
a.list-group-item:focus {
    text-decoration: none;
    background-color: rgb(1, 98, 159);
    background-image: linear-gradient(rgb(1, 98, 159), rgb(24, 124, 205));
    color: #ffffff;
}

    a.list-group-item:hover .account-list-icon,
    a.list-group-item:focus .account-list-icon {
        color: #000000;
        background-color: rgb(209, 226, 246);
        background-image: linear-gradient(rgb(209, 226, 246), rgb(176, 200, 255));
    }


.vertical-align {
  display: flex;
  flex-direction: row;
}

.vertical-align > [class^="col-vertical-align"],
.vertical-align > [class*="col-vertical-align"] {
  display: flex;
  align-items: center;

}

table.result-list{
    width:100%;
}

.change-bill-delivery-method-accounts-message-div-large
{
    padding-top: 18.5px;
    width:auto;
}

.change-bill-delivery-method-modal-button-large
{
    width:auto;
    display:table-cell;
}
.remove-accounts-checkbox,
.change-bill-delivery-method-checkbox
{
    margin-right: 15px;
    margin-left: -15px;
    margin-top: 7px;
}

.remove-accounts-list,
.change-bill-delivery-method-accounts-list
{
    overflow-y: scroll;
    max-height: calc(80vh - 150px);
    padding: 15px;
    margin-left: 0;
    margin-right: 0;
    max-width:100%;
    overflow-x:hidden;
}

@media(max-width:767px)
{
    .remove-accounts-list,
    .change-bill-delivery-method-accounts-list {
        max-height:85vh;
    }
}

.remove-accounts-label,
.change-bill-delivery-method-label
{
    max-width:100vw;
    color:inherit;
    font-weight:inherit;
    cursor:pointer;
    -webkit-user-select:none;
    user-select:none;
    display:table;
}

.remove-account-checkbox-div,
.change-bill-delivery-method-checkbox-div
{
    display:table-cell;
    vertical-align:middle;
    width:1px;
}

@media (max-width:767px)
{
    .remove-accounts-list,
    .change-bill-delivery-method-accounts-list
    {
        padding: 5px 0px 0px 0px;
    }
}
.remove-accounts-buttons-large,
.change-bill-delivery-method-buttons-large
{
    padding:0px 5px 5px;
    border-bottom:1px solid black;
    margin:0 -5px;
}
@media(min-width:768px)
{
    .remove-accounts-buttons,
    .change-bill-delivery-method-buttons
    {
        display:none;
    }
}

@media(max-width:767px)
{
    .remove-accounts-buttons-large,
    .change-bill-delivery-method-buttons-large
    {
        display:none;
    }
    .remove-accounts-buttons,
    .change-bill-delivery-method-buttons
    {
        margin-top:5px;
        border-bottom:none;
        padding:0;
        margin-left:-15px;
        margin-right:-15px;
    }
    .remove-accounts-buttons>.container-fluid>.row>div,
    .change-bill-delivery-method-buttons>.container-fluid>.row>div
    {
        margin-top:0;
        margin-bottom:0;
        margin-right:-15px;
        width:auto;
    }
    .remove-accounts-buttons>div .btn,
    .change-bill-delivery-method-buttons>div .btn
    {
        padding: 1px 5px;
        font-size: 12px;
        line-height: 1.5;
        border-radius: 3px;
    }
}

@media(max-width:575px)
{
    .remove-accounts-buttons,
    .change-bill-delivery-method-buttons
    {
        margin-top:5px;
        border-bottom:none;
        padding:0;
        margin-left:-15px;
        margin-right:-15px;
    }
    .remove-accounts-buttons>.container-fluid>.row>div,
    .change-bill-delivery-method-buttons>.container-fluid>.row>div
    {
        margin-top:0;
        margin-bottom:5px;
        margin-right:0;
        padding-right:0;
        width:auto;
    }
    .licence-date-value
    {
        float:right;
    }
}

.remove-accounts-label,
.change-bill-delivery-method-label
{
    color:initial;
    font-weight:initial;
}
@media(max-width:767px) {
    .remove-accounts-header,
    .change-bill-delivery-method-header {
        font-size: 20px;
        margin-bottom:5px;
    }
    .remove-accounts-header>span,
    .change-bill-delivery-method-header>span
    {
        display:inline !important;
    }
}

/* PROFILE EDIT AND ACCOUNT ADD ICONS*/
.icon_profile_edit
{
    content:url(../Images/icon_profile_edit.png);
    width:30px;
    height:30px;
    position: center;
}

.icon_accounts_edit
{
    content:url(../Images/icon_accounts_edit.png);
    width:30px;
    height:30px;
    position: center;
}

.icon_text
{
    vertical-align: top;
}

/*-------------------
    EDIT ACCOUNTS
--------------------*/
.edit-accounts-button
{
    min-width:275px;
}

/*-------------------
    REGISTER ACCOUNTS
--------------------*/
.register-account-button
{
    min-width:350px;
}

@media(max-width:575px)
{
    .register-account-button
    {
        min-width:275px;
    }
}


/*-----------------------
    REGISTER ACCOUNT CONFIRMATION
*/
@media(max-width:575px) {
    .register-account-done-button {
        text-align:left;
    }
}

/*-------------------
    ACCOUNT DETAILS
--------------------*/

.adjusted-balance p
{
    border-top: 1px solid black;
}


.balances-value {
    padding-right:0;
    margin-right:15px;
}


@media(min-width:768px) {
    .balances-value {
        margin-left:9%;
    }
}

.owner-name
{
    font-weight:bold;
}

.row-flex
{
    display:flex;
    align-items: flex-end;
}

.row-no-margin
{
    margin-left:0;
    margin-right:0;
}
.panel-default > a > .panel-heading {
    color: #333;
    background-color: #f5f5f5;
    border-color: #ddd;
    user-select:none;
}

.panel-default > a {
    text-decoration:none;
}

.person-type-panel
{
    margin-bottom:0;
}

.person-type-panel>.panel-body
{
    padding-bottom:0;
}

.person-type-panel .child-panel-heading
{
    border-radius:initial;
}

@media (max-width: 584px) {
    .transactions-table, .charges-table, .project-folders-table, .task-details, .tax-levies-table, .total-consumption-table, .meter-table, .utility-billTransactions-table {
        display:none;
    }
    .transactions-small, .charges-small, .project-folders-small, .task-details-small, .tax-levies-small, .utility-billingHistory-small, .total-consumption-small, .meter-small {
        display:block;
    }
    .transactions-panel>.panel-body, .total-consumption-panel>.panel-body
    {
        padding-top:0;
        padding-bottom:0;
    }
    .transactions-panel>.panel-body .list-group-item,
    .tax-levies-panel>.panel-body .list-group-item,
    .total-consumption-panel>.panel-body .list-group-item,
    .meter-readings-panel>.panel-body .list-group-item,
    .utility-billingHistory-panel>.panel-body .list-group-item
    .licensing-generalTrades-panel>.panel-body .list-group-item
    .licensing-balance-panel>.panel-body .list-group-item
    {
        border-top-left-radius:initial;
        border-top-right-radius:initial;
        border-left:none;
        border-right:none;
        word-wrap:break-word;
    }
}

@media (max-width: 767px)
{
    .meter-readings-panel>.panel-body .panel-body
    {
        padding-top:0;
        padding-bottom:0;
    }
    .meter-readings-table
    {
        display:none;
    }
    .meter-readings-small
    {
        display:block;
    }
}

.meter-readings-panel, .meter-readings-div
{
    margin-bottom:0;
}

@media (min-width: 585px) {
    .transactions-table, .charges-table, .project-folders-table, .tax-levies-table, .utility-billTransactions-table {
        display:block;
    }
    .transactions-small, .charges-small, .project-folders-small, .task-details-small, .tax-levies-small, .utility-billingHistory-small, .total-consumption-small, .meter-small {
        display:none;
    }
    .task-details, .tax-levies-table.levy-details, .utility-billTransactions-table.billTransactions, .total-consumption-table {
        display:table;
    }
}

@media (min-width: 768px)
{
    .meter-readings-table
    {
        display:table;
    }
    .meter-readings-small
    {
        display:none;
    }
}

.total-consumption-table thead>tr,
.meter-readings-table thead>tr
{
    font-size:13px;
}

.meter-readings-table
{
    width:100%;
}


/*-----------
RADIO BUTTON YES / NO style selector
    This is a button module that extends the asp Radio button control.
    For col-xxs 

    Intended use in asp:
    <asp:RadioButtonList ID="control_id" CssClass="radio-button-list" RepeatLayout="Flow" RepeatDirection="Horizontal" runat="server" >
        <asp:ListItem Value="1" Text="Yes">Yes</asp:ListItem>
        <asp:ListItem Value="0" Text="No">No</asp:ListItem>
    </asp:RadioButtonList>
------------*/
@media screen and (max-width:575px) {

    .radio-button-list input[type="radio"] + label
    {
        display: block;
        padding: 5px 30px;
        border-bottom: 1px solid #0081C6;
        border-left: 1px solid #0081C6;
        border-right: 1px solid #0081C6;
        border-top: 0;
        font-weight:100;
        position: relative;
	    line-height: 1.6;
        box-shadow: #c5c5c5 0 2px 3px;
        text-decoration: none;
        text-align: center;
        cursor:pointer;
    }

    .radio-button-list.subscribe-for-ebilling input[type="radio"] + label
    {
        display: inline-block;
        border-top: 1px solid #0081C6;
    }

    #div_statementNotificationChoice > .radio-button-list > label:first-of-type, #div_statementNotificationChoice > .radio-button-list > span:first-of-type > label
    {
        border-top-right-radius: 5px;
        border-top-left-radius: 5px;
        border-bottom-left-radius: 0;
        border-top: 1px solid #0081C6;
    }

    #div_statementNotificationChoice > .radio-button-list > label:last-of-type, #div_statementNotificationChoice > .radio-button-list > span:last-of-type > label
    {
        border-bottom-right-radius: 5px;
        border-bottom-left-radius: 5px;
        border-top-right-radius: 0px;
    }
}

.remove-accounts-select-all-checkbox input[type="checkbox"],
.change-bill-delivery-method-select-all-checkbox input[type="checkbox"]
{
    display:none;
}
.remove-accounts-select-all-checkbox input[type="checkbox"] + label,
.change-bill-delivery-method-select-all-checkbox input[type="checkbox"] + label
{
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 5px 30px;
    border-left: 1px solid #0081C6;
    border-bottom: 1px solid #0081C6;
    border-top: 1px solid #0081C6;
    border-right: 1px solid #0081C6;
    font-weight:100;
    position: relative;
	line-height: 1.6;
    box-shadow: #c5c5c5 0 2px 3px;
    text-decoration: none;
    text-align: center;
    cursor:pointer;
    margin-bottom:10px;
    color:black;
}

@media(max-width:767px)
{
    .remove-accounts-select-all-checkbox input[type="checkbox"] + label,
    .change-bill-delivery-method-select-all-checkbox input[type="checkbox"] + label
    {
        padding: 0px 10px;
    }
}

@media(min-width:768px)
{
    .remove-accounts-select-all-checkbox input[type="checkbox"] + label,
    .change-bill-delivery-method-select-all-checkbox input[type="checkbox"] + label
    {
        width:100%;
    }
}

.remove-accounts-select-all-checkbox input[type="checkbox"]:checked + label,
.change-bill-delivery-method-select-all-checkbox input[type="checkbox"]:checked + label
{
    font-weight:bold;
}

.remove-accounts-select-all-checkbox input[type="checkbox"]:checked + label:after,
.change-bill-delivery-method-select-all-checkbox input[type="checkbox"]:checked + label:after
{
    content:"\00a0 \2713";
    position:absolute;
    top: 8px;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

@media(max-width:767px)
{
    .remove-accounts-select-all-checkbox input[type="checkbox"]:checked + label:after,
    .change-bill-delivery-method-select-all-checkbox input[type="checkbox"]:checked + label:after
    {
        position:relative;
        top:0;
        right:0;
    }
}

.remove-accounts-select-all-checkbox input[type="checkbox"]:focus + label,
.change-bill-delivery-method-select-all-checkbox input[type="checkbox"]:focus + label {
    background-color: rgba(0, 129, 198, 0.39);
}


.remove-accounts-checkbox input[type="checkbox"],
.change-bill-delivery-method-checkbox input[type="checkbox"]
{
    display:none;
}
.remove-accounts-checkbox input[type="checkbox"] + label,
.change-bill-delivery-method-checkbox input[type="checkbox"] + label
{
    -webkit-user-select: none;
    user-select: none;
    display: inline-block;
    padding: 1px 12.5px;
    border-left: 1px solid #0081C6;
    border-bottom: 1px solid #0081C6;
    border-top: 1px solid #0081C6;
    border-right: 1px solid #0081C6;
    font-weight: 100;
    line-height: 1.6;
    box-shadow: #c5c5c5 0 2px 3px;
    text-decoration: none;
    text-align: center;
    cursor: pointer;
    margin-bottom: 10px;
    color: black;
    background-color: white;
}

.remove-accounts-checkbox input[type="checkbox"]:checked + label,
.change-bill-delivery-method-checkbox input[type="checkbox"]:checked + label
{
    font-weight:bold;
}

.remove-accounts-checkbox input[type="checkbox"]:checked + label:after,
.change-bill-delivery-method-checkbox input[type="checkbox"]:checked + label:after
{
    content: "\00a0 \2713";
    position: absolute;
    top: 4px;
    display: inline-block;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 1;
    left: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.remove-accounts-checkbox input[type="checkbox"]:focus + label,
.change-bill-delivery-method-checkbox input[type="checkbox"]:focus + label {
    background-color: rgba(0, 129, 198, 0.39);
}

.change-bill-delivery-method-filter-box
{
    height: initial;
    margin-left: -50px;
    width: calc(100% + 50px);
}

@media(max-width:767px) {
    .change-bill-delivery-method-filter-box {
        margin-left:0px;
        width:100%;
        margin-bottom:5px;
    }
}

@media(min-width:768px)
{
    .change-bill-delivery-method-filter-box {
        margin-left: 5px;
        width:99%;
    }
}

.transactions-small.list-group-item div,
.tax-levies-small.list-group-item div,
.utility-billingHistory-small.list-group-item div {
    padding-left: 0;
    padding-right:0;
}

.conditions-list li
{
    list-style: outside;
}

.table
{
    margin-bottom:0px;
}

.fee-balances .table>tbody>tr>td,
.fee-balances .table>tbody>tr>th {
    border-top: none;
    padding:1px;
    vertical-align:bottom;
}

.table>tbody>tr>td.total-line,
.row.row-flex>.total-line
{
    border-top: 1px solid black;
    font-weight: bold;
}
.folder-task, .licensing-task
{  
    background-color: rgb(245, 245, 245);
}

.folder-task:first-child, .licensing-task:first-child
{
    border-top-left-radius:0;
    border-top-right-radius:0;
}

.folder-task:last-child, .licensing-task:last-child
{
    border-bottom-left-radius:0;
    border-bottom-right-radius:0;
}

.btn-group-xs>.btn, .btn-xs {
    padding: 1px 5px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 3px;
}

.btn-group-lg>.btn, .btn-lg {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
    border-radius: 6px;
}

select.input-xs {
    height: 23px;
    line-height: 23px;
    padding: 0 35px;
    font-size: 11px;
}

.cdtaskstatus_blank::before {
content: "NOT STARTED";
}

.lstaskstatus_blank::before {
content: "NOT STARTED";
}


.task-no-details
{
    cursor:default;
}
.task-no-details + .panel-body
{
    display:none;
}
@media(min-width:586px) {
    .task-child-panel {
        padding-left: 5px;
        padding-right: 5px;
    }
}
@media(min-width:576px)
{
    .task-name-row
    {
        margin-bottom:10px;
    }
}
@media(max-width:576px) {
    .row.list-group-item.folder-task, .row.list-group-item.licensing-task {
        border-radius:0;
    }
}
@media(min-width:576px) {
    .row.list-group-item.folder-task, .row.list-group-item.licensing-task {
        margin-left: 5px;
        margin-right: 5px;
    }
    a.licensing-show-details-button, a.prospero-show-details-button
    {
        margin-left:5px;
        margin-right:5px;
    }
}
.panel .container-fluid
{
    padding-left:0;
    padding-right:0;
}

.panel.panel-parent>.panel-body
{
    padding:0;
    border-right: initial;
    border-left: initial;
}

.panel.panel-parent>.panel-body.fee-balances
{
    padding:15px;
}


.panel.panel-parent>.panel-body .panel
{
    border-top-left-radius:0px;
    border-top-right-radius:0px;
    border-bottom:none;
    border-left:none;
    border-right:none;
    box-shadow:none;
}

.charges-small.list-group-item, .project-folders-small.list-group-item
{
    border-left:none;
    border-right:none;
    border-top-left-radius:initial;
    border-top-right-radius:initial;
    margin-left: -15px;
    margin-right: -15px;
}

.child-panel-heading
{
    background-color: rgba(24, 124, 205, 0.1);
    background-image: linear-gradient(rgba(24, 124, 205, 0.1), rgba(1, 98, 159, 0.1));
}

@media (max-width:575px) {
  .paws-rpt-small, .generalTrades-rpt-small, .repeater-small
  {
      display:block;
  }
  .paws-rpt-large, .generalTrades-rpt-large, .repeater-large
  {
      display:none;
  }
}

@media(min-width:576px){
    .paws-rpt-small, .generalTrades-rpt-small, .repeater-small
    {
        display:none;
    }
    .paws-rpt-large, .generalTrades-rpt-large, .repeater-large
    {
        display:block;
    }
}

.recent-statements-table tr:first-of-type td
{
    border-top:none;
}

.folder-property
{
    border-bottom: 1px solid #c1b8b8;
}
.folder-property:last-of-type
{
    border-bottom:none;
}

.text-top
{
    vertical-align:text-top;
}

@media print
{
    body 
    {
        -webkit-print-color-adjust: exact;
    }
    a[href]:after 
    {
        content: "";
    }
    .btn-no-print
    {
        display:none;
    }
}

.tdg-chart
{
    margin:0 auto;
    display:block;/*
    width:100%;
    height:100%;
    max-width:450px;
    max-height:350px;
    max-width:75%;
    max-height:450px;*/
    max-width:450px;
    max-height:450px;
}

@media(max-width:480px){

    .tdg-chart
    {
        max-width:300px;
        max-height:300px;
    }
}

.licence-title
{
    display:inline;
}

.licence-coversTo
{
    text-align:right;
}

@media (max-width:575px) {
  .licence-coversTo
{
    text-align:left;
}
}
@media (min-width:576px)
{
    .licencee-contact-info
    {
        display:flex;
        align-items: flex-end;
    }
}

.child-collapsible-panel
{
    margin-bottom: 20px !important;
    background-color: #fff !important;
    border: 1px solid transparent !important;
    border-top-color: rgb(221, 221, 221) !important;
    border-right-color: rgb(221, 221, 221) !important;
    border-bottom-color: rgb(221, 221, 221) !important;
    border-left-color: rgb(221, 221, 221) !important;
    border-radius: 4px !important;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
    box-shadow: 0 1px 1px rgba(0,0,0,.05) !important;
    border-top-color: transparent;
    border-top-style: solid;
    border-top-width: 1px;
    border-right-color: transparent;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-color: transparent;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-left-color: transparent;
    border-left-style: solid;
    border-left-width: 1px;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
}

/* WAIT CURSOR */
body.wait,
body.wait .waitCursor
{
    cursor: wait;
}	

.account-band-form-horizontal
{
    padding-left: 21px; 
    padding-right: 21px; 
    margin-bottom: 5px
	background-color: RED;
}

.account-band
{
    padding-left: 35px; 
    padding-right: 35px;
}
.related-band-form-horizontal
{
    margin-bottom:5px;
}

.summary-heading
{
    background-color: #f5f5f5;
    border-color: #ddd;
}

.conditions-table > tbody tr:first-of-type > td,
.deficiencies-table > tbody tr:first-of-type > td
{
    border-top:none;
}

/*Account List Icons*/
@media (max-width:575px)
{
    .system-comdev, .system-land, .system-dogs, .system-utility, .system-licensing
    {
        background-size: 25px 25px;
        background-position:  left top;
    }
}
@media (min-width:576px)
{
    .system-comdev, .system-land, .system-dogs, .system-utility, .system-licensing
    {
        background-size: 30px 30px;
        background-position: 5px center;
        padding-left: 10px;
    }
}

.system-comdev, .system-land, .system-dogs, .system-utility, .system-licensing
{
    background-repeat: no-repeat;
}

.system-dogs {
    background-image: url(../../Images/DOGS.png); /* ADDED ../ SEAN*/
}

.system-comdev {
    background-image: url(../../Images/COMDEV.png);/* ADDED ../ SEAN*/
	
}

.system-land
{
    background-image: url(../../Images/LAND.png);/* ADDED ../ SEAN*/
}
.system-utility
{
    background-image: url(../../Images/UTILITY.png);/* ADDED ../ SEAN*/
}

.system-licensing
{
    background-image: url(../../Images/LICENSING.png);/* ADDED ../ SEAN*/
}

/* ADDED SEAN */
.remove-side-pad
{
	padding-left: 0px; 
    padding-right: 0px; 
}

#MainContent_lbl_folderSort
{
	padding-right: 10px; 
	
}

/* ADDED BY SEAN */
/* hide the text in favor of the banner image. */
#pageHeader h1 {
  position: absolute;
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.pageFooter {
  /*clear: both;
  background: url(../images/penticton-logo.png) center bottom no-repeat !important; 
  margin-top: 10px;
  padding: 60px 0 20px 10px;
  height: 20px;
  font-size: .8em;*/
  .pageFooter {
 /* position: relative;*/
   position: relative;
   margin: 0px auto;
  width: 100%;   
  clear: both;
  background: url(../images/penticton-logo.png) center bottom no-repeat !important; 
  margin-top: 10px;
  /*margin-top: 320px;*/
  padding: 60px 0 20px 10px;
  height: 20px;
  font-size: .8em;
  line-height: 2;
  text-align: center;
  max-width: 815px;
  /*margin-left: auto;
  margin-right: auto;*/
  color: white;
  text-shadow: black 0 -1px 1px;
  
}
}

/* END ADDED BY SEAN*/
/* Button Colors: btn-danger btn btn-primary */

/* System Type backgrounds in lines above Change Color? .system-dogs etc?
