/*
** 'The Register' default colour scheme CSS
**
** by Hannah Dee & Smylers
**
** colours (foreground, background, border, and background images) used in
** normal 'Reg' pages, defined separately from the layout, formatting, and
** positioning so that a different-coloured theme can easily be used without
** changing anything else
**
** CSS rules below are arranged to minimize the number of different places
** where a particular colour number has to be specified, to make it easier to
** change colours consistently.  Where repetition is unavoidable, the rules are
** adjacent to make this as obvious as possible.
** 
** This file is served to all browsers, so only the small subset of CSS that
** works in all browsers that do CSS can be used here.  In some cases that
** means that 'too many' things are set here for a particular browser -- but
** the layout style-sheet is browser-dependent and can turn off the unrequired
** things.  In practice the main restriction here is not being able to use
** child selectors, because 'IE' doesn't recognize them, and having to use the
** less efficient descendent selectors instead.
*/


body
{
  background-color: #FFF;
  background-image: url(/Design/graphics/Reg_default/red_left_edge.png);
  background-repeat: repeat-y;
}

/* links are blue by default, red when visited, but some specific types are
** always red or blue regardless of visitedness, and trailers are also this
** same red; see the bottom of the file for colours when hovered over,
** focussed, or active: */
a:link, .VertMenu a:visited, .YouAreHere a:visited
{
  color: #00D;
}
a:visited, .Label, .Refresh a
{
  color: #D00;
}

/* other text is mostly black, as are links in the subsection menu: */
body, #SubsectionMenu a
{
  color: #000;
}


/* red background on various boxes; also the separator between items in the
** subsection menu: */

#MastheadStrap,
#MastheadMain, #MastheadTop, #Footer, #Search, #Related h3, #RelatedStuff th
{
  background-color: #F00;
}

#SubsectionMenu li, #NewsPanel #Content
{ 
  border-color: #F00;
}

/* orangier tinge to buttons (but not too orangey for crows): */
.Buttons
{ 
  background-color: #F30;
}

/* orange highlight along top and left and dark red shadow along right and
** bottom to give raised 3D appearance against red background; same shadow
** colour used to outline buttons sometimes on all sides; the highlight colour
** is also used on the top and left of buttons, but this has to be provided by
** an over-large background image, since the border properties have already
** been used for the outline: */
#MastheadMain, #Footer, #Search, #Search p, #Related h3, #RelatedStuff th, #NewsPanel h1
{
  border-color: #F96 #900 #900 #F96;
}
.DropMenu
{
  border-color: #900;
}
.Buttons, .Buttons a
{ 
  border-color: #900;
}
#SectionMenu, .Buttons a
{
  background-image:
      url(/Design/graphics/Reg_default/red_highlight_top_left.png);
}

/* white text against a red background (all occurrences of .Menu are in
** #Masthead or #Footer, so this works right even if it doesn't look it); it
** shouldn't be necessary to specify .Menu a:visited (.Menu a and a:visited
** both have a CSS specificity of 11, so .Menu a, being later, should
** have affect, bue 'IE' gets this wrong and uses the general a:visited colour
** if .Menu a:visited isn't specified); .Menu includes #SitesMenu, but
** 'Netscape Navigator 4' needs the latter specifying explicitly: */
#Masthead, #Masthead a, #Footer, .Menu a, .Menu a:visited, #SitesMenu a,
#MastheadStrap td, #Related h3, #RelatedStuff th, #RelatedStuff th a
{
  color: #FFF;
}

/* current items highlighted in a kind of gold colour; :active is also set
** here, not because it makes sense but because 'IE' uses it instead of
** :focus for a focussed menu item and the default :focus colour of grey
** doesn't contrast well with the red background; #SitesMenu needs including
** explicitly because the rule above (for 'Nav' purposes) is more specific than
** the others here: */
.Menu          a:hover, .Menu          a:focus, .Menu          a:active,
#MastheadStrap a:hover, #MastheadStrap a:focus, #MastheadStrap a:active,
#SitesMenu     a:hover, #SitesMenu     a:focus, #SitesMenu     a:active
{
  color: #FD9;
}


