/* CSS Document */
body { margin-top: 0px; margin-left: 10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/*Links*/
.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;}
.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,.premium,.signup,.help { float:left; position:relative; font-size:1px; width:55px; height:13px; 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}
/*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}
/*Form*/
.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: 113px;
margin-left: 2px;
margin-top: 1px;
padding-top: 0px;
padding-bottom: 3px;
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: 113px;
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: 357px; margin-left: 3px; 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: 12px;
width:0px;
margin-top: 1px;
margin-left: -105px; padding-top: 1px; padding-bottom: 3px; 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: -54px; width:40px; }
.shtitle { float: left; color: #E7E7E7; margin-top: 0px; margin-left: 4px; width:370px; padding: 5px 0px 6px 0px; text-align:left;}
.shhelp { float: left; color: #E7E7E7; margin-top: 0px; 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: 0px 10px 0px 0px; text-align:left;}
.shhide {
font-size: 1px;
background-color: #000000;
float: left;
position:absolute;
width:370px;
height:7px;
margin-top: 91px;
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:101px;}
.shade1 {width:65px;}
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;}
.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:2px 5px 4px 5px;
overflow:visible;
float:left;
}
.Tab {width:58px; }
.Tabw,.Tabwon {width:83px;}
.Tabw2,.Tabw2on {width:99px;}
.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:58px; 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;}
.dir { font-size: 10px; line-height: 14px; color: #666666; text-decoration: none; background-color:#DFEAFF ; background-image:url(//im.morningstar.com/im/hp_arrow.gif); background-repeat: no-repeat; background-position: 2px 1px; border:1px solid #cccccc; height: 15px; width: 173px; float:left; margin-top: 1px; text-indent: 25px;}
a.dir:hover { color: #666666; background-color: #EFF5FF; text-decoration: none;}
a.dir:active { color: #666666; background-color: #FFFFFF; text-decoration: none;}
.dir0, .dir1 { font-size: 10px; line-height: 14px; color: #666666; text-decoration: none; background-color:#FFFFFF ; background-image:url(//im.morningstar.com/im/premIcon.gif); background-repeat: no-repeat; background-position: 4px 2px; border:1px solid #cecece; height: 15px; width: 173px; float:left; margin-top: 1px; text-indent: 20px;}
a.dir0:hover, a.dir1:hover { color: #444444; background-color: #EFF5FF; text-decoration: none;}
a.dir0:active, a.dir1:active { color: #333333; background-color: #FFFFFF; text-decoration: none;}
.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;}
#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:108px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; z-index:1; left:0px; top:0px; width:955px; height:100px; border-top:1px Solid #999999; border-bottom:1px Solid #000000; background-color:#555555 }
#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:60px; }
#ad2sm {Position:relative; margin:5px 0px 0px 0px; padding:0px 10px 0px 0px; float:left; z-index:1; width:360px; height:90px; }
#ad1 {Position:relative; margin:18px 0px 0px 0px; padding:0px 0px 0px 5px; float:left; z-index:1; width:560px; height:60px; }
#ad2 {Position:relative; margin:18px 0px 0px 20px; 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: 19px; 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; }