/* ### governance framework  ### version 0.01 - 25.08.2009 
   added updates for options boxes sent via email - 03.09.2009 
   added updates for hero area test control sent via email - 23.09.2009 
   added updates for direct access sent via email - 23.09.2009 
   added modifications by mwr, see ticket #162689, Corrected error from Pappas - 08.10.2009 
   various modifications by Asya & Elitza between 14.10. and 20.10.2009
   28.10.2009 *kb* added div.containerFullText used in CTs like fullTextImgTeaserZone to have the same layout as div.quote from pappas,
                            but reduced the tom margin, added the like arrows for these two divs; 
                            removed the different left padding of h3 and h3.section-header (In this Section) and the border line of h3.section-header in the teaser zone
   28.10.2009 *kb* modified style p.take-tour to prevent button overlapping with text
                            added sytle for div.reflected_moved by Elitza
   06.11.2009 *kb* changed name of background imagesin the learn-more area from jpg to gif
   11.11.2009 *kb* reduced right margin of customer showcase images by 2pix, in order to be displayable in IE6
   12.11.2009 *kb* change div#hero img.supporting positions due to badly designed new image
   18.11.2009 *kb* allow breadcrumb navi to be longer than one line
   19.11.2009 *kb* reduce z-index to a maintainable level
   24.11.2009 *kb* added style for three products in Options area on intro page
   27.11.2009 *kb* undo all changes from 28.10.2009 regarding the link style, keep the definitions for containerFullText 
   15.12.2009 *kb* changed width of FW-navFooter due to additional links
   16.12.2009 *kb* added H1 header for seo in promobox ;-))===
   04.01.2010 *kb* added styles for teaser references
   14.04.2010 *kb* added styles for new campaign page (hr landing page)
   27.04.2010 *kb* changed wrong styles for h1/h2 on new product pages after removal of sifr
                            increased line hight for subnavi in order to show diacritical mark on capitals
*/

div#governance {	
	font-size: 75%; /* sets base font-size to 12px */ 
	line-height: 1.333em; /* 16px / 12px = 1.333em */
}

div#governance {	
	color: #000000;s
}

div#governance p, 
div#governance ul, 
div#governance ol, 
div#governance dl, 
div#governance dd, 
div#governance blockquote, 
div#governance pre, 
div#governance code, 
div#governance table { 
	margin: 0 0 1em 0; /* 12px */
}

/* lists should be a half-size less than the main margin */
div#governance li { 
	margin: .5em 0 .5em 0; 
}

div#governance li ul {
	margin-bottom: .5em;
}

/* -- headers -- */
/* 	This is where you set your header margins, font size, and
	line height.
	
	Font sizes (em) are calculated by taking the font size you 
	desire (in px) and dividing by the div#governance font size (in px)
	
	For example: you want 36px type.
	div#governance font size (in px) = 16px * 75% = 12px
	New font size (in em) = 36px / 12px = 3em
	
	The margins (px) are determined by the outside vertical proportion. 
	If we have a vertical unit of 18px, and our margin-top 
	proportion is 1.5, then we have a top margin of 18px * 1.5 = 27px.
	
	The margins (em) are then calculated by taking the margin you 
	desire (in px) and dividing by the header font size (in px).
	
	For example: you want a 27px margin for 36px type.
	27px / 36px = .75em;
	
	Line height should be calculated as the closest 25% (or 33% depending) multiple of
	the vertical unit that is greater than the font size. (Rounded up)
	
	For example: Your unit is 18px.  Your font size is 34px.
	18px * 2 = 36px.  36px / 34px = 1.059em
	
	NOTE: All em calculations should be to three decimal points.

*/

/*  added style for reflections functionality by bgaa 16.10.2009  */
div#governance div.reflected_moved		{padding: 2px 0 0 0;}
div#governance div.reflected_moved img		{ margin-bottom:3px; }
div#governance .resource div.reflected_moved div	{margin: 0 auto;}

div#governance h1, div#governance h2, div#governance h3, div#governance h4, div#governance h5, div#governance h6 { 
	font-weight: normal;
}

div#governance h1 { 
	font-size: 3em; /* 36px */
	line-height: 1em;  
	margin: 0 0 .333em 0; 
} 

div#governance h2 { 
	font-size: 1.5em; /* 18px */
	line-height: 1.167em; /* 21px */
	margin: 1.333em 0 .666em 0; 
} 

div#governance h3 {
	font-size: 1.25em; /* 15px */
	line-height: 1.2em; /* 18px */
	margin: 1.6em 0 .8em 0; 
} 

div#governance h4 { 
	font-size: 1.167em; /* 14px */
	line-height: 1.071em;  /* 15px */
	margin: 1.714em 0 .857em 0; 
} 

