/*! Copyright 2001 by Philip Shaw, phil@codestyle.org, see http://codestyle.org/styles/CSStdLayoutCommon.css for un-compressed source. */
/*
  Created:  2001-09-27
  Issued:   2001-09-30
  Modified: 2012-02-04
*/
/*
  Minimum widths only apply to screen
  media.
*/
@media screen{

  body {
    min-width:      1000px;

  }
  #Content {
    min-width:      749px;
  }
  #Sidebar {
    min-width:      194px;
  /*max-width:      194px;*/
  }
  #SiteSearch {
    min-width:      174px;
  }
  .LocalNav {
    min-width:      190px;
  }
  .SponsorZone, .Sponsor {
    min-width:        180px;
  }
  .LocalNav .RgtBox,
  .LocalNav .RgtPicBox,
  .LocalNav .LftBox,
  .LocalNav .LftPicBox,
  .LocalNav .TextAd,
  .LocalNav .SponsorText {
    min-width:        176px;
  }
  #Content pre {
    min-width:        466px;
  }
  .Feature {
    min-height:       235px;
  }
  .FeatureCompact {
    min-height:       200px;
  }
}
body {
  margin-top:       0;
  padding-top:      0;
}
#TopBar {
  width:            100%;
  height:           62px;
  padding:          0;
  margin:           0;
}
.URI {
  float:            left;
  clear:            none;
  width:            44%;
  margin-top:       1.6em;
  margin-left:      4.2%;
  padding-top:      0;
}
#SiteSearch {
  float:            right;
  clear:            none;
  width:            193px;
  height:           25px;
  padding:          0.5em 0em 0.1em 0em;
  margin:           0% 3%;
}
#SiteSearch form {
  margin:           0;
  padding:          0;
}
#SiteSearch label {
  display:          block;
  margin-top:       0em;
}
input#search-input,
input#search-submit {
  float:            none;
  margin:           0;
}
input#search-input {
  width:            161px;
  padding:          2px 0px;
  height:           auto;
}
input#search-submit {
  width:            30px;
  padding:          2px 2px 2px 2px;
  height:           auto;
  font-weight:      bold;
}
/*
  Some border necessary for
  Firefox layout!?
*/
#Header {
  width:            100%;
  margin-top:       0%;
  margin-bottom:    0%;
  min-height:       70px;
  height:           5.9em;
  border-top:       solid white 1px;
}
#TopBar img.Logo {
  float:            left;
  width:            168px;
  height:           61px;
  padding:          22px 0px 0px 22px;
  margin:           0% 0% 0% 1.9%;
}
/*
  Add margin-right to allow for
  logo image there and align with right
  edge of #Content paragraphs, etc.
*/
#Header p, #Header h1 {
  margin-bottom:    0;
  margin-left:      25%;
  margin-right:     25.2%;
}
#Content/* Hide from IE4.5 for Mac */{
  width:            75%;
}
#Content {
  float:            right;
  margin:           0em 0em 2em 0em;
}
/*
  Wide margin-right to float images
  and box-outs there.
*/
#Content p, #Content ol, #Content ul,
#Content dl, fieldset, #Content .FAQ div,
.MenuBox, .CTA, #Content h3,
.FAQSearchBox, #Content .SQL,
#Content .StackTrace {
  margin-right:     33.5%;
  width:            auto;
  min-width:        62%;
  clear:            none;
}
#Content pre.Terminal {
  margin-right:     33.6%;
  min-width:        61%;
}
#Content p.Information {
  min-width:        60.9%;
}
#Content dl {
  margin-bottom:    1.4em;
}
#Content dl.FAQ {
  margin-right:     0;
}
/*
  min-width necessary alongside local nav
  for Opera 10
*/
#Content dl.FAQ p, #Content dl.FAQ div,
#Content dl.FAQ pre, #Content dl.FAQ dl,
#Content dl.FAQ ol, #Content dl.FAQ ul {
  margin-right:     34.2%;
  min-width:        60%;
}
#Content dl.FAQ ul,
#Content dl.FAQ ol {
  margin-bottom:    1em;
}
table {
  margin:           2% 0%;
}
table,
table.MediaTable,
table.MailingList {
  width:            66.5%;
}
table.Collapse,
table.AdRates,
table.QueryLinks,
table.FontStack,
table.Headers,
table.MailingList {
  border-collapse:  collapse;
}
table.Feedback {
  width:            66%;
}
td.Footnote,
#Content .FontStack .Probability,
.AdRates td,
#Content table.Collapse td {
  vertical-align:   middle;
}
.MenuBox table {
  clear:            none;
  width:            auto;
  margin-bottom:    0.5em;
}
thead, tbody {
  margin:           0;
}
td, th {
  padding:          2px;
  margin:           0;
  vertical-align:   top;
}
table.Feedback td,
table.Feedback th {
  padding:          2px 0;
}
#Content .MenuBox table th,
#Content .MenuBox table td {
  margin:           0;
  padding:          0 4px 0 0;
}
table.Feedback input[type='text'],
table.Feedback textarea {
  width:            100%;
}
ol, ul {
  margin-top:       0em;
  margin-left:      -0.3em;
  margin-bottom:    0.5em;
  padding-top:      0.5em;
  padding-left:     2.2em;
}
#Content ul ul, #Content ol ol {
  margin-top:       0;
  margin-left:      0.9em;
  margin-bottom:    0.5em;
  padding-top:      0;
  padding-left:     0.2em;
}
#Content .MenuBox ul,
#Content .CTA ul {
  float:            none;
  margin-top:       0;
  margin-bottom:    0;
  margin-left:      0.3em;
  padding:          0 0 0 0.9em;
}
#Content .MenuBox ul ul,
#Content .CTA ul ul {
  margin-bottom:    1em;
}
/*
  Don't compound the margins for nested
  elements!
*/
#Content ol ol, #Content ul ul,
#Content ol ul, #Content ul ol,
#Content ol p, #Content ul p,
#Content dd p, #Content dd ol,
#Content dd ul, #Content dd pre,
#Content dd dl,
#Content .MenuBox h3,
#Content .MenuBox ul,
#Content .MenuBox ul li,
#Content .MenuBox ol,
#Content .MenuBox ol li,
#Content .CTA ul,
#Content .CTA ul li,
#Content .CTA ol,
#Content .CTA ol li,
#Content td ul, #Content td ol,
#Content .SQL p,
#Content .StackTrace p,
#Content .RgtBox h3 {
  margin-right:     0;
}
#Content .MenuBox caption,
#Content .MenuBox fieldset,
#Content .CTA caption,
#Content .CTA fieldset {
  margin-top:       0em;
  padding-top:      0em;
  padding-bottom:   0.5em;
}
#Content .MenuBox h2,
#Content .CTA h2 {
  margin-top:       0.5em;
  margin-bottom:    0.2em;
  padding-bottom:   0em;
}
#Content .FAQSearchBox h2 {
  margin-top:       0em;
  margin-bottom:    0.2em;
  padding-bottom:   0em;
}
#Content .MenuBox form,
#Content .CTA form {
  margin-top:       0.5em;
  margin-bottom:    0.5em;
}
#Content .MenuBox form.GenericFontFamily {
  margin-top:       0.3em;
  margin-bottom:    1.1em;
}
#Content .MenuBox form.FontFamily {
  margin-top:       0.3em;
  margin-bottom:    0em;
}
form.GenericFontFamily select {
  width:            52%;
}
form.FontFamily select {
  width:            52%;
  margin-top:       0.2em;
}
form.FontFamily textarea {
  width:            96%;
}
form.GenericFontFamily input,
form.FontFamily input {
  width:            44%;
  margin-left:      0.2em;
  margin-top:       0em;
}
form.FontSize input {
  position:         relative;
  top:              -0.1em;
  left:             0em;
  margin-left:      0.2em;
  margin-top:       0em;
}
.FontStack caption {
  margin-top:       0;
  padding-top:      0;
}
#Content .MenuBox th {
  padding-left:     0.2em;
  padding-bottom:   0.5em;
}
#Content fieldset p {
  padding-top:      0.5em;
  padding-bottom:   0.5em;
  padding-left:     0.5em;
  margin-right:     0;
  margin-bottom:    0;
}
fieldset.Subscription {
  margin-bottom:    2em;
}
/*
  Minimise forms in table cells for the
  font stack builder .
*/
#Content table tr td form,
#Content table tr td form div,
#Content table tr td form div input {
  margin:           0;
  padding:          0;
  border:           none;
}
/*
  position: relative necessary for Chrome 2
  on Windows and Safari 4.
*/
#Content pre {
  position:         relative;
  width:            auto;
  clear:            none;
  margin-right:     33.5%;
  overflow:         auto;
  white-space:      pre;
}
#Content dl dd pre {
  width:            auto;
  margin-right:     0;
  overflow:         auto;
  clear:            none;
}
/*
  Shift the left margin to align with the
  paragraph, not the list and full width.
*/
#Content dl dd ol li pre,
#Content dl dd ul li pre {
  width:            101.5%;
  margin-left:      -2.17em;
  margin-right:     0;
  overflow:         auto;
}
/*
  Round cornered sidebar container.
*/
#Sidebar {
  float:            left;
  width:            19.4%;
  clear:            none;
  padding:          0;
  margin:           0% 0% 0% 2.9%;
  border:           none;
}
.Options {
  clear:            both;
  height:           1.2em;
  padding:          10px 0px 0px 10px;
  margin:           0;
}
ul.Menu {
  margin-top:       0em;
  margin-right:     0.2em;
  margin-bottom:    0.9em;
  margin-left:      0.7em;
  padding-left:     1.1em;
  padding-top:      0.5em;
}
ul ul, ul.Menu ul {
  margin-left:      0.9em;
  margin-right:     0.2em;
  margin-top:       0;
  margin-bottom:    0;
  padding-top:      0;
  padding-left:     0;
}
#Sidebar ul li {
  padding-top:      0.3em;
}
ul.Menu li {
  padding:          0;
  margin:           0;
  border:           none;
}
/*
  Ends sidebar rules.
*/
#LinkShare {
  float:            left;
  width:            125px;
  clear:            left;
  padding:          0% 3.2%;
  margin:           1% 0% 0% 2%;
}
.AdButtonBar {
  float:            left;
  width:            125px;
  clear:            left;
  padding:          0%;
  margin:           2.6% 0% 0% 5.3%;
}
#Adbar {
  float:            left;
  width:            18%;
  clear:            left;
  margin:           0.5em 2em;
}
#Footbar {
  width:            100%;
  clear:            both;
  height:           1.3em;
  margin-top:       4%;
  margin-left:      auto;
  margin-right:     auto;
  padding-top:      0em;
  padding-bottom:   0.2em;
}
#Footer {
  float:            none;
  width:            100%;
  clear:            both;
  padding:          1% 0%;
  margin:           0%;
  border:           none;
}
#Footer img.Button {
  margin-top:       0;
}
/*
  Box-out classes and contextual
  selectors.
*/
#Content .MenuBox,
.FAQSearchBox {
  padding:          1% 2% 1.5% 2%;
  margin-top:       1.4%;
  margin-bottom:    1.4%;
}
#Content .CTA {
  padding:          0% 2% 0% 2%;
  margin-top:       3%;
  margin-bottom:    4%;
}
.Box {
  margin-top:       1em;
  margin-bottom:    1em;
}
#Content ul.Shoulder li,
#Content ol.Shoulder li{
  margin-bottom:    0.8em;
}
.MenuBox ul,
.MenuBox ol,
.CTA ul,
.CTA ol {
  padding-left:     0.2em;
  padding-top:      0.2em;
  padding-right:    0em;
  margin-top:       0em;
  margin-left:      1.2em;
  margin-right:     0em;
  margin-bottom:    0.5em;
}
.MenuBox ul li,
.MenuBox ol li,
.CTA ul li,
.CTA ol li {
  margin-top:       0.2em;
}
.MenuBox ul ul,
.MenuBox ol ol,
.CTA ul ul,
.CTA ol ol {
  padding-left:     0em;
  padding-top:      0em;
  margin-top:       0.1em;
  margin-left:      1.2em;
}
.MenuBox ul ul li,
.MenuBox ol ol li,
.CTA ul ul li,
.CTA ol ol li {
  margin-top:       0.1em;
}
/*
  Floating box-outs: .RgtBox floats
  in wide right margin area beneath
  logo.
*/
.TextAd {
  clear:            both;
  margin-top:       0.2em;
  margin-bottom:    0em;
}
.SponsorZone, .Sponsor {
  clear:            both;
  margin-top:       0em;
  margin-bottom:    0em;
}
.SponsorText {
  clear:            both;
  margin-top:       0em;
  margin-bottom:    0.2em;
}
.AdLink, .Sponsor, .SponsorText, .SponsorZone {
  text-align:       center;
}
.LocalNav {
  float:            right;
  width:            25.5%;
  clear:            left;
  border:           none;
  padding:          0;
  margin:           0% 4.4% 3% 0%;
}
.RgtBox, .RgtPicBox,
.LftBox, .LftPicBox {
  clear:            both;
  width:            22%;
  margin-bottom:    0.5em;
  padding:          0.5em 0.5em 0em 0.5em;
}
.TextAd, .SponsorText {
  width:            22%;
  padding:          0.1em 0.5em 0.3em 0.5em;
}
.SponsorZone, .Sponsor {
  width:            37%;
}
.LocalNav .RgtBox, .LocalNav .RgtPicBox,
.LocalNav .LftBox, .LocalNav .LftPicBox,
.LocalNav .TextAd, .LocalNav .SponsorText {
  float:            none;
  width:            92%;
  margin-left:      0;
  margin-right:     0;
}
#Content .LocalNav .RgtBox {
  padding-bottom:   0px;
  margin-bottom:    11px;
}
/*
  For box-outs not in the LocalNav div.
*/
.TextAd, .Sponsor, .SponsorZone, .SponsorText,
.RgtBox, .RgtPicBox, .Book, .Software {
  float:            right;
  margin-left:      0em;
}
/*
  For box-outs in the LocalNav div.
*/
.LocalNav .SponsorZone,
.LocalNav .Sponsor {
  float:            left;
  width:            180px;
  padding:          11px 7px 7px 7px;
  margin-left:      0;
  margin-right:     0;
  margin-bottom:    11px;
  border:           none;
}
img.Button {
  float:            left;
  clear:            none;
  width:            88px;
  height:           31px;
  margin-right:     0.5em;
  margin-top:       0.3em;
}
.Standfirst img.Button {
  float:            right;
  margin-left:      0.5em;
  margin-right:     0em;
}
.Premium {
  margin-top:       0.9em;
  margin-bottom:    3.5em;
  padding-top:      0.7em;
}
form .Premium {
  padding-top:      0.7em;
}
.BuyNow {
  float:            right;
  width:            86px;
  clear:            none;
  height:           21px;
  margin:           0.3em 0em;
}
.Q {
  margin-top:       1em;
}
.RgtBox .Book {
  float:            none;
  text-align:       center;
  margin-left:      1.3em;
  margin-right:     auto;
}
.LftBox, .LftPicBox {
  float:            left;
  margin-right:     0.5em;
}
/*
  p in boxouts should not inherit the
  wide margin-right style, so these
  selectors must be more specific than
  the #Content p selector.
*/
#Content .RgtBox p,
#Content .LftBox p,
#Content .FAQSearchBox p {
  margin:           0em 0em 0.5em 0em;
  padding:          0em;
}
#Content .MenuBox p,
#Content .CTA p {
  margin:           0.5em 0em 0.5em 0em;
  padding:          0em;
}
#Content .Sponsor p,
#Content .SponsorZone p {
  margin:           0em;
  padding:          0em;
}
#Content .TextAd p {
  margin:           0em;
  padding:          0em;
}
#Content .SponsorText p {
  margin:           0.5em 0em 0.3em 0em;
}
#Content .RgtBox ul,
#Content .LftBox ul {
  margin:           0em 0.2em 0.5em 0.6em;
  padding:          0em 0.2em 0.5em 0.6em;
  list-style-image: none;
}
#Content .RgtBox ul ul {
  margin-bottom:    0;
}

