@charset "UTF-8";
/*****************************************************************************
	1. Reset
*****************************************************************************/

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version:2.6.0
*/

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,q,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
:focus {outline:none;}
button{cursor:pointer;}
button:-moz-focus-inner{border:0;}


/*********************************************************
	Global
**********************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 68.8%;
	line-height: 1.36em;
	max-width: 431px;
	display:block;
}
h1 {
	padding: 10px 0;
	border-bottom: 1px solid #bbb;
	font-size: 1.27em;
	font-weight: bold;
}
h1 a {
	font-size:inherit;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.module {
	min-height: 400px;
}

.loading {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #fff;
}

.ajax-loader {
	display: block;
	width: 80px;
	/*margin: 120px auto;*/
	padding-left: 22px;
	background: url(http://im.mstar.com/im/ajax-loader.gif) no-repeat left;
}

.hide {
	display:none;
}

table td a {
	color:#000;
	text-decoration:none;
}

table td a:hover {
	text-decoration:underline;
	cursor:pointer;
}

/* clear fix */
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}




/*********************************************************
	Gadget Navigation
**********************************************************/

#navigation {
	position:relative;
	padding: 0;
	margin: 0;
	height: 30px;
	width: 100%;
	max-width: 431px;
	overflow-x:hidden;
}

#left {
	float:left;
	width: 17px;
}

#right {
	float:left;
	width: 17px;
}

#left button,
#right button {
	position: absolute;
	height: 30px;
	width: 17px;
	border: 0;
	padding: 0;
	z-index: 2;
	cursor: pointer;
	outline: none;
}

#left button {
	left: 0;
	background:url(http://im.mstar.com/im/tabs_left_button.gif) no-repeat #ccc;
}

#right button {
	right: 0;	
	background:url(http://im.mstar.com/im/tabs_right_button.gif) no-repeat #ccc;
}


#tabs_container {
	position: absolute;
	left: 17px;
	display: block;
	margin: 0;
	width: 100%; /*Required, do not remove*/
	overflow: hidden;
	z-index: 1;
	/*border:solid 1px red;*/
}

#gadget_tabs {
	float: left;
	width: 396px;
	/*border:solid 1px red;*/
}

#gadget_tabs {
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#gadget_tabs li {
	float:left;
}

#gadget_tabs li a {
	float: left;
	height: 28px;
	width: 65px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: url(http://im.mstar.com/im/tabs_background.gif) repeat #e5e5e5;
	color: #666;
	font-size: 1em;
	line-height:26px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}

#gadget_tabs li a:hover {
	background: #e1e1e1;
}

#gadget_tabs li a:active,
#gadget_tabs * 
{
	outline: none;
}

#gadget_tabs li a.tabon,
#gadget_tabs li a.tabon:hover {
	position: relative;  /*needed for IE6 */
	background: #fff;
	height: 29px;
	margin-bottom: -1px;
	cursor: default;	
}

#morningstar_logo,
#morningstar_logo a {
	margin-top: 5px;
	line-height:0px;
}




/*********************************************************
	Market Barometer
**********************************************************/
#barometer {
	padding:10px 0;
	border-bottom:1px solid #ccc;
}

#barometer ul li {
	float:left;
}

#market_barometer table {
	border-color:#fff;
	font-size:0.9090em;
}

#market_barometer table td {
	border:1px solid #fff;
}

#barometer .right {
	text-align:right;
}

/*Large Market Barometer*/
#barometer li.large_barometer table {
}

#barometer li.large_barometer table td {
	height:38px;
	width:38px;
	line-height:0; /*used to remove spaces around content*/
	overflow:hidden;
}

#barometer li.large_barometer table td a {
	float:left;
	height:38px;
	width:38px;
	text-decoration:none;
	line-height:0;
}

#barometer li.large_barometer table th.y-axis {
	padding-left:5px;
}

/*Legend*/
#barometer li.legend {
	padding-left:15px;
}

#barometer li.legend table caption {
	padding-bottom:5px;
}

#barometer li.legend table td {
	height:11px;
	width:10px;
	background-color:#ff0;
}

#barometer li.legend table th {
	padding-left:5px;
	line-height:12px;
	position:relative;
}

