html {
    overflow: hidden;
}

body {
    margin:0;
    padding:0;
    background-image:url("../images/bodyback.png");
    background-color:black;
    background-position:5px 5px;
    color:white;
    overflow:hidden;
}

body, table, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
}

a img {
    border:0;   
}

.clear {
    clear:both;
    height:0;
    line-height:0;
}

#userPic {
    padding:0;
    margin:0 0 0 0;
    height:32px;
    vertical-align:middle;
}

#header {
    color:white;
    padding:0 10px 5px 10px;
}

#header .title {
    font-size:25px;
}

#header table table input {
    border:0;   
}

#header table td {
    padding-top:5px;
}

#header table a {
    color:white;
}

#header img {
    vertical-align:middle;
    padding:0;
    padding-right:.3em;
}

#headerLeftLinks {
    font-weight:bold;
}

#headerLeftLinks label {
    text-decoration:underline;   
}

#addFeedStatus {
    font-weight:bold;
    background: url(../images/status_background.png) repeat-x bottom #ccddff;
    padding:4px;
    color:black;
}

#header table #addFeedStatus a {
    color:blue;
}

#footer a {
    color:white; 
}

.waitForLoad {
    display:none;
}

#numColumnsInput {
    width:1em;
}

#display {
    position:relative;
    overflow:hidden;
}

#queueContainer {
    float:right;
    width:200px;
    margin:10px 15px 10px 10px;
    overflow:auto;
}

#queue div {
    padding:4px;
    white-space:nowrap;
    overflow:hidden;
}

#queue div.new {
    background: url("../images/queue_entry_highlight.png") repeat-x;
}

#queue img {
    margin-right:5px;
    vertical-align:middle;
    width:16px;
}

#queue a {
    text-decoration:none;
    color:white;
}

#queue a:hover {
    font-weight:bold;
}

.queueEntry img.replaceIcon {
    display:none;
}

.queueEntry.iconError img.replaceIcon {
    display:inline;
}

.queueEntry.iconError img.queueEntryIcon {
    display:none;
}

#popouts {
    float:left;
    width:480px;
    margin:10px;
    overflow:auto;
}

.displayColumn {
    float:left;
    list-style:none;
    margin:0;
    padding:0;
}

.displayColumn li {
    margin-left:10px;
    margin-right:5px;
    margin-top:10px;
    margin-bottom:15px;
}

.feed {
    /* hack so this will get hasLayout so rounded  corners work */
    height:1%;
    margin-bottom:10px;
}

.feedTopBackground {
    font-size:1px;
    height:5px;
}

.feedTopBackground .left {
    width:5px;
    background: url("../images/feed_corners_left_top.png");
}

.feedTopBackground .middle {
    background:white;
}

.feedTopBackground .right {
    width:10px;
    background: url("../images/feed_corners_right_top.png");
}

.feedMiddleBackground .left {
    font-size:5px;
    width:5px;
    background:white;
}

.feedMiddleBackground .middle {
    background:white;
}

.feedMiddleBackground .rightRight {
    font-size:5px;
    width:10px;
    background: url("../images/feed_corners_right_middle.png") top right repeat-y;
}

.feedBottomBackground {
    font-size:1px;
    height:10px;
}

.feedBottomBackground .left {
    width:5px;
    background: url("../images/feed_corners_left_bottom.png");
}

.feedBottomBackground .middle {
    background: url("../images/feed_corners_bottom.png")
}

.feedBottomBackground .right {
    width:10px;
    background: url("../images/feed_corners_right_bottom.png");
}

