﻿/* CSS Document */

html {
	overflow: auto;							/* no vertical gaps for unnecessary scrollbars */
}

body {
	overflow: auto; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;	
	margin-left: 0px;
	margin-right: 0px;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

#jobList {
	padding-left: 3px;
	padding-right: 3px;
}

tr {}
#over {
	border: 1px solid #000;
}
#out {
	border: 1px solid #FFF;
}

#temp { background-color: #ccc; }

a {
	color: #330066;
	text-decoration: none;
}

a:hover {
	color: #99CC00;
	text-decoration: none;
}

.myh1 {
	font-size: 20px;
	font-weight: bolder;
	font-family: Courier New, Courier, mono;
	text-align: center;



}

.form_label {
	font-weight: bold;
}

.subtext {
	font-size: 9px;
}

.bgcolour_h1 {
	background-color: #EEF0BF;
}

.bgcolour_lt_purpl
{
    background-color: #F2EAF5;
}

.errorcolour {
	color: #FF0000;
	font-weight: bold;

}

.tableborder1 {
	border: 1px solid #000000;
	background-color: #EEF0BF;
}

form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;		
}

input { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #F2EAF5; 
	border: 1px solid #000;  
	color: black; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding: 1px;
	font-size: 11px;
	height: 20px;
}

textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #F2EAF5; 
	border: 1px solid #330066; 
	color: black; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding: 0px;
	font-size: 11px;
	overflow: auto;
}

select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #F2EAF5; 
	border: 1px solid #330066; 
	color: black; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding: 0px;
	font-size: 11px;
/*	height: 20px; */
}

table.jobList a { 
width:200px; 
border:1px solid #fff; 
display: block; 
} 

div.jobList a {

	background: #ffffff; 
	text-decoration:none; 
	font-size:11px; 
	line-height:12px; 
	font-family: Tahoma, verdana, sans-serif;
	padding: 0px 2px;
}

div.jobList a:link {
color: #333333; 
background: #cccc99; 
}

div.jobList a:hover {


border:1px solid #EEF0BF; 
}


#leftPanel 
{
	display: inline;
	width: 100px;
	height: 200px;
	border: 1px solid #000;
	margin: 5px;
	padding: 2px;
	vertical-align: top;
}

#rightPanel 
{
	display: inline;
	width: 700px;
	height: 400px;
	border: 1px solid #000;
	margin: 5px;
	padding: 2px;
	vertical-align: top;
}

#panelTitle 
{
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
}


#orButton 
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background: #CCCCCC; 
	border: 1px solid #000;  
	color: #000; 
	font-size: 8pt;
	height: 20px;
	margin: 0px;
	padding: 2px;
}

#copier_titleRow {
	color: #999; 
	margin-bottom: 5px;
}

#copier_dataRow
{
	border-top: 1px solid #000;
	margin-top: 10px;
	margin-bottom: 10px;
	vertical-align:middle;
}

#copier_buttonRow {
	text-align: center;
}

#copier_col1
{
	display: inline;
	width: 350px;
	margin-right: 15px;
}

#copier_col2 {
	display: inline;
	width: 100px;  
	margin-right: 15px; 

}

#copier_col3 {
	display: inline;
	width: 100px;  
	margin-right: 15px; 

}

#processMessage {
	text-align: center;
	color: #FF0000;
	font-weight: bold;
	margin: 5px;
}

.note,
.notes,
.dimmed {
	font-size: 84%;
	color: #999;
	font-weight:normal;
}
