/*========================================
* List Layout
*
*
*========================================*/
.unread{color:#0033cc!important;
        font-weight:700;}
.readed{font-weight:400}
.bMode{
    color: #ff0000;
    margin-right: .1em;
}

.bDesc{color:#666
}
.bDesc .nPeople{
    font-size:11px;
    font-weight: bold;
}
.bookmarkTitle{
}
.ditemItem h3 a.readEntry{
    float:right;
    font-size: 12px;
}
/* float menu*/
.menuBox{
    height:20px;
}
.menuBox li{
    float:left;
}
.menuItem{
    padding: 0 .6em 0 0;
    font-size: .9em
}


.menuItemHover .menuBox span{
    color: #0066cc;
}
.menuBox span.menuItemOnAction{
    color: #fff;
    background-color: #0066cc;
}
.itemNoticer{
    background-color: #ffffcc;
    font-size: .8em;
    color: #ff9900;
    padding: .1em .3em;
}
/* float menu*/
.shareMenu{
}

.Dark{
    /*  background-color:#ebf7d7;*/
}
.cEditor{
}
.cEditor .webFormA{
    background-color: #eceff5;
    padding: 10px;
}
.cEditor .webFormA fieldset{
    padding: 0;
    border: none;
}
.cEditor .webFormA .bottomBtn{
    margin-top: 0;
}
.cEditor .webFormA textarea{
    width: 431px;
    height: 80px;
    font-size: 14px;
    border: 1px solid #d9d9d9;
    border-top-color: #999;
    border-left-color: #999;
    padding: 2px;
}
.cEditor .commentNoticer{
    font-size: 12px;
    margin-left: 5px;
    color:#666;
}
.cEditor .webFormA .bottomChecker{
    float: left;
    font-size: 11px;
    font-weight: normal;
}
.cEditor .webFormA .bottomChecker input{
    margin-right: 2px;
}
.cEditor .commentAlert{
    display: block;
    font-size: 12px;
    line-height: 26px;
    background-color: #F8FAFC;
    padding: 0 5px;
    color: #000;
    border: 1px solid #B5D4FE;
    margin-bottom: 5px;
    margin-top: 5px;
    background-color: #FFFBD9;
    border: 1px solid #FFE79B;
    color: #666;



}
.cEditor .commentAlert a{
    text-decoration: underline;
}

.highlightOption{
    text-align: right;
    margin-top: 3px;
}
.highlightOption img{
    cursor: pointer;
    cursor: hand;
}

.priBC{
    margin: 0 .3em;
}
.priBC strong{
    font: bold 14.7px Arial, Helvetica, sans-serif;
    color: #ff0000;
}
.noClipping{
    border-left: 3px solid #a3c1e2;
    padding: 0 .3em;
    margin: 0 .3em;
    background-color:#eee;
}
.noPubHighlight{
    border-left: 3px solid #8fd58f;
    padding: 0 .3em;
    margin: 0 .3em;
    background-color:#eee;
}

#ditemListOB{
}
.privateC{
    background:url(/prx/000/https/www.diigo.com/images/comments-private.gif) 0 5px no-repeat!important;
}

.highlight .tail{margin-top:5px;}
.highlight .diigoContent img{
    max-width: 99%;
}
.cContent, .sContent{
    display: inline;
    width: 100%;
    overflow: auto;
    color:#444;
}
.cContent img, .sContent img{
    max-width: 99%;
}
.itemNotice{
    padding-left: 22px;
    background-color: #f5f5f5;
    font-size: .8em;
    line-height: 150%;
}
.itemSuc{
    color:#009900;
}
.itemFai{
    color: #990000;
}


/*list my */
.ditemEditForm{
    font: .85em Arial, Helvetica, sans-serif;
}
.ditemEditForm table{
    font: 1em Arial, Helvetica, sans-serif;
}
.ditemEditForm tr{
    height: 26px;
}
.ditemEditForm th{
    padding-right: .5em;
    text-align: right;
}
.ditemEditForm input{
    font: 1em Arial, Helvetica, sans-serif;
}
.ditemEditForm .btnTd{
    text-align: right;
}
.ditemEditForm .btnTd input{
    font-family: verdana,Arial,Helvetica,sans-serif;
    margin-left: 1em;
    font-size: .85em;
}

/* share to group */
.ditemShareToTable{
    font: .85em Arial, Helvetica, sans-serif;
}
.ditemShareToTable tr{
    height: 26px;
}
.ditemShareToTable th{
    padding-right: .5em;
}
.ditemShareToTable select{
    font: 1em Arial, Helvetica, sans-serif;
    width: 160px;
}
.ditemShareToTable select option{
    line-height: 150%;
    padding: 0 .3em;
}
.ditemShareToTable .btnTd{
    text-align: right;
}
.ditemShareToTable .btnTd input{
    font-family: verdana,Arial,Helvetica,sans-serif;
    margin-left: 1em;
    font-size: .85em;
}
/* share to group */
#editBBB{
    width: 446px;
    text-align: right;
}
#editBBB input{
    font: 1em Arial, Helvetica, sans-serif;
    margin-left: 1em;
}



/*-----------------------------------*/



.listHeaderTop, .listHeaderBottom{
    height: 30px;
    font-size: 12px;
    line-height: 30px;
    clear:both;
}

.moreAction{
    font-size: 12px;
    margin-left:5px;
    margin-top: 3px;
    width: 105px;
}
.moreAction option{
    line-height: 150%;
    padding: 0 .3em;
    text-indent: 1em;
}
.moreAction option.separator{
    text-indent: 0;
}
.moreAction option.disabled{
    /*  color: #999;*/
}

.shareToGroup{
    font-size: 12px;
    width: 115px;
    margin-left: 5px;
}
.shareToGroup option{
    line-height: 150%;
    padding: 0 .3em;
    text-indent: 1em;
}
.shareToGroup option.separator{
    text-indent: 0;
}
.shareToGroup option.disabled{
    /*  color: #999;*/
}

input.ditemCheckerAll{
    margin-left: 4px;
    vertical-align: middle;
}
.ditemListOuter{
    /*  margin:0 6px 12px 0;*/
    /*  border: 1px solid #000;*/
}
#siteNav{
    /*  border: 1px solid orange;*/
    /*  margin-bottom: 12px;*/
}

.previewBox{
    background: url(/prx/000/https/www.diigo.com/images/sidebox-bottom-bg.png) repeat-x scroll left bottom;
    font-size: 13px;
    margin-top:.4em;
}
.previewInner{
    padding: .5em .3em;
    border-left: 1px solid #eee;
    border-right: 1px solid #eee;
}
.pNewWindow, .pCloser{
    float: right;
    font-size: .9em;
    margin-left: .4em;
    border: 1px solid #d9d9d9;
    background-color: #f5f5f5;
    line-height: 1.5em;
    padding: 0 .5em;
    cursor: pointer;
    cursor: hand;
    color: #0044cc!important;
    margin-top:.3em;
}
.pNewWindow:hover, .pCloser:hover{
    text-decoration: none;
    background-color: #fff;
}
.previewIFrame{
    border: none;
    width: 100%;
    height: 360px;
}
.previewBar{
    background: #f5f5f5;
    border: 1px solid #eee;
    border-bottom-color:#d9d9d9;
    height: 2em;
    line-height: 2;
    padding: 0 .3em;
}
.bReaded, .bTrace{
    font-weight: normal;
    font-size: 7.5pt;
    color: #009900;
}

