@charset "UTF-8";
/* CSS Document */

@charset "UTF-8";
/* CSS Document */
/*---------------------------morningstar header*/
#header
{
position:absolute;
top:0px;
left:10px;
width:837px;
height:71px;
border-top:10px solid #ff0000;
}
/*---------------------------video page wrapper, excluding morningstar header*/
#msvideo
{
position:absolute;
top:72px;
left:10px;
height:628px;
width:835px;

border:1px solid #bdbdbd;
background-color:#ebebeb;
}
/*---------------------------large video player*/
#bcvideo
{
position:absolute;
top:2px;
left:3px;
height:406px;
width:480px;
}
/*---------------------------top right panel*/
#rpanel
{
position:absolute;
top:5px;
left:494px;
height:406px;
width:336px;
background-color:#ebebeb;
}

#rectangle
{
position:relative;
float:left;
top:0px;
left:0px;
height:280px;
width:336px;
text-align:center;
}

#bcvidtitle
{
position:relative;
float:left;
width:336px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:16px;
line-height:22px;
color:#2a8cbd;

margin:12px 0px 0px 0px;
padding:3px 0px 0px 0px;
border-top:1px solid #bdbdbd;
}

#addeddate
{
position:relative;
float:left;
width:336px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
color:#333333;
}

#rreport
{
position:relative;
float:left;
width:336px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#333333;
margin:0px 0px 0px 0px;
}

#vidopt
{
position:relative;
float:left;
width:336px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:16px;
color:#333333;
margin:0px 0px 0px 0px;
}

#rreport a:link, #rreport a:visited, #vidopt a:link, #vidopt a:visited
{
color:#333333;
text-decoration:underlined;
}

#rreport a:hover, #vidopt a:hover
{
text-decoration:none;
}

.premiumad, .premiumad a:link, .premiumad a:visited
{
position:absolute;
top:375px;
left:0px;
height:18px;
width:334px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:14px;
text-align:center;
text-decoration:none;
color:#333333;
padding:2px 0px 0px 0px;
margin:10px 0px 0px 0px;
border-top:1px solid #bdbdbd;
border-bottom:1px solid #bdbdbd;
}

/*---------------------------tabs related*/
#tabbar
{
position:absolute;
top:420px;
left:5px;
height:22px;

border-top:1px solid #bdbdbd;
border-left:1px solid #bdbdbd;
z-index:3;
}

.tab, .tabon, a.tabon:link, a.tab:link
{
position:relative;
float:left;
top:0px;
left:0px;
height:18px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
line-height:14px;
text-align:center;
text-decoration:none;
color:#666666;
margin:0px 0px 0px 0px;
padding:2px 7px 0px 7px;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #aaaaaa;
background-image:url(http://im.morningstar.com/im/videocenter/bg_tab.gif);
background-repeat:repeat-x;
}

a.tab:hover {color:#333333;}

a.tab:active {color:#333333; background-image:url(http://im.morningstar.com/im/videocenter/bg_tabon.gif); border-bottom:1px solid #d0d0d0;}

.tabon, a.tabon:link
{
color:#333333;
background-image:url(http://im.morningstar.com/im/videocenter/bg_tabon.gif);
border-bottom:1px solid #d0d0d0;
}
/*---------------------------video link cells*/
#vidlinks
{
position:absolute;
top:441px;
left:5px;
height:177px;
width:823px;
border:1px solid #bdbdbd;
background-color:#ebebeb;
overflow:auto;
overflow-y:scroll;
z-index:1;
}

.vlink1
{
position:relative;
float:left;
height:100px;
width:210px;
margin: 6px 2px 0px 5px;
background-color:#ffffff;
border:1px dotted #339900;

}
.vlink1b
{
position:relative;
float:left;
height:80px;
width:200px;
margin: 6px 2px 0px 5px;
background-color:#ffffff;
}

.vlink2
{
position:relative;
float:left;
height:77px;
width:258px;
background-color:#ebebeb;
background-image:url(http://im.morningstar.com/im/videocenter/bg_cell.gif);
border:1px solid #bdbdbd;
}

.thumbnail, a.thumbnail:link, a.thumbnail:visited
{
postion:relative;
float:left;
height:62px;
width:82px;
margin: 5px 0px 0px 5px;
border:1px solid #bdbdbd;
}

a.thumbnail:hover
{
border:1px solid #666666;
}

.vlinktitle, .vlinktitleon, a.vlinktitle:link
{
position:relative;
float:left;
height:41px;
width:100px;
margin:5px 0px 0px 10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:10px;
line-height:14px;
text-decoration:none;
color:#339900;
overflow:visible;
}

.vlinktitleon, a.vlinktitle:hover
{
color:#2a8cbd;
}


.play, a.play:link, a.play:visited
{
position:relative;
float:left;
height:13px;
width:37px;
margin:7px 0px 0px 10px;
padding:1px 3px 0px 3px;
border-top:1px solid #339900;
border-right:1px solid #339900;
border-bottom:1px solid #339900;
border-left:1px solid #339900;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
text-decoration:none;
}

a.play:hover
{
color:#333333;
border:1px solid #666666;
}

a.play:active
{
border-top:2px solid #666666;
border-right:0px;
border-bottom:0px;
border-left:2px solid #339900;
}
/*---------------------------loading icon*/
.vcloadingicon {
position:relative;
float:left;
height:35px;
top:60px;
left:280px;
padding:16px 0px 10px 51px;
background:url(http://im.morningstar.com/im/videocenter/vcloading.gif) no-repeat center left;
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
}
/*---------------------------spacer after the last row*/
#spacer
{
position:relative;
float:left;
width:803px;
margin:0px 0px 0px 0px;
height:5px;
overflow:hidden;
}