html,body {
    margin:0;
    padding:0;
    height:100%;
}
#wrapper {
    min-height:100%;
    position:relative;
}
#header {
    padding:10px;
    background:#5ee;
}
body #main {
	padding:40px 20px;
	padding-bottom:330px; /* Height of the footer element */
}
#footer {
    width:100%;
    height:318px;
    position:absolute;
    bottom:0;
    left:0;
    background:#ee5;
}
/*-------------------------------------------------------------------
* Basic Elements
* Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
--------------------------------------------------------------------*/
body{
    text-align: center;
    background-color: #eceff5;
    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.
--------------------------------------------------------------*/
a{
    outline:none;
}
a.link2{
    text-decoration: none;
    border-bottom: 1px solid #C9D7F1;
}
a.link2:hover{
    border-bottom-color: #0044cc;
    text-decoration: none;
}
a.smallLink{
    font-size: 11px;
}
.smallFont{
    font-size: 11px;
}
h1 a.link2{color:#000;}
#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{
    background: url(/images/prompt-button-right.png) right top no-repeat;
    color: #f1f1f1!important;
    display: block;
    font-size: 13px;
    height: 29px;
    line-height: 26px;
    padding-right: 12px;
    text-decoration: none;
}
.promptButton:hover{
    color: #fff!important;
    text-decoration: none;
}
.promptButton:active{
    color: #eee!important;
}
.promptButton 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;
}
.promptButton.purple{
    background: url(/images/prompt-button-purple-right.png) right top no-repeat;
}
.promptButton.purple span{
    background: url(/images/prompt-button-purple-left.png) left top no-repeat;
}
.promptButton2{
    background: url(/images/prompt-button-2-right.png) right top no-repeat;
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 700;
    margin-left: 10px;
    padding-right: 11px;
    text-decoration: none;
}
.promptButton2:hover{
    color: #0044cc;
    text-decoration: none;
}
.promptButton2 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;
    text-align: center;
}

.promptButton3{
    background: url(/images/prompt-button-3-right.png) right top no-repeat;
    color: #f1f1f1!important;
    display: block;
    font-size: 13px;
    height: 29px;
    line-height: 26px;
    padding-right: 12px;
    text-decoration: none;
}
.promptButton3:hover{
    color: #fff!important;
    text-decoration: none;
}
.promptButton3:active{
    color: #eee!important;
}
.promptButton3 span{
    background: url(/images/prompt-button-3-left.png) left top no-repeat;
    cursor: pointer;
    display: block;
    height: 29px;
    line-height: 26px;
    padding-left: 12px;
    text-align: center;
}

.grayToBlueButton{
    background: url(/images/button-gray-blue-right.png) right top no-repeat;
    color: #333;
    display: block;
    font-size: 12px;
    font-weight: 700;
    padding-right: 10px;
    text-decoration: none;
}
.grayToBlueButton span{
    background: url(/images/button-gray-blue-left.png) left top no-repeat;
    cursor:pointer;
    display: block;
    height: 25px;
    line-height: 22px;
    padding-left: 5px;
    font-weight: 400;
}
.grayToBlueButton:hover{
    background-position: right -25px;
    color: #fff;
    text-decoration: none;
}
.grayToBlueButton:hover span{
    background-position: left -25px;
}

/* follow me */
.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: #eee;
    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;

}

ul.unorderList{
    margin-left: 18px;
    list-style-type: disc;
    color: #ccc;
    margin-bottom:30px;
}

ul.unorderList li p{
    color: #000;
    padding: 0!important;
    margin: 0!important;
}

ol.orderList{
    margin-left: 24px;
    list-style-type: decimal;
    color: #909090;
    margin-bottom:30px;
}

ol.orderList li p{
    color: #000;
    padding: 0!important;
    margin: 0!important;
}

/*--------------------------------------------------
* Basic Layout
* Define the basic template: header, footer, etc.
---------------------------------------------------*/
#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;background-color:#f9f9f9;}
#crumbsInner{color:#444;font-size:12px;padding: 15px 0 10px 5px; text-align:left;}
#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;margin:0;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;
}
#innerLeftColumn{margin-right: 30px;}
#innerRightColumn{margin-left: 30px;}

/* master details pattern */
#column.masterDetail{padding-right: 0; padding-left:180px;}
#column.masterDetail #leftColumn{
    border-right:none;
    margin-right:0;
    float:right;
    border-left:180px solid #fff;
    margin-left:-180px;
}
#column.masterDetail #rightColumn{
    width:180px;
    float:right;
    margin-right:0;
    margin-left:-180px;
}
#column.masterDetail #innerRightColumn{margin-left:0;margin-right:20px;}
#column.masterDetail #innerLeftColumn{margin-right:0;margin-left:20px;}

