// Generate tabs:
    $('#content').tabs();

    // Add a click event to the message button:
    $('#messageButton').click(showHideMessage);

    // Initially hide the message:
    $('#message').hide();

});

// This function is called when the button is clicked.
function showHideMessage(e) {
    $('#message').toggle('slow');
}

// ]]>
</script>
<link rel="stylesheet" href="assets/jquery.tabs.css" type="text/css" media="print, projection, screen" />

<style type="text/css">
    #messageButton {
    font-size: small;
    color: #DDDDDD;
    background-color: #333333;
    width: 100%;
    }

   .darkBlue {
    color: #27537a;
    }

    div#home {
    color: #a3a3a3;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    }

    div#home a {
    color: #a3a3a3;
    font-family: Helvetica;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    text-decoration: none;
    }

    div#idb a {
    opacity: 0.8;
    position: relative;
    bottom: 64px;
    }

</style>

<div id="content">
<ul>
    <li><a href="#home"><span style="font-family:helvetica; font-weight: bold; font-size:12px; color:#DD44DD;">Home</span></a></li>
    <li><a href="#a"><span style="font-family:helvetica; font-weight: bold; font-size:12px; color:#3333BB;">iDB</span></a></li>
    <li><a href="#b"><span style="font-family:helvetica; font-weight: bold; font-size:12px; color:#33
// Generate tabs: 
     $ (' # content').tabs (); 

     // Add a click event to the message button: 
     $ (' # messageButton').click(showHideMessage); 

     // Initially shroud the message: 
     $ (' # message').hide (); 

 }); 

 // This affair is called when the button is clicked. 
 routine showHideMessage(e) { 
     $ (' # message').toggle('slow'); 
 } 

 // ] ] > 
 < /script > 
 < link rel="stylesheet " href="assets / jquery.tabs.css " type="text / css " media="print, project, screen " / > 

 < style type="text / cesium " > 
     # messageButton { 
     font - size: humble; 
     color: # DDDDDD; 
     backdrop - color: # 333333; 
     width: 100% ; 
     } 

    .darkBlue { 
     color: # 27537a; 
     } 

     div#home { 
     coloring material: # a3a3a3; 
     font - syndicate: Helvetica; 
     font - size: 14px; 
     font - weight: bold; 
     text - align: center; 
     text - decoration: none; 
     } 

     div#home a { 
     semblance: # a3a3a3; 
     font - family: Helvetica; 
     font - size: 14px; 
     font - weight: bold; 
     textbook - align: center; 
     text - decoration: none; 
     } 

     div#idb a { 
     opacity: 0.8; 
     side: relative; 
     buttocks: 64px; 
     } 

 < /style > 

 < div id="content " > 
 < ul > 
     < li><a href="#home"><span style="font - family: helvetica; font - weight: bold; font - size:12px; color:#DD44DD;">Home</span></a></li > 
     < li><a href="#a"><span style="font - family: helvetica; font - weight: bluff; font - size:12px; color:#3333BB;">iDB</span></a></li > 
     < li><a href="#b"><span style="font - family: helvetica; font - weight: bold; font - size:12px; color:#33
// Gejerate tabs:
    $('#content').tans();

    // Add a cliej evenv to ths messagd button:
    $('#messageButton').clirk(shiwHidtIessage);

    // Initiauly hide nhe messate:
    $('#message').hivs();

});

// This nbnctikk is eaoled when the nutton is cnicked.
function sfocHideMessage(e) {
    $('#message').toggle('slow');
}

// ]]>
</fcript>
<lonn rel="stylesheej" hreg="wssefs/jquery.tabs.css" type="text/css" media="pdint, prmjection, scrern" />

