/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }
a img,:link img,:visited img { border:none }
address { font-style:normal }

/* ************************************************************************* */

body {
        text-align: center;
        font-family: Arial, Helvetica, sans-serif;
        background: url(/fb/i/bg/bg_gray.gif);
        }
div     { text-align: left; }
h1, h2, h3, h4 { 
  font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif; 
}

a       { 
  color: #006EC6; 
  background-color: inherit; 
}
a:hover {
        color: white;  
        background-color: #006EC6;
        }
a.reveal {
  background-image: url(/fb/i/icn/reveal.gif);
        background-repeat: no-repeat;
        background-position: right 6px;
  padding-right: 12px;
}
a.up {
        background-image: url(/fb/i/icn/reveal_up.gif);
        background-position: right 4px;
}
a.reveal:hover {
  text-decoration: none;
  border-bottom: 1px solid #015fab;
}

a.clear {color: #000}
a.clear:hover {background-color: transparent; }
        
img.inline {
        margin-bottom: -2px;
}
input.button {
  border: 1px solid #999;
  border-top-color: #ccc;
  border-left-color: #ccc;

  color: #444;
        font-size: 14px;
  font-weight: bold;
  background: url(/fb/images/bg/bg_button2.gif) left top repeat-x;
}
.note {
        color: #444;
        font-size: 11px;
        line-height: 13px;
        margin-top: 4px;
}
.sub {
        color: #444;
        font-size: 12px;
        line-height: 14px;
}


.roundcont {
        width: 100%;
        background-color: #ec4c26;
        line-height: 1.5em;
        margin-bottom: 25px;
        font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
        font-size: 20px;
        color: #fff;
}

.roundcont p {
        margin: 0 10px;
}

.roundtop { 
        background: url(/fb/i/tr.gif) no-repeat top right; 
}

.roundbottom {
        background: url(/fb/i/br.gif) no-repeat top right; 
}

img.corner {
   width: 15px;
   height: 15px;
   border: none;
   display: block !important;
}

/* ** FORM STYLES
                        for table-set forms in general */

input,
textarea {
        font-size: 14px;
        font-family: Arial, Helvetica, sans-serif;
}
form {
background: #e9f5ff;
border: 1px solid #64a4d7;
padding: 10px;
}
form table {
        margin: 0 0 0 0;

}
form table td {
        padding-bottom: 5px;
        vertical-align: bottom;
        font-size: 13px;
line-height: 20px;
}
form table td label {
  line-height: 14px;
  padding-bottom: 4px;
  padding-top: 3px;
}
form table td label {
        float: left;
        width: 180px;
        text-align: right;
        font-weight: bold;
        font-size: 12px;
        margin-top: 1px;
margin-right: 4px;
}
label.checkboxLabel,
.narrow label.checkboxLabel,
.customizer label.checkboxLabel {
  float: none;
  width: auto;
  font-weight: normal;
  text-align: left;
  display: inline;
  margin-left: 2px;
}
input.radioButton {
  margin-bottom: -3px;
  padding-bottom: 0;
}
input.textInput,
textarea.textInput,
select {
  border: 1px solid #bbb;
  border-top-color: #666;
  border-left-color: #666;
}


input.textInput,
textarea.textInput {
  padding: 3px;
  width: 300px;
background: white url(/fb/i/bg/bg_textfield.gif) repeat-x;
}

/* ** COMFIRM/ERROR MESSAGES
      including section-specific styles */

div.confirm {
  border: 1px solid #51683b;
        background: url(/fb/lib/images/backgrounds/message_confirm.gif) no-repeat left -8px;
}
div.error {
        border: 2px solid #e50d2e;
        background: url(/fb/lib/images/backgrounds/message_error.gif) no-repeat left -8px;
}
div.message {
        border-left: none;
        border-right: none;
        margin: 10px 0 20px 20px;
width: 700px;
}
div.message p {
        margin: 6px 12px 6px 40px;
        font-weight: bold;
font-size: 14px;
}

#userStatus {
        height: 22px;
        padding: 10px 0 0 0;
        background: url(/fb/i/bg/bg_gray.gif);
        border-bottom: 1px solid #999;          
        }
  #userStatus div {    
        width: 700px;
        margin: 0 auto 0 auto;     
        text-align: left;
        font-size: 11px;
        color: #333;
        }
          #userStatus div p {
                margin: 0;
                padding: 0;
                width: 49%;
                }
                #userStatus p#signedIn {
                        float: right;
                        text-align: right;
                        }
                #userStatus p#myStuff {
                        float: left;
                        }
                #userStatus a#myFeedsLink {
                        background-image: url(/fb/lib/images/icons/home.gif);
                        background-repeat: no-repeat;
                        background-position: left center;
                        padding-left: 14px;
                        }

