@import url("/css/reset.css");

html,body {
	background:url(/images/prelogin/bx_header_bg.png) top repeat-x #fff;
	margin: 0px;
}

html,body#login {
	background:url(/images/prelogin/bx_header_bg_alt.png) top repeat-x #fff;
}

/* mac hide \*/
html, body { 
	height:100%; /* makes background extend full height */
}
/* end hide */

small {
	font-size: 11px;
	font-style:italic;
}

a, a:visited {
	text-decoration: none;
	color: #23909a;
	outline:none;
}

a:hover {
	color: #a1c5d1;
}

.clear {
	clear: both;
}

.actionLink {
	display: block;
	background: url("/images/prelogin/icon_bullet_arrow.gif") top right no-repeat;
	width: 145px;
	color: #1d767e;
	margin: 7px 0px 0px 0px;
}

.actionLink4 {
	display: block;
	background: url("/images/prelogin/icon_bullet_arrow.gif") 145px 4px no-repeat;
	width: 165px;
	color: #1d767e;
	margin: 0px 0px 0px 5px;
}

.actionLink3 {
	display: block;
	float: left;
	height: 20px;
	color: #1d767e;
	margin: 7px 60px 15px 0px;
}

.required {
	color: #23909a;
}

.marginBottom {
	padding: 3px 10px 0px 20px !important;
}

.white {
	color: #fff !important;
}

.black { 
	color: #000000 !important;
}

.lightGreen {
	background: #4d9b5e;
}

.lightBlue {
	background-color: #7bbddb;
}

.blackBg {
	background-color: #000000;
}

.blueCell {
	text-align: center !important;
	width: 75px;
	padding: 3px 12px !important;
	background-color: #e8f1f4 !important;
}

.cellActive {
	background: #d9f3ff !important;
}

.green {
	color: #1d767e !important;
}

.green2 {
	color: #23909a;
}

.sideLink {
	color: #222222;
	font-weight: normal;
	display: block;
	font-size: 12px;
	width: 207px !important;
	height: 20px;
	padding: 0px 0px 0px 20px;
	margin: 8px 0px 5px 0px;
	background: #ffffff;
}

.sideLinkActive {
	background: #e0f3ff;
	font-weight: 900;
	color: #222222;
	width: 207px !important;
	height: 20px;
	padding: 3px 0px 0px 20px;
	margin: 5px 0px 8px 0px;
	display:block;
}

.sideLinkLargeActive {
	background: #e0f3ff;
	font-weight: 900;
	padding: 0px 0px 0px -20px !important;
}

.padLeft {
	padding-left: 10px !important;
}

.textRight {
	text-align: right;
}

.font12 {
	font-size: 12px !important;
}

.toolLink {
	display: block;
	height: 23px;
	color: #a1c5d1;
	text-align: center;
}

a.toolLink:hover {
	color: #fff;
}

.left {
	float: left;
}

.right {
	float: right;
}

.bottom {
	position: absolute; 
	bottom: -1px;
}

.twentyPercent {
	width: 120px; 
	display: block;
	float: left;
	text-align: left;
	padding: 0px 16px 13px 16px;
	line-height: 1.4em;
}

.twentyPercent h3 {
	font-weight: 900;
	display: block;
	color: #a1c5d1;
}

a.otherEducation:hover {
	color: #23909a;
}

.noTopBorder {
	border-top: none !important;
}

.noBotBorder {
	border-bottom: none !important;
}

.noPad {
	padding: 16px 0px 0px  13px !important;
}

.actionLink2 {
	display: block;
	margin: 5px 0px 0px 0px;
}

.attentionText {
	font: 17px arial,verdana,helvetica;
	color: #23909a;
	display: block;
	font-weight: 900;
	margin-top: 8px;
}

.pad2Top {
	padding-top: 2px;
}

.pad5Top {
	padding-top: 10px !important;
}

.pad5Bottom {
	padding-bottom: 5px !important;
}

.pad10Left {
	padding-left: 10px !important;
}

.boldHeading {
	font-weight: 900 !important;
	color: #222222;
	font-size: 13px;
}

.boldHeadingLarge {
	font-weight: 900 !important;
	color: #222222 !important;
	font-size: 15px;
}


/********BOF buttons*********/
span.button {
	background: url("/images/prelogin/btn_bg.gif") repeat-x;
	height: 26px;
	padding: 7px 10px;
	margin: 0px;
	color: #fff;
	text-transform: uppercase;
	font: 11px arial, verdana,helvetica;
	display: inline;
	float: left;
	cursor:pointer;
}

span.btnLeft {
	background: url("/images/prelogin/btn_left.gif") top left no-repeat;
	width: 6px;
	height: 26px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	cursor:pointer;
}

span.btnRight {
	background: url("/images/prelogin/btn_right.gif") top right no-repeat;
	width: 6px;
	height: 26px;
	margin: 0px;
	padding: 0px;
	float: left;
	cursor:pointer;
}

span.homeBtn {
	background: url("/images/prelogin/btn_home_bg.gif") repeat-x;
	height: 23px;
	padding: 6px 4px;
	margin: 0px;
	color: #000000;
	text-transform: uppercase;
	font: 11px arial, verdana,helvetica;
	display: inline;
	float: left;
	cursor:pointer;
}

span.homeBtnLeft {
	background: url("/images/prelogin/btn_home_left.gif") top left no-repeat;
	width: 8px;
	height: 23px;
	padding: 0px;
	margin: 0px;
	float: left;
	display: block;
	cursor:pointer;
}

span.homeBtnRight {
	background: url("/images/prelogin/btn_home_right.gif") top right no-repeat;
	width: 8px;
	height: 23px;
	margin: 0px;
	padding: 0px;
	float: left;
	cursor:pointer;
}

span.homeLCBtn {
	background: url("/images/prelogin/btn_liveChatBG.gif") repeat-x;
	height: 33px;
	padding: 8px 3px 9px 5px;
	margin: 0px;
	color: #545454;
	text-transform: uppercase;
	font: 11px arial, verdana,helvetica;
	font-weight: bold;
	display: inline;
	float: left;
	cursor:pointer;
}

span.homeLCLeft {
	background: url("/images/prelogin/btn_liveChatLeft.gif") top left no-repeat;
	width: 10px;
	height: 33px;
	padding: 0px;
	float: left;
	display: block;
	margin: 0px;
	cursor:pointer;
}

span.homeLCRight {
	background: url("/images/prelogin/btn_liveChatRight.gif") top right no-repeat;
	width: 15px;
	height: 33px;
	margin: 0px;
	padding: 0px;
	float: left;
	cursor:pointer;
}

span.buttonShadow {
	background: url("/images/prelogin/btn_shadowBG.gif") repeat-x;
	height: 31px;
	padding: 7px 10px;
	margin: 8px 0px 0px 0px;
	color: #fff;
	text-transform: uppercase;
	font: 11px arial, verdana,helvetica;
	display: inline;
	float: left;
	cursor:pointer;
}

span.btnShadowLeft {
	background: url("/images/prelogin/btn_shadowLeft.gif") top left no-repeat;
	width: 7px;
	height: 31px;
	padding: 0px;
	margin: 8px 0px 0px 0px;
	float: left;
	display: block;
	cursor:pointer;
}

span.btnShadowRight {
	background: url("/images/prelogin/btn_shadowRight.gif") top right no-repeat;
	width: 10px;
	height: 31px;
	margin: 8px 0px 0px 0px;
	padding: 0px;
	float: left;
	cursor:pointer;
}
/********EOF buttons*********/

#container {
	margin: 0px auto;
	width: 990px;
	text-align: center;
	font: 12px arial, verdana, helvetica;
	color: #222222;
	/*background: #fff url("/images/prelogin/ox_bg_test.jpg");*/
	min-height: 100%; /* makes background extend full height */
}

#content {
	margin: 0px auto;
	width: 970px;
	text-align: left;
}

/****************************** BOF header***********************************************/
#header {
	width: 970px;
	display: block;
	position: relative;
}

#header h1.slogan {
	font: 13px arial;
	font-weight: lighter !important;
	color: #222222;
	padding: 0px 0px 0px 23px;
	margin: 0px;
	letter-spacing: normal;
}

#logo1 {
	width: 234px;
	padding: 14px 0px 0px 0px;
	height: 60px;
	float: left;
}

#topNav {
	width: 736px;
	height: 80px;
	float: right;
	text-align: right;
	font: 11px arial,verdana,helvetica;
}

#topNav a, #topNav a:visited {
	color: #222222;
	font-weight: normal;
}

#topNav a:hover {
	color: #07454b;
}

#topNav ul {
	list-style: none;
	width: 600px;
	float: right;
	padding-top:30px;
	margin-right:5px;
}