#batchTagsEditorBox{
    text-align: left;
    font: 13px Arial, Helvetica, sans-serif;
}
#batchTagsEditorBox td{
    padding: 5px;
}
#batchTagsEditorBox .inputTxt{
    width: 90%;
}
#batchTagsEditorBox label{
    margin-right: .7em;
}
.currentActionSet{
    font-weight:bold;
}
.separater{
    color:#666;
}
#listFooterTop{
    padding-left: 22px;
}
.noContent{
    background-color: #fff;
    padding: 2em;
}
.listSection{
    margin: 0 2em;
    list-style-type: square;
}
.listSection li{
    line-height: 150%;
    margin-bottom: .7em;
}
.ditemItem.withAvatar{
    padding-left: 80px;
    margin-bottom: 20px;
}
.ditemItem.withAvatar48{
    padding-left: 70px;
    margin-bottom: 20px;
}
.ditemItem.withAvatar48 .avatar48{
    left: 0;
    position: absolute;
    top: 8px;
}
a.savePeopleCount{
    background-image:url(/prx/000/https/www.diigo.com/images/bookmark-people-count.png);
    width:68px;
    height:52px;
    overflow:hidden;
    text-align:center;
    font-size:11px;
    color:#777;
    position: absolute;
    left: 0;
    top: .5em;
    color: #777;
    line-height: 18px;
    text-transform:lowercase;
}
a.savePeopleCount strong{
    color:#ff9900;
    font-size:20px;
    display:block;
    padding-top:10px;
}
a.savePeopleCount:hover{text-decoration:none;color:#0044cc;}
a.savePeopleCount:hover strong{color:#ff9900;}
.withChecker{
}
.withNothing{
}
#tagsCrumb{
    padding-left: 5px;
}
#tagsCrumbInput, #tagsCrumbSizer{
    background:#FFFFFF url(/prx/000/https/www.diigo.com/images/input-bg.gif) repeat-x scroll left top;
    border-color:#727272 #B4B4B4 #D9D9D9;
    border-style:solid;
    border-width:1px;
    padding: 1px 2px;
    font-size: 16px;
    font-weight: 400;
}
#tagsCrumbInput.focus {
    border: 2px solid #ff9900;
    padding: 0 1px;
    color: #000;
}
#tagsCrumbInput.mouseover{
    border: 2px solid #ff9900;
    padding: 0 1px;
}

.blurNoTag {
    color: #999;
}

#txtDomainCrumb, #txtDomainSizer{
    background:#FFFFFF url(/prx/000/https/www.diigo.com/images/input-bg.gif) repeat-x scroll left top;
    border-color:#727272 #B4B4B4 #D9D9D9;
    border-style:solid;
    border-width:1px;
    font-size:16px;
    padding:2px;
}
#txtDomainSizer{
    display:none;
}
#txtDomainCrumb.focused {
    border:2px solid #ff9900;
    padding:1px;
}
#txtDomainCrumb.tip, input.tip{
    color:#888;
}


/*========================================
* List Blue Template
*
*
*========================================*/
.cornerLT{
    background:url(/prx/000/https/www.diigo.com/images/v2/blue/lt.gif) 0 0 no-repeat;
    background-color: #c3d9ff;
}
.cornerRT{
    background:url(/prx/000/https/www.diigo.com/images/v2/blue/rt.gif) 100% 0 no-repeat;
}
.cornerRB{
    background:url(/prx/000/https/www.diigo.com/images/v2/blue/rb.gif) 100% 100% no-repeat;
}
.cornerLB{
    background:url(/prx/000/https/www.diigo.com/images/v2/blue/lb.gif) 0 100% no-repeat;
}
.listHeaderTop, .listHeaderBottom{
    background-color: #E0ECFF;
}
.ditemListHeader, .ditemListFooter{
    background-color: #C3D9FF;
}
.ditemBox{
    border-top: 3px solid #F3F3F3;
    border-bottom:1px solid #ddd;
}

/*========================================
* SideBar Layout
*
*
*========================================*/


.sideBarBoxTip{
    font-size: 8.5pt;
    padding: 0 .5em;
    background-color: #f5f5f5;
    color: #777;
    margin-bottom: .5em;
}
.eocMark{
    margin-right: 2px;
    width: 20px;
    float: left;
    height: 20px;
}
.eocMark.expand{
    background: url(/prx/000/https/www.diigo.com/images/v2/eoc.gif) left top no-repeat;
}
.eocMark.collapse{
    background: url(/prx/000/https/www.diigo.com/images/v2/eoc.gif) left bottom no-repeat;
}
a.sideBarEdit{
    float: right;
    margin-left:8px;
    font-weight:normal;
    color:#7777cc;
}
span.sideBarEdit{
    color: #bbb;
    float: right;
    margin-left:8px;
    font-weight:normal;
}
span.sideBarEdit a{
    color:#7777cc!important;
}
.sideBarBoxBorder{
}
.sideBarBoxContent{
    padding: .5em;
}
.sideBarBoxContent ul{
    list-style-type: none;
    text-align: left;
}
.sideBarBoxContent ul li{
    /*width: 100%;*/
    overflow: hidden;
}
.sideBarBoxContentInner{
    height: 300px;
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.sideBarBoxContentInner2{
    margin: 0 auto;
    overflow: auto;
    width: 100%;
}
.sideBarBoxFooter{
    display: none;
    margin: 0 auto 1em auto;
    /*  height: 15px;*/
}

#userInfos img{
    margin: auto;
    border: 1px solid #ddd;
}
#userInfos{

}
#userInfos p{
    text-align: left;
    padding: .5em 1em .5em 1em;
    font: .9em  Arial, Helvetica, sans-serif;
}

.ListTitle{
    /*background:url(/prx/000/https/www.diigo.com/images/v2/blue/sidebarHeader.gif) no-repeat left -4px;*/
    height: 34px;
    font: bold .85em Arial, Helvetica, sans-serif;
    line-height: 34px;
    text-align: left;
    padding-left: 22px;
    margin-top: 1em;
}
.DivOuterBox{
    padding: 0 1em;
}
.DivInnerBox{
    height: 300px;
    overflow: auto;
}
#u_cloundBox{/*Let Tag Cloud go*/
}
.sideBarOption{
    font: 12px Arial, Helvetica, sans-serif;
    text-align: left;
    padding: 5px;
    background-color: #f5f5f5;
}
.sideBarOption ul{
}
.sideBarOption ul li{
    padding-bottom: 5px;
}
.DivSortBy, .DivViewAs{
    margin-left: 22px;
}
/* tag cloud */

.avatarFrame{
    width: 130px;
    overflow: hidden;
    margin: auto;
}
.avatarFrame img{
}

.rightColumnShortcut{
    margin-bottom: 1em;
}
a.focusLink{
    display: block;
    border: 1px solid #eac35c;
    height: 36px;
    font: bold 13px Arial, Helvetica, sans-serif;
    text-indent: 30px;
    line-height: 36px;
    margin-bottom: 7px;
    color: #000;
}
a.focusLink:hover{
    background: #FBD163;
    text-decoration: none;
}
.sideBarBox .avatarLink_48{
    margin: 0 8px 8px 0;
}

/* =Gray Side Bar
----------------------------------------------- */
.rbox{
    margin-bottom:20px;
    background:url(/prx/000/https/www.diigo.com/images/v2/rbox_bg.gif) repeat-y;
    text-align:left;
}
.rboxHead{
    width:222px;
    height:27px;
    overflow:hidden;
    padding-left:13px;
    padding-top:11px;
    font-family:Arial, Helvetica, sans-serif;
    font-weight:bold;
    font-size:0.75em;
    background:#fff url(/prx/000/https/www.diigo.com/images/v2/rbox_top.gif) no-repeat top;

}
.rboxCont{
    width:199px;
    padding:5px 18px 15px 18px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:0.75em;
    line-height:150%;
    background:transparent url(/prx/000/https/www.diigo.com/images/v2/rbox_bottom.gif) no-repeat bottom;
}
.rboxCont p{
    margin-bottom:5px;
}
.rbox .hint{
    font-size:.85em;
    color:#666;
} 