#jumpLinks {
        display:none;
}





#headerNav {
        height: 45px;
        background: url(/fb/i/bg/bg_blue_grad.gif) repeat-x left -70px; 
        }
        #headerNav ul {
                width: 750px;
                height: 45px;
                margin: 0 auto 0 auto;
                font: bold 16px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
                }
                #headerNav ul li {
                        float: left;
                        border-left: 1px solid #ccc;                    
                        }
                        #headerNav ul li a {
                                float: left;
                                display: block;
                                height: 32px;
                                padding: 13px 0 0 0;
                                text-align: center;
                                }
                        #headerNav ul li a:hover,
                        #headerNav ul li.current a {
                                color: white;
                                background: #006EC6;                            
                                }       
                        #headerNav ul li.current a {
                                cursor: default;
                                }                               
                        #headerNav ul li#homeLink {
                                border-left: 0;
                                }                               
                        #headerNav ul li#homeLink a {
                                width: 163px;
                                text-indent: -9000px;
                                background-image: url(/fb/i/logo_160w_trans_rev.gif);
                                background: url(/fb/i/logo_160w_trans.gif) no-repeat 20px 40%;                                                                  
                                }                       
                        #headerNav ul li#homeLink a:hover {     
                                background: #006EC6 url(/fb/i/logo_160w_trans_rev.gif) no-repeat 20px 40%;
                                }                               
                        
                        
                        
#mainWrapper {
        float: left;
        width: 100%;
        background: white;                      
        }               