.feedHeader {
    font-weight:bold;
    background: url("../images/feed_header_fade.png") repeat-x bottom white;
    color:black;
    padding:7px;
    border-bottom:1px solid #ccc;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

.feedHeader img {
    vertical-align:middle;
    padding-right:5px;
    width:16px;
    height:16px;
}

.feedHeader img.closeFeedIcon {
    padding:0;
    border:0;
}

.feedMoreLink {
    clear:left;
    text-align:center;
    padding:5px;
}

.feedMoreLink a {
    color:#555;
    font-size:12px;
    text-decoration:none;
}

.feedMoreLink a:hover {
    text-decoration:underline;
}

.feedMoreTitleLink a {
    font-size:16px;
}

.feedMoreTitleLink a img {
    padding:0;
    margin:0;
}

.feedMoreTitleLink a {
    background: url("../images/toggle_more.png") no-repeat 0 -32px;
}

.feedMoreTitleLink a:hover {
    background: url("../images/toggle_more.png") no-repeat 0 -16px;
}

.matches .feedHeaderTitle {
    color:rgb(238,42,40);
}

.shared .feedHeaderTitle {
    color:rgb(0,152,49);
}

.feedContent {
    background:#eee;
    /*margin:0 5px;*/
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    /*padding-bottom:5px;*/
}

.feedEntry {
    padding:7px;
    /*margin-right:3px;*/
    /*background: rgb(230, 230, 230);*/
    /*background: #A9DA92;*/
    background: #E4EEF9;
    overflow: hidden;
    position: relative;
    line-height: 150%;
}

.new {
    background: white;
}

.showPic .feedEntry {
    /*padding:0;*/
}

.showTitle .feedEntry {
    border-bottom:1px solid #eee;
}


.feedEntryOverlay {
    /*background:url('../images/read_over.png');*/
    height: 100%;
    width: 100%;
    position: absolute;
    margin-top:-7px;
    margin-left:-5px;
}

.showPic .feedEntry .feedEntryOverlay{
    /*margin:0;*/
}

.allPics div div.feedEntryOverlay {
    background:url('../images/read_over_all.png');
}

.allPics .hover .feedEntryOverlay,
.allPics .new .feedEntryOverlay,
.even div.feedEntryOverlay,
.hover div.feedEntryOverlay,
.star div.feedEntryOverlay,
.feeds div.feedEntryOverlay {
    background:transparent;
}

.star .feedEntry,
.feeds .feedEntry {
    background: #eee;
}

.noPic.feedEntryLast, .noPic.feedEntryLast .feedEntryOverlay,
.notShowPic .feedEntryLast, .notShowPic .feedEntryLast .feedEntryOverlay {
   /*-moz-border-radius-bottomleft: 5px;
   -webkit-border-bottom-left-radius: 5px;
   -moz-border-radius-bottomright: 5px;
   -webkit-border-bottom-right-radius: 5px;*/
}


.noPic.feedEntryFirst, .noPic.feedEntryFirst .feedEntryOverlay ,
.notShowPic .feedEntryFirst, .notShowPic .feedEntryFirst .feedEntryOverlay {
    /*-moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;*/
}

.showPic .feedEntryLast,
.showPic .feedEntryLast .feedEntryOverlay {
    /*-moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;*/
}

.showPic .feedEntryFirst,
.showPic .feedEntryFirst .feedEntryOverlay {
    /*-moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;*/
}

.feedEntryDot {
    display:none;
    /*display:inline;
    margin-right:10px;
    margin-left:5px;*/
}


/*.notShowPic .feedEntryDot,
.noPic .feedEntryDot {
    display:inline;
    margin-right:10px;
    margin-left:-5px;
}*/

.feedEntryLeft {
    padding-left:5px;
    background: url("../images/feed_entry_corners_left_middle.png") top left repeat-y;
}

.feedEntryBackground {
    padding:2px 5px 2px 2px;
    background: url("../images/feed_entry_corners_right_middle.png") top right repeat-y;
}

.feedEntryTopBackground {
    height:5px;
    width:100%;
}

.feed .feedEntryTopBackground .middle {
    font-size:3px;
    background: url("../images/feed_entry_corners_top.png") top left repeat-x;
}

.feedEntryTopBackground .left {
    width:5px;
    background: url("../images/feed_entry_corners_left_top.png");
}

.feedEntryTopBackground .right {
    width:5px;
    background: url("../images/feed_entry_corners_right_top.png") top right no-repeat;
}

.feedEntryBottomBackground {
    height:5px;
    width:100%;
}

.feedEntryBottomBackground .middle {
    font-size:3px;
    background: url("../images/feed_entry_corners_bottom.png") repeat-x;
}

.feedEntryBottomBackground .left {
    width:5px;
    background: url("../images/feed_entry_corners_left_bottom.png") bottom left no-repeat;
}

.feedEntryBottomBackground .right {
    width:5px;
    background: url("../images/feed_entry_corners_right_bottom.png") bottom right no-repeat;
}

.feedEntryAuthor {
    margin-top:-5px;
    margin-bottom:5px;
    font-size:10px;
    color: #777;
}

.allPics div.feedEntries {
    float:left;
}

.allPics div.feedEntry {
    float:left;
    margin:5px;
    /*-moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;*/
}

.allPics .feedEntryOverlay {
    /*-moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;*/
}

.allPics .noPic {
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.allPics .noPic .feedEntryOverlay {
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
}

.allPics .feedEntry .feedEntryPic {
    max-height:60px;
    margin:0;
}

.allPics .feedEntry .feedEntryPicContainer {
    width:auto;
    border:0;
    padding:0;
}

.max80 .allPics .feedEntry .feedEntryPic {
    max-height:80px;
}

.max100 .allPics .feedEntry .feedEntryPic {
    max-height:140px;
}

.max170 .allPics .feedEntry .feedEntryPic {
    max-height:200px;
}

.max261 .allPics .feedEntry .feedEntryPic {
    max-height:200px;
}

.max305 .allPics .feedEntry .feedEntryPic {
    max-height:200px;
}

.max340 .allPics .feedEntry .feedEntryPic {
    max-height:300px;
}

.max80 .allPics .feedEntry div.feedEntryTitleContainer {
    width:100px;
    margin-left:0;
    border:0;
}

.max100 .allPics .feedEntry div.feedEntryTitleContainer {
    width:150px;
    margin-left:0;
    border:0;
}

.max170 .allPics .feedEntry div.feedEntryTitleContainer {
    width:200px;
    margin-left:0;
    border:0;
}

.max261 .allPics .feedEntry div.feedEntryTitleContainer {
    width:200px;
    margin-left:0;
    border:0;
}

.max305 .allPics .feedEntry div.feedEntryTitleContainer {
    width:200px;
    margin-left:0;
    border:0;
}

.max340 .allPics .feedEntry div.feedEntryTitleContainer {
    width:200px;
    margin-left:0;
    border:0;
}

.allPics .feedEntry table.feedEntryTable {
    width:auto;
}

.allPics .feedEntry a.starLink {
    display:none;
}

.allPics .feedEntry.starred a.starLink {
    display:block;
    margin-left:5px;
}

.allPics .feedEntryLinksColumn {
    display:none;
}

.feedContentScroll {
    position:relative;
    overflow: auto;
}

.feedEntryPicContainer {
    float:left;
    /*margin-right:5px;
    margin-left:5px;
    margin-bottom:2px;
    margin-top:2px;*/
    overflow:hidden;
    /*padding-right:10px;*/
    /*min-height:40px;*/
}

.feeds a div.feedEntryPicContainer {
    width:16px;
    border:0;
    padding:0;
}

.feeds .feedEntryPic {
    width:16px;
}

.feeds .feedEntries .feedEntry .feedEntryTitleContainer {
    margin-left:40px;
}

ul li div div div div table tr td a div.feedEntryPicContainer img {
    max-height:80px;
}
.feedEntryPicContainer {
    width:100px;
    /*background:#eee;*/
    text-align:center;
}

.showPic .noPic .feedEntryPicContainer {
    height:65px;    
}

.showPic .feedEntryTitleContainer {
    margin-left:110px;
    padding:5px;
}

/*.max80 ul li div div div div table tr td a div.feedEntryPicContainer img {
    max-width:80px; max-height:60px;
}
.max80 .feedEntryPicContainer {
    width:80px;
}
.max80 .showPic .feedEntryTitleContainer {
    margin-left:90px;
}

.max100 ul li div div div div table tr td a div.feedEntryPicContainer img {
    max-width:100px; max-height:85px;
}
.max100 .feedEntryPicContainer {
    width:100px;
}
.max100 .showPic .feedEntryTitleContainer {
    margin-left:110px;
}

.max170 ul li div div div div table tr td a div.feedEntryPicContainer img {
    max-width:170px; max-height:127px;
}
.max170 .feedEntryPicContainer {
    width:170px;
}
.max170 .showPic .feedEntryTitleContainer {
    margin-left:180px;
}

.max261 ul li div div div div table tr td a div.feedEntryPicContainer img {
    max-width:261px; max-height:196px;
}
.max261 .feedEntryPicContainer {
    width:261px;
}
.max261 .showPic .feedEntryTitleContainer {
    margin-left:271px;
}

.max305 ul li div div div div table tr td a div.feedEntryPicContainer img {
    max-width:305px; max-height:229px;
}
.max305 .feedEntryPicContainer {
    width:305px;
}
.max305 .showPic .feedEntryTitleContainer {
    margin-left:315px;
}

.max340 ul li div div div div table tr td a div.feedEntryPicContainer img {
    max-width:340px; max-height:255px;
}
.max340 .feedEntryPicContainer {
    width:340px;
}
.max340 .showPic .feedEntryTitleContainer {
    margin-left:350px;
}
*/

.feedEntryLink {
    /*Safari needs this on the link not just the div inside the link */
    text-decoration:none;
}

.feedEntryTitle {
    /*font-size:14px;*/
}

.feedEntry div.feedEntryTitleDate {
   font-weight:normal;
   font-size:10px;
   float:left;
   width:35px;
   text-align:right;
   margin-right:20px;
}

.showPic .feedEntryTitleDate {
    display:none;
}

.feedEntryTitleDateWithPic {
    display:none;
}

.showPic .feedEntryTitleDateWithPic {
    display:block;
    font-size:10px;
    font-weight:normal;
}

.feedEntryTitleContainer {
    /*margin-left:5px;    */
}

.feedEntryPicContainer,
.feedEntryTitleContainer,
.showPic .noPic .feedEntryPic {
    text-decoration:none;
    font-weight:bold;
    color:#222;
    display:none;
}

.showPic .feedEntryPicContainer {
    display:block;
}

.showTitle .feedEntryTitleContainer,
.feedEntryTitleContainer.showTitle,
.noPic .feedEntryTitleContainer {
    display:block;
}

.feedEntry.hover {
    background:#ccddff;
}

.feedEntryLinksColumn {
    width:16px;
    height:16px;
}

.showPic .feedEntryLinksColumn {
    padding:5px;
}

a.starred {
    display:inline;
}

a.starLink {
    display:block;
    height:16px;
}

.feedEntry.hover a.starLink,
a.starLink:hover {
    background: url("../images/unstar.png") no-repeat 0 0;
}
.feedEntry.starred.hover a.starLink,
.starred a.starLink {
    background: url("../images/star.png") no-repeat 0 0;
}

#hover {
    width:55%;
    color:black;
}

#hover.onLeft {
    width:45%;
}