.LftBox h3, .LftPicBox h3,
.RgtPicBox h3, .RgtBox h3,
.LftBox h2, .LftPicBox h2,
.RgtPicBox h2, .RgtBox h2 {
  margin-top:       0;
}
h1.Title {
  margin-top:       1.1em;
  padding-top:      0em;
  margin-bottom:    0em;
}
/*
  The down-page navigation link is
  not visible in standard layout,
  only with the CSWide.css styles.
*/
.WideNav {
  display:          none;
}
#Content .Standfirst {
  margin-top:       -0.3em;
  margin-bottom:    0.5em;
}
/*
  Links to /css/Warning.shtml are
  invisible in supporting browsers.
*/
.NoStyle {
  display:          none;
}
.NewSection {
  width:            66.5%;
  padding-top:      2em;
  margin-top:       1em;
}
.MenuBox h2.NewSection {
  width:            100%;
  padding-top:      0.2em;
  margin-top:       0.2em;
  margin-bottom:    0em;
  padding-bottom:   0em;
}
/*
  Reduced margins beneath headings.
*/
h1, h2 {
  margin-bottom:    0em;
}
h3, h4, h5, h6 {
  margin-bottom:    0.3em;
}
h2 {
  margin-top:       0.5em;
}
.RgtBox h2, .RgtBox h3 {
  margin-bottom:    0.2em;
}
h3, h4 {
  margin-top:       1.2em;
}
dt {
  margin-top:       1em;
  margin-bottom:    0em;
}
dd {
  margin-top:       0;
}
p {
  margin-top:       0;
  margin-bottom:    0.6em;
}
sup {
  vertical-align:   super;
}
fieldset {
  padding:          0.2em;
  margin-top:       0.5em;
  margin-bottom:    0.5em;
}
td fieldset {
  margin:           0;
  padding:          0;
}
p.ActionPoint {
  margin-top:       0;
  margin-bottom:    0.2em;
}
p.FAQAction {
  margin-top:       1.2em;
  margin-bottom:    3em;
  padding:          0.3em 0.5em;
}
p.LogAction {
  margin-top:       1.5em;
  margin-bottom:    3.5em;
  padding:          0.3em 0.5em;
}
p.Information {
  text-indent:      -20px;
  padding:          10px 10px 10px 30px;
  margin:           0 0 3em 0;
  width:            450px;
}
/*
  For paragraphs that turn like line
  breaks.
*/
.Turn {
  margin-top:       0;
  margin-bottom:    0;
}
dd {
  margin-left:      1.14em;
}
dd p {
  margin-top:       0;
}
/*
  Frequently asked questions styles.
*/
.FAQ dt {
  margin-top:       1em;
}
.FAQ dd {
  margin-top:       0.5em;
}
.FAQ dd dl dd {
  margin-top:       0;
}
/*
  Index styles
*/
.Index dd p {
  margin-top:       0;
  margin-bottom:    0;
}
/*
  Table of contents styles.
*/
dl.TOC {
  margin-top:       0;
  margin-right:     25%;
  margin-bottom:    2em;
  padding:          2%;
}
dl.TOC dt {
  margin-top:       1em;
}
dl.TOC dd {
  margin-left:      0;
}
dl.TOC dd h3 {
  margin-left:      2%;
  padding-left:     0;
}
dl.TOC dd ul {
  margin-left:      5%;
  padding-left:     1%;
}
/*
  Make Mozilla submit buttons more
  like Opera and IE.
*/
input[type='submit'],
input[type='reset'],
input[type='button'] {
  padding:          0em 0.8em;
}
input[type='text'], textarea {
  text-indent:      0.2em;
}
#Content .FAQSearchBox form p {
  margin:           0;
}
form#faq-search-box,
form#log-search-box {
  width:            100%;
  display:          block;
  margin:           0;
  padding:          0 0 1.4em 0;
}
input#faq-search-input,
input#log-search-input {
  display:          block;
  width:            99.2%;
  margin:           0.2em 0em;
  padding:          0;
}
input#faq-search-submit,
input#log-search-submit {
  display:          block;
  float:            right;
  margin:           0;
  padding:          0 1em;
}
.Feedback td input[type='submit'],
.Feedback td input.Submit {
  float:            right;
  margin-right:     0;
}
input[type='radio'], select {
  padding:          0;
  margin:           0;
}
pre, .SQL, .StackTrace {
  padding:          2%;
  margin:           1em 0em;
}
caption {
  padding-top:      2%;
  padding-bottom:   1.5%;
}
td ul {
  margin-left:      5%;
}
.AlphaLinks, .NavBar {
  padding:          0% 0.5%;
}
.TextAdCTA {
  min-height:       88px;
  max-width:        180px;
  margin-bottom:    0;
  padding-bottom:   0;
}
#Content .TextAdCTA p {
  position:         relative;
  top:              23px;
  left:             75px;
  min-width:        100px;
  width:            100px;
}
.AdServicePointers {
  float:            left;
  clear:            none;
  width:            69%;
  text-align:       right;
  padding-top:      10px;
  padding-bottom:   10px;
}
.YouAreHere {
  float:            left;
  clear:            none;
  width:            188px;
  height:           133px;
}
.Pointer {
  float:            right;
  clear:            none;
  width:            188px;
  height:           87px;
}
.ByLine {
  margin-top:       -0.3em;
  padding-top:      0em;
}
#Content > p img.Thumbnail,
#Content div > p img.Thumbnail {
  float:           right;
  margin:          0.3em 0em 0.5em 1em;
  padding:         5px;
}

