/* CSS Document */
/*---------------------------morningstar header*/
#header
{
position:absolute;
top:0px;
width:956px;
height:71px;
border-top:7px solid #ff0000;
}

body 
{
	text-align: center;
}

#msvideowrapper
{
	 margin: 0 auto; 
	 width: 956px;
	 text-align: left;
}

.hide
{
	visibility: hidden;
	display: none;
}

/*---------------------------video page wrapper, excluding morningstar header*/
#msvideo
{
position:absolute;
top:72px;
height:750px;
width:956px;
border:1px solid #bdbdbd;
background-color:#ebebeb;
}
/*---------------------------large video player*/
#bcvideo
{
position:absolute;
top:2px;
left:3px;
height:365px;
width:612px;
}
/*---------------------------top right panel*/


/*---------------------------tabs for Mstar Aus player*/
.tab_n, .tabOn_n, .tab_nL, .tabOn_nL {
background-color: #BDBDBD;
border-right:1px solid #999999;
border-top:1px solid #999999;
color:#333333;
display:inline;
float:left;
font-size:10px;
height:26px;
line-height:24px;
text-align:center;
text-decoration:none;
z-index:10;
width: 80px;
font-family: Verdana;
}

.tabOn_n, .tabOn_nL
{
	background-color:#FDFDFD;
	color:#000000;
	height:26px;
	position:relative;
	z-index:12;	
}


/*-----------------------------------------------*/
p 
{
	margin:0px;
	padding: 0px;
}

#rpanel
{
position:absolute;
top:3px;
left:615px;
height:408px;
width:335px;
/* border: 1px solid #BDBDBD; */

}

#rpanel_Bar
{
position:relative;
top:0px;
height:15px;
background-color:#DADADA;
border: 1px solid #746762;
vertical-align:middle;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
}



#rectangle
{
position:relative;
float:left;
top:0px;
width:150px;
left:0px;
height:270px;
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:0px 0px 0px 0px;
padding:3px 0px 0px 0px;
border-top:1px solid #bdbdbd;
}

.MyMorningstar 	
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .9em;	
	color: #333333;	
	vertical-align: middle;
	text-decoration: none;	
	border:1px solid #BDBDBD; 
	padding-left: 5px;
}

.MyMorningstar a
{
	text-decoration: none;
	color: #333333;
}
.MyMorningstar a:hover
{
	color: Red;
}


.videoTitleBold
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#2a8cbd;
float: left;
padding-left: 10px;
margin-top: 25px;
text-align: left;
width: 260px;
}

.videoTitleDate
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
color:#2a8cbd;
float: left;
margin-top: 5px;
padding-left: 10px;

}

.shortDesc
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
float: left;
padding-left: 10px;
margin-top: 10px;
text-align: left;
width: 260px;
}	




#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;
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;
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
{
position:absolute;
top:200px;
left:0px;
height:18px;
width:100%;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
line-height:14px;
text-align:center;
text-decoration:none;
color:#333333;
padding:0px 0px 0px 0px;
margin:10px 0px 0px 0px;
border-top:1px solid #bdbdbd;
border-bottom:1px solid #bdbdbd;
}
.premiumad a:hover
{
	color: Red;
}

/*---------------------------tabs related*/
#tabbar
{
position:absolute;
top:430px;
left:5px;
height:24px;
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:21px;
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 2px 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;
}


#info
{
position:absolute;
top:420px;
left:5px;
height:60px;
width:892px;
border:0px solid #bdbdbd;
background-color:#ebebeb;
overflow:auto;
z-index:1;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
line-height:14px;
}



/*---------------------------Advertising*/

#AdZone_Bottom
{
position:absolute;
top:617px;
height:126px;
width:948px;
border:1px solid #bdbdbd;
background-image: url(//im.morningstar.com/im/NewHomePage/diaglines.gif); 
/*background-color:#ebebeb;*/
background-color:#FFFFFF;
overflow:hidden;
z-index:1;
}






/*---------------------------video link cells*/


.ClipImage 
{
float: left; 
border: none; 
margin-right: 10px;
width: 150px;
height: 84px;
overflow: hidden;
}

.ClipBlurb 
{
width: 300px; 
vertical-align: top; 
float: left;
}

#vidlinks
{
position:absolute;
top:454px;
left:-1px;
height:194px;
width:900px;
border:1px solid #bdbdbd;
background-color:#ebebeb;
overflow:scroll;
z-index:1;
}





.vlink1
{
position:relative;
float:left;
height:80px;
width:260px;
margin: 6px 2px 0px 24px;
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
{
position: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:28px;
width:153px;
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:#333333;
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 #bdbdbd;
border-right:1px solid #aaaaaa;
border-bottom:1px solid #999999;
border-left:1px solid #aaaaaa;
background-image:url(http://im.morningstar.com/im/videocenter/bg_play.gif);
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 #666666;
}
/*---------------------------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;
}

.videodate
{
	color: #7FA2CC;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
}

/* For nav bar -----------------------------*/
#navbar 
{
	float: left;
	top: 50px;
	margin-top: 20px;
	height: 26px;
	position: relative;
	width: 955px;
	z-index: 6;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
}

.tab,.tabw,.tabon,.tabwon, .tablogin {	 
	width: 70px;
	position: relative;
	font-size: .6em;	
	color: #666666;	
	text-decoration: none;	
	border: 1px solid #94ADC9;	
	text-align:center;	
	margin-left:2px;	
	padding:2px 5px 4px 5px;	
	overflow:visible;	
	float:left;
	z-index:4;
}

.tab, .tabw {
	background-color: #D7E7FC;

}

.tabon 
{
	background-color: #BFD5FF;
	border-bottom: 1px solid #BFD5FF;
}

.tablogin {
	background-color: #EBDDE2;
}

a.tab:link, a.tabw:link, a.tabon:link, a.tabwon:link { 
	text-decoration: none; 
}

a.tabon:hover, a.tabwon:hover { 
	text-decoration: none
}

a.tab:hover, a.tabw:hover { 
	text-decoration: none; 
	background-color:#E7Efff;
}

a.tab:active, a.tabw:active, a.tabon:active	{ 
	text-decoration: none; 
	background-color: #FFFFFF; 
	border: 1px solid #cccccc;
}

.tab_n, .tabOn_n
{
	/* width:85px; */
	padding: 0 13px 0 13px;
}

.tab_n, .tabOn_n
{
    font-family: Verdana;
	background-color:#DBDBDB;
	border-right:1px solid #999999;
	border-top:1px solid #999999;
	color:#333333;
	display:inline;
	float:left;
	font-size:10px;
	height:25px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	z-index:10;
}

.tabOn_n
{
	background-color:#FDFDFD;
	color:#000000;
	height:26px;
	position:relative;
	z-index:12;	
}

.tab_n:hover
{
	background-color: #E1EDF6;
	color: #000000;
	cursor: pointer;
	text-decoration: none;
}

.tabOn_n:hover
{
	text-decoration: none;
	cursor: pointer;
}