/*
Swisscom Master
Content elements definitions
*/

/* 
cicd-css correction 
(could occur in cicd-css as well, but bad for backwards-compatibility) 
*/
h1{ margin-bottom:0; padding-bottom:0; display:block; }
h1.with-prelude{ padding-bottom:16px; }
h1.with-subtitle{ padding-bottom:0; }
h1 .subtitle{ 
	margin-bottom:8px;
	padding-top:9px;
	padding-bottom:1px;
	line-height:14px; 
	}
#subject table{ width:100%; }
	#subject caption{ color:#015; }
	#subject td, #subject th, #subject caption{ 
		padding-top:3px;
		padding-bottom:3px;
		text-align:left; 
		vertical-align:top; 
		font-size:12px; 
		line-height:14px; 
		}
	#subject td{ border-top:1px solid #bbb; }
#subject a.cross-reference{ zoom:1; }
sup{ 
	position:relative;
	top:-2px;
	display:inline !important;
	vertical-align:text-top;
	text-align:vertical;
	zoom:1;
	}
#subject h2.big,
#subject span.big{ 
	display:block;
	padding-top:9px; 
	}
#subject h2 a:hover{ text-decoration:underline; }
#subject .content-block{
	margin-bottom:18px;
	padding:0 14px;
	}
#sidebar a{ color:#1af; }
#sidebar a:hover{ text-decoration:underline; }
	#sidebar a.cross-reference{ color:#666; }
	#sidebar a.cross-reference:hover{ 
		color:#1af; 
		text-decoration:none;
		}
#sidebar .teaser h2{
	padding-bottom:4px;
	}
	
/* genric teaser in content */
#subject .teaser{
	position:relative;
	clear:left;
	}
	#subject .teaser h2{
		margin-bottom:4px;
		color:#015;
		
		}
	#subject .teaser h2 a{ color:#1af; }
	#subject .teaser .cross-reference{ 
		display:block; 
		background-position:0 4px;
		}
	#subject .linehead .cross-reference{ 
		display:block; 
		background-position:0 4px;
		}

