@charset "utf-8";
/* --------- always show mozilla scrollbar --------- */
html {overflow-y: scroll;}



/* --------- Layout --------- */
.content_td {
	padding-bottom:50px;
}


/* --------- Headings --------- */
h1,h2,h3,h4,h5,h6 {

}
/* don't use h1, used for infobox heads */
h1 {
	font-size: 24px;
	margin-bottom:10px;
}
h2 {
	font-size: 20px;
}
h3 {
	font-size: 18px;
	margin-bottom:15px;
}

/* --------- Message boxes --------- */
.info_text {
	color:red;
	display:block;
	background-color:#F5F5F5;
	padding:10px;
}
.info_text_normal {
	display:block;
	background-color:#F5F5F5;
	padding:10px;
}
.error_text {
	color:red;
	display:block;
	border:1px solid red;
	background-color:#EEEEEE;
	padding:20px;
	font-size:16px;
}
.debug_text {
	background-color:#EEEEEE;
}


/* --------- List-Tables Styles --------- */
.selecttable {
	border-collapse:collapse;
	width:100%;
}
.selecttable td {
padding:3px;
}
.selectable_row {
	cursor:pointer;
}
.selectable_row:hover {
	background-color:#EEEEEE;
}
.listtable_row:hover {
	background-color:#EEEEEE;
}
.total_table_row td{
	border-top:1px solid gray;
	border-bottom:1px double gray;
	font-weight:bold;
	font-style:italic;
}
thead, tr.thead{
	font-weight:bold;
	background-color:#F5F5F5;
}
thead td{
	border-bottom:1px solid gray;
}

/* --------- Content-Tables Styles --------- */
.contenttable {
	border-collapse:collapse;
}
.contenttable td{
	padding:2px;
	margin:1px;
	border:0;
}
.contenttable select{
	width: 100%;
}

/* --------- Link Styles --------- */


/* --------- Navigation Link Styles --------- */
.navlink {
	font-weight:bold;
	display:inline;
	width:80px;
	background-repeat:no-repeat;
	background-position:0 50%;
	padding-left:18px;
}
.back {
	background-image:url(/images/arrow_back.png);
	padding-left:18px;
}
.forward {
	background-image:url(/images/arrow_forward.png);
	padding-left:15px;
}
.delete {
	background-image:url(/images/delete.gif);
	margin:0px;
}
.edit {
	/*background-image:url(/images/edit.gif);*/
	padding-left:0;
}
.details {
	background-image:url(/images/details.gif);
}
.add {
	background-image:url(/images/add-file.png);
}
.excel {
	background-image:url(/images/filetypes/xls.png);
}


/* --------- Main Page Button display --------- */
.controlpanel_left {
	float:left;
	width:70%
}
.controlpanel_right {
	float:right;
	width:30%;
}

.controlpanel_right .infobox h1  { width:90%; }
.controlpanel_right div.infocontent { width:90%; }

.controlpanel_left a{
	display:block;
	float:left;
	height:190px;
	width:155px;
	margin-right:10px;
	text-align:center;
	text-decoration:none;
	color:#000000;
}
.controlpanel_left img{
	display:block;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:26px;
}
.controlpanel_left a:hover{
	color:#666666;
}


/* --------- boxes with head --------- */
div .infobox {
	margin-bottom:50px;
	padding-bottom:20px;
}
.infobox h1  {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	padding-left:10px;
	padding-right:10px;
	padding-top:10px;
	float:left;
	height:24px;
	width:100%;
	font-size:22px;
	border: 1px solid #D5D5D5;
	border-bottom:none;
}
.infobox .infocontent {
	border: 1px solid #D5D5D5;
	border-top:none;
	padding:10px;
	padding-top:20px;
	width:100%;
	float:left;
	margin-bottom:20px;
	overflow-x: auto;
}
.infocontent {
overflow: hidden;
}


/* --------- Formvalidating Styles --------- */

.fieldset {
	padding: 1em;
	margin-bottom: 0.5em;
}

input.required, textarea.required {
	border: 1px solid #ffbf2b;
}

input.validation-failed, textarea.validation-failed {
	border: 1px solid #FF3300;
	color: #FF3300;
}

input.validation-passed, textarea.validation-passed {
	border: 1px solid #00CC00;
	color: #000;
}

.validation-advice {
	margin: 0 5px 0 0;
	padding: 2px;
	background-color: #FF3300;
	color: #fff;
	font-weight: bold;
	font-size:12px;
}

.custom-advice {
	margin: 5px 0;
	padding: 5px;
	background-color: #c8aa00;
	color: #fff;
	font-weight:bold;
	font-size:12px;
}

.form-row{
	clear:both;
	padding: 0.5em;
}
.field-label{

}

/* --------- Autocompleter DIV --------- */

div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.autocomplete ul li.selected { background-color: #ffb946;}
div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:4px;
  height:40px;
  cursor:pointer;
  border-bottom:1px solid gray;
  line-height:100%;
}


div#main {
	margin:0;
	border:none;
	padding-bottom:20px;
	padding:0;
	padding-right:20px;
}


#main input[type="submit"] {
	padding: 0px 10px 0px 10px;
	width:auto;
	float:none;
}

#main #job_comment_internal {
		height:150px;
		padding:5px;
}