#dcmsToolbar { position: relative; height: 30px; min-height: 30px; color: #fff; background-color: #1269c3; width: 100%; }
#dcmsToolbar .dcmsLogo {margin-right: 30px; padding-top: 4px; float: left;}
#dcmsToolbar .dcmsTools {padding: 8px 0 0 0; font-weight: normal; font-family: "Lucida Sans",Tahoma,Verdana,Arial,Helvetica,sans-serif; float: left;}
#dcmsToolbar .dcmsTools a {color: #fff; text-decoration: none;}
#dcmsToolbar .dcmsTools a:hover {color: #fff; text-decoration: underline; background-color: #1269c3;}
#dcmsToolbar .dcmsTools a:focus {color: #fff; text-decoration: underline; background-color: #1269c3;}
#dcmsToolbar .dcmsTools span.Tool { float: left; padding-left: 20px; padding-right: 20px; background: url(/res/common/gfx/tbmarker.gif) no-repeat 0px 2px;}
#publish_signals { float:right; width: 50px; margin-top: 5px;}
.directarea {border-top: 1px dotted #3b8be1; float: left; width: 100%; position: relative; background-color: #fff;}
.directarea_highlight {border-top: 1px solid #3b8be1; float: left; width: 100%; position: relative;}
.directarea {margin-top: 10px; margin-bottom: 10px;}
.directbutton img {position: absolute; top: 0px; z-index: 10; right: 0; margin: 0 !important; border: none !important;}
p.directBoxName{ padding: 0 !important; color: #1269c3; font-weight: bold;  }
.visible{
  display: block;
}

.invisible{ 
  display: none;
}