#subject .teaser-text{ position:relative; }
/*#subject .teaser-thumb{ border-bottom:1px solid #bbb; }*/

	/* teaser 1 */
	#subject .teaser1{ 
		margin-bottom:19px; 
		padding:0 7px;
		}
		* html #subject .teaser1{ height:1px; }
		#subject .teaser1 h2{ font-size:12px; }
		#subject .teaser1 .leftCol {
			float: left;
			margin-right:7px;
			width:170px;
		}	
		#subject .teaser1 .rightCol {
			float:left;
			width:287px;
		}	
		#subject.splitted .teaser1 .leftCol {
			float: left;
			margin-left:26px;
			width:157px;
		}
		/** html	#subject.splitted .teaser1 .leftCol {
			margin-left:36px;
			margin-right:0px;
			width:157px;
		}*/
		#subject.splitted .teaser1 .rightCol {
			float:left;
			width:471px;
		}
		/** html #subject.splitted .teaser1 .rightCol {
			width:471px;
		}*/
	/* teaser 2 */
	#subject .teaser2{}
	/* teaser 3 */
	#subject .teaser3 { 
		padding:0 7px; 
		background:url(../images/layout/bg-teaser3-bottom.png) no-repeat 7px 100%;
		}
	#subject .teaser3 h2{ font-size:12px; }
	* html #subject .teaser3  
	{
		padding: 0 12px 7px 7px;
	}
	#subject .teaser3 .inner{
		position:relative;
		zoom:1;
		background:url(../images/layout/bg-teaser3-top.png) no-repeat center top;
		}
	#subject .teaser3 .top{
		position:relative;
		zoom:1;
		background:url(../images/layout/bg-teaser3-top.png) no-repeat 228px 0;
		}	
		#subject .teaser3 .top .leftCol {
			float: left;
			width:228px;
		}	
		#subject .teaser3 .top .rightCol {
			float: right;
			width:228px;
		}	
	#subject .teaser3 .bottom{
		clear:left;
		zoom:1;
		position:relative;
		}
		* html #subject .teaser3 .bottom{ zoom:1; }
		#subject .teaser3 .teaser-thumb{ float:left; }
		#subject .teaser3 .teaser-text{ 
			float:left; 
			padding:6px 10px 23px 7px;
			width:211px;
			}
			#subject .teaser3 .bottom .right{  padding:6px 7px 23px 10px; }
			/** html #subject .teaser3 .teaser-text{ width:228px; }*/
		#subject .teaser3 .right{
			position:relative;
			left:15px;
			}
	#subject .teaser-list{
		position:relative;
		left:7px;
		padding:0;
		width:671px;
		overflow:hidden;
		}
		#subject .teaser-list ul{ 
			position:relative;
			left:-7px;
			width:705px; 
			}
		#subject .teaser-list ul li{
			float:left;
			margin-right:1px;
			margin-bottom:10px;
			width:228px;
			background:url(../images/layout/teaser-list-bg-bottom.png) no-repeat bottom left;
			}
			#subject .teaser-list ul li h2{
				padding:0 10px;
				}
			#subject .teaser-list ul li .cross-reference{ position:relative; left:10px; }
			#subject .teaser-list ul li .teaser-thumb{
				display:block;
				margin-bottom:6px;
				}
			#subject .teaser-list ul li .inner{
				padding:5px 7px 12px 7px;
				background:url(../images/layout/teaser-list-bg-top.png) no-repeat top left;
				}
			#subject .teaser-list ul li .teaser-text{
				padding:0 10px;
				margin-bottom:10px;
				}
		#subject .teaser-list ul li.line{ 
			margin-right:0;
			width:685px; 
			background-image:none;			
			}
			#subject .teaser-list ul li.line .inner{ 
				position:relative;
				padding-bottom:0;
				background-image:none;
				}
			#subject .teaser-list ul li.line .teaser-text .big{ margin-top:7px; 	}
			#subject .teaser-list ul li.line .teaser-text{
				position:absolute;
				left:458px;
				top:70px;
				width:200px;
				}
				#subject .teaser-list ul li.line .teaser-text .cross-reference{
					left:0;
					background-image:url(../images/layout/cross-reference-editor.gif);
					}
				#subject .teaser-list ul li.line .teaser-text ul{ left:0; }
		#subject .teaser-list ul li ul{ width:auto; }
			#subject .teaser-list ul li ul li{
				float:none;
				margin:0;
				border:none;
				padding:0;
				width:auto;
				background:none;
				}
				* html #subject .teaser-list ul li .link-list li{ margin-top:-2px; margin-bottom:-3px; zoom:1; }
		#subject .teaser-list ul li .link-list{ padding:0 0 0 10px; }
			#subject .teaser-list ul li .link-list{ zoom:1; }
	#subject .bigtease{ padding-top:9px; }
					
#subject .text-content{
	padding-left:14px;
	padding-right:14px;
	}
#subject .linehead { padding:1px 7px 0 7px; }
	#subject .linehead h2{
		position:relative;
		margin-bottom:7px;
		border-bottom:1px solid #001155;
		padding:4px 0 3px 8px;
		font-size:12px;
		color:#001155;
		font-family:"Trebuchet MS",Arial,Sans;
		font-weight:normal;
		background-position:top right;
		background-repeat:no-repeat;
		}
		#subject .linehead h2.big{ padding-top:9px; }
		#subject .linehead h2.secondary{
			border-bottom:none;
			margin-bottom:0;
			}		
	#subject .linehead p{ 
		padding-left:7px;
		padding-right:7px;
		}
	#subject .linehead .link-list{
		margin-left:7px;
		margin-bottom:7px;
		}
		#subject .linehead .big-table .link-list{
			margin-left:0;
			margin-bottom:0;
			}
			#subject .linehead .big-table .link-list .cross-reference{
				display:block;
				background-position:0 4px;
				}