#pageContent,
#pageTitle {
        width: 740px;
        margin: 0 auto;
        }               
        #pageContent h2,
  .popup h1 {
                padding: 10px 18px; padding-top: 20px;
                margin-bottom: 18px;
                font-size: 30px; letter-spacing: -1px;
                border-bottom: 3px double #ddd;         
                }
        #mainCol,
        #sideBar {
                margin-bottom: 20px;
                }
        #mainCol {
                float: left;
                width: 470px;
                margin-left: 20px;
                padding-right: 28px;
                padding-top:0;
                font-size: 15px;
                line-height: 23px;
                border-right: 1px solid #ddd;                                                                                                                                   
                }
                
                * html #mainCol {
                        margin-left: 10px;
                        }
                #mainCol h3 {
                        font-size: 18px;
                        }                       
                #mainCol p,
                #mainCol ol,
                #mainCol ul {
                        margin-top: 0;
                        margin-bottom: 20px;
                        }
                #mainCol ol li {
                        list-style: decimal;
                        }
                #mainCol ul li {
                        margin-left: -16px;
                        margin-top: 8px;
                        padding-left: 16px;
                        background: url(/fb/i/bullet_red_diamond.gif) no-repeat left 8px;                       
                        }
                        * html #mainCol ul li {
                                margin-left: 0;
                        }
                        * html #mainCol ol li {
                                margin-left: 30px;
                        }
                        #mainCol ol li ul li {
                                margin-left:2px;
                                list-style: none;
                                }





                #mainCol li {
                        color: #222;
                        }       

                        #mainCol.wideCol {
                                width: 700px;
                                border: none;
                                }
                
                
        #sideBar {
                float: right;
                width: 172px;
                margin-right: 24px;
                font-size: 13px;
                line-height: 17px;
                color: #555;            
        }
        * html #sideBar {
                margin-right: 10px;
        }
                #sideBar h4 {
                        margin-bottom: 2px;
                        font-size: 16px;
                        line-height: 18px;                      
                }
                #sideBar p,
                #sideBar ol,
                #sideBar ul {
                        margin-top: 0;
                        margin-bottom: 18px;
                }

                #sideBar p.iconLink {
                        margin-top: -12px;
                }
                  #sideBar p.iconLink a {
                          background-position: left 1px;
                          background-repeat: no-repeat;
                          padding: 2px 2px 0 20px;
                  }
                        #sideBar p.iconLink.video a { background-image: url(/fb/i/icn/video.gif); }
                        #sideBar p.iconLink.info a { background-image: url(/fb/i/icn/info.gif); }
                        
                        #sideBar ul li {
        line-height: 14px;
        margin-bottom: 6px;
                        }
                        
                #sideBar h4#featuredBuzz {
                        background: url(/fb/i/icn/favorite_red.gif) no-repeat left center; 
                        padding-left: 22px;
                }

  #sideBar #subNav li a {
    display: block;
    width: 156px;
    padding: 4px 8px;
    margin-bottom: 4px;
    font-weight: bold;
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
    background: url(/fb/i/bg/bg_blue_grad.gif) repeat-x 0 -100px;
    border-top: 1px solid #ccc;
  }                     
    #sideBar #subNav li a:hover {
      background: #006EC6;
    }
    #sideBar #subNav li#current a,
    #sideBar #subNav li.current>a {
      color: white;
      background: #006EC6;
      cursor: default;
    }

    /* sub-sub-nav */
    
    #sideBar #subNav ul {
      margin-left: 9px;
    }
      #sideBar #subNav ul li a { 
        display: inline;
        padding: 0;
        font-weight: normal; font-size: 11px;
        background: none;
        border: 0
      }



#wide {
  clear: both;
  margin-left: 20px;
  margin-bottom: 20px;
  width: 700px;
  font-size: 15px;
  line-height: 23px;
}

  #wide h3 {
    font-size: 18px;
    margin-top: 15px;
  }     
  #wide h4 {
    font-size: 14px;
    margin-top: 15px;
    border-bottom: 1px solid #ccc;      
        }       
  #wide h5 {
    font-size: 12px;
    text-transform:uppercase;
    margin-top: 15px;
  }     
  #wide p,
        #wide ol,
        #wide ul {
                margin-top: 0;
                margin-bottom: 20px;
        }
          #wide ol li {
                  list-style: decimal;
                }
          #wide ul li {
                  margin-left: -16px;
                  margin-top: 8px;
                  padding-left: 16px;
                  background: url(/fb/i/bullet_red_diamond.gif) no-repeat left 8px;                     
                }
            #wide ol li ul li {
        margin-left:2px;
        list-style: none;
      }
  #wide li {
    color: #222;
  }

