/* CSS Document */
body {
  padding-bottom:30px !important;
}

/* toolbar */
#toolbar {
  width:100% !important;
  position:fixed !important;
  bottom:-41px;
  left:0 !important;
  height:40px !important;
  z-index:50 !important;
  text-align:center !important;
  border-top:1px solid #006699 !important;
  background: url(images/bar/bar_bkg.png) repeat-x !important;
}
#toolbar * {
  text-shadow:none !important;
  -moz-border-radius:0 !important;
  -webkit-border-radius:0 !important;
  border-radius:0 !important;
  font-family:Tahoma,Arial,Verdana,sans-serif !important;
}
#toolbar div.arrow {
  width:100%;
  height:40px !important;
  float:left !important;
  clear:none !important;
  position:absolute !important;
  top:0;
  left:0;
  background: url(images/bar/bar_opened.jpg) no-repeat !important;
  z-index:53 !important;
}
#toolbar_closed {
  background: url(images/bar/bar_closed.jpg) no-repeat !important;
  position:fixed !important;
  bottom:-41px;
  left:0 !important;
  width:138px !important;
  height:40px !important;
  border-top:1px solid #006699 !important;
  z-index:15 !important;
  display:block !important;
}
#toolbar_closed a, #toolbar a.close_bar {
  float:right !important;
  width:20px !important;
  height:20px !important;
  position:absolute !important;
  top:9px;
  left:6px;
  display:block !important;
  overflow:hidden !important;
  line-height:80px !important;
} 
#toolbar a.close_bar {
  z-index:56 !important;
}
#tablebar {
  height:40px !important;
  width:100% !important;
  border:0 !important;
  border-collapse:collpase !important;
  border-spacing:0 !important;
  position:relative !important;
  z-index:53 !important;
}
#tablebar td {
  vertical-align:top !important;
}
#toolbar_td {
  font-size:11px !important;
  background: url(images/bar/bar_left.jpg) repeat-x !important;
  height:32px !important;
}
#toolbar_td div.ctx {
  padding:8px 10px 0 0 !important;
  float:left !important;
  height:32px !important;
  position:relative !important;
}
#toolbar_td div.ctx img {
  float:left !important;
  width:25px !important;
  height:25px !important;
  border:0 !important;
}
#toolbar_td div.ctx div {
  float:left !important;
  height:32px !important;
  padding-left:8px !important;
  text-align:left !important;
  color:#000 !important;
  background-color:transparent !important;
}
#toolbar_td div.ctx div p {
  clear:left !important;
  margin:0 !important;
  padding-top:2px;
}
#toolbar_td div.ctx div p a {
  color:#fff !important;
  background-color:transparent !important;
  text-decoration:none !important;
  font-family:Tahoma,Arial,Verdana,sans-serif !important;
  font-size:11px !important;
  font-weight:normal !important;
}
#toolbar_td div.ctx div p span.pipe {
  color:#fff !important;
  background-color:transparent !important;
  padding:0 5px !important;
}
#tablebar td.separator {
  width:6px !important;
  height:40px !important;
  background: url(images/bar/bar_bor.png) no-repeat right top !important;
}
#tablebar td.infos {
  background:none repeat scroll 0 0 transparent !important;
  border-top:0 none !important;
  clear:none !important;
  color:#000000 !important;
  margin:0 !important;
  padding:0 0 0 5px !important;
}
#tablebar td.infos div.ctx {
  padding-top:8px !important;
  font-size:11px !important;
  float:left !important;
  position:relative !important;
}
#tablebar td.infos div.ctx div {
  float:left !important;
  height:32px !important;
  padding-left:5px !important;
  text-align:left !important;
  color:#000 !important;
  background-color:transparent !important;
}
#tablebar td.infos div.ctx div .disconnect {
  font-size:10px !important;
  color:#666 !important;
  background-color:transparent !important;
  text-decoration:none !important;
}
#tablebar td.infos div.ctx img {
  float:left !important;
  width:25px !important;
  height:25px !important;
  border:0 !important;
}
#tablebar td.infos div.ctx p {
  clear:left !important;
  margin:0 !important;
}
#tablebar td.infos div.ctx p a {
  color:#C72EAF !important;
  background-color:transparent !important;
  text-decoration:none !important;
  font-family:Tahoma,Arial,Verdana,sans-serif !important;
  font-size:11px !important;
  font-weight:normal !important;
}
#tablebar td.infos div.ctx p a strong.bar_alert, #tablebar td.infos div.ctx p a strong.bar_closed {
  background: transparent url(images/bar/bar_arrow_up.gif) no-repeat top right !important;
  padding-right:20px !important;
}
#tablebar td.infos div.ctx p a strong.bar_closed {
  background: transparent url(images/bar/bar_arrow_down.gif) no-repeat top right !important;
}
#tablebar td.infos div.ctx p span.pipe {
  color:#C72EAF !important;
  background-color:transparent !important;
  padding:0 5px !important;
}
#tablebar td.infos div.ctx form {
  float:left !important;
  padding-top:6px !important;
  margin:0 !important;
}

