/*  TVO3 global CSS */

/* If using YUI tabs, this style fixes 2.7.0 Tabview bug that causes whitespace 
on tab bottom due to hidden content of other tabs. */

/*
.yui-navset .yui-content .yui-hidden {    
  display: none;    
} 
*/


.DXVisible 
{
	visibility:visible; /*hidden;*/
}

/* Query Error Box */
.QueryErrorBox
{
  width:400px;
  margin:10px auto;
  border: thick solid red;
  padding:10px;
  font-weight:bold;
  color: white;
  background-color: black;
}

#HeavyBox {
  border: thick solid white; 
  padding:5px; 
  margin:5px;
}

.LetterBox {
 width:auto;
 border: thin solid silver; 
 padding:1em 2em;
}

/* Top Level */
#TV3_base {
}


a:link, a:visited { text-decoration: none; color:#ccffcc;}  
a:hover { text-decoration: underline; color:#ccffcc; } 

  

#blackonwhite a:link, 
#blackonwhite a:visited { 
text-decoration: none; color:#338833;
font-weight: 700;
}  

#blackonwhite a:hover { 
text-decoration: underline; color:#338833; 
} 


/* Menu */
.TV3_Menu_AltColor,
.TV3_MenuAcc,
.TV3_Menu, 
.TV3_Menu1 {
  letter-spacing:0px;
}

.TV3_MenuAcc,
.TV3_Menu, 
.TV3_Menu1,
.TV3_Menu_AltColor, 
.TV3_Menu_AltColor_Assoc  /*  USED BY ARTICLE TABS*/
{
font-weight:bold;
}

.TV3_Menu_AltColor,
.TV3_Menu_AltColor a:visited,
.TV3_Menu_AltColor a:link,
.TV3_Menu, 
.TV3_Menu1,
.TV3_Menu a:link,  
.TV3_Menu a:visited, 
.TV3_Menu1 a:link,  
.TV3_Menu1 a:visited,
table#featuredTable a:link,
table#featuredTable a:visited,
#bannerNav a:link,
#bannerNav a:visited
{
 color:black;
}

.TV3_MenuAcc,
.TV3_Menu_AltColor, 
.TV3_Menu_AltColor a:link, 
.TV3_Menu_AltColor a:visited {
color:navy;
}
  
  
.TV3_Menu_AltColor_Assoc, 
.TV3_Menu_AltColor_Assoc a:link, 
.TV3_Menu_AltColor_Assoc a:visited {
color:#D20202;
}


    
.TV3_Menu a:hover,
.TV3_Menu1 a:hover,
.TV3_Menu_AltColor a:hover,
.TV3_Menu_AltColor_Assoc  a:hover {
color:maroon;
}

.TV3_Menu_AltColor a:hover,
.TV3_Menu1 a:hover 
{ 
text-decoration: none;  
} 



/* Space Menu Item */
.TV3_Menu a, 
.TV3_Menu1 a, 
.TV3_Menu_AltColor a,
.TV3_Menu_AltColor_Assoc a {
margin-right:0.9em;
}



#nav1menu {
width:875px;
}

.TV3_Menu_AltColor u, /* is this used anywhere? */
.menuHL {
color:red;
}

.TV3_Menu_AltColor,
.TV3_Menu1 {
  font-size:107%;
  background-color:#ddd;
  padding: 2px;
}

/*  Menu Item */
.menuItem, .menuItemH {
  white-space:nowrap;

}


#Nav1SubM .menuItem {
		color:#030;
}

