/* Facebook Platform
   You'll find something to put here */

body {
  color:#333; 
  background: #e8e8e8 url(/images/devsite/background_gray_fade.gif) repeat-x;
  font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
  font-size: 11px;
  text-align:left;
  line-height: 16px; }

body, div, span, ul, li, h1, h2, h3, h4, h5, address, p, td, blockquote, dl, dt, dd, input, br {
  margin:0;
  padding:0; }

table { border:none;}
a:link { color:#3b5998; text-decoration:none;}
a:visited { color:#3b5998; text-decoration:none;}
a:hover { color:#3b5998; text-decoration:underline;}
a:active { color:#3b5998; text-decoration:underline;}
h1 { font: normal 23px 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin:0 0 10px 0;}
h2 { font: bold 15px 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin: 0 0 7px 0;}
h3 { font: bold 1.2em 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin: 0 0 0 0;}
h4 { font: bold 1em 'Lucida Grande',Geneva,Verdana,Arial,sans-serif; color: #333333; margin: 0 0 0 0;}
address { margin:5px 0; font-style:normal;}
img { border:none;}
ul { list-style-type:none;}
input, select { vertical-align: middle;}
p, blockquote, dt, dd, address {  
  margin: 0 0 15px 0; 
  line-height: 1.5em;
}
label { padding-top: 3px;}
form {display:inline;}


/*****CSS Code Common to All Pages******/

#header_bar {
  background: #3B5998; }

#header_logo {
  display: block;
  height: 47px; 
  width: 980px;
  margin: 0px auto; }
  
  #header_logo a {
    display: block;
    height: 47px;
    width: 280px;
    background: url('/images/devsite/header_logo.gif') no-repeat 5px 3px; }
  #header_logo h1 {
    display: none; }

#navigator {
  height: auto;
  line-height: auto;
  padding: 0px;
  margin: 4px 0px 0px; 
  border-bottom: solid 1px #a0a0a0;
  background: #f7f7f7; }
  
  #navigator div.center_box {
    width: 980px;
    margin: 0px auto; }
  
  #navigator ul {
    float: left;
    padding: 0px 1px;
    list-style-type: none; }
  #navigator li {
    float: left;
    line-height: 15px;
    padding: 7px 0px 7px 1px;
    font-size: 13px;
    font-weight: bold;
    background: url('/images/devsite/navigator_divider.gif') no-repeat left center; }
  #navigator li.first {
    background: none; }
  #navigator li.active a {
    color: #444;
    background: white url('/images/devsite/navigator_active.gif') repeat-x; }
    
    #navigator li a {
      line-height: 15px;
      color: #3B5998;
      padding: 11px 10px 6px 10px;
      margin: -4px 0px 0px; }

#quick_search {
  float: right;
  padding: 5px 0px 0px; }
  
  #quick_search input {
    width: 200px; }

#quick_search .inputtext {
  background: white; 
  border: 1px solid #bdc7d8;
  padding:0 0 1px 20px;
  background: url(/images/devsite/icn_search_mag_glass.gif);
  background-position: 3px 3px;
  background-repeat: no-repeat; }

.pipe {
  color:gray;
  padding:0px 3px; }



/*******CONTENT AREA*********/
.middle-container {
  width: 980px;
  margin: 10px auto 8px;
  padding: 0px;
  border: 1px solid #a0a0a0; /*#acadb1;*/
  border-bottom: solid 1px #697ba1;
}

.content_header {
  background:#d8dfea;
/*  border-left:solid 1px #acadb1;
  border-right: solid 1px #acadb1;
  border-top: solid 1px #acadb1;
  */
  height:35px;
  margin:0px auto 0px auto;
  width:970px;
  padding:0 10px 0 0;
}

.content_header h1 {
  color:#fff;
  display:none;
}

.header_image {
  float:left;
  height:35px;
  padding:0;
  margin:0 ;
}

.more_dropdown {
  float:right;
  height:29px;
  padding: 0;
  margin: 6px 0 0 0;
}

.content_pad {
  background: #fff;
  width: 980px;
  padding: 0;
  margin: 0px auto 0px auto;
  height:10px;
}

.content_bg {
  background:#f7f7f7;
  margin: 0 auto;
  padding:0px;
  width:980px;
  float:left;
}

.content {
  float: left;
  background:#fff;
  padding: 0px;
  margin: 0px;
  width:980px;
}

.content_bg .side_nav {
  background:#f7f7f7;
  float:left;
  margin: 0px;
  padding:10px;
  width:160px;
}

.content_bg .side_nav h3{
  color: #777;
  margin: 0 0 5px 0;
}


.content_bg .side_nav li {
  margin-bottom:8px;
  line-height:14px;
}

.content .content_main {
  float: left;
  background: #fff;
  margin: 0px;
  /*width: 740px;*/
  padding: 20px 30px;
}

.footer {
  font-size: 11px; 
  width: 960px;
  padding: 0px 10px;
  margin: 0px auto; }

.footer .copyright {
  color: #666;
  float: left; }

.footer .links {
  float: right; }


/***************
* SUB TABS     *
***************/
#devsite_subtabs {
  background-color: #b9c2d1;
}

#devsite_subtabs ul {
  padding: 5px 0 0 15px;
}

#devsite_subtabs li {
  padding: 3px 10px 2px 10px;
  display: block;
  float: left;
  background-color: #d4dce9;
  margin: 0 2px 0 0;
  font-size: 13px;
}

#devsite_subtabs li a:hover{
  text-decoration:none;
}

#devsite_subtabs li.devsite_subtag_active {
  background-color: #fff;
  text-decoration:none;
}

#devsite_subtabs li.devsite_subtag_active a {
  color: #000;
}
#devsite_subtabs li.devsite_subtag_active a:hover {
  color: #000;
  text-decoration:none;
}

/*  ---------------------------|  SHARE | HIDE  |---------------------------  */

.share_and_hide {
  font-size: px; }

  .s_and_h_big {
    font-size: 11px; } 

  .share_and_hide a {
    padding: 0px 14px 1px 4px;
    display: block;
    float: left;
    background: white url(/images/share_icon_small.gif) repeat-y right center; 
    border: solid 1px #7f93bc; }

    .s_and_h_big a {
      background: white url(/images/share_icon.gif) repeat-y right center; 
      padding: 1px 18px 2px 4px; }

  .share_and_hide a.save {
    background: #eceff5;
    border-left: none; } 

    .share_and_hide a.with_share {
      border: solid 1px #adbad4;
      border-left: none; } 

  .share_and_hide a:hover {
    color: #fff;
    border-color: #3B5998;
    text-decoration: none;
    background: #3B5998 url(/images/share_icon_small_hover.gif) repeat-y right center; }

    .s_and_h_big a:hover {
      background: #3B5998 url(/images/share_icon_hover.gif) repeat-y right center; }

  .share_and_hide a.x_to_hide {
    border: none;
    width: 3px;
    padding: 1px 5px 2px;
    margin-left: 3px;
    background: transparent url(/images/x_to_hide.gif) no-repeat center center; }

    .s_and_h_big a.x_to_hide {
      padding: 2px 5px 3px; }

  .share_and_hide a.x_to_hide:hover {
    background: #3B5998 url(/images/x_to_hide_hover.gif) no-repeat center center; }