/* 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. */

: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 }

/* end undohtml.css */

/* base.css */
/* (C) Copyright 2006-2007 FeedBurner, Inc. All rights reserved. */

/*  ***************************************************************************
    BASE
    applies to all pages */
    
    
/* GENERAL - base element styles */
    
body { 
  text-align: center;	
  font: 14px/20px Arial, Helvetica, sans-serif;
  
  color: black;
  background: #eee url(/fb/lib/images/backgrounds/body.jpg) repeat-x;
  }

hr {
  height: 1px;
  margin-right: 1px;
  padding: 0;
  
  line-height: 0;  
  
  border: 0;
  color: #ddd;
  background-color: #ddd;
}

a {
	color: #015fab;
	background-color: inherit;
  }
  a:hover {
    text-decoration: underline;
    }
  a.feedLink,
  a.siteLink {
    padding: 0;
    }

/* REVEAL LINK */

a.reveal {
  padding-right: 14px;
  color: #015fab;
  background-color: inherit;
  background: url(/fb/lib/images/icons/reveal.gif) no-repeat 100% 6px;
  }
  a.reveal.up {
    background-image: url(/fb/lib/images/icons/reveal_up.gif);
    }
  a.reveal:hover {
    text-decoration: none;
    border-bottom: 1px solid #3283C5;
    }
    
/* NOTE - global note style */

.note {
  font-size: 11px;
  color: #666;
  background-color: inherit;
  }
  a.note {
    text-decoration: underline;
  }

/* SUB - global sub style */

.sub {
  font-size: 13px;
  color: #333;
  background-color: inherit;
}
  a.sub {
    color: #015fab;
  }
  
/* HELP - global help link style */

a.help {
  padding-left: 16px;
  text-decoration: none;
  background-image: url(/fb/lib/images/icons/what.gif);
  background-repeat: no-repeat;
  background-position: left center;
  color: #015fab;
}
  a.help:hover {
    text-decoration: underline;
  }


  
/* DISABLED - for general purpose */

.disabled {
  color: #999;
}

/* DISABLED - make a link not look a link */

a.disabled {
  color: #333;
  background-color: inherit;
  cursor: default;
  }
  a.disabled:hover {
    text-decoration: none;
    }
    
/* INLINE - for images that appear inline with text */

img.inline {
  margin-bottom: -2px;
}    
    
/* CUSTOMIZER - the rounded corner customizer space used everywhere */
    
.customizer {
  margin-top: 10px;
  margin-bottom: 20px;
  padding-top: 1px;
  
	border-bottom: 1px solid #777;
	border-left: 1px solid #aaa;	
	background: transparent url(/fb/lib/images/backgrounds/customizer.gif) no-repeat right top;
  }
  .customizer h4,
  .customizer p,
  .customizer table,
  .customizer ul {
    margin: 12px;
    }
  .customizer h4,
  .popup h2 {
    font-weight: bold;
    font-size: 13px;
    
    color: #555;
    background-color: inherit;
    border-bottom: 1px solid #ddd;
  }
  .customizer ul {
    margin-left: 24px;
    font-size: 12px;
  }
    .customizer li {
      margin-top: 6px;
    }
      .customizer li.check {
        background: url(/fb/i/checkmark3.gif) no-repeat 1px center;
	      padding-left: 16px;
      }

/* stat/list tables */

table.stats {
  width: 476px;
  margin: 0 0 0 12px;
  
	border-collapse: collapse;
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
  }   
  table.stats tr.total {
  	font-weight: bold;    
  	background: url(/fb/lib/images/backgrounds/pink.gif);
    }        
  table.stats tr.hover * {
  	color: white;    
  	background-color: #015fab;
  	cursor: pointer;
    }     
  table.stats td,
  table.stats th {         
    width: 60px;
  	padding: 5px;
  	text-align: right;  	
  	border-right: 1px solid #ddd;
  	border-bottom: 1px solid #ddd;            	
    }
  table.stats td {
    font-size: 13px;
    line-height: 18px;
    }           
  table.stats th {
  	padding-top: 1px;
  	padding-bottom: 1px;

  	font-weight: bold;
  	font-size: 10px;
  	text-transform: uppercase;
  	text-align: center;
    
  	color: #222;    
  	background-color: inherit;
  	background: url(/fb/lib/images/backgrounds/gradient_gray.jpg) repeat-x 0px -70px;
    }
    table.stats td.title,
    table.stats th.title {
    	width: auto;
    	text-align: left;  
      }

    table.stats td.channel {
    	font-size: 11px;
    	text-align: center;
    	
    	color:  #666;
      background-color: inherit;
      }

  

/* FORMS - set in tables, of course */
    
