/*------------------------------------------------------------------------------------------------------
// (c) Copyright Accionet LLC, 2008-2010 All rights reserved
//------------------------------------------------------------------------------------------------------
//  Module Purpose:
//      Site Style sheet
//  Author(s):
//      Mark Skiba
//------------------------------------------------------------------------------------------------------
*/

/* baselines
------------------------------------------------- */
*
{
	margin: 0;
	padding: 0;
}
	
html
{
	margin: 0px; 
	padding: 0px; 
	width: 100%;
	height: 100%;
}

body
{
	margin: 0px; 
	padding: 0px; 
	width: 100%; 
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background-color: White;
}

a:link,
a:visited,
a:active 
{
	color: #3D7CC0;
	text-decoration: underline;
	cursor: pointer;
}
	
a:hover
{
	text-decoration: none;
}

.stdTable table
{
}
	
.stdTable td 
{
	padding: 5px;
}	

img, a img {
	border: none;
	vertical-align: text-bottom;
	}

abbr,
fieldset {
	border: none;
	}

.clear {
	clear:both;
	}
	
.left {
	float:left;
	}
	
.right {
	float:right;
	}
	
.logo {
	float:left;
	}
	
h1
{
	color: Black;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px;
	font-weight: bold;
}

h1 .logoStops
{
	color: #cc0000;
	text-transform: uppercase;
	font-weight: bold;
}

h2
{
	color: Black;
	text-transform: uppercase;
	font-size: .813em;
	margin: 0px;
	padding: 10px;
	padding-bottom: 5px;
}

h2 .logoStops
{
	color: #cc0000;
	text-transform: uppercase;
	font-size: .813em;
	font-weight: bold;
}	
	
p, li
{
	font-size: .75em;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	padding: 5px 10px 5px 10px;
	margin: 0px;
	color: #101010;
}

.ContentText {
	font-size: .75em;	
}

.CheckBoxText {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
	color: #101010;
}
ul {
	text-align:left;
	}

	
/* -------------------------------------------------
                                    end baselines */
									
								
/* structure - CSS Version
------------------------------------------------- */
#contentWrapper {
	width:1024px;
	text-align: center;
	margin: 0 auto 0 auto;
	background: url(../Images/a_topHalf.png) repeat-x;
	background-color:#FFFFFF;
	}
#rightItem .title {
	font-family: "Trebuchet MS", "Myriad Pro", "Myriad", "Calibri", Arial, Helvetica, sans-serif;
	}
/* Titles and Headings 
------------------------------------------------- */

/*.heading1, .heading2, .subheading1,  .subheading3, .title1, .title2, .title3, .title4, .introTitle1, .introTitle2, .introTitle3,  */

	
.subheading2, .ContentHeading, .ContentSubHeading {
	font-family: "Trebuchet MS", "Myriad Pro", "Myriad", "Calibri", Arial, Helvetica, sans-serif;
	}
.subheading2 a, .ContentHeading a, .ContentSubHeading a {
	text-decoration: none;
	}
.ContentHeading {
	font-size: 1.5em;	
	}
.heading1 {
	text-transform: uppercase;
	}

/* Header 
------------------------------------------------- */
.header{
	font-size: .75em;
	}
/* Symbol Lookup
------------------------------------------------- */
#blackBar {
	width: 100%;
	height: 80px;
	background: #000000 url(../Images/a_blkbar.png) repeat-x;
	vertical-align:bottom;
	margin:0;
	}
#symLookup {
	width: 840px;
	margin:0 auto;
	padding: 20px 0 0 0;
	}
#symLookup .title{
	font-size: 1.6em;
	font-weight: bold;
	color: #ffffff;
	text-transform: none;
	padding: 0;
	margin:5px 0 0 0;
	}
#symLookup strong {
	color: #7cc796;
	font-weight: bold;
	/* duplicate code * IE inheritance problem */
	font-size: 1em;
	text-transform: none;
	padding:0;
	margin:0;
	}	
#symLookupField {
	padding: 4px 0 0 0;
	width: 400px;
	float:right;
	}
#symLookupField input {
	font-family: "Trebuchet MS", "Myriad Pro", "Myriad", "Calibri", Arial, Helvetica, sans-serif;
	}
#symLookupField .enterSymbol input {
	height: 22px;
	margin: 0;
	padding: 0;
	}
#symLookupField .enterSymbolGo input {
	height: 28px;
	margin: 0;
	padding: 0;
	}
.terms {
	font-size: .6em;
	color: #ffffff;
	padding:0;
	margin:0;
	}
/***** Pop Up Terms */
#popUpTerms table {
	background-color: #101010; 
	width: 100%;
	height: 35px;
}
#popUpTerms th {
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	text-align: left;
	padding: 0 0 0 10px;
}
#popUpTerms p {
	background-color:#ffffff;
	padding-left: 10px;
	}
/* Top Page 
------------------------------------------------- */
#topPage {
	padding: 20px 50px 0 50px;
	margin-bottom:0px;
	height: 375px;
	position: relative;
	text-align:left;
	}
#topPage #chart {
	float:right;
	width: 480px;
	height: 355px;
	background: url(../Images/a_chart.gif) no-repeat;
	}
#topPage h1 {
	color: #ffffff;
	font-size: 1.75em;
	letter-spacing: -.05em;
	padding: 15px 0 12px 0;
	margin: 0;
	}
