﻿
.subtitleDashB {
    font-size: 15px;
    font-weight: bold;
    height: 25px;
}

.bodyDashB {
    clear: both;
}

.mainDashB {
    width: 733px;
    float: left;
}

.rightDashB {
    width: 214px;
    float: right;
}

.headerDashB {
    background-color: #426498;
    clear: both;
    height: 23px;
}

.funcListCombo ul {
    margin: 0px;
    padding: 0;
    list-style-type: none;
}

.funcHomeList ul {
    margin: 0px;
    padding: 0;
    list-style-type: none;
}

.funcList {
    margin-bottom: 10px;
    border-radius: 7px 7px;
}

.funcHomeList {
    border: 1px solid #9DA3A5;
    margin-bottom: 10px;
    background-color: #F4F5F6;
    border-radius: 7px 7px;
}

.ie8 .funcList {
    border-radius: 7px 7px;
    behavior: url (/Content/Styles/PIE.htc);
}

.row.labelrow .yearbirth span {
    padding-left: 12px;
}

.col.yearbirth > input {
    width: 92%;
}

#lstHomeDistricts {
    background: none repeat scroll 0 0 #FAFAFA;
    border: 1px solid #B3B7B9;
    border-radius: 3px 3px 3px 3px;
    height: auto;
    margin: 6px;
    min-height: 237px;
    overflow-y: auto !important;
}
    #lstHomeDistricts .mainBoxes {
        border-bottom: 1px solid #B3B7B6;
        height: 20px !important;
        padding-top: 5px;
        position: relative !important;
        background: #FFFFFF;
    }

        #lstHomeDistricts .mainBoxes span {
            margin-left: 5px !important;
        }
.ui-dialog #districtContainer {
    margin: 0 !important;
}

#lstHomeDistricts {
    background: #FFFFFF;
    border: 1px solid #B3B7B9;
    height: auto;
    margin: 6px;
    min-height: 237px;
    overflow-y: auto !important;
}

.ui-dialog #lstHomeDistricts {
    margin: 0 !important;
    border-radius: 0;
}

#lstHomeDistricts .mainBoxes, #lstDistricts .mainBoxes, #lstDistrictsExpanded .mainBoxes {
    border-bottom: 1px solid #B3B7B6;
    height: 25px !important;
    padding-top: 5px !important;
    position: relative !important;
    background: #FFFFFF !important;
}

    #lstHomeDistricts .mainBoxes span, #lstDistricts .mainBoxes span, #lstDistrictsExpanded .mainBoxes span {
        margin-left: 5px !important;
        color: #999999;
    }


#districtContainer {
    width: 440px !important;
}

.funcListCombo ul li {
    text-align: left;
}


.autocompleteDistricts {
    height: 214px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.autocompleteDistrictsUser {
    height: 214px !important;
    overflow-x: hidden;
    overflow-y: auto;
}

.mainBoxes a.close {
    position: absolute;
    right: 11px !important;
    text-transform: lowercase;
    top: 3px;
}

.ui-widget-content a {
    color: #222222;
}

.mainBoxes .close {
    color: #333333;
    cursor: pointer;
    height: auto !important;
    margin-right: 0;
    margin-top: 0;
    position: absolute;
    text-align: right;
    z-index: 1;
}

.funcHomeList ul li {
    background-image: url("images/dashboard-button-bg.png");
    background-position: left top;
    border: 1px solid #B6B6B6;
    display: inline-block;
    margin: 5px 0 0 6px;
    height: auto;
    width: 105px;
    overflow: hidden;
    text-align: center;
}

.mainDashCenter .mainDashB .funcHomeList ul li {
    height: 103px;
    width: 104px;
    overflow: hidden
}

.funcList ul li:not(.jstree-node):first-child {
    margin-left: 0;
}

.funcListCombo ul li a {
    display: block;
}

.tableBodyAction > img {
    width: 212px;
}

.home .funcList ul:not(.schemaList) li:not(.mainBoxes):not(.ui-draggable):not(.k-tool-group):not(.k-state-default) {
    height: 99px !important;
    margin: 13px 5px;
    float: left;
    width: 103px;
}

.home .funcList ul li.ItemSelected {
    margin: 9px 1px !important;
    padding: 2px;
}

.funcList ul li img {
    padding: 0;
    width: 103px;
    height: 99px;
}

.funcListCombo ul li img {
    padding: 0;
    width: 104px;
    height: 104px;
}


.tableDashB span {
    color: #3E403f;
    font-size: 11px;
}

.borderDashB .headerDashB.gray {
    background-image: url("images/dashboard-button-bg-bottom.png");
    border: 0 none;
}

#dataUpdates.borderDashB .headerDashB.gray{
    background-image: url("images/header-bg.png");
    border: 0 none;
}

.funcList .headerDashB span a {
    color: white;
    font-size: 13px;
    height: auto;
}

.funcList .headerDashB span,
.borderDashB .headerDashB span {
    color: White;
    font-size: 13px;
    height: auto;
}