/*Small Market Baromters*/
#small_barometer{
	clear:both;
}

#small_barometer li {
	float:left;
	padding:10px 8px 10px 0;
}

#small_barometer li table td {
	height:11px;
	width:10px;
}

/*Market Navigation*/
#barometer .barometer_navigation ul {
	float:left;
	width:100%;
	min-width:198px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#barometer .barometer_navigation ul li {
	float:left;
}

#barometer .barometer_navigation ul li a {
	float:left;
	display:block;
	width:65px;
	padding:3px 0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
	text-align:center;
	color:#000;
	cursor: pointer;
}

#barometer .barometer_navigation ul li a:hover {
	background-color:#eee;
}

#barometer .barometer_navigation ul li a:active {
	background-color:#ddd;
}

#barometer .barometer_navigation ul li a.tabon,
#barometer .barometer_navigation ul li a.tabon:hover,
#barometer .barometer_navigation ul li a.tabon:active {
	z-index: 2;
	margin-bottom: -1px;
	padding-bottom: 4px;
	color: #000;
	background-color: #fff;
	cursor: default;
	font-weight: bold;
	position: relative;
}

/*Market Data*/
#barometer_data table {
	width:100%;
}

#barometer_data table th {
	padding:5px;
}

#barometer_data table td {
	padding:5px;
	border-top:1px solid #ddd;
}



/*********************************************************
	Portfolio Login
**********************************************************/

#login {
}

#login legend {
	display:none;
}

#login label {
	display:block;
	padding:10px 0 2px 0;
}

#login input[type="text"] {
	padding:2px 3px;
	border:1px solid;
	border-top-color:#6b6b6b;
	border-right-color:#b9b9b9;
	border-bottom-color:#ddd;
	border-left-color:#b9b9b9;
}

#login button {
	height:21px;
	width:100px;
	border:none;
	margin-top:10px;
	background:url(http://im.mstar.com/im/gadget-button.gif) no-repeat;
	font-weight:bold;
}

#login .login-checkbox_field {
	padding-top:10px;
}

#login .login-checkbox_field input,
#login .login-checkbox_field label {
	display:inline;
}

#login .login-section {
	padding:10px 9px;
	border:1px solid #eee;
	border-top:none;
}

.background-color-blue {
	background-color:#f0f7fd;
}

.error_message {
	color:#f00;
}

#login .login_options {
	padding:4px 0;
	font-weight:bold;
}

#login .login_options.v2 {
	border-bottom:1px solid #eee;
}

#login .login_options a {
	color:#000;
	font-weight:normal;
}

.hidden {
	display:none;
}



/*********************************************************
	No Portfolio Message
**********************************************************/
#no_portfolio .message {
	padding:5px 0;
	font-size:1em;
	line-height:1.3636em;
}

#no_portfolio .message a {
	color:#000;
	text-decoration:underline;
}

#no_portfolio .message p {
	margin-bottom:10px;
}


/*********************************************************
	Portfolio Tracking
**********************************************************/

span.sort {
	display:block;
	height:10px;
	width:100%;
}

span.left_up {
	background: url(http://im.mstar.com/im/sort_image_up.gif) no-repeat left bottom;
}
span.left_down {
	background: url(http://im.mstar.com/im/sort_image_down.gif) no-repeat left bottom;
}
span.right_up {
	background: url(http://im.mstar.com/im/sort_image_up.gif) no-repeat right bottom;
}
span.right_down {
	background: url(http://im.mstar.com/im/sort_image_down.gif) no-repeat right bottom;
}

#portfolio.tracking {
}

#portfolio-user {
	padding:2px 0;
}

#portfolio-user a {
	color:#000;
}

/* Portfolio Menu */
#portfolio-select {
	position:relative;
	padding:10px 0;
	z-index:3;
}

#portfolio-select ul {
	height: 200px;
	width: 99.33%;
	overflow-y: scroll;
	background-color: #fff;
	position: absolute;
	border: 1px solid #999;
	border-top: none;
}

#portfolio-select ul li em {
	display: block;
	padding: 4px 10px;
	font-weight: bold;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	font-size: 1em;
	line-height: 1.3636em;
}
#portfolio-select ul li em.first {
	border-top:none;
}

