#gadget-dialog .aui-dialog2-content {
    padding: 0; /* remove inherited padding */
    border-radius: 0 0 5px 5px;
 }
#gadget-dialog .aui-page-panel-nav {
    padding: 20px 10px;
    width: 220px;
 }
#gadget-dialog #list-panel {
    margin-right: 20px;
 }
#gadget-dialog .aui-page-panel-nav .directory-search {
    margin-left: 10px;
}

#gadget-dialog .aui-page-panel-nav .directory-search .text {
    width:180px;
}
#gadget-dialog .aui-page-panel-nav .directory-search + .aui-navgroup-vertical {
    margin-top: 20px;
}
/* truncate items to a single line if too long */
/*#gadget-dialog .category-nav-item {*/
    /*overflow: hidden;*/
/*}*/
/*#gadget-dialog .category-nav-item a {*/
    /*text-overflow: ellipsis;*/
    /*white-space: nowrap;*/
/*}*/
/**/
#gadget-dialog .category-nav-item .aui-badge {
    float: right;
}

#gadget-dialog .item-group { /* directory item group */
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}
#gadget-dialog .item-group.last {
    border:none;
}
#gadget-dialog .item-thumbnail {
    width: 120px; /* width of the image */
}
#gadget-dialog .item-thumbnail img {
    border: 1px solid #ccc;
    border-radius: 3px;
}
#gadget-dialog .item-description,
#gadget-dialog .item-actions {
    margin-left: 20px;
}
#gadget-dialog .item-actions {
    text-align: right;
    /* For some reason closing and re-opening the dialog causes the actions
    column to calculate its width differently, so hard-coding the width there */
    width:150px;
}

#gadget-dialog .item-description h4:first-child {
    margin-top: 0;
}
#gadget-dialog .item-author {
    color: #707070;
    font-size: 12px;
    margin-top: 0;
}
#gadget-dialog .message-panel {
    padding-top:40px;
}
#gadget-dialog .loading-text {
    text-align: center;
    padding-top:10px;
}

#gadget-dialog .toggle-xml {
    display:block;
}

#gadget-dialog .loading-spinner .spinner {
    margin-left:auto;
    margin-right:auto;
}

#gadget-dialog .loading-spinner .spinner div {
    background-color: #333;
}

#gadget-dialog #directory-page {
    height: 400px;
}

#gadget-dialog #message-panel div:first-of-type {
    margin-top: 20px;
    margin-right: 10px;
}

#gadget-dialog #message-panel div {
    margin-right: 10px;
}