/*undohtml.css by Tantek Celik (CC) 2004*/
:link,:visited { text-decoration:none }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{ margin:0; padding:0 }
a img,:link img,:visited img { border:none;outline:none; }
a{outline:none; }
address { font-style:normal;}

body{
overflow:hidden;
padding:5px 3px;
}
ol.events{
list-style:none;
}
ol.events li{
font:0.8em "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
margin-bottom:3px;
clear:left;
color:#999;
overflow:hidden;
height:18px;
background:none;
}
ol.events li a{
font-size:1.3em;
color:#666;
text-decoration:none;
border-bottom:none;
cursor:pointer;
}
ol.events li a:hover{
color:#333;
}
ol.events li a.complete, ol.events li a.urgent, ol.events li a.remove{
display:block;
height:15px;
width:10px;
margin-right:1px;
background:left no-repeat;
float:left;
}
ol.events li a.urgent{
background-image:url(urgent.png);
}
ol.events li a.urgent:hover, ol.events li.urgent a.urgent{
background-image:url(urgent_act.png);
}
ol.events li a.complete{
background-image:url(complete.png);
}
ol.events li a.complete:hover, ol.events li.complete a.complete{
background-image:url(complete_act.png);
}
ol.events li a.remove{
background-image:url(remove.png);
}
ol.events li a.remove:hover{
background-image:url(remove_act.png);
}

/*Fly Out*/
div.flyout{
position:absolute;
background:#fff;
top:0px;
left:0px;
height:100%;
width:100%;
font:1em "Segoe UI", Verdana, Arial, Helvetica, sans-serif;
color:#666;
}
div.flyout h2{
font-size:1.4em;
padding-left:10px;
border-bottom:1px solid #a1cde6;
}
div.flyout h4{
font-size:1em;
padding-left:10px;
padding-bottom:10px;
}
div.flyout p{
padding-left:10px;
font-size:0.8em;
}
div.flyout a.close{
display:block;
text-align:center;
font-size:1em;
color:#666;
border-bottom:1px dotted #666;
position:absolute;
width:100%;
bottom:28px;
cursor:pointer;
}
div.flyout a.close:hover{
border-bottom:1px solid #a1cde6;
}

.x{display:none;}