/*
	Forrester global CSS draft
	December 2003
	Revised August 2005
	dmw: resolve conflict between /forr.css and /includes/forr.css
*/


/* default behaviors for standard elements on all pages */
/* top nav, left nav, footer */
/* also utility physical markup (flush, centered, etc.)*/

/* set text attributes for ALL elements so they can be inherited */
BODY, TD, TH, LI, H1, H2, H3, H4, H5 {
	/* font-size:small; */
	font-size:90%;
	font-family:  Verdana, Arial, Geneva, Times, Helvetica, sans-serif;
	}

P {
	/* font-size:small; */
	font-size:90%;
	font-family:  Verdana, Arial, Geneva, Times, Helvetica, sans-serif;
	}

/* headers are typically the very dark teal */
H1, H2, H3, H4, H5 {
	color: #003333;
	}

/* specify header styles here and override in page-level CSS where needed */
/* 
	(visually identical to H3, but conceptually different/more important)
*/
H1	{
	font-weight: bold;
	}


/* use H2 for right browse bar (when present) 
H2 {
	text-transform: uppercase;
	color: #666633;
	font-weight: bold;
	font-size: 80%;
	margin-bottom: 0px;
	}*/
	
/* use H3 for headers in left nav bar */
H3 {
	font-weight: bold;
	margin-top: 12px;
	margin-bottom: 2px;
	}

/* use H4 and H5 for headers in body text */
H4 {
	text-transform: uppercase;
	color: #666633;
	font-weight: bold;
	font-size: 80%;
	margin-top:16px;
	margin-bottom: 0px;
	}
H5 {
	font-weight: bold;
	margin-bottom: 2px;
	}



/* basic body behavior */
BODY {
	/*background-image: url(bodytext_bg.gif);
	background-repeat: repeat-y; */
	background-color: white;
	/* flush margins on all 4 sides to mitre background propertly */
	margin: 0px;
	}



TD, TH	{
	vertical-align:top;
	padding: 0px;
	}
/* default para follows text very closely */
P	{
	margin-top: 15px;
	margin-bottom:0px;
	}
	
	/* like original default <p> -- no space before */
.p	{
	margin-top:2px;
	}

/* default links are dark aqua */

A:link {
	color:#006666;
	text-decoration:underline;
	}
A:visited {
	color:#666666;
	text-decoration:underline;
	}
A:hover {
	color:#006666;
	text-decoration:underline;
	}

	/* link that does not look like a link */
A.clearlink, A:hover.clearlink, A:visited.clearlink {
	text-decoration:none;
	font-weight:normal;
	color:#000000;
	}

/* dmw: researchlink styles inserted from old /forr.css */

/* attributes in common */
A.researchlink, A.researchlink:hover, A.researchlink:visited {
	font-weight:normal;
	font-size:88%;
	line-height:150%;
	text-decoration:none;
	color:#006666;
	}
/* color override for visited links*/
A.researchlink:visited {
	color:#666666;
	}
/* underline on hover only */
A.researchlink:hover {
	text-decoration:underline;
	}

/* dmw: sm_link styles inserted from old /forr.css */
/* differs from researchlink, stamplink in lineheight (not set) only */

/* most attributes in common */
A.sm_link, A.sm_link:hover, A.sm_link:visited {
	font-weight:normal;
	font-size:88%;
	text-decoration:none;
	color:#006666;
	}
/* color override for visited links*/
A.sm_link:visited {
	color:#666666;
	}
/* underline on hover only */
A.sm_link:hover {
	text-decoration:underline;
	}

/* dmw: footerlink styles inserted from old /forr.css */

/* most attributes in common */
A.footerlink, A.footerlink:visited, A.footerlink:hover {
	font-weight:normal;
	/* font-size:75%; */
	color: #333333;
	text-decoration:none;
	}
a.footerlink:link {
	color:#333333;
	}
/* color override for visited */
A.footerlink:visited {
	color: #999999;
	}
/* color override for hover */
A.footerlink:hover {
	color: #666666;
	}
