/* DIALOG */
.ui-dialog { position: relative; padding: .2em; width: 300px; }
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; font-size: 14px; line-height: 20px; font-weight: bold; text-transform: uppercase; color: #FFFFFF;} 

.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; background: url(../images/dialog/FFFFFF_11x11_icon_close.gif) 0 0 no-repeat;}
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; background: url(../images/dialog/FFFFFF_11x11_icon_close.gif) 0 0 no-repeat;}
.ui-dialog-titlebar-close:active { background: url(../images/dialog/FFFFFF_11x11_icon_close.gif) 0 0 no-repeat; }

.ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Voor buttons onderaan de pop-up - Gaan we zeer waarschijnlijk niet gebruiken, maar toch */
/*.ui-dialog-buttonpane { position: absolute; bottom: 0; width: 100%; text-align: left; border-top: 1px solid #aaaaaa; background: #ffffff; }
.ui-dialog-buttonpane button { margin: .5em 0 .5em 8px; color: #555555; background: #e6e6e6 url(../images/dialog/e6e6e6_40x100_textures_02_glass_75.png) 0 50% repeat-x; font-size: 1em; border: 1px solid #d3d3d3;	cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; }
.ui-dialog-buttonpane button:hover { color: #212121; background: #dadada url(../images/dialog/dadada_40x100_textures_02_glass_75.png) 0 50% repeat-x; border: 1px solid #999999; }
.ui-dialog-buttonpane button:active { color: #212121; background: #ffffff url(../images/dialog/ffffff_40x100_textures_02_glass_65.png) 0 50% repeat-x; border: 1px solid #aaaaaa; }

/* This file skins dialog */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar { cursor: move; }

/*.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: 13px; height: 13px;right: 0px; bottom: 0px; background: url(../images/dialog/222222_11x11_icon_resize_se.gif) no-repeat 0 0; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; }*/

body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
