body {
    font-family: arial;
}

.AlbumDisplay .padding {
    padding: 4px;
}

.modalTitle {
    float: left;
    font-size: 19px;
    line-height: 35px;
    text-indent: 10px;
}

.closeModal {
    float: right;
}

.addClipartDescription {
    text-align: left;
    padding-left: 5px;
    height: 32px;
    font-size: 13px;
}

    .addClipartDescription span {
        margin-left: 125px;
        margin-right: 10px;
        font-weight: bold;
    }

.modalHeader {
    background: #d6d6d6;
    font-size: 24px;
    font-weight: bold;
    padding: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
}

.addClipartTitle {
    text-align: left;
}

.albumsList {
    float: left;
    width: 180px;
}

.albumChooseImage {
    float: right;
    width: 585px;
    height: 390px;
    padding: 10px 0 0 0;
}

.albumImages {
    width: 545px;
    height: 336px;
    margin: 0px 5px 5px 5px;
    padding: 10px;
    border: 1px solid #909090;
    overflow-y: auto;
    overflow-x: hidden;
}

    .albumImages li {
        list-style-type: none;
        float: left;
        width: 100px;
        height: 100px;
        border: 1px solid #ccc;
        margin: 7px;
        padding: 10px;
    }

.AlbumDisplay .albumsList {
    padding: 5px;
    height: 385px;
    width: 170px;
    overflow: scroll;
    overflow-x: hidden;
    border: 1px solid #909090;
    margin-left: 8px;
    margin-top: 5px;
}

.AlbumDisplay .addClipartCategoryHeader {
    text-align: left;
    font-weight: bold;
    font-size: 13px;
}

.AlbumDisplay ul.albums {
    margin-top: 0;
    list-style-type: disc;
    list-style-position: inside;
    padding-left: 0;
}

    .AlbumDisplay ul.albums li.album {
        cursor: pointer;
        margin: 5px;
        text-align: left;
        /* border: 2px solid #AAA; */
    }

        .AlbumDisplay ul.albums li.album .albumTitle {
            text-align: left;
            font-size: 13px;
        }

            .AlbumDisplay ul.albums li.album .albumTitle:hover {
                color: #077EB9;
            }

        .AlbumDisplay ul.albums li.album .description {
            text-align: center;
            display: block;
            font-style: italic;
            font-size: 7pt;
            border-bottom: 2px dotted #AAA;
        }

.AlbumDisplay ul.albumThumbs {
    list-style-type: none;
    padding-left: 0;
}

    .AlbumDisplay ul.albumThumbs li.albumThumb {
        cursor: pointer;
        display: block;
        text-align: center;
        border: 2px solid #AAA;
        border-collapse: collapse;
        margin: 5px;
        padding: 5px;
        background-color: #E4E4E4;
    }

        .AlbumDisplay ul.albumThumbs li.albumThumb div.albumThumbWrap {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .AlbumDisplay ul.albumThumbs li.albumThumb:hover {
            background-color: #D3D3D3;
            border: 2px solid #666;
        }

        .AlbumDisplay ul.albumThumbs li.albumThumb.selectedAlbumImage {
            border: 2px solid #1CA9FB;
        }

        .AlbumDisplay ul.albumThumbs li.albumThumb img {
            max-height: 100px;
        }

.AlbumDisplay ul.albums li.album ul.albumThumbs li.albumThumb .title {
    background: transparent;
    display: block;
    font-weight: bold;
    font-size: 10pt;
    width: 140px;
    overflow: hidden;
}

.insertImage {
    text-align: right;
    padding: 5px 20px 5px 0;
}

.insertImageButton {
    background: #077EB9;
    background: -moz-linear-gradient(top, #077EB9 0%, #035F8D 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#077EB9), color-stop(100%,#035F8D));
    background: -webkit-linear-gradient(top, #077EB9 0%,#035F8D 100%);
    background: -o-linear-gradient(top, #077EB9 0%,#035F8D 100%);
    background: -ms-linear-gradient(top, #077EB9 0%,#035F8D 100%);
    background: linear-gradient(top, #077EB9 0%,#035F8D 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#077EB9', endColorstr='#035F8D',GradientType=0 );
    box-shadow: 0px 1px 0px 0px #80BEDD inset;
    border: 1px solid #4B4B4B !important;
    border-radius: 8px;
    -moz-border-radius: 8px;
    display: block;
    padding: 1px 25px;
    line-height: 34px;
    color: white;
    font-weight: normal;
    text-shadow: -1px -1px -1px #1C4255;
    font-size: 15px;
    border: 0;
    cursor: pointer;
    margin: 0 auto;
    min-width: 122px;
    float: right;
}

    .insertImageButton:hover {
        background: #035f8d;
        text-decoration: none;
    }
}

.albumArtUploadImage {
    text-align: right;
    padding: 5px 20px 5px 0;
}

.albumArtUploadImageButton {
    background: #393939;
    background: -moz-linear-gradient(top, #616161 0%, #393939 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#616161), color-stop(100%,#393939));
    background: -webkit-linear-gradient(top, #616161 0%,#393939 100%);
    background: -o-linear-gradient(top, #616161 0%,#393939 100%);
    background: -ms-linear-gradient(top, #616161 0%,#393939 100%);
    background: linear-gradient(top, #616161 0%,#393939 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#616161', endColorstr='#393939',GradientType=0 );
    text-shadow: -1px -1px -1px black;
    border: 1px solid #313131;
    box-shadow: 1px 1px 0 0 #B2B1B1 inset;
    -moz-border-radius: 6px;
    border-radius: 6px;
    padding: 7px 15px;
    color: #fff;
    cursor: pointer;
}

    .albumArtUploadImageButton:hover {
        background: #393939;
        text-decoration: none;
        color: #fff;
    }

.closeModalButton {
    background: url('/includes/images/ImagesSprite.png') no-repeat;
    background-position: -155px -786px;
    display: block;
    width: 32px;
    height: 33px;
    cursor: pointer;
}

    .closeModalButton:hover {
        background-position: -155px -819px;
    }