div#governance h5 { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
} 

div#governance h6 { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
}

div#governance dt { 
	font-size: 1em; /* 12px */
	margin: 2em 0 1em 0; 
}

/*	these next rules deal with headers that show up right below one another. Use the bottom vertical unit for the margin.
	This does not work in IE6. */

div#governance h1 + h2 {
	margin-top: .666em;
}

div#governance h2 + h3 {
	margin-top: .8em;
}

div#governance h3 + h4 {
	margin-top: .857em;
}

div#governance h4 + h5, 
div#governance h5 + h6 {
	margin-top: 1em;
}

/* -- lists -- */
div#governance ul, div#governance li { list-style-type: none; }

div#governance li { 
	/*background: url(/images/governance/bullets/bullet.gif) 0 .5em no-repeat;*/ 
	padding-left: 1em; 
}

div#features ul, div#features li { list-style-type: disc; margin-left: 1em; padding:0 }
	
div#governance ol {
	padding-left: 1em;
	margin-left: 1em;
}
	
div#governance ol li {	
	list-style: decimal; 
	background: none; 
	padding-left: 0; 
}

div#governance dt {
	font-weight: bold;
}

/* -- links -- */
div#governance a {
    outline: none;
    color: #007ca4;
}

div#governance a:visited {
    color: #007ca4;
}

div#governance a:hover, 
div#governance a:focus {
	color: #003151;
}

div#governance a:active {
    color: #003151;
}

/* -- other elements -- */
div#governance pre, div#governance code, div#governance tt { font-family: 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; } 
div#governance code { white-space: pre; }
div#governance tt { display: block; margin: 1.5em 0; line-height: 1.5; white-space: monospace;}
div#governance strong, div#governance b { font-weight: bold; }
div#governance em { font-style: italic; }

/* -- tables ---------------------------------------------*/
div#governance table   { margin-bottom: 1.333em; }
div#governance th      { border-bottom: 2px solid #ccc; font-weight: bold; }
div#governance td      { border-bottom: 1px solid #ddd; }
div#governance th,
div#governance td   { padding: 4px 10px 4px 0; }
div#governance tfoot   { font-style: italic; }
div#governance caption { background: #ffc; }


div#governance .right {
	text-align: right;
 }

div#governance .clearer {
	clear: both;
}

div#governance .hide, div#governance .print {
	display: none;
}

div#governance .leadin {
	padding: 0;
	margin-top: 0;
}

div#governance .imgleft {
	float: left;
	margin: 1em 1em 1em 0;
}

div#governance .imgright {
	float: right;
	margin: 1em 0 1em 1em;
}

div#governance .last {
	border-right: none !important;
}

div#governance .replaced {
	width: 0px;
	height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	background: url(/images/governance/bg/header-image.jpg) top left no-repeat;
}

div#governance ul.no-bullet {
	margin-left: 0;
	padding-left: 0;
}

div#governance ul.no-bullet li {
	padding-left: 0;
	background: none;
}

/* Indentation instead of line shifts for sibling paragraphs. */
div#governance p.indent { text-indent: 2em; margin-top: -1em; }

/* can use p + p for a whole block */
.clearfix:after, #learn-more ul:after, div.thoughts:after, #options:after, ul#subnav:after, div.feature:after, div#resource-carousel-clip:after, div#resource-carousel:after, div.resources:after, ul.showcase:after, div.customer:after, #FW-footer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #learn-more ul, div.thoughts, #options, ul#subnav, div.feature, div#resource-carousel-clip, div#resource-carousel, div.resources, ul.showcase, div.customer, #FW-footer {
	zoom: 1;
}

/* 	some elements should just run the same meter as the div#governance text. This is that class */

div#governance .normal {
	font-size: 1em;
	line-height: 1.333em;
	margin-bottom: 0;
}

/* 	There is always some sort of separator as well. */
div#governance .separator {
	margin: 24px 0 0 0;
	border-top: 1px solid #999;
	padding: 23px 0 0 0;
}

/* layout */
div#governance {
	font-size: 12px;
}


/* full width: 971px */
div#governance #main-content {
	float: left;
	width: 715px;
}

#features {
	border: 1px solid #dddddd;
	padding: 24px 0 12px 0;
	margin-bottom: 24px;
}

div#governance #features h1 {
	padding-left: 25px;
	color: #222222;
	font-size: 30px;
	margin-bottom: 30px;
}

div#governance #features h2.descriptor {
	clear: left;
	margin: -24px 0 30px 0;
	padding-left: 27px;
	font-size: 12px;
	line-height: 14px;
}