#subject .formline{ 
	position:relative;
	margin-bottom:13px;
	padding-top:1px;
	padding-bottom:1px;
	overflow:hidden; 
	zoom:1; 
	}
	#subject .formline .right-buttonline a.standardbutton{
		position:relative;
		right:-7px;
		float:right;
		}
	#subject .formline textarea.textarea{
		width:205px;
		height:112px;
		border:1px solid #ababab;
		font-family:"Trebuchet MS", Arial, Sans;
		font-size:12px;
		}
		/** html #subject .formline textarea.textarea{ width:203px; }*/

	#subject .formline textarea.textareaSmall{
			width:205px;
			height:62px;
			border:1px solid #ababab;
			font-family:"Trebuchet MS", Arial, Sans;
			font-size:12px;
		}
		/** html #subject .formline textarea.textareaSmall{ 
			width:203px; 
		}*/
		#subject .ratePage textarea.textarea{
			width: 350px !important;
			padding-left: 0px;
		}
		/** html	#subject .ratePage textarea.textarea{
			width: 370px !important;
			padding-left: 0px;
		}
		*+html	#subject .ratePage textarea.textarea{
			width: 370px !important;
			padding-left: 0px;
		}*/	
	#subject .form-fulltext textarea.textarea{
		width:384px !important;
		}
	#subject .form-fulltext textarea.textareaSmall{
		width:384px !important;
		}
	#subject .form-textline label{ 
		float:left;
		width:178px;
		color:#666;
		zoom:1;
		line-height:18px;
		overflow:hidden;
		}
	#subject .form-textline span.text{ 
		float:left;
		margin-right:8px;
		padding-right:8px;
		height:18px;
		background:url(../images/layout/input-text-bg.png) no-repeat top right;
		}
		#subject .form-textline span.text span.inner-text{ 
			float:left;
			height:18px;
			padding-left:8px;
			background:url(../images/layout/input-text-bg.png) no-repeat top left;
			overflow:hidden;
			}
			#subject .form-textline span.text input.text{
				position:relative;
				float:left;
				margin:0;
				padding:0;
				height:18px;
				width:185px;
				border:0;
				color:#333;
				background:none;
				}
				* html #subject .form-textline span.text input.text{ top:3px; }
				*+html #subject .form-textline span.text input.text{ top:3px; }
			#subject .form-textline span.text input.hint{ color:#666; }
	#subject .formline .hint-under{
		display:block;
		clear:left;
		padding-top:3px;
		padding-left:188px;
		font-size:11px;
		color:#666;
		}	
	#subject .inner-labels label{ padding-top:21px; }
	#subject .inner-labels .inner-label{ float:left; }
		#subject .inner-labels .inner-label span.label{ 
			display:block;
			float:left;
			padding-bottom:5px;
			color:#666;
			}
		#subject .inner-labels .inner-label span.text{ clear:left; }	
	#subject .error{ background:url(../images/layout/form-error.png) no-repeat 420px 0; }
		#subject .error label{ color:#d12; }
			#subject .errormessage,
			#subject .error .hint-under{ color:#d12; }
	#subject .submitline{ padding-top:18px; }
	#subject .dropdown{
		overflow:visible;
		height:18px;
		cursor:default !important;
		/* added by garaio, 16.05.09 */
		position: relative;
		}
		#subject .dropdown .drop-menu{
			float:left;
			position:absolute;
			top:1px;
			left:192px;
			zoom:1;			
			}
		#subject .dropdown .drop-title{
			float:left;
			padding-left:15px;
			height:18px;
			background:url(../images/layout/input-dropdown-bg.png) no-repeat top left;
			z-index:101;
			}
			#subject .dropdown .drop-title span{
				display:block;
				padding-top:2px;
				padding-right:20px;
				height:16px;
				width:166px;
				background:url(../images/layout/input-dropdown-bg.png) no-repeat top right;
				}
				* html #subject .dropdown .drop-title span{
					/*display:inline-block;*/
					height:18px;
					}
			#subject .dropdown .hint{ color:#666; }
		#subject .dropdown .open{ background-position:bottom left; }
		#subject .dropdown .open span{ background-position:bottom right; }
		#subject .dropdown .drop-list{
			position:relative;
			top:-1px;
			display:none;
			max-height:120px;
			clear:left;
			margin-left:8px;
			border:1px solid #bbb;
			z-index:100;
			font-family:"Trebuchet MS", Arial, Sans;
			overflow:auto;			
			}
			#subject .dropdown .drop-list li{
				display:block;
				font-family:"Trebuchet MS", Arial, Sans;	
				position:relative;
				z-index:100;
				line-height:16px;
				}
			#subject .dropdown .drop-list a{
				display:block;
				position:relative;
				padding-top:2px;
				padding-bottom:2px;
				padding-left:7px;
				color:#333;
				background-color:#fff;
				cursor:default;
				z-index:100;
				}
			#subject .dropdown .drop-list a.hover,
			#subject .dropdown .drop-list a:hover{
				color:#fff;
				background-color:#1af;
				text-decoration:none;
				}
				
	#subject .drop-wrap{  
		position:relative;
		height:18px;
		overflow:hidden;
		}
		#subject .drop-wrap select{
			position:absolute;
			left:-9999px;
			}
	#subject .separator{
		margin-left:7px;
		margin-right:7px;
		padding-bottom:12px;
		padding-left:7px;
		padding-right:7px;
		border-bottom:1px solid #bbb;
		zoom:1;
		}
				
