body	{background-color:#FFFFFF;
		font-family: sans-serif;}

head	{font-family: sans-serif;
		margin-left:0px;}


.page {border-width:1px 1px 1px 1px;
		border-style:solid;
		border-color:#80A0C0;
		padding:10px 10px 10px 10px;
		margin:0;
		background-color:#EEF8FF;}


.tabbody {padding:20px 10px 10px 10px;
			border-style:outset;
			border-width:1px;
			border-color:#80A0C0;
			background-color:#EEF8FF;
			border-radius:5px;
			z-index:0;
			}

button {padding:5px 5px 5px 5px;
		border-radius:5px;
		border-width:1px;
		font-size:14px;
		font-family: sans-serif;
		color:#FFFFFF;
		background-color:#5A8CC8;
		border-color:#5A8CC8;}

button[disabled] {
		color:#888888;
		background-color:#CCCCCC;
}

input.button {	/*style inputs with class button in same way*/
		padding:3px 5px 3px 5px;
		border-radius:5px;
		border-width:1px;
		font-size:14px;
		font-family: sans-serif;
		color:#FFFFFF;
		background-color:#5A8CC8;
		border-color:#5A8CC8;
}

input[type="radio"] {
			margin-bottom:5px;
			margin-top:5px;
		}

select {background-color:#FFFFFF;}
input {background-color:#FFFFFF;}
textarea {background-color:#FFFFFF;}


ul.tabs {list-style-type:none;
			margin:0;
			padding:0;}

∑ul.tabs li	{border-width:1px 1px 1px 1px;
			display:inline;
			margin-right:4px;
			}

.activetab {border-style:outset outset solid outset;
			border-color:#80A0C0 #80A0C0 #EEF8FF #80A0C0;
			border-radius:5px 5px 0px 0px;
			border-width:1px;
		padding:5px 10px 0px 10px;
		background-color:#EEF8FF;
		color:#5A8CC8;
		font-weight:bold;
		margin-left:0px;
		z-index:2;
		position:absolute;
		}

.inactivetab {border-style:outset outset inset outset;
				border-radius:5px 5px 0px 0px;
				border-color:#80A0C0 #80A0C0 #80A0C0 #80A0C0;
				border-width:1px;
			padding:5px 10px 0px 10px;
			background-color:#DDEAEE;
			color:#5A8CC8;
			font-weight:normal;
			cursor:pointer;
			margin-left:2px;
			z-index:1;
			position:absolute;
			}

li.inactivetab:hover {background-color:#EEF8FF;}

.usertable {margin-left:auto;
			margin-right:auto;}

.usertable td {padding:10px;
				white-space:nowrap;}

.page td {padding-left:20px;}


.ctrlblock	{border-width:1px;
			border-style:solid;
			border-color:#BEBECC;
			border-radius:5px;
			margin-bottom:10px;
			padding:10px;
			background-color:#FFFFFF;
   			}

.ctrlblock pre {font-family: sans-serif;
				white-space:pre-line;}


.ctrlblock td {padding:5px;}

.ctrlblock a:link {color:#5A8CC8;}
.ctrlblock a:visited {color:#5A8CC8;}

.ctrl_container {
					float:left;
					border:1px solid blue;
				}


.comment {font-style:italic;
		  font-size:0.9em;
		  line-height:120%;}

.comment input {margin-left:10px;
				margin-right:10px;
				width:80px}

.hint {font-style:italic;
		font-size:0.8em;
		max-width:300px;}

.large-hint {font-style:italic;
		font-size:1em}


.help {
			position:absolute;
			border-width:1px;
			border-style:solid;
			border-color:#5A8CC8;
			border-radius:5px 5px 0px 0px;
			padding:0px;
			margin-right:25px;
			background-color:#EEF8FF;
			display:none;
			z-index:100;
			box-shadow:5px 5px 5px 2px #8080A0;
			-webkit-box-shadow:5px 5px 5px 2px #8080A0;
			max-width:400px;
			font-size:1.2em;

}

.helpbar {	/*'menubar' at top of help box*/
			border-width:0px;
			border-style:none;
			background-color:#5A8CC8;
			padding:2px 5px 2px 5px;
			height:16px;
			text-align:center;
			white-space:nowrap;

		}

.helptext td {	/*Text in helpbox*/
			font-size:12px;
			color:#5A8CC8;
			padding:5px;
}

.helptext  img {
				width:48px;
				height:48px;
				margin:5px;
			}

.helpbartext {
				color:white;
				font-weight:bold;
				font-size:12px;
				text-align:center;
				margin-left:5px;
				margin-right:5px;
			}
.helptext  img {
				width:32px;
				height:32px;
				margin:5px;
			}


.err
 {
			position:absolute;
			border-width:1px;
			border-style:solid;
			border-color:darkred;
			border-radius:5px 5px 0px 0px;
			padding:0px;
			margin-right:25px;
			background-color:#FFAAAA;
			display:none;
			z-index:10;
			box-shadow:5px 5px 5px 2px #A08080;
			-webkit-box-shadow:5px 5px 5px 2px #A08080;
			max-width:400px;
			font-size:1.2em;

}

.errbar {	/*'menubar' at top of error box*/
			border-width:0px;
			border-style:none;
			background-color:darkred;
			text-align:left;
			padding:2px 5px 2px 5px;
			height:16px;
			text-align:center;

		}

.errtext td {	/*Text in error box*/
			font-size:12px;
			color:darkred;
			padding:5px;
}

.errtext  img {
				width:32px;
				height:32px;
				margin:5px;
			}


.errbartext {
				color:white;
				font-weight:bold;
				font-size:12px;
				text-align:center;
				color:#FFDDDD;
				margin-left:5px;
				margin-right:5px;
			}


.closebuttonblue {
				cursor:pointer;
				color:#CCCCDD;
				font-size:16px;
				float:left;
			}

.helpbar .closebutton {
				cursor:pointer;
				color:#CCCCDD;
				font-size:16px;
				float:left;
				display:inline;
			}
.errbar .closebutton {
				cursor:pointer;
				color:#DDCCCC;
				font-size:16px;
				float:left;
			}

select.errctrl, textarea.errctrl, input.errctrl {

			/*applied to text,textarea, select with a table to indicate which caused error*/
			color:darkred;
			outline:2px solid darkred;
			outline-offset:2px;

		}

fieldset.errctrl {
		border-color:#FFAAAA;
		color:darkred;
				}



.closebutton:hover {	/*close icon*/
			color:white;
		}

.required {color:red;}

.launcherbtn {border:none;
				background-color:transparent;
				white-space:nowrap;
				color:#5A8CC8;
				font-weight:bold;
				font-family:sans-serif;
				font-size:16px;
				text-decoration:underline;}

.launcherbtn:hover {cursor:pointer;}


fieldset {border-color: #000000;
			border-radius:4px;}

fieldset.disabled {border-color:#EEEEEE;}

.disabled  {color:#888888;}

.disabled td {color:#888888;}
.disabled button {color:#888888;
					background-color:#EEEEEE;
					border-color:#EEEEEE;
				}

.disabled fieldset {border-color: #EEEEEE;}

select.disabled {background-color:#EEEEEE;}
input.disabled {background-color:#EEEEEE;}
textarea.disabled {background-color:#EEEEEE;}

.disabled img {cursor:default}

button.disabled {color:#888888;
				background-color:#EEEEEE;
				border-color:#EEEEEE;}


.tooltitle {font-size:48px;
			font-weight:bold;}

.tooltitle-small {font-size:24px;font-weight:bold;}

/*Input controls table*/
.ctrltable {
	border-style:none;

}

.ctrltable th {
				border:2px solid white;
				border-radius:8px;
				padding:3px;
				background-color:#5A8CC8;
				color:#FFFFFF;
}

.ctrltable td {border:0px none black;
				border-collapse:collapse;
				padding:5px;
				vertical-align:top;
				}

/*Table to show job history*/
.restable {width:95%;
			border-style:none;
			margin-left:auto;
			margin-right:auto;
			table-layout:fixed;}

.restable th {
				border:2px solid white;
				border-radius:8px;
				padding:3px;
				background-color:#5A8CC8;
				color:#FFFFFF;}

.restable th:hover {text-decoration:underline;
					cursor:pointer;}
.restable tr:hover {color:#5A8CC8;
					cursor:pointer;}

.restable td {border:0px none black;
				border-collapse:collapse;
				padding:5px;
				vertical-align:top;
				font-size:18px;
				}

.qtable {width:750px;
			border-style:none;
			margin-left:auto;
			margin-right:auto;
			table-layout:fixed}

.qtable th {border:2px solid white;
				border-radius:8px;
				padding:3px;
				background-color:#5A8CC8;
				color:#FFFFFF;}

.qtable td {border:0px none black;
				border-collapse:collapse;
				padding:5px 10px 5px 10px;}

.paramstable {width:100%;
			border-style:solid;
			border-width:1px;
			border-color:#EEF8FF;
			border-collapse:collapse;
			margin-left:auto;
			margin-right:auto;}

.paramstable td {padding:4px 25px 4px 10px;}

.paramstable a:link {color:#5A8CC8;}
.paramstable a:visited {color:#5A8CC8;}


/*Table to shown contents of the log files*/

.logtable {
			width:80%;
			border-style:none;
			margin-left:auto;
			margin-right:auto;
			table-layout:fixed;
			border-spacing:0px;
		}

.logtable th {
				border:2px solid white;
				border-radius:8px;
				padding:3px;
				background-color:#5A8CC8;
				color:#FFFFFF;
			}

.logtable td {
				border:0px none black;
				border-collapse:collapse;
				padding:2px 2px 2px 7px;
			}

/*Table to show results of a mysql lookup on admin pages*/

.dbtable {
			width:90%;
			border-style:none;
			margin-left:auto;
			margin-right:auto;
			/*table-layout:fixed;*/
			border-spacing:0px;
		}

.dbtable th {
				border:2px solid white;
				border-radius:8px;
				padding:3px;
				background-color:#5A8CC8;
				color:#FFFFFF;
			}

.dbtable th:hover {text-decoration:underline;
					cursor:pointer;}
.dbtable tr:hover {color:#5A8CC8;
					}


.dbtable td {
				border:0px none black;
				border-collapse:collapse;
				padding:0px 2px 0px 7px;
				/*overflow:hidden;*/
			}


.dbtable input {
					width:100%;
					height:22px;
					font-size:0.8em;

			}

div.textbox {		/*Uneditable field*/
				border:1px solid grey;
				width:97%;
				height:18px;
				padding-left:2px;
				padding-top:2px;
				font-size:0.8em;
				text-align:left;
				background-color:white;

			}

.newrow td {	/*line for adding a new table entry*/
			background-color:white;
			padding-top:20px;
		}

input[type="text"].updated {	/*highlight users edits*/
	background-color:#FFAAAA;
}

.dbtable td.updated {	/*highlight users edits*/
	background-image:url(updated.png);
	background-repeat:no-repeat;
	background-position:center;
}


.menubar	{border-width:0px 0px 0px 0px;
			border-color:#80A0C0;
			border-style:solid;
			border-collapse:collapse;
			width:100%;
			font-size:14px;
			margin:4px 0px 4px 0px;
			padding:1px;
			font-family:sans-serif;
			color:#5A8CC8;
			z-index:10;
			background-image:url('menubar.png');
			background-repeat:repeat-x;}

.menubar td {border-style:none}

.menuitem {margin:0px;
			padding:4px 5px;
			text-decoration:none;
			color:#5A8CC8;
			white-space:nowrap;
			height:100%;}


#jobslink.disabled {
	color:#AAAAAA;
	cursor:default;

}

#launchlink.disabled {
	color:#AAAAAA;
	cursor:default;

}

#jobslink.disabled:hover {cursor:default;
				color:#AAAAAA;
				background-color:#EEF8FF}

#launchlink.disabled:hover {cursor:default;
								color:#AAAAAA;
								background-color:#EEF8FF}


a.menuitem:link {color:#5A8CC8;}
a.menuitem:visited {color:#5A8CC8;}

a.menuitem:hover {cursor:pointer;
				color:#FFFFFF;
				background-color:#5A8CC8}

.submenu {position:absolute;
			z-index:15;
			visibility:hidden;
			/*display:none;*/
			padding:0px;
			padding-top:1px;
			margin:0px;
			background-color:#EEF8FF;
			border-width:0px 1px 1px 1px;
			border-style:solid;
			border-color:#80A0C0;
			box-shadow:5px 5px 5px 2px #8080A0;
			-webkit-box-shadow:5px 5px 5px 2px #8080A0;}


.submenu a {display:block;
				position:relative;
				margin:0px;
				padding:2px 5px 2px 5px;
				white-space:nowrap;
				text-decoration:none;
				text-align:left;
				color:#5A8CC8;}

.submenu button {border:none;
				font-weight:normal;
				border-width:0px;
				border-radius:0px;
				background-color:transparent;
				display:block;
				position:relative;
				margin:0px;
				padding:1px 5px 1px 5px;
				white-space:nowrap;
				text-decoration:none;
				text-align:left;
				color:#5A8CC8;
				cursor:pointer;}


.submenu a:link {color:#5A8CC8;}
.submenu a:visited {color:#5A8CC8;}

.submenu a:hover {cursor:pointer;
					color:#FFFFFF;
					background-color:#5A8CC8}
.submenu button:hover {cursor:pointer;
						color:#FFFFFF;
						background-color:#5A8CC8}


.goodnewsbox {margin-left:auto;
				margin-right:auto;
				width:50%;
				padding:10px;
				border:2px solid #008800;
				background-color:#AAFFAA;
				color:#004400;
			}

.badnewsbox {margin-left:auto;
				margin-right:auto;
				width:50%;
				padding:10px;
				border:2px solid #880000;
				border-radius:5px;
				background-color:#FFAAAA;
				color:#440000;
		}

.warningbox {margin-left:auto;
				margin-right:auto;
				width:50%;
				padding:10px;
				border:2px solid #882200;
				background-color:#FFCCAA;
				color:#440000;
		}


.nopass {color:#5A8CC8;
			font-size:0.8em;}

.nopass a:link {color:#5A8CC8;}
.nopass a:visited {color:#5A8CC8;}



div.tooltip {
			position:absolute;
			border-width:1px;
			border-style:solid;
			border-color:#5A8CC8;
			border-radius:0px 8px 8px 8px;
			padding:5px;
			margin:0px;
			margin-right:10px;
			background-color:#EEF8FF;
			display:none;
			font-size:0.7em;
			color:#5A8CC8;
			z-index:1000;
			box-shadow:5px 5px 5px 2px #8080A0;
			-webkit-box-shadow:5px 5px 5px 2px #8080A0;
			}

.tooltiplink {
				cursor:default;
				border-bottom:1px dashed blue;
			}

/*The icon that exposes nested tasks under a job name in results table*/
.dropdown {
		cursor:default;
		position:relative;
		top:2px;
		margin-right:2px;
	}

/*Entries for tasks under the job name*/
/*The entire list*/
.subjobslist {
			padding-left:10px;
		}
/*line in this table*/
.taskitem {padding:5px 10px 0px 20px;

			}

/*Iframes in results pages*/

.resultstitle {font-size:20px;
			font-weight:bold;
			margin:10px 0px 20px 0px;
			}

.resultssubtitle {font-size:18px;
			font-weight:bold;
			margin:20px 0px 20px 10px;
			text-decoration:underline;
			}

.resultsfile{
			font-size:16px;
			font-weight:bold;
			margin:10px;
			color:#5A8CC8;
			}

.framediv{
		margin:10px 10px 30px 10px;
		border: 1px none #5A8CC8;
}


.resizeable_framediv{
		margin:10px 10px 30px 10px;
		/*border: 2px inset #EEF8FF;*/
		border-bottom: 3px ridge #EEF8FF;
		}

.inlineframe {
				border-style:none;
				border-width:0px;
				width:100%;
				-moz-user-select: -moz-none;
   				-khtml-user-select: none;
   				-webkit-user-select: none;
   				-ms-user-select: none;
   				user-select: none;
   				height:350px;

			}


.frametitle {
				background-color:#5A8CC8;
				margin:10px;
				border-radius:5px;
				padding:5px;
			}

.frametitle .resultsfile{
							color:white;
							margin:0px;
						}


.tgllabel {font-size:12px;
			color:#5A8CC8;
			text-decoration:underline;
			float:right;
			margin:10px 5px 10px 0px;}

.frametitle .tgllabel {
						color:white;
						margin:0px 5px 0px 0px;
					}

span.tgllabel:hover {cursor:pointer;}
div.tgllabel:hover {cursor:pointer;}


/*link to html page on job results page*/

.resultslink{
		margin-left:5px;
	}
a.resultslink:link {color:#5A8CC8;}
a.resultslink:visited {color:#5A8CC8;}

.resultstip{
		margin-left:20px;
		font-size:16px;
		font-weight:normal;
		color:black;
	}

.progressbox {	/*outer table surrounding progress bar*/

		border-width:0px;
		border-style:none;
		table-layout:fixed;
		margin:0px;
		margin-left:15px;
		border-collapse:collapse;
		display:none;
		position:relative;
		/*top:4px;*/
		white-space:nowrap;
		overflow:hidden;

	}

.progressbox td {
			padding:0px;
			margin:0px;
			/*border-width:0px;
			border-style:none;*/
		}
.progressbox tr {
			padding:0px;
			margin:0px;
			border-width:0px;
			border-style:none;
		}


.showbar { /*inner boxes controlling how much bar visible*/
		border-width:0px;
		width:2px;
		height:12px;
		padding:0px;
		overflow:hidden;
		background-image: url(../img/progbar2.gif);
		border-radius:2px;

}


.hidebar { /*background bar containing progress bar*/

		width:200px;
		height:14px;
		background-color:#DCF0FF;
		padding:1px;

		/*border-style:none;
		border-width:0px;*/
		border:1px inset #BEBECC;
		border-radius:2px;


}

/* file upload progress bar */

p.progbar {

	display: block;
	padding: 2px 5px;
	margin: 2px 0px;
	border: 1px inset #446;
	border-radius: 5px;
	background: #eee url("/img/progress.png") 100% 0 repeat-y;

}
/*
p.success {

	background: #0c0 none 0 0 no-repeat;

}

p.failure {

	background: #c00 none 0 0 no-repeat;

}
*/

/* Modal file browser box */

.modalbox { position:fixed;
		  z-index: 1;
			border:2px outset #5A8CC8;
			border-radius:5px 5px 0px 0px;
			font-size:12px;
			width:80%;
			height: 50%;
			top:25%;
			left:10%;
			background-color:white;
}

.modlabox img {vertical-align:middle;
				float:right;}

.modalbox td {padding:10px;
				font-size:12px;}

.modalbox .topbar {background-color:#5A8CC8;
					border-radius:4px 4px 0px 0px;
					color:white;
					padding:3px;
					font-weight:600;}

.file-browser {

		background-color : white;
		height:80%;
		padding: 10px;
		border: 2px inset #888;
		font-size:0.8em;
		white-space: nowrap;


}

/*file browser */
.root-item  {

	list-style-type:none;
	padding:0px;
	margin-block-start: 0em;
	text-align:left;

}

.file-browser span {

	cursor:pointer;

}

.file-browser .file-node {


	-webkit-user-select: all;  /* Chrome all / Safari all */

 -moz-user-select: all;     /* Firefox all */
 -ms-user-select: all;      /* IE 10+ */
 user-select: all;
}

.file-browser li {
	list-style-type:none;

}

.nested-item {

	list-style-type:none;
	display:block;

}

.nested-item.hidden {

	list-style-type:none;
	display:none;

}

.file-browser {

	overflow:auto;
}

.directory-node::before {

			content: url("../img/drop_down_up.gif");
			margin-right:4px;

}

.directory-node-open::before {

	/*		-ms-transform: rotate(90deg);
			-webkit-transform: rotate(90deg);
			transform: rotate(90deg);
*/
	content: url("../img/drop_down_down.gif");
}