/*** Notes:

	These selectors specify the overall look of the text displayed on your web site, but not the positioning of each section.
	
	The order of selectors listed in the class attribute in your HTML makes no difference; 
	it is the order they are defined in the stylesheet that matters.
	
***/

/*** General formatting. 
	
	body.-sl-body	The font style and size.
	-sl-bg			The background of the web page and selected tab.
	h1.-sl-heading	The default heading for each page.

***/

body.-sl-body {
	font-family: "Times New Roman", Times, serif;
	font-size: 16px;
}

.-sl-bg {
	background:  #FFFFFF;
}

h1.-sl-heading {
	text-align: center;
	font-size: 26px;
}

h1.-sl-heading-banner {
	text-align: center;
	font-size: 20px;
}

/*** The Banner iframe: ***/

iframe.-sl-banner-frame {
	width: 100%;
	height: 100%;
	border: 0;
}


/*** Tabs: 
	There are four tab variations for the -sl-tabs table th:
		home				When the tab is selected and the page is the home page for that tab.
		current				When one of the sub-topics on the tab is selected. Used for the hyperlink.
		other				A tab other than the current one, but an active link is available. Used for the hyperlink.
		inactive				A tab is displayed, but is not selectable because there is no file configured.
***/

/* Span the entire width. Don't collapse borders, because the border-radius behaves poorly. */
table.-sl-tabs {
	width: 100%;
	border-spacing: 0;
}

/* The basic tab name. */
table.-sl-tabs th {
	border-radius: 5px 5px 0 0;
	border: 1px solid gray;
	font-family: Arial;
	font-weight: bold;
	font-size: 13px;
	color: white;
	padding: 5px; 		
}

/* No border on the bottom for home and current. */
table.-sl-tabs th.home, table.-sl-tabs th.current {
	border-bottom: none;
}

table.-sl-tabs th.home {
	color: black;
}

table.-sl-tabs th.current {
	color: blue;
}

/* Unselected tabs have a blue background. */
table.-sl-tabs th.other, table.-sl-tabs th.inactive {
	background-color: blue; 	
}

table.-sl-tabs th.other {
	color: white;
}

table.-sl-tabs th.inactive {
	color: gray;
}

/* Links inherit characteristics from the th field. */
table.-sl-tabs th > a {
	color: inherit;
	font-weight: inherit;
	font-family: inherit;
	font-size: inherit;
	text-decoration: none;
	display: block; // Allows the entire tab to be clicked. (Except for border area.)
}

/* Linked tabs turn yellow when hovered over. */
table.-sl-tabs th.other:hover, table.-sl-tabs th.current:hover {
	background-color: yellow;
	color: blue;
}

/* The space between tabs. */
table.-sl-tabs td {
	border-bottom: 1px solid gray;
	padding: 3px;
}

/*** The Trail:
	-sl-book-box 				Sets the border and background for the navigation panel when in book mode.
	table.-sl-trail					The trail table.
	td.-sl-trail-current			The formatting when the trail item is the currently-selected page.
	td.-sl-trail-nested			Formatting for the nested image cell
***/

.-sl-book-box {
	border: ridge 3px #404080;  
	background: #F0F0F0;
}

table.-sl-trail {
	font-size: 13px;
	border-style: none;
	padding-left: 4px;
	padding-right: 4px;
	border-collapse: collapse;
}
    	
td.-sl-trail-current {		
	line-height: 12px;
	font-family: "Arial";
	font-size:  13px;
	color: black;
	font-weight: normal;
}
		
td.-sl-trail-nested {
	width: 36px;
	text-align: center;
	vertical-align: center;	
	line-height: 18px;	 /*To accomodate the pointer sizes. */
}


/* The Topics:  

	-sl-topic-heading		The "Topics" or "Section" heading.

	There are  three types of topic displays:
	
	-sl-topic				Topic style.
	-sl-topic-current 		the currently selected topic
	-sl-topic-inactive 		an unconfigured topic; may be used as a section divider
	
*/

p.-sl-topic-heading {
	font-family: "Times New Roman", Times, serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	border-bottom: 4px solid lightgray;
	padding-bottom: 5px;
	text-align: center;
}


ul.-sl-topic {
	font-size: 13px;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
}


li.-sl-topic-current, li.-sl-topic-inactive, li.-sl-topic-normal {
	font-family: "Arial";
	/* font-size:  13px; */
	margin-top: 3px;
}

