/****************************** siemens' new web appearance layout *****/
/****************************** Copyright (c) 2007-2010 Siemens AG *****/
/***********************************************************************/
/********************************************* CTC styles 11px/16px*****/
/***********************************************************************/
/************************************** author virtual identity AG *****/
/* $LastChangedDate: 2010-02-22 09:58:59 +0100 (Mo, 22 Feb 2010) $ *****/

/* common */

div.ctc caption,
div.ctc dl,
div.ctc h3,
div.ctc h4,
div.ctc h5,
div.ctc li,
div.ctc p,
div.ctc td,
div.ctc th,
div.ctc ul
{
	font-size: 12px;
	/*line-height: 16px;*/
	text-align: left;
}

div.ctc p.caption
{
	color: #999;
	font-size: 12px;
	line-height: 14px;
}

div.ctc h3,
div.ctc h4,
div.ctc h5
{
	font-weight: bold;
}

div.ctc p a
{
	color: #900;
}

div.ctc p a:hover
{
	text-decoration: underline;
}

div.ctc a.link
{
	display: -moz-inline-block; /* Firefox 2.x inline-block fix */
	display: inline-block;
	background-position: 0 5px !important;
	color: #333;
}

div.ctc a.link:hover
{
	text-decoration: none;
	color: #900;
}

/* lists */

div.left-content ul.download-list,
div.left-content ul.bullet-list
{
	padding: 2px 0 3px;
}

div.left-content ul.bullet-list li
{
	line-height: 14px;
	padding: 1px 0 3px 11px;
	background: url(img/bullet.gif) 1px 6px no-repeat;
}

div.ctc div.wide-column ul.toc-list
{
	width: 458px;
}

div.right-content ul.link-list,
div.right-content ul.download-list,
div.right-content ul.team-list
{
	padding:0 0 3px;
}

ul.link-list li
{
	line-height: 14px;
	padding: 1px 0 3px 0;
}

ul.toc-list li
{
	line-height: 14px;
	padding: 2px 0;
}

ul.toc-list
{
	position: relative;
	top: 1px;
}

ul.download-list li a
{
	padding-top: 1px;
	padding-bottom: 3px;
	line-height: 14px;
}

div.ctc div.column ul.toc-list
div.right-content ul.link-list li,
div.right-content ul.download-list li
{
	width: 276px;
}

div.ctc ul.toc-list a,
div.right-content ul.link-list a,
div.ctc ul.download-list a
{
	display: block;
	display: inline-block;
}

div.ctc ul.toc-list a
{
	padding-left: 13px;
	background: url(../../core/img/icon-anchor-link.gif) no-repeat 0 5px;
}

div.right-content ul.link-list a
{
	padding-left: 11px;
	background: url(../../core/img/icon-link.gif) no-repeat 0 4px;
}

div.ctc ul.toc-list a:hover,
div.right-content ul.link-list a:hover,
div.ctc ul.download-list a:hover
{
	color: #900;
}

/* left */

div.left-content /* alternative: change footer height to 33px (and position to -33px) for ctc */
{
	margin: 0 0 -11px;
}

div.left-content h1
{
	font-size: 16px;
	font-weight: bold;
	line-height: 20px;
}

div.left-content div.sifr-h1
{
	padding: 1px 0 5px;
}

div.left-content h2
{
	color: #999;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
}

div.left-content div.sifr-h2
{
	padding: 0 0 10px;
}

div.left-content h4
{
	color: #666;
	padding: 3px 0 0;
}

div.right-content h4
{
	color: #666;
}

div.left-content h5
{
	color: #999;
	padding: 5px 0 0;
}

div.left-content div.level-2 /* excluding h2! */
{
	padding: 2px 0 13px;
}

div.left-content div.level-2-compact /* excluding h2! */
{
	padding: 2px 0 1px;
}

div.left-content div.level-2-overview
{
	padding: 5px 0 18px;
}

div.left-content div.level-3 /* including h3 */
{
	padding: 2px 0 13px;
}

div.left-content div.level-4 /* including h4 */
{}

/* paragraph */

div.left-content div.level-2 p,
div.left-content div.level-2-compact p,
div.left-content div.level-3 p,
div.left-content div.level-4 p,
div.left-content div.level-5 p
{
	padding: 0 0 5px;
}