/* master details 2 pattern
 * #innerLeftColumn is a must have tag element
 * e.g. My Library Layout
*/
#column.masterDetail2{padding:0}
#column.masterDetail2 #leftColumn{
    border-right: none;
    border-left: none;
    margin:0;
    float: right;
    margin-left: -180px;
    margin-right: 0;
    width: 100%;
}
#column.masterDetail2 #innerLeftColumn{
    margin-right:0;
    margin-left:180px;
}
#column.masterDetail2 #rightColumn{
    width:180px;
    float:left;
    margin:0;
}
#column.masterDetail2 #innerRightColumn{margin-left:0;margin-right:20px;}


.footerAD{padding: 10px 0; text-align:center; }
.footerAD{background-color:#eceff5;border-top:1px solid #e3e3e3;}
.footerADInner{margin: auto; width:728px;background-color: #f9f9f9;
               -webkit-border-radius:5px;
               -moz-border-radius: 5px;
}
.footerADInner .removeLink{float:right;font-size: 12px;
                           width: 12px;
                           height: 12px;
                           background: url(/images/icon-close.png) 0 0 no-repeat;
                           margin: 4px 4px 3px 0;
}
.footerADInner .removeLink:hover{
    background-position: -12px 0;
}
.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;
    zoom: 1;
}
#tagline{
    color: #555;
    font-size: 11px;
    height: 15px;
    line-height: 15px;
    left:110px;
    position:absolute;
    top:-20px;
    text-shadow: 0 1px 0 #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/homepage/logo-v5.png) 0 0 no-repeat!important;
    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/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: 20px;
}
#logoSmall:hover img{
    display: block;
}

#footerLogo{
    width: 85px;
    height: 31px;
    text-indent: -999px;
    background: url(/images/diigo-logo-small.png) 0 50% no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/diigo-logo-small.png',sizingMethod='scale');
    left: 0;
    position: absolute;
    top: -6px;
}
#topNav{
    font-size: .9em;
    font-weight: 700;
    position:absolute;
    left: 140px;
    top: 0;
    height:31px;
}
#topNav a{
    text-decoration:none;
}
#topNav li{
    float: left;
    font-size: 1.1em;
    line-height: 31px;
    margin-right: 1px;
}
#topNav li a{
    display: block;
    padding-left: 1.5em;
    color: #fff;
}
#topNav li a:hover{
    background-color: #00467f;
    /*background: url(/images/top-nav-hover-bg.png) left top repeat-x;*/
}
#topNav li a:active{
    background-color: #00467f;
    /*background: url(/images/top-nav-current-bg.png) left top repeat-x;*/
}
#topNav li a span{
    display: block;
    padding-right: 1.5em;
    white-space:nowrap;
}
#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;
    text-align: left;
}
#topSearchForm input{
    font-size:12px; 
    border: none;
    margin-top: 2px;
    background: none;
    width: 155px;
}

#goPremiumShortcut{
    margin-left: 5px;
    padding: 0 4px;
    background-color: #016ebe;
    color: #fff;
    font-weight: bold;
    font-size: 12px;
    border-radius: 5px;
    -moz-border-radius: 5px;
}

#goPremiumShortcut:hover{
    text-decoration: none;
    background-color: #027fd9;
}

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

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

#installDiigoToolbar{
    cursor:pointer;
    display: block;
    position:absolute;
    right: 210px;
    bottom: 15px;
    width: 200px;
    height: 50px;
    line-height: 50px;
    text-indent: -99999px;
    background: url(/images/install-diigo-toolbar.png) 0 0 no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/install-diigo-toolbar.png',sizingMethod='scale');
}
#installDiigoToolbar.ieExtensionButton{
	background: url(/images/install-extension.png) 0 0 no-repeat!important;
	width: 210px;
}
#installExtensionButton{
    cursor:pointer;
    display: block;
    position:absolute;
    right: 210px;
    bottom: 15px;
    width: 240px;
    height: 50px;
    line-height: 50px;
    text-indent: -99999px;
    background: url(/images/install-chrome-extension.png) 0 0 no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/install-chrome-extension.png',sizingMethod='scale');
}
#installDiigoletButton{
    cursor:pointer;
    display: block;
    position:absolute;
    right: 210px;
    bottom: 15px;
    width: 170px;
    height: 50px;
    line-height: 50px;
    text-indent: -99999px;
    background: url(/images/install-diigolet.png) 0 0 no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/install-diigolet.png',sizingMethod='scale');
}
#diigoletButton{
    cursor:pointer;
    display: block;
    position:absolute;
    right: 210px;
    bottom: 15px;
    width: 115px;
    height: 50px;
    line-height: 50px;
    text-indent: -99999px;
    background: url(/images/diigolet.png) 0 0 no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/diigolet.png',sizingMethod='scale');
}
#watchTheVideo{
    cursor:pointer;
    position:absolute;
    right: 20px;
    bottom: 15px;
    width: 170px;
    height: 50px;
    line-height: 50px;
    text-indent: -99999px;
    background: url(/images/watch-the-video.png) 0 0 no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/watch-the-video.png',sizingMethod='scale');
}
#btnTakeTheTour{
    cursor:pointer;
    position:absolute;
    right: 20px;
    bottom: 15px;
    width: 170px;
    height: 50px;
    line-height: 50px;
    text-indent: -99999px;
    background: url(/images/button-take-the-tour.png) 0 0 no-repeat!important;
    background: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/button-take-the-tour.png',sizingMethod='scale');
}

