@import url(niftycorners.css);

html {
  min-width: 900px;
}

body {
  width: 900px;
  margin: 0 auto;
  padding-top: 10px;
  background-color: #fff;
  color: #000;
}

body, .widgettitle {
  font: 62.5% "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;
}

h1, h2, h3, legend, #tagline, #hotlist .title, #hotlist .period {
  font-family: Georgia, Times, "Times New Roman", serif;
}

/* Fix heading font sizes for Gecko browsers. */
h1 { font-size: 2em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.25em; }
h4 { font-size: 1em; }

/* Fix various font size bugs for IE/Win */
html, table { font-size: 100%; }
input, select, th, td { font-size: 1em; }

/* Prevent font sizes from compounding unexpectedly. */
li li, li p, td p, blockquote p { font-size: 1em; }

/* Major page elements */

#viewnav {
  height: 35px;
  border-bottom: 1px solid #005cb8;
  padding-left: 1em;
  margin: 0;
  margin-top: 2em;
}

#viewnav li {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#viewnav a:link, #viewnav a:visited {
  display: block;
  height: 35px;
  width: 100px;
  float: left;
  margin-right: 4px;
  text-indent: -9999px;
  outline: none;
}

#tabmylists a { background: transparent url(/images/tab-mylists.gif) 0 -35px no-repeat; }
body.tabmylists #tabmylists a { background: transparent url(/images/tab-mylists.gif) 0 0 no-repeat; }
body.tabmylists #tabmylists a:hover, #tabmylists a:hover { background: transparent url(/images/tab-mylists.gif) 0 -70px no-repeat; }
#tabpubliclists a { background: transparent url(/images/tab-publiclists.gif) 0 -35px no-repeat; }
body.tabpubliclists #tabpubliclists a { background: transparent url(/images/tab-publiclists.gif) 0 0 no-repeat; }
body.tabpubliclists #tabpubliclists a:hover, #tabpubliclists a:hover { background: transparent url(/images/tab-publiclists.gif) 0 -70px no-repeat; }
#tabmyaccount a { background: transparent url(/images/tab-myaccount.gif) 0 -35px no-repeat; }
body.tabmyaccount #tabmyaccount a { background: transparent url(/images/tab-myaccount.gif) 0 0 no-repeat; }
body.tabmyaccount #tabmyaccount a:hover, #tabmyaccount a:hover { background: transparent url(/images/tab-myaccount.gif) 0 -70px no-repeat; }
#tabemail a { background: transparent url(/images/tab-email.gif) 0 -35px no-repeat; }
body.tabemail #tabemail a { background: transparent url(/images/tab-email.gif) 0 0 no-repeat; }
body.tabemail #tabemail a:hover, #tabemail a:hover { background: transparent url(/images/tab-email.gif) 0 -70px no-repeat; }
#tabprefs a { background: transparent url(/images/tab-prefs.gif) 0 -35px no-repeat; }
body.tabprefs #tabprefs a { background: transparent url(/images/tab-prefs.gif) 0 0 no-repeat; }
body.tabprefs #tabprefs a:hover, #tabprefs a:hover { background: transparent url(/images/tab-prefs.gif) 0 -70px no-repeat; }

#view {
  clear: both;
  padding: 8px;
  position: relative;
  min-height: 320px;
}

#content {
  width: 614px;
  font-size: 1.3em;
}

body.infohelp #content {
  width: 800px;
  margin: 0 auto;
}

#content h1, .newspost h2 {
  color: #005cb8;
}

#content h1:first-child {
  margin-top: 0.25em;
}

body.infohelp #content h1:first-child {
  margin-top: 1em;
}

#widgets {
  width: 260px;
  float: right;
}

.widgettitle {
  color: #fff;
  background-color: #005cb8;
  font-size: 1.2em;
  padding: 5px;
  margin: 0;
}

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

#widgets label {
  font-size: 1em;
}

body.home #view { border: none; padding: 0; background: #fff; }
body.home #content { width: 630px; }
body.home #widgets { top: 0; right: 0; }

#flashnotice {
  clear: left;
  padding: 1em;
  margin: 0.5em 0;
  border: 1px solid #963;
  background-color: #fc9;
  font-size: 90%;
}

#flasherror {
  padding: 1em;
  margin: 0.5em 0;
  border: 1px solid #f00;
  background-color: #fcc;
  font-size: 90%;
}

#hotlist {
  clear: both;
  background-color: #ffffe4;
  border: 1px solid #c0c3b9;
  padding: 0.5em;
  position: relative;
}

#hotlist .flipper {
  float: left;
  margin-top: 2px;
  padding-right: 4px;
}

#hotlistcontent {
  float: left;
}

