/* DEPRECATED ********************************************************************/

.fieldError {
	color: red;
}

.boxformbody p {
float: left;
margin: 5px 50px 5px 5px;
padding: 0px 20px 0px 0px;
}

* html #wizardbottom {height : 0.01%;}

div.wizard {
  position: relative;
  float: left;
  margin: 10px 0px 0px 20px;
	border-style: solid;
	border-width: 1px;
	border-color: #7cbd3b;
	width: 1000px;
	height: 400px;
}

div.wizardtitle {
margin: 0;
padding: 0;
border: none;
background: #7cbd3b url(../img/boxtitlebackgroundgreen.png) repeat;
}

div.wizardtitle p {
padding: 1px 10px 1px 6px;
font-size: 0.9em;
font-weight: bold;
color: #fff;
}

div.wizardbottom {
    margin: 10px 10px 10px 10px;
    position: absolute;
    bottom: 0;
    right: 0;
}

div.wizardrow {
	width: 1000px;
}

div.wizardcolumnleft {
  float: left;
	width: 472px;
	padding-top: 10px;
	padding-left: 10px;
}

div.wizardcolumnright {
  float: right;
	width: 472px;
	padding-top: 10px;
	padding-right: 10px;
}

div.helpwindow {
float: left;
margin: 0px 10px 10px 0px;
padding: 0;
}

div.helptitle {
	margin: 0;
	padding: 0;
  background: #999999 url(../img/boxtitlebackgroundgrey.png) repeat;
}

div.helptitle p {
	padding: 1px 10px 1px 6px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
}

div.boxcontent {
padding: 10px 10px 10px 10px;
}

/* HELP **********************************************************************/

tr.wizardhelptitle {
  background: #999999;
}

td.wizardhelptitle {
	padding: 0px;
}

td.wizardhelp {
	background: #f7f7f7;
}

td.wizardhelp * {
	font-size: 0.9em;
}

td.wizardhelp {
	padding: 5px;
}

td.wizardhelptitle p {
	padding: 1px 10px 1px 6px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
}

/* FORMS *********************************************************************/

form.boxform {
margin: 0;
padding: 0;
}

form.boxform fieldset {
padding: 0;
border: none;
}


label {
  display: block;
}

form.boxform label {
  display: block;
}

form.boxform input {
}

table.boxform {
border: solid 1px lightgrey;
}

tr.boxformtitle {
background: lightgrey;
}

td.boxformtitle * {
font-weight: bold;
}

/*
 sets the width of style located in
 emp-bureau-web\src\main\webapp\js\dojo\src\widget\templates\DatePicker.css
 to stop the popup date picker appearing to crampt.
*/
.calendarContainer {
width: 150px;
}

form.boxform select {
margin: 0;
padding: 0;
}

form.boxform input.button {
background: url(../img/buttongrad.gif) repeat-x;
border: 1px outset;
cursor: pointer;
font-size: 0.95em;
float: right;
}

form.boxform br {
clear: left;
}

table.formtable {
	margin: auto;
}

/* GENERAL *******************************************************************/

