/* * UI */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;} .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;} .mb-resize{ display:block; background-color:transparent !important; /* border:3px solid transparent !important;*/ border:5px solid transparent !important; margin:0 !important; } .mb-resize-resizable-n { cursor: e-resize; width: 100% !important; height: 50px !important; right: 0 !important; top: -10px !important; z-index:auto !important;} .mb-resize-resizable-e { cursor: e-resize; width: 20px !important; height: 100% !important; right: -30px !important; top: 0 !important;z-index:auto !important;} .mb-resize-resizable-w { cursor: e-resize; width: 20px !important; height: 100% !important; left: -20px !important; top: 0 !important;z-index:auto !important;} .mb-resize-resizable-s { cursor: s-resize; width: 100% !important; height: 10px !important; bottom: -10px !important; left: 0 !important;z-index:auto !important; } .mb-resize-resizable-se { cursor: se-resize; width: 30px !important; height: 30px !important; right:0 !important; bottom: -10px !important; z-index:auto !important;} .mbproxy{border:1px dotted gray;background: url(../images/container/proxy.png)} .containerPlus { color:black; visibility:hidden;} .containerPlus .spacer { margin-top:10px} .containerPlus .buttonBar { float: right; background: url('../images/container/boekensalon/t.png') top left repeat-x; } .containerPlus .buttonBar img { margin-left:3px; margin-top:12px; cursor: pointer; } .containerPlus .mbcontainercontent { margin-right:-5px; padding-right:10px;overflow:auto; } .containerPlus .lightboxButtonBar { float: right; margin-top:-40px; margin-right: -11px; } .containerPlus .lightboxButtonBar img { cursor: pointer; } .iconLabel{font-family:sans-serif;font-size:10px;padding:5px;background:#f3f3f3;color:gray;display:block;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #ccc} /* * default */ .containerPlus.default .no { background: url('../images/container/default/no.png') top left no-repeat;} .containerPlus.default .ne { background: url('../images/container/default/ne.png') top right no-repeat; margin-left: 21px;} .containerPlus.default .n { background: url('../images/container/default/n.png') top center repeat-x; margin-right: 25px;height:26px;} .containerPlus.default .n { padding-top:8px; font-size:16px;-moz-user-select: none; -khtml-user-select: none} .containerPlus.default .o { background: url('../images/container/default/o.png') top left repeat-y;} .containerPlus.default .e { background: url('../images/container/default/e.png') top right repeat-y; margin-left: 21px;} .containerPlus.default .c { background: url('../images/container/default/c.png'); margin-right: 25px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.default .c .mbcontainercontent {color:#000;} .containerPlus.default .n a{} .containerPlus.default .n a:hover{ text-decoration:underline} .containerPlus.default .so { background: url('../images/container/default/so.png') bottom left no-repeat;} .containerPlus.default .se { background: url('../images/container/default/se.png') bottom right no-repeat; margin-left: 21px;} .containerPlus.default .s { background: url('../images/container/default/s.png') bottom repeat-x; padding-top: 20px; margin-right: 25px;} /* * boekensalon - no shadow */ .containerPlus.bsnoshadow .icon { display: none; } .containerPlus.bsnoshadow .no { background: url('../images/container/bsnoshadow/no.png') bottom left no-repeat;} .containerPlus.bsnoshadow .ne { background: url('../images/container/bsnoshadow/ne.png') bottom right no-repeat;} .containerPlus.bsnoshadow .ne_welkom { background: url('../images/container/bsnoshadow/ne.png'); height: 16px; cursor: move;} .containerPlus.bsnoshadow .n { background: url('../images/container/bsnoshadow/n.png') bottom center repeat-x; margin-right: 11px; height:29px;} .containerPlus.bsnoshadow .n { padding-top:0px; font-size:16px;-moz-user-select: none; -khtml-user-select: none} .containerPlus.bsnoshadow .o { background: url('../images/container/bsnoshadow/o.png') top left repeat-y;} .containerPlus.bsnoshadow .e { background: url('../images/container/bsnoshadow/e.png') top right repeat-y; margin-left: 13px;} .containerPlus.bsnoshadow .c { background: url('../images/container/bsnoshadow/c.png'); margin-right: 11px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.bsnoshadow .c .mbcontainercontent { background-color: #ffffff; color:#000;} .containerPlus.bsnoshadow .n a{} .containerPlus.bsnoshadow .n a:hover{ text-decoration:underline} .containerPlus.bsnoshadow .so { background: url('../images/container/bsnoshadow/so.png') bottom left no-repeat;} .containerPlus.bsnoshadow .se { background: url('../images/container/bsnoshadow/se.png') bottom right no-repeat; margin-left: 13px;} .containerPlus.bsnoshadow .s { background: url('../images/container/bsnoshadow/s.png') bottom repeat-x; padding-top: 15px; margin-right: 11px;} .containerPlus.bsnoshadow .to { float: left; background: url('../images/container/bsnoshadow/to.png') top left no-repeat; height:37px; width: 25px; margin-left: -24px;} .containerPlus.bsnoshadow .te { background: url('../images/container/bsnoshadow/te.png') top right no-repeat; height:37px; width:60%; padding-right:25px;} .containerPlus.bsnoshadow .ne_welkom .te { background: none; height:37px; padding-right:28px; width:100%;} .containerPlus.bsnoshadow .t { height: 27px; padding-top: 5px; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; } .containerPlus.bsnoshadow .buttonBar { float: right; background: url('../images/container/bsnoshadow/t.png') top left repeat-x; } .containerPlus.bsnoshadow .buttonBar img { margin-top: 6px;} .containerPlus.bsnoshadow .ne_welkom .buttonBar img { margin-top: 1px;} /* * boekensalon - Purple no shadow */ .containerPlus.bspurple .icon { display: none; } .containerPlus.bspurple .no { background: url('../images/container/bspurple/no.png') bottom left no-repeat;} .containerPlus.bspurple .ne { background: url('../images/container/bspurple/ne.png') bottom right no-repeat;} .containerPlus.bspurple .ne_welkom { background: url('../images/container/bspurple/ne.png'); height: 16px; cursor: move;} .containerPlus.bspurple .n { background: url('../images/container/bspurple/n.png') bottom center repeat-x; margin-right: 11px; height:29px;} .containerPlus.bspurple .n { padding-top:0px; font-size:16px;-moz-user-select: none; -khtml-user-select: none} .containerPlus.bspurple .o { background: url('../images/container/bspurple/o.png') top left repeat-y;} .containerPlus.bspurple .e { background: url('../images/container/bspurple/e.png') top right repeat-y; margin-left: 13px;} .containerPlus.bspurple .c { background: url('../images/container/bspurple/c.png'); margin-right: 11px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.bspurple .c .mbcontainercontent { background-color: #54193D; color:#fff;} .containerPlus.bspurple .n a {} .containerPlus.bspurple .n a:hover { text-decoration:underline} .containerPlus.bspurple .so { background: url('../images/container/bspurple/so.png') bottom left no-repeat;} .containerPlus.bspurple .se { background: url('../images/container/bspurple/se.png') bottom right no-repeat; margin-left: 13px;} .containerPlus.bspurple .s { background: url('../images/container/bspurple/s.png') bottom repeat-x; padding-top: 15px; margin-right: 11px;} .containerPlus.bspurple .to { float: left; background: url('../images/container/bspurple/to.png') top left no-repeat; height:37px; width: 25px; margin-left: -24px;} .containerPlus.bspurple .te { background: url('../images/container/bspurple/te.png') top right no-repeat; height:37px; padding-right:28px; width:60%;} .containerPlus.bspurple .ne_welkom .te { background: none; height:37px; padding-right:28px; width:100%;} .containerPlus.bspurple .t { height: 27px; padding-top: 5px; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; } .containerPlus.bspurple .buttonBar { float: right; background: url('../images/container/bspurple/t.png') top left repeat-x; } .containerPlus.bspurple .buttonBar img { margin-top: 6px; } .containerPlus.bspurple .ne_welkom .buttonBar img { margin-top: 1px;} /* * boekensalon - video box */ .containerPlus.bsvideo .icon { display: none; } .containerPlus.bsvideo .no { background: url('../images/container/bsnoshadow/no.png') bottom left no-repeat;} .containerPlus.bsvideo .ne { background: url('../images/container/bsnoshadow/ne.png') no-repeat; background-position: right 19px;} .containerPlus.bsvideo .n { background: url('../images/container/bsnoshadow/n.png') repeat-x; background-position: 0 19px; margin-right: 11px; height:21px;} .containerPlus.bsvideo .n { padding-top:0px; font-size:16px;-moz-user-select: none; -khtml-user-select: none} .containerPlus.bsvideo .o { background: url('../images/container/bsnoshadow/o.png') top left repeat-y;} .containerPlus.bsvideo .e { background: url('../images/container/bsnoshadow/e.png') top right repeat-y; margin-left: 4px;} .containerPlus.bsvideo .c { background: url('../images/container/bsnoshadow/c.png'); margin-right: 4px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.bsvideo .c .mbcontainercontent { background-color: #ffffff; color:#000; margin-right: 0px; padding-right: 0px;} .containerPlus.bsvideo .n a{} .containerPlus.bsvideo .n a:hover{ text-decoration:underline} .containerPlus.bsvideo .so { background: url('../images/container/bsnoshadow/so.png') bottom left no-repeat;} .containerPlus.bsvideo .se { background: url('../images/container/bsnoshadow/so.png') bottom right no-repeat; margin-left: 13px;} .containerPlus.bsvideo .s { background: url('../images/container/bsnoshadow/s.png') bottom repeat-x; margin-right: 11px;} .containerPlus.bsvideo .to { float: left; background: url('../images/container/bsnoshadow/to.png') top left no-repeat; height:19px; width: 25px; margin-left: -24px;} .containerPlus.bsvideo .te { background: url('../images/container/bsnoshadow/te.png') top right no-repeat; height:19px; padding-right:28px; width:60%;} .containerPlus.bsvideo .t { height: 19px; padding-top: 3px; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; } .containerPlus.bsvideo .buttonBar { float: right; background: url('../images/container/bsnoshadow/t.png') top left repeat-x; } .containerPlus.bsvideo .buttonBar img { margin-top: 6px; } /* * boekensalon lightbox - no shadow */ .containerPlus.lightboxnoshadow .no { background: url('../images/container/bsnoshadow/no_lightbox.png') top left no-repeat; } .containerPlus.lightboxnoshadow .ne { background: url('../images/container/bsnoshadow/ne_lightbox.png') bottom right no-repeat; margin-left: 13px;} .containerPlus.lightboxnoshadow .n { background: url('../images/container/bsnoshadow/t.png') bottom center repeat-x; margin-right: 11px; height:30px;} .containerPlus.lightboxnoshadow .n { padding-top:0px; font-size: 12px; text-transform: uppercase; -moz-user-select: none; -khtml-user-select: none} .containerPlus.lightboxnoshadow .o { background: url('../images/container/bsnoshadow/o.png') top left repeat-y;} .containerPlus.lightboxnoshadow .e { background: url('../images/container/bsnoshadow/e.png') top right repeat-y; margin-left: 13px;} .containerPlus.lightboxnoshadow .c { background: url('../images/container/bsnoshadow/c.png'); margin-right: 11px; padding-top: 1px; padding-bottom: 1px; } .containerPlus.lightboxnoshadow .c .mbcontainercontent { background-color: #ffffff; color:#000;} .containerPlus.lightboxnoshadow .n a{} .containerPlus.lightboxnoshadow .n a:hover{ text-decoration:underline} .containerPlus.lightboxnoshadow .so { background: url('../images/container/bsnoshadow/so.png') bottom left no-repeat;} .containerPlus.lightboxnoshadow .se { background: url('../images/container/bsnoshadow/se.png') bottom right no-repeat; margin-left: 13px;} .containerPlus.lightboxnoshadow .s { background: url('../images/container/bsnoshadow/s.png') bottom repeat-x; padding-top: 15px; margin-right: 11px;} .containerPlus.lightboxnoshadow .to { float: left; background: url('../images/container/bsnoshadow/to.png') top left no-repeat; height:37px;} .containerPlus.lightboxnoshadow .te { float: none; background: url('../images/container/bsnoshadow/te.png') top right no-repeat; height:37px; width: 25px;} .containerPlus.lightboxnoshadow .t { height: 27px; padding-top: 4px; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; margin-right: 15px; } .containerPlus .o, .containerPlus .so { box-shadow: 5px 8px 8px #000000; -moz-box-shadow: 5px 8px 8px #000000; -webkit-box-shadow:5px 8px 8px #000000; } .containerPlus .no { filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=7) } .containerPlus.transparent .no { filter: none; } /* * boekensalon nieuwsbericht met verloop - no shadow */ .containerPlus.bsverloop .icon { display: none; } .containerPlus.bsverloop .no { background: url('../images/container/bsverloop/no.png') bottom left no-repeat;} .containerPlus.bsverloop .ne { background: url('../images/container/bsverloop/ne.png') bottom right no-repeat;} .containerPlus.bsverloop .n { background: url('../images/container/bsverloop/n.png') bottom center repeat-x; margin-right: 11px; height:29px;} .containerPlus.bsverloop .n { padding-top:0px; font-size:16px;-moz-user-select: none; -khtml-user-select: none} .containerPlus.bsverloop .o { background: #ffffff url('../images/container/bsverloop/o2.png') top left repeat-x;} /*.containerPlus.bsverloop .e { background: url('../images/container/bsverloop/e.png') top right repeat-y; margin-left: 13px;}*/ /*.containerPlus.bsverloop .c { background: url('../images/container/bsverloop/c.png'); margin-right: 11px; padding-top: 1px; padding-bottom: 1px; }*/ .containerPlus.bsverloop .c .mbcontainercontent { color:#000;} .containerPlus.bsverloop .n a {} .containerPlus.bsverloop .n a:hover { text-decoration:underline} .containerPlus.bsverloop .so { background: url('../images/container/bsverloop/so.png') bottom left no-repeat;} .containerPlus.bsverloop .se { background: url('../images/container/bsverloop/se.png') bottom right no-repeat; margin-left: 13px;} .containerPlus.bsverloop .s { background: url('../images/container/bsverloop/s.png') bottom repeat-x; padding-top: 15px; margin-right: 11px;} .containerPlus.bsverloop .to { float: left; background: url('../images/container/bsverloop/to.png') top left no-repeat; height:37px; width: 25px; margin-left: -24px;} .containerPlus.bsverloop .te { background: url('../images/container/bsverloop/te.png') top right no-repeat; height:37px; padding-right:28px; width:60%;} .containerPlus.bsverloop .t { height: 27px; padding-top: 5px; font-size: 12px; text-transform: uppercase; white-space: nowrap; overflow: hidden; } .containerPlus.bsverloop .buttonBar { float: right; background: url('../images/container/bsverloop/t.png') top left repeat-x; } .containerPlus.bsverloop .buttonBar img { margin-top: 6px; } /* * boekensalon - boekdelen */ #containerBoekdelen { background: url("../images/container/boekdelen/boekdelen.png") no-repeat;} #containerBoekdelen .icon { display: none; } #containerBoekdelen .boekdelenLogo { background: url('../images/container/boekdelen/boekdelen_logo.png') bottom left no-repeat;} #containerBoekdelen .te { height: 1px; width: 1px;} #containerBoekdelen .ne { background: none; height:15px; padding-right:30px; margin-top: 75px; width:100%; text-align: right;}