#features ul#subnav {
	margin: 0;
	padding: 0;
	list-style:none;
}

#features ul#subnav li {
	float: left;
	margin: 0;
	padding: 0;	
	list-style:none;
	background: #1e5a80 url(/images/governance/bg/subnav-on.gif) top left repeat-x;
}

#features ul#subnav li a {
	position: relative;
	display: block;
	color: #fff;
	text-align: center;
	line-height: 1.15em;
	font-size: 12px;
	border-right: 1px solid #7dc6da;
	border-left: 1px solid #0783a4;
	background: #008fb5 url(/images/governance/bg/subnav-off.gif) top left repeat-x;
	text-decoration: none;
	min-height: 27px;
	width: 63px;
	zoom: 1;
	padding: 8px 12px;
}

#features ul#subnav li a:hover {
	background: none;
}

#features ul#subnav li.current a {
	background: url(/images/governance/bg/subnav-carat.gif) 50% 100% no-repeat;
}

#features ul#subnav li a span {
	position: absolute;
	bottom: 8px;
	cursor: pointer;
	left: 9px;
	display: block;
	width: 63px;
	zoom: 1;
}

#features ul#subnav li.firstli a {
	border-left: 0;
}

#features ul#subnav li.lastli a {
	border-right: 0;
	width: 66px;
}

div.feature {
	position: relative;
	zoom: 1;
	padding: 24px 25px 0px 25px;
	background: url(/images/governance/bg/feature.gif) top left repeat-x;
}

div.feature{font-size: 13px;}

div.feature p {
	font-size: 13px;
	line-height: 20px;
}

div#governance div.feature h2 {
	margin-top: 0;
	text-transform: uppercase;
	font-size: 20px;
	color: #222;
}

div#governance div.feature p.bookmarks {
	margin-bottom: 12px;
}

div#governance div.feature p.bookmarks a {
	text-decoration: none;
	font-size: 11px;
}

div#governance div.feature h3 {
	clear: left;
	margin: 24px 0 8px 0;
	font-size: 18px;
	color: #222;
}


div#governance div.feature h3.intro-header {
	clear: left;
	margin: -8px 0 8px 0;
	font-size: 14px;
	color: #222;
}

div#governance div.feature p.intro-text {
	font-size: 16px;
	line-height: 22px;
	margin-top: -8px;
}

div#governance div.feature h4 {
	margin: 8px 0 8px 0;
	font-size: 13px;
	line-height: 18px;
	font-weight: bold;
	color: #666;
}

div.feature div.col-1 {
	float: left;
	width: 306px;
	padding-right: 25px;
}

div.feature div.col-2 {
	float: left;
	width: 331px;
}

div.two-three div.col-1 {
	float: left;
	width: 260px;
	padding-top: 24px;
	padding-right: 25px;
}

div.two-three div.col-1 img {
	margin-bottom: -20px;
}

div.two-three div.col-2 {
	float: left;
	padding-top: 36px;
	width: 377px;
}

a#see-demo {
	width: 93px;
	height: 60px;
	position: absolute;
	bottom: -30px;
	right: 0px;
	display: block;
	cursor: pointer;
	text-indent: -10000px;
	background: url(/images/governance/common/view.png) top left no-repeat;
	z-index: 9;
}

a#see-demo:hover {
	background: url(/images/governance/common/view.png) 0 -60px no-repeat;
}

div.screencap-wrap {
	position: relative;
	margin-bottom: 8px;
	zoom: 1;
}

div#governance div.feature h2.product-header {
	margin: 0 0 8px 0;
	font-size: 20px;
	font-weight: bold;
	text-transform: none;
}

div#governance div.feature h1.product-header, div#governance div.feature h3.product-header {
	margin: 0 0 12px 0;
	font-size: 26px !important;
	line-height: 28px;
	color: #007ca4 !important;
	padding-left: 0 !important;
}

div#governance p.caption {
	font-size: 12px;
	color: #666;
	position: relative;
	z-index: 9;
}

div#governance p.caption span.title {
	display: block;
	zoom: 1;
	margin-bottom: -2px;
	color: #222;
}

div#governance div.feature p.take-tour {
	text-align: right;
	margin: 0;
	padding: 0;
	bottom: 0px;
	right: 25px;
}

div.resources {
	border: 1px solid #dddddd;
	padding: 0 0 12px 0;
	margin-bottom: 24px;
	position: relative;
}

div.resources div.bar {
	position: relative;
	padding: 4px 8px;
	background: #fff url(/images/governance/bg/mid-banner.gif) bottom left repeat-x;
}	

div#governance div.resources div.bar h3 {
	font-size: 10px;
	color: #999999;
	text-transform: uppercase;
	margin: 0;
}

