/* 
Path		: webdocroot\css\nolostyle.css
Author 		: ????
Created		: 10/13/2004
History		: 
Notes		: styles used throughout the site
Redesign04	: 
*/
i {font-style: italic;}

table.main {
	background-color: #ffffff;
	table-layout: fixed;
}

td.content {
	background-color: #FFF;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9pt;
}

td.mainBorder {
	background-color: #D5D5D5;
}

.tcalc td {
	background-color: #FFF;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9pt;
}

.navbg {
	background-image: url(https://store.nolo.com/store/images/top_nav/navbg.gif);
	background-repeat : no-repeat;
}

/* 
Author			: Xavier Vanvlasselaer
Created			: 10/21/2004 
Name			: .c1
Purpose			: sets a 25px left margin 
*/
.c1 {
	margin: 5px 25px 0px 25px;
	width: 90%;
}

.mainArticleTable {
	padding: 0px 10px 0px 10px;
}

.mainArticleTable ul {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9.5pt;
}


/* 
Author			: Jonathan Agnew
Created			: 10/26/2004 
Name			: .navSections
Purpose			: controls the breadcrumbs inside an href 
*/
.navSections{
	font-family: Arial, Helvetica, Sans-serif;
	font-size:9px;
	color:#010002;
	text-decoration: none;
}

/* 
Author			: Jonathan Agnew
Created			: 10/26/2004 
Name			: .tccAd
Purpose			: controls style for the tcc ad 
*/
.tccAd{
	font-family: Arial, Helvetica, Sans-serif;
	font-size:10px;
	color:#010002;
	text-decoration: none;
}


/* 
Author			: Xavier Vanvlasselaer
Created			: 10/22/2004 
Name			: .hdrcrumbs
Purpose			: controls the breadcrumbs inside an href 
*/
.breadcrumbs,.hdrcrumbs, a.hdrcrumbs:visited,a.hdrcrumbs:link,a.hdrcrumbs:hover,a.hdrcrumbs:active{
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;
	color:#010002;
}


/* 
Author			: Xavier Vanvlasselaer
Created			: 10/22/2004 
Name			: .hdrsubcatname
Purpose			: controls the header underneath the breadcrumbs
*/
.hdrsubcatname {
	font-family: GillSans, Geneva, Arial, Helvetica, Sans-serif;
	font-size:24px;
	text-decoration:none;
	color:#ffffff;
}


body {
	background-image: url(../images/background_home.gif);
}

/* 
Author			: Xavier Vanvlasselaer
Created			: 10/21/2004 
Name			: form
Purpose			: sets the extra space generated by the <form></form> tags to zero pixels 
				  and defines the style of all input elements
*/
form, input, select {
	margin:0;
	font-size:11px;
}

p, span.mainText, span.mainText td {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9.5pt;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

span.mainText em {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9.5pt;
	margin: 0;
	padding: 0;
}


span.mainText td {
	margin-left: 5px;
}

span.mainText dd {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9.5pt;
	line-height: 150%;
	margin-right: 30px;
}

.author {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9.5pt;
}

h2, .h2 {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 16pt;
}


h3 {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 13pt;
}

h4 {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	margin-bottom: 10px;
	margin-left: 0;
	font-size: 11pt;
}

/* 
Author			: Xavier Vanvlasselaer
Created			: 10/21/2004 
Name			: .glossaryTermHeader
Purpose			: defines the header on the glossary page 
*/
.glossaryTermHeader {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 20px;
	color: #cc9900;
	font-weight: bold;
}


/* 
Author			: Xavier Vanvlasselaer
Created			: 10/21/2004 
Name			: .dottedline
Purpose			: defines the header on the glossary page 
*/
.dottedline {
	background: #cccccc url("https://store.nolo.com/images/dotted_line.gif");
}


/* 
Author			: Xavier Vanvlasselaer
Created			: 10/26/2004 
Name			: .footerContent
Purpose			: defines the footer text 
*/
.footerContent, a.footerContent,a.footerContent:link, a.footerContent:active, a.footerContent:visited, a.footerContent:hover {
	font-family: Tahoma, Arial, Helvetica, Sans-serif;
	font-size: 10px;
	color:#000000;
	margin: 0;
	text-decoration:none;
	letter-spacing: 1px;
}

img.rightnavprodimage {
	border-top: 1px solid black;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	border-left: 1px solid black;
}

.relatedArticleLinks {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	margin: 10px;
	line-height: 130%;
}

.articleAuthorLink {
	font-size: 8pt;
}

.auntie {
	margin-right: 5px;
	cursor: pointer; /* For standards-compliant browsers */
	cursor: hand; /* For IE5 */
}

p.relatedResourceLinks {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	margin: 10px;
	line-height: 130%;
}

.productTitle, .articleTitle {
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: bold;
	margin-bottom: 0;
	margin-left: 20px;
	font-size: 13pt;
	text-transform: none;
}

.prodContent {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	line-height: 130%;
}

.productAuthorLink {
	font-size: 8pt;
	margin-left: 20px;
}

.orderOnline {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 7.5pt;
	margin-right: 5px;
	color: #336699;
}

.shipFree {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 8.5pt;
	margin-right: 0px;
	color: #336699;
}

.productDescription {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	margin: 0;
	line-height: 130%;
}

.productFormat, .productPrice {
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	margin: 0;
	line-height: 130%;
	color: #CC3333;
}

.productCode {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 1pt;
	margin: 0;
	color: #FFFFFF;
}

.productListPrice {
	color: #666666;
}

td.prodRelatedNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	padding: 0 0 10px 5px;
	line-height: 130%;
	font-weight: bold;
}

span.prodRelatedNavType {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7.5pt;
	padding: 0;
	text-transform: uppercase;
}

b.prodRelatedNavPrice {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: 900;
	font-size: 7.5pt;
}

a.prodRelatedNav {
	color: #9C6500;
}

td.topNav {
	background-color: #ffcc33;}

.header {
	font: bold 24px/18px  Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
}

.subheader {
	font: 24px/18px  Times New Roman, Times, serif; 
	color: #000;
}

.bullet {
	font: 12px  Verdana, Arial, Helvetica, sans-serif; 
	color : #999;
	margin-left: 3px;
	margin-right: 3px;
}
	
.lColumnHead {
	font: 24px/18px Times New Roman, Times, serif; 
	color: #900;
}

.lColumnContent {
	font: 10px/13px  Verdana, Arial, Helvetica, sans-serif; 
	color: #900;
	margin-left:5px;
	margin-right:5px;
}

.rColumnHead {
	font: 16px Times New Roman, Times, serif; 
	color: #fff;
}
		
.rColumnStore {
	font: 10px/11px  Verdana, Arial, Helvetica, sans-serif; 
	color: #c00;
	margin-left:5px;
	margin-right:5px;
}

.bColumnSpecial {
	font: bold 18px Helvetica, Verdana, Arial, sans-serif; 
	color: #c00;
	margin-left:5px;
}
		
.nounderline {
	text-decoration: none; 
	font-style: normal
}
				
 
strong {
	font-weight : bold; 
}
/* -------------------------------------------- */	

a { color: #336699; }
a:link 		{ color: #336699; }
a:visited 	{ color: #663399; }
a:active 	{ color: #663399; }
a:hover 	{ color: #336699; text-decoration: underline; }


/* Any link tags nested in a "tabText" P-tag need to be the white. 
   This overwrites the global link tag styles listed above. */
p.tabText a {
	color: #FFFFFF;
}

p.tabText a:link {
	color: #FFFFFF;
}

p.tabText a:visited {
	color: #FFFFFF;
}

p.tabText a:active {
	color: #FFFFFF;
}

p.tabText a:hover {
	color: #FFFFFF;
}

td.tabText a {
	color: #FFFFFF;
}

td.tabText a:link {
	color: #FFFFFF;
}

td.tabText a:visited {
	color: #FFFFFF;
}

td.tabText a:active {
	color: #FFFFFF;
}

td.tabText a:hover {
	color: #FFFFFF;
}


/* -------------------------------------------- */	
 
/* classes that define a height */	

.hpad1 {padding-top:1px;}
.hpad2 {padding-top:2px;}
.hpad3 {padding-top:3px;}
.hpad4 {padding-top:4px;}
.hpad5 {padding-top:5px;}
.hpad8 {padding-top:8px;}
.hpad9 {padding-top:9px;}
.hpad10 {padding-top:10px;}
.hpad15 {padding-top:15px;}
.hpad20 {padding-top:20px;}
.hpad21 {padding-top:21px;}
.hpad22 {padding-top:22px;}
.hpad23 {padding-top:23px;}
.hpad30 {padding-top:30px;}

/* -------------------------------------------- */	
 
/* classes that define a height - top and bottom */	

.pad1 {padding-top:1px; padding-bottom:1px;}
.pad2 {padding-top:2px; padding-bottom:1px;}
.pad3 {padding-top:3px; padding-bottom:1px;}
.pad4 {padding-top:4px; padding-bottom:1px;}
.pad5 {padding-top:5px; padding-bottom:1px;}
.pad8 {padding-top:8px; padding-bottom:1px;}
.pad9 {padding-top:9px; padding-bottom:1px;}
.pad10 {padding-top:10px; padding-bottom:10px;}
.pad15 {padding-top:15px; padding-bottom:15px;}
.pad20 {padding-top:20px; padding-bottom:20px;}
.pad21 {padding-top:21px; padding-bottom:1px;}
.pad22 {padding-top:22px; padding-bottom:1px;}
.pad23 {padding-top:23px; padding-bottom:1px;}
.pad30 {padding-top:30px; padding-bottom:1px;}


@media print {
    /* Styles defined in here apply only when a page is printed. */
    td.articleSidebarBody table {
    	border: 1px solid #000;
    }
    td.articleSidebarBody td {
    	border: 1px solid #000;
    }
}

/* Style used by the Resource pages that are not category specific */
/*
	JRA 11/2/04
	This style is for the article intro featured on top of resource pages.
*/
span.resArtIntro p {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:9pt;
	margin: 0;
}

span.resArtIntro li {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:9pt;
	margin: 0px 0px 5px 0px;
	line-height: 150%;
	
}

p.resArtIntro, a.resArtIntro {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:9pt;
	margin: 0;
}


/*
	JRA 11/2/04
	This style is for the body of the featured article/faq, dictionary term, & question.
*/
span.resFeature p {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;
	margin: 5px 10px 10px 10px;
}

span.resFeature a {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;
}


/*
	JRA 11/2/04
	This style is for the body of the featured article/faq, dictionary term, & question.
*/
span.resFeature li {
	margin: 0 10px 0 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;
}


/*
	JRA 11/2/04
	This style is for the 'more' link in the q & a section on resource pages.
*/
a.resQuestion {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;
	margin: 0 10px 0 10px;
}

/*
	JRA 11/2/04
	This style is for the checklist box on the bottom left of the resource pages.
*/
p.resChecklistMore {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;
	line-height: 15px;
	margin: 5px 10px 0 10px;
}

/*
	JRA 11/2/04
	This style is for the checklist box on the bottom left of the resource pages.
*/
ul.resChecklist {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;	
	list-style: none;
	margin: 0 10px 0 10px;
	padding: 0 0 5px 0;
}

span.resChecklist {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:8pt;	
	font-weight:normal; 
	color: 000000;
}

/*
	JRA 11/2/04
	This style is for the updates list on the bottom of the resource pages.
*/
ul.resUpdates {
	list-style-type: none;
	margin: 10px;
	padding: 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-size:9pt;	
}


/*
span.linkedCategoryHeading a,
span.linkedCategoryHeading a:link,
span.linkedCategoryHeading a:visited,
span.linkedCategoryHeading a:active,
span.linkedCategoryHeading a:hover {
	font-family: GillSans, Geneva, Arial, Helvetica, Sans-serif;
	text-decoration:none; 
	color:#000000;
	text-transform: uppercase;
}
*/

.subsiteHeader,
.subsiteHeader a,
.subsiteHeader a:link,
.subsiteHeader a:visited,
.subsiteHeader a:active,
.subsiteHeader a:hover {
	font-family: GillSans, Geneva, Arial, Helvetica, Sans-serif;
	text-decoration:none; 
	color:#CC9900;
	text-transform: uppercase;
	font-size:20pt;
}

.multiPageNav {
	font-family: Arial, Helvetica, Sans-serif;
	font-size:9pt;
	text-align: right;
	margin: 0px 5px 20px 0px;
}

.next {
  font-size:10pt;
  font-weight:bold;
  color:red;
}

p.smallText {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	margin-top: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

/* SHOP NOLO styles */
p.shopNoloHeader {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 30px;
	color: #FFFFFF;
	margin-top: 35px;
}

p.smallWhiteText {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	color: #FFFFFF;
	margin-top: 0;
	margin-bottom: 8px;
	margin-left: 0;
}

p.introText {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #666666;
	margin-top: 20;
	margin-bottom: 0px;
	margin-left: 0;
}

a.capCat {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9pt;
	font-weight: bold;
	text-transform: uppercase;
	color: #666666;
	margin-top: 20;
	margin-bottom: 0px;
	margin-left: 0;
}

p.shopRightNavTitles {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 10pt;
	font-weight: bolder;
	text-transform: uppercase;
	color: #CC3300;
	margin-bottom: 0px;
	padding-left: 15px;
}

p.shopRightNavLink {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	text-decoration: none;
	color: #000000;
	margin-bottom: 5px;
	padding-left: 25px;
	text-indent: -10px;
}

.shopRightNavLink a,
.shopRightNavLink a:link,
.shopRightNavLink a:visited,
.shopRightNavLink a:active {
	text-decoration: none;
	color: #000000;
}

.shopRightNavLink a:hover {
	text-decoration: underline;
	color: #000000;
}

p.shopRightNavQuote {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	font-weight: bolder;
	text-transform: uppercase;
	color: #666666;
	margin-top: 20px;
	margin-bottom: 0px;
	padding-left: 15px;
}

p.shopRightNavAttribution {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 8pt;
	font-weight: bolder;
	color: #666666;
	margin-bottom: 0px;
	padding-left: 15px;
	text-align: right;
}


ol.shopNolo {
	margin-left: 30px;
	margin-right: 5px;
	padding-left: 0px;
}

ol.shopNolo li {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 9pt;	
	padding: 0px 0px 0px 0px;
	margin: 5px 0px 0px 0px;
}

ul.homeCatList {
	margin-left: 20px;
	margin-right: 5px;
	margin-top: 1px;
	margin-bottom 10px;
	padding-left: 0px;
}

ul.homeCatList li {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 6pt;	
	padding: 0px 0px 0px 0px;
	margin: -3px 0px 0px 0px;
	color: #000000;
}