@charset "utf-8";

html, body { overflow:hidden; }

/* main-left/right */
#main-left-area { float:left; width:100%; margin-right:-5px; }
#right-area { float:left; width:5px; }
#main { margin-right:5px; }
/* */

/* main/left */
#main-area { float:right; width:100%; margin-left:-210px; }
#left-area { float:right; width:210px; }
#main { margin-left:205px; }
/* */

.contarea {
	margin:5px 5px 0 5px;
	padding:0 5px;
}

.entrywin .info { position:relative; overflow:hidden; }
.entrywin .info { font-size:85%; padding:5px 5px 5px 3em; }
.entrywin .info .feedname { float:left; }
.entrywin .info .pubdate  { float:right; }
.entrywin .info .categories { display:block; clear:both; }

.entrywin .scrollable { border-top:1px solid #ccc; margin-top:5px; padding:5px; }

.entrywin .for-shorthead { display:none; }
.entrywin.shorthead .for-shorthead { display:block; }
.entrywin.shorthead .for-longhead { display:none; }


#head-navi { overflow:hidden; }
* html #head-navi { height:1%; }
#head-navi-left { float:left; }
#head-navi-right { float:right; }

#head-search { position:absolute; left:25em; bottom:5px; }
#head-search #search-q { width:15em; }
#head-search label { margin-left:0.5em; margin-right:1em; }

#body-top-area { overflow:visible; }
#body-manip { background:#ccc; }
* html #body-top-manip { height:1%; }
#body-manip-right { /* float:right; */ text-align:right; }
#body-manip-left { float:left; }
#body-manip .popup { z-index:1000; }
#main-left-area { clear:both; }

#left ul { list-style:none; padding-left:5px; }
#left ul li ul { padding-left:2em; }
#left ul li { white-space:nowrap; }

#maintab_entries_cont ul,
#maintab_myentries_cont ul,
#maintab_feeds_cont ul
 { margin:0; padding:0; list-style:none; }

#entries li a { color:#333; text-decoration:none; }
#entries li a:hover { color:#333; text-decoration:underline; }

#entries,#myentries { height:250px; overflow:auto; position:relative; overflow-x:hidden; }
.entries-head { position:relative; overflow:hidden; }
* html .entries-head { height:1%; }

.entries-all { position:relative; overflow:hidden; line-height:1.4; border-bottom:1px solid #ccc; padding:2px 0.5em; white-space:nowrap; }
.entries-manip { position:relative; width:2em; }
.entries-title {  }
.entries-feed-title { position:absolute; top:0; width:20em; right:0; background:white; padding:2px 0.5em; }
.entries-pubdate    { position:absolute; top:0; width:auto; right:0; background:white; padding:2px 0.5em; text-align:right; }

.entries-feed-title { padding-left:2em; background:url(img/gradmask-white.png) top left no-repeat; }
.entries-pubdate    { padding-left:2em; background:url(img/gradmask-white.png) top left no-repeat; }

* html .entries-feed-title { background-image:url(img/gradmask-white.gif); }
* html .entries-pubdate    { background-image:url(img/gradmask-white.gif); }

#entries .read { border-left:4px solid #ccf; color:#484848; }
#entries .read a { color:#484848; }

#entries .duplicate { color:#ccc; }
#entries .duplicate a { color:#ccc; }

#editplaylist { overflow:auto; position:relative; }

#foot { overflow:hidden; }
* html #foot { height:1%; }
#foot-left { float:left; }
#foot-right { float:right; }

#main-manip { border-bottom:1px solid #ccc; }

#entry-box {display:none;position:absolute; left:6em; right:0; top:0; bottom:0; z-index:2000; }
#entry-box.showing {display:block;}
/* #entry-manip { float:right; } */
#myentry-box {display:none;position:absolute; left:6em; right:0; top:0; bottom:0; z-index:2000; }
#myentry-box.showing {display:block;}

#entries .template-gen.focused { background-color:#ddf; background-image:none; font-weight:bold; }
#entries .template-gen.focused * { background-color:#ddf;  background-image:none;}
#myentries .template-gen.focused { background-color:#ddf; background-image:none; font-weight:bold; }
#myentries .template-gen.focused * { background-color:#ddf; background-image:none; }

#myentries a { color:#444; text-decoration:none; }
#myentries a:hover { text-decoration:underline; }

.for-template-hasnext { display:none; }
.hasnext .for-template-hasnext { display:block; }

/* #entry-box .hasfollow .description { display:none; } */
#entry-box .description_follow { display:none; }
#entry-box .hasfollow .description { width:80%; padding:5px; margin:10px auto; border:1px dotted #ccc; } 
#entry-box .hasfollow .description img { display:none; } 
#entry-box .hasfollow .description_follow { display:block; border-left:#fcc 4px solid; padding-left:5px; margin-left:-5px; }
#entry-box .subscribed .for-notsubscribed { display:none; }
#entry-box .notsubscribed .for-subscribed { display:none; }
#entry-box .description_follow .description_follow_notify { border:1px solid #ccc; font-size:80%; color:#888; margin-bottom:5px; }
#entry-box .description_follow .description_follow_notify a { color:#88f; }

#entry-box .description { overflow:hidden; zoom:1; }
#entry-box .description_follow { overflow:hidden; zoom:1; }

.entrywin .descriptions * { cursor:auto; }
.entrywin .descriptions a { cursor:pointer; }

#left li.focused { background:#ddf; font-weight:bold; }
#left a { color:#444; text-decoration:none; }
#left a:hover { color:#444; text-decoration:underline; }

a.icon { text-decoration:none!important; }
a.icon:hover { text-decoration:none!important; }

#maintab, #maniptab { display:none; }
#maniptabs { padding:1em; }

.entries-head { border-bottom:1px solid #444; padding:2px 0;}
.entries-head .entries-title { padding-left:0.5em; }
.entries-head .entries-feed-title { width:21em; padding-left:5px; }
.entries-head .entries-pubdate { padding-right:20px; }

#editplaylistform { padding:0.5em; }
#editplaylist { margin-top:0.5em; border-top:1px solid #888; }
#editplaylist ul { list-style:none; padding:0; }
.feeds-all { position:relative; overflow:hidden; line-height:1.4; border-bottom:1px solid #ccc; padding:2px 0.5em; /* white-space:nowrap; */ }
.feeds-manip { position:relative; width:2em; }
.feeds-title { }
/*.feeds-desc { position:absolute; top:0; width:30em; right:0; background:white; padding:2px 0.5em; } */
.feeds-url { display:block; padding-left:2em; white-space:nowrap; }
.feeds-desc { display:block; padding-left:2em; } 

#editplaylist .feeds-all.checked { background:#eef; }
#editplaylist .feeds-all.checked .feeds-title { }

label { padding-left:1em; padding-right:1em; }

#maintab_editplaylist_cont, #maintab_newfeeds_cont, #maintab_opml_cont { padding:5px; }
#maintab_newfeeds_cont ul { list-style:none; padding:1em; }
#maintab_newfeeds_cont ul li { border-top:1px solid #ccc; }
#maintab_newfeeds_cont ul li .title { display:block; }
#maintab_newfeeds_cont ul li .info { display:block; padding-left:2em; }

#editplaylist-order { text-align:right; }

a.haspopup { display:inline; position:relative; zoom:1; }
a.haspopup .popup { display:none; }
a.haspopup:hover .popup { display:block; position:absolute; left:2em; top:150%; background:#ffe; border:1px solid #444; }
.popup .closebutton { float:right; }

#maniptabs .manip { /* margin-left:2em; */ display:block; }
#maniptab_subscribed_cont .popup { font-size:80%; }

#newfeedtab_cont { padding:5px; }

.manip .popup { width:20em; }

.dropready { background-color:#dff; border:1px dotted #444; }

* html * { zoom:1; }

/* icons */
.feedicon { background:url(icon/folder.gif) top left no-repeat; }
img.feedicon { width:16px; height:16px; margin:0; padding:0; border:none; }
.source_rss .feedicon { background-image:url(icon/rss.gif); }
.source_rss.auth_private .feedicon { background-image:url(icon/rssk.gif); }
.source_raw .feedicon { background-image:url(icon/editor.gif); }
.source_raw.auth_private .feedicon { background-image:url(icon/editork.gif); }
.source_html .feedicon { background-image:url(icon/web.gif); }
.source_html.auth_private .feedicon { background-image:url(icon/webk.gif); }

/*
img.icon_new {
	background:url(icon/new.gif) top left no-repeat;
	width:32px; height:16px;
	vertical-align:middle;
}*/

.notify_new { color:#c00; margin:0.5em; font-size:80%; }

/*
.gtranslated.for-en {
	color:#444;
}
*/

.gtranslated.for-ja {
	color:#484;
	/* font-size:80%; */
	margin:0 0.5em;
}