/* install firefox toolbar */
#installFFToolbar{
    color: #eee;
    font-size: 20px;
    font-weight: 700;
}
#installFFToolbar img{
    position:absolute;
    right: 20px;
    top: 5px;
    z-index:99999;
}
#installFFToolbar ul{
    font-size: 18px;
    margin-left: 20px;
    margin-top: 10px;
}
#installFFToolbar ul li{
    margin-bottom: 5px;
}
#installFFToolbar ul li.current{
    color: #ffc219;
}
/* install ie toolbar */
#installIEToolbar{
    color: #eee;
    font-size: 20px;
    font-weight: 700;
}
#installIEToolbar ul{
    font-size: 18px;
    margin-left: 20px;
    margin-top: 10px;
}
#installIEToolbar ul li{
    margin-bottom: 10px;
}
#installIEToolbar ul li.current{
    color: #ffc219;
}
#installIEToolbar .note{
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}
#installIEToolbar .note a{
    color: #fff;
    text-decoration: underline;
}
/* install diigolet */
#installDiigolet{
    color: #eee;
    font-size: 20px;
    font-weight: 700;
    padding: 10px;
}
#installDiigolet ul{
    font-size: 18px;
    margin-left: 20px;
    margin-top: 10px;
}
#installDiigolet ul li{
    margin-bottom: 10px;
}
#diigoletLink{
    background-color: #666;
    border: 1px solid #fff;
    color: #fff;
    padding: .2em .4em;
}
#diigoletLink:hover{
    background-color: #777;
    text-decoration: none;
}
/* learn more */
#installLeanmore{
    font-size: 13px;
    font-weight: 400;
    text-align: right;
}
#installLeanmore a{
    color: #eee;
    text-decoration: underline;
}

/*--------------------
* common tabs
*----------------------*/
.lightTabs{
    background-color: #f5f5f5;
    margin-bottom: 1.5em;
    padding: .4em .8em;
}
.lightTabs li{
    border-left: 1px solid #bbb;
    float: left;
    padding: 0 .8em;
}
.lightTabs li.first{
    padding-left:0;
    border-left:none;
}
.lightTabs li.current a{
    color: #000;
    font-weight: bold;
}

.tabs{
    border-bottom: 1px solid #ccc;
    height: 25px;
    margin-bottom: 1.6em;
}
.tabs ul{
    float: left;
    list-style-type: none;
    line-height: 24px;
}
.tabs li{
    float: left;
    background-color: #f4f4f4;
    border: 1px solid #ccc;
    border-bottom:none;
    float:left;
    font-size:0.9em;
    margin-right:.3em;
}
.tabs li a{
    padding-left: .9em;
    display: block;
    color: #555;
    margin-right: .3em;
}
.tabs li a span{
    padding-right: .9em;
}
.tabs li a:hover{
    text-decoration: none;
    color: #000;
}
.tabs li.current{
    background:#FFFFFF url(/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;
}
.tabs li.current a{
    color: #000;
}

.blueTabs{
    border-bottom: 1px solid #0066cc;
    font-size: 12px;
    line-height: 24px;
    height: 24px;
}
.blueTabs li{
    float: left;
    margin-right: 3px;
}
.blueTabs li a{
    background: url(/images/tab-gray-left.png) 0 0 no-repeat;
    color: #333;
    display: block;
    font-weight: 700;
    padding-left: 8px;
}
.blueTabs li.current a{
    background: url(/images/tab-blue-left.png) 0 0 no-repeat;
    color: #fff;
}
.blueTabs li a span{
    background: url(/images/tab-gray-right.png) right top no-repeat;
    display: block;
    padding-right: 8px;
}
.blueTabs li.current a span{
    background: url(/images/tab-blue-right.png) right top no-repeat;
}
.blueTabs li.disabled a:hover{
    cursor: text;
    text-decoration:none;
}

#pageName{margin-bottom:30px;}
#pageDesc{
    color: #333;
    font-size:16px;
    margin-bottom: 20px;}
.siteCrumb{
    color:#999;
    line-height:18px;
    clear:both;
    font-weight:bold;
    margin:0;
}
.siteCrumb a{
    font-weight:normal
}
.siteCrumb strong{
    color:#333;
}
.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;
}
.tailLink{
    color: #7777cc;
    font-size: 12px;
    font-weight: 400;
    margin-left: 10px;
    padding-left: 14px;
}
.tailLink.add{
    background: url(/images/add.gif) 0 50% no-repeat;
}
.tailLink.minus{
    background: url(/images/minus.gif) 0 50% no-repeat;
}
.tailLink:hover{
    background-position: -14px 50%;
    color: #0044cc;
}
.tailLink span{
    background-color: #fff;
    padding-left:5px;
}
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{
    text-decoration: underline;
}
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;
}