#hoverIcon img {
    vertical-align:middle;
    width:16px;
    height:16px;
}

#hoverContent {
    background:white;
    padding:10px;
    overflow:auto;
}

#hoverContent pre {
    white-space: -moz-pre-wrap;  /* Mozilla, supported since 1999 */
    white-space: -pre-wrap;      /* Opera 4 - 6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
    word-wrap: break-word;       /* IE 5.5+ */
}

.hoverHeader {
    background: url(../images/hover_corners_header.png) repeat-x bottom #ccc;
    color:black;
    padding:0px 5px 8px 5px;
    font-weight:bold;
    margin-left:5px;
    margin-right:10px;
}

.hoverLinks {
    width:5.5em;
    float:right;
    text-align:right;
}

#hover img {
    max-width:99%;
    /*width: expression(this.width > 99% ? 99%: true);*/
}

.hoverTop {
    height:10px;
    width:100%;
}

.hoverTop .middle {
    font-size:7px;
    background: url("../images/hover_corners_top.png");
}

.hoverTop .left {
    width:10px;
    background: url("../images/hover_corners_left_top.png");
}

.hoverTop .right {
    width:15px;
    background: url("../images/hover_corners_right_top.png");
}

.hoverBottom {
    height:10px;
    width:100%;
}

.hoverBottom .middle {
    font-size:8px;
    background: url("../images/hover_corners_bottom.png");
}