#hotlistsummary p.title {
  font-size: 1.5em;
  font-weight: bold;
}

#hotlistsummary > p.title, #hotlistsummary > p, #hotlistsummary > ul {
  display: inline;
}

#hotlistdetails {
  overflow: hidden;
}

#hotlistdetails p.period {
  font-weight: bold;
  font-size: 1.25em;
  margin-bottom: 0;
}

#hotlistdetails ul {
  margin-top: 0;
}

#footer {
  padding-top: 2em;
  clear: both;
  text-align: center;
}

#footer p {
  margin: 0;
}

/* Generic styles */

a img { border: none; }
a:active { outline: none; }

/* Put a div using this class at the end of a block element to ensure that
 * it will stretch to enclose any content floated inside. */
.enclosefloat {
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

.pager {
  margin-bottom: 0.5em;
}

.inlinelist, .actionlist, .preflist, .pager ul {
  display: inline;
  margin: 0;
  padding: 0;
}

.pager ul { margin-left: 1em; }

.inlinelist li, .actionlist li, .preflist li, .pager li {
  display: inline;
  list-style-type: none;
  margin: 0;
  padding-left: 0.7em;
  padding-right: 0.5em;
}

.pager li {
  padding: 0 0.25em;
}

.inlinelist li + li {
  border-left: solid 1px #000;
}

.outerborder { position: relative; margin-bottom: 1em; }
.outerborder .tl, .outerborder .tr, .outerborder .bl, .outerborder .br { font-size: 1px; height: 5px; }
.outerborder .tl, .outerborder .bl { margin-right: 5px; }
.outerborder .tr { position: absolute; top: 0px; right: 0px; width: 5px; }
.outerborder .br { position: absolute; bottom: 0px; right: 0px; width: 5px; }
.outerborder .tl { background: transparent url(/images/rb-corners.gif) top left no-repeat; }
.outerborder .tr { background: transparent url(/images/rb-corners.gif) top right no-repeat; }
.outerborder .ml { background: transparent url(/images/rb-middle.gif) top left repeat-y; }
.outerborder .mr { background: transparent url(/images/rb-middle.gif) top right repeat-y; padding: 3px 8px; }
.outerborder .bl { background: transparent url(/images/rb-corners.gif) bottom left no-repeat; }
.outerborder .br { background: transparent url(/images/rb-corners.gif) bottom right no-repeat; }

div.twocolumn {
  float: left;
  width: 307px;
}

div.twocolumn + div.twocolumn {
  margin-left: 12px;
}

table th {
  background-color: #bbb;
}

.odd {
  background-color: #fff;
}

.even {
  background-color: #eee;
}

form, form ol {
  margin: 0;
  padding: 0;
}

form ol li {
  list-style-type: none;
  margin-bottom: 0.3em;
}

form ol li label, label.recurgroup {
  display: block;
  font-weight: bold;
  font-size: 85%;
  margin-top: 1em;
}

textarea.fillwidth, input.fillwidth {
  margin-left: 2px;
  width: 97%;
}

fieldset {
  border: none;
}

div.listnavbuttons {
  padding: 0 0.5em 0 0;
  text-align: right;
}

div.submitbuttons {
  margin: 1.5em 0;
}

legend {
  color: #000;
  font-size: 1.2em;
}

/* Highlight fields with errors. */
.errorlabel {
  color: #f00;
}

.error {
  margin: 0;
  font-size: x-small;
  color: #f00;
}

fieldset#recurrence {
  border: 1px solid #b8b8b8;
  padding: 1em;
}

fieldset.hidden#recurrence {
  height: 0.5em;
  overflow: hidden;
  border: none;
  border-top: 1px solid #b8b8b8;
}

/* Firefox render bug fixes */
fieldset.hidden#recurrence label { margin-top: 2em; }
fieldset.hidden#recurrence input[type="text"] { text-indent: -9999px; }

#repeatshowhide {
  margin-left: 1em;
  font-size: 0.8em;
}

.recurgroup label {
  display: inline;
  font-weight: normal;
  font-size: 100%;
}

.recurgroup li p {
  margin: 0 0 0 2.5em;
  text-indent: -2.5em;
}

#daysofweek {
  font-size: 85%;
}

label.dayname {
  margin-right: 1em;
}

.calendar_date_select {
  width: 205px;
}

/* Styles for specific page elements */

#skiptocontent {
  text-indent: -9999px;
}

#masthead {
  height: 70px;
  background: transparent url(/images/mast-bg.png) top left no-repeat;
  margin-bottom: 2em;
  position: relative;
}