#portfolio-select a.button {
	padding: 4px 10px;
	background: #ccc;
	display: block;
	background: url(http://im.mstar.com/im/portfolio-select-bg.gif) no-repeat right #f0f0f0;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#portfolio-select ul li a {
	display: block;
	padding: 5px 10px 5px 10px;
	color: #000;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.2727em;
}

#portfolio-select ul li a:hover {
	background-color: #eee;
}

#portfolio-select ul li a:active {
	background-color: #ddd;
}

#portfolio-total {
}

#portfolio-total td {
	font-weight: bold;
}

.green_text {
	color: #009400;
}

.red_text {
	color: #f00;
}

#portfolio-navigation {
	padding: 10px 0;
}

/* Portfolio Navigation */
#portfolio-navigation ul {
	float:left;
	width:100%;
	min-width:228px;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

#portfolio-navigation ul li {
	float:left;
}

#portfolio-navigation ul li a {
	display:block;
	width:74px;
	padding:3px 0;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	text-decoration:none;
	text-align:center;
	color:#000;
	cursor: pointer;
}

#portfolio-navigation ul li a:hover {
	background-color:#eee;
}

#portfolio-navigation ul li a:active {
	background-color:#ddd;
}

#portfolio-navigation ul li a.tabon,
#portfolio-navigation ul li a.tabon:hover,
#portfolio-navigation ul li a.tabon:active {
	z-index:2;
	margin-bottom:-1px;
	padding-bottom:4px;
	color:#000;
	background-color:#fff;
	cursor:default;
	font-weight:bold;
	position:relative;
}

/* Portfolio Data */
#portfolio-data {
	position:relative;
	height:298px;
	border:1px solid #ccc;
	overflow:auto;
	overflow-x:hidden;
	z-index:1;	
}

#portfolio-data .portfolio-notification {
	display:none;
	width:135px;
	margin:50px auto auto auto;
	color:#666;
	text-align:center;
}

#portfolio-data .portfolio-notification strong {
	display:block;
	padding-bottom:10px;
	color:#000;
}

#portfolio-data table {
	width:100%;
}

#portfolio-data caption {
	display:none;
}

#portfolio-data th,
#portfolio-data td {
	padding:5px;
	border-bottom:1px solid #eee;
}

#portfolio-data th {
	border-bottom-color:#ccc;
	vertical-align:bottom;
}

#portfolio-data th a {
	color:#000;
	text-decoration:none;
}

#portfolio-data th a:hover {
	text-decoration:underline;
}

#portfolio-data table .right {
	text-align:right;
	padding-right:10px;
}

/* News By Security */
#portfolio-data table.news-by_security th {
	border-bottom:1px solid #ccc;
	font-weight:bold;
}

#portfolio-data table.news-by_security td.last {
	border-bottom:1px solid #ccc;
}

/* News By Date */
#portfolio-data table.news-by_date th {
	border-bottom:none;
	font-weight:bold;
	padding:5px 0 0 5px;
}

#portfolio-data table.news-by_date th span {
	font-weight:normal;
	color:#666;
}

#portfolio-data table.news-by_date td {
	padding:1px 0 5px 5px;
}



/*********************************************************
	Investing Ideas
**********************************************************/

#ideas {
	border-bottom:1px solid #ccc;
}
#ideas h2 {
	padding:3px 0;
	border-top:1px solid #ccc;
	font-size:1em;
	font-weight:bold;
}
#ideas h2.first {
	border-top:none;
}

#ideas h2 a.help_icon {
	display:inline-block;
	height:11px;
	width:12px;
	background:url(http://im.mstar.com/im/ideas_help_icon.gif) no-repeat;
	text-decoration:none;
	vertical-align:middle;
}

#ideas h2 a.help_icon:hover {
	text-decoration:none;
}

#ideas a {
	text-decoration:none;
	color:#000
}
#ideas a:hover {
	text-decoration:underline;
}
#ideas .row {
	position:relative;
	min-height:35px;
	padding:2px 0;
	border-top:1px solid #eee;
}
#ideas .row div {
	position:absolute;
	width:70px;
}
#ideas img {
	display:block;
}
#ideas .company {
	display:inline-block;
	margin-left:80px;
}