/* fade from the standard red to a darker shade in #MastheadTop, with an image
** aligned to the bottom of the slogan; however the #SitesMenu buttons are
** usually taller than the slogan, in which case the background colour of
** #Masthead shows through -- this is the only place where it's seen, so set
** that to be the same colour as the bottom of the dark red fade: */
#MastheadTop, #MastheadStrap
{
  background-image: url(/Design/graphics/Reg_default/red_dark_fade.png);
}
#Masthead, .DropMenu
{
  background-color: #E00;
}

/* grey fade on the subsection menu to act as a shadow on the section menu,
** also used as a rule under the subection menu (with that rule being the
** section menu shadow on pages where there isn't a subsection menu); ideally
** this image would just be on the <hr> and not on #UnderMenuBar itself, but
** 'IE' can't cope with that so it's assigned to both and the layout
** style-sheet sorts out which is actually used on which browsers: */
#SubsectionMenu, #UnderMenuBar, #UnderMenuBar hr
{ 
  background-image: url(/Design/graphics/Reg_default/btm_shadow.png);
}

/* Selected section/subsection menu items on the Research site.  */
#SectionSelected a
{
  background-image: url(/Design/graphics/Reg_default/white_pressed_button.png);
  background-color: #fff;
  color: #000;
}

#SubsectionSelected a
{
  font-weight: bold;
}

#Footer
{
  background-image: url(/Design/graphics/Reg_default/red_watermark_btm.png);
}
.WatermarkedBox
{
  background-image:
      url(/Design/graphics/Reg_default/grey_watermark_top_right.png);
}

h2
{
  background-image: url(/Design/graphics/Reg_default/grey_watermark_top.png);
}

/* pale grey borders above and below headlines, and round some boxes */
h2, .WatermarkedBox, #Related, #RelatedStuff, #Teaser, .Teaser
{
  border-color: #DDD;
}

/* section links and dates in dark grey, which helps distinguish them from
** headlines and standfirsts but avoids giving them prominence; the :visited
** variants shouldn't be needed to override visited links being red cos that
** rule and this one both have a specifity of 11 and this one should win, being
** later, but do seem to be needed to make 'IE' do the right thing: */
.Section a, .Section a:visited, .Date, .Date a, .Date a:visited
{
  color: #666;
}

#Related h3, #RelatedStuff th.LastItem
{
  background-image: url(/Design/graphics/Reg_default/red_watermark_top.png);
}

/* errors in forms, shown against a pink background */
.Error
{
  background-color: #FBB;
  color: #000;
}

/* highlighting of notices from forms indicating success */
.Acknowledgement
{
  background-color: #BBF;
  color: #000;
}


/* dynamic link colours, at the bottom of the file to override any other rules
** of the same specificity -- a:visited:hover, etc should override any .Class
** a:visited selectors (same specificity of 21, but this one is later); that
** doesn't work in 'IE', so explicit selectors for each class are used here
** here; medium grey for hover and focus, a subtlety lighter shade when active:
** */
a:hover, a:focus, #SubsectionMenu a:hover, #SubsectionMenu a:focus,
.YouAreHere a:hover, .YouAreHere a:focus, .VertMenu a:hover, .VertMenu a:focus, .FeatureBox a:focus, .FeatureBox a:hover
{
  color: #888;
}
a:active, a:visited:active, #SubsectionMenu a:active
.YouAreHere a:active, .VertMenu a:active, .FeatureBox a:active
{
  color: #AAA;
}

/* Quick Jump navigation box item colours */
#QuickJump .section {
  color: #FFF;
  background-color: #E00;
}

#CommentPreview {
  border-color: #DDD;
  background-color: #EEE;
}


/* InfoSec things */

.InfoSec_Head {
  border-color: #ccc;
}

.InfoSec_Head div {
  background-image: url(/Design/graphics/infosec/stripe_15px.png);
  background-position: 0% 50%;
  background-repeat: repeat-x;
}

.InfoSec_Head table {
  background-color: #fff;
}

.InfoSecBox {
  border-color: #999;
}

.InfoSecBox h3 {
  border-bottom-color: #f00;
  background-color: #fff;
  background-image: url(/Design/graphics/infosec/gradient_24px.png);
  background-repeat: repeat-x;
  background-position: 0% 100%;
}

.InfoSec .StoryRef {
  background-image: url(/Design/graphics/infosec/stripe_9px.png);
  background-repeat: repeat-x;
}

.InfoSec .AfterBodyTeaser {
  border-top-color: #ccc;
}

.CommentsLink {
  background-color: #ccc;
}

