﻿
/*I am hiding all demo menus...*/
  .demo {display:none;}
/*...but I could have left them visible and set all image sizes to a standard 48px...*/
  .demo img {border:0 none; padding:0; width:100px; height:100px; vertical-align:top;}

/************************
**  JQDOCK : DEMO CSS  **
************************/
/*place the various demo menus around the screen (note: 1, 3, 4 and 7 are horizontal; 2, 5 and 6 are vertical)...
 *also note that the relative menu (#menu1) is positioned (z-indexed) below any vertical menus so as not to interfere...*/
  #menu1 {position:relative; padding-top:12px; padding-left:100px; z-index:10;padding-bottom:12px;text-align:center;}
/*label styling...*/
/*labels (div.jqDockLabel) only get absolute position and zero margin (with top and left being calculated); the rest is up to you*/
  /*...let's set some defaults...*/
  div.jqDockLabel {border:0 none; padding:0 4px; font-weight:bold; font-size:14px; font-style:italic; 
                   white-space:nowrap; color:#000000; background-color:transparent;}
  div.jqDockLabelLink {cursor:pointer;}
  div.jqDockLabelImage {cursor:default;}