.hoverBottom .left {
    width:10px;
    background: url("../images/hover_corners_left_bottom.png");
}

.hoverBottom .right {
    width:15px;
    background: url("../images/hover_corners_right_bottom.png");
}

.hoverHeaderLeft {
    float:left;
    width:5px;
    background: url("../images/hover_corners_left_middle.png");
}

.hoverHeaderRight {
    float:right;
    width:10px;
    background: url("../images/hover_corners_right_middle.png");
}

/*.hoverShaddowRight {
    width:10px;
    padding-top:5px;
}

.hoverShaddowRight .top {
    height:10px;
    width:10px;
    background: url("../images/hover_shaddow_right_top.png") no-repeat;
}

.hoverShaddowRight .middle {
    width:10px;
    height:90px;
    background: url("../images/hover_shaddow_right_middle.png") repeat-y;
}

.hoverBottomShaddow {
    height:10px;
    width:100%;
}

.hoverBottomShaddow .middle {
    background: url("../images/hover_shaddow_bottom.png") repeat-x;
}

.hoverBottomShaddow .left {
    width:5px;
    background: url("../images/hover_shadow_left_bottom.png") no-repeat;
}

.hoverShaddowRightBottom {
    width:10px;
    background: url("../images/hover_shaddow_right_bottom.png") no-repeat;
}
*/

