/*-------------------------------------------------------------------
* Basic Elements
* Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
--------------------------------------------------------------------*/
body{
    text-align: center;
    background-color: #f9f9f9;
    min-width: 980px;
    width:expression(document.body.clientWidth < 980 ? "980px" : "auto");
}

/*-------------------------------------------------------------
* Generic Classes
* Define styles for simple things like floating to the sides,
* removing a bottom margin on elements, etc.
--------------------------------------------------fo------------*/
a.link2{
    text-decoration: none;
    border-bottom: 1px solid #C9D7F1;
}
a.link2:hover{
    border-bottom-color: #0044cc;
}
#skipNav{
    display:none
}
.clear{
    clear:both;
    line-height:0;
    border-top:0;
}
.clearfix:after {
    clear:both;
    content:' ';
    display:block;
    font-size:0;
    height:0;
    line-height:0;
    visibility:hidden;
    width:0;
}
.clearfix {
    display:inline-block;
}
* html .clearfix {
    height:1%;
}
.clearfix {
    display:block;
}
.inputTxt{
    border: 1px solid #999;
    border-right-color: #d9d9d9;
    border-bottom-color: #d9d9d9;
    padding: .2em;
}
.inputTxt2{
    background:#FFFFFF url(/images/input-bg.gif) repeat-x scroll left top;
    border-color:#727272 #B4B4B4 #D9D9D9;
    border-style:solid;
    border-width:1px;
    font-size:13px;
    padding:2px;
}
.sep{margin-bottom:.8em; line-height:0;border-top:0;}
.gutter{height:20px; border-top:0;}
.purple{color: #7777cc;}
.highlightText{background-color: #ffff55;}
.bottomShadow{border-bottom: 1px solid #f3f3f3;}
.linkButton{
    font-size: 12px;
    line-height:18px;
    height:18px;
    color:#000;
    border: 1px solid #ccc;
    padding: 0 5px;
    background-color: #f8f8f8;
}
.linkButton:hover{
    text-decoration: none;
    background-color: #eee;
    border-color:#999;
}
.promptButton{
    display: block;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none;
}
.promptButton:hover{
    text-decoration: none;
}
.promptButton span{
    background: url(/images/prompt-button-right.png) right top no-repeat;
    display: block;
    height: 29px;
    line-height: 26px;
    padding-right: 12px;
}
/*--------------------------------------------------
* Basic Layout
* Define the basic template: header, footer, etc.
---------------------------------------------------*/
#main #captchaIframe{
    width:360px;
    height:35px;
}
#main{text-align:left; margin: auto; padding: 40px 20px 60px; background-color: #fff; border-top: 1px solid #ddd;}
#supplementaryNavInner, #bottomNavInner, #shortcutInner, #headerInner, #crumbsInner{margin: auto; min-width: 960px; max-width: 1100px; width:expression(document.body.clientWidth > 1100 ? "1100px" : document.body.clientWidth < 960 ? "960px" : "auto");}
#mainInner, #secondNavInner, #ownPublicNotice{margin: auto; min-width: 940px; max-width: 1080px; width:expression(document.body.clientWidth > 1080 ? "1080px" : document.body.clientWidth < 940 ? "940px" : "auto");}
#crumbs{padding: 0 10px;}
#crumbsInner{color:#666;font-size:12px;text-align:left;padding:15px 0 10px 5px;position:relative;}
#crumbsInner b{font-weight:400; padding-right:.5em;}
#crumbsInner span{padding: 0 .5em;}
#crumbsInner strong{font-weight:400;}
#column{margin: auto; background-color:#fff;overflow:hidden;padding-right:280px; /* The width of the rail */}
* html #column{height:1%; /* So IE plays nice */}
#leftColumn{background-color:#fff;width:100%;
            border-right:280px solid #fff; /* The width and color of the rail */
            margin-right:-280px; /* Hat tip to Ryan Brill */
            float:left;
}
#rightColumn{background-color:#fff;
             width:280px;
             float:left;
             margin-right:-280px;
             text-align:left;
}
#innerRightColumn{margin-left: 30px;}
.bannerAD, .footerAD{padding: 1em 0; text-align:center; }
.footerAD{background-color:#F0F7F9;}
.sideImageAD{margin-bottom: 2em;}
/*--------------------------------------------------
* Header
* Define all elements in the header.
---------------------------------------------------*/
#header{
    padding: 0 10px;
    border-bottom: 1px solid #0a548d;
    border-top: 1px solid #0a548d;
    background-color: #0b5fa0;
    height: 31px;

}
#headerInner{
    margin: 0 auto;
    text-align:right;
    position:relative;
}
#tagline{
    color: #555;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    left:110px;
    position:absolute;
    top:-20px;
    text-shadow: 0 1px 1px #fff;
}
#tagline strong{
    font-style: italic;
    margin-right: 3px;
}
#logo{
    cursor:pointer;
    position:absolute;
    top: -22px;
    left: 0;
    text-align: left;
}
#logo:hover{
    text-decoration:none;
}
#logo b{
    display: block;
    visibility: hidden;
    margin-left: 5px;
    font-size: 11px;
    font-weight: 400;
    color: #666;
    text-shadow: #fff 0 1px 0;
    line-height: 1.2;
}
#logo:hover b{
    visibility: visible;
}
#logo span{
    display: block;
    width: 125px;
    height: 48px;
    background: url(/images/logo-v5.png) 0 0 no-repeat;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/homepage/logo-v5.png',sizingMethod='scale');
}

#logoSmall{
    position:absolute;
    top: 1px;
    left: -5px;
    width: 85px;
    height: 31px;
    background: url(/images/v6/diigo-logo-31.png) 0 50% no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/diigo-logo-small.png',sizingMethod='scale');
}
#logoSmall img{
    float:right;
    display: none;
    margin-right: 5px;
}
#logoSmall:hover img{
    display: block;
}

#topNav{
    font-size: .9em;
    font-weight: 700;
    position:absolute;
    left: 100px;
    top: 0;
    height:31px;
}
#topNav a{
    text-decoration:none;
}
#topNav li{
    float: left;
    line-height: 31px;
    margin-right: 1px;
    font-size:1.1em;
}
#topNav li a{
    display: block;
    padding-left: 1.5em;
    color: #fff;
}

#topNav li a span{
    display: block;
    padding-right: 1.5em;
}
#topNav li.current{
    background-color:#00467f;
    /*background: url(/images/top-nav-current-bg.png) left top repeat-x;*/
}
#topNav li.current a{
    /*background: url(/images/top-nav-current-left-side.png) left top no-repeat;*/
}
#topNav li.current a span{
    /* background: url(/images/top-nav-current-right-side.png) right top no-repeat;*/
}

#shortcut{
    height:28px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #ccc;
    background-color: #f2f2f2;
    padding: 0 10px;
}
#shortcut ul{
    font-size: 12px;
    float: right;
    margin-top: 5px;
}
#shortcut li{
    float: left;
    padding: 0 .7em;
    border-right: 1px solid #ddd;
    border-left: 1px solid #f5f5f5;
}
#shortcut li.first{
    border-left:none;
}
#shortcut li.last{
    border-right:none;
    padding-right:0;
}


#topSearchForm{
    position:absolute;
    top: 4px;
    right: 0;
    width: 200px;
}
#topSearchForm .inner{
    background: url(/images/search-box-bg-left.png) left top no-repeat;
    padding-left: 20px;
}
#topSearchForm .inner2{
    background: url(/images/search-box-bg-right.png) right top no-repeat;
    padding-right: 10px;
    height: 22px;
}
#topSearchForm input{
    font-size:12px;
    border: none;
    margin-top: 2px;
    background: none;
    width:155px;
}

/*
 * =Move to top
 *---------------------------------------------------------------------------------------*/
#bottomOptions{
    border-top: 1px solid #fff;
    background-color:#005EA3;
    padding: 0 10px;

}
a.moveToTop{
    float: right;
    height: 28px;
    color: #a6d9ff;
    padding-right: 10px;
    font-size:12px;
    background:url(/images/move-to-top-bg-right.png) right top no-repeat;
}
a.moveToTop:hover{
    color: #fff;
}
a.moveToTop span{
    display:block;
    height:28px;
    line-height:26px;
    padding-left:8px;
    background:url(/images/move-to-top-bg-left.png) left top no-repeat;
}
a.moveToTop b{
    float: left;
    width: 10px;
    height:12px;
    background: url(/images/arrow-top-2.png) 0 0 no-repeat;
    margin-right: 6px;
    margin-top:6px;
}
a.moveToTop:hover{
    text-decoration:none;
}
a.moveToTop:hover b{
    background-position: 0 -12px;
}