#topNav ul li {
	list-style: none;
	display: block;
	float: right;
	margin-left:25px;
	line-height:15px;
}

li.pad11 {
	margin-top: 11px;
}

li.pad14 {
	padding: 14px 0px 0px 12px;
}

li.sitetour {
	text-transform: uppercase;
}

li.login {
	text-transform: uppercase;	
	text-align: left;
}

li.login a {
	background:url("/images/icons/masthead-icons.png") 39px -1px no-repeat;
	display:block;
	width: 55px;
}

li.live-chat a  {
	background:url("/images/icons/masthead-icons.png") 60px -36px no-repeat;
	display:block;
	width: 78px;
}

li.phone span {
	background:url("/images/icons/masthead-icons.png") 70px -19px no-repeat;
	display:block;
	width:85px;
}

.topNavDivider {
	width: 20px;
	height: 42px;
	display: block;
	margin: 0px 20px 0px 0px;
	border-right: 1px solid #d6d6d6;
}

.textLeft {
	text-align: left;
}

.boldLarge {
	font: 900 13px arial,verdana,helvetica;
}
/****************************** EOF header***********************************************/

#ticker {
	position: absolute;
	white-space:nowrap;
	right: 3px;
	top: 68px;
	font-weight: 900 !important;
	font: 12px arial, helvetica, verdana;
}

#ticker small {
	font-style: normal;
	font-weight: 100;
}


/********************************** Header and nav styling ********************************/
#mainNavRow1 {
	display: block;
	height: 41px;
	width: 965px;
	margin-left:5px;
}

#mainNavRow1 ul {
	display:block;
	height: 36px;
	list-style-type:none;
	padding:0px;
	text-align:left;
}

#mainNavRow1 ul li {
	float:left;
	height:36px;
	list-style-type:none;
	margin:0px;
	padding:0px;
	text-align:center;
}

#mainNavRow1 ul li a, #mainNavRow1 ul li a:visited {
	color:#FFFFFF;
	font-size:14px !important;
	font-weight:900 !important;
	text-decoration:none;
}

#mainNavRow1 ul li a span {
	line-height:36px;
	display: block;
}

a#switch { border-left:1px solid #fdeadc; }
a#switch, a#advantage, a#platform, a#tools {
	display:block;
}

a#switch, a#advantage, a#platform, a#tools { border-right:1px solid #fdeadc; width: 238px; }	
a#switch:hover, a#advantage:hover, a#platform:hover, a#tools:hover { background:url(/images/prelogin/bx_nav_active.png) repeat-x }

.mainNavSearch {
	background:#FFFFFF none repeat scroll 0% 0% !important;
	border:1px solid #FFFFFF !important;
	color:#222222 !important;
	float:left;
	font-size:11px;
	margin:12px 0px 0px 28px;
	padding:0px;
	width:165px;
}

body.switchBody #mainNav #switch,
body.advantageBody #mainNav #advantage,
body.platformBody #mainNav #platform,
body.toolsBody #mainNav #tools { background:url(/images/prelogin/bx_nav_active.png) repeat-x }

/* about section, style differently to show sub-nav */
.about #mainNavRow1, .about #mainNavRow1 ul, .about #mainNavRow1 ul li {
	height: 37px;
}

.about a#switch,
.about a#advantage, 
.about a#platform, 
.about a#tools {
	background-image: url(/images/prelogin/topNav.gif);
	height: 37px;
}

/* while in the about section, makes the tab color change on hover. height is different from declaration above */
.about a#switch:hover						{	background-position: 0 -37px;		}
.about a#advantage:hover 					{	background-position: -184px -37px;	}
.about a#platform:hover						{	background-position: -370px -37px;	}
.about a#tools, .about a#learnAboutOXPS		{	background-position: -554px -37px;	}

/* sub-nav on about pages */
#mainNavRow2 {
	display: none;
}

.about #mainNavRow2 {
	display: block;
	background:transparent url(/images/prelogin/mainNavRow2.jpg) no-repeat scroll 0 0;
	height:36px;
}

#mainNavRow2 ul {
	color:gray;
	height:16px;
	margin:0;
	padding:10px 26px;
}

#mainNavRow2 ul li {
	display:inline;
	float:left;
	margin:0;
	padding:0 24px 0 0;
}

#mainNavRow2 ul li a, #mainNavRow2 ul li a:visited {
	color:#222222;
	text-decoration:none;
}

/* makes sub-nav link bold and teal */
.overview #aboutOverview, .overview #aboutOverview:visited, 
.whyOX #aboutWhy, .whyOX #aboutWhy:visited, 
.product #aboutProducts, .product #aboutProducts:visited, 
.accounts #aboutAccounts, .accounts #aboutAccounts:visited, 
.pricing #aboutPricing, .pricing #aboutPricing:visited, 
.faqs #aboutFaq, .faqs #aboutFaq:visited,
.tour #aboutTour, .tour #aboutTour:visited {
	color: #6292A8;
	font-weight:900;
}

/* lnav in products section - makes the link for the page you are on bold */
.option #lnavOptions, .future #lnavFutures, .stock #lnavStocks, .etf #lnavEtf, .mutual #lnavMutual, .bond #lnavBonds {
	font-weight: 900;
}

/****************************** EOF main navigation**************************************/

/**homepage template CSS **/
h1 {
	font: 32px arial, verdana, helvetica;
	font-weight: 900;
	letter-spacing: -1px;
	margin-left: -2px;
	color: #3E7EA4;
}

h2 {
	font: 15px arial, verdana, helvetica;
	font-weight: 900;
	margin: 0px 0px 8px 0px;
	color: #434343;
}

	
#home_r1c1 {
	width: 475px;
	height: 262px;
	float: left;
	display: block;
	background: transparent url("/images/prelogin/home_r1c1.jpg") top left no-repeat;
	margin: 0px 6px 0px 0px;
	position: relative;
}

#openAccountBtn {
	position: absolute;
	top: 206px;
	left: 18px;
}

#home_r1c2 {
	width: 485px;
	height: 262px;
	float: left;
	display: block;
	background: url("/images/prelogin/home_r1c2.jpg") top left no-repeat;
	line-height: 1.4em;
	overflow: hidden;
}

#home_r1c2 h1 {
	font-weight: 900 !important;
	font: 20px arial, verdana, helvetica;
	margin: 20px 0px 10px 20px;
	letter-spacing: normal;
}

.reason {
	width: 157px;
	float: left;
	display: block;
	margin: 0px;
	padding: 0px;
	line-height: 1.4em;
}

.reasonNum {
	float: left;
	width: 16px;
	height: 65px !important;
	font-weight: 900 !important;
	color: #222222;
	font-size: 15px;
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 10px 0px;
}

.reasonNumLarge {
	float: left;
	width: 16px;
	height: 65px !important;
	font-weight: 900 !important;
	color: #222222;
	font-size: 15px;
	margin: 0px 0px 0px 19px;
	padding: 0px 0px 25px 0px;}

#home_r2c1 {
	width: 282px;
	height: 160px;
	padding: 5px 20px 0px 20px;
	border-left: 1px solid #d6d6d6;
	display: block;
	float: left;
	color: #666666;
	font: 13px arial, verdana, helvetica;
	line-height: 1.4em;
}

#home_r2c2 {
	width: 282px;
	height: 160px;
	border-left: 1px solid #d6d6d6;
	padding: 5px 20px 0px 20px;
	display: block;
	float: left;
	color: #666666;
	font: 13px arial, verdana, helvetica;
	line-height: 1.4em;
}

#home_r2c3 {
	width: 283px;
	height: 160px;
	border-left: 1px solid #d6d6d6;
	padding: 5px 20px 0px 20px;
	display: block;
	float: left;
	color: #666666;
	font: 13px arial, verdana, helvetica;
	line-height: 1.4em;
}

#home_r3c1 {
	width: 970px;
	margin: 0px auto;
}

#home_r3c1a {
	float: left; 
	width: 320px;
	border: 1px solid #d6d6d6;
	padding: 0px 0px 0px 0px;
}

#home_r3c1a2 {
	float: left; 
	width: 627px;
	border: 1px solid #d6d6d6;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 5px;
}

#home_r3c1a2_b {
	float: left; 
	width: 305px;
	border: 1px solid #d6d6d6;
	padding: 0px 0px 0px 0px;
	margin: 0px 12px 0px 5px;
}

#home_r3c1a3 {
	float: left; 
	width: 308px;
	border: 1px solid #d6d6d6;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#home_r3c1b {
	float: left; 
	width: 425px; 
	padding: 12px 0px 0px 0px;
	line-height: 1.5em;
}
/** END homepage CSS *****/


#columnContainer { /* three column container*/
	width: 970px;
}

