/****************************************************************/
/*  MASTER STYLESHEET - FORRESTER.COM                           */
/*  ----------------------------------------------------------  */
/*  Modified: 17-SEP-2007 (JAM)                                 */
/*                                                              */
/****************************************************************/


/* Imported Style Sheets
--------------------------------------------------------------- */
@import url(forms.css);
@import url(si.css);


/* BEGIN GLOBAL
*************************************************************** */
html {font-size: 100.1%}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	height: 100%;
	}

	/* Hyperlink styles
	----------------------------------------------------------- */
	a:link,
	a:visited {
		color: #0856A4;
		text-decoration: none;
		}
	a.underline:link,
	a.underline:visited {
		color: #0856A4;
		text-decoration: underline;
		}
	a:hover,
	a.underline:hover,
	a.subCategory:hover {
		color: #031C35;
		text-decoration: underline;
		}


	/* Heading styles
	----------------------------------------------------------- */
	h1, h2, h3, h4, h5, h6 {font-weight: bold;}
	
	h1 {
		font-size: 130%; 
		}
	h2, .relatedhead { 
		font-size: 80%;
		color: #688A45;
		margin-top: 20px;
		margin-bottom: 15px;
		}
	h3 {
	/* use h3 for download figures */
		font-size: 80%;
		text-transform: uppercase;
		margin-top: 12px;
		margin-bottom: 4px;
		}
	h4 {
	/* h4 Appears in document body for subheadings */
		color: #688A45;
		text-transform: uppercase;
		margin-top: 5px;
		margin-bottom: 2px;
		font-size: 100%;
		}
	h5 {
	/* h5 Appears in document body for subheadings and in right rail for Waves */	
		color: #688A45;
		margin-top: 1.5em;
		margin-bottom: 0;
		}

td {vertical-align: top;}

th {text-align: left;}

p, ul, ol {font-size: 80%;}

img, img a {border: none;}

form, fieldset, label {margin: 0; padding: 0; border: none;}

hr {
	display: block;
	height: 1px;
	background: #999;
	color: #999;
	border: 0;
	margin: 8px 0;
	_margin: 0;
	clear: both;
	}
/*****************************************************************
   END GLOBAL */




/* BEGIN BASIC FORMATTING CLASSES
*************************************************************** */
.gutter {
	padding: 12px 20px 0 16px;
	/* vertical-align: top; */
	}
.gutter2 {
	margin-left: 15px;
	}
.gutter_left {
/* panel (left?)  - rr */
	width: 100%;
	}
.rightRail{
/* add padding to top of right column */	
	padding-top: 12px;
	}


.clr, .clearer {
/* for clearing floated divs */
	clear: both;
	line-height: 0;
	height: 0;
	margin: 0;
	padding: 0;
	}

.icon {
/* small document-type icons linked to documents */
	border: 0;
	margin: 2px 3px 0 3px;
	padding: 0;
	}

.twoColumn {
/* Use when 2 adjacent columns are required within a container div */
	width: 45%;
	float: left;
	margin: 0 12px 0 8px;
	overflow: hidden;
	}

	/* Three columns
	------------------------------------------------------------ */
	.threeColumn {
	/* Use when 3 adjacent columns are required within a container div */
		width: 29%;
		float: left;
		padding: 0 2% 0 6px;
		overflow: hidden;
		}
	.threeColumn24 {
	/* Use when narrower columns are required i.e. if there's also */
	/* an element to the left of the columns taking up space       */
		width: 24%;
		float: left;
		padding: 0 10px 0 6px;
		overflow: hidden;
		}
	.threeColumn20 {
	/* Very narrow columns */
		width: 20%;
		float: left;
		padding: 0 10px 0 6px;
		overflow: hidden;
		}
	
	/* List with an orange arrow background image bullet
	--------------------------------------------------------------- */
	ul.arrow {
		list-style-type: none;
		padding: 0;
		margin: .3em 0 0 0;
		}
	ul.arrow li {
		background: url(http://www.forrester.com/role_based/images/arow_ornge.gif) no-repeat 0 .35em;
		padding-left: 1em;
		padding-bottom: .2em;
		line-height: 130%;
		font-size: 87%;
		}
	
	/* Orange arrow JavaScript show/hide
	--------------------------------------------------------------- */
	.showHide {
		padding-bottom: .35em;
		margin: .3em 0 0 0;
		}
	a.toggle {
		display: block;
		padding-left: 1em;
		line-height: 130%;
		}
	.closed {
		background: url(http://www.forrester.com/role_based/images/arow_ornge.gif) no-repeat 0 .35em;
		}
	.opened {
		background: url(http://www.forrester.com/role_based/images/arow_ornge_down.gif) no-repeat 0 .35em;
		}
/*****************************************************************
   END BASIC FORMATTING CLASSES */




/* BEGIN NON-TABLE LAYOUTS (right or left sidebar)
*************************************************************** */
#wrapper {
	margin-top: 13px;
	padding: 0 16px;
	}

	/* sidebar on right
	----------------------------------------------------------- */
	#sidebarRight_container {
		width: 100%;
		float: left;
		margin-right: -246px;
		}
	#sidebarRight_content {
		margin-right: 246px;
		}
	#sidebarRight_sidebar {
		float: right;
		width: 236px;
		}

	/* sidebar on left
	----------------------------------------------------------- */
	#sidebarLeft_container {
		width: 100%;
		float: right;
		margin-left: -246px;
		}
	#sidebarLeft_content {
		margin-left: 246px;
		}
	#sidebarLeft_sidebar {
		float: left;
		width: 236px;
		}	
/*****************************************************************
   END NON-TABLE LAYOUTS (right or left sidebar) */



.grey_caps_small {
	font-size: 68%;
	text-transform: uppercase;
	color: #999;
	font-weight: bold;
	}	
.new {
	color: #C33;
	font-weight: bold;
	font-size: 85%;
	}
.userName {
/* User Header Menu - Log Out, Email, My Account, etc.*/ 
	font-size: 65%;
	color: #000;
	background: url(http://www.forrester.com/role_based/images/4user.gif) no-repeat;
	height: 28px;
	padding-top: 7px;
	margin-bottom: -9px;
	text-indent: 11px;
	white-space: nowrap;
	}
.userName2 {
/* User Header Menu - Log Out, Email, My Account, etc.*/ 
	font-size: 65%;
	color: #000;
	background: url(http://www.forrester.com/role_based/images/h_non_role2.gif) no-repeat;
	height: 28px;
	padding-top: 7px;
	margin-bottom: -9px;
	text-indent: 11px;
	white-space: nowrap;
	}



/* BEGIN PRIMARY NAVIGATION
*************************************************************** */
#tablist{
	margin: 1px 0;
	font: bold 11px/21px Verdana;
	padding-top: 1px;
	padding-bottom: 1px;
	}
#tablist li{
	list-style: none;
	display: inline;
	margin: 0;
	color:#FFF;
	}
#tablist li a{
	text-decoration: none;
	background-image: url(http://www.forrester.com/role_based/images/top_lght_grn.gif);
	border-right: 1px solid #FFF;
	margin-top: -4px;
	margin-right: -4px;
	padding: 4px 9px 5px 6px;
	}
#tablist li a:link, #tablist li a:visited {
	color: #1C665E;
	}
#tablist li a:hover{
	color: white;
	text-decoration: none;
	}
.pageBannerTD {
	vertical-align: bottom;
	} 
.nav_current {
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	border-top: 1px solid #688A45;
	border-right: 1px solid #FFF;
	padding: 4px 10px 5px;
	margin-top: -3px;
	background: #688A45;
}
/*****************************************************************
   END PRIMARY NAVIGATION */




/* BEGIN SECONDARY NAVIGATION
*************************************************************** */
a.navtop:link, a.navtop:visited {
	color: #FFF;
	text-decoration: none;
	font-size: 11px;
	}
a.navCurrent:link, a.navCurrent:visited, a.navtop:hover {
	color: #FC3;
	text-decoration: none;
	}
a.navCurrent:hover {
	color: #FFF;
	text-decoration: none;
	}
.navCurrent {
	color: #FC3;
	font-size: 11px;
	text-decoration: none;
	}
.whitebar {
	color: #99B879;
   	font-size: 10px;
   }
/*****************************************************************
   END SECONDARY NAVIGATION */




.menuTitle {
/* Menu Title */
	font-size: 78%;
	font-weight: bold;
	color: #363;
	text-indent: 7px;
	padding-bottom: 3px;
	background: #FFF;
	position: relative;
	top: -5px;
	}

.usermenu {
/* User Tools Menu */ 
	font-size: 78%;
	color: #0856A4;
	text-decoration: underline;
	background: url(http://www.forrester.com/role_based/images/arow_ornge.gif) no-repeat 7px 4px;
	padding-bottom: 6px;
	padding-left: 18px;
	}



/* BEGIN 2 COLUMNS
*************************************************************** */
#wrap {
    background: white;
    margin: 0 auto;
    width: 750px;
    }

#left2Colmn {
	float: left;
	width: 25%; 
	padding-left: 5px;
    }
#right2Colmn  {
	float: right;
	width: 68%; 
	padding-left: 20px;
	padding-right: 20px;
    }

#horizontal {
/* Horizontal section  - pushing the section below columns. See Executive Summary */
    clear: both;
    }
	
/* END 2 COLUMNS 
*************************************************************** */



/* Horizontal section  - Normal*/
#horizontal2 {
	padding-right: 20px;
	padding-left: 20px;
    }

.topicColumn {
	padding-left: 10px;
	padding-top: 10px;
	}

/* hack to fix positioning on allreasearchtipics.jsp */
.gutter #ALLROLES #treeFor20, .gutter #ALLROLES #treeFor2, .gutter #ALLROLES #treeFor4, .gutter #ALLROLES #treeFor5, .gutter #ALLROLES #treeFor6, .gutter #ALLROLES #treeFor7, .gutter #ALLROLES #treeFor8, .gutter #ALLROLES #treeFor9, .gutter #ALLROLES #treeFor10, .gutter #ALLROLES #treeFor11, .gutter #ALLROLES #treeFor12, .gutter #ALLROLES #treeFor13, .gutter #ALLROLES #treeFor14, .gutter #ALLROLES #treeFor15, .gutter #ALLROLES #treeFor16, .gutter #ALLROLES #treeFor17, .gutter #ALLROLES #treeFor18, .gutter #ALLROLES #treeFor19
	{padding: 0 10px 0 0;}


.topicColumnShaded {
/* Shaded background for Generalist taxonomy */
	background: url(http://www.forrester.com/role_based/images/topicColumnShaded.jpg) repeat-x;
	margin-left: 10px;
 	padding-right: 8px;
	}

/* Three columns used insed DOC Template
--------------------------------------------------------------- */		
#leftSm {
	float: left;
	width: 100px;
	padding-left: 10px;
	padding-top: 3px;
	}

#rightSm{
	float: right;
	width: 108px;
	padding-left: 5px;
	padding-top: 10px;
	}

#centerSm { 
	float: left;
	width: 55%;
	padding-top: 5px;
	}



.edit_align {
/* Edit links in topic list */
	float: right;
	font-weight: normal;
	text-transform: none;
	color: #999;
	margin-left: 3px;
	margin-right: 4px;
	}
	