div.left-content div.p /* paragraph wrapper (with a text paragraph, and optional image and caption */
{
	padding: 0 0 5px;
}

/* overview */

div.overview
{
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	padding: 11px 0 10px;
}

div.overview p
{
	margin-top: -1px;
	padding: 0 0 13px;
}

div.overview h3
{
	margin: 0 0 5px;
}

/* images */

div.image-wrapper
{
	display: block;
	float: left;
	padding: 4px 12px 6px 0;
	position: relative;
}

div.image
{
	position: relative;
}

div.image img
{
	display: block;
}

div.left-content div.p p
{
	padding: 0;
}

div.p div.image-wrapper p.caption
{
	padding: 6px 0 3px;
}

div.img-144
{
	width: 144px;
}

div.img-172
{
	width: 172px;
}

div.img-400
{
	width: 400px;
}

div.img-432
{
	width: 432px;
}

div.img-450
{
	width: 450px;
}

/* magnifier and magnified image (mi) */

a.magnifier
{
	background: url(img/magnifier.gif) no-repeat;
	display: block;
	height: 21px;
	position: absolute;
	right: 0;
	top: -21px;
	width: 21px;
}

div.magnifier-wrapper
{
	position: relative;
}

div.mi-wrapper
{
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	left: 0;
	position: absolute;
	top: 0;
}

div.mi-wrapper img
{
	display: block;
}

div.mi-wrapper a
{
	background: url(img/image-close.gif) no-repeat;
	display: none; /* set to block by js */
	height: 21px;
	position: absolute;
	right: 0;
	top: 0;
	width: 21px;
}

/* block image and embedded file */

div.block-image,
div.embedded-file
{
	padding: 4px 0 14px;
}

div.block-image img
{
	display: block;
	margin-bottom: 3px;
}

div.embedded-file embed,
div.embedded-file object
{
	margin-bottom: 3px;
}

div.ctc div.block-image p.caption,
div.ctc div.embedded-file p.caption
{
	padding: 3px 0 0;
}

/* separator */

div.separator
{
	background: url(img/dotted-separator.gif) repeat-x 0 2px;
	height: 11px;
	padding: 0 2px 10px 0;
}

div.separator a.to-top
{
	background: url(img/icon-toplink.gif) no-repeat;
	float: right;
	height: 6px;
	position: relative;
	top: -8px;
	width: 9px;
}

div.level-3 div.separator /* between level-4 containers */
{
	padding-bottom: 9px;
	margin-top: 13px;
}

/* foot notes */

div.additional-info
{
	padding: 2px 0 18px;
}

div.additional-info p
{
	color: #999;
}

/* standard table */

div.std-table
{
	padding: 5px 0 16px;
	width: 450px;
}

div.std-table table
{
	width: 450px;
}

div.std-table caption
{
	background: #ddd;
	border-bottom: 1px solid #fff;
	caption-side: top;
	font-weight: bold;
	padding: 2px 17px 2px 5px;
}

div.std-table td,
div.std-table th
{
	background: url(img/dotted-separator-narrow.gif) repeat-x bottom left;
	font-weight: normal;
	line-height: 14px;
	padding: 3px 17px 4px 5px;
}

div.std-table thead th,
div.std-table thead td
{
	background: #eee;
	padding: 3px 17px 3px 5px;
	border-bottom: 1px solid #ddd;
}

div.ctc div.std-table p.table-footer
{
	color: #666;
	font-size: 12px;
	line-height: 14px;
	padding: 2px 0 1px 0; /* right: 5px */
}

/* definition list */

dl.std-dl dt
{
	color: #000;
}

dl.std-dl dd
{
	padding: 0 0 5px;
}

/* CTC PressRelease */

div.target-category
{
	padding: 0 0 12px;
}

div.ctc div.level-2-compact p.location-date
{
	color: #666;
	padding-bottom: 0;
}

div.ctc div.level-2-compact p.introduction
{
	font-weight: bold;
}

/* CTC Contact */

div.ctc div.contact-block
{
	padding: 0 0 13px;
}

div.ctc div.contact-block img
{
	float: right;
	margin: 4px 0 0 22px;
}

