#dashboard{    background:#efefef;     border-top:0 none; float:right;     margin:0 11px 0 0;     padding:0 0 10px 10px;     width:242px}
#dashboard_suround_open{width:242px}

#dashboard_suround{    border:0 none;     border-left:1px solid #999;     float:left;     padding:10px 0 10px 10px;     width:230px}

#dashboard ul{   border-right:0;     float:left;     font-size:0.8em;     list-style:none outside none;     margin:0;     padding:0;     width:100%}
#dashboard_suround_open_r, 
#dashboard_suround_close_r{display:none}
#dashboard_suround li{width:220px; float:left}
#dashboard li a{width:175px; padding-left:40px}

#dashboard li a.complete{background-image:url(/html/images/dash/dashboard_completed.jpg); background-position:left; background-repeat:no-repeat; color:#000}
#dashboard li a.not_started{background-image:url(/html/images/dash/dashboard_not_started.jpg); background-position:left; background-repeat:no-repeat; color:#999}
#dashboard li a.editing{background-image:url(/html/images/dash/dashboard_edit.jpg); background-position:left; background-repeat:no-repeat; color:#C61818}
#dashboard li a.not_started:hover{background-image:url(/html/images/dash/dashboard_edit.jpg); background-position:left; background-repeat:no-repeat; color:#C61818}
#dashboard li a.complete:hover{background-image:url(/html/images/dash/dashboard_edit.jpg); background-position:left; background-repeat:no-repeat; color:#C61818}

#progress_bar{margin-top:10px; padding-top:10px; border-left:1px solid #999; margin-bottom:10px; background-image:url(/html/images/bg/article_corner.gif); background-repeat:no-repeat}
#progress_bar_suround_close{clear:left; background-image:url(/html/images/bg/article_corner.gif); background-repeat:no-repeat; background-position:bottom left; height:1px; width:11px; padding-top:10px}
#progress_bar span{font-size:12px; font-weight:bold; color:#666; padding:0 0 5px 10px; float:left; width:100%}
#progress_bar ul{   background-image:url("/html/images/bullet/progress_bg.png");     background-repeat:no-repeat;     border:1px solid #404040;     color:#FFF;     font-size:8px;     height:20px;     margin:5px 0 0 10px;     width:227px}
#progress_bar ul li{  clear:right;     float:left;     line-height:20px;     text-align:center;     width:22.7px}
#progress_bar ul li.prog_done{background-image:url(/html/images/bullet/progress_done.png);    clear:right;     line-height:20px;     text-align:center;     width:22.7px}

body .toolbar{height:auto; margin-bottom:10px; float:left}
body .toolbar h3{border:1px solid #CCC; padding:7px 10px; font-size:1em !important; background:#CCC; border-bottom:0; -webkit-border-top-left-radius:10px; -webkit-border-top-right-radius:3px; -moz-border-radius-topleft:3px; -moz-border-radius-topright:3px; border-top-left-radius:3px; border-top-right-radius:3px; margin-bottom:0; width:100px;}
body .toolaction{padding:10px; height:auto; float:left; clear:both; width:686px;  background:#fff !important; margin-bottom:10px; border:1px solid #ddd; -webkit-border-radius:3px; -webkit-border-top-left-radius:0; -moz-border-radius:3px; -moz-border-radius-topleft:0; border-radius:3px; border-top-left-radius:0}
.toolaction .right{font-size:1em; font-weight:bold; color:#000; text-decoration:underline; float:right;}
.toolwrap{float:left; margin-right:10px; margin-top:2px}
.toolwrap a{color:#000 !important; text-decoration:none; margin-bottom:0px; padding:5px; width:80px; display:block; background:#ccc; text-align:center; font-size:1em; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.toolwrap a:hover{background:#333; color:#fff !important}
.toolwrap a.selected{color:#fff !important; border-bottom:2px solid #333; background:#333; -webkit-border-bottom-left-radius:0; -moz-border-radius-bottomleft:0 !important; border-bottom-left-radius:0 !important; -webkit-border-bottom-right-radius:0; -moz-border-radius-bottomright:0 !important; border-bottom-right-radius:0 !important}
.toolwrap .toolinput{position:absolute; overflow:auto; max-height:200px; padding:10px; background:#333; width:200px; -webkit-border-radius:3px; -webkit-border-top-left-radius:0; -moz-border-radius:3px; -moz-border-radius-topleft:0; border-radius:3px; border-top-left-radius:0}
.toolwrap .toolinput ul li{color:#fff;  line-height:1.5em}
.toolwrap p{color:#fff}
.toolwrap ul li{background:#333; color:#000; line-height:1.5em; padding-left:0; margin-bottom:0}
.toolwrap ul li a{background:#333; color:#fff !important; padding:0; font-size:1em; font-weight:normal; display:block; width:100%; text-align:left; text-indent:0px; -webkit-border-radius:2px; -moz-border-radius:2px; border-radius:2px}
.toolwrap ul li a:hover{text-decoration:underline}
.filterelement a{width:auto; float:left}
.toolwrap a.close{   background:url("/html/images/icons/xp/pngs/16/remove.png") no-repeat scroll left center transparent;  cursor:pointer;  float:none;  margin-bottom:5px;  padding:2px 0 2px 20px;  text-decoration:underline;  width:35px; color:#fff !important}

/*public table*/
#table-event-list{}
#table-event-list .book{ background:url("/html/images/icons/xp/pngs/16/add.png") no-repeat left center transparent; padding:0 0 0 20px; height:16px; line-height:16px; display:block;}
#table-event-list .full{ background:url("/html/images/icons/xp/pngs/16/delete.png") no-repeat left center transparent; padding:0 0 0 20px; height:16px; line-height:16px; display:block; color:red;}