#branding a {
  display: block;
  width: 205px;
  height: 90px;
  position: absolute;
  top: 0;
  left: 20px;
  text-indent: -9999px;
  background: transparent url(/images/logo.png) 0 0 no-repeat;
}

#tagline {
  position: absolute;
  margin: 0;
  bottom: 0px;
  left: 230px;
  font-weight: bold;
}

#navigation {
  position: absolute;
  right: 12px;
  bottom: 12px;
  font-size: 1.3em;
  text-align: right;
}

.button-to, .button-to div {
  display: inline;
}

#signup {
  position: absolute;
  top: 11px;
  right: 7px;
}

#signup a {
  display: block;
  width: 199px;
  height: 52px;
  text-indent: -9999px;
  background: transparent url(/images/signup.png) 0 0 no-repeat;
}
#signup a:hover { background: transparent url(/images/signup.png) 0 -52px no-repeat; }
#signup a:active { background: transparent url(/images/signup.png) 0 -104px no-repeat; }

#signin {
  width: 50%;
  margin-top: 1em;
}

body.home #description {
  margin-bottom: 2em;
}

body.home #description h1 {
  color: #005cb8;
  background: #fff;
  padding: 0;
}

.flipper a {
  display: block;
  width: 12px;
  height: 12px;
  text-indent: -9999px;
  background: transparent url(/images/flipper.gif) 0 0 no-repeat;
  outline: none;
}

.flipper a.flipperopen {
  background: transparent url(/images/flipper.gif) 0 -12px no-repeat;
}

#featuredlists, #toplists {
  padding: 8px;
  width: 275px;
  font-size: 90%;
  height: 41em;
}
#featuredlists h2, #toplists h2 { margin: 0.4em 0; font-size: 1.5em; }
#featuredlists { background: transparent url(/images/featlists-bg.png) 0 50% repeat-x; }
#featuredlists h2 { text-align: right; color: #fff; }
.featuredlistname { font-weight: bold; }
.featuredlistname:link { color: #000; }
#featuredlists hr { width: 80%; margin: 1.5em auto; }
#toplists h2 { color: #005cb8; }
#toplists ul { margin: 0; padding: 0 0 0 1.5em; }
#toplists ul li { padding: 0.25em 0; list-style-image: url(/images/bullet.gif); }
#toplists p#morelists { text-align: right; margin: 0; padding-top: 1em; }

#actions {
  margin-top: 0.8em;
  margin-bottom: 0.8em;
}

.jshidden {
  visibility: hidden;
  padding: 0.5em;
  font-size: 0.7em;
}

#shownotes {
  float: right;
  margin-left: 1em;
}

#showall {
  float: right;
}

body.tabpubliclists #description {
  margin-bottom: 1.5em;
}

table {
  border: none;
}
table#publiclists, table#lists, table#items { width: 100%; }
table#items tr td { padding-top: 2px; padding-bottom: 2px; }
table#emailaddresses { margin-top: 1.5em; }
td { border-top: 1px solid #ddd; }
tr:first-child td { border: none; }
table .checkbox { width: 22px; vertical-align: top; }
td.due {
  margin-left: 2px;
  width: 20%;
  font-size: 0.8em;
}
body.tabpubliclists td.due { width: 35%; }
tr.itemoverdue { font-weight: bolder; }
a.itemcomplete { text-decoration: line-through; }
tr.itemarchive { display: none; }
td.rating, td.done, td.checkbox { text-align: center; }
td.rating p { margin: 0; font-size: 0.8em; }
.listname img, .itemlink img, td.rating img { vertical-align: text-bottom; }
.itemcount, .itemcompletedon {
  font-size: 75%;
  font-style: italic;
}
.notes {
  font-size: 75%;
  margin: 1em 0 1em 1em;
}
.itemsummary div.hidden {
  display: none;
}

.buylinks, .adminlinks, .commentlinks {
  float: right;
  font-size: 0.8em;
  margin: 2px 2px 0 0;
  font-weight: normal;
}

.adminlinks a {
  display: block;
  background: #ffa51f;
  padding: 2px;
}

.showonhover {
  visibility: hidden;
}

#comments {
  margin-top: 2em;
  width: 500px;
}

.comment {
  border-top: 1px solid #ccc;
  margin-top: 2em;
  padding: 0.5em;
  font-size: 0.8em;
}

.commentlistauthor {
  background-color: #d0deeb;
}

.commentproperties {
  font-weight: bold;
}

.commenttext p {
  margin: 1em 0 0 0;
}

.newspost {
  margin: 0;
  padding: 1em 0;
  border-bottom: 1px solid #ccc;
}

.newspost h2 {
  margin: 0.5em 0 0 0;
}

.newspost .date {
  margin: 0;
  font-size: 0.85em;
}