.pterm-output, .pterm-cli {
    color: black;
    font-family: monospace;
    font-size: 14px;
    line-height: 16px;
}

.pterm-cli {
    clear: both;
}

.ptext {
    padding: .2em;
}

.ptextwrap {
    white-space: pre-wrap;
    word-wrap: break-word;
}

.pterm-editor {
    border: 1px solid #ccc;
}

.pterm-editor-navbar {
    overflow: hidden;
    background-color: #f7f7f7;
    border-bottom: 1px solid #eee;
}

.pe-button {
    float: left;
}

.pe-status {
    float: right;
    padding: .2em 1em .2em .2em;
}

.CodeMirror .red {
    color: firebrick;
}

.CodeMirror .green {
    color: limegreen;
}

.CodeMirror .prompt {
    color: black;
}

.CodeMirror .amber {
    color: darkorange;
}

#main {
    margin-right: 216px; /* This is 16 more than sidebar to account for canvas width rounding up */
    margin-left: 16px;
    margin-top: 16px;
    margin-bottom: 16px;
}

.clear {clear: both;}

.sidebar {
    width: 200px;
    position: fixed;
    z-index: 1;
    top: 0;
    right: 0;
    height: 100%;
    background-color: #f0f0f0;
    /*overflow-y: auto;*/
}

.sidebar * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.rightbox {
    border-left: 1px solid #999;
/*
    border-top: 2px solid #fff;
    border-bottom: 2px solid #fff;
    border-right: 1px solid #fff;
*/
}

.topright {
    text-align:center;
    margin-bottom: -24px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    font-family: monospace;
}

h3.tagline {
    /* Uncollapse tagline margins */
    margin: 0;
    padding: 1em;
    font-family: monospace;
}

h3.tagbar {
    background-color: #d0d0d0;
/*
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
*/
}

.bottom {
    text-align:center;
    font-size: 12px;
    height: 24px;
}

.twitter-share-button {
    vertical-align: text-bottom; !important
}

#drop_zone {
    font-family: monospace;
    font-weight: bold;
    position: absolute;
    right: 0.5em;
    bottom: 0.5em;
    background-color: #ddd;
    border-radius: 5px;
    padding: 0.5em 0.5em 0.5em 0.5em;
    height: 10em;
    text-align: center;
    line-height: 5em;
}

.dsbuttons button {
    padding: 0;
    width: 45px;
    height: 42px;
}
.dsbuttons button::-moz-focus-inner { border: 0; padding: 0; margin:0; }

.fbenabled {
    color: #3b5998;
}

.btnTW {
    color: #0084b4;
}

.googenabled {
    color: #dd4b39;
}

.dspopover {
    font-size: 14px;
    font-family: monospace;
    text-overflow: ellipsis;
}

.googleMap {
    height: 450px;
    width: 600px;
}

.fbFolder {
    color: #254376;
    font-weight: bold;
    display: inline-block;
    margin-left: 1em;
    width: 16em;
}
.fbPost {
    border-top: 1px solid #AAAAAA;
    width: 60em;
}
.fbPost a {
    color: #606370;
    text-decoration: none;
}
.fbPost a:hover {
    text-decoration: underline;
}
.fbPost .from {
    color: #254376;
    font-weight: bold;
}
.fbPost .text {
}
div[class^="fb"] .likes {
    display: inline-block;
}
div[class^="fb"] .shares {
    display: inline-block;
}
div[class^="fb"] .comments {
    display: inline-block;
}
div[class^="fb"] .comment {
    background-color: #E5E8EE;
    padding-left: 2em;
    border-top: 1px solid #FFFFFF;
}
div[class^="fb"] .comment .from {
    color: #254376;
    font-weight: bold;
    display: inline-block;
}
div[class^="fb"] .time {
    color: #606370;
    display: inline-block;
}
.fbPost .photo {
}
.fbPost .video {
}
.fbPost .caption {
    color: #606370;
}
div:[class^="fb"] .message {
}
.fbAlbum {
    color: #254376;
    font-weight: bold;
    margin-left: 1em;
    width: 16em;
}
.fbPhoto {
    margin-left: 1em;
    width: 16em;
}
.fbPhoto .image {
    padding: 4px;
    border: 1px solid #CCCCCC;
}
.fbPhoto .name {
    color: #254376;
}
.fbFriend {
    margin-left: 1em;
    margin-bottom: 1em;
    width: 16em;
}
.fbFriend .image {
    padding: 4px;
    border: 1px solid #CCCCCC;
}
.fbFriend .name {
    margin: 0;
    color: #254376;
}
.picasaPhoto {
    margin-left: 1em;
    width: 16em;
    margin-bottom: 1em;
}
.picasaPhoto .image {
    padding: 4px;
    border: 1px solid #CCCCCC;
}
.picasaPhoto .name {
    margin: 0;
    color: #A8402B;
}
div[class^="gd"] {
    color: #A8402B;
    margin-left: 1em;
    margin-top: 0.5em;
    width: 16em;
}
div[class^="gd"] a {
    color: #A8402B;
    text-decoration: none;
}
div[class^="gd"] a:hover {
    text-decoration: underline;
}
div[class^="gd"] img {
    vertical-align: middle;
    margin-right: 0.5em;
}
.gdFolder {
    font-weight: bold;
}
.picasaFolder {
    color: #5688D2;
    font-weight: bold;
    margin-left: 1em;
    width: 16em;
}
div[class^="native"] {
    color: #51B1C8;
    display: inline-block;
    margin-left: 1em;
    width: 16em;
}
.nativeFolder {
    font-weight: bold;
}
.plFolder {
    color: #FF0000;
    font-weight: bold;
    margin-left: 1em;
    width: 16em;
}
.plFile {
    color: #FF0000;
    margin-left: 1em;
    width: 16em;
}
.twFolder {
    color: #3E79AB;
    font-weight: bold;
    margin-left: 1em;
    width: 16em;
}
.twFile {
    position: relative;
    padding: 0.5em;
    border-bottom: 1px solid #e8e8e8;
}

.twUser {
    width: 16em;
}
.twFile .avatar {
    display: inline-block;
    height: 100%;
}
.twFile .avatar .image {
    border-radius: 3px;
}
.twFile .text {
    display: inline-block;
    height: 100%;
    padding-left: 1em;
}
.twFile .text .from {
    display: inline-block;
    font-weight: bold;
    margin-right: 0.5em;
}
.twFile .text .screen_name {
    display: inline-block;
    color: #999999;
}
.twFile .text .time {
    float: right;
    display: inline-block;
    color: #999999;
}
.twFile .text .tweet {
    width: 60em;
}
.twFile a {
    color: #3A96D5;
    text-decoration: none;
}
.twFile a:hover {
    text-decoration: underline;
}
.slice text {
    font-size: 16pt;
    font-family: sans-serif;
}
.chart {
    height: 450px;
    width: 600px;
}
.tabdialog {
    overflow: hidden;
}
.tabdialog-entry {
    min-width: 20em;
    float: left;
    color: #888;
    padding: .2em .1em .2em .2em; /* should be same as CodeMirror-gutter-text */
}
.ls-item {
    display: inline-block;
}
.stat {
}
.stat .field {
    color: #AA0000;
    font-weight: bold;
    margin-right: 1em;
}
.title {
    text-align: center;
    font-size: 15px;
}

.warning {
    font-size: 16px;
    background-color: #f2dede;
    font-family: monospace;
    padding: 1em;
    border: 1px solid #d9534f;
}

.info {
    font-size: 14px;
    font-family: monospace;
}