/*=Side Navigator Common*/
.sideNav{background-color:#f5f5f5;padding:2px 5px;}
.sideNav ul{
    list-style-type: none;
    margin:0;
}
.sideNav li{
    line-height:27px;
}
.sideNav li a{
    display: block;
    font-size:13px;
    padding-left:10px;
    zoom:1;
    border-top: 1px solid #ddd;
}
.sideNav li a:hover{
    text-decoration: none;
    background-color: #fff;
}
.sideNav li.link a:hover{

}
.sideNav li.current a{
    font-weight: bold;
    color: #fff;
    background-color:#747474;
    background-color: #005BA0;
}
.sideNav li.separator{
    border-top: 1px dashed #06c;
    margin: 10px 0;
    overflow: hidden;
    height: 1px;
}
.sideNav .top{}
.sideNav .bottom{}
/* 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 */
.autoUL{
    position: absolute;
    z-index: 999999;
    border: 1px solid #d9d9d9;
    border-right-color: #999;
    border-bottom-color: #999;
    background-color: #fff;
    list-style-type: none;
    font-size: 12px;
    width: 200px;
    -webkit-box-shadow: 1px 1px 5px #bbb;
    -moz-box-shadow: 1px 1px 5px #bbb
}
.autoUL li{
    line-height: 150%;
    padding: 2px 5px;
    text-align:left;
}
.mouseOver {
    background-color: #0044cc;
    color: #fff;
}
.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;
}
.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;
}

/* 
 * New Alert Style
 *------------------------------------------------------------------------------------*/

.alert_done, .alert_info, .alert_error{
    padding: 5px 10px;
    margin-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    font: bold 12px Arial;
    color: #000;
}

.alert_done{
    border: 1px solid #91baf2;
    background-color: #F8FAFC;
    -moz-box-shadow: 0 1px 1px #ddd;
    -webkit-box-shadow: 0 1px 1px #ddd;
}

.alert_info{
    border: 1px solid #e5b800;
    background-color: #fff2bf;
    -moz-box-shadow: 0 1px 1px #ddd;
    -webkit-box-shadow: 0 1px 1px #ddd;
}

.alert_error{
    border: 1px solid #cd0a0a;
    background-color: #fef6f3;
    -moz-box-shadow: 0 1px 1px #bbb;
    -webkit-box-shadow: 0 1px 1px #bbb;
}

.alert_done b, .alert_info b, .alert_error b{
    float: left;
    width: 16px;
    height: 16px;
    background: url(/images/alert-icons.png) 0 -20px no-repeat;
    margin-right: 5px;
}

.alert_done b{
    background-position: 0 0;
}

.alert_info b{
    background-position: -32px 0;
}

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

/*=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;
}
.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;
    color: #666;
    -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:#f00;
    font-size: 1em;
    margin-left: 3px;

}
.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: 12px;
}
.webFormB select option{
    text-indent: 5px;
}
.webFormB textarea{
    width: 99%;
    height: 60px;
    overflow: auto;
    font-size: 12px;
}
.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: 12px;
    color: #666;
}
.goodNotice{
    font-weight: bold;
    color:#00aa00;
    font-size: 12px;
    padding: .3em;
}
.badNotice{
    font-weight: bold;
    color: #CC0000;
    font-size: 12px;
    padding: .3em;
}
.divider{
    margin:4px 0;
    height:0;
    overflow:hidden;
    clear:both;
    border-top:1px solid #C3D9FF;
    border-bottom:1px solid #fff;
}
#noticeBar{
    margin: 0 280px 20px 0;
}
#noticeBar .contentb{
    font-weight: 700;
    padding: 0 10px;
}

/* =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 .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{
    background-color: #f5f5f5;
    border: 1px solid #ddd;
    padding: 10px;
}

/* =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 Styles
----------------------------------------------- */
/*************************/