/* =ditem List
----------------------------------------------- */
.ditemCol{
    margin:8px 0;
}
.ditemCol li{
    font-size:11px;
    padding-left:18px;
    background:url(/prx/000/https/www.diigo.com/images/v2/li_s.gif) no-repeat 8px top;
    line-height:18px;
    color:#999;
}
.ditemCol li h3 a{
    line-height:18px;
    border-bottom:1px solid #d2e3ff;
    color:#267dd4;
}
.ditemCol li h3 a:hover{
    color:#06C;
    text-decoration:none;
    border-bottom-color:#267dd4;

}
.ditemCol li p a{
    font-weight:bold;
    color:#333;
}
.ditemCol li p a:hover{
    color:#06C;
}

/* =A List with avatar
----------------------------------------------- */
.avatarList li{
    padding-left:18px;
    line-height:18px;
    background:no-repeat left 1px;
    font-size:11px;
    font-weight:bold;
}
.avatarList li a{
    text-decoration:underline;
    color:#267dd4;
}
.avatarList li a:hover{
    color:#06C;
    text-decoration:none;
    border-bottom-color:#09f;
}

/* lists side box */
#bListUL li{
    margin-bottom: .8em;
    border-bottom: 1px solid #eee;
}
#bListUL li.private{
    background: url(/prx/000/https/www.diigo.com/images/lock-2.gif) 0 -5px no-repeat;
    padding-left: 15px;
}


/*========================================
* SideBar Blue Template
*
*
*========================================*/
.sideBarBox{
}
.sideBarBoxHeader{
    background:url(/prx/000/https/www.diigo.com/images/v2/green/sidebarHeader.gif) no-repeat left bottom;
    height: 6px;
}
.sideBarBoxTitle{	
    border: 2px solid #C3D9FF;
    background-color: #C3D9FF;
}
.sideBarBoxBorder{
}
.sideBarBoxFooter{
    border: 2px solid #C3D9FF;
    border-top: none;
}

.privateListMark {
    font-size:9pt;
    color:#ff0000;
    margin-right:.2em;
}

/*--------------------------------------------
* left column ditem list
*--------------------------------------------*/

#pageName h1{
    margin-right: 0;
}
#pageName .tagsCrumb{
    display:inline;
}
.bListOptions1{
    border-bottom: 1px solid #ccc;
    padding:1px 1px 0 1px;
    zoom:1;
}
.bListOptions1:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.bListOptions2{
    height:30px;
    line-height:30px;
    background: #ddd url(/prx/000/https/www.diigo.com/images/bar-bg.png) left top repeat-x;
    border:1px solid #ddd;
    padding: 0 5px;
    border-color: #E2E2E2 #E2E2E2 #D9D9D9;
}

/* Related tags */

.tagPM{
    margin-right:5px;
}
.tagPM img{
    vertical-align:middle;
}
.relTagList li{
    margin-bottom:5px;
}
/*--------------------------------------------
* ditem list tabs
*--------------------------------------------*/
.bFilters{
    color: #666;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-top:5px;
}
.bFilters li{
    border-right: 1px solid #ddd;
    float: left;
    padding: 0 10px;
}
.bFilters li.first{
    padding: 0;
    border-right: none;
}
.bFilters li.last{
    border-right: none;
}
.bFilters li.current a{
    color: #000;
    font-weight: 700;
}


.typeTabsLite{
    color: #666;
    float: left;
    font-size: 12px;
    line-height: 16px;
    margin-top:5px;
}
.typeTabsLite li{
    border-right: 1px solid #ddd;
    float: left;
    padding: 0 10px;
}
.typeTabsLite li.first{
    padding: 0;
    border-right: none;
}
.typeTabsLite li.last{
    border-right: none;
}
.typeTabsLite li.current a{
    color: #000;
    font-weight: 700;
}
.typeTabsLite li b{
    background: url(/prx/000/https/www.diigo.com/images/type-icons.png) -16px -16px no-repeat;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 3px;
}
.typeTabsLite li.bookmarkTab b{
    background-position: 0 0;
}
.typeTabsLite li.imageTab b{
    background-position: -16px 0;
}
.typeTabsLite li.noteTab b{
    background-position: 0 -16px;
}
.bTabs{
    float: left;
    list-style-type: none;
    line-height: 24px;
}
.bTabs li{
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-bottom:none;
    float:left;
    font-size:.9em;
    margin-right:2px;
}
.bTabs li a{
    padding-left: 8px;
    display: block;
    color: #555;
    margin-right: 3px;
}
.bTabs li a span{
    padding-right: 6px;
}
.bTabs li a:hover{
    text-decoration: none;
    color: #000;
}
.bTabs li.current{
    background:#FFFFFF url(/prx/000/https/www.diigo.com/images/tab-bg.gif) repeat-x scroll left top;
    border-color:#ccc;
    border-bottom-color:#D9E1F5;
    border-top-color:#E68B2C;
    border-width:1px;
    font-weight:bold;
}
.bTabs li.current a{
    color: #000;
}
#objType li b{
    background: url(/prx/000/https/www.diigo.com/images/type-icons.png) -16px -16px no-repeat;
    display: block;
    float: left;
    width: 16px;
    height: 16px;
    margin-top: 5px;
    margin-right: 2px;
}
#objType li.bookmarkTab b{
    background-position: 0 0;
}
#objType li.imageTab b{
    background-position: -16px 0;
}
/*--------------------------------------------
* list options
*--------------------------------------------*/
.bListCountOptions{
    height: 22px;
    line-height: 22px;
    font-size: 12px;
}
.bListCountOptions a{
    text-decoration: none;
}
.bListCountOptions .currentCount{
    font-weight: bold;
    color: #000;
    text-decoration: none;
}
ul.subMenu.bListCountUL li a{
    width: 60px;
}
.expandOrCollapseAll{
    cursor: pointer;
    float: right;
    margin-top:5px;
    font-size: 11px;
    line-height:18px;
    height:18px;
    color:#000;
    border: 1px solid #ccc;
    padding: 0 .3em;
    background-color: #f8f8f8;
}
.expandOrCollapseAll:hover{
    text-decoration: none;
    background-color: #eee;
    border-color:#999;
}

.aboutLink{
    font-size: 11px;
    color:#000;
    text-decoration:none;
    margin-left: 1em;
    border: 1px solid #ccc!important;
    padding: 0 .3em;
    background-color: #f8f8f8;
    font-weight: normal;
}
.aboutLink:hover{
    text-decoration: none;
    background-color: #eee;
    border-color:#999!important;
}

.eoc{
    color: #666;
    padding: 0 2px;
    float: right;
    font-size: 11px;
    cursor: pointer;
    font-weight: normal;
    line-height:18px;
    background: #F4F8FD url(/prx/000/https/www.diigo.com/images/tab-bg-2.gif) repeat-x scroll left bottom;
    border:1px solid #ddd;
    margin-top: 3px;
}
.eoc:hover{
    text-decoration: none;
    background-color: #eee;
    border-color:#0044cc;
    color: #000;
}
.eoc span{
    padding: 0 .2em;
    background-color: #ff9900;
    font-weight: bold;
    color: #fff;
    margin-right: 3px;
}

.highlight .tail{
    text-align: right;
}
.highlight .tail span{
    cursor: pointer;
    color: #666;
    border: none;
}
.highlight .tail span:hover{
    color: #fff;
    background-color: #999;
}
.ditemItem .tail{
    color: #666;
    font-size: 12px;
}
.tail .tailAction{
    color: #7777cc;
}
.commentOption{
    float: right;
}
.commentOption span{
    cursor: pointer;
    margin-left: 1em;
    color: #666;
    border: none;
}
.commentOption span:hover{
    color: #fff;
    background-color: #999;
}
.ditemItem .queryContext{
    color: #444;
}
.ditemItem .queryContext em{
    font-style: normal;
}
.ditemItem p.tags, .ditemItem p.shared, .ditemItem p.siteFilter{
    color: #666;
}
.ditemItem p.tags{
    display:inline;
}
.ditemItem p.desc{
    color: #444;
}
.ditemItem p.tags a, .ditemItem p.shared a, .ditemItem p.siteFilter a{
}
.ditemItem p.tags a{
}
.ditemItem p.tags .infos a{
    background-color:#fff;
}
.ditemItem p.tags a:hover, .ditemItem p.shared a:hover, .ditemItem p.siteFilter a:hover{
    text-decoration:underline;
}
.ditemItem .shared{
    color: #666;
    font-size:12px;
}
.ditemItem .shared a{
}