div#governance div.resources div.bar p.more-info {
	position: absolute;
	right: 8px;
	top: 4px;
	font-size: 11px;
	margin: 0;
}

div.resources div.bar p.more-info a {
	text-decoration: none;
	background: url(/images/governance/bullets/more-info.gif) 100% 50% no-repeat;
	padding-right: 8px;
}

div.resources p.buttons a {
	z-index: 10;
	width: 27px;
	height: 28px;
	display: block;
	text-indent: -10000px;
}

div.resources a#previous-button {
	background: url(/images/governance/common/back-button.gif) top left no-repeat;
	position: absolute;
	left: 0;
	top: 120px;
}

div.resources a#previous-button:hover {
	background: url(/images/governance/common/back-button.gif) 0 -28px no-repeat;
}

div.resources a#next-button {
	background: url(/images/governance/common/forward-button.gif) top left no-repeat;
	position: absolute;
	right: 0;
	top: 120px;
}

div.resources a#next-button:hover {
	background: url(/images/governance/common/forward-button.gif) 0 -28px no-repeat;
}

div#resource-carousel {
	margin-top: 25px;
	width: 713px;
	height: auto;
}

div#resource-carousel div.slide {
	padding: 0 27px;
}

div#resource-carousel-clip div.resource {
	float: left;
	width: 165px;
	padding: 0 24px 0 30px;
}

#governance div.resource  p.centerer {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

div.resource p {
	color: #666;
}

#governance div.resource h3 {
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
	margin: 8px 0 0 0;
}

#governance div.resource p a {
	color: #666;
	text-decoration: none;
}

#governance div.resource p a:hover {
	color: #003151;
}

/* heights for the images should be 120px!! */
#governance p.centerer {
	text-align: center;
	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

/* for the carousel */
div#resource-carousel {
	position: relative;
	overflow: hidden;
}

div#resource-carousel-clip {
	width: 99999px;
}

#resource-carousel div.slide {
	float: left;
	zoom: 1;
}

div#governance table.general {
	margin-top: 24px;
}

div#governance table.general td, 
div#governance table.general th {
	border: none;
	padding: 8px 12px;
}

div#governance table.general td {
	padding: 12px 12px;
	font-size: 14px;
}

div#governance table.general td.look-for {
	font-weight: bold;
}

div#governance table.general th {
	border-top: 1px solid #badee8;
	color: #02576d;
	text-transform: uppercase;
	background: #badee8 url(/images/governance/bg/table-header.gif) top left repeat-x;
}

div#governance table.general tr.alt {
	background: #edf9fc;
}

img.new {
	padding-top: 2px;
}

div#governance a.more {
	padding-right: 8px;
}

span.more-carat {
	white-space: nowrap;
}

img.more-carat {
	margin-left: -8px;
}

/* customers widget has logos that are 100px tall! */
div#governance ul.showcase {
	margin-bottom: 4px;
                margin-left: 0;
	zoom: 1;
}

div#governance ul.showcase li {
	float: left;
	margin-right: 22px;
	margin-left: 0;
	margin-bottom: 0;
	padding: 4px 0 21px 0;
	text-align: center;
	list-style:none;
}

div#governance ul.showcase li a {
	display: block;
	zoom: 1;
	padding: 0 22px;
}

div#governance ul.showcase li a:hover {
	border-left: 4px solid #f5f5f5;
	border-right: 4px solid #f5f5f5;
	padding: 0 18px;
}

div#governance ul.showcase li.current {
	padding-top: 0;
	border-top: 4px solid #dddddd;
	background: url(/images/governance/bg/showcase-carat.gif) 50% 100% no-repeat;
}

div#governance ul.showcase li.current a {
	border-left: 4px solid #dddddd;
	border-right: 4px solid #dddddd;
	padding: 0 18px;
}

div.customer {
	border: 1px solid #dddddd;
	padding: 24px 16px 12px 16px;
}

div#governance div.customer h3 {
	margin-top: 0;
}

div.customer div.customer-info {
	float: left;
	width: 411px;
	padding-right: 25px;
}

div.customer div.customer-media {
	float: left;
	width: 193px;
}

div#governance div.customer p.quote {
	font-size: 16px;
	line-height: 22px;
	color: #222;
	margin-bottom: 8px;
}

div#governance div.feature p.attribution {
	margin-top: 8px;
}

div#governance div.feature p.attribution span {
	display: block;
	zoom: 1;
	color: #666;
	font-size: 13px;
	line-height: 16px;
}

div#governance p.watch a {
	text-decoration: none;
	color: #222;
}