#topPage h2 {
	color: #ffffff;
	font-size: 1em;
	text-transform:none;
	padding: 0;
	letter-spacing: -.01em;
	}
#topPage ul {
	padding-top: 25px;
	margin-right: 500px;
	}
#topPage li {
	list-style: none;
	background: url('../Images/a_orangeDot.gif') no-repeat -3px 4px;
	margin: 0px;
	display: inline-block;
	line-height: normal;
	letter-spacing: normal;
	padding: 0 10px 20px 20px;
	font-size: .9em;
	color: #ffffff;
	}
#topPage #LearnMore {
/* #topPage a[name="LearnMore"] { */
	color: white;
	padding: 0;
	margin-left: 266px;
	font-size: .9em;
	}
#topPage li div {
	margin-left:26px;
	}
#topPage li span {
	float: left;
	}
/* Middle Button Page 
------------------------------------------------- */
#freeTrial {
	position: absolute;
	top: 335px;
	padding-left: 10px;
	clear:left;
	}
#freeTrial span {
	padding: 0 0 15px 30px;
	font-size: .8em;
	}
#freeTrial span a {
	color: #4f7717;
	}
/* Bottom Page 
------------------------------------------------- */
.hDivider {
	background: #cccccc;
	height: 1px;
	line-height: 1px;
	overflow: hidden;
	padding: 0;
	margin:0;
	}
#bottomPage {
	background:#f2f3f3;
	height: 226px;
	padding: 10px 0 1px 20px;
	margin:0px !important;
	}
#bottomPage div a {
	color: #4f7717;
	padding: 20px 0 0 0;
}
#bottomPage div {
	float:left;
	}
#bottomPage div h4 {
	text-transform: uppercase;
	color: #666666;
	font-size: .875em;
	padding-bottom: 6px;
	text-align: center;
	}
#bottomPage div p {
	padding-left: 0px;
	}
#bottomPage #valuable {
	width:22%;
	vertical-align: top;
	}
#bottomPage  #valuable  p.item {
	text-align: left;
	margin: 0 0 10px 0;
	color: #101010;
	font-size: .875em;
	height: 40px;
	}
#bottomPage #valuable p.item img {
	padding: 0 5px 0 0;
	float: left;
	clear: left;
	}
#bottomPage #valuable a {
	font-size: .75em;
	margin: 0 0 0 50px;
	}
#bottomPage #valuable {
	width:220px;
	}
#bottomPage #affordable {
	width:15%;
	text-align: center;
	}
#bottomPage #better {
	width: 25%;
	}
#bottomPage #affordable p {
	text-align:center;
	}
#bottomPage #affordable h3{
	font-size: 2em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	}
#bottomPage #worthy {
	width:25%;
	text-align:left;
	padding-right: 0;
	}
#bottomPage #worthy .apostrophe {
	width:15px;
	}
#bottomPage #worthy .content {
	width:220px;
	}
#bottomPage #worthy .quote {
	font-size: 1.6em;
	font-weight: bold;
	font-family:Arial, Helvetica, sans-serif;
	color: #666666;
	padding: 0 0 10px 0;
	letter-spacing: -.05em;	
	line-height: 1.4em;
	}
#bottomPage #worthy div {
	float: left;
	}
#bottomPage #worthy img {
	padding: 10px 0 10px 0;
	}
#bottomPage .divider {
	background: #cccccc;
	width: 1px;
	height: 126px;
	padding: 0px;
	margin: 35px 20px 0 20px;
	}

/* ------------------------------------------------- */
/* Select Level
------------------------------------------------- */
#pricing .priceChart {
	font-size: .75em;
	margin: 0px;
	padding: 0px;
	}
#pricing li {
	display:block;
	font-size: .75em;
}
.priceChart th {
	text-align: center;
	padding: 5px 10px 0 5px;
	margin: 0px;
	}
.priceChart td {
	padding: 5px 10px 5px 5px;
	margin: 0px;
	vertical-align: bottom
	}
.priceChart tr {
	}
.priceChart td {
	color: #666666;
	border-bottom: 1px #cccccc dashed;
	}
.priceChart .servLevel {
	}
.priceChart .monthly, .priceChart .yearly {
	text-align: right;
	}
.priceChart .yearly {
	text-align: right;
	}
.priceChart .freeTrial {
	color: #FF0000;
	}
/* FiveYearStudy
------------------------------------------------- */
.red {
	color: #FF0000 !important;
	font-weight: bold;
	}
.green {
	color: #33995a !important;
	font-weight: bold;
	}
#fiveYearData td, #fiveYearData th {
	line-height: .53em;
	font-size: .75em;
	text-align: left;
	vertical-align: top;
	line-height: 1.2em;
	margin: 0px;
	padding: 1px 5px 1px 5px;
	}
#fiveYearData td {
	color: #666666;
	}
#fiveYearStudy {
	padding: 0;
	margin: 0;
	}

/* Two-Column Layout
------------------------------------------------- */
.col {
	width:100%;
	padding-right: 50px;
	}
.colIn {
	width: 50%;
	float: right;
	clear: right;
	margin-left: 50px;
	}
.left {
	float: left;
	margin: 0 10px 0 10px;
	}



/* structure
------------------------------------------------- */

table.MasterContent
{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: auto; 
	margin-left: auto;
	width: 100%;
	height: 100%;
}

td.CenterContentCell
{
	padding: 0px;
	font-size: 1em;
	width: 100%;
	height: 100%;
	vertical-align: top;
}

