/* CSS Document */

body {	margin-top: 0px; margin-left: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}

/* Link */
.F10,.F10alt,.F10alt2,.L10,.LG10,.F16,.B10,.B12,.H10, .F12, .B12, .textad, 
			{font-size:10px; line-height:17px; color:#333333; text-decoration:none}
.F10alt 	{ 				 line-height:12px;}
.F10alt2 	{ 				 line-height:12px; color:#777777; }
.L10 		{								   color:#CCCCCC;}
.LG10 		{								   color:#E7E7E7;}
.FG10 		{				                   color:#666666;}
.FG9 		{font-size:9px;				       color:#666666;}
.F16 		{font-size:16px; 				   color:#666666;}
.B10,.B12 	{font-weight:bold;}
.F12 		{font-size: 12px;}
.B12 		{font-size: 12px;}


.H10 {	float:left; border-left:1px solid #cccccc; margin:10px 0px 0px 0px; padding:9px 8px 0px 4px; word-spacing:0px; background-color:#FFFFFF; /*border-top:10px solid #FF0000; */}
 a.H10:link {	text-decoration:none; background-color:#FFFFFF; }
 a.H10:hover {	text-decoration:none;/* background-color:#E7E7E7; */ border-top:10px solid #CC0000; margin:0px 0px 0px 0px; border-left:1px solid #cccccc; }
 a.H10:active {	background-color:#FFFFFF; border-top:10px solid #990000; }
                        

/* Buttons*/
#PButton    {    float:left;    width: 70px;                position: absolute; left:330px; top:11px;    margin:0px 0px 0px 0px; overflow: visible;    }
.login,.logout,.signup,.premium,.help { float:left; position:relative; font-size:1px; width:55px; height:15px; margin:5px 3px 0px 0px; padding:0px 0px 0px 0px; border:1px solid #cccccc; background-image:url(//im.morningstar.com/im/hp_Login.gif); background-position:9px 4px; background-repeat:no-repeat;}
.logout { background-image:url(//im.morningstar.com/im/hp_logout.gif); background-position:7px 4px; background-repeat:no-repeat;}
.premium { background-image:url(//im.morningstar.com/im/hp_premium.gif); width:60px;  background-position:7px 4px; background-repeat:no-repeat;}
.signup { background-image:url(//im.morningstar.com/im/hp_Signup.gif); background-position:7px 4px; background-repeat:no-repeat;}
.help 	{ background-image:url(//im.morningstar.com/im/hp_help.gif); background-position:15px 4px; background-repeat:no-repeat;}

a.login:hover,a.logout:hover,a.premium:hover,a.signup:hover,a.help:hover { background-color:#E7Efff; color:#FFFFFF}

/* add on 1/15/08 for alt*/
.login2,.logout2,.signup2,.premium2,.help2 { float:left; text-align:center;position:relative; font-size:1px; width:55px; height:15px; margin:5px 3px 0px 0px; padding:4px 0px 0px 0px; border:1px solid #cccccc; }
.premium2 {width:60px; }
a.login2:hover,a.logout2:hover,a.premium2:hover,a.signup2:hover,a.help2:hover { background-color:#E7Efff; color:#FFFFFF}


/*table formats*/
a.arrow:link, a.row:link {text-decoration:none}
a.arrow:hover, a.row:hover {text-decoration:none;}
a.arrow:active, a.row:active {text-decoration:none}

/* Forms*/
.Inputlabel       {	font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:10px;	font-weight:normal;	color:#FFFFFF;	margin: 3px 0px 0px 5px;	float:left;	position:relative;}
.Forminput 				  { float:left;	position:relative;}
.Input1, .Input2, .Input3 { font-size:10px;	line-height: 10px;	color:#333333;	background-color: #FFFFFF;	border: 1px solid #FFFFFF;	height:16px;	width:75px;	margin: 4px 0px 0px 5px;	vertical-align:middle;	float:left;	position:relative;}
.Input2  		  { width:125px; }
.Input3  		  {	height:16px;	width:120px;	border: 1px Groove #666666;	margin: 0px 5px 0px 0px;	text-align: left;	vertical-align: middle; margin: 0px 5px 0px -3px;}

.Go 	        { font-family:Verdana, Arial, Helvetica, sans-serif;	font-size:1px;	font-weight:normal;	color:#CCCCCC;	background-color: #4d4d4d;	border: 1px solid #CCCCCC;	width:21px;	height:14px;	margin: 4px 5px 0px 1px;	padding: 0px 0px 0px 0px;	float:left;	position:relative;	background-image:url(//im.morningstar.com/im/hp_arrow3.gif);	background-repeat: no-repeat;	background-position: 7px 4px; }
 a.Go:link 	 { text-decoration:none;}
 a.Go:hover   	 { text-decoration:none; background-color:#FFFFFF; color:#333333; 	border: 1px solid #FFFFFF;}
 a.Go:active   	 { text-decoration:none; background-color: #000000; color:#333333; 	border: 1px solid #FFFFFF;}

/* Ads */
.textad 		 { color:#E7E7E7; padding:0px 0px 2px 0px;}
 a.textad 		 { text-decoration: none; }
 a.textad:link 	 	 { text-decoration:none; color: #FFFFFF; }
 a.textad:visited 	 { text-decoration: none; }
 a.textad:hover 	 { color: #FFFFFF;	background-color: #545454;	border: 0px solid #999999;}

/* Window Shade */
#menu0, #menu01, #menu2, #menu3 { position:absolute; visibility:visible; left:585px; top:0px; overflow:hidden; clip:rect(0 370px 101px 0); z-index:3;}
#menu0Content, #menu2Content, #menu3Content { width:370px; height:101px; background-color:#666666; }
#menu0, #menu2, #menu3 { visibility:hidden;}

#menu0Container { position:absolute; visibility:visible; left:585px; top:0px; overflow:hidden; clip:rect(0 370px 101px 0); z-index:3;}
#menu0Content { width:370px; height:101px; background-color:#666666; /*filter:alpha(opacity=95); opacity:.95;*/ }


#menu1Container, #menu2Container, #menu3Container { visibility:hidden; left:585px; top:0px; overflow:hidden; }
#menu1Container, #menu1Content, #menu2Container, #menu2Content, #menu3Container, #menu3Content { position:absolute; width:370px; height:101px; clip:rect(0 370px 101px 0)}
#menu1Content, #menu2Content, #menu3Content { background-color:#666666; /*filter:alpha(opacity=95); opacity:.95;*/ }


#Port, #Quote, #Start    {	
	float:left;
	font-size: 0px;												
	position:absolute;	
	top:0px;	
	left:585px;	
	height:102px;	
	width:370px;	
	z-index:2;	
	visibility:hidden;	
	background-color:#666666;	
	overflow:hidden;
	vertical-align:top
}

.shname, .shname2, .shname3, .shname4  {    
    text-decoration: none;    
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    font-size: 10px;    
    font-weight: bold;    
    color: #FFCC66;    
    background-color: #4d4d4d;    
    float: left;    
    height: 10px;    
    width: 118px;    
    margin-left: 2px;    
    margin-top: 1px;    
    padding-top: 0px;    
    padding-bottom: 1px;    
    border: 1px solid #000000;    
    padding-left: 4px;    
    position:relative 
}



 a.shname:link, a.shhide:link, a.shname2:link, a.shname3:link, a.shname4:link   	 { text-decoration:none;}
 a.shname:hover, a.shhide:hover, a.shname2:hover, a.shname3:hover, a.shname4:hover	 { text-decoration:none; background-color: #3d3d3d;}
 a.shname:active, a.shhide:active, a.shname2:active, a.shname3:active, a.shname4:active { text-decoration:none; background-color: #000000;}
 
 a.labellink2:link 	 { text-decoration:none;}
 a.labellink2:hover	 { text-decoration:none; background-color: #3d3d3d;}
 a.labellink2:active { text-decoration:none; background-color: #000000;}

.shname2 {	width: 118px;
	text-decoration: none;	
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	font-size: 10px;	
	font-weight: bold;	
	color: #FFCC66;	
	background-color: #4d4d4d;	
	float: left;	
	height: 12px;	
	margin-left: 4px;	
	margin-top: 2px;	
	padding-top: 3px;	
	padding-bottom: 3px;	
	border: 1px solid #000000;	
	padding-left: 3px;	
	position:relative 





}
.shname3 {	width: 361px; 	margin-left: 4px; height: 11px;}
.shname4 {	width: 83px; padding-left: 1px;	}
.shtitle, .shhelp, .shlabel, .shlabel2, .shdata, .shdata2, .shdata3, .shdata4, .shdata5 {     
    border-top:0px solid #ff0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;    
    font-size: 10px;    
    font-weight: normal;    
    color: #FFFFFF;    
    float: left;    
    position:relative;    
    height: 10px;        
    width:0px;    
    margin-top: 1px;    
    margin-left: -105px;    padding-top: 1px;    padding-bottom: 2px;    padding-left: 0px;        padding-right: 0px;    text-align:right;}

.shdata2 {	margin-left: -71px; width:39px; padding-top: 4px; border-top:0px solid #ff0000;}
.shdata3 {	margin-left: -30px; width:25px; }
.shdata4 {    margin-left: -11px;}
.shdata5 {    margin-left: -64px; width:50px; }


.shtitle {	float: left;  color: #E7E7E7; margin-top: 0px; margin-left: 4px; width:370px; padding: 3px 0px 5px 0px; text-align:left;}
.shhelp {	float: left;  color: #E7E7E7; margin-top: -2px; margin-left: -50px; width:50px; padding: 5px 0px 6px 0px; text-align:left;}
.shlabel {  float: left;  color: #E7E7E7; margin-top: 0px; margin-left: 4px;	width:185px; padding: 5px 0px 6px 0px; text-align:left;}
.shlabel2 {	 float: left;  color: #E7E7E7; margin-top: 0px; margin-left: 4px;	width:170px; padding: 5px 0px 6px 0px; text-align:left;}
.shlink  {	float: left; color: #E7E7E7; padding: 1px 10px px 0px; text-align:left;}


.shhide {	
	font-size: 1px;	
	background-color: #000000;	
	float: left;	
	position:relative;	
	width:370px;	
	height:7px;	
	margin-top: 3px;	
	margin-left: 0px;
	padding:1px 0px 1px 0px;
	text-align:center;	
}

/* 
Safar Fix 33px difference
.shdata, .shdata2 {	font-weight: normal;	color: #FFFFFF;	background-color: none;	width:0;	margin-left: -65px;	padding-top: 4px;	padding-bottom: 3px;	border: 0px solid #000000;	padding-left: 0px;	padding-right: 1px;	text-align:right;}
.shdata2 {	margin-left: -8px;	color: #FFFFFF;} 
*/

.shade1, .shade2, .shade3{	color: #FFFFFF;	text-decoration: none;	background-color: #333333;	border: 1px solid #333333;	padding-top: 0px;	padding-bottom: 2px;	padding-left: 27px;	padding-right: 0px;	background-image:url(//im.morningstar.com/im/hp_navbut.jpg);	background-repeat: no-repeat;	width:50px;	margin: 2px 0px 0px 3px;	float:left;	background-position: 3px 1px;}
.footer {color: #FFFFFF; text-decoration: none;	background-color: #333333;	border: 1px solid #333333;	padding: 0px 5px 3px 5px; margin: 0px 0px 0px 10px;	float:left;}
.shade2 {width:135px;}
.shade1 {width:85px;}
 a.shade1:hover, a.shade2:hover,  a.shade3:hover, a.footer:hover  { 	color: #FFFFFF;		background-color: #484848;		border: 1px solid #666666;	text-decoration: none;}
 a.shade1:active, a.shade2:active, a.shade3:active { 	color: #FFFF66;	background-color: #484848; border: 1px solid #666666;}


/*IE adjustment had to change height from 35px to 37 px*/
.Tab,.Tabw,.Tabw2,.Tabon,.Tabwon,.Tabw2on {	 position: relative;
font-family: Verdana, Arial, Helvetica, sans-serif;	
font-size: 10px;	
color: #666666;	
text-decoration: none;	
border: 1px solid #94ADC9;	
background-color: #D7E7FC;	
text-align:center;	
margin-left:2px;	
padding-top:2px;
padding-bottom:4px;
overflow:visible;	
float:left;
}
/*IE NT adjustment needed to make the width 80px from 67 and padding left and right were negated*/
.Tab {width:70px; }
/* End of IE NT adjustment*/
.Tabw,.Tabwon {width:94px;}
.Tabw2,.Tabw2on {width:110px;}
.Tabwon,.Tabw2on  {border-top-color: #999999;	border-right-color: #999999;	border-left-color: #999999;		border-bottom-color: #BFD5FF;	background-color: #BFD5FF; text-decoration: none;}
.Tabon  {width:70px; border-top-color: #999999;	border-right-color: #999999;	border-left-color: #999999;		border-bottom-color: #BFD5FF;	background-color: #BFD5FF; text-decoration: none;}
 
 a.Tab:link, a.Tabw:link, a.Tabw2:link, a.Tabon:link, a.Tabwon:link, a.Tabwon2:link	{ text-decoration: none; }
 a.Tabon:hover, a.Tabwon:hover, a.Tabw2on:hover { text-decoration: none}
 a.Tab:hover, a.Tabw:hover, a.Tabw2:hover	{ text-decoration: none; background-color:#E7Efff;}
 a.Tab:active, a.Tabw:active, a.Tabw2:activea.Tabon:active, a.Tabw2on:active{ text-decoration: none; background-color: #FFFFFF; border: 1px solid #cccccc;}

.dir1 { 	background-image:url(//im.morningstar.com/im/hp_arrow.gif);	background-repeat: no-repeat;	background-position: -2px 1px; text-indent: 20px;}



/* Divs for Header */
#Search   {	float:left;		width: 955px;	height:24px;	position: relative;	margin-left: 0px;	margin-Top: 0px;	overflow: hidden;	background-color:#333333;}
#Wrapper  {					width: 956px;					position: relative;	margin:Auto; z-index:1}

#Header   {	float:left;	width: 956px; height: 75px; 	position: relative;	margin:Auto;		 							overflow: visible;		 border-top: 10px solid #FF0000; z-index:1;}

#adcontain { Position:absolute; margin:99px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; z-index:1; left:0px; top:0px; width:955px; height:101px; border-top:1px Solid #999999; border-bottom:1px Solid #000000; background-color:#555555 }
#adcontain1 { Position:absolute; margin:99px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; z-index:3; left:0px; top:0px; width:585px; height:101px; border-top:1px Solid #999999; border-bottom:1px Solid #000000; background-color:#555555 }
#adcontain2 { Position:absolute; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; z-index:1; left:585px; top:99px; width:370px; height:101px; border-top:1px Solid #999999; border-bottom:1px Solid #000000; background-color:#555555 }
/*end of IE adjustment*/

#adcontainsm { Position:relative; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; z-index:5; left:0px; top:0px; width:955px; height:100px; border-top:1px Solid #999999; background-color:#555555 }
#ad1sm 		{Position:relative; margin:5px 0px 0px 0px; padding:0px 0px 0px 5px; float:left; z-index:1; width:560px; height:90px;  }
#ad2sm		{Position:relative; margin:5px 0px 0px 0px; padding:0px 10px 0px 0px; float:left; z-index:1; width:370px; height:90px; }


#ad1 		{Position:relative; margin:18px 0px 0px 2px; padding:0px 0px 0px 0px; float:left; z-index:1; width:565px; height:60px; }
#ad2		{Position:relative; margin:18px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; z-index:1; width:370px; height:60px; }

#Login    {		width: 195px;					position: absolute; left:390px;	top:6px; 			margin:0px 0px 0px 0px; overflow: visible;	}

#Corp	  {	float:left;	width: 370px;  					position: absolute;	left:585px; top:-10px; 	margin:0px 0px 0px 0px;	overflow: visible; padding:0px 0px 0px 0px; z-index:2}
#Greeter  {	float:left;									position: absolute;	left:390px; top:31px;   margin:0px 0px 0px 0px; overflow: visible;	}

#Navbar   {	float:left; 	width: 955px;	position: relative;	margin-left: 0px;	margin-Top: 10px; z-index:4;}
#Tabbase  {	float:left;		width: 955px;	height: 7px;	position: relative;	margin-left: 0px;	margin: -1px;	overflow:hidden;	vertical-align: top;	border: 1px solid #9A9A9A;	background-color: #BFD5FF; z-index:3;}
#bannerad { float:left; position:relative; margin:0px 0px 9px 0px;  height:101px; width:955px; overflow:visible; z-index:1;  }

/* AutoCompleteDropDown */
#AutoCompleteDropDown { opacity:0.93; filter:alpha(opacity:93); position:absolute; background-color:white; left:330px; top:228px; z-index:9999; }
td.ACDropDownStyle { border-style:none; padding: 2px 2px 2px 2px; font-family:Verdana, Arial, Helvetica, sans-serif;  color:#000000; font-size:10px;  }
table.ACDropDownStyle { border-collapse:collapse; border-style:none; border-spacing:0px; padding: 0px; }