#livemodus {
  width:200px;
  position:fixed;
  top:0;
  text-align:left;
  left:0;
  background-color:#E4E3E1;
  height:100%; 
  border-right:1px #5C5D63 solid;
  font-size:12px;
  font-family:Arial, sans-serif;
  overflow:hidden;
  color:black;
  z-index:5;
}

#livemodus_handler {
  background-image:url(live-modus-handler.jpg);
  background-size:180px 64px;
  width:180px;
  background-position:right top;
  height:64px;
  position:fixed;
  left:0;
  top:0;
  cursor:pointer;
  border-left:none;
  border-top:0;
  z-index:9999;
}
/*
#livemodus_handler {
  background-image:url(logo.gif);
  width:64px;
  background-position:right top;
  height:24px;
  position:fixed;
  left:0;
  top:0;
  border:1px Black solid;
  cursor:pointer;
  border-left:none;
  border-top:0;
  z-index:9999;
}
*/

#livemodus a {
  color:Black;
  text-decoration:none;

}

#livemodus a:hover {
  color:#5C5D63;
  text-decoration:none;
}

#livemodus ul {
  padding-left:0px;
  margin:0;
         
  margin-top:0px;
  margin-bottom:0px;

}

#livemodus a:hover {
  text-decoration:underline;
}

#livemodus ul li {
  list-style-type:none;
  margin-left:-32px;
  
}

#livemodus ul li a{
     display:block;     
     padding-left:36px;
     padding-top:6px;
     font-size:12px;
     border-top:1px solid white;
     margin-right:0px;
     background-color:#E4E3E1;
     height:24px;

}
#livemodus ul li a:hover{

     color:black;
}

#livemodus h2 {
  font-size:15px;
  margin:0;
  font-weight:400;
  color:#5C5E64;
  padding-left:5px;
  line-height:42px;
   background-color:#F7F7F7;

}


#livemodus_close {
  height:20px;
  width:108px;
  float:right;
  cursor:pointer;
  border:1px E4E2E4 solid;
  z-index:999;
  background-image:url(logo.gif);
  background-repeat:no-repeat;
  background-position:right top;
}

#livemodus .bar_content {
  background-repeat:no-repeat;
  background-position:0px 0px;
  padding-left:32px;
        margin-bottom:1px;
      
}     
 #livemodus  p{
  font-size:9px;
  padding-left:38px;
  padding-top:30px;
  padding-bottom:20px;  
  line-height:12px;
}     

#livemodus .bar_content_info {
  padding-left:0px;
}

#livemodus .bar_top {
  background-image:url(bg_livemodus_repeat.gif);
  background-color:#8C8A8C;
  height:25px;
}

#livemodus .bar_top_inner {
  padding:0px;
  background-image:url(logo.gif);
  background-repeat:no-repeat;
  background-position:right top;
}

.image_livemodus {
  cursor:pointer;
  border:0;
  margin-top:1px;
}

span.icon_inner_template {
  display:block;
  clear:both;
}

#admindebug_template {
  display:none;
}

p.info {
  background-image:url(../images/attention.png);
  background-position:0px 20px;
  padding-left:40px;
  background-repeat:no-repeat;
  padding-bottom:20px;
}

#content a.button {color:black;}
#content a.button:hover {color:white;}

a.button {
  font-family: Arial, Helvetica, sans-serif;font-size: 12px;line-height:32px;font-weight:bold;
  text-decoration:none;   
  color:black;
    
  height:32px;

  background-repeat:no-repeat;
  background-position:10px 5px;
  background-color:white;border:1px solid #B9B9B9;border-radius: 2px 2px 2px 2px;
    
  margin:0px;margin-right:5px;
  padding-left:33px;padding-top:8px;padding-right:14px;padding-bottom:8px;
  vertical-align:middle;

  cursor:pointer;
   
  transition: border 0.3s,  background-color 0.3s, color 0.3s, transform 0.3s;
  -moz-transition: border 0.3s,  background-color 0.3s, color 0.3s, -moz-transform 0.3s;
  -webkit-transition: border 0.3s,  background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
  -o-transition: border 0.3s,  background-color 0.3s, color 0.3s,-o-transform 0.3s;
}


a.button:hover{
    border:1px solid #E4E3E1;
    background-color:#19265B;
    color:white;
}

#content_maker_data a.editor_cancel {
font-family:Arial;
   font-size: 12px;
  background-repeat:no-repeat;
  line-height:32px;
  height:32px;
  font-weight:bold;
  background-position:10px 5px;
  vertical-align:middle;
  padding-left:33px;
  padding-top:8px;
  padding-right:14px;
  padding-bottom:8px;
  text-decoration:none;
  cursor:pointer;
  margin:0px;   
 
  border:1px solid #B9B9B9;
  background-color:white;
  color:black;
 
  transition: border 0.3s,  background-color 0.3s, color 0.3s, transform 0.3s;
  -moz-transition: border 0.3s,  background-color 0.3s, color 0.3s, -moz-transform 0.3s;
  -webkit-transition: border 0.3s,  background-color 0.3s, color 0.3s, -webkit-transform 0.3s;
  -o-transition: border 0.3s,  background-color 0.3s, color 0.3s,-o-transform 0.3s;
  
}
#content_maker_data a.editor_cancel:hover {
    border:1px solid #E4E3E1;
    background-color:#19265B;
    color:white;
}

a.cancel, a.editor_cancel  {
  background-image:url(../icons/cancel.gif);
  
}

a.edit, a.save {
  background-image:url(../icons/edit.gif);
}

a.delete {
  background-image:url(../icons/delete.gif);
background-position:right center;
}
a.delete_bg {
  background-image:url(../icons/delete.gif);
  background-position:10 20 ;
}
a.new {
  background-image:url(../icons/new.gif);
  background-position:left center;
  color:black;
}
 a.new_bg {
  background-image:url(../icons/new.gif);
  background-position:10 20 ;
}

.panel {
  margin:5px;
  margin-left:0px;
  opacity:1.0;
  filter:alpha(opacity=100);
  display:block;
}
.panel:hover {
  margin:5px;
    margin-left:0px;
  opacity:1.0;
  filter:alpha(opacity=100);
}

#livemodus h2.livemodus_change {
    border:none;
    color:White;
    font-weight:bold;
    background-color:#5C5E64;
      margin:0px;
     
      font-size:11px;
      line-height:28px;
  padding-left:5px;
}

#livemodus h2.livemodus_change a {
  color:White;

}

#livemodus ul#livemodus_items {
  min-height:40px;
  height:auto !important; 
  height:40px;
  
}