/* new silicon Paint CSS */
/* reset styles */
div.paintUnit * {
margin: 0;
padding: 0;
color: #000;
list-style: none;
border: none;
background: none;
}
/* reset styles end */
div.paintUnit {
font-size: 16px;
font-size: 100%;
}
div.paintUnit.half {
	float: left;
}
div.paintUnit p {
	margin: 0 0 10px 0;
}

.glblSeperator {
	float: left;
	height: 1px;
	width: 10px;
}
/* Backtab styles START */
div.paintUnit .backtabs { 
background-color: #373783;
background-repeat: no-repeat;
background-position: top left;
background-image: url("/i/s5/gl/bg/box-336-top.jpg");
width: 336px;
}
div.paintUnit .backtabs ul {
list-style: none;
margin: 0;
padding: 5px 8px 0 8px;
}
div.paintUnit .backtabs li {
display: inline;
line-height: normal;
margin: 0;
padding: 0;
}

div.paintUnit .backtabs a, div.paintUnit .backtabs strong, div.paintUnit .backtabs-half a, div.paintUnit .backtabs-half strong  { /* strong tag in place of anchor if the tab is not a link */
background: url("/i/s5/gl/bg/tab-left-white-purple.gif") no-repeat left top; /* white and purple version of tabs */
float: left;
font-family: tahoma, verdana, sans-serif;
margin: 0 2px 0 0;
padding: 0 0 0 9px;
text-decoration: none;
font-size: 0.7em;
}
div.paintUnit .backtabs a span, div.paintUnit .backtabs strong span {
background: url("/i/s5/gl/bg/tab-right-white-purple.gif") no-repeat right top;
color: #fff;
cursor: pointer; /* hand pointer for IE rendering on anchor links */
display: block;
float: left;
font-family: tahoma, verdana, sans-serif;
font-weight: bold;
padding: 3px 8px 4px 0;
}
div.paintUnit .backtabs strong span {
cursor: default;
}
div.paintUnit .backtabs a:hover span {
color: #000033;
}
div.paintUnit .backtabs .selected a, div.paintUnit .backtabs .selected strong {
background-position: 0 -150px; /* rollover graphic state in the same one graphic as the non-selected state, negative value here positions the graphic, 150px defined due to each graphic state set to 150px in height */
border-width: 0;
}
div.paintUnit .backtabs .selected a span, div.paintUnit .backtabs .selected strong span {
background-position: 100% -150px;
color: #000033;
padding-bottom: 4px;
}
div.paintUnit .backtabs a:hover {
background-position: 0% -150px;
text-decoration: none;
}
div.paintUnit .backtabs a:hover span {
background-position: 100% -150px;
}
/* special color backtabs */
div.paintUnit .backtabs-ciojury {
background-image: url("/i/s5/gl/bg/box-336-top-brown.jpg");
}
div.paintUnit .backtabs-ciojury a, div.paintUnit .backtabs-ciojury strong {
background: url("/i/s5/gl/bg/tab-left-white-brown.gif") no-repeat left top;
}
div.paintUnit .backtabs-ciojury a span, div.paintUnit .backtabs-ciojury strong span {
background: url("/i/s5/gl/bg/tab-right-white-brown.gif") no-repeat right top;
}
/* fixed css for half paints */
div.paintUnit .backtabs-half {
background-image: url(/i/s5/gl/bg/box-162-top.jpg);
background-repeat: no-repeat;
width: 162px;
height: 25px;
margin: 0;
padding: 0;
}
div.paintUnit .backtabs-half ul {
list-style-image: none;
list-style-position: outside;
list-style-type: none;
margin: 0;
padding: 5px 8px 0;
}
div.paintUnit .backtabs-half ul li {
display: inline;
line-height: normal;
margin: 0;
padding: 0;
}
div.paintUnit .backtabs-half ul li.selected a, div.paintUnit .backtabs-half .selected strong {
background-position: 0 -150px;
border-width: 0;
}
div.paintUnit .backtabs-half a, div.paintUnit .backtabs-half strong {
background: url("/i/s5/gl/bg/tab-left-white-purple.gif") no-repeat left top; /* white and purple version of tabs */
float: left;
font-family: tahoma, verdana, sans-serif;
margin: 0 2px 0 0;
padding: 0 0 0 9px;
text-decoration: none;
}
div.paintUnit .backtabs-half a span, div.paintUnit .backtabs-half strong span {
background: url("/i/s5/gl/bg/tab-right-white-purple.gif") no-repeat right top;
color: #fff;
cursor: pointer; /* hand pointer for IE rendering on anchor links */
display: block;
float: left;
font-family: tahoma, verdana, sans-serif;
font-weight: bold;
padding: 3px 8px 4px 0;
}
div.paintUnit .backtabs-half strong span {
cursor: default;
}
div.paintUnit .backtabs-half a:hover span {
color: #000033;
}
div.paintUnit .backtabs-half .selected a, div.paintUnit .backtabs-half .selected strong {
background-position: 0 -150px; /* rollover graphic state in the same one graphic as the non-selected state, negative value here positions the graphic, 150px defined due to each graphic state set to 150px in height */
border-width: 0;
}
div.paintUnit .backtabs-half .selected a span, div.paintUnit .backtabs .selected strong span {
background-position: 100% -150px;
color: #000033;
padding-bottom: 4px;
}
div.paintUnit .backtabs-half a:hover {
background-position: 0% -150px;
text-decoration: none;
}
div.paintUnit .backtabs-half a:hover span {
background-position: 100% -150px;
}
/* END OF Backtab Styles */
.TwinUnits div.paintUnit {
float: left;
background: none;
}
.TwinUnits div.paintUnit.twinleft {
margin-right: 10px;
}