div#governance p.watch a:hover {
	text-decoration: underline;
}

div#governance ul.media-links {
	position: relative;
	zoom: 1;
	margin: 8px -12px 8px -12px;
}

div#governance ul.media-links p {
	color: #666;
	font-size: 12px;
	line-height: 14px;
}

div#governance ul.media-links h3 {
	font-size: 11px;
	color: #999999;
	text-transform: uppercase;
	margin: 8px 0 0 0;
}

div#governance ul.media-links li p a {
	color: #666;
	text-decoration: none;
}

div#governance ul.media-links li p a:hover {
	color: #003151;
}

div#governance ul.media-links li {
	line-height: 1.2em;
	padding-left: 48px;
                list-style-type: none;
	min-height: 40px;
}

div#governance ul.media-links li.case-study {
	background: url(/images/governance/bullets/case-study.jpg) top left no-repeat;
}

div#governance ul.media-links li.podcast {
	background: url(/images/governance/bullets/podcast.jpg) 6px 4px no-repeat;
}

div#governance #secondary-content {
	float: left;
	width: 236px;
	border-top: 2px solid #007ca4;
	padding: 10px 0 0 0;
	margin-left: 19px;
	display: inline;
}

div#governance #secondary-content h3.section-header {
	margin: 0 0 4px 0;
	line-height: 1.2em;
	font-size: 14px;
	text-transform: uppercase;
}

div#governance #secondary-content h3 {
	margin: 24px 0 4px 0;
	line-height: 1.2em;
	text-transform: uppercase;
	font-size: 14px;
	color: #222;
}

div#governance #secondary-content ul.section-nav {
	margin: 4px 0 24px 0 !important;
	border-bottom: 1px solid #ccc;
}

div#governance ul.section-nav li {
	background: url(/images/governance/bullets/section-nav.gif) 7px 2px no-repeat;
	padding-left: 26px;
}

div#governance ul.section-nav li a {
	text-decoration: none;
	color: #666;
}

div#governance ul.section-nav li a:hover, 
div#governance ul.section-nav li a:focus {
	color: #003151;
	/*text-decoration: underline;*/
}

div#governance #secondary-content ul.section-nav li.current a {
	text-decoration: none;
	color: #000;
}

div#governance #secondary-content ul.containerReference {
	padding-bottom: 3px;
}

div#governance #secondary-content li.link {
	margin-bottom: 10px;
}

div#governance #secondary-content li.last {
	border-bottom: 1px solid #ccc;
}

div#governance #secondary-content ul.containerReference li.header {
	margin-top: 8px;
	font-size: 13px;
	line-height: 1.071em;  /* 15px */
	color: #007ca4;
}

div#governance #secondary-content ul.containerReference li.header, div#governance #secondary-content ul.containerReference li.body {
	padding-left: 7px;
}

div#governance #secondary-content ul.containerReference li.link {
	background: url(/images/governance/bullets/section-nav.gif) 7px 2px no-repeat;
	padding-left: 26px;
}

div#governance #secondary-content ul.containerReference li a {
	text-decoration: none;
	color: #666;
}

div#governance #secondary-content ul.containerReference li a:hover, 
div#governance #secondary-content ul.containerReference li a:focus {
	color: #003151;
}

div#governance p.see-more {
	margin: 12px 0;
	padding-right: 8px;
	background: url(/images/governance/bullets/more.gif) 100% 50% no-repeat;
	text-align: right;
}

div#governance p.see-more a {
	text-decoration: none;
}

div.discussion {
	border-bottom: 4px solid #dddddd;
	width: 231px;
	margin: 24px 0;
}

div.discussion img {
	display: block;
}

#secondary-content p.attribution {
	background: url(/images/governance/bg/video-carat.gif) 24px 0 no-repeat;
	padding: 16px 12px 12px 12px;
	margin: 0 !important;
	border-right: 4px solid #dddddd;
	border-left: 4px solid #dddddd;
}

#secondary-content p.attribution span {
	display: block;
	zoom: 1;
	font-size: 14px;
}

#secondary-content p.attribution span.name {
	color: #74841e;
}

#secondary-content p.attribution span.title {
	color: #222;
}

p.join-button {
	display: block;
	margin: 0;
	background: #fff url(/images/governance/bg/discussion.gif) bottom left repeat-x;
	padding: 12px 12px;
	margin: 0 !important;
	border-top: 1px solid #dddddd;
	border-right: 4px solid #dddddd;
	border-left: 4px solid #dddddd;
}

p.join-button a {
	display: block;
	text-indent: -10000px;
	width: 130px;
	height: 19px;
	background: url(/images/governance/common/join-discussion.gif) top left no-repeat;
}