/* Background image on main menu items. Setup HTML: <a class="but"><span>text</span></a> */
/* Each right-side item has matching left-side item that uses span tag. Alternate color (highlighted) uses a.menuItemH class */
.TV3_Menu_AltColor a.menuItemH,
.TV3_Menu_AltColor a.menuItem,
.TV3_Menu1 a.menuItemH,
.TV3_Menu1 a.menuItem {
	/* Sliding right image */
	background: transparent url('../images/tv3_images/PageElements/button_right_main.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 20px; /* height of button or greater for more vertical space */
	margin-right: 1px; /* space to right of button */
	margin-bottom: 1px; /* space bottom of button and top of next */
	padding-right: 6px; /* right image width */
	text-decoration: none; /* general font properties */
}

.TV3_Menu_AltColor a.menuItemH,
.TV3_Menu_AltColor a.menuItem {
	/* Sliding right image */
	background: transparent url('../images/tv3_images/PageElements/buttonAlt_right_main.png') no-repeat scroll top right; 
}

.TV3_Menu_AltColor_Assoc  a.menuItemH,
.TV3_Menu_AltColor a.menuItemH,
.TV3_Menu1 a.menuItemH  {
color:#060;
}

.TV3_Menu_AltColor a.menuItemH span,
.TV3_Menu_AltColor a.menuItem span,
.TV3_Menu1 a.menuItemH span,
.TV3_Menu1 a.menuItem span {
	/* Background left image */ 
	background: transparent url('../images/tv3_images/PageElements/button_left_main.png') no-repeat; 
	display: block;
	line-height: 16px; /* This + top + bottom padding = button height */
	padding: 1px 0 3px 6px; /* top and bottom padding center text (taking into account capitals and descenders). Left = right image width */
} 

.TV3_Menu_AltColor a.menuItemH span,
.TV3_Menu_AltColor a.menuItem span {
	/* Background left image */ 
	background: transparent url('../images/tv3_images/PageElements/buttonAlt_left_main.png') no-repeat; 
}


/* TEST Background image on tabs  TEST */
.TV3_Menu_AltColor_Assoc  a.menuItemH,
.TV3_Menu_AltColor_Assoc  a.menuItem {
	/* Sliding right image */
	background: transparent url('../images/tv3_images/PageElements/button_right_3x17_tab.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 18px; /* height of button or greater for more vertical space */
	margin-right: 2px; /* space to right of button */
	margin-bottom: -1px; /* space bottom of button and top of next */
	padding-right: 3px; /* right image width */
	//xtext-decoration: none; /* general font properties */
}

.TV3_Menu_AltColor_Assoc a.menuItemH span,
.TV3_Menu_AltColor_Assoc a.menuItem span {
	/* Background left image */ 
	background: transparent url('../images/tv3_images/PageElements/button_left_295x17_tab.png') no-repeat; 
	display: block;
	line-height: 16px; /* This + top + bottom padding = button height */
	padding: 0px 0 1px 3px; /* top and bottom padding center text (taking into account capitals and descenders). Left = right image width */
} 




/* Accessory text block */
.TV3_MenuAcc {
	font-size: 107%;
	/* match flow of menu blocks */
	display:block; 
	float:left;
	margin-left:2em;
	margin-right:0.25em;
}

/* Background images on submenu items */

 /* break line due to float: left on menus */
div#Nav1SubM {
	clear:left;
}

#Nav1SubM a.menuItem,
#Nav1SubM a.menuItemH {
	/* Sliding right image */
	background: transparent url('../images/tv3_images/PageElements/button_right25.png') no-repeat scroll top right; 
	display: block;
	float: left;
	height: 20px; /* height of button or greater for more vertical space */
	margin-right: 1px; /* space to right of button */
	margin-bottom: 1px; /* space bottom of button and top of next */
	padding-right: 5px; /* right image width */
	text-decoration: none; /* general font properties */
}

#Nav1SubM a.menuItem span,
#Nav1SubM a.menuItemH span {
	/* Background left image */ 
	background: transparent url('../images/tv3_images/PageElements/button_left25.png') no-repeat; 
	display: block;
	line-height: 17px; /* This + top + bottom padding = button height */
	padding: 1px 0 2px 5px; /* top and bottom padding center text (taking into account capitals and descenders). Left = right image width */
} 

/*  Hover and selected states */