div.paintUnit .content-box {
background-color: #fff;
background-image: url("/i/s5/gl/bg/box-gradient.jpg");
background-repeat: repeat-x;
border: 1px solid #ccc;
border-top: 0;
clear: both;
color: #000;
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
overflow: hidden;
width: 314px;
}
/* more links */
div.paintUnit  ul.more-links {
clear: both;
margin: 0 0 10px 0;
padding: 0;
}

div.paintUnit  ul.more-links li {
display: inline;
background-image: url("/i/s5/gl/bul/arrow.gif");
background-repeat: no-repeat;
/*background-position:	1px 4px;*/
font-size: 9px;
list-style: none;
margin: 0 18px 0 0;
padding: 0 0 0 8px;
}
div.paintUnit  p.more-links a, div.paintUnit  p.more-links a:hover, div.paintUnit  ul.more-links a, div.paintUnit  ul.more-links a:hover, div.paintUnit ul.more-links-half a, ul.more-links-half a:hover {
color: #333;
font-weight: normal;
font-family: tahoma, verdana;
}
div.paintUnit a img.rss, div.paintUnit-half a img.rss  {
border: 0;
border: none;
display: inline;
float: none;
margin: 0;
padding: 0;
vertical-align: bottom;
}

/* In silicon.com paint */
div.paintUnit .content-box.inSilicon form {
border: none;
margin: 0;
padding: 0;
}
div.paintUnit .content-box.inSilicon select { /* Navigate this site dropdown menu */
margin: 0 10px 6px 10px;
width: 240px;
border: 1px solid #ccc;
padding: 2px;
background-color: #fff;
}
div.paintUnit .content-box.inSilicon ol {
margin: 0;
padding: 0 0 10px 0;
}
div.paintUnit .content-box.inSilicon li h5 {
color: #333;
font-size: 90%; /* equivilent to 10px size due to embedding in a list tag */
margin: 0;
}
div.paintUnit .content-box.inSilicon li {
line-height: 1.6em;
list-style: none;
margin: 0;
font-size: 65%;
}
div.paintUnit .content-box.inSilicon ol#zones {
float: left;
margin: 0 5px 0 0;
width: 185px;
}
div.paintUnit .content-box.inSilicon ol#zones li {
float: left; /* in order to align each list tag horizontally */
width: 49%;
}
div.paintUnit .content-box.inSilicon ol#zones li.zone-header { /* this top list tag contains the sub header, therefore needs to sit on its own level and do not need to float */
float: none;
width: auto;
}
div.paintUnit .content-box.inSilicon ol#verticals {
float: left;
width: 114px;
}
div.paintUnit .content-box.inSilicon ol#verticals a, .content-box.inSilicon ol#verticals a:hover { /* Vertical column links in red */
color: #903;
}
/* In silicon.com paint END */

