/* 
    Document   : video-trio-mod
    Created on : Jan 9, 2013, 4:17:20 PM
    Author     : slaughlin
    Description:
        Purpose of the stylesheet follows.
*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
    
.triple-video-mod{
    width: 455px;
    border: 4px #E4EDF4 solid;
    border-radius: 5px;
    float: left;
    height: 333px;
    margin-right: 5px;
}

.triple-video-mod.ie7,
.triple-video-mod.ie8,
.triple-video-mod.ie9{
    position: relative;
/*    top: -19px;*/
}

.triple-video-mod .thumbnails{
    float: left;
    width: 90px;
}
.triple-video-mod .thumb{
    width: 80px;
    height: 60px;
    margin: 5px;
    margin-bottom: 9px;
    padding: 1px;
    border: 1px gray solid;
    *overflow: hidden;
}
.triple-video-mod .thumb.selected{
    border: #4F79AD 2px solid;
    padding: 0;
}
triple-video-mod .thumb img{
    width: 80px;
    height: 60px;
}
.triple-video-mod .player{
    float: left;
      width: 350px;
    margin-top: 5px;
    padding: 0 5px;
}

.triple-video-mod.ie7 .player,
.triple-video-mod.ie8 .player{
    padding: 0;
}
.triple-video-mod .upper-pane{
    width: 100%;
    min-width: 455px;
}

.triple-video-mod  .summary{
    padding: 0 15px;
}
.triple-video-mod  h2{
    color: #2B3950;
    font-size: 16px;
    margin: 2px
}
.triple-video-mod  p{
    color: #666;
    font-size: 12px;
}
.triple-video-mod .player div{
/*    width: 355px;
    height: 210px;*/
}

#pane-2{display:none;}
#pane-3{display:none;}
#pane-4{display:none;}

#player-wrapper-2{ display:none;}
#player-wrapper-3{display:none;}
#player-wrapper-4{display:none;}

.triple-video-mod .player:after{ clear:both; }

.triple-video-mod {
    font-family: arial,Helvetica,Verdana,"Gill Sans";
}

.triple-video-mod a, a:active, a:visited{
    color: #608cbc;
    text-decoration: none;
    line-height: 18px;
    font-size: 13px;
    font-family: sans-serif;
}
.triple-video-mod .thumb a{
    background: url(../../../resource/media/image/play-button.6975d62b5093f007fe46db98dffa0a4f.png) no-repeat scroll center center transparent;
    display: block;
    height: 60px;
    left: 0;
    position: relative;
    top: -60px;
    width: 80px;   
}
.triple-video-mod .thumb.selected a{
    background:none;
}