.ditemItem p.siteFilter{
}

/* WARNING: DO NOT change position of ditemItem */
.ditemItem{
    height: 1%;
    position:relative;
    margin:0 0 20px 0;
    zoom:1;
}

.bSimple, .bMiddle, .bAdvanced{margin-left: 10px;position:static;}
.timepoint{
    color:#666;
    font-size:12px;
    float: left;
    line-height:20px;
    overflow:hidden;
    width:60px;
    text-align: left;
}
.withChecker .timepoint{
    float:none;
    width:auto;
    text-align: left;
    line-height:18px;
    background-color:#f5f5f5;
    border-radius: 5px;
    -moz-border-radius: 5px;
    margin-bottom: 10px;
    padding-left: 5px;
}
.bSimple .ditemTitle, .bSimple .ditemItemDisplayTemp, .bSimple .ditemDetails{
    margin-left: 70px;
}
.bMiddle .timeCalendar{
    background: url(/prx/000/https/www.diigo.com/images/datetime.png) left top no-repeat;
    float:left;
    width:44px;
    height: 50px;
    overflow:hidden;
    font-size:12px;
    color:#666;
    line-height:2;
    text-align:center;
    margin-top: 5px;
}


.bMiddle .ditemTitle, .bMiddle .ditemItemDisplayTemp, .bMiddle .ditemDetails, .bMiddle .imgThumbnailA {
    margin-left: 70px;
}
.bAdvanced .imgThumbnailA{
    margin-left: 10px;
    margin-right: 10px;
}

.bAdvanced input.ditemChecker{
    float:left;
    position:static;
    margin: 5px 0 0 6px;
}
.bAdvanced .ditemTitle, .bAdvanced .ditemItemDisplayTemp, .bAdvanced .ditemDetails{
    margin-left: 30px;
}

.timeCalendar .month{
    color:#FFF;
    line-height:16px;
    font-size: 11px;
}
.timeCalendar .day{
    color:#555;
    font-size:18px;
    font-weight:700;
    line-height:16px;
    padding-top:3px;
    text-shadow: 0 1px 0 #fff;
}
.timeCalendar .year{
    color:#aaa;
    font-size: 10px;
    line-height:12px;
    margin-right:6px;
}

input.ditemChecker{
    position: absolute;
    left: -24px;
    top: 7px;
}
.ditemItem h3{
    font-weight: 400;
    font-size: 18px;
    zoom:1;
}
.bMiddle .ditemItem h3{
    font-size: 1.5em;
}
.title a{text-decoration:none; border-bottom:1px solid #C2D3F2;}
.title a:hover{text-decoration:none;border-bottom-color:#0044cc;}
.withNothing .ditemItem h3{
    padding-left:20px;
    background:url(/prx/000/https/www.diigo.com/images/v2/li_s.gif) no-repeat 10px top;
}
.ditemItem h3 a{
    color: #0044cc;
}

.ditemItem p.ditemInfo{
    padding-right: 1em;
    color: #666;
}
.ditemItem p.ditemInfo a{
    margin-left: .5em;
    font-weight: normal;
}
.ditemItem .infos{/*Texts follows the ditem Info */
                  font-weight: normal;
                  font-size: 12px;
                  color:#666;
}
.ditemItem .infos.green a{
    color:#006600;
}
.ditemItem .infos .datetime{
    margin-left: .5em;
    margin-right: 1em;
}
.tagspan{border-right:1px solid #bbb;
         padding-right:.5em;
         margin-right:.5em;
         font-size: 12px;
}
p.tagspan{
    border-right:none;
    padding-right:0;
    margin-right:0;
}

.tagspan a{
    background-color: #f2f2f2;
    border-bottom: 1px solid #C9D7F1;
    border-right: 1px solid #C9D7F1;
    color:#888;
    line-height: 1.8;
    margin-right: 5px;
    padding: 1px 5px;
    white-space:nowrap;
}
.tagspan a:hover{
    background-color: #0066cc;
    color: #fff;
    text-decoration: none;
}
.nothers{color:#666;}
.nothers a{
    background:none;
    border:none;
    color: #7777cc;
    margin:0;
    padding:0;}
.nothers a:hover{
    background:none;
    color: #7777cc;
    text-decoration:underline;
}
.snapshotLink{
    color: #666;
}
.snapshotLink img{
    margin-right:3px;
    vertical-align:middle;
}
.bActions{
    font-weight: 400;
    color: #666;
}
.ditemTitle .bActions{
    font-size: 12px;
    white-space: nowrap;
}

.bActions2{
    color: #888;
    font-weight: normal;
    font-size: 12px;
    display:inline;
    postion:static;
}

.bActions a, .bActions2 a{
    color: #777!important;
    text-decoration:none;
}
.bActions a img, .bActions2 a img{
    vertical-align:middle;
    margin-right:3px;
}
.bActions a:hover, .bActions2 a:hover{
    color:#000!important;
    text-decoration:underline!important;
    background-color:transparent!important;
}

.uploadedCacheIcon, .textViewIcon{
    vertical-align: text-bottom;
    margin-right: 2px;
}

.ditemDetails{
    padding-top: 10px;
}
.comments{
    list-style-type: none;
    padding: 0;
    font-size: 12px;
    clear: both;
}
.comments li.cItem{
    background: url(/prx/000/https/www.diigo.com/images/comments.gif) 0 4px no-repeat;
    padding-left: 20px;
    margin-bottom: 5px;
}
.annotations{
    list-style-type: none;
}
.annotations .highlight{
    height: 1%;
    background-color: #f9f9f9;
}
.annotations .aItem{
    zoom: 1;
    margin-bottom:10px;
}
.textAnnotation{
    clear:both;
    position:relative;
    border-bottom: 1px solid #eee;
    border-top: 1px solid #fff;
}

.hOpts{
    display:none;
    padding: 0 5px;
    background-color:#f9f9f9;
    color:#ddd;
    position:absolute;
    right: 2px;
    bottom: 2px;
    line-height:18px;
    cursor:default;
}
.hOpts a{
    font-size:12px;
    color:#7777cc;
}
.hOpts a:hover{
}
.annotations .hover .hOpts{display:inline;}

h3.private{
    background: url(/prx/000/https/www.diigo.com/images/lock-small.gif) 0 7px no-repeat;
    padding-left:10px;
}

.highlight .diigoContentInner{
    width: 100%;
    overflow: auto;
    color: #444;
}

/*
 * =Note Item Content
 * ----------------------------------------------------*/
.noteContent{
    background: url(/prx/000/https/www.diigo.com/images/note-box.png) left bottom repeat-x;
    border-bottom: 1px solid #ececec;
    color: #444;
    position: relative;
    width: 550px;
}
.noteContent b.corner{
    background: url(/prx/000/https/www.diigo.com/images/note-corner.gif) left top no-repeat;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
    height: 12px;
}
.noteContentOuter{
    background: url(/prx/000/https/www.diigo.com/images/horizontal-line.gif);
}
.noteContentInner{
    background: url(/prx/000/https/www.diigo.com/images/vertical-line.gif) 10px 0 repeat-y;
    border: 1px solid #ccc;
    border-bottom-color: #bbb;
    padding: 4px 20px 10px 22px;
    font-size: 13px;
    line-height:22px;
}

/* it's a great way to remove br*/
.highlight .diigoContentInner br{
    display:none;
}
.highlight .diigoContent{
    padding: 5px 10px;
}
/*
.highlight.public .diigoContent{
    border-left: 3px solid #8fd58f;
}
.highlight.private .diigoContent{
    border-left: 3px solid #a3c1e2;
}
*/
.highlight .diigoContent{
    border-left: 4px solid #6eaaf5;
}
.highlight.yellow .diigoContent{
    border-color: #ffba01;
}
.highlight.blue .diigoContent{
    border-color: #6eaaf5;
}
.highlight.pink .diigoContent{
    border-color: #ff9c9c;
}
.highlight.green .diigoContent{
    border-color: #7bbd3f;
}

.stickys{
    background-color:#f9f9f9;
    border-top: 1px solid #eee;
    border-left: 3px solid #ddd;
}
.stickysUL{
    padding: 5px 20px;
    border-top: 1px solid #fff;
}
.stickys .cEditor{
    margin: 10px;
}
.stickys .stickysCloser{
    text-align: right;
}
.stickys .stickysCloser img{
    cursor: pointer;
    cursor: hand;
}
.stickys li.sItem{
    margin-bottom: 5px;
}
.stickys li.sItem:last-child{
    margin-bottom: 0;
}
.stickys li.sItem .content_with_avatar{
    margin-left:40px;
    color: #444;
}
.stickySwitcher{
    margin-left: .5em;
    cursor: pointer;
}
.notation{
    font-size: .9em;
    clear: both;
    color: #333;
    padding: 10px;
}
.notation .nPriH{
    background-color: #f5f5f5;
    border-left:5px solid #A3C1E2;
    margin-left:20px;
    padding: 0 5px;
}
.notation .nPubH{
    background-color: #f5f5f5;
    border-left:5px solid #8fd58f;
    margin-left:20px;
    padding: 0 5px;
}
.notation .nUnread{
    margin-left: 10px;
}
.notation .nPriB{
    background: transparent url(/prx/000/https/www.diigo.com/images/lock-small.gif) no-repeat scroll 0 3px;
    margin-left:20px;
    padding-left: 10px;
}

/*---------------------------------------
* advanced search
*--------------------------------------*/

#adScope{
    background-color: #C3D9FF;
    font-size: 12px;
    padding: 0 5px;
    height: 20px;
    line-height: 20px;
}
#adScope label{
    margin-right: 10px;
    color: #555;
}
#adScope label.current{
    font-weight: bold;
}
#adScope label input{
    margin-right: 2px;
}
#advancedSearchBar form{
    margin-bottom: 30px;
}
#advancedSearchBar form #adSearchLink{
    font-size:12px;
    margin-left: 10px;
    white-space:nowrap;
}
#advancedSearchBar form #tagSearch{
    font-size: 12px;
    margin-top:3px;
}
#advancedSearchBar form #tagSearch strong{
    color: #008000;
}
#advancedSearchBar .adSTip{
    font-size: 8pt;
    color: #777;
}
#advancedSearchBar .inputTxt2{
    padding: 3px;
    font-size: 13px;
    font-weight: 700;
    width: 300px;
}
#adSColumn{
    margin: 5px;
}
#advancedSearchBar .inputTxt{
    background:url(/prx/000/https/www.diigo.com/images/v2/inputTxtBG.gif) repeat-x left top #FFFADB;
}

