/* BW main layout */
.sidebar { float: left; clear: left; width: 220px; display: inline; /* inline: The IE5/6 Doubled Float-Margin Bug */}
.main { left: 220px; position: absolute; 
        width: 800px; margin: 10px 0px 0px 0px; padding-bottom: 10px; } /* DRY with style.css */
#search { padding-bottom: 0px;}
.part .content { padding: 10px;}

/* BW banner */
.banner img { margin-left: 10px; margin-top: 5px;}
.banner .login { float: right; color: #e6e6d2; line-height: 45px; padding-right: 10px;}
.banner .login em { color: white;}
.banner .login a { color: #ABC180;}

/* BW sidebar */
.sidebar ul { padding-left: 25px; margin-left: 0px; margin-top: 0px; margin-bottom: 0px; }
.sidebar li div { padding-bottom: 5px; padding-top: 5px;}
.sidebar h3 { margin-top: 5px; margin-bottom: 5px; padding: 0px; text-transform: uppercase; cursor: default;}
.sidebar li span { font-size: 0.8em; color: #797979; } /* DRY: same as .refine span */
.sidebar li a { display: block; cursor: default; }
.sidebar .add_button { height: 18px; width: 18px; float: right; display: block; margin: 5px; background-image: url(../images/icons/add_button.png);}

/* get rid of doted borders on links that are clicked */
.sidebar a:active { outline: none;}
.sidebar a:focus { -moz-outline-style: none;}

/* .sidebar .active a { background-color: #deeebd; border: 2px solid #8fae4c; 
    background-image: url(../images/icons/active.png); background-repeat: no-repeat; background-position: center right;
    margin-left: -25px; padding-left: 23px; padding-bottom: 3px; padding-top: 3px; }
.sidebar .active { padding-bottom: 0px; padding-top: 0px;}*/

.sidebar .active div { padding-top: 4px; padding-bottom: 4px; margin-left: -5px; padding-left: 5px;
    background-color: #deeebd; border: 1px solid #8fae4c; 
    background-image: url(../images/icons/active.png); background-repeat: no-repeat; background-position: center right;}
/* when selecting a menu item, make sure submenus are not selected. 
   could ensure this with a simple .sidebar .active > div, but IE6 does not like that...*/
.sidebar .active ul li div { background: none; border: none; padding-top: 5px; padding-bottom: 5px; }
.sidebar .active { padding-top: 0px; padding-bottom: 0px;}
.sidebar .collapsible .active div { margin-left: -25px; padding-left: 25px;}
.sidebar .active a { margin-left: -1px;} /* compensate for the border around active items */
.sidebar .active ul li a { margin-left: 0px;}

/* ul.collapsible { list-style-image: url(../images/icons/uncollapsed.png); }
ul.collapsible .collapsed { list-style-image: url(../images/icons/collapsed.png); }*/
ul.collapsible { list-style-type: none; padding-bottom: 5px;}
ul.collapsible h3 { background: url(../images/icons/uncollapsed.png) no-repeat 5px 3px; 
    padding-left: 25px; margin-left: -25px;}
ul.collapsible .collapsed h3 { background-image: url(../images/icons/collapsed.png);}
ul.collapsible .collapsed ul { display: none; }

/* DISABLED. IE7 does not handle list-style-image well... */
/*ul.icons {  }
li.icon-selection, ul.selection-list { list-style-image: url(../images/icons/selection.png);}
li.icon-search { list-style-image: url(../images/icons/search.png);}
li.icon-inbox { list-style-image: url(../images/icons/inbox.png);}*/

ul.icons { list-style-type: none; list-style-image: none; padding-left: 0px;}
ul.icons li a { background-repeat: no-repeat; background-position: 0px 2px; padding-left: 18px;}
ul.icons li ul li a { padding-left: 36px; background-position: 18px 2px;}

ul.selection-list li a { background-image: url(../images/icons/selection.png); }
li.icon-search a { background-image: url(../images/icons/search.png);}
li.icon-inbox a { background-image: url(../images/icons/inbox.png);}
li.icon-teams a { background-image: url(../images/icons/teams.png);}
li.icon-smartfolder a { background-image: url(../images/icons/smartfolder.png);}

ul.selection-list li a.selection_q { background-image: url(../images/icons/selection_question.png);}
ul.selection-list li a.selection_i { background-image: url(../images/icons/selection_info.png);}

/* BW action bar */
#actions ul li { padding-left: 5px;}

/* BW selections bar */
#filter_selections { padding: 5px;}
#filter_selections .searchinput { display: block; float: none; width: 165px; }

/* pages overrides */
.page { margin-left: 2px; margin-right: 2px;}
.pages span { margin-right: -4px;} /* Hack to avoid additional spacing magically introduced on the right of the <span> */
.pages em { margin-right: 2px;}

#loader { position: absolute; z-index: 1000; background: white; text-align: center; }
.spinner { background: url(/images/loader.gif) no-repeat left center; padding-left: 20px;}

.result { background: white;}
.selected { background: #ffffcc; /*background: #f9f9c9;*/}
.dropcount { position: absolute; top: 0; left: 0; color: white; font-size: 3em; background: red; margin: 0px; padding: 0px; }
.sidebar li div.dropme, .sidebar .active ul li div.dropme { border: 1px solid #8fae4c; margin-left: -26px; padding-left: 25px; padding-top: 4px; padding-bottom: 4px;}

/* show baskets of a selection iff the show-baskets class is marked on the selection <li> */
.sidebar ul.collapsible ul li ul { display: none;}
.sidebar ul.collapsible ul li.show-baskets ul { display: block;}

#basket_content, #inbox_content { min-height: 100px;}

/* in BW, the results consist of an info part (with title etc) and a icons part at the bottom (for annotations, comments, etc) */
.result { padding-bottom: 2px;}
.result .info { height: 95px; overflow: hidden;}
.result .icons { height: 15px; float: right; }
.result dl dd { padding-left: 0px; margin-left: 0px;} /* keep IE happy */
.result .bottomicon { float: left; margin-left: 2px; background-color: #5b5b5b; background-repeat: no-repeat; background-position: 2px center;
    display: block; min-width: 10px; _width: 10px; height: 15px;
    color: white; font-size: 10px; line-height: 15px; text-align: left; padding-left: 13px; padding-right: 2px; cursor: pointer;}
.result .annotation { background-image: url(/images/icons/annotation.png); }
.result .annotation_transparent, .result .comments_transparent { background-color: #d2d2d2;}
.result .comments { background-image: url(/images/icons/comments.png);}

/*.blockPage { width: 30%; top: 40%; left: 35%; margin: 0px; padding: 0px;}*/
.blockPage { width: 50%; height: 50%; top: 25%; left: 25%; margin: 0px; padding: 0px;}
.popup { width: 100%; height: 100%; padding-top: 30px; padding-bottom: 10px; }
.popup input[type="text"] { width: 350px;}
.popup textarea { width: 100%; }
h2 .close_button { height: 18px; width: 18px; float: right; display: block; margin: 5px; background-image: url(/images/icons/close_button.png);}
.popup h2 { margin-top: -30px;}
.popup_content { padding: 5px; overflow-x: hidden; overflow-y: auto; height: 100%;}
.popup button { border: none; color: #64851c; margin-top: 5px;}

#popup_annotations .annotation { border: 1px solid #cdcdcd; padding: 5px; margin-bottom: 10px; margin-top: 5px; color: #797979;}
#popup_comments .comment { padding-bottom: 10px; margin-top: 5px; color: #797979;}
#popup_comments .comment_body { border: 1px solid #cdcdcd; border-bottom: none; padding: 5px; }
#popup_comments .comment_info { padding-top: 5px; background-image: url(/images/comment_bottom.png); background-repeat: no-repeat;}
#popup_comments .author { color: #64851C;}
#popup_comments .link { float: right; margin-left: 5px;}

/* log */
.log p { margin-bottom: 5px; margin-top: 0px; font-size: 0.8em;}
.log ul { padding-left: 0px; margin-top: 0px;}
.log ul li { border-bottom: 1px solid #d7d7c5; padding: 5px; padding-left: 5px;}
.log_date { display: block; float: right;}
.rightbar { background-color: #fafaf0; margin-bottom: -10px;}
.change_publication { width: 8px; float: left; height: 1em; background-repeat: no-repeat; background-position: bottom; margin-right: 2px;}
.change_published { background-image: url(/images/icons/change_published.png);}
.change_unpublished { background-image: url(/images/icons/change_unpublished.png);}
.log_arrow { height: 9px; width: 7px; float: right; margin-top: 10px; margin-right: 5px; }
.log_arrow_disabled { opacity: 0.5; filter: alpha(opacity=50);}
.log_right { background-image:url(/images/icons/log_right.png);}
.log_left { background-image:url(/images/icons/log_left.png);}

/* editinplace */
.part h2 input { width: 300px;}
.edit_handle, .save_handle, .cancel_handle, a.link { cursor: pointer; color: #64851C; }
h2 .edit_handle, h2 .save_handle, h2 .cancel_handle { color: #cdcdcd; }
.edit { display: inline;}
dd.description textarea { width: 500px;}

/* header */
dl.header dt { padding-left: 15px; color: black; background-repeat: no-repeat; background-position: center left;}
dl.header dd { padding-left: 15px; margin-left: 0px; margin-bottom: 3px; color: #797979;}
dl.header dt.description { background-image: url(/images/icons/annotation_header.png);}
dl.header dt.comments { background-image: url(/images/icons/comments_header.png);}
dl.header dt.keywords { background-image: url(/images/icons/keywords_header.png);}
dl.header dd.keywords { margin-bottom: 3px; margin-top: 3px;}
.keyword { color: #666666; background-color: #cdcdcd; margin-right: 5px; margin-bottom: 5px; padding: 1px; cursor: default; 
           float: left; text-align: middle; line-height: 18px; height: 18px; padding-left: 2px; padding-right: 2px; }
dd.keywords .selected { color: white; background-color: #90AE4C;}

/* add selection */
#popup_add label { padding-right: 10px;}
#popup_add dl { margin-bottom: 0px; margin-top: 5px;}
#popup_add dl dt { color: black;}
#popup_add dl dd { color: #797979;}
#popup_add .invalid { border: red 2px solid;}

/* publish rightbar */
.publish .publishinfo { padding: 10px; padding-bottom: 0px; color: #797979;}
.publish .publishinfo em { color: black;}
.publish ul { padding: 10px; padding-top: 0px;}
.publish ul li { background-repeat: no-repeat; background-position: center left; padding-left: 15px;}
.publish ul li a { color: #64851C;}

.publish li.icon-preview { background-image:url(/images/icons/preview.png);}
.publish li.icon-publish { background-image: url(/images/icons/publish.png);}
.publish li.icon-delete { background-image: url(/images/icons/delete.png);}
.publish li.icon-print { background-image: url(/images/icons/print.png);}
.publish li.icon-edit { background-image: url(/images/icons/edit.png);}
.publish li.icon-close { background-image: url(/images/icons/lock.png);}

/* publish popup */
.success { color: green;}
.failiure { color: red;}

/* selections filter */
.filtered { display: none;}

/* results (move me back to style.css) */
.info { width: 207px;} /* Fix for IE6 with long urls in sites*/
.result dd.url { line-height: 1.2em; height: 1.2em; overflow: hidden;}

.avatar { float: right; width: 60px; height: 60px; }
.unsubscribed { margin-left: 10px; color: red;}