/* Base elements ______________________________ */
body, html { margin:0px;padding:0px; }
body { background:#fff; font-family:verdana,sans-serif,helvetica,arial; color:#000; font-size:70%; text-align:left; }
div { padding:0 0 0 0; margin:0 0 0 0; }
form { margin:0 0 0 0; }
a img {border:none; margin:0 0 0 0; line-height:0px;}
a { text-decoration:none; color:#000; }
a:hover { text-decoration:underline; color:#AE0000; }
div.reset { clear:both; height:1px; float:none; font-size:0; }
hr { height:1px; border:0px solid #DFDFDF; color:#DFDFDF; background-color:#DFDFDF; margin:2px 0 2px 0; clear:both; }
ul { list-style:square; margin:1em 0 1em 0.6em; padding:0 0 0 34px; }
li { line-height:1.4em; margin:0 0 0 1.2em; padding:0 0 0 0; }
p { margin:0 0 0.8em 0; line-height:150%; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:bold; color:#043372; font-family:verdana,Arial,sans-serif,helvetica,arial; margin:0.5em 0 0.5em 0; }
h1 { font-size:130%; line-height:140%; }
h2 { font-size:130%; }
h3 { font-size:115%; }
h4 { font-size:100%; }
h5 { font-size:100%; }
h6 { font-size:100%; }
table { margin:0 0 0 0; font-size:100%; border:0px; border-collapse:collapse; border-spacing:0px; }
td { vertical-align:top; }



/* Wabbit login ______________________________ */
body#login {}
  #login a { color:#9B0400; }
  #login table.login_main { width:750px; height:100%; }
  #login td.login_left   { width:200px; background:#C7C3BB url('../images/wab_login_left_bg.gif') top left repeat-y; border-right:1px solid #808080; }
  #login td.login_right  { width:550px; padding:24px 16px 16px 16px; }
  #login div.login-box { width:500px; padding:6px; margin:4px 0 16px 0; border:1px dashed #000; background-color:#F7F6F5; }
  body#login table.login_table { width:400px; margin:0px 0 0px 0; }
  body#login table.login_table div { padding:3px 6px 3px 0px; }
  body#login td.wabbit_label { width:100px; color:#7E7E7E; font-weight:bold; }
  body#login td.wabbit_field { width:300px; }
  body#login form,input { font-size:94%; font-family:verdana,sans-serif,helvetica,arial; color:#000;  }
  body#login input.wabbit_input,textarea.wabbit_textarea { padding:1px 4px 2px 4px; width:200px; border:1px solid #000; background-color:#fff; color:#000; }
  body#login input.button { cursor:hand; cursor:pointer; padding:2px 12px 3px 12px; border:1px solid #000; background-color:#454545; color: #fff; font-weight:bold; font-size:100%; }
  body#login input.button.submit { background-color:#368C08; }
  body#login input.button.cancel { background-color:#686868; }

/* Wabbit bar top ______________________________ */
div#wabbit-bar { font-size:11px; height:32px; border-top:1px solid #fff; border-left:1px solid #fff; border-bottom:1px solid #808080; background:#C7C3BB url('../images/wab_bar_bg.gif') top left repeat-x; }
  * div#wabbit-bar { height:30px; }/* fool mozilla... */
  div#wabbit-bar a { color:#2C2C2C; }
  div#wabbit-bar a:hover { color:#043372; text-decoration:none; }
  div#wabbit-bar div.logo { padding:2px 0 0 9px; float:left; }
  div#wabbit-bar div.bar-menu { float:right; width:500px; height:30px; background:url('../images/wab_bar_bg_curve.gif') top left no-repeat; padding-right:6px; }
  div#wabbit-bar div.loggedin { float:left; height:30px; padding:8px 14px 3px 18px; }
  	div#wabbit-bar div.loggedin div.log { float:left; color:#666666; }
  	div#wabbit-bar div.loggedin div.username { float:left; color:#000; padding-left:4px; }
  div#wabbit-bar a.icon { float:left; display:block; margin-top:2px; background-position:top left; background-repeat:no-repeat; padding:6px 8px 8px 25px; }
  div#wabbit-bar a.icon_help { background-image:url('../images/wab_bar_icon_help.gif'); }
  	div#wabbit-bar a.icon_help:hover { background-image:url('../images/wab_bar_icon_help_r.gif'); }
  div#wabbit-bar a.icon_switch { background-image:url('../images/wab_bar_icon_switch.gif'); }
  	div#wabbit-bar a.icon_switch:hover { background-image:url('../images/wab_bar_icon_switch_r.gif'); }
  div#wabbit-bar a.icon_stats { background-image:url('../images/wab_bar_icon_stats.gif'); }
  	div#wabbit-bar a.icon_stats:hover { background-image:url('../images/wab_bar_icon_stats_r.gif'); }
  div#wabbit-bar a.icon_logout { background-image:url('../images/wab_bar_icon_logout.gif'); }
  	div#wabbit-bar a.icon_logout:hover { background-image:url('../images/wab_bar_icon_logout_r.gif'); }


/* Promenu (left frame) ____________________________________ */
div#promenu { width:100%; height:100%; font-size:100%;  }
  div#promenu h1 { font-size:100%; line-height:110%; margin:6px 0 2px 0; text-transform:uppercase; letter-spacing:0.1em; }
  div#promenu h1.firstLine { margin:0px 0 2px 0; }
  div#promenu div.seperator { clear:both; margin:4px 10px 4px 10px; padding:0px 0px 0px 0px; height:0px; border-top:1px solid #DFDFDF; line-height:0; font-size:0; }
  div#promenu div#prologo { background-color:#F7F6F5; border-bottom:1px solid #AFAFAF; text-align:right; padding:6px 10px 6px 10px; }
  div#promenu div.wabbiticons { float:none; margin-bottom:0px; padding:8px 10px 3px 10px; }
    div#promenu div.wabbiticons a { margin-left:0px; margin-right:4px; }

  div#promenu div.expand_collapse { margin:0 10px 0 0; }
    div#promenu div.expand_collapse a { width:13px; height:13px; float:right; display:block; margin-left:4px; background-position:top left; background-repeat:no-repeat; }
    div#promenu div.expand_collapse a.expand_all { background-image:url('../images/wab_pro_icon_expand_all.gif'); }
    div#promenu div.expand_collapse a.collapse_all { background-image:url('../images/wab_pro_icon_collapse_all.gif'); }

  div#promenu div.tree { padding:0px 0px 0px 0px; }
    div#promenu table#tree { width:100%; }
    div#promenu td.col_space { width:13px; height:1px; }
    div#promenu td.col_end { width:80%;}
    div#promenu td.icon { padding:4px 4px 2px 0px; /*text-align:right;*/ }
    div#promenu td.cols_2 { width:26px; }
    div#promenu td.cols_3 { width:39px; }
    div#promenu td.cols_4 { width:52px; }
    div#promenu td.cols_5 { width:65px; }
    div#promenu td.cols_6 { width:78px; }
    div#promenu td.cols_7 { width:91px; }
    div#promenu td.cols_8 { width:104px; }
    div#promenu td.cols_9 { width:117px; }
    div#promenu td.cols_10 { width:130px; }

    div#promenu td.article { padding:1px 0px 4px 0px; }
    div#promenu td.article.sel a { color:#AE0000; }
    div#promenu table#tree a.icon { float:right; display:block; width:9px; height:9px; background-position:top left; background-repeat:no-repeat; }
    div#promenu table#tree a.icon.empty { background-image:url('../images/wab_pro_icon_empty.gif'); }
    div#promenu table#tree a.icon.minus { background-image:url('../images/wab_pro_icon_minus.gif'); }
    div#promenu table#tree a.icon.plus { background-image:url('../images/wab_pro_icon_plus.gif'); }
    div#promenu table#tree a.icon.empty.sel { background-image:url('../images/wab_pro_icon_selected_empty.gif'); }
    div#promenu table#tree a.icon.plus.sel { background-image:url('../images/wab_pro_icon_selected_plus.gif'); }
    div#promenu table#tree a.icon.minus.sel { background-image:url('../images/wab_pro_icon_selected_minus.gif'); }
    div#promenu table#tree a.icon.article { background-image:url('../images/wab_icon_article.gif'); height: 11px; }
    div#promenu tr.collapsed { display:none; }
    div#promenu tr.expanded { display:table-row; }

  div#promenu div.modules { padding:4px 10px 4px 10px; }
    div#promenu div.modules a { display:block; background:url('../images/wab_pro_icon_modules.gif') top left no-repeat; padding:4px 0 5px 19px; margin-bottom:3px; }
    div#promenu div.modules a:hover { background:url('../images/wab_pro_icon_modules_r.gif') top left no-repeat; }

    div#promenu b.currentelement { color: #AE0000; }
    div#promenu div.disabledelement { color: #ccc; }

/* Main frame ____________________________________ */
div#wabbit_main { padding:14px; }


/* Wabbit edit screens ______________________________ */
div#wabbit_edit { padding:4px 10px 10px 10px;}
div#wabbit_edit div#routing { float:right; padding:5px 0px 5px 10px; color:#646464; font-size:84%;}
div#wabbit_edit h1 { font-size:120%; border-bottom:1px solid #747474; margin-top:1em;}

div#wabbit_edit table.edit_table { width:580px; margin:10px 0 10px 0; }
div#wabbit_edit table.edit_table div { padding:3px 6px 3px 6px; }
div#wabbit_edit td.wabbit_edit_label { width:80px; color:#7E7E7E; font-weight:bold; }
div#wabbit_edit td.wabbit_edit_label div { padding:3px 6px 3px 0px; }
div#wabbit_edit td.wabbit_edit_cols2 { width:580px; }
div#wabbit_edit td.wabbit_edit_cols2 div { padding:3px 6px 3px 0px; }
div#wabbit_edit td.wabbit_edit_field { width:500px; border-bottom:2px solid #fff; background-color:#E3E3E3; }
div#wabbit_edit td.wabbit_edit_field_submit {  }
div#wabbit_edit td.wabbit_edit_field_submit div { padding:5px 6px 3px 0px; }
div#wabbit_edit td.wabbit_edit_info { background-color:#FFFFD5; }

div#wabbit_edit form,input { font-size:94%; font-family:verdana,sans-serif,helvetica,arial; color:#000;  }
div#wabbit_edit input.wabbit_input,textarea.wabbit_textarea { padding:1px 4px 2px 4px; width:200px; border:1px solid #000; background-color:#fff; color:#000; }
div#wabbit_edit textarea.wabbit_textarea { width:440px; height:120px; font-size:90%; font-family:verdana,sans-serif,helvetica,arial; color:#000;}
div#wabbit_edit input.button { cursor:hand; cursor:pointer; padding:2px 12px 3px 12px; border:1px solid #000; background-color:#454545; color: #fff; font-weight:bold; font-size:100%; }
div#wabbit_edit input.button.submit { background-color:#368C08; }
div#wabbit_edit input.button.cancel { background-color:#686868; }
div#wabbit_edit input.wabbit_checkbox { background-color:#686868; }
div#wabbit_edit div.wabbit_edit_newscategories {height: 80px; overflow: auto;}
div#wabbit_edit input.wabbit_radio { padding:1px 4px 2px 4px; width:200px; border:1px solid #000; background-color:#fff; color:#000; }

/* date field in wabbit */
div#wabbit_edit table.wabbit_edit_datum {}
div#wabbit_edit table.wabbit_edit_datum b.wabbit_edit_date_selected {color: #fff; background-color: #c00}

/* Wabbit icons ______________________________ */
div.wabbitblok { padding:4px; margin:4px; border:1px dashed #000; }
div.wabbiticons { float:right; margin-bottom:4px; }
div.wabbiticons a { float:left; display:block; width:18px; height:18px; margin-left:4px; background-position:top left; background-repeat:no-repeat; }
  div.wabbiticons a.edit { background-image:url('../images/wab_icon_edit.gif'); }
  div.wabbiticons a.edit.inactive { background-image:url('../images/wab_icon_edit_inactive.gif'); }
  div.wabbiticons a.edit:hover { background-image:url('../images/wab_icon_edit_r.gif'); }

  div.wabbiticons a.add { background-image:url('../images/wab_icon_add.gif'); }
  div.wabbiticons a.add.inactive { background-image:url('../images/wab_icon_add_inactive.gif'); }
  div.wabbiticons a.add:hover { background-image:url('../images/wab_icon_add_r.gif'); }

  div.wabbiticons a.add_menu { background-image:url('../images/wab_icon_add_menu.gif'); }
  div.wabbiticons a.add_menu.inactive { background-image:url('../images/wab_icon_add_menu_inactive.gif'); }
  div.wabbiticons a.add_menu:hover { background-image:url('../images/wab_icon_add_menu_r.gif'); }

  div.wabbiticons a.remove { background-image:url('../images/wab_icon_remove.gif'); }
  div.wabbiticons a.remove:hover { background-image:url('../images/wab_icon_remove_r.gif'); }
  div.wabbiticons a.remove.inactive { background-image:url('../images/wab_icon_remove_inactive.gif'); }

  div.wabbiticons a.shift { background-image:url('../images/wab_icon_shift.gif'); }
  div.wabbiticons a.shift.inactive { background-image:url('../images/wab_icon_shift_inactive.gif'); }
  div.wabbiticons a.shift:hover { background-image:url('../images/wab_icon_shift_r.gif'); }

  div.wabbiticons a.preview { background-image:url('../images/wab_icon_preview.gif'); }
  div.wabbiticons a.preview.inactive { background-image:url('../images/wab_icon_preview_inactive.gif'); }
  div.wabbiticons a.preview:hover { background-image:url('../images/wab_icon_preview_r.gif'); }

/* Wabbit Stats ______________________________ */
body#stats {  }
body#stats div.stats { padding:10px 10px 30px 10px; width:90%; }
body#stats h1 { border-bottom:1px solid #747474; margin:1em 0 10px 0; }
body#stats h2 { font-size:110%; margin:0 0 0 0; }

body#stats a { text-decoration:underline; color:#AE0000; }
body#stats a:hover { text-decoration:underline; color:#000; }

body#stats div#stats_nav { margin:10px 0 10px 0; border-bottom:1px solid #747474; }
body#stats div#stats_nav a { display:block; border-top:1px solid #747474; padding:5px 4px 7px 4px; color:#353535; font-weight:bold; text-decoration:none; background:#E3E3E3;}
body#stats div#stats_nav a:hover { background:#CDCDCD; color:#AE0000; }
body#stats div#stats_nav a.current { color:#AE0000;}

body#stats table#stats_main { width:100%; }
body#stats table#stats_main td.col1 { width:15%; background:#EEEEEE; }
body#stats table#stats_main td.col2 { width:85%; padding:0 0 0 10px; }

body#stats div#nav_weeks { margin:0 0 10px 0; }
body#stats div.chart { border:1px solid #747474; margin:10px 0px 10px 0px; padding:10px; }
body#stats div.chart img { margin: 0 0 10px 0; clear:both; }
body#stats div.chart a { display:block; float:left; margin:0 6px 0 0; padding:2px 12px 3px 12px; border:1px solid #000; background-color:#368C08; color:#fff; font-weight:bold; font-size:100%; text-decoration:none; }
body#stats div.chart a:hover { background:#55A22B; color:#fff;  text-decoration:none;}

body#stats table.stats_data_2cols { margin:0px 0px 0px 0px; width:100%; border-spacing:0px; }
body#stats table.stats_data_2cols td.cc1 { width:50%; }
body#stats table.stats_data_2cols td.cc2 { width:50%; padding-left:10px; }

body#stats table.stats_data { margin:10px 0px 10px 0px; width:100%; border-spacing:0px; background:#F5F5F5; border-top:1px solid #747474; border-left:1px solid #747474; }
body#stats table.stats_data th { padding:4px 10px 7px 10px; font-weight:bold; background:#CDCDCD; border-bottom:1px solid #747474; border-right:1px solid #747474; }
body#stats table.stats_data td { padding:3px 10px 5px 10px; border-bottom:1px solid #747474; border-right:1px solid #747474; }
body#stats table.stats_data td.row_0 { }
body#stats table.stats_data td.row_1 { background:#E3E3E3; }
body#stats table.stats_data td.empty { color:#797979;}

body#stats div.total { margin:0px 0px 10px 0px; padding:4px 10px 7px 10px; font-weight:bold; background:#CDCDCD; border:1px solid #747474; }

body#stats div.btn { padding:4px 0px 7px 0px; }
body#stats input.button { cursor:hand; cursor:pointer; padding:2px 12px 3px 12px; border:1px solid #000; background-color:#368C08; color: #fff; font-weight:bold; font-size:100%; }

body#stats table.progressbar { margin:10px 0px 10px 0px; border-spacing:0px; border-width:0px; background:#; /*F5F5F5;*/ }
body#stats table.progressbar td { border-width: 0px; }
body#stats table.progressbar td.progress_col1 { width:220px; font-size:90%; padding:2px 0 2px 2px; border:1px solid #747474;}
body#stats table.progressbar td.progress_col2 { width:120px; }

body#stats div.progress_block { background-color:#CDCDCD; float:left; width:20px; height:12px; margin-right:2px; }
body#stats div.progress_block.progress_filled { background-color:#C20000; }
body#stats div#percentage { padding:1px 0 0 6px; font-weight:bold;}

body#stats div.prog0 { background-color:#EBF3E6; }
body#stats div.prog1 { background-color:#D7E8CE; }
body#stats div.prog2 { background-color:#C2DCB4; }
body#stats div.prog3 { background-color:#AFD19C; }
body#stats div.prog4 { background-color:#9AC583; }
body#stats div.prog5 { background-color:#86BA6B; }
body#stats div.prog6 { background-color:#72AE52; }
body#stats div.prog7 { background-color:#5EA339; }
body#stats div.prog8 { background-color:#4A9720; }
body#stats div.prog9 { background-color:#368C08; }


td.wabbit_edit_subnode_add { background-color:#FFFFD5; }

div#wabbit_edit div.scrollable {height: 80px; overflow: auto;}