/* Global
----------------------------------------------- */

body {
	margin: 0;
	background-color: #fff;
}

#containerNoImg {
	margin: 0;
	width: 100%;
	background-color: #fff;
}

#mainContent {
	float: none;
	width: 98%;
	padding: 0;
	font: 11px/16px verdana, sans-serif;
	color: #000;
	text-align: left;
}

#header {
	width: 98%;	
	height: 76px;
	font: 12px arial, sans-serif;
	color: #000;
}

#topNav {
	float: left;
	width: 400px;	
	padding: 6px 0 0 0;	
	font: 10px arial, sans-serif;
	text-align: left;
}

#topNav ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

#topNav li {
	margin: 0;
	padding: 0 4px 0 9px;
	background: url(/images/orange_arrow.gif) no-repeat left center;
	font: 10px arial, sans-serif;
	color: #000;
	display: inline;
}

#footer {
	width: 98%;
	margin: 1%;
	font: 10px arial, sans-serif;
	color: #000;
	text-align: left;
}


/* Stock Grader
----------------------------------------------- */

#mainContentStockGrader {
	float: none;
	width: 98%;
	padding: 0;
	font: 11px/16px verdana, sans-serif;
	color: #000;
	text-align: left;
}


/* Tables
----------------------------------------------- */

table {
	border-spacing: 0;
	font: 10px verdana, sans-serif;
	color: #000;
	border: 1px solid #ccc;
	page-break-inside: avoid;
}

caption {
	padding: 0 0 8px 0;
	font: bold 11px verdana, sans-serif;
	color: #000;
	text-align: left;
}

td, th {
	padding: 4px;
	border: 1px solid #ccc;
}


/* Stock Grades Table
----------------------------------------------- */

#companyName {
	width: 115px;
} 

#symbol, #quantGrade, #fundGrade {
	width: 54px;
} 

#operating, #growth, #revisions, #surprise, #momentum {
	width: 50px;
}

#return, #freeCash, #sales, #total {
	width: 46px;
}

thead.grades th {
	background: #fff;
	font: 9px/11px arial, sans-serif;
	color: #000;
	text-align: center;
}

thead.grades th a:link, thead.grades th a:visited {
	background: fff;
	font: 9px/11px arial, sans-serif;
	color: #000;
	text-decoration: none;
}

thead.grades th a:hover {
	text-decoration: underline;
}

thead.grades th.sort {
	background: #fff;
	font: 9px/11px arial, sans-serif;
	color: #000;
	text-align: center;
}

tbody.grades tr.even th, tbody.grades tr.even td,
tbody.grades tr.odd th, tbody.grades tr.odd td { 
	background: #fff;
	height: 36px;
	font: 11px verdana, sans-serif;
	text-align: center;
}

tbody.grades tr td.companyName { 
	padding-left: 4px;
	font: 9px/11px verdana, sans-serif; 
	text-align: left;
}

tbody.grades tr td.total { 
	background: #fff;
}

tbody.grades tr td.totalPortfolio { 
	padding-left: 60px;
	font: bold 10px/11px verdana, sans-serif; 
	color: #000;
	text-align: left;
}

tbody.grades tr td.totalGrade { 
	background: #fff;
	font: bold 11px verdana, sans-serif; 
	color: #000;
}

.GridHeader {
  font-family: arial, sans-serif;
  font-size:9px;
  text-align:center;
  color:#000;
  background-color:#fff;
}

.GridItemStyle3 {
  font-family: verdana, sans-serif;
  font-size: 11px;
  text-align: center; 
}

.GridItemStyle4 {
  font-family: verdana, sans-serif;
  font-size: 9px;
  text-align: left; 
}

.GridItemStyle5 {
  	font: 10px verdana, sans-serif;
  	text-align: center;
}

select#etf_range {
	width: 160px;
	margin:  0 0 2px 305px;
}


/* Fonts
----------------------------------------------- */

.text9px {
	font: 9px verdana, sans-serif;
	color: #000;
}

.orange10 {
	font: 10px verdana, sans-serif;
	color: #000;
}

.disclosure {
	font: 9px/13px verdana, sans-serif;
	color: #000;
}

h1 {
	margin: 0 0 10px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px dotted #999;
	font: 21px georgia, serif;
	color: #000;
	letter-spacing: 1px;
}

h2 {
	margin: 16px 0 4px 0;
	font: bold 11px/16px verdana, sans-serif;
	color: #000;
}

h3 {
	margin: 0 0 16px 0;
	font: bold 10px/14px verdana, sans-serif;
	color: #000;
}


/* Elements
----------------------------------------------- */

hr.mainContent {
	margin: 14px 0 0 0;
	padding: 0;
	width: 100%;
	height: 0;
	border: 0 dotted #999;
	border-top-width: 1px;
}


/* Links
----------------------------------------------- */

a:link, a:visited, a:hover {
	color: #000;
	text-decoration: none;
}

a:hover {	
	text-decoration: underline;
}

a.topNavLink:link, a.topNavLink:visited {
	color: #000;
	text-decoration: none;
}

a.topNavLink:hover {
	text-decoration: underline;
}

a.footerLink:link, a.footerLink:visited {
	color: #000;
	text-decoration: none;
}

a.footerLink:hover {
	text-decoration: underline;
}