/* 
   body {
	font-family: verdana, arial, sans-serif;
	font-size: 10pt;
	width:auto;
   margin:auto;
   padding:0;
   color:black;
   }

#wrapper {
   width: 950px; 
   margin: 0 auto; 
   background: #fff; 
   border-right: 1px solid #666; 
   border-left: 1px solid #666;
}

#leftcolumn {
   float: left; 
   width: 208px; 
   padding-left: 10px; 
   margin-top: 10px; 
   text-align: left;
   }
   
#rightcolumn {
   float: right; 
   width: 200px;
   }
#content{width: 500px; padding: 10px; margin-bottom: 150px; text-align: center;}

#contentmain {float: left; width: 504px; padding: 0px 15px 0px 15px;}
#contentright {float: left; width: 183px; padding-left: 5px; margin-top: 10px; text-align: left;}

#contenthtml {width: 500px; padding: 10px; margin-bottom: 150px; text-align: center;}

#footer {background: #eee; border-top: 4px solid #f90; font-size: 0.9em; color: #000;}
#footer p {color: #666; text-align: center;}
*/
body {
	font-family: Verdana;
	margin: 0px; /* increase to have page float on background */
	padding: 0px; 
	font-size: 8pt;
}

li {
	margin-bottom: .3em; /* make list items more compact than default */
}

img {
	border: 0; /* by default, images should not have a border */
}

/* link styles */ 
a {
	text-decoration: underline; /* set to "none" to hide underlines on links */
}

a img {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

a:link {
	color: #0066CC;
}

a:visited {
	color: #993399;
}

/* Note: hover selector should be last in order to take precedence in :visited AND :hover situation */
a:hover {
	color: #FF3300;
}

/* special link styles */
a.noHover:hover {
	background-color:transparent;	/* If you don't want images wrapped in <a> to have hover effect, make it <a class="noHover"> */
}

a:active {
	color: #FF3300;
}
/* MODULE: FOOTER  ------------------------------------------------------------*/
#pageFooter {
	width: 100%;
	background-color: #f4f4f4;
	border-top: 1px solid #C0C0C0;
	font-size: 8pt;
	color: black;
}


#pageFooter td {
	padding-left: 6px;
	padding-right: 6px;
}

#pageFooter div {
/*	margin-bottom: .2em;	*/
}

/* link style in footer */

#pageFooter a:link {
	color: black;
}

#pageFooter a:visited {
	color: black;
}

#pageFooter a:hover {
   color: #BEDBF7;
}

#pageFooter a:active {
	color: #FF3300;
}

/* reserved for image */
#pageFooter .left {
	width: 0px;
	margin-right: 0px;
}

#pageFooter .center {
	width: 65%;					/* helps to left align text */
	text-align: left;
	vertical-align: top;
}

#pageFooter .center .footerText {
}

/* Last update and hyperlink */
#pageFooter .right {
	width: 35%;
	text-align: right;
}

#pageFooter .right .hyperlink {
	vertical-align: top;
}

#pageFooter .right .lastUpdated {
	vertical-align: bottom;
}

/* MODULE BREADCRUMBS AND PREV / NEXT NAVIGATION --------------------------------------------------*/
.breadcrumbs {
	font-size: 7pt;
	text-align: left;
	width: 70%;
	vertical-align: top;
	color: #0066CC;
	padding-top: 4px;
	padding-bottom: 2px;
}

.breadcrumbs a:visited {
	color: #0066CC;						/* don't show visited colors for breadcrumbs */
}
	
.breadcrumbs .breadcrumb {
	white-space: nowrap; /* set to "nowrap" to stop breadcrumbs from breaking in the middle */
}
	
/* move the previous / next links to the right side */
.pageNavigation {
	text-align: right;
	font-size: 7pt;
	width: 30%;
	vertical-align: middle;
}

.pageNavigation a:visited {
	color: #0066CC;						/* don't show visited colors for prev/next navigation */
}


.topic .main .body {
	clear: both;
}

.topicHeader {
	vertical-align: middle;	
	clear:both;      
}

.topicImageColumn {
}

.topicImage {
	margin-right: 6px;			/* distance to outline */
}

.topicTopicLineColumn {
}

.outlineNumberFirst {			/* first topic on page */
	display: visible;         	/* set to none or visible to hide/show outlineNumbers   */
	font-size:  11pt;
	font-weight: bold;
}

.outlineNumber {					/* other topics on page */
	display: visible;         	/* set to none or visible to hide/show outlineNumbers   */
	font-size:  10pt;
	font-weight: bold;
}
	
.topicLineFirst {					/* first topic on page */
	font-size:  11pt;
	font-weight: bold;
}	
	
.topicLine {						/* other topics on page */
	font-size:  10pt;
	font-weight: bold;
	font-style:italic;
}	

/* group of icons */
.topicIcons {
	margin-left: 4px;				/* distance to topic text */
	vertical-align: middle;	   /* center icons around text (important for single line callouts) */
}

/* single icons */
.topicIcon {
	margin-right: 3px;			/* distance between icons */
}

.topicTextNotes {
	font-size: 9pt;	
	margin-left: 0.3em;							
	margin-top: 0.5em;
}

.topicTextNotes div {
	margin-bottom: 0.8em;						/* distance between paragraphs */	
}

.topicTextNotes table {
	margin-bottom: 0.7em;						/* some space below tables and before next paragraph starts */	
}