/*--------------------------------------------------
* Footer
* Define all elements in the footer.
---------------------------------------------------*/
#footer{
    margin: auto;
    color:#666;
    font-size: 12px;
}
#supplementaryNav{
    background-color: #005ea3;
    color: #fff;
    padding: 0 10px;
}
#supplementaryNavInner{
    text-align: center;
    padding-bottom: 12px;
}
#supplementaryNavInner table{
    margin: auto;
    text-align: left;
    margin-bottom: 24px;
    width: 920px;
}
#supplementaryNavInner table th{
    font-size: 16px;
    font-weight: 700;
    text-indent: 20px;
}
#supplementaryNavInner table th .separatorLine{
    margin: 10px 40px 0 20px;
    border-top: 1px solid #014c83;
    border-bottom: 1px solid #016ebe;
}
#supplementaryNavInner table td{
    padding-top: 12px;
    vertical-align: top;
    line-height: 2;
}
#supplementaryNavInner table td ul{
    margin-left: 35px;
    list-style-image: url(/images/bullet-point.png);
}
#supplementaryNav a{
    color: #a6d9ff;
}
#supplementaryNav a:hover{
    color: #fff;
}

/*
#bottomNav{
    border-top: 1px solid #0278cc;
    color: #fff;
    background-color: #004481;
    padding: 21px 0;
    text-align:center;
}
*/
#bottomNav li{
    display: inline;
    padding: 0 10px;
}
#bottomNav li a{
    color: #fff;
}

/*--------------------------------------------------
* Etc
* Continue to define the other sections one by one.
---------------------------------------------------*/
#pageName{
    margin-bottom:1.5em;
}
.siteCrumb{
    color:#999;
    font-size:11px;
    line-height:18px;
    clear:both;
    font-weight:bold;
    margin:0;
}
.siteCrumb a{
    font-weight:normal
}
.siteCrumb strong{
    color:#333;
}

/* =Global Styles
----------------------------------------------- */
#skipNav{/*Skip to content*/
         display:none
}
.clear{
    border-top:transparent 1px solid!important;
    clear:both;
    list-style-type: none;
    line-height:0;
    border-top:0px;
}
.imgCache{/*Image Cache for IE*/
          position:absolute;
          left:-1000px;
          top:-1000px;
}
.inputTxt{/*Shadowed input area*/
          border: 1px solid #999;
          border-right-color: #d9d9d9;
          border-bottom-color: #d9d9d9;
          padding: .2em;
}
.inputTxt2{
    background:#FFFFFF url(/images/input-bg.gif) repeat-x scroll left top;
    border-color:#727272 #B4B4B4 #D9D9D9;
    border-style:solid;
    border-width:1px;
    font-size:14px;
    padding:2px;
}
.inputTip{
    border:1px solid #7F9DB9;
    color:#ccc;
    padding:3px;
}
.viewTail{/*small link follows Headings*/
          font: bold 12px Arial, Helvetica, sans-serif;
          margin-left: 1em;
}
.viewTail a{
    margin-left:0.5em;
}

a.linkOpt{/*For [ Option Button ] */
          margin-right:0.7em;
          text-decoration:none;
          font: bold 11px Arial, Helvetica, sans-serif;
          margin-right: 0.7em;
          margin-left: 0.7em;
}
a.linkOpt:hover,a.linkOpt:active{
    color:#09f;
    text-decoration:none
}
a.btnPri{
    font:bold 12px/18px Arial, Helvetica, sans-serif;
    color:#FFF;
    background:#4384F0 url(/images/btn_C.gif) no-repeat;
    border:1px solid #1E5FC7;
    display:inline-block;
    height:18px;
    padding:1px 6px;
    margin:0 4px;
}
a.btnPri:hover,a.btnPri:active{
    text-decoration:none;
    border-color:#000;
}
a.btnSec{
    font:normal 12px/18px Arial, Helvetica, sans-serif;
    color:#404040;
    background:#e5e5e5 url(/images/btn_D.gif) no-repeat;
    border:1px solid #a6a6a6;
    display:inline-block;
    height:18px;
    padding:1px 6px;
    margin:0 4px;
}
a.btnSec:hover,a.btnSec:active{
    text-decoration:none;
    border-color:#000;
}
a.imgLink{
    padding:3px;
    border:1px solid #ccc;
    background-color:#f0f0f0;
}
a.imgLink:hover, a.imgLink:active{
    border-color:#999;
    background-color:#eee;
}
.quickNav{
    line-height:18px;
    font-size:16px;
    font-weight:bold;
    margin-bottom:18px;
    text-align:right;
}
.quickNav a{
    text-decoration:underline;
}

.centralNoticerBox{
    position: fixed!important;
    position: absolute;
    z-index: 2147483647;
    left: 0;
    top: 0;
    border: 1px solid #e5e5e5;
    border-top: none;
}
.centralNoticerContent{
    padding: 0 10px 0 30px;
    text-align: left;
    font-size:12px;
    font-weight: bold;
    font-family:verdana;
    line-height:24px;
    color: #000;
    border: 1px solid #FFC62A;
    border-top: none;
    background:url(/images/ajax-loader-circle-ball.gif) no-repeat 8px 50% #FFF6BF;
}

/*--------------------------------------------
* sideBox
*--------------------------------------------*/
.sideBox{
    background-color: #fff;
    font-size:.9em;
    margin-bottom: 1.5em;
    text-align:left;
}
.sideBox .bTitle{
    font-weight: 700;
    color:#666;
    font-size: 1em;
    padding:0 .6em;
    line-height: 2;
    height: 2em;
    background: url(/images/sidebox-title-bg.png) left top repeat-x #eee;
    border: 1px solid #e2e2e2;
    border-bottom-color:#d9d9d9;
    border-top-color:#eee;
    margin:0;

}
.sideBox .content{
    text-align: center;
    border-color:#F3F3F3 #e5e5e5 #ECECEC;
    border-style:solid;
    border-width:1px;
    background: url(/images/sidebox-bottom-bg.png) left bottom repeat-x;
}
.sideBox .contentInner{
    padding: 10px;
    text-align:left;
}
.sideBox .subTitle{
    font-weight: 700;
}
.sideBox .contentInner .avatarLink_48{
    margin: 7px;
}
.sideBox .bOptions{
    padding: .8em;
}
.sideBox .seeMore{text-align:right;}
.sideBarEdit{
    color:#7777CC !important;
    float:right;
    font-weight:normal;
    margin-left:8px;
}
/*=Side Navigator Common*/
.sideNav{
    width: 200px;
    background-color: #E0ECFF;
}
.sideNav ul{
    list-style-type: none;
    margin:0;
}
.sideNav li{
    height: 30px;
    line-height: 30px;
    border-bottom:1px dotted #E0ECFF;
}
.sideNav li a{
    display: block;
    width: 195px;
    text-indent: 1em;
    font-size:14px;
    padding-left:5px;
}
.sideNav li a:hover{
    text-decoration: none;
    background-color: #C3D9FF;
}
.sideNav li.link a:hover{
    text-decoration:underline;
    background-color:inherit;
}
.sideNav li.current a{
    font-weight: bold;
    background:url(/images/v2/arr_r.gif) no-repeat center left;
}
.sideNav li.separator{
    border-top: 1px dashed #06c;
    margin: 10px 0;
    overflow: hidden;
    height: 1px;
}
.sideNav .top{
    height: 13px;
    background:url(/images/v2/blue/sideNavTop.gif) no-repeat top left;
}
.sideNav .bottom{
    height: 13px;
    background:url(/images/v2/blue/sideNavBottom.gif) no-repeat bottom left;
}
/* Side Navigator Common*/

/*=float tip */
.tipper{
    font: bold 10px Arial, Helvetica, sans-serif;
    border: 1px solid #999;
    border-top-color: #d9d9d9;
    border-left-color: #d9d9d9;
    background-color: #fff;
    color:#06c;
    cursor:help;
    padding: 0 3px;
}
a.tipper:hover{
    text-decoration: none;
}
.floatTip{
    position: absolute;
    border: 1px solid #ff9900;
    border-top-color: #ffc772;
    border-left-color: #ffc772;
    background-color: #ffffcc;
    width: 200px;
    padding: .3em;
    font:12px Arial, Helvetica, sans-serif;
    z-index: 999;
    text-align: left;
}
.floatTip p{
    line-height: 150%;
}
/* float tip */

/*=auto complete */
#box .autoUL{
    position: absolute;
    z-index: 99;
    border: 1px solid #999;
    background-color: #FFFADB;
    list-style-type: none;
    font-size: 12px;
    width: 142px;
}
#box .autoUL li{
    line-height: 150%;
    padding: 2px;
    cursor: default;
    text-align:left;
}
#box .mouseOver {
    background-color: #FFCA72;
}
#box .mouseOut {
    background-color:transparent;
}
/* auto complete */