.shareListTitle {
    font-weight:bold;
}

.shareListTitle div.right {
    display:none;
}

.locked div.shareListTitle div.right {
    display:block;
    float:right;
    width:80px;
}

.shareListTitle div.right a {
    float:right;
    margin-left:5px;
}

#shareListContent.history #addNewLinkContainer {
    display:none;
}

#shareListContent.showAll #addNewLinkContainer {
    display:block;
}

#shareListContent.history #addMoreLinkContainer {
    display:block;
}

#shareListContent.showAll #addMoreLinkContainer {
    display:none;
}

#shareNew {
    display:none;
    padding-top:5px;
}

#shareNew.showing {
    display:block;
    font-weight:bold;
}

#shareNew a:hover {
    font-weight:bold;
}

#shareNew .shareSetup.showing {
    padding-top:5px;
    background:rgb(84,182,116);
}

.shareSetup.showing .shareSetupInput {
    display:block;
}

.shareSetupInput {
    display:none;
    padding-top:5px;
    padding-left:5px;
    padding-right:5px;
}

#shareNew input {
    margin-bottom:5px;
}

#shareNew.showingShareInput a.title {
    display:none;
}

#shareNew.showingShareInput div.showing a.title {
    display:inline;
}

.shareNewInput {
    width:130px;
    margin-left:5px;
    display:block;
}

.dialogBox {
    background:white;
    padding:5px;
}

.dialogContent {
    background:#ddd;
    padding:5px;
}

.dialogHeader {
    padding-left:10px;
    padding-bottom:5px;
    color:gray;
}

.dialogHeader img {
    border:0;
    vertical-align:middle;
    width:16px;
}

.dialogSection {
    margin-bottom:5px;
}

.dialogSectionHeader {
    margin-bottom:5px;
}

.dialogButtons {
    padding:5px;
}

.dialogButtons a {
    text-decoration:none;
    color:gray;
    margin-right:10px;
}

.feedShowMoreButton {
    /*background: url("../images/show_more.gif") no-repeat top center;*/
    position:relative;
    margin-top:-1.2em;
    height:2em;
}

a.expandlink {
    font-size:10px;
    text-decoration:none;
    display:block;
    width:100%;
    text-align:center;
    font-weight:bold;
}

a.expandlink:hover {
    color:gray;
}

div.lesslinkcontainer {
    width:50%;
    display:block;
}

div.lesslinkcontainer a {
    padding-top:1.2em;
    color:white;
}

div.lesslinkcontainer a:hover {
   background: url("../images/show_up.gif") no-repeat 50% .8em;
}

div.morelinkcontainer {
    width:50%;
    display:block;
    float:right;
}

div.morelinkcontainer a {
    padding-bottom:1em;
    color:#ddd;
}

div.morelinkcontainer a:hover {
    background: url( "../images/show_down.gif" ) no-repeat 50% 1.3em;
}

#shareContainer {
    width:250px;
}

#miniShareContainer {
    width:120px;
}

.miniShareAdvanced {
    margin-top:10px;    
}

#shareTo {
    width:100%;
}

#shareNote {
    width:100%;
}

.shareTitleIcon {
    margin-right:5px;
    text-align:center;
}