/* end dmw insertion block from old /forr.css */

/* span styles that do look like a link */
.stdlink {
	color:#006666;
	text-decoration:underline;
	}

.stdlinkbold {
	color:#006666;
	text-decoration:underline;
	font-weight:bold;
	}
	
/* 
	class definitions by semantic purpose 
	-- independent of section
*/


.detail {	
/* use for source for research bookmark, date on featured research, event location/time etc. */
	font-size: 80%;
	color: #666666;
	}

.super {
/* use for TM etc in body text*/
	position:relative;
	bottom:1.5ex;
	font-size: 60%;
	}
/* gutter around images */
.figure {
	text-align: center;
	padding-top:12px;
	padding-bottom:12px;
	}

.rule { 
	color: #CCCC99;
 	border: dashed;
	height: 1px;
 }

/* dmw: rule changed to resolve differences between */
/* /forr.css and /includes/forr.css  */
/* /forr.css version used (old gold text->new grey text). */

.global {
/* small gold text for footer, etc. */
	margin-top: 2px;
	font-size: 75%; /* dmw: was 80%; */
	color: #666666; /* dmw: was #666633; */
	}
/* global nav modifiers */
A.global:link {
	color: #666633;
	text-decoration:none;
	font-weight: bold;
	font-size: 90%;
	}
A.global:visited {
	color: #666633;
	text-decoration:none;
	font-weight: bold;
	font-size: 90%;
	}
A.global:hover {
	color: #666633;
	text-decoration:none;
	font-weight: bold;
	font-size: 90%;
	}

.major {
/* emphasized link (view all...) */
	margin-top: 2px;
	font-size: 80%;
	font-weight: bold;
	}

.bigger {
	font-size: 120%;
	font-weight: bold;
	}

/* moved over from home.css, 9.30.05, dkw */
	
.text_sm
	{
	font-weight: normal;
   font-size: 88%;
	}	
	
/* table structure for IR */

.paddedtable
{
	vertical-align:top;
	padding: 4px;
	background-color: #E5E5CC;

}	
	

/* table structure for Client choice, allows padding between rows but not cells */

.paddedrow
{
	vertical-align:top;
	background-color:#E5E5CC;
	padding: 4px;
	border-bottom: solid;
	border-color: White;
}



/* class definitions by area w/in page */


.topnavblock {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 112px;
	background-color:#B8CACA;
	}

/* 
	dark aqua stripe across bottom of top nav block
	establish it first, then layer things on top of it
	so we can use width 100%
*/
.topnavblockstripe {
	position:absolute; /* relative to parent .topnavblock! */
	left: 0px;
	top: 86px;
	width:100%;
	height:25px;
	background-color:#8DA9A9;
	border-top:solid 1px #E3E3E3;
	}

.usertoolblock {
	padding-right: 12px;
	padding-top: 12px;
	text-align: right;
	} 

.srchbox {
	position:relative;
	top:-2px;
	background-color:#CDDBDB;
	border-style:solid;
	border-width:1px;
	border-color: #336666;
	padding-left:0.3em;
	padding-right:0.3em;
	padding-top:3px;
	padding-bottom:3px;
	}





/* prevent user tools (search, etc.) from overwriting logo */
.topnavprotect {
	position: absolute;
	top: 0px;
	left: 0px;
	width:100%;
	height: 112px;
	z-index: 8;
	}


/* for mortising */
.mainblock {
	position:absolute;	/* relative to window */
	left:0px;
	top:112px;
	width:100%;
	}


/* use em dash for horiz values so that relationships survive font size changes */
.bulletnavitem {
/* real LIs just don't line up right across browsers */
	text-indent: -0.8em;
	margin-left: 1em;
	margin-top: 4px;
	margin-bottom: 6px;
	}
/* indent paragraphs to align with bulleted item */
.bulletindent {
	margin-left:1em;
	}

ul.bul	{
	margin-left: 0em;
	padding-left:2.4em;
	margin-top:0.2ex;
	margin-bottom:0.0ex;
	list-style-image: url(../images/nav/bulletsb2.gif);
	}
