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

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

/* GLOBAL */

body {
background-image: none !important;
font-family: Lucida Grande,Helvetica,sans-serif !important;
}

a:link, a:visited {
color: #4f87bc !important;
}

a:hover {
color: #000 !important;
}

/* LEFT BAR */

#logo {
display:none !important;
}

#toc {
width: 125px !important;
padding: 0 20px 20px 20px !important;
color: #939393 !important;
background: url(http://www.nonimage.com/stylish/toodledo/toodledobg.gif) repeat-y top left !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: 10px !important;
width: 123px !important;
}

.tocex {
margin: 0 0 -10px 20px !important;
clear: both !important;
display: block !important;
}

#tocc {
z-index: 100 !important;
margin: -29px 0 0 16px !important;
}

#toco {
z-index: 100 !important;
margin: -111px 0 0 16px !important;
}

/* MAIN */

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

#action_addtask {
padding: 8px 18px 0 0 !important;
width: 104px !important;
height: 32px !important;
background: url(http://www.nonimage.com/stylish/toodledo/button.png) no-repeat top right !important;
margin: 0 !important;
text-align: right !important;
color: #000 !important;
}

#action_cancelAdd {
margin-top: 4px !important;
}

#addtask {
background-color: #e5edf7 !important;
border: 1px solid #939393 !important;
margin-bottom: 20px !important;
padding: 10px !important;
}

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

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

#viewby {
background-color: #ccc !important;
padding: 5px 10px !important;
margin: 0 -25px 20px -14px !important;
border-bottom: 1px solid #939393 !important;
font-size: 0.8em !important;
}

img.tl {
display: none !important;
}

.tabon {
background-image: none !important;
background-color: #67a7e3 !important;
border: 0 !important;
padding: 3px 7px 5px 9px !important;
margin: 0 5px 0 0 !important;
color: #ccc !important;
}

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

.tab {
background-image: none !important;
background-color: #e5edf7 !important;
border: 0 !important;
padding: 3px 7px 5px 9px !important;
}

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

#moretabs {
background-color: #e5edf7 !important;
padding: 2px 5px 5px 5px !important;
margin: 0 !important;
border: 1px solid #939393 !important;
border-bottom: 0 !important;
}

#head {
background-color: #67a7e3 !important;
border: 0 !important;
}

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

#action_showdetails, #action_hidedetails, #action_sorttask, #action_filtertask, #action_searchtask {
margin-right: 20px !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: #e1e9f3 !important;
border: 1px solid #939393 !important;
margin: 10px 0 !important;
}

#colhead {
background-color: #e1e9f3 !important;
margin-top: 0 !important;
padding-top: 4px !important;
border: 0 !important;
width: 100% !important;
}

#colhead a:link, #colhead a:visited {
text-decoration: none !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;
}

.sep {
background-image: none !important;
background-color: #67a7e3 !important;
padding: 6px 0 6px 3px !important;
}

.sep a:link, .sep a:visited {
text-decoration: none !important;
color: #fff !important;
}

#tasks {
font-family: Helvetica,sans-serif !important;
font-size: 1em !important;
color: #3d3d3d !important;
}

.row {
padding: 5px 0 1px 3px !important;
}

.row:hover {
background-color: #e1e9f3 !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;
}

}