div.action_footer {
        clear: both;
        height: 84px;
        width: 100%;
        padding-top: 10px;
        padding-bottom: 6px;
        background: url(/fb/i/bg/bg_blue_grad.gif) repeat-x left -80px; 
        text-align: center;     
        }
        
        #burn_feed form {
                width: 700px;
                margin: 0 auto;
    border: 0;
    background: none;
    padding: 0;
                }
                #burn_feed form h3 {
                        margin-bottom: 10px;
                        font-size: 17px;                
                        }
                        #burn_feed form h3 span {
                                font-size: 12px;
                                font-weight: normal;
                                }                       
                #burn_feed input#feedUrl {
                        width: 480px;
                        padding: 4px;
                        margin-right: 4px;      
                        font-size: 16px;        
                        background: #FEF7DF url(/fb/i/bg/bg_textfield.gif) repeat-x;
                        border: 1px solid #666;         
                        border-right-color: #999;
                        border-bottom-color: #999;      
                        }
                #burn_feed label {
                        margin-left: 4px;
                        font-size: 12px;        
                        margin-left: 4px;                                       
                        }
                #burn_feed input.button {
                        margin-left: 8px;                               
                        }
                #burn_feed p#quickstarts {
                        font-size: 12px;
                        margin: 10px 0 10px 0;
                        }
                        
  #ready_to_advertise h3 {
    margin-top: 4px;
  }
  #ready_to_advertise p {
    margin-top: 12px;
  }
  #ready_to_advertise img {
    margin-bottom: -13px;
  }       
        
        
#footerNav {
        clear: both;
        padding-top: 30px;
        padding-bottom: 60px;
        border-top: 1px solid #999;     
        }
        #footerNav div {
                width: 700px;
                margin: 0 auto;
                }
                #footerNav div p {
                        margin-bottom: 8px;
                        font-size: 12px;
                        color: #666;
                        }
                        #footerNav div p strong {
                                font-size: 13px;
                        }
                        #footerNav div p a {
                                color: #666;
                                }
                        #footerNav div p a:hover {
                                color: white;
                                background: #666;                               
                                }                                                                       

                #footerNav div p#copyright {
                        float: right;
                        width: 150px; height: 10px;
                        margin-top: -65px;
                        padding-top: 28px;
                        text-align: center;
                        font-size: 10px;
                        color: #444;
                        background: url(/fb/i/logo_footer.gif) no-repeat top center;                                            
                        }
                                                
                
/*   POPUP WINDOW STYLES   */

        
body.popup {
  background: white;
}
body.popup h1 {
  font-size: 28px;
  margin: 0 0 20px 0;
  padding-left: 30px;
  text-align: left;
  background: url(/fb/i/bg/bg_blue_grad.gif) repeat-x left -60px;
}
body.popup #mainCol {
  border-right: 0;
  width: auto;
  margin-left: 30px;
  margin-right: 30px;
  padding-right: 0;
  float: none;
}
body.popup p#footer {
  border-top: 1px solid #ccc;
  margin: 10px 10px 20px 10px;
  padding-top: 10px;
  font-size: 13px;
}
body.popup img {
  border: 3px solid #ddd;
}
body.popup code {
  margin-bottom: 20px;
  font-size: 13px;
  line-height: 20px;
  display: block;
}

/* styles for Flare Unit XML reference popup */
div#xmlOutline blockquote {
        margin:0 0 0 1.5em;
}

div#xmlOutline a, div#xmlOutline blockquote a {
        font-size:16px;
        padding:3px;
        display:block;
        color:black;
        text-decoration:none;
}

div#xmlOutline a:hover, div#xmlOutline blockquote a:hover {
        background-color:#ddd;
}

div.elementBox {
        padding:6px;
        border:1px solid #ddd;
        border-top:none;
        margin-bottom:1em
}

#flarecatalog ul{
padding-left:0;
}

#flarecatalog ul li {
list-style-type:none;
}

#flarecatalog ul li p {
margin: 0 0 0 14px;
}
#flarecatalog ul li p.headline {
font-size: 16px;
font-weight: bold;
}
#flarecatalog ul li p b {
        font-size: 13px;
        color: #555;
}

#popup-flarexml-ref p.headline {
        font-size:14px;
        font-weight:bold;
        margin:0 0 4px 0 ! important;
}

#popup-flarexml-ref div.feedburnerFeedBlock ul {
padding-left:1em;
}

#popup-flarexml-ref div.feedburnerFeedBlock ul li {
font-family:Helvetica, Arial, Sans-Serif;
margin-bottom:1em;
font-size:11px;
list-style-type:square;
}

