/**
 * PL-specific overrides for corporate CSS rules
 * 
 * @project   WWWPLM
 * @date      2013-08-01
 * @author    Dave Isenhower, Siemens PLM Software <dave.isenhower@siemens.com>
 * @licensor  Siemens Product Lifecycle Management Software Inc.
 * @site      Siemens PLM Software
 */

/* formatting content contain */

@import url("bx-slider-theme.css");

#header .visual img {
	/* added overflow and height to prevent scaling of the img to size of the .visual container - isenhowe */
	overflow: hidden; 
	height: auto;
}

#toolbar .identification {
	width: auto; /* Adjustable width for varying size of SiteExplorer Toolbar content */
}

#header h1 {
	font-size: 165%;
}

#header .headertext {
	padding-top: 55px;
	height: 89px;
}

/* overriding the float:left on #toolbar .element for search since Site Explorer 
   was moved left on the toolbar next to the site-id and doesn't nudge it over anymore -- isenhowe */
#toolbar #site-search {
	float: right;
}


#site-search input
{
	height: 12px;
}


/* Special Worldwide link style pulled from Healthcare.
   The image was pulled from healthcare also as the default template image didn't include a white variation. -- isenhowe
 */
#site-id a.opener .int,#site-id a.ext .int {
	padding-bottom: 1px;
	padding-left: 34px;
	background: url("/_resources/1.5/images/icon-toolbar-world-sprite.gif") no-repeat 0 -30px;
}
#site-id a.opener:hover .int,#site-id a.opener:active .int,#site-id a.opener:focus .int,#site-id a.ext:hover .int,#site-id a.ext:active .int,#site-id a.ext:focus .int,#site-id .active a.opener, #toolbar .active a.opener .int
	{
	background-position: 0 -14px;
}
#site-id .layer ul.versions a.int {
	padding-left: 34px;
	background: url("/_resources/1.5/images/icon-toolbar-world-sprite.gif") no-repeat 0 -30px;
}
#site-id .layer ul.versions a.int:hover,#site-id .layer ul.versions a.int:active,#site-id .layer ul.versions a.int:focus,#site-id .layer ul.versions .hover a.int,#site-id .layer ul.versions .active a.int
	{
	background-position: 0 -14px;
}
#site-id .layer ul.versions .hover a.int {
	color: #900;
}


/* Addition for including bordered sections within teaser columns */
.c-teaser .section {
	margin: 4px 0 0;
	border-top: 1px solid #999;
	padding: 10px 0 0;
	overflow: hidden;
}




/****************** Industry Sector Page Styles ********************/



/* alternate highlight colors used in Industry Sector page */
.c-related .section .highlighted.black {
	background: none repeat scroll 0 0 #000000;
	padding: 6px 10px 1px;
}
.c-related .section .highlighted.yellow {
	background: none repeat scroll 0 0 #ffb900;
	padding: 6px 10px 1px;
}
.c-related .section .highlighted.blue {
	background: none repeat scroll 0 0 #006487;
	padding: 6px 10px 1px;
}	
.c-related .section .highlighted.green {
	background: none repeat scroll 0 0 #647d2d;
	padding: 6px 10px 1px; 
}
.c-related .section .highlighted.gray {
	background: none repeat scroll 0 0 #0f1923;
	padding: 6px 10px 1px; 
}
.c-related .section .highlighted.black h2, 
.c-related .section .highlighted.blue h2, 
.c-related .section .highlighted.yellow h2, 
.c-related .section .highlighted.green h2, 
.c-related .section .highlighted.gray h2 {
	font-size:15px;
	height: 15px;
	line-height: 16px;
	font-weight: bold;
	color: #fff;
	font-family: Arial,Geneva,Helvetica,sans-serif;
	margin-bottom: 5px;
}
.c-related .section .highlighted.black a, 
.c-related .section .highlighted.blue a, 
.c-related .section .highlighted.yellow a, 
.c-related .section .highlighted.green a, 
.c-related .section .highlighted.gray a {
	color: #eee;
}