#tablebar td.infos div.ctx form#loginblog {
  background:transparent !important;
} 

#tablebar td.infos div.ctx form label {
  float:none !important;
  width:auto !important;
  text-align:left !important;
  font-weight:bold !important;
  color:#000 !important;
  background-color:transparent !important;
  float:left !important;
  display:inline !important;
  line-height:17px !important;
  font-size:12px !important;
}
#tablebar td.infos div.ctx form#loginblog input {
  border:1px solid #999 !important;
  width:69px !important;
  height:13px !important;
  float:left !important;
  display:inline !important;
  margin-right:5px !important;
  font-size:11px !important;
  line-height:12px !important;
  -moz-border-radius:0 !important;
  -webkit-border-radius:0 !important;
  border-radius:0 !important;
  opacity:1 !important;
  filter:opacity(alpha=100%) !important;
}
#tablebar td.infos div.ctx form select {
  float:left !important;
  border:1px solid #999 !important;
  display:inline !important;
  margin-right:5px !important;
  background-color:#fff !important;
  color:#000 !important;
  font-family:Arial,Verdana,sans-serif !important;
  -moz-border-radius:0 !important;
  -webkit-border-radius:0 !important;
  border-radius:0 !important;
  opacity:1 !important;
  filter:opacity(alpha=100%) !important;
}
#tablebar td.infos div.ctx form#loginblog input.submit {
  border:0 !important;
  background: url(images/bar/bar_submit.jpg) no-repeat !important;
  height:17px !important;
  width:42px !important;
  cursor:pointer !important;
  font-family:Arial,Verdana,sans-serif !important;
}
#tablebar td.infos div.ctx form a {
  color:#C72EAF !important;
  background-color:transparent !important;
  text-decoration:underline !important;
  font-weight:bold !important;
}

