@import url("yui/reset.css");
@import url("yui/base.css");

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 14px;
	padding: 20px;
	margin: auto;
}
label {
	display: block;
	margin: 12px 0;
	clear: left;
	overflow: hidden;
}
input {
	color: #333;
}
input.button {
	margin-left: 72px;
}
.required {
	font-weight: bold;
}
.error {
	font-weight: bold;
	color: #DD1111;
	border-width: 2px;
	border-color: #EE0E0E;
}
#errors {
	font-weight: bold;
	color: #DD1111;
	border-width: 2px;
	border-color: #EE0E0E;
	background-color: #EEDDDD;
}
#logo {
    float:right
}

/** ajax uploading styles */
span.uploading {
    background: url(uploading.gif) no-repeat scroll;
    /** remove text */
}
ul.multipleFile li {
    /* remove bullets */
}
li.upload-template {
    display: none
}
.passed {
	font-weight: bold;
	color: #338833;
}
tr.failed {
	background-color: #DDAAAA;
}
#testlog {
	float:right;
	width: 500px;
	margin: 1em;
}
#testlog.left {
	float: left;
	clear: left;
	width: 100%;
}
form, #log {
	float:left;
	width: auto;
}
form label span, form div.rating-label span { 
	float: left;
	line-height: 20px;
	margin-right: 6px;
	width: 460px;
	text-align: right;
}
form label span.message, form span.rating-label span.message {
	width: auto;
	text-align: left;
	margin: 0 0 0 12px;
}
form label.rating:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
li.active a {
	font-weight: bold;
}
table {
	font-size: 13px;
}

/* --- Test results --- */

div#testlog .even { background: #a4c3d6; }
div#testlog .odd { background: #c5e8ff; }

div#testlog table { width: 100%; }
div#testlog th, 
div#testlog td { border: none; text-align: left; }
div#testlog th { background: #444; color: #fff; }
div#testlog th.asc { background: #777 url("arrow_up.gif") no-repeat 98% 50%; }
div#testlog th.desc { background: #777 url("arrow_down.gif") no-repeat 98% 50%; }
div#testlog th a { color: #fff; }
div#testlog th a:hover { color: #fff; background-color: transparent; }