html {
padding: 0;
margin: 0;
background: #083194;
}
body {
padding: 0;
margin: 0;
font-size: 75%;
color: #000;
line-height: 1.2;
text-align:center; /* for IE */ 
}
#page {
background: #fff;
border-color: #000;
border-width: 1px;
border-style: none solid;
margin: 0;
text-align: left;
margin:0 auto 0 auto; /* for the rest */
width: 1056px;
position: relative;
}
#testpage-container {
background: #083194;
text-align: center;
width: 100%;
}
#testpage {
background: #083194;
border: none;
margin: 0;
text-align: left;
width: 1056px;
margin:0 auto; /* for the rest */ 
}
#searchbar {
background: #000000;
border-bottom: 1px solid #fff;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
margin: 0;
text-align: left;
width: 1056px;
margin:0 auto; /* for the rest */
color: #fff;
font-size: 11px;
position: relative;
padding: 6px 0px 6px 0px;
}
#searchbar h2{
margin: 0px 0px 0px 6px;
border-bottom: none;
color: #ffcc00;
}

#searchbar #q {
padding: 2px;
border: 1px solid;
border-color: #c3c3c3 #ddd #ddd #c3c3c3;
font-size: 11px;
width: 12em;
}

#searchbar form {
position: absolute;
right: 20px;
top: 2px;
}

#searchbar_nextevent {
position: absolute;
left: 250px;
top: 5px;
font-weight: bold;
}

#searchbar_nextevent a {
color: #ffcc00;
}

body, textarea {
font-family: Tahoma, Helvetica, Arial, sans-serif;
}
td, th {
text-align: left;
vertical-align: top;
}
img {
border: none;
}
a { text-decoration: none }
a:link { color: #00d }
a:visited { color: #d00 }
a:hover, a:active, a:focus { color: #666; text-decoration: underline }
#main-content { padding: 0 14px }
#main-col { width: 666px; float: left }
#right-col { width: 250px; float: right }
#nextevent {
margin: 0;
font-size: 100%;
padding-left: 10px;
}
#nextevent h1 {
margin: 0;
font-size: 100%;
padding-left: 10px;
}
#masthead {
height: 70px;
position: relative;
border-bottom: 1px solid #fff;
border-left: none;
background: #083194;
padding-top: 5px;
padding-left: 15px;
}
#masthead h1 {
margin: 0;
font-size: 100%;
}
#masthead h2 { position: absolute; left: 465px; top: 0px; margin: 0; font-size: 100%; color: black; text-align: center; border: none; padding: 5px; }
#masthead img {
vertical-align: bottom;
}
#masthead div img {
padding-left: 169px;
}
#sponsor {
position: absolute;
right: 121px;
top: 6px;
}
#sponsor img {
vertical-align: bottom;
}
#top-nav {
background: #ffcc00;
color: #fff;
font-size: 12px;
padding: 6px 100px 6px 32px;
border-right: 1px solid #c0c0c0;
position: relative;
}
#top-nav-quicklinks {
position: absolute;
right: 14px;
top: 6px;
}
#top-nav, #top-nav-quicklinks,
#top-nav #q,
#sub-nav {
font-family: "Lucida Grande", "Luxi Sans", "Lucida Sans", "Trebuchet MS",
Helvetica, Arial, sans-serif;
}
#top-nav a {
color: #000;
}
#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;
top: 2px;
}
#sub-nav {
font-size: 11px;
font-weight: bold;
text-align: right;
padding: 4px 0 6px 0;
margin-bottom: 1em;
background: #476eb5 url(/site_images/subnav_gradient.png) 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% 1px;
}
#sub-nav .shop a { background-image: url(/images/btcc_info.gif) }
#sub-nav .mail a { background-image: url(/images/email.gif) }
#sub-nav .feed a { background-image: url(/images/rss_icon.gif) }
#subsections {
position: absolute;
left: 42px;
bottom: 6px;
}
#sub-nav #subsections a {
padding: 0;
margin-right: 20px;
}
#boot {
padding-top: 1px;
clear: both;
}
#dont-miss .major {
margin-top: 0;
}
#top-nav #q {
padding: 2px;
border: 1px solid;
border-color: #c3c3c3 #ddd #ddd #c3c3c3;
font-size: 11px;
width: 12em;
}
#contentlink {
display: none;
}
#footer {
font-size: 100%;
height: 200px;
color: #fff;
background: #a5b8da;
clear: both;
width: 100%;
}
#footer-left {
width: 300px;
height: 100%;
padding: 5px 5px 5px 5px;
margin: 0;
float: left;
}
#copyright {
clear: left;
}
.footer-right {
width: 150px;
padding: 5px 5px 5px 5px;
float: right;
valign: top;
}
.footer-right ul {
margin: 0;
padding: 0.5em 0 0 2em;
float: right;
}
#footer-left ul {
margin: 0;
padding: 0.5em 0 0 2em;
float: left;
}
#footer-left li {
list-style: none;
display: inline;
padding: 0 0.5em;
border-right: 1px solid #fff;
}
.footer-right li {
list-style: none;
padding: 0 0.5em;
}
#footer-left li a {
color: #fff;
}
.footer-right 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;
text-align: center;
}
#front h2 {
display: block;
}
.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: 0; width: 276px; }
.index .story-fullwidth {margin: 0; width: 500px; }
.index .story-3col {margin: 0; width: 200px; padding-left: 2px; float: left; }