#advancedSearchBar #mColumn{
    width: 380px;
    float: left;
}
#advancedSearchBar #rColumn{
    margin-left: 340px;
    padding-left: 5px;
}
#what {
    width: 370px;
}
#searchHelper{
    font-size: 9pt;
}
#searchHelperContent input{
    width: 180px;
}
#searchHelperContent td{
    padding: 2px;
}
#searchHelperContent .left{
    padding-right: 5px;
}
#adSearchSubmit{
    font-size: 13px;
    font-weight: 700;
    padding: 1px 0;
    width: 90px;
}
#adSwitcher{
    font: bold 11px arial;
    text-decoration: underline;
    margin-left: 5px;
}
#searchTips{
    background-color: #d5e5ff;
    padding: 5px;
    font-size: 11px;
    margin: 5px 2px;
}
/*---------------------------------------------
* no ditems 
*--------------------------------------------*/
.noDitems{
    color:#666;
    margin: 20px 10px;
}
.noDitems h2{
    font-size: 18px;
    font-weight: 400;
}
.noDitems h3{
    font-size: 16px;
    font-weight: 400;
}
.noDitems p{
    margin-bottom: 18px;
}
.noDitems dt{
    font-weight: bold;
    margin-bottom: 9px;
}
.noDitems dd{
    margin-left: 22px;
    margin-bottom: 9px;
}
.noDitems ul{
    margin-left: 36px;
    margin-bottom: 18px;
    list-style-type: square;
}
.noDitems ul li{
    margin-bottom: 9px;
}
/*------------------------------------------
* others
*-----------------------------------------*/
#forwardPreview{
    border: 1px solid #ddd;
    width: 470px;
    margin: 8px 2px;
    padding: 3px;
    height: 180px;
    overflow: auto;
}
.teItem{
    margin-bottom: 7px;
}
.teItem label{
    margin-right: 10px;
}
.teItem label input{
    margin-right: 2px;
}
.teItem .inputTxt, .teItem .inputTxt2{
    width: 300px;
}
/*-------------------------------------------
* forward table
*------------------------------------------*/
#forwardTable{
}
#forwardTable th{
    font-weight: bold;
    width: 60px;
}
#forwardTable td{
    padding: 2px;
}
#forwardTable textarea{
    width: 470px;
    height: 120px;
}
#forwardOptions{
    text-align: right;
    font-size: 11px;
    white-space:nowrap;
}
#forwardOptions a, #forwardOptions label{
    margin-left: 10px;
}
#sendToTD{width:150px;}
#subjectRow input{
    width: 410px;
}
#forwardTable option.sep{
    color: #999;
}
/*-------------------------------------------
* extra annotations
*------------------------------------------*/
.extraAContentOutter{
    width: 100%;
    overflow: auto;
}
.extraAContentOutter .eAUL{
    list-style-type: disc;
    line-height: 18px;
    margin-left: 20px;
}
.extraAContentOutter .eSUL{
    margin-left: 20px;
    list-style-type: circle;
}
.extraAContentOutter .eSTail{
    color: #777;
}
.extraAOpts {
    height: 20px;
    line-height: 20px;
    background-color: #eee;
    font-size: 12px;
    text-align: right;
    padding: 0 10px;
    margin-bottom: 10px;
}
.extraAOpts a{
    text-decoration: underline;
    margin-left: 10px;
}
.eTitle{
    line-height: 22px;
    margin-top: 10px;
    text-decoration: underline;
    font-weight: bold;
}
/*-------------------------------------------
* perman link
*------------------------------------------*/
.pLinkContent a{
}
.pLinkContent .alertTip{
    margin-bottom: 10px;
    border: none;
}
#pLinkInput{
    width: 400px;
    background: #FFFADB url(/prx/000/https/www.diigo.com/images/v2/inputTxtBG.gif) repeat-x scroll left top;
}
.pLink a{
    color: #7777cc;
    float: right;
    font-size: 12px;
    margin-right: 5px;
}
#pLinkOpts{
    border: 1px dotted #ccc;
    margin: 5px 0;
    padding: 5px 10px;
}
#pLinkOpts label{
    display:block;
    margin: 5px 0;
}
#pLinkOpts label input{
    margin-right: 5px;
    vertical-align: middle;
}
/*--------------------------------------------------
* Override
---------------------------------------------------*/
#advancedSearchBar .bTabs li.current a{
}
#advancedSearchBar .bListOptions1{
}
#advancedSearchBar .bTabs li a:hover{
}
#installDiigoToolbar, #installDiigoletButton, #installExtensionButton{
    position:static;
    margin-bottom: 1.5em;
}
/*-------------------------------------------
* watch list
*------------------------------------------*/
.addWatchItem{
    float:right;
    background: no-repeat url(/prx/000/https/www.diigo.com/images/watchlist.gif);
    height:16px;
    font-size:11px;
    padding-left:20px;
    margin-top:6px;
}
.watched{
    background-position:0 -16px;
}


