/*thumbs displayed in story*/
.at_story_thumb_link {
    float:left;
    position:relative;
}
.at_story_thumb {
    margin-right:10px;
}
.at_clear {
    clear:left;
}
.embedly_html_wrapper {
    background: url('../images/ajax-loader.gif') no-repeat scroll 50% 50% transparent;
    border:1px solid #D9D9D9;
}
.embedly i {
    background:url("../images/play.png") no-repeat scroll 0 0 transparent;
    position:absolute;
    left:50%;
    bottom:50%;
    height:30px;
    width:40px;
    margin-bottom:-15px;
    margin-left:-25px;
}

/*display of video thumbnail during edit story*/
#video_thumb {
    float:left;
    background:none repeat scroll 0 0 #EDEDED;
    border:1px solid #D9D9D9;
    padding:10px;
}
#video_thumb h2 {
    text-align:center;
    padding-bottom:10px;
}
#video_thumb img {
    display:block;
    margin:0px auto;
}

/*main sections*/
#auto_thumb_wrapper {
    margin-top:20px;
}
#auto_thumb {
    /*background:#EDEDED;*/
    /*border:1px solid #D9D9D9;*/
    float:left;
    min-width:440px;
    margin-top:20px;
}
.at_left_col {
    width:320px;
    height:300px;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    text-align:center;
}
.at_right_col {
    display:none;
    float:left;
    margin-bottom:10px;
    margin-bottom:50px;
}
.at_section {
    float:left;
    clear:both;
    margin-top:10px;
    width:100%;
}
.at_extra {
    display:none;
}
.at_extra_upload {
    display:none;
}

/*results section*/
.loading {
    background: url('../images/ajax-loader.gif') no-repeat scroll 50% 50% transparent;
    min-height:20px;
    min-width:20px;
}
.at_result {
    /*min-height:25px;*/
}
#at_success, #at_error {
    display:none;
}
.at_success {
    border:solid 1px #349534;
    background:#C9FFCA;
    color:#008000;
    padding:4px;
    text-align:center;
}
.at_error {
    border:solid 1px #CC0000;
    background:#F7CBCA;
    color:#CC0000;
    padding:4px;
    text-align:center;
}


/*preview section when editing a story */
.at_left_col .at_preview img{
    max-width:320px !important;
    max-height:200px !important;
    margin:0 !important;
    padding:0 !important;
    float:none !important;
}


/*thumbnails section*/
#thumbsContainer {
    border:1px solid #EDEDED;
    min-height:150px;
    max-height:300px;
    overflow:auto;
    float:left;
    margin-top:10px;
    clear:both;
    /*min-width:418px;*/
    width:100%
}
#thumbsContainer .autoThumb,
#thumbsContainer .autoThumbInvalid {
    height:100px;
    width:100px;
    padding:4px;
    margin:4px;
    border: 2px solid #EEEEEE;
    float:left;
    text-align:center;
}
#thumbsContainer .autoThumbInvalid:hover {
    border: 2px solid HotPink;
    background:lightPink;
}
#thumbsContainer .autoThumb img {
    max-height:100px;
    max-width:100px;
    border:0;
}
#thumbsContainer .hilite {
    border:2px solid orange;
    background:lightGoldenRodYellow;
}
#thumbsContainer .selected {
    border:solid 2px #349534;
    background:#C9FFCA;
}