/*
   dialog.css
   YPOS4 - webetui_lib4
   
   Created by Ronald Werring on 2010-05-12.
   Copyright 2010 YPOS internettoepassingen B.V.. All rights reserved.
*/

/* =============================== */
/* = Dialog algemeen (ui-dialog) = */
/* =============================== */
.ui-widget { font-family: Trebuchet MS, Verdana, Arial, sans-serif; font-size: 1.1em; }
/*.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #999 url(../gfx/black40.png) 50% 50% repeat; opacity: .50; filter:Alpha(Opacity=50); }*/
.ui-widget-overlay { position:absolute; top: 0; left: 0; width: 100%; height: 100%; background:url(../gfx/black50.png) repeat;  }
.ui-dialog .ui-dialog-titlebar { 
  cursor:move; 
  height:33px; 
  padding:0 0 0 5px; 
  background:#dedfe3 url(../gfx/bg_toolbar.png) repeat-x; background-position:0 -33px;  
  border-top-left-radius:8px;
  border-top-right-radius:8px;
  -webkit-border-top-left-radius:8px;
  -webkit-border-top-right-radius:8px;
  -moz-border-radius-topleft:8px;
  -moz-border-radius-topright:8px;
}
.ui-dialog-title { display:block; padding:9px 0 6px 29px; }
.dock_titlebar .ui-dialog-title { font-size:11.7px; }
.ui-dialog-title-icon { width:31px; height:31px; float:left; background-image:url(../gfx/icons.png); background-repeat:no-repeat; }
.ui-dialog-titlebar-close { position: absolute; right:4px; top:1px; width:31px; height:31px; background-image:url(../gfx/icons.png); text-indent:-100px; font-size:1px; overflow:hidden; }
.dock_titlebar .ui-dialog-titlebar-close { top:1px; right:2px;}

.ui-dialog .ui-dialog-content { 
  border: 0; 
  background:#E5EAF2 url("../gfx/bg_dialog.jpg") repeat-x; 
  -webkit-border-bottom-left-radius:8px; 
  -webkit-border-bottom-right-radius:8px; 
  -moz-border-radius-bottomleft:8px; 
  -moz-border-radius-bottomright:8px; 
  border-radius-bottomleft:8px;
  border-radius-bottomright:8px;
}