/* new styles */
div.paintUnit .content-box a {
color: #000;
font-weight: bold;		
}
div.paintUnit .content-box p, div.paintUnit .content-box ul li {
font-family: tahoma, verdana;
font-size: 65%;
}
div.paintUnit .content-box ul.more-links.half {
position: absolute;
bottom: 0;
left: 0;
}
div.paintUnit .content-box ul.more-links li {
margin: 0;
}
div.paintUnit .content-box ul.more-links li a {
font-weight: normal;
font-size: 9px;
}
div.paintUnit .content-box a img {
border: 1px solid #ccc;
}
div.paintUnit img.globalThm {
border: solid 1px #999;
float: left;
margin: 5px 12px 0 0;
}
div.paintUnit .content-box-half {
width: 140px;	
height: 270px;
overflow: hidden;
position: relative;
background-color: #fff;
background-color: #fff;
background-image: url("/i/s5/gl/bg/box-gradient.jpg");
background-repeat: repeat-x;
border: 1px solid #ccc;
border-top: 0;
clear: both;
color: #000;
margin: 0 0 20px 0;
padding: 10px 10px 0 10px;
overflow: hidden;
}      
div.paintUnit .content-box-half img.plead {
width: 120px;
margin: 5px 0 10px 9px;
padding: 0;
border: 1px solid #999;
}
div.paintUnit .content-box-half a {
color: #000;
font-weight: bold;		
}
div.paintUnit .content-box-half p, div.paintUnit .content-box-half ul li {
font-family: tahoma, verdana;
font-size: 65%;
}
div.paintUnit ul.more-links-half {
clear: both;
margin: 0 0 5px 0;
padding: 0;
width: 162px;
}

div.paintUnit ul.more-links-half li {
display: inline;
background-image: url("/i/s5/gl/bul/arrow.gif");
background-repeat: no-repeat;
font-size: 9px;
list-style: none;
margin-left: 0;
margin-right: 18px;
margin-bottom: 0;
margin-top: 0;
padding: 0 0 0 8px;
}
div.paintUnit p.more-links a, p.more-links a:hover, ul.more-links-half a, ul.more-links-half a:hover {
color: #333;
font-weight: normal;
}
div.paintUnit .content-box-half  ul.more-links-half {
position: absolute;
bottom: 0;
left: 2px;
clear: both;
}
div.paintUnit .content-box-half ul.more-links-half li {
margin: 0;
}
div.paintUnit .content-box-half ul.more-links-half li a {
font-weight: normal;
font-size: 9px;
display: inline;
}
/*half paint fix end*/
	