#subject .comp h2{ margin-bottom:4px; }
#subject .comp .big-table .pos-cell{ width:103px; }
#subject .comp .big-table .double-pos-cell{ width:140px; }
#subject .comp .big-table .thumb{ 
	padding-top:17px;
	padding-bottom:2px;
	}
	
/* special swisscom wysiwyg fixes */
#subject .multiple-headings{ margin:0px 10px 0px 8px; }
	#subject .multiple-headings h2{
		margin-left:0;
		margin-right:0;
		padding-left:0;
		padding-top:10px;		
		}
	
	
/* tabs */
#subject .tab-block{ 
	padding:0; 
	margin-bottom:0; 
	}
	* html #subject .tab-block{ zoom:1; }
	*+html #subject .tab-block{ zoom:1; }
	#subject .tab-block .tab-content{
		padding-top:10px;
		zoom:1;
		}
	/*
	TODO: check with fabian
	#subject .tab-content .linehead h2{
		margin-left:7px;
		margin-right:7px;
		}
	#subject .tab-content .linehead .big-table{
		padding-left:7px;
		padding-right:7px;
		}
	*/
#subject .tabs{
	position:relative;
	left:7px;
	padding-left:9px;
	width:471px;
	height:21px;
	background:url(../images/layout/subject-tabs-bg.png) no-repeat top left;	
	}
	#subject .tabs li{
		position:relative;
		float:left;
		height:21px;
		}
		#subject .tabs li a{
			display:block;
			float:left;
			padding:3px 10px 0 7px;
			height:18px;
			background:url(../images/layout/subject-tabs-sep.png) no-repeat top right;
			color:#333;
			white-space:nowrap;
			}
			/** html #subject .tabs li a{ height:21px; }			*/
			#subject .tabs li a:hover{ text-decoration:none; color:#1af; }
	#subject .tabs li.active{
		left:-7px;
		padding-left:7px;
		margin-right:-12px;
		background:#fff url(../images/layout/subject-tabs-sh-left.png) no-repeat top left;
		}
		#subject .tabs li.active a{			
			padding-right:14px;
			padding-left:8px;
			background-image:url(../images/layout/subject-tabs-sh-right.png);
			color:#015;
			}