li.-sl-topic-current  {
	padding-left: 0px;
	padding-right: 3px;
	padding-bottom: 3px;
	list-style-image: url(pointer.png);
	color: black;
	list-style-image: url(pointer.png);	
}

li.-sl-topic-inactive {
	list-style-type: none;
	font-style: italic;
	color: #808080;	
	padding-top: 6px;
}

/*** The Topics when in Book Mode 

	ul.-sl-topic-book				The topic style for Book Mode, for the current topic list. This includes an indentation so that nested topics are indented deeper.
	li.-sl-topic-book-normal		Topics that are displayed but not part of the current path.
	li.-sl-topic-book-path		Topics that are on the path of the selection.
	li.-sl-topic-book-current		The currently-selected topic.

***/

ul.-sl-topic-book {
	font-size: 12px;	
	font-family: Arial; 
	list-style-type: none;
	padding-top: 0px; 
	padding-left: 5px;
	padding-bottom: 0px; 
	margin-top: 0px;
	margin-left: 5px;
}

li.-sl-topic-book-current, li.-sl-topic-book-normal, li.-sl-topic-book-path, li.-sl-topic-book-inactive {
	margin-top: 3px;
	padding-left: 2px;
}

li.-sl-topic-book-current {
	margin-right: 5px;
	background:  #FFFFE0; 
	border: 2px solid #C0C0C0; 
}


li.-sl-topic-book-path a {	
	border: 2px solid #C0C0C0;
}


li.-sl-topic-book-inactive {
	font-style: italic;
	color: gray;
	margin-top: 6px;
}


/*** Previous and Next pages for linked topics.

	table.-sl-book 			The table at the bottom of the topic page, if present, that contains the page number and linked siblings.
	-sl-book-sibling			The topic name of the next or previous page 
	-sl-book-page			The page number.
	-sl-book-next-pos		The position of the next link and topic name
	-sl-book-prev-pos		The position of the previous link and topic name
	
***/


table.-sl-book {
	width: 100%;
}

tr.-sl-book-sibling {
    	color: #808080;
    	font-size: 9px;
    	line-height: 9px;
	font-family: Arial;
 }

td.-sl-book-page {
	font-family: "Arial";
	font-size: 8pt;
	color: #808080;
	text-align: center;
}

td.-sl-book-next-pos  {
	text-align: right;
}

td.-sl-book-prev-pos {
	text-align: left;
}

a.-sl-book-prev-link, span.-sl-book-prev-end {
	font-size: 12px;
}

a.-sl-book-next-link, span.-sl-book-next-end {
	font-size: 16px;
}

span.-sl-book-next-end, span.-sl-book-prev-end {
	color: #A0A0A0;
}


/***

	-sl-link					The standard link appearance; this does not include the size.
	-sl-trail-link				Links displayed in the trail.
	-sl-book-next-link		The font, color, etc of the NEXT> link.
	-sl-book-prev-link		The font, color, etc of the <PREVIOUS link.
	-sl-book-next-end		The font and color of the inactive NEXT> component
	-sl-book-prev-end		The font and color of the inactive <PREVIOUS componont
 
 ***/ 


a.-sl-book-next-link, a.-sl-book-prev-link, span.-sl-book-next-end, span.-sl-book-prev-end, a.-sl-link, a.-sl-trail-link {
	font-family:"Arial";
	font-weight:bold;
	/* padding: 3px; */
}

a.-sl-book-next-link, a.-sl-book-prev-link, a.-sl-link, a.-sl-trail-link {
	text-decoration: none;
	color: blue;
}

a.-sl-link:hover, a.-sl-trail-link:hover, a.-sl-book-next-link:hover, a.-sl-book-prev-link:hover {
	background: yellow;
}

/*** Map styles
	table.-sl-map	The map table.

 ***/

a.-sl-map {
	font-size: 14px;
}

span.-sl-map-desc {
	font-style: italic;
	font-size: 16px;
	padding-left: 10px;
}

span.-sl-map-line {
	color: #B0B0B0;
	left: -3px;
	position: relative;
	font-size: 20px;	
}

td.-sl-map-empty { /* for empty td elements to add indentations.*/
	padding-right: 5px;
}

table.-sl-map {
	border-collapse: collapse;
	font-family: "Times New Roman";
}

table.-sl-map td {
	padding-top: 0;
	padding-bottom: 0;
}

a.-sl-map-tab {
	font-size: 18px; 
}

table.-sl-map td.-sl-map-tab {
	padding-top: 25px;
}

.-sl-table-wrapper {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    padding-left: 10px;
}