.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;}
.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:#ddd; margin:0 5px;}
.b2 {height:1px; background:#f9f9f9; border-right:2px solid #ddd; border-left:2px solid #ddd; margin:0 3px;}
.b3 {height:1px; background:#f9f9f9; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 2px;}
.b4 {height:2px; background:#f9f9f9; border-right:1px solid #ddd; border-left:1px solid #ddd; margin:0 1px;}
.contentb {background: #f9f9f9; border-right:1px solid #ddd; border-left:1px solid #ccc;}

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

.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;}


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


.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
*==============================*/
.tagCloud li { display: inline; line-height: 150%; margin-left:.2em; margin-bottom:.3em; }
.tagCloud span.count { display:none;}
.tagCloud .notPopular { font-size: 1em; }
.tagCloud .notVeryPopular { font-size: 1.2em; }
.tagCloud .somewhatPopular { font-size: 1.4em; }
.tagCloud .popular { font-size: 1.6em; }
.tagCloud .veryPopular { font-size: 1.8em; }
.tagCloud .ultraPopular { font-size: 2.0em; }

.tagCloud li a{line-height: 110%; color:#0066CC;display:-moz-inline-block;display:-moz-inline-box;display:inline-block;max-width:16ex;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.tagCloud li a span{font-size:8pt;}

/*==============================
* tag list
*==============================*/
.tagList li{border-bottom: 1px solid #eee;
            margin-bottom: .5em;
            width: 100%;
            overflow:hidden;
}
.tagList li span.count{float:right; padding: 0 .3em; background-color:#eee; font-weight:700;}
.tagList li span.sep{display:none;}
/*---------------------------------*/
#userTagsSortType a.current{font-weight:bold; color:#000;}
#userTagsViewType a.current{font-weight:bold; color:#000;}


/*=============================
* avatar
*=============================*/
a.avatar32{
    background-color: #fff;
    background-repeat:no-repeat;
    border: 1px solid #bbb;
    float: left;
    display: block;
    height: 34px;
    width: 34px;
    text-align:center;
    overflow:hidden;
}
a.avatar32:hover{
    border-color: #0044cc;
}
a.avatar32 img{
    margin: 1px auto;
    width: 32px;
}
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{
    margin: 1px auto;
    width: 48px;
}
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;
}


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

/*div.divider*/
.divider{
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #CCCCCC;
    height:0;
    margin:5px 0px;
    overflow:hidden;
}
/*div boder*/

/*=====================================
group list
=======================================*/

.gAvatarLink_48{
    overflow-x:hidden;
    display:block;
    text-align: left;
    color:#666;
    background-repeat:no-repeat;
    background-position: 0 5px;
}
a.gAvatarLink_48{
    border: 1px solid #ccc;
}
a.gAvatarLink_48:hover{
    text-decoration: none;
    border-color:#bbb;
    background-color:#eee;
    color:#06c;
}
a span.gAvatarFrame{
    border: 1px solid #eee;
    width: 48px;
    height: 48px;
    overflow: hidden;
    display: block;
    float: left;
}
.gAvatarLink_48 img.avatarImg{
    display: block;
    margin: auto;
}
.gAvatarLink_48 .gDisplayName{
    margin-left: 60px;
}
.gAvatarLink_48 .gInfos{
    margin-left: 60px;
}
.sideBoxNoContentTip {
    background-color:#EAF2FA;
    border:1px solid #D8E5F2;
    color:#666;
    padding:5px 10px;
    font-size:12px;
}
.sideBoxNoContentTip ul{
    margin: 5px;
}
.sideBoxNoContentTip li{
    line-height: 150%;
}
.greenMark{
    font: normal 8pt arial;
    color: #009900;
}


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

ul.subMenu{
    list-style-type: none;
    border: 1px solid #999;
    border-left-color: #d9d9d9;
    border-top-color: #d9d9d9;
    position: absolute;
    background: #fff;
    line-height: 26px;
    z-index:9;
    display:block;
    font-size:.9em;
    white-space: nowrap;
    overflow: hidden;
    -webkit-box-shadow: 1px 1px 5px #bbb;
    -moz-box-shadow: 1px 1px 5px #bbb;
}
ul.subMenu li{
    float: none;
    text-align: left;
    margin: 0;
    padding: 0;
    border-right: none;
    z-index:8;
    display:block;
    line-height: 26px!important;
}

ul.subMenu li span{
    border:none;
}
ul.subMenu li.sep{
}
ul.subMenu li a{
    font-weight: normal;
    display: block;
    padding-right:10px!important;
    padding-left:10px!important;
    text-decoration: none!important;
    line-height: 26px;
    height:26px;
    color: #000;
    min-width: 60px;
    width:140px;
    background: none!important;
    border: 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;
    color: #000!important;
    text-decoration: none!important;
}
#contextMenuHideIframe{
    border: none;
    position: absolute;
}


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

/*-------------------
* 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;

}
.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 .contentTip{
    color: #666;
    font-style: italic;
    line-height: 20px;
    margin-bottom: 5px;
}
.sideBox .subTitle{
    font-weight: 700;
}
.sideBox .contentInner .avatarLink_48{
}
.sideBox .bOptions{
    padding-top: 10px;
}
.sideBox .seeMore{text-align:right;}
.sideBox h4 a{
    border-bottom: 1px solid #C9D7F1;
    text-decoration: none;
}
.sideBox h4 a:hover{
    border-bottom-color: #0044cc;
    text-decoration: none;
}
.sideBox .avatar48{
    margin: 0 5px 5px 0;
}

/*--------------------------------------------
* pagination
*--------------------------------------------*/
.pagination{
    float: right;
    line-height: 22px;
}
.pagination a{
    padding: 0 .2em;
    font-weight: normal;
}

.nameAvatar {
    background:transparent url(/images/v2/diigo_user_16.jpg) no-repeat scroll left 1px;
    padding-left:18px;
}
.feedback{
    border: 1px solid #fff;
    width: 600px;
    margin: 20px auto;
    font-size: 14px;
    line-height: 18px;
    padding: 9px;
    color: #fff;
    text-align: left;
}
.feedback:first-letter{
    font-size: 22px;
}
.feedback a{
    text-decoration: underline;
}
/*-------------------------------------------------
* ad
*-------------------------------------------------*/
.adSideBox{
    margin-bottom: 20px;
}
/*-------------------------------------------------
* side action box
*------------------------------------------------*/
.sideAction{
    background-color: #fff;
    font-size:12px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
}
.sideAction ul{
    margin: 5px;
}
.sideAction ul li{
    line-height: 18px;
    border-bottom: 1px dotted #ddd;
}
.sideAction ul li a{
    display: block;
    width: 100%;
    text-indent: 8px;
    font-weight: bold;
}
.sideAction ul li a:hover{
    background-color: #0066cc;
    color: #fff;
}
/*--------------------------------------------
* mainBox
*--------------------------------------------*/
.mainBox{
}

.mainBox .bTitle{
    font-weight: 700;
    color:#666;
    font-size: 12px;
    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;

}
.mainBox .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;
}
.mainBox .contentInner{
    padding: 10px;
    text-align:left;
}
.mainBox .bTabs{
    float: left;
    list-style-type: none;
    line-height: 21px;
}
.mainBox .bTabs li{
    float: left;
}
.mainBox .bTabs li a{
    padding-left: .8em;
    font-weight: bold;
    font-size: 11px;
    display: block;
    color: #777;
    border:1px solid #eee;
    border-bottom: none;
    margin-right: .3em;
}
.mainBox .bTabs li a span{
    padding-right: .5em;
}
.mainBox .bTabs li a:hover{
    text-decoration: none;
    color: #000;
    border-color: #ccc;
}
.mainBox .bTabs li.current{
    line-height: 22px;
}
.mainBox .bTabs li.current a{
    color: #000;
    border:1px solid #ccc;
    border-bottom: none;
    background-color: #FFFFFF;
}

/*-------------------------------------------------
*navigation of see other's stuff
*------------------------------------------------*/
#secondNav{
    padding: 0 20px;
}
#secondNavInner{
    position: relative;
    height: 60px;
    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;
}
#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:#f9f9f9;
    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;
}
/*--------------------------------------------
* auto complete
* contacts
*-------------------------------------------*/
.sendtoList {
    background-color:#FFFFFF;
    border:1px solid #C3D9FF;
    font-size:12px;
    margin:8px 5px 0pt 0px;
    padding:2px;
    width:98%;
}
.sendtoList li {
    background-color:#F0F5FE;
    border-bottom:1px solid #7B9EBD;
    border-top:1px solid #7B9EBD;
    display:inline;
    font-family:Geneva,Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:bold;
    line-height:16px;
    margin:2px 3px;
    padding:0pt;
}
#to_item_input{
    border:none;
}
.sendtoList li span {
    border-left:1px solid #7B9EBD;
    border-right:1px solid #7B9EBD;
    margin:0pt -1px;
    padding:0pt 2px;
}
.sendtoList li a {
    color:#999999;
    font-family:Verdana,Arial,Helvetica,sans-serif;
    font-size:12px;
    line-height:16px;
    margin:0pt 1px 0pt 3px;
}
.sendtoList li a:hover {
    color:#333333;
    text-decoration:none;
}
#contactList {
    height:400px;
    margin:5px;
    overflow-x:hidden;
    overflow-y:auto;
}
.contactListWrap {
    background-color:#FFFFFF;
    margin-left:12px;
    position:relative;
    width:175px;
}
#contactList li {
    border-bottom:1px dotted #C3D9FF;
    cursor:pointer;
    margin:0pt 5px;
    overflow:hidden;
    padding:5px;
    width:128px;
}
#contactList a {
    background:transparent url(/images/add.gif) no-repeat scroll left 5px;
    display:block;
}
#contactList .list a {
    background:transparent url(/images/addlist.gif) no-repeat scroll left top;
}
#contactList .list span {
    float:right;
    font-size:10px;
}
#contactList .list ul {
    background-color:#F8F8F8;
    border-bottom:1px solid #EEEEEE;
    border-top:1px solid #EEEEEE;
    margin:5px 0pt;
}
#contactList .list li {
    background:transparent url(/images/li_s.gif) no-repeat scroll left top;
    border-bottom:medium none;
    cursor:text;
    margin:0pt 20px;
    padding:0pt 0pt 0pt 9px;
}
#contactList .friend h3 {
    background:transparent url(/images/friend.gif) no-repeat scroll right top;
    padding-right:9px;
}
#contactList a:hover {
    text-decoration:none;
}
#contactList input {
    float:left;
}
#contactList h3 {
    color:#666666;
    font-size:12px;
    margin-left:15px;
}
#contactList p {
    color:#999999;
    font-size:11px;
    margin-left:13px;
}
#contactList a:hover h3 {
    color:#333333;
}
#contactList a:hover p {
    color:#666666;
}
#contactList li.current {
    background-color:#F0F5FE;
}