div.ctc div.contact-block h1,
div.ctc div.contact-block h2,
div.ctc div.contact-block h3
{
	font-size: 12px;
	font-weight: bold;
	line-height: 16px;

}

div.ctc div.contact-block h1
{
	color: #333;
	padding: 0 0 3px;
}

div.ctc div.contact-block h2
{
	color: #666;
	padding: 0 0 8px;
}

div.ctc div.contact-block h3
{
	color: #666;
	padding: 0;
}

div.ctc div.contact-block a
{
	color: #333;
}

div.ctc div.contact-block p
{
	padding: 0 0 5px;
}

div.ctc div.contact-block a:hover
{
	color: #900;
	text-decoration: none;
}

/* CTC Event */

div.organized-by
{
	padding: 2px 0 18px;
}

div.organized-by p
{
	color: #999;
}

/* CTC Glossary */

div.glossary-index
{
	background: url(img/dotted-separator.gif) repeat-x;
	margin: 6px 0 14px;
}

div.glossary-index ul
{
	background: url(img/dotted-separator.gif) repeat-x left bottom;
	padding: 3px 0;
}

div.glossary-index li
{
	color: #999;
	font-size: 12px !important;
	line-height: 16px !important;
	float: left;
	margin-right: 11px;
}

div.glossary-index li.last
{
	margin-right: 0;
}

div.glossary-index li a
{
	color: #666;
}

div.glossary-index li strong
{
	font-weight: bold;
	color: #900;
}

div.glossary-index li a:hover
{
	color: #900;
}

div.glossary-block
{
	padding: 2px 0 18px;
}

div.glossary-block h3
{
	margin: 0 0 -5px;
}

div.glossary-block h4
{
	padding: 8px 0 0 12px;
}

div.glossary-block h5
{
	padding: 5px 0 0 12px;
}

div.glossary-block p
{
	padding: 0 0 0 12px;
}

/* CTC FAQ */

div.ctc div.faq-toc-block
{
	padding-bottom: 10px;
}

div.faq-toc-block ul.toc-list
{
	padding-bottom: 8px;
}

/* CTC Interview */

div.ctc div.left-content p.question
{
	font-weight: bold;
	padding-bottom: 0;
}

div.comment-block
{
	background: #eee;
	margin: 6px 0 22px;
	padding: 5px 9px 14px;
}

/* CTC Project */

ul.team-list
{
	padding-bottom: 2px;
}

ul.team-list li
{
	color: #666;
	line-height: 14px;
	padding: 1px 0 3px 0;
}

/* right ------------------------------------------------------------------------------------------------ */

div.right-content div.column /* for pagetools */
{
	border-top: 1px solid #999;
	margin: 5px 0 0;
	padding: 10px 0 0 0;
}

div.right-content div.content-navigation
{
	margin-bottom: -6px;
	padding: 4px 0;
	border-bottom: 1px solid #999;
}

div.right-content div.highlighted
{
	padding: 6px 10px 1px;
	background: #eee;
}

div.right-content div.box
{
	padding: 10px 14px 4px;
	background: #eee;
	margin: 0 0 9px 0;
}

div.right-content h3
{
	margin: 0 0 7px;
}

div.right-content div.box h3
{
	margin: 0 0 6px;
}

div.right-content div.box h4
{
	color: #666;
}

div.right-content p,
div.right-content ul
{
	padding: 0 0 5px;
}

div.right-content p.summary
{
	padding: 1px 0 12px;
}

div.right-content div.box p,
div.right-content div.box ul
{
	padding: 0 0 6px;
}

div.right-content div.box ul.download-list
{
	padding: 0 0 4px;
}

div.right-content div.box ul.link-list li,
div.right-content div.box ul.download-list li
{
	width: 100%;
}

ul.team-list li a.link
{
	background-position: 0 4px !important;
}

/* misc */

div.right-content a.email,
div.right-content a.link
{
	color: #333;
}

div.right-content a.email:hover,
div.right-content a.link:hover
{
	color: #900;
	text-decoration: none;
}

div.ctc div.right-content div.hruler
{
	background-color: #999;
	height: 1px;
	margin: 5px 0 10px;
	overflow: hidden;
}