#tablebar #bar_alert_left, #tablebar #bar_alert_left.closed {
  width:198px !important;
  height:auto !important;
  border-left:1px solid #006699 !important;
  border-right:1px solid #006699 !important;
  border-top:1px solid #006699 !important;
  position:absolute !important;
  left: 50px !important;
  top:5000px !important;
  background-color:#E2F0FF !important;
  color:#000 !important;
  padding: 5px !important;
}
#bar_alert_left form span {
    font-size: 10px !important;
}
#bar_alert_left label {
    display: block !important;
    float: none !important;
    text-align: left !important;
    padding: 0 !important;
    margin: 0 !important;
    color: #000 !important;
}
#bar_alert_left textarea {
    display: block !important;
    border: 1px solid #ccc !important;
    width: 190px !important;
}
#bar_alert_left textarea {
    height: 55px !important;
}
#bar_alert_left input.input_inline {
    display: inline !important;
    width: auto !important;
    margin: 0 !important;
    padding: 0 !important;
}
#bar_alert_left input.input_extend {
    border:1px solid #CCCCCC !important;
    display:block !important;
}
#bar_alert_left input.input_center {
    width: 80px !important;
    margin: 5px auto !important;
    border:1px solid #CCCCCC !important;
    display:block !important;
}
#tablebar #bar_alert, #tablebar #bar_alert.closed {
  width:198px !important;
  height:auto !important;
  border-left:1px solid #006699 !important;
  border-right:1px solid #006699 !important;
  border-top:1px solid #006699 !important;
  position:absolute !important;
  right:0px !important;
  top:5000px !important;
  background-color:#E2F0FF !important;
  color:#000 !important;
  padding:0 !important;
}
#bar_alert ul {
  list-style-type:none !important;
  float:left !important;
  width:198px !important;
  height:auto !important;
  padding:0 !important;
  margin:0 !important;
}
#bar_alert ul li {
  padding:10px 5px !important;
  float:left !important;
  clear:left !important;
  width:188px !important;
  height:auto !important;
}
#bar_alert ul li.white {
  background-color:#fff !important;
  color:#000 !important;
}
#bar_alert ul li img {
  float:left !important;
  width:25px !important;
  height:25px !important;
}
#tablebar #bar_alert ul li p {
  background-color:transparent !important;
  clear:none !important;
  color:#000000 !important;
  float:left !important;
  font-size:11px !important;
  height:auto !important;
  padding:0 5px !important;
  width:153px !important;
}
#tablebar #bar_alert div.alert_close, 
#tablebar #bar_alert_left div.alert_close {
  display:block !important;
  width:198px !important;
  height:14px !important;
  padding:0 !important;
} 
#tablebar #bar_alert a.alert_close,
#tablebar #bar_alert_left a.alert_close {
  float:right !important;
  height:14px !important;
  width:14px !important;
  background: transparent url(images/bar/bar_panel_close.gif) no-repeat 50% 50% !important;
}
#tablebar #bar_alert_add div {
  color: #000 !important;
}
#tablebar #bar_alert_left p {
  text-align: left !important;
  color: #000 !important;
}
#tablebar #bar_alert_left .hide {
  display: none !important;
}
#tablebar #bar_alert_left .show {
  display: block !important;
}
#tablebar #bar_alert ul li a.blog_avatar {
  float:left !important;
  position:relative !important;
}
#tablebar #bar_alert ul li a.blog_avatar span.online {
  top:0 !important;
  left:0 !important;
}
#tablebar_ctx span.online {
  background:transparent url(images/avatar_user_logged-25x25.png) no-repeat scroll 0 0;
  top:0 !important;
  width:25px !important;
  height:25px !important;
}
#bar_alert_msg {
  float:left !important;
  height:auto !important;
  clear:left !important;
  width:198px !important;
  text-align:left !important;
}
#bar_alert_msg label.archive {
  padding-left:5px !important;
  padding-top:2px !important;
  float:left !important;
  display:inline !important;
  color: #000 !important;
  cursor:pointer !important;
  width:180px !important;
}
*+html #bar_alert_msg label.archive {
  padding-top:7px !important;
  width:170px !important;
}
#tablebar a.blog_avatar {
  position:relative !important;
  float:left !important;
  width:25px !important;
  height:25px !important;
}
#toolbar_td span.fans, #toolbar_td span.articles {
  padding:0 4px;
}
#toolbar_td span.fans a {
  font-size:10px;
  color:#000;
  background:transparent url(/css/images/ico-fan.png) no-repeat top left;
  padding-left:14px;
  padding-bottom:1px;
}
#toolbar_td span.articles a {
  font-size:10px;
  color:#000;
  background:transparent url(/css/images/ico-like.png) no-repeat top left;
  padding-left:14px;
  padding-bottom:1px;
}
#toolbar_td span.fans span, #toolbar_td span.articles span {
  color:#fff;
  background-color:transparent;
}