.pl-teaser-slide h1,
.pl-teaser-column-item h1 {
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 11px;
}

.pl-teaser-slide .asset, .pl-teaser-slide {
	margin-bottom: 10px;
}


.pl-teaser-column {
	margin-top: 1em;
}

.pl-teaser-column.single-column .pl-teaser-column-item {
	margin-bottom: 1em;
}

.pl-teaser-column .asset {
	float: left;
	width: 184px;
}

.pl-teaser-column.single-column .c-teaser img {
	margin-top: 0;
}

.pl-teaser-column.multi-column .pl-teaser-column-item {
	float: left;
	width: 184px;
	margin-right: 14px;
}

.pl-teaser-column.multi-column .pl-teaser-column-item:nth-of-type(3n+1) {
	clear: left;
}

/* This provides sorta the same as above for IE7 and IE8 */
.pl-teaser-column.multi-column .pl-teaser-column-item:first-child + .pl-teaser-column-item + .pl-teaser-column-item + .pl-teaser-column-item {
	clear: left;
}


/*
.pl-teaser-column.multi-column .pl-teaser-column-item:nth-of-type(4) {
	clear: left;
}
*/







/******************** Industry Big Idea Styles *****************************/ 

.bigidea-main-image .asset {
	overflow: hidden;
	max-height: 160px;
}

.s-right .c-teaser img {
	width: 102px;
}

.s-right .c-teaser h1,
.s-right .c-teaser h2 {
	font-family: Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
}



/******************** Industry Solution Styles *****************************/ 

.pl-related-teaser-group .c-teaser .section:first-child {
	border-top: 1px solid #999;
}

.pl-related-teaser-group .c-teaser .section {
	border-top: 1px dotted #999;
}



.solution-main-image .asset {
	width: 916px;
	height: 300px;
	overflow: hidden;
}

.solution-main-image img {
	width: 916px;
	max-height: 300px;
	overflow: hidden;
}

.solution-main-image .asset .caption {
	position: absolute;
	width: 256px;
	top: 50%;
	right: 0;
	color: #FFF;
	background-color: #889EA7;
	margin-top: -65px; /* this is an estimation based on typical content, accurate vertical centering will be done via js */
	padding: 6px 10px 1px;
	display: none;
	font-size: 100%
}

.solution-main-image h1 {
/*	font-size: 100%;*/
	color: #FFF;
}

.pl-cta-teaser-background {
	height: 100px;
	overflow: hidden;
	position:relative;
	margin-bottom: 10px;
	display: none;
}

.pl-cta-teaser {
	position: absolute;
	top: 8px;
	padding: 5px 11px 11px 11px;
	height: 60px;
	width: 385px;
	/* disabling the transparent background in favor of transparent layer within the image itself */
	/*
	background: rgb(80, 80, 80); */ /* fallback for IE8 and below */
	/*
	background: rgba(80, 80, 80, 0.75);
	*/	
	color: #FFF;
	font-family: "SiemensSlab", Arial, sans-serif;
}

.pl-cta-teaser h1 {
	font-size: 138.5%;
}

.pl-cta-teaser h1 a, .pl-cta-teaser h2 a {
	color: #FFF;
	padding-bottom: 0px;
	text-decoration: none;
}

.pl-cta-teaser .button {
	background: url(/_resources/1.5/images/icon-arrow-right-white.gif)  no-repeat 5px 4px;
	padding-left: 14px;
	margin-left: 0;
	background-color: #900;
	color: #FFF;
	border: none;
	font-family: Arial, sans-serif;
	margin-top: 8px;
}

.pl-cta-teaser .button:hover {
	background: url(/_resources/1.5/images/icon-arrow-right-white.gif)  no-repeat 5px 4px;
	padding-left: 14px;
	margin-left: 0;
	background-color: #900;
	color: #FFF;
	border: none;
}

.pl-cta-teaser a .more {
	display: none;
}

.pl-article {
	margin-top: 10px;
}

/*Enable this and other classes to adapt the old Site Explorer to the new templates */

