/* ### governance framework  ### version 0.01 - 25.08.2009 
   14.02.2011 *kb* due to duplicate definitions for new landing pages completely reworked by *bgst*
*/

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

div#governance { color: #000000; }

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 0.4em 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 -- */
/*  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: 4px;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-events {width:160px;background:url(/images/governance/bullets/calendar.gif) 0 50% no-repeat;}
div#learn-more ul li#lm-awards {width:160px;background:url(/images/governance/bullets/award.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;}
/* wM new design */
.wm_head{background:url('/images/wm_intro_bkg.gif') repeat-x top left !important;height:420px !important;width:970px;margin-bottom:5px;border:1px solid #dbe1da !important;}
div#hero.wm_head img.supporting{left:50px;bottom:0;}
#hero.wm_head h1, #hero.wm_head h2{color:#020202;margin-left:50px !important;position:static;}
div#hero.wm_head h1{width:615px;padding:15px 0 5px 0;font-size:34px;color:#fff;}
div#hero.wm_head h2{font-size:24px;width:615px;}
/* info box webMethods */
.wm_head .info_box{position:absolute;right:0;top:2px;width:300px;border:1px solid #e3e6e3;}
div#governance .wm_head .info_box ul{ margin: 0;}
div#governance .wm_head .info_box ul li{float:left;width:295px;padding:14px 0 10px 5px;margin:0;border-bottom:1px solid #e3e6e3;background:#fff url('/images/wm_inf_box.gif') repeat-x top left;}
div#governance .wm_head .info_box ul li a{float:left;font-size:16px;text-decoration:none;color:#007ca4;padding:0 0 5px 23px;background:url('/images/governance/bullets/product.gif') no-repeat 0px 0 ;}
/* IR new design */
.ir_head{background:url('/images/ir_intro_bkg.gif') repeat-x top left !important;height:420px !important;width:970px;margin-bottom:5px;border-bottom:1px solid #DBE1DA !important;}
div#hero.ir_head p.more{background:url('/images/more_bkg.gif') repeat-x top left;border:1px solid #28696f;left:420px;margin-top:15px;height: 32px;}
div#hero.ir_head p.more a{background:0 none;padding:10px 10px 5px 10px;border:0 none;font-weight:bold;color:#def4fa !important;}
div#hero.ir_head img.supporting{left:50px;bottom:0;}  
#hero.ir_head h1, #hero.ir_head h2{color:#334467;margin-left:50px !important;position:static;}
#hero.ir_head h1{width:615px;padding:15px 0;font-size:34px;}
#hero.ir_head h2{font-size:24px;width:615px;}
div.thoughts.ir_thoughts{background:url('/images/ir_thoughts_bkg.gif') repeat-x bottom left;padding:25px 0;clear:both;border-bottom:1px solid #e3e6e3;}
.ir_head .info_box{position:absolute;right:0;top:35px;padding:5px 20px;width:199px;border-top:2px solid #008eb4;border-left:1px solid #e3e6e3;border-bottom:1px solid #e3e6e3;background:#fff url('/images/info_box_bkg.gif') repeat-x bottom left;}
div#governance .ir_head .info_box h4{color:#030303;font-size:14px;font-weight:bold;margin-left:10px;margin-top:5px;}
div#governance .ir_head .info_box p{margin-left:10px;color:#4f4e4e;}
div#governance .ir_head .info_box p.num{color:#d16400;font-size:34px;margin:15px 0 10px 10px;clear:both;}
div#governance .ir_head .info_box p.lnk_inf{color:#3008fb4;font-size:10px;text-transform:uppercase;}
div#governance .ir_head .info_box p.more_inf{font-size: 14px;}
div#governance .ir_head .info_box p.more_inf span{color: #027ca3;}
div#governance .ir_head .info_box p.hint{font-size: 10px; margin-top: 15px;} 
/* ------------- used for every template -------------- */
div.r_align{font-weight:bold;float:right;margin-right:5px;margin-bottom:5px;}
div.r_align a{text-decoration: none;}
.lng{position:absolute;width:85px;right:0;bottom:6px;}
div#governance .lng a{position: absolute; top: 8px;}
div#governance div.social-tools.ir_tool{right: 100px;}
/* additional styles for five tabs option bar */
#options.n_opt{background:url('/images/ir_opt_bkg.gif') repeat-x top left;clear:both;margin-bottom:10px;}
#options.n_opt ul li{ background: transparent;}
#options.n_opt.five-products ul li a{background:url('/images/governance/bullets/product.gif') no-repeat 3px 10px transparent;border:0 none;height:50px;padding:10px 5px 4px 23px;}
#options.n_opt ul li a{border: 0 none; padding-bottom: 3px;} 
div#options.n_opt.five-products a span.product{color: #040404; font-weight: bold; font-size: 14px !important;}
div#options.n_opt.five-products a span.description {font-size: 12px !important;}
/* 11.02.2010 solutions home page new design */
.green_head {background: url("/images/green_intro_bkg.gif") repeat-x scroll left top transparent !important;border:1px solid #e4efb5 !important;height: 470px !important;margin-bottom:5px;width:970px;}
.sl_head{background:url('/images/solutions_intro_bkg.gif') repeat-x top left !important;height:470px !important;width:970px;margin-bottom:5px;border:1px solid #dbe1da !important;}
div#hero.sl_head img.supporting{left:50px;bottom:0;}
#hero.sl_head h1, #hero.sl_head h2{color:#020202;margin-left:50px !important;position:static;}
div#hero.sl_head h1{width:615px;padding:15px 0 5px 0;font-size:34px;color:#fff;}
div#hero.sl_head h2{font-size:24px;width:615px;}
/* info box solutions */
.sl_head .info_box{position:absolute;right:0;top:0;width:300px;height:470px;}
div#governance .sl_head .info_box ul li{float:left;width:294px;padding:15px 0 10px 5px;margin:0;border-left:1px solid #e3e6e3;border-bottom:1px solid #e3e6e3;background:#fff url('/images/wm_inf_box.gif') repeat-x top left;}
div#governance .sl_head .info_box ul li a{float:left;font-size:17px;text-decoration:none;color:#007ca4;padding:0 0 5px 23px;background:url('/images/governance/bullets/product.gif') no-repeat 0px 0;}
/* vertical center align menu */
div#governance .sl_head .info_box table{height:470px;width:100%;margin:0;}
div#governance .sl_head .info_box table td{vertical-align:middle;border:0 none;margin:0;padding:0;}