ul.bul li {
	font-size:88%;
	margin-top:0.5ex;
	margin-bottom:0.5ex;
	text-indent: 0em;
	margin-left:0em;
	}

A.leftnav:link {
	color:#003333;
	text-decoration:none;
	}
A.leftnav:visited {
	color:#003333;
	text-decoration:none;
	}
A.leftnav:hover {
	color:#003333;
	text-decoration:underline;
	}

/* white bar goes all the way to the edge of left nav bar */
.leftselect {
	margin-right:-1em;
	background-color:white;
	font-weight: bold;
	}
/* but text of selected item shouldn't */
.leftselect2 {
	margin-right:1em;
	}

/*
	logoblock:
	safest way to ensure logo images mortice properly is to hard-code each.
	these positions are relative to the overall topnavblock, not to the window!
*/
	
.logoblock1 {
	position:absolute;
	top:0px;
   width:416px;
   height: 86px;
   z-index:10;
   }
		  
		  
.logoblock2 {
	position:absolute;
	left: -1px;
	top: 86px;
	width: 129px;
	height: 26px;
	/*background-image: url(images/nav/logo.gif);*/
	}
.logoblock3 {
	position:absolute;
	right: 0px;
	top: 0px;
	width: 111px; /* not 92! */
	height:86px;
	}


/* search is colored like user tools, but bold and not sized down */
/* dmw: search link rules re-written to resolve trivial differences w/ old forr.css */

A.search, A.search:link, A.search:visited, A.search:hover {
	color:#336666;
	font-size:80%;
	font-weight:bold;
	text-decoration:none;
	}
/* override for underline on hover only */
A.search:hover {
	text-decoration: underline;
	}
/* end dmw revisions for search links */

.topnavbar {
	position: absolute;
	padding:0px;
	left:128px;	/* just to right of swirls below logo fill object */
	top:84px;	/* below logo */
	height:26px;
	/* ZZ 
	raise z-index to ensure visibility on netscape browsers 
	see .topnavprotect and .logoblock1 
	*/
	z-index:8;
	/* only one can be active at a time -- ensure inactive color fills area */
	/*
	background-color:#8DA9A9; 
	background-color:yellow; 
	*/
	}

/* table with my forrester, browse research, etc. */
.topnavtable {
	padding: 0px;
	margin-top:1px;
	margin-left:1px;
	/*cell-spacing: 0px; in CSS2, but not widely supported yet */
	}

.topnavbaroutline {
	position:relative;
	top: 2px;
	left: 2px;
	height:1px;
	width:100%;
	background-color:#E3E3E3;
	}

/* topnav is colored like user tools, but bold */
A.topnav:link {
	color:#003333;
	font-weight:bold;
	text-decoration:none;
	font-size:80%;
	}
A.topnav:visited {
	color:#003333;
	font-weight:bold;
	text-decoration:none;
	font-size:80%;
	}
A.topnav:hover {
	color:#003333;
	font-weight:bold;
	text-decoration:underline;
	font-size:80%;
	}
.topnavactiveblock {
	/*position:relative;*/
	height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#C8D6D6;
	border-left-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-width: 1px;
	border-left-color: #E3E3E3;

	}
.topnavinactiveblock {
	/*position:relative;*/
	height:25px;
	text-align:center;
	vertical-align:middle;
	background-color:#8DA9A9; 
	border-left-style: solid;
	border-right-style: none;
	border-top-style: none;
	border-bottom-style: none;
	border-left-width: 1px;
	border-left-color: #DBDBDB;
	}

.ccimg
	{
		margin-top: 20px;
		margin-right:30px;
		margin-left:10px;
		float:right;

	}


/* user tools: login/out, my account, contact us */
.usertools {
	margin-top: 2px;
	margin-bottom: 16px;
	color:#003333;
	font-size: 85%;
	}

/* dmw: usertools link rules re-written to resolve trivial differences w/ old forr.css */