/*-----------------------------------
* label
*----------------------------------*/ 
.bToList{
    background-color: #EAF2FA;
    margin: 0 7px;
}
.bToList a{
    color: #105CB6!important;
    font-weight: normal!important;
    margin: 0!important;
    padding: 0 5px;
}
.bToList a.listOpt{
    border-left: 1px solid #D8E5F2;
}
.bToList a:hover{
    background-color: #105CB6;
    color: #fff!important;
    text-decoration: none;
}

a.commentLink{
}

/*---------------------------------
* Ditem save & edit
*---------------------------------*/
.editBTable th{
    padding: 5px;
    vertical-align: top;
    font-weight: 700;
    color: #555;
    text-align: right;
}
.editBTable td{
    padding: 5px;
}
.editBTable label{
    margin-right: 7px;
}
.editBTable label input{
    margin-right: 2px;
}
.addToHolder{
    padding: 5px;
    background-color: #eee;
}
.addToHolder select{
}

/*=========================================
* share item 
*=========================================*/
#shareItemToSelector {
    margin-left: 5px;
}
.showMeMore {
    float:right;
    background-color:#F8F8F8;
    border:1px solid #ccc;
    color:#0066cc;
    cursor:pointer;
    float:right;
    font-size:11px;
    height:18px;
    line-height:18px;
    padding:0pt 5px;
    font-weight: bold;
    margin-right: 10px;
}
.showMeMore:hover{
    text-decoration: none;
    background-color: #eee;
    border-color: #999;
}
#dmSimple b, #dmMiddle b, #dmAdvanced b{
    display:block;float:left;height:19px;width:20px;overflow:hidden;text-indent: -999px;
    background:url(/prx/000/https/www.diigo.com/images/display-modes.png) 0 -20px no-repeat;
    margin-top:4px;
    margin-right:5px;
}
#dmSimple b{background-position:0 0;}
#dmSimple.current b, #dmSimple:hover b{background-position:-20px 0;}
#dmMiddle b{background-position:-40px -1px;}
#dmMiddle.current b, #dmMiddle:hover b{background-position:-60px -1px;}
#dmMiddle.gridMode b{background-position:-120px -1px;}
#dmMiddle.gridMode.current b, #dmMiddle.gridMode:hover b{background-position:-140px -1px;}
#dmAdvanced b{background-position:-80px 0;}
#dmAdvanced.current b, #dmAdvanced:hover b{background-position:-100px 0;}

.bListBottomOpts{height:26px;line-height:26px;padding: 0 10px;}
.bListBottomOpts .pagination{line-height:26px;font-size:12px;}
.bListBottomOpts .pagination a{font-size:12px;}
.bListBottomOpts .bListCountOptions{line-height:26px;}
strong.highlight{}

/*=========================================
* override common.css
*=========================================*/
.tagCloud li a{color:#0044cc;display:inline;line-height:130%;}
.tagCloud .notPopular { font-size: 1em; }
.tagCloud .notVeryPopular { font-size: 1.1em; }
.tagCloud .somewhatPopular { font-size: 1.2em; }
.tagCloud .popular { font-size: 1.3em; }
.tagCloud .veryPopular { font-size: 1.4em; }
.tagCloud .ultraPopular { font-size: 1.5em; }


.highlight a{color:#0044cc;}
#pageName .otherNav{margin-left:0;}



.listSubTitle{
    background-color: #f5f5f5;
    padding: 0 10px;
    line-height:2.4;
    height: 2.4em;
    margin: 1.5em 0;
}
.listSubTitle .moreLink{
    float:right;
    font-size: .9em;
}
.listSubTitle .countInfo{
    font-size: .9em;
    margin-left: 2em;
    font-weight: 400;
}
.listSubTitle h2{
    font-size: 1em;
    line-height: 2.4em;
}

.ditemItem a.avatarLink_48{
    position: absolute;
    left: -80px;
    top: .5em
}
.oriURL{
    color: #008000;
}
.oriURL a{
    color: #008000;
}
.oriURL b{
    float: left;
    width: 16px;
    height: 16px;
    margin-right: 3px;
    background: url("/prx/000/https/www.diigo.com/images/type-icons.png") no-repeat 16px 0 transparent;
    margin-top: 2px;
}

.oriURL b.image{
    background-position: -16px 0;
}

.oriURL b.note{
    background-position: 0 -16px;
}

.oriURL b.bookmark{
    background-position: 0 0;
}


/* welcome */
#welcome{
    margin-bottom: 1.5em;
}
#welcome #smile{
    background: url(/prx/000/https/www.diigo.com/images/smile.png) 0 50% no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/prx/000/https/www.diigo.com/images/smile.png',sizingMethod='scale');
    float: left;
    height: 30px;
    margin-right: 5px;
    width: 30px;
}
#welcome .contentb{
    height: 30px;
    line-height: 30px;
    padding: 0 5px;
}
/* my library intro */
#noLibrary{
    color: #666;
    font-size: 14px;
}
#noLibrary h2, #noLibrary h3{
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 18px;
}
#myLibraryHelp{
    border-top: 1px solid #ddd;
    margin-top: 1.5em;
    padding-top: 1.5em;
}
#myLibraryHelp strong{
    display: block;
    font-size: 16px;
    margin-bottom: .8em;
}
#myLibraryHelp ul{
    list-style-type: disc;
    margin-left: 15px;
}
#myLibraryHelp ul li{
    margin-bottom: .4em;
}
.bubble.content{
    color: #888;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    font-size: 11px;
}
.highlight .bubble{
}
.highlight .bubble img{
    left: 3px;
    position: absolute;
    top: 3px;
}
/* pop window */
#bTxtDesc{font-size:12px;}
.pLink{margin-bottom:5px;}
#forwardOptions label input{vertical-align:middle;}
#wContent textarea{font-size:12px;}

/* chrome news */
#chromeNews{
    background: url('/prx/000/https/www.diigo.com/images/chrome-extension-news.png') left top no-repeat;
    width: 250px;
    height: 122px;
    position: relative;
    margin-top: 10px;
    color: #222;
    text-shadow: 0 1px 0 #fff;
}
#chromeNewsBadge{
    position: absolute;
    left: -16px;
    top: -10px;
}
#chromeNews .content{
    background: none;
    border: none;
}
#chromeNews .contentInner{

}
#chromeNews strong{
    font-style:italic;
    font-weight: 400;
    color: #cc0000;
}
#chromeNews a{
    text-decoration: underline;
}
#chromeNews .h1{
    font-size: 16px;
    line-height: 120%;
    margin-bottom: 5px;
}
#chromeNews .h2{
    font-size: 12px;
    margin-bottom: 20px;
}
/* sidebar prompted news */
#sidePromptedNews{
    font-style: italic;
}
#sidePromptedNews .content{
    border-color: #00ade6;
}
#sidePromptedNews .contentInner{
    margin: 3px;
    padding: 7px;
    background: url('/prx/000/https/www.diigo.com/images/twitter-bird.png') right bottom no-repeat;
}
#sidePromptedNews strong{
    font-style:italic;
    font-weight: 400;
    color: #cc0000;
}
#sidePromptedNews a{
    color: #00a0df;
    font-style:italic;
    font-family: georgia;
    text-shadow: 0 1px 0 #c4eeff;
}
#sidePromptedNews a:hover{
    color: #cc0000;
    text-shadow: 0 1px 0 #ffcece;
}
#sidePromptedNews .h1{
    font-size: 18px;
    line-height: 130%;
    margin-bottom: 5px;
}
/* Image Type */
.ditemItem .imgThumbnailA{
    float: left;
    margin-top: 3px;
    margin-bottom: 5px;
    margin-right: 10px;
}
.ditemItem .imgThumbnail{
    width:160px;
    height:120px;
}
.ditemItem.bSimple .imgThumbnail{
	width:80px;
    height:60px;
}
.ditemItem .ditemDisplayTemp{
    margin-left:94px;
}
/*
 * =Image Item Specific
 * ------------------------------------------------------*/
