/*
 * Copyright (C) 2013 salesforce.com, 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.
 */
 @-webkit-keyframes jstestCaseThrob {
  from,to {
    box-shadow: inset 4px 4px 16px #FFFF0F;
  }
  50% {
    box-shadow: inset 4px 4px 4px #FF800F;
  }
}
.THIS.jstestTabset {
	display: table;
}
.THIS.jstestTabset .tabBody.active {
	display: table-cell;
	width: 100%;
}

.THIS .rerun.fail{
    background-color: #FF0F0F;
    box-shadow: inset 4px 4px 8px #FFFF0F;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: jstestCaseThrob;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:linear;
}
.THIS .rerun.pass{
    background-color: #0FFF0F;
    background-color: green;
    box-shadow: inset 4px 4px 4px #10FF10;
}

.THIS .rerun{
    background-color: #FFFF0F;
    box-shadow: inset 1px 2px 2px #000000;
    border-radius : 10px;
    display:inline-block;
    width:16px;
    height:16px;
    margin: 4px 4px 0 0;
    float:left;
}

@-webkit-keyframes jstestCaseSpin {
  from {
    -webkit-transform: rotate(0deg);
    
  }
  to {
    -webkit-transform: rotate(360deg);
  }
} 
.THIS .spin{
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: jstestCaseSpin;
    -webkit-animation-duration:1s;
    -webkit-animation-timing-function:linear;
}
 
.THIS.uiTabset {
    height: auto;
}
.THIS.uiTabset .tabLabels {
    min-height: 750px;
}
.THIS {
    font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 13px;
}

.THIS ul {
    height: auto;
    margin: 0;
    padding: 0;
    list-style: none;
}

.THIS ul li.uiTabItem {
    width: 220px;
    float: none;
    border: 0;
    margin: 0;
    border-radius: 0;
    display: block;
}

.THIS ul li.uiTabItem > a.tabHeader {
    background-color: #616975;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(114, 122, 134)),to(rgb(80, 88, 100)));
    background-image: -webkit-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -moz-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -o-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: -ms-linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    background-image: linear-gradient(top, rgb(114, 122, 134), rgb(80, 88, 100));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#727a86', EndColorStr='#505864');
    border-bottom: 1px solid #33373d;
    border-right: 1px solid #33373d;
    -webkit-box-shadow: inset 0px 1px 0px 0px #878e98;
    -moz-box-shadow: inset 0px 1px 0px 0px #878e98;
    box-shadow: inset 0px 1px 0px 0px #878e98;
    display: block;
    font-weight: 600;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
    margin: 0;
}

.THIS ul li a {
    background: #fff;
    border-bottom: 1px solid #efeff0;
    height: 2em;
    line-height: 2em;
    display: block;
    position: relative;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size: 0.923em;
    font-weight: 400;
    color: #878d95;
    overflow: hidden;
    white-space: nowrap;
}

.THIS h1, .THIS ul li.uiTabItem > a.tabHeader:hover {
    background-color: #35afe3;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgb(69, 199, 235)),to(rgb(38, 152, 219)));
    background-image: -webkit-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -moz-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -o-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: -ms-linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    background-image: linear-gradient(top, rgb(69, 199, 235), rgb(38, 152, 219));
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr='#45c7eb', EndColorStr='#2698db');
    border-bottom: 1px solid #103c56;
    -webkit-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    -moz-box-shadow: inset 0px 1px 0px 0px #6ad2ef;
    box-shadow: inset 0px 1px 0px 0px #6ad2ef;
}

.THIS ul li.uiTabItem.active > a.tabHeader {
    color: #333;
    background: #ffa84c; /* Old browsers */
    background: -moz-linear-gradient(top, #ffa84c 0%, #ff7b0d 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa84c), color-stop(100%,#ff7b0d)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, #ffa84c 0%,#ff7b0d 100%); /* IE10+ */
    background: linear-gradient(to bottom, #ffa84c 0%,#ff7b0d 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa84c', endColorstr='#ff7b0d',GradientType=0 ); /* IE6-9 */
}

.THIS ul li.uiTabItem > a.tabHeader:hover {
    overflow: visible;
    color: #333;
    z-index: 100;
}

.THIS h1 {
    height: 2em;
    line-height: 2em;
    color: #fff;
    padding-left: 10px;
    font-weight: 400;
    font-size: 0.923em;
    position: relative;
}

.THIS li.uiTabItem div.tabBody {
    top: 0;
    left: 241px;
    height: auto;
}

.THIS section div.testContent {
    height: 500px;
}

.THIS iframe {
	height:100%;
	width:100%;
	border:0;
}

.THIS section {
	margin:0;
	padding:0;
}

.THIS section.content {
	width: 100%;
	resize: vertical;
}
.THIS section.results {
	overflow: auto;
	height: 220px;
}

.THIS h1 span{
    cursor: pointer;
    font-size: 0.857em;
    display: inline-block;
    position: absolute;
    right: 1em;
    background: #48515c;
    line-height: 1em;
    height: 1em;
    padding: .4em .6em .4em;
    margin: .3em 0 0 0;
    color: #fff;
    text-indent: 0;
    text-align: center;
    -webkit-border-radius: .769em;
    -moz-border-radius: .769em;
    border-radius: .769em;
    -webkit-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    -moz-box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15);
    text-shadow: 0px 1px 0px rgba(0,0,0,.5);
    font-weight: 500;
    background: #2173a1;
}

.THIS section.results div {
    display: block;
}

.THIS pre {
    font-family: "Courier New", Courier, monospace, sans-serif;
    text-align: left;
    background: #EFEFEF;
    padding: 0.1em 0.5em 0.3em 0.7em;
    border-left: 11px solid #ccc;
    margin: 0 0 1.7em 0.3em;
    overflow: auto;
    width: 96%;
    line-height: 1.6em;
    font-size: 12px;
    display: block;
}

.THIS pre.hidden {
    display: none;
}

.THIS pre.show {
    display: block;
}