.tutorial {
    display     : none;
    height      : 400px;
    width       : 600px;
    overflow    : auto;
    font-size   : 0.9em;
}

.tutorial p, .tutorial h3 {
    color       : #444;
    padding     : 0 5px 10px 5px;
}

.tutorial strong {
    color       : #3d6947;
}

textarea#query {
    font-family : "courier new", monospace, serif;
    font-size   : 1.2em;
}

.results-table {
    width       : 100%;
}

.results-table th {
    padding     : 2px 5px 2px 5px;
    background  : #DDD;
    color       : #555;
    border      : none;
}

.results-table td {
    padding     : 2px 10px 2px 10px;
    border      : none;
    border-bottom : 1px solid #DDD;
    border-right  : 1px dotted #DDD;
}

.results-table tr.alt {
    background  : #EEE;
}

.results-container {
    max-height  : 200px;
    width       : 730px;
    overflow    : auto;
    font-size   : 0.9em;
}

.jscript-highlight {
    width       : 590px;
}

.jscript-highlight {
    padding     : 0 0 15px 0;
}

.jscript-title {
    border      : 1px solid #CCC;
    border-bottom: none;
    background  : #EEE;
    color       : #555;
    padding     : 3px 5px 3px 8px;
    font-weight : bold;
    font-size   : 0.9em;
}

.jscript-highlight pre {
    margin      : 0;
    padding     : 0;
    font-family : "courier new", monospace;
    font-size   : 1.4em;
    border      : 1px solid #DDD;
    border-bottom: none;
}

.jscript-highlight .keyword {
    color       : #009;
}

.jscript-highlight .special {
    color       : #008992;
}

.jscript-highlight .regexp {
    color       : #7d18bd;
}

.jscript-highlight .quote {
    color       : #900 !important;
}

.jscript-highlight .comment, 
.jscript-highlight .comment .keyword, 
.jscript-highlight .comment .regexp, 
.jscript-highlight .comment .special {
    color       : #090 !important;
}

.jscript-highlight .jscript-row {
    border-bottom: 1px solid #DDD;
    padding     : 2px 0 2px 5px;
}

.jscript-highlight .jscript-alt-row {
    background  : #F6F6F6;
}

.jscript-try {
    text-align  : right;
    padding     : 2px 10px 0 0;   
    font-size   : 1em;
    float       : right;
}

.jscript-try a {
    color       : #007ee8;
    text-decoration : none;
    border-bottom   : 1px dotted #007ee8;
}

.jscript-try a:hover {
    color       : #090;
    border-color: #090;
}

.run-button {
    width       : 188px;
    margin      : 0 auto;
    padding     : 0 0 20px 0;
}

.links li.packed { background-image : url(../icons/icon_package_get.gif); }
.links li.full { background-image : url(../icons/icon_download.gif); }
.links li.tests { background-image : url(../icons/page_tick.gif); }
.links li.data { background-image : url(../icons/tables.gif); }
.links li.message { background-image : url(../icons/comment_blue.gif); }

.sample-list {
    padding     : 0 0 10px 0;
}

.sample-list div {
    padding     : 0 0 5px 0;
}

.results-container {
    overflow    : auto;
    width       : 100%;
    height      : 150px;
}