body { background-color: #fff; color: #333; }

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

html,body {
   margin: 0;
   padding: 0;
}

body {
   height: 100%;
   width: 100%;
}

#helpcontents h1,#front_blurb h1{
 color: #34569E;
   font-size: 150%;
   margin-left: -20px;
}

#helpcontents h2, #front_blurb h2{
   color: #34569E;
   font-size: 110%;
   margin-left: -10px;
}

#share_form {
   margin-top: 5px;
   background-color: #FFF2E0;
   z-index: 999;
}

.share_inputbox {
   color: black;
   background-color: #FFF2E0;
   border: none;
   border-bottom: 1px dashed #34569E;
}

#helpcontents{
margin-left: 50px;
width: 500px;
}


#front_blurb{
margin-left: 45px;
margin-right: 300px;
padding-right: 20px
}
#leftcol {
   width: 100%;
   float: left;
   margin-right: -300px;
}
#tryit {
    /*padding-top:9px;*/
   float: left;
   margin-left: -15px;
   margin-right: 300px;
}


#reg_and_login {
 float:right;
  /*padding-left: 10px;*/
   /*right: 10px;*/
   width:300px;
  /*padding:2px;*/

}
p.danger {
margin-left: 100px;
width: 400px;
border: 1px solid #FF0000;
background: #FFABAC;
padding: 5px;
   margin-right: 300px;
}

a { color: #34569E;
   text-decoration: none;
   border: none;
   font-weight: bold;
}

a:visited { color: #34569E; }

#logoutlink a:hover,#undo_link a:hover,#menu a:hover, #helplink a:hover,
 #filter_doneness a:hover, #filter_temporal a:hover, #back_link a:hover,
#reg_and_login a:hover { color: #fff; background-color: #333366; }

#undo_link a:hover {
 cursor:pointer;
}
#undo_link a {
   font-weight: bold;
   color: #FF0000;
}


a.disabled_link { color: #C3C3D9; }
a.disabled_link:hover { color: #C3C3D9; background-color: #FFF2E0; }

#filter_menu a {
   font-weight: 100;
   color: #34569E;
}
#filter_menu a.currentf {
   font-weight: 900;
   font-size:   14px;
   color: #24468E;
}
#filter_menu a.currentf:hover {
   color: #24468E;
   background-color:#FFF2E0;
   cursor: auto;
}
a img {border: none; }

#filter_doneness,#filter_temporal{
position:absolute;
top:10px;
border:1px solid blue;
background: #fff;
z-index:999;
padding:2px;
}

#filter_doneness{
left:250px;
}

#doneness_link,#temporal_link{
cursor:pointer;
   font-weight: 900;
   font-size: 14px;
   color: #24468E;

}

#filter_doneness a,#filter_temporal a{
display:block;
}

#filter_temporal{
left:365px;
}

#feed_contents, .lnote{
   clear: left;
   margin-left: 15px;
   border-top: 1px solid #888888;
   border-bottom: 1px solid #888888;
   padding-top:2px;
   padding-bottom:2px;
}

#header_drag {
   position:  absolute;
   left: 395px;
   cursor: move;
   cursor: e-resize;
   background: url(/images/width.gif) center left no-repeat;
   width: 9px;
   height: 9px;
   top: 3.3ex;
}


form {
margin: 0px; padding: 0px;
}

#top_level_list {
   margin-left: 5px;
   margin-bottom:50px;
   margin-top:6px;
}

#items_list {
position: absolute;
top: 0px;
/*bottom: 40px;
   overflow: auto;
   overflow-y: auto;
   overflow-x: hidden;*/
width: 100%;
min-height: 100%;
}

#bookmark_form {
position: absolute;
left: 5px;
bottom: 0px;
   padding-bottom:3px;

}
#bookmark_inner {
position: relative;

}
#logoutlink {
   display: none;
}
#back_link {
   position: absolute;
   right: 10px;
   top: 1px;
   font-weight: bold;
}
#helplink {
display: none;}


#today {
   position: absolute;
   right: 120px;
   top: 10px;
   color: #336633;
}
#logo {
   position: absolute;
   left: 4px;
   font-size: 15px;
   font-weight: 900;
   color: #24468E;

}
#pagetitle {
   background: #FFF2E0;
   color:  #34569E;
   border-bottom: 1px solid #CCC2B0;
   position: relative;
    padding: 1px;
   left: 0px;
   top: 0px;
 height: 3ex;
}
#filter_menu {
   position: absolute;
   left: 200px;
   top: 1px;
   color: #336633;
   background: #3FFF2E0;
}