/*=Notices*/
.alert, .success, .alertTip, .alertNone{
    text-align: left;
    padding: 5px 20px 5px 45px;
    margin-bottom: 2em;
    font:12px/18px Arial, Helvetica, sans-serif;
}
.alert h3,.success h3, .alertTip h3, .alertNone h3{
    font-size:13px;
}
.alert ul li,.success ul li, .alertTip ul li, .alertNone ul li{
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    font-size:13px;
    margin-left:2em;
}
.alert {/*Error notice*/
        background: #fff6bf url(/images/v2/stop.gif) center no-repeat;
        background-position: 15px 50%; /* x-pos y-pos */
        border-top: 2px solid #ffd324;
        border-bottom: 2px solid #ffd324;
        color:#600;
        font-weight:bold;
}
.success {/*Success notice*/
          background: #F8FAFC url(/images/v2/check.gif) center no-repeat;
          background-position: 15px 50%; /* x-pos y-pos */
          border-top: 2px solid #B5D4FE;
          border-bottom: 2px solid #B5D4FE;
}
.success_res{
	    color:green !important;
	    line-height:28px !important;
		background: #F8FAFC url(/images/v2/check.gif) no-repeat 8px 50% !important;
}
.alertTip {/*Tip notice*/
           background: #F8FAFC url(/images/v2/tip.gif) center no-repeat;
           background-position: 15px 50%; /* x-pos y-pos */
           border-top: 2px solid #B5D4FE;
           border-bottom: 2px solid #B5D4FE;
}
.alertNone {/*Notice without background image*/
            background: #F8FAFC;
            background-position: 15px 50%; /* x-pos y-pos */
            border-top: 2px solid #B5D4FE;
            border-bottom: 2px solid #B5D4FE;
            padding-left:20px;
}

/*=Breadcurmb Navigation*/
.crumb{
    margin:0 auto 20px 50px;
    text-align:left;
    font-size:20px;
    font-family:Arial, Helvetica, sans-serif;
    max-width:680px;
    max-height:27px;
    overflow:hidden;
}
.crumbNav{
    font-size:12px;
    font-weight:bold;
    color:#666;
    border-bottom:2px solid #f0f0f0;
    line-height:20px
}
.crumbNav a{
    font-weight:normal;
}
.crumbCurrent{
    color:#333;
}
.crumbActions{/*The actons in breadcrumb*/
              margin-left:5px
}
.crumbActions a{
    background-color:#018AD8;
    border-color:#02D0FF #002772 #002772 #02d0ff;
    border-style:solid;
    border-width:1px;
    color:#FFFADB;
    padding:1px 3px;
    text-decoration:none;
    font-weight:bold;
    font-size:11px;
    margin-left:10px
}
.crumbActions input{
    font-size:10px;
    padding:1px 3px;
    margin-left:10px;
}
/* Breadcurmb Navigation*/

/* Profile */
.avatarBorder_96{
    margin:0 auto;
}
.avatarBorder_96 img{
    margin: 2px auto 2px auto;
    border: 1px solid #666;
    padding:3px;
}
.spammerFlag{
    font-size: 10.7px;
}
.profileShortcutSection {
    background-color: #f5f5f5;
    list-style-type: none;
    padding: .3em .6em;
}
.profileShortcutSection li{
    line-height: 150%;
    font-size: .8em;
    font-weight: normal;
    margin-bottom: .3em;
}
/* Profile */

/* =Form Styles
----------------------------------------------- */
.formOpt{
    font:italic 11px Verdana, Arial, Helvetica, sans-serif;
    color:#999;
}
.webFormA fieldset{
    border:3px double #C3D9FF;
    padding:7px 20px;
}
.webFormA legend{
    padding:0 2px;
    font-size:14px;
    font-weight:bold;
}
.webFormA li{
    padding-bottom: .3em;
    padding-top: .3em;
}
.webFormA .inputTxt{
    background:url(/images/v2/inputTxtBG.gif) repeat-x left top;
    padding: .3em;
    border: 1px solid #CBB945;
    font-size: 1.1em;
    font-weight: bold;
    color: #776B1B;
}
.webFormA label{
    font-weight:bold;
    color: #777;
    font-size: 1em;

}
.webFormA label em{
    font-weight:bold;
    color:#900;
    font-size: 1em;

}
.webFormA label cite{
    font-weight:bold;
    color:#999;
    font-size: 10px;

}
.webFormA input{
    margin-right: .5em;
}
.webFormA .bottomBtn{
    font-size:12px;
    margin-top: 1.2em;
    font-weight:bold
}

.webFormB fieldset{
    border:1px solid #C3D9FF;
    border-bottom-color:#E0ECFF;
    padding-top:7px;
    -moz-border-radius:4px;
}
.webFormB legend{
    padding:0 2px;
    margin:0 14px;
    font-size:14px;
    font-weight:bold;
}
.webFormB table{
    border-collapse: collapse;
    width: 100%;
}
.webFormB tr.even{
    background-color: #f7f7f7;
}
.webFormB th{
    font-size:12px;
    font-weight:bold;
    padding: 5px 10px;
    text-align: right;
    width: 110px;
    color:#666;
}
.webFormB .multiRowTh{
    vertical-align:top;
    padding-top:10px;
}
.webFormB em{
    font-weight:bold;
    color:#900;
    font-size: 1em;

}
.webFormB cite{
    font-weight:bold;
    color:#999;
    font-size: 10px;

}
.webFormB td{
    padding: 5px;
}
.webFormB .radioLabel{
    cursor:pointer;
    margin-right:1em;
}
.webFormB select{
    font-size:.9em;
}
.webFormB select option{
    text-indent: 5px;
}
.webFormB textarea{
    width: 99%;
    height: 60px;
    overflow: auto;
    font-size: .9em;
}
.webFormB tfoot{
    color:#999;
    font-size: 12px;
    padding: 5px;
    font-weight: bold;
    margin-bottom: 1em;
    background-color: #E0ECFF;
    border-bottom: 1px solid #C3D9FF;
}
.webFormB tfoot a{
    padding: 5px;
    font-weight: bold;
    margin-bottom: 1em;
}
.webFormB .firstIBtn{
    padding:0.2em 0.3em;
}
.webFormB .secondIBtn{
    padding:0.2em 0.3em;
}

.webFormC li{
    list-style-type:none;
    padding:5px 0;
    background-color:#F0F5FE
}
.webFormC label{
    width:60px;
    text-align:right;
    float:left;
    font-weight:bold;
    color:#999;
    font-size:12px
}
.webFormC textarea,.webFormC input.textbox,.webFormC select{
    margin:0 5px 0 25px;
    width:508px;
    padding:2px;
    font-size:12px;
    border:1px solid #C3D9FF
}
.webFormC em{
    font-weight:bold;
    color:#900;
    font-size: 1em;

}
.webFormC cite{
    font-weight:bold;
    color:#999;
    font-size: 10px;

}
.webFormC .bottomBtn{
    color:#999;
    font-size:12px;
    font-weight:bold;
    padding-left:80px;
}
.webFormC .bottomBtn input{
    background-color:#018AD8;
    border-color:#02D0FF #002772 #002772 #02d0ff;
    border-style:solid;
    border-width:1px;
    color:#FFFADB;
    padding:2px 5px;
    text-decoration:none;
    font-size:12px;
    margin:5px
}
.webFormC .secondIBtn{
    font-weight:normal
}

.diigoBtn{
    padding: .2em .5em;
}
.diigoBtn_small{
    padding: .2em .3em;
}
a.commonTextButton{
    background:#018AD8 none repeat scroll 0%;
    border-color:#02D0FF #002772 #002772 #02d0ff;
    border-style:solid;
    border-width:1px;
    color:#FFFADB;
    padding:2px 5px;
    text-decoration:none;
    font-weight:bold;
    font-size:12px;
    margin-left:10px
}
.firstIinputTxt{
    background:url(/images/v2/inputTxtBG.gif) repeat-x left top;
    padding: .3em;
    border: 1px solid #CBB945;
    font-size: 1.1em;
    font-weight: bold;
    color: #776B1B;
}
input.inputFocus {
    border: 1px solid #4483c7;
    background:url(/images/v2/inputTxtBGFocus.gif) repeat-x left top #f0fad7;
}

.firstISelect{
    background:url(/images/v2/inputTxtBG.gif) repeat-x left top;
    border: 1px solid #CBB945;
    font-size: 1.1em;
    font-weight: bold;
    color: #776B1B;
}
.firstISelect option{
    background-color: #fff;
    line-height: 150%;
    text-indent: .3em;
}
.firstITextarea{
    background:url(/images/v2/inputTxtBG.gif) repeat-x left top #FFFADB;
    padding: .3em;
    border: 1px solid #CBB945;
    font-size: .9em;
    color: #776B1B;
}

.firstIBtn{/*Primary Button*/
           font-weight: bold;
           margin-right: 1em;
}
.secondIBtn{/*Seconary Button*/
            margin-right: 1em;
}

.inputBtn {/*Bookmark Editing*/
           background:url(/images/v2/blue/searchBtnBG.gif) repeat-x left bottom;
}

.diigoSelect{
    font-size:12px;
}
.diigoSelect option{
    line-height: 150%;
    padding: 0 .3em;
}
.tailNoticer{/*Help Tip*/
             font-size:12px;
             color: #d00;
             font-weight: bold;
}
.tailNoticer img{
    margin: .3em;
}
.tailTip{
    font-size: .85em;
    color: #777;
}
.goodNotice{
    font-weight: bold;
    color:#00aa00;
    font-size: 12px;
    padding: .3em;
}
.badNotice{
    font-weight: bold;
    color: #CC0000;
    font-size: 12px;
    padding: .3em;
}