/*---------------------------------------------
* General List
*-----------------------------------------------*/
.gnList{
    margin:8px 0;
}
.gnList li{
    font-size:12px;
    background:url(/images/v2/li_s.gif) no-repeat 8px 6px;
    line-height:22px;
    border-bottom: 1px solid #eee;
    padding: 0 4px 0 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{
    padding-left:23px;
    list-style-type: disc;
}
.itemListC{
    border-top:1px dotted #ccc;
    margin-top:-1px;
}
.itemListA li,.itemListB li{
}
.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:#999;
}
.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;
}


/* =User List Style
----------------------------------------------- */
.userListA li {/*Friend List*/
               padding: 10px;
               border-bottom: 1px solid #eee;
}
.userListA li:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.userListA li.even {
    background-color:#f5f5f5;
}
.userListAvatar {
    float:left;
    margin-top: 5px;
}
.userListUser {
    margin-left: 65px;
}
.userListUser h3 {
    font-weight: 400;
    font-size: 18px;
}
.userListUser h3 small{
    font-size:12px;
    font-weight:normal;
    margin-left:1em;
    color:#666;
}
.userListEmail {
    padding-left:18px;
    background:transparent url(/images/v2/email.gif) no-repeat left top;
    font-size:12px
}

.userListDesc {
    color:#666;
    margin-right: 120px;
}
.userListDesc div{
}
.userListDesc h4{
    display: inline;
    font-size:13px;
}
.userListTags{
    color: #666;
    margin-top: 3px;
}