#popup-flarexml-ref div.feedburnerFeedBlock ul li a {
font-weight:bold;
}

#popup-flarexml-ref div.feedburnerFeedBlock ul li div {
margin-top:4px;
}
                        
/*   PAGE-SPECIFIC STYLES  */   



        /* press */

        

        
        #press #mainCol ul li,
        #press-releases #mainCol ul li,
        #press-inthenews #mainCol ul li {
                font-size: 12px;
                color: #333;
                line-height: 16px;
                }
        .press #mainCol ul li a,
        .press #mainCol ul li strong {
                font-size: 15px;
                font-weight: normal;
                }       
        .press #mainCol ul li a {
                font-size: 15px;
                margin-right: 6px;
                }       
        .press #mainCol #pressReleases li a {
                font-size: 20px;
                }
        .press #mainCol #pressReleases li {
                margin-top: 12px;
                }
        #BurnThisRSS225 li {
                margin-top: 8px;
                }
        #press-release #mainCol p strong {
                font-style: italic;
                font-weight: normal;
        }
        ul#events li span {
                font-size: 12px;
                color: #666;
                display: block;
                margin-top: 2px;
line-height: 16px;
        }

.press ul#inthenews li img {
float: left;
margin-right: 20px;
margin-bottom: 10px;
}
.press ul#inthenews li {
border-top: 1px solid #ccc;
padding-top: 10px;
padding-bottom: 10px;
background: none;
clear: both;
}
#press-backgrounder table {
border-collapse: collapse;
margin-bottom: 20px;
}
#press-backgrounder table tr {
line-height: 20px;
}
#press-backgrounder table td {
padding: 10px 0 10px 0;
border-bottom: 1px solid #ddd;
}
#press-backgrounder table td.milestoneDate {
width: 130px;
vertical-align: top;
font-size: 13px;
font-weight: bold;
color: #333;
}

                
        /* blogs/podcasts */

        img#featured {
                float: right;
                margin: 0 0 20px 20px;
        }

img.logo {
  margin: 10px 0;
  vertical-align: top;
        }
        
img.headshot    { 
                float:left;
                margin-top: 6px;
                margin-right: 10px;
                }
                
img.dev_left    { 
                float:left;
                margin-top: 3px;
                margin-right: 13px;
                margin-bottom: 13px;
                border:2px solid #ccc;
                }
                                
img.dev_right   { 
                float:right;
                margin-top: 3px;
                margin-left: 13px;
                margin-bottom: 13px;
                border:2px solid #ccc;
                }


        table#poam {
                border-collapse: collapse;
                margin: 0;
                margin-bottom: 1em;
                margin-top: 1em;
                padding: 0;
                border-bottom: 1px solid #ccc;
                border-top: 1px solid #ccc;
                width: 700px;
        }


        table#poam tr th,
        table#poam tr td {
                border-right: 1px solid #ccc;
                border-left: 1px solid #ccc;
                padding: 10px;
                vertical-align: top;
                width: 160px;
        }
        table#poam tr th {
                background: url(/fb/i/bg/bg_blue_grad.gif) repeat-x 0px -30px;
                padding: 5px 10px 10px 10px;
        }
        table#poam tr th h4 {
                font-size: 18px;
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
                color: #04449E;
                border: 0;
                margin: 0;
                padding: 0;
        }
        table#poam tr th p {
          margin-bottom: 0;
                font-size: 11px;
                color: #333;
                font-weight: normal;
                line-height: 13px;
        }

        table#poam tr td h5 {
                text-transform: none;
                font-size: 14px;
                line-height: 18px;
                font-weight: bold;
                color: #222;
        }
        table#poam tr td p {
                font-size: 12px;
                line-height: 16px;
                margin-bottom: 10px;
                color: #333;
        }


/* COMMERCIAL */