.topicTextNotes table div {
	margin-left: 0.3em;							/* some left and right cell padding */
	margin-right: 0.3em;
}

.topicTextNotes .lastTableNotesDiv {
	margin-bottom: 0em;						  /* no bottom margin for last paragraph in Notes */		
}

/* some padding values for the core table in used page body */

table#pageBody tr td {
	padding-left: 0px;
	padding-right: 0px;
}

table#pageBody td.main {
	padding-left: 10px;			/* indent main topic content */
	padding-right: 20px;       /* and leave some space on the right */
}

table#pageBody td.breadcrumbs {
	vertical-align: top;
	padding-left: 10px;			/* indent main topic content */
}

table#pageBody td.pageNavigation {
	padding-right: 20px; /* and leave some space on the right */
}

.topicDivider {
	border-top: 1px solid #C0C0C0;
	height: 0.1em;
	font-size: 2pt;				/* I need a very narrow divider */
}

/* <div> around whole text notes in callouts */
.callouts .topicTextNotes {
	font-size: 8pt;	
	margin-left: 0px;							
}

/* single link, so far used in callout section */
.topicHyperlink {
	font-size: 8pt;	
}

/* the icon behind the link */
.topicHyperlinkIcon {
	vertical-align: bottom;
}

.topCommand {
   vertical-align: bottom;
	font-size: 7pt;
	margin-top: 10mm;
	margin-bottom: 2mm;
}

.topCommand  a:link {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

.topCommand  a:visited {
	text-decoration: none; /* set to "none" to hide underlines on links */
	color: #0066CC;						/* don't show visited colors for prev/next navigation */
}

.topCommand  a:hover {
	text-decoration: none; /* set to "none" to hide underlines on links */
}
.topCommand  a:active {
	text-decoration: none; /* set to "none" to hide underlines on links */
}

#header {
   height: 133px;
   border-bottom: 1px solid #C0C0C0;
   }

#top {
   padding: 0.25em 0em; 
   background-color: #f4f4f4; 
   font-size: 8pt; 
   text-align: center;
   border-bottom: #c0c0c0 1px solid;
   }

#logo {
   float: left; 
   padding: 10px 10px 10px 10px; 
   text-align: left;
   }

#contact {
   border: #c0c0c0 1px solid;
   padding-right: 20px;
   padding-left: 10px;
   float: right;
   padding-bottom: 0px;
   margin: 10px;
   width: auto;
   padding-top: 20px;
   height: 91px;
   background-color: #f4f4f4;
   text-align: left;
}
#trades {
   padding-right: 5px;
   padding-left: 10px;
   float: left;
   padding-bottom: 0px;
   margin: 10px;
   width: auto;
   padding-top: 20px;
}

/* Navigation for the following HTML structure
		  
  left column in page body
		  #pageBody .left
		  
		  td.outlineColumn
		     div.staticOutline
			     div.maintopic
				     span.select or splan.unselect
			     div.subtopic
				     span.select or splan.unselect
					  
*/

/* visual highlight the sidebar navigation */

.outlineColumn {
	vertical-align: top;	
	border: 1px solid #c0c0c0;					/* STYLE */
	background-color: #F4F4F4;					/* STYLE */
	margin: 0px;
	padding-bottom: 20px; 
}

.staticOutline {
	background-color: #F4F4F4;					/* STYLE */
	white-space: nowrap; 		
	vertical-align: top;
	width: 170px;
	height: 260px;
	margin: 0px;
   padding-bottom: 0px; 
   float: left;
}

.staticOutline a:link {
	color: Black;								/* STYLE */
	text-decoration: none;
}

.staticOutline a:active {
	color: #FF3300;							/* STYLE */
	text-decoration: none;
}

.staticOutline a:visited {
	color: Black;								/* STYLE */
	text-decoration: none;
}

.staticOutline a:hover {
   color: #FF3300;							/* STYLE */
	text-decoration: none;
}

.staticOutline .hometopic a:link {
	color: Black;								/* STYLE */
}

.staticOutline .hometopic a:visited {
	color: Black;								/* STYLE */
}

.staticOutline .hometopic img {
	display: none;								/* STYLE */   /* show/hide image */
}

.staticOutline .hometopic {
   margin-left:  4px;
   margin-right:  4px;
	margin-top:   0.8em;						/* STYLE */
	margin-bottom: 0.2em;					/* STYLE */
	font-size: 8pt;
	font-weight: bold;						/* STYLE */
}

.staticOutline .maintopic img {
	display: none;								/* STYLE */   /* show/hide image */
}

.staticOutline .maintopic {
   margin-left:  4px;
   margin-right:  4px;
	margin-top:   0.8em;						/* STYLE */
	margin-bottom: 0.2em;					/* STYLE */
	font-size: 8pt;
	font-weight: bold;						/* STYLE */
}

.staticOutline .subtopic img {
	display: none;							/* STYLE */   /* show/hide image */
}

.staticOutline .subtopic {
   text-indent: 10px;
   margin-left:  4px;			/* use same margin as in .maintopic*/			/* STYLE */
   margin-right:  4px;
	margin-bottom: 0.2em;					/* STYLE */
	font-size: 8pt;
}

.staticOutline .select {
	background : #BDCFF7;				/* STYLE */
	color : White;							/* STYLE */
}

.staticOutline .unselect {
}