/* expander */
#subject .expander{ padding:0; 	}
	#subject .expander h2.expander-header{
		position:relative;
		padding:0 7px;
		zoom:1;
		}
		#subject .expander h2.expander-header a{
			display:block;
			padding:9px 0 9px 7px;
			height:12px;
			color:#333;
			background:url(../images/layout/expander-minus.gif) no-repeat top right;
			zoom:1;
			}
			#subject .expander h2.expander-header a:hover {
				color:#1af;
				text-decoration:none;  
			}
		#subject .expander h2.expander-header a.closed{ background:url(../images/layout/expander-plus.gif) no-repeat top right; }
	#subject .expander .expander-container{
		display:none;
		position:relative;
		padding-bottom:10px;
		padding-top:18px;
		background:url(../images/layout/expander-trenner.gif) no-repeat bottom left;
		zoom:1;
		}

/* special elements */

/* IE Hack for lists */
#subject .link-list{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
#subject .link-list li{font-family:"Trebuchet MS", Arial, Sans; zoom:1; line-height:17px;}
* html #subject .link-list li { zoom:1; margin-top:-2px; margin-bottom:-3px; }
* html #subject .link-list li  a{ zoom:1; display:inline-block; }
*+html #subject .link-list li  a{ zoom:1; display:inline-block; }

#subject .small-table{
	position:relative;
	padding-left:7px;
	zoom:1;
	}
	#subject .small-table .link-list{ 
		margin-top:9px; 
		margin-right:7px;
		}
	#subject .small-table .fix-cell{ width:150px; }
	

#subject .big-table{ 
	position:relative; 
	zoom:1; 
	}
#subject .big-table th{ 
	font-weight:normal; 
	color:#015;
	}
#subject .big-table td,
#subject .big-table th,
#subject .big-table caption{
	padding-left:7px;
	padding-right:7px;
	}
	#subject .big-table th a:hover{ text-decoration:none; }
#subject .big-table .price{ padding-bottom:5px; }
	#subject .big-table .price-width-desc{ overflow:hidden; }
		#subject .big-table .price-width-desc .price-desc{ 
			float:left;
			margin-right:8px;
			margin-top:8px;
			}
		#subject .big-table .price-width-desc .price{ float:left; }
	#subject .big-table .head td{ 
		border:0; 
		padding-top:0;
		}
	#subject .big-table  .fix-cell{ width:357px; }
	#subject .big-table  .desc-cell{ width:270px; }
		#subject .big-table  .desc-cell p{ 
			padding-left:0;
			padding-right:0;
			width:250px; 
			}
#subject .big-table .foot td{ border-bottom:1px solid #bbb; }
#subject .row-group-table{}
	#subject .row-group-table th{
		border-bottom:1px solid #015;
		}
	#subject .row-group-table .group-head td{
		border:none;
		padding-top:6px;
		padding-bottom:5px;
		color:#015;
		}
	#subject .row-group-table .group-member td{
		border-top:0;
		padding-top:0;
		padding-bottom:0;
		}
	#subject .row-group-table .group-foot td{
		border-top:none;
		padding-top:0;
		padding-bottom:6px;
		border-bottom:1px solid #bbb;
		}
	#subject .row-group-table .ok,
	#subject .row-group-table .nok{
		position:relative;
		top:-1px;
		}
			
#subject .price{ 
	display:block;
	padding:4px 0 0 10px;
	font-size:18px; 
	line-height:18px;
	color:#015;
	background:url(../images/layout/chf.png) no-repeat 0 5px;
	}
	#subject .price .time{ font-size:12px; }
	
#subject .dash-list{ margin-bottom:17px; }	
	#subject .dash-list li{
		padding-left:10px;
		background:url(../images/layout/dash-list-dash.png) no-repeat 0 7px;
		zoom:1;
		}
#subject .dash-list{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
#subject .dash-list li{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
* html #subject .dash-list li { zoom:1; margin-top:-2px; margin-bottom:-3px; line-height:17px;}
* html #subject .dash-list li  a{ zoom:1; display:inline-block; }
*+html #subject .dash-list li  a{ zoom:1; display:inline-block; }
	
#sidebar .dash-list{ margin-bottom:17px; }	
	#sidebar .dash-list li{
		padding-left:10px;
		background:url(../images/layout/dash-list-dash.png) no-repeat 0 7px;
		zoom:1;
		}
