body
{
 text-size-adjust: none;
}
img
{
 vertical-align: middle;
 margin-top: 1px;
 margin-bottom: 1px;
}
.pane
{
 display: none;
 margin: 2em 1.5em 0;
 box-shadow: 0 0 2em rgba(0,0,0,0.4);
 border-radius: 3px;
}
.shell-title
{
 text-align: center;
 color: #525252;
 padding: 5px 0;
 margin: 0;
 text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
 font-size: 0.85em;
 border: 1px solid #CCCCCC;
 border-bottom: none;
 border-top-left-radius: 3px;
 border-top-right-radius: 3px;
 background: #f7f7f7 linear-gradient(to bottom,  #f7f7f7 0%, #B8B8B8 100%);
 position: relative;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;
 cursor: default;
}
.shell-icon
{
 position: absolute;
 top: 0.1em;
 left: 0.2em;
}
.shell-icon img
{
 height: 1.7em;
}
.shell
{
 min-width: 40em;
 min-height: 4em;
 margin: 0;
 padding: 5px;
 list-style: none;
 background: #141414;
 color: #45D40C;
 font-family: monospace;
 line-height: 1.6em;
 border-bottom-right-radius: 3px;
 border-bottom-left-radius: 3px;
}
.shell li::-moz-selection,
.shell li span::-moz-selection
{
 color: #141414;
 background: #45D40C;
}
.shell li::selection,
.shell li span::selection
{
 color: #141414;
 background: #45D40C;
}
.shell li:before
{
 content: '~$';
 position: absolute;
 left: 0;
 top: 0;
}
.shell li
{
 word-wrap: break-word;
 position: relative;
 padding: 0 0 0 2em;
}
.shell li .cursor
{
 background-color: #45D40C;
 animation: blinker 1s linear infinite;
 -webkit-user-select: none;
 -khtml-user-select: none;
 -moz-user-select: none;
 -o-user-select: none;
 user-select: none;
}
.shell a, .shell a:visited
{
 color: #45D40C;
 text-decoration: none;
}
.shell a:hover
{
 text-decoration: underline;
}
@keyframes blinker
{
 50%
 {
  opacity: 0;
 }
}