ul.art {
	margin: 0;
	list-style-type: none;
	font-size: 68%;
	color: #0856A4;
	width: 100%;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-left: 8px;	
   }
   
.topicTitle {
/* Title with green line under text */
	font-size: 90%;
	font-weight: bold;
	color: #1C665E;
	border-bottom: 3px solid #CBE5A8;
	padding: 12px 10px 3px 0;
	margin: 0 0 4px 10px;
	}

.topicTitleSub {
/* header which is a child of topicTitle */
	font-size: 70%;
	color: #C7731B;
	margin: 14px 0 8px;
	font-weight: bold;
	}

.categoryTitle {
/* Category Title - Topic list */
	font-size: 65%;
	color: #C7731B;
	padding: 0 0 2px 0; 
	margin: 0;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	text-transform: uppercase;
	}

.subCategory {
/* Topic list subcategory */
	font-size: 11px;
	font-weight: bold;
	color: #0856A4;
	padding: 5px 0; 
	margin: 0;
	text-decoration: none;
	text-transform: capitalize;
	}
h4.subCategory {
	margin: .1em 0 .15em 0;
	}

.items {
/* list of items */
	font-size: 68%;
	color: #000;
	text-decoration: none;
	padding-bottom: 4px;
	text-indent: -8px;
	margin-left: 8px;
	}

.items2 {
/* list of items */
	font-size: 72%;
	color: #000;
	text-decoration: none;
	padding-bottom: 3px;
	text-indent: -10px;
	margin-left: 8px;
	}
	


ul.items3 {
	margin: 3px 0;
	padding-left: 0;
	list-style: none;
	line-height: 1.3em;
	}