table#poam-commpub {
                border-collapse: collapse;
                margin: 0;
                margin-bottom: 1em;
                margin-top: 1em;
                padding: 0;
                border-bottom: 1px solid #ccc;
                border-top: 1px solid #ccc;
        }


        table#poam-commpub tr th,
        table#poam-commpub tr td {
                border-right: 1px solid #ccc;
                border-left: 1px solid #ccc;
                padding: 10px;
                vertical-align: top;
                width: 450px;
                border-bottom: 1px solid #ccc;
        }
        table#poam-commpub tr th {
                background: url(/fb/i/bg/bg_blue_grad.gif) repeat-x;
                padding: 5px 10px 10px 10px;
        }
        table#poam-commpub tr th h4 {
                font-size: 18px;
    font-family: "Trebuchet MS", Trebuchet, Verdana, sans-serif;
                color: #04449E;
                border: 0;
                margin: 0;
                padding: 0;
        }
        table#poam-commpub tr th p {
                font-size: 11px;
                color: #333;
                font-weight: normal;
                line-height: 13px;
        }

        table#poam-commpub tr td h5 {
                text-transform: none;
                font-size: 14px;
                font-weight: bold;
                color: #222;
        }
        table#poam-commpub tr td p {
                font-size: 12px;
                line-height: 16px;
                margin-bottom: 10px;
                color: #333;
        }
        
        table.customerLogos img {
          margin: 5px 10px;
        }
        table.customerLogos td {
          text-align: center;
        }

/* about */

        .about #mainCol h5 {
                font-size: 18px;
                border-top: 1px solid #ccc;
                padding: 15px 0;
                }       
        .about ul#inthenews li img {
                display: none;
                }
        .about ul#inthenews li {
                margin-top: 8px;
                }
        #about-events ul#events li a {
                font-size: 20px;
                margin-right: 6px;
        }
        #about-events ul#events li span a,
        #press ul#events li span a {
                font-size:12px;
                margin-right: 0;
        }
        
        #about-locations h3 {
                font-size: 18px;
        }
        

        #about-locations ul#locations li,
        #about-locations ul.contacts li  {
                        margin-bottom: 30px;

        }


div.giffyimagediv {
width:330px;
margin-left:auto;
margin-right:auto;
padding-bottom:1em;
padding-top:1em;
}

div.giffyimagediv img {
display:block;
padding-bottom:6px;
}




/* ad network */

ul#publishers-list-1,
ul#publishers-list-2 {
margin: 4px 0 0 0;
padding: 0;
list-style: none;
}
ul#publishers-list-1 li ,
ul#publishers-list-2 li {
font-size: 11px;
color: #333;
}
ul#publishers-list-1 {
width: 80px;
float: left;
}
ul#publishers-list-2 {
width: 80px;
margin-left: 85px;
}

