.info {
    width: 312px;
    background: url(../../images/info-background.png) repeat;
    box-shadow: 0px 0px 8px #aaa;
    font-size: 11px;
    font-weight: bold;
    color: #333333;
    display: none;
    height: auto;
    cursor: move;
    z-index: 15;
    position: absolute;
    right: 0;
}

.chromeless .info {
    display: none;
}

.info.expanded {
}

.info .info-contents {
    background: #f3f3f3;
    background: url(../../images/background-texture.png) repeat;
    margin: 10px;
    cursor: move;
}

.info .info-contents-title {
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    font-weight: normal;
    font-size: 16px;
}

.info .info-contents .related-entities {
    margin: 10px 0 14px 14px;
}

.info .player {
    margin-bottom: 12px;
    margin-left: 2px;
}

.info .yt-player-container { }

#yt-player {
    display: none;
}

.info .yt-player-container .add-link {
    padding-left: 10px;
}

.info .yt-player-container a {
    font-weight: normal;
    font-size: 13px;
}

.info .yt-player-container a:hover {
    text-decoration: underline;
}

.info .yt-player-container .edit-link {
    display: none;
    margin-right: 10px;
}

.info .yt-player-container .add-controls {
    padding-left: 10px;
    display: none;
}

.info .yt-player-container .add-controls input {
    float: left;
    width: 240px;
    font-size: 11px;
    color: #ccc;
    padding-left: 4px;
    padding-right: 4px;
}

.info .yt-player-container .add-controls input:focus {
    color: #333;
}

.info .yt-player-container .youtube-url-button {
    margin-top: 3px;
    margin-left: 6px;
}

.info .info-contents .main-entity {
    margin: 18px 14px 0px 14px;
}

.info .info-contents .associated-entity {
    margin: 0px 14px 0px 14px;
    height: 84px;
}

.info .relationship-comment {
    margin: 10px 14px 6px 14px;
    font-weight: normal;
    overflow: hidden;
}

.info .info-contents .comments {
    margin: 6px 14px 14px 14px;
}

.info .related-entities .thumbs {
    margin-bottom: 8px;
    margin-top: 8px;
}

.info .related-entities .thumb {
    float: left;
    margin-right: 6px;
}
.info .connection {
    margin-left: 50px;
}

.info .connection-text {
    margin-left: 3px;
    padding-top: 9px;
    font-weight: normal;
    color: #999;
}

.info .contributor-name {
    color: #4fafd1;
}

.info .comments-label {
    margin-top: 10px;
    margin-bottom: 16px;
}

.info .comments textarea {
    width: 245px;
    margin-bottom: 0;
}

.info .comments .submit-button {
    width: 65px;
    padding: 4px;
    background: #fff;
    border: 1px solid #ccc;
    font-weight: normal;
    color: #666;
    text-align: center;
    cursor: pointer;
}

.info .comments .submit-button:hover {
    border: 1px solid #666;
    color: #333;
}

.info .ui-corner-all {
    cursor: pointer;
}

.info #types-key {
    margin-left: 6px;
    margin-top: 4px;
}

#comment-template {
    display: none;
}

.comment .comment-left-column {
    float: left;
    width: 44px;
    margin-right: 4px;
}

.comment .edit-comment-container {
    display: none;
    width: 210px;
}

.comment .edit-comment-container textarea {
    width: 210px;
    margin-bottom: 2px;
}

.edit-cancel-button {
    font-weight: normal;
}

.comment-icons {
    padding-top: 2px;
}

.comment {
    margin-top: 12px;
    min-height: 54px;
}

.comment .thumb {
    margin-bottom: 3px;
}

.comment .comment-text {
    width: 215px;
    font-weight: normal;
    font-size: 11px;
    overflow: hidden;
    white-space: pre;           /* CSS 2.0 */
    white-space: pre-wrap;      /* CSS 2.1 */
    white-space: pre-line;      /* CSS 3.0 */
    word-wrap: break-word;
}

.comment .comment-text a {
    color: #4fafd1;
}
.comment .comment-date {
    color: #cecdcb;
    padding-top: 4px;
    font-weight: normal;
}

.confirm-dialog {
    height: 160px;
    display: none;
}

.confirm-text {
    font-weight: normal;
    margin-top: 14px;
    margin-bottom: 20px;
}

.new-h1tch-share-dialog {
    height: 166px;
    display: none;
}

.new-h1tch-share-dialog .dialog-text {
    font-weight: normal;
    margin-bottom: 10px;
}

.new-h1tch-share-dialog .social-icons {
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
}

.indented-hr {
    margin-right: 14px;
    margin-left: 14px;
    margin-top: 10px;
    height: 2px;
    border-top: 1px solid #d4d4d5;
    background-color: #f9f8f5;
}