.items3 li {
	font-size: 93%;
	padding-left: 10px;
	background: url(http://www.forrester.com/role_based/images/arow_ornge.gif) no-repeat 0 .5em;
	margin-top: 2px;
	}
h3.items3 {
	text-transform: none;
	font-size: 70%;
	}


.itemsAll {
/* used for link to all role-tagged research */
	background: url(http://www.forrester.com/role_based/images/i_asterisk_s.gif) no-repeat left center;
	font-size: 68%;
	text-decoration: none;
	text-indent: 14px;
	line-height: 24px;
	margin-left: 12px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	}
	
.itemsSpecial {	
	background: url(http://www.forrester.com/images/icons/i_link_other.gif) no-repeat left center;
	font-size: 68%;
	text-decoration: none;
	text-indent: 14px;
	margin-bottom: 7px;
	margin-left: 12px;
	display: block;
	}
	
.smallGrey {
/*gray text used on dates, document count, carets, user registration progress bar etc. */ 
	font-size: 90%;
	color: #999;
	font-weight: normal;
	}
	
/* UL used on right panel with orange arrow
--------------------------------------------------------------- */		
ul.panel, .panel ul{
/* Remove all spacings from the list items */
	list-style: none url(http://www.forrester.com/role_based/images/arow_ornge.gif);
	margin-top: 1px;	
	margin-left: 12px;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 0;
	}
ul.panel li {
	padding-bottom: 5px;
	}

/* Spacers
--------------------------------------------------------------- */		
.spacer {
	line-height: 8px;
	height: 8px;
	clear: both;
	}
.spacer4px {
	line-height: 4px;
	height: 4px;
	}
.spacer15px {
	height: 15px; 
	clear: both;
	}
.spacerThick {
	height: 8px;
	line-height: 8px;
	background: #CBE5A8;
	}
.surveySpacer {
/* separates survey questions in Survey Explorer */
	border-top: 1px solid #CBE5A8;
	border-bottom: 1px solid #CBE5A8;
	margin: 30px 0 27px 0;
	height: 2px;
	line-height: 2px;
	}
.sepDiv {
	border-top: 1px solid #CCC;
	margin: 4px 0 0 0;
	padding: 0 0 2px 0;
	height: 1px;
	line-height: 1px;
	}

/* Section titles
--------------------------------------------------------------- */		
.titleGray {
/* title with gray underline */
	font-size: 13px;
	font-weight: bold;
	color: #999;
	border-bottom: 1px solid #CCC;
	}
.titleGray16px {
/* intro title main */
	font-size: 16px;
	font-weight: bold;
	color: #999;
	}
.titleGrayCaps, .grapehilite, .overviewsub, .vpc_research_summary, .vpc_LastUpdated {
    font-size: 85%;
    font-weight: bold;
    color: #999;
    text-transform: uppercase;
    padding-bottom: 6px;
	}
h2.titleGrayCaps {
/* For use with an H2 with a titleGrayCaps class */
	margin: 9px 0 3px;
	}
h2.titleGrayCaps a {
/* To keep a hyperlinked titleGrayCaps grey */
	color: #999;
	}
.titleGrayBckgrd12 {
/* section title with gray background */
	font-size: 12px;
	font-weight: bold;
	color: #FFF;
	background: #999;
/*	padding: 5px 5px 5px 0 (Badger 15138) */
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	}
	
.txt12Black {
	font-size: 12px;
	color: #000;
	padding-top: 5px;
	}

.blckbold12 {
/* title text */
	font-size: 12px;
	color: #000;
	padding-bottom: 5px;
	font-weight: bold;
	}
	
.graybold12 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	}

.titleOrnge12 {
/* orange title i.e., email in bottom part */
	font-size: 12px;
	font-weight: bold;
	color: #C90;
	padding-left: 5px;
	border-bottom: 1px solid #CCC;
	}

/* Simple spacing for OL, UL and LI
--------------------------------------------------------------- */		
ol.spacedList, ul.spacedList {
	margin-bottom: 1em;
	}
.spacedList li, li.spacedList {
	margin-bottom: .8em;
	}

/* iframe
--------------------------------------------------------------- */		
#iframe  {
	overflow-x: hidden;
    overflow-y: auto;
	font-size: 100%;
	height: 125px;
	width: 100%;
	margin: 0;
	padding-top: 5px;
	padding-right: 0;
/*	color: #cc3; */
	}
* html #iframe  {
	overflow-x: hidden;
    overflow-y: auto;
	font-size: 100%;
	height: 125px;
	width: 95%;
	margin: 0;
	padding-top: 5px;
	padding-right: 10px;
/*	color: #cc3; */
	}


	
.subtitle_green {
	 font-weight: bold; 
	 font-size: 80%; 
	 color: #688A45; 
	 padding: 3px 0; 
	}
	
.spotlightTitle {
	font-size: 90%;
	font-weight: bold;
	color: #1C665E;
	padding-bottom: 2px;
	}
	
/* document level styles, kt
--------------------------------------------------------------- */		
.body_text, .exectext, .resdoctags, .respubdate {
	font-size: 78%;
	line-height: 130%;
	margin: 1.2em 0;
	}
	
.bodytext, .sectioncallout {
	font-size: 78%;
	line-height: 130%;
	margin-bottom: 8px;
	}
.bodytext ul {
	font-size: 100%;
	}
	
.big_margin {
/* creates gutter around entire document */
	margin: 25px;
	}
	
.searchChoice {
/* used for Search toggle */
	font-size: 68%;
	position: relative;
	top: -3px;
	left: -4px;
	}
	
.userMenuSearch {
	font-size: 60%;
	position: relative;
	padding-left: 5px;
	}

/* Navigation
--------------------------------------------------------------- */		
.NavPrimaryCurrent {
	font: bold 1em Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #688A45;
	}
.navTablePrimary {
	background: #CBE5A8;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	vertical-align: middle;
	}
.navTablePrimarySelect {
	background: #688A45;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	vertical-align: middle;
	}
.navTablePrimaryFirst {
	padding-right: 5px;
	padding-left: 10px;
	font-weight: bold;
	background: #CBE5A8 url(http://www.forrester.com/role_based/images/nav_corner_left_off.gif) no-repeat;
	vertical-align: middle;
	}
.navTablePrimarySelectFirst {
	padding-right: 5px;
	padding-left: 10px;
	font-weight: bold;
	background: #688A45 url(http://www.forrester.com/role_based/images/nav_corner_left.gif) no-repeat;
	vertical-align: middle;
}
a.navTable:link, a.navTable:visited {
	color: #1C665E;
	}
.navTopA{
	font-size: 72%;
	font-weight: bold;
	color: #FFF;
	}
a.navTopA:link, a.navTopA:visited {
	color: #1C665E;
	text-decoration: none;
	}
a.navTopA:hover {
/* underline on hover only */	
	color: #FFF;
	text-decoration: none;
	}
.navTopACurrent{
	font-size: 72%;
	font-weight: bold;
	color: #FFF;
	}
a.navTopACurrent:link, a.navTopACurrent:visited {
	color: #FFF;
	text-decoration: none;
	}
a.navTopACurrent:hover {
/* underline on hover only */	
	color: #CBE5A8;
	text-decoration: none;
	}	
.navSecondaryRow {
	color:#FFF;
	font-size: 80%;
	margin-left: 10px;
   }
.navSecondaryTD {
	background: #688A45;
	vertical-align: middle;
	}
	  
a.search, a.search:link, a.search:visited, a.search:hover {
/* header search box - copied from original css file, only the background was changed */
	color: #1C665E;
	font-size: 65%;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 2px;
	}
	
a.search:hover {
/* override for underline on hover only */
	text-decoration: underline;
	}
.srchbox {
	border: 1px solid #CBE5A8;
	background: #F7FFEF;
	padding-bottom: 2px;
	margin-bottom: -1px;
	}



/* BEGIN PANELS - KFT
*************************************************************** */
.panelShaded {
/* panel box with gradient green background */
	font-size: 100%;
	background: url(http://www.forrester.com/images/panelshaded_noborder.jpg) repeat-x left top;
	padding: 7px 10px 10px 10px;
	border-top: 3px solid #CBE5A8;
	margin-bottom: 12px;
	line-height: 100%;
	overflow: hidden;
	}
.noborder {
	border: none;
	}
.panelBordered {
/* panel box with grad green background */
	margin-bottom: 12px;
	line-height: 100%;					/* new 6/26 to fix peekaboo bug */
	}
.panelBorderedContent {
/* content for bordered panel goes in here */	
	border-left: 1px solid #7EC34C;
	border-right: 1px solid #7EC34C;
	padding: 0 11px;
	background: #FFF;					/* Added 06/08/07 JAM */
	line-height: 1.1em;					/* Added 07/20/07 JAM (Peekaboo Bug fix) */
	}
.panelInfographic {
/* for Featured Research figures */
	padding-right: 6px; 
	float: left;
	}
.panelDocTitle {
	font-size: 70%;
	font-weight: bold;
	line-height: normal;
	}
.panelDocTitlePad {
	font-size: 70%;
	font-weight: bold;
	line-height: normal;
	padding-bottom: 7px;
	}
.panelDocList {
	font-size: 70%;
	}
.panelVPC {
/*font-family: Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 72%;
	color: #000;
	background: #FFF;
	width: 236px;
	padding-top: 10px;
	}

/* box with curve corner used on Search  - rr */
.t {background: url(http://www.forrester.com/role_based/images/orange_dot.gif) repeat-x 0 0; width: 250px;}
.b {background: url(http://www.forrester.com/role_based/images/orange_dot.gif) repeat-x 0 100%;}
.l {background: url(http://www.forrester.com/role_based/images/orange_dot.gif) repeat-y 0 0;}
.r {background: url(http://www.forrester.com/role_based/images/orange_dot.gif) repeat-y 100% 0;}
.bl {background: url(http://www.forrester.com/role_based/images/brdr_bl.gif) no-repeat 0 100%;}
.tl {background: url(http://www.forrester.com/role_based/images/brdr_tl.gif) no-repeat 0 0;}
.tr {background: url(http://www.forrester.com/role_based/images/orange_dot.gif) no-repeat 80% 0; padding: 10px;}

.greybox {
    padding: 10px;
    border: 1px solid #CCC;
    margin-left: 10px;
	}

/* text styles for panels */
.panelHeader {
	font-weight: bold;
	color: #C7731B;
	padding: 0 0 .5em 0;
	margin: 0;
	font-size: 80%;
	}

p.panelText, 
.panelText, 
.panelShaded p,
.panelBorderedContent p, 
.panelBordered2Content p,
.clickandbuy p {
	font-size: 70%;
	padding: 0 0 7px 0;
	margin: 0;
	line-height: normal;
	overflow: hidden;
	}
/*****************************************************************
   END PANELS - KFT */



/* BEGIN STYLES FOR BORDERED PANELS (no tables) (JAM)		
*************************************************************** */

	/* Bordered Panels with a bright green border
	----------------------------------------------------------- */
	.panelBorderedCapTop {
		background: #FFF url(http://www.forrester.com/role_based/images/tab_topLft_corNew.gif) no-repeat left top;
		height: 9px;
		line-height: 9px;
		text-align: right;
		overflow: hidden;
		}
	.panelBorderedCapBot {
		background: #FFF url(http://www.forrester.com/role_based/images/tab_botLft_corNew.gif) no-repeat left top;
		height: 9px;
		line-height: 9px;
		text-align: right;
		overflow: hidden;
		margin-bottom: 12px;
		}
	.panelBorderedCapTopR {
		background: #FFF url(http://www.forrester.com/role_based/images/tab_topRght_cor.gif) no-repeat;
		height: 9px;
		width: 9px;
		line-height: 9px;
		float: right;
		}
	.panelBorderedCapBotR {
		background: #FFF url(http://www.forrester.com/role_based/images/tab_botRght_cor.gif) no-repeat;
		height: 9px;
		width: 9px;
		line-height: 9px;
		float: right;
		}

	/* Bordered Panels with a dark border
	----------------------------------------------------------- */
	.panelBordered2CapTop {
		background: #FFF url(http://www.forrester.com/role_based/images/tab2_topLft_cor.gif) no-repeat left top;
		height: 9px;
		line-height: 9px;
		text-align: right;
		overflow: hidden;
		}
	.panelBordered2CapBot {
		background: #FFF url(http://www.forrester.com/role_based/images/tab2_botLft_cor.gif) no-repeat left top;
		height: 9px;
		line-height: 9px;
		text-align: right;
		margin-bottom: 12px;
		overflow: hidden;
		}
	.panelBordered2CapTopR {
		background: url(http://www.forrester.com/role_based/images/tab2_topRght_cor.gif) no-repeat;
		height: 9px;
		width: 9px;
		line-height: 9px;
		float: right;
		}
	.panelBordered2CapBotR {
		background: url(http://www.forrester.com/role_based/images/tab2_botRght_cor.gif) no-repeat;
		height: 9px;
		line-height: 9px;
		width: 9px;
		float: right;
		}
	.panelBordered2Content {
	/* content for bordered panel goes in here */	
		border-left: 1px solid #6E7160;
		border-right: 1px solid #6E7160;
		padding: 0 11px;
		background: #FFF;					/* Added 06/08/07 JAM */
		line-height: 1.1em;					/* Added 07/20/07 JAM (Peekaboo Bug fix) */
		}

	/* sidebar pullquote with light green caps
	----------------------------------------------------------- */
	.pullquoteCapTop {
		background: url(http://www.forrester.com/role_based/images/pullquote_topLft_cor.gif);
		}
	.pullquoteCapBot {
		background: url(http://www.forrester.com/role_based/images/pullquote_botLft_cor.gif);
		}
	.pullquoteCapTopR {
		background: url(http://www.forrester.com/role_based/images/pullquote_topRght_cor.gif);
		}
	.pullquoteCapBotR {
		background: url(http://www.forrester.com/role_based/images/pullquote_botRght_cor.gif);
		}
	.pullquoteContent {
		border: none;
		padding: 11px;
		}
	.panelText p.pullquote_quote {
		font-size: 125%;
		font-weight: bold;
		line-height: 130%;
		color: #666;
		padding: 0 8px;
		padding-bottom: 15px;
		}
	.panelText p.pullquote_author {
		font-size: 105%;
		color: #666;
		margin-bottom: 0;
		padding: 0 8px;
		}
/*****************************************************************
   END STYLES FOR BORDERED PANELS (no tables) */



/* Alert text
--------------------------------------------------------------- */
.alertText {
/* larger text */	
	font-size: 80%;
	color: #000;
	}
.alertText2 {
	font-size: 83%;
	color: #1C665E;
	font-style: italic;
	}

/* Footer block
--------------------------------------------------------------- */
.footerblock {
	margin: 2px 1em 15px 1em;
	font-size: 68%;
	color: #7F7F7F;
	border-top: 1px solid #CCC;
	}
div.footerblock a,
div.footerblock a:link,
div.footerblock a:visited,
div.footerblock a:hover,
div.footerblock p.global {
	font-weight: normal;
	color: #7F7F7F;
	text-decoration: none;
	}
div.footerblock a:hover {text-decoration: underline;}
div.footerblock div {padding-top: 10px;}



.highlight_blue {
    color: #444;
    font-weight: bold;
	}

.title_Cohort_large {
    color: #C7731B;
    font-size: 82%;
    font-weight: bold;
    text-transform: uppercase;
    margin-bottom: -6px;
    padding-bottom: 0;
    line-height: 90%;
	}
h2.title_Cohort_large {
	margin-top: 3px;
	}
	

/* BEGIN RESEARCH DOCUMENTS
*************************************************************** */
.research_title, .ResearchTitle, .researchtitle {
	color: #688A45;
	font-size: 100%;
	font-weight: bold;
	margin-top: 0.75em;
	margin-bottom: 0.75em;
	}
.research_info  {
	font-size: 80%;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
	font-style: italic;
	}
.research_author {
	font-size: 110%;
	margin-top: 0.25em;
	}
.research_coauthor {
	font-size: 80%;
	margin-bottom: 0.25em;
	}
.research_photo {
	margin-right: 10px;
	float: left;
	}
.research_date, .ResearchDate {
	color: #688A45;
	font-size: 80%;
	margin-top: 0.25em;
	margin-bottom: 0.25em;
		}	
.localbulletnavitem {
	text-indent: -0.8em;
	margin-left: 1em;
	margin-top: 12px;
	margin-bottom: 2px;
		}
.gray_title {
	 font-weight: bold; 
	 font-size: 80%; 
	 color: #999; 
	 padding-top: 3px;
	 padding-left: 25px;
	}
		
	/* These styles are combined with H style headings above to
	   alter color, size and case dependent on cascade
	--------------------------------------------------------------- */
	.ResearchHeaderMainTitle {
		font-size: 80%;
		color: #999;
		text-transform: uppercase;
		margin-top: 1em;
		margin-bottom: 0.5em;
		}
	.ResearchBodyMainTitle, .big {
		color: #688A45;
		font-size: 80%;
		font-weight: bold;
		margin-top: 2em;
		margin-bottom: 0.5em;
		}
	.ResearchEndTitle {
		color: #999;
		font-size: 80%;
		}
	.ResearchBodySubTitle {
		margin-top: 5ex;
		}
	.ResearchEndSubTitle {
		color: #999;
		}
	
	
.greenhr {
/* separates exec summary from doc body */
	border-top: 1px solid #999;
	}
	                

.ResearchSectionBlock {
/* colored block for recommendations, etc. ported from prototype 
   wave one and updated with new colors */
	position: relative;
	width: 99%;
	padding-bottom: 15px;
	margin-top: 10px;
	margin-bottom: 20px;
	border: 1px solid #CBE5A8;
	border-top: none;
	background: #F7FFEF;
	}
.ResearchSectionBlockTitle {
/* block for section title */
	font-size: 78%;
	color: #FFF;
	background: #688A45;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px;
	margin: 0;
/* 	margin-bottom: 8px;	(Badger 15138)  */
	}
.ResearchSectionBlockHeader {
/* header in research section block */
	color: #688A45;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding-top: 4px;
	}
.featuresblock {
/* block for client choice, forrester wave, etc. width is fixed, height expands to include required items */
	position: absolute; /* relative to parent  */
	right: 0;
	top: 0;
	width: 136px;
	}

/* old style referenced in document templates. used in endnotes. does not seem to be working. */
/* p.extraleadingb {
	font-size: 75%;
	line-height: 125%;
	padding-bottom: .25em;
	} */
		
.hilite { 
/* for search term highlighting in documents */
	background: #FFFa9b;
	}


	/* figure styles
	----------------------------------------------------------- */
	.figureheader {
		color: #688A45;
		font-weight: bold;
		border-bottom: 1px solid #688A45;
		margin-top: 0.25em;
		margin-bottom: 0.25em;
		}
	.figureheadertext {
		margin: 0.25em 0.5em 0.25em 0em;
		}
	.figureid {
		font-size: 80%;
		font-style: italic;
		margin-top: 0.25em;
		margin-bottom: 0.25em;
		}
	table.figuredownload .descrip {
		font-style: italic;
		margin-top: 2px;
		padding-bottom: 0.5em;
		color: #666;
		}
	table.figuredownload h3 {
		margin-top: 0;
		padding: 2px;
		text-transform: uppercase;
		font-weight: normal;
		color: black;
		}
	table.figuredownload td {
		vertical-align: top;
		font-size: 80%;
		}
	table.figuredownload .icon {
	/* hardcoded to graphic */
		width: 10px;
		height: 10px;
		border: 0;
		margin-right: 3px;
		margin-left: 3px;
		}
	table.figuredownload a {
		color: #0856A4;
		font-weight: normal;
		}
	table.figuredownload a:visited {
		color: #0856A4;
		} 


	/* styles from prototype wave 1 roles.css to support 
	   transitional doc template
	----------------------------------------------------------- */
	.maroon_title {
		font-weight: bold; 
		font-size: 80%; 
		color: #C7731B; 
		padding-top: 3px; 
		}
	.maroon_title2 {
 		font-weight: bold; 
 		font-size: 70%; 
 		color: #688A45; 
		}	 
	.rating_box {
		position: relative;
		width: 160px;
		height: 75px;
		border: 1px solid #688A45;
		padding: 12px 3px 6px 3px;
		text-align: center;
		}
	 .rating_text {
		font-size: 80%; 
		}
	        
			
			
	/* BEGIN from prototype wave 1 for document ratings
	*************************************************************** */
	 a.flag_link, a.flag_link:hover, a.flag_link:visited {
		font-size: 70%;
		color: #0856A4;
		text-decoration: underline;
		}	        
	.hr_top {
		border-top: 1px solid #999;
		}
	.hr_bottom {
		border-bottom: 1px solid #999;
		margin-top: 0.75em;
		margin-bottom: 0.75em;
		}
	.vr {
		border-right: 1px solid #999;
		}
	
	.panelCenter {
		color: #000;
		padding-top: 5px;
		padding-right: 5px;
		padding-left: 10px;
		border-right: 1px solid #7EC34C;
		border-left: 1px solid #7EC34C;
		}
	.panelHeader2 {
	/* Needed for IE */
		}
	.panel {
	/*	font-family: Verdana, Arial, Helvetica, sans-serif; */
		font-size: 100%;
		padding-top: 10px;
	/*	color: #000; */
	/*	width: 236px; */
		}
	
	
		/* Legacy styles carried over from forr.css to maintain
		   document WIM box gutter, dkw
		----------------------------------------------------------- */
		.gutter3 {
			padding-right: 15px;
			padding-left: 15px;
			}
			
		/* more vertical space for bullet items in body             */
		/* use em dash for horiz values so that relationships survive font size changes */
		
		.localbulletnavitem {
		/* real LIs just don't line up right across browsers */
			text-indent: -0.8em;
			margin-top: 12px;
			margin-bottom: 2px;
			margin-left: 1em;
			}
			
		/* and less vertcial space... */
		.bulletnavitemflush {
		/* real LIs just don't line up right across browsers */
			text-indent: -0.8em;
			margin-top: 2px;
			margin-bottom: 2px;
			margin-left: 1em;
			}
		.bulletpara {
		/* paragraph subordinate to a bulleted item -- indent under bullet */
			margin-top: 12px;
			margin-left: 1em;
			}
			
		/* for numbers, need to allow 2 characters worth */
		/* the 1.5 here must be the same for .ResearchContentNum and .numnavitem */
		
		.ResearchContentNum {
		/*	background: green; debug! */
			position: relative;
			width: 1.5em;
			padding-right: 0.3em;
			text-align: right;
			}
		.numnavitem {
		/* real LIs just don't line up right across browsers */
			text-indent: -1.5em;
			margin-top: 12px;
			margin-bottom: 2px;
			margin-left: 1.5em;
			}
		.numitemdetail {
		/* supporting info for a numbered item -- indent under number */
			margin-top: 2px;
			margin-left: 1.5em;
			}
		.numitempara {
		/* paragraph subordinate to a numbered item -- indent under number */
			margin-top: 12px;
			margin-left: 1.5em;
			}
		.numsubitem {
		/* not a hanging indent, just an indent */
			margin-top: 2px;
			margin-left: 2em;
			}
		.subbulletitem {
		/* real LIs just don't line up right across browsers */
			text-indent: -1em;
			margin-top: 2px;
			margin-bottom: 2px;
			margin-left: 2.1em;
			}
		.super {
		/* added 2.8.07 to support footnotes in data overviews */	
			position: relative;
			bottom: 1.5ex;
			font-size: 60%;
			}
		.bulletdetail {
		/* supporting info for a bulleted item -- indents and tightens 
		   leading under bullet in body, Notes & Resources, TOC */	
			font-size: 75%;
			margin-top: 2px;
			margin-left: 1em;
			}
	
	
		/* Legacy styles carried over from viewfilament.css to support 
		   Teleconference and Wave sidebar teases. Colors and panel 
		   background updated. jma 11.08.06
		----------------------------------------------------------- */
		.previewblock {
		/* not a legacy style anymore. inline style in jsp replaced with call to this style */
			font-size: 90%;
			background: url(http://www.forrester.com/role_based/images/panelshaded.jpg) repeat-x;
			padding: 10px;
			margin-bottom: 12px;
			}
		.sidebarfilament {
		/* not a legacy style anymore. inline style in jsp replaced with call to this style */
			margin-top: 1em;
			margin-bottom: 12px;
			background: url(http://www.forrester.com/role_based/images/panelshaded.jpg) repeat-x;
			padding: 10px;
			}
		.sidebarfilament h4 {
			padding-top: 1em;
			color: #C7731B;
			text-transform: none;
			font-size: 80%;
			margin: 0;  
			}
		.sidebarfilament h5 { 
			color: #C7731B; 
			margin: 5px 0 0 0; 
			text-transform: uppercase; 
			font-size: 65%; 
			}
		.sidebarfilament p {
			font-size: 70%;
			margin-top: 0;
			margin-bottom: 0;
			padding: 3px 0 4px 0;
			}
		.yelow_box {
			background-image: url(http://www.forrester.com/role_based/images/yelow_dot.gif);
			padding-right: 15px;
			padding-left: 15px;
			width: 250px;
			}
	/*****************************************************************
	   END from prototype wave 1 for document ratings */



/* document type. db call informs if it is client choice hatas 
   apctas or other. other comes up as extraleading in the db.   */

.research_type { 
	font-weight: bold;
	font-size: 80%;
	color: #999; 
	text-transform: uppercase;
	border-bottom: 1px solid #999;
	margin-top: 0.25em;
	margin-bottom: 0.75em;
	}

.extraleading {margin-top: 0;}

h1.extraleading { 
/* for legacy docs - doctype label at top of page */	
	font-weight: bold;
	font-size: 80%;
	color: #666; 
	text-transform: uppercase;
	border-bottom: 1px solid #999;
	margin-top: 0;
	}
	
.docdetails td {font-size: 80%;}


	/* From filament_view.css. Shows client choice hatas and apctas logos.
	--------------------------------------------------------------- */
	.bgclientchoice { 
		background: #FFF url(http://www.forrester.com/images/misc/special_cchoice.gif) no-repeat right top;
		font-weight: bold;
		font-size: 80%;
		color: #999; 
		text-transform: uppercase;
		border-bottom: 1px solid #999;
		margin-top: 0.25em;
		margin-bottom: 0.75em;
		}
	.bghatas { 
		background: #FFF url(http://www.forrester.com/images/misc/special_hatas.gif) no-repeat right top;
		font-weight: bold;
		font-size: 80%;
		color: #999; 
		text-transform: uppercase;
		border-bottom: 1px solid #999;
		margin-top: 0.25em;
		margin-bottom: 0.75em;
		}
	.bgapctas { 
		background: #FFF url(http://www.forrester.com/images/misc/special_apctas.gif) no-repeat right top;
		font-weight: bold;
		font-size: 80%;
		color: #999; 
		text-transform: uppercase;
		border-bottom: 1px solid #999;
		margin-top: 0.25em;
		margin-bottom: 0.75em;
		}


	/* document rating flags. no longer the same as search 
	   rating flags. uncommented 12.06.06 jma
	----------------------------------------------------------- */
	.Docrating { 
		font-weight: bold;
		font-size: 80%;
		text-align: center;
		color: #C7731B; 
		text-transform: uppercase;
		border-top: 1px solid #C7731B;
		border-bottom: 1px solid #C7731B;
		padding-top: 4px;
		padding-bottom: 4px;
		margin-top: 0.25em;
		margin-bottom: 0.75em;
		}
	.DocratingFlag {
		width: 155px;
		float: right;
		padding: 0;
		margin: 0;
		}
	.DocratingFlag_boxtop {
		color: #C7731B;
		font-weight: bold;
		text-align: center;
		background: #FFF;
		border: 1px solid #FFF;
		}
	.DocratingFlag_boxbot {
		text-align: center;
		border: 1px solid #FFF;
		border-top: none;
		padding: 2px;
		margin-bottom: 10px;
		}
	.DocratingFlag_doc {
		background: #C7731B;
		color: #FFF;
		font-weight: bold;
		}


	/* comments
	----------------------------------------------------------- */
	.comment_date {
		font-size: 60%;
		color: #999;
		margin-bottom: 10px;
		}
	.comment_block {
		border-bottom: 1px solid #CCC;
		padding-bottom: 22px;
		margin-bottom: 0;
		}
	.comment_text {
		font-size: 68%;
		line-height: 155%;
		margin: 0 0 5px;
		}
	.comment_attribution {
		margin: 0 0 5px 0;
		font-size: 68%;
		line-height: 110%;
		color: #688A45;
		}
/*****************************************************************
   END RESEARCH DOCUMENTS */



/* BEGIN VENDOR PRODUCT CATALOG (KFT)
*************************************************************** */
.criterion {
	font: 68% Verdana, Arial, Helvetica, sans-serif;
	}
.criterionDesc {
	font: 68% Verdana, Arial, Helvetica, sans-serif;
	padding-top: 20px;
	padding-bottom: 10px;
	}
.criterionHeader {
	font: 68% Verdana, Arial, Helvetica, sans-serif;
	color: #1C665E;
	}
.criterionHeaderBold {
	font: 68% Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}
.descriptionLabel {
	color: #1C665E;
	font-weight: bold;
	}
.score {
	font-size: 110%;
	font-weight: bold;
	color: #993E3E;
	}
.vendorScorecardSort {
	color: #1C665E;
	font-size: 100%;
	text-transform: lowercase;
	}
h1.vendorProductCatalog {
	color: #999;
	border-bottom: 1px solid #DEE6E6;
	font-size: 68%;
	font-weight: normal;
	text-transform: uppercase;
	margin-right: 3px;
	margin-bottom: -3px;
	margin-left: 3px;
	padding-bottom: 2px;
	}
.big_margin_left {
	margin-top: 0;
	margin-right: 25px;
	margin-left: 25px;
	}
.VPC_Company {
	font-size: 68%;
	}
.popupNote {
	width: 400px;
	font-size: 81%;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
.scoreBox {
	font: 68% Verdana, Arial, Helvetica, sans-serif;
	border-spacing: 0;
	border-collapse: collapse;
	border: 1px solid #CCC;
	padding: 5px;
	width: 225px;
	}
.score {
	font-size: 110%;
	font-weight: bold;
	color: #C7731B;
	}
	
	
	/* VPC Table Styles
	--------------------------------------------------------------- */
	table.scoreTable {
		font: 68% Verdana, Arial, Helvetica, sans-serif;
		border-spacing: 0;
		border-collapse: collapse;
		}
	table.scoreTable th {
		text-align: left;
		font-weight: normal;
		padding: 0.2em 0.5em;
		}
	table.scoreTable td,
	table.scoreTableDoc td {
		text-align: left;
		border-top: 1px solid #DDD;
		padding: 0.3em 0.5em 0.2em;
		}
	table.scoreTable thead th,
	table.scoreTableDoc thead th {
		text-align: left;
		border-bottom: 1px solid #F0C568;
		color: #630;
		font-weight: bold;
		background: #FFF;
		}
	table.scoreTable th.Center,
	table.scoreTable td.Center,
	table.scoreTableDoc th.Center,
	table.scoreTableDoc td.Center {
		text-align: center;
		}
	table.scoreTable td.CenterRed,
	table.scoreTableDoc td.CenterRed {
		text-align: center;
		font-weight: bold;
		color: #630;
		}
		
	/* for score table doc right rail display
	--------------------------------------------------------------- */
	table.scoreTableDoc {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		border-spacing: 0;
		border-collapse: collapse;
		}		
	table.scoreTableDoc th {
		text-align: left;
		padding: 0.2em 0.5em;
		}
/*****************************************************************
   END VENDOR PRODUCT CATALOG */



/* BEGIN SURVEY EXPLORER STYLES
*************************************************************** */
h2.searchedFor {
	display: inline;
	margin-top: 0;
	font-size: 95%;
	color: #000;
	}
.surveySource {
	font-size: 70%;
	margin-top: 18px;
	}
.surveyTable {
	width: 85%;
	}
.surveyTable td {
	font-size: 70%;
	vertical-align: top;
	padding: 3px;
	}
.surveyTable caption {
	text-align: left;
	font-size: 80%;
	padding-bottom: 13px;
	}
.checkBoxColumn {
	text-indent: 14px;
	text-align: center;
	}
/*****************************************************************
   END SURVEY EXPLORER STYLES */



/* BEGIN SEARCH PAGE STYLES
*************************************************************** */
.gutter_search h2 {
	font-size: 100%;
	color: #0856A4;
	margin-top: 0;
	margin-bottom: 2px;
	font-weight: normal;
	text-transform: none;
	display: inline;
	}
.gutter_search h2 a:visited {
	color: #636;
	}
.gutter_search h2 a:hover {
    text-decoration: underline;
    }	
.gutter_search h1 {
	display: inline;
	margin: 0 4px 0 2px;
	font-size: 92%;
	font-weight: bold;
	}
.gutter_search{
	margin-left: 18px;
	margin-right: 10px;
	}
.search_spotlight {
	font-size: 70%;
	color: #C7731B;
	background: url(http://www.forrester.com/role_based/images/i_asterisk_s.gif) no-repeat left;
	padding-left: 15px;
	}
.search_spotlight_g {
	font-size: 70%;
	color: #666;
	}
.paging {
	float: right;
	}
.srch_panel {
	font-size: 12px;
	font-weight: bold;
	color: #C90; 
	}
.srch_panel_title {
	font-size: 80%;
	font-weight: bold;
	color: #688A45;
	margin: 3px 0;
	}
.srch_paneltxt {
	font-size: 75%;
	line-height: 140%;
	background: #F7FFEF;
	margin-bottom: 15px;
	}
.srch_paneltxt h3 {
	font-size: 110%;
	font-weight: bold;
	color: #688A45;
	margin: 3px 2px 5px 10px;
	text-transform: capitalize;
	}
.srch_paneltxt ul {
	font-size: 100%;
	color: #000;
	margin: 0 5px 10px 0;
	padding-left: 25px;
	}
.srch_paneltxt li {
	margin-bottom: 4px;
	}
li.srch_paneltxt {
	color: #444; 
	text-decoration: none;
	}
ul.srch_paneltxt {
/* underline on hover only */
	color: #DDD;
	text-decoration: underline;
	}
ul.bul	{
/* copied and modifed from forr.css */	
	margin-left: 0;
	margin-bottom: 15px;
	margin-top: 4px;
	}
ul.bul li {
	font-size: 88%;
	margin-top: 1px;
	margin-bottom: 4px;
	margin-left: 0;
	list-style-type: none;
	}
		
.create_rsrch {
	background: url(http://www.forrester.com/role_based/images/icon_alert.gif) no-repeat 10px;
	padding-left: 40px;
	font-size: 70%;
	color: #1C665E;
	line-height: 25px;
	}
.setup_rss {
	font-size: 70%;
	line-height: 20px;
	color: #1C665E;
	background: url(http://www.forrester.com/role_based/images/icon_rss.gif) no-repeat 2px;
	padding-left: 40px;
	}
	
.grn_box {
/* new style for right rail background shading, mod. of yelow_box */
	background: #F7FFEF;
	padding-right: 10px;
	padding-left: 10px;
	}
	
.srch_bookmark a {
    font-size: 82%;
    color: #666;
    background: url(http://www.forrester.com/role_based/images/i_search_bookmark.gif) no-repeat left bottom;
    margin-right: 8px;
    padding-left: 13px;
    text-decoration: underline;
	}
.srch_bookmark a:hover, .srch_pdf a:hover {
	color: #0856A4;
	text-decoration: underline;
	}
.srch_pdf a {
    font-size: 82%;
    color: #666;
    background: url(http://www.forrester.com/role_based/images/i_search_pdf.gif) no-repeat left bottom;
    margin-right: 8px;
    padding-left: 13px;
    text-decoration: underline;
	}	
	
	
	/* how the flag appears in search results, doc templates
	----------------------------------------------------------- */
	.ratingFlag {
		float: right;
		padding: 0;
		margin: 0;
		}
	.ratingFlag_boxtop {
		font-size: 89%;
		padding: 0 6px;
		color: #C7731B;
		background: #FFF;
		margin-top: 2px;
		}
	.ratingFlag_doc {
		font-size: 80%;
		font-weight: bold;
		color: #FFF;
		margin-top: 2px;
		padding-top: 0;
		padding-bottom: 1px;
		background: #C7731B;
		vertical-align: top;
		}
	/* Rating flag alignment hack applies to FF not IE 
	html>body .ratingFlag_doc {
		color: #FFF;
		padding-top: 0;
		padding-bottom: -2px;
		font-size: 80%;
		font-weight: bold;
		background: #C7731B;
		}	*/
	
	
	
	/* Analyst merchandising, dkw
	----------------------------------------------------------- */
	.merch_panel_gradient {
		background: url(http://www.forrester.com/role_based/images/bg_merch_gradient.gif) repeat-x;
	/*	padding: 10; 	(Badger 15138)  */
		border-bottom: 1px solid #999;
		margin: 10px;
		}	
	.merch_paneltxt {
		font-size: 75%;
		}
	.hdrMenu {
	/* use for pop-up text on search details */
		font-size: 60%;
		color: #FFF;
		}
	h3 {
	/* use for pop-up text on search details */
		margin-top: -1px;
		}


	/* search panels
	----------------------------------------------------------- */
	/*#sidebarLeft_sidebar.searchResSidebar{
		margin-top: 4.5em;
		background: #F7FFEF;
		}*/
	.sidebarRefineBkg {
		background: url(http://www.forrester.com/images/searchResSidebar_bg.gif) no-repeat 0 6.5em;
		}
	td.sidebarRefineBkg {
		background: url(http://www.forrester.com/images/searchResSidebar_bg.gif) no-repeat 16px 6.5em;
		}
	.srch_results {
		font-size: 90%;
		color: #000;
		font-weight: bold;
		}
	.srch_remove {
		font-size: 75%;
	/*	color: #036; */
		line-height: 20px;
		}
	
	
	/* Remove term hover effect from filament.css, dkw
	----------------------------------------------------------- */
	a.remove_term:link {
		padding-left: 16px;
		font-size: 70%;
		text-decoration: none;
		background: url(http://www.forrester.com/role_based/images/i_remove.gif) no-repeat;
		} 
	a.remove_term:visited {
		padding-left: 16px;
		font-size: 70%;
		text-decoration: none;
		background: url(http://www.forrester.com/role_based/images/i_remove.gif) no-repeat;
		} 
	a.remove_term:hover, a.remove_term:active {
		background: url(http://www.forrester.com/role_based/images/i_remove_on.gif) no-repeat;
		}
	.misspelled_searchterm {
		font-size: 78%;
		color: #C33;
		padding-top: 2px;
		padding-bottom: 0;
		}
	.misspelled_searchterm a:link,
	.misspelled_searchterm a:visited,
	.misspelled_searchterm a:hover {
		text-decoration: underline;
		color: #C33;
		font-size: 110%;
		}


div.redbox {
/* zero results red box from filament.css, dkw */
	border: 1px solid #D75B5B;
	padding: 0.5em; 
	}
.srch_info {
	font-size: 80%;
	color: #000;
	margin-top: 12px;
	}
.srch_title {
	font-size: 85%;
	color: #0856A4;
	margin-bottom: 2px;
	}	
.srch_title a:visited {
	color: #636;
	}	
.subtitle {
	font-size: 90%;
	}	
.srch_table_show {
	font-size: 70%;
	color: #333;
	background: #F7FFEF;
	padding: 5px 5px 5px 10px;
	margin-top: -1px;
	margin-bottom: 10px;
	}
.num_pages {
	font-weight: bold;
	color: #688A45;
	float: right;
	background: #FFF;
	padding: 3px 6px;
	border: 1px solid #CBE5A8;
	margin-left: 3px;
	}
.srch_sort {
	font-size: 80%;
	vertical-align: middle;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	margin-top: 6px;
	margin-bottom: 6px;
	}
.srch_sort_bot {
	font-size: 80%;
	vertical-align: middle;
	border-top: 1px solid #CCC;
	padding-top: 3px;
	padding-right: 3px;
	margin-top: 6px;
	}
.srch_panelheader {
/*	width: 236px;    Commented out - JAM 06/08/07 */
	font-size: 80%;
	font-weight: bold;
	color: #363;
	background: #FFF;
	padding-top: 12px;
	padding-bottom: 2px;
	padding-left: 3px;
	border-bottom: 3px solid #CBE5A8;
	margin: 0;
	}
.srch_panelheader h2 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	color: #363;
	}
.srch_tips {
	float: right;
	font-weight: normal;
	font-size: 78%;
	}	
.srch_tools {
/* Formatting for "Search Tips" & "Edit Search Preferences" */
/* in the left sidebar on the Search Results pages          */
	font-size: 70%;
	padding: 4px 2px 3px 3px;
	}
.srch_text {
	font-size: 72%;
	line-height: 125%;
	margin-bottom: 6px;
	}
.show_text {
	font-size: 70%;
	padding-bottom: 5px;
	margin-bottom: 5px;
	}
.srch_ratenum {
	color: #630;
	background: #FFF;
	padding: 1px;
	border: 1px solid #FFF;
	font-weight: bold;
	}
.wave {
	font-size: 70%;
	background: url(http://www.forrester.com/role_based/images/icon_bluewave.gif) no-repeat left top;
	border: 1px solid #CCC;
	padding: 5px 5px 10px 30px;
	margin-top: 4px; 
	margin-bottom: 4px;
	}
ul.show	{
/* search panels description table with UL */
	padding-bottom: 0em;
	padding-left: 1.5em;
	margin-top: -1em;
	margin-bottom: 3px;
	margin-left: 0em;
	list-style-image: url(http://www.forrester.com/role_based/images/arow_nav.gif);
	}
.dotline {
/* dotted horizontal rules */	
	width: 100%;
	background-image: url(http://www.forrester.com/role_based/images/dot.gif);
	line-height: 3px;
	}	
.gray_catgry {
/* category heading */	
	font-size: 65%;
	color: #999;
	font-weight: bold;
	background: url(http://www.forrester.com/role_based/images/arow.gif) no-repeat left;
	padding-left: 15px;
	}
.gray_catgry_detail {
/* category heading for more details */	
	font-size: 90%;
	color: #666;
	font-weight: bold;
	background: url(http://www.forrester.com/role_based/images/arow.gif) no-repeat left;
	padding-left: 10px;
	margin-bottom: 6px;
	}
	
	/* form button styles
	----------------------------------------------------------- */
	.altButtonFormat {
		background: #F7FFEF;
		border: 1px solid #CBE5A8;
		font-size: 68%;
		font-weight: bold;
		color: #1C665E;
		margin-top: 5px;
		padding-top: 2px;
		padding-bottom: 2px;
		}
	.altButtonFormat:hover,
	.altButtonFormatShort:hover {
		background: #F7FFEF;
		border: solid 1px #688A45;
		cursor: pointer;
		}
	.altButtonFormatShort {
		background: #F7FFEF;
		border: 1px solid #CBE5A8;
		color: #1C665E;
		font-weight: bold;
		font-size: 68%;
		}
/*****************************************************************
   END SEARCH PAGE STYLES */



/* BEGIN WIZARD STYLES, dkw
*************************************************************** */

	/* vert and horiz rule treatments for subheaders and layout
	----------------------------------------------------------- */
	.hr_top {
		border-top: 1px solid #CCC;
		}
	.hr_bottom {
		border-bottom: 1px solid #CCC;
		margin-top: 0.75em;
		margin-bottom: 0.75em;
		}
	.vr {
		border-right: 1px solid #CCC;
		}
		
	/* Styles for IM wizard, dkw
	----------------------------------------------------------- */
	.topic_title {
		font-size: 70%;
		font-weight: bold;
		text-transform: uppercase;
		color: #444;
		background: #CBE5A8;
		padding-left: 5px;
		vertical-align: middle; 
		}
	.topic_channel {
		font-size: 70%;
		padding-left: 12px;
		vertical-align: middle; 
		}
	
	/* For required fields, error messaging
	----------------------------------------------------------- */
	.subhdr_sm_text {
		font-size: 70%;
		vertical-align: middle; 
		}
	.text_red {
		color: #C33;
		}

/*****************************************************************
   END WIZARD STYLES */	



/* revisions while embedding content on vignette  */

/* -- Copied from forr.css - rr 11/01/06 */

	.paddedtable {
		vertical-align: top;
		padding: 4px;
		background: #EED;
		}	

	.topnavblockstripe {
		position: absolute; /* relative to parent .topnavblock! */
		left: 0;
		top: 86px;
		width: 100%;
		height: 25px;
		background: #8DA9A9;
		border-top: solid 1px #DDD;
		}

	.boxed_khaki {
		background: #996;
		color: #FFF;
		margin-top: 0;
		margin-right: 6px; /* outside */
		padding-top: 2px; /* inside */
		padding-bottom: 2px; /* inside */
		padding-left: 2px; /* inside */
	}

/*  -- Copied from careers.css - rr 11/01/06 */ 
/* Right rail rounded corner boxes for calls-to-action */

.rbCareers {
	background: #FFF;
	border: 1px solid #7EC34E;
	border-width: 0 1px;
	padding: 0 10px;
	margin-right: 6px;
	}
.rbt, .rbb, .rbt div, .rbb div {
	background: url(http://www.forrester.com/careers/images/tb_bb.png) no-repeat right top;
	height: 10px;
	}
.rbt div	{ background-position: left top; }
.rbb div	{ background-position: left bottom; }
.rbb 		{ background-position: right bottom; }
.rbt, .rbb 	{
	margin: 0 -11px 0 -11px;
	padding-right: 6px;
	}

/* new styles for role spotlighting - jma */


	/* general
	----------------------------------------------------------- */
	.body_text_plus {
	/* extra leading */
		font-size: 78%;
		line-height: 165%;
		}
	.underlineTitle {
	/* like topicTitle but no indent */
		font-size: 90%;
		font-weight: bold;
		color: #1C665E;
		border-bottom: 3px solid #CBE5A8;
		padding-right: 10px;
		padding-bottom: 0;
		margin-bottom: 10px;
		margin-left: 0;
		}
	h2.underlineTitle {
	/* formatting specific to H2 */
		margin: 1.2em 0 .7em 0;
		}
	.for_you {
		margin-right: 7px;
		vertical-align: middle;
		margin-bottom: 3px;
		}
	.wee_for_you {
		margin-right: 4px;
		vertical-align: middle;
		margin-bottom: 2px;
		}

	
	/* analysts
	----------------------------------------------------------- */
	.analyst_photo {
		margin-right: 8px;
		vertical-align: top;
		float: left;
		}
	.sidebarAnalystPhoto { 			/* Added 6/1 (JAM) */
		width: 89px;
		height: 89px;
		border: none;
		margin: 5px 10px 5px 0;
		float: left;
		}
	.topic_analyst_td {
		font-size: 80%;
		line-height: 120%;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 12px;
		width: 200px;
		vertical-align: middle;
		border-top: 1px solid #999;
		}
	.subtopic_list_td {
		font-size: 100%;
		line-height: 120%;
		padding-top: 8px;
		padding-bottom: 8px;
		border-top: 1px solid #999;
		}
	.topic_subtitle_td {
		color: #1C665E;
		font-weight: bold;
		font-size: 80%;
		text-decoration: none;
		}
	.topic_cohort_td {
		color: #999;
		font-weight: bold;
		font-size: 80%;
		line-height: 100%;
		padding: 6px 4px 0 4px;
		width: 33%;
		vertical-align: top;
		}
	.topic_list_td {
		font-size: 100%;
		line-height: 100%;
		width: 33%;
		padding-right: 5px;
		vertical-align: top;
		}
	.Firsttopic_analyst_td {
		font-size: 80%;
		line-height: 120%;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 12px;
		width: 200px;
		vertical-align: middle;
		}
	.Firstsubtopic_list_td {
		font-size: 100%;
		line-height: 120%;
		padding-bottom: 8px;
		padding-top: 8px;
		}


	/* events
	----------------------------------------------------------- */	
	.event_td {
		font-size: 78%;
		line-height: 120%;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 12px;
		vertical-align: top;
		width: 33%;
		border-top: 1px solid #999;
		}
	.eventhead_td {
		color: #1C665E;
		font-size: 78%;
		line-height: 120%;
		font-weight: bold;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 12px;
		vertical-align: top;
		}
	.eventsmall {
		color: #999;
		font-size: 70%;
		line-height: 120%;
		padding-top: 6px;
		padding-bottom: 6px;
		border-top: 1px solid #999;
		}
	.agenda_td {
		font-size: 100%;
		line-height: 120%;
		padding-top: 6px;
		padding-bottom: 6px;
		padding-left: 6px;
		border-top: 1px solid #999;
		}
	.overviewImg {
		float: left; 
		padding-right: 25px; 
		padding-bottom: 10px;
		border: 0;
		}


	/* consulting
	----------------------------------------------------------- */
	.consulting_cohort_td {
		font-size: 100%;
		line-height: 100%;
		padding-top: 6px;
		padding-right: 18px;
		padding-bottom: 0;
		width: 33%;
		vertical-align: bottom;
		}
	.consulting_desc_td {
		font-size: 90%;
		line-height: 120%;
/*		padding-top: 4x;	Badger 15138  */
		padding-right: 18px;
		padding-bottom: 0;
		}
	.body_text_black {
	    color: #000;
		font-size: 78%;
		line-height: 125%;
		}
	.consultingpanelHeader {
		font-weight: bold;
		color: #855DAD;
		padding-bottom: 5px;
		font-size: 80%;
		}
	.underlinePurple {
		font-size: 80%;
		font-weight: bold;
		color: #855DAD;
		border-bottom: 1px solid #999;
		padding-right: 10px;
		padding-bottom: 0;
		margin-bottom: 10px;
		margin-left: 0;
		}

	.searchMenu {
	/* for advanced search link */
		font-size: 60%;
		position: relative;
		padding-left: 5px;
		}  
		
/* DKW these are the user registration, my account, role mapping, role switching, and intercept benefits styles */ 
/* NOTES REGARDING EXISTING STYLES 1) Note added to smallGrey usage with progress bar */


.panelText_Error {
/* Error asterisks and error messaging in input forms, follows panelText */
	font-size: 70%;
	color: #F00;
	padding-bottom: 7px;
	line-height: normal;
	}
.ltgreen_Hrule {
/* Light green horizontal rule in forms */
	border-bottom: 3px solid #CBE5A8; 
	}
.progress_BarHilite {
/* Progress bar styles follows panelHeader */
	font-weight: bold;
	color: #C7731B;
	padding-bottom: 5px;
	font-size: 90%;
	}
.role_Hilite_on {
/* used in mapping and switching select page to highlight current role */	
	background: #CBE5A8;
	padding: 1px; 
	}
	
/* **** // END DKW styles **** */ 
	
	
	
/* BEGIN INTERCEPT
*************************************************************** */
.desc_table_show {
	font-size: 80%;
	line-height: 130%;
	}
.desc_table_show ul{
	font-size: 100%;
	}
.role_type {
	color: #2971BD;
	font-size: 80%;
	font-weight: bold;
	}
.role_Container {
/* This was formally body, pads non-templated intercept-like pages */	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding: 15px;
	} 
.title_Cohort {
/* This was the h4, split into two styles now. This one is the orange uppercase text for cohort titles... */
	font-size: 68%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C7731B;
	}	
.gray_Hrule {	
/* ...and the 1px rule gray rule goes below intercept titles that was part of the h4 definition */
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom: 1px solid #CCC;
	border-left-width: 1px;
	margin-bottom: 5px;
	}
.more {
	color: #2971BD;
	text-decoration: underline;
	}
.basicText {font-size: 80%;}

.basicTextBold {
	font-size: 80%;
	font-weight: bold;
	}
/*****************************************************************
   END INTERCEPT */



.reg {
	line-height: 0%;
	font-size: 59%;
	margin-bottom: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	}
.detail {
	font-size: 80%;
	color: #999;
	}
.mainTitle {
	font-size: 120%;
	font-weight: normal;
	color: #1C665E;
	}
.panelTextLarge {
	font-size: 78%;
	padding-bottom: 7px;
	line-height: 120%;
	}
.headerBasic1 {
	font-size: 100%;
	color: #1C665E;
	}


/* orange curved corners -rr
--------------------------------------------------------------- */
.tO {
	background: url(http://www.forrester.com/role_based/images/crnr_0.gif) repeat-x 0 0;
	}
.bO {
	position: relative; 
	background: url(http://www.forrester.com/role_based/images/crnr_0.gif) repeat-x 0 bottom;
	}
.lO {
	background: url(http://www.forrester.com/role_based/images/crnr_0.gif) repeat-y 0 0;
	}	
.rO {
	background: url(http://www.forrester.com/role_based/images/crnr_0.gif) repeat-y 100% 0;
	}	
.blO {
	background: url(http://www.forrester.com/role_based/images/crnr_blO.gif) no-repeat 0 100%;
	}
.tlO {
	background: url(http://www.forrester.com/role_based/images/crnr_tlO.gif) no-repeat 0 top;
	}
.brO {
	background: url(http://www.forrester.com/role_based/images/crnr_brO.gif) no-repeat right bottom;
	}
.trO {
	background: url(http://www.forrester.com/role_based/images/crnr_trO.gif) no-repeat right top;
	}
	
	
.boxGutter {padding: 15px;}



/* Adding HATAS AND APCTAS document style per badger 13858, dkw
--------------------------------------------------------------- */
h1.bghatas {
/* adds 'Hispanic-American Study' image to the page title, 11.22.05, dkw */
	background: #FFF url(http://www.forrester.com/images/misc/special_hatas.gif) no-repeat right top;
	margin: 10px 0;
	color: #8DA9A9;
	border-bottom: 2px solid #DEE6E6;
	}
h1.bgapctas {
/* adds 'Asia Pacific Study' image to the page title, 3.30.06, dkw */
	background: #FFF url(http://www.forrester.com/images/misc/special_apctas.gif) no-repeat right top;
	margin: 10px 0;
	color: #8DA9A9;
	border-bottom: 2px solid #DEE6E6;
	}


/* Advanced Search styles from filament.css and in-line on the page,  dkw
--------------------------------------------------------------- */
.and { 
    color: #C7731B;
	font-weight: bold;
	font-size: 85%;
	}
h2.greenbar {
	padding: 5px 50px 5px 10px;
	background: #688A45;
	margin: 0;
	color: #FFF;
	}	
div.single_col {
	position: relative;
	top: 0;
	left: 0;
	margin: 10px;
	}
div.single_col form {
	padding: 0;
	margin: 0;
	}
div.single_col_form {
	position: relative;
	top: 0;
	left: 0;
	margin: 0 10px 10px;
	}
div.single_col_form h2 {
	margin-top: 10px;
	}
div.single_col_form th {
	padding: 8px 8px 3px 10px;
	font-size: 70%;
	color: #C7731B;
	text-align: left;
	}
div.single_col_form td {
	padding: 3px 8px 5px 10px;
	font-size: 80%; 
	}
div.single_col_form P {
	padding: 0 0 10px 10px;
	font-size: 75%;
	}
div.single_col_form div.paging {
	font-weight: bold;
	font-size: 75%;
	position: absolute;
	top: 6px;
	right: 20px;
	/*TEXT-TRANSFORM: uppercase;*/ 
	}
div.single_col_form div.paging span {
	color: #DEE6E6;
	}
div.single_col_form div.paging a {
	color: #FFF;
	text-decoration: underline;
	}
#key2, #key3, #andor1 {display: block;}

#addkey1, #addkey2, #addkey3 {display: none;}

a.addkeyword {font-size: 80%;}

a.spdn_header:link, a.spdn_header:visited {
	padding: 5px 0 5px 20px;
	display: block;
	font-weight: bold;
	font-size: 75%;
	margin: 2px 0 0;
	color: #000;
	text-decoration: none;
	}
a.spdn_header:hover, a.spdn_header:active {text-decoration: underline;}

a.spdn_open, a.spdn_closed {background: #EED;}

div.spdn_body_open {
	padding: 5px 10px 10px 0;
	display: block;
	background: #FFF;
	}
div.spdn_body_open td {
	padding-left: 20px;
	width: 30%;
	}
div.spdn_body_open p, div.spdn_body_open span {
	font-size: 85%;
	padding: 0;
	margin: 0;
	}
div.spdn_body_open p.category_header {font-weight: bold;}

div.spdn_body_open p.category {margin-left: 15px;}

div.spdn_body_closed {
	display: block;
	position: absolute;
	top: -9000px;
	left: -9000px;
	}
div.double_col {width: 100%;}

td.double_col_left form {margin: 0;}

td.double_col_right {
	font-size: 80%;
	width: 250px;
	}
td.double_col_right h4 {
	font-weight: bold;
	font-size: 88%;
	margin: 15px 5px 5px 15px;
	color: #663;
	}		
		
div.green {
/* This is the background color in adv. search form */
	border: none;
	background: #CBE5A8;
	background-image: none;
	}			


/* NEW AND CHANGED STYLES WHICH CANNOT GO LIVE BEFORE FEB 5. PLEASE DO NOT LAUNCH OR DELETE. */

/* CHANGED STYLES - if you write over this document with live please delete the old versions of these styles which appear elsewhere in this file */

.boxedfilament {
	text-align: left;  /* added to force alignment */
	border-bottom: 1px solid #999;
	color: #999;
	margin-top: 0.2px;
	margin-bottom: 0.5em;
	font-weight: bold;
	font-size: 80%; /* was 100% */
	text-transform: uppercase; 
	background: #FFF;
	padding-top: 4px;
	}
		
.research_length {
	font-size: 100%;
	float: right;
	color: #999;
	font-weight: normal;
	text-transform: none;
	}
	
.research_summary { 
	font-weight: bold;
	font-size: 80%;
	color: #999; 
	text-transform: uppercase;
	border-bottom: 1px solid #999;
	margin-top: 0.25em;
	margin-bottom: 0.5em;
	}

/* document menu jma 12.08.06 */
.docmenu {
	font-size: 78%;
	color: #006;
	line-height: 200%;
	background: #FFF no-repeat 7px 4px;
	padding: 5px 10px 5px 5px;
	width: 180px;
	float: left; 
	}
	
.docmenuTitle {
	font-size: 100%;
	font-weight: bold;
	color: #363;
	text-indent: 7px;
	padding-bottom: 3px;
	background: #FFF;
	top: -5px;
	position: relative;
	}
	
	
/* document excerpt and click and buy
-------------------------------------------------------------- */
.excerpt_research {
	font-size: 75%;
	float: right;
	color: #C7731B;	   
	}
.clickandbuy {
	border-bottom: 2px solid #C7731B;
	padding-bottom: 5px;
/*	padding-right 2px;	(Badger 15138)  */
	margin-top: 10px;
	margin-bottom: 5px;
	}
.clickheader {
	font-size: 93%;
	color: #FFF;
	width: 100%;
	background: #C7731B;
	padding: .25em 5px;
	margin: 0 0 5px 0;
	font-weight: bold;
	}
.clicktext {
	font-size: 70%;
	line-height: 140%;
	}
img.addtocart {
	height: 30px;
	width: 110px;
	margin: 7px 0;
	}



.targetaudience {
	/* for research docs - incicates role */
	font-size: 80%;
	font-weight: bold;
	color: #C7731B;
	text-transform: uppercase;
	border-bottom: 1px solid #999;
	margin-top: 0.25em;
	margin-bottom: 10px;
	}

.targetaudience_g {
	color: #999;
	}

/* Kevin's HP styles for headers
--------------------------------------------------------------- */
.home_page ul, ul.home_page {
	padding: 0;
	margin: 6px 0 0 20px;
	}
.home_page h1, h1.home_page {
	color: #688A45;
	font-size: 150%;
	font-weight: normal;
	margin-top: 0;
	}
.home_page h2, h2.home_page {
	color: #688A45;
	font-size: 90%;
	font-weight: bold;
	border-bottom: 2px solid #CBE5A8;
	margin-top: 12px;
	}
.home_page h3, h3.home_page {
	color: #C7731B;
	font-size: 80%;
	font-weight: bold;
	text-transform: none;
	margin-top: 8px;
	}
.home_page h6, h3.home_page {
    font-size: 90%;
    font-weight: normal;
    color: #0856A4;
    margin-top: 0;
    margin-bottom: 8px;
	}
div > .home_page h3:first-child {
	margin-top: 0;
	}


/* new for addl info text on forms
--------------------------------------------------------------- */
.addlinfo {
	font-size: 90%;
	color: #000;
	line-height: 150%;
	}
.definition {
	padding: 15px 35px 15px 35px; 
	font-size: 80%;
	font-style: italic;
	}
#documentcontent p i i {
/* hack for improperly styled definitions */
	display: block;
	padding-right: 35px;
	padding-left: 35px;
	}
	
.mainblock ul b {
	margin-right: 6px;
	}
.quote {
	padding: 4px 35px;
	font-size: 80%;
	}
.bodytext .quote {
	font-size: 100%;
	}

/* 3 hacks for anchor hovering underline in firefox */

/* removing because of conflict with search results
h2 a:hover {
    color: #999;
    text-decoration: none;
	}    */   

.clsBody a:hover {
	text-decoration: none;
	}

.ResearchBodyMainTitle a:hover, .ResearchSectionBlockHeader a:hover {
	text-decoration: none;
	color: #688A45;
	}


/* added from myforr.css to support events 3.0 CEUI
--------------------------------------------------------------- */
.tabtext {
	background: #DEE6E6;
	color: #033;
	vertical-align: middle;
	font-weight: bold;
	font-size: 80%;
	}
.tabtext2 {
	background: #699;
	color: #FFF;
	vertical-align: middle;
	font-weight: bold;
	font-size: 80%;
	}


/* table styles for planned research
--------------------------------------------------------------- */
.PRhead {
	font-size: 70%;
	font-weight: bold;
	line-height: 120%;
	padding-top: 6px;
	padding-bottom: 3px;
	padding-left: 10px;
	vertical-align: top;
	border-bottom: 1px solid #1C665E;
	}
.PRgreen {
	font-size: 70%;
	line-height: 120%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	vertical-align: top;
	background: #F7FFEF;
	}
.PRwhite {
	font-size: 70%;
	line-height: 120%;
	padding-top: 6px;
	padding-bottom: 6px;
	padding-left: 10px;
	vertical-align: top;
	}
		
		
/* BEST PRACTICES SELF-ASSESMENT
*************************************************************** */
table.bestPractice {
	font-size: 68%;
    border-spacing: 0;
    border-collapse: collapse;
	margin-bottom: 5px;
	}
table.bestPractice th {
    text-align: left;
    font-weight: bold;
    padding: 0.2em 0.5em;
	}
table.bestPractice td {
	text-align: left;
	border-top: 1px solid #FFF;
	padding: 0.3em 0.5em 0.2em;
	}
tr.best {background: #DDF0F0;}

tr.next {background: #CBE5A8;}

table.bestPractice td.accepted {background: #EED;}

table.bestPractice td.center {text-align: center;}

table.bestPractice td.best {background: #C6E6E6;}

table.bestPractice td.bestCenter {
	background: #C6E6E6;
	text-align: center;
	}
table.bestPractice td.noBg {background: #FFF;}

table.bestPractice thead th {
	text-align: left;
	border-bottom: 1px solid #DDD;
	background: #FFF;
	}
td.centerClear {
    text-align: center;
	font-weight: bold;
	background: #FFF;		
	}
table.bestPractice td.Right {text-align: right;}

.bpResultsBox {
	border: 1px solid #DDD;
	padding: 5px 5px 0 5px;
	margin-bottom: 20px;
	}
/*****************************************************************
   END BEST PRACTICES SELF-ASSESMENT */


		
/* ALERTS AND RSS
*************************************************************** */
.alert_view{
	font-weight: normal;
	line-height: 200%;
	}
.newAlert {
    font-size: 70%;
    border: 1px solid #C33;
    padding: 1px 2px;
    color: #C33;
    font-weight: bold;
    }
div.alertrss td {
/* to override filament advanced search styles */
	padding-top: 1px;
	padding-bottom: 1px;
	vertical-align: middle;
	border-bottom: solid 1px #CCC;
	width:auto;
	}
div.alertrss td.alertrss_fix {
/* Class to fix alignment and font size problems in RSS/Alerts UI -- Added 7/2/07 - JAM */
	vertical-align: top;
	font-size: 110%;
	}
.alertrss_head_td {
/* to override filament advanced search styles */
	background: #CBE5A8; 
	vertical-align: middle;
	padding-top: 6px;
	color: #444;
	text-transform: uppercase;
	font-weight: bold;
	}
.alertrss .vr2 {
	border-bottom: none;
	padding: 0;
	width: 10px;
	}
div.alertrss td .vr2 {
	border-right: 1px solid #CCC;
	border-bottom: none;
	}
.alertrss .vr3 {
	border-bottom: none;
	}
.alertrss table {
	font-size: 90%;
	}	
/*****************************************************************
   END ALERTS AND RSS */	



/* BEGIN DATA PRODUCT LANDING PAGE STYLES
*************************************************************** */

	/* layout with left sidebar
	----------------------------------------------------------- */
	#columnLeft {
		width: 236px;
		float: left;
		}
	#columnLeftContent {
		margin-left: 246px;
		}

	/* Table with chart on Data Product main pages 
	----------------------------------------------------------- */
	#dataGraphicContent {
		width: 45%;
		}
	#dataGraphicTable {
		margin: 0 12px;
		display: block;
		}
	#dataGraphicTable caption {
		font-size: 70%;
		text-align: left;
		padding: 0 10px;
		}
	#dataGraphicTable .graphic {
		margin: 5px;
		}

	/* Page Title
	----------------------------------------------------------- */
	#pageTitle {
		margin: 0 0 25px 0;
		}
	#pageTitle .head {
		font-size: 24px;
		font-weight: normal;
		color: #6E7160;
		white-space: nowrap;
		margin: 0;
		padding: 0;
		}
	#pageTitle .subhead {
		font-size: 14px;
		color: #688A45;
		white-space: nowrap;
		border-top: 1px solid #CBE5A8;
		margin: 0;
		padding: 0;
		}
	#pageTitle sup {
		font-size: 12px;
		}
	.pageTitleIcon_DataProduct {
		background: url(http://www.forrester.com/images/icons/i_data_product.gif) no-repeat;
		padding: 0 0 2px 53px;
		}
   	
	/* For secondary "pageTitle" pages
	----------------------------------------------------------- */
	#pageTitle2 {
		background: url(http://www.forrester.com/images/icons/i_data_product.gif) no-repeat;
		padding: 3px 0 8px 53px;
		margin: 0;
		overflow: visible;
		}
	#pageTitle2_wrapper {
		width: 236px;
		background: #FFF;
		}
	#pageTitle2 h1 {
		font-size: 95%;
		font-weight: bold;
		color: #688A45;
		margin: 0;
		padding: 0;
		}
/*****************************************************************
   END DATA PRODUCT LANDING PAGE STYLES */
	


/* BEGIN ADDITIONAL STYLES TO FORMAT CONTENT IN panelText PANELS
*************************************************************** */

	/* Formatting for paragraphs inside panelText divs
	----------------------------------------------------------- */
	.panelText p {
		font-size: 100%;
		padding: 2px 0 6px 0;
		margin: 0;
		border: none;
		clear: both;
		}
	
	/* For lists inside bordered/shaded panels
	----------------------------------------------------------- */
	.panelList {
		font-size: 70%;
		color: #000;
		margin: 0 0 7px 0;
		padding: 0;
		line-height: 1.3em;
		list-style: none;
		}
	ol.panelList  {
		list-style-type: decimal;
		margin: 0 4px 0 24px;
		}

	/* Lists for items at the lowest level of taxonomy groupings
	----------------------------------------------------------- */
	ul.itemsList {
		font-size: 100%;
		margin: 0;
		padding: 0;
		list-style: none;
		}
	ul.itemsList li {
		font-size: 68%;
		color: #000;
		text-decoration: none;
		padding-bottom: 4px;
		text-indent: -8px;
		margin-left: 8px;
		}
/*****************************************************************
   END ADDITIONAL STYLES TO FORMAT CONTENT IN panelText PANELS */
   
   
   
/* AICR Styles used on Internal and External Pages  JMA 6.21.07
-------------------------------------------------------------- */
h3.aicr {
		font-size: 80%;
		text-transform: uppercase;
		margin-top: 12px;
		margin-bottom: 0;
		color: #1C665E;
		}
.aicr_select {
		padding-top: 3px;
		padding-bottom: 3px;
		border-bottom: 1px solid #CCC;
		}




/********** JAM new/updated styles **********/

.inputLabel {
/* label to the right of a radio button or checkbox in a TD */
	font-size: 80%
}

h2.spotlightTitle {
/* Moved below 'gutter_search h2' in this file due to cascading problems - JAM 6/18/07 */
	margin: 0 10px 5px 0;
	font-size: 100%;
	font-weight: bold;
	color: #1C665E;
	text-transform: none;
	display: block;
	}
	
/* Anonymous Home Page no-tables rework */
#hpAnon_slogan {
	background: url(http://www.forrester.com/role_based/images/successful_leader01.jpg) no-repeat left bottom;
	min-height: 163px;
	_height: 163px; 
	position: relative;
	}
#hpAnon_slogan .main {
	font: bold 170% Geneva, Arial, Helvetica, sans-serif;
	color: #218ACE;
	padding-top: .7em;
	padding-bottom: .7em;
	margin: 0;
	}
#hpAnon_slogan .sub { 
	padding-bottom: 8px;
	}
#hpAnon_slogan .indent {
	padding-left: 180px;
	}
#hpAnon_details ul {
	margin: 10px 0 15px 0;
	padding: 0;
	list-style: none;
	}
#hpAnon_details li {
	padding: 0;
	margin: 1.1em 0;
	}
.freeResearch {
	display: table-cell;
	vertical-align: middle;
	background: url(http://www.forrester.com/role_based/images/art_free_research.gif) no-repeat left center;
	padding-left: 70px;
	height: 61px;
	width: 180px;
	}
.freeResearch a {
	display: block;
	padding-top: 6px;
	font-size: 78%;
	font-weight: bold;
	text-transform: uppercase;
	color: #C7731B;
	}


/* My Bookmarks - wrapping tabs
-------------------------------------------------------------- */
ul#bookmarks {
	font-size: 70%;
	list-style-type: none;
	padding: 0;
	margin: 0;
	overflow: hidden;
	float: left;
	width: 100%;
	border-bottom: 3px solid #CBE5A8;
	}
#bookmarks li{
	float: left;
	margin: 0;
	}
#bookmarks a {
	padding-left: 10px;
	background: #CBE5A8 url(http://www.forrester.com/role_based/images/navPrimary_cornerLeft.gif) no-repeat left top;
	font-weight: bold;
	white-space: nowrap;
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	cursor: pointer;
	}
#bookmarks a span {
	background: url(http://www.forrester.com/role_based/images/navPrimary_cornerRight.gif) no-repeat right top;
	padding: .55em 0;
	padding-right: 10px
	}
#bookmarks a, #bookmarks a span {
	display: block;
	float: left;
	}
#bookmarks a.current, #bookmarks a.current:hover {
	background: #688A45 url(http://www.forrester.com/role_based/images/navPrimary_cornerLeft.gif) no-repeat left top;
	color: #FFF;
	text-decoration: none;
	cursor: default;
	}



/* BEGIN CLIENT CHOICE STYLES - Q3, 2007
************************************************************** */
.pollPanel {
	font-size: 70%;
	}
.pollAlone {
	font-size: 78%; 
	width: 500px;
	}
.pollPanel p, .pollAlone p {
	padding: .3em 0;			/* Edited 24-AUG-2007 JAM */
	margin: 0;					/* Edited 24-AUG-2007 JAM */
	font-size: 100%;
	line-height: 1.2em;
	}
.pollPanel h3 {
	color: #2E3068;
	line-height: 1.2em;
	margin: 0 0 .4em 0;
	}
.pollAlone h3 {
	color: #6B8A42;
	line-height: 1.2em;
	margin: 0 0 .7em 0;
	}
.pollPanel fieldset, .pollAlone fieldset {
	margin-bottom: .5em;
	}
.pollPanel label, .pollAlone label {
/* LABELs for Client Choice poll form elements */
	display: block;
	clear: both;
	line-height: 120%;
	margin-bottom: .3em;
	padding: 0;
	overflow: hidden;
	}
.pollPanel label input, .pollAlone label input {
	float: left;
	padding-right: 3px;
	}
.pollPanel .pollResultsBar, .pollAlone .pollResultsBar {
/* styling for the poll results bar image */
	height: 12px;
	vertical-align: top;
	}	
.docmenuTitleSub {
/* for research document menu */
	font-size: 100%;
	font-weight: bold;
	color: #363;
	background: #FFF;
	margin-top: 9px;
	display: block;
	}
		
	/* Image replacement classes: Used for SEO and accessability
	   so an <Hx> displays in place of an image when CSS is 
	   turned off or a screen reader is used.
	---------------------------------------------------------- */
	.imageReplace, imageReplace a {
		display: block;
		margin: 0;
		text-indent: -999em;
		}
		
		/* Medium-sized logo for poll inside a panel
		------------------------------------------------------ */
		.pollPanel .imageReplace, .pollPanel .imageReplace a {
			width: 127px;
			height: 28px;
			line-height: 28px;
			}
		.pollPanel .imageReplace {
			padding-bottom: 14px;
			background: url(http://www.forrester.com/images/i_clientchoice_medium.gif) no-repeat left 5px;
			}
	
		/* Large-sized logo for poll inside content area
		------------------------------------------------------ */
		.pollAlone .imageReplace, .pollAlone .imageReplace a {
			width: 201px;
			height: 43px;
			line-height: 43px;
			}
		.pollAlone .imageReplace {
			padding-bottom: 2.2em;
			background: url(http://www.forrester.com/images/i_clientchoice_large.gif) no-repeat left 5px;
			}
/****************************************************************
   END CLIENT CHOICE STYLES - Q3, 2007 */


/* BEGIN ADDITIVE FORMATTING CLASSES
************************************************************** */
	.accessibility {
	/* Hides text (headings, labels, etc.) off the screen but */
	/* will display for screen readers, or CSS turned off.    */
		display: block;
		position: fixed;
		float: left;
		left: -9000px;
		text-indent: -9000px;
		font-size: 0;
		line-height: 0;
		height: 0;
		padding: 0;
		margin: 0;
		}
	
	.grey		{color: #666;}
	
	.noMargin	{margin: 0;}
	.noPadding	{padding: 0;}
	
	.noDisplay	{display: none;}
	.block		{display: block;}
	.inline		{display: inline;}

	.floatLeft 	{float: left;}
	.floatRight {float: right;}
	.floatNone	{float: none;}
	
	.noWrap		{white-space: nowrap;}
	
	.centered 	{text-align: center;}
	.left 		{text-align: left;}
	.right 		{text-align: right;}
	
	.bottom,
	.bottomTD	{vertical-align: bottom;}
	.top		{vertical-align: top;}
	
	.uppercase	{text-transform: uppercase;}
	.noTransform{text-transform: none;}
	
	.indent1 	{margin-left: .5em;}
	.indent2 	{margin-left: 1em;}
	.indent3 	{margin-left: 1.5em;}

	.noborder 	{border: none;}

	.font65 	{font-size: 65%;}
	.font68 	{font-size: 68%;}
	.font70 	{font-size: 70%;}
	.font72 	{font-size: 72%;}
	.font78 	{font-size: 78%;}
	.font80		{font-size: 80%;}
	.font85		{font-size: 85%;}
	.font90		{font-size: 90%;}
	.font93		{font-size: 93%;}
	.font100	{font-size: 100%;}
	.font105	{font-size: 105%;}
	.font110	{font-size: 110%;}
/****************************************************************
   END ADDITIVE FORMATTING CLASSES */



/***************************************************************/
/********** !!! DO NOT ADD CLASSES BELOW THIS LINE !!! *********/
/***************************************************************/