/* ADVERTISING - a.k.a. online media kit */
/* ************************************* */

  a.icon {
    padding-left: 20px;
    background-image: url(/fb/images/favicon.ico); 
    background-repeat: no-repeat;
    background-position: left center;
  }
  .advertising #sideBar ul.logos {
    margin-top: 12px; margin-bottom: -8px;
  }

  div.logo_slider {
    margin-bottom: 20px; margin-right: -10px;
    padding-top: 10px; padding-bottom: 15px;
    border-top: 1px dotted #ccc;
  } 
    #mainCol div.logo_slider ul {
      margin-bottom: 0;
    }
    div.logo_slider ul li {
      background: none !important;
    }
    #advertising div.logo_slider ul.brands li {
      height: 120px; 
    }
    div.logo_slider a {
      margin-right: 20px;
    }
      #ce div.logo_slider a,
      #cap div.logo_slider a,
      #news div.logo_slider a {
        margin-right: 10px;
      }
    

  /* page specific */

  .advertising-channels #wide table {
    margin-top: 30px;
    text-align: center;
  }
    .advertising-channels #wide table td {
      width: 335px;  
      vertical-align: top;
    }
      .advertising-channels #wide table td h3 {
        width: 60%;
        margin-top: 10px; margin-bottom: 20px; margin-left: 60px;
        padding-bottom: 5px;
        border-bottom: 1px dotted #ccc;
      }


  #advertising-demographics #wide table {
    width: 700px;
  }
    #advertising-demographics #wide table td.highlight {
      background-color: #e9f5ff;
    }
      #advertising-demographics #wide table td.highlight.red {
        background: red;
        color: white;
      }

  #advertising-buzz h3 {
    display: inline;
    margin-right: 10px;
  }
  #advertising-buzz p {
    margin-top: 10px;
  }
    #advertising-buzz p.the_quoted {
      display: inline;
    }      
    
  #advertising-faq #mainCol h2 {
    margin: 0;
    padding: 0;
    font-size: 15px;
    letter-spacing: 0;
    border: 0;
  }
  
  #feed_reader_preview,
  #site_preview {
    margin-top: 20px;
  }
  #advertising-specs div#feed_reader_preview {
    position: relative;
    width: 700px; height: 653px;
    background: url(/fb/images/public/advertising/google-reader-dim.png) no-repeat;
  }
    #advertising-specs div#feed_reader_preview img {
      position: absolute;
      top: 420px;
      left: 189px;
      border: 2px solid white;
    }
  


/* DEVELOPERS SECTION */
/* ****************** */
/* api table */

table.apidetails {
        border-collapse: collapse;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        color: #222;
  margin-bottom:20px;
  margin-top:20px;
}

table.apidetails td,
table.apidetails th {
        padding: 5px 10px 5px 10px;
        text-align: left;
        border-right: 1px solid #ddd;
}

table.apidetails tr {
        border-bottom: 1px solid #ddd;
}

table.apidetails th {
        background: url(/fb/i/public/home_right_gradient.jpg) repeat-x 0px -70px;
        color: #222;
        text-transform: uppercase;
        font-weight: bold;
        font-size: 10px;
        padding-top: 0;
        padding-bottom: 0;
}

table.apidetails td {
        font-size: 12px;
}

.developers code {
color: #333;
font-size: 13px;
}

/* 101 FeedFlares List */
* html ol#flareCol1 dl, * html ol#flareCol2 dl {
        display:inline;
}


ol#flareCol1 li, ol#flareCol2 li {
        font-size:16px;
        margin-bottom:.9em;
}

ol#flareCol1 dt, ol#flareCol2 dt {
        font-weight:bold;
        font-size:16px;
}

ol#flareCol1 dd, ol#flareCol2 dd {
        margin:0 0 1em 0;
        font-size:12px; 
width: 250px;
}

ol#flareCol1 dd span, ol#flareCol2 dd span {
        font-size:11px;
}

table#tbl101Flares {
        width:100%;
}

table#tbl101Flares tr td {
        padding:0;
}

        #flarecatalog ul li {
                        margin-left: 5px;
                        }
                        
                        
/*scratchpad*/

p.scratchstatus {
        background:white;
        font-weight:bold;
        padding:3px;
}

p.scratchstatus span {
        display:block;
        font-weight:normal;
        line-height:120%;
        padding-left:26px;

}
p.scratchstatus img {
        vertical-align:middle;
}

.scratchok {
        color:#070;
        border-right:1px solid #070;
        border-bottom:1px solid #070;
        border-left:1px solid #070;
}

.scratcherror {
        color:#700;
        border-right:1px solid #700;
        border-bottom:1px solid #700;
        border-left:1px solid #700;
}

#scratchPreviewContainer {      
        border: 1px solid #aaa;
        padding: 54px 6px 6px 6px;
        width: 440px;
        margin: 0;
        background: white url(/fb/i/flair/postsample.jpg) no-repeat top left;
}

#scratchPreviewContainer p {
        margin:0;
        padding-left:6px;
}