#sidebar .dash-list{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
#sidebar .dash-list li{font-family:"Trebuchet MS", Arial, Sans; zoom:1; }
* html #sidebar .dash-list li { zoom:1; margin-top:-2px; margin-bottom:-3px; line-height:17px;}
* html #sidebar .dash-list li  a{ zoom:1; display:inline-block; }
*+html #sidebar .dash-list li  a{ zoom:1; display:inline-block; }

#subject .num-list *{
	vertical-align:top !important;
	}
#subject .num-list{ 
	padding-left:20px;
	margin-left:10px;
	margin-bottom:17px; 
	list-style:none;
	list-style-type:decimal;
	list-style-position:outside;
	}	
	#subject .num-list li{
		display:list-item;
		list-style:none;
		list-style-type:decimal;
		list-style-position:outside;
		}
* html #subject .num-list{
	position:relative;
	left:-20px;
	font-family:"Trebuchet MS", Arial, Sans; zoom:1; 
	}
* html #subject .num-list li{
	zoom:1; 
	list-style-position:inside;
	font-family:"Trebuchet MS", Arial, Sans; 
	padding-bottom:2px;
	margin-bottom:-3px;
	line-height:17px;
	}

#sidebar .num-list *{
	vertical-align:top !important;
	}
#sidebar .num-list{ 
	padding-left:20px;
	margin-left:10px;
	margin-bottom:17px; 
	list-style:none;
	list-style-type:decimal;
	list-style-position:outside;
	}	
	#sidebar .num-list li{
		display:list-item;
		list-style:none;
		list-style-type:decimal;
		list-style-position:outside;
		}
* html #sidebar .num-list{
	position:relative;
	left:-20px;
	font-family:"Trebuchet MS", Arial, Sans; zoom:1; 
	}
* html #sidebar .num-list li{
	zoom:1; 
	list-style-position:inside;
	font-family:"Trebuchet MS", Arial, Sans; 
	padding-bottom:2px;
	margin-bottom:-3px;
	line-height:17px;
	}

#subject .h-link-list{
	display:block;
	margin-top:10px;
	overflow:hidden;
	}
	#subject .h-link-list li{
		float:left;
		padding-left:7px;
		margin-right:25px;
		}
		#subject .h-link-list li.last{ margin-right:0; }
		
#subject .ok,
#subject .nok{
	height:9px;
	width:9px;
	margin-top:3px;
	margin-left:5px;
	}
#subject .ok{
	background-image:url(../images/layout/tick-ok.png);
	background-position:0 0;	
	}
#subject .nok{
	background-image:url(../images/layout/tick-nok.png);
	background-position:1px 3px;	
	}
	
/* juqery plugins */
#subject input.perfectradio,
/* added by garaio, 16.05.09 */
#subject input.perfectradio-box {
	position:absolute;
	left:-9999px;
	}
#subject label.perfectradio,
/* added by garaio, 16.05.09 */
#subject label.perfectradio-label,
/* added by garaio, 16.05.09 */
#subject label.perfectradio-box {
	width:auto;
	padding-left:20px;
	padding-right:18px;
	padding-top:0;
	background:no-repeat 0 1px;
	cursor:pointer;
	color:#333;
	line-height:18px;
	display:inline;
	background-image:url(../images/layout/input-radio-0.png);
	}
#subject label.perfectradio-checked{ background-image:url(../images/layout/input-radio-1.png); }
#subject label.perfectradio-disabled{ 
	background-image:url(../images/layout/input-radio-2.png); 
	color:#bbb;
	}
#subject .radio label{
	float:left;
	}
#subject .radioblock{
	float:left;
	width:270px;
	}
		
#subject input.perfectcheckbox,
/* added by garaio, 16.05.09 */
#subject input.perfectcheckbox-box {
	position:absolute;
	left:-9999px;
	}