A.usertools:link, A.usertools:visited, A.usertools:hover {
	color:#003333;
	font-size: 85%;
	text-decoration:underline;
	}

/* for help navigation */
.help {
	text-align: center;
	vertical-align: middle;
	background-color: #DEDEBD;
}


/* utility classes for physical positioning/coloring */

	/* globally applicable */ 

/* don't display text, but make available to screenreader (use span)*/
.reader {
	display:none;
	}

.barglyph {
/*	replace | character with gif to silence screen readers 
	put it at same physical location as the character would be 
	in default font for supported browsers */
	margin-bottom:-0.3ex;
	}

.center {
	text-align: center;
	}
	
.italics {
	font-style: italic;
}
	
.left {
	text-align: left;
	}
	
.right {
	text-align: right;
	}
	
.vcenter {
	vertical-align:middle;
	}
.bold {
	font-weight:bold;
	}

.teal {
	color:#006666;
	}
	
.tealbold {
	font-weight:bold;
	color:#006666;
	}

.tanbold {
	font-weight:bold;
	color:#666633;
	}

.error {
	color:#993300;
	}

.nobold {
	font-weight:normal;
	}
.leading {
	margin-top: 8px;
	}
.leadingb {
	margin-top: 2px;
	margin-bottom: 8px;
	}
.extraleading {
	margin-top:20px;
	}
.extraleadingb {
	margin-top: 2px;
	margin-bottom: 15px;
	}
.extraleading1x5 {
	margin-top:24px;
	}
.extraleading1x5b {
	margin-top: 2px;
	margin-bottom:24px;
	}
.extraleading2 {
	margin-top:32px;
	}
.extraleading3 {
	margin-top:64px;
	}
.extraleadingtb {
	margin-top:15px;
	margin-bottom:15px;
	}
.extraleading1x5tb {
	margin-top:24px;
	margin-bottom:24px;
	}
.gutter1 {
	padding-left:5px;
	padding-right:5px;
	}
.gutter2 {
	padding-left:8px;
	padding-right:8px;
	}
.gutter3 {
	padding-left:15px;
	padding-right:15px;
	}
.gutter3b {
	padding-left:5px;
	padding-right:8px;
	}

.flushall {
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	margin-bottom:0px;
	}
.flushtop {
	margin-top:0px;
	}
.indent {
	margin-left:1em;
	margin-right:1em;
	margin-top:6px;
	margin-bottom:6px;
	}
.indentx {
	margin-top:10px;
	margin-bottom:10px;
	}

/* dmw: rule changed to resolve differences between */
/* /forr.css and /includes/forr.css  */
/* /forr.css version used. */
/* (right border is grey when present) */
/* (not sure this style is still in use?) */

.rightBorder {
/* vertical bar between sections of bodytext */
	padding-right:15px;
	border-left-style: none;
	border-right-style: solid;
	border-top-style: none;
	border-bottom-style: none;
	border-right-width: 1px;
	border-right-color: #999999; /* was #A2BAB8; */
}

.reqd {
/* "required" asterisks */
	/*position:relative;*/
	font-weight:normal;
	color: #B82105;
	/*bottom:1ex;*/
	/*font-size: 75%;*/
	}
	
/* for left navbar */ 

.leftnavBG {
/* 
	background color for leftnav (by cell) 
	note: by cell is the only way we can reliably ensure that the color stretches all the way
	to the bottom of the screen!
*/
	background-color: #DEE6E6;
	width:130px;
	}

/* for search term highlighting in documents (Added by Ezra) */
.hilite { background-color: yellow; }

/* footer styles */ 

/* dmw: rule changed to resolve differences between */
/* /forr.css and /includes/forr.css  */
/* /forr.css version used. */
/* (less separation between body and footer, and between */
/* footer and page bottom) */
.footerblock {
	margin: 15px 1em;
	/* old version for reference: margin-left:1em; */
	/* margin-right:1em;	margin-top:75px;margin-bottom:75px;*/
	/* dmw 2005jul25:
	rule modified
	apply the same text attributes to any text in footerblock as applied by p.global 
	and/or a.footerlink
	*/
	font-size:75%;
	color:#666;
	/* dmw end */
	}