#Nav1SubM a.menuItemH {
		background: transparent url('../images/tv3_images/PageElements/button_right25alt.png') no-repeat scroll top right; 
}

#Nav1SubM a.menuItemH span {
		background: transparent url('../images/tv3_images/PageElements/button_left25alt.png') no-repeat;
}

#Nav1SubM a.menuItem:hover span{
	text-decoration:underline;
}



/* --------- */







.NoBreak {
  white-space:nowrap;
}

.ThinSpace {  /* spaces menu items - thinspace entity didn't work in Safari*/
  font-size:1px; 
  font-weight:normal;
}

div#ArticleTab > .ThinSpace { /* no space on article tabs */
  font-size:0px; 
}


div#Nav1SubM  .ThinSpace { /* wider space for Nav1submenus */
  font-size:2px;
}

#BannerImage {
position:static;
z-index:-1;
}

/* #banneraltfade #BannerImage */
#blackonwhite  #BannerImage {
  border: 1px solid black;
}  

.PlainBanner {
  padding: 1em;
}

#BannerTextPosition {
}

#bannerNav {
  position:absolute;
  bottom:0px;
  right:0px;
  background-color:#fafafa;
  color:#111;
  border: thin solid silver;
  padding:1px;
  font-size:100%;
}

#textToggle {
  position:relative;
  top:3px;
  margin-right:5px;
}



#textToggletopright {
  position:relative;
  top:8px;
  float: right;
  margin-right: 1px;
}

/* banner: semi-transparent background panel for text */
#banneraltfade #BannerTitle, 
#FadeBackground  {
  background-color:transparent; 
  background-repeat:repeat;
  background-image:url('../images/tv3_images/PageTextTransp/Trans75.png');
  position:static;
  z-index:100;    
  padding:2px;
}

#blackonwhite  #FadeBackground {
  background-image: none;
  xbackground-color: #eee;
}

#banneraltfade #BannerTitle, 
#banneraltfade #FadeBackground {
  background-image: url('../images/tv3_images/PageTextTransp/TransWhite90.png');
  font-weight:bold;
}


#BannerTitle {
text-align:left;
font-weight:bold;
margin-left: 20px;
margin-top:5px;
padding-top:3px;
xwidth: 437px;
}

#BannerTitle .Primary,
div#Primary {
font-size:153.9%;
}

#BannerTitle .Secondary,
div#Secondary {
font-size:138.5%;
}




#BannerText {
position:static;
z-index:200;
}

#Nav1SubM,
#Nav2SubM,
#ArticleTab {
padding-left:0px;
}

#Nav1SubM {
padding-left:2px;
padding-top:0px;
}


/* banner foreground has left-side text box scroll */
.TextBoxScroll {
  height:390px; /* original 380 */
  overflow:auto;  /* If overflow is clipped, a scroll-bar should be added to see the rest of the content*/
  margin: 10px 0px 0px 4px; /* position scroll in from sides*/
  padding-left: 6px;
	padding-right: 4px;

  /*   
  scrollbar-3dlight-color: #000; 
  scrollbar-arrow-color: #FFF;
  scrollbar-base-color: #000;
  scrollbar-darkshadow-color: #c00;
  scrollbar-face-color: #000;
  scrollbar-highlight-color: #eee;
  scrollbar-shadow-color: #000;*/
  scrollbar-track-color: #888;             
}
  /* easy read. check mini page.  */
#PlainPage p,
.TextBoxScroll p,
.TableWB,
 ul, ol, dd  {
  line-height:135%;
  letter-spacing:1px;
  font-size: 100%;
}
#blackonwhite  #PlainPage p,
#blackonwhite  .TextBoxScroll p,
#blackonwhite   ul, 
#blackonwhite   ol, 
#blackonwhite   dd  {
  line-height:123%;
  letter-spacing:0px;
  font-size: 100%;  
  font-weight: normal;
  }  

#PlainPage {
	text-align:left;
}