/* =Tab Styles
----------------------------------------------- */
.tabSetA .tabList{
    line-height:24px;
    padding:4px 0;
}
.tabSetA .tabList li{
    float:left
}
.tabSetA .tabList li a{
    border-color:#eee #ccc #eee #eee;
    border-style:solid;
    border-width:1px;
    border-bottom:none;
    color:#888;
    display:block;
    float:left;
    font-size:12px;
    font-weight:bold;
    height:14px;
    line-height:14px;
    margin:0 2px 0 0;
    padding:4px 6px;
    background-color:#f0f0f0;
}
.tabSetA .tabList li a:link,.tabSetA .tabList li a:visited{

}
.tabSetA .tabList li a:hover,.tabSetA .tabList li a:active{
    background-color:#f0f0f0;
    text-decoration:none;
    color:#777
}
.tabSetA .tabList li.current a{
    background-color:#fff;
    border-color:#ccc;
    text-decoration:none;
    color:#333;
    position:relative;
    top:1px;
    padding-top:5px;
}
.tabSetA .tabContent{
    border:1px solid #ccc;
    clear:left;
    padding: 6px;
}

.tabSetB {margin:.8em 0 1.6em 0;}
.tabSetB .tabList{
    float: left;
    list-style-type: none;
    line-height: 21px;
    margin-left:5px;
}
.tabSetB .tabList li{
    float: left;
}
.tabSetB .tabList li a{
    padding-left: .8em;
    font-weight: bold;
    font-size: 12px;
    display: block;
    color: #555;
}
.tabSetB .tabList li a span{
    padding-right: .8em;
}
.tabSetB .tabList li a:hover{
    text-decoration: none;
    color: #000;
}
.tabSetB .tabList li.current a{
    background-color: #E0ECFF;
    color: #000;
}
.tabSetB .tabContent{
    clear:left;
    padding: 6px;
    background-color: #E0ECFF;
}

/* =Table Styles
----------------------------------------------- */
.diigoTable{
    border-collapse: collapse;
    border: 1px solid #777;
    font-size: .9em;
    margin-bottom: 1em;
}
.diigoTable thead{
    background-color: #777;
    color: #fff;
    font-weight: bold;
}
.diigoTable th, .diigoTable td{

    padding: .2em .5em;
}
.diigoTable td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
}

/*--------------------------------------------
* pagination
*--------------------------------------------*/
.pagination{
    float: right;
    line-height: 22px;
    font-size: 12px;
}
.pagination a{
    padding: 0 .2em;
}
/*************************/
.paginationB{
    background-color:#fff;
    text-align:right;
    font-size:12px;
    color:#999;
    padding-right:5px
}
.paginationB strong{
    color:#666;
}
.paginationB a{
    margin-right:3px;
    border:1px solid #999;
    padding:0 3px;
    font-size:10px;
}
.paginationB a:hover{
    background-color:#ddd;
    text-decoration:none;
    border:1px solid #666;
}
.paginationB a.current{
    cursor:default;
    border:none;
    font-weight:bold;
    font-size:11px;
    color:#666
}
.paginationB a.current:hover{
    background-color:#fff;
    border:none;
}
.paginationB span{
    margin-right:10px;
}


/* =Side Bar
----------------------------------------------- */
.sideBar{
    width: 268px;
    margin: 0 auto;
    background-color: #f5f5f5;
}
.sideBar .top{
    height: 16px;
    background:url(/images/v2/sideBarTop_1.gif) no-repeat top left;
}
.sideBar .content{
    text-align: left;
    padding: 0 1em;
}
.sideBar .bottom{
    height: 16px;
    background:url(/images/v2/sideBarBottom_1.gif) no-repeat bottom left;
}

/* =Round Corner Div
----------------------------------------------- */
/*
Copyright (c) 2007, Yahoo! Inc.
*/
.crBox-3{
    border:1px solid #7B9EBD;
}
.ct, .cl, .cb {
    background:transparent url(/images/cr_3.gif) no-repeat;
    clear:both;
    display:block;
    font-size:0pt;
    height:3px;
    line-height:0pt;
    margin:0pt;
    position:relative;
    text-align:left;
}
.ct, .cb {
    right:-1px;
    width:100%;
}
.ct .cl, .cb .cl {
    left:-2px;
    width:3px;
}
.ct {
    background-position:100% 0pt;
    top:-1px;
}
.ct .cl {
    background-position:0pt -6px;
}
.cb {
    background-position:100% -3px;
    bottom:-1px;
}
.cb .cl {
    background-position:0pt -9px;
}

.cornerLT{
    background:url(/images/v2/blue/lt.gif) 0 0 no-repeat;
    background-color: #c3d9ff;
}
.cornerRT{
    background:url(/images/v2/blue/rt.gif) 100% 0 no-repeat;
}
.cornerRB{
    background:url(/images/v2/blue/rb.gif) 100% 100% no-repeat;
}
.cornerLB{
    background:url(/images/v2/blue/lb.gif) 0 100% no-repeat;
    padding: 3px 0;
    zoom: 1;/*Holly Hack*/
}

/* =Auto Complete
----------------------------------------------- */
.autoCmpl{
    margin: 0;
    padding: .2em;
    font: 12px Arial, Helvetica, sans-serif;
    list-style-type: none;
    background-color: #e0ecff;
}
.autoCmpl li{
    line-height: 150%;
    padding: 0 .5em;
    cursor: default;
    color: #0000ff;
    white-space: nowrap;
}
.autoCmpl .mouseOver {
    background-color: #c3d9ff;
}
.autoCmpl .mouseOut {
    background-color:transparent;
}
#reporter{
    cursor: pointer;
    cursor: hand;
    margin-left: .5em;
}

/* tag cloud */
/* display the individual items next to each other, not one-per-line */
.tagCloud li { display: inline; line-height: 150%; margin-left:.2em; margin-bottom:.3em; }
/* hide the extra context from CSS-enabled browsers, but not screenreaders */
.tagCloud span { position: absolute; left: -999px; width: 990px; }
/* size is purely presentational, based upon the class */
.tagCloud .notPopular { font-size: 1em; }
.tagCloud .notVeryPopular { font-size: 1.3em; }
.tagCloud .somewhatPopular { font-size: 1.6em; }
.tagCloud .popular { font-size: 1.9em; }
.tagCloud .veryPopular { font-size: 2.2em; }
.tagCloud .ultraPopular { font-size: 2.5em; }

.tagList li {
    border-bottom:1px solid #EEEEEE;
    display:block;
    margin-bottom:0.2em;
    padding:0pt 0.3em 0.1em;
}
.tagList li span.count {
    background-color:#EEEEEE;
    float:right;
    font-family:arial;
    font-size:11px;
    font-size-adjust:none;
    font-stretch:normal;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:normal;
    margin-top:0.2em;
    padding:0pt 0.2em;
}
.tagList li span.sep {
    display:none;
}

/* tag cloud */

/*=============================
* avatar
*=============================*/
a.avatarLink_48{
    border: 1px solid #ddd;
    width:60px;
    height:74px;
    margin: 0 10px 10px 0;
    overflow:hidden;
    float:left;
    display:inline;
    font:normal 9px "lucida grande",tahoma,verdana,arial,sans-serif;
    color:#333;
    background:#f5f5f5 url(/images/diigo_user_48.jpg) no-repeat center 5px;
}
a.avatarLink_48:hover{
    /*background-color: #FFF7D8;*/
    text-decoration: none;
    /*border: 1px solid #FBD163;*/
    border-color:#999;
    background-color:#eee;
    color:#06c;
}
a.avatarOn{
    background-color:#FFF7D8;
    border-color:#FBD163;
}
a.avatarOn:hover{
    background-color:#FFEDA5;
    border-color:#F9C331;
}
.avatarMenuDot{
    width:18px;
    height:19px;
    background:url(/images/menudot.png) no-repeat left top;
    position:absolute;
    margin-left:-999em;
    cursor:hand;
}
.avatarMenuDot:hover{
    background-position:left bottom;
}
.avatarLink_48:hover .avatarMenuDot{
    margin-left:44px;
    margin-top:-2px;
    display:block;
}
.navLink .imgLink:hover .avatarMenuDot{
    margin-left:35px;
    margin-top:-5px;
}
.avatarToggler{
    margin-left:35px;
    margin-top:-5px;
    background-position:left bottom;
}

a.avatarLink_48 img.avatarImg{
    display: block;
    margin: auto;
}
a.avatarLink_48:hover img.avatarImg{
}
a.avatarLink_48 .dUserName{
    margin: auto;
    margin-top:58px;
    display: block;
    width: 48px;
    overflow: hidden;
}
.dUserName {
    white-space: nowrap;
    text-align:left;
}