#columnContainerTwo { /*two column container*/
	width: 775px;
	float:left;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}


/******************************** BOF Bookstore******************************************/
#bookstoreNav {
	display: block;
}

#bookstoreNavLeft {
	width: 215px;
	float: left;
	margin: 0px 13px 0px 0px;
	padding: 3px 0px 0px 16px;
}

#bookstoreNavCenter {
	width: 525px;
	padding: 0px 0px 0px 14px;
	float: left;
}

#bookstoreNavRight {
	width: 186px;
	padding: 3px 0px 0px 0px;
	float: right;
	color: #23909a;
}

.productBox {
	width: 135px;
	padding: 0px 10px 0px 0px;
	margin: 16px 0px 16px 0px;
	float: left;
	line-height: 1.6em;
}

.productBestSeller {
	width: 145px;
	padding: 0px 20px 0px 16px;
	margin: 16px 0px 16px 0px;
	float: left;
	line-height: 1.6em;
}

.bookstoreDetail {
	width: 587px;
	font-size: 12px;
	border-left: 1px solid #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	border-right: 3px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	margin: 0px 0px 0px 9px;
	padding: 0px 0px 4px 13px;

}

.bookstoreDetail p {
	padding: 13px 13px 0px 0px;
	line-height: 1.5em;
}

#productLeft {
	float: left;
	width: 148px;
	line-height: 1.5em;
}

#productLeft img {
	display: block;
	margin-bottom: 12px;
}

#productLeft h2 {
	font: 900 14px arial !important;
	color: #23909a !important;
	margin: 0px;
	padding: 0px;
}

#productRight {
	width: 400px;
	float: right;
	margin-left: 35px;
	line-height: 1.5em;
}

#productRight h1 {
	font: 900 16px arial !important;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	letter-spacing: 0px;
}
/******************************** EOF Bookstore******************************************/


/******************************** BOF Column Headers*************************************/

#columnHeader {
	width: 775px;
	height: 124px;
	float: left;
	overflow: hidden;
}

#columnHeader2 {
	width: 970px;
	height: 124px;
	float: left;
	overflow: hidden;
}

.contact {
	background: url("/images/prelogin/header_contact.jpg") top left no-repeat;
}

.coins {
	background: url("/images/prelogin/header_coins.jpg") top left no-repeat;
}

.money {
	background: url("/images/prelogin/header_money.jpg") top left no-repeat;
}

.stocks {
	background: url("/images/prelogin/header_products.jpg") top left no-repeat;
}

.press {
	background: url("/images/prelogin/header_press.jpg") top left no-repeat;
}

.options {
	background: url("/images/prelogin/header_products.jpg") top left no-repeat;
}

.etfs {
	background: url("/images/prelogin/header_products.jpg") top left no-repeat;
}

.mutualfunds {
	background: url("/images/prelogin/header_products.jpg") top left no-repeat;
}

.products {
	background: url("/images/prelogin/header_products.jpg") top left no-repeat;
}

.newsite {
	background: url("/images/prelogin/header_newsite.jpg") top left no-repeat;
}

.bonds {
	background: url("/images/prelogin/header_products.jpg") top left no-repeat;
}

.futures {
	background: url("/images/prelogin/header_futures_new.jpg") top left no-repeat;
}

.futures_ira {
	background: url("/images/prelogin/header_futures_ira2.jpg") top left no-repeat;
}

.testimonials {
	background: url("/images/prelogin/header_testimonials.jpg") top left no-repeat;
}

.faq {
	background: url("/images/prelogin/header_faq.jpg") top left no-repeat;
	padding: 0px;
	margin: 0px;
}

.community {
	background: url("/images/prelogin/header_community.jpg") top left no-repeat;
	padding: 0px;
	margin: 0px;
}

.learn {
	background: url("/images/prelogin/header_learn.jpg") top left no-repeat;
}

.transfer {
	background: url("/images/prelogin/header_transfer.jpg") top left no-repeat;
}

.security {
	background: url("/images/prelogin/header_security.jpg") top left no-repeat;
}

.coaching {
	background: url("/images/prelogin/header_coaching.jpg") top left no-repeat;
}

.tour {
	background: url("/images/prelogin/header_tour.jpg") top left no-repeat;
}

.welcome {
	background: url("/images/prelogin/header_welcome.jpg") top left no-repeat;
}

.products {
	background: url("/images/prelogin/header_products.jpg") top left no-repeat;
}

.virtual {
	background: url("/images/prelogin/header_education2.jpg") top left no-repeat;
}

.why {
	background: url("/images/prelogin/header_why.jpg") top left no-repeat;
	color: #ffffff !important;
}

.why h1 {
	color: #ffffff !important;
}

.tools {
	background: url("/images/prelogin/header_tools.jpg") top left no-repeat;
}

.pricing_commissions {
	background: url("/images/prelogin/header_prices.jpg") top left no-repeat;
}

.why_options {
	background: url("/images/prelogin/header_why_options.jpg") top left no-repeat;
}

.testdrive {
	background: url("/images/prelogin/header_testdrive.jpg") top left no-repeat;
	color: #ffffff;
}

.testdrive h1 {
	color: #ffffff;
}

.pressReleases {
	background: url("/images/prelogin/header_press_releases.jpg") top left no-repeat;
	color: #ffffff;
}

.pressReleases h1 {
	color: #ffffff;
}

.education {
	background: url("/images/prelogin/header_education2.jpg") top left no-repeat;
}

.glossary {
	background: url("/images/prelogin/header_education2.jpg") top left no-repeat;
}

.assessment {
	background: url("/images/prelogin/header_education2.jpg") top left no-repeat;
}

.expCalendar {
	background: url("/images/prelogin/header_calendar.jpg") top left no-repeat;
	color: #000000;
}

.visa {
	background: url("/images/prelogin/header_visa.jpg") top left no-repeat;
	color: #000000;
}

.switch {
	background: url("/images/prelogin/header_bulb.jpg") top left no-repeat;
	color: #000000;
}

.platform {
	background: url("/images/prelogin/header_mouse.jpg") top left no-repeat;
	color: #000000;
}

.advantage {
	background: url("/images/prelogin/header_coins.jpg") top left no-repeat;
	color: #000000;
}

#columnHeader h1 {
	font: 25px arial, verdana, helvetica;
	display: block;
	margin:  16px 0px 5px 22px;
	font-weight: 900;
}

#columnHeader p {
	margin: 0px 22px 0px 22px !important;
	padding: 0px !important;
	line-height: 1.5em;
}

#columnHeader2 h1 {
	font: 25px arial, verdana, helvetica;
	display: block;
	margin:  16px 0px 5px 22px;
	font-weight: 900;
}

#columnHeader2 p {
	margin: 0px 22px 0px 22px !important;
	padding: 0px !important;
	line-height: 1.5em;
}

#quickMenu {
	display: block;
	text-align: right;
	width: 770px;
}

.new { color: #080; font-weight: bold; }

/******************************BOF open account**************************************/
#openAccount {
	border-right: 3px solid #d6d6d6;
	background: url("/images/prelogin/openAccount_bg.jpg") top left repeat-y;
	width: 766px;
	overflow: hidden;
}

.openAccount_container {
	margin: 0px 20px 0px 20px;
	line-height: 1.6em;
}

.openAccount_container h1 {
	font: 25px arial, helvetica, verdana;
	font-weight: 900;
	margin: 0px 0px 8px 0px;
}

#openAccountHeader {
	background: #EE8C3C url("/images/prelogin/openAccount_edge.jpg") top left no-repeat;
	height: 41px;
	display: block;
	padding: 0px 0px 0px 10px;
	margin-bottom: 16px;
}

#openAccountHeader ul {
	display: inline;
}

#openAccountHeader ul li {
	float: left;
	font: 20px arial, helvetica, verdana;
	padding: 10px 14px 0px 14px;
	font-weight: 900;
}

#openAccountHeader ul li a, #openAccountHeader ul li a:visited {
	color: #97b7cb;
}
/******************************EOF open account**************************************/

/****************************BOF random table classes********************************/
table.tableMasterList {
	width: 98%;
	margin: 13px 13px 0px 13px;
}

table.tableMasterList tr td {
	padding: 0px 25px 15px 0px;
}

table.tableSitemap {
	width: 100%;
}

table.tableSitemap tr td {
	padding: 16px 2px 16px 13px;
	border-bottom: 1px solid #d6d6d6;
	line-height: 1.8em;
}

table.tableSitemap tr td a, table.tableSitemap tr td a:visited {
	display: block;
	font-size: 11px;
}

table.tableSupport {
	width: 100%;
}

table.tableSupport tr td {
	padding: 0px 80px 13px 16px;
	width: 275px;
	line-height: 1.6em !important;
}