/* pagetools just for ctc (which means, breadcrumb also exists) */
div#pagetools-zone
{
	margin: 1px 0 0;
	top: 3px;
}

div.pagetools
{
	height: 14px;
	position: relative;
	width: 276px;
}

body.with-page-tools div#footer-position-wrapper
{
	margin: 0 auto -78px; /* the bottom margin is the negative value of the footer's height */
}

body.with-page-tools div#footer-position-placeholder
{
	height: 78px; /* #footer-position-placeholder must be the same height as #footer-zone */
}

body.with-page-tools div#footer-zone
{
	padding: 62px 22px 0 44px;
	padding-left:0px;/**new add**/
	clear:both;/**new add**/
}

div.pagetools
{
	display: none;
}

body.with-page-tools div.pagetools
{
	display: block;
}

body.with-page-tools div#pagetools-footer-zone
{
	position: absolute;
	top: 36px;
	left: 44px;
	width: 916px;
	border-bottom: 1px solid #999;
	height: 16px;
}

div#pagetools-footer-zone div.pagetools
{
	position: absolute;
	left: 640px;
	top: 0;
}

div.pagetools p
{
	font-size: 12px !important;
	line-height: 16px !important;
	padding: 0;
}

p.pagetools-fontsize
{
	position: absolute;
	left: 0;
	top: 0;
	width: 84px;
	display: none;
}

div#pagetools-footer-zone p.pagetools-fontsize
{
	position: static;
	float: right;
	width: auto;
}

p.pagetools-functions
{
	float: right;
}

p.pagetools-fontsize a.active
{
	border-bottom: 1px solid #900;
}

p.pagetools-functions span.pipe
{
	border-right: 1px solid #999;
	float: left;
	height: 12px;
	margin: 0 10px;
	overflow: hidden;
	display: none;
}

html.js p.pagetools-functions span.pipe
{
	display: block;
}

div.pagetools a
{
	display: block;
	float: left;
	overflow: hidden;
}

div.pagetools a.tools-fontsize-decrease
{
	background: url(./img/pagetools.gif) no-repeat -22px 0;
	width: 11px;
	height: 11px;
	margin: 1px 4px 0 0;
	cursor: pointer;
}

div.pagetools a.tools-fontsize-enlarge
{
	background: url(./img/pagetools.gif) no-repeat 0 0;
	width: 11px;
	height: 11px;
	margin: 1px 6px 0 0;
	cursor: pointer;
}

div.pagetools p.smallest a.tools-fontsize-decrease
{
	cursor: default;
	background-position: -33px 0;
}

div.pagetools p.largest a.tools-fontsize-enlarge
{
	cursor: default;
	background-position: -11px 0;
}

div.pagetools a.tools-rate
{
	background: url(./img/pagetools.gif) no-repeat 0 -44px;
	width: 13px;
	height: 12px;
	display: none;
}

div.pagetools a.tools-share
{
	background: url(./img/pagetools.gif) no-repeat 0 -20px;
	width: 26px;
	height: 12px;
	display: none;
}

div.pagetools a.tools-print
{
	background: url(./img/pagetools.gif) no-repeat 0 -32px;
	width: 12px;
	height: 12px;
	display: none;
}

div.pagetools a.tools-recommend
{
	background: url(./img/pagetools.gif) no-repeat 0 -11px;
	height: 9px;
	width: 19px;
	margin: 3px 0 0;
}

div.pagetools a.tools-rss
{
	background: url(./img/pagetools.gif) no-repeat 0 -59px;
	width: 9px;
	height: 9px;
	margin: 3px 0 0;
}

html.js div.pagetools a.tools-recommend
{
	display: none;
}

html.js div.pagetools p.pagetools-fontsize,
html.js div.pagetools a.tools-print,
html.js div.pagetools a.tools-rate,
html.js div.pagetools a.tools-share
{
	display: block;
}

/* share links for pagetools */
div.simple-layer div.layer-content
{
	border: 1px solid #ccc;
	padding: 19px 14px 9px 14px;
	width: 246px;
}

div#simple-layer-share ul.share-links li
{
	float: left;
	width: 112px;
	padding: 4px 0;
}

div#simple-layer-share ul.share-links li.right
{
	float: right;
}

