/*thumbs displayed in story*/
.at_story_thumb {
    float:left;
    margin-right:10px;
}
.at_clear {
    clear:left;
}

/*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 {

}
#auto_thumb {
    background:#EDEDED;
    border:1px solid #D9D9D9;
    float:left;
    height:380px;
    min-width:540px;
}
#auto_thumb td {
    vertical-align:top;
}
.at_left_col {
    width:230px;
    float:left;
    margin:10px;
}
.at_left_col .at_section {
    width:230px;
}
.at_right_col {
    float:left;
    margin:10px;
}
.at_section {
    float:left;
    clear:both;
    margin-top:10px;
    width:100%;
}


/*results section*/
.loading {
    background: url('../images/ajax-loader.gif') no-repeat scroll 50% 50% transparent;
}
.at_result {
    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*/
.at_preview {
    width:100%;
    height:200px;
    text-align:center;
}
.at_preview img{
    max-width:200px;
    max-height:200px;
}


/*thumbnails section*/
#thumbsContainer {
    border:1px solid white;
    height:290px;
    overflow:auto;
    float:left;
    margin-top:10px;
    clear:both;
    min-width:260px;
    width:100%
}
#thumbsContainer .autoThumb {
    height:100px;
    width:100px;
    padding:4px;
    margin:4px;
    border: 2px solid #EEEEEE;
    float:left;
    text-align:center;
}
#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;
}