/*=============================
* avatar
*=============================*/
a.avatar48{
    background-color: #fff;
    background-repeat:no-repeat;
    border: 1px solid #bbb;
    float: left;
    display: block;
    height: 50px;
    width: 50px;
    text-align:center;
    overflow:hidden;
}
a.avatar48:hover{
    border-color: #0044cc;
}
a.avatar48 img{
    width: 48px;
    margin: 1px auto;
}
a.avatar72{
    background-color: #fff;
    background-repeat:no-repeat;
    border:1px solid #BBBBBB;
    float:left;
    height:72px;
    margin-top:3px;
    overflow:hidden;
    width:72px;
}
a.avatar72:hover{
    border-color: #0044cc;
}
a.avatar72 img{
    margin-left:1px;
    margin-top:1px;
    width:70px;
}
a.avatarLink_48{
    border: 1px solid #bbb;
    width:60px;
    height:74px;
    margin: 0 10px 10px 0;
    overflow:hidden;
    float:left;
    display:inline;
    font-size:11px;
    color:#333;
    background-color: #f5f5f5;
    background-position:50% 5px;
    background-repeat: no-repeat;
}
a.avatarLink_48:hover{
    text-decoration: none;
    border-color:#0044cc;
    color:#000;
}
html[xmlns] a.avatarLink_48:hover{/*Aoid IE6 reloading background image*/
                                  background-color:#eee;
}
a.avatarLink_48.withoutName{
    border: 1px solid #bbb;
    width:50px;
    height:50px;
    margin: 0 10px 10px 0;
    overflow:hidden;
    float:left;
    display:inline;
    background:#f5f5f5 url(/images/diigo_user_48.jpg) no-repeat 50% 1px;
}
a.avatarOn{
    background-color:#FFF7D8;
    border-color:#FBD163;
}
a.avatarOn:hover{
    background-color:#FFEDA5;
    border-color:#F9C331;
}
.avatarMenuDot{
    width:18px;
    height:19px;
    background:url(/images/menudot.png) no-repeat left top;
    position:absolute;
    margin-left:-999em;
    cursor:hand;
}
.avatarMenuDot:hover{
    background-position:left bottom;
}
.avatarLink_48:hover .avatarMenuDot{
    margin-left:44px;
    margin-top:-2px;
    display:block;
}
.navLink .imgLink:hover .avatarMenuDot{
    margin-left:35px;
    margin-top:-5px;
}
.avatarToggler{
    margin-left:35px;
    margin-top:-5px;
    background-position:left bottom;
}

a.avatarLink_48 img.avatarImg{
    display: block;
    margin: auto;
}
a.avatarLink_48:hover img.avatarImg{
}
a.avatarLink_48 .dUserName{
    margin: auto;
    margin-top:58px;
    display: block;
    width: 48px;
    overflow: hidden;
    font-size:11px;
    line-height:14px;
}
.dUserName {
    white-space: nowrap;
    text-align:left;
}


a.avatarLink_96{
    /*border: 1px solid #ddd;
    background-color: #f5f5f5;*/
    width:98px;
    height:122px;
    margin: 0 10px 10px 0;
    overflow:hidden;
    float:left;
    display:block;
    font:normal 10px arial;
    color:#333;
    border: 1px solid #ddd;
    margin: 3px;
    background-color:#fff;
}
a.avatarLink_96:hover{
    background-color: #FFF7D8;
    text-decoration: none;
    /*border: 1px solid #FBD163;*/
    color:#06c;
    border: 1px solid #67A7E3;
    background-color: #67A7E3;
    color: #000;
}
a.avatarLink_96 img.avatarImg{
    margin: 4px auto;
    display: block;
    height: 96px;
    border: 1px solid #eee;
}
a.avatarLink_96:hover img.avatarImg{
}
a.avatarLink_96 .dUserName{
    margin: auto;
    display: block;
    width: 96px;
    overflow: hidden;
    white-space: nowrap;
}

.sideBox .avatar48 {
    margin:0 5px 5px 0;
}
/* avatar */

/* tip */
.tip{
    padding: .5em 1em;
    border: 1px solid #D8E5F2;
    background-color: #EAF2FA;
    color: #6C7D8E;
    margin-bottom: 1em;
    font-size: 9pt;
}
.tip h3{
    margin-bottom:9px;
}
.tip ul{
    list-style-type: square;
    margin-left: 22px;
}
.tip ul li{
    line-height: 150%;
    margin-bottom: .5em;
}
/* tip */
div.tip, p.tip{
    padding: .5em 1em;
    border: 1px solid #D8E5F2;
    background-color: #EAF2FA;
    color: #6C7D8E;
    margin-bottom: 1em;
    font-size: 14px;
    line-height: 18px;
}
div.tip h2, p.tip h2{
    margin: 0;
    margin:9px 0;
}
div.tip h3, p.tip h3{
    margin-bottom:10px;
}
div.tip ul, p.tip ul{
    list-style-type: square;
    margin-left: 15px;
}
div.tip ul li, p.tip ul li{
    line-height: 150%;
    margin-bottom: .5em;
}
div.tip p, p.tip p{
    margin-bottom: 9px;
}

.tip2{
    color: #666;
    font-size: 13px;
    font-style: italic;
    margin-bottom: 10px;
}
/* tip */

.mainItemTitle {
    border-top:1px solid #648DD4;
    background-color:#E0ECFF;
    font-size:12px;
    font-weight:bold;
    padding:4px 16px;
    margin-top:18px;
    width:750px;
}
.mainItemFirst{
    margin-top:0;
}

/*--------------------------------------------
* mainBox
*--------------------------------------------*/
.mainBox{
    background-color: #fff;
    font-size:12px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    height:1%;
}
.mainBox:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.mainBox .bTitle{
    border-bottom: 1px solid #ddd;
    padding: 3px 6px;
    background: #EDF0F8 url(/images/bar_bg_2.gif) repeat-x left top ;
    height: 18px;
    line-height: 18px;
    font-size:12px;
    font-weight: bold;
    color:#000;
}
.mainBox .content{
    border-top: 2px solid #F3F3F3;
}
.mainBox .contentInner{
    margin:8px;
    text-align:left;
}


/*------------------------------------------
* Context Menu
*------------------------------------------*/
.contextMenu i{
    font-size:7pt;
    font-weight:bold;
    line-height:24px;
    margin-left:1px;
    font-style:normal;
}
.contextMenu b{font-size:9px;
               vertical-align:middle;}
.contextMenu{
    position:relative;
    z-index:8;
}
/*.menuBox .contextMenu{position:static}*//*Disable r.p. in Bookmark Menu*/

ul.subMenu{
    background:#FFFFFF none repeat scroll 0 0;
    border-color:#D9D9D9 #999999 #999999 #D9D9D9;
    border-style:solid;
    border-width:1px;
    display:block;
    font-size:0.9em;
    line-height:26px;
    list-style-type:none;
    position:absolute;
    white-space:nowrap;
    z-index:9;
}
ul.subMenu li{
    border-right:medium none;
    display:block;
    float:none;
    line-height:26px !important;
    margin:0;
    padding:0;
    text-align:left;
    z-index:8;
}

ul.subMenu li span{
    border:none;
}
ul.subMenu li.sep{
}
ul.subMenu li a{
    background:transparent none repeat scroll 0 0 !important;
    border:medium none !important;
    color:#000000;
    display:block;
    font-weight:normal;
    height:26px;
    line-height:26px;
    min-width:60px;
    padding-left:10px !important;
    padding-right:10px !important;
    text-decoration:none !important;
}
#header ul.subMenu li a{
    color:#000;
    margin: 1px;
}
ul.subMenu li a span, ul.subMenu li a strong{
    white-space: nowrap;
}
ul.subMenu li a:hover{
    background-color: #eceff5!important;
    text-decoration: none!important;
}
#contextMenuHideIframe, #popWindowShadow{
    border: none;
    position: absolute;
}

.shareMenu{
    width:130px;
}
/*----------------------------------------
* pim header
*----------------------------------------*/
#bannerHeader{
    padding: 8px;
    border: 1px solid #ccc;
    margin: 0 8px 20px 8px;
    background-color: #f7f7f7;
}
#bannerHeader h1{
    margin: 0;
}
#bannerHeader .avatarLink_48{
    margin-bottom: 0;
}
#homeNav{
    list-style-type: none;
    font-size: 11px;
    line-height: 18px;
    font-weight: bold;
    height: 18px;
}
#homeNav a{
    color: #0066cc;
    text-decoration: none;
}
#homeNav a:hover{
    text-decoration: underline;
}
#homeNav li{
    float: left;
    margin-right: .3em;
    margin-left: .3em;
}
#homeNav li a {
    padding-left: .6em;
    padding-right: .6em;
    border-right: 1px solid #aaa;
}
#homeNav li.current a{
    color: #000;
    font-weight: bold;
    text-decoration: underline;
}
/*-------------------------------------------------
* ad
*-------------------------------------------------*/
.adSideBox{
    margin-bottom: 20px;
}

/*-------------------------------------------------
* Group List
*-------------------------------------------------*/
.groupPageBar{
    text-align:right;
    background-color:#C3D9FF;
    padding:2px 20px 2px 0;
}
.groupPageBar:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.mainBox .groupList{
    margin:9px auto;
    width:665px;
}
.row0 {
    background-color:#F0F5FE;
}
.row1 {
    background-color:#fff;
}
.groupList li {
    background:#fff url(/images/grouplist_blue.gif) no-repeat;
    height:78px;
    width:181px;
    overflow:hidden;
    margin:0 .8em 1em 0;
    padding:12px 15px;
    text-align:left;
    float:left
}
.groupList li:hover {
    background-color:#f6fbfe;
}
.moreGroupsUnit{
    padding:10px;
    /*width:680px;*/
}
.moreGroupsImg{
    float:left;
    width:60px;
    height:60px;
}
.moreGroupsInfo{
    float:left;
    margin-left:10px;
    width:350px;
}
.moreGroupsName a{
    font-size:18px;
    line-height:27px;
}
.groupInfoAlert{
    font-size:12px;
    color:#666;
    line-height:18px;
}
.moreGroupsInfo .groupInfoAlert{width:330px;}
.moreGroupsDetails{
    float:right;
    width:240px;
    margin-top:9px;
}
.moreGroupsDetails p{
    font-size:12px;
    line-height:18px;
}