.shareList {
    margin-top:0;
    margin-bottom:0;
    margin-left:5px;
    margin-right:5px;
    padding:0;
    list-style:none;
}

.shareList li {
    float:left;
    margin-right:2px;
    margin-bottom:2px;
    margin-top:5px;
}

.shareList li a {
    padding:5px;
    background:lightgray;
}

.shareList li a:hover {
    background:gray;
}

#shareAddTargetContainer {
    width:250px;
}

#gmailAddContactsContainer {
}

#addGmailContactsFrame {
    width:100%;
}

a.closeIcon {
    background: url("../images/close_feed_gray.png") no-repeat top left;
}

a.closeIcon:hover {
    background: url("../images/close_feed.png") no-repeat top left;
}

#nicknameTaken {
    color:red;
    padding-left:5px;
}

#otherShareOptions {
    margin:0;
    padding:0;
    margin-left:20px;

}

#otherShareOptions li {
    padding-bottom:5px;
}

.scrollingButtons {
    margin-right:5px;
    margin-left:10px;    
}

.scrollingButtons tr td {
    width:10px;
}

.scrollingButtons tr td a {
    display:block;
    width:10px;
    height:10px;
}

a.scrollUp {
    background: url("../images/scroll_up_button.png") no-repeat 0 0;
}

a.scrollUp:hover, a.scrollUp.NewUp:hover {
    background: url("../images/scroll_up_button.png") no-repeat 0 -10px;
}

a.scrollUp.NewUp {
    background: url("../images/scroll_up_button.png") no-repeat 0 -20px;
}

a.scrollDown {
    background: url("../images/scroll_down_button.png") no-repeat 0 -20px;
}

a.scrollDown:hover, a.scrollDown.NewDown:hover {
    background: url("../images/scroll_down_button.png") no-repeat 0 -10px;
}

a.scrollDown.NewDown {
    background: url("../images/scroll_down_button.png") no-repeat 0 0;
}

#noSharedMsg {
    padding:5px;
}

.feedOptionsList {
    list-style:disc;
    padding:0;
    padding-left:1em;
}


/* Share stuff */

#shareListTitleLink {
    white-space:nowrap;
    text-decoration: none;
    font-weight:bold;
    font-size:14px;
    color:white;
}

#shareLinkContainer {
}

#shareListTitleLink img {
    vertical-align:middle;
    margin-right:5px;
}

#shareListContent {
    background: rgb(247, 247, 247);
    padding-left:10px;
    padding-right:20px;
    color:black;
    width:180px;
}

.corner {
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#shareListContent.history #shareList li.shareTarget {
    display:none;
}

#shareListContent.history.showAll #shareList li.shareTarget {
    display:block;
}

#shareListContent.history #shareList li.shared {
    display:block;
}

#shareListContent.history #shareList li.oldshare {
    display:block;
}

#shareList {
    margin:5px 0 0 0;
    padding:0 0 5px 0;
    list-style:none;
    max-height:300px;
    overflow-y:auto;
    overflow-x:hidden;
}

#shareList li {
    /* hack so this will get hasLayout so rounded  corners work */
    /*height:1%;*/
    margin-top:5px;
}

#shareList li a.title,
#shareNew a.title {
    color:black;
    text-decoration:none;
    white-space:nowrap;
    padding:5px 2px 2px 2px;
    display:block;
    overflow:hidden;
    font-size:14px;
}

#shareList li.hover,
#shareNew div.hover {
    background:rgb(247,247,247);
}

#shareList div.right,
#shareTargetQuote div.right {
    float:right;
    width:16px;
}

#shareList div.right a {
    display:none;
}

#shareList li.hover div.right a {
    display:block;
}

#shareList li.shared.hover div.right a {
    display:none;
}

#shareList li img,
#shareNew a img {
    vertical-align:middle;
    margin-right:10px;
    margin-left:5px;
    margin-top:-2px;
    width:32px;
    height:32px;
}

#shareList li img {
    width:24px;
    height:24px;
}

#shareList li.hover img {
    /*width:auto;
    /max-width:50px;*/
}

#shareList li.shared,
#shareList li.oldshare {
    background:rgb(84,182,116);
    font-weight:bold;
}

#shareTargetInput {
    border:0;
    padding:5px;
    width:160px;
}

