@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: Georgia, 'Lucida Grande', Helvetica,sans-serif !important;
background-color: #fff !important;
background-image: none !important;
font-size: 130% !important;
color: #333 !important;
}

a:link, a:visited {
font-weight: normal !important;
}

/* LEFT BAR */

#toc {
display: none !important;
}

/* MAIN */

#main {
margin: 0 30px 0 -130px !important;
}

/* 'ADD TASK' BUTTON */

#action_addtask {
padding: 5px 0 0 25px !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 -5px 0 0 !important;
color: #000 !important;
font-size: 0.85em !important;
}

a#action_cancelAdd {
color: #d57800 !important;
}

/* 'ADD TASK' FORM */

#addtask {
background-color: #fff !important;
border: 1px solid #333 !important;
margin: 0 -16px 20px 0 !important;
padding: 10px !important;
color: #333 !important;
}

#addtask a {
color: #333 !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 {
display: none !important;
}

/* TABS */

img.tl {
display: none !important;
}

.tabon {
padding: 3px 7px 5px 9px !important;
margin: 0px 5px 0 0 !important;
color: #fff !important;
font-size: 0.9em !important;
background-image: none  !important;
background-color: #000 !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 {
display: none !important;
}

/* COLUMN HEADERS */

#colhead {
display: none !important;
}

/* SEPERATORS */

.sep {
background: none !important;
padding: 6px 0 6px 0 !important;
margin: 10px 0 10px -21px !important;
}

.sep img {
display: none !important;
}

.sep a:link, .sep a:visited {
text-decoration: none !important;
color: #333 !important;
}

.sep a:hover {
color: #545353 !important;
}

/* TASKS */

#tasks {
font-size: 0.85em !important;
color: #3d3d3d !important;
}

.row {
padding: 7px 0 2px 3px !important;
margin: -1px 0 0 0 !important;
border-top: 1px dotted #333 !important;
border-bottom: 1px dotted #333 !important;
}

/* CHECKBOX */

.ch {
width: 27px !important;
height: 28px !important;
text-align: center !important;
margin: 3px 0 0 -3px !important;
}

.chd {
width: 27px !important;
height: 28px !important;
text-align: center !important;
margin: 3px 0 0 -3px !important;
}

/* STAR */

.st {
width: 20px !important;
height: 16px !important;
margin: 3px 5px 0 0 !important;
}

.std {
width: 20px !important;
height: 16px !important;
margin: 3px 5px 0 0 !important;
}

/* NOTES */

.note {
margin: 10px 0 10px 45px !important;
}

.note a {
color: #000 !important;
}

.ednote {
margin-bottom: 6px !important;
background-color: #f5f4e8 !important;
}

/* DATE STYLES */

.date0 {
color: #3d3d3d !important;
}

.date1 {
color: #3d3d3d !important;
}

.date2 {
color: #63c459 !important;
}

.date3 {
color: #aa4545 !important;
}

/* PRIORITY STYLES */

.pri0 {
color: #443107 !important;
}

.pri1 {
color: #443107 !important;
}

.pri2 {
color: #443107 !important;
font-weight: normal !important;
}

.pri3 {
color: #d57800 !important;
}

/* FLUID WIDTHS (EXPERIMENTAL) */

#tasks {
width: 100% !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: 140px !important;
}

.col2048, .col8, .col256 {
width: 4% !important;
min-width: 60px !important;
}

}