form table {
  margin: 12px 0 12px 0;
  border: 0;
}
  form table td {
  	padding: 1px 1px 5px 1px;

  	font-size: 12px;  	
  	vertical-align: bottom;
  	text-align: left;
  	
  	border: 0;
  }
    form table tr {
      border: 0;
    }
    form table td label {
    	display: block;
    	width: 120px;
	    margin-right: 5px;
      padding: 3px 0 4px 0;

      font-weight: bold;
    	text-align: right;
      line-height: 14px;
    }
  td.top {
    vertical-align: top;
  }
  
/* text fields, buttons, etc */  
  
input,
textarea {
	font: normal 14px Arial, Helvetica, sans-serif;
  }
  
  .textInput {
    width: 300px;  
    padding: 3px;

    color: inherit;
  	background: white url(/fb/lib/images/backgrounds/text_input.gif) repeat-x top;

    border: 1px solid #bbb;
    border-top-color: #666;
    border-left-color: #666;	
    }  
    
  input.button,
  button.button {
    font-weight: bold;  
  
    color: #444;
    background: #eee url(/fb/lib/images/backgrounds/button.jpg) left bottom repeat-x;
    border: 2px solid #aaa;
    border-top-color: #ddd;
    border-left-color: #ddd;
    }
    input.button.disabled,
    button.button.disabled {
    	color: #999;
    	background-color: inherit;
    	background-position: 0 -25px;
      } 
    input.button.small,
    button.button.small {
      font-size: 10px;
    }
    
  input.radio {
    margin-bottom: -3px;
    padding-bottom: 0;    
  }

select {
  border: 1px solid #bbb;
  border-top-color: #666;
  border-left-color: #666;
  }

label.checkboxLabel {
  padding: 3px;
  color: inherit;
  background-color: #f3f3f3;
  border: 1px solid #ddd;
}


/* customizer footer */

.customizerFooter {
  padding: 1px 0;
  background-image: url(/fb/lib/images/backgrounds/customizer_footer_gray.gif);
  border-right: 1px solid #777;  
  }
  .customizerFooter.active    { background-image: url(/fb/lib/images/backgrounds/customizer_footer_green.gif); }
  .customizerFooter.inactive  { background-image: url(/fb/lib/images/backgrounds/customizer_footer_pink.gif);  }
  .customizerFooter p {
    font-size: 12px;
    }
    .customizerFooter p input {
      margin-right: 5px;
      }
    #deactivate {
      float: right;
      margin-top: 2px;
    }
    
    