#shareList ul,
#shareTargetQuote {
    margin:0;
    padding:0;
    list-style:none;
}

#shareList ul li,
#shareTargetQuote li {
    background:white;
    padding:5px;
}
#shareList li ul li {
    margin:0;
}

.shareNote {
    color:black;
    display:none;
    font-weight:normal;
}

#shareList li.shared .shareNote {
    display:block;
}

#shareList ul.shareTargetHistory li {
    padding:2.5px 5px 2.5px 5px;
}

#shareList ul.shareTargetHistory {
}

.shareTargetHistory .name,
.shareTargetHistory .colon {
    float:left;
    margin-right:5px;
}

.shareTargetHistory .note {
    margin-left:10px;
}

.shareTargetHistory .date {
    color:gray;
}

.shareNote .colon {
    margin-right:5px;
}

.shareNote .name {
    font-weight:bold;
}

.shareNote .note {
    font-weight:normal;
}

.shareCommentText {
    font-weight:normal;
    padding-left:5px;
}

#shareTargetQuote li {
    font-style:italic;
    font-weight:normal;
    margin-bottom: 10px;
}

.shortQuote {
    display:block;
}

#shareTargetQuote li.hover .shortQuote {
    display:none;
}

#shareList .shareTargetHeader {
    font-weight:bold;
    margin-left:5px;
}

#shareList .shareTargetHeader img {
}

.fullQuote {
    display:none;
}

#shareTargetQuote li.hover .fullQuote {
    display:block;
}

.dialogDivision {
    margin-top:20px;
    padding-top:5px;
    border-top:2px solid white;
}

.noPics a.picToggleLink:hover {
    background: url("../images/toggle_pic.png") no-repeat 0 0;
}

a.picToggleLink {
    background: url("../images/toggle_pic.png") no-repeat 0 0;
}

a.showingPic {
    background: url("../images/toggle_pic.png") no-repeat 0 -32px;
}

a.picToggleLink:hover {
    background: url("../images/toggle_pic.png") no-repeat 0 -16px;
}

a.picToggleLink img {
    padding:0;
    margin:0;
}

.noPics a.textToggleLink:hover {
    background: url("../images/toggle_text.png") no-repeat 0 -32px;
}

a.textToggleLink {
    background: url("../images/toggle_text.png") no-repeat 0 0;
}

a.showingText {
    background: url("../images/toggle_text.png") no-repeat 0 -32px;
}

a.textToggleLink:hover {
    background: url("../images/toggle_text.png") no-repeat 0 -16px;
}

a.textToggleLink img {
    padding:0;
    margin:0;
}

.highPriority a.priorityToggleLink:hover {
    background: url("../images/toggle_high_low.png") no-repeat 3px -64px;
}

.highPriority a.priorityToggleLink {
    background: url("../images/toggle_high_low.png") no-repeat 3px -32px;
}

.lowPriority a.priorityToggleLink:hover {
    background: url("../images/toggle_high_low.png") no-repeat 3px -80px;
}

.lowPriority a.priorityToggleLink {
    background: url("../images/toggle_high_low.png") no-repeat 3px -48px;
}

.priorityToggleLink {
    background: url("../images/toggle_high_low.png") no-repeat 3px 0;
}

a.priorityToggleLink:hover {
    background: url("../images/toggle_high_low.png") no-repeat 3px -16px;
}

.star a.priorityToggleLink {
    display:none;
}

.feeds a.priorityToggleLink {
    display:none;
}

a.seeAllLink img {
    padding:0;
    margin:0;
}

.allEntries .feedIcons table td a.seeAllLink {
    background: url("../images/toggle_all.png") no-repeat 0 0px;
}

.allEntries .feedIcons table td a.seeAllLink:hover {
    background: url("../images/toggle_all.png") no-repeat 0 -16px;
}

.newEntries .feedIcons table td a.seeAllLink {
    background: url("../images/toggle_all.png") no-repeat 0 -32px;
}

.newEntries .feedIcons table td a.seeAllLink:hover {
    background: url("../images/toggle_all.png") no-repeat 0 -16px;
}

.feedIcons table td a {
    display:none;
}

.feedIcons table td.closeFeedContainer a {
    display:inline;
}