/* research panel */
div.paintUnit #research-panel p {
margin: 0 0 8px 0;
}
div.paintUnit #research-panel ul, div.paintUnit #related-research ul {
list-style: none;
padding: 0;
margin: 0 0 10px 0;
}
div.paintUnit #research-panel ul li {
padding-left: 10px;
margin: 0 0 5px 0;
background: url(http://www.silicon.com/i/s5/gl/bul/arrow.gif) no-repeat 0 40%;
font-size: 65%;
font-family: tahoma, verdana;
}
div.paintUnit #related-research p span {
padding-left: 10px;
margin: 0 0 5px 0;
background: url(http://www.silicon.com/i/s5/gl/bul/arrow.gif) no-repeat 0 40%;
font-family: tahoma, verdana;
display: block;
line-height: 1.1em;
}
/* commentary */
div.paintUnit .content-box-half #commentary-half img.plead {
margin-bottom: 5px;
}
div.paintUnit .content-box.commentary a:link, div.paintUnit .content-box.commentary a:visited {
color: #6E6DD3;
}
div.paintUnit #commentary-half a {
color: #6E6DD3;
display: block;
clear: both;
margin: 0;
}
div.paintUnit .content-box.commentary a strong, div.paintUnit .content-box.commentary .more-links a, div.paintUnit  #commentary-half .more-links-half a, #ps-commentary .more-links a, div.paintUnit .content-box.cio a strong, div.paintUnit .content-box.cio .more-links a, div.paintUnit-half .content-box.cio .more-links a {
color: #333;
display: inline;
}
div.paintUnit .content-box.commentary p {
margin: 5px 0;
}
/* Most Popular */
div.paintUnit ol.most-pop-list, div.paintUnit ol.most-pop-list li {
list-style-type: decimal;
margin-left: 15px;
}
div.paintUnit ol.most-pop-list li {
font-size: 65%;
margin: 0 0 10px 0;
}
div.paintUnit img.sponsoredby {
margin: 0 0 10px 40px;
}
/* Podcast with Graphic */
div.paintUnit #podcast-graphic {
height: 140px;
position: relative;
}
div.paintUnit #podcast-graphic p {
width: 180px;
}
div.paintUnit #podcast-graphic .podcast-img {
position: absolute;
bottom: 0;
right: 5px;
}
div.paintUnit #podcast-graphic ul.more-links {
position: absolute;
bottom: 0;
}
div.paintUnit #cheatsheets ul {
padding: 0;
list-style: none;
margin: 0 30px 10px 0;
float: left;
width: 140px;
}
div.paintUnit #cheatsheets ul.column2 {
margin-right: 0;
}
div.paintUnit #cheatsheets ul li {
margin: 0 0 5px 0;
}
div.paintUnit #cioQA ul.cioQA {
padding: 0;
list-style: none;
margin: 0;
float: left;
width: 140px;
}
div.paintUnit #cioQA ul.cioQA li {
margin: 0 0 20px 0;
font-size: 55%;
}
div.paintUnit #cioQA ul.cioQA li a {
font-size: 115%;
color: #705B47;
font-weight: bold;
}
div.paintUnit .content-box.cio a {
color: #705B47;
font-weight: bold;		
}


div.paintUnit .backtabs.cio {
background-image: url(http://www.silicon.com/i/s5/gl/bg/box-336-top-brown.jpg);
}
div.paintUnit.half .backtabs-half.cio {	
background-image: url(/i/s5/gl/bg/box-162-top-brown.jpg);
}
div.paintUnit ul.paintlist {
margin: 10px 0;
list-style: none;
}
div.paintUnit ul.paintlist li {
margin: 5px 0;
}
/* Latest CIO Half Paint */
div.paintUnit #latestcio ul.paintlist {
clear: both;
margin: 0 0 10px 0;
}
div.paintUnit #latestcio ul.paintlist li {
line-height: 1.2em;
margin: 0 0 7px 0;
padding: 0;
}
div.paintUnit #latestcio p a, div.paintUnit #latestcio p a:hover, div.paintUnit #latestcio ul.paintlist a, div.paintUnit #latestcio ul.paintlist a:hover {
color: #705B47; /* brown colour for links */
}
/* Updated CIO blue colour for half width paint, instead of above div.rightCol .cio.backtabs-half class which is based on old layout */
#secondary-content .half .backtabs-cio {
background-image: url("/i/s5/gl/bg/box-162-top-darkblue.jpg");
}
#cio-news-sky { /* sky half paint unit at 600px high, same as sky ad */
height: 573px; /* this height value excludes the top sub tab coloured bg header */
}