p.join-button a:hover {
	background: url(/images/governance/common/join-discussion.gif) 0 -19px no-repeat;
}

div.video-box {
	border: 4px solid #a6b749;
	width: 223px;
}

div.banner-ad {
	margin: 24px 0;
}

div.quote, div.containerFullText {
	border-bottom: 1px solid #ddd;
	margin: 24px 0;
	padding-bottom: 6px;
}

div.containerFullText {
	margin-top: 12px;
}

div.bubble-wrap {
	background: url(/images/governance/bg/quote-bottom.gif) bottom left no-repeat;
	padding-bottom: 20px;
	margin-bottom: 12px;
}

div.bubble {
	background: url(/images/governance/bg/quote-top.jpg) top left no-repeat;
	padding: 24px 32px 12px 16px;
}

div#governance div.bubble-wrap p {
	margin: 0;
	padding: 0;
	color: #007ca4;
	font-size: 15px;
	line-height: 18px;
}

div.quote p.the-quote {
	font-size: 15px;
	line-height: 18px;
	color: #666666;
}

/* for the accordion */
div#governance div.how-help dl {
	zoom: 1;
	padding: 0;
	border-top: 1px solid #ddd;
	margin-bottom: 16px;
}

div#governance div.how-help dt {
	margin: 0;
	padding: 0;
	font-size: 1em;
	line-height: 1em;
	color: #0066cc;
	color: #233f8f;
	font-weight: normal;
	background: #fff url(/images/governance/bg/collapse-list.gif) bottom left repeat-x;
	zoom: 1;
}

div#governance div.how-help dt a {
	text-decoration: none;
	display: block;
	margin: 0;
	font-size: 14px;
	line-height: 1.333em;
	background: url(/images/governance/common/accordian-closed.gif) 96% 50% no-repeat;
	padding: 8px 8px 8px 8px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	color: #666;
	font-weight: normal;
	zoom: 1;
}

div#governance div.how-help dt a:hover {
}

div#governance div.how-help dt.on a {
	background: url(/images/governance/common/accordian-open.gif) 96% 50% no-repeat;
	border-bottom: 0;
	padding-bottom: 9px;
	/*padding-bottom: 3px;*/
}

div#governance div.how-help dt.last a {
	border-bottom: 0;
}

div#governance div.how-help dd {
	line-height: 1.333em;
	margin: 0;
	border-left: 1px solid #dddddd;
	border-right: 1px solid #dddddd;
	padding: 0 8px 0 8px;
}

div#governance div.how-help dd ul {
	margin: 0;
	padding: 8px 0;
}

div#governance div.how-help dd ul li {
	margin: 4px;
	padding: 0;
}

div#governance div.how-help dd ul li a {
	text-decoration: none;
	font-size: 11px;
}

div#governance div.how-help dd div {
	display: none;
	overflow: hidden;
	height: auto;
	margin-left: -8px;
	margin-right: -8px;
	padding: 0 8px 0 8px;
	border-bottom: 1px solid #dddddd;
}

/* --- end accordion --- */
div#governance div.breadcrumb {
	position: relative;
	padding: 12px 0 8px 25px;
	zoom: 1;
}

div#governance div.bigbc div.breadcrumb {
	padding: 12px 0 8px 25px;
	zoom: 1;
	float: left;
	width: 690px;

}

div#governance div.breadcrumb p {
	margin: 0;
	line-height: 1.1em;
}

div.breadcrumb p {
	font-size: 13px;
	line-height: 1.1em;
}

div.breadcrumb a {
	text-decoration: none !important;
}

div.breadcrumb a.current {
	color: #666666 !important;
}

div.breadcrumb a:hover {
	/*text-decoration: underline;*/
	color: #003151;
}

div#governance div.social-tools {
	position: absolute;
	bottom: 6px; 
	right: 0;
}

div#governance div.bigbc div.social-tools {
	right: 0;
	position: relative; 
  text-align:right;
	float: right;
	margin-left: 19px;
	width: 236px;
	padding: 14px 0 0px 0px;
}

div.social-tools p {
	margin: 0;
}

div#hero {
	position: relative;
	height: 216px;
	width: 968px;
	border: 1px solid #dbe1da;
	border-bottom: 0;
	background: url(/images/governance/bg/hero.gif) top left repeat-x;
}

div#hero h1, div#hero h2 {
	margin: 0 !important;
	line-height: 1.1em;
	display: block;
	width: 687px;
	left: 269px;
	position: relative;
}

div#hero h1 {
	/* margin-top: 40px !important; */
                padding: 40px 0 0 0;
	font-size: 2.5em;
	font-weight: bold;
}

