/* dock */
  #dock{margin:0px; padding:0px; list-style:none; position:fixed; top:41px; height:100%; 
        z-index:999; background-color:#f0f0f0; left:0px;}
  #dock > li {width:40px; height:70px; margin: 0 0 1px 0; background-color:#dcdcdc;
               background-repeat:no-repeat; background-position:left center;}
  
  #dock #tabs1 {background-image:url(../images/sidemenu/tabs1.png);}
  #dock #tabs2 {background-image:url(../images/sidemenu/tabs2.png);}
  #dock #tabs3 {background-image:url(../images/sidemenu/tabs3.png);}
  #dock #tabs4 {background-image:url(../images/sidemenu/tabs4.png);}
  #dock #tabs5 {background-image:url(../images/sidemenu/tabs5.png);}
  #dock #tabs6 {background-image:url(../images/sidemenu/tabs6.png);}
  #dock #tabs7 {background-image:url(../images/sidemenu/tabs7.png);}
  #dock #tabs8 {background-image:url(../images/sidemenu/tabs8.png);} /*This is the max number for most pages, try to keep it around 5 */

  #dock > li:hover {background-position:-40px 0px;}
  
  /* panels */
  #dock ul li {padding:5px; border: solid 1px #F1F1F1;}
  #dock ul li:hover {background:#D3DAED url(../images/sidemenu/item_bkg.png) repeat-x; border: solid 1px #A8D8EB;}
  #dock ul li.header, #dock ul li .header:hover {background:#D3DAED url(../images/sidemenu/header_bkg.png) repeat-x;border: solid 1px #F1F1F1;}

  #dock > li:hover ul {display:block;}
  #dock > li ul {position:absolute; top:0px; left:-180px;  z-index:-1;width:180px; display:none;
                 background-color:#F1F1F1; border:solid 1px #969696; padding:0px; margin:0px; list-style:none;}
  #dock > li ul.docked { display:block;z-index:-2;}
  
  .dock,.undock{float:right;}
 .undock {display:none;}
  #content {margin: 10px 0 0 60px;}