table.tableSupport2 {
	width: 100%;
}

table.tableSupport2 tr td {
	padding: 13px 80px 13px 16px;
	line-height: 2em !important;
	border-bottom: 1px solid #d6d6d6;
}

table.tableTools {
	width: 100%;
}

table.tableTools tr td {
	border: 1px solid #d6d6d6;
	padding: 3px 10px 3px 15px;
	vertical-align: middle !important;
}

table.tableHeading {
	width: 100%;
}

table.tableHeading tr td {
	padding: 2px 16px 2px 16px;
	background: #a4c8d3;
}
/****************************EOF random table classes********************************/

/****************************** BOF left column**************************************/
#columnLeftContain {
	width: 234px;
	float: left;
}

#columnLeft {
	float: left;
	width: 234px;
	background: #ffffff url("/images/prelogin/columnLeft_bg.gif") 0px 0px repeat-y;
}

#columnLeftSmall {
	float: left;
	width: 155px;
	margin: 0px;
	padding: 0px;
	background: #ffffff url("/images/prelogin/columnLeftSmall_bg.gif") 0px 0px repeat-y;
}

#columnLeftSmall2 {
	float: left;
	width: 155px;
	margin: 0px;
	padding: 0px 0px 0px 20px;
}

ul.greenLeftNav {
	color: #ffffff;
}

ul.greenLeftNav li {
	background: #a4c8d3;
	display: block;
	width: 209px;
	padding: 3px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
}

.columnLeftHeading {
	background: #a4c8d3 url("/images/prelogin/leftColumn_edge.jpg") top left no-repeat !important;
	margin: 0px !important;
}

ul.greenLeftNav li a, ul.greenLeftNav li a:visited {
	color: #d6edf4;
	font: 14px arial, verdana, helvetica;
	font-weight: 900;
	display: block;
	width: 210px;
	height: 21px;
}

ul.greenLeftNav li a:hover, a.active {
	color: #ffffff !important;
}

.columnLeftList {
	background-color: #ffffff !important;
	width: 227px !important;
	margin: 0px !important;
	color: #222222;
	border-left: 1px solid #d6d6d6;
}

.columnLeftList p  {
	padding: 4px 0px 4px 20px !important;
	margin: 4px 0px !important;
}

.columnLeftList p small {
	margin: 0px 0px 0px 12px !important;
}

li.columnLeftList p a, li.columnLeftList p a:visited {
	margin: 0px !important;
	padding: 0px !important;
	font-weight: normal;		
	font-size: 12px !important;
	color: #222222 !important;
	height: 16px !important;
	display: inline !important;
}

li.columnLeftList p a:hover {
	color: #a1c5d1 !important;
}

.columnLeftModule {
	background-color: #ffffff !important;
	list-style: none;
	width: 170px !important;
	margin: 0px !important;
	color: #222222;
	line-height: 1.5em;
	border-left: 1px solid #d6d6d6;
}

.columnLeftModule p {
	padding: 2px 10px 10px 0px !important;
	margin: 0px !important;
}	

.columnLeftHeadingBlue {
	padding: 0px;
}

.columnLeftHeadingBlue a {
	color: #ffffff !important;
	font: 14px arial,verdana,helvetica !important;
	font-weight: 900 !important;
	padding: 3px 0px 0px 20px;
	display: block;
	width: 208px;
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") top left no-repeat !important;
	height: 23px !important;
	margin: -4px 0px 0px 0px !important;
	border: none !important;
}

.columnLeftHeadingBlue2 {
	padding: 0px;
	border-left: none !important;
}

.columnLeftHeadingBlue2 a {
	color: #ffffff !important;
	font: 14px arial,verdana,helvetica !important;
	font-weight: 900 !important;
	padding: 3px 0px 0px 20px;
	display: block;
	width: 207px !important;
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") 0px 0px no-repeat;
	height: 23px !important;
	margin: -4px 0px 0px -20px !important;
}

.columnLeftHeadingBlue3 {
	padding: 0px;
	border-left: none !important;
}

.columnLeftHeadingBlue3 a {
	color: #ffffff !important;
	font: 14px arial,verdana,helvetica !important;
	font-weight: 900 !important;
	padding: 3px 0px 0px 20px;
	display: block;
	width: 209px !important;
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") 0px 0px no-repeat;
	height: 23px !important;
	margin: -3px 0px 0px -20px !important;
}

.columnLeftBlue {
}

.columnLeftBlue a, .columnLeftBlue a:visited {
	color: #ffffff !important;
	background: #EE8C3C !important;
	width: 206px;
	display: block;
	padding: 2px 0px 0px 20px;
	height: 22px !important;
	margin: -3px 0px 0px 0px;
}

/*****products bookstore page nav********/

ul.whiteLeftNav3 {
	width: 208px;
	background: transparent;
}

ul.whiteLeftNav3 li {
	width: 208px;
	padding: 3px 0px 0px 20px;
	margin: 0px 0px 1px 0px;
	font: 12px arial,verdana,helvetica;
	color: #222222;
	background: transparent;
	border-left: 1px solid #d6d6d6;
	overflow: hidden;
}

ul.whiteLeftNav3 li a, ul.whiteLeftNav3 li a:visited {
	color: #222222;
	font: 12px arial, verdana, helvetica;
	display: block;
	width: 208px;
	height: 21px;
}

/*****end bookstore pages nav************/

ul.whiteLeftNav {
	width: 130px;
	background: transparent;
}

ul.whiteLeftNav li {
	width: 130px;
	padding: 3px 0px 0px 20px;
	margin: 0px 0px 1px 0px;
	font: 12px arial,verdana,helvetica;
	color: #222222;
	background: transparent;
	border-left: 1px solid #d6d6d6;
	overflow: hidden;
}

ul.whiteLeftNav li a, ul.whiteLeftNav li a:visited {
	color: #222222;
	font: 12px arial, verdana, helvetica;
	display: block;
	width: 130px;
	height: 21px;
}

ul.whiteLeftNav2 {
	width: 208px;
	background: transparent;
}

ul.whiteLeftNav2 li {
	width: 198px;
	padding: 3px 10px 10px 20px;
	margin: 0px;
	font: 12px arial,verdana,helvetica;
	color: #222222;
	background: transparent;
	border-left: 1px solid #d6d6d6;
}

ul.whiteLeftNav2 li a, ul.whiteLeftNav li a:visited {
	color: #222222;
	font: 12px arial, verdana, helvetica;
	display: block;
	width: 190px;
	line-height: 1.6em;
}

#columnCenterLarge {
	float: left;
	width: 775px;
	font-size: 12px;
	background: transparent url("/images/prelogin/columnCenterLarge_bg.jpg") -6px 0px repeat-y;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.columnCenterLarge_bottom {
	background: url("/images/columnCenterLarge_bottom2.jpg") top left;
	width: 772px;
	height: 13px;
	position: absolute; 
	float: left;
}

#columnCenterMed {
	float: left;
	width: 770px;
	font-size: 12px;
	background: transparent url("/images/prelogin/columnCenterLarge_bg.jpg") -6px 0px repeat-y;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
}

.columnCenterLargeModule {
	float: left;
	width: 765px;
	font-size: 12px;
	background: transparent url("/images/prelogin/columnCenterLarge_bg.jpg") -8px 0px repeat-y;
	text-align: left;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-bottom: 2px solid #d6d6d6;
	position: relative;
	line-height: 1.8em;
}

.columnCenterLargeModule p {
	padding: 0px 16px 16px 16px;
	margin: 0px;
	overflow: hidden;
}

.columnCenterLargeModule h3 {
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	padding: 0px 0px 3px 0px;
	margin: 0px;
	color: #ffffff;
}

#columnCenterLargeHeadline {
	float: left;
	width: 733px;
	font-size: 12px;
	text-align: right;
	padding: 6px 16px 4px 16px;
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") 0px 0px no-repeat !important;
	color: #ffffff;	
}

.columnCenterLargeHeadline2 {
	float: left;
	width: 733px;
	font-size: 12px;
	text-align: left;
	padding: 6px 16px 2px 16px;
	margin-bottom: 1px;
	background: #a4c8d3;
	color: #ffffff;	
}

.columnCenterLargeHeadline3 {
	float: left;
	width: 733px;
	font-size: 12px;
	text-align: left;
	padding: 6px 16px 2px 16px;
	margin-bottom: 1px;
	background: #EE8C3C;
	color: #ffffff;	
}

.columnCenterLargeHeadline4 {
	float: left;
	width: 733px;
	font-size: 12px;
	text-align: left;
	padding: 6px 16px 4px 16px;
	margin: 0px;
	font-weight: 900;
	font-size: 14px;
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") top left no-repeat !important;
	color: #ffffff;	
}

