body {
	font-family: Arial, Helvetica, sans-serif;
	color: #B98566;
/*	background: url(../images/loTopExt.png) #006 top left repeat-x; */
}


/* ********* General Layout ********* */

.Layout {
	overflow: auto;
	position: absolute;
	padding: 0px;
	border-width: 0px;
}


/* ********* Global Styles ********* */

h1 { color: #006; background: transparent; font-size: 150%; clear: both; }
h2 { color: #006; background: transparent; font-size: 130%; clear: both; }
h3 { font-size: 115%; clear: both; }

form {
	margin: 5px 0px;
	padding: 2px;
}

form input { padding:1px; margin:1px; border: 1px solid; }
form button { padding: 0px; border: 1px solid; }

p {
	margin: 0px 0px 1em 0px;
}

/* Table Styles */
table {
	font-size: 100%;
}

/* Link styles */
a { text-decoration: none; color: #006; background: inherit; font-weight: bold; }

/* Used for strat guide links */
a.SectionLink
{
	font-size: 8pt;
	padding: 2px;
	margin: 1px;
	line-height: 200%;
	
    color: #006;
	background: #eee;
	border: 1px solid #000;
    text-decoration: none;
}
a.SectionLink.SectionActive { color: #006; background: #fc3; }
a:hover.SectionLink { color: #006; background: #fc3; }

.SmallPrint {
	font-size: 75%;
}

/* Bullet List Style*/
ol li {
	margin-bottom: .75em;
}

ul li {
	list-style-image: url(images/Bullet.png) disc;
	margin-bottom: .75em;
}

.Error {
	color: #f00;
	background: inherit;
	font-weight: bold;
}

table.FormTable { margin-bottom: 10px; width: 98%; }
table.FormTable th { width: 25%; text-align: left; }
table.FormTable thead { font-weight: bold; }

/* ********* Basic Layout Images ********* */

img.Layout#Logo { top: 0px; left: 0px; width: 150px; height: 90px; }
img.Layout#TopBar { top: 0px; left: 150px; width: 616px; height: 90px; }


/* ********* ToolTip ********* */

#ToolTip {
	position: absolute;
	visibility: hidden;
	z-index: 999;
	padding: 2px;
	border: 1px solid silver;
	color: Black;
	background: #fff none;
	font-size: 75%;
}


/* ********* Header ********* */

#Header {
	top: 71px; left: 178px; width: 608px; height: 20px;
	color: #B1D9F0; 
	background: transparent;
	font-size: 12px;
	font-family: verdana;
	font-weight:bold;
}
#Header img { position: relative; top: 0px; }
#Header span { position: relative; top: -3px; }


/* ********* Side Bar ********* */

#SideBar {
	top: 89px; left: 0px; width: 140px;
	overflow: hidden;
	background-color: inherit;
	background-image: none;
	color: Inherit;
}

#SideBar hr { 
	width: 80%; 
	height: 1px; 
	color: #999; 
	background: #439FD7; 
	margin: 0px;
	padding: 0px;
	align: center;
}

#SideBar p { 
	padding: 0px; 
	margin: 5px 2px;
}

#SideBar div.SideBarItem {
	margin: 2px;
	padding: 0px;
	background: white none;
	color: Inherit;
	border: 1px solid #999;
	font-size: 11px;
	font-weight: bold;
}

#SideBar div.SideBarItem h1 {
	margin: 0px 0px 2px;
	background: #003366 none;
	color: White;
	border-top: 2px solid #0066CC;
	text-align: left;
	font-size: 10pt;
	font-weight: bold;
	padding-left:5px;
	height: 23px;
	padding-top:3px;
}

#SideBar form input {
	width: 125px;
}

#SideBar form button { margin-left:75px; width: 51px; }

