@import url(https://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700);
body {
	font-family: "Open Sans", helvetica, ariel, sans-serif;
}
#header {
	line-height: 40px;
	color: #00a2b3;
	background: #ebf1ff;
	border-bottom: 2px solid #00a2b3;
}
a:link, a:visited, #header a:link, #header a:visited {
	color:#29499c;
}
a:hover {
	color: #4d6ddc;
}
#branding h1 {
	font-size: 40px;
	color: #00a2b3;
	font-weight: 600;
}
#branding h1 span {
	font-weight: 300;
}
#user-tools {
	padding: 8px;
	font-size: 12px;
}
#branding a:hover {
	text-decoration: none;
}
div.breadcrumbs {
	border-top: none;
}

.module h2, .module caption, .inline-group h2 {
	background: #00a2b3;
	font-size: 12px;
}

.module {
	border:none;
	background: #f8f8f8;
}

#content-related .module h2 {
	background: #eee;
	color: #00a2b3;
}

#reports-module a {
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 4px 0;
}

.hide {
	display: none;
}

.progress {
	overflow: hidden;
	height:16px;
	width: 100%;
	background: #ccc;
	color:#fff;
	line-height:16px;
	text-shadow: 0 1px 0 #666;
	font-weight: bold;
}
.fail {
	background: #bbb;
	color:#600;
	text-shadow: 0 -1px 0 #ddd;
	line-height:16px;
	font-weight: bold;
}
.progress > .bar {
	float: left;
	width:0px;
	background: #29499c;
	height:16px;
	overflow: visible;
}
.progress p {
	margin: 0
}

.pull-right {
	float: right;
}

.modal {
	position: fixed;
	left:10%;
	top:-10px;
	right:10%;
	bottom: 110%;
	background: rgba(235,240,255,0.8);
	transition: all 1s;
	border: 3px solid #00a2b3;
	border-top: none;
	box-shadow: 0px 0px 2px #fff;
	color: #333;
	overflow: auto;
}
.modal.show {
	top: 0;
	bottom: 10%;
}
.close {
	font-weight: bold;
	font-size: 20px;
	color:#aaa;
	margin: 10px;
}