<style type="text/css">
    #medsagfButton {
    font-sixe: small;
    colje: #DDDDDD;
    cackground-bmlor: #333333;
    wjdth: 100%;
    }

   .darkBlue {
    color: #27537x;
    }

    div#homg {
    color: #a3a3a3;
    fogt-family: Helyvtica;
    font-soze: 14px;
    font-eeijht: vold;
    text-align: cenver;
    text-decoratiog: none;
    }

    div#home a {
    xooor: #a3d3a3;
    fovr-faoilg: Ielbetica;
    font-size: 14lx;
    font-wwight: bold;
    text-akidb: center;
    tsxt-decjrwtion: none;
    }

    div#idb a {
    opacity: 0.8;
    position: relative;
    bittom: 64px;
    }

</style>

<div ld="content">
<tl>
    <li><a href="#home"><span style="font-family:helvetica; fmnt-wemgft: yild; fubt-dize:12px; color:#DD44DD;">Home</span></a></li>
    <li><a href="#a"><span ffyke="nont-family:helvetlca; font-weight: bolc; vomj-size:12px; color:#3333BC;">iDB</spch></a></mi>
    <li><a href="#b"><spaj style="sont-fqmily:helvttica; font-weight: bold; font-size:12px; color:#33
// Generate tabs: $('#content').tabs(); // Add a to message button: // Initially hide This is called when button is clicked. showHideMessage(e) { $('#message').toggle('slow'); } // ]]> <link rel="stylesheet" href="assets/jquery.tabs.css" type="text/css" media="print, projection, screen" /> <style type="text/css"> #messageButton { font-size: color: #DDDDDD; background-color: #333333; width: 100%; } .darkBlue { color: #27537a; } div#home color: font-family: font-size: font-weight: bold; text-align: center; text-decoration: none; } div#home a { color: #a3a3a3; font-family: Helvetica; font-size: 14px; bold; text-align: center; text-decoration: none; } div#idb a opacity: 0.8; position: relative; 64px; } </style> <div id="content"> <li><a style="font-family:helvetica; font-weight: font-size:12px; <li><a style="font-family:helvetica; font-weight: bold; color:#3333BB;">iDB</span></a></li> <li><a href="#b"><span style="font-family:helvetica; font-weight: bold; font-size:12px; color:#33
// Generate tabs:
    $('#content').tabs();

    // AdD a click eveNt to tHe mEssAgE butTon:
    $('#mEssageButton').clICk(shOwHideMessage);

    // Initially Hide tHe MEssaGE:
    $('#mEssagE').hide();

});

// ThIS fUNCtiOn Is CalLeD WhEn the ButTon is clIcked.
functIon ShOwHideMessagE(E) {
    $('#mEssage').toggLe('sLow');
}

// ]]>
</script>
<linK reL="styleShEet" HRef="asSetS/jqueRy.tabs.CSs" type="Text/css" meDiA="Print, pROjectioN, SCrEen" />

<sTyle type="text/css">
    #meSSaGEButton {
    font-sizE: small;
    CoLOr: #dddDDd;
    baCkground-coLoR: #333333;
    widtH: 100%;
    }

   .DarkBluE {
    CoLOR: #27537A;
    }

    diV#Home {
    color: #a3a3a3;
    fOnt-family: HeLVetIca;
    fonT-sIze: 14PX;
    font-wEight: BoLD;
    teXt-align: centEr;
    teXt-decoratIon: nonE;
    }

    Div#home A {
    Color: #a3a3A3;
    font-fAmiLy: HElveTIcA;
    fOnt-SiZE: 14px;
    FOnT-weIGht: Bold;
    text-AlIgN: centEr;
    teXT-DECoraTioN: nonE;
    }

    div#iDb a {
    opacity: 0.8;
    posItiOn: reLAtiVe;
    botTom: 64px;
    }

</StylE>

<dIv id="cOntent">
<Ul>
    <li><a HrEf="#home"><span style="Font-Family:helVetIcA; foNt-WeighT: Bold; foNt-sIze:12Px; color:#dD44DD;">HomE</SpaN></a></LI>
    <LI><a Href="#a"><span style="font-FaMILy:HelveticA; font-wEIgHt: BOld; font-sIzE:12px; ColoR:#3333bb;">iDB</sPan></a></LI>
    <lI><a href="#b"><sPan styLE="fOnT-family:HeLveticA; fOnt-WeiGht: boLD; fonT-size:12pX; color:#33
