body
{
	font: 10pt Verdana;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 20px;
	margin-bottom: 20px;
}

h1
{
  font-size: 20pt;
  text-align: center;
}

h2
{
  font-size: 14pt;
}

h3
{
  font-size: 12pt;
}

table
{
  font: 10pt Verdana;
}

input.buttons
{
	width: 150px;
}

div.buttons
{
  margin-left: 50px;
  margin-top: 20px;
}

img
{
  border: 0px;
}

a
{
  color: blue;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

#document
{
  position: absolute;
  top: 200px;
}

#space
{
  height: 130px;
}

#messageOk
{
  background-color: lightgreen;
  border: thin solid green;
  text-align: center;
  text-align: center;
  width: 50%;
  padding: 20px;
  margin-left: 25%;
  margin-top: 10px;
  margin-bottom: 20px;
}

#messageError
{
  background-color: lightsalmon;
  border: thin solid red;
  text-align: center;
  text-align: center;
  width: 50%;
  padding: 20px;
  margin-left: 25%;
  margin-top: 10px;
  margin-bottom: 20px;
}

#ajaxOk
{
  background-color: lightgreen;
  border: thin solid green;
}

#ajaxError
{
  background-color: lightsalmon;
  border: thin solid red;
}

.ajaxMessages
{
  position: absolute;
  text-align: center;
  width: 50%;
  padding: 20px;  
}

/*---------------------------- login --------------------------------- */
#login input.field
{
  width: 150px;
}


/* ------------------------ navigation --------------------------------- */
#navigation
{
  padding: 30px;
  text-align: center;
  border: 1px solid blue;
  background: lightblue;
  left: 30%;
  top: 80px;
  width: 40%;
  position: absolute;
}

/* ---------------------------- list ---------------------------------- */
#list #new
{
  text-align: center;
}

#list table.list
{
  font-size: 8pt;
	border: 2px solid blue;
	border-collapse: collapse;
	width: 100%;
}

#list table.list thead
{
  font-weight: bold;
  text-align: center;
  border: 1px solid blue;
}

#list table.list tr.leave
{
  color: gray;
}

#list table.list td
{
  padding-left: 10px;
  padding-right: 10px;
  border: 1px dotted blue;
}


/* ---------------------------- detail -------------------------------- */
#detail #refresh
{
  text-align: center;
}

#detail #left
{
  color: #FF0000;
}

#detail input.field
{
  width: 90%;
}

#detail td.type
{
  width: 150px;
}

#detail td
{
  width: 400px;
}

#detail table.details
{
  width: 100%;
}

#detail table.address
{
  border: 1px solid black;
  width: 55%;
  border-collapse: collapse;
}

#detail table.address thead
{
  font-weight: bold;
}

#detail table.address td
{
  border: 1px dotted black;
  padding-left: 10px;
}

#detail table.address td.id
{
  width: 10px;
  padding-left: 0px;
  text-align: center;
}

#detail table.address td.actions
{
  width: 10px;
  text-align: center;
  padding-left: 0px;
}

#detail option.selected
{
  font-weight: bold;
}

#detail textarea
{
	height: 100px;
	width: 500px;
}

#detail select
{
	width: 500px;
}

#detail td.field
{
  text-align: right;
}

#detail textarea
{
  width: 55%;
}

#detail #cancel
{
  margin-left: 0px;
}

#detail .legend
{
  margin-top: 10px;
  margin-left: 10px;
}

/* ------------------------ edit --------------------------- */

#detail .edit
{
  border: thin solid blue;
  background-color: lightblue;
  padding: 20px;
  position: absolute;
  left: 57%;
  width: 35%;
}

#detail .edit h4
{
  text-align: center;
  font-size: 10pt;
}

#detail .edit table
{
  border: 1px;
  width: 100%;
}

#detail .edit td
{
  padding-bottom: 10px;
}

#detail .edit td.type
{
  width: 10px;
}

#detail .edit select
{
  width: 450px;
}

#detail .edit input.buttons
{
  width: 100px;
}

#detail .edit input.field
{
  /*width: 200px;*/
  width: 100%;
}

#detail .edit textarea
{
  width: 100%;
  height: 60px;
  font: 8pt Verdana;
}

/* --------------------- options ----------------- */

#options table.view td
{
  width: 250px;
}

#options input.field
{
  width: 200px;
}

#options input.smallNumField
{
  width: 40px;
  text-align: right;
}

#options input.buttons
{
  margin-top: 20px;
	margin-left: 120px;
}

/* --------------------- leave ------------------- */

#leave table.details
{
  width: 500px;
}

#leave td.type
{
  width: 150px;
}

#leave input.field
{
  width: 100%;
}

#leave textarea
{
  width: 100%;
  height: 100px;
}

/* --------------------- export ----------------- */

#export table.mail td
{
  padding-right: 40px;
}

#export table.projection
{
  margin-bottom: 20px;
}

#export table.projection td
{
  width: 180px;
}

#export table.selection td
{
  width: 250px;
}

#export input.buttons
{
  margin-top: 20px;
	margin-left: 120px;
}

/* --------------------- csvhowto ----------------- */

#csvhowto h2
{
  text-align: center;
}

#csvhowto p
{
  text-align: justify;
}

/* --------------------- statistics ----------------- */

#statistics table
{
  border: 1px solid blue;
  border-collapse: collapse;
}

#statistics table td
{
  border: 1px dotted blue;
  padding-left: 10px;
}

#statistics td.desc
{
  width: 300px;
}

#statistics td.content
{
  width: 150px;
  text-align: right;
  padding-right: 10px;
}