#admPages {
    width: 403px;
    float: left;
    background-color: White;
}

#admPages {
    margin-bottom: 1em;
}

    #admPages ul {
        margin-left: 0;
        width: auto;
    }

        #admPages ul li {
            background: #edf5de;
            border-radius: 3px;
            float: none;
            list-style: none;
            margin: 6px 3px;
            padding: 3px 10px;
            width: auto;
        }

            #admPages ul li > span {
                float: left;
                width: 120px;
            }

                #admPages ul li > span + span {
                    float: right;
                }


            #admPages ul li a {
                color: #3E403F;
                font-size: 12px;
                margin-right: 5px;
                padding-right: 10px;
                text-decoration: none;
                font-weight: bold;
                display: block;
            }

.header-span {
    color: #727272;
    font-size: 12px;
    margin-right: 5px;
    padding-right: 10px;
    text-decoration: none;
    width: 149px;
}

br {
    clear: left;
}

#volunteerSum {
    width: 315px;
    float: right;
    min-height: 227px;
}

.backgrounWhite {
    background-color: White;
}
.treeBorders {
    border-top: 1px solid #ddd !important;
    border-left: 1px solid #ddd !important;
    border-right: 1px solid #ddd !important;
}
.tableDashB {
    font-size: 8px;
    width: 95%;
    margin: 5px;
    background-color: transparent;
}

    .tableDashB th {
        color: Black;
        font-weight: bold;
        border: 1px solid black;
    }
    
        .tableDashB td + td {
            text-align: right;
        }

    .tableDashB th + th {
        text-align: right;
    }

.btn_showAll {
    float: left;
    margin-left: 5px;
}

.btnPagin {
    float: right;
    margin-right: 5px;
}

.openfile {
    text-decoration: underline;
    cursor: pointer;
}

div.tableContainer {
    border: 1px solid #CCCCCC;
    background-color: transparent;
    display: block;
    margin: 5px auto 10px;
    padding: 0;
    width: 196px;
}

#hm_statisticsTable, div.tableContainer {
    padding: 1px !important;
}

    div.tableContainer .tableDashB {
        width: 194px;
    }

div.tableFPFContainer {
    background-color: transparent;
    border: 1px solid #9CA2A4;
    display: block;
    margin: 11px 7px 18px;
    padding: 0;
    width: 325px;
}

.ie9 div.tableContainer {
    margin-top: 8px;
}

.ie8 div.tableContainer {
    margin-top: 9px;
}

table.tableDashB {
    border: 2px solid #FFFFFF;
    margin: 0;
    width: 194px;
    background-color: transparent;
}

table.tableDashC {
    background-color: white;
}

.tableDashB th,
.tableDashB td,
.tableDashC th,
.tableDashC td {
    padding: 2px;
    border: 1px solid #B6BBBC;
    margin: 1px;
}

.tableDashB th,
.tableDashC th {
    background-color: #FFFFFF;
    color: #727272;
    font-weight: bold;
}

.tableDashB tr td,
.tableDashC tr td {
    background-color: #FFFFFF;
}

.tableDashB tr.alernate td,
.tableDashC tr.alernate td {
    background-color: transparent;
}

.topDash {
    overflow: hidden;
    margin-bottom: 10px;
    margin-top: 5px;
}

.welcome {
    color: #5A5D71;
    float: left;
    font-size: 14px;
    font-weight: bold;
    min-height: 17px;
}

.login {
    float: right;
    color: #5A5D71;
}

.mainDashCenter {
    overflow: hidden;
}

div.tableFooterAction {
    background-color: #FFFFFF;
    margin-top: -11px;
    padding: 3px 0 8px;
    text-align: center;
}

.ie9 div.tableFooterAction {
    margin-top: -10px;
}

.ie8 div.tableFooterAction {
    margin-top: -10px;
}

.tableContainer > a {
    color: #528e2a;
    font-weight: bold;
    font-size: 10px;
}

    .tableContainer > a:hover {
        text-decoration: none;
    }

.admPagesright {
    float: left;
    color: #727272;
    border: none;
    width: 191px !important;
}

.admPagesleft {
    float: left;
    color: #727272;
    border: none;
    width: 207px !important;
}

.admPagesleft-home {
    float: left;
    color: #727272;
    border: none;
    width: 50% !important;
}

.admPagesright-home {
    float: left;
    color: #727272;
    border: none;
    width: 50% !important;
}

.admHomePagesleft-home {
    float: left;
    color: #727272;
    border-top: 1px solid #B6BBBC;
    width: 315px !important;
}

.admHomePagesPopUp-home {
    float: left;
    color: #727272;
    border-top: 1px solid #B6BBBC;
    width: 356px !important;
}

.homeUserPagesleft-home {
    float: left;
    color: #727272;
    border-top: 1px solid #B6BBBC;
    width: 293px !important;
}


.admPagesright li span, .admPagesleft-home li span {
    float: none !important;
}

.admPagesright li {
    width: 196px !important;
}

