@import url(global_aspacts.css);

/*html,html body {height:100%;}*/
body {  color: #59585D; font: 72%/1.4em Arial, Helvetica, "Lucida Grande", sans-serif; }
body.dialog, body#backend { margin: 0; padding: 0; background: #F8F7F2 url('../../images/backend/bg-main.gif') top left repeat; color: #59585D; font: 72%/1.4em Arial, Helvetica, "Lucida Grande", sans-serif; text-align: center; }

a{ color: #9F9A72; text-decoration: none; outline: none; -moz-outline: none; }
a:hover{ text-decoration: underline; }

h1{ color: #59585D; margin: 0; padding: 0; font: bold 260% Arial, Helvetica, "Lucida Grande", sans-serif;; letter-spacing: 1px; text-transform: capitalize;}
h2{ color: #C4C098; margin: 0; padding: 0 0 0.4em 0; font: bold 150% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 1px; }
h3{ color: #C4C098; margin: 0; padding: 0 0 0.4em 0; font: bold 135% Arial, Helvetica, "Lucida Grande", sans-serif; letter-spacing: 1px; }
h4{ color: #C4C098; margin: 0; padding: 0 0 0.4em 0; font: bold 125% Arial, Helvetica, "Lucida Grande", sans-serif; }
h5{ color: #C4C098; margin: 0; padding: 0; font: bold 115% Arial, Helvetica, "Lucida Grande", sans-serif; }
h6{ color: #C4C098; margin: 0; padding: 0; font: bold 105% Arial, Helvetica, "Lucida Grande", sans-serif; }

p{ margin: 0; padding: 0 0 1em 0; }
blockquote{ border: 1px dashed #59585D; padding: 0.2em; margin: 0 0 0.5em 0; font-size: 90%; font-style: italic; }
img, img a{ border: none; }

ul, ol{ list-style: square; display:block; margin: 0 0 1.4em 1.4em; padding: 0; }
ul li, ol li , ol li a, ul li a{ line-height: normal; position: relative; }
ul li, ol li{ padding: 0.2em 0; display: block; /*width: 100%;*/ clear: both; list-style: square; }
ul.no-bullets{ margin: 0 0 0.8em 0; padding: 0; list-style: none; }
ul.no-bullets li{ list-style: none; padding: 0.2em 0; /*width: 100%;*/ }
ul li input.checkbox{ margin: 0px 8px 3px 0; }
ul li a.indent{ margin-left: 20px; }

form{ margin: 0; padding: 0; }
/*form p{ padding: 0.2em 0 0.2em; margin: 0; }*/
fieldset{ border: none; margin: 1em 0; padding: 0; width: 100%; }
input, textarea{ font: normal 100% Arial, Helvetica, "Lucida Grande", sans-serif; background: #FFF;  border: 1px solid #B7B3AD; padding: 2px 4px; width: 98%; }
input.button, a.button{ cursor: pointer; -moz-border-radius:3px; -webkit-border-radius: 3px; width: auto; white-space: nowrap; border: 1px solid #59585D; padding: 2px 8px; color: #FFF; background: #001f4b; }
input.button:hover, a.button:hover{ border: 1px solid #59585D;  background: #009CDA; color: #FFF;  padding: 2px 8px; text-decoration: none; }
input.checkbox, input.radio{ background: none; border: none; display: inline; float: left; width: 14px; }
label{ color: #5E5A58; display: block; clear: both; margin: 0; cursor: pointer; }
label.inline, ul li label{ display: inline; clear: none; margin: 0; float: left; width: 85%; }
label:hover{ text-decoration: underline; }
input.fillout{ width: 98%; }

input.main-search{ outline: none; -moz-outline: none; border: none; background: url('../../images/backend/bg-main-search.gif') top left no-repeat; width: 206px; height: 26px; padding: 5px 0 5px 5px; float: left; }
input.searchButton{ width: 20px; height: 20px; position: absolute; top: 36px; right: 24px; border: none; background: url('../../images/frontend/blank.gif') top left no-repeat; cursor: pointer; z-index:99; }

/* toolbox */
.center{ margin: auto auto; }
.center-txt{ text-align: center; }
.clear{ clear: both; display: block; float: left; line-height: 0px; }
.clear-right{ clear: right; }
.clear-left{ clear: left; }
.no-clear{ clear: none; display: inline; }
.intro-txt{ margin-top: 1em; font-size: 145%; line-height: 1.5em; }
.big-txt{ font-size: 115%; }
.big-nav *{ font-size: 110%; }
.normal-txt{ font-size: 100%; }
.small-txt{ font-size: 96%; }
.xsmall-txt{ font-size: 88%; }
.left{ float: left;}
.left-img{ margin: 4px 12px 4px 0; float: left; }
.left-txt { text-align: left; }
.line {margin: 1em 0; width: 100%; border-top: 1px #DEDEDE solid; float: left; }
.padding{ padding: 8px 18px; }
.padding-small{ padding: 8px; }
.padding-xsmall{ padding: 4px; }
.padding-y{ padding: 8px 4px; }
.padding-x{ padding: 4px 8px; }
.no-margin{ margin: 0; }
.no-margin-bott{ margin-bottom: 0; }
.no-padding{ padding: 0 !important; }
.no-pad-bott{ padding-bottom: 0; }
.nofloat{ float: none; }
.right{ float: right; }
.right-img{ float: right; margin: 4px 0 4px 12px; }
.right-txt{ text-align: right; }
.rnd-small{ -moz-border-radius:4px; -webkit-border-radius: 4px; }
.rnd-big{ -moz-border-radius:6px; -webkit-border-radius: 6px; }
.rnd-big-bott{ -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px;}
.rnd-title{ -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;}

.mtop{ margin-top: 12px; }
.mbott{ margin-bottom: 12px; }
.mleft{ margin-left: 12px; }
.mright{ margin-right: 12px; }
.mstop{ margin-top: 6px; }
.msbott{ margin-bottom: 6px; }
.msleft{ margin-left: 6px; }
.msright{ margin-right: 6px; }

.ptop{ padding-top: 12px; }
.pbott{ padding-bottom: 12px; }
.pleft{ padding-left: 12px; }
.pright{ padding-right: 12px; }
.pstop{ padding-top: 6px; }
.psbott{ padding-bottom: 6px; }
.psleft{ padding-left: 6px; }
.psright{ padding-right: 6px; }

.spacer{ margin-right: 30px; }
.date{ margin: 0.4em 0 0.2em 0; clear: both; display: block; }
.block{ display: block; }
.wrap{ width: auto; }
.no-wrap{ white-space: nowrap }
.hide{ display: none; }
.noscript{ display: none; }
.auto{ width: auto; }
.fillout{ width: 100%; }
.hideoverflow{ overflow: hidden !important; }

.clearfix:after {	content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix {	display: inline-block; }
html[xmlns] .clearfix {	display: block; }
* html .clearfix { height: 1%; }


/* color styles */
.black-txt, .black-txt * { color: #000 !important;  }
a.black-txt:hover, .black-txt a:hover { color: #000 !important; }
.white-txt, .white-txt * { color: #FFF !important;  }
a.white-txt:hover, .white-txt a:hover  { color: #FFF !important; }
.grey-txt, .grey-txt * { color: #A6A6A6 !important;  }
a.grey-txt:hover, .grey-txt a:hover { color: #A6A6A6 !important; }
.grey-dark-txt, .grey-dark-txt * { color: #89898B !important;  }
a.grey-dark-txt:hover, .grey-dark-txt a:hover { color: #89898B !important; }
.red-txt, .red-txt * { color: #F90000 !important;  }
a.red-txt:hover, .red-txt a:hover { color: #F90000 !important; }
.beige-txt, .beige-txt * { color: #c6c19d !important;  }
a.beige-txt:hover, .beige-txt a:hover { color: #c6c19d !important; }

.bg-white{ background-color: #FFFFFF;}
.bg-black{ background-color: #000;}
.bg-beige{ background-color: #f6f5f0;}
.bg-dark-grey{ background-color: #58585b;}
.bg-dark-beige{ background-color: #eeece1;}
.bg-grad-header{ background: #FFF url('../../images/backend/bg-grad-header.gif') bottom left repeat-x; min-height: 6.8em; }
.bg-grad-header .padding{ position: relative; padding-top: 2.2em; }
.bg-grad-header h2{ position: relative; padding-top: 0.4em; margin-right: 1em; /*text-shadow: 1px 1px 1px #dedede;*/ }

.border-lightgrey-top{ border-top: #EEE 1px solid; padding: 8px 0 !important; margin-top: 8px !important; }

/*link styles*/
a.arrow{ font-size: 105%; line-height: 0.3em; padding: 0.3em 0 0.3em 1.4em; width: 100%; display: block; font-weight: normal; background: url('../../images/backend/icon-arrow-blue.png') 0em 0em no-repeat; }
a.arrow:hover{ color: #001F4B; font-size: 105%; line-height: 0.3em; padding: 0.3em 0 0.3em 1.4em; width: 100%; display: block; font-weight: normal; background: url('../../images/backend/icon-arrow-blue-hover.png') 0em 0em no-repeat; }
a.icon-del-end{ background: #F4F3EA url('../../images/backend/icon-del.png') 96% 50% no-repeat; padding: 0.2em 1.6em 0.2em 0.6em; margin-right: 0.4em; -moz-border-radius:4px; -webkit-border-radius: 4px; width: auto; white-space: nowrap; }
a.icon-del{ background: url('../../images/backend/icon-del.png') 0% 50% no-repeat; padding: 0em 0.6em 0em 1.6em; }
a.edit{ color: #59585D; padding: 0.2em 2.4em 0.2em 0em; float: left; }
a.edit:hover{ color: #9F9A72; background: url('../../images/backend/icon-edit.gif') 100% 50% no-repeat; padding: 0.2em 2.4em 0.2em 0em; float: left; }


/* icon bg styles */
.icon-opmaak strong, .icon-beeld strong, .icon-metadata strong, .icon-opmerkingen strong, .icon-controle strong, .icon-online strong{ position: relative; left: 28px; }
.icon-opmaak{ background-image: url('../../images/backend/icon-opmaak.gif'); background-position: top left; background-repeat: no-repeat; }
.icon-beeld{ background-image: url('../../images/backend/icon-beeld.gif'); background-position: top left; background-repeat: no-repeat; }
.icon-metadata{ background-image: url('../../images/backend/icon-metadata.gif'); background-position: top left; background-repeat: no-repeat; }
.icon-opmerkingen{ background-image: url('../../images/backend/icon-opmerkingen.gif'); background-position: top left; background-repeat: no-repeat; }
.icon-controle{ background-image: url('../../images/backend/icon-controle.gif'); background-position: top left; background-repeat: no-repeat; }
.icon-online{ background-image: url('../../images/backend/icon-online.gif'); background-position: top left; background-repeat: no-repeat; }


/* logo */
a.logo{ height: 2.6em; width: 240px; overflow: hidden; display: block; background: #FFF url('../../images/backend/facetbase-logo.gif') top left no-repeat; }
a.logo span{ display: none; }


/* page layout */
#framework{ position: relative; top: -18px; width: 1005px; text-align: left; }
#container{ position: relative; width: 100%; height: 100%; }
#container #content{ position: relative; width: 100%; height: 100%; float: left; }
#container .header{ position: relative; width: 100%; bottom: -9px; }
#container .left-pane{ position: relative; left: 0px; width: 266px; float: left; }
#container .right-pane{ position: relative; left: -13px; width: 734px; float: right; }


/* content layout */
.center-page{ margin: 0 auto; overflow: hidden; }
.full-pane{ width: 1005px; overflow: hidden; }
.third-pane{ width: 33%; overflow: hidden; }
.two-third-pane{ width: 66%; overflow: hidden; }
.half-pane{ width: 50%; overflow: hidden; }
.extra-pane{ width: 60%; overflow: hidden; }
.split-pane{ width: 48%; overflow: hidden; }
.height-6em{ min-height: 6em; }


/* dialog layout */
body.dialog{ margin: 0; padding: 0; background: #FFF; color: #59585D; font: 72%/1.4em Arial, Helvetica, "Lucida Grande", sans-serif; text-align: center; }
body.dialog #framework{ position: relative; top: 0; width: auto; text-align: left; }
body.dialog #container .left-pane{ position: relative; width: 570px; float: left; }
body.dialog #container .right-pane{ position: relative; left: 0px; width: 290px; float: left; }

/* dialog layout */
#framework.dialog{ background: #FFF; float: left; position: relative; top: 0; width: auto; text-align: left; }
#framework.dialog #container .left-pane{ position: relative; width: 570px; float: left; }
#framework.dialog #container .right-pane{ position: relative; left: 0px; width: 290px; float: left; }


/* infobox */
.infobox{ display: none; background: #FFF; -moz-box-shadow: 1px 1px 8px #999; -moz-border-radius: 6px; -webkit-box-shadow: 1px 1px 8px #999; -webkit-border-radius: 6px; border: 1px solid #58585b; font-size: 94%; text-align: left; width: 220px; position: absolute; }
.infobox .title{ display: block; width: 100%; background: #58585b; color: #c6c19d; }
.infobox .title strong{ padding: 4px 6px; display: block; }
.infobox ul{ list-style: none; padding: 4px 6px; margin: 0 0 0.4em 0; }
.infobox ul li{ background: url('../../images/backend/icon-check-grey.gif') 0px 4px no-repeat; list-style: none; padding: 0.4em 0em 0.4em 20px; margin: 0; line-height: normal; width: auto; }
.infobox ul li.checked{ background: url('../../images/backend/icon-check-green.gif') 0px 4px no-repeat; list-style: none; padding: 0.4em 0em 0.4em 20px; margin: 0; line-height: normal; width: auto; }


/* paging */
.paging{ width: auto; white-space: nowrap; }
.paging a{ padding: 0.3em 0.4em; margin: 0 1px 0 0; background: #F4F3EA; }
.paging a:hover{ padding: 0.3em 0.4em; margin: 0 1px 0 0; background: #dcdbd4; }
.paging a.next, .paging a.next:hover{ margin-left: 0.5em; padding: 0 12px 0 0; background: url('../../images/backend/icon-paging-next.gif') center right no-repeat; }
.paging a.prev, .paging a.prev:hover{ margin-right: 0.5em; padding: 0 0 0 12px; background: url('../../images/backend/icon-paging-prev.gif') center left no-repeat; }
.paging a.selected, .paging a.selected:hover{ background: #858585; color: #FFF; }


/* general dropshadows */
.dropshadow { position: relative; margin: 9px; border: 1px solid #DEDEDE; -webkit-box-shadow: 1px 1px 8px #B6B6B6; -webkit-box-shadow: 1px 1px 8px #B6B6B6; -moz-box-shadow: 1px 1px 8px #B6B6B6; }
.dropshadow .tl{ background: url('../../images/backend/dropshadow/tl_shade.png') no-repeat; height: 15px; width: 15px; position: absolute; top: -8px; left: -8px; }
.dropshadow .tm{ background: url('../../images/backend/dropshadow/tm_shade.png') repeat-x; height: 15px; width: 100%; position: absolute; top: -12px; left: 7px; }
.dropshadow .tr{ background: url('../../images/backend/dropshadow/tr_shade.png') no-repeat; height: 15px; width: 15px; position: absolute; top: -8px; right: -8px; }
.dropshadow .ml{ background: url('../../images/backend/dropshadow/ml_shade.png') repeat-y; height: 100%; width: 15px; position: absolute; top: 7px; left: -12px; }
.dropshadow .mr{ background: url('../../images/backend/dropshadow/mr_shade.png') repeat-y; height: 100%; width: 15px; position: absolute; top: 7px; right: -12px; }
.dropshadow .bl{ background: url('../../images/backend/dropshadow/bl_shade.png') no-repeat; height: 15px; width: 15px; position: absolute; bottom: -8px; left: -8px; }
.dropshadow .bm{ background: url('../../images/backend/dropshadow/bm_shade.png') repeat-x; height: 15px; width: 100%; position: absolute; bottom: -12px; left: 7px; }
.dropshadow .br{ background: url('../../images/backend/dropshadow/br_shade.png') no-repeat; height: 15px; width: 15px; position: absolute; bottom: -8px; right: -8px; }


/* dialog edit article tabs */
ul.edit-article{ margin: 0; padding: 0; list-style: none; }
ul.edit-article li{ margin: 0; padding: 0; list-style: none; width: auto; float: left; clear: none; display: inline; }
ul.edit-article li a{ color: #58585b; background: #f6f5f0; font-size: 100%; margin: 0 1px 0 0; width: auto; float: left; display: inline; clear: none; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;  -moz-border-radius-topleft: 6px; -moz-border-radius-topright: 6px;padding:0px 4px 0px 4px;}
ul.edit-article li a strong{ padding: 8px 8px 4px 8px; display: block; }
ul.edit-article li.ui-tabs-selected a{ background: #eeece1; }
.tabs-container{ width: 100%; padding: 0; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-top-right-radius: 6px;  -moz-border-radius-bottomleft: 6px; -moz-border-radius-bottomright: 6px; -moz-border-radius-topright: 6px}
.tabs-container .ui-tabs-hide { display: none; }
.tabs-container .rnd-title{ padding: 4px; display: block; position: relative; height: 19px; }
.tabs-container .rnd-title img{ position: absolute; top: 0px; left: 0px; }
.tabs-container .rnd-title strong{ float: left; }
.tabs-container .height-overflow { height: 12.5em; overflow-y: auto; padding-bottom: 1em; }
.ui-widget-content { border: none !important;} /* in IE borders */
.ui-widget {font-size: 100% !important;}

div.select_all {width:100%;margin:1em 0px 0px 0px;}
div.select_all input {width:23px !important;display:inline;position:relative;top:2px;left:0px;border:none;background:none;}
div.select_all label {display:inline;}

/* table results */
table.results{ width: 100%; margin: 1em 0; border-collapse: collapse; }
table.results thead td{ background: #FDFDFB url('../../images/backend/bg-thead.gif') bottom left repeat-x; border: 1px solid #D4CCB9; padding: 0.6em 0.4em;  }
table.results thead td.selected{ background: #FAFAF5 url('../../images/backend/bg-thead-selected.gif') bottom left repeat-x; border: 1px solid #D4CCB9; padding: 0.6em 0.4em;  }
table.results thead td a{ color: #59585D; } 
table.results thead td a.sort-down{ background: url('../../images/backend/icon-sort-down.gif') center left no-repeat; padding: 0 0 0 1.2em; }
table.results thead td a.sort-up{ background: url('../../images/backend/icon-sort-up.gif') center left no-repeat; padding: 0 0 0 1.2em;}
table.results thead td a.sort-none{ background: url('../../images/backend/icon-sort-none.gif') center left no-repeat; padding: 0 0 0 1.2em;}
table.results tbody td{ border: 1px solid #DEDEDE; }
table.results td{ padding: 0.3em 0.4em; }
table.results td input{ width: auto; display: inline; border:none;background:none; }
table.results tr.bg-odd{ background-color: #FBFAF8; }
table.results td.first{ background-image: url('../../images/backend/bg-td-first.gif'); background-position: top center; background-repeat: repeat-y; }


/* table results sprite icons */
table.results td.sprite{ padding: 0; margin: 0; width: 164px; }
table.results tr.bg-even ul.icon-sprite{ background: url('../../images/backend/button-sprite.gif') top left no-repeat; position: relative; width: 164px; height: 29px; overflow: hidden; }
table.results tr.bg-odd ul.icon-sprite{ background: url('../../images/backend/button-sprite-odd.gif') top left no-repeat; position: relative; width: 164px; height: 29px; overflow: hidden; }
table.results ul.icon-sprite, table.results ul.icon-sprite li{ list-style: none; margin: 0; padding: 0; }
table.results ul.icon-sprite li a span{ display: none; }
table.results ul.icon-sprite li a.disabled{ cursor: default; }

table.results ul.icon-sprite li a{ position: absolute; top: 0px; height: 29px; width: 29px; display: block; float: left; }
table.results ul.icon-sprite li{ position: absolute; display: block; float: left; }
table.results ul.icon-sprite li.text a{ left: 0px; }
table.results ul.icon-sprite li.images a{ left: 27px; }
table.results ul.icon-sprite li.metadata a{ left: 54px; }
table.results ul.icon-sprite li.remarks a{ left: 81px; }
table.results ul.icon-sprite li.control a{ left: 108px; }
table.results ul.icon-sprite li.online a{ left: 135px; }

table.results tr.bg-even ul.icon-sprite li.text a:hover{ background: transparent url('../../images/backend/button-sprite.gif') 0px -29px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.images a:hover{ background: transparent url('../../images/backend/button-sprite.gif') -27px -29px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.metadata a:hover{ background: transparent url('../../images/backend/button-sprite.gif') -54px -29px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.remarks a:hover{ background: transparent url('../../images/backend/button-sprite.gif') -81px -29px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.control a:hover{ background: transparent url('../../images/backend/button-sprite.gif') -108px -29px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.online a:hover{ background: transparent url('../../images/backend/button-sprite.gif') -135px -29px no-repeat; }

table.results tr.bg-even ul.icon-sprite li.text a.complete, table.results tr.bg-even ul.icon-sprite li.text a.complete:hover{ background: transparent url('../../images/backend/button-sprite.gif') 0 -58px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.images a.complete, table.results tr.bg-even ul.icon-sprite li.images a.complete:hover{ background: transparent url('../../images/backend/button-sprite.gif') -27px -58px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.metadata a.complete, table.results tr.bg-even ul.icon-sprite li.metadata a.complete:hover{ background: transparent url('../../images/backend/button-sprite.gif') -54px -58px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.remarks a.complete, table.results tr.bg-even ul.icon-sprite li.remarks a.complete:hover{ background: transparent url('../../images/backend/button-sprite.gif') -81px -58px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.control a.complete, table.results tr.bg-even ul.icon-sprite li.control a.complete:hover{ background: transparent url('../../images/backend/button-sprite.gif') -108px -58px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.online a.complete, table.results tr.bg-even ul.icon-sprite li.online a.complete:hover{ background: transparent url('../../images/backend/button-sprite.gif') -135px -58px no-repeat; }

table.results tr.bg-even ul.icon-sprite li.text a.disabled, table.results tr.bg-even ul.icon-sprite li.text a.disabled:hover{ background: transparent url('../../images/backend/button-sprite.gif') 0 -87px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.images a.disabled, table.results tr.bg-even ul.icon-sprite li.images a.disabled:hover{ background: transparent url('../../images/backend/button-sprite.gif') -27px -87px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.metadata a.disabled, table.results tr.bg-even ul.icon-sprite li.metadata a.disabled:hover{ background: transparent url('../../images/backend/button-sprite.gif') -54px -87px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.remarks a.disabled, table.results tr.bg-even ul.icon-sprite li.remarks a.disabled:hover{ background: transparent url('../../images/backend/button-sprite.gif') -81px -87px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.control a.disabled, table.results tr.bg-even ul.icon-sprite li.control a.disabled:hover{ background: transparent url('../../images/backend/button-sprite.gif') -108px -87px no-repeat; }
table.results tr.bg-even ul.icon-sprite li.online a.disabled, table.results tr.bg-even ul.icon-sprite li.online a.disabled:hover{ background: transparent url('../../images/backend/button-sprite.gif') -135px -87px no-repeat; }

/* odd color */
table.results tr.bg-odd ul.icon-sprite li.text a:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') 0px -29px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.images a:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -27px -29px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.metadata a:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -54px -29px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.remarks a:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -81px -29px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.control a:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -108px -29px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.online a:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -135px -29px no-repeat; }

table.results tr.bg-odd ul.icon-sprite li.text a.complete, table.results tr.bg-odd ul.icon-sprite li.text a.complete:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') 0 -58px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.images a.complete, table.results tr.bg-odd ul.icon-sprite li.images a.complete:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -27px -58px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.metadata a.complete, table.results tr.bg-odd ul.icon-sprite li.metadata a.complete:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -54px -58px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.remarks a.complete, table.results tr.bg-odd ul.icon-sprite li.remarks a.complete:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -81px -58px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.control a.complete, table.results tr.bg-odd ul.icon-sprite li.control a.complete:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -108px -58px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.online a.complete, table.results tr.bg-odd ul.icon-sprite li.online a.complete:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -135px -58px no-repeat; }

table.results tr.bg-odd ul.icon-sprite li.text a.disabled, table.results tr.bg-odd ul.icon-sprite li.text a.disabled:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') 0 -87px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.images a.disabled, table.results tr.bg-odd ul.icon-sprite li.images a.disabled:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -27px -87px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.metadata a.disabled, table.results tr.bg-odd ul.icon-sprite li.metadata a.disabled:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -54px -87px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.remarks a.disabled, table.results tr.bg-odd ul.icon-sprite li.remarks a.disabled:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -81px -87px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.control a.disabled, table.results tr.bg-odd ul.icon-sprite li.control a.disabled:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -108px -87px no-repeat; }
table.results tr.bg-odd ul.icon-sprite li.online a.disabled, table.results tr.bg-odd ul.icon-sprite li.online a.disabled:hover{ background: transparent url('../../images/backend/button-sprite-odd.gif') -135px -87px no-repeat; }


/* edit-selection result checkboxes */
/*ul.edit-selection{ position: relative; left: 13px; top: -11px; float: left; width: 12em; margin: 0; padding: 20px 0 0 0 !important; list-style: none; background: url('../../images/backend/bg-edit-selection.gif') left top no-repeat; }*/
ul.edit-selection{ position: relative; left: 13px; top: -11px; float: left; width: 21em; margin: 0; padding: 20px 0 0 0 !important; list-style: none; background: url('../../images/backend/bg-edit-selection.gif') left top no-repeat; }
ul.edit-selection li{ padding: 3px 0 4px 1.6em; margin: 0; list-style: none;  }


/* thickbox */
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
#TB_window { -webkit-box-shadow: 1px 1px 20px #666; -moz-box-shadow: 1px 1px 20px #666; position: fixed; background: #FFF; z-index: 102; display:none; border-bottom: 10px solid #58585b; text-align:left; top:50%; left:50%; }
#TB_window img#TB_Image { display:block; padding: 15px 0 0 15px; }
#TB_title{ background-color:#58585b; height:27px; color: #c6c19d; font-size: 110%; font-weight: bold; }
#TB_caption{ height:25px; padding:10px 10px 0px 15px; float:left; color: #c6c19d; }
#TB_secondLine{ height:25px; padding:10px 15px 0px 0px; float:right; }
#TB_closeWindow{ height:25px; padding:10px 15px 0px 0px; float:right; }

#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }

#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#c0beb1; border:none; -moz-opacity: 0; opacity: 0; height:100%; width:100%; }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-4px; margin-top:-2px; }
#TB_closeWindowButton{ color: #c6c19d; font-size: 90%; font-weight: normal; background: url('../../images/backend/thickbox/icon-close.gif') center right no-repeat; padding: 0 20px 0 0; }

.TB_overlayMacFFBGHack {background: url('../../images/backend/thickbox/macFFBgHack.png') repeat;}
.TB_overlayBG { background-color:#c0beb1; -moz-opacity: 0.75; opacity: 0.75; }


/* TB shade ... rendered if not safari (or FF3.1) */
#TB_window .tl{ background: url('../../images/backend/thickbox/tl_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; top: -13px; left: -13px; }
#TB_window .tm{ background: url('../../images/backend/thickbox/tm_shade.png') repeat-x; height: 25px; width: 100%; position: absolute; top: -19px; left: 12px; }
#TB_window .tr{ background: url('../../images/backend/thickbox/tr_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; top: -13px; right: -13px; }
#TB_window .ml{ background: url('../../images/backend/thickbox/ml_shade.png') repeat-y; height: 100%; width: 25px; position: absolute; top: 12px; left: -19px; }
#TB_window .mr{ background: url('../../images/backend/thickbox/mr_shade.png') repeat-y; height: 100%; width: 25px; position: absolute; top: 12px; right: -19px; }
#TB_window .bl{ background: url('../../images/backend/thickbox/bl_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: -13px; left: -13px; }
#TB_window .bm{ background: url('../../images/backend/thickbox/bm_shade.png') repeat-x; height: 25px; width: 100%; position: absolute; bottom: -19px; left: 12px; }
#TB_window .br{ background: url('../../images/backend/thickbox/br_shade.png') no-repeat; height: 25px; width: 25px; position: absolute; bottom: -13px; right: -13px; }
#TB_window .closebtn{ background: url('../../images/backend/thickbox/closebox.png') no-repeat; cursor: pointer; height: 30px; width: 30px; position: absolute; top: -8px; left: -8px; }


/* Loading */

table.maintable {width:100%;height:100%}
td.maintable	{vertical-align:middle;} 

div.loading			{position:relative;width:479px;height:206px;background:url(../../images/backend/loading_bg.png);_background:url(../../images/backend/loading_bg.gif);margin:0 auto;text-align:center;}
img.loading			{width:48px;height:48px;margin:100px 0px 10px 0px;}
div.loading p		{font-size:20px;color:#cbb778;}

/* Inloggen */

div.login_block {
	position:relative;
	width:479px;
	height:auto;
	margin:50px auto 0px auto;
	text-align:left;
}

div.login_inside_top			{float:left;height:75px;width:479px;background: url(../../images/backend/login/login_bg_top.png) no-repeat;_background: url(../../images/backend/login/login_bg_top.gif) no-repeat;}
div.login_inside_middle			{float:left;width:439px;padding:0px 20px 0px 20px;background: url(../../images/backend/login/login_bg_middle.png) repeat;_background: url(../../images/backend/login/login_bg_middle.gif) repeat;}
div.login_inside_bottom			{float:left;height:20px;width:479px;background: url(../../images/backend/login/login_bg_bottom.png) no-repeat 0 0;_background: url(../../images/backend/login/login_bg_bottom.gif) no-repeat;}

div.login_block input.login		{height:20px;width:99%;border:solid 1px #cbb778;}
div.login_block p	            {margin:0px 0px 2px 0px;color:#5e5a58}
div.login_block p label         {text-decoration:none !important;cursor:auto !important;}


div.login_block p.login			        {color:#cbb778;font-size:20px;margin:10px 0px 15px 0px !important;}

div.login_block input.submit		    {border:solid 0px #fff;padding:0px;}
div.login_block p.submit			    {text-align:right;margin:15px 0px 10px 0px !important;}

div.login_block p.login_link a		    {text-decoration:underline !important;padding:0px 0px 0px 25px;background:url(../../images/backend/login/plusjes.gif) no-repeat 0px 5px;color:#5e5a58 }
div.login_block p.login_link a:hover    {text-decoration:none !important;padding:0px 0px 0px 25px;background:url(../../images/backend/login/plusjes.gif) no-repeat 0px 5px;color:#5e5a58}

div.login_block p.facetbase_link	    {text-align:right;margin:-10px 20px 0px 0px;position:relative;z-index:999;}
div.login_block p.facetbase_link a		{text-decoration:underline !important;color:#cbb778 !important;}
div.login_block p.facetbase_link a:hover{text-decoration:none !important;color:#cbb778 !important;}


/* Context Table */

table.context_table		{width:800px;margin:0 auto;}

table.context_table	h2	{color:#c6c19d;margin:0px 0px 0px 10px;font-weight:normal;width:460px;}

tr.context_table_top	{width:625px;height:30px;background:url(/images/backend/context/top_context.png) no-repeat;_background:url(images/context/top_context.gif) no-repeat;position:relative;}
tr.context_table_top td	{background:none;}
tr.context_table_top td.context_table_top	{width:525px;}
tr.context_table_top td.button	{text-align:center;width:300px;}

tr.context_table_middle {width:625px;height:30px;background:url(/images/backend/context/bg_context.png) repeat-y;_background:url(images/context/bg_context.gif) repeat-y;}
tr.context_table_middle table {margin:0px 15px 0px 15px;width:595px;}
tr.context_table_bottom {width:625px;height:30px;background:url(/images/backend/context/bottom_context.png) no-repeat;_background:url(images/context/bottom_context.gif) no-repeat;position:relative;}
tr.context_table_bottom td {background:none;}

div.checkboxdiv		{width:340px;height:225px;overflow-y:scroll;border:solid 1px #e1e1e1;padding:5px;background:#fff;}
div.checkboxdiv p	{display:block;padding:3px;}
input.checkbox_context {margin:0px 10px 0px 0px;width:auto;border:none;background:transparent;}

table.context_table tr td.knipcode p input.input {width:95% !important;}

table.context_table input.search_context {
	width: 16px;
	height: 16px;
	background: transparent url(/images/backend/icon-search.gif) 0px 2px no-repeat;
	outline: none;
	border: none;
	cursor : pointer;
	margin:0px 0px 0px 5px;
}

input.search_context:hover {background: transparent url(/images/backend/zoeken.gif) no-repeat 0 0;}

td.context_width_left	{width:340px;vertical-align:top;}
td.context_width_middle {text-align:center;}
td.context_width_middle img {text-align:center;cursor:pointer;}
td.context_width_right	{width:340px;vertical-align:top;}


#divPaging {float:left; margin:5px 0px 0px 0px;}
#ddlPageSize {float:right; margin:5px 0px 0px 0px;}

/* toegevoegd 22-12 */

/* Loading */

table.maintable {width:100%;height:100%}
td.maintable	{vertical-align:middle;} 

div.loading			{position:relative;width:479px;height:206px;background:url(/images/backend/loading_bg.png);_background:url(/images/backend/loading_bg.gif);margin:0 auto;text-align:center;}
img.loading			{width:48px;height:48px;margin:100px 0px 10px 0px;}
div.loading p		{font-size:20px;color:#cbb778;}

/* RAD editor styles */
.reEditorModes li { display:inline !important; clear:none !important; width:auto !important; }

/* FasetSelector Tree */
.icon-tree-plus				{float:left; background-image: url('../../images/backend/icon-tree-plus.gif');background-position: 1px 2px; #background-position: 1px 5px; background-repeat: no-repeat; padding:0;width:10px;margin: 0 2px; }
.icon-tree-minus			{float:left; background-image: url('../../images/backend/icon-tree-minus.gif');background-position: 1px 2px; #background-position: 1px 5px; background-repeat: no-repeat; padding:0;width:10px;margin: 0 2px; }

.sub-toggle:hover			{text-decoration: none;}

.open-sub-nav, .sub-nav		{display:block;float:left;margin:3px 0 5px 15px;}

ul.todolist input			{padding-right:0px !important;}
ul.todolist input.checkbox	{margin:0px !important;width:13px !important}
ul.todolist li a			{text-decoration:none;}

/* toegevoegd 05-01-11 - chechbox align in preview box */

.inlinebox label			{display:inline;}