div#toolbar {  position: fixed;
               bottom: 0px; right: 0px; left: 0px; z-index: 9999; 
               width: 80%; min-width: 700px; height: 36px;
               background: transparent; /* url(images/bcktool.png); */
               margin: 0px auto; padding: 0px 20px;
               -moz-border-radius-topleft: 8px;
	       -khtml-border-radius-topleft: 8px;
	       -webkit-border-top-left-radius: 8px;
	              -moz-border-radius-topright: 8px;
	              -khtml-border-radius-topright: 8px;
	              -webkit-border-top-right-radius: 8px;
	       border-top: 3px double #2A2C2F; 
               border-left: 3px double #2A2C2F; 
               border-right: 3px double #2A2C2F; }
						 
/**************************************************************** Left Side */

.leftside  { float: left;}

ul#social li { display: inline;}

a.rss        { display: inline-block; width: 104px; height: 40px;
               background: url(images/toolbar/rss.png) no-repeat; margin-top: -8px;}

a.delicious, a.digg, a.facebook, a.flickr, a.linkedin, 
a.livejournal, a.mail, a.myspace, a.openID, a.skype, 
a.stumbleupon, a.technorati, a.twitter, a.youtube { display: inline-block;
                                                    width: 32px; height: 32px; margin-top: 1px; }

a.rss:hover, 
a.delicious:hover, a.digg:hover, a.facebook:hover, a.flickr:hover, 
a.linkedin:hover, a.livejournal:hover, a.mail:hover, a.myspace:hover, 
a.openID:hover,  a.skype:hover, a.stumbleupon:hover, 
a.technorati:hover, a.twitter:hover, a.youtube:hover { background-position: 1px 1px;}

a.delicious   { background: url(images/toolbar/delicious.png) no-repeat;}
a.digg        { background: url(images/toolbar/digg.png) no-repeat;}
a.facebook    { background: url(images/toolbar/facebook.png) no-repeat;}
a.flickr      { background: url(images/toolbar/flickr.png) no-repeat;}
a.linkedin    { background: url(images/toolbar/linkedin.png) no-repeat;}
a.livejournal { background: url(images/toolbar/livejournal.png) no-repeat;}
a.mail        { background: url(images/toolbar/mail.png) no-repeat;}
a.myspace     { background: url(images/toolbar/myspace.png) no-repeat;}
a.openID      { background: url(images/toolbar/openID.png) no-repeat;}
a.skype       { background: url(images/toolbar/skype.png) no-repeat;}
a.stumbleupon { background: url(images/toolbar/stumbleupon.png) no-repeat;}
a.technorati  { background: url(images/toolbar/technorati.png) no-repeat;}
a.twitter     { background: url(images/toolbar/twitter.png) no-repeat;}
a.youtube     { background: url(images/toolbar/youtube.png) no-repeat;}

.tip   { position: absolute; top: -30px; 
         float: left; display: none;
         width: 250px; height: 50px;
         /*background: url(images/toolbar/tip.png) no-repeat;*/}

.tip ul            {                  padding: 0px 0 0 15px;}
.tip ul li         { display: inline; padding-left: 3px;}
.tip ul li a       { color: #AAAAAA; font-size: 0.7em; font-weight: normal;}
.tip ul li a:hover { color: #AAAAAA;}
.tip ul li small   {                 font-size: 0.6em;}

/***************************** custom distances for the icons */

#tiprss           { left: -60px;}
#tipdelicious     { left: 120px;}
#tipdigg          { left: 157px;}
#tipfacebook      { left: 194px;}
#tipflickr        { left: 241px;}
#tiplinkedin      { left: 278px;}
#tiplivejournal   { left: 315px;}
#tipmail          { left: 350px;}
#tipmyspace       { left: 385px;}
#tipopenID        { left: 420px;}
#tipskype         { left: 455px;}
#tipstumbleupon   { left: 490px;}
#tiptechnorati    { left: 525px;}
#tiptwitter       { left: 560px;}
#tipyoutube       { left: 595px;}

/*********************************************** Right Side ***/

.rightside { float: right; font-size: 0.7em;}

span.downarr      { float: right;}

span.downarr a    { display: block; width: 36px; height: 36px;
                    background: url(images/toolbar/downarrow.png) no-repeat 5px 7px;
                    padding: 25px 0 0 10px;}

span.menu_title   { float: right; padding: 0px 10px; border-right: 3px double #2A2C2F;}

span.menu_title a { color: #E6E8FA; font: italic bold 1.4em "Times New Roman"; text-decoration: none; line-height: 34px;}

.quickmenu        { position: absolute; top: -150px; right: 0px;
                    width: 200px; height: auto;
                    background: transparent;
                    display: none; /* important */}

.quickmenu ul             {              padding-top: 10px;}  
.quickmenu ul li          { margin: 0px; padding: 0px;}

.quickmenu ul li a        { display: block;
                            color: #E6E8FA; font: normal bold 1.2em; text-decoration: none; line-height: 2.0em;}
.quickmenu ul li a:hover  { color: #FFFFFF; background-color: #192832; text-decoration: none;}
.quickmenu ul li a:active { color: #D59D69; background-color: #030915; text-decoration: none;}

/************************************************** UP ARROW *****/

div#toolbarbut {  position: fixed;
                  bottom: 0px; right: 0px; z-index: 9999; /* keep the bar on top  */
                  height: 36px;
                  background: transparent; /* url(images/bcktool.png); */ display: none; 
                  padding: 0px 20px;
                  -moz-border-radius-topleft: 8px;
	          -khtml-border-radius-topleft: 8px;
	          -webkit-border-top-left-radius: 8px;
	              -moz-border-radius-topright: 8px;
	              -khtml-border-radius-topright: 8px;
	              -webkit-border-top-right-radius: 8px;
	          border-top: 3px double #2A2C2F; 
                  border-left: 3px double #2A2C2F; 
                  border-right: 3px double #2A2C2F; } 							 
								 
span.showbar a { float: left; width: 90px; height: 32px; display: block;
                 background: url(images/toolbar/uparrow.png) no-repeat 60px 7px; margin-right: 0px;                  
                 color: #E6E8FA; font: italic bold 1.0em "Times New Roman"; text-decoration: none; 
                 line-height: 34px; padding-left: 5px;}