html, body, h1, h2, h3, p, form, fieldset, legend, ul, li, table, tr, th, td { margin: 0; padding: 0; }

html { background: #fff url(img/back.png) repeat-y top center; }

body { width: 787px; height: 1000px; margin: 0 auto; padding: 0 0 0 237px; position: relative; font-size: 62.5%; background: transparent url(img/body.png) no-repeat 100% 0; color: #005696; font-family: Verdana, sans-serif; behavior:url(_css/csshover.htc); }

h1 { height: 68px; text-indent: -9999em; background: transparent url(img/top-beheer.png) no-repeat 299px 20px; }
.manager h1 { background-image: url(img/top-manager.png); }
h2, legend { font-size: 1.4em; font-weight: bold; line-height: 1.5; }
 h2 em, legend em { font-style: normal; color: #d31145; }
h3 { background: #e8f3fe url(img/line.png) repeat-x 0 0; margin: 10px 24px 10px -50px; padding: 6px 0 6px 50px; font-size: 1.1em; }
h4 { color: #005696; font-weight: normal; font-size: 1.1em; margin: 20px 0 0 0; }

img { border: none; }

a { text-decoration: underline; color: #000; }
a:hover { text-decoration: none; color: #d31145; }

a.done { color: #a5b6c7; }

table { border-collapse: collapse; width: 100%; font-size: 1.1em; margin: 10px 0; }
 table tbody tr { background: #e8f3fe url(img/line.png) repeat-x 0 0; }
 table tbody tr.odd { background: #fff; }
 table tbody tr:hover { background: #ebafc0; }
  table th, table td { padding: 7px 10px; }
  table tbody th { width: 52px; text-align: right; border-right: 1px solid #fff; padding-right: 20px; padding-left: 5px; }
  table tr.odd th { border-right: 1px solid #f1f9ff; }
  
input { }
 input.text, textarea, select, option { background: #e8f3fe url(img/line.png) repeat-x 0 0; border: 1px solid #8bbade; padding: 6px 10px; width: 277px; font-size: 1.1em; color: #005696; font-family: Verdana, sans-serif; }
 input.textsmall { background: #e8f3fe url(img/line.png) repeat-x 0 0; border: 1px solid #8bbade; padding: 6px 10px; width: 75px; font-size: 1.1em; color: #005696; font-family: Verdana, sans-serif; }
 input.textsmalldate { background: #e8f3fe url(img/line.png) repeat-x 0 0; border: 1px solid #8bbade; padding: 3px 2px; width: 75px; font-size: 1.1em; color: #005696; font-family: Verdana, sans-serif; }
 select, option { padding: 0; width: 299px; }
 option { border: none; width: auto; background: none; font-size: 1em; }
 textarea { height: 188px; background: #e8f3fe url(img/textarea.png) repeat-x 0 0; }
 input.large { width: 377px; }

small { color: #d31145; font-weight: bold; font-size: 80%; }

form { margin: 53px 0 0 64px; }

fieldset { border: none; margin: 0 24px 0 0; }
 fieldset p { padding: 6px 0 7px 0; position: relative; }
  fieldset p label { font-size: 1.1em; display: block; padding: 7px 0; }
  fieldset label.superfluous { left: -9999em; }

fieldset.submit { margin: 40px 24px 0 -50px; padding-left: 50px; background: transparent url(img/line.png) repeat-x 0 0; }
 fieldset.submit p { padding: 2px 0; overflow: hidden; }
  fieldset.submit p input { float: left; margin: 0 4px 0 0; cursor: pointer; }
  fieldset.submit p a { float: left; margin: 0 4px 0 0; }
 p.submit input, .image { cursor: pointer; }

div.mainnew { margin: 10px 0px 0 14px; }
  div.mainnew h2 { padding-left: 49px; margin: 0 0 40px 0; }
div.main { margin: 53px 24px 0 14px; }
 div.main h2 { padding-left: 49px; margin: 0 0 40px 0; }

div.extra { overflow: hidden; border-top: 1px solid #d9efff; margin: 20px 24px 0 -50px; padding: 0 0 0 50px; }
 div.extra div div { float: left; }
 form.approval fieldset.submit, div.extra fieldset.submit { margin-right: 0; }

div.text p { font-size: 1.1em; color: #000; line-height: 1.8em; margin: 20px 0; width: 600px; }

div.split { overflow: hidden; margin: 23px 0 0 14px; }
 div.split div { float: left; width: 368px; }
  div.split div h2 { padding-left: 49px; padding-top: 30px; }
 div.split div div { float: none; width: auto; }
 div.split div.text { padding: 40px 0 0 80px; width: 200px; }
  div.split div.text p { width: auto; }

div.thanks { margin: 0 0 0 59px; }
 div.thanks p { margin: 40px 0; color: #000; font-size: 1.1em; }

.js fieldset p label { position: absolute; padding: 7px 11px; }

table.listing { margin-top: 10px; color: #000; }
 table.listing tr { }
  table.listing thead th { text-align: left; padding-bottom: 15px; color: #005696; }
  table.listing thead th { text-align: left; padding-bottom: 15px; color: #005696; }
  
  table.listing thead th.title { padding-left: 49px; }
  table.listing tbody th { font-weight: normal; text-align: left; padding-left: 49px; width: 295px; }
  table.listing tbody td { padding: 5px 10px; }
  table.listing tbody td.info { width: 15px; text-align: center; z-index:1000;  border-right: 1px solid #fff; }
   table.listing tbody td.info img { cursor: help; }
   table.listing tbody td.info div.info { position: relative; z-index:999; }
   table.listing tbody td.info div.pop { display: none; position: absolute; top: -10px; left: 35px; color: #000; font-size: 10px; text-align: left; width: 213px; z-index: 998;}
    table.listing tbody td.info div.pop div.top { background: transparent url(img/tooltip-top.png) no-repeat 0 0; height: 31px;  padding: 0 40px; z-index: 997; }
    table.listing tbody td.info div.pop div.bottom { background: transparent url(img/tooltip-bottom.png) no-repeat 100% 100%; padding: 0 40px 35px 40px; z-index: 996; }
   table.listing tbody td.info div.popped { display: block; z-index: 995;}
  table.listing tbody tr.odd td.info { border-right: 1px solid #f1f9ff; z-index: 994;}
  table.listing tbody tr:hover { background: #ebafc0; }
  table.listing tbody td.mail { width: 14em;  border-right: 1px solid #fff;}
  table.listing tbody tr.odd td.mail { border-right: 1px solid #f1f9ff; }

table.listing-2 { }
 table.listing-2 thead th a.selected { padding: 0 12px 3px 0; background: transparent url(img/th-selected.png) no-repeat 100% 50%; }
   table.listing-2 thead th.title { padding-left: 10px; }
   table.listing-2 thead th.jcontroletitle { padding-left: 10px; width: 210px; }
  table.listing-2 tbody th.title { width: auto; padding-left: 10px; }
  table.listing-2 tbody td.jcontroleversuurnu { width: 80px; padding-left: 10px; padding-right: 10px; text-align: center; }
  table.listing-2 tbody th.jcontroletitle { width: 120px; padding-left: 10px; }
  table.listing-2 tbody td.jcontroleumc { width: 96px; padding-left: 10px; padding-right: 10px; }
  table.listing-2 tbody td.jcontrolevervaldatum{width: 111px; padding-left: 10px; padding-right: 10px; z-index:2;}
  table.listing-2 tbody td.jcontroletermijn{width: 50px; padding-left: 10px; padding-right: 10px; z-index:1;}
  table.listing-2 tbody th.number { padding-left: 5px; text-align: left; max-width: 20px; padding-right: 5px; color: #005696; }
  table.listing-2 tbody th.jcontrolenumber { padding-left: 5px; text-align: left; max-width: 20px; padding-right: 5px; color: #005696; }
  table.listing-2 tbody th, table.listing-2 tbody td { border-right: 1px solid #fff; }
  table.listing-2 tbody tr.odd th, table.listing-2 tbody tr.odd td { border-right: 1px solid #f1f9ff; }
   table.listing-2 tbody tr td.last { border-right: none; padding: 0; width: 45px; }
   table.listing-2 tbody tr td.jcontrolelast { border-right: none; padding: 0; width: 0px; } 
  
table.listing-3 { margin-top: -30px; background: #fff url(img/umcs.png) no-repeat 100% 0; }
 table.listing-3 thead { }
  table.listing-3 thead tr {  }
   table.listing-3 thead tr th { padding-top: 48px; }
   table.listing-3 thead tr th.title { padding-left: 49px; }
   table.listing-3 thead tr th.umc { width: 35px; overflow: hidden; padding: 0; }
    table.listing-3 thead tr th.umc span { position: absolute; left: -9999em; }
   table.listing-3 tbody tr th.title { padding-left: 49px; }
   table.listing-3 tbody tr td.last { width: 45px; padding: 0; }
   table.listing-3 tbody tr td.umc { padding: 0; text-align: center; }
    table.listing-3 tbody tr td.umc span { cursor: help; }
   table.listing-3 tbody td.umc div.info { position: relative; }
   table.listing-3 tbody td.umc div.pop { display: none; position: absolute; top: -10px; left: 35px; color: #000; font-size: 10px; text-align: left; width: 213px; }
    table.listing-3 tbody td.umc div.pop div.top { background: transparent url(img/tooltip-top.png) no-repeat 0 0; height: 31px;  padding: 0 40px; }
    table.listing-3 tbody td.umc div.pop div.bottom { background: transparent url(img/tooltip-bottom.png) no-repeat 100% 100%; padding: 0 40px 35px 40px; }
   table.listing-3 tbody td.umc div.popped { display: block; z-index: 40; }
   table.listing-3 tbody tr td.selected { background: #fff url(img/umc-back-2.png) repeat-y 0 0; width: 35px; }
   table.listing-3 tbody tr.odd td.selected { background-image: url(img/umc-back-1.png); }
   table.listing-3 tbody tr.first td.selected { background-image: url(img/umc-back-3.png); }
   table.listing-3 tbody tr.last td.selected { background-image: url(img/umc-back-4.png); }
   table.listing-3 tbody tr.last-odd td.selected { background-image: url(img/umc-back-5.png); }
   table.listing-3 tbody tr.first-last td.selected { background-image: url(img/umc-back-6.png); }

table.listing-4 { margin-top: -11px; }

table.selected-umc-1 { background-position: 100% 0; }
table.selected-umc-2 { background-position: 100% -76px; }
table.selected-umc-3 { background-position: 100% -152px; }
table.selected-umc-4 { background-position: 100% -228px; }
table.selected-umc-5 { background-position: 100% -304px; }
table.selected-umc-6 { background-position: 100% -380px; }
table.selected-umc-7 { background-position: 100% -456px; }
table.selected-umc-8 { background-position: 100% -532px; }

.okay { color: #00a651; }
.not-okay { color: #d31145; }

ul.pagination { list-style: none; margin: 15px 0 -40px 0; text-align: right; font-size: 1.1em; }
 ul.pagination li { display: inline; padding-right: 50px; }
  ul.pagination a { font-weight: bold; }

p.print { padding: 0 50px; margin: 50px 0; }
p.last-login { margin: -35px 0 0 49px; }
 p.last-login small { color: #005696; font-weight: normal; font-size: 1.1em; }

p.problems { margin: 45px 0 0 10px; font-size: 1.1em; color: #000; }

p.subject { margin: 0 0 25px 0; font-size: 1.1em; color: #000; }

p.sure { margin: 35px 0 15px 0; font-size: 1.1em; color: #d31145; }

form.approval { margin: 25px 24px 0 14px; border-top: 1px solid #d9efff; padding: 20px 0 0 50px; }
 form.approval textarea { width: 380px; height: 100px; }

#download, #upload { }
#upload { margin-top: 0; }
 #download .extra, #upload .extra { margin-top: 40px; padding-top: 30px; }
 #download p, #upload p { font-size: 1.1em; color: #000; margin: 0 0 20px 0; line-height: 1.6; }
  #download fieldset p, #upload fieldset p { font-size: 1em; margin: 0; line-height: normal; color: #005696; }
  #download #filter-container { margin-bottom: -5px; }
   #download #filter { width: 455px; }
  #download .submit, #upload .submit { margin-top: 20px; }
  #download select { width: 477px; margin-bottom: 0; height: 130px; }
  #upload textarea { width: 380px; height: 100px; }
  #upload label { width: 300px; }
  #upload #file-upload { width: 500px; padding: 3px 0; }

#header { height: 86px; background: transparent url(img/header.png) no-repeat 0 0; margin: 0 0 0 -237px; position: relative; }

#timestamp { position: absolute; left: 100px; top: 8px; text-transform: lowercase; font-size: 1em; line-height: 1.4; }

#status, #help { position: absolute; right: 35px; top: 12px; color: #fff; }
 #status a, #help a { color: #fff; text-decoration: underline; }
 #status a:hover, #help a:hover { color: #fff; text-decoration: none; }

#help { top: auto; bottom: 12px; font-size: 1.1em; }
 #help a { display: block; padding: 5px 0 5px 30px; background: transparent url(img/help.png) no-repeat 0 50%; cursor: help; }
 #help a:hover { text-decoration: underline; }
 #help div.pop { display: none; position: absolute; top: 20px; left: 20px; color: #000; font-size: 10px; text-align: left; width: 201px; }
  #help div.pop div.top { background: transparent url(img/tooltip-top-2.png) no-repeat 0 0; height: 26px; padding: 0 35px; }
  #help div.pop div.bottom { background: transparent url(img/tooltip-bottom-2.png) no-repeat 0 100%; padding: 10px 15px 25px 15px; }
 #help div.popped { display: block; }


#menu { position: absolute; left: 0; top: 137px; list-style: none; border-bottom: 1px solid #fff; font-size: 1.1em; width: 237px; }
 #menu li { border-top: 1px solid #fff; }
  #menu a { display: block; text-decoration: none; padding: 6px 20px; background: transparent; color: #000; }
  #menu a:hover { background: #00a7ff url(img/menu-hover.png) no-repeat 0 50%; }
  #menu a.current { color: #fff; background: #005696 url(img/menu-current.png) no-repeat 0 50%; }
  #menu ul { list-style: none; border-top: 1px solid #fff; padding: 7px 0; background: #005696; }
   #menu ul li { border-top: none; }
   #menu ul a { color: #fff; background: #005696; padding: 3px 10px 3px 20px; }
   #menu ul a:hover { background: #ff0056 url(img/submenu-hover.png) no-repeat 0 50%; }
   #menu ul a.current { background: #005696 url(img/submenu-current.png) no-repeat 100% 50%; padding-left: 30px; font-weight: bold; }

#login {  }
 #login fieldset { padding: 27px 0 0 0; }