/* the links */
#SideBar a {
	color: #E0F1FC;
	background-color: #439FD7;
	border-top: 2px solid #007DC9;
	display: block;
	text-decoration: none;
	vertical-align: text-top;
	line-height: 18pt;
	padding-left: 5px;
	margin-bottom:1px;
}
#SideBar a:hover {
	color: #439FD7;
	background: #E0F1FC;
}
#SideBar a img {
	margin-right: 5px;
	border: 0px;
	vertical-align: middle;
}

#SideBar #NavStrategyGuide { display: none; }
#SideBar #NavStrategySimulator { display: none; }


/* ********* Footnote ********* */

#Footnote {
	bottom: 0px; left: 0px; right: 0px; height: 12px;
	padding: 3px;
	overflow: hidden;

	background-color: #045195;
	color: white;
	font-size: 10px;
	text-align: right;
}

#Footnote a {
	color: #fff;
	background: transparent;
	text-decoration: none;
}

#Footnote a:hover {
	color: white;
	background: transparent;
	text-decoration: underline;
}

/* ********* Content ********* */

#Content {
	top: 91px; left: 140px; width: 610px; bottom: 20px;
	padding: 5px;
	background-color: #fff;
	background-image: none;
	color: #000;
	border: 1px solid #999;
	font-size: 75%;
	line-height: 1.5em;
}

#Content table {
	line-height: 1.5em;
}


#Content div.LegalText {
	margin: 25px;
	padding: 25px;
	border: 1px solid #999;
	background: #eee none; color: Inherit;
	text-align: justify;
}

/* ********* User Detail Styles ********* */

#Content.UserDetails span.Star { background: inherit; color: red; }

#Content.UserDetails table { 
	width: 500px; 
	background: #eee none; color: Inherit; 
	border: 1px solid #999;
}

#Content.UserDetails table caption { 
	background: #fc3 none; color: Inherit; 
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: bold; 
}



/********** Generic NavBar **********/

#Content div.NavBar {
	margin: 10px 0px;
	padding: 4px;
	border: solid 1px #999;
	background: #E0F1FC none;
	color: #003366;
	line-height: 15px;
	width: none;
	font-size: 12px;
}

#Content div.NavBar span {
	margin: 0px;
	padding: 4px 3px;
	border-left: solid 1px #eee;
	border-right: solid 1px #eee;
}

#Content div.NavBar span.Current {
	background: #69BE49 none;
	color: inherit;
	border-left: solid 1px #999;
	border-right: solid 1px #999;
}

#Content div.NavBar span a {
	text-decoration: none;
	color: #003366;
}

#Content div.NavBar div.Tools {
	margin: 0px;
	padding: 0px;
	float: right;
}


/********** Book Info **********/

#Content.BookInfo table { width: 100%; }
#Content.BookInfo td { vertical-align: top; }
#Content.BookInfo table p { line-height: 1.5em; text-align: justify; }


/********** Glossary Styles **********/

#Content.Glossary table a {
	margin: 10px;
	padding: 1px 5px 1px 5px;
    text-decoration: none;
    color: #006;
    background: #eee;
	border: 1px solid Black;
}

#Content.Glossary table {
	width: 100%;
	margin-top: 5px;
	color: inherit;
    background: #006;
	line-height: 140%;
}

#Content.Glossary caption {
	width: 100%;
	padding: 5px;
	font-weight: bold;
}

#Content.Glossary th {
	text-align: left;
	width: 25%;
	padding: 5px;
	color: inherit;
    background: #eee;
}

#Content.Glossary td {
	padding: 5px;
	color: inherit;
    background: #eee;
}


/* ********* School Styles ********* */

#Content.School #NavBar { line-height: 1.2em }

/* Table stuff */
#Content.School div.schoolsection table.structuraltable { color:inherit; background: transparent; }
#Content.School div.schoolsection td.structuraltable { padding: 5px; border: none 0px #000; }

#Content.School div.notebox { width: 70%; margin-bottom: 10px; padding: 3px; float: right; font-size: 95%; border: 1px solid #999; }
#Content.School div.notebox p.noteboxheader { margin: -3px -3px 5px -3px; padding: 3px; color:inherit; background: #eee; font-weight: bold; text-align: center; }

