/*$Id: bc_embed.css 37289 2010-04-28 15:20:35Z david $ */

/*css for videos embedded on external sites and blogs*/

@import url(../../../../css/0.1/screen/common/global.css);
@import url(../../../../css/app/bcvideo/common.css);

/*layout*/
#shell {
    width: 448px; /*+2 for borders +30 for padding = 480*/
    height: 361px;
    padding: 10px 15px 0;
    border: 1px solid #ccc;
}

/*header*/
#masthead img {
    padding-bottom: 7px;
    float: left;
    display: inline;
}
#masthead .more {
    float: right;
    display: inline;
    margin: 2px 0 0 0;
    padding: 0;
    font-size: 1.1em;
}

/*story*/
#bc_articleInfo {
    height: 1%; /* hasLayout */
    margin-top: 10px;
}
#bc_articleInfo .story {
    width: 390px;
    margin-bottom: 12px;
}
#bc_articleInfo #bc_relatedArticle span,
#bc_articleInfo #bc_relatedArticle a {
    font-family: arial,sans-serif;
}
#bc_articleInfo #bc_relatedArticle span {
    margin-right: 5px;
    text-transform: uppercase;
}
#bc_articleInfo #bc_relatedArticle a {
    font-size: 1.1em;
}

/* message displayed when video is not available for embedding */
.unavailable {
    border-top: 1px solid #ccc;
    zoom: 1;
}
.unavailable p {
    width: 23em;
    margin: 140px auto 0;
    font: 14px/18px arial,sans-serif;
    color: #000;
    text-align: center;
}
.unavailable p a {
    font-weight: bold;
}

/*sharetools*/
#bc_share {
    width: 427px;
    height: 302px;
    top: 34px;
    left: 15px;
    padding: 10px 10px 10px 9px;
    border: 1px solid #e2e2e2;
}
#bc_share h3.sharethis {
    padding-top: 4px;
}
#bc_share .story #videoName {
	width: 347px;
}
#bc_share .story .summary {
	float: right;
	width: 347px;
}
#bc_share .story {
    padding-bottom: 10px;
    border-bottom: 1px solid #e2e2e2;
    margin-bottom: 12px;
}
#shareMenu #shareList {
    padding-top: 2px;
}

#shareMenu #shareList li {
    width: 103px;
}
#shareMenu #shareList li.mixx {
    clear: none;
}

/*embeds*/
.embeds {
    padding-bottom: 4px;
    margin-bottom: 16px;
}
.embeds label {
    margin-bottom: 7px;
}
.embeds #video_permalink,
.embeds #embed_code {
    width: 419px;
    margin-bottom: 14px;
}