input#openid_url {
   background: url(http://openid.net/login-bg.gif) no-repeat;
   background-color: #fff;
   background-position: 0 50%;
   color: #000;
   padding-left: 18px;
}

#edit_form {
  position:relative;
}


#register {
/*    position: relative;
   float: left;
  margin-left: 10px;
     width:50%;
   border: 1px solid blue;
  padding:2px;*/

}
#register a:hover { background-color: #fff; }

span#name_in,
span#time_in,
span#link_in, span#note_in {
  position:relative;
  /*float:left;*/
  margin-right:3px;
}

span#link_in, span#note_in {
   left:15px;
   clear: both;
}

input#item_name { width:100%;}
input#item_time_str { width:12em; }
input#item_link { width:100%}
textarea#item_note { width:100%}

#form_name_outer {
width: 100%;

}

#form_name_inner {
position:relative;
float: left;
right: 20px;
left: 0px;
width: 80%;
}

#item_input_container {
position:relative;
right: 20px;
left: 0px;

}

#add_link_link, #add_note_link {
   float: right;
}


label.overlabel {
   position:absolute;
   color:#999;
   top:3px;
   left:5px;
   z-index:1;
   color:#999;
}

label.overlabel-apply {
   position:absolute;
   top:3px;
   left:5px;
   z-index:1;
   color:#999;
}

.name_col {
   float: left;
 /*  width: 350px;*/
   position: relative;
   z-index: 4;
   clear: left;
}

.date_col {
   width: 200px;
   margin-left: 400px;
}

.lname {
   float: left;
   width: 200px;
   position: relative;
   z-index: 4;
   /*clear: left;*/
   cursor: pointer;

}

.bul {
   display: none;
   float: left;
   width: 15px;
   height: 15px;
   position: relative;
   z-index: 5;
   clear: left;
   top: 2px;
   cursor: pointer;
}

li.open .bul {
   background: url(/images/open.gif) center left no-repeat;
}
li.closed .bul {
   background: url(/images/closed.gif) center left no-repeat;
}
li.loading .bul {
   background: url(/images/loading.gif) center left no-repeat;
}
li.leaf .bul {
   background: url(/images/leaf.gif) center left no-repeat;
   top: 3px;
}
#edit_form .bul {
   background: url(/images/leaf.gif) center left no-repeat;
   top: 3px;
}

li.not_included {
   display: none;
}

li.closed ul {
   display: none;
}
.not_done { color: black; }
.done { color: #A9A9A9; }
.waiting { color: green; }
.urgent { color: red; }

.small { font-size: 80%; }
.medium { font-size: 115%; }
.big { font-size: 140%; }

.selected .lname, .selected .ldate {
   background: #E0EAFF;
}

.selected #feed_contents.lname, .selected .lnote {
   background: none;

}

.ldate {
   /*width: 200px;*/
   /*left: 50px;*/
   float: left;
  padding-left: 10px;
}

li {
   clear: both;
   position: relative;
}

#items_list ul .lname { width: 350px; }
#items_list ul ul .lname { width: 330px; }
#items_list ul ul ul .lname { width: 310px; }
#items_list ul ul ul ul .lname { width: 290px; }
#items_list ul ul ul ul ul .lname { width: 270px; }
#items_list ul ul ul ul ul ul .lname { width: 250px; }
#items_list ul ul ul ul ul ul ul .lname { width: 230px; }
#items_list ul ul ul ul ul ul ul ul .lname { width: 210px; }

ul {
   /*list-style-image: url(/images/bullet.GIF);*/
   margin-left: 0px;
   padding-left: 20px;
/*   list-style-position: inside;*/
}

.ltarget1,.ltarget2 {
   position: absolute;
   background-repeat: no-repeat;
   clear:both
}


.ltarget1 {
   background-position: 16px 5px;
   height: 15px;
   width: 33px;
   top: -8px;
   /*border: 1px solid red;*/
   left: -16px;
 }

.ltarget2 {
   background-position: 5px 3px;
   height: 15px;
   width: 100px;
   top: 7px;
   /*border: 1px solid red;*/
   left: 19px;
}



/*a.up_targ:hover {
   background-image: url(/images/sibling.gif);
   z-index: 6;

}
a.up_targ:hover {
   background-image: url(/images/child.gif);
   z-index: 6;

}*/
.inputbox {
   color: black;
   background: #FFFFFF;
   border: none;
   border-bottom: 1px dashed #34569E;
}

.openidlink {
   color: #333366;
   font-weight: bold;
}



#menu {
   display: none;
   visibility: hidden;
}


pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}