.quote p strong,
#attribution {
  line-height:123%;
  letter-spacing:0px;
  font-size: 100%;  
}



#TitlesFadeBackground {
}

#TabText {  
}






/*   #pageSectionSub1Title, */     
#pageSectionPreTitle, 
#pageSectionPreTitleGray,
#pageSectionTitle {
  font-size:100%;
  font-weight: bold;
  margin-top:1em;
}

#pageSectionPreTitle {  /* eats up space between title and lists */
margin-bottom: -1em;
}

#pageSectionPreTitleGray, 
.pSPTGray {
color: #ccc;
}

#blackonwhite #pageSectionPreTitleGray, 
#blackonwhite .pSPTGray {
color: #777;
}

#featSectionTitle  {
  font-weight: bold;
  margin-bottom: -1em;
}



#prodConcept {
font-style: italic;
}

.detailsA  /* small font used by eyepiece calc, IS scope charts */
{ 
font-size: 8pt; 
font-family: Arial, Sans-Serif;
}

#attribution {
  clear:both; 
  border-top: thin solid white; 
  padding: 1em;
  margin: 0 1em;
}

#blackonwhite #attribution {
  border-top: thin solid black;
}

#caption_gray {
color:#ccc;
}

div#TabText  #caption_gray {
color: white;
}

#blackonwhite #caption_gray,
#TabText #caption_gray {
color:#454545;
}

#CapFirst div:first-letter,
#CapFirst sub:first-letter {
font-weight:bold;
}

p.firstword:first-letter {
font-weight:bold;
font-size:150%;
}


.outline_center,
.outline {
border: thin solid black; 
padding: 0.25em; 
font-weight: bold; 
text-align: center; 
width:auto;
}

.outline {
text-align: left;
}

/* -- centering -- */
div.imgCtr,
#gridImages img {
display: block;
margin-left: auto;
margin-right: auto; 
}

.centerthis {
  margin-left: auto;
  margin-right: auto;
}

#FormulaGreen {
background-color:#ccffcc;
font-weight:bold;
color: black;
font-size:92%;        
padding: 0.5em;
border:1px solid #aeaeae;
border-top:none;
margin: 0.5em;
height: auto; 
overflow:hidden;	 
}

.blackback {
background-color: black;
color: white;
padding: 0.25em;
}

.contrastback {
background-color: white;
color: black;
padding: 0.25em;
}

hr.clear {
clear:both;
width: 80%;
}

#featDealers {
margin-top: 0.5em;
color: black;
font-size: 92%; 
white-space:nowrap;
}

#sharethisbut a:link,
#sharethisbut a:visited, 
#featDealers a:link, 
#featDealers a:visited {
color:green;
}

#sharethisbut {
letter-spacing:-1px;
}
    
#featDealers a:hover {
color:maroon;
}
 
#featDealers table td { 
vertical-align:top;
}

#TourSched {
margin-left: 5px;
margin-top: 5px;
}

#SuggBox,
#TourSched, 
#TourSched tr td {
border: thin solid silver;
padding: 0.25em;
}

/* Used in Eyepiece Calculator Table */
.marker   { 
color: #009933; 
font-weight:bold; 
}

/* YUI Fonts */

#size10px {font-size:77%;}
#size11px {font-size:85%;}
#size12px {font-size:92%;}
#size13px {font-size:100%;}
#size14px {font-size:107%;}
#size15px {font-size:114%;}
#size16px {font-size:122%;}
#size18px {font-size:136%;}
#size20px {font-size:153.9%;}


/* YUI Overides */

body {
  xtext-align:left;
}  

#hd  {
  xheight:50px;
  padding:2px;
  background-color: #ddd;
}

#bd {
  clear:both; 
  padding: 0px 0px;
  margin: 1px 0px;
}

#ft .TV3_Menu {
  padding:0.5em 0px 0px 0em;
  xmargin-right:1em;
}

