@-moz-document domain("toodledo.com") {
body { background: none !important; }
#userstylewarning { display:none !important; }

#banner { position:fixed !important; border-bottom:1px solid #404040 !important;  background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#969696)) !important; background: -moz-linear-gradient(top,  #c5c5c5,  #969696) !important; height:25px !important; }
.sec_btn, .sec_btn_sel, #sec_task, #sec_notebook, #sec_organize, #sec_tool, #sec_forum, #sec_help { left:auto !important; position:relative !important; display:inline !important; font-size:1em !important; top:-3px !important; padding:0 !important; height: 20px !important; background:none !important; width:auto !important; margin:0 8px !important; color:#000 !important; text-shadow:0px 1px 1px #ccc !important; }
.hov_btn { top:5px !important; height:20px !important; }
#logo { margin: 2px 35px 0 43px !important; width: 100px !important; height: 21px !important; }
#welcome { width:410px !important; font-size: 11px !important; margin:3px 5px 0 0 !important; height:20px !important; }
#proflinks { float:right !important; margin-left:10px !important; padding-top:1px !important; }
#proflinks input { background: none !important; border:none !important; font-size:11px !important; }
.popmenu { background: #fff !important; border:1px solid #aaa !important; border-top:none !important; box-shadow:0 5px 10px #555 !important; top:26px !important; padding:7px !important; }
.popmenu li { border-top:1px solid #fff !important; }
.popmenu li:hover { background: -webkit-gradient(linear, left top, left bottom, from(#5170F6), to(#0D36E6)) !important; background: -moz-linear-gradient(top, #5170F6,  #0D36E6) !important; border-top:1px solid #4766E9 !important; color:#fff !important; }
#filterPop.popmenu, #sortpop.popmenu, #multieditPop.popmenu { top:56px !important; }

.tlbr_sec { background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#333)) !important; background: -moz-linear-gradient(top, #777 0%, #333 100%) !important; border-right: 1px solid #444 !important; border-left: 1px solid #777!important; height: 25px !important; padding: 5px 8px 0 6px !important;  }
.coltip {padding: 4px 5px 5px 5px !important; position: fixed !important; top: 55px !important; left: 180px !important; z-index: 15 !important; background: white !important; right: 0 !important; }
#head { border-bottom:none !important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#333)) !important; background: -moz-linear-gradient(top, #777 0%, #333 100%) !important; height:30px !important; position:absolute !important; left:0 !important; right:0 !important; z-index:2 !important; }
#tlbr_new { color:#fff !important; background:none !important; border-right:1px solid #444 !important; text-shadow:1px 1px 0 black !important; height: 25px !important; z-index: 1000 !important; float:left; }
 {  }
#tlbr_sort span, #tlbr_icons a { -moz-box-shadow: 0 1px 2px #000 !important; box-shadow: 0 1px 2px #000 !important; -moz-border-radius:3px !important; border-radius:3px !important; padding: 2px 9px 3px 4px !important; border:1px solid #666 !important; }
#tlbr_icons a { padding:2px 5px 3px !important; margin-left:6px !important; }
.tlpr { padding-right: 6px !important; }
#action_print { margin-right:0 !important; }
#tlbr_sort { padding-right:12px !important; }
#tlbr_sort span:active, #tlbr_icons a:active { -moz-box-shadow: inset 0 1px 1px #000 !important; box-shadow: inset 0 1px 1px #000 !important; }
#tlbr_sort .sorted1 { background-position: right -618px !important; }
#sort_hover { display:none !important; visibility: hidden !important; }
#tlbr_show { text-align:left !important; }
#tlbr_show:active, #tlbr_multi:active { -moz-box-shadow: inset 0 1px 3px #000 !important; box-shadow: inset 0 1px 3px #000 !important; border-left:1px solid #222 !Important; }
#tlbr_new:active { -moz-box-shadow: inset 0 1px 3px #000 !important; box-shadow: inset 0 1px 3px #000 !important; }
#tlbr_show .badge { color: #333 !Important; top: 2px !important; position: relative !important; -moz-box-shadow: inset 0 1px 2px #000 !important; box-shadow: inset 0 1px 2px #000 !important; }
#quickAdd { visibility: visible !important;  }
#quickAdd, .searchField { -moz-border-radius: 3px !important; border-radius: 3px !important; }

#viewby { background: #efefef !important;  }

#addtask { background-color:#111 !important; opacity: .95 !important; border-radius:0 0 5px 5px !important; -moz-border-radius:0 0 5px 5px !important; -webkit-border-radius:0 0 5px 5px !important; left:181px !important; position:fixed !important; padding:10px !important; color:#fff !important; box-shadow: 0 0 15px #333 !important; -moz-box-shadow: 0 0 15px #333 !important; -webkit-box-shadow: 0 0 15px #333 !important; border:none !important; top:56px !important; }

#searchtask { left:auto !important; margin: 60px 50px !important; border-radius:5px; -moz-border-radius:5px !important; -webkit-border-radius:5px; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#333)) !important; color:#fff !important; position:fixed !important; border: 1px solid #444 !important; -moz-box-shadow: 0 2px 20px #000 !important; box-shadow: 0 2px 20px #000 !important; }
.rule { background-color:#efefef !important; -moz-box-shadow:0 1px 2px #222 !important; box-shadow:0 1px 2px #222 !important; } 

#rchunktop { top:26px !important; left:180px !important; right: -6px !important; position:fixed !important; z-index:2 !important; }
.shrunk #rchunktop { left: 0 !important; }
#rchunk { padding: 0 !important; position: fixed !important; left: 180px !important; right: 0 !important; top: 56px !important; bottom: 19px !important; width: auto !important; height: auto !important; overflow:auto !important; } 
#tasks { top:0px !important; bottom:0 !important; left: 0 !important; right:0 !important; height:auto !important; padding:5px 21px 5px 10px !important; position:absolute !important; }
.shrunk #rchunk { left:20px !important; }
#tasks[cols="1"] { top:19px !important; } 

.sep { background: #D7E6FA !important; padding: 3px 4px 4px 4px !important; border-radius:5px !important; -moz-border-radius:5px !important; border:none !important; -moz-box-shadow: 0 1px 1px #999 !important; box-shadow:0 1px 1px #999 !important; margin-bottom:2px !important; position:relative !important; }
.sep.closed { background: #dee0e2 !important; }
.sep:hover { background-color: #c7d5e8 !important; }
.sep.closed:hover { background-color: #ccc !important; }
.sep a {outline:none !important; position: absolute !important; top: 0 !important; left: 15px !important; display: block !important; width: 100% !important; padding: 4px 0 !important; }
.sep a:hover { color:#444 !important; }
.sep i { float:right !important; }

#colhead { padding: 0 20px 0 10px !important; -webkit-box-shadow: 0px 0px 5px #555 !important; -moz-box-shadow: 0px 0px 5px #555 !important; box-shadow: 0 0 5px #555 !important; background: url(http://lh3.googleusercontent.com/-wqJ0f6fkjQs/Tj2P3cy0skI/AAAAAAAACFg/73-44RAtWuo/colhead.png) repeat-x !important; color: #333 !important; height: 17px !important; border-bottom:none !important; border-top:none !important; }
#colhead div { border-right:none !important; }
#colhead > div, #colheadnew > div { padding:0 !important;  }
#colhead div a { padding: 2px 15px !important; display:block !important; width: 100% !important; border-left:1px solid #ccc; }
#colhead div a:hover { text-decoration:none !important; }
#colhead div a.sorted1 { background: url(http://lh5.googleusercontent.com/-cc8Hh_KkPSA/Tj2TQoz5E1I/AAAAAAAACFs/wv8CaaEYMpk/colhead-sort1.png) no-repeat 0 0 !important; border-left:1px solid #89b1d5 !important; }
#colhead div a.sorted0 { background: url(http://lh6.googleusercontent.com/-AtSl5z2D-Fs/Tj2TQj62PYI/AAAAAAAACFo/XojYeOyjLx4/colhead-sort0.png) no-repeat !important; border-left:1px solid #89b1d5 !important; }
#tb_cust { padding-top:1px !important; }
#colhead .coledit, #colhead div.coledit a { border-left:none !important; }
#colhead div .colmv { margin-right:-10px !important; }

.row:hover, .subtasks .row:hover { background:none !important; }
.dim { color: #fff !important; }
.dim:hover { color: #ccc !important; }
.row > div > span { padding-left:15px !important; }
.pri3, .status1 { color:#990100 !important; }
.pri2, .status2 { color:#344c64 !important; }
.pri0 { color:#ccc !important; }
.date3 { background-color:#CC3434 !important; border-radius:10px !important; color:#fff !important; padding: 0 15px !important; }
.date2 { color:#222 !important; }
.rowcomp, .rowcomp .task, .rowcomp .pri0, .rowcomp .pri1, .rowcomp .pri2, .rowcomp .pri3, .rowcomp .date0, .rowcomp .date1, .rowcomp .date2, .rowcomp .date3 { color: #aaa !important; font-style:italic !important; text-decoration:line-through !important; background-color:#fff !important; }
.rowcomp > .dett > span.dim { color: #fff !important; }
.row:hover .det span,.row:hover .dets_top span,.row:hover .dets_top2 span,.row:hover .note div { border-color:#fff !important; }
.row .det:hover span { border: 1px solid #ddd !important; border-radius:5px !important; }
.det { width:auto !important; margin-right:15px !important; color:#333 !important; }

#left_side { top: 0 !important; bottom: 0 !important; position: fixed !important; z-index: 2 !important; background: #d4dde6 !important; border-right:1px solid #999 !important; padding-top:26px !important; }
#left_side .badge { color:#333 !important; background:#efefef !important; border-radius:20px !important; border:none !important; }
#left_side .tabon .badge { background:#fff !important; border:none !important; color:#333 !important; }

.tab, .tabon {float:none !important; margin-left:0 !important; margin-right:0 !important; font-size: .9em !important; width: 166px !Important; padding:5px 7px !important; height:15px !important; font-family: Lucida Grande, arial, helvetica !important; }
.tab { background-image: none !important; background-color: transparent !important; border: 1px solid #d4dde6 !important; } 
.tabon { background: -webkit-gradient(linear, left top, left bottom, from(#6DB1E3), to(#3A88CF)) !important; background: -moz-linear-gradient(top, #6DB1E3,  #3A88CF) !important; border-top:1px solid #5FA5DD !important; border-bottom:1px solid #367CC0 !important; clear:both !important;  padding: 4px 7px !important; }
.tabon a, tabon a i {color:#fff !important; text-shadow: 0 1px 2px #333 !important;  }
.tabon a i { position:absolute !important; right:5px !important; color:#fff !important; }
.tab a i { position:absolute !important; right:5px !important; }
.tabon a:hover { text-decoration: none !important; } 
.tab a:link, .tab a:visited { color: #000 !important; width:176px !important; display:block !important; text-shadow: 0 1px 1px #fff !important; } 
.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 3px 26px !important; font-size:.8em !important; color:#333 !important; border:1px solid #666 !important; margin-right:5px !important; text-decoration:none !important; border-radius:15px !important; -moz-border-radius:15px !important; text-transform:capitalize !important;}
#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; } 
.tab a:link, .tab a:visited { width:auto !important; }


input.button { background-image:none !important; background-color:none !important; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#777), to(#333)) !important; background: -moz-linear-gradient(top, #777 0%, #333 100%) !important; border:1px solid #111 !important; -moz-box-shadow: 0 1px 2px #000 !important; box-shadow: 0 1px 2px #000 !important; }
input.button:active { -moz-box-shadow: inset 0 1px 2px #000 !important; box-shadow: inset 0 1px 2px #000 !important; }



#bottom {padding: 3px 0px 0px 200px !important; position: fixed !important; bottom: 0 !important; left: 0 !important; right: 0 !important; z-index: 0 !important; height: 15px !important; background-image:none !important; border-top:1px solid #999 !important; font:normal normal 10px arial !Important; }




#notebook_details { top:0 !important; right:0 !important; left:360px !important; }
#notebooks .row { padding-left:10px !important; }
#notebooks .row:hover { background-color:#efefef !important; }


#dragger { margin:-40px 0 0 -160px !important; box-shadow: 0 0 5px #666 !important; border-radius: 3px !important; border: 1px solid #666 !important; opacity: 1 !important; background-color:#efefef !important; }

#sbhover, #actiondiv, #chhover { background-color:#efefef !important; border:1px solid #777 !important; box-shadow: 1px 1px 5px #555 !important; }

#rchunk.notool { top:56px !important; padding: 10px 20px !important; }
#tlbr_search { margin-left:0 !important; }
}