.groupListB{
}
.groupListB li{
    border-bottom:1px dotted #999;
    padding: 8px;
}
.groupListB li:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.groupListB li.even {

    background-color:#F0F5FE;
}
.groupListB .groupListColAvatar {
    margin:6px 16px 0 8px;
}
.groupListBGroup {
    float:left;
    overflow:hidden;
    width:510px;
}
.groupListBGroup h4{
    font-size:18px;
    line-height:27px;
}
.groupListBGroup h4 span{
    font-size:11px;
    font-weight:normal;
    color:#999;
}
.groupListBDesc {
    font-size:11px;
    line-height:18px;
    color:#999;
}
.groupListBDesc .invitor{
    color:#666;
    font-weight:bold
}
.groupListBActions {
    float:right;
    clear:right;
    width:90px;
    margin-top:6px;
}
.groupListBActions li {
    border-bottom:none;
    padding-top:4px;
    padding-bottom:3px;
}

.groupRadioList{
}
.groupRadioList:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.groupRadioList li{
    float:left;
    width:200px;
    line-height:27px;
}
.groupRadioList li label, .groupRadioList li img{
    margin-left:.5em;
}
.groupRadioList li.disabled label{
    color:#999;
}

.itemList{
    margin:6px 12px;
}
.itemList li{
    margin-bottom:9px;
    font-weight:bold;
    font-size:12px;
    line-height:18px;
    background:url(/images/v2/li_s.gif) no-repeat left 1px;
    padding-left:12px;
}
.itemList li span{
    color:#aaa;
    font-weight:normal;
    font-size:11px;
    margin-left:.5em;
}
.itemList li span a{
    color:#267dd4;
}

.itemListNav{
    margin-bottom:18px;
}
.itemListNav li{
    line-height:18px;
    padding-left:9px;
}
.itemListNav li.current{
    font-weight:bold;
}
.itemListNav li.current a{
    color:#666;
}
.itemListNav li li{
    font-size:11px;
}

/*-------------------------------------------------
*navigation of see other's stuff
*------------------------------------------------*/
#secondNav{
    padding: 0 20px;
}
#secondNavInner{
    height: 60px;
    position: relative;
    margin-top: 40px;
}
#secondNav:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
#secondNav .imgLink{
    float:left;
    margin:0 9px;
}
#secondNav .imgLink img{
    width:48px;
    height:48px;
}
#secondNav h1{
    display:block;
    line-height: 24px;
    text-align:left;
}
#secondNav ul{
    text-align:left;
}
#secondNav .avatar48{
    border-color:#f9f9f9;
    float: left;
    margin-right: 10px;
    width: 50px;
    height: 50px;
    overflow:hidden;
    padding: 0;
}
#secondNav .avatar48:hover{
    border-color: #0044cc;
}
#secondNav .avatar48 img{
    margin: 1px auto;
    width: 48px;
}
#secondNav .followingMark, #secondNav .followMe{
    float: right;
}
#secondNav .contentb{
    padding: 0;
}
#followInfos{
    float: right;
    text-align:right;
    width: 200px;
}
#followInfos p a{
    color:#666;
}
#followInfos p a:hover{
    color:#0044cc;
}
#navBox{
    color: #666;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 60px;
    line-height:24px;
}
#navBox li{
    float: left;
    font-size:13px;
    margin-right: 3px;
}
#navBox li.first{
    padding:0;
    border:none;
}
#navBox li a{
    background-color:#eee;
    color: #666;
    display:block;
    padding: 0 10px;
}
#navBox li a:hover{
    color:#0044cc;
}
#navBox li.current a{
    border:1px solid #ddd;
    border-bottom:none;
    background-color:#fff;
    color: #000;
    font-weight: 700;
}
#ownPublicNotice{
}
#ownPublicNotice .contentb{
    text-align: center;
    padding: 6px 10px 3px 10px;
    font-size: 12px;
    line-height: 1;
}


/*.navLink .contextMenu{
position:static;
}
#pageName .otherNav{
margin-top:9px;
margin-bottom:18px;
margin-left:20px;
height:1%;
}
#pageName .otherNav:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#pageName .otherNav .imgLink{
float:left;
margin:0 9px;
}
#pageName .otherNav .imgLink img{
width:48px;
height:48px;
}
#pageName .otherNav h1{
margin-left:8px;
display:inline;
font-size:18px;
line-height:27px;
}
#pageName .otherNav ul{
text-align:left;
}
.navLink{
width: 100%;
float: left;
}
.navLink h1{display:inline;}
.navLink ul{margin-top:9px;}
.navLink li{
border-right:1px solid #999999;
float:left;
font-size:12px;
line-height:16px;
padding:0 8px;
}
.navLink li.name{
border-right:none;
color:#999;
padding:0;
}
.navLink li.current a{
color:#333;
border-bottom:none;
font-weight:bold;
}
.navLink li a{
color:#0044CC;
border-bottom:1px solid #ddd;
line-height:17px;
}
.navLink li a:hover{
border-bottom:1px solid #999;
text-decoration:none;
}

#pageName .otherOpt{
float:right;
}
#pageName .otherNav .otherOpt li{
line-height:17px;
}
#pageName .otherNav .otherOpt a{
display:block;
border-bottom:1px solid #DDD;
width:130px;
padding:0 5px;
font-size:12px;
line-height:17px;
color:#0066CC;
font-weight:bold;
}
#pageName .otherNav .otherOpt a:hover{
background-color:#0066cc;
color:#fff;
text-decoration:none;
}*/


/*-------------------------------------------------
* Pop Window in group
*------------------------------------------------*/
.editBTable th{
    color:#555555;
    font-weight:700;
    padding:5px;
    text-align:right;
    vertical-align:top;
}
#bTxtTitle, #bTxtDesc, #bTxtTags, #tTxtTitle, #tTxtDesc, #tTxtTags, .editBTable .addToHolder{
    font-size:1em;
    width:390px;
}

/*-----------------------------------
* 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{
    padding-left:16px!important;
    background:url(/images/comments.gif) no-repeat left 50%;
}

/*=========================================
* share item
*=========================================*/
#shareItemToSelector {
    margin-left: 5px;
}

/*------------------------------------------
* 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{
    width: 300px;
}
/*-------------------------------------------
* forward table
*------------------------------------------*/
#forwardTable{
    width: 100%;
}
#forwardTable th{
    font-weight: bold;
    width: 60px;
}
#forwardTable td{
    padding: 2px;
}
#forwardTable textarea{
    width: 98%;
    height: 120px;
}
#forwardOptions{
    font-size:11px;
    text-align:right;
    white-space:nowrap;
}
#forwardOptions a, #forwardOptions label{
    margin-left: 8px;
}
#subjectRow input{
    width: 98%;
}
#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;
}

/*-------------------------------------------------
* Member manage
*------------------------------------------------*/
ul.pendingMember li{
    padding:5px;
    border-bottom:1px dotted #ddd;
}

ul.pendingMember li .requestComment{
    margin:5px 10px;
    padding:10px;
    background-color:#F0F0F0;
}

/*-------------------------------------------------
* Thumb Vote
*------------------------------------------------*/
.thumbVote{
    font-size:11px;
    line-height:27px;
    color:#333;
    margin-left:10px;
}
.thumbVote a{
    background:#f8f8f8 url(/images/thumb.gif) no-repeat 0 -17px;
    border:1px solid #ccc;
}
.thumbVote a:hover{
    border-color:#999;
}
.thumbVote img{
    width:16px;
    height:16px;
}
.thumbVote span{
    padding-right:2px;
}
.thumbUp{
}
.thumbUped a{
    background-position:0 -33px;
    border-color:white;
    background-color:transparent;
    cursor:default;
}
.thumbUped a:hover{
    border-color:white;
}
.thumbAvatar{
    float:left;
    width:62px;
    height:76px;
    background-color:#f8f8f8;
}
.thumbAvatar span{
    display:block;
    line-height:45px;
    text-align:center;
    font-weight:bold;
    font-size:36px;
    color:#666;
}
.thumbAvatar .thumbVote{
    display:block;
    padding:3px 0;
    margin:0;
    line-height:18px;
    text-align:center
}

/*---------------------------------------------
* General List
*-----------------------------------------------*/
.gnList{
    margin:8px 0;
}
.gnList li{
    font-size:12px;
    background:url(/images/v2/li_s.gif) no-repeat 8px 4px;
    line-height:18px;
    border-bottom: 1px solid #eee;
    padding: 4px 4px 4px 18px;
}
.gnList li a{
    font-weight: normal;
    color:#0066CC;
    border-bottom: none;
}
.gnList li a:hover{
    text-decoration: underline;
}