/* dmw 2005jul25
	new rule
	if the footer has p.global or a.footerlink defined, need to override the size, or the size will be 
	75% of 75% = 56% or 75% %90 = 67%.
	This definition must come AFTER the definition for p.global and a.footerlink in the css.
	Define it as narrowly as possible so it doesn't affect anything else (p.global is not
	exclusive to the footer block, but this definition override should be)
	*/
div.footerblock p.global, 
div.footerblock a.global:link,
div.footerblock a.global:visited,
div.footerblock a.global:hover, 
div.footerblock a.footerlink {
	font-size:100%;
	}
/* dmw 2005aug08 
	new rule
	if the footer has unstyled links, or paragraphs with the old 
	.global class, 	make sure they conform to the
	new .footerlink standard 
	*/
div.footerblock a,
div.footerblock a:link,
div.footerblock a:visited,
div.footerblock a:hover,
div.footerblock p.global {
	font-weight:normal;
	color: #333333;
	text-decoration:none;
	}
/* color override for visited */
div.footerblock a:visited {
	color: #999999;
	}
/* color override for hover */
div.footerblock a:hover {
	color: #666666;
	}
	
	/* dmw end */

/* Orange excerpts in document templates, added 8.05.05 dkw */

.excerpt_jbox {
	font-weight: normal; 
	color:#cc6600;
}
.excerpt_research {
	font-weight:normal; 
	font-size:70%; 
	line-height:140%; 
	color:#cc6600;
	text-transform:uppercase;
}		

/* DQ registration  10.06.05 and NA Contact Us 12.19.05 styles, dkw */

.text_sm_reg { 
	font-weight: normal; 
	font-size: 75%;
}

.text_sm_reg_error {
	color:#FF0000; 
	font-size:75%;
}
	
.boxed_khaki {
	background-color:#999966;
	color: #FFFFFF;
	margin-top:0px;
	margin-right:6px; /* outside */
	padding-left:2px; /* inside */
	padding-top:2px; /* inside */
	padding-bottom:2px; /* inside */
	}
	
.boxed_tan  {
	background-color:#CCCC99;
	color: #333300;
	margin-right:6px; /* outside */
	padding-left:2px; /* inside */
	padding-top:2px; /* inside */
	padding-bottom:2px; /* inside */
	}
	
.border_tan {
	border:1px solid #CCCC99;
	padding:6px; /* inside */
	margin-right:6px; /* outside */
	width: 600px;
}

.vr_tan {
	border-left:1px solid #CCCC99;
	background-repeat: repeat-y;
	background-position:0 1em;
}

.khakiboxblock {
   background-color: #f9f8ef;
	border: 1px solid #999966;
	padding-left:6px; /* inside */
	padding-bottom:6px; /* inside */
}


/* European Contact Us styles, 12.21.05 dkw */

.boxed_medteal {
	background-color:#336666;
	color: #FFFFFF;
	margin-top:0px;
	margin-right:6px; /* outside */
	padding-left:2px; /* inside */
	padding-top:2px; /* inside */
	padding-bottom:2px; /* inside */
	}
	
.boxed_ltteal {
	background-color:#DEE6E6;
	color: #003333;
	margin-right:6px; /* outside */
	padding-left:2px; /* inside */
	padding-top:2px; /* inside */
	padding-bottom:2px; /* inside */
	}
	
.vr_teal {
   padding-top:6px; /* inside */
	border-left:1px solid #336666;
	background-repeat: repeat-y;
	background-position:0 1em;
}

.tealboxblock {
   background-color: #eef3f3;
	border: 1px solid #336666;
	padding-left:6px; /* inside */
	padding-bottom:6px; /* inside */
}

/* RSS page specific styles 3.1.06 dkw */

.text_medgray_sm
	{
	font-weight: normal;
   font-size: 88%;
	color: #999;
	}