/*
  algemeen
*/

*{
  font-size:11px;
  font-family:Verdana;
  color:#333;
}

.print{ display:none; }


/*
  body
*/
html, body{
  margin:0; padding:0;
  
  overflow-x:hidden;
  -moz-overflow-x:hidden;
}


/*
  application
*/
#application{
  width:730px;
  
  margin:0 auto;
  
  position:relative;
}

#inner{
	<overflow:auto;
	<width:68em;
	<height:35em;
}


/*

*/
.inBodyPopup{
  display:block;
  position:absolute;
  
  border:2px solid #0064ae;
  padding:2px;
  background-color:white;
}


/*
  tabbed
*/
ul.tabnavigation{
  list-style:none;
  margin:0; padding:0;
  
  border-left:1px solid #0064ae;
  overflow:auto;
  _height:1%;
}

ul.tabnavigation li{
  float:left;
  
  _position:relative;
  
  padding:6px 12px;

  text-align:center;
 
  border-top:1px solid #0064ae;
  border-right:1px solid #0064ae;
  border-bottom:1px solid #0064ae;

  background-color:#eee;
}

ul.tabnavigation li.active{
  background-color:white;
  border-bottom:1px solid white;
}

ul.tabnavigation li em{ font-style:normal; font-weight:bold; }
ul.tabnavigation li a em{ font-style:normal; font-weight:normal; }
ul.tabnavigation li a{ text-decoration:none; }
ul.tabnavigation li a:hover{ text-decoration:underline; }

/*
  tabs
*/
.isTab{
  display:none;

  padding:0; margin:0; 
  padding:10px;

  margin-top:-1px;
  margin-bottom:10px;

  border:1px solid #0064ae;
}


/*
  header
*/
h1{
  padding:0; margin:0;
  position:relative;
}

/*
  table
*/
table{
  clear:both;
  
  width:730px;
  border-collapse:collapse;
  border-spacing:0;
}

table caption{
  text-align:left;
  font-size:0.8em;
  font-weight:normal;
  color:#666;
}

table thead{}
table thead tr{<position:relative;}

table thead tr th{
  padding:4px 2px;
  color:white;
  vertical-align:top;
  font-weight:normal;
  background-color:#0064ae;
  
  cursor:pointer;
}

table thead tr th.scroll{
	width:12px;
	<width:0px;
}

table thead tr th img.sort-arrow {
  width:11px;
  height:11px;
  background-position:center center;
  background-repeat:no-repeat;
  margin:0 2px;
}

table thead tr th img.descending {
  background-image: url(../data/downsimple.gif);
}

table thead tr th img.ascending {
  background-image: url(../data/upsimple.gif);
}

table thead tr th abbr{ color:white; }

table tbody{ 
	overflow:auto; 
	height:28em;
}

table tbody tr{ <height:1em; }
table tbody tr.show{ display:table-row; _display:block; }
table tbody tr.hide{ display:none; }
table tbody tr:first-child td{ <border-top:0px solid white; }


table tbody tr.odd{
  background-color:#eee;
}

table tbody tr:hover td{
  background-color:#28b4e4;
}

table tbody tr:hover td{
  color:white;
}

table tbody tr td:first-child{
  border-left:1px solid #ddd;
}

table tbody tr td{
  border-right:1px solid #ddd;
  padding:4px 2px;
  text-align:center;
  cursor:pointer;
}


/*
  form
*/
form{
  padding:0; margin:0; border:0;
  
  display:block;
  height:60px;
  padding:5px;
  margin:5px;
  border:1px solid #0064ae;
  
  /*background-color:#eee;*/
}

/*form:hover{
  background-color:#ddd;
}*/

form fieldset{
  border:0;padding:0;margin:0;
}

form fieldset legend{
  position:relative;
  left:-4px;
  margin-left:-4px;
  font-weight:bold;
  margin-bottom:8px;
}

form fieldset legend span.description{
  font-size:0.8em;
  font-weight:normal;
  color:#666;
}

form fieldset label{
  float:left;
  width:200px;
}

form fieldset label span{
  display:block;
  margin-bottom:2px;
}

form fieldset label input{
  border:1px solid #ccc;
  padding-left:5px;
  padding-bottom:2px;
  padding-top:2px;
  width:180px;
}

form fieldset label input:focus{
  border-left:4px solid #0064ae;
  padding-left:2px;
}

form fieldset button{
  margin-top:15px;
  margin-right:20px; 
  
  color:#0064ae;
  
  border:0; padding:0;
  background:none;
  
  cursor:pointer;
}

form fieldset button[type=button]{
 
}

form fieldset button:hover{ 
  text-decoration:underline; 
}