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

input.text, textarea { display:block; float:none; padding:0px 3px; margin-bottom:8px; height:18px; border:1px solid #A4A4A4; color:#222; font:11.7px Trebuchet MS;  }
textarea { height:100px;}

a.webetui_button { margin:8px 0 0 0; text-decoration:none; text-align:center; padding:3px 0 1px; display:block; width:130px; height:17px; color:white; background-image:url(../gfx/buttons.png); }
a.webetui_button:hover  { background-position:0 -21px;}
a.webetui_button.dimmed { background-position:bottom;}

a.webetui_button_short { margin:8px 0 0 0; text-decoration:none; text-align:center; padding:3px 0 1px; display:block; width:130px; height:17px; color:white; background-image:url(../gfx/buttons.png); }
a.webetui_button_short:hover  { background-position:0 -21px;}
a.webetui_button_short.dimmed { background-position:bottom;}

a.webetui_button_74 { width:74px; background-image:url(../gfx/buttons74.png); }

input.webetui_button { margin:8px 0 0 0; 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); }
input.webetui_button:hover { background-position:0 -21px;}

input.error { border-color:#E00; }
label.error { color:#E00; }
div#error_msg { color:#E00; background:white; padding:0; margin-bottom:0px; }
div#error_msg.error { border:1px solid #E00; }
div#error_msg div { float:left;}

a.ok, a.add, a.delete { display:block; width:31px; height:31px; background-image:url(../gfx/icons_trans.png); background-repeat:no-repeat; }
a.ok     { background-position:-128px -155px; }
a.add    { background-position:-128px -124px;}
a.delete { background-position:-160px -124px; }
a.ok:hover, a.add:hover, a.delete:hover { background-image:url(../gfx/icons_trans_hi.png);}


/* webetui_dropdown */
div.webetui_dropdown { cursor:pointer; font:11px Trebuchet MS; }
div.webetui_dropdown a { display:block; float:none; color:black; text-decoration:none; }
div.webetui_dropdown a.value { height:16px; padding:2px 3px 0 3px; border:1px solid #A4A4A4; background:#DDD url(../gfx/bg_dropdown.png) no-repeat;  background-position:right;}
div.webetui_dropdown div { display:none;position:absolute; margin:0 0 0 0; background:#FFF; border:1px solid #A0A0A0; border-top:0 }
div.webetui_dropdown div a { display:block; height:16px; padding:3px 3px 0px 3px; border-bottom:1px solid #ddd; }
div.webetui_dropdown div a:hover { color:white; background-color:#3e6fbf; }
div.webetui_dropdown a.label { color:#777; font-style:italic;}
div.webetui_dropdown div a.label { display:none; }

/* webetui_checkgroup */
div.webetui_checkgroup { padding:5px 0 5px 0 }
div.webetui_checkgroup a { display:block; color:black; padding:0px 0 0px 17px; margin:0 0 6px; height:13px; text-decoration:none; background-image:url(../gfx/icons_ctl/checkbox.gif); background-repeat:no-repeat }
div.webetui_checkgroup a:hover { background-position:0 bottom; color:#446cbd }
div.webetui_checkgroup a.selected { background-image:url(../gfx/icons_ctl/checkbox_sel.gif); }

div.webetui_dropdown#afzender { margin-bottom:8px; }
div.text.reply_to { margin-bottom:8px;}

/* ================ */
/* = webetui_tags = */
/* ================ */
div.webetui_tags { padding:2px 3px; position:relative;}
div.webetui_tags a { text-decoration:none; color:black;}
div.webetui_tags a.remove { padding-right:14px; background-image:url(../gfx/icons_ctl/removetag.gif); background-position:right 2px; background-repeat:no-repeat; }
div.webetui_tags a.add { background-image:url(../gfx/icons_ctl/addtag.gif); background-position:right 2px; background-repeat:no-repeat; padding-right:12px; }
div.webetui_tags div.taglist { display:none; position:absolute; background:white; border:1px solid #999; z-index:100; overflow:hidden; height:185px; }
div.webetui_tags div.taglist div.scroll { overflow:auto; background:white; display:block; position:relative; height:165px; border-bottom:1px solid #A4A4A4;}
div.webetui_tags div.taglist a.ok { position:absolute; right:0;}

div.webetui_tags div.taglist ul { margin:0; padding:0 }
div.webetui_tags div.taglist ul li { float:none; display:block; font-size:100%; padding:0 2px; cursor:pointer; }
div.webetui_tags div.taglist ul li.selected { background-color:#3e6fbf; color:#FFF; }
/*div.webetui_tags a.hover { background-position:right -20px }*/

/* ================== */
/* = webetui_rating = */
/* ================== */
div.webetui_rating   { height:16px; padding:2px 3px;}
div.webetui_rating a { display:block; float:left; width:14px; height:15px; background-image:url(../gfx/rating.png); background-position:0 0; outline:none; }
/*div.webetui_rating a:hover,*/
div.webetui_rating a.selected { background-position:0 -17px; }


/* ================= */
/* = webetui_table = */
/* ================= */

table.webetui_table { font:11.7px Trebuchet MS; font-size:11px; border:0; border-left:1px solid #DDD; margin:0; }
table.webetui_table td div,
table.webetui_table th div { background:transparent; padding:2px 2px 0px 4px; min-height:16px; line-height:14px; overflow:hidden; cursor:pointer; background-repeat:no-repeat; }

table.webetui_table td.subp { background:#eee; }

table.webetui_table th { border:0; font-size:11px; }
table.webetui_table td { padding:0; text-align:left; vertical-align:top; color:#444; border:0; border-bottom:1px solid #DDD; border-right:1px solid #DDD; cursor:pointer; background-color:white; background-repeat:no-repeat; cursor:pointer; font-size:11px; position:static;  }
table.webetui_table tr.selected td,
table.webetui_table tr.selected td div { background-color:#3e6fbf; color:#FFF; }
table.webetui_table tr.selected td div span { color:#FFF; }

table.webetui_table tr.hide { display:none; }

table.webetui_table td.center div { text-align:center; }
table.webetui_table td.right div { text-align:right; }
table.webetui_table td.foto_nr div { padding:0 2px 0 4px; height:18px;}
table.webetui_table td.foto_nr div span { float:left; display:block; width:12px; padding:2px 8px 0 0; text-align:right;}
table.webetui_table td img { display:block }

table.webetui_table th { padding:0 0 1px 0; color:#3e62ab; border-right:1px solid #DDD; cursor:pointer; text-align:left; background:#FFF url(../gfx/table_th_bg.gif) repeat-x; white-space:nowrap; /*border-top:1px solid #ddd;*/ border-bottom:1px solid #ddd; }
table.webetui_table th div { color:#3e62ab; /*line-height:1em;*/ }
table.webetui_table th.selected     { background-image:url(../gfx/table_th_bg_down.gif); background-position:right; }
table.webetui_table th.selected div { color:white }
table.webetui_table th.selected.desc { background-image:url(../gfx/table_th_bg_up.gif); }

table.webetui_table td a { display:block; width:16px; height:16px; padding:0; background-image:url(../gfx/icons_list.png); background-repeat:no-repeat; font:11px Trebuchet MS; }

table.webetui_table td a.preview { display:inline; background:none; width:auto; height:auto; margin-right:7px; text-decoration:none; color:#444;}
table.webetui_table td a.preview:hover { text-decoration:underline; }
table.webetui_table tr.selected td a.preview { display:inline; background:none; width:auto; height:auto; margin-right:7px; text-decoration:none; color:#fff;}

table.webetui_table tr.webetui_pagelinks td a { display:inline; background:none; width:auto; height:auto; margin-right:7px; text-decoration:none; color:#3E6FBF;}
table.webetui_table tr.webetui_pagelinks td a:hover { text-decoration:underline; }
table.webetui_table tr.webetui_pagelinks td { padding:0 0 1px 0; color:#3e62ab; text-align:left; background:#FFF url(../gfx/table_th_bg.gif) repeat-x; white-space:nowrap; border-bottom:1px solid #bbb; }

/*table.webetui_table a.icon        { display:block; float:left; width:16px; height:16px; background-repeat:no-repeat; }*/
/*table.webetui_table a.icon:hover  { background-position:bottom; }*/

table.webetui_table span.subp      { display:block; float:left;  padding:1px 0 0 0; width:34px; text-align:right; font:10px Verdana;}

span.modified { color:#888; }

div.webetui_rows { position:relative; overflow:auto; overflow-x:hidden; }
div.grid { position:relative; /*background-image:url(../gfx/table_th_bg.gif); background-repeat:repeat-x; background-position:0 1px;*/ }
div.colresize { position:absolute; top:0;}
div.colresize div { width:5px; position:absolute; cursor:col-resize; }
div.colresize div.drag { background-image:url(../gfx/colresize.gif); background-repeat:repeat-y; background-position:center; }

/* ==================== */
/* = table list icons = */
/* ==================== */
table.webetui_table td a            { float:left; background-color:transparent;}
table.webetui_table td a.right      { float:right; }

table.webetui_table td a.xls        { background-position: -16px  0; }
table.webetui_table td a.ppt        { background-position: -32px  0; }
table.webetui_table td a.doc        { background-position: -48px  0; }
table.webetui_table td a.pdf        { background-position: -64px  0; }
table.webetui_table td a.offline    { background-position: -80px  0; }
table.webetui_table td a.map        { background-position: -96px  0; }
table.webetui_table td a.login      { background-position:-112px  0; }
table.webetui_table td a.closed     { background-position:-112px  0; }

table.webetui_table td a.arrow_right       { background-position:   0   -16px; margin-left:5px; }
table.webetui_table td a.arrow_right:hover { background-position: -16px -16px; }
table.webetui_table td a.add_map           { background-position: -32px -16px; margin-left:5px; }
table.webetui_table td a.add_map:hover     { background-position: -48px -16px; }
table.webetui_table td a.tmpl              { background-position: -64px -16px; }
table.webetui_table td a.checkout          { background-position: -80px -16px; }
table.webetui_table td a.edit              { background-position: -96px -16px; }
table.webetui_table td a.redirect          { background-position:-112px -16px; }

table.webetui_table td.menu1 a.flag { background-position:   0   -32px; }
table.webetui_table td.menu2 a.flag { background-position: -16px -32px; }
table.webetui_table td.menu3 a.flag { background-position: -32px -32px; }
table.webetui_table td.menu4 a.flag { background-position: -48px -32px; }
table.webetui_table td.menu5 a.flag { background-position: -64px -32px; }
table.webetui_table td a.mp3,
table.webetui_table td a.wva,
table.webetui_table td a.audio      { background-position: -80px -32px; }
table.webetui_table td a.video      { background-position: -96px -32px; }

table.webetui_table td a.not_used    { background-position: -80px -48px; }
table.webetui_table td a.emailsend   { background-position: -112px -48px; }
table.webetui_table td a.used        { background-position: -48px -48px; }
table.webetui_table td a.broken_link { background-position: -32px -48px; }
table.webetui_table td a.login       { background-position: -96px -48px; }