.hover .feedIcons table td a {
    display:inline;
}

.feedfeedfeed .feedIcons table td .priorityToggleLink {
    display:none;
}

.prep {
    padding:10px;
}

.prep .error {
    margin-bottom:10px;
    padding:5px;
    color: red;
    border: 1px solid red;
    background:white;
}

.matchFeedEntry {
    background:transparent;
}

.matchFeedEntry .header {
    background:rgb(199,199,199);
    padding:5px;
}

.matchFeedEntry.new .header {
    /*background: #d6e6c8;*/
    background: #A9DA92;
}

.matchFeedEntry .header .title {
    font-weight:bold;
}

.matchFeedEntry .header .title img {
    width:16px;
    height:16px;
}

.matchFeedEntry .header .feedTitle {
    margin-left:10px;
    font-weight:bold;
    font-size:smaller;
}

.matchFeedEntry .content {
    padding-top:5px;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:20px;
}

#actionBox {
    width:270px;
    padding:5px;
}

#actionResults {
    display:none;
    position:absolute;
    top:30px;
    right:5px;
    margin:0;
    list-style:none;
    background:white;
    color:black;
    padding:5px;
    text-align:left;
    font-weight:bold;
    z-index:1;
    border:1px solid black;
}

#actionResults li {
    padding:5px;
}

#actionResults li img {
    width:16px;
    height:16px;
}

#actionResults li.hover {
    background:#ccddff;
}

#actionResults .FindFeed {
    font-weight:normal;
}

.emailPadding {
    padding:5px;
}

.matchFeedEntry .forShared {
    display:none;
}

.shareContent .matchFeedEntry .forShared {
    display:block;
}

.feedsFeedDetails .forShared {
    display:none;
}

#accountInfoHover {
    width:400px;    
}

#accountInfoHeader {
    padding-bottom:5px;
}

#accountInfoContent {
    background:white;
    color:black;
    padding:5px;
    margin-left:5px;
    margin-right:10px;
}

.accountInfoIcon {
    vertical-align:middle;
    width:32px;
    height:32px;
}

#accountIconPreview {
}

#accountInfo ul {
    padding:0 0 10px 0;
    margin:0;
    list-style:none;
}

#accountInfo ul li {
    padding:5px;
}

ul#accountOptions {
}

#accountOptions li {
    margin-left:5px;
}

#accountOptions li ul li {
    margin:0;
    padding:2px 0 0 15px;
}

#accountSignout {
    float:right;
    width:60px;
}

.feedsFeedDetails table {
    margin-bottom: 5px;
}

#header #lastUpdate a {
    color:red;
    font-weight:bold;
}

.popoutTitle {
    width:200px;
    padding:0 5px 5px 5px;
    color:black;
    background:#ccddff;
}

.popoutTitleCorners {
    margin-top:5px;
    width:210px;
}

#popouts .titleContainer {
    padding:8px;
    text-align:right;
    background: url(../images/status_background.png) repeat-x bottom #ccddff;
    color:black;
    font-weight:bold;
    -moz-border-radius-topleft: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius: 5px;
}

#popouts .titleContainer .title {
    text-align:left;
    float:left;
    width:350px;
    overflow:hidden;
    height:1.5em;
}

#popouts .titleContainer .title img {
    vertical-align:middle;
    width:16px;
    height:16px;
}

#popouts .popoutContainer {
    text-align:center;
    background:white;
    padding:5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius: 5px;
    margin-bottom:20px;
}

.popouttopcorners, .popoutbottomcorners {
    font-size:4px;
}

.popouttopcorners .left {
    width:5px;
    background: url("../images/blue_corners.png") no-repeat 0 0;
}

.popouttopcorners .middle {
    background:#ccddff;
}

.popouttopcorners .right {
    width:5px;
    background: url("../images/blue_corners.png") no-repeat -5px 0px;
}

.popoutbottomcorners .left {
    width:5px;
    background: url("../images/white_corners.png") no-repeat 0 -5px;
}

.popoutbottomcorners .right {
    width:5px;
    background: url("../images/white_corners.png") no-repeat -5px -5px;
}

.popoutbottomcorners .middle {
    background:white;
}

.popoutbottomcorners {
    margin-bottom:20px;
}