#subject label.perfectcheckbox,
/* added by garaio, 16.05.09 */
#subject label.perfectcheckbox-label,
/* added by garaio, 16.05.09 */
#subject label.perfectcheckbox-box {
	padding-left:20px;
	margin-bottom:7px;
	background:no-repeat center left;
	cursor:pointer;
	color:#333;
	line-height:16px;
	display:block;
	background:url(../images/layout/input-checkbox-0.png) no-repeat 0 0;
	}
#subject label.perfectcheckbox-checked{ 
	background:url(../images/layout/input-checkbox-1.png) no-repeat 0 0; }
#subject label.perfectcheckbox-disabled{ 
	background:url(../images/layout/input-checkbox-2.png) no-repeat 0 0; 
	color:#bbb;
}

/* Sidebar */
/*#sidebar .teaser h2{ font-size:14px; }*/

/* CTAs */
#subject .cta{
	padding-left:7px;
	padding-right:7px;
	margin-bottom:14px;

	/*padding-left:0;
	padding-right:0;*/
	padding-bottom:0;
	border:none;
	}
	#subject .cta .html-cta{
		position:relative;
		width:469px;
		height:177px;
		background:url(../img/cicd/c-cta-bg.png) no-repeat top left;
		border:1px solid #d0d0d0;
		}
		#subject .cta .html-cta .cta-inner{
			position:absolute;
			top:18px;
			left:186px;
			}
		#sidebar .cta .html-cta h2,
		#subject .cta .html-cta h2{
			position:relative;
			margin-bottom:7px;
			padding:0;
			font-size:16px;
			color:#015;
			line-height:16px;
			}
			
			#sidebar .cta .html-cta h2 a,
			#subject .cta .html-cta h2 a{ color:#1af; }
			#sidebar .cta .html-cta h2 a:hover,
			#subject .cta .html-cta h2 a:hover{ text-decoration:underline; }
		#sidebar .cta .html-cta h2{
			margin-top:4px;
			}
		#subject .cta .html-cta img.thumb{  
			position:absolute;
			top:18px;
			}
		#sidebar .cta .html-cta .cross-reference,
		#subject .cta  .html-cta .cross-reference{
				display:block;
				margin:0;
				left:0;
				background-image:url(../images/layout/cross-reference-editor.gif);
				background-position:0 4px;
				}
		#sidebar .cta .html-cta p,
		#subject .cta  .html-cta p{ padding-right:10px; }
	#subject .cta .no-image-cta{
		background-image:url(../img/cicd/c-cta-pure.png);
		}	
		
#sidebar .cta .html-cta{
	position:relative;
	padding:
	width:185px;
	height:273px;
	background:url(../img/cicd/t-cta-bg.png) no-repeat top left;
	border-bottom:1px solid #d0d0d0;
	}
	#sidebar .cta .cta-inner{
		position:relative;
		padding:10px 7px 0 7px;
		}
	#sidebar .cta .html-cta h2{ left:0; }
	#sidebar .cta .html-cta h2 span{ left:0; }
#sidebar .cta .small-cta{ background:url(../img/cicd/t-cta-small.png) }
#sidebar .cta .pure-cta{ background:url(../img/cicd/t-cta-pure.png) }
	
/* deprecated, from starforce: DO NOT USE! */
#subject .cta  .big{ margin-top:7px; 	}
#subject .cta .teaser-text{
	position:absolute;
	left:285px;
	top:64px;
	width:193px;
	}
	#subject .cta .teaser-text .cross-reference{
		display:block;
		left:0;
		background-image:url(../images/layout/cross-reference-editor.gif);
		background-position:0 4px;
		}
	#subject .cta .teaser-text ul{ left:0; }
#sidebar .cta  .big{ margin-top:7px; 	}
#sidebar .cta .teaser-text{
	position:absolute;
	left:10px;
	top:212px;
	width:168px;
	}
	#sidebar .cta .teaser-text .cross-reference{
		display:block;
		background-image:url(../images/layout/cross-reference-editor.gif);
		background-position:0 4px;
		margin-top:0;
		}
	#sidebar .cta .teaser-text ul{ left:0; }
/* deprecated end, from starforce */

	