div.paintUnit ul.paintlist.jobs li  {
margin: 15px 0;
}
div.paintUnit ul.paintlist.jobs li a {
font-size: 110%;
}

div.paintUnit .backtabs.ps {
background-image: url(/i/s5/gl/bg/box-336-top-red.jpg);
}
div.paintUnit.half .backtabs-half.ps {
background-image: url(/i/s5/gl/bg/box-160-top-red.jpg);
}
/* silicon extra styles */
div.paintUnit .backtabs.extra, #secondary-content div.paintUnit .backtabs.extra {
background-image: url(/i/s5/gl/bg/box-336-top-green.jpg);
}
div.paintUnit.half .backtabs-half.extra {
background-image: url(/i/s5/gl/bg/box-160-top-green.jpg);
}
div.paintUnit .content-box.extra p {
color: #229938;
margin-bottom: -2px;
}
div.paintUnit #events-full p span {
color: #999;
display: block;
}
div.paintUnit .backtabs.as, #secondary-content div.paintUnit .backtabs.as {
background-image: url(/i/s5/gl/bg/box-336-top-grey.jpg);
}
div.paintUnit.half .backtabs-half.as {
background-image: url(/i/s5/gl/bg/box-160-top-grey.jpg);
}
div.paintUnit .backtabs-half.as ul li span  {
font-size: 90%;
}		
div.paintUnit #agenda-setters-past ul {
margin: 0 0 0 15px;
padding: 0;
}
div.paintUnit #agenda-setters-past ul li {
margin: 0 0 8px 0;
padding: 0;
}
/* sky ad fix */
.rightColSkyAd {
	padding: 8px 0;
}
/* When Sky ad in right column - use both styles below */
.rightColDualVerticalBox {
float: left;
height: 600px;
margin-bottom: 10px;
}
			
.rightColSkyAd {
float: left;
margin-bottom: 10px;
text-align: center;
width: 160px;
}
/* for wide main col/narrow paint  pages */
div.leftColWide {
	width: 556px;
}
div.rightColSky {
		overflow: hidden;
width: 162px;
}
div.rightColSky div.paintUnit {
	text-align: left;

}
/* content-type, related tags and other paints that use bulleted lists */
	.bulletlist ul li {
			padding-left: 10px;
			background: url(http://www.silicon.com/i/s4/gl/bul/bul-grey.gif) no-repeat 0 50%;
			margin: 10px 0;
	}
	.bulletlist ul {
			width: 155px;
			float: left;
	}

/* in silicon paint */
.inSilicon ul.more-links li img {
border: 0; /* get rid of border from RSS icon */
}

/* Jobs Integration Paint Unit - newly added 070308 by ccl */
/* jobs-integration class goes on same level as content-box to render job content */
.jobs-integration h5 {
font-size: 65%;
margin: 0;
}
.jobs-integration p {
font-size: 65%;
margin: 0 0 8px 0;
}
.jobs-integration a, .jobs-integration a:hover {
color: #003;
}
.jobs-integration ul.tags { /* adding tags to jobs integration paint */
margin: -8px 0 8px 0; /* negative top space to counter bottom para space setting, since some jobs may not have tags but only para description */
}
div.paintUnit .jobs-integration .tags a, div.paintUnit .jobs-integration .tags a:hover {
color: #66c;
font-weight: normal;
}

/* thumbnail deck in paint */
#secondary-content .thumbnail-deck img {
margin-right: 5px;
margin-bottom: 10px;
}
#secondary-content .thumbnail-deck p {
font-size: 70%;
}
#secondary-content .thumbnail-deck p a {
color: #66c;
}