#ideas_criteria {
	position:absolute;
	display:none;
	top:150px;
	max-width: 431px;
	padding-bottom:5px;
	background:url(http://im.mstar.com/im/criteria_shadow.gif) repeat-x bottom #fff;
}

#ideas_criteria ul {
	padding:5px 5px 15px 5px;
	border:1px solid #999;
	border-top:none;
}

#ideas_criteria a {
	color:#000;
	text-decoration:none;
}

#ideas_criteria a:hover {
	text-decoration:underline;
}

#ideas_criteria .criteria_title {
	position:relative;
	padding:5px;
	border:1px solid #999;
	border-bottom:1px solid #ccc;
}

#ideas_criteria h2 {
	display:none;
	font-weight:bold;
}

#ideas_criteria h3 {
	font-weight:bold;
}

#ideas_criteria .criteria_title a {
	position:absolute;
	top:5px;
	right:5px;
}

#ideas_criteria li {
	display:none;
}

#ideas_criteria li h3 {
	padding-bottom:5px;
}

#ideas_criteria li a {
	color:#000;
	text-decoration:underline;
}

/*********************************************************
	Latest Articles
**********************************************************/
#articles {
	display:inline-block;
	border-bottom:1px solid #ccc;
}
#articles div {
	float:left;
	width:100%;
	/*min-height:75px;*/
	padding:5px 0 15px 0;
	border-top:1px solid #dedede;
}
#articles div.first {
	border-top:none;
}
#articles div a {
	text-decoration:none;
	color:#000;
}
#articles div a:hover {
	text-decoration:underline;
}
#articles div .im {
	float:right;
}
#articles div .im_large {
	display:block;
	margin:0 auto 5px auto;
}
#articles div strong {
	display:block;
	padding:0 85px 5px 0;
	font-weight:bold;
}
#articles div p {
	padding-right:85px;
	font-size:1em;
	line-height:1.27em;
	color:#333;
}
#articles div.no_image strong {
	padding:0 0 5px 0;
}
#articles div.no_image p {
	padding-right:0;
	font-size:1em;
	line-height:1.27em;
	color:#333;
}

/*********************************************************
	Video Reports
**********************************************************/

#video #video_container {
	background:#000;
	text-align:center;
	line-height:0;
}
#video p {
	padding:10px 0;
}
#video p strong{
	font-weight:bold;
	display:block;
	color:#000;
}
#video p a {
	color:#000;
}
#video ul {
	position:relative;
	height:185px;
	width:99%;
	border:1px solid #ccc;
	list-style:none;
	overflow:auto;
}
#video ul li {
	position:relative;
	display:block;
	min-height:45px;
	padding:5px;
	border-bottom:1px solid #eee;
}
#video ul li.last {
	min-height:0;
}
#video ul li img {
	border:none;
}
#video ul li a.thumb {
	position:absolute;
	left:5px;
}
#video ul li a.vtitle {
	display:inline-block;
	margin-left:80px;
	text-decoration:none;
	color:#000;
}
#video ul li a.more {
	text-decoration:none;
	color:#000;
}
#video ul li a.vtitle:hover,
#video ul li a.more:hover {
	text-decoration:underline;
}



/*********************************************************
	Advisor ToolKit
**********************************************************/
#advisor {
	border-bottom:1px solid #ccc;
	padding-bottom:10px;
}
#advisor li {
	clear:left;
	padding:5px 0;
	border-top:1px solid #eee;
}

#advisor li.section_title {
	padding:7px 0;
	margin-top:10px;
	border-top-color:#cdcdcd;
}

#advisor li.first {
	border-top:none;
	margin-top:0;
}

#advisor li.section_title div {
	float:left;
	border:1px solid #999;
	background:#ccc;
	line-height:0; /* prevents spaces around the image */
}

#advisor li.section_title h2 {
	float:left;
	padding:3px 0 0 8px;
	font-weight:bold;
}

#advisor li a {
	color:#000;
	text-decoration:none;
}

#advisor li a:hover {
	text-decoration:underline;
}

#advisor li span {
	display:block;
	color:#666;
}