.columnCenterLargeHeadline5 {
	float: left;
	width: 733px;
	font-size: 12px;
	text-align: left;
	padding: 6px 16px 2px 16px;
	margin-bottom: 1px;
	background: #EE8C3C;
	color: #ffffff;	
}

.columnCenterLargeHeadline4Spacer {
	padding: 0px 20px;
}

#columnCenterLargeContainer {
	width: 764px;
	font-size: 12px;
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	overflow: hidden;
}

#columnCenterLargeContainer ul {
	list-style-type: disc;
	padding-left: 32px;
	line-height: 20px;
	color: #EE8C3C;
}

#columnCenterLargeContainer ul li span {
	color: #000;
}

#columnCenterLarge p {
	padding: 16px;
}

#columnCenterLarge p.pMid {
	padding: 0 16px 0 16px ;
}

#columnCenterLarge p.topPad {
	padding: 16px 0 0 0;
}

#columnCenterLarge p.botPad {
	padding: 0 0 16px 0;
}

#columnCenterLarge h3 {
	padding: 16px 0 0 16px;
	font-size: 16px;
}

#columnCenterLarge h5 {
	padding: 16px 0 0 16px;
}

span.educationCenterHeadline {
	float: left;
	text-align: left;
	width: 350px;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
	display: inline;
}

.columnCenterModule {
	float: left;
	width: 174px;
	display: block;
	margin: 0px 65px 0px 0px;
	padding: 15px 0px 0px 10px;
	line-height: 1.4em;
}

h2.headlineLarge {
	display: block;
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") 0px 0px no-repeat !important;
	padding: 4px 0px 4px 16px;
	width: 752px;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
	color: #ffffff;
}

#columnCenterLargeContent {
	width: 775px;
	border-left: 1px solid #d6d6d6;
}

#columnCenterLargeContent p {
	padding: 17px 17px 0px 17px;
}

#columnCenterLargeContent h2 {
	display: block;
	width: 749px;
	background: #EE8C3C;
	margin: 0px;
	padding: 4px 0px 4px 16px;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
	color: #ffffff;
}

/* SV 8/4/06 Offest quotes for prospects section */
div.mgtQuote { float: right; width: 200px; border-top: solid 10px #FF9727; border-left: solid 2px #FF9727; margin-left: 15px; }
p.quoteBody { background: #FFE4CF; font-size: 11px; padding: 5px; border-left: 1px solid #EE8C3C; border-top: 1px solid #EE8C3C; }
p.quoteBy { background: #FFE4CF; padding: 5px; margin-top: -15px; text-align: right; font-style: italic; font-size: 11px;  border-left: 1px solid #EE8C3C; border-bottom: 1px solid #EE8C3C; }
#content div.quote1 { margin-bottom: 10px; width: 200px; float: right; }
.round1 .containQuote { background: #fff; }
.round1 .contentwrapQuote { background: url(/images/prospects/quote3.gif) repeat-y; height: 100%; }
.round1 .contentwrapQuote div { padding-left: 15px; }
.round1 .content { background: url(/images/styles/round/bg_right.gif) repeat-y right; }
.round1 .topQuote { background: url(/images/prospects/quote2.gif) repeat-x; width: 100%; height: 25px; }
.round1 .topQuote div { background: url(/images/prospects/quote1.gif) no-repeat top left; width: 100%; height: 25px; }

.testdriveTable {
	margin: 0px 16px 0px 16px;
	width: 750px;
}

.testdriveTable td {
	padding: 0px 0px 10px 0px;
}

table.basicTable tr td {
	padding: 0px 0px 3px 16px;
	margin: 0px;
}


table.confirmationTable {
	color: #222222;
	width: 350px;
	padding: 10px 16px 0px 16px;
	display: block;
}

table.confirmationTable tr td {
	padding: 5px 0px 10px 0px;
}

table.confirmationTable input {
	padding: 2px;
	width: 200px;
	border: 1px solid  #d6d6d6;
	margin: 0px;
}

div#aboutLeft {
	background: url("/images/prelogin/aboutus_top.jpg") top left no-repeat;
	width: 402px;
	height: 135px;
	float: left;
	overflow: hidden;
	padding: 16px;
	border-right: 3px solid  #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	line-height: 1.3em;
}

div#aboutRight {
	width: 312px;
	height: 167px;
	line-height: 1.8em;
	border-right: 3px solid  #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	border-left: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	margin-left: 13px;
	float: left;
}

#aboutRight p {
	padding: 16px 16px;
}

#aboutRight h3 {
	width: 282px;
	color: #fff;
	background: #EE8C3C;
	display: block;
	padding: 3px 16px 2px 16px;
	font-weight: 900;
	font-size: 15px;
}

.pricingAndCommissions {
	width: 775px;
	background: url("/images/prelogin/pricingCommisions_bg_middle.gif") top left repeat-y; 
	margin-bottom: 12px;
}
	
.pricingAndCommissionsTop {
	width: 100%;
	height: 11px;
	background: url("/images/prelogin/pricingCommisions_bg_top.gif") top left no-repeat;
}

.pricingAndCommissionsBottom {
	width: 100%;
	height: 18px;
	background: url("/images/prelogin/pricingCommisions_bg_bottom.gif") top left no-repeat;
}

.pricingAndCommissionsMiddle {
	padding: 0px 20px 0px 20px;
}

ul.pricingDetails {
	margin: 25px 0px 0px 0px;
	padding: 0px 0px 0px 15px;
	list-style: disc;
}

ul.pricingDetails li {
	margin-bottom: 8px;
}

ul.pricingDetails li.last {
	margin-bottom: 0px;
}

.pricingModule {
	width: 215px;
	padding: 2px 10px 0px 28px;
	overflow: hidden;
	float: left;
	line-height: 1.6em;
}

.pricingModule img{
	display: inline;
	padding: 0px 10px 0px 0px;
	overflow: hidden;
	float: left;
}

.pricingModule h1 {
	font-size: 32px;
	font-weight: 900;
}

.pricingModule h2 {
	font-size: 14px;
	font-weight: 900px;
	padding-top: 30px;
}

.pricingModule p {
	font-size: 11px;
	font-weight: 900;
	line-height: 1.2em;
}

table.ratesTable {
	margin: 0px 0px 0px 16px;
	width: 95%;
}

table.ratesTable tr td {
	padding: 3px 20px 3px 0px !important;
}

table.interestTable {
	margin: 0px 0px 0px 16px;
	width: 95%;
}

table.interestTable tr td {
	padding: 3px 0px !important;
}

.borderBot {
	border-bottom: 1px solid #d6d6d6 ;
}

table.topTable {
	margin: 0px;
	padding: 0px;
}

table.topTable tr td {
	padding: 0px 34px 0px 0px !important;
	text-align: right;
}

table.midTable {
	margin: 0px 0px 0px 16px;
	width: 95%;
}

table.midTable tr td {
	padding: 0px 20px 0px 0px !important;
}

.headlineTab{
	float: left;
	display: block;
	height: 24px;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
	padding: 0px;
	margin: 0px;
}

.headlineTab ul{
	float: left;
	display: block;
	height: 24px;
	padding: 0px;
	margin: 0px;
}

.headlineTab ul li {
	float: left;
	display: block;
	height: 24px;
	background: #8dabb5 url("/images/prelogin/pricing_commissions_tab.jpg") top left repeat-x;
	padding: 0px;
	margin: 0px;
}

.headlineTab ul li a{
	float: left;
	display: block;
	padding: 4px 38px 0px 38px;
	border-right: 1px solid #fff ;
	color: #fff;
	height: 24px;
	margin: 0px;
}

.headlineTab ul li a:hover,.headlineTab ul li a.selected{
	background: #EE8C3C;
}

.headlineTab ul li a.other{
	float: left;
	display: block;
	padding: 4px 38px 0 42px;
	height: 24px;
	background: #8dabb5 url("/images/prelogin/pricing_commisions_oth.jpg") top left repeat-x;
	color: #fff;
	width: 61px;
}

.headlineTab ul li a.other:hover{
	background: #EE8C3C url("/images/prelogin/pricing_commisions_others.jpg") top left repeat-x;
}


/************account login ************/
#accountLogin {
	background: url("/images/prelogin/accountLogin_box.gif") top left no-repeat;
	width: 735px;
	height: 326px;
	padding: 20px;
}

#accountLoginLeft {
	width: 385px;
	float: left;
	line-height: 1.5em;
}

#accountLoginLeft small {
	font-style: normal;
	font-size: 10px;
}

#accountLoginLeft td {
	padding-bottom: 10px;
}

#accountLoginLeft h1 {
	padding-bottom: 5px;
	font-size: 25px;
	letter-spacing: .3px;
}