td.LeftContentCell
{
	background-color: #eff3ec;
	font-size: 1em;
	width: 200px;
	vertical-align: top;
}

td.RightContentCell
{
	background-color: #eff3ec;
	font-size: 1em;
	width: 200px;
	vertical-align: top;
}

div.LeftMasterPanel
{
	background-color: #eff3ec;
	height: 100%;
}

div.RightMasterPanel
{
	background-color: #eff3ec;
	height: 100%;
}

div.AdminMasterPanel
{
	height: 100%;
}

div.blackbar
{
	background-image: url('../Images/NavBar/nav-main-bg.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 33px;
	margin: 0px;
}

div.blackbarshadow
{
	background-image: url('../Images/BlackBannerShadow.png');
	background-repeat: repeat-x;
	width: 100%;
	height: 7px;
	margin: 0px;
}

#wrap {
	width: 800px;
	/*margin: 10px auto;*/
	text-align: left;
	margin:0 0 0 5px;
	}
		
.content
{
	/*width: 100%;*/
	margin: 0px;
	font-size: 1em;
}
		
.header
{
}

#sidebar-a {
	float:left;
	width:188px;
	margin-right:11px;
	margin-top:10px;
	}
	
#copy2,	
#copy {
	float:left;	
	width:372px;
	margin-right:10px;
	margin-top:10px;
	font-size:1em;
	}
	
#loginTable, #loginTable tr
{
	width:320px;
}	
	
#copyWide {
	float:left;
	width:571px;
	margin-right:10px;
	margin-top:10px;
	}
	
#sidebar-b {
	float:left;
	width:219px;
	margin-top:10px;
	}
	
/* -------------------------------------------------
                                    end structure */

/* navigation
------------------------------------------------- */

div.MenuPanel
{
	background: url('../Images/NavBar/nav-main-bg.png') repeat-x 0 0;
	text-align: left;
	width: 100%;
	font-size: .75em;
}

.Menu
{
	padding: 0px;
	border-right: 1px solid White;
	font-family: Trebuchet MS;
	font-size: 12pt;
	font-weight: bold;
}

.MenuItem
{
	width: 124px;
	height: 33px;
	text-align: center;
	border-left: 1px solid White;
	background-image: url('../Images/NavBar/nav-main-bg.png');
	background-repeat: repeat-x;
	font-family: Trebuchet MS;
	font-size: 12pt;
	font-weight: bold;
}

.MenuItem a
{
	color: White;
	background-image: none;
	text-decoration: none;
}

.MenuItem a:visited
{
	color: White;
}

.MenuHover
{
	color: White;
	background-image: url('../Images/NavBar/nav-main-gray-bg.png');
}

.MenuSelected
{
	color: Black;
	background-image: url('../Images/NavBar/nav-main-active-bg.png');
}

.SubMenu
{
	border: 1px solid White;
	background-image: url('../Images/NavBar/nav-main-bg.png');
	z-index: 2;
}

.SubMenuItem
{
	color: White;
	height: 24px;
	text-align: left;
	background-image: url('../Images/NavBar/nav-main-bg.png');
	background-repeat: repeat-x;
	font-family: Trebuchet MS;
	font-size: 10pt;
	font-weight: normal;
}

.SubMenuItem a
{
	color: White;
	background-image: none;
	text-decoration: none;
}

.SubMenuItem a:visited
{
	color: White;
}

.AdminSubMenuItem
{
	color: White;
	height: 24px;
	text-align: left;
	background-image: url('../Images/NavBar/nav-main-bg.png');
	background-repeat: repeat-x;
}

.AdminSubMenuItem a
{
	color: White;
	font-size: 10pt;
	font-weight: normal;
	background-image: none;
	text-decoration: none;
}

.AdminSubMenuItem a:visited
{
	color: White;
}

.SubMenuHover
{
	background-image: url('../Images/NavBar/nav-main-gray-bg.png');
}

.SubMenuSelected
{
	background-image: url('../Images/NavBar/nav-main-active-bg.png');
}

/* Accordions
------------------------------------------------- */
		
.accordionH1
{
	background: #CCC url('../Images/Accordion/accordian-bg-Header.png') repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #CCC;
	padding-left:20px;
	padding-top:3px;
	padding-bottom: 3px;
	padding-right:5px;
	display: block;
	color: Black;
	cursor: pointer;
}

.accordionH2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #CCC url('../Images/Accordion/accordian-bg-Header2.png') repeat-x 0 0;
	font-size: .625em;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #CCC;
	padding-left:20px;
	padding-top:3px;
	padding-bottom: 3px;
	padding-right:5px;
	display: block;
	color:Black;
	cursor: pointer;
}


.accordionH1Selected
{
	background: #CCC url('../Images/Accordion/accordian-bg-selected.png') repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:.625em;
	height: 100%;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #CCC;
	padding-left:20px;
	padding-top:3px;
	padding-bottom: 3px;
	padding-right:5px;
	display: block;
	color:Black;
	cursor: pointer;
}

.accordionH2Selected
{
	background: #CCC url('../Images/Accordion/accordian-bg-selected2.png') repeat-x 0 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	height: 100%;
	font-weight: bold;
	text-transform: uppercase;
	border: 1px solid #CCC;
	padding-left:20px;
	padding-top:3px;
	padding-bottom: 3px;
	padding-right:5px;
	display: block;
	color:Black;
	cursor: pointer;
}


