/**
 * @fileOverview    Universal CSS file which contains global styles for: (article page(s)) / (all networks).
 *                  Browsers: (all).
 *                  User agent that claims support for media type: (screen).
 *                  Init Date: Sun, 10 Feb 2008 01:35:10 EST.
 *                  Build Date: $Id: social-networking.css,v 1.2 2008/11/14 19:19:03 npereira Exp $
 *                  Copyright (C) Discovery.com 2008. All Rights Reserved.
 * @name            carl lewin
 */


/**
 * @description     CLASSES / IDS / XHTML TAGS for SOCIAL NETWORKING definitions
 */
#social-networking-bar {
        width: 639px;
        height: 33px;
        background: url('/images/social-networking-bar/bar-background.gif') no-repeat top center;
        list-style-type: none;
}

#social-networking-bar dd {
        float: left;
        display: block;
}

#social-networking-bar #share-items {
        margin: 4px 0;
        padding-left: 14px;
        width: 245px;
        height: 25px;
        border-style: solid;
        border-width: 0 2px 0 0;
        overflow: hidden;
}

#social-networking-bar #share-items ul { list-style: none; }

#social-networking-bar #share-items li { 
        padding: 0 10px 0 6px;
        float: left; 
}
#social-networking-bar #share-items .divider { background: url('/images/social-networking-bar/divider.gif') no-repeat center right; }

#social-networking-bar #recommend {
        margin: 4px 0 4px 27px;
        width: 255px;
        height: 25px;
        border-style: solid;
        border-width: 0 2px 0 0;
        overflow: hidden;
}

#social-networking-bar #recommend-count { width: 90px; }
#social-networking-bar #recommend-count div {
        font-size: 1.4em;
        font-weight: bold;
        line-height: 1.4em;
        text-align: center;
        padding-top: 2px;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for OVERLAY (email) definitions
 */
#email-overlay {
        position: absolute;
        display: none;
        width: 400px;
        border-style: solid;
        border-width: 1px;
        margin: -4px 0 0 22px;
        z-index: 5;
}

#email-overlay .email-fieldset { padding: 20px 20px 0 20px; }

#email-overlay table { border-collapse: collapse; }

#email-overlay form label {
        float: left;
        width: 90px;
        padding: 2px 5px 0 0;
        text-align: right;
        font-size: 0.9em;
        font-weight: bold;
}

#email-overlay form .staf-text {
        font-size: 0.9em;
        font-weight: bold;
        width: 250px;
        height: 17px;
        padding: 4px 0 0 5px;
        border-style: solid;
        border-width: 1px;
}

#email-overlay form #toName { margin-bottom: 5px; }

#email-overlay form #toAddress { margin-bottom: 15px; }

#email-overlay form #fromName { margin-bottom: 5px; }

#email-overlay form #fromAddress { margin-bottom: 15px; }

#email-overlay form .staf-textarea {
        font-size: 1.2em;
        font-weight: bold;
        color: #495352;
        width: 250px;
        height: 70px;
        padding: 4px 0 0 5px;
        border: 1px solid #999;
}

#email-overlay form .character-count {
        font-size: 0.85em;
        width: 150px;
        padding: 2px 0 5px 0;
        border-width: 0;
        margin-left: 202px;
        text-align: right;
}

#email-overlay form #post-actions { margin-bottom: 10px; }

#email-overlay form #post-actions dd { float: left; }

#email-overlay form #post-confirm-msg { 
        width: 284px;
        margin-right: 10px;
        font-size: 0.9em;
        font-weight: bold;
        text-align: right;
}

#email-overlay form #post-email { cursor: pointer; }

#email-overlay form #reset-email { 
        display: none;
        cursor: pointer;
}

#email-overlay #ping-image {
        width: 1px;
        height: 1px;
}

#email-overlay .close-window img { padding: 5px 0 3px 319px; }


/**
 * @description     CLASSES / IDS / XHTML TAGS for OVERLAY (digg) definitions
 */
#digg-overlay {
        position: absolute;
        display: none;
        width: 53px;
        border-style: solid;
        border-width: 1px;
        margin: -137px 0 0 66px;
        padding: 5px;
        z-index: 10;
}

#digg-overlay .close-window a {
        font-size: 0.65em; 
        font-weight: bold;
}


/**
 * @description     CLASSES / IDS / XHTML TAGS for OVERLAY (share) definitions
 */
#share-overlay {
        position: absolute;
        display: none;
        width: 200px;
        border-style: solid;
        border-width: 1px;
        margin: -4px 0 0 130px;
        z-index: 15;
}

#share-overlay .networks {
        width: 180px;
        padding: 5px 10px 10px 10px;
        list-style-type: none;
}

#share-overlay .networks li {
        padding: 5px 0;
        font-size: 0.85em;
        font-weight: bold;
        line-height: 18px;
        border-style: dotted;
        border-width: 0 0 1px 0;
}

#share-overlay .networks li.delicious {
        padding-left: 25px;
        background: url('/shared/images/icons/delicious.gif') no-repeat center left;
}

#share-overlay .networks li.furl {
        padding-left: 25px;
        background: url('/shared/images/icons/furl.gif') no-repeat center left;
}

#share-overlay .networks li.newsvine {
        padding-left: 25px;
        background: url('/shared/images/icons/newsvine.gif') no-repeat center left;
}

#share-overlay .networks li.reddit {
        padding-left: 25px;
        background: url('/shared/images/icons/reddit.gif') no-repeat center left;
}

#share-overlay .networks li.yahoo {
        padding-left: 25px;
        background: url('/shared/images/icons/yahoo-buzz-logo.gif') no-repeat center left;
}

#share-overlay .networks li.mixx {
        padding-left: 25px;
        background: url('/shared/images/icons/mixx.gif') no-repeat center left;
}

#share-overlay .networks li.mixx {
        padding-left: 25px;
        background: url('/shared/images/icons/mixx.gif') no-repeat center left;
}

#share-overlay .networks li.myspace {
        padding-left: 25px;
        background: url('/shared/images/icons/myspace.gif') no-repeat center left;
}

#share-overlay .networks li.stumbleupon {
        padding-left: 25px;
        background: url('/shared/images/icons/stumble.gif') no-repeat center left;
}

#yahooBuzzBadge-form a span {		
		padding-left:0px !important;
}

#yahooBuzzBadge-form a span span {
		display: none !important;
}

#share-overlay .networks li.technorati {
        padding-left: 25px;
        background: url('/shared/images/icons/technorati.gif') no-repeat center left;
}

#share-overlay .close-window img { padding: 5px 0 3px 137px; }