.field a, #field a, #header_bar a {
  background: rgba(0, 0, 0, 0) linear-gradient(#ffffff, #c8c8c8) repeat scroll 0 0;
  border: 1px solid;
  border-radius: 3px;
  color: black;
  padding: 1px 5px;
  text-decoration: none;
}	
.button-right {float:right;}
a#closewindow {
  background: rgba(0, 0, 0, 0) linear-gradient(red, darkred) repeat scroll 0 0;
  border: 1px solid darkred;
  border-radius: 5px;
  color: white;
  float: right;
  font-size: 1.1em;
  font-weight: bolder;
  padding: 0 5px;
  text-decoration: none;
}
#header_bar a{font-weight: bolder; color: black;}
#access a {  text-decoration: none;}
#access {
  float: right;
  font-size: 0.8em;
  padding-right: 5px;
}
#customerinfo ul {
  padding: 0;
}
#joblisting ul {
  list-style: inside none none;
  margin: 0;
  padding: 0;
}
form input, form select {
  font-size: 1em;
}

body {font-family: Helvetica; font-size: 1em; margin: 0; padding: 0;}
.in-box{display:inline;font-size:1.2em;padding:2px;white-space:nowrap;}
.in-box input, .in-box select{font-size:1.2em;}
input{margin:3px;}
.action-button {
  overflow: hidden;
  white-space: nowrap;
  width: 30%;
}
#header_bar {background-color: lightgreen; display: inline-block; font-size: 1.3em; width: 100%;}
#header_bar h1 {}
#header_bar h1, #header_bar h2 {display: inline-block; font-size: 1em; margin: 0 5px;}
#header_bar h2 {float: right; font-size: 0.8em;}
#results{margin:0;}
#select-dir {display: inline-block; font-size: 0.6em;}
#select-image {}
#select-image .box {display: inline-block;}
#select-image .box{}
#select-image .box input, #select-image .box select {
  background-color: scrollbar;
}
#select-image .box select{}

input, select, button{border-radius: 5px;}

#results {
  border: 1px solid green;
  border-radius: 5px;
  margin: 2px 6px;
  padding: 4px;
  list-style: none;
}

#footer {
  background: aquamarine none repeat scroll 0 0;
  margin: 10px 0;
  opacity: 0.5;
  padding: 4px;
  text-align: center;
  font-size: 0.7em;
}
#footer:hover {opacity:1;}
#footer a {color: currentcolor; text-decoration: none;}
#footer a:hover {color: red;}
#footer .left {float: left;display:inline-block;}
#footer .center {display: inline-block;}
#footer .right {float: right;display:inline-block;}
#footer .version {
  background-color:pink;
  bottom:5px;
  position:fixed;
}
#footer .version:hover{font-size: 1.5em;}


@media all and ( max-width: 490px ) {
	input, select, button{padding:5px;}
}

/*  from adminmenu */
P {padding:0;margin:0;}
.field-update {
  margin-bottom: 1em;
}
.field-input {
  background-color: #d0d0d0;
  font-size: 1.3em;
  line-height: 1.5em;
  min-width: 400px;
  width: 99%;
}
.hidden-field { background-color: #DDDDDD; opacity: 0.5; }
.pages {font-size:1.2em;}
.pages li {
  border-radius: 3px;
  line-height: 1.8em;
  list-style: outside none none;
  margin: 2px;
}
.pages a {
  background-color: #cccccc;
  border: 1px solid gray;
  border-radius: 4px;
  padding: 4px;
  text-decoration: none;
  text-decoration: initial;
  text-transform: capitalize;
}

#admintools {
  background-color: lightblue;
  font-size: 1.2em;
  list-style: outside none none;
  margin: 4px 0;
  padding: 4px 0;
}
#admintools li {
  border-right: 1px solid gray;
  display: inline-block;
  padding: 1px 8px;
}
#admintools li a {
  border: 1px solid gray;
  border-radius: 2px;
  background-color: lightgray;
  padding: 2px;
  box-shadow: 0px 1px 2px #888888;
  text-decoration: none;
  color: black;
}
#admintools input[type="submit"]:hover { background-color:rgba(120, 220, 120, 1); }
#admintools input[type="submit"] {
  background-color:rgba(120, 220, 120, 0.65);
  padding:10px;
}
#admintools input[type="submit"].fixed {
  bottom:30px;
  position:fixed;
  right:30px;
  z-index:1000;
}
#access {font-size:1.0em;}
</style>