.accordionContent1,	
.accordionContent2,
.tabcontent{
	/*width:90%;*/
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	margin-bottom:5px;
	padding:10px;
	margin-top:-5px;
	}
	
.accordionContentAnswer
{
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
	margin-bottom: 5px;
	margin-left:5px;
	padding: 10px;
	padding-left:33px;
	margin-top: 5px;
	text-indent: -23px;
}

.answerList
{
	text-indent: 0px;
}
.tabcontent p .extrafont
{
	text-align: center;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	font-weight:lighter;
	font-size: 22px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	display: block;
	text-decoration: none;
	padding-left: 22px;
	padding-top: 10px;
}

.tabcontent .fullPart .leftPart
{
	
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	text-align: justify;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	width: 58%;
	clear: both;
	padding-left: 0px;
}

.tabcontent .fullPart .rightPart
{
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	text-align: justify;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	width: 37%;
	clear: left;
}
.tabcontent .fullPart
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	text-align: justify;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	width: 98%;
	clear: none;	
}

.tabcontent .rightPart .rightSubPart
{
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	text-align: justify;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	width: 230px;
	clear: both;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-top: 10px;
}

.tabcontent p .em
{
	text-align: center;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	font-weight:lighter;
	font-size: 23px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	display: block;
	text-decoration: none;
	padding-top: 10px;
}
.tabcontent table 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: .625em;
	text-align: justify;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	padding-right: 0px;
	padding-left: 5px;
	padding-bottom: 10px;
	margin: 0px;
	padding-top: 10px;
	
}
/*.tabs a {
	 display: block;
	 padding:5px 7px;
	 text-decoration:none;
	 color:Black;
	 font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	}

.tabcontent a,.tabcontent .fullPart,.tabcontent p a,.tabcontent .fullPart .rightPart ,.tabcontent .fullPart .leftPart 
 {
	 font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 color:Black;
	
	}
*/	

.tabcontent p a:Hover{
	 font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	 color:Black;
	 text-decoration:none;
	}
	
.tabcontent ul 
{
	list-style-type: disc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-align: justify;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	padding-left: 0px;
	margin:0px;
}

/* -------------------------------------------------
                                   end navigation */



/* sidebar-a
------------------------------------------------- */
.redbox {
	width:188px;
	}
	
.redbox .roundtop {
	background: url('../Images/RoundBox/rnd-top-left-red.gif') no-repeat 0 0;
	padding-top:5px;
	}
	
.redbox .roundbottom {
	background: url('../Images/RoundBox/rnd-bottom-left-red.gif') no-repeat 0 0;
	padding-top:6px;
	}

.redbox .inner {
	width:186px;
	border-left:1px solid Black;
	border-right:1px solid Black;
	padding:10px 0 0 0;
	}

.redbox .title {
	margin-top:0px;
	width:188px;
	background:Black;
	}
		
.redbox h1 {
	color:#FFF;
	text-transform:uppercase;
	font-size:70%;
	margin:0px;
	text-align:center;
	padding:5px;
	}
	
.redbox .inner p {
	padding:0 10px 10px 5px;
	font-size:70%;
	line-height:15px;
	}
	
.redbox .inner em {
	color:Black;
	}
	
.redbox p.small a {
	color:#878787;
	font-size:9px;
	}
	
.dotdiv {
	padding:10px;
	border-top:1px dotted #a9a7a7;
	}
	
.widget{
	width:188px;
	}
	
.widget .roundtop {
	background: url('../Images/Widget/widget-top2.png') no-repeat 0 0;
	padding-top:5px;
	}
	
.widget  .roundbottom {
	background: url('../Images/Widget/widget-bottom.png') no-repeat 0 0;
	padding-top:6px;
	}

.widget .inner {
	width:186px;
	border-left:1px solid #a9a7a7;
	border-right:1px solid #a9a7a7;
	padding:10px 0 0 0;
	min-height:356px;
	background: #c3c1c1 url('../Images/Widget/widget-bg.png') repeat-x 0 0;
	}

.widget .title {
	margin-top:0px;
	width:188px;
	background:#282828 url('../Images/Widget/widget-title-bg.png') repeat-x 0 0;
	padding-bottom:3px;
	}
		
.widget  h1 {
	color:#FFF;
	text-transform:uppercase;
	font-size:70%;
	margin:0px;
	text-align:center;
	padding:5px;
	}
	
.widget .inner p {
	padding:0 10px 10px 5px;
	font-size:70%;
	line-height:15px;
	}
	
.widget .inner em {
	color:Black;
	}
	
.widget .title em {
	color:#FFFF99;
	}
.widget .display
{
	font-size:.625em;
}

	
.widget p.small a {
	color:#333;
	font-size:9px;
	}
/* -------------------------------------------------
                                   end sidebar-a */
								   
								   
								   
								   
/* sidebar-b
------------------------------------------------- */
.graybox {
	width:219px;
	margin-bottom:10px;
	}
	
.graybox .roundtop {
	background: url('../Images/RoundBox/rnd-top-right-gray.gif') no-repeat 0 0;
	padding-top:5px;
	}
	
.graybox .roundbottom {
	background: url('../Images/RoundBox/rnd-bottom-right-gray.gif') no-repeat 0 0;
	padding-top:6px;
	}