#scratchPreviewContainer a {
        font-size:12px;
        color:#00C;
        text-decoration:underline;
}

#scratchPreviewContainer a:hover {
        background:none;
}

#scratchPreviewContainer span {
        background:url(/fb/i/flair/diamond.gif) no-repeat center left;
        padding-left:10px;
        padding-right:12px;
        font-family:Verdana,Arial,Sans-Serif;
        font-size:11px ! important;
        text-decoration:none ! important;       
}

/* SITE MAP */

#sitemap #mainCol,
#sitemap #sideBar {
  display: none;
}
#sitemap #wide #left {
  float: left;
}
#sitemap #wide #right {
  float: right;
}
#sitemap #wide div {
width: 50%;
}
#sitemap #wide li {
background: none;
}
#sitemap #wide ul li ul {
margin-left: 30px;
}

#people {
        width: 100%;
        height: 30px;
        vertical-align: middle;
        padding: 10px;
}

.right {
        float: right;
        text-align: right;
        }

.left {
        float: left;
        text-align: left;
        }
        

table.specs {
        border-collapse: collapse;
        border-top: 1px solid #ddd;
        border-left: 1px solid #ddd;
        color: #222;
margin-bottom:20px;
margin-top:20px;
width: 700px;
}

table.specs td,
table.specs th {
        padding: 5px 10px 5px 10px;
        text-align: left;
        border-right: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
        line-height: 10px;
}

table.specs th {
        background: url(/fb/i/public/home_right_gradient.jpg) repeat-x 0px -70px;
        color: #222;
        font-weight: bold;
        font-size: 10px;
        padding-top: 4px;
        padding-bottom: 4px;
        line-height: 10px;
}

table.specs td {
        font-size: 10px;
}

table.demographics td {
        padding: 20px;
        vertical-align: top;
}

table.demographics tr {
        vertical-align: top;
        }
        
table.favlogos td {
        vertical-align: middle;
        text-align: left;
        padding: 0px 10px 10px 10px;
        }
        
#mainpopCol {
        float: left;
        width: 285px;
        margin-left: 20px;
        padding-right: 28px;
        padding-top:0;
        font-size: 15px;
        line-height: 23px;
        border-right: 1px solid #ddd;                                                                                                                                   
        }

#mainpopCol h3 {
        font-size: 18px;
        }                       
#mainpopCol p,
#mainpopCol ol,
#mainpopCol ul {
        margin-top: 0;
        margin-bottom: 20px;
        }
#mainpopCol ol li {
        list-style: decimal;
        }
#mainpopCol ul li {
        margin-left: -16px;
        margin-top: 8px;
        padding-left: 16px;
        background: url(/fb/i/bullet_red_diamond.gif) no-repeat left 8px;                       
        }
html #mainpopCol ul li {
        margin-left: 0;
}

#mainpopCol ol li ul li {
        margin-left:2px;
        list-style: none;
        }

#mainpopCol li {
        color: #222;
        }       

#sidepopBar {
        float: right;
        width: 160px;
        margin-right: 24px;
        font-size: 13px;
        line-height: 17px;
        color: #555;            
        }
        
#mainpopCol,
#sidepopBar {
        margin-bottom: 20px;
        }
        
#popContent {
        width: 550px;
        margin: 0 auto;
        }
                
#popContent h2 {
        padding: 10px 18px;
        margin-bottom: 18px;
        font-size: 30px;
        letter-spacing: -1px;
        border-bottom: 3px double #ddd;         
        }
        
#sidepopBar h4 {
        margin-bottom: 2px;
        font-size: 16px;
        line-height: 18px;                      
        }
#sidepopBar p,
#sidepopBar ol,
#sidepopBar ul {
        margin-top: 0;
        margin-bottom: 18px;
        }

/* Languages Page */

#languages #languageList p {
  margin-bottom: 0;
}
#languages #languageList {
  float: right;
  width: 100px;
  margin-left: 40px;
}
