/* GLOBAL */
@import url("http://fonts.googleapis.com/css?family=Droid+Sans|Open+Sans");

body {
    height: 100%; width: 100%; margin: 0;
    background: #e8e8e8;
    font-family: 'Open Sans', 'Droid Sans', sans-serif, Verdana, Lucida; }
a { color: #003399; text-decoration: none; cursor: pointer; }
a:hover { color: #339900; text-decoration: none; }
img { border: 0; margin: 0; }

/* MyNewspaper title and copyright */
#mn_title {
    position: absolute; top: 0; left: 0; right: 0; overflow: hidden;
    padding: 10px 10px 10px 50px;
    color: #ffffff; background: #000000;
    font-family: arial; font-size: 20px; font-weight: bold; }
#mn_title a { color: #ffffff; }
#mn_copyright { font-size: 8px; color: #ff6633; }
#img_sb { float: left; position: absolute; top: 13px; left: 5px; }
#img_refresh { position: absolute; top: 10px; margin-left: 20px; }

/* Sidebar */
#sidebar {
    position: absolute; overflow: auto; width: 230px; margin-top: 42px;
    background: #222222; text-align: left; 
    background: linear-gradient(to bottom, #000000 0%,#222222 100%);
    background: -moz-linear-gradient(center top, #000000, #222222) repeat scroll 0px 0px transparent;
    background: -webkit-linear-gradient(top, #000000 0%,#222222 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#222222));
    background: -o-linear-gradient(top, #000000 0%,#222222 100%);
    background: -ms-linear-gradient(top, #000000 0%,#222222 100%); }

#sidebar a { color: #666666; }
#sidebar a:hover { color: #aaaaaa; border-bottom: 1px dotted #aaaaaa; }
/* #sidebar .item { border-left: 2px solid #222222; } */
#sidebar .item { border-left: 2px solid transparent; }
#sidebar .selected { border-left-color: #ff6633; }
#sidebar .sgroup { margin-top: 0px; padding-left: 5px; font-size: 14px; font-weight: bold; }
#sidebar .group { margin-top: 2px; padding-left: 3px; font-size: 14px; font-weight: bold; }
#sidebar .group_children { display: none; }
#sidebar .feed { font-size: 12px; padding-left: 21px; }
#sidebar .num { float: right; margin-right: 12px; padding: 0 3px;
                color: #888888; background: #555555; border-radius: 4px; font-size: 0.9em; font-weight: bold; }


/* Contents */
#contents { position: absolute; top: 20px; left: 0; right: 0; bottom: 0; overflow: auto; margin-left: 230px; }


/* Home */
#home { text-align: center; }
#home h1 { margin: 40px 0 0 0; text-align: center; font-size: 40px; font-weight: bold; color: #660033; }
#home .section { display: inline-block; vertical-align: top; width: 250px; margin: 20px; padding: 5px; }
#home .section h3 { margin: 0; font-size: 20px; }
#home .section ul { margin: 0; padding: 0; list-style: square url(/images/circle.png); text-align: left; }
#home .section li { margin-left: 20px; }
#home .section a { font-size: 15px; }
#home .sum_home { margin: 5px auto; width: 375px; text-align: left; font-size: 14px; color: #444444; }

#home span { padding: 0; font-size: 20px; color: #000000; }
#home div.actions { margin: 5px 0 20px 0; }
#home div.actions a { padding: 0 15px; font-size: 18px; font-weight: bold; color: #666666; }
#home div.actions a:hover { color: #aaaaaa; }

#summary_tbl { padding: 0px 10px 0px 10px; margin: 0 auto 0 auto; border-collapse: collapse; }
#summary_tbl tr.header { font-size: 20px; font-weight: bold; color: #333333; border-bottom: 2px solid #333333; }
#summary_tbl tr.row { font-size: 16px; color: #666666; border-bottom: 1px solid #cccccc; }
#summary_tbl tr.totals { font-size: 18px; font-weight: bold; color: #333333; border-top: 2px solid #333333; }
#summary_tbl th, #summary_tbl td { padding: 3px 6px; }
#summary_tbl .name { text-align: left; min-width: 150px; }
#summary_tbl th.nums, #summary_tbl td.nums { text-align: right; width: 30px; }
#summary_tbl th.nums2, #summary_tbl td.nums2 { text-align: right; padding: 0 20px; }
#summary_tbl a { font-size: 16px; color: #666666; }
#summary_tbl a.name { font-size: 16px; color: #222222; }
#summary_tbl a.disabled { color: #666666; font-style: italic; text-decoration:line-through; }
#summary_tbl a.broken { color: #666666; font-style: italic; text-decoration:blink; }
#summary_tbl tr.row a img { padding-right: 8px; }
#summary_tbl a.total { font-size: 18px; color: #222222; }
#summary_tbl a:hover { color: #888888; border-bottom: 1px dotted #333333; }
#summary_tbl .sort-highlight { background: #faebd7; }

#summary_tbl_feed { padding: 20px 10px; margin: 0 auto 0 auto; border-collapse: collapse; }
#summary_tbl_feed tr { font-size: 16px; color: #666666; border-bottom: 1px solid #cccccc; }
#summary_tbl_feed td { padding: 4px 8px; text-align: left; color: #333333; }
#summary_tbl_feed td.field { font-weight: bold; }
#summary_tbl_feed a { padding: 0 5px 0 0; color: #666666; }
#summary_tbl_feed img { padding: 0 5px; }
#summary_tbl_feed img.favicon { padding: 0 5px 0 0; }


/* Action bar */
#actionbar {
    position: absolute; top: 32px; left: 0px; right: 0px; padding-left: 10px;
    font-size: 12px; font-weight: bold; }
#actionbar .btn_popup {
    position: relative; text-align: center; margin: 5px 10px; padding: 2px 5px;
    border-radius: 5px; border: 1px solid #bbbbbb;
    color: #444444; background: #f0f0f0; cursor: pointer;
    background: linear-gradient(to bottom, #eeeeee 0%,#bbbbbb 100%);
    background: -moz-linear-gradient(center top, #eeeeee, #bbbbbb) repeat scroll 0px 0px transparent;
    background: -webkit-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb));
    background: -o-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); }
#actionbar .btn_popup_hover { border-top: 1px solid #333333; border-left: 1px solid #333333; }
#actionbar .btn_popup_selected { border: 1px solid #bbbbbb; background: #aaaaaa; }
#actionbar .popup {
    display: none; position: absolute; z-index: 100;
    margin: 0; top: 0; left: -1px; width: 135px;
    border-radius: 5px; border:1px solid #cccccc; background-color: #f0f0f0; }
#actionbar .popup ul {
    list-style-type: none; margin: 0; padding: 5px; text-align: left;
    color: #333333; font-size: 13px; font-weight: normal; }
#actionbar .popup ul li:hover { background-color: #ffffcc; }
#actionbar .popup img { margin-left: 5px; margin-right: 5px; }
#actionbar .btns { margin: 0 10px; }
#actionbar .btn {
    position: relative; text-align: center;
    border-radius: 5px; border: 1px solid #bbbbbb;
    margin: 5px 0; padding: 2px 10px;
    color: #444444; background: #f0f0f0; cursor: pointer;
    background: linear-gradient(to bottom, #eeeeee 0%,#bbbbbb 100%);
    background: -moz-linear-gradient(center top, #eeeeee, #bbbbbb) repeat scroll 0px 0px transparent;
    background: -webkit-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb));
    background: -o-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); }
#actionbar .btn:hover { border-top: 1px solid #333333; border-left: 1px solid #333333; }
#actionbar .btn img { vertical-align: middle; }
#actionbar #btn_process { margin-right: 25px; }


/* Articles */
#articles {
    position: absolute; top: 60px; left: 0; right: 0; bottom: 15px; overflow: auto;
    padding: 10px; background: #ffffff; }
#articles .mnhdr {
    font-family: 'Droid Sans', Verdana, Lucida; font-size: 20px; font-weight: bold;
    padding-bottom: 10px; border-bottom: 1px solid #888888; }
#articles .mnhdr a { color: #666666; }
#articles .mnhdr a:hover { color: #888888; border-bottom: 1px dotted #333333; }
#articles .mnhdr .details { block: none; float: right; font-size: 18px; font-weight: bold; }
#articles .mnhdr .details a {
    border-radius: 5px; border: 1px solid #bbbbbb; margin-left: 25px; padding: 2px 10px;
    font-size: 15px; color: #444444; background: #e8e8e8;
    background: linear-gradient(to bottom, #eeeeee 0%,#bbbbbb 100%);
    background: -moz-linear-gradient(center top, #eeeeee, #bbbbbb) repeat scroll 0px 0px transparent;
    background: -webkit-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#bbbbbb));
    background: -o-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%);
    background: -ms-linear-gradient(top, #eeeeee 0%,#bbbbbb 100%); }
#articles .mnhdr .details a:hover { border-top: 1px solid #333333; border-left: 1px solid #333333; }

#articles .art {
    border-bottom: 1px solid #cccccc;
    border-left: 2px solid #ffffff; border-right: 2px solid #ffffff; }
#articles .cursor { border-left-color: #ff6633; border-right-color: #ff6633; }
#articles .mnhdr1 { overflow-x: hidden; white-space: nowrap; width: 100%; left: 0; right: 0; padding: 2px 0; }
#articles .icon { display: inline-block; vertical-align: middle; padding: 0px 2px; }
#articles .feedname {
    display: inline-block; overflow: hidden; text-overflow: ellipsis;
    width: 140px; vertical-align: middle;
    font-size: 11px; color: #008000; }
#articles .wrapper { display: inline-block; padding: 0 5px; vertical-align: middle; }
#articles .title_container { white-space: nowrap; overflow: hidden; }
#articles .title { display: inline-block; font-size: 13px; font-weight: bold; color: #000000; }
#articles .summary { display: inline-block; font-size: 12px; color: #666666; }
#articles .date1 {
    display: inline-block; width: 80px; text-align: right; vertical-align: middle;
    font-size: 11px; color: #000800; }
#articles .content_container { display: none; padding: 2px 20px 4px 20px; background: #f2f2f2;
    background: linear-gradient(to bottom, #ffffff 0%,#eeeeee 100%);
    background: -moz-linear-gradient(center top, #ffffff, #eeeeee) repeat scroll 0px 0px transparent;
    background: -webkit-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeeeee));
    background: -o-linear-gradient(top, #ffffff 0%,#eeeeee 100%);
    background: -ms-linear-gradient(top, #ffffff 0%,#eeeeee 100%); }
#articles .mnhdr2 { font-size: 13px; color: #888888; padding: 2px 0px 4px 0px; }
#articles .title2 { font-size: 17px; font-weight: bold; color: #003366; }
#articles .feedname2 { color: #008000; }
#articles .date2 { color: orange; }
#articles .content { font-family: Verdana, Lucida, Arial; font-size: 12px; padding-bottom: 5px; }
#articles .expanded { background: #ffffff; }

#articles .popup_states {
    display: none; position: absolute; z-index: 100; width: 150px;
    border-radius: 10px; border: 1px solid #aaaaaa; background: #f0f0f0; }
#articles .popup_states ul { list-style-type: none; margin: 0; padding: 5px; text-align: left; }
#articles .popup_states li:hover { background: #ffffcc; }
#articles .popup_states img { margin-left: 5px; margin-right: 10px; }
#articles .popup_states a { color: #333333; font-size: 12px; }


/* Help */
#help_keys { margin: 20px; color: #eeeeee; font-size: 14px; }
#help_keys .title { text-align: left; color: yellow; font-family: sans-serif; font-size: 24px; font-weight: bold; }
#help_keys a.btn_close { float: right; color: #ffffff; }
#help_keys .section1 { float: left; }
#help_keys .section2 { float: right; }
#help_keys table { margin: 0 10px 0 20px; border-collapse: collapse; }
#help_keys td { padding: 3px 6px; }
#help_keys td.key { color: yellow; }


/* Admin */
#setup {
    width: 780px; margin: 85px auto 20px auto; padding: 10px 20px;
    border-radius: 10px; border: 5px solid #bbbbbb; font-family: 'Droid Sans'; }
#setup .header { padding: 10px 0 10px 0; color: #660033; font-size: 32px; font-weight: bold; }
#setup .paragraph { text-align: justify; }
#setup .title { font-weight: bold; }
#setup .comment { color: #666666; }

/* Dialogs & messages */
div.loading { padding: 40px; text-align: center; font-size: 42px; font-weight: bold; color: #660033; }
div.message { padding: 40px; text-align: center; font-size: 40px; font-weight: bold; color: #666688; }
div.error { padding: 40px; text-align: center; font-size: 40px; font-weight: bold; color: #884400; }

/* Modal dialog */
#overlay { position: absolute; z-index: 9000; display: none; background-color: #000000; }
#dialog {
    /* height: 300px; width: 500px; */
    position: absolute; z-index: 9999; display: none;
    border: 3px solid #dddddd; color: #003366; background-color: #cccccc;
    font-size: 1em; text-align: left; }
#dialog div.title {
    color: #000000; background-color: #999999;
    font-size: 1.1em; font-weight: bold;
    padding: 5px 5px 5px 10px; border-bottom: 3px solid #dddddd; }
#dialog form { padding: 15px; }
#dialog form label, #dialog form td { font-weight: bold; padding-right: 10px; }
#dialog form span.comment { color: #666666; font-style: italic; font-size: 0.9em; }
#dialog form hr { margin: 20px 0 15px 0; color: #cccccc; }
#dialog form div.btns { text-align: center; }
#dialog form div.btns input { margin: 0 25px; }
#dialog form div.dlgerr {
    padding: 10px; margin-bottom: 15px;
    color: #660033; background-color: #cccccc;
    font-style: italic; text-align: center; }

#dlg_loading {
    position: absolute; z-index: 9999; display: none;
    width: 200px; height: 200px; background: transparent url("/images/loading2.gif"); }

#dlg_help {
    position: absolute; z-index: 9999; display: none;
    width: 800px; height: 550px; background: #000000;
    border-radius: 10px; border: 3px solid #eeeeee; }
