/*
 * 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.
 */
.THIS {
	background: #304a62;
	display: block;
	font-family: Helvetica, Arial, sans-serif;
	height: 70px;
	margin-bottom: 0;
	padding: 0;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 1030;
}

.THIS .logo {
	position: absolute;
	bottom: 1px;
	left: 24px;
	width: auto;
}

.THIS .navList {
	list-style: none;
	margin: 0;
	position: absolute;
	top: 4px;
	right: 40px;
}

.THIS h1 {
	line-height: .9;
	margin: 0;
}

.THIS li {
	display: inline-block;
	font-size: 14px;
	font-weight: bold;
	height: 46px;
	margin: 8px auto;
	padding: 15px 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.THIS li>a {
	color: #fff;
	font-size: 105%;
	padding-bottom: 5px;
}

.THIS li[active=true]  {
	background-color: #dc595c;
	border-radius: 8px;
}

.THIS .spinner {
	background-image: url(/auraFW/resources/aura/images/docsspinner.gif);
	display: none;
	height: 32px;
	position: absolute;
	right: 4px;
	top: 20px;
	width: 32px;
}

.THIS.waiting .spinner {
	display: block;
}

.THIS .fuelGauge {
	position: absolute;
	right: 400px;
	top: 23px;
}

.THIS.refreshing .fuelGauge {
	opacity: 0.5;
}