.inlineList{
    line-height:18px;
    font-size:12px;
    text-align:justify;
}
.inlineList li{
    background:url(/images/v2/li_s.gif) no-repeat 8px 0;
    padding-left:18px;
    display:inline;
    white-space:nowrap;
}

.itemListA,.itemListB,.itemListC{
    line-height:18px;
    font-size:12px;
    font-family:Verdana,"Lucida Grande",Arial, Helvetica, sans-serif;
}
.itemListC{
    border-top:1px dotted #ccc;
    margin-top:-1px;
}
.itemListA li,.itemListB li{
    background:url(/images/v2/li_s.gif) no-repeat 8px 0;
    padding-right:5px;
    padding-left:18px;
    margin-bottom:3px;
}
.itemListC li{
    padding:0 5px;
    border-bottom:1px dotted #ccc;
    margin-bottom:2px
}
.itemListC li:hover{
    background-color:#f8f8f8;
}
.itemListA h4,.itemListB h4,.itemListC h4{
    font-weight:bold;
    display:inline;
    margin-right:1em;
}
.itemListA h4{
    font-weight:normal;
}
.itemListB h4,.itemListC h4{
    float:left
}
.itemListA span,.itemListB span,.itemListC span{
    color:#aaa;
    /*font-weight:bold;*/
    font-size:10px;
    margin-right:3px;
    padding-left:3px;
    /*border-left:none;*/
}
.itemListB span,.itemListC span{
    float:right;
    color: #333;
    font-size:12px;
}
.itemListA span a,.itemListB span a,.itemListC span a{
    color:#666;
}
.itemListA span a:hover,.itemListB span a:hover,.itemListC span a:hover{
    color:#06c;
}
.itemListA p,.itemListB p,.itemListC p{
    color:#aaa;
}
.itemListC p{
    clear:both
}
.itemListA p a,.itemListB p a,.itemListC p a{
    color:#666;
}
.itemListA p a:hover,.itemListB p a:hover,.itemListC p a:hover{
    color:#06c;
}

/* =Round Corner Div
----------------------------------------------- */
/*
Copyright (c) 2007, Yahoo! Inc.
*/
.crBox-3{
    border:1px solid #7B9EBD;
}
.ct, .cl, .cb {
    background:transparent url(/images/cr_3.gif) no-repeat;
    clear:both;
    display:block;
    font-size:0pt;
    height:3px;
    line-height:0pt;
    margin:0pt;
    position:relative;
    text-align:left;
}
.ct, .cb {right:-1px;width:100%;}
.ct .cl, .cb .cl {left:-2px;width:3px;}
.ct {background-position:100% 0pt;top:-1px;}
.ct .cl {background-position:0pt -6px;}
.cb {background-position:100% -3px;bottom:-1px;}
.cb .cl {background-position:0pt -9px;}
.crBox-3-g{/*Gray, #ccc*/
           border:1px solid #ccc;
}
.crBox-3-g .ct, .crBox-3-g .cl, .crBox-3-g .cb{background-image:url(/images/cr_3_g.gif);}

.crBox-x{background: #FFF6BF}
.crBox-x b.rtop,.crBox-x b.rbottom{display:block;background: #FFF}
.crBox-x b.rtop b,.crBox-x b.rbottom b{display:block;height: 1px;overflow: hidden; background: #FFF6BF}
.crBox-x b.r1{margin: 0 5px}
.crBox-x b.r2{margin: 0 3px}
.crBox-x b.r3{margin: 0 2px}
.crBox-x b.rtop b.r4,.crBox-x b.rbottom b.r4{margin: 0 1px;height: 2px}

.crBox-y{background: #eee}
.crBox-y b.rtop,.crBox-y b.rbottom{display:block;background: #FFF}
.crBox-y b.rtop b,.crBox-y b.rbottom b{display:block;height: 1px;overflow: hidden; background: #eee}
.crBox-y b.r1{margin: 0 5px}
.crBox-y b.r2{margin: 0 3px}
.crBox-y b.r3{margin: 0 2px}
.crBox-y b.rtop b.r4,.crBox-y b.rbottom b.r4{margin: 0 1px;height: 2px}

.b1, .b2, .b3, .b4, .b0{font-size:1px; overflow:hidden; display:block;}
.b0 {height:1px; background:#f3f3f3; margin:0 6px;}
.b1 {height:1px; background:#ccc; margin:0 5px;}
.b2 {height:1px; background:#f9f9f9; border-right:2px solid #ccc; border-left:2px solid #ccc; margin:0 3px;}
.b3 {height:1px; background:#f9f9f9; border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0 2px;}
.b4 {height:2px; background:#f9f9f9; border-right:1px solid #ccc; border-left:1px solid #ccc; margin:0 1px;}
.contentb {background: #f9f9f9; border-right:1px solid #ccc; border-left:1px solid #ccc;}

.orange .b1 {height:1px; background:#ffc62a; margin:0 5px;}
.orange .b2 {height:1px; background:#FFF6BF; border-right:2px solid #ffc62a; border-left:2px solid #ffc62a; margin:0 3px;}
.orange .b3 {height:1px; background:#FFF6BF; border-right:1px solid #ffc62a; border-left:1px solid #ffc62a; margin:0 2px;}
.orange .b4 {height:2px; background:#FFF6BF; border-right:1px solid #ffc62a; border-left:1px solid #ffc62a; margin:0 1px;}
.orange .contentb {background: #FFF6BF; border-right:1px solid #ffc62a; border-left:1px solid #ffc62a;}

.cornerLT{
    background:url(/images/v2/blue/lt.gif) 0 0 no-repeat;
    background-color: #c3d9ff;
}
.cornerRT{
    background:url(/images/v2/blue/rt.gif) 100% 0 no-repeat;
}
.cornerRB{
    background:url(/images/v2/blue/rb.gif) 100% 100% no-repeat;
}
.cornerLB{
    background:url(/images/v2/blue/lb.gif) 0 100% no-repeat;
    padding: 3px 0;
    zoom: 1;/*Holly Hack*/
}

/*---------------------------------------------
* pagination
*-----------------------------------------------*/
.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;}

.bold{font-weight:bold;}

/*---------------------------------
* bookmark save & edit
*---------------------------------*/
.editBTable th{
    padding: 2px 5px;
    vertical-align: top;
}
.editBTable td{
    padding: 2px 5px;
}
.editBTable label{
    margin-right: 7px;
}
.editBTable label input{
    margin-right: 2px;
}
.addToHolder{
    padding: 5px;
    background-color: #eee;
    margin-top: 3px;
}
.addToHolder select{
    margin-left: 5px;
}

/*=========================================
* share item
*=========================================*/
#shareItemToSelector {
    margin-left: 5px;
}

/*---------------------------------------------
* Group Banner and sidebar. 2009-02-20. Vincent Tsao
*-----------------------------------------------*/
#banner{
}
#groupNav{
    line-height:24px;
    font-size:12px;
    font-family:arial;
    background-color:#fff;
}
#groupNav a{
    text-transform:capitalize;
}
#groupNav .toolNav{
}
#groupNav .toolNav a{padding: 0 5px;}
#groupNav .SiteNav{
    float: left;
}
#headerInner .groupAvatar{
    background-color:#fff;
    border: 1px solid #bbb;
    display:block;
    float:left;
    padding: 1px 0;
    width:98px;
    text-align:center;
    margin-left: 10px;
}
#headerInner a.groupAvatar:hover{
    border-color: #0044cc;
}

#headerInner .groupAvatar img{
    width:96px;
}
.groupTitle{
    color: #666;
    margin:0 500px 0 120px;
    text-align:left;
}
.groupTitle p{
    font-size: .9em;
    color:#333;
}
#short_cut .content{
    text-align:left;
}
#short_cut a{
    color:#0044cc;
    text-decoration:underline;
}
#short_cut li{
    margin-bottom: .5em;
}
#group_info li{
    margin-bottom: .3em;
}
#group_info .contentInner{font-size:12px;}
#group_info .content ul li span{
    font-weight:bold;
    color: #666;
}
.moreLinks a{color:#0044cc;font-size:12px;}

#main a.backToLink{
    margin:0;
    text-decoration:underline;}

/*---------------------------------------------
* Group membership page. 2009-03-03. Vincent Tsao
*-----------------------------------------------*/
#membership{
    margin:10px 20px;
}
#membership h3{
    font-size:13px;
}
#membership form{
    margin:10px 0;
}
#membership form td{
    padding:5px 2px;
}

/*****************************************************
Group content layout.  2008-12-28. Vincent Tsao
******************************************************/
.contentHeader{
    margin-bottom:1.5em;
    font-size:12px;
}
.contentHeader h2{
    margin:0;
    margin-top:10px;
}
.contentHeader a{
    margin: 0 3px;
}
.contentHeader a.current{
    text-decoration:none;
    font-weight:bold;
    color:#333;
}
.contentHeader .sortView{
    border-top:1px solid #ccc;
    margin-top:.5em;
    position: relative;
    height: 2.3em;
    line-height: 2.3em;
}
.contentHeader .sortView .sortBy{margin-right:30px}
.contentHeader .sortView .filter{}
.contentHeader .sortView .displayMode{
    position: absolute;
    right: 0;
    top: 0;
}
.contentHeader .borderBottom{
    border-top:none;
    border-bottom:1px solid #ccc;
}
.displayMode a{display:block;float:left;height:21px;overflow:hidden;
               text-indent: -999px;margin: 3px 0 0 0;}