.graybox .inner {
	width:197px;
	border-left:1px solid #a9a7a7;
	border-right:1px solid #a9a7a7;
	padding:10px;
	}

.graybox .title {
	width:217px;
	background: #cfcfcf url('../Images/RoundBox/rnd-bg-right-gray.gif') repeat-x 0 0;
	border-left:1px solid #a9a7a7;
	border-right:1px solid #a9a7a7;
	}
		
.graybox h1 {
	color:Black;
	text-transform:uppercase;
	font-size:70%;
	margin:0px;
	padding:5px 5px 5px 10px;
	}
	
.graybox p {
	font-size: 62.5%;
	margin-bottom:15px;
	line-height:12px;
	}
	
.graybox em {
	color:Black;
	}
.BestStopsStockSymbol {
	font-size: .75em;
	}

/* -------------------------------------------------
                                   end sidebar-b */
								   
								   
								   
								   
								   
								   
								   
								   
/* copy
------------------------------------------------- */
.copybox {
	width:372px;
	margin-bottom:10px;
	}
	
.copyboxwide {
	width:571px;
	margin-bottom:10px;
	}
	
.copyboxfull {
	width:800px;
	margin-bottom:10px;
	}
	
.copyboxwide .roundtop {
	background: url('../Images/RoundBox/rnd-top-center-wide-gray.gif') no-repeat 0 0;
	padding-top:5px;
	}
	
.copyboxwide .roundbottom {
	background: url('../Images/RoundBox/rnd-bottom-center-wide-gray.gif') no-repeat 0 0;
	padding-top:6px;
	}
	
.copyboxfull .roundtop {
	background: url('../Images/RoundBox/rnd-top-center-full-gray.gif') no-repeat 0 0;
	padding-top:5px;
	}
	
.copyboxfull .roundbottom {
	background: url('../Images/RoundBox/rnd-bottom-center-full-gray.gif') no-repeat 0 0;
	padding-top:6px;
	}
	
.copybox .roundtop {
	background: url('../Images/RoundBox/rnd-top-center-gray.gif') no-repeat 0 0;
	padding-top:5px;
	}
	
.copybox .roundbottom {
	background: url('../Images/RoundBox/rnd-bottom-center-gray.gif') no-repeat 0 0;
	padding-top:6px;
	}

.copybox .inner {
	width:350px;
	border-left:1px solid #a9a7a7;
	border-right:1px solid #a9a7a7;
	padding:10px;
	}
	
.copyboxwide .inner {
	width:549px;
	border-left:1px solid #a9a7a7;
	border-right:1px solid #a9a7a7;
	padding:10px;
	}
	
.copyboxfull .inner {
	width:778px;
	border-left:1px solid #a9a7a7;
	border-right:1px solid #a9a7a7;
	padding:10px;
	}

.copybox .block {
	float:left;
	width:100px;
	border-right:1px dotted #a9a7a7;
	padding:0 10px 0 10px;
	}
	
.copybox .block .first{
	float:left;
	width:100px;
	border-right:1px dotted #a9a7a7;
	padding:0 10px 0 0;
	}
	
.copybox .block-r {
	float:left;
	width:100px;
	padding:0 0 0 10px;
	}	
	

	
.copybox h1 {
	font-size:70%;
	margin:10px 0 10px 0;
	text-transform:uppercase;
	font-weight:bold;
	}
	
.copyboxwide h1, .copyboxfull h1 {
	font-size:100%;
	margin:10px 0 10px 0;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	color:Black;
	}
	
.promo {
	margin-bottom:10px;
	}
	
span.find a {	
	color:#333;
	}
/* -------------------------------------------------
                                   end copy */





/* forms
------------------------------------------------- */
legend {
	display: none;
	}

form p,
form label,
form input,
form select {
	font-size: .75em;
	vertical-align: middle;
	}
	
	
form fieldset fieldset {
	float: left;
	border: none;
	margin:0 0 0 5px;
	}

	
form dt {
	margin: 0 0 3px 0;
	font-weight:bold;
	}
	
form dd {
	margin:0 0 5px 5px;
	}
	
form dd span.display {
	margin:0 0 5px 5px;
	padding:3px 5px 3px 5px;
	background:#FFFFCC;
	color:#6d6b6b;
	/*font-size:62.5%;*/
	}
	
form dd span.check {
	/*font-size: 62.5%;*/
	color:#333;
	}
	
form dd span.check a {
		color:#333;
	}
/* -------------------------------------------------
                                  end form styles */





/* tables
------------------------------------------------- */
#ss-home {
	width:90%;
	margin-left:5px;
	}
	
#ss-home td{
	color:#6d6b6b;
	font-size:.625em;
	background:#FFFFCC;
	}
	
/* -------------------------------------------------
                                 			 end tables */		
											 
											 
											 

/* lists
------------------------------------------------- */										 

#content ul li
{
	list-style: none;
	background: url('../Images/Icons/icon-arrow-green.gif') no-repeat 0px 9px;
	margin: 0px 0px 0px 15px;
	display: inline-block;
	line-height: normal;
	letter-spacing: normal;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
	font-size: .625em;
}

ul li
{
	list-style: none;
	background: url('../Images/Icons/icon-arrow-green.gif') no-repeat 0px 9px;
	margin: 0px 0px 0px 15px;
	display: inline-block;
	line-height: normal;
	letter-spacing: normal;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;
	padding-top: 5px;
}