#ft .TV3_Endnote {
  font-size:92%;
  text-align:center;
  color:silver;
  font-weight:bold;
  background-color: black;
  margin-top:0.25em;
}

#ft .TV3_Endnote a:link,
#ft .TV3_Endnote a:visited {
color:#383  ;
}

/* -- Table Details -- */

table {
  margin-bottom:0em;
  margin-left:1px;
  /* prevent body mods from trickling down */
  line-height: 1.231;  
  font-size:13px;
  letter-spacing: 0px;
}

table, tr, th, td { 
  border: none; 
}      



/* close gaps caused by other css */

ol ul {
margin-top: 0;
margin-bottom: 0.25em;
}

#imgSlices table {
border-spacing: 0;
border-collapse:collapse;
}

#imgSlices table tr td {
border-width:0;
padding:0;
margin:0;
outline-width:0;
}

/* banner: text box scroll tables */
#prodSpecTblEP,
#prodSpecTbltight,
#EpSpecDiscTbl      {
  border-collapse: collapse;
  border-spacing: 0px;
}    

#EpSpecDiscTbl {
margin-left:0px; 
margin-right: auto; 
}

#prodSpecTblEP  td,
#prodSpecTbltight  td,
#EpSpecDiscTbl td      {
/*borders and padding to make the table readable*/
  white-space: nowrap;
  padding:0em 1em;
  margin: 0em; 
} 

table#EpSpecDiscTbl td {
padding:3px; 
vertical-align:top;
padding-left:2em;
}

/* used by Telescopes */
#prodSpecTbl {
font-size: 92%; 
margin-right: 10px;
}

#prodSpecTbltight td {
font-size: 12px;
white-space: normal;
border: 1px solid silver;
}


#EpCalTbl,
#EpSpecTbl,
#prodSpecTbl,
#prodList      {
  width: auto;
  border-collapse: collapse;
  border-spacing: 0px;
}

#EpCalTbl,
#EpSpecTbl {
border: thin solid silver;
margin-top: 1em;
}



/*borders and padding to make the table readable*/

#EpCalTbl th,
#EpCalTbl td,
#prodSpecTbl td,
#prodList th,
#prodList td {
  padding:0em;
}

#EpCalTbl th,
#EpCalTbl td,
#EpSpecTbl th,
#EpSpecTbl td {
border: thin solid silver;
}

.EpSpecTblRow1 {
background-color: black;
}

.EpSpecTblRow2 {
background-color: #333;
} 

#blackonwhite .EpSpecTblRow1 {
background-color: #efefef;
}

#blackonwhite .EpSpecTblRow2 {
background-color: #fafafa;
} 


#prodSpecTbl td,
#prodList td  {
  xwhite-space: nowrap;
  padding:0em 0.25em;
  margin: 0em; 
}



#prodSpecTbl .rowHead,      
#prodList .rowHead,
table#otherTable  tr  td:first-child,
table#mountTable  tr  td:first-child
{
  font-weight: bold;
  white-space: nowrap;
  vertical-align: top;
}


table caption,
#scopebinotable caption,
#scopebinotable .caption,
#otherTable caption,
#otherTable .caption,
#prodList #caption,  
#prodSpecTbl caption,
#prodSpecTbl .caption,
#prodSpecTbltight .caption
 {
	
  padding-top: 0.25em;
	border-bottom: thin solid silver;	
	
	text-align:center;  /*centered so it doesn't blend in to other content*/
	background-color: black;
	color: #bbb;
	font-weight:bold;
}


table#carrybagtable tr td:first-child, 
table#scopebinotable  tr:first-child, 
table#scopebinotable  tr td:first-child  {
  font-weight:bold;
}

table#scopebinotable  tr:first-child {
text-align: center;
}

table#carrybagtable tr td:first-child, 
table#scopebinotable  tr td:first-child  {
font-size:85%;
color:#bbb;
background-color: black;
}

table#scopebinotable div {
font-size:118%;
text-align: center;
}

