@namespace html url(http://www.w3.org/1999/xhtml);

@-moz-document domain('toodledo.com') {

body { font-family: Lucida Grande,Helvetica,sans-serif !important; background: url(http://www.nonimage.com/stylish/toodledo/backgroundpattern.png) top left !important; } 
a:link, a:visited { color: #4f87bc !important; } 
a:hover { color: #000 !important; } 
a { outline: none !important; } 

#logo { display:none !important; } 
#toc { position: fixed !important; top: 0 !important; width: 118px !important; padding: 0 20px 0 20px !important; color: #666666 !important; background-color: #d4dde6 !important; border-top: 1px solid #505050 !important; border-right: 1px solid #666666 !important; font-size: 0.85em !important; height: 100%; } 
#toc a:link, #toc a:visited { text-decoration: none !important; color: #000 !important; } 
#toc a:hover { text-decoration: none !important; color: #939393 !important; } 
#sp2, #sp3, #sp4, #sp5, #sp16, #sp6, #sp7, #sp8, #sp12, #sp13 { margin-bottom: 8px !important; width: 123px !important; } 
.tocex { margin: 0 0 -10px 20px !important; clear: both !important; display: block !important; } 
#tocc { width: 20px !important; height: 20px !important; background: url(http://www.nonimage.com/stylish/toodledo/backgroundpattern.png) top left !important; display: none !important; } 
#sp2 {margin-top:-5px !important; } 
#sp21 { margin-bottom: 10px !important; } 
#sp10 { margin-top: -12px !important; } 
#sp18 { margin-bottom: 10px !important; } 
#sp15 { margin: -5px 0 10px !important; } 
#sp19 { margin-top: 3px !important; } 

#main { display: inline !important; float: left !important; padding: 35px 0 0 13px !important; min-width:725px;margin-right:200px !important; } 

#action_addtask { position:fixed; top:2px; right:0; z-index:200; padding: 4px 0 0 20px !important; width: 76px !important; height: 15px !important; background: url("http://images.toodledo.com/t/images/sprites.png") no-repeat scroll 0 -525px !important; margin: 0 !important; text-align: left !important; color: #000 !important; font-size: 0.9em !important; } 
#action_addtask img { display: none !important; } 
#action_cancelAdd { margin: 5px 5px 0 0 !important; color: #000 !important; font-size: 0.85em !important; } 

#addtask { z-index: 3500 !important; position:fixed; top:30px; left:5%; -webkit-box-shadow:0 0 30px #000; -moz-box-shadow:0 0 30px #000; border-radius:20px; -moz-border-radius:20px; background-color: #333 !important; border: 0 !important; margin: 0 0 20px 0 !important; padding: 10px !important;  color: #fff !important; width:80%; border:1px solid #000 !important;min-width:790px;opacity:0.98; } 
#addtask a { color: #fff !important; text-decoration: none !important; } 
#trg, #tlg, #brg, #blg { background-image: none !important; } 
.field { margin-bottom: 10px !important; }
#action_addmultiple, #importlnk, #action_cancelAdd { -webkit-box-shadow: 0px 1px 2px #000;-moz-box-shadow: 0px 1px 2px #000; -moz-border-radius: 12px !important; border-radius: 12px !important; border: 1px solid #fff !important; padding: 3px 7px 5px 9px !important; margin: 0 !important; color: #ccc !important; font-size: 0.8em !important; background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#333)) !important; background: -moz-linear-gradient(top,  #555,  #333) !important; height: 12px !important; text-shadow: 1px 1px #555; }
#action_addmultiple:hover, #importlnk:hover, #action_cancelAdd {color:#ddd !important; background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333)) !important; background: -moz-linear-gradient(top,  #444, #333) !important; } 
#action_addmultiple:active, #importlnk:active, #action_cancelAdd:active {background: -webkit-gradient(linear, left top, left bottom, from(#b0b2b6), to(#86888b)) !important; background: -moz-linear-gradient(top,  #b0b2b6, #86888b) !important; border:1px solid #c5c8cf !important;}

#viewby { border-top:1px solid #636363 !important; border-bottom:1px solid #969696 !important; -webkit-box-shadow: 3px 0 5px #333;-moz-box-shadow: 3px 0 5px #333; background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc)) !important; background: -moz-linear-gradient(top,  #efefef,  #ccc) !important; padding: 5px 10px !important; margin: -35px -5px 10px -8px !important; font-size: 0.85em !important; height: 16px !important; color: #333 !important; position:fixed !important; width:100% !important; z-index:100 !important }
#viewby b {color: #ddd !important; margin-left:6px !important;}
#viewby span { -moz-border-radius: 12px !important; border-radius: 12px !important; border: 1px solid #8591A5 !important;background: -webkit-gradient(linear, left top, left bottom, from(#ACBAC7), to(#8B9DB5)) !important; background: -moz-linear-gradient(top,  #ACBAC7,  #8B9DB5) !important; color:#fff !important; text-shadow:1px 1px 1px #333; padding:2px 5px 3px !important; margin:0 0 0 -3px;} 
#viewby a:link, #viewby a:visited { color: #333 !important; text-decoration:none !important;text-shadow:1px 1px 1px #ddd; padding:2px 6px 3px!important; margin:0 -2px 0 0 !important; } 
#viewby a:hover { -moz-border-radius: 12px !important; border-radius: 12px !important; border: 1px solid #8591A5 !important;background: -webkit-gradient(linear, left top, left bottom, from(#ACBAC7), to(#8B9DB5)) !important; background: -moz-linear-gradient(top,  #ACBAC7,  #8B9DB5) !important; color:#fff !important; text-shadow:1px 1px 1px #333; padding:2px 5px 3px !important; } 

#tabs { height:100% !important; width:190px; overflow:hidden !important;position:fixed; right:0; top: 0px; background: #d4dde6 !important;border-left:1px solid #666 !important; padding-top:0 !important; padding-top:40px !important; } 
.tab, .tabon {float:none !important; margin:0 !important; font-weight:normal !important; font-size: .9em !important;}
.tabon { background: -webkit-gradient(linear, left top, left bottom, from(#a2b1cf), to(#6f82aa)) !important; background: -moz-linear-gradient(top, #a2b1cf,  #6f82aa) !important; border-top:1px solid #6f82aa !important; border-bottom:1px solid #6f82aa !important; clear:both;padding:2px 4px 4px 8px !important; }
.tabon a {color:#fff !important; text-shadow:1px 1px 0px #333;}
.tabon a i { float:right; text-shadow:none !important; color:#fff !important; }
.tab a i { float:right; }
.tabon a:hover { text-decoration: none !important; } 
.tab { background-image: none !important; background-color: transparent !important; border: 0 !important; padding: 3px 7px 5px 9px !important; } 
.tab a:link, .tab a:visited { color: #000 !important;width:150px; } 
.tab a:hover { text-decoration: none !important; color: #545353 !important; }
#tabs #onthefly { background: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ccc)) !important; background: -moz-linear-gradient(top,  #efefef,  #ccc) !important; padding:3px 6px; font-size:.8em !important; color:#333 !important; border:1px solid #666; margin-right:5px; text-decoration:none !important;border-radius:15px;-moz-border-radius:15px; }
#moretabs, .tl { display:none !important; }
#taboverflow { background-color: #fff !important; border: 1px solid #ccc !important; } 
#taboverflow a:link, #taboverflow a:visited { text-decoration: none !important; color: #000 !important; } 
#taboverflow a:hover { text-decoration: none !important; color: #ccc !important; } 

#head { text-shadow:1px 1px #ccc; border-top-right-radius:5px;border-top-left-radius:5px; background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#959595)) !important; background: -moz-linear-gradient(top, #c3c3c3, #959595) !important; border: 1px solid #505050 !important; border-bottom: 1px solid #505050 !important; font-size: 0.85em !important; margin: 5px 0px 0 0 !important; -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777; -moz-border-radius-topright:5px; border-top-right-radius:5px; -moz-border-radius-topleft:5px; border-top-left-radius:5px; } 
#head a:link, #head a:visited { color: #333 !important; text-decoration: none !important; text-shadow:none !important; } 
#head a:hover { color: #ffe !important; } 
#action_searchtask { margin-right: 0px !important; } 
#action_toggle_sidebar { margin: 0 10px 0 0 !important; color: #fff !important; text-decoration: none !important; } 
#status { margin: 0 0 0 3px !important; } 
#sharetask, #tip, #filtertask, #sorttask, #searchtask { background-color: #fff !important; border: 1px solid #666 !important; border-bottom:none !important; margin: 0 !important; font-size: 0.85em !important; } 
#toolbar { -moz-border-radius-bottomright:5px; border-bottom-right-radius:5px; -moz-border-radius-bottomleft:5px; border-bottom-left-radius:5px; -webkit-box-shadow: 0px 1px 2px #777;-moz-box-shadow: 0px 1px 2px #777; border:1px solid #666 !important; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; padding: 3px 5px 5px !important; } 
#sharetask,#filtertask,#sorttask,#searchtask { -webkit-box-shadow:0 1px 2px #777;-moz-box-shadow:0 1px 2px #777;} 

#colhead { background-color: transparent !important; margin: 2px -17px 0 0 !important; padding-top: 4px !important; border: 0 !important; width: 102% !important; font-size: 0.85em !important; border-bottom: 1px solid #505050 !important; } 
#colhead a:link, #colhead a:visited { text-decoration: none !important; color: #000 !important; } 
#colhead a:hover { color: #545353 !important; } 
.col0, .col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12, .col12b, .col13, .col14, .col15, .col16, .col2048, .colc, .col256, .col512, .col1024 { border: 0 !important; } 
.right { } 

.sep { background: transparent url(http://www.nonimage.com/stylish/toodledo/calendar.png) 2px 4px no-repeat !important; padding: 6px 0 6px 3px !important; margin-left: 5px !important; } 
.sep img { display: none !important; } 
.sep a:link, .sep a:visited { text-decoration: none !important; color: #333 !important; text-shadow:1px 1px #ccc; } 
.sep a:hover { text-decoration:underline !important; } 

#tasks { font-size: 0.85em !important; color: #3d3d3d !important; } 
.row { background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee)) !important; margin: 1px 0 2px !important; border: 0 !important; border-radius:4px; -moz-border-radius:4px; border:none !important; -webkit-box-shadow:0 1px 2px #777; -moz-box-shadow:0 1px 2px #777; padding:4px 0 6px !important; }
.row:hover { -webkit-box-shadow:0 0 3px #000 !important; }
.rowcomp span { text-decoration:line-through; color:#aaa !important; font-style: italic !important; }
.rowcomp {opacity:0.6;} 
.subtasks { margin:5px 5px 0 20px !important; }
.subtasks .row .dets_top {padding:2px 5px 0 0 !important; }
.subtasks .row:hover { -webkit-box-shadow:0 1px 2px #777 !important; }

.date0 { color: #3d3d3d !important; } 
.date1 { color: #3d3d3d !important; } 
.date2 { color: #63c459 !important; } 
.date3 { color: #aa4545 !important; } 
 
.pri0 { color: #262626 !important; } 
.pri1 { color: #443107 !important; } 
.pri2 { color: #443107 !important; } 
.pri3 { color: #d57800 !important; } 

#tasks { width: 100% !important; } 
.ch { width: 10px !important; height: 10px !important; text-align: center !important; margin: 4px 8px !important; background: #fff url(http://www.nonimage.com/stylish/toodledo/ch.png) -9px -9px no-repeat !important; } 
.chd { width: 13px !important; height: 11px !important; text-align: center !important; margin: 3px 5px 4px 8px !important; background: #fff url(http://www.nonimage.com/stylish/toodledo/chd.png) -9px -8px no-repeat !important; } 
.dets_top { padding-top:2px !important; }
.del { margin-right:0 !important }
.det { width:auto !important; } 
.row:hover .det span,.row:hover .dets_top span,.row:hover .dets_top2 span,.row:hover .note div{border: none !important; padding:3px !important; } 
.det span:hover {text-decoration:underline !important; } 
.st { width: 16px !important; height: 16px !important; background: transparent url(http://www.nonimage.com/stylish/toodledo/st.png) top left no-repeat !important; margin: 2px 5px 0 0 !important; } 
.std { width: 16px !important; height: 16px !important; background: transparent url(http://www.nonimage.com/stylish/toodledo/std.png) top left no-repeat !important; margin: 2px 5px 0 0 !important; } 
.note { margin: 0px !important; } 
.note a { color: #000 !important; } 
.ednote { margin-bottom: 6px !important; background-color: #f5f4e8 !important; font:normal normal 11px arial !important; } 
.col0 { width: 30% !important; min-width: 250px !important; } 
.col1, .col3, .col4, .col5, .col6, .col7, .col9, .col10, .col11, .col12, .col13, .col14, .col15, .col16, .col512, .col1024 { width: 10% !important; min-width: 70px !important; } 
.col2 { width: 5% !important; min-width: 90px !important; } .col2048, .col8, .col256 { width: 4% !important; min-width: 60px !important; } 

#chhover, #actiondiv, #startdiv, #duediv, #tagdiv, #tagfilt, #confilt { border-radius:5px; -moz-border-radius:5px; padding:8px !important; -webkit-box-shadow:0 0 10px #333; -moz-box-shadow:0 0 10px #333; z-index: 25000 !important; } 
#chhover, #actiondiv {margin-top:26px !important; width:160px !important;} 

.narrow #addtask { position:relative !important; top: 0 !important; right:0 !important; -webkit-box-shadow:none !important; -moz-box-shadow:none !important; }
.calendar {background-color:#fff !important }
}