.LeftNavITBox,
.LeftNavSearch {
  border-color: #ccc;
}

.TeasersTop a,
.TeasersTop a:visited,
.TeasersTop a:active,
.LeftNavSites a,
.LeftNavSites a:visited,
.LeftNavSites a:active {
  color: #fff;
}

.SiteMain,
.SiteUS {
  background-color: #f00;
}

.SiteHardware {
  background-color: #000;
}

.SiteDeveloper {
  background-color: #026d07;
}

.SiteResearch {
  background-color: #00f;
}

.SiteChannel {
  background-color: #030b5b;
}

.SiteJobs {
  background-color: #ff9b00;
}

.SiteMain      a, .SiteMain      a:visited, .SiteMain      a:hover,
.SiteUS        a, .SiteUS        a:visited, .SiteUS        a:hover,
.SiteHardware  a, .SiteHardware  a:visited, .SiteHardware  a:hover,
.SiteDeveloper a, .SiteDeveloper a:visited, .SiteDeveloper a:hover,
.SiteChannel   a, .SiteChannel   a:visited, .SiteChannel   a:hover,
.SiteResearch  a, .SiteResearch  a:visited, .SiteResearch  a:hover {
  color: #fff;
}

.LeftNavSearch td {
  border-color: #ccc;
}

.SpotlightBox {
  border-color: #ccc;
}

.SpotlightBox h3 {
  background-color: #f00;
  color: #fff;
}

.ResearchPromoBox {
  border-color: #ccc;
}

.ResearchPromoBox h3 {
  background-color: #00f;
  color: #fff;
}

#PrevNextTable .PrevArticle a, #PrevNextTable .NextArticle a {
  background-color: #fff;
  color: #9f9e9e;
}

.Search_Results .Byline {
  color: #666;
}

.Search_Query,
.StandoutBox {
  background-color: #eee;
  border-top-color: #ddd;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ddd;
  color: #000;
}
.Search_Query .Promo .New a:link,
.Search_Query .Promo .New a:visited,
.Search_Query .Promo .New a:active {
  color: #c00;
}
.Search_Query .Promo .New a:hover {
  color: #888;
}
.Search_Results .Query_Box {
  border-color: #ddd;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  background-color: #eee;
}

.InlineCommentForm {
  background-color: #ccc;
}
.Account .Label {
  color: #000;
}
.Account .Alert td {
  background-color: #fcc;
}
.Account .question {
  background-color: #ddd;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
}
.Account .alert_box {
  border-color: #f00;
}
.Account .alert {
  background-color: #f33;
}
.Account .alert_text {
  color: #f00;
}

.RelatedWhitepapers {
  border-color: #ccc;
}
.RelatedWhitepapers h3 {
  border-bottom-color: #ccc;
}
.RelatedWhitepapers .Odd {
  background-color: #ccc;
}

.CaptionedImage img {
  border-left-color: #ccc;
  border-bottom-color: #aaa;
  border-top-color: #ccc;
  border-right-color: #aaa;
}

#TopNBox ol li {
  background-image: url(/Design/graphics/Reg_default/small_red_arrow_bullet.png);
  background-repeat: no-repeat;
  background-position: 0% 0.6ex;
}

#TopNBox ol a {
  color: #00d;
}

#TopNBox .ReadMore {
  background-color: #bbb;
}
#TopNBox .ReadMore a {
  color: #000;
}

#TopNBox table {
  background-color: #f00;
}
#TopNBox table td {
  background-image: url(/Design/graphics/Reg_default/top_stories_tab_tl_off.png);
  background-repeat: no-repeat;
}
#TopNBox table td div {
  background-image: url(/Design/graphics/Reg_default/top_stories_tab_tr_off.png);
  background-repeat: no-repeat;
}
#TopNBox table td a {
  color: #797878;
}
#TopNBox table td.Selected {
  background-image: url(/Design/graphics/Reg_default/top_stories_tab_tl_on.png);
}
#TopNBox table td.Selected div {
  background-image: url(/Design/graphics/Reg_default/top_stories_tab_tr_on.png);
}
#TopNBox table td.Selected a {
  color: #000;
}

#RelatedReadingContents {
  border-color: #ccc;
}

#RelatedReadingTabs div {
  border-color: #ccc;
}

#RelatedReadingTabs td.Selected div {
  border-color: #f00;
}