#dmSimple{width:25px;background:url(/images/display-modes.png) 0 0 no-repeat;}
#dmSimple.current{width:25px;background-position:-73px 0;}
#dmMiddle{width:24px;background:url(/images/display-modes.png) -25px 0 no-repeat;}
#dmMiddle.current{width:25px;background-position:-97px 0;}
#dmAdvanced{width:24px;background:url(/images/display-modes.png) -49px 0 no-repeat;}
#dmAdvanced.current{width:25px;background-position:-121px 0;}
.contentHeader .postItem, .contentHeader .sortBy, .contentHeader .filter{color:#666;}
.postItem .label{
    display: block;
    float:left;
    line-height: 24px;
}
.postItem a{
    background: url(/images/prompt-button-2-right.png) right top no-repeat;
    color: #333;
    display: block;
    float: left;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
    padding-right: 11px;
}
.postItem a img{
    margin-right:5px;
    float: left;
    margin-top:4px;
}
.postItem a span{
    background: url(/images/prompt-button-2-left.png) left top no-repeat;
    cursor:pointer;
    display: block;
    height: 24px;
    line-height: 24px;
    padding-left: 11px;
    padding-right: 4px;
}
.postItem a:hover{
    color: #0044cc;
    text-decoration: none;
}
#post_item_area{
    margin-top: 5px;
}

.item .bookmark h3{padding-left:0;}
.recTags li{float: left; }
.recTags li a{display: block;border: 1px solid #fff; font-size: 12px; line-height: 16px;padding:0 5px;text-decoration: none;}
.recTags li a:hover{border: 1px solid #0044cc;text-decoration: none;}
.recTags label{font-size: 12px;margin-top: 9px;}
.recTags li a.on{background-color: #0066ff; color: #fff;}
.recTags label{display:block;margin: 1em 0 0 0;padding-bottom: 2px;font-weight: bold;color: #777;}

/* search */
#moreSearch{
    color: #999;
    margin-bottom: 20px;
}
#moreSearch .contentb{
    padding: 5px 10px;
}
#moreSearch li{
    list-style-type: disc;
    margin-bottom: 5px;
    margin-left: 15px;
}
#moreSearch li.title{
    color: #666;
    list-style-type: none;
    font-size: 13px;
    font-weight: 700;
    margin-bottom: 10px;
    margin-left: 0;
}
#moreSearch a{
}
#moreSearch strong{
    color: #008000;
}
#moreSearch #googleLink{
}

/* search options */
#searchOpts{
    background: #f9f9f9;
    border: 1px solid #999;
    position: absolute;
    text-align:left;
}
#searchOpts li{
    border: 1px solid #fff;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #e5e5e5;
    cursor: pointer;
    padding: 3px 8px;
    white-space: nowrap;
}
#searchOpts li.hover{
    background-color: #1e8ccf;
    color: #fff;
}
#searchOpts li em{
    font-style: normal;
}

.private2{
    background:transparent url(/images/lock-2.gif) no-repeat scroll 0 0;
    padding-left:15px;
}

.pagination_3_5{
    color: #666;
    height: 24px;
}
.pagination_3_5 a, .pagination_3_5 span{
    padding: 1px 5px;
    line-height: 24px;
    margin-right: 3px;
}
.pagination_3_5 a{
    border: 1px solid #0066cc;
}
.pagination_3_5 span.ellipsis{
    font-weight: 700;
    padding: 0 1px;
}
.pagination_3_5 a:hover{
    text-decoration: none;
    background-color:#0066cc;
    color: #fff;
}
.pagination_3_5 .next, .pagination_3_5 .prev{
    font-weight: 700;
}
.pagination_3_5 .next{
    margin-right: 0;
}
.pagination_3_5 span.next, .pagination_3_5 span.prev{
    border: 1px solid #bbb;
    font-weight: 400;
}
.pagination_3_5 span.current{
    border: 1px solid #0066cc;
    background-color:#0066cc;
    color: #fff;
    font-weight: 700;
}

#followInfos{
    float: right;
}

/*-------------------------
 * Join Diigo Badge
 *------------------------*/
#joinDiigoBadge{
    margin-bottom: 20px;
}
#joinDiigoBadge .contentb{
    padding: 5px 15px;
}
#joinDiigoBadge p, #joinDiigoBadge p strong{
    font-size: 14px;
    font-style:italic;
    line-height: 1.3;
}
#joinDiigoBadge p a{
    white-space:nowrap;
    display:none;
}
#joinDiigoButton{
    float: none;
    margin: 10px auto 0 auto;
    width: 160px;
}

/*---------------------------------------------
* no items
*--------------------------------------------*/
.noItems{
    color:#666;
    margin:20px 10px 20px 0
}
.noItems h2{
    font-size: 18px;
    font-weight: 400;
}
.noItems h3{
    font-size: 16px;
    font-weight: 400;
}
.noItems p{
    margin-bottom: 18px;
}
.noItems dt{
    font-weight: bold;
    margin-bottom: 9px;
}
.noItems dd{
    margin-left: 22px;
    margin-bottom: 9px;
}
.noItems ul{
    margin-left: 36px;
    margin-bottom: 18px;
    list-style-type: square;
}
.noItems ul li{
    margin-bottom: 9px;
}


/*---------------------------------------------
* follow btn
*--------------------------------------------*/
.followingMark{
    background-color: #f5f5f5;
    border:1px solid #ddd;
    color: #008000!important;
    display:block;
    height: 26px;
    line-height: 26px;
    margin: 5px auto 0;
    width: 98px;
    padding:0;
    text-align:center;
}
.followingMark:hover{
    color: #008000!important;
    text-decoration: underline;
}
.followingMark strong{
    background: url(/images/following-mark.gif) 0 50% no-repeat;
    padding-left: 18px;
}
.followMe{
    background: url(/images/prompt-button-right.png) right top no-repeat;
    color: #f1f1f1;
    display: block;
    font-size: 13px;
    height: 29px;
    line-height: 26px;
    padding-right: 12px;
    text-decoration: none;
    width: 96px;
    margin: 5px auto 0;
}
.followMe:hover{
    color: #fff;
    text-decoration: none;
}
.followMe span{
    background: url(/images/prompt-button-left.png) left top no-repeat;
    cursor: pointer;
    display: block;
    height: 29px;
    line-height: 26px;
    padding-left: 12px;
    text-align: center;

}
#otherNav .followingMark, #otherNav .followMe {
    float:right;
}

.toTop{
    text-align:right;
    margin-bottom:10px;
}


/*---------------------------------------------
* Diigo groups index page & user groups page
*--------------------------------------------*/
.noticeTip{
    color:#008000;
    font-size:12px;
    font-weight:bold;
    margin-bottom: 30px;
}
.noticeTip2{
    color:#777777;
    font-size:16px;
    font-weight:400;
    margin-bottom:10px;
}
.diigoGroupsBox{
    margin-bottom:40px;
}
.diigoGroupsBox h2{
    background-color:#f5f5f5;
    border-top:1px solid #ddd;
    font-size:16px;
    font-weight:bold;
    padding:0 5px;
    margin-bottom: 10px;
}
.diigoGroupsBox .introDesc{
    font-size: 14px;
    margin-bottom:20px;
    margin-left: 5px;
}
.diigoGroupsBox .introCase{
    margin-bottom:20px;
}

.diigoGroupsBox .introCase .promptButton{
   float: left;
}
.diigoGroupsBox .introCase li{
    float:left;
    width:33%;
}
.diigoGroupsBox .introCase li img{
    float:left;
}
.diigoGroupsBox .introCase li p{
    margin-left:55px;
    margin-top:5px;
    margin-right: 5px;
    font-size:12px;
    color:#666;
}

.diigoGroupsBox .sectionTip{
    margin-left: 5px;
    color:#666;
}
.diigoGroupsBox .searchGroupsBox{
    margin-top:5px;
    margin-left: 5px;
    margin-bottom: 20px;
}
.diigoGroupsBox .recommenedGroups{
    margin-top:5px;
    margin-left: 5px;
}
.diigoGroupsBox .recommenedGroups li{
    float:left;
    height:80px;
    width:49%;
    overflow: hidden;
    margin-bottom: 10px;
}
.diigoGroupsBox .recommenedGroups .groupDetails{
    margin-left:60px;
    margin-right: 20px;
}
.diigoGroupsBox .recommenedGroups .groupDetails h4{
    font-size: 14px;
}
.diigoGroupsBox .recommenedGroups .avatar48{
    margin-top: 3px;
}
.diigoGroupsBox .recommenedGroups .groupDetails p{
    color:#666;
    font-size: 12px;
}

.groupCat li{
    padding: 5px 0;
    border-bottom:1px solid #eee;
}
.groupCat li span{
    color:#666;
}
.groupCat li a{
}