/* */
ul.tag-link-box {
border:1px solid #E2E2E2;
font-weight:bold;
margin:0pt 0pt 10px;
padding:2px 15px 5px;
text-align:center;
}
ul.tag-link-box li {
color:#333333;
display:inline;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt 12px 0pt 0pt;
padding:0pt;
}
.thumbnail-deck {
clear:both;
margin:0pt 0pt 15px;
width:100%;
}
.thumbnail-deck img {
border:1px solid #999999;
float:left;
margin:3px 8px 2px 0pt;
}
.thumbnail-deck img.icon {
border:0pt none;
display:inline;
margin:4px 8px 0pt 0pt;
}
.commentary-deck img.icon {
margin-top:3px;
}
.thumbnail-deck h4 {
margin:0pt;
}
.thumbnail-deck h2 a, .thumbnail-deck h2 a:hover, .thumbnail-deck h3 a, .thumbnail-deck h3 a:hover, .thumbnail-deck h4 a, .thumbnail-deck h4 a:hover {
color:#000033;
}
.thumbnail-deck p {
margin:0pt;
}
.thumbnail-deck ul.tags {
margin:0pt;
}
.thumbnail-deck span.date {
color:#666666;
padding-left:2px;
}
p.comments {
font-size:65%;
}
.commentary-deck {
clear:none;
float:left;
margin:0pt 12px 10px 0pt;
overflow:hidden;
width:262px;
}
.commentary-deck h3 {
margin:0pt;
}
.verticals-box .thumbnail-deck p {
margin:0pt;
}
.verticals-box .thumbnail-deck h2 a, .verticals-box .thumbnail-deck h2 a:hover {
color:#000033;
}
.verticals-box p a, .verticals-box p a:hover, .verticals-box ul.tags a, .verticals-box ul.tags a:hover {
color:#990033;
}
/* bottom more text links when there is only one link, used everywhere */

/* CIO Jury rating graphic on the right */ /* This is copied from global and replicated here in order to counter above .thumbnail-deck img setting */
.thumbnail-deck img.ciojury-rating {
border: 0;
float: right;
margin: 0 0 15px 10px;
}

/* Featured White Papers Paint, as seen on White Papers Page START */
#secondary-content .featured-whitepapers .thumbnail-deck img {
border: 0;
margin-bottom: 4px;
}
.featured-whitepapers .thumbnail-deck h4 {
margin-bottom: 3px;
}
.featured-whitepapers .thumbnail-deck p { /* thumbnail-decks in this paint uses smaller thunbnail images, therefore only sub header floats beside it not the deck */
clear: both;
float: left;
width: 243px;
}
.featured-whitepapers .thumbnail-deck p.related-whitepapers-download {
clear: none;
float: left;
font-size: 65%;
margin-top: 5px;
text-align: center;
width: 70px;
}
#secondary-content .featured-whitepapers .thumbnail-deck p.related-whitepapers-download img { /* specificity to counter styles: thumbnail deck in paint */
margin: 0 auto 2px auto;
}
#secondary-content .featured-whitepapers .thumbnail-deck p.related-whitepapers-download {/* specificity to counter styles: thumbnail deck in paint */
font-size: 65%;
}
#secondary-content .featured-whitepapers .thumbnail-deck p.related-whitepapers-download a, #secondary-content .featured-whitepapers .thumbnail-deck p.related-whitepapers-download a:hover {/* specificity to counter styles: thumbnail deck in paint */
color: #003;
}
.featured-whitepapers .thumbnail-deck ul.tags {
clear: both; /* to clear the floats of the download and the deck */
padding-top: 4px;
}
* html .featured-whitepapers .thumbnail-deck ul.tags {
padding-bottom: 10px;
}
.featured-whitepapers .thumbnail-deck ul.tags li {
font-size: 65%; /* smaller text size for the tags */
}
/* Featured White Papers Paint, as seen on White Papers Page END */

p.more-links {
background-image: url("/i/s5/gl/bul/arrow.gif");
background-repeat: no-repeat;
/*background-position:	1px 5px;*/
clear: both;
font-size: 9px; /* set to 9px, for IE percentage equivilent used on ie6-hack stylesheet */
margin: 0 6px 10px 0;
padding: 0 0 0 8px;
}
p.more-links a {
color:#333333;
font-weight:normal;
}