/* PAGE - page holder, if you will */    
  
  #page {
    width: 740px;
    margin: 0 auto;

    text-align: left;

    color: inherit;
    background: white;
  	border: 2px solid #999;
  	border-top: 0; 
    }
    
    /* USER STATUS */
    
    #userStatus,
    #migrationNotice {
      	height: 1.8em;
      	padding: 5px 0;
    	
      	font-size: 11px;

      	color: #666;
      	background: #eee url(/fb/lib/images/backgrounds/user_status.jpg) repeat-x 0px -80px;       	
      	border-bottom: 1px solid #bbb;
        }    	
      #userStatus p#signedIn {
        display: inline;
      	float: right;
      	margin-right: 20px;
      	text-align: right; 
        }
      #userStatus p#myAccount {
      	margin-left: 20px; 
        }
        #userStatus p a#myFeedsLink {
        	padding-left: 14px;
        	          
        	background-image: url(/fb/lib/images/icons/home.gif);
        	background-repeat: no-repeat;
        	background-position: left center;
          }
    #migrationNotice {
      color: black;
      background: #ff9;
      border-bottom: 0;
    }
      #migrationNotice p {
        text-align: center;
      }

    #header,
    #tabs,
    .message,
    #services,
    #service,
    #footer {
      margin: 10px 0 10px 20px;
      }
    
    #tabs,
    #services,
    #service {
      display: inline;
      }
      
    /* HEADER */

    #header { 
      margin-top: 16px;
      margin-right: 20px;
      }
      #header h1 a {
        display: block;        
        float: right;
        width: 150px;
        height: 30px;
        margin-top: 2px;
      
        text-indent: -10000px;
  	
      	background: url(/fb/lib/images/logo_150w.gif) no-repeat right top;
        }
      #header h2 {
        font: bold 28px "Trebuchet MS", Trebuchet, Verdana, sans-serif;
        letter-spacing: -1px;
        }
      
      #header p#actions {
        margin-top: 5px;
        font-size: 12px;
        }
        #header p#actions img {
          margin-bottom: -4px;
          }
    
    /* MESSAGES */

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


    /* TABS
       code based on Dan Cederholm's tabs
       http://www.simplebits.com/bits/css_tabs.html */

    #tabs {
    	float: left;      
    	width: 700px;
    	margin-top: 6px;
    	padding-bottom: 3px;

    	background: url(/fb/images/tab_bottom.gif) repeat-x bottom;
      }
      #tabs ul li {
      	display: inline;
      	list-style-type: none;
        }
      #tabs ul a:link, 
      #tabs ul a:visited {
      	float: left;
        height: 14px;
      	margin-right: 4px;          
        padding: 7px 12px 6px 10px;
        
      	font-size: 14px;
      	line-height: 14px;
      	font-weight: bold;
      	
      	color: #666;
      	background: #f0f0f0 url(/fb/images/backgrounds/tab.gif) no-repeat right top;        	
      	border-left: 1px solid #999;
        }
      #tabs ul a:link.open, 
      #tabs ul a:visited.open {
      	height: 16px;          
        margin-bottom: -3px;

      	color: black;       
      	background-color: white;        	 	
      	border-bottom: 1px solid white;
      	cursor: default;
        }
      #tabs ul a:hover {
        text-decoration: none;
        color: inherit;
      	background-color: #f9f9f9;
        }
      #tabs p {
        display: inline;
        float: right;
      	margin-right: 10px;
      	margin-top: 5px;
        
        font-size: 13px;
      	font-weight: bold;
        }
        #tabs p a {
        	padding-left: 14px;
    	      
        	color: #666;
        	background: white url(/fb/lib/images/icons/home.gif) no-repeat left center;
          }
          #tabs p a:hover {
    	      color: black;
    	      background-color: inherit;
            }

    /* SERVICES MENU (left column) */

    #services {
      float: left;
      width: 195px;
      margin-top: 0;
      margin-right: 0;
    }
      #services h3 {
        margin: 10px 20px 10px 0;
        padding-left: 0.45em;

        font-size: 11px;
        text-transform: uppercase;

        color: #333;
        background-color: inherit;
        border-bottom: 1px solid #999;
      }
      #services ul {
        margin-bottom: 15px;
      }
        #services ul li {
          line-height: 12px;
        }
        #services ul a {
          display: block;
          margin-right: 20px;
          padding: 7px;
          padding-bottom: 6px;
          padding-left: 19px;

          _height: 1em;       /* hack for IE6 only */

          font-size: 10px;
          line-height: 12px;
          text-decoration: none;

          border-bottom: 1px solid #ddd;
          background-repeat: no-repeat;
          color: #333;
        }
        #services ul a span {
          font-size: 13px;
          font-weight: bold;
          color: #015fab;
        }
        #services ul a:hover {
          background-color: #e9e9e9;
          text-decoration: none;
        } 
          #services ul a:hover span {
            text-decoration: underline;
          }
        #services ul.view a {
          padding-left: 0.7em;
        }
          /* 
          #services ul a span {
            display: block;
            margin-top: -6px;
            margin-bottom: 2px;

            font-size: 10px;
            font-weight: normal;
            line-height: 15px;

            color: #333;
            background-color: inherit;
          }
          */

        #services ul li.open {
        	background: #e9e9e9 url(/fb/lib/images/backgrounds/service_open.gif) no-repeat right 50%;
        }
          #services ul li.open a {
          	background-color: #e9e9e9;
            border: 0;
          }
          #services ul li.open a span {
            color: black;
          }
          #services ul li.open a:hover {
            cursor: default;
          }
          #services ul li.open a:hover span {
            text-decoration: none;
          }
          #services ul li.active a {
        	  background-image: url(/fb/lib/images/checkmark.gif);
        	  background-repeat: no-repeat;
        	  background-position: 0.45em 6px;
          }

          #services ul li ul {
            margin-top: 0;
            height: 1%;
          }
            #services ul li ul a,
            #services ul.view li ul a {
              padding-left: 18px;
              font-size: 11px;
              font-weight: normal;
              color: #015fab;
            }
            #services ul li ul a:hover {
              text-decoration: underline;
            }
      #services p {
        margin: -8px 0 20px 0;
        padding-left: 18px;

        font-size: 11px;

        color: #333;
        background-color: inherit;
      }


      * + html #services ul a,
      * + html #services ul li ul a,
      * + html #services ul.view li ul a,
      * + html #services p {
        padding-left: 16px;
      }
      * html #services ul a,
      * html #services ul li ul a,
      * html #services ul.view li ul a,
      * html #services p {
        padding-left: 15px;
      }
      * + html #services ul li.active a {
        background-position: 0.3em 6px;
      }
      * html #services ul li.active a {
        background-position: 0.2em 6px;
      }

    /* SERVICE CUSTOMIZER, ETC (right column) */
    
    #service {
      float: right;
      width: 500px;
      margin-left: 0;
      margin-right: 20px;
      }
      #service h3 {
        margin-top: 2px;
        margin-bottom: 10px;
        font: bold 18px Trebuchet, "trebuchet ms", sans-serif;
        }
      
    
    /* FOOTER */
    
    #footer {
      clear: both;
      margin-bottom: 0;
      padding: 10px 0 20px 0;
      
      font-size: 11px;
      text-align: center;
      
      border-top: 1px solid #999;
      }