#accountLoginRight {
	width: 300px;
	float: right;
	margin-top: 5px;
	line-height: 1.3em;
}

#accountLoginRight h2 {
	font-size: 17px;
	margin: 0px;
	padding: 0px;
}

#confirmationRight {
	float: right;
	width: 250px;
	margin-right: 100px;
	margin-top: 55px;
}
/************ EOF account login *******/
#errorBox {
	border: solid 2px #FF0000;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-style: normal;
	text-align: left; 
	width: 760px;
}

	#errorBox TH {
		background-color: #FF0000;
		color: #FFFFFF;
		font-weight: bold;
		padding: 2px;
		text-align: left;
	}
	
	#errorBox TD {
		background-color : #FFDEDE;
		color: #FF0000;
		padding: 2px;
		text-align: left;
	}


#errorBox th, #errorBox td.th { background-color: #f00; color: #fff; border-bottom: none; }
#errorBox h5 { color: #fff; font-weight:strong; }
#errorBox { margin-bottom: 15px; }


/****************************** BOF center modules *******************************/
.toolCenterModule {
	width: 256px;
	float: left;
	background: url("/images/prelogin/educationCenterModule_bg.gif") top left repeat-y;
	color: #222222;
	margin-top: 1px;
	line-height: 1.5em;
	min-height: 275px;
	height: 275px;
	position: relative;
}

.toolCenterModule h4 {
	background: #a4c8d3 !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.toolCenterModule h3 {
	background: #EE8C3C !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.communityCenterModule {
	width: 258px;
	float: left;
	background: url("/images/prelogin/educationCenterModule_bg.gif") top left repeat-y;
	color: #222222;
	margin-top: 1px;
	line-height: 1.5em;

	min-height: 241px;
	height: 241px;
	position: relative;
}

.communityCenterModule h4 {
	background: #a4c8d3 !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.communityCenterModule h3 {
	background: #EE8C3C !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.productCenterModule {
	width: 258px;
	float: left;
	background: url("/images/prelogin/educationCenterModule_bg.gif") top left repeat-y;
	color: #222222;
	margin-top: 1px;
	line-height: 1.5em;
	min-height: 185px;
	height: 185px;
	position: relative;
}

.productCenterModule h4 {
	background: #a4c8d3 !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.productCenterModule h3 {
	background: #EE8C3C !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.educationCenterModule {
	width: 256px;
	float: left;
	background: url("/images/prelogin/educationCenterModule_bg.gif") top left repeat-y;
	color: #222222;
	margin-top: 1px;
	line-height: 1.5em;
	min-height: 350px;
	height: 350px;
	position: relative;
}

.educationContainer {
	padding: 18px 16px 1px 16px;
}

.educationCenterModule h3 {
	background: #EE8C3C !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.educationCenterModule h3 a, .educationCenterModule h3 a.visited, .educationCenterModule h3 a.active {
	color: #ffffff;
}

.educationCenterModule h4 {
	background: #a4c8d3 !important;
	display: block;
	width: 220px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

#upcoming_events {
	border:1px solid #c5d6e7; 
	background:#ecf1f5; 
	padding:5px 10px; 
	margin: 1.8em 1.0em 0; 
	height: 55px;
}
#upcoming_events p {
	padding: 0.8em 0 0 80px;
}

.event_image {
	float: left; 
	padding-top: 1.0em;
}


#containerEduLeft {
	width: 355px;
	height: 460px;
	padding: 0;
	margin: 0;
	float: left;
}

#containerEduLeft .webinarP{
	width: 220px; 
	float: left;
}
#containerEduLeft .webinar_imageTop{
	float:right; 
	padding: 0.5em 0.8em 0 0; 
}

#containerEduLeft .webinar_imageBtm{
	float:right; 
	padding: 0.8em 0.8em 0 0; 
}

.educationCenterBox {
	background: url("/images/prelogin/educationCenterBox_bg2.gif") top left repeat-y;
	width: 394px;
	float: right;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	min-height: 150px;
	height: 447px;
	position: relative;	
}

.educationCenterBox h3 {
	background: #EE8C3C !important;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 353px;
	padding: 4px 16px 0px 16px;
	margin-left: 2px;
}

.educationCenterBox h3 a, .educationCenterBox h3 a.visited, .educationCenterBox h3 a.active {
	color: #ffffff;
}

.educationCenterBox p {
	padding: 13px 16px 1px 16px;
	line-height: 1.4em;
}

.educationCenterBox ul {
	padding: 19px 15px 0px 19px;
	width: 148px;
	float: left;
}

.educationCenterBox ul li {
	display: block;
	border-bottom: 1px solid #cccccc;
	padding: 5px 0px 1px 0px;
}

li.learningListView, .learningListView a {
	border: none !important;
	color: #777777 !important;
}

.educationCenterBoxLeft {
	background: url("/images/prelogin/educationCenterBox_bg.gif") top left repeat-y;
	width: 354px;
	margin-right: 10px;
	float: left;
	min-height: 150px;
	height: 430px;
	position: relative;
}

.educationCenterBoxLeft p {
	line-height: 1.4em;
	padding: 0px 16px 0px 16px;
}

.educationCenterBoxLeft h3 {
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") top left no-repeat !important;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 319px;
	padding: 4px 16px 0px 16px;
	margin-left: 1px;
}

.educationCenterBoxLeft h3 a, .educationCenterBoxLeft h3 a.visited, .educationCenterBoxLeft h3 a.active {
	color: #ffffff;
}

.educationCenterBoxLeft h4 {
	background: #EE8C3C;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 319px;
	padding: 4px 16px 0px 16px;
	margin-left: 1px;
}

.educationCenterBoxLeft1 {
	background: url("/images/prelogin/educationCenterBox_bg.gif") top left repeat-y;
	width: 354px;
	margin: 0 0.5em 0.6em 0;
	float: left;
	min-height: 150px;
	height: 220px;
	position: relative;
}

.educationCenterBoxLeft1 p {
	line-height: 1.4em;
	padding: 0px 16px 0px 16px;
}

.educationCenterBoxLeft1 h3 {
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") top left no-repeat !important;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 319px;
	padding: 4px 16px 0px 16px;
	margin-left: 1px;
}

.educationCenterBoxLeft1 h3 a, .educationCenterBoxLeft1 h3 a.visited, .educationCenterBoxLeft1 h3 a.active {
	color: #ffffff;
}

.educationCenterBoxLeft1 h4 {
	background: #EE8C3C;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 319px;
	padding: 4px 16px 0px 16px;
	margin-left: 1px;
}


/*****elevate boxes *****/
.elevateCenterBox {
	background: url("/images/prelogin/educationCenterBox_bg2.gif") top left repeat-y;
	width: 394px;
	float: right;
	margin: 0px 3px 0px 0px;
	min-height: 150px;
	position: relative;
	height: 195px;
}

.elevateCenterBox_bottom {
	background: url("/images/educationCenterBox_bottom2.gif") bottom right;
	width: 398px;
	height: 13px;
	position: absolute; 
	float: left;
	bottom: 0px;
	margin-left: -1px;
}

.elevateCenterBox h3 {
	background: #EE8C3C !important;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 353px;
	padding: 4px 16px 0px 16px;
	margin-left: 2px;
}

.elevateCenterBox h3 a, .elevateCenterBox h3 a.visited, .elevateCenterBox h3 a.active {
	color: #ffffff;
}

.elevateCenterBox p {
	padding: 13px 16px 1px 16px;
	line-height: 1.4em;
}

.elevateCenterBoxLeft {
	background: url("/images/prelogin/educationCenterBox_bg.gif") top left repeat-y;
	width: 354px;
	margin-right: 10px;
	float: left;
	min-height: 150px;
	height: 195px;
	position: relative;
}

.elevateCenterBoxLeft_bottom {
	background: url("/images/educationCenterBox_bottom.gif") top left repeat-y;
	width: 355px;
	height: 21px;
	position: absolute; 
	bottom: -1px;
}

.elevateCenterBoxLeft p {
	line-height: 1.4em;
	padding: 0px 16px 0px 16px;
}

.elevateCenterBoxLeft h3 {
	background: #EE8C3C url("/images/prelogin/leftColumn_edgeOrange.jpg") top left no-repeat !important;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 319px;
	padding: 4px 16px 0px 16px;
	margin-left: 1px;
}

.elevateCenterBoxLeft h3 a, .elevateCenterBoxLeft h3 a.visited, .elevateCenterBoxLeft h3 a.active {
	color: #ffffff;
}

.elevateCenterBoxLeft h4 {
	background: #EE8C3C;
	height: 22px;
	border: none !important;
	color: #ffffff;
	font: 14px arial,helvetica,verdana;
	font-weight: 900;
	width: 319px;
	padding: 4px 16px 0px 16px;
	margin-left: 1px;
}

