/*
 * Copyright 2005 ThoughtWorks, Inc
 * 
 *  Licensed under the Apache License, Version 2.0 (the "License");
 *  you may not use this file except in compliance with the License.
 *  You may obtain a copy of the License at
 *  
 *      http://www.apache.org/licenses/LICENSE-2.0
 *  
 *  Unless required by applicable law or agreed to in writing, software
 *  distributed under the License is distributed on an "AS IS" BASIS,
 *  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 *  See the License for the specific language governing permissions and
 *  limitations under the License.
 */

/*---( Layout )---*/

* {
    margin: 0px;
    padding: 0px;
}

body {
    overflow: auto;
}

td {
    position: static;
}

tr {
    vertical-align: top;
}

.layout {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
}

.layout td {
    border: 0;
}

iframe {
    border: 0px;
    width: 100%;
    height: 100%;
    background: white;
    overflow: auto;
}

/*---( Style )---*/

body, html {
    font-family: Verdana, Arial, sans-serif;
}

.selenium th, .selenium td {
    border: 1px solid #999;
}

.header {
    background: #ccc;
    padding: 0;
    font-size: 90%;
}

#controlPanel {
    padding: 0.5ex;
    background: #eee;
    overflow: auto;
    font-size: 75%;
    text-align: center;
}

#controlPanel fieldset {
    margin: 0.3ex;
    padding: 0.3ex;
}

#controlPanel fieldset legend {
    color: black;
}

#controlPanel button {
    margin: 0.5ex;
}

#imageButtonPanel button {
    width: 24px;
    height: 20px;
    background-color:white;
    background-repeat: no-repeat;
    background-position: center;
    border-style: solid;
    border-color: black;
    border-width: 1px;
}

#controlPanel #runSuite {
    width: 32px;
    background-image: url("icons/all.png");
}

#controlPanel #runSeleniumTest {
    width: 32px;
    background-image: url("icons/selected.png");
}

.cssPauseTest {
    background-image: url("icons/pause.png");
}

.cssPauseTest[disabled]  {
    background-image: url("icons/pause_disabled.png");
}

.cssContinueTest {
    background-image: url("icons/continue.png");
}

.cssContinueTest[disabled] {
    background-image: url("icons/continue_disabled.png");
}

#controlPanel #stepTest {
    background-image: url("icons/step.png");
}

#controlPanel #stepTest[disabled] {
    background-image: url("icons/step_disabled.png");
}

#controlPanel table {
    font-size: 100%;
}

#controlPanel th, #controlPanel td {
    border: 0;
}

h1 {
    margin: 0.2ex;
    font-size: 130%;
    font-weight: bold;
}

h2 {
    margin: 0.2ex;
    font-size: 80%;
    font-weight: normal;
}

.selenium a {
    color: black;
    text-decoration: none;
}

.selenium a:hover {
    text-decoration: underline;
}

button, label {
    cursor: pointer;
}

#stats {
    margin: 0.5em auto 0.5em auto;
}

#stats th, #stats td {
    text-align: left;
    padding-left: 2px;
}

#stats th {
    text-decoration: underline;
}

#stats td.count {
    font-weight: bold;
    text-align: right;
}

#testRuns {
    color: green;
}

#testFailures {
    color: red;
}

#commandPasses {
    color: green;
}

#commandFailures {
    color: red;
}

#commandErrors {
    color: #f90;
}


/*---( Logging Console )---*/

#logging-console {
    background: #fff;
    font-size: 75%;
}

#logging-console #banner {
    display: block;
    width: 100%;
    position: fixed;
    top: 0;
    background: #ddd;
    border-bottom: 1px solid #666;
}

#logging-console #logLevelChooser {
    float: right;
    margin: 3px;
}

#logging-console ul {
    list-style-type: none;
    margin: 0px;
    margin-top: 3em;
    padding-left: 5px;
}

#logging-console li {
    margin: 2px;
    border-top: 1px solid #ccc;
}

#logging-console li.error {
    font-weight: bold;
    color: red;
}

#logging-console li.warn {
    color: red;
}

#logging-console li.debug {
    color: green;
}

div.executionOptions {
    padding-left: 5em;
}

div.executionOptions label, div.executionOptions input {
    display: block;
    float: left;
}

div.executionOptions br {
    clear: left;
}

#speedSlider {
    text-align: left;
    margin: 0px auto;
    width: 260px;
    line-height: 0px;
    font-size: 0px;
    padding: 0px;
}

#speedSlider #speedTrack {
    background-color: #333;
    width: 260px;
    height: 2px;
    line-height: 2px;
    z-index: 1;
    border: 1px solid;
    border-color: #999 #ddd #ddd #999;
    cursor: pointer;
}

#speedSlider #speedHandle {
    width: 12px;
    top: -8px;
    background-color: #666;
    position: relative;
    margin: 0px;
    height: 8px;
    line-height: 8px;
    z-index: 1;
    border: 1px solid;
    border-color: #999 #333 #333 #999;
    cursor: pointer;
}
