@namespace url(http://www.w3.org/1999/xhtml);@-moz-document url-prefix("http://www.toodledo.com"){

/*
Toodledo Skin Version 1.4b1
Skin created by Nonimage - http://www.nonimage.com
Feel free to edit this, and if you improve it, please let me know.
*/

/* GLOBAL */

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;
}

/* LEFT BAR */

#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;
}

/* MAIN */

#main {
display: inline !important;
float: left !important;
padding: 0 25px 0 13px !important;
}

/* 'ADD TASK' BUTTON */

#action_addtask {
padding: 5px 0 0 25px !important;
width: 76px !important;
height: 19px !important;
background: url(http://www.nonimage.com/stylish/toodledo/button2.png) no-repeat left 2px !important;
margin: 0 -16px 0 0 !important;
text-align: left !important;
color: #000 !important;
font-size: 0.9em !important;
}

#action_addtask img {
display: none !important;
}

#action_cancelAdd {
margin: 5px -15px 0 0 !important;
color: #000 !important;
font-size: 0.85em !important;
}

/* 'ADD TASK' FORM */

#addtask {
background-color: #000 !important;
border: 0 !important;
margin: 0 -16px 20px 0 !important;
padding: 10px !important;
-moz-opacity:.70;
opacity:.70;
color: #fff !important;
}

#addtask a {
color: #fff !important;
text-decoration: none !important;
}

#trg, #tlg, #brg, #blg {
background-image: none !important;
} 

.field {
margin-bottom: 10px !important;
}

/* 'VIEW BY' BAR AT THE TOP */

#viewby {
background: #fff url(http://www.nonimage.com/stylish/toodledo/topshadow.gif) top left !important;
padding: 5px 10px !important;
margin: 0 -25px 10px -8px !important;
font-size: 0.85em !important;
height: 16px !important;
color: #fff !important;
}

#viewby a:link, #viewby a:visited {
color: #262626 !important;
}

#viewby a:hover {
color: #545353 !important;
}

/* TABS */

img.tl {
display: none !important;
}

.tabon {
border: 1px solid #505050 !important;
padding: 3px 7px 5px 9px !important;
margin: 0 5px 0 0 !important;
color: #ccc !important;
font-size: 0.9em !important;
background: transparent url(http://www.nonimage.com/stylish/toodledo/sortbuttonbg.png) bottom left repeat-x !important;
}

.tabon a:link, .tabon a:visited {
color: #fff !important;
}

.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;
font-size: 0.9em !important;
}

.tab a:link, .tab a:visited {
color: #000 !important;
}

.tab a:hover {
text-decoration: none !important;
color: #545353 !important;
}

#moretabs {
background-color: transparent !important;
padding: 2px 5px 5px 5px !important;
margin: 0 -23px 0 0 !important;
border: 0 !important;
color: #000 !important;
font-size: 0.85em !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;
}

/* BAR BELOW TABS */

#head {
background-color: transparent !important;
border: 0 !important;
border-top: 1px solid #505050 !important;
border-bottom: 1px solid #505050 !important;
font-size: 0.85em !important;
margin: 10px -16px 0 0 !important;
}

#head a:link, #head a:visited {
color: #fff !important;
text-decoration: none !important;
font-weight: bold !important;
}

#head a:hover {
color: #545353 !important;
}

#action_showdetails, #action_hidedetails, #action_sorttask, #action_filtertask {
margin-right: 20px !important;
}

#action_searchtask {
margin-right: 0px !important;
}

#action_toggle_sidebar {
margin: 0 10px 0 0 !important;
color: #fff !important;
text-decoration: none !important;
}

#status {
color: #fff !important;
margin: 0 0 0 3px !important;
}

#tip, #filtertask, #sorttask, #searchtask {
background-color: #f5f4e8 !important;
border: 1px solid #939393 !important;
margin: 10px -17px 0 0 !important;
font-size: 0.85em !important;
}

/* COLUMN HEADERS */

#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 {
}

/* SEPERATORS */

.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: #fff !important;
}

.sep a:hover {
color: #545353 !important;
}

/* TASKS */

#tasks {
font-size: 0.85em !important;
color: #3d3d3d !important;
}

.row {
padding: 4px 0 1px 3px !important;
background: transparent url(http://www.nonimage.com/stylish/toodledo/taskbg.png) top right repeat-x !important;
margin: -1px -17px 0 0 !important;
border: 0 !important;
}

/* DATE STYLES */

.date0 {
color: #3d3d3d !important;
}

.date1 {
color: #3d3d3d !important;
}

.date2 {
color: #63c459 !important;
}

.date3 {
color: #aa4545 !important;
}

/* PRIORITY STYLES */

.pri0 {
color: #262626 !important;
}

.pri1 {
color: #443107 !important;
}

.pri2 {
color: #443107 !important;
}

.pri3 {
color: #d57800 !important;
}

/* FLUID WIDTHS (EXPERIMENTAL) */

#tasks {
width: 100% !important;
}

.ch {
width: 27px !important;
height: 28px !important;
text-align: center !important;
margin: -4px 0 0 -3px !important;
background: #fff url(http://www.nonimage.com/stylish/toodledo/ch.png) top left no-repeat !important;
}

.chd {
width: 27px !important;
height: 28px !important;
text-align: center !important;
margin: -4px 0 0 -3px !important;
background: #fff url(http://www.nonimage.com/stylish/toodledo/chd.png) top left no-repeat !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: 10px 0 10px 45px !important;
}

.note a {
color: #000 !important;
}

.ednote {
margin-bottom: 6px !important;
background-color: #f5f4e8 !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;
}

}