.bSimple .imgThumbnailA{
    margin-left: 70px;
}
.bSimple .imgDitemTitle, .bSimple .imgDitemDisplayTemp{
    margin-left: 165px;
}
.bMiddle h3.imgDitemTitle{
    font-size:14px;
    margin-left: 165px;
}
.bMiddle .imgDitemDisplayTemp{
    margin-left:165px;
}
.bAdvanced  h3.imgDitemTitle{
    margin-left: 125px;
}
.bAdvanced  .imgDitemDisplayTemp{
    margin-left: 125px;
}
.annotations .imageAnnotation{
    float: left;
    margin-right: 10px;
}
.annotations .imageAnnotation a{
    float: left;
}
.annotations .imageAnnotation img.image_size_80{
    width:80px;
}
.annotations .imageAnnotation img.image_size_160{
    width:160px;
}
.annotations .imageAnnotation img.image_size_550{
}
.annotations .imgAnnDetails{
    margin-left:190px;
}
.annotations .imgAnnDetails p.imgAnnTitle{
    font-size:1.2em;
}

.ditemImageGrid{
    margin-left: 10px;
}
.ditemImageGrid:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.ditemImageGrid li.ditemImageLi{
    float:left;
    margin-right: 24px;
    margin-bottom: 20px;
}	
.ditemImageGrid li.ditemImageLi img{
    width:160px;
    height:120px;
}

.ditemImageGrid .ditemImageLi .imageTitle{
    color: #666;
    width:160px;
    height: 31px;
    font-size: 12px;
    line-height: 1.3;
    overflow: hidden;
    margin-top: 3px;
    font-weight: 400;
}
.imageTitle.private{
    width: 145px!important;
    background-position: 0 3px;
}
.ditemImageGrid .ditemImageLi .imageTime{
    color:#666666;
    font-size:12px;
}

li.filterByBookmark{
    background: url(/prx/000/https/www.diigo.com/images/type-bookmark-16.png) 8px 50% no-repeat;
    padding-left: 26px;
}
li.filterByImage{
    background: url(/prx/000/https/www.diigo.com/images/type-image-16.png) 8px 50% no-repeat;
    padding-left: 26px;
}
.thumbnailLink{
    display: block;
    height: 124px;
    width: 164px;
}
.bannerInBookmarks {
    margin-top:8px;
    position:relative;
    width:468px;
}
.bannerInBookmarks b  {
    background-color:#F5F5F5;
    bottom:1px;
    color:#666666;
    font-size:11px;
    font-weight:400;
    height:18px;
    position:absolute;
    right:2px;
    text-align:right;
    width:100px;
}

/*--------------------------------------------
* supNav
*--------------------------------------------*/
.supNav{
    background-color:#f9f9f9;
    border: 1px solid #e3e3e3;
    border-bottom: none;
    font-size:12px;
}
.supNav a{
    color:#333;
}
.supNav p{
    margin-left: 10px;
}
.supNav .content ul li a{
    display:block;
    padding-left: 10px;
}
.supNav .content ul li a:hover{
    color: #000;
    background-color:#eee;
    text-decoration: none;
}
#relatedTagsNav .content ul li a{
    display:inline;
    padding-left: 0;
}
#relatedTagsNav .content ul li a:hover{
    text-decoration: underline;
    background: none;
}
.supNav h2{
    background-color: #f2f2f2;
    border-bottom: 1px solid #dee1e7;
    border-top: 1px solid #fff;
    color: #444;
    font-size:12px;
    font-weight: 700;
    height:23px;
    line-height: 23px;
    padding-left: 7px;
}
.supNav .content{
    border-top: 1px solid #fff;
    padding: 5px 0 20px;
}
#relatedTagsNav .content{
    padding-left: 10px;
}
.supNav .content ul{
}
.supNav h2 .count{
    color: #666;
    font-weight: 400;
}
.supNav #myItemsNav h2{
    position:relative;
}
.supNav h2 .sectionEditLink{
    color: #666;
    float:right;
    font-weight: 400;
    margin-right:8px;
}
#myItemsNav .contextMenu{
    float: right;
    width: 45px;
    height:23px;
}
#addItemToggle{
    background: url(/prx/000/https/www.diigo.com/images/add-item.png) left top no-repeat;
    display:block;
    width:43px;
    height:19px;
    margin-top: 2px;
}
#addItemToggle:hover{
    background-position: -43px 0;
    text-decoration: none;
}

#newItems{
    width:120px;
}
#newItems li b{
    float:left;
    width:16px;
    height:16px;
    background:url(/prx/000/https/www.diigo.com/images/type-icons.png) 16px 0 no-repeat;
    margin-right:5px;
    margin-top: 4px;
}
#newItems li a{
    padding-left:5px!important;
    width: auto;
}
#newItems li.bookmark b{
    background-position: left top;
}
#newItems li.image b{
    background-position: -16px 0;
}
#newItems li.note b{
    background-position: 0 -16px;
}
#newItems li.pdf b{
    background-position: -16px -32px;
}

.supNav .section{
    border-bottom: 1px solid #dee0e7;
    color:#888;
}
.content li{
    line-height: 22px;
}
#myItemsNav .content li b{
    float:left;
    width:16px;
    height:16px;
    background:url(/prx/000/https/www.diigo.com/images/type-icons.png) 16px 0 no-repeat;
    margin-right:5px;
    margin-top: 4px;
}
#myItemsNav .content li.current{
    font-weight: 700;
}
#myItemsNav .content li.current a{
    color:#000;
    background: url(/prx/000/https/www.diigo.com/images/current-type-arrow.png) 10px 50% no-repeat;
}
#myItemsNav .content li.all b{
    background-position: 0 -32px;
}
#myItemsNav .content li.bookmark b{
    background-position: left top;
}
#myItemsNav .content li.image b{
    background-position: -16px 0;
}
#myItemsNav .content li.note b{
    background-position: 0 -16px;
}
#myItemsNav .content li.readLater b{
    background-position: -16px -16px;
}
#myItemsNav .content li.pdf b{
    background-position: -16px -32px;
}
#myItemsNav .content li a{
    line-height: 24px;
    padding-left: 20px;
}
#myListsNav .content ul li a{
    padding-left: 6px;
    line-height: 24px;
}
#myListsNav .content ul li a b{
    float: left;
    width: 12px;
    height:12px;
    background: url(/prx/000/https/www.diigo.com/images/list-bullet.gif) 0 0 no-repeat;
    margin-top: 6px;
    margin-right: 5px;
}
#myListsNav .content ul li .lock{
    float: right;
    margin-right: 8px;
    margin-top: 8px;
}
#myListsNav .content ul{
    color: #ccc;
}
#myListsNav .content li.private{
    background: url(/prx/000/https/www.diigo.com/images/lock-small.gif) right 7px no-repeat;
    padding-right: 10px;
}
#createNewList{
    border-top: 1px solid #eee;
    margin-top:3px;
    padding-top:2px;
    padding-left: 6px;
}
#createNewList a {
    background: url(/prx/000/https/www.diigo.com/images/list-bullet-create.gif) 1px 0 no-repeat;
    padding-left: 16px;
    color: #666;
}
#myTagsNav li .count{
    color: #888;
    float:right;
    margin-right: 8px;
}
#myRecentTags{
    border-bottom: 1px solid #eee;
    padding-bottom: 5px;
    margin-bottom: 5px;
}