a {text-decoration: underline; color: #333; }
a:link {text-decoration: underline; color: #333; }
a:hover {text-decoration: none; color: #333;}
a:visited {text-decoration: underline; color: #333; }

table.boxtable {
margin: 5px 0px 0px 0px;
padding: 0;
font-size: 0.9em;
border: solid 1px #e2e2e2;
}

table.boxtable b {
color: #7cbd3b;
font-size: 1.5em;
}

table.boxtable td {
padding: 2px 4px 2px 5px;
}

table.boxtable th {
padding: 2px 4px 2px 5px;
background: #e2e2e2;
}

table.boxtable tr.gttop {
background: none;
}

table.boxtable tr.gton {
background: #eaeaea;
}

table.boxtable tr.gton tr.alt{
background: white;
}

table.boxtable tr.gtoff {
background: none;
}

table.boxtable tr.gtoff tr.alt {
background: #eaeaea;
}

table.boxtable tr.alt {
background: #eaeaea;
}

table.boxtable td.center {
text-align:center;
}

ul.blocklist {
margin: 0px 0px 0px 0px;
padding: 0;
font-size: 0.9em;
}

ul.blocklist li {
margin: 0px 0px 1px 0px;
list-style-type: none;
border: 1px solid white;
}

ul.blocklist li a {
padding: 5px 5px 5px 5px;
background: #eeeeee;
font-weight: normal;
text-decoration: none;
display: block;
color: #333;
}

ul.blocklist li a:hover {
background: #ccc;
text-decoration: underline;
color: #333;
}

ul.blocklist li a:visited {
text-decoration: none;
}

ul.blocklist li b {
margin: 0;
padding: 0px 4px 0px 0px;
}

table.content {
  border-collapse:collapse;
  padding: 0px;
	margin: 0px;
	background: #fff url(../img/contentdrop.gif) repeat-x;
}

td.content {
	vertical-align: top;
	padding-left: 10px;
	padding-top: 10px;
}

table.layout {
  border-collapse:collapse;
  margin: 0px;
	padding: 0px;
}

tr.layout {
	vertical-align: top;
}

td.layout {
	padding: 0px;
}

.leftpanel {
  width: 240px;
  padding: 0px;
}

h2.indexleftcol {
	margin: 15px 10px 10px 0px;
	padding: 0px 0px 0px 10px;
	border-bottom: 1px solid #333;
	width: 200px;
}

p.indexleftcol {
	margin: 0;
	padding: 10px 10px 10px 30px;
}

p.footer {
	background: url(../img/footerdrop.gif) repeat-x;
	width: 100%;
	margin: 60px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	float: left;
	font-size: 0.9em;
	text-align:center;
}

/* BOX ***********************************************************************/

table.box {
  margin-bottom: 10px;
  padding: 0px;
  border-collapse:	collapse;
	width: 400px;
}

table.one {
	border: solid 1px #195899;
}

table.two {
	border: solid 1px #b73f1f;
}

table.three {
	border: solid 1px #16821b;
}

table.four {
	border: solid 1px #a6631c;
}

table.five {
	border: solid 1px #5a5a5a;
}

table.picture {
	background: white;
}

table.text {
	background: #f7f7f7;
}

tr.boxtitle {
	margin: 0;
	padding: 0;
}

tr.one {
	background: url(../img/box-one-background.gif) repeat-x;
}

tr.two {
	background: url(../img/box-two-background.gif) repeat-x;
}

tr.three {
	background: url(../img/box-three-background.gif) repeat-x;
}

tr.four {
	background: url(../img/box-four-background.gif) repeat-x;
}

tr.five {
	background: url(../img/box-five-background.gif) repeat-x;
}

td.boxtitle {
	padding: 0;
}

tr.boxtitle p {
	padding: 1px 10px 1px 6px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
}

td.boxcontent {
padding: 5px 5px 5px 5px;
}

/* WIZARD ********************************************************************/

table.wizard {
  margin-bottom: 10px;
  padding: 0px;
  border-collapse:	collapse;
	background: white;
	width: 400px;
}

tr.wizardtitle {
	margin: 0px;
	padding: 0px;
	border: none;
	background: #7cbd3b url(../img/boxtitlebackgroundgreen.png) repeat;
}

td.wizardtitle {
	padding: 0;
}

tr.wizardtitle p {
	padding: 1px 10px 1px 6px;
	font-size: 0.9em;
	font-weight: bold;
	color: #fff;
}

table.wizardbuttons {
  border-collapse:collapse;
	width: 100%;
	background: #f7f7f7;
}

table.wizardbuttons td {
	padding: 5px;
}

tr.wizardcontent {
	background: #fff url(../img/contentdrop.gif) repeat-x;
}

td.wizardcontent {
	padding-top: 10px;
	vertical-align: top;
}

/* ADDRESS ********************************************************************/

.GOLD {
	font-weight: bold;
}

.SILVER {

}

/* BUTTONS ********************************************************************/

input.centerbutton,
input.generalbutton {
	background: url(../img/buttongrad.gif) repeat-x;
	border: 1px outset;
	cursor: pointer;
	font-size: 0.9em;
}

input.centerbutton {
	text-align: center;
}

/* LOADER *********************************************************************/

.loaderimage {
	margin-top: 5px;
	margin-left: 2px;
}

/* TRAIL **********************************************************************/

table.trailmenu {
	width: 100%;
	background: white;
	padding: 0px;
	margin-bottom: 2px;
	border: solid 1px lightgrey;
}

table.trailmenu td {
	font-size: 0.9em;
}

/* LOGIN *********************************************************************/

td.login p {
}

td.login input {
}

td.login input[type="submit"] {
}

td.login {
}

table.login {
	margin-top: 20px;
	margin-left: 350px;
}

.loginimage {
	background: url(../img/face.jpg) no-repeat;
}

/* JQUERY ***/

.ui-button { margin-left: -1px; margin-top:-3px; }
.ui-autocomplete-input { margin-bottom: 10px; padding: 0.2em 0.2em 0.2em 0.6em; }

.correspondent_selection {
  width: 100%;
}

.correspondent_selection .ui-autocomplete-input {
  width: 550px;
}