.userListTags a{
    background-color: #F5F5FA;
    border-bottom: 1px solid #C9D7F1;
    border-right: 1px solid #C9D7F1;
    color:#444;
    line-height: 1.8;
    margin-right: 5px;
    padding: 1px 5px;
    white-space:nowrap;
}
.userListTags a:hover{
    background-color: #0066cc;
    color: #fff;
    text-decoration: none!important;
}

.userListDesc .messageLast{
    font-size:11px;
}
.userListDesc .messageLast a{
    color:#666;
}
.userListA .userListDesc li{
    border:none;
    padding:0;
    line-height:18px
}
.userListA .userListDesc .inlineLi li{
    padding-left:18px;
}
.userListActions {
    float:right;
    clear:right;
    width:130px;
}
.userListActions li {
    padding:0;
    border-bottom:1px solid #C3D9FF;
    width:130px;
}
.userListActions a {
    padding:3px 5px;
    display:block;
    font-size:11px;
    font-weight:bold;
}
.userListActions a:hover, .userListActions a:active {
    background-color:#06c;
    color:#fff;
    text-decoration:none;
}


.userListB{/*Reader List*/
           background-color:#f8f8f8;
}
.userListB:after {/*Clear for FF*/
                  content: ".";
                  display: block;
                  height: 0;
                  clear: both;
                  visibility: hidden;
}
.userListB li{
    width:197px;
    float:left;
    margin:2px;
    padding:10px;
    overflow:hidden;
    background-color:#fff;
    border:1px solid #ddd;
    display:inline;/*Hack for IE*/
}
.userListB li .avatarLink_48{
    margin-bottom: 0;
}
.userListB .imgLink{
    float:left;
    padding:5px 4px;
}
.userListB .imgLink img{
    width:48px;
    height:48px;
}
.userListB h3{
    line-height:18px;
}
.userListB h4{
    line-height:18px;
    margin-left:77px;
}
.userListB p{
    margin-left:77px;
    font-size:11px;
    line-height:18px;
    color:#666;
}
.userListB p a{
    font-weight:bold;
}
.userListB p span a{
    font-weight:normal
}
.userListB hr{
    height:1px;
    margin-top:4px;
    margin-bottom:4px;
    border:none;
    border-bottom:1px dashed #ccc;
    border-left:1px solid #fff;
}

.sendBox {
    margin-top: 10px;
    color: #333;
}
#to_suggestion{
    border:1px solid #C3D9FF;
    border-bottom:none;
    background-color:#fff;
    font:9pt arial;
    width:500px;
    position:absolute;
}
#to_suggestion li{
    border-bottom:1px solid #C3D9FF;
    line-height:18px;
    padding:2px 5px;
    cursor:default;
}
#to_suggestion p{
    margin:0;
}

.mouseOver {
    background-color: #0044cc;
    color: #fff;
    cursor:pointer;
}
.mouseOut {
    background-color:transparent;
}
.autoCompleTip{
    background-color:#EEEEEE;
    border:1px solid #ddd;
    border-top:none;
    font-size:11px;
    padding:4px 4px;
    width:486px;
    position:absolute;
}
.sKeywords{
    background-color:#FFFADB;
    padding: 0 5px;
}


/*-----------------------------------
* others
*----------------------------------*/
.backTo{
    font-size: 11px;
    font-weight: bold;
}
#column .bMode {
    color:#FF0000;
    margin-right:0.1em;
}

/*---------------------------------
* lists side bar
*---------------------------------*/
.sideBarLists li{
    margin-bottom: .9em;
}
.sideBarLists li a{
}
.sideBarLists .slistInfos, .sideBarLists .slistDesc{
    color:#666
}

