/* -------------------
   Common
*/
.commonArea {
}

.commonAreaSummary {
    min-width: 400px;
}

.commonArea .heading {
    padding-bottom: 2px;
    border-bottom: 1px solid rgb(200, 200, 200);
}

.commonArea .content td {
    padding-top: 5px;
    padding-right: 15px;
}

.commonArea .personName, .commonArea .fundName, .commonArea .employerName {
    font-size: medium;
    font-weight: bold;
}

.commonArea .personSSN {
    font-size: medium;
    color: rgb(120, 120, 120);
}

.activeSummary {
    font-size: small;
}

.commonArea .content .activeSummary td {
    padding-right: 1px;
}

.pictureDiv {
    float: left;
}

    .pictureDiv a:hover {
        cursor: pointer;
    }

    .pictureDiv a img {
        border: 0;
    }

.alignBottom {
    display: table-cell;
    vertical-align: bottom;
    height: 40px;
}

.card {
    background-color: white;
    border: 1px solid #dcdcdc;
    border-radius: 2px;
    padding: 5px;
    display: inline-block;
    position: relative;
    min-height: 1px;
    -webkit-box-shadow: -1px 3px 5px 0px rgba(50, 50, 50, 0.4);
    -moz-box-shadow: -1px 3px 5px 0px rgba(50, 50, 50, 0.4);
    box-shadow: -1px 3px 5px 0px rgba(50,50,50,0.4);
    cursor: default;
    vertical-align: top;
}

.cardPressed {
    border: 2px solid rgb(102,175,233);
    -webkit-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.90);
    -moz-box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.90);
    box-shadow: 0px 1px 3px 0px rgba(50, 50, 50, 0.90);
}

.card:hover .cardMenuBar {
    background-color: #cccccc;
}

.clickableCard {
    cursor: pointer;
}

    .clickableCard:hover {
        border: 1px solid #90c4ee;
    }

.card[disabled='disabled'] {
    background-color: lightgrey;
    box-shadow: none !important;
    opacity: .5;
    cursor: default;
    border: 1px solid gray !important;
}

.cardMenuBar {
    float: right;
    margin-top: -6px;
    padding-top: 4px;
    background-color: #dddddd;
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
}

    .cardMenuBar:hover {
        cursor: pointer;
    }

.card:hover .cardMenuButton {
    color: black;
}

.card .cardButton {
    min-width: 25px;
    min-height: 20px;
    float: right;
    padding: 0px;
}

.card .cardFlipButton {
    background-image: url(Images/flip.png);
    background-repeat: no-repeat;
    background-position: center;
    display: inline-block;
}

.card .cardMenuButton {
    text-align: center;
    float: right;
}

.cardMenuButton .dropdown-toggle {
    width: 100%;
    height: 100%;
    min-height: 100%;
}

.cardList {
    margin-left: -15px !important;
    margin-right: 5px !important;
    padding-left: 0px;
    padding-bottom: 5px;
    text-align: center;
}

.cardTitle {
    color: #002355;
}

.card .cardTitle {
    font-weight: bold;
    font-size: small;
}

.cardTitle a {
    color: #002355 !important;
}

.row-centered {
    text-align: center;
}

.col-centered {
    display: inline-block;
    float: none;
    /* reset the text-align */
    text-align: left;
    /* inline-block space fix */
    margin-right: -4px;
}

.cardBack {
    display: none;
    height: 100%;
}

.card-dropdown-menu {
    display: none;
    list-style: none;
    padding: 0;
    margin: 0;
    border: 1px solid #bbb;
    background-color: #eee;
    -webkit-box-shadow: -1px 1px 5px rgba(0,0,0,0.175);
    box-shadow: -1px 1px 5px rgba(0,0,0,0.175);
    padding: 5px 0px 5px 0px;
}

    .card-dropdown-menu li:hover {
        background-color: #ddd;
    }

    .card-dropdown-menu li a {
        padding: 5px 40px 5px 10px;
        display: block;
        text-decoration: none;
    }