/* See license.txt for terms of usage */

body {
    background-color: #FFFFFF;
    height: 100%;
}

/************************************************************************************************/

#consoleToolbar toolbarbutton {
    margin:1px;
    -moz-box-orient: vertical;
}

#consoleToolbar toolbarbutton .toolbarbutton-icon {
    padding:5px;
}

/************************************************************************************************/
/* Toolbar buttons */

#runAll {
    list-style-image: url("chrome://fbtest/skin/runAll.png");
    -moz-image-region: rect(0px 16px 16px 0px);
}

#stopTest {
    list-style-image: url("chrome://fbtest/skin/stop.png");
}

#haltOnFailedTest {
    list-style-image: url("chrome://fbtest/skin/failHalt.svg");
}

#refreshList {
    list-style-image: url("chrome://browser/skin/Toolbar.png");
    -moz-image-region: rect(0px 72px 19px 54px);
}

#noTestTimeout {
    list-style-image: url(chrome://fbtest/skin/noTimeout.svg);
}

#restartFirefox {
    list-style-image: url("chrome://browser/skin/Toolbar.png");
    -moz-image-region: rect(0px 324px 19px 306px);
}

/************************************************************************************************/
/* Test List URL Bar */

/* Use IDs as the selector so, the height attribute is applied. Class selector doesn't work */
#testListUrlBar textbox,
#testCaseUrlBar textbox,
#testDriverUrlBar textbox {
    height: 20px;
    border: 1px solid gray;
}

.testUrlBar > toolbarbutton {
    list-style-image: url(chrome://browser/skin/Search-glass.png);
    -moz-image-region: rect(0px, 16px, 16px, 0px);
}

.testUrlBar > toolbarbutton:hover {
    -moz-image-region: rect(0px 32px 16px 16px);
}

/************************************************************************************************/
/* Statusbar */

#passingTests {
    color: green;
    padding-top: 3px;
}

#failingTests {
    color: red;
    padding-top: 3px;
}

#todoTests {
    color: gray;
    padding-top: 3px;
}

#progressMessage {
    color: black;
    padding-top: 3px;
    text-align: right;
}
