/* Style a bit the inline editables. */
.cke_editable.cke_editable_inline
{
    cursor: pointer;
}

/* Once an editable element gets focused, the "cke_focus" class is
   added to it, so we can style it differently. */
.cke_editable.cke_focus,.cke_editable.cke_editable_inline.cke_focus
{
    box-shadow: inset 0px 0px 20px 3px #ddd, inset 0 0 1px #000;
    outline: none;
    background: #eee;
    cursor: text;
}

#disqus_thread {
    background-color: #FFFFFF;
    border-radius: 6px;
    box-shadow: 0 0 6px 0 #CCCCCC;
    padding: 0 10px;
}

header#topHead .cmsControls a,
header#topHead .cmsControls i {
    color:#FFF;
    font-size: 14px;
}

.topspace {
    margin-top: 4em;
}

/* Briefcase Custom CSS */
#bb-homeboxes img {
    width: 100%;
    padding-top: 0.6em;
    max-height: 400px;
    text-align: center;
}
#bb-homeboxes .row {
    margin-bottom: 4em;
}
div.outputtextarea {
  padding: 3px;
  margin: 1ex;
  display: inline-block;
  text-align:center;
  border: 2px solid #CCC;
  box-shadow: 0px 0px 6px #CCC;
  border-radius: 0px;
}
h4.outputtextareaheading {
  background: darkgray;
  color:white;
  margin:0;
  margin-bottom:1ex;
}
article td.left {
  text-align: right;
  padding-right:1ex;
  font-weight: bold;
}
table.bbbtable {
  min-width: 28em;
  padding: 6px;
  margin: 1ex;
  display: inline-block;
  border: 2px solid #CCC;
  box-shadow: 0px 0px 6px #CCC;
  border-radius: 0px;
}
pre.terminalsession {
  //background: rgba(0,22,28, 0.8);
  background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAgCAYAAAB6kdqOAAAABmJLR0QA/wD/AP+gvaeTAAAACXBI WXMAABYlAAAWJQFJUiTwAAAAB3RJTUUH3gceEyQS+jemhAAAADtJREFUWMPt0DERACAQBLGDQQMV /t2h4TFB8UVWQWZH9qk0aqZZQEBAQEBAQJ9buQ4BAQEBAQEBAXXqAecZAmC37ls3AAAAAElFTkSu QmCC');
  color:white;
  padding-top:0px;
  width:100%;
}
span.terminalsession {
  background-color:#F1F2F7;
  color:black;
  margin-right:-16px;
  margin-left:-16px;
  height:32px;
  margin-bottom:0px;
  display:block;
  font-weight: bold;
  font-size:16px;
  padding-left:1ex;
  padding-top:6px;
  border-bottom: 1px solid black;
}
strong.terminalsession {
  color:darkgray;
}
div.articlemenu {
  padding:5px;
  padding-bottom:1px;
  margin:5px;
  margin-bottom:2em;
  border:1px solid black;
  box-shadow: 0px 0px 6px #CCC;
  max-width:60%;
}

span.articlemenu {
  background-color:#F1F2F7;
  margin-right:-5px;
  margin-left:-5px;
  margin-top:-5px;
  height:25px;
  margin-bottom:5px;
  display:block;
  font-weight: bold;
  font-size:16px;
  padding-left:1ex;
  border-bottom: 1px solid black;
}
.anchor:before { content: ''; display: block; position: relative; width: 0; height: 5em; margin-top: -5em }

img.grayscale_hover {

    /* for Webkit browsere, Chrome 19+, Safari 6+ ... */
    -webkit-filter: grayscale(1);
    -moz-filter: grayscale(1);
    -ms-filter: grayscale(1);
    -o-filter: grayscale(1);

    /* this is for Firefox 3.5+, Firefox mobile */
    filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'gs\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#gs");

    /* for IE6+ */
    filter: gray;
}
img.grayscale_hover:hover {
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
    filter: none;
}