div#hero h2 {
	color: #007ca4;
	font-size: 2.3em;
}

div#hero p.more {
	position: relative;
	left: 269px;
	margin: 10px 0 0 0; !important;
	float: left;
}

div#hero p.more a {
	border: 1px solid #cccccc;
	padding: 4px 18px 4px 8px;
	display: block;
	text-transform: uppercase;
	color: #666 !important;
	text-decoration: none !important;
	background: url(/images/governance/bullets/plus.gif) 88% 9px no-repeat;
}

div#hero img.supporting {
	position: absolute;
}

/* options bar for four products, for five and six products div id changes to products! */
div#options {
	margin-bottom: 24px;
}

div#options ul {
                float:left;
	margin: 0;
	padding: 0;
	position: relative;
	z-index: 7;
}

div#options ul li {
	padding: 2px;
	margin: 0;
	background: #fff;
	border: 1px solid #dbe1da;
	margin-right: -1px;
	float: left;
	width: 237px;
}

div#options ul li a {
	text-decoration: none;
	padding: 12px 12px 4px 36px;
	height: 56px;
	border-bottom: 4px solid #007ca4;
	background: url(/images/governance/bullets/product.gif) 12px 12px no-repeat;
	display: block;
}

div#options ul li:hover {
	margin-top: -20px;
}

div#options ul li:hover a {
	height: 76px;
}

div#options a span.product, div#options a span.description {
	display: block;
	zoom: 1;
	cursor: pointer;
}

div#options a span.product {
	line-height: 1.1em;
	margin-bottom: -3px;
}

div#options a span.product {
	font-size: 18px;
}

div#options a span.description {
	font-size: 13px;
	margin-top: 4px;
	color: #666;
}

div.six-products ul li {
	width: 156px !important;
}

div.six-products ul li.last-li {
	width: 159px !important;
}

div.six-products span.product {
	font-size: 13px !important;
}

div.six-products a span.description {
	font-size: 11px !important;
}

div.five-products ul li {
	width: 188px !important;
}

div.five-products ul li.last-li {
	width: 192px !important;
}

div.five-products span.product {
	font-size: 15px !important;
}

div.five-products a span.description {
	font-size: 13px !important;
}
/* end  */

div.three-products ul li {
	width: 318px !important;
}

div.three-products span.product {
	font-size: 18px !important;
}

div.three-products a span.description {
	font-size: 13px !important;
}

div.tip {
	border: 1px solid #ccc;
	padding: 28px 34px;
	width: 600px;
	position: absolute;
	left: 268px;
	top: 23px;
	background: #fff;
	
}

div.tip p {
	font-size: 16px;
	margin: 0 !important;
	line-height: 22px;
	color: #666;
}	

div.tip p strong {
	color: #2c446a;
}
	

div.thoughts {
	margin: 12px 0;
}

div.thought {
	float: left;
	width: 148px;
	padding-left: 82px;
	padding-right: 12px;
	position: relative;
}

div.thought p {
	color: #666;
}

#governance div.thought p a {
	color: #666;
	text-decoration: none;
}

#governance div.thought p a:hover {
	color: #003151;
}
	
div.resource {
	padding-left: 60px;
	width: 170px;
}

div.badge {
	padding-left: 0;
	padding-right: 0;
	width: 242px;
}

div.thought img.supporting {
	position: absolute;
	top: 8px;
	left: 0;
}

#governance div.thought h3 {
	font-size: 10px;
	color: #999999;
	text-transform: uppercase;
	margin: 8px 0 0 0;
}

div#learn-more {
	margin-top: 4px;
	border-top: 1px solid #ddd;
	padding-top: 8px;
}

div#learn-more ul {
	margin: 0 0 8px 0;
	padding: 0;
}

div#learn-more ul li {
	float: left;
}

div#learn-more ul li {
	height: 53px;
	margin: 0;
	padding: 12px 0 0 0;
	line-height: 1.2em;
}

div#learn-more ul li a, div#learn-more ul li a:visited {
	color: #7a7a7a;
	padding-left: 48px;
	padding-right: 24px;
	display: block;
	font-size: 11px;
	text-decoration: none;
}