.rounded-box {
background-image:url(../images/container-id-silver.gif);
background-repeat:no-repeat;
padding: 10px 0 0 10px;
}
.index .story-ref.first-row {
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: 210px;
margin-bottom: 1em;
min-height: 133px;
}
#teaser-top img {
position: absolute; left: -210px;
}
#teaser-top h3 {
margin-top: 0;
font-size: 120%;
}
.teaser-boxed {
overflow: auto;
border-style: solid;
border-color: #083194;
background-color: #a5b8da;
background-position: 50% 0%;
background-repeat: repeat-y;
}
#teaser-mid { border-width: 6px }
#teaser-btm { border-width: 6px 5px }
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 .story-ref .standfirst {
font-size: 100%;
font-weight: bold;
margin-top: 1px;
}
.teaser-boxed .story-fullwidth .standfirst {
font-size: 100%;
font-weight: bold;
margin-top: 1px;
}
.teaser-boxed .standfirst a {
color: #555;
}
#teaser-mid-outer {
margin-bottom: 1em;
clear: both;
}
#nearby-index {
clear: both;
text-align: right;
margin: 0;
padding-top: 1em;
font-size: 100%;
}
#nearby-index a {
text-decoration: underline;
}
.story-ref {
position: relative;
}
.story-fullwidth {
position: relative;
}
.story-ref abbr,
.headline-list abbr {
border: none;
}
.story-ref h3 {
margin: 1.5em 0 0 0;
font-size: 110%;
}
.story-fullwidth h3 {
margin: 1em 0 0 0;
font-size: 110%;
}
.story-ref .standfirst {
margin: 1px 0 0 0;
font-size: 100%;
}
.story-fullwidth .standfirst {
margin: 1px 0 0 0;
font-size: 100%;
}
.story-ref .stamp {
margin: 1em 0 0 0;;
padding: 0 0 0 0;
font-size: 100%;
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: 100%;
padding: 5px 0 0 0;
}
.box {
border: 1px solid #ccc;
padding: 1px;
}
.box.tabbed .heading {
font-family: "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
font-size: 100%;
}
.box.tabbed .heading,
.box h3 {
text-transform: uppercase;
font-weight: bold;
}
.box h3 {
margin: 0;
color: #fff;
background: #002770;
padding: 2px 3px;
font-size: 100%;
}
.box h3 a {
color: #fff;
}
.box h3 span.highlight {
padding: 2px 3px;
background: #002770;
}
.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 {
background-image: url(/Design/graphics/std/1px_ccc.png);
background-repeat: repeat-x;
background-position: 0% 100%;
}
.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(/Design/graphics/std/white_1px.png) 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: 100%;
color: #000;
}
#hot .headline-list .trailer {
color: #d00;
}
#leader {
padding: 0 14px;
margin-bottom: 1em;
text-align: center;
}
#trailer {
margin-bottom: 1em;
text-align: center;
}
.supportrace-bar {
margin: 0;
padding: 4px 6px;
list-style: none;
border-top: 1px solid #aaa;
}
.promo-bar {
background: #002770;
margin: 0;
padding: 4px 6px;
list-style: none;
font-size: 100%;
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 a {
color: #fff;
text-decoration: underline;
}
#jobs-promo form {
background-color: #002770;
padding: 5px 8px 5px 3px;
border-bottom: 1px solid #fff;
margin: 0;
}
#jobs-promo-q input {
border-width: 1px;
border-style: solid;
border-color: #bbb #ccc #ccc #bbb;
padding: 3px;
width: 99%;
}
#jobs-promo .inner {
margin: 0;
padding: 5px 0 0 0;
font-size: 100%;
}
#jobs-promo .inner li {
display: block;
margin: 0 0 6px 0;
float: none;
list-style: none;
}
#jobs-promo .inner li.row-start {
float: right;
clear: right;
}
#jobs-promo .inner a {
color: #000;
}
#jobs-promo .inner .title {
color: #00d;
}
#editorial-navigation {
margin: 1em 0;
padding: 0 0 0.5em 0;
font-size: 100%;
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 ol {
padding-left: 3em;
}
#popular li {
margin-bottom: 0.5em;
}
#popular li a {
font-weight: bold;
}
#popular li p {
margin: 0;
}
#right-col #whitepaper.promo a { color: #000; text-decoration: none }
#right-col #whitepaper.promo a:hover { text-decoration: underline }
#right-col #whitepaper.promo p a:hover { text-decoration: none }
#right-col #whitepaper.promo div.search-more a { color: #00d }
#right-col #whitepaper.promo h3 a { color: #f00 }
#right-col #whitepaper.promo {
margin-top: 1em;
padding-top: 1em;
border-top: 1px solid #ccc;
}
#right-col #whitepaper.promo.top {
border: none;
margin-top: 0;
padding-top: 0;
}
#right-col #whitepaper.promo h3 {
text-transform: uppercase;
font-size: 100%;
margin-top: 0;
}
#right-col #whitepaper.promo ul {
padding: 0;
}
div.search-more {
margin-top: 0.5em;
text-align: right;
font-size: 100%;
}
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: 100%;
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;
}
#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;
}
.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;
}
#track-this-topic {
float: right;
margin-right: 0;
padding: 0 22px 0 0;
}
#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;
}
#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: 100%;
margin: 0.5em 0;
}
#article #body {
margin: 1em 0;
}
#pages-nav {
float: right;
}
#pages-nav li {
background: #ccc;
padding: 2px 5px;
margin: 0 8px 0 0;
color: #999;
}
#pages-nav li.last {
margin-right: 0;
}
#pages-nav li a {
color: #336;
}
#article-rating {
font-size: 100%;
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: 100%;
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;
}
#related-whitepapers {
border-color: #ddd;
border-width: 1px;
border-style: solid none;
margin: 0;
padding: 1em 0;
font-size: 100%;
clear: both;
}
#related-whitepapers h3 {
margin: 0;
font-size: 100%;
font-weight: bold;
color: #f00;
text-transform: uppercase;
}
#related-whitepapers .paper {
margin: 1em 0 0 10px;
width: 215px;
position: relative;
float: left;
padding-left: 70px;
}
#related-whitepapers .paper.row-start {
clear: left;
margin-left: 0;
}
#related-whitepapers h4 {
font-size: 100%;
margin: 0;
}
#related-whitepapers p {
margin: 0.5em 0 0 0;
}
#related-whitepapers p a {
color: #000;
}
#related-whitepapers p a:hover {
text-decoration: none;
}
#related-whitepapers img {
position: absolute;
left: 0;
}
#comments .links {
list-style-type: none;
margin: 1em 0 0.75em 0;
padding: 0;
font-weight: bold;
font-size: 100%;
}
#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: 100%;
font-weight: bold;
color: #555;
}
.comment .date {
font-size: 100%;
color: #555;
}
.comment .body {
font-size: 100%;
margin: 0 0 1em 0;
}
.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: 100%;
}
#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: 100%;
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 input,
#comment-form textarea {
background: #fff;
}
#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;
font-weight: bold;
}
#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;
color: #000;
}
#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: 46px auto 0 auto; display: block }
#comment-form .icons .first-row input { margin: 0 auto 32px 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 ul,
.story-list ol {
margin-left: 0;
}
.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: 100%;
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: 100%;
}
.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: 100%;
}
.Account .signup {
padding: 1em;
font-weight: bold;
width: 10em;
}
.Account .custom {
padding-top: 0.5em;
padding-left: 2em;
font-size: 100%;
}
.Account .widen {
width: 100%;
}
.Account .CustomSection {
padding-top: 0.5em;
padding-left: 2em;
font-size: 100%;
}
.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: 100%;
}
.feed-results h4 {
font-weight: bold;
font-size: 100%;
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: 100%;
padding: 0 0 0.1em 0;
margin: 0;
}
.feed-results .Standfirst {
font-size: 100%;
padding: 0 0 0.1em 0;
}
.Account .FeedDetails {
width: 100%;
margin: 1em 0 0 0;
font-size: 100%;
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: 100%;
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: 100%;
}
.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: 100%;
}
#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;
font-size: 100%;
}
#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 {
font-weight: bold;
margin: 0;
}
#search .story-ref .byline {
color: #999;
font-size: 100%;
}
#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: 100%;
}
#search-pagination a {
color: #414776;
}
#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: 100%;
}
#search #right-col li {
margin-bottom: 0.5em;
}
#search #right-col .see-more {
text-align: right;
border-bottom: 1px solid #ccc;
font-size: 100%;
padding: 0 1em 0.5em 0;
}
#more-from-the-reg td { width: 313px }
#more-from-the-reg table { width: 930px; margin-bottom: 1em }
#more-from-the-reg td {
border: 1px solid #ccc;
}
#more-from-the-reg .inner {
padding: 10px;
font-size: 100%;
}
#whitepaper.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 #whitepaper h3 {
font-size: 100%;
}
#more-from-the-reg h3.site,
#more-from-the-reg #whitepaper h3 {
margin: 0;
padding: 2px 10px 0 10px;
text-transform: uppercase;
color: #f00;
}
#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 #whitepaper li a {
color: #000;
}
#whitepaper.promo ul {
list-style: none;
margin: 0;
}
#whitepaper.promo li { margin-bottom: 0.2em }
#whitepaper.promo li.last { margin-bottom: 0 }
#whitepaper.promo li {
position: relative;
min-height: 15px;
}
#whitepaper.promo img {
position: absolute;
left: 0;
}
#whitepaper.promo h4,
#whitepaper.promo p {
font-size: 100%;
margin: 0;
margin-left: 5px;
}
#archive .directions {
padding: 0;
margin: 1em 0;
font-size: 100%;
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(/Design/graphics/msdn/pink_gradient.png) 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: 100%;
margin-top: 0;
}
#msdn ul {
margin: 0;
list-style: none;
}
#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: 100%;
margin: 8px 0 0 0;
}
#msdn-headlines .story-ref h3 {
margin: 0;
}
#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-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;
}
#around-web {
font-size: 12px;
border: 1px solid #ccc;
padding: 1px;
}
#around-web h3 {
margin: 0;
color: #fff;
background: #002770;
font-size: 12px;
padding: 4px 6px 2px;
text-transform: uppercase;
white-space: nowrap;
}
#around-web h3 a {
color: #fff;
}
#around-web p {
margin: 0;
padding: 0 6px;
text-align: center;
}
#around-web p.promo-bar {
padding: 3px 6px;
text-align: left;
border: none;
font-size: 11px;
line-height: 13px;
background: #fff;
padding-bottom: 2px;
}
#around-web .promo-bar a {
color: #002770;
}
#around-web ul {
padding: 8px 6px 0;
margin: 0;
}
#around-web li {
display: block;
margin: 0;
padding-bottom: 6px;
}
#around-web p.more {
padding-bottom: 4px;
font-size: 11px;
}
#around-web p.logo {
background: #dcdcdc;
padding: 2px 0 1px;
border-bottom: 1px solid #fff;
}
#around-web h3 a,
#around-web .promo-bar a,
#around-web .logo a {
display: block;
}
#around-web .logo img {
vertical-align: bottom;
}
.report.promo {
margin: 1em 0;
}
.report.promo h3 {
font-size: 15px;
font-weight: bold;
font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
margin: 0;
text-transform: uppercase;
background: #000;
}
.report.promo.white {
color: #fff;
}
.report.promo.white a {
color: #fff;
}
.report.promo.black {
color: #000;
}
.report.promo.black a {
color: #000;
}
.report.promo.red {
color: #f00;
}
.report.promo.red a {
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(/Design/graphics/std/1px_black_alpha.png);
}
.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: 90px;
align: center;
}
#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 .CaptionedImage.Center { text-align: center }
#body .CaptionedImage.Right { text-align: right }
#body .CaptionedImage.Float.Left { float: left }
#body .CaptionedImage.Float.Right { float: right }
#body .CaptionedImage.Right { margin: 1em 0 1em 1em }
#body .CaptionedImage { margin: 1em 1em 1em 0 }
#body .CaptionedImage img {
padding: 0.5em;
border-style: solid;
border-width: 1px;
}
#body .CaptionedImage p {
margin: 0.2em 0 0 0;
font-size: 100%;
font-weight: bold;
}
#body pre {
font-size: 100%;
padding: 1em;
margin: 1em;
border: 1px solid #d00;
background: #eee;
}
#google {
font-size: 12px;
clear: both;
margin: 1em 0;
}
#google a {
font-weight: bold;
}
#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(/Design/graphics/std/masthead_gradient.png) 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;
}
#body img[align=left] { padding: 0 6px 4px 0 }
#body img[align=right] { padding: 0 0 4px 6px }
img[align="left"] { float: left }
img[align="right"] { float: right }
#related-whitepapers, .comment .body, #share-popup, .msdn-box {
overflow: auto;
}
	.dhtmlgoodies_tabPane{
		height:21px;	/* Height of tabs */
		border-bottom:1px solid #919b9c;
	}
	.dhtmlgoodies_aTab{
		border-left:1px solid #919b9c;
		border-right:1px solid #919b9c;
		border-bottom:1px solid #919b9c;
		font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
		padding:5px;		
		
	}
	.dhtmlgoodies_tabPane DIV{
		float:left;
		height:100%;	/* Height of tabs */
		padding-left:3px;
		vertical-align:middle;
		background-repeat:no-repeat;
		background-position:bottom left;
		cursor:pointer;
		position:relative;
		bottom:-1px;
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane .tabActive{
		background-image:url(../images/tab_left_active.gif);
		margin-left:0px;
		margin-right:0px;	
		z-index:10;	
	}
	.dhtmlgoodies_tabPane .tabInactive{
		background-image:url(../images/tab_left_inactive.gif);
		margin-left:0px;
		margin-right:0px;
		z-index:1;
	}

	.dhtmlgoodies_tabPane .inactiveTabOver{
		background-image:url(../images/tab_left_over.gif);
		margin-left:0px;
		margin-right:0px;
	}
	.dhtmlgoodies_tabPane span{
		font-family:arial;
		vertical-align:top;
		font-size:11px;
		padding-left:3px;
		padding-right:3px;		
		line-height:21px;
		float:left;
	}
	.dhtmlgoodies_tabPane .tabActive span{
		padding-bottom:1px;
		line-height:20px;
	}
	
	.dhtmlgoodies_tabPane img{
		float:left;
	}
#drivcol1 {
    background:#9c9;
    float:left;
    width:200px;
    }