#main #captchaIframe{
    width:360px;
    height:35px;
}
#leftColumn .watchHighlight{
    background-color:#FFF8CC;
    border-bottom:1px solid #FFE222;
}
a.watchHighlight:hover{
    color: #fff!important;
    background-color: #ff9900!important;
}

#floatAd{
    background-color:#eaf2fa;
    border:2px solid #577bb9;
    width:400px;
    position:absolute;
    right:50px;
}
#floatAd div{
    border-bottom:2px solid #577bb9;
    background-color:#577bb9;
    text-align:right;
    line-height:10px;
}
#floatAd div a{
    color:#eaf2fa;
    font-size:10px;
    line-height:10px;
}
#floatAd div a:hover{
    color:#fff;
    text-decoration:none;
}
#floatAd .content{
    display:block;
    text-align:center;
    color:#6c7d8e;
    text-align:center;
    padding:5px;
    font-weight:bold
}
#floatAd .content:hover{
    color:#333;
    text-decoration:none
}

#downloadToolbar{
    background:transparent url(/images/downloadv3.gif) no-repeat scroll left top;
    display:block;
    height:65px;
    text-indent:-999em;
}
a.addOpenSearch{
    display:block;
    line-height: 12px;
    margin-left: 80px;
    text-align: left;
    font-size:9px;
}
.newDitemLink{
    font-weight: bold;
    border: 1px solid #ddd;
    border-right-color: #bbb;
    border-bottom-color: #bbb;
    text-align:center;
    padding: 0 6px;
    background: #EDF0F8 url(/images/v3/bar_bg_2.gif) repeat-x left top ;
    font-size:12px;
    color:#333;
}
.bold{font-weight:bold;}
.greenNotice{border: 1px solid #5FB55F; margin: 9px 0;padding: 5px; clear: both; font-size: 0.9em; background-color: #CFEDB5;line-height:170%;}
.greenNotice a{font-weight:bold;color:#008000;text-decoration:underline;}
.green{color: #008000;}
.rssLink, .playLink{
    float: right;
    margin-left: 10px;
    margin-top: 6px;
}


.addContentLink{background:url(/images/mashup/b_add.png) no-repeat 0 50%;
                font-size:.9em;
                text-decoration:underline;
                padding-left:18px;}
.withOnlineStatus{
    background:url(/images/v3/online_status.gif) no-repeat;
    padding-left: 14px;
}
#groupsUL li{margin-bottom: .9em;}

.pagination_3_5{
    color: #666;
    height: 24px;
    text-align:center;
}
.pagination_3_5 .fromto{
    color: #000;
    font-weight: 400;
    padding: 0 5px;
}
.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;
}
/* search */
#moreSearch{
    color: #bbb;
}
#moreSearch li{
    list-style-type: disc;
    margin: 5px 5px 5px 15px;
}
#moreSearch a{
}
#moreSearch strong{
    color: #008000;
}
#moreSearch #googleLink{
}

.moreComments{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #fff;
    font-size: 12px;
    padding: 0 10px;
}
.annotations .moreComments{
    border-top: none;
    border-bottom: none;
    font-size: 12px;
    padding: 0;
    margin-bottom: 10px;
    clear: both;
}
.moreComments a{
    text-decoration: none;
    border-bottom: 1px solid #C2D3F2;
}
.moreComments a:hover{
    text-decoration: none!important;
    border-bottom-color:#0044cc;
}
/* search options */
#searchOpts{
    background: #f9f9f9;
    border: 1px solid #999;
    position: absolute;
    text-align:left;
    -webkit-box-shadow: 1px 1px 5px #bbb;
    -moz-box-shadow: 1px 1px 5px #bbb;
}
#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;
}


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


/* avatar change */
.avatarChange{
    position: relative;
}
.changeAvatarLink{
    color: #fff!important;
    font-size: 12px;
    background: url(/images/alpha-bg.png);
    position: absolute;
    left: 1px;
    bottom: 1px;
}

.imageBorder{
    background-color:#fff;
    border:1px solid #BBB;
    padding:1px;
}
.imageBorder:hover{
    border-color:#888;
}

/* Smoke Blue Box */
.boxSmokeBlue{
    background-color: #ECEFF5;
    border: 1px solid #DCDFE6;
    font-size: 12px;
}

.boxSmokeBlue .section{
    border-bottom: 1px solid #DCDFE6;
    border-top: 1px solid #FAFBFC;
    padding: 15px 20px;
}

.boxSmokeBlue th{
    vertical-align: top;
    padding-right: 10px;
    text-align: right;
}

.boxSmokeBlue td{
    padding-bottom: 10px;
}

.boxSmokeBlue label{
    font-weight: bold;
    color:#333;
}

.boxSmokeBlue small{
    font-size: 12px;
    color: gray;
}

.boxSmokeBlue small .errorMsg{
    color:red;
}

/* Generic style */
.red{
    color: red !important;
}

.bold{
    font-weight: bold !important;
}