.ui-dialog { 
/*  border:1px solid #A4A4A4; */
  -webkit-border-radius:8px;
  -moz-border-radius:8px; 
  border-radius:8px;
  -webkit-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.5);
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n, 
.ui-resizable-s,
.ui-resizable-e,
.ui-resizable-w,
.ui-resizable-sw,
.ui-resizable-nw,
.ui-resizable-ne, { display:none }
.ui-widget-content { background:#d7e9fc; color: #333333; font:11.7px Trebuchet MS; padding:0 }
.ui-dialog { position:fixed; width:300px; background:none;}
.ui-dialog .ui-resizable-se { width:14px; height:14px; background-image:url(../gfx/dlgresize.png); background-repeat:no-repeat; position:absolute; right: 1px; bottom: 1px; cursor: se-resize;}
.ui-draggable .ui-dialog-titlebar { cursor: move; }
a.ui-dialog-dock,
a.ui-dialog-undock { position:absolute; right:27px; top:0px; }
.dock_titlebar a.ui-dialog-dock,
.dock_titlebar a.ui-dialog-undock { top:1px; }

div#dlg_link { overflow:auto;}

.ui-dialog form input.text { margin:0 0 6px; padding:1px 2px;}

.ui-dialog-content { padding:8px; overflow:hidden;}

/* =========== */
/* = confirm = */
/* =========== */
#ui-dialog-confirm { padding-top:0;}
#ui-dialog-confirm p { font-size:13px; margin:0; height:73px; background-image:url(../gfx/alert_icon.png); background-position:10px 10px; background-repeat:no-repeat; padding:14px 0 0 85px;  }
#ui-dialog-confirm a.webetui_button { float:right; margin:0 8px; position:relative; bottom:10px; }

/* ============= */
/* = Hyperlink = */
/* ============= */
#ui-dialog-Hyperlink { padding:0; }
#ui-dialog-Hyperlink ul#webetui_subtabs { padding:2px 0 0 0; height:18px; background:white;}
#ui-dialog-Hyperlink ul#webetui_subtabs li:first-child { padding-left:10px }
#webetui_dock ul#webetui_subtabs { padding:0; height:20px; background:white;}
#webetui_dock ul#webetui_subtabs li:first-child { padding-left:10px }
#ui-dialog-Hyperlink div.hyperlink_body { padding:8px; }
#ui-dialog-Hyperlink div#error_msg { /*display:none;*/ background-image:url(../gfx/icon-error.png); background-repeat:no-repeat;  }
/*div#hyperlink { padding:6px 8px; overflow:hidden;}
div#hyperlink ul.tabs { margin:0 0 8px 0px; height:14px; padding:0; }
div#hyperlink ul.tabs li { display:inline; }
div#hyperlink ul.tabs li a { display:block; float:left; text-decoration:none; font-weight:bold; color:#446cbd; text-decoration:none; padding:0 8px; }
div#hyperlink ul.tabs li a:first-child { padding-left:0;}
div#hyperlink ul.tabs li a.selected { color:#f80 }
div#hyperlink ul.tabs li a:hover { color:#8196C1 }
div#hyperlink input.text { width:286px;}
div#hyperlink div.webetui_rows { width:294px; height:230px;}
div#hyperlink a.webetui_button { margin:8px 0 0 0; }
*/

/* ========= */
/* = Fotos = */
/* ========= */
div#dialog_fotos { height:200px; overflow:auto; overflow-x:hidden; }
div#dialog_fotos div.foto,
div#dialog_fotos div.map { float:left; width:80px; height:80px; padding:4px; background:white; border:1px solid #DDD; border-left:0; border-top:0; cursor:pointer; }
div#dialog_fotos div.map { padding-top:64px; height:20px; background-image:url(../gfx/map_foto_small.gif); background-position:-9px 12px; }
div#dialog_fotos div.map label { display:block; text-align:center; font:9px Trebuchet MS; color:#777; }
div#dialog_fotos div.selected { background-color:#3e62ab; color:white; background-position:-9px -75px;}
div#dialog_fotos div.selected label { color:white; }
div#dialog_fotos { margin:0 0 8px; overflow:auto; overflow-x:hidden;  }

/* ========== */
/* = Videos = */
/* ========== */
div#dialog_videos { height:242px; overflow:auto; overflow-x:hidden; }
div#dialog_videos div.video { width:150px; height:100px; overflow:hidden; background:white; float:left; border:1px solid #DDD; border-left:0; border-top:0; margin:0; padding:10px 10px 10px 10px; position:relative; }
div.video label { font:9px Trebuchet MS; color:#777; display:block; text-align:center; }
div#dialog_videos div.selected { background-color:#3e62ab; color:white; background-position:-9px -75px;}
div#dialog_videos div.selected label { color:white; }
div#dialog_videos div.fragment { position:absolute; left:0; top:0; width:150px; height:100px; left:10px; top:10px; cursor:pointer; }
div#dialog_videos div.fragment div { height:100px;}
div#dialog_videos div.eventcapture { position:absolute; left:0; top:0; width:150px; height:100px; left:10px; top:10px; cursor:pointer; }
div#dialog_videos div.selected div.eventcapture { display:none; }


/* =========== */
/* = ExtChar = */
/*
   dialog.css
   YPOS4 - webetui_lib4
   
   Created by Ronald Werring on 2010-09-17.
   Copyright 2010 YPOS internettoepassingen BV. All rights reserved.
*/

/* =========== */
div.extchar a { display:block; text-decoration:none; color:#666; background:white; font-size:14px; display:block; float:left; width:14px; padding:5px 7px;
                text-align:center; border:1px solid #A4A4A4; border-left:0; border-top:0;
                cursor:pointer  }
div.extchar a:hover { background:#DFE5EF; }

/* Dialog PageProp */
/*form#pageprop { padding:8px;}*/
form#pageprop label { padding:3px 0px 1px 3px;}
form#pageprop input.text { width:96%; margin:0 0 6px;}
form#pageprop input.short { width:135px;}
form#pageprop a.submit { margin:12px 0 6px 138px;}
label { color:#446cbd; display:block; }
label.left { float:left; padding-top:3px; width:135px; }

form#pageprop div.webetui_tags { border:1px solid #A4A4A4; padding:3px; margin:0 0 8px; width:96%;}
form#pageprop div.webetui_dropdown, 
form#pageprop div.webetui_rating { margin:0 0 6px 138px; width:143px; }

div.webetui_dropdown a.menu1 { background-image:url(../gfx/icons_list/listicon_menu_01.gif) }
div.webetui_dropdown a.menu2 { background-image:url(../gfx/icons_list/listicon_menu_02.gif) }
div.webetui_dropdown a.menu3 { background-image:url(../gfx/icons_list/listicon_menu_03.gif) }
div.webetui_dropdown a.menu4 { background-image:url(../gfx/icons_list/listicon_menu_04.gif) }
div.webetui_dropdown a.menu5 { background-image:url(../gfx/icons_list/listicon_menu_05.gif) }
div.webetui_dropdown a.menu  { padding-left:17px; background-repeat:no-repeat; background-position:4px 4px; }

/* ================ */
/* = SiteSettings = */
/* ================ */
form#sitesettings label { padding:3px 0 1px 3px; }
form#sitesettings div.webetui_dropdown { margin-bottom:20px; }

/* ============================ */
/* = login, forgotpw, resetpw = */
/* ============================ */
div.pw-dialog { padding:0; background:#d1dff7 url(../gfx/bg_redactie.png) repeat-x;  }

div.pw-dialog  div#webetui_logo { background:url(../gfx/logo_redactie.png) no-repeat; width:264px; height:106px; margin:0 0 14px; }

div.pw-dialog form { padding:16px 24px; margin:0; }
div.pw-dialog label { width:76px; margin:0; padding:3px 0 0 0; float:left;}
div.pw-dialog input.text { width:185px; background:white; border:1px solid #A4A4A4; }
div.pw-dialog input.webetui_submit { margin:15px auto; padding:0 0 3px 0; border:0; background:none; cursor:pointer; display:block; width:108px; height:21px; color:white; background-image:url(../gfx/buttons108.png);}

div.pw-dialog div#error_msg { position:absolute; left:24px; top:150px; padding:2px 8px; display:none; }

div.pw-dialog h2 { font:12px Trebuchet MS; color:#446cbd; margin:0 0 10px; font-weight:bold }
div.pw-dialog p  { margin:12px 0 }

div.pw-dialog div.error_msg { display:none; position:absolute; left:25px; top:135px; width:324px; border:1px solid #e00; color:#e00; background:white; padding:3px; }

#ui-dialog-forgotpw input.text { width:240px; margin:0 0 12px; }
#ui-dialog-resetpw label { width:110px; margin:0 0 2px; }
#ui-dialog-resetpw input.text { width:140px; margin:0 0 15px; }
#ui-dialog-resetpw input.webetui_submit { margin:25px auto; }
#ui-dialog-login a.forgotpw { color:#446cbd; font-size:10.5px; display:block; margin:5px 0; text-align:center; }

/* ============== */
/* = UserPasswd = */
/* ============== */
#ui-dialog-UserPasswd div.readonly { margin:0 0 6px; padding:3px; border:1px solid #A4A4A4; }

/* ============= */
/* = Functions = */
/* ============= */
#functions label { padding:3px 0px 1px 3px; float:none;}
#functions div.webetui_dropdown { margin:0 0 6px 0px; width:250px; }
#functions div.webetui_dropdown div { height:200px; overflow-y:scroll; }
/* help info */
#functions { color:#333;}
#functions #help div { display:none; border:1px solid #A4A4A4; padding:8px; }
#functions #help h1  { font-weight:bold; font:13px Trebuchet MS; padding:2px 0; margin:0 0 8px; color:#333; background:none; }
#functions #help p   { margin:0 0 8px; }
#functions #help ul  { margin:0 0 0 18px; padding:0; list-style-type:disc;}

/* =============== */
/* = Dialog Tags = */
/* =============== */
div#dialogtags div.change { height:31px; margin-bottom:8px; }
div#dialogtags input.text { width:258px; margin:5px 0 8px 0; float:left;}
div#dialogtags a.ok,
div#dialogtags a.add,
div#dialogtags a.delete { float:left; margin-right:-3px; }

/* Dialog MediaFolder */
form#mediafolder input.text { margin:0 0 6px;}
form#mediafolder a.submit { margin:12px 0 6px 0;}

/* Dialog Form */
form#form textarea { font-family:Monaco, monospace; font-size:11px; }

/* ================== */
/* = NewsletterSend = */
/* ================== */
form#newsletter_send label { padding:3px 0px 1px 3px; float:none;}
form#newsletter_send div#maillist { width:158px; float:left; margin-right:8px; }
form#newsletter_send div#maillistinfo { width:150px; margin-left:160px; display:none;}
form#newsletter_send input#naartest { width:120px; }
form#newsletter_send div.text { border:1px solid #A4A4A4; color:#222; font:11.7px Trebuchet MS; padding:2px 3px; }