#drivcol2 {
    background:#c9c;
    float:right;
    width:200px;
    }
#disqus_thread {
clear: left;
    }
#boot-test {
padding-top: 1px;
clear: both;
}
#boot-test .story-3col {margin: 0; width: 300px; padding-left: 5px; float: left; }
#race-calendar h4 {
color: #f00;
text-transform: uppercase;
margin: 0;
font-size: 100%;
}
#race-calendar a { color: #000; text-decoration: none }
#race-calendar a:hover { text-decoration: underline }
#race-calendar p a:hover { text-decoration: none }
#race-calendar h3 a { color: #f00 }
#race-calendar .search-more a { color: #d00 }
#race-calendar h3 {
text-transform: uppercase;
font-size: 100%;
margin-top: 0;
}

#boot-test .row-start { clear: left; padding-left: 0 }
.container {
margin 0 0 0 0;
padding: 0 0 0 0;
height: 100%;
text-decoration: none;
border: none;
valign: top;
width: 100%;
}
.container-header {
background: #083194;
background-image:url(../images/container_header.gif);
background-repeat:repeat-x;
padding: 0 0 0 5px;
margin: 0 0 0 0;
color: #ffffff;
text-decoration: none;
height: 20px;
border: none;
text-transform: uppercase;
font-weight: bold;
font-size: 110%
}
.container-content {
background-color:#e6e6e6;
background-image:url(../images/container_base100.gif);
background-repeat:repeat-x;
background-position:bottom; 
padding: 2px 2px 2px 2px;
text-decoration: none;
height: 100%;
}

