/* General styles */

* {
	margin: 0;
	padding: 0;
	border: 0;
}
html {
	height: 100%;
	background: lightgrey url('drop.png') top center repeat-y;
}
body {
	height: 100%;
	width: 600px;
	margin: 0px auto;
	font-family: "Segoe UI", Tahoma, sans-serif;
	font-size: 11px;
	border-left: 1px solid grey;
	border-right : 1px solid grey;
	background-color: white;
	
}
.header {
	background: url('header.jpg');
	height: 100px;
	width: 600px;
	border-bottom: 1px solid grey;
}
.content {
	padding: 0px 5px;
}
h1 {
	padding: 10px 0px;
	font-size: 18px;
}

/* Table */

table {
	width: 100%;
	border-collapse: collapse;
	text-align: left;
}
th {
	font-weight: bold;
	text-align: left;
}
td,th {
	border-bottom: 1px solid lightgrey;
	padding: 2px 3px;
}
em {
	font-style: italic;
	color: grey;
}
.stCompleted {
	color: darkgreen;
}
.stFailed {
	color: darkred;
}

/* Forms */

input {
	padding: 2px;
	margin: 0px 0px 1px 0px;
	border: 1px solid white;
	font-size: 10px;
}
input[type=text], input[type=password], input[type=button], input[type=submit] {
	border: 1px solid;
	border-color: grey black black grey;
	color: black;
}
input[type=text], input[type=file], input[type=password] {
	width: 150px;
}
.frmLogin {
	padding-top: 2.0em;
	text-align: center;
}

/* Info bar */

#info {
	background-color: lightblue;
	padding: 4px;
}
.closer {
	display:block;
	float:right;
	cursor:pointer;
	width: 10px;
}
.closer a {
	color: white;
	text-decoration: none;
}

/* Actions */

.actions a {
	background-image: url('actions_inactive.png');
	width: 10px;
	height: 10px;
	display: inline-block;
}
.actions a:hover {
	background-image: url('actions.png');
}
.act_resume {	background-position: 0px 0px;}
.act_pause {	background-position: 0px -10px;}
.act_del {		background-position: 0px -20px;}