table#mountTable tr td,
table#carrybagtable  tr td, 
table#scopebinotable  tr td {
border: thin solid silver;
}

table#mountTable tr td {
  white-space: nowrap;
}

table#featuredTable {
  margin-left: 0px; margin-right: auto; 
  margin-bottom: 4px;
  max-width:974px;
  border-collapse:separate;
  border-spacing:4px 0px;
}

table#featuredTable td {

  border:1px solid #ddd;
  vertical-align:top;
}

table#featuredTable ul {
  line-height:100%;
  letter-spacing:0px;
  margin-left: 1em;
}



/* Table of images in grid form*/

.TSWhyChoose  {
width: 170px; 
float: left; 
margin-right: 2em;
}

.TSWhyChoose div.imgBk  {
background-color: white;
margin-top:1em;
} 

/* Literature Library of Online PDF */

#libex tr
{

}

#libex td
{
  padding:0px;
}

#libex .cat
{ 
  border-top: 1em solid black;
  padding:0.25em;
  font-weight: bold;
  background-color:#252;
  border-bottom: thin solid white;
}

#blackonwhite  #libex .cat
{ 
  border-top: 1em solid #fbfdfb;
  background-color:#cfc;
}

   
#libex .prod
{
  padding-top:0.5em;
  font-size:100%;
  font-weight: bold; 
    
}

#libex .title
{
  font-weight: bold; 
} 

#libex .notes
{
  font-size:10pt;
  font-weight:normal;
}

/* Online Logo Store */

#TableStore1 {
  margin-right:20px;
}

#TableStore1,
#TableStore2
{
  border: 0px;
}

#TableStore1 td,
#TableStore2 td
{
  padding:0px;
}

.Prodesc 
{ 
  font-family: Verdana; 
  font-size: 16px; 
  align: left; 
}

.Prodtitle 
{ 
  font-family: Verdana; 
  font-size: 18px; 
  text-align: left; 
  font-weight: bold; 

}

/* online Parts Store */

#BSBFeatured {
	border:medium solid #000;
	width:auto;
	padding:5px;
	margin-bottom:10px;
}

.PSSub {
	font-weight:bold;
	color:#335;
}

.PSBoard {
	margin-top:30px;
	font-size:20px;
	font-weight:bold;
	line-height:1.5;
	color:#036;
}

.PSFeatured {
	font-size:14px;
	font-weight:bold;
	color:white;
}

/* EP rec for Scope Type Tables */

  #ip4scopetbl {
    margin-left:auto;   
    margin-right:auto;
  }

  #ip4scopetbl  tr {
    border-bottom: thin solid silver;
  }
  
    #ip4scopetbl  tr .nodec {
    border-bottom-width: 0px;
  }
  
  
  #ip4scopetbl  .alright {
  text-align: right;
  }

/* Standard Article: used by "is" accsy page */
.StdArticle #quote
{
  color:darkgreen;
  font-weight:bold;
}

.StdArticle #nomargin
{
  margin:0px;
}

.StdArticle caption
{
  font-size: 80%;
  font-weight:bold;
}


/* "is" table */
.isAccTable  {
 margin: 0em 1em; 
 font-size: 90%;
 border: thin solid silver;
}

.isAccTable td {
 padding: 0.25em 1em;
 text-align: left;   
 border: thin solid silver;  
 white-space:nowrap;   
}   
 
/* majesty factor */
#MFTableCell
{
  padding: 0.25em; 
  font-weight:bold; 
  color:black; 
  background-color: #cfc;
}

/* chronology */

.chYr {background-color: #000;}
.chTel {background-color: #222;}
.chEP {background-color: #242;}
.chAss {background-color: #224;}

#blackonwhite .chYr {background-color: #fff;}
#blackonwhite .chTel {background-color: #ddd;}
#blackonwhite .chEP {background-color: #ede;}
#blackonwhite .chAss {background-color: #ded;}