.container-content ul {
padding: 5px 2px 2px 2px;
margin: 0; 
}

.container-content li {
list-style: none;
padding: 2px 0 0 0; 
margin: 0 0 0 0; 
font-size: 100%;
}

.smallbullets li {
font-size: 100%;
}

container h3 {
margin: 5px 0 0;
}

/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
font: bold 11px Arial;
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
color: white;
background-color: #083194;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
background-color: #ffcc00; 
color: black;
text-decoration: underline;
}

.shadetabs li a.selected{ /*currently selected tab*/
background-color: #ffcc00;
color: black;
border-width: 1px;
border-color: red;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

.tabcontent{
display:none;
}

@media print {
.tabcontent {
display:block !important;
}
}
/* ######### End CSS for Shade Tabs. ######### */

#takeover_left {
left:-150px;
position:absolute;
text-align:right;
width:150px;
top:0;
}

#takeover_right {
left:956px;
position:absolute;
text-align:left;
width:150px;
top:0;
}

.archive-links li {
text-decoration: none;
padding: 2px 2px;
margin-right: 2px;
display: inline;
}

label.feedback {
	float: left;
	clear: left;
	width: 14em;
	margin-right: 0.5em;
	margin-bottom: 0.5em;
}

input.feedback {
	float: left;
	clear: right;
	border: 1px solid black;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

input .submit.feedback{
	float: none;
	clear: none;
	text-align: center;
	border: 1px solid black;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

textarea.feedback {
	float: left;
	clear: right;
	border: 1px solid black;
	font : 8pt Verdana, Geneva, Arial, Helvetica, sans-serif;
}

form br {
	clear: both;
}