a.share-email
{
	padding-left: 22px;
	background: url(img/icon-share-email.gif) no-repeat 0 3px;
}

a.share-email:hover,
div#simple-layer-share ul.share-links a:hover
{
	color: #900;
	text-decoration: none;
}

div#simple-layer-share h3
{
	padding: 5px 0 1px 0;
}

div#simple-layer-share div.share-block
{
	background: url(img/dotted-separator-narrow.gif) 0 10px repeat-x;
	padding: 21px 0 0 0;
}

/* share links */

div#simple-layer-share ul.share-links a
{
	line-height: 16px;
	display: -moz-inline-box; /* ff2 */
	display: inline-block;
	padding: 1px 0 0 22px;
}

a.share-delicious
{
	background: url(img/icons-share.gif) no-repeat 0 -76px;
}

a.share-digg
{
	background: url(img/icons-share.gif) no-repeat 0 -101px;
}

a.share-facebook
{
	background: url(img/icons-share.gif) no-repeat 0 -151px;
}

a.share-faves
{
	background: url(img/icons-share.gif) no-repeat 0 -176px;
}

a.share-friendfeed
{
	background: url(img/icons-share.gif) no-repeat 0 -201px;
}

a.share-linkagogo
{
	background: url(img/icons-share.gif) no-repeat 0 -277px;
}

a.share-linkedin
{
	background: url(img/icons-share.gif) no-repeat 0 -302px;
}

a.share-mrwong
{
	background: url(img/icons-share.gif) no-repeat 0 -352px;
}

a.share-myspace
{
	background: url(img/icons-share.gif) no-repeat 0 -452px;
}

a.share-newsvine
{
	background: url(img/icons-share.gif) no-repeat 0 -527px;
}

a.share-oneview
{
	background: url(img/icons-share.gif) no-repeat 0 -577px;
}

a.share-simpy
{
	background: url(img/icons-share.gif) no-repeat 0 -704px;
}

a.share-stumbleupon
{
	background: url(img/icons-share.gif) no-repeat 0 -779px;
}

a.share-twitter
{
	background: url(img/icons-share.gif) no-repeat 0 -881px;
}

a.share-xing
{
	background: url(img/icons-share.gif) no-repeat 0 -931px;
}

a.share-yigg
{
	background: url(img/icons-share.gif) no-repeat 0 -957px;
}

/* product details rich content high complexity */
div.headline
{
	margin: 0 0 10px 0;
}

div.subheadline
{
	margin: 0;
}

div.feature-content
{
	margin: 0 0 14px 44px;
	padding: 6px 0 11px 0;
	background: url(img/dotted-separator-narrow.gif) repeat-x left bottom;
	float: left;
}

div.no-feature-border
{
	background: transparent;
}

div.with-pagetools div.first-column
{
	border: none;
	margin: 0;
	padding: 2px 0 0 0;
}

div.with-pagetools div.full-width-tabs
{
	padding-right: 276px;
}

div.with-pagetools
{
	position: relative;
}

div.with-pagetools div#pagetools-zone
{
	position: absolute;
	top: 6px;
	left: 684px;
	margin: 0;
}

div.tab-content-wrapper div.sifr-h2
{
	padding-top: 2px;
} 


#topnav {
	width: 914px;
	padding-left: 44px;
	padding-bottom: 16px;
	/*overflow: hidden;*/
	background-image: url(img/topnav.gif);
	height: 30px;
	background-repeat: no-repeat;
	background-position: right top;
}
#topnav ul {
	text-align: center;
	width: 888px;
	display: block;
	margin: 0 auto;
	/*overflow: hidden;*/
	height: 28px;
}
#topnav ul li {
	float: left;
	display: block;
	font-size: 14px;
	color: #333;
	height: 28px;
	line-height: 28px;
	margin-right: 4px;
    margin-left: 4px;
    font-weight: bold;
}
#topnav ul li a:hover {
	color: #990000;
	text-transform: none;
}
#topnav ul li a {
	color: #333333;
	text-transform: none;
}

#topnav ul .red {
	color: #990000;
	font-weight: bold;
}

#topnav div .hot {
    position:absolute;
    right:-24px;
    top:-15px;
    font-size: 12px;
    color: #990000;
}