div#learn-more ul li#lm-resources {
	width: 160px;
	background: url(/images/governance/bullets/resources.gif) 0 50% no-repeat;
}
div#learn-more ul li#lm-blog {
	width: 160px;
	background: url(/images/governance/bullets/blog.gif) 0 50% no-repeat;
}
div#learn-more ul li#lm-training {
	width: 160px;
	background: url(/images/governance/bullets/training.gif) 0 50% no-repeat;
}
div#learn-more ul li#lm-consulting {
	width: 160px;
	background: url(/images/governance/bullets/consulting.gif) 0 50% no-repeat;
}
div#learn-more ul li#lm-evaluate {
	width: 160px;
	background: url(/images/governance/bullets/evaluate.gif) 0 50% no-repeat;
}
div#learn-more ul li#lm-subscribe {
	width: 160px;
	background: url(/images/governance/bullets/subscribe.gif) 0 50% no-repeat;
}
div#learn-more ul li#lm-contact {
	width: 160px;
	background: url(/images/governance/bullets/contact.gif) 0 50% no-repeat;
}

div#learn-more ul li#lm-rss {
	width: 160px;
	background: url(/images/governance/bullets/rss.gif) 0 50% no-repeat;
}

div#learn-more ul li#lm-contact a {
	padding-right: 0;
}

/* OVERWRITE SoftwareAG styles */

#CT-directAccess {
	padding: 0 0 7px 0;
	border: 1px solid #dbe2da;
}

.containerLists {
	margin: 0 !important;
	padding: 0 0 0 15px !important;
	background: url(/images/governance/bg/direct-access.gif) top left repeat-y !important;
}

.containerList {
	margin: 12px 8px 12px 0 !important;
	padding: 4px 8px 4px 0;
	width: 119px !important;
}

.containerList a {
	color: #7a7a7a !important;
}

.containerList a:hover {
	color: #003151 !important;
}

.lastList {
	border-right: 0;
}

#CT-directAccess h4 {
	margin: 0 0 7px 0;
	background: #edf0ec;
	padding-top: 18px;
	color: #003d5c;
	padding: 18px 15px 4px 15px;
	border-bottom: 1px solid #dbe2da;
}

div.shrinkwrap {
	float: left;
}

#FW-footer {
	padding-top: 12px;
	padding-bottom: 24px;
	margin: 0;
	background: url(/images/governance/bg/footer-logo.gif) 100% 24px no-repeat;
}

#FW-navMetaContainer .center {
	display: block;
	margin: 0;
}

#FW-footer .FW-navMeta {
	float: left;	
	font-size: 12px;
}

#FW-footer .FW-navMeta li {
	margin-right: 20px;
}

#FW-footer .FW-navMeta a {
	text-transform: none !important;
}

#FW-nonFooterWrapper {
	padding-bottom: 0;
}

#FW-copyright {
	clear: left;
	float: left;
	font-size: 12px;
	margin-top: 12px;
	margin-left: 13px;
	font-weight: bold;
	color: #666;
	text-transform: capitalize !important;
}

#FW-navFooter {
	width: 550px;
	float: left;
	margin: 12px 0 0 0;
	font-size: 12px;
}

#FW-navFooter li a {
	text-transform: capitalize !important;
}

#FW-containerNavTop {
	position: relative;
	z-index: 19;
}

/*------for new Campaign page / HR landing page -------*/
.mcmp_main, .hr_main {
	clear:both;
	overflow: hidden;
	background-color: #F7F9FA;
	border: 1px solid #DADADB;
	padding: 10px;
	clear: both;
	width: 948px;
}

.mcmp_top_intro, .hr_top_intro {
	width: 730px;
	float: left;  
}

.mcmp_right, .hr_right {
	width: 195px;
	float: right;  
}

.mcmp_right div.containerFullText, .hr_right div.containerFullText {
	border: 0 none;
}

.mcmp_boxes, .hr_boxes {
	width: 100%;
	clear: left;
	margin: 15px 0;
	float : left;
}
  
.mcmp_boxes div, .hr_boxes div {
	width: 215px;
	height: 141px;
	float: left;
	display: inline;
	padding: 0 5px 5px 10px;
	color:#757576;
	font-size:12px;
	margin: 0 4px 0 3px;
}

div#governance .mcmp_boxes div h5, div#governance .hr_boxes div h5 {
	font-size: 15px;
	font-weight: bold;
	color: #000;
	margin:10px 0 5px 0;
}

div#governance .mcmp_boxes div p, div#governance .hr_boxes div p {
	margin-bottom: 5px;
}

div#governance .mcmp_boxes .more{
	height: 15px;
	padding: 0 0 0 12px;
	text-decoration: none;
	color: #038299;
	font-weight: bold;
	background: transparent url('/images/grey_arrow.gif') no-repeat 0 4px;
}

.mcmp_main + span > div#learn-more {
	border-top: 0;
}
  
.work{background: url('/images/workAtSAG.gif') no-repeat top left;}
.student{background: url('/images/student.gif') no-repeat top left;}
.young_professional{background: url('/images/young_professional.gif') no-repeat top left;}
.professional{background: url('/images/professional.gif') no-repeat top left;}