html { background:#efefef; font-family:Arial, Verdana, sans-serif; font-size:16px; }
body { padding:0; margin:0; }
pre { font-family:Courier New; line-height:1.4em; }

h1 {margin-top:40px;}
.hide { display:none; }

.overview,.workers,.queues {

}
.left_col, .right_col {
	display:inline-block;
	width:47%;
	max-width: 47%;
	padding:5px;
	margin:5px;
}

.log_box{
	width:300px;
	min-height:300px;
	height:300px;
    border-style:solid inset;
    border-width:6px;
    border-color:#ccd9d8;
    background-color:#080808;
    color:#5fba3d;
    font-family:monospace, prestige;
}

.right_col {
	position:relative;
	min-height: 100%;
	height:100%;}

button {
	-moz-box-shadow:inset 0px 1px 0px 0px #f29c93;
	-webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;
	box-shadow:inset 0px 1px 0px 0px #f29c93;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );
	background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');
	background-color:#fe1a00;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #d83526;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #b23e35;
}
button:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );
	background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');
	background-color:#ce0100;
}
button:active {
	position:relative;
	top:1px;
}

.header { background:#000; padding:8px 5% 0 5%; border-bottom:1px solid #444;border-bottom:10px solid #22acd1;}
.header h1 { color:#333; font-size:90%; font-weight:bold; margin-bottom:6px;}
.header ul li { display:inline;}
.header ul li a { color:#fff; text-decoration:none; margin-right:10px; display:inline-block;  padding:8px; -webkit-border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
.header ul li a:hover { background:#333;}
.header ul li.current a { background:#22acd1; font-weight:bold; color:#fff;}

.header .namespace { position: absolute; right: 75px; top: 10px; color: #7A7A7A; }

.subnav { padding:2px 5% 7px 5%; background:#22acd1; font-size:90%;}
.subnav li { display:inline;}
.subnav li a { color:#fff; text-decoration:none; margin-right:10px; display:inline-block; background:#dd5b5b; padding:5px; -webkit-border-radius:3px; -moz-border-radius:3px;}
.subnav li.current a { background:#fff; font-weight:bold; color:#22acd1;}
.subnav li a:active { background:#b00909;}

#main { padding:10px 5%; background:#fff; overflow:hidden; }
#main .logo { float:right; margin:10px;}
#main span.hl { background:#efefef; padding:2px;}
#main h1 { margin:10px 0; font-size:190%; font-weight:bold; color:#22acd1;}
#main h2 { margin:10px 0; font-size:130%;}
#main table { width:50%; margin:10px 0;}
#main table tr td, #main table tr th { border:1px solid #ccc; padding:6px;}
#main table tr th { background:#efefef; color:#888; font-size:80%; font-weight:bold;}
#main table tr td.no-data { text-align:center; padding:40px 0; color:#999; font-style:italic; font-size:130%;}
#main a { color:#111;}
#main p { margin:5px 0;}
#main p.intro { margin-bottom:15px; font-size:85%; color:#999; margin-top:0; line-height:1.3;}
#main h1.wi { margin-bottom:5px;}
#main p.sub { font-size:95%; color:#999;}

#main table.overview { width:40%;}
#main table.overview td.status { font-weight:bold; width:50%;}
#main table.overview tr.failed td { border-top:2px solid; font-size:90%; }
#main table.overview tr.failure td { background:#ffecec; border-top:2px solid #d37474; font-size:90%; color:#d37474;}
#main table.overview tr.failure td a{ color:#d37474;}

#main table.jobs td.class { font-family:Monaco, "Courier New", monospace; font-size:90%; width:50%;}
#main table.jobs td.args{ width:50%;}

#main table.workers td.icon {width:1%; background:#efefef;text-align:center;}
#main table.workers td.icon img { height: 16px; width: 16px; }
#main table.workers td.where { width:25%;}
#main table.workers td.queues { width:35%;}
#main .queue-tag { background:#b1d2e9; padding:2px; margin:0 3px; font-size:80%; text-decoration:none; text-transform:uppercase; font-weight:bold; color:#3274a2; -webkit-border-radius:4px; -moz-border-radius:4px;}
#main table.workers td.queues.queue { width:10%;}
#main table.workers td.process { width:35%;}
#main table.workers td.process span.waiting { color:#999; font-size:90%;}
#main table.workers td.process small { font-size:80%; margin-left:5px;}
#main table.workers td.process code { font-family:Monaco, "Courier New", monospace; font-size:90%;}
#main table.workers td.process small a { color:#999;}
#main.polling table.workers tr.working td { background:#f4ffe4; color:#7ac312;}
#main.polling table.workers tr.working td.where a { color:#7ac312;}
#main.polling table.workers tr.working td.process code { font-weight:bold;}


#main table.stats th { font-size:100%; width:40%; color:#000;}
#main hr { border:0; border-top:5px solid #efefef;  margin:15px 0;}

#footer { padding:10px 5%; background:#efefef; color:#999; font-size:85%; line-height:1.5; border-top:5px solid #ccc; padding-top:10px;}
#footer p a { color:#999;}

#main p.poll { background:url(../images/poll.png) no-repeat 0 2px; padding:3px 0; padding-left:23px; float:right; font-size:85%; }

#main ul.job {}
#main ul.job li {background:-webkit-gradient(linear, left top, left bottom, from(#efefef), to(#fff)) #efefef; margin-top:10px; padding:10px; overflow:hidden; -webkit-border-radius:5px; border:1px solid #ccc; }
#main ul.job li dl dt {font-size:80%; color:#999; width:60px; float:left; padding-top:1px; text-align:right;}
#main ul.job li dl dd {margin-bottom:10px; margin-left:70px;}
#main ul.job li dl dd .retried { float:right; text-align: right; }
#main ul.job li dl dd .retried .remove { display:none; margin-top: 8px; }
#main ul.job li.hover dl dd .retried .remove { display:block; }
#main ul.job li dl dd .controls { display:none; float:right; }
#main ul.job li.hover dl dd .controls { display:block; }
#main ul.job li dl dd code, #main ul.failed li dl dd pre { font-family:Monaco, "Courier New", monospace; font-size:90%; white-space: pre-wrap;}
#main ul.job li dl dd.error a {font-family:Monaco, "Courier New", monospace; font-size:90%; }
#main ul.job li dl dd.error pre { margin-top:3px; line-height:1.3;}

#main p.pagination { background:#efefef; padding:10px; overflow:hidden;}
#main p.pagination a.less { float:left;}
#main p.pagination a.more { float:right;}

#main form {float:right; margin-top:-10px;margin-left:10px;}

#main .time a.toggle_format {text-decoration:none;}