/*****end elevate boxes**/
.educationCenterBanner {
	width: 730px;
	border: 1px solid #cccccc;
	padding: 16px;
}

.educationCenterBannerLeft {
	float:left;
	width: 400px;
}

.educationCenterBannerRight {
	float: right;
	width: 375px;
}

.pricingCenterModuleLeft {
	width: 354px;
	float: left;
	background: url("/images/prelogin/pricingCenterModuleLeft_sh.gif") top left repeat-y;
	color: #222222;
	line-height: 1.5em;
	min-height: 250px;
	height: 250px;
	position: relative;
}


.pricingCenterModuleLeft h3 {
	background: #EE8C3C !important;
	display: block;
	width: 320px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.pricingCenterModuleRight {
	width: 398px;
	float: right;
	background: url("/images/prelogin/pricingCenterModuleRight_sh.gif") top left repeat-y;
	color: #222222;
	line-height: 1.5em;
	min-height: 250px;
	height: 250px;
	position: relative;
	margin-right: 6px;
}

.pricingCenterModuleRight h3 {
	background: #EE8C3C !important;
	display: block;
	width: 363px;
	padding: 4px 16px;
	color: #ffffff;
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
}

.pricingCenterModuleRight p {
	padding: 13px;
}

.ratesRight {
	float:right;
	width: 404px;
}

.ratesLeft {
	float: left;
	width: 355px;
}
/********************************** EOF modules ***************************/

/**********************on pricing and commisions page***********************/
.free_services {
	width: 750px;
	height: 94px;
	padding: 10px 20px 0px 20px;
	display: block;
	background: url("/images/prelogin/free_services_bg.jpg") top left no-repeat;
}

.free_services_mod {
	width: 165px;
	padding-right: 20px;
	line-height: 2em;
	float: left;
}
/********************************** BOF center Column *********************/

#columnCenter {
	width: 508px;
	font-size: 12px;
	border-left: 1px solid #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	border-right: 3px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	margin: 0px 0px 0px 9px;
	padding: 4px 0px 4px 15px;
}

#columnCenter2 {
	width: 587px;
	font-size: 12px;
	border-left: 1px solid #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	border-right: 3px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	margin: 0px 0px 0px 9px;
	padding: 3px 0px 4px 12px;
}

#columnCenter3 {
	width: 587px;
	font-size: 12px;
	border-left: 1px solid #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	border-right: 3px solid #d6d6d6;
	margin: 0px 0px 0px 7px;
	padding: 0px 0px 4px 15px;
}

.columnCenterHeadline {
	float: left;
	border-right: 3px solid #d6d6d6;
	width: 508px;
	background: #EE8C3C;
	margin: 0px 0px 0px 9px;
	padding: 4px 0px 4px 16px;
	height: 17px;
	display: inline;
}

.columnCenterHeadline a, .columnCenterHeadline a:visited {
	font: 11px arial,verdana,helvetica;
	color: #ffffff;
}

.columnCenterHeadline ul {
	display: inline;
	list-style: none;
}

.columnCenterHeadline ul li {
	float: right;
	height: 20px;
	display: inline;
	float: right;
}

.columnCenterHeadline small {
	color: #ffffff;
	padding: 0px 15px 0px 0px;
	margin-top: 2px;
}

li.printLink {
	padding: 2px 20px 0px 0px;
	display: block;
	background: url("/images/prelogin/icon_pdf.gif") 22px 0px no-repeat;
	width: 40px !important;
}

li.printLink a {
	color: #ffffff;
}

li.downloadPDFLink {
	background: url("/images/prelogin/icon_pdf.gif") 72px 0px no-repeat;
	padding: 2px 20px 0px 0px;
	width: 80px;
}

li.viewWebinar {
	background: url("/images/prelogin/icon_pdf.gif") 67px 0px no-repeat;
	padding: 2px 20px 0px 0px;
	width: 80px;
}

h1.headline {
	font: 14px arial,verdana,helvetica;
	font-weight: 900;
	color: #ffffff;
	float: left;
	display: inline;
	letter-spacing: normal;
}

h2.headline {
	font: 15px arial,verdana,helvetica;
	font-weight: 900;
	color: #ffffff;
	display:block;
	letter-spacing: normal;
	background: #EE8C3C;
	margin: 0px 0px 0px -15px;
	height: 19px;
	padding: 4px 0px 2px 15px;
}

h3.headline {
	font: 15px arial,verdana,helvetica;
	font-weight: 900;
	color: #ffffff;
	display:block;
	letter-spacing: normal;
	background: #EE8C3C;
	margin: 0px 0px 0px -15px;
	padding: 4px 0px 2px 15px;
}

#columnCenter p {
	margin: 18px 19px 16px 0px;
	line-height: 1.4em;
}

#columnCenter2 p {
	margin: 18px 19px 16px 0px;
	line-height: 1.4em;
}

#columnCenter ol {
	padding: 0px 17px;
	line-height: 1.4em;
}

#columnCenter ol li {
	list-style: decimal outside;
	margin: 0px 0px 4px 16px;
	padding: 0px 0px 4px 0px;
}

#columnCenter small {
	padding: 0px 16px 0px 16px;
	display: table-cell;
}

#columnCenter a:hover {
	color: #a1c5d1;
}

.columnTwo {
	border-top: 1px solid #d6d6d6;
}


/********************************** EOF center Column *******************************/

/********************************** BOF webinar *************************************/
#additionalContent {
	padding: 20px 10px;
}

#columnCenterWebinar {
	width: 523px;
	float: left; 
}

#additionalContentLeft {
	width: 275px;
	border-right: 1px solid #d6d6d6;
	float: left;
	height: 50px;
	padding: 10px 0px 0px 0px;
	line-height: 1.5em;
}

#additionalContent a {
	color: #23909a;
}

#additionalContentRight {
	width: 200px;
	padding: 10px 0px 0px 25px;
	float: left;
	height: 50px;
	line-height: 1.5em;
}

#recommendations {
	padding: 5px 10px;
}


#recommendationsLeft {
	width: 375px;
	border-right: 1px solid #d6d6d6;
	float: left;
	height: 50px;
	padding: 10px 0px 0px 0px;
	line-height: 1.5em;
}

#recommendationsRight {
	width: 350px;
	padding: 10px 0px 0px 25px;
	float: left;
	height: 50px;
	line-height: 1.5em;
}

#extraLinks {
	padding: 5px 10px;
}


#extraLinksLeft {
	width: 375px;
	border-right: 1px solid #d6d6d6;
	float: left;
	height: 50px;
	padding: 10px 0px 0px 0px;
	line-height: 1.5em;
}

#extraLinksRight {
	width: 350px;
	padding: 10px 0px 0px 25px;
	float: left;
	height: 50px;
	line-height: 1.5em;
}

#assessment {
	padding: 20px 10px;
}


#assessmentLeft {
	width: 225px;
	float: left;
	height: 50px;
	padding: 10px 0px 0px 0px;
	line-height: 1.5em;
}

#assessmentRight {
	width: 350px;
	padding: 10px 0px 0px 25px;
	float: left;
	height: 50px;
	line-height: 1.5em;
}

a.left_nav {
	background: #a4c8d3;
	display: block;
	width: 209px;
	padding: 3px 0px 0px 20px;
	margin: 1px 0px 0px 0px;
	height: 21px;
	color:#fff !important;
	font: 14px arial, verdana, helvetica;
	font-weight: 900;
}

a.left_nav:hover{
	color:#fff;
}

/********************************** EOF webinar *************************************/

/********************************** BOF Pre/Next Nav ********************************/
#storyNav {
	text-align: right;
	display: block;
	font: 11px normal arial, verdana, helvetica;
	color: #23909a;
	margin: 20px;
}

#storyNav a, #storyNav a:link, #storyNav a:visited {
	color: #23909a;
}

#storyNav a:hover {
	color: #222222;
}

.pad10 {
	padding-right: 10px;
}
/********************************** EOF Pre/Next Nav ********************************/

/********************************** BOF Right Column ********************************/
#columnRight {
	background: url("/images/prelogin/rightColumn_shadow.gif") repeat-y bottom right !important;
	width: 186px;
	float: right;
	margin: 0px 2px 0px 0px;
	border-left: 1px solid #d9d9d9;
}

#columnRight p {
	font: 12px arial, verdana, helvetica;
	color: #222222;
	margin: 1px 19px 4px 16px;
	line-height: 1.4em;
}

p.pTop {
	padding-top: 10px;
}

#columnRight a {
	color: #23909a;
}

#columnRight a:hover {
	color: #1d767e;
}

