/* Copyright 2008 Situation Publishing Ltd. http://www.theregister.co.uk/ */

html {
padding: 0 0 0 1px;
margin: 0;
background: #ccc;
}
body {
padding: 0;
margin: 0;
font-size: 14px;
color: #000;
line-height: 1.2;
overflow-y: scroll;
}
#page {
background: #fff;
border: 1px #000 solid;
border-width: 0 1px;
margin: 0 auto;
}
body, textarea {
font-family:Arial,FreeSans,Helvetica,sans-serif;
}
td, th {
text-align: left;
vertical-align: top;
}
img {
border: none;
}
sub, sup {
font-size: 80%;
}
a { text-decoration: none }
a:link { color: #00d }
a:visited { color: #d00 }
a:hover, a:active, a:focus { color: #666; text-decoration: underline }
#page { width: 956px }
#main-content { padding: 0 14px }
#main-col { width: 580px; float: left }
#right-col { width: 336px; float: right }
#one-col {
padding-bottom: 1em;
}
#masthead {
position: relative;
border-bottom: 1px solid #fff;
background: #f00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAABaCAIAAAD2PqvqAAAAIElEQVQY02P4z8DAxDAE8X8s9H8cfGLxPzL14bIbiQ0AIGYoim8ffDsAAAAASUVORK5CYII=") repeat-x 0% 100%;
}
#masthead h1 {
margin: 0;
font-size: 100%;
padding: 0 0 0 1em;
}
#masthead h1 img {
vertical-align: bottom;
}
#masthead div img {
padding-left: 169px;
}
#sister-sites {
position: absolute;
top: -110px;
right: 8px;
}
#sister-sites li {
margin: 0 0.25em 0 0;
display: inline;
}
#sub-nav #sister-sites a {
color: #fff;
padding: 0;
}
#sponsor {
position: absolute;
right: 130px;
top: 14px;
}
#sponsor img {
vertical-align: bottom;
}
#top-nav {
background: #777;
color: #fff;
font-size: 12px;
padding: 6px 100px 6px 32px;
border-right: 1px solid #c0c0c0;
position: relative;
}
#top-nav,
#top-nav #q,
#sub-nav {
font-family:"Lucida Grande","Luxi Sans","Lucida Sans","Trebuchet MS",Arial,FreeSans,Helvetica,sans-serif;
}
#top-nav a {
color: #fff;
}
#top-nav ul {
margin: 0;
padding: 0;
}
#top-nav ul.sole {
padding-left: 58px;
text-align: center;
}
#top-nav li {
padding-left: 10px;
display: inline;
}
#top-nav form {
position: absolute;
right: 14px;
bottom: 3px;
}
#sub-nav {
font-size: 11px;
font-weight: normal;
text-align: right;
padding: 4px 0 6px 0;
margin-bottom: 1em;
background: #eee url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAGCAAAAAAne6vtAAAAEklEQVQIHWM4xMTJxAvEbEwsAAmNAPa/hLpbAAAAAElFTkSuQmCC") repeat-x 0% 0%;
position: relative;
}
#sub-nav a {
color: #333;
}
#sub-nav ul {
list-style: none;
padding: 0;
margin: 0;
}
#sub-nav li {
display: inline;
}
#sub-nav a {
padding: 1px 14px 0 17px;
min-height: 23px;
background-repeat: no-repeat;
background-position: 0% 2px;
}
#sub-nav .shop a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAAAAACB2Vi9AAAAMklEQVQI15WKwQ0AIBDCWIz9x6kjiJfoGX/2ATRBMGygQquzKmJukG8ew/ubJTjGpzUTICZJt51pBxQAAAAASUVORK5CYII=") }
#sub-nav .mail a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAAAAACB2Vi9AAAAMElEQVQI12N4jwwY3tsiAJgHlYDw3kO4IBrEA3PBFAOUCSEhPBgB5b3HwUOxDxkAAFXTZjj6f5V0AAAAAElFTkSuQmCC") }
#sub-nav .feed a { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAALCAAAAACB2Vi9AAAAiUlEQVQIHQXBsQ7BYBiG0e/GXmxV1aEaq0gqmESvhoWQzqK7/R9MYkJIpBRNxHMLzjEkecmqBMCIYl9S3wEY59thO5FaO8AoCvhtAgUOjCgaLd64UL0SI4yl8YW8pjXGq3JTDZ+kGmAAVaoluTyMbHZn30i+R18Y0pxvt1NcY2HUlfEJ2o9TU/wBjERayvooNRkAAAAASUVORK5CYII=") }
#subsections {
position: absolute;
left: 42px;
bottom: 6px;
}
#sub-nav #subsections a {
padding: 0;
margin-right: 20px;
}
#boot {
padding-top: 1px;
clear: both;
}
#top-nav #q {
padding: 2px;
border: 1px solid;
border-color: #c3c3c3 #ddd #ddd #c3c3c3;
font-size: 11px;
width: 12em;
}
#contentlink {
display: none;
}
#btm-nav {
background: #eee url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAHCAAAAADsJ3hIAAAAFklEQVQIHWN+y1zEnMucwZzAHMMcBQAboANgxny7GwAAAABJRU5ErkJggg==") repeat-x 0 100%;
list-style: none;
padding: 4px 0 6px 4px;
margin: 0;
font-size: 11px;
}
#btm-nav li {
display: inline;
padding: 0 13px 0 9px;
margin: 0;
border-right: 1px solid #000;
}
#btm-nav li.last {
border: none;
padding-right: 0;
}
#btm-nav a {
color: #000;
}
#footer {
color: #fff;
background: #f00
url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAOCAIAAABhIeELAAAAGklEQVQIW2P4y8DA9A+Ikek/UAzi/0aTg7IBlHgN8oI1ac8AAAAASUVORK5CYII=") repeat-x 0 100%
;
}
#footer div {
background-image: url(/Design/graphics/std/logo_147_25.png);
background-repeat: no-repeat;
background-position: 14px 6px;
min-height: 22px;
padding: 7px 14px;
margin: 0;
font-size: 80%;
position: relative;
}
#footer div > a {
position: absolute;
width: 147px;
height: 36px;
bottom: 0;
}
#footer p {
text-align: right;
margin: 0;
padding-top: 0.5em;
}
#footer ul {
margin: 0;
padding: 0.5em 0 0 2em;
float: right;
}
#footer li {
list-style: none;
display: inline;
padding: 0 0.5em;
border-right: 1px solid #fff;
}
#footer li a {
color: #fff;
}
#footer li.last {
padding-right: 0;
border-right: none;
}
#right-col > * { margin-bottom: 1em; clear: both }
#right-col > :last-child { margin-bottom: 0 }
.trailer {
padding-right: 0.25em;
color: #000;
}
div.standfirst > * {
margin: 0.5em 0 0;
}
div.standfirst > *:first-child {
margin-top: 0;
}
#front h2 {
display: none;
}
.index {
clear: left;
}
.index .story-ref { float: left; padding-left: 14px }
.index .story-ref.row-start { clear: left; padding-left: 0 }
.index .story-ref {
margin: 1em 0 0 0;
width: 184px;
}
.about .index .story-ref {
width: 276px;
}
.about .index .story-ref.row-start {
padding-left: 188px;
}
.index .story-ref.important {
font-size: 105%;
}
.index .first-row {
line-height: 1.1;
margin-top: 0;
}
.index .first-row h3 {
font-size: 115%;
}
#teaser-top {
position: relative;
font-size: 110%;
margin-left: 140px;
margin-bottom: 1em;
min-height: 86px;
}
#teaser-top img {
position: absolute; left: -140px;
border: 1px solid #000;
}
#teaser-top h3 {
margin-top: 0;
font-size: 120%;
}
.teaser-boxed {
border-style: solid;
border-color: #ccc;
background-color: #a3a3a3;
background-position: 50% 0%;
background-repeat: repeat-y;
}
#teaser-mid { border-width: 6px }
#teaser-btm { border-width: 6px 5px }
#teaser-mid { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAABCAIAAAByq0inAAAAC0lEQVQI12M4gwEAiFcOWedp/2sAAAAASUVORK5CYII=") }
#teaser-btm { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAdQAAAABCAAAAABCyACYAAAAEklEQVQY02M4AwaLhzsYUd4EAKtNLO41t3etAAAAAElFTkSuQmCC") }
div.teaser-boxed .story-ref {
padding: 6px 8px 6px 0;
margin-top: 0;
margin-left: 89px;
min-height: 80px;
}
#teaser-mid .story-ref { width: 184px }
#teaser-btm .story-ref { width: 128px }
.teaser-boxed .story-ref img {
position: absolute;
left: -82px;
}
div.teaser-boxed .story-ref { float: left; margin-right: 6px }
div.teaser-boxed .story-ref.last { float: right; margin-right: 0 }
.teaser-boxed .story-ref h3 {
font-size: 100%;
margin: 0;
}
.teaser-boxed h3 a { color: #fff }
.teaser-boxed h3 a:visited { color: #d00 }
.teaser-boxed .trailer {
color: #f00;
}
.teaser-boxed .story-ref .standfirst {
font-size: 90%;
font-weight: bold;
margin-top: 0.5em;
}
.teaser-boxed .standfirst a {
color: #555;
}
#teaser-mid-outer {
padding-top: 1em;
clear: both;
}
#nearby-index {
clear: both;
text-align: right;
margin: 0;
padding-top: 1em;
font-size: 90%;
}
#nearby-index a {
text-decoration: underline;
}
.story-ref {
position: relative;
}
.story-ref abbr,
.headline-list abbr {
border: none;
}
.story-ref h3 {
margin: 1em 0 0 0;
font-size: 110%;
}
.story-ref .standfirst {
margin: 0.5em 0 0 0;
font-size: 100%;
}
.story-ref .stamp {
margin: 0;
font-size: 78%;
white-space: nowrap;
position: absolute;
top: 0;
}
.story-list .story-ref p.stamp {
margin-right: 0;
}
.stamp .dest a {
color: #000;
padding-right: 0.25em;
}
.stamp .date {
color: #666;
font-size: 94%;
}
.box {
border: 1px solid #ccc;
padding: 1px;
}
.box.tabbed .heading {
font-family:"Trebuchet MS",Arial,FreeSans,Helvetica,sans-serif;
white-space: nowrap;
font-size: 13.5px;
}
.box.tabbed .heading,
.box h3 {
text-transform: uppercase;
font-weight: bold;
}
.box h3 {
margin: 0;
color: #fff;
background: #f00;
padding: 2px 3px;
font-size: 100%;
}
.box h3 a {
color: #fff;
}
.box h3 span.highlight {
padding-left: 22px;
display: block;
background: #f00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAA2FBMVEX/Bgb/Li7/EBD/Rkb/Fhb/KSn/QkL/+vr/q6v/xMT/3Nz/7e3/7u7/+Pj/hob/BQX/LS3/vb3/7+//e3v/trb/eHj/YWH/dHT/wMD/8PD/Hx//bGz//f3/xcX/zMz/+fn/Q0P/z8//19f/rq7/6ur/HR3/Bwf/ERH/9fX/vLz/MTH/GRn/PT3/9PT/uLj/tLT/AwP/eXn/Tk7/4eH/4+P/fX3/dnb/kZH/EhL/ZGT/b2//7Oz/R0f/nZ3/2tr/ubn/MzP/wsL/Cwv/DAz/j4//SUn/////AACZAknJAAAAnUlEQVQYGQXBBUICABQFsE+JImB3d3d3v93/Rm4FAFCg5ra72VjfREGNJknSX6bgORkkSVYoGMvOVpLkioLeUWuQJGlROB7dPzlLkvdvir/xi9fhapLco4wcJkmSLO1R1b5Jktvfl2SWzl09JL3hyOPPbjI1OTPWqK+8NXG5liT9hlroHoD5JOOfVHOxASbOM32K0nmaAO2PaygAgH9SGjhFV3qKmwAAAABJRU5ErkJggg==")
no-repeat 2px 0;
}
.box h3 span.highlight,
#bofh h3 {
min-height: 17px;
}
.box * h3 {
text-transform: none;
color: #000;
background: #fff;
padding: 0;
}
.tabbed-inner { border: 1px solid #ccc; border-top: none }
.box.tabbed { border: none; padding: 1px 0 0 0 }
.box.tabbed .heading {
margin: 3px 0 0 0;
border-bottom: 1px solid #ccc;
list-style-type: none;
padding: 0 0 3px 0;
}
.box.tabbed .heading li {
display: inline;
}
.box.tabbed .heading li.selected {
border-bottom: 1px solid #fff;
background-color: #fff;
}
.box.tabbed .heading li a {
padding: 3px 4px;
color: #000;
background-color: #e0e0e0;
border: 1px solid #e0e0e0;
border-bottom: none;
margin-right: 0.25em;
cursor: pointer;
}
.box.tabbed .heading li.selected a {
background: #f00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAAAAAA6fptVAAAACklEQVQI12P4DwABAQEAG7buVgAAAABJRU5ErkJggg==") repeat-x 0% 100%;
color: #fff;
border-color: #ccc;
position: relative;
top: 1px;
padding-top: 4px;
}
.box.tabbed .heading li.selected span {
position: relative;
bottom: 1px;
}
.box.tabbed .heading li a:hover {
text-decoration: none;
}
.box.home h3 {
text-transform: none;
border: 1px solid #000;
padding: 0;
height: 19px;
position: relative;
padding: 3px 0 2px 27px;
}
.box.home h3 img {
position: absolute;
left: 5px;
top: 3px;
}
.headline-list {
padding: 1em;
margin: 0 0 0 0.5em;
}
.headline-list li {
padding: 0;
margin: 0 0 0.5em 0.5em;
}
#hot .headline-list {
list-style: square;
}
#hot .headline-list li {
color: #777;
}
#hot .headline-list li a {
font-weight: bold;
font-size: 90%;
color: #000;
}
#hot .headline-list li a:visited { color: #d00 }
#hot.box .trailer {
display: none
}
#leader {
padding: 0 14px;
margin-bottom: 1em;
}
#trailer {
margin-bottom: 1em;
}
.promo-bar {
background: #777;
margin: 0;
padding: 4px 6px;
list-style: none;
font-size: 80%;
border-top: 1px solid #aaa;
}
.promo-bar li {
margin: 0;
float: left;
text-align: center;
}
.promo-bar li.first {
text-align: left;
}
.promo-bar li.last {
float: none;
text-align: right;
}
.promo-bar li.only {
float: none;
text-align: left;
}
.promo-bar a {
color: #fff;
text-decoration: underline;
}
#jobs-promo-midbar li {
width: 160px;
}
#jobs-promo-midbar li.last {
float: right;
}
#papers-promo {
padding-bottom: 1em;
}
#papers-promo form,
#jobs-promo form {
background-color: #eee;
padding: 5px 8px 5px 3px;
border-bottom: 1px solid #fff;
}
#papers-promo-q input,
#jobs-promo-q input {
border-width: 1px;
border-style: solid;
border-color: #bbb #ccc #ccc #bbb;
padding: 3px;
width: 99%;
}
#papers-promo .inner,
#jobs-promo .inner {
margin: 0;
padding: 4px;
font-size: 80%;
}
#papers-promo .inner li,
#jobs-promo .inner li {
display: block;
width: 157px;
margin: 0 0 6px 0;
float: none;
}
#papers-promo .inner li.row-start,
#jobs-promo .inner li.row-start {
float: right;
clear: right;
}
#papers-promo .inner a,
#jobs-promo .inner a {
color: #000;
}
#papers-promo .inner .title,
#jobs-promo .inner .title {
color: #2e5e84;
}
#jobs-partner {
clear: both;
text-align: center;
font-size: 75%;
margin: 0;
}
#editorial-navigation {
margin: 1em 0;
padding: 0 0 0.5em 0;
font-size: 80%;
border-bottom: 1px solid #ddd;
text-align: center;
}
#editorial-navigation li {
display: inline;
}
#editorial-navigation li.first { padding-left: 0 }
#editorial-navigation li { padding-left: 3em }
#editorial-navigation a {
text-decoration: underline;
}
#editorial-navigation a:visited {
color: #00d;
}
h2 {
margin: 0 0 1em 0;
color: #f00;
text-transform: uppercase;
font-size: 100%;
padding-bottom: 0.25em;
border-bottom: 1px solid #ddd;
}
h2 .orig {
text-transform: none;
color: #000;
}
.snippet {
display: none;
}
#popular li {
margin-bottom: 0.5em;
}
#popular li a {
font-weight: bold;
}
#popular li p {
margin: 0;
}
#right-col #whitepapers a { color: #000; text-decoration: none }
#right-col #whitepapers a:hover { text-decoration: underline }
#right-col #whitepapers p a:hover { text-decoration: none }
#right-col #whitepapers div.search-more a { color: #00d }
#right-col #whitepapers h3 a { color: #f00 }
#right-col #whitepapers {
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #ccc;
}
#right-col #whitepapers.top {
border: none;
margin-top: 0;
padding-top: 0;
}
#right-col #whitepapers h3 {
text-transform: uppercase;
font-size: 100%;
margin-top: 0;
}
#right-col #whitepapers div { margin-bottom: 1.5em }
#right-col #whitepapers div.last { margin-bottom: 0 }
#right-col #whitepapers div {
position: relative;
min-height: 66px;
}
#right-col #whitepapers img {
position: absolute;
left: 0;
}
#right-col #whitepapers h4,
#right-col #whitepapers p {
font-size: 90%;
margin: 0;
margin-left: 70px;
}
div.search-more {
margin-top: 0.5em;
text-align: right;
font-size: 90%;
}
h2.major {
margin-top: 1em;
margin-bottom: 5px;
color: #000;
border: none;
}
#article {
position: relative;
padding-top: 32px;
}
.article-nav {
color: #336;
background: #eee;
font-weight: bold;
font-size: 80%;
padding: 0.5em;
clear: both;
}
.article-nav ul {
margin: 0;
padding: 0;
}
.article-nav ul .number {
color: #f00;
}
#article-top-nav {
position: absolute;
width: 569px;
top: 0;
}
.about #article-top-nav {
width: 905px;
}
#article-bottom-nav {
margin-top: 1em;
}
.article-nav li {
list-style: none;
display: inline;
margin: 0 1em 0 0;
padding: 0 0 0 22px;
position: relative;
}
#track-this-topic {
float: right;
margin-right: 0;
padding: 0 22px 0 0;
}
.article-nav li a img {
position: absolute;
left: 0;
top: -1px;
}
.article-nav li#track-this-topic a img {
left: auto;
right: 0;
top: -2px;
}
#article-nav-comments-full a {
padding-right: 0.5em;
}
#article-nav-comments-full a.more {
padding-left: 0.75em;
padding-right: 0;
border-left: 2px solid #000;
}
.article-nav a {
color: #336;
}
#tl-article-bottom {
clear: both;
margin: 1.5em 0;
font-weight: bold;
font-size: 85%;
}
#tl-article-bottom a {
color: #00f;
}
#article h2 {
margin: 0 0 0.25em 0;
color: #303030;
text-transform: none;
padding-bottom: 0;
font-size: 130%;
font-weight: normal;
border: none;
}
#article #body h2:first-child {
margin-top: 0;
}
#article .standfirst {
margin: 0 0 0.25em 0;
font-size: 110%;
font-weight: bold;
color: #303030;
}
#article .byline {
margin: 0.5em 0;
}
#article .byline a {
font-weight: bold;
}
#article .dateline {
font-size: 90%;
margin: 0.5em 0;
}
#article #top-text-link {
margin: 0;
font-size: 85%;
}
#article #top-text-link a {
color: #89BC5E;
}
#article #top-text-link a:visited {
color: #00d;
}
#article #body {
margin: 1em 0;
line-height: 1.5;
}
#article #nextpage {
font-weight: bold;
}
#page-nav {
text-align: right;
font-weight: bold;
}
#page-nav h3 {
margin: 0;
font-size: 100%;
display: inline;
color: #336;
}
#page-nav ul {
display: inline;
list-style: none;
margin: 0;
padding: 0;
}
#page-nav li {
display: inline;
color: #d00;
padding-left: 0.25em;
}
#page-nav li a {
color: #336;
}
#article-rating {
font-size: 90%;
font-weight: bold;
text-align: right;
position: relative;
margin: 0.5em 0;
clear: both;
}
#article-rating img {
vertical-align: baseline;
position: relative;
top: 0.25em;
}
#article-rating > img {
cursor: pointer;
}
#rating-0 {
padding-left: 1em;
}
#rating-summary {
font-weight: normal;
color: #666;
}
#article-rating + #related-stories { margin-top: 0.5em }
#related-stories { margin-top: 1em }
#related-stories h3 {
color: #f00;
font-size: 100%;
font-weight: bold;
margin: 0.5em 0 0 0;
}
#related-stories ul {
list-style: none;
margin: 0.5em 0 1em 0;
padding: 0;
}
#related-stories li {
margin: 0;
padding: 0;
}
#sponsored-links {
font-size: 80%;
border-left: 1px solid #eee;
padding: 0.25em 0 0.25em 1em;
}
#sponsored-links h3 {
text-transform: uppercase;
font-size: 110%;
margin: 0 0 0.5em 0;
}
#sponsored-links ul {
padding: 0 0 0 0.25em;
margin: 0;
}
#sponsored-links li {
list-style: disc;
padding: 0;
margin: 0 0 0 1em;
}
#main-col #whitepapers {
border-color: #ddd;
border-width: 1px;
border-style: solid none;
margin: 1em 0;
padding: 1em 0;
font-size: 90%;
clear: both;
height: 1%;
}
#main-col #whitepapers h3 {
margin: 0;
font-size: 100%;
font-weight: bold;
text-transform: uppercase;
}
#main-col #whitepapers h3 a {
color: #f00;
}
#main-col #whitepapers .paper {
margin: 1em 0 0 10px;
width: 215px;
position: relative;
float: left;
padding-left: 70px;
}
#main-col #whitepapers .paper.row-start {
clear: left;
margin-left: 0;
}
#main-col #whitepapers h4 {
font-size: 100%;
margin: 0;
}
#main-col #whitepapers p {
margin: 0.5em 0 0 0;
}
#main-col #whitepapers p a {
color: #000;
}
#main-col #whitepapers p a:hover {
text-decoration: none;
}
#main-col #whitepapers img {
position: absolute;
left: 0;
}
#main-col #whitepapers .last,
#main-col #whitepapers .search-more {
display: none;
}
#comments .links {
list-style-type: none;
margin: 1em 0 0.75em 0;
padding: 0;
font-weight: bold;
font-size: 90%;
}
#comments .links li {
position: relative;
padding: 0 0 2px 22px;
min-height: 17px;
}
#comments .links img {
position: absolute;
left: 0;
top: -2px;
}
#comments-list {
border-bottom: 1px solid #ddd;
}
.comment {
border-top: 1px solid #ddd;
clear: both;
}
.comment h3 {
margin: 0.75em 0 0 0;
padding: 0;
font-size: 100%;
}
.comment .stamp {
margin: 0.25em 0;
}
.comment .byline {
font-size: 90%;
font-weight: bold;
color: #555;
}
.comment .date {
font-size: 90%;
color: #555;
}
.comment .body {
font-size: 90%;
margin: 0 0 1em 0;
line-height: 1.5;
}
.comment .body p { margin: 1em 0 0 0 }
.comment .body > p:first-child { margin-top: 0 }
.comment .body > img + p { margin-top: 0 }
.comment .body img {
float: left;
margin: 2px 7px 2px 0;
}
#share-trigger {
cursor: pointer;
}
#share-popup {
border: 2px solid #eee;
border-top: none;
padding: 14px;
font-size: 90%;
}
#share-popup h3 {
font-size: 100%;
font-weight: normal;
margin: 0 0 1em 0;
}
#share-popup a:hover {
text-decoration: none;
}
#share-popup .close {
float: right;
font-weight: bold;
position: relative;
border: 1px solid #eee;
padding: 2px 4px;
}
#share-popup .close a {
padding-right: 1.25em;
cursor: pointer;
}
#share-popup .close span {
color: #00d;
font-size: 150%;
position: absolute;
right: 2px;
top: -3px;
}
#share-popup .site {
font-size: 90%;
width: 224px;
display: block;
margin-right: 50px;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
border-bottom: 1px solid #eee;
float: left;
}
#share-popup .site.row-start {
clear: both;
}
#share-popup .site img {
padding-right: 0.5em;
}
#comment-form {
font-size: 11px;
margin-top: 1.5em;
}
#comment-form h3,
#comment-form h4 {
font-size: 11px;
}
#comment-form h3 {
padding: 10px 14px;
}
#comment-form p.hint {
background-color: #eee;
margin: 0;
padding: 10px 14px;
font-weight: bold;
}
#comment-form .inner {
padding: 0 12px;
}
#comment-form .field {
border: 1px solid #999;
clear: both;
position: relative;
margin: 0.5em 0;
height: 2em;
}
#comment-form .field h4 {
margin: 0;
background-color: #eee;
font-weight: bold;
float: left;
position: absolute;
left: 0;
width: 6em;
height: 2em;
border-right: 1px solid #999;
}
#comment-form .field label {
position: relative;
top: 0.4em;
left: 0.5em;
}
#comment-form .field div { right: 220px }
#comment-form .field p { width: 214px }
#comment-form .field div {
position: absolute;
height: 2em;
left: 6.5em;
}
#comment-form .field input {
border: none;
height: 1.5em;
position: relative;
top: 0.12em;
padding: 0;
width: 258px;
font-size: 13px;
}
#comment-form .field p {
float: right;
margin: 0;
height: 2em;
position: absolute;
right: 0;
border-left: 1px solid #999;
white-space: nowrap;
}
#comment-form .field span {
position: relative;
top: 0.4em;
left: 0.5em;
}
#comment-form .options h4 {
display: none;
}
#comment-form .options p {
border-bottom: #999 1px solid;
margin: 0;
padding-bottom: 7px;
}
#comment-form .options label {
position: relative;
}
#comment-form .options input {
position: relative;
top: 0.125em;
}
#comment-form .options .last {
padding-left: 4em;
}
#comment-form .title div {
right: 0.5em;
}
#comment-form .body h4 {
background-color: #eee;
border: 1px solid #999;
padding: 0.5em;
margin: 0;
}
#comment-form .body div {
margin: 0;
padding: 0.5em;
border: 1px solid #999;
border-top: none;
position: relative;
right: 0;
}
#comment-form .body textarea {
width: 100%;
margin: 0;
border: none;
font-size: 12px;
}
#comment-form .body textarea.prompt {
color: #666;
}
#comment-form .icons h4 {
display: none;
}
#comment-form .icons .row-start {
clear: both;
}
#comment-form label { padding-top: 14px }
#comment-form label.first-row { padding-top: 7px }
#comment-form .icons label {
width: 46px;
float: left;
position: relative;
}
#comment-form .icons input { margin: 36px auto 0 auto; display: block }
#comment-form .icons .first-row input { margin: 0 auto 36px auto }
#comment-form .icons img { left: 7px; position: absolute }
#comment-form .icons .first-row img { bottom: 0 }
#comment-form .icons span {
position: absolute;
bottom: 0;
left: 10px;
}
#comment-form .submit {
margin: 7em 0 1em 0;
padding-top: 1em;
text-align: right;
clear: both;
}
#comment-form .submit input {
margin-left: 2em;
}
#week {
position: relative;
}
#week ol {
list-style: none;
padding: 0;
}
#week h2.major {
margin-bottom: 0.5em;
}
.story-list .story-ref {
position: relative;
font-size: 100%;
margin-bottom: 0.3em;
}
.story-list .story-ref h3,
.story-list .story-ref p {
margin-right: 7em;
margin-top: 0;
}
.story-list .story-ref h3 {
font-size: 110%;
}
.story-list .stamp {
position: absolute;
right: 0;
}
.story-list .stamp a {
color: #000;
}
.story-list .stamp .date {
display: none;
}
.story-list .snippet {
padding-top: 0.25em;
}
#toggle-snippet {
float: right;
text-transform: none;
font-size: 80%;
cursor: pointer;
color: #00d;
}
.Account .Label {
font-weight: bold;
color: #000;
}
.Account .Login {
margin: 1em;
}
.Account .NoAlert td {
padding: 0.5em;
}
.Account .Alert td {
padding: 0.5em;
background-color: #fcc;
}
.Account .Footer {
list-style: none;
padding: 0;
margin-top: 2em;
}
.Account .Footer li {
display: inline;
padding-left: 0.5em;
font-size: 80%;
}
.Account .Footer .First {
padding-left: 0;
}
.Account .question {
border-right: 2px solid #ccc;
border-bottom: 1px solid #ccc;
padding: 0.5em;
padding-bottom: 0.25em;
margin: 0;
font-weight: bold;
background-color: #ddd;
}
.Account .answer {
padding: 0.5em;
padding-bottom: 0.25em;
margin-top: 0;
}
.Account .answer td {
vertical-align: top;
}
.Account .spacer {
padding-bottom: 1em;
}
.Account .right {
text-align: right;
}
.Account .example {
font-size: 80%;
}
.Account .signup {
padding: 1em;
font-weight: bold;
width: 10em;
}
.Account .custom {
padding-top: 0.5em;
padding-left: 2em;
font-size: 80%;
}
.Account .widen {
width: 100%;
}
.Account .CustomSection {
padding-top: 0.5em;
padding-left: 2em;
font-size: 95%;
}
.Account .CustomSection p {
padding: 0;
margin: 0;
}
.Account .alert_box {
border: 4px solid #f00;
padding: 0;
margin: 0;
margin-top: 0;
margin-bottom: 0.5em;
}
.Account .no_alert_box {
border: none;
padding: 0;
margin: 0;
margin-top: 0;
margin-bottom: 0.5em;
}
.Account .alert {
border: none;
background-color: #f33;
}
.Account .alert_text {
font-weight: bold;
color: #f00;
}
.Account #privacy {
margin-bottom: 1em;
}
#alert {
list-style: none;
}
#alert-hint {
font-style: italic;
padding-top: 1em;
}
#alert-button {
padding-top: 1em;
}
#alert-button input {
font-size: 120%;
}
#alert-button input.email {
margin-right: 1em;
}
#alert-button input.feed {
margin-left: 1em;
}
.feed-results {
border-style: solid;
border-width: 1px;
}
.feed-results .Byline {
font-size: 70%;
}
.feed-results h4 {
font-weight: bold;
font-size: 85%;
margin: 0 0 0.5em 0;
padding: 0.25em 0.5em 0.25em 0.5em;
border-bottom-style: solid;
border-bottom-width: 1px;
white-space: nowrap;
background-color: #f00;
color: #fff;
}
.feed-results .Hit {
padding: 0 0.5em 0.5em 0.5em;
}
.feed-results .Hit h3 {
font-size: 75%;
padding: 0 0 0.1em 0;
margin: 0;
}
.feed-results .Standfirst {
font-size: 75%;
padding: 0 0 0.1em 0;
}
.Account .FeedDetails {
width: 100%;
margin: 1em 0 0 0;
font-size: 90%;
border-style: solid;
border-width: 1px;
background-color: #eee;
border-top-color: #ddd;
border-right-color: #ccc;
border-bottom-color: #ccc;
border-left-color: #ddd;
}
.Account .FeedDetails th {
font-weight: bold;
padding: 0.125em 0.125em 0.125em 0.25em;
background-color: #ddd;
}
.Account .FeedDetails td {
padding: 0.25em 0.125em 0.125em 0.25em;
}
.Account .FeedEdit .Label {
text-align: right;
font-size: 85%;
font-weight: bold;
vertical-align: middle;
}
.Account .FeedEdit {
margin: 0.625em 0 0 2.5em;
padding: 0.25em 0.5em 0 0.5em;
border-style: solid;
border-width: 1px;
background-color: #eee;
border-bottom-color: #ccc;
border-right-color: #ccc;
border-left-color: #ddd;
border-top-color: #ddd;
}
.Account .Hint {
text-align: right;
font-size: 70%;
}
.Account .FeedEdit .TestBtn {
padding: 0.25em 0 0.5em 0;
}
.Account .FeedEdit .SaveBtn {
padding: 0.25em 0 0.5em 0;
text-align: right;
}
.Account .FeedEdit .TestBtn input,
.Account .FeedEdit .SaveBtn input {
padding: 0.5em;
font-size: 120%;
}
.Account .FeedEdit .SaveBtn input {
font-weight: bold;
}
.Account .FeedDetails .Center {
text-align: center;
}
.Account #JobsByEmail {
font-size: 98%;
padding-left: 2em;
padding-bottom: 0.5em;
}
.Account .Alert.Error {
background-color: #fcc;
font-weight: bold;
border: 2px solid #f00;
padding: 1em;
}
#search-form {
background-color: #eee;
border-width: 1px;
border-style: solid;
border-color: #ddd #ccc #ccc #ddd;
padding: 0.5em;
font-size: 80%;
}
#search-alert {
float: right;
width: 250px;
text-align: right;
}
#search-alert {
color: #414776;
}
#search-alert em {
color: #f00;
font-style: normal;
font-weight: bold;
}
#search-alert a.inline {
font-weight: bold;
color: #414776;
}
#search-query {
margin-right: 336px;
margin-bottom: 0.5em;
position: relative;
font-size: 150%;
height: 1.5em;
}
#search-query input {
font-size: 100%;
width: 100%;
position: absolute;
border: 1px solid #999;
}
#search-query #search-text {
position: absolute;
right: 5.5em;
left: 0;
}
#search-query #search-text input {
padding-left: 0.25em;
}
#search-query #search-button {
position: absolute;
right: 0;
width: 5em;
}
#search-body {
padding-top: 1em;
}
#search .nav {
margin-bottom: 1em;
}
#search .nav .site-domain {
font-weight: bold;
}
#search-advanced .advanced {
clear: both;
padding: 0.5em 0;
}
#search-advanced #search-author {
padding-top: 1em;
}
#search-advanced h3 {
width: 10em;
float: left;
margin: 0.25em 0 0 0;
}
#search .story-ref h3 {
margin: 0;
}
#search .story-ref .standfirst {
margin: 0;
}
#search .story-ref .standfirst .Label {
margin-right: 0.25em;
}
#search .story-ref .byline {
color: #999;
font-size: 90%;
}
#search .story-ref .snippet {
margin: 0.25em 0 1em 0;
}
#search-pagination {
background-color: #eee;
color: #f00;
position: relative;
height: 2em;
margin: 2em 0 1em 0;
font-size: 80%;
font-weight: bold;
}
#search-pagination a {
color: #414776;
}
#search-pagination .current a {
color: #999;
}
#search-previous {
width: 7em;
position: absolute;
left: 0.5em;
top: 0.4em;
margin: 0;
background-color: #ccc;
text-align: center;
}
#search-jump {
position: absolute;
left: 8em;
right: 8em;
top: 0.4em;
text-align: center;
}
#search-next {
width: 7em;
position: absolute;
right: 0.5em;
top: 0.4em;
text-align: right;
margin: 0;
background-color: #ccc;
text-align: center;
}
#search-jump ul {
list-style: none;
padding: 0;
display: inline;
}
#search-jump li {
display: inline;
background-color: #ccc;
margin: 0 0.25em;
padding: 0 0.25em;
}
#search #right-col {
padding-top: 0.5em;
}
#search #right-col h4 {
color: #f00;
text-transform: uppercase;
margin: 0;
font-size: 100%;
}
#search #right-col h5 {
margin: 0;
font-size: 100%;
}
#search #right-col ul {
list-style: none;
padding: 0;
margin: 0.5em 0 0 0;
font-size: 80%;
}
#search #right-col li {
margin-bottom: 0.5em;
}
#search #right-col .see-more {
text-align: right;
border-bottom: 1px solid #ccc;
font-size: 80%;
padding: 0 1em 0.5em 0;
}
#more-from-the-reg td { width: 300px }
#more-from-the-reg table {
width: 948px;
margin: -9px 0 0.5em -9px;
border-spacing: 9px;
}
#more-from-the-reg td {
border: 1px solid #ccc;
}
#more-from-the-reg .inner {
padding: 10px;
font-size: 90%;
}
#whitepapers.promo h3 a,
#more-from-the-reg h3.site a {
color: #f00;
}
#more-from-the-reg td .story-ref h3 {
font-size: 100%;
margin: 0;
}
#bofh ul.inner {
list-style-type: none;
margin: 0;
padding-left: 89px;
background: url(/Design/graphics/std/bofh.png) no-repeat 10px 10px;
}
#bofh .standfirst {
margin: 0;
}
#bofh .story-ref { margin-bottom: 1em }
#bofh .story-ref.last { margin-bottom: 0 }
#bofh .trailer {
color: #d00;
}
#bofh.box .story-ref h3,
#bofh.box .story-ref h3 a {
color: #000;
}
#bofh.box .story-ref h3 abbr {
border: none;
}
#events.promo h4,
#events.promo .date {
margin: 0;
}
#events .promo-bar li { width: 96px }
#events .promo-bar li.last { margin-left: 194px }
#events.promo .inner a {
color: #000;
}
#more-from-the-reg .box h3,
#more-from-the-reg h3.site,
#more-from-the-reg #whitepapers h3 {
font-size: 90%;
}
#more-from-the-reg #whitepapers div {
font-size: 90%;
margin: 0 10px 1.5em 10px;
}
#more-from-the-reg #whitepapers .search-more {
display: none;
}
#more-from-the-reg h3.site,
#more-from-the-reg #whitepapers h3 {
margin: 0;
padding: 2px 10px 0 10px;
text-transform: uppercase;
color: #f00;
}
#more-from-the-reg #whitepapers h3 {
margin-bottom: 1em;
}
#more-from-the-reg .story-ref a {
color: #000;
}
#more-from-the-reg .story-ref p a:hover {
text-decoration: none;
}
#more-from-the-reg .teaser .story-ref p {
margin: 0.5em 0 0 0;
}
#teaser-channel .story-ref img {
float: left;
padding: 0 7px 4px 0;
}
#teaser-reghardware .story-ref h3 {
position: relative;
padding-top: 170px;
}
#teaser-reghardware .story-ref img {
position: absolute;
top: 0;
left: 10px;
}
#more-from-the-reg #whitepapers div a {
color: #000;
}
#whitepapers.promo div {
margin-bottom: 1.5em;
position: relative;
min-height: 66px;
}
#whitepapers.promo div.last { margin-bottom: 0 }
#whitepapers.promo img {
position: absolute;
left: 0;
}
#whitepapers.promo h4,
#whitepapers.promo p {
font-size: 90%;
margin: 0;
margin-left: 70px;
}
#archive .directions {
padding: 0;
margin: 1em 0;
font-size: 80%;
background: #eee;
position: relative;
height: 2em;
}
#archive .directions li {
display: block;
position: absolute;
width: 188px;
top: 0.4em;
margin: 0;
padding: 0;
}
#archive .directions li.prev { left: 8px; right: auto; text-align: left }
#archive .directions li { left: 196px; right: 196px; text-align: center }
#archive .directions li.next { left: auto; right: 8px; text-align: right }
#archive .directions a {
color: #414776;
background: #ccc;
padding: 1px 5px;
}
#archive.story-list ul {
padding: 0;
}
#archive.story-list li.story-ref {
display: block;
}
#msdn h1 {
margin: 0 0 10px 0;
background: #ff7d7d url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAvgAAAABCAIAAAAkQk1MAAABQUlEQVRIx+VVQQLDMAjC//957JDEoJJ9YLu0a9UgIg2S+N8fwX1FEAyA/dV+u24GV9QgvUr6DTv1SQSAuOnMY+iL86TvKNbYelypqQ3qw1VtIEl4ykZpfGFQ8KP3C9UCI2pg7TrvPmCYCo3zjrMOERhzZOctMrGBYWfm5q5XjeEK4D6pE+xcNdr1rPyflGrx2sjGk7xNVZz0bDakHVbtKRUGKkTJ8aBU2if6RK5+JMAuWhFJjokNaAfZ99KuVY1PShWbKnDqpx+62FBjIcrYf+6psRdnLHHQtr5mBe9XAXwMjaZg1RtYGxmC8aY3Fnymq5i1zdw+8kmLQT6Kz6aWMrcREsY2HntK41MH4bGLgnycnr6hp08empE+Z7qaPQr2JoNiGhPRlV+83Y/ug2X0WuaYH52YxLavzBuYV6+1rCe8L+2bZQrkT3hoAAAAAElFTkSuQmCC") repeat-y;
}
#msdn h1 img {
vertical-align: bottom;
}
#msdn h2 {
padding: 0;
margin: 0 0 8px 0;
border: none;
white-space: nowrap;
text-transform: none;
}
#msdn ul,
#msdn p {
padding: 0;
font-size: 90%;
margin-top: 0;
}
#msdn ul {
margin-bottom: 0;
}
#msdn li {
display: block;
margin: 0.5em 0 0 0;
}
#msdn table {
margin: 0 -2px;
}
#msdn-t2 td { width: 50% }
#msdn-t3 td { width: 33% }
#msdn-headlines h2 {
margin-bottom: 0;
}
#msdn-headlines .story-ref {
width: 176px;
font-size: 90%;
margin: 8px 0 0 0;
}
#msdn-headlines .story-ref h3 {
margin: 0;
}
#msdn #msdn-events p {
margin-top: 1em;
}
#msdn .story-ref h3 a {
color: #000;
}
#msdn-webcasts .story-ref h3 { margin-bottom: 6px; font-size: 95% }
#msdn-webcasts .story-ref { margin-bottom: 10px }
#msdn-webcasts .story-ref.last { margin-bottom: 0 }
#msdn-webcasts .story-ref p { margin-bottom: 0 }
#msdn-webcasts .story-ref img {
float: right;
margin: 0 0 3px 3px;
}
#msdn-productfamilynews h2 {
color: #000;
}
#msdn-productfamilynews .ui {
font-style: italic;
}
#msdn-productfamilynews form {
margin-bottom: 1em;
text-align: center;
}
#msdn .msdn-productmodule h3 {
margin: 12px 0 6px 0;
}
#msdn .msdn-productmodule li {
margin: 0 0 0.5em 0;
}
.msdn-box {
padding: 9px;
border: 1px solid #ccc;
}
.msdn-box h3 {
font-size: 100%;
margin: 0;
}
#msdn-promo {
font-size: 12px;
border: 1px solid #ccc;
padding: 1px;
}
#msdn-promo h3 {
margin: 0;
color: #fff;
background: #7a2c38;
font-size: 15px;
padding: 4px 6px 2px;
text-transform: uppercase;
white-space: nowrap;
}
#msdn-promo h3 a {
color: #fff;
}
#msdn-promo p {
margin: 0;
padding: 0 6px;
text-align: center;
}
#msdn-promo p.promo-bar {
padding: 3px 6px;
text-align: left;
border: none;
font-size: 10px;
line-height: 13px;
}
#msdn-promo ul {
padding: 8px 6px 0;
margin: 0;
}
#msdn-promo li {
display: block;
margin: 0;
padding-bottom: 6px;
}
#msdn-promo p.more {
padding-bottom: 4px;
font-size: 11px;
}
#msdn-promo p.logo {
background: #dcdcdc;
padding: 2px 0 1px;
}
#msdn-promo h3 a,
#msdn-promo .promo-bar a,
#msdn-promo .logo a {
display: block;
}
#msdn-promo .logo img {
vertical-align: bottom;
}
#msdn #msdn-webcasts p {
overflow-x: auto;
overflow-y: hidden;
}
.report.promo {
margin: 1em 0;
}
.report.promo h3 {
font-size: 15px;
font-weight: bold;
font-family:"Trebuchet MS",Arial,FreeSans,Helvetica,sans-serif;
margin: 0;
text-transform: uppercase;
background: #000;
}
.report.promo.white {
color: #fff;
}
.report.promo.black {
color: #000;
}
.report.promo.red {
color: #f00;
}
.report.promo a {
color: inherit;
}
.report.promo h3 a {
padding: 5px 8px;
display: block;
color: #fff;
}
.report.promo div {
position: relative;
}
.report.promo img {
vertical-align: top;
}
.report.promo p {
font-size: 18px;
position: absolute;
bottom: 0;
right: 0;
margin: 0;
width: 330px;
padding: 3px;
text-align: right;
}
.report.promo.translucent p {
background: transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVQImWNgSAMAAGkAZzvxLBoAAAAASUVORK5CYII=");
background: rgba(0,0,0, 0.3);
}
.SurveyQuestion {
padding-bottom: 2em;
}
.SurveyAnswer {
clear: both;
padding: 0.20em 1.25em;
}
.SurveyAnswerText {
width: 60%;
float: left;
padding-right: 1em;
}
#ad-leaderboard-spot,
#ad-trailerboard-spot {
width: 728px;
height: 94px;
}
#ad-mpu1-spot,
#ad-mpu2-spot {
width: 336px;
height: 280px;
}
#body h2, #body h3, #body h4, #body h5, #body h6 {
margin: 1em 0 0.5em;
page-break-after: avoid;
}
#body h2 { font-size: 135% }
#body h3 { font-size: 120% }
#body h4 { font-size: 110% }
#body h5 { font-size: 100% }
#body h6 { font-size: 100%; color: #555 }
#body h2 + *, #body h3 + *, #body h4 + *, #body h5 + *, #body h6 + * {
margin-top: 0;
}
#body blockquote {
margin: 0.5em 1em;
padding: 0;
font-weight: bold;
}
#body blockquote.pullquote {
font-size: 150%;
font-weight: normal;
text-align: center;
clear: both;
padding: 0.5em 1em;
margin: 0.5em 5em;
border: 2px #999;
border-style: solid none;
background: #f9f9f9;
}
#body ul, #body ol {
padding: 0 0 0 1.75em;
margin: 1em 0;
}
#body li {
margin: 0.2em 0 0;
padding: 0;
}
#body .Sidebar {
width: 25%;
min-width: 100px;
float: right;
margin-left: 1em;
}
#body .CaptionedImage.Center { text-align: center }
#body .CaptionedImage.Right { text-align: right; margin: 1em 0 1em 1em }
#body .CaptionedImage { margin: 1em 1em 1em 0 }
#body .CaptionedImage.Float.Left { float: left; margin: 0 1em 1em 0 }
#body .CaptionedImage.Float.Right { float: right; margin: 0 0 1em 1em }
#body .CaptionedImage img {
border-style: solid;
border-width: 1px;
}
#body .CaptionedImage p {
margin: 0.2em 0 0 0;
font-size: 70%;
font-weight: bold;
}
#body pre {
font-size: 80%;
padding: 1em;
margin: 1em;
border: 1px solid #d00;
background: #eee;
overflow: auto;
}
#google {
font-size: 12px;
clear: both;
margin: 1em 0;
}
#google h3 {
font-size: 100%;
margin: 0 0 8px;
}
#google ul {
margin: 0;
padding: 0;
list-style: none;
}
#google p {
margin: 0;
}
#google li {
margin: 0 0 6px 0;
padding: 0;
width: 280px;
float: left;
}
#google li.row-start {
clear: left;
margin-right: 20px;
}
body#news-panel {
width: 60em;
font-size: 13px;
padding: 0;
}
#news-panel h1 {
margin: 0;
padding: 0;
background: #f00 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAdCAIAAADkY5E+AAAAHElEQVQI12P4y8DA9B8J/8PCRqaJFcNmJgOEBgCraxwQFhGhjgAAAABJRU5ErkJggg==") repeat-x 0% 100%;
}
#news-panel .inner {
padding: 1em 28px;
}
#news-panel h2 {
margin: 0;
font-size: 14px;
}
#news-panel #refresh a {
font-weight: bold;
}
#news-panel .story-ref {
width: auto;
margin: 1em 0 0 0;
font-size: 100%;
}
#news-panel h3 {
margin: 0;
font-size: 100%;
}
#news-panel .story-ref p {
margin: 2px 0 0 0;
font-size: 100%;
}
#news-panel .story-ref .stamp {
position: static;
font-size: 11px;
}
#news-panel .story-ref .stamp span {
font-size: 100%;
}
#news-panel #footer {
padding: 6px 13px;
font-size: 12px;
background: #f00;
}
#news-panel #footer p {
padding: 0;
}
.brand {
position: relative;
margin-bottom: 1em;
}
#article .brand h2,
.brand h2 {
border: 6px solid #ccc;
background: #a1a1a1 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA+gAAAAkCAMAAAAtv+CEAAABlVBMVEVBQEBCQUFCQkJDQkJEQ0RERERFRERFRUVGRUVGRkZHRkZHR0dIR0dISEhJSEhJSUlKSUlKSUpLSkpLS0tNTExOTk5PTk5QUFBRUFBRUVFSUVJSUlJTUlJTU1NUU1NUVFRVVFRVVVVWVlZXVlZXV1dYWFhZWFhZWVlbW1tcW1tcXFxdXV1eXV1eXl5fX19gX19hYGFhYWFiYWFiYmJjYmNjY2NkY2NkZGRlZWVmZmZnZmdnZ2doaGhpaGhqamprampra2tsbGxtbGxtbW1ubm5vbm5vb29wcHBxcHBxcHFxcXFycnJzcnJzc3N0dHR1dHR1dHV1dXV2dXZ2dnZ3dnZ3d3d4d3d4d3h4eHh5eHh6eXl6eXp6enp7enp7e3t8e3t8fHx9fX1+fX1+fn5/fn6Af3+AgICCgoKFhYWGhYaGhoaIh4eIiIiJiImJiYmKioqLiouLi4uNjY2OjY6Ojo6Pjo+Pj4+QkJCRkZGSkpKTk5OUlJSVlZWXl5eYmJiZmZmbm5udnZ2enp6fn5+goKChoaGjo6PK046LAAABqElEQVQYGe3B0VZSURSGUV1HcFDWs9Y7NHxQQwJEhATOOey91q7UzAou98/NN6ddAziNL58+X4tYAXASsdyMiogVAKcQy1UzLCJWAJzCehmXVkQsAJzA6s7jXQkRKwD0tvPkl8OiYgWA3Pa2z3l4XlQsAKh1t527vQ8ZKwDE2pttznk0KDLmALR2Xx/dPS7DZSwASHU36/zT+Sh0LAFQ2o/X/svVedIxByCUbu79yZULmQPQSZOFP2kaF7IMQGcyj2cfSxayAkBmNsvP/ENRsgJAZTzxF8OmKFkCIPJtlvKLUSQlSwA0ZuPkL5pRkrIegMTdOPlvF00vZT0AheVkn18Nei1zAALbaR+vbOhalgDUt510/sfAkpYlANV109bfOEti5gBqS7NNfuv7zrXMAVS2n6/zX9pp61KWAdS1X6ziH+2sy0qWAVS1X67iP7tpn4UsAahqtYoD2vt90jEHUNPjQ8qHbDrXMQdQ0WaR46DsQlYA1LNdpHxYOSs65gCq2d2nOKI5cx1zALW0i96PuSiuYwGgkm7exTHFQsgCQB3dMpWjbBBCPwDh/AJR3+H1xQAAAABJRU5ErkJggg==") no-repeat 100% 100%;
font-size: 28px;
font-family:"Arial Black",Arial,FreeSans,Helvetica,sans-serif;
font-weight: normal;
padding: 2px 125px 4px 4px;
margin: 0;
}
.brand h3 {
text-transform: uppercase;
font-size: 13px;
position: absolute;
top: 23px;
right: 10px;
margin: 0;
}
.brand a {
color: #fff;
}
#workshop-resources {
border: 1px solid #ccc;
width: 334px;
margin: 0;
font-size: 80%;
color: #333;
background: #fff;
}
#workshop-resources div.strap-sub {
background-color: #eee;
margin: 3px;
border: 1px solid #ccc;
padding: 0.6em;
}
#workshop-resources h3,
#workshop-resources h4,
#workshop-resources p {
margin: 0;
}
#workshop-resources div {
border-bottom: 1px solid #ccc;
padding: 1em 0 1.8em 0;
margin: 0 .5em;
clear: left;
}
#workshop-resources div.last {
border: none;
padding-bottom: 1.2em;
}
#workshop-resources div img {
border: 1px solid #ccc;
margin-right: .6em;
float: left;
}
.spycar-info {
height: 200px;
text-align: center;
}
#spycar-map {
width: 580px;
height: 500px;
}
#infra-opt hr.clear {
clear: both;
visibility: hidden;
margin: 0 0 1em 0;
padding: 0;
border: none;
}
#infra-opt .workshop {
border: 1px solid #ccc;
width: 276px;
float: left;
margin-right: 10px;
padding: 0 12px;
background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAGPCAAAAABThF5KAAAANElEQVQ4y2P5y8DCQAr6T6J6qmj/T0v1/6mtkorKhqIaahlF52CkujLapUN6ZiU653S8CAAJBSAhVY3bOAAAAABJRU5ErkJggg==") repeat-x 100% 100%;
}
#infra-opt .workshop.last {
margin-right: 0;
}
#infra-opt .workshop h4 {
margin: 0;
color: #666;
border-bottom: 5px solid #ccc;
padding-top: 0.5em;
font-size: 115%;
}
#infra-opt .workshop ul {
list-style: none;
padding: 0.75em;
background-color: #fff;
}
#infra-opt .workshop li {
padding-bottom: 0.4em;
}
#infra-opt .workshop li h3 {
font-size: 100%;
margin: 0;
font-weight: normal;
}
#infra-opt .workshop li a {
color: #000;
}
#infra-opt .workshop img {
border: 3px solid #ccc;
}
#infra-opt #mpu {
float: right;
}
#infra-opt #resources {
margin-right: 352px;
}
#infra-opt #resources .brand {
margin-bottom: 0;
}
#infra-opt #resource-details {
list-style: none;
padding: 0;
margin: 0;
border: 1px solid #ccc;
border-top: none;
}
#infra-opt #resource-details {
}
#infra-opt #resource-details li {
width: 22%;
border-right: 1px solid #ccc;
display: block;
float: left;
padding: 0 0.5em 0 0.5em;
margin: 0.75em 0;
height: 25em;
overflow: hidden;
}
#infra-opt #resource-details li.last {
border-right: none;
}
#infra-opt #resource-details li img {
border: 1px solid #ccc;
position: absolute;
top: -70px;
}
#infra-opt #resource-details li p {
margin: 0;
}
#infra-opt #resource-details li h3 {
margin: 70px 0 0 0;
position: relative;
font-size: 90%;
}
#body img[align=left] { padding: 0 6px 4px 0 }
#body img[align=right] { padding: 0 0 4px 6px }
#one-col:after, .teaser-boxed:after, #jobs-promo:after, #papers-promo:after, #jobs-promo-midbar:after, #main-col #whitepapers:after, .comment .body:after, #share-popup:after, .msdn-box:after, #infra-opt #resource-details:after {
display: block;
height: 0;
visibility: hidden;
clear: both;
content: ".";
}