div#toolbar, div#toolbarbut 
{
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
 position:fixed; 
  bottom: 0px;
  right: 0px;
  z-index: 99; 
  height: 26px;
  background-image: url('bcktool.png');
  
  /*
using a png caused issues in IE8
background-image: url('bcktool.png');
 
  */
  border-top: 1px solid #333;
  border-left: 1px solid #333; 
  border-right: 1px solid #333;  
  
  /* CSS3 */
  -moz-border-radius-topleft: 8px;
	-khtml-border-radius-topleft: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	
	-moz-border-radius-topright: 8px;
	-khtml-border-radius-topright: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
	
	-moz-box-shadow: 0px 1px 5px #999, inset 1px 1px 0px #a4a4a4; 
  -khtml-box-shadow: 0px 1px 5px #999;
  -webkit-box-shadow: 0px 1px 5px #999;
  box-shadow: 0px 1px 5px #999;
  /* CSS3 end */
  
  
	
}

div#toolbar {
  
  width: 650px; /* to limit the width when an excessive window resize */
  margin: 0px 20px 0px auto; /* centered toolbar */
  left: 0px;
  display:none;
}

div#toolbarbut { /* div for the 'hide status' */
  width: 60px;
  height: 25px;
  margin-right: 1%;
  display: block;
  text-align: center;
line-height: 21px;
}

div#toolbarbut a {
	color:#ccc;
}


span.showbar a { /* show button */
  padding: 5px;  
  font-size: 10px;
  color: #555;
}

.toolbarleft{
  float: left; display:none;
}

.toolbarright 
{ white-space:nowrap;
    margin-top: 0px;
    margin-bottom: 10px;
    margin-left:10px;
  float: right;
  
  
}

/* for ipad fixed positioning is problematic */

@media only screen and (device-width: 768px) { 
    div#toolbar, div#toolbarbut { position:static;  }
	
}





/*-- Left Side --*/

ul#social li {
  display: inline;
}

#social { float: left;}

a.rss, a.facebook, a.twitter, a.digg, a.delicious, a.stumble {
  display: inline-block;
  width: 40px;
  height: 35px;        
  margin-top: 1px;
}

a.rss:hover, a.facebook:hover, a.twitter:hover, a.digg:hover, a.delicious:hover, a.stumble:hover {
  background-position: 1px 1px; /* simple css hover effect */
}

a.rss {
  background: url('rss.png') no-repeat;
}

a.facebook {
  background: url('facebook.png') no-repeat;
}

a.twitter {
  background: url('twitter.png') no-repeat;
}

a.delicious {
  background: url('delicious.png') no-repeat;
}

a.digg {
  background: url('digg.png') no-repeat;
}

a.stumble {
  background: url('stumble.png') no-repeat;
}

/*-- Right Side --*/

span.downarr { /* hide button */ 
  float: right;
  border-left: 1px solid #a4a4a4;
}

span.downarr a {
  display: block;
  width: 30px;
  height: 18px;
  padding: 20px 0 0 10px;
  background: url('downarrow.png') no-repeat 5px 5px;
}

#toolbar ul {
	margin:0;
	padding:0;
	list-style:none;
 
  
}

#toolbar a.adminlink ,
#toolbar a.adminlink:link ,
#toolbar a.adminlink:visited ,
#toolbar a.adminlink:hover ,
#toolbar a.adminlink:active { 
font-size: 11px!important; 
font-family:Arial, Helvetica, sans-serif;
border-left: 1px solid #a4a4a4;
  padding: 6px 8px 10px 28px;
  line-height: 24px;
  color: #CCC;
  text-decoration:none;
}
#toolbar a.adminlink:hover {  }

#toolbar a.adminlink { font-weight:700;  }
#toolbar a.adminlink:hover { color: #FFF;}

#toolbar a.adminmenulink { background: transparent url('key.png') no-repeat; background-position : 5px 45%;  }
#toolbar a.filemanlink { background: transparent url('folder_explore.png') no-repeat; background-position : 5px 45%;  }
#toolbar a.newpagelink { background: transparent url('page_white_add.png') no-repeat; background-position : 5px 45%;  }
#toolbar a.pageeditlink { background: transparent url('page_white_edit.png') no-repeat; background-position : 5px 45%;  }
#toolbar a.pagesettingslink { background: transparent url('page_white_wrench.png') no-repeat; background-position : 5px 45%;  }

     

/* Module Edit and Settings */

div.panelwrapper {
position:relative;
}

div.panelwrapper span.modulelinks {
display:block;
width:80px;
min-height:20px;
position:absolute;
left:-90px;
top:0;
background-color:#2d95f2;
text-align:right;
border-radius:8px 0 0 8px;
box-shadow: inset -4px 0 8px -2px rgba(0,0,0,0.25);
border-right: 10px solid #FFF;


 opacity: 0;
   transition: opacity .35s ease-in-out;
   -moz-transition: opacity .35s ease-in-out;
   -webkit-transition: opacity .35s ease-in-out;
}

div.panelwrapper.blogmodule span.modulelinks {
width:90px;
left:-90px;

}

div.panelwrapper span.modulelinks a {

color:#fff;
display:block;
text-align:right;
border-top:1px solid #55aaf4;
border-bottom: 1px solid #2886d9;
padding:5px 10px;
line-height:1.5;
margin:0;
text-decoration:none;
clear:both;
-moz-border-radius:8px 0 0 8px;
border-radius:8px 0 0 8px;
}

div.panelwrapper span.modulelinks a:hover {
text-decoration:underline;
}

div.panelwrapper:hover span.modulelinks {
/* display:block; */
 opacity: 1;
}

div.panelwrapper span.modulelinks a.inlineedittoggle {
padding:0;
display:inline-block !important;
margin-top:8px;
margin-bottom:4px;
background-color:#fff;
}