#RelatedReadingTabs td a {
  color: #000;
}

#RelatedReadingTabs td.Selected a {
  color: #fff;
}

#RelatedReadingTabs td.Selected div {
  background-color: #f00;
}

a.TopTextLink:link, a.TopTextLink:visited {
  color: #060;
}

a.TopTextLink:hover {
  color: #090;
}

#ExtraSearchResults .AllResultsLink {
  background-color: #fff;
}
#ExtraSearchResults .AllResultsLink .Icon {
  color: #f00;
}
#ExtraSearchResults .Date {
  color: #666;
}
.Account .FeedResults {
  border-top-color: #ddd;
  border-left-color: #ddd;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  background-color: #eee;
}
.Account .FeedResults .Byline {
  color: #666;
}
.Account .FeedResults h4 {
  color: #000;
  background-color: #fff;
  border-bottom-color: #ccc;
}
.Account .FeedDetails {
  background-color: #eee;
  border-top-color: #ddd;
  border-right-color: #ccc;
  border-bottom-color: #ccc;
  border-left-color: #ddd;
}
.Account .FeedDetails th {
  background-color: #ddd;
}
.Account .FeedEdit {
  background-color: #eee;
  border-bottom-color: #ccc;
  border-right-color: #ccc;
  border-left-color: #ddd;
  border-top-color: #ddd;
}
.Account .Hint {
  color: #666;
}
#DownloadInstructions .shown,
#custom_alerts_cell_1.shown,
#custom_alerts_cell_2.shown,
#custom_alerts_cell_3.shown {
  background-color: #ccf;
}

#Ressearch.tac .Error {
  border-color: #f00;
  background-color: inherit;
}
#Ressearch.tac #SectionIntro {
  background-image: url(/Design/graphics/research/horizontal_rule.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
#Ressearch.tac .WatermarkedBox {
  color: #000;
  background-color: #fff;
  background-image: url(/Design/graphics/research/lbox_btm.png);
  background-position: bottom;
  background-repeat: repeat-x;
}
#Ressearch.tac .WatermarkedBox .BoxRight {
  background-image: url(/Design/graphics/research/lbox_right.png);
  background-position: right;
  background-repeat: repeat-y;
}
#Ressearch.tac .WatermarkedBox .BoxTopRight {
  background-image: url(/Design/graphics/research/lbox_top_right.png);
  background-position: top right;
  background-repeat: no-repeat;
}
#Ressearch.tac .WatermarkedBox .BoxBtmRight {
  background-image: url(/Design/graphics/research/lbox_btm_right.png);
  background-position: bottom right;
  background-repeat: no-repeat;
}
#Ressearch.tac .WatermarkedBox .Inner {
  background-image: url(/Design/graphics/research/lbox_btm_left.png);
  background-position: bottom left;
  background-repeat: no-repeat;
}
#Ressearch.tac .WatermarkedBox h3,
#Ressearch.tac .HeadedBox h3 {
  color: #fff;
  background-color: #666;
  background-image: url(/Design/graphics/research/box_head_underline.png);
  background-position: bottom;
  background-repeat: repeat-x;
}
#Ressearch.tac #ContentBtm,
#Ressearch.tac #DownloadInstructions {
  border-color: #ccc;
}
#Ressearch.tac #ContentBtm strong {
  color: #f00;
}
#Ressearch.tac #ContentBtm a,
#Ressearch.tac #ContentBtm a:visited {
  color: #00f;
}
#Ressearch.tac #DownloadInstructions h3 {
  color: #999;
}

#Research.tac #LoginBox {
  border-color: #bbb;
}
#Research.tac .dash {
  background-image: url(/Design/graphics/research/dash.png);
  background-repeat: repeat-x;
  background-position: bottom;
}
#Research.tac #SubHead {
  color: #00D;
}
#Research.tac #LoginForm {
  background-color: #bbb;
}
#Research.tac #Ident {
  color: #00D;
}
#Research.tac #LoggedIn {
  background-color: #bbb;
}
#Research .Account {
  border-color: #f00;
  background-color: #eee;
}
#Research .RowSelect {
  background-color: #ddd;
}

#CommentForm {
  background-color: #ccc;
}

blockquote.pullquote {
  background-color: #f9f9f9; 
  border-top-color: #999;
  border-bottom-color: #999;
}