/**
 * Site explorer -- PL Implementation to integrated the old Site Explorer markup
 *
 * The layer for the site explorer is based on a default layer in the toolbar
 *
 * @subsection   =toolbar-site-explorer
 */

/* The site explorer itself */
#site-explorer .layer li li {
	padding-left: 21px;
	background: url("/_resources/1.5/images/tree-line.gif") no-repeat 0 0;
}
#site-explorer .layer li li.last {
	background-position: 0 100%;
}

#site-explorer .layer li.collapsed ul {
	display: none;
}

#site-explorer .layer li a {
	display: inline-block;
	padding: 3px 5px 3px 11px;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	background: url("/_resources/1.5/images/icon-arrow-right.gif") no-repeat 0 8px;
}
#site-explorer .layer li a:hover,
#site-explorer .layer li a:active,
#site-explorer .layer li a:focus {
	color: #900;
}
#site-explorer .layer li.collapsed>a,
#site-explorer .layer li.expanded>a {
	padding-left: 21px;
	background-image: url("/_resources/1.5/images/icon-plus.gif");
	background-position: 0 5px;
}
#site-explorer .layer li.expanded>a {
	background-image: url("/_resources/1.5/images/icon-minus.gif");
}

#site-explorer .layer li a.path {
	color: #900;
}

#site-explorer .layer li.active span.active {
	margin-left: -3px;
	padding: 2px 3px;
	color: #900;
	font-weight: normal;
	background: #DDD;
}
#site-explorer .layer li.collapsed> span.active,
#site-explorer .layer li.expanded> span.active {
	margin-left: -5px;
	padding-right: 5px;
	padding-left: 5px;
}

/*Enable this and other classes to adapt the old Site BreadCrumbs to the new templates */
/**
 * Breadcrumb
 *
 * The global breadcrumb navigation with flyouts.
 *
 * @section   =breadcrumb
 */
#breadcrumb14 {
	width: 952px;
	padding: 9px 0 10px 44px;
	font-size: 85%;
	line-height: 1.45;
	white-space: nowrap;
}
#breadcrumb14 .wrapper {
	width: 896px;
}
/* For IE... */
#breadcrumb14 span {
	display: none;
	font-weight: normal;
}
#breadcrumb14 a {
	color: #666;
	text-decoration: none;
}
#breadcrumb14 a span,
#breadcrumb14 a.path,
#breadcrumb14 a:hover,
#breadcrumb14 a:active,
#breadcrumb14 a:focus {
	color: #900;
}
#breadcrumb14 a:hover span,
#breadcrumb14 a:active span,
#breadcrumb14 a:focus span {
	text-decoration: underline;
}
#breadcrumb14 dd {
	position: relative;
	z-index: 100;
	float: left;
	margin-right: 12px;
	padding-bottom: 6px;
}
#breadcrumb14 dd {
	font-weight: normal;
}
#breadcrumb14 dd a, #breadcrumb14 dd span {
	display: block;
	padding-left: 11px;
	background: url("/_resources/1.5/images/icon-arrow-right.gif") no-repeat left center;
}
#breadcrumb14 ul {
	display: none;
	position: absolute;
	top: 14px;
	left: -1px;
	min-width: 142px;
	margin: 6px 0 0;
	border: 1px solid #FFF;
	border-top-color: #999;
	border-bottom-width: 2px;
	list-style: none;
	background: #EEE;
}
#breadcrumb14 li {
	border-bottom: 1px solid #999;
	padding: 2px 0;
}
#breadcrumb14 li a {
	display: block;
	padding: 0 10px 0 21px;
	background: url("/_resources/1.5/images/icon-arrow-right.gif") no-repeat 10px 5px;
}
#breadcrumb14 .hover ul {
	display: block;
}

.pl-searchlisting14 .result_description,
.pl-searchlisting14 .result_author,
.pl-searchlisting14 .result_createdate,
.pl-searchlisting14 .result_pubdate {
	display: none;
}

/*
 * ONL-1354
 * Fix teh look and feel of the RSSFeed header accross 1.5 design and old
 */
.c-related .section .sifr h3 {
	margin: 0 0 7px;
	color: #333;
}