#Content.School table { color:inherit; background: #eee; border: 1px solid #999; }
#Content.School thead { font-weight: bold; }
#Content.School th { text-align: left; }
#Content.School table ul li { list-style-image: url(images/Bullet.png); }


/* ********* Strategy Matrix ********* */

#Content.StratMatrix {
	margin-top:0px; 
}
#Content.StratMatrix td { 
	vertical-align: top;
}
#Content.StratMatrix div#StratList table {
	width: 380px; min-height: 50px; 
	border: solid 1px #999;
	font-size: 12px;
	line-height: 15px;
}
#Content.StratMatrix div#StratList a { 
	margin: 0px; padding: 1px;
	color: #000; background: inherit;
	border: solid 1px #fff; 
	cursor: pointer;
	text-decoration: none;
}
#Content.StratMatrix div#StratList a:hover {
	color: inherit; background: #eee;
	border: solid 1px #999;
}
#Content.StratMatrix div#FilterBlock table {
	width: 215px;
	font-size: 12px; 
	text-align: left;
}
#Content.StratMatrix div#FilterBlock caption { 
	padding: 2px;
	font-weight: bold;
	color: Black; background:#eee;
	border: solid 1px #999;
}
#Content.StratMatrix div#FilterBlock th { 
	width: 50%;
	text-align: left;
	font-weight: normal;
}
#Content.StratMatrix div#FilterBlock td { 
	width: 30px;
}
#Content.StratMatrix div#FilterBlock img { 
	cursor: pointer;
	width: 30px;
}


/* ********* Strategy Guides Styles ********* */

#Content.StratGuides div.NavBar span {
	padding: 4px 1px;
}

#Content.StratGuides div#AnalyzeNow {
	padding: 1px 5px;
	position: relative;
	float: right;
	top: -11px;
	border: solid 1px #999;
	text-align: right;
	background-color: #ccf;
}

#Content.StratGuides div#AnalyzeNow a {
	font-weight: bold;
}

#Content.StratGuides table.StratGuideImageDesc {
	color: inherit;
	background:#eee;
	border: 1px solid #006;
}

#Content.StratGuides table.StratGuideImageDesc td {
	font-size: 11px; 
	color: #000;
	background: #eee;
	text-align: center;
}

#Content.StratGuides table.GreekTable td {
	width: 25%;
}


/* ********* Analyzer Styles ********* */
#Content.Analyzer { 
	margin: 0px; padding: 0px;
	color: #000; background: #eee none;
}
#Content.Analyzer form { margin: 0px; padding: 0px; width: 605px; }
#Content.Analyzer a img { border: 0px; }

#Content.Analyzer table {
	margin: 0px;
	border-collapse: collapse;
	vertical-align: top;
	font-size: 10px;
	width: 100%;
}
#Content.Analyzer table td { vertical-align: top; }
#Content.Analyzer table div.SimulatorSection td { vertical-align: middle; }

#Content.Analyzer div.SimulatorSection {
	margin: 2px; padding: 0px;
	background: #eee none; color: Inherit;
	border: 1px solid #999;
}
#Content.Analyzer div.SimulatorSection h1 {
	margin: 0px 0px 2px; padding: 1px;
	background: #006 none; color: #fff;
	border-bottom: 1px solid #999;
	font-size: 8pt;
	font-weight: bold;
}
#Content.Analyzer div.SimulatorSection h1 .HelpButton {
	padding-right: 5px;
	background: inherit; color:#fff;
	float: right;
}

#Content.Analyzer div#ControlsSection {
	margin: 2px; padding: 0px;
	background: #eee none; color: Inherit;
	border: 1px solid #999;
}
#Content.Analyzer div#ControlsSection td { text-align: center; vertical-align: middle; }
#Content.Analyzer div#ControlsSection colgroup.ButtonIcon { width: 35px; }
#Content.Analyzer div#ControlsSection button { 
	margin: 0px; padding: 0px; 
	border: none;
	background: #eee; color: Inherit;
}
#Content.Analyzer div#ControlsSection img#BusyGlyph { display: none; }