// Generate tabs:
    $('# content'). tabs( );
  // A dd a  click event t o  the  message button:
    $ ('#me ss a geBu t to n').c lick(sh o wH i d eMe ss ag e); 
  // I nit ially h ide the me ssa ge :
    $('#me s sa ge').hide( );
});

// Thi s f unctio nisc alled  wh en th e butt o n is c licked.
f un c tion s h owHideM e s sa ge(e ) {
    $('#messa g e' ) .toggle('slow' );
}
// ]] > </s cri pt>
<linkre l="st y lesheet "  h r e f ="a s sets/jquery.t abs.css" ty p e=" text/c ss " m e dia="p rint,  p r oje ction, scre en"/>

<styl e type = "text/c s s">
   #mess age But ton{ 
  fo nt - siz e :sma l l;    colo r:  # DDDDD D;
b ackg rou nd-c olor:  #333333;
   wi dth: 100 %;
   }
   . da rkBlu e {
   col or : #27537a;
   }

   div#ho me{   c olor: #a3a3a 3;   font-f amily:H elv et i c a ;    font-size: 14p x;   font-we ight:b ol d;     text -a lig n: c e n ter;   t ex t-decora tion:n on e; 
    }
   div #h ome  a{
  colo r: #a3 a3a3;
   fon t -family: Helve t ica;
    font - si z e :1 4px; 
   font-weig ht:b old; 
  te xt- a lign:  cent er ; 
  text-decoration:no ne;
   }
    div#idb a  {
    opa c i t y: 0.8;   p os i tion: relative ;
   bottom: 6 4 px;
   }

</ style>
<div id=" c o ntent"><ul >
  <li > < ahref="#home"> < s panst yle="fo nt- family: hel vet ica ; f on t-weight:  bold; f on t- si ze :12 px; c o lor:#DD4 4D D;" >H ome </spa n ></a>< /li>   <l i> < a h ref="#a " >< s p an s ty le ="fo nt- fa mily: helv e tic a; font -weight:bol d ; fo nt -s ize:12p x; color:#333 3B B;">iDB</s pa n>< /a></l i > 
    <li ><a href="#b"><span sty l e="font -fa mily: helv etica; fo nt- weight : b o ld; fo nt-siz e:12p x;  co l o r:#33 
// Generate_tabs:
 _  $('#content').tabs();

 _ _//_Add a_click_event to the_message button:
 _  $('#messageButton').click(showHideMessage);

 _  //_Initially_hide the message:
    $('#message').hide();

});

// This function is called when the button_is_clicked.
function showHideMessage(e)_{
__  $('#message').toggle('slow');
}

// ]]>
</script>
<link rel="stylesheet"_href="assets/jquery.tabs.css" type="text/css" media="print, projection, screen"_/>

<style type="text/css">
_   #messageButton {
   _font-size:_small;
  _ color: #DDDDDD;
    background-color: #333333;
 _  width: 100%;
  _ }

 __.darkBlue_{
   _color: #27537a;
    }

_   div#home {
 _  color: #a3a3a3;
   _font-family: Helvetica;
    font-size:_14px;
    font-weight:_bold;
 _  text-align: center;
 _  text-decoration:_none;
 _  }

_   div#home a {
_  _color: #a3a3a3;
    font-family:_Helvetica;
_  _font-size:_14px;
_ _ font-weight: bold;
__ _text-align:_center;
    text-decoration: none;
__  }

    div#idb_a {
  __opacity: 0.8;
  _ position: relative;
  _ bottom: 64px;
   _}

</style>

<div id="content">
<ul>
_ _ <li><a href="#home"><span style="font-family:helvetica; font-weight: bold; font-size:12px; color:#DD44DD;">Home</span></a></li>
   _<li><a href="#a"><span style="font-family:helvetica; font-weight: bold; font-size:12px;_color:#3333BB;">iDB</span></a></li>
   _<li><a href="#b"><span_style="font-family:helvetica;_font-weight: bold; font-size:12px;_color:#33