#allTagsToggle{
    border-top: 1px solid #eee;
    margin-top:3px;
    padding-top:2px;
    padding-right: 8px;
    text-align: right;
}
#allTagsToggle a{
    color: #666;
}
#myAllTags{
    border-top: 1px solid #eee;
    margin-top:3px;
    padding-top:2px;
}
#myAllTags .tagcloud{

}
a.subTitleOptLink{
    color: #666;
    float: right;
    margin-right: 8px;
}
#addPanel{
    background: #424a51 url(/prx/000/https/www.diigo.com/images/add-panel-bg.png) left top repeat-x;
    padding: 10px 0 5px 0;
    margin: 1px;
    border-bottom: 1px solid #464646;
}
#addPanel .msg{
    color:#bbb;
    font-size:12px;
    margin-bottom:5px;
    padding: 0 10px;
}
#addPanel li{
    float: left;
    width: 50px;
    text-align: center;
}
#addPanel a{
    color: #ddd;
    display:block;
    height:50px;
}
#addPanel a:hover{
    color:#fff;
    text-decoration:none;
}
#addPanel a img{
    display:block;
    margin:auto;
}
#addPanel li.bookmark{
    margin-left: 3px;
    margin-right: 3px;
}
#addPanel li.bookmark a{
    background: url(/prx/000/https/www.diigo.com/images/bookmark-font-11.png) -3px 38px no-repeat;
}
#addPanel li.bookmark a:hover{
    background-position: -60px 38px;
}
#itemListOptions{
    background: #f2f2f2 url(/prx/000/https/www.diigo.com/images/opt-bar-left.gif) left top no-repeat;
    margin-bottom: 20px;
}
#itemListOptions .inner{
    background: url(/prx/000/https/www.diigo.com/images/opt-bar-right.gif) right top no-repeat;
    height:26px;
    padding: 0 2px;
}
#itemListOptions.advanced{
    float:none;
    margin-bottom: 10px;
    margin-left: 10px;
    width: auto;
}itemListOptions
#itemListOptions.advanced ul{
    float:right;
}
#itemListOptions a{
    color:#444;
    margin-top: 1px;
}
#itemListOptions a:hover{
    color:#000;
}
#itemListOptions ul{
    padding-top: 3px;
    float: right;
}
#itemListOptions ul li{
    float:left;
    margin: 0 5px;
}
#itemListOptions .contentb{
    padding: 0 5px;
}
.itemFilters{
    width: 100px;
}
#itemListOptions ul li.filterlabel{
    color:#666;
    margin-right:0;
}
.filterSelector{
    display:block;
    padding-right: 5px;
    background: url(/prx/000/https/www.diigo.com/images/glassy-button-bg-right.png) right top no-repeat;
}
.filterSelector span{
    display:block;
    height: 20px;
    line-height: 18px;
    background: url(/prx/000/https/www.diigo.com/images/glassy-button-bg-left.png) left top no-repeat;
    padding-left: 7px;
}
.filterSelector:hover{
    text-decoration:none;
    color: #000;
}
.filterSelector b.simple, .filterSelector b.middle, .filterSelector b.advanced{
    float: left;
    height:19px;
    width: 20px;
    background: url("/prx/000/https/www.diigo.com/images/display-modes.png") 0 -20px no-repeat;
    margin-right: 1px;
}
.filterSelector b.simple{
    background-position: 0 0;
}
.filterSelector b.middle{
    background-position: -40px -1px;
}
.filterSelector b.advanced{
    background-position: -80px 0;
}
.moreDetails{
    margin-top: 2px;
}
.moreDetails a{
    text-decoration: none;
    font-size: 12px;
    /*border-bottom: 1px solid #C2D3F2;*/
    color:#777;
}
.moreDetails a:hover{
    text-decoration: underline;
    color:#000;
}
.noteMoreDetails{
	margin-top:-10px;
}

.timepoint + .imgThumbnailA{
    margin-left: 10px;
    margin-right: 10px;
}

/*
 * My Library Get Started
 *---------------------------------------------------------------------------------------*/

#getStarted #addItem li{
    float:left;
    margin-right:20px;
}
#getStarted #addItem li a{
    display:block;
    width: 84px;
    height: 90px;
    background: url(/prx/000/https/www.diigo.com/images/rec-button-gray.png) 0 0 no-repeat;
    text-align: center;
    font-weight: 700;
    color: #606060;
    font-size:12px;
}
#getStarted #addItem li a:hover{
    text-decoration: none;
    color: #000;
}
#getStarted #addItem li a img{
    margin: 10px auto 5px auto;
}
#getStarted #addItem li a p{
    margin-bottom: 5px;
}

.ditemItemDisplayTemp .queryContext em{
    font-weight : bold;
}


/*
 * Bookmark Reader
 *-------------------------------------------------------------------------------*/

#bReader{
    background-color: #f5f5f5;
    font-size: 12px;
}

#bReaderBetaInfo{
    margin-top: 10px;
    margin-bottom:0;
}

#bReaderNavi{
    height: 30px;
    line-height: 30px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ddd;
}

#bReaderNavi table{
    width: 100%;
}


#bReaderInner{
    width: 100%;
    background-color: #fff;
}

#bReaderTitle{
    text-align: center;
    font-weight: bold;
    font-size:14px;
    color:#404040;
    white-space: nowrap;
    overflow: hidden;
}

#bReaderTitle a{
    color: #505050;
}

#bReaderTitle a:hover{
    color:#000;
}

#bReaderActions, #bReaderPagination{
    width: 200px;
}

#bReaderActions{
    text-align: right;
}

#bReaderClose{
    float: right;
    width: 24px;
    height: 24px;
    background: url(/prx/000/https/www.diigo.com/images/icons-bookmark-reader.png) -72px 0;
}
#bReaderClose:hover{
    background-position: -72px -24px;
}

#bReaderNewWindow{
    margin-right: 10px;
    float: right;
    width: 24px;
    height: 24px;
    background: url(/prx/000/https/www.diigo.com/images/icons-bookmark-reader.png) -48px 0;
}

#bReaderNewWindow:hover{
    background-position: -48px -24px;
}

#bReaderPrevItem{
    float: left;
    width: 24px;
    height: 24px;
    background: url(/prx/000/https/www.diigo.com/images/icons-bookmark-reader.png) 0 0;
}

#bReaderPrevItem:hover{
    background-position: 0 -24px;
}

#bReaderPrevItem.invalid{
    background-position: 0 -48px;
}

#bReaderNextItem{
    float: left;
    margin-left: 10px;
    width: 24px;
    height: 24px;
    background: url(/prx/000/https/www.diigo.com/images/icons-bookmark-reader.png) -24px 0;
}

#bReaderNextItem:hover{
    background-position: -24px -24px;
}

#bReaderNextItem.invalid{
    background-position: -24px -48px;
}

/*
 * 
 * 
 */
.bookmarkTitle span.pdfIcon{
	background: url("/prx/000/https/www.diigo.com/images/type-icons.png") no-repeat scroll -16px -32px transparent;
    display: block;
    float: left;
    height: 16px;
    margin-right: 5px;
    margin-top: 5px;
    width: 16px;
}

.publicSearchTimeRange{
	margin-top:5px;
}
.publicSearchTimeRange a{
    color: #7f7f7f;
    text-decoration: none;
    margin-right: 20px;    
}
.publicSearchTimeRange a:hover{
    color: #444;
    text-decoration: none;
}
.publicSearchTimeRange a.selectedYear{
    /*color: #000;*/
    font-weight: bold;
}