#Content.Analyzer input { padding: 1px 3px; }

#Content.Analyzer input.Number { text-align: right; width: 50px; }
#Content.Analyzer input.Text { text-align: left; width: 50px; }
#Content.Analyzer button.Text { text-align: center; width: 50px; font-size: 12px; }
#Content.Analyzer input.Date { text-align: left; width: 70px; }
#Content.Analyzer button.LegButton { width: 50px; height: 20px; font-size: 11px; }

#Content.Analyzer .Positive { color: #00f; }
#Content.Analyzer .Negative { color: #f00; }
#Content.Analyzer .Hidden { display: none; }

/* The following is for the ratios */
#Content.Analyzer select.Number { text-align: left; width: 30px; }
/* The following is for the exp dates */
#Content.Analyzer select.Date { text-align: left; width: 75px; }

#Content.Analyzer colgroup.Text { text-align: center; }
#Content.Analyzer colgroup.Numbers { text-align: right; }

#Content.Analyzer table#StrategyViewStockTable td { text-align: center; }
#Content.Analyzer table#StrategyViewLegTable th { text-align: center; }
#Content.Analyzer table#StrategyViewLegTable td { text-align: center; }
#Content.Analyzer table#StrategyViewDetailsTable td { text-align: left; }
#Content.Analyzer table#StrategyViewChartsTable td { text-align: center; }

#Content.Analyzer colgroup#PayoutTableHeaderCol { text-align: left; width: 30%; }
#Content.Analyzer colgroup#PayoutTableResultsCols { text-align: right; width: 35%; }
#Content.Analyzer colgroup#YieldsTableHeaderCol { text-align: left; width: 34%; }
#Content.Analyzer colgroup#YieldsTableResultsCols { text-align: right; width: 22%; }
#Content.Analyzer colgroup#GreeksTableHeaderCol { text-align: left; width: 30%; }
#Content.Analyzer colgroup#GreeksTableResultsCols { text-align: right; width: 35%; }
#Content.Analyzer colgroup#ProbabilityTableHeaderCol { text-align: left; width: 30%; }
#Content.Analyzer colgroup#ProbabilityTableResultsCols { text-align: right; width: 35%; }

/* ********* Exam ********* */

#Content.Exam div { margin-bottom: 1em; }
#Content.Exam table { width: 100%; color:Black; background: White; }
#Content.Exam td.QuestionCell { text-align: left; color: #006; background: White; padding: 5px; border: 1px solid gray; }
#Content.Exam td.AnswerCell { color: Black; background: #eee;  border: 1px solid gray; }
#Content.Exam td.CheckCell { width: 25px; }
#Content.Exam span.QuestionNo { font-weight: bold; }
#Content.Exam span.QuestLetter { font-weight: bold; float:left; }
#Content.Exam div.QuestionType { padding: 0.25em; color: Black; background: #eee; border: 1px solid gray; text-align: center; font-weight:bold; }

#Content.ExamResults td { font-weight: bold; padding: 0.5em; color: #006; background: #eee; border: 1px solid #999; }
#Content.ExamResults td.Score { text-align: center; }
#Content.ExamResults td.Link { color: #006; background: #fff; border: none; }
#Content.ExamResults td.Link a { text-decoration: none; color: #006; background: inherit; }

/* ********* TradeFinder ********* */

#Content.TradeFinder div { margin-bottom: 1em; }
#Content.TradeFinder table { color: #000; background: #fff; border: 1px solid #999; }
#Content.TradeFinder caption { font-weight: bold; margin: 10px;	color: #006; background: #eee; border: 1px solid gray; border-bottom: none; }
#Content.TradeFinder th { color: #006; }
#Content.TradeFinder td { text-align: center; }
#Content.TradeFinder td.Number { text-align: right; }