ol
{
	padding-left: 20px;
	margin-left: 20px;
	list-style-position: outside;
	list-style-type: decimal;
}

ol li
{
	/*margin: 0px 0px 0px 20px;
	display: inline-block;
	line-height: normal;
	letter-spacing: normal;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	padding-top: 3px;
	font-size: small;
	list-style-position: outside;
	list-style-type: decimal;*/
}
	
	
/* -------------------------------------------------
                                 			 end lists */	




/* footer
------------------------------------------------- */


.footer
{
	width: 100%;
	padding-top: 10px;
	color: #5F5F5F;
	font-size: .625em; 
	text-align: center;
}	
.footer .logoStops
{
	font-size: .5em; 
}
.footer p
{
}
.footer a {
	color: #227F55;
}
.footer .RevMark {
	color: Gray;
	font-size: xx-small;
}
a.FooterNavLink {
	color: #3D7CC0;
	/* color: #227F55; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
}

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

a.FooterNavLink:visited {
}
span.FooterNavSeparator {
	color: #5F5F5F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
}
/* -------------------------------------------------
                                       end footer */

/* -------------------------------------------------
	Porfolio Page
*/
.portfolio {	
	width:100%;
	}
	
.portfolio tr{	
	font-size: .625em;
	}
	
.portfolioAlternatingRow
{
	background-color: #F8F8F8;
}

.portfolioRow
{
	background-color: White;
}
	
.portfolio th{	
	background:#999;
	font-size:.625em;
	padding:5px;
	color:#FFF;
	border-right:1px solid #FFF;
	}
	
.portfolio td
{
	padding: 5px;
	border-bottom: #ccc 1px solid;
	font-size: .625em;
	border-right: #fff 1px solid;
}

.portfolio td.trash {	
	text-align: center;
	padding: 0px;
	width: 40px;
	}
	
.portfolio th.trash {	
	text-align: center;
	width: 40px;
	}
		
.portfolio td.num, td.numNormal {	
	color: Black;
	padding-right: 5px;
	text-align: right;
	}

td.trigger {	
	color: Black;
	padding-right: 5px;
	text-align: center;
	}

.portfolio td.numAlert {
	color: #227F55;
	padding-right: 5px;
	text-align: right;
	}

.portfolio th.num {	
	text-align: right;
	width: 115px;
	}
	
.portfolio th.stock, .portfolio td.stock {	
	text-align: center;
	width: 70px;
	}
		
.portfolio th.comments
{
	text-align: center;
	width: 310px;
}

.portfolio td.comments
{
	text-align: left;
	width: 310px;
}

.portfolioError
{
	font-size: .625em;
	color: Red;
}	

#portfolioErrors
{
	clear: right;
}

/* End Portfolio elements
*/

span.commentsExitAlert
{
	color: #752912;
}

span.commentsReentryAlert
{
	color: #006400;
}

span.commentsApproaching
{
	color: Orange;
}

span.commentsInfo
{
	color: Black;
}

.callout
{
	clear: both;
	display: block;
	float: right;
	margin: 10px;
	text-align: center;
}

.calloutText
{
	clear: both;
	display: block;
	float: right;
	margin: 10px 10px 10px 20px;
	border-right: gray thin solid;
	padding-right: 5px;
	border-top: gray thin solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray thin solid;
	width: 200px;
	padding-top: 5px;
	border-bottom: gray thin solid;
	text-align: left;
}

.calloutSubsc
{
	clear: both;
	display: block;
	float: right;
	margin: 10px 10px 10px 20px;
	border-right: gray thin solid;
	padding-right: 5px;
	border-top: gray thin solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray thin solid;
	width: 300px;
	padding-top: 5px;
	border-bottom: gray thin solid;
	text-align: left;
}

.calloutHorz
{
	clear: both;
	display: block;
	float: none;
	margin: 10px 10px 10px 20px;
	border-right: gray thin solid;
	padding-right: 10px;
	border-top: gray thin solid;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: gray thin solid;
	padding-top: 10px;
	border-bottom: gray thin solid;
	text-align: left;
}

.calloutEmail
{
	clear: both;
	display: block;
	float: none;
	margin: 10px 10px 10px 20px;
	border-right: gray thin solid;
	padding-right: 5px;
	border-top: gray thin solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray thin solid;
	padding-top: 5px;
	border-bottom: gray thin solid;
	text-align: left;
}

.calloutTextExtra
{
	clear: both;
	display: block;
	float: right;
	margin: 10px 10px 10px 20px;
	border-right: gray thin solid;
	padding-right: 10px;
	border-top: gray thin solid;
	padding-left: 10px;
	padding-bottom: 10px;
	border-left: gray thin solid;
	width: 200px;
	padding-top: 10px;
	border-bottom: gray thin solid;
	text-align: center;
	vertical-align: top;
	line-height: normal;
	letter-spacing: normal;
	font-weight: lighter;
	font-size: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.questionaire
{
	table-layout: fixed;
	border-collapse: collapse;
}

.question
{
	text-align: right;
	width:390px;
	margin:5px;
	padding:5px;
}

.field
{
	text-align: left;
	width:390px;
	margin:5px;
	padding:5px;
}

#SubscriptionTable
{
	border-style:solid; 
	border-color:Black;
	margin:20px;
	padding:0px;
}

#SubscriptionTable td
{
	border-right: gray thin solid;
	padding-right: 5px;
	border-top: gray thin solid;
	padding-left: 5px;
	padding-bottom: 5px;
	border-left: gray thin solid;
	padding-top: 5px;
	border-bottom: gray thin solid;
	text-align: center;
}

.logoStops
{
	color: #cc0000;
	font-size:inherit;
	font-weight:inherit;
	font-variant:inherit;
	font-style: italic;
}

td.LeftNavHeading
{
	padding-top: 10px;
	border-bottom: 2px solid #227F55;
	white-space: nowrap;
}

span.LeftNavHeading
{
	font-size: 10pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

td.LeftNavCell
{
	border-bottom: 1px solid #c1c1c1;
}

a.LeftNavLink
{
	color: Black; 
	background-color: Transparent;
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
	float: left;
	width: 190px;
	height: 21px;
	padding-left: 10px;
	padding-top: 7px;
}
	
a.LeftNavLink:hover
{
	background-color: #ececec;
}

a.LeftNavLink:visited
{
	color: Black;
}

a.LeftNavSubLink
{
	color: Black; 
	background-color: Transparent;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
}
	
a.LeftNavSubLink:visited
{
	color: Black;
}

a.LeftNavSubLink:hover
{
	color: #227F55;
}

a.SelectedLeftNavSubLink
{
	color: #227F55; 
	background-color: Transparent;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}
	
a.SelectedLeftNavSubLink:hover
{
	color: Black;
}

td.RightNavHeading
{
	padding-top: 10px;
	border-bottom: 2px solid #227F55;
	white-space: nowrap;
}

span.RightNavHeading
{
	font-size: 10pt;
	font-weight: bold;
	padding-left: 5px;
	padding-right: 5px;
}

a.RightNavTitleLink
{
	color: Blue; 
	font-size: 9pt;
	font-weight: normal;
	text-decoration: underline;
}

a.RightNavTitleLink:hover
{
}

a.RightNavUrlLink
{
	color: #227F55; 
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}
	
a.RightNavUrlLink:hover
{
	text-decoration: underline;
}

a.email
{
	color: #101010; 
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 0 3px 20px;
	background-image: url('../Images/Icons/icon_email.png');
	background-repeat: no-repeat;
	background-position: left center;
}

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

a.email:visited
{
	color: #101010; 
}

a.print
{
	color: #101010; 
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	padding: 3px 0 3px 20px;
	background-image: url('../Images/Icons/icon_print.png');
	background-repeat: no-repeat;
	background-position: left center;
}

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

a.print:visited
{
	color: #101010; 
}

div.LoginPage
{
	padding: 20px; 
    text-align: center; 
    width: 600px;
}

div.AccountPage
{
	padding: 20px; 
    text-align: left; 
    width: 600px;
}

div.RegistrationPage
{
	padding: 20px; 
    text-align: left; 
    width: 800px;
}

div.PortfolioPage
{
	padding: 20px; 
    text-align: left; 
    width: 925px;
}

.RegistrationData
{
	color: #333092;
	font-size: 10pt;
}

td.PaymentMethodLabelCell
{
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
}

td.PaymentMethodInputCell
{
	padding-left: 10px;
	padding-right: 10px;
	white-space: nowrap;
	vertical-align: top;
}

.FAQQuestion, .FAQAnswer {
	font-size: .75em;
	}
div.FAQQuestion
{
	color: #101010;
	text-align: left;
	padding-top: 3px;
}

div.FAQAnswer
{
	color: #101010;
	text-align: left;
}

a.FAQQuestion
{
	color: #101010;
}

/* p.ContentHeading
{
	font-size: large;
	font-weight: bold;
	color: #101010;
} */

p.ContentSubHeading
{
	font-size: 11pt;
	font-weight: bold;
	color: #101010;
}

p.ContentText
{
	color: #101010;
}

p.ContentSmall
{
	font-size: 8pt;
	font-weight: normal;
	color: #101010;
}

p.ContentXSmall
{
	font-size: 7pt;
	font-weight: normal;
	color: #101010;
}

span.ContentHeading
{
	font-size: large;
	font-weight: bold;
	color: #101010;
}

span.ContentSubHeading
{
	font-size: 11pt;
	font-weight: bold;
	color: #101010;
}

span.ContentText
{
	color: #101010;
}

span.RadioButton
{
	font-size: 1.0em;	
}

span.ContentSubHeading
{
	font-size: 11pt;
	font-weight: bold;
	color: #101010;
}

span.ContentSmall
{
	font-size: 8pt;
	font-weight: normal;
	color: #101010;
}

span.ContentXSmall
{
	font-size: 7pt;
	font-weight: normal;
	color: #101010;
}

label.ContentText
{
	color: #101010;
}

label.ContentSubHeading
{
	font-size: 11pt;
	font-weight: bold;
	color: #101010;
}

label.ContentHeading
{
	font-size: large;
	font-weight: bold;
	color: #101010;
}

a.ContentHeading
{
	font-size: large;
	font-weight: bold;
	color: #101010;
}

a.ContentSubHeading
{
	font-size: 11pt;
	font-weight: bold;
	color: #101010;
}

a.ContentText
{
	color: #101010;
}

a.ContentSmall
{
	font-size: 8pt;
	font-weight: normal;
}

a.ContentXSmall
{
	font-size: 7pt;
	font-weight: normal;
}

ul.ContentList
{
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 0px;
}

li.ContentList
{
	font-size: small;
	font-weight: normal;
	color: #101010;
	list-style-type: disc;
	background-image: none;
	margin-top: 0px;
	margin-bottom: 3px;
	margin-left: 15px;
	margin-right: 0px;
	padding: 0px;
}

p.TermsHeading
{
	font-size: large;
	font-weight: bold;
	color: #101010;
}

p.TermsText
{
	font-size: small;
	font-weight: normal;
	color: #101010;
}

div.AdminGridTemplate
{
	padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    font-size: small;
}

td.AdminGridTemplate
{
	padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    font-size: small;
}

.AdminHeaderTemplate
{
	padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    font-size: small;
}

.AdminDataViewHeaderTemplate
{
	padding-top: 3px;
    padding-bottom: 3px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: normal;
    font-size: small;
}

span.AdminDataViewLabel
{
    font-size: small;
    font-weight: bold;
}

table.LearnMoreTable
{
	margin-top: 10px;
	margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    border-bottom: 1px solid Silver;
    border-right: 1px solid Silver;
}


td.LearnMoreTable
{
	border-top: 1px solid Silver;
	border-left: 1px solid Silver;
	padding-top: 5px;
	padding-bottom: 5px;
}

a.ToolTipMarker
{
	color: #227F55;
	text-decoration: none;
}

a.ToolTipMarker:hover
{
	color: #227F55;
	text-decoration: underline;
}

a.ToolTipMarker:visited
{
	color: #227F55;
}

/* Chart styles
------------------------------------------------- */

table.ChartTable
{
	background-color: #F8F8F8;
	width: 100%;
}

div.ChartTable
{
	background-color: #F8F8F8;
	padding: 10px;
}

p.ChartText
{
	margin: 0px;
	padding: 0px;
	color: #333092;
}

span.ChartText
{
	margin: 0px;
	padding: 0px;
	color: #333092;
}

input.ChartText
{
	color: #333092;
}

div.ContentPanel
{
	padding: 20px;
	width: 520px;
}

p.FreeDailySmartStopsHeader
{
	color: White;
	font-size: 16pt;
	font-weight: normal;
	padding: 0px;
	white-space: nowrap;
}

span.FreeDailySmartStopsHeader
{
	color: Red;
	font-size: 16pt;
	font-weight: normal;
	padding: 0px;
	white-space: nowrap;
}

a.BetaFeedback
{
	color: #101010; 
	font-size: 10pt;
	text-decoration: none;
}

a.BetaFeedback:hover
{
	color: #101010;
}

a.BetaFeedback:visited
{
	color: #101010;
}

p.Quotes
{
	color: #101010;
	line-height: 1.6;
	font-style: italic;
}
.quotee {
	
}

.OpenQuote {

}
.CloseQuote {

	}

a.LogoLink
{
	color: Black;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11pt;
}

a.LogoLink:hover
{
}

a.LogoLink:visited
{
}

a.HeaderNavLink
{
	color: #3D7CC0;
	/* color: #227F55; */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
}

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

a.HeaderNavLink:visited
{
}

span.HeaderNavSeparator
{
	color: #5F5F5F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9pt;
}



td.RedButtonNormal
{
  padding-top: 0px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 5px;
}

td.RedButtonPressed
{
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 6px;
  padding-right: 4px;
}

td.BrokerLinkProtectionButtonNormal
{
  padding-top: 0px;
  padding-bottom: 1px;
  padding-left: 1px;
  padding-right: 1px;
  width: 100%;
  height: 100%;
}

td.BrokerLinkProtectionButtonPressed
{
  padding-top: 1px;
  padding-bottom: 0px;
  padding-left: 2px;
  padding-right: 0px;
  width: 100%;
  height: 100%;
}

span.LastSynchronized
{
	color: #333092;
	font-size: 10pt;
}

div.SiteMapSectionLink
{
	border-top: 1px solid Silver;
	padding-top: 6px;
	padding-left: 0px;
	padding-bottom: 6px;
}

a.SiteMapSectionLink
{
	color: #101010; 
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}
	
a.SiteMapSectionLink:hover
{
	color: #227F55;
	text-decoration: underline;
}

div.SiteMapItemLink
{
	padding-bottom: 3px;
	padding-left: 20px;
}

a.SiteMapItemLink
{
	color: #101010; 
	font-size: 9pt;
	font-weight: normal;
	text-decoration: none;
}
	
a.SiteMapItemLink:hover
{
	color: #227F55;
	text-decoration: underline;
}

a.NewsFeedHeader
{
	color: #333092;
	font-size: 12pt;
	font-weight: bold;
	text-decoration: none;
}

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

a.NewsFeedTitle
{
	color: Blue;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

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

span.NewsFeedDate
{
	color: #101010;
	font-size: 8pt;
	font-weight: normal;
}

div.ModalPopupHeading
{
	width: 100%;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
	background-color: #101010;
}

p.ModalPopupHeading
{
	margin: 0px;
	padding: 0px;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	color: White;
}

input.InputButton
{
	cursor: pointer;
}

.TextBoxWatermark
{
	color: #909090;
}

a.FollowUs
{
	color: #3b5998;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;
}

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

a.LinkButton
{
	font-size: 10pt;
}

span.SynchronizeStatus
{
	font-size: 10pt;
}

span.OrderStatus
{
	font-size: 10pt;
}

input.button
{
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 4px;
	padding-right: 4px;
}