#columnRight2 {
	background: url("/images/prelogin/rightColumn_patternGreen.gif") repeat-y bottom right !important;
	width: 186px;
	float: right;
	margin: 0px 2px 10px 0px;
	border-left: 1px solid #d9d9d9;
	color: #fff;
}

#columnRight2 h1 {
	font-size: 17px;
	color: #fff;
	margin: 16px 20px 2px 20px;
}

#columnRight2 h2 {
	color: #fff;
	font-size: 13px;
	margin: 2px 20px 0px 20px;
}

#columnRight2 p {
	font: 12px arial, verdana, helvetica;
	color: #ffffff;
	margin: 0px 19px 0px 20px;
	line-height: 1.4em;
}
#columnRight3 {
	background: url("/images/prelogin/rightColumn_shadow.gif") repeat-y bottom right !important;
	width: 186px;
	float: right;
	margin: 0px 2px 0px 0px;
	border-left: 1px solid #d9d9d9;
}

#columnRight3 p {
	font: 12px arial, verdana, helvetica;
	color: #222222;
	margin: 1px 19px 4px 16px;
	line-height: 1.4em;
}

#columnRightBookstoreContainer {
	width: 186px;
	float: right;
	margin-right: 3px;
}

#columnRightBookstore {
	width: 186px;
	background: url("/images/prelogin/rightColumn_shadow.gif") repeat-y bottom right !important;
	border-left: 1px solid #d6d6d6;
	margin: 0px 2px 0px 0px;
}

#columnRightBookstore h3 {
	background: #EE8C3C url("/images/prelogin/rightColumn_edgeBlue.jpg") top right no-repeat !important;
	display: block;
	font: 14px arial, verdana, helvetica;
	color: #fff;
	height: 20px;
	font-weight: 900;
	padding: 4px 0px 0px 16px;
	width: 170px;
}

#columnRightBookstore p {
	font: 12px arial, verdana, helvetica;
	color: #222222;
	margin: 1px 19px 4px 16px;
	line-height: 1.4em;
}

#columnRightBookstoreInfo {
	background: url("/images/prelogin/rightColumn_shadow.gif") repeat-y bottom right !important;
	width: 186px;
	float: right;
	margin: 10px 0px 0px 0px;
	line-height: 1.5em;
	border-left: 1px solid #d9d9d9;
}

#columnRightBookstoreInfo p {
	padding: 0px 15px 15px 15px !important;
}

#columnRightBookstoreInfo h2 {
	font-weight: 900 !important;
	font: 17px arial, verdana, helvetica;
	padding: 10px 0px 0px 15px;
}

#columnRightBookstoreInfo small {
	font-size: 11px !important;
	font-style: normal;
}
/********************************** EOF Right Column ********************************/


/********************************** BOF Footer items ********************************/
#footer {
	width: 955px;
	margin: 0px auto;
	padding: 10px 0px 4px 0px;
}

.footerDivider {
	width: 955px;
	height: 18px;
	border-bottom: 1px solid  #d6d6d6;
	margin: 0px auto;
}

.footerDividerSmall {
	display: block;
	width: 382px;
	height: 18px;
	border-bottom: 1px solid  #d6d6d6;
	margin-bottom: 19px;
}

div#footerNav {
	float: left;
	font: 10px normal arial, verdana, helvetica;
	padding: 0 10px 0 10px;
}

div#footerNav ul {
	float: left;
	display: block;
	text-align: left;
	padding: 7px 34px 0px 0px;	
}

div#flags ul li a.bgArrow {
	background: url("/images/prelogin/r_arrow.gif") right no-repeat;
	padding: 0px 14px 4px 0px;
}

div#footerNav ul li a {
	padding: 0px 14px 4px 0px;
}

div#flags ul li a {
	display: block;
}

div#flags ul li a.bgArrow {
	display: inline;
}


div#footerNav ul li a, #footerNav ul li a:visited {
	color: #222222;
}

div#flags {
	float: right;
	width: 150px;
	text-align: right;
}

div#flags ul {
	text-align: left;
	float: right;
	display: block;
	font: 10px normal arial,verdana,helvetica;
}

div#flags ul li {
	float: left;
	width: 68px;
	height: 44px;
	margin-right: 2px;
}

div#flags ul li a {
	color: #222222;
}

#copyright {
	width: 970px;
	font: 10px arial, verdana, helvetica;
	color: #222222;
	line-height: 1.4em;
	margin: 10px 0px 10px 0px;
}

#copyright a, #copyright a:visited {
	text-decoration: none;
	color: #EE8C3C;
}

/**** live events ***/
	.live_events{
		float:left;
		width:373px;
		line-height:18px;
	}

	.live_events td{
		padding:20px 0 20px 0;
		border-top:1px solid #ccc;
		padding-left:10px;
	}

	.live_events td.ends{
		padding:13px 0 6px 0;
		border-top:0px solid #ccc;
		padding-left:10px;
	}
/*** end live events ***/

/********************************** LightBox ********************************/
.self_test{
	width:578px;
	font: 11px arial,verdana,helvetica;
	color: #222;
	line-height:14px;
	margin-left:8px;
}

.self_test td{
	padding:13px 0 13px 0;
	border-bottom:1px solid #ccc;
}

td.self_test_td{
	padding:11px 0 11px 0;
	border-bottom:0px solid #fff;
}


.testHeaderText {
	font: 25px arial,verdana,helvetica;
	display: block;
	font-weight: 900;
	margin: 0px;
}
/********************************** EOF Footer items ********************************/

/******* content slider **********/
.pagination {
	font-size: 12px;
}

#paginate-slider1 a:hover {
	color: #23909a;
}

/**********************************/
.Divider1 {
	width: 970px;
	height: 3px;
	border-bottom: 1px solid  #d6d6d6;
	margin: 0px auto;
}

dt { font-weight: bold; }	/* Definiton Term */
dd { margin: 0 0 15px 0; }	/* Definiton Description */

ul, ol { padding: 0; }


.disclaimer { font-size: 11px; }


/*styles for sub-sub-menu on Profile pages */
.profileTable { border: 6px solid #EFF1F7; padding: 6px; margin-top: 6px; margin-right: 20px; }
ul#profileMenu { list-style-type: none; display: inline; margin: 0; padding: 0; }
ul#profileMenu li { padding: 6px 6px 6px 8px; display: inline; font-size: 11px; vertical-align: middle; margin-right: 10px; }
ul#profileMenu li.first { background-color: #EFF1F7; }
ul#profileMenu li.first a { font-size: 12px; font-weight: bold; text-decoration: none; }
ul#profileMenu li.resetTab { background-color: #ffffff; }
ul#profileMenu li.resetTab a:link, ul#profileMenu li.resetTab a:visited, ul#profileMenu li.resetTab a:hover { color: 0159BB; font-size: 11px; font-weight: normal; text-decoration: none; }
ul#profileMenu li.resetTab a:hover { text-decoration: none; }
ul#profileMenu li.setTab { background-color: #EFF1F7; }
ul#profileMenu li.setTab a:link, ul#profileMenu li.setTab a:visited, ul#profileMenu li.setTab a:hover { font-size: 12px; font-weight: bold; text-decoration: none; }
ul#profileMenu li.setTab a:hover { text-decoration: none; }

#page_list {margin: 0 0 0 17px; }
#page_list p {background-image:url(/images/welcome/why/coin_bullet.gif); background-position: top left; background-repeat: no-repeat; padding: 2px 0 10px 27px; }

/* Controls colors for stock ticker */
.down { color: red; }
.up { color: green; }

.tickercontainer { background:url(/images/ticker_title.gif) no-repeat 0 0; margin:57px 0 -10px 4px; ~margin-top:10px; _margin-left:8px; overflow:hidden; }
	.ticker .clear:after { display:block; visibility:hidden; clear:both; height:0; content:"."; }
	.tickercontainer .clear { ~display:inline-block; _height:1%; }
	.tickercontainer .mask { background:#65aacb url(/images/ticker_bg.jpg) repeat-x 0 100%; left:130px; overflow:hidden; position:relative; _height:1%; _zoom:1; _height:26px; width:825px; }
	.ticker { display:none; position:relative; }
		.ticker li { background:url(/images/ticker_pipe.jpg) no-repeat 0 42%; float:left; height:27px; position:relative; text-align:center; width:175px; }
			.ticker li dl { color:#fff; font-size:1.083em; white-space:nowrap; }
				.ticker li dl dt { float:left; font-weight:bold; margin:0 7px 0 0; _margin-left:18px !important; }
				.ticker li dl dd { float:left; font-size:.846em; margin:0; padding:1px 0 0 0; }
					.ticker li dl dd.description { color:#c0cfdd; bottom:0; left:0; position:absolute; }
					.ticker li dl dd.last { margin:0 7px 0 0; } 
					.ticker li dl dd.change { }