.admPagesright-home li:nth-child(2n+1), .admPagesleft-home li:nth-child(2n+1) {
    background: #e2e4e5;
}

.admPagesright-home li:nth-child(2n+1), .admPagesleft-home li:nth-child(2n+1) {
    background: #e2e4e5;
}

.contentDashB {
    background: #FFFFFF;
    clear: both;
    display: block;
    min-height: 186px;
    margin: 5px 5px 6px;
    width: auto;
}

#admPages {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    border-radius: 0;
    margin-bottom: 10px;
    height: 227px;
}

#flagStatics .tableContainer {
    margin: 0px auto 5px;
}

#flagMgmt .tableContainer {
    margin: 5px;
    width: 935px;
}

.item-magment {
    height: 277px;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    width: 947px;
}

.magmentbuttons {
    margin-top: 10px;
}

#flagMgmt .tableContainer > table {
    width: 935px;
}

.magmentbuttons > a {
    height: 29px;
    margin: 5px;
    padding: 4px 43px;
    width: 178px;
}

.ie9 #flagStatics .tableContainer {
    margin-top: -3px;
}

.admPagesheader {
    background: #FFFFFF;
    padding: 3px;
    color: #646464;
    border-bottom: 1px solid white;
    font-size: 14px;
    color: #666;
}

#flagStatics {
    min-height: 227px
}

    #flagStatics .tableFooterAction {
        margin: 7px auto 5px;
    }

.ie9 #flagStatics .tableFooterAction {
    margin-top: 0px;
}

.datediv {
    margin-bottom: 5px;
    margin-top: 5px;
}

.ie9 .datediv {
    margin-bottom: 3px;
    margin-top: 3px;
}

.ie8 .datediv {
    margin-bottom: 4px;
    margin-top: 5px;
}

.DBSelect {
    background: none repeat scroll 0 0 #E2E4E5;
    border-bottom: 1px solid #F0F1F2;
    padding: 4px;
    cursor: pointer;
}

    .DBSelect label {
        color: #63667A !important;
    }

#volunteerSumcontent {
    border: 1px solid #B3B7B9;
    margin: 10px 10px 0;
    height: 181px
}

#homeEditPopUp {
    border: none;
    margin: 0 10px 0;
    height: auto
}

.datediv .date {
    color: #747475;
    margin-left: 17px;
}

.leftcheck {
    margin-left: 12px;
}

.rightcheck {
    margin-left: 42px;
}

.graphic {
    height: 128px;
}

.chartContainer {
    border-top: 1px solid #b6bbbc;
}

.titleicon {
    float: right;
    cursor: pointer;
    margin-top: 1px;
}

.help {
    background: #EA624C;
    float: right;
    height: 22px;
    margin-bottom: 0;
    margin-top: -6px;
    text-align: center;
    width: 99px;
    line-height: 18px;
    border-radius: 0 0 3px 3px;
}

    .help > a > span {
        font-family: 'PT Sans',arial,serif;
        font-weight: bold;
        text-shadow: 0 1px 1px #333333;
        color: White;
    }

    .help > a {
        text-decoration: none;
    }

.mainDashB > div.funcList {
    min-height: 310px;
    position: relative;
}

#dataUpdates {
    height: 150px;
}

.modules-box .row.row-btns-footer {
    margin: 6px 0 1px 5px;
    float: left;
}

div.btn-addNewUser.btn-addNewRole {
    text-align: left
}

div.btn-addNewUser a {
    display: inline-block
}

/**** Slider ****/
.headerDashB #settings {
    cursor: pointer;
}

    .headerDashB #settings > img {
        height: 15px;
        position: absolute;
        right: 5px;
        top: 5px;
        width: 15px;
    }

.headerDashB .pagination {
    display: block;
    float: right;
    position: relative;
    width: auto;
}

    .headerDashB .pagination a {
        margin: 0 5px;
        text-decoration: none;
    }

    .headerDashB .pagination .selected {
        opacity: 0.5;
        filter: alpha(opacity=50);
    }


.caroufredsel_wrapper {
    margin: 0 0 0 32px !important;
    width: 672px !important;
}

#foo2, #foo1 {
    margin-left: 0 !important;
}

.prev-btn-1 {
    left: 7px;
    position: absolute;
    top: 30%;
    cursor: pointer;
}

.next-btn-1 {
    position: absolute;
    right: 8px;
    top: 30%;
    cursor: pointer;
}

.prev-btn-2 {
    left: 7px;
    position: absolute;
    top: 69%;
    cursor: pointer;
}

.next-btn-2 {
    position: absolute;
    right: 8px;
    top: 69%;
    cursor: pointer;
}

#buttons {
    width: 295px;
    margin: 10px auto;
}

.ItemSelected {
    border-color: #0088cc !important;
    border-style: solid !important;
    border-width: 2px !important;
}

.orginformation {
    margin-bottom: 5px;
}

.subMenuContainer {
    height: 116px;
    margin-top: 15px;
}

.opacityItem {
    opacity: 0.5;
    padding: 0;
    width: 104px;
    height: 104px;
}
