/*
 * Main body and table defenitions
 */
html, body { height: 100%; width: 100%; margin: 0px; padding: 0px; }
body { background-color: #ffffff; text-align: center; }

/*
 * Table and td defenitions
 */
table, tr, td {	border-collapse: collapse; border-spacing: 0px; margin: 0px; padding: 0px; }

/*
 * Main div definitions (display inline fixes IE double margin bug)
 */
div#main   { width: 1000px; margin: 30px auto 0 auto; text-align: left; }

a.backButton { text-align: center; font-weight: bold; text-decoration: none; line-height: 30px;  display: block; height: 30px;  background: #f7f7f7; border: 2px solid #000000; background-repeat: no-repeat; }
a.backButton:hover { background-color: #e7e7e7; }
div.sidebarContainer {  width: 200px; float: left; }
div.sidebar { height: 463px; cursor: pointer; margin: 10px 0 10px 0; background: #f7f7f7; border: 2px solid #000000; background-repeat: no-repeat; }
div.sideUtrecht { background-image: url('/modules/databeest/skins/default/images/sidebar_utrecht.jpg'); }
div.sideUtrecht-Lunetten { background-image: url('/modules/databeest/skins/default/images/sidebar_lunetten.jpg'); }
div.sideLeusden { background-image: url('/modules/databeest/skins/default/images/sidebar_leusden.jpg'); }
div.sideHoofddorp { background-image: url('/modules/databeest/skins/default/images/sidebar_hoofddorp.jpg'); }
div.sideadoptieplan,
div.sideAdoptieplan { background-image: url('/modules/databeest/skins/default/images/sidebar_adoptieplan.jpg'); }

div.list { float: left; width: 776px; }
div.list hr { border:0px; border-top: solid 1px #776655; clear: both; margin: 0 10px; }
div.listItem { margin: 10px; clear: both; }
div.listItem div.thumb { cursor: pointer; float: left; width: 170px; height: 150px; display: inline; margin: 0px; background-color: white; background-position: 50% 50%; background-repeat: no-repeat; margin: 0 0 10px 0; }
div.listItem div.desc { margin: 0px 0px 0px 180px;  }
div.listItem div.desc div.text { margin: 10px 0; }
div.listItem div.desc div.text img { margin: 0 0 10px 10px; }
div.listItem div.name { font-size: 14px; line-height: 20px; font-weight: bold; display: inline; }
div.listItem div.man { color: #2ea9ef; }
div.listItem div.vrouw {color: #be2cb5; }
div.listItem div.gesteriliseerde-vrouw { color: #ed7718; }
div.listItem div.gecastreerde-man {color: #36cab0; }

a.city img { border: 5px solid white; margin: 5px; }
a.city:hover img { border: 5px solid #f6f6f6; }

select.citySelect { float: right; }

div#tabData_content { width: 700px; margin: 0 auto; }
div#tabData_content div.header { text-align: left; margin: 10px 0; padding: 10px 0; }
div#tabData_content hr { margin: 10px 0; width: 100%; }

/*
 * Module, menu and block definitions
 */
div.block  { margin: 5px; }
div.menu   { margin: 5px; }
div.module { margin-bottom: 0px; }

div.header { font-weight: bold; text-align: center; font-size: 16px; padding: 5px; margin: 5px; }
div.module div.header { }
div.block  div.header { }
div.menu   div.header { }

div.content { margin: 5px; padding: 5px; }
div.module div.content { }
div.block  div.content { }
div.menu   div.content { }

div.clear { clear: both; }

/*
 * Wait and error screen container
 */
div#messageContainer { width: 400px; margin: 0 auto; }