body {font-family: arial}
table { font-size:12px}
th {text-align: left}
fieldset {border-width:1px; border-color: #dddddd; border-style:solid; background-color: #f8f8f8; padding:20px; }
legend {font-weight: bold; color: 664444;}



.box {border: medium solid #DDDDDD;}
.upright {position:absolute; top:10px; right:10px}
div#joblist {height: 200px; overflow: auto;}

table#jobtable {background-color: #dddddd}
table#jobtable tr {cursor: pointer; background-color: #eeeeee}

/* PRIORITY COLORS */
table#jobtable tr td.priority_0 {background-color: #eeeeee}
table#jobtable tr td.priority_1 {background-color: #dddddd}
table#jobtable tr td.priority_2 {background-color: #cccccc}
table#jobtable tr td.priority_3 {background-color: #bbbbbb}

table#jobtable tr.report {background-color: #eeeeee}


table#jobtable tr th {text-align: left}
table#jobtable a {text-decoration:none; color: #000000}
table#jobtable img {border: none}
table#jobtable th {background-image: url(/static/images/tablegradient.gif)}
table#jobtable tr td.actions span.right {position: relative;  left:20px;}

.status td {vertical-align: bottom}
.status div {width:30px; height:5px; font-size:1px;}
.status div.finished {background-color: #FF6600}
.status div.future {background-color: #cccccc}
.status div.current {width: 0px; height:5px; position:relative; top: -4px}

span.button, input.button {background-color:#aabbaa; font-weight:bold; border: thin solid black; padding:1px 4px; cursor:pointer;}
span.button:hover, input.button:hover {background-color:#ccddcc; border-color: #aabbaa;}
span.small, input.small{ font-size: 10px;}
span.button.alert {
	background-color:#ddaaaa; color: black;
}
.hit {height: 30px; font-size:14px; font-weight:bold;}

table.filters tr{background-image: url(/static/images/topgradient.gif)}
table.filters {font-size:12px}
table.filters input {font-size:12px}

.jobdetail {position:relative}
.jobdetail h1 {font-size: 14px}
.jobdetail h2 {font-size: 12px}
.jobdetail div {position: relative;}
.jobdetail div.finished {width:80px; height:20px; background-color: #FF6600; cursor: pointer;}
.jobdetail div.lookback {background-color: #FFB070;}
.jobdetail div.future {width:80px; height:20px; background-color: #DDDDDD; cursor: pointer;}
.jobdetail div img.halt {display: none; position:absolute; top: 2px; left:62px;}
.jobdetail div img.skip {display:none; position: absolute; top: 2px; left: 46px;} 
.jobdetail .current {border: medium solid #FF6600}

.jobdetail .actions {border-width:1px; border-color: #dddddd; border-style:solid; background-color: #f8f8f8; padding:20px; }
.jobdetail .instructionslink {position: absolute; right:5px; padding:2px;}
.jobdetail .instructions {display: none; border: thin solid green; padding:4px; background-color:#CCFFCC;}
.jobdetail .stepdetail {width: 380px}
.jobdetail .stepdetail td {padding:5px;}
.jobdetail .steplabel {font-size: 10px}

.editable {text-decoration: underline; cursor:pointer}

.disabled {background-color: #FFFFFF; filter:alpha(opacity=50); moz-opacity:0.3; opacity: 0.3; cursor:"not-allowed";}

.jobdetail .next {position:absolute; right: 10px; bottom:5px}
.upper-right {position: absolute; top:0px; right:10px; font-weight:bold}

.bang {color: #FF6600; font-size: 18px; font-weight:bold;}
.alert {color: #FF6600; font-weight: bold}
.green {color: #00cc00; font-weight: bold}
.label {font-weight: bold;}
.subnote {font-size: 10; font-style:italic; color:#888888}

table#tabs {position:relative; top:3px; }

td.tab {border: thin solid black; text-align: center; width: 100px; cursor: pointer; background-color:#dddddd}
td.tab:hover {background-color:#eeeeee;}
td.tab.selected {background-color: #FFFFFF; font-weight:bold; color: #000000; border-style: solid; border-bottom-color:#FFFFFF}

.selected td {background-color: #aaccaa; color: #000000}

div.arrow-outer {width:30px; height:1px; position:relative;}
div.arrow-inner {position:absolute; left:-12px; width:60px;}
div.arrow-inner img {float:left;}
div.arrow-inner .label {float: left; font-weight:normal; font-size:8pt}

div.pagetitle {position:absolute; top:7px; left:10px; font-weight:bold;}
div.userhead {position: absolute; top:7px; right:10px; font-weight:bold;}

/* mask view */

span.fixedfield {color:blue; border:.1px solid blue; padding: 0px;}
span.fixedfieldeol {color:green; border:thin solid green;}
span.fixedrecorddelimiter {color:blue; border:thin solid blue;}

div#fileview {width: 100%; height: 600px; overflow: auto; background-color: #eeeeee}
table.masktable {font-family: courier; font-size: 9px; background-color: #dddddd}
table.masktable tr {background-color:#eeeeee}

tr.mask_ctl {border-width:2px 1px 0px 0px;}

div#fileview td.selected {background-color: #aaccaa; color: #000000}

table.styled_table {background-color:#bbbbdd}
table.styled_table tr td {background-color:#ddddee}

pre {font-family: Courier; font-size: 12px;}

/* setup browser */
div#browser {
	padding-left: 100px;
}