@-moz-document domain('toodledo.com') {

html, body {
	background-color:#223355 !important;
	text-rendering: optimizeLegibility !important;
}

#main {
	background: #f8f8f8 !important;
	left: 175px !important;
	right: auto !important;
	top:50px !important;
	padding: 8px 8px !important;
	margin-right:auto !important;
	border: 0px solid #333 !important;
	-moz-border-radius: 12px  !important;
	-webkit-border-radius: 12px !important;
	width: auto !important;
	display: inline !important;
	z-index:5 !important;
}

a{
	color:#111 !important;
}

a:hover {
	color: #666 !important;
}

.date0 {
	color: #111 !important;
}

.date1 {
	color: #111 !important;
}

.date2 {
	color: #111 !important;
	font-weight: bold !important;
}

.date3 {
	color: #f73b42 !important;
	font-weight: bold !important;
	font-style: italic !important;
}

.pri1 {
	color: #111 !important;
}

.pri2 {
	color: #111 !important;
}

.pri3 {
	color: #111 !important;
}


#logo, #moretabs {
	display: none  !important;
}

#tlg, #trg, #blg, #brg {
	background: transparent  !important;
}

.btn, .forumbtn {
	color: #111 !important;
	border: 1px solid #899091 !important;
	background-color: transparent !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	padding: 1px 10px 1px 8px !important;
}

.btn:hover, .forumbtn:hover {
	background: #e0e4e8 !important;
}

.forumtxt {
	border: 1px solid #899091 !important;
}

#main #tasks {
	float: none  !important;
	position: relative !important;
	margin-top: 5px !important;
	margin-bottom: 20px !important;
	border-bottom: 1px dotted #CCC !important;
	font-style: italic !important;
	text-align: center !important;
	min-width: 800px !important;
	width: auto !important;
	height: auto !important;
}

#tasks > br + br {
	display:none !important;
}

#tasks > br + br + b + a {
	display:block !important;
	padding-bottom: 3px !important;
}

#tasks > br + i {
	padding-bottom:2px !important;
}



#colhead, #colheadnew {
	font-size: 0.9em !important;
	padding-top: 5px !important;
	margin-top: 0px !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	border:1px solid #b9c0c1 !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
}

#colhead a:link, #colheadnew  a:link{
	color:#111  !important;
}

#colhead div {
	border-color: #e0e4e8 !important;
	border-width: 0px !important;
	padding-left: 1px !important;
}

.sorted0, .sorted1 {
	background: transparent !important;
	text-decoration: underline !important;
}



.sep {
	text-align: left !important;
	font-style: normal !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e4e8), to(#d0d4d8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #d0d4d8) !important;
	border: 1px solid #b9c0c1  !important;
	-moz-border-radius: 6px  !important;
	-webkit-border-radius: 6px  !important;
	height: 16px !important;
	padding: 0px !important;
	margin: 0px 0px 1px 0px !important;
	width: auto !important;
	font-size: 0.8em !important;
	font-weight: normal !important;
}

.sep img {
	display:none !important;
}

.sep .right {
	display:none !important;
}

.sep .shove {
	background:transparent url('http://vintom.com/userscript-images/tdme/tic.png') no-repeat 0px -16px !important;
	display: inline-block !important;
	height: 16px !important;
	vertical-align: top !important;
	padding: 2px 0px 0px 20px !important;
	margin: 0px 0px 0px 4px!important;
	color: #111 !important;
}

.closed .shove {
	background:transparent url('http://vintom.com/userscript-images/tdme/tic.png') no-repeat 0px 0px !important;
}

.closed i {
	display: inline-block !important;
	vertical-align: top !important;
	padding: 2px 0px 0px 0px !important;
	margin: 0px!important;
	color: #111 !important;
	font-style: italic !important;
}



.row {
	border: 0px dotted transparent !important;
	padding: 3px 0px !important;
	text-align: left !important;
	font-style: normal !important;
}

.row:hover {
	border: 0px dotted #999 !important;
	background-color: #e8e8e8!important;
}

.row:hover span {
	border-color: transparent !important;
}

.subtasks .row {
	font-size: 1.0em !important;
}

.subtasks .row:hover {
	background-color: #d8d8d8!important;
}

.moresubs {
	margin: 0px !important;
}

.mrsbs {
	padding-right: 40px !important;
	font-style: italic !important;
}

.note {
	font-size: 0.9em !important;
}

.cols:hover span, .cols:hover .note {
	background-color: transparent;
}


#tasks span {
	font-size: 0.9em !important;
}

#duediv, #actiondiv, #tagdiv, #repdiv, #startdiv {
	border: 1px solid #333!important;
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	-moz-box-shadow: 3px 3px 4px #333 !important;
	-webkit-box-shadow: 3px 3px 4px #333 !important;
	box-shadow: 3px 3px 4px #333 !important;
	z-index: 40 !important;
}

#tagcloud {
	background-color: transparent !important;
}



.dets_bot {
	font-size: 1.0em !important;
	margin-top: 5px !important;
}

.dets_top span:hover {
	border-color: transparent !important;
}

.det {
	
	width: 120px !important;
	margin-top: 0px !important;
	margin-right: 20px !important;
}

.det span {
	border-color: transparent !important;
}

.del {
	margin: 3px 0px 0px 0px !important;
}


.cols .del {
	margin: 0px 0px 0px 3px !important;
}

#toolbar {
	background: none  !important;
	border: none  !important;
	position:absolute !important;
	left: 5% !important;
	width: 90% !important;
	bottom: 3px !important;
}

#toolbar a, #toolbar span {
	color: #111 !important;
}

#head {
	color: #111 !important;
	
	background: #f0f0f0 !important;
	border:1px solid #b9c0c1 !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	position:absolute !important;
	bottom: -185px !important;
	width: 100% !important;
	text-align: center !important;
	left: 0px !important;
	height: 165px !important;
	margins: 0px !important;
	padding: 0px !important;
	padding-top: 7px !important;
	margin-bottom: 0px !important;
}

#head h3 {
	font-size: 0.9em !important;
	font-weight: normal !important;
}

#action_sorttask, #action_filtertask, #action_searchtask, #action_sharetask, #action_edittasks {
	position:absolute !important;
	left: 1% !important;
	width: 10% !important;
	height: auto !important;
	text-align:center !important;
	display: inline !important;
	padding: 1px 0 1px 0 !important;
	margin: 0px 0px !important;
	padding: 2px 6px !important;
	-moz-border-radius: 9px !important;
	-webkit-border-radius: 9px !important;
	font-weight:bold !important;
	font-size:0.9em !important;
}

.tic {
	color: #111 !important;
	border: 1px solid #899091 !important;
	background: transparent !important;
}

.tic:hover {
	background: #e0e4e8 !important;
}

.ticed {
	color: #fff !important;
	background: #666 top right no-repeat !important;
	border: 1px solid #333 !important;
}

.ticed:hover {
	background: #888 top right no-repeat !important;
}


.tic:hover, .ticed:hover {
	text-decoration: none !important;
}

#action_filtertask {
	top: 35px !important;
}

#action_sorttask {
	top: 70px !important;
}

#action_searchtask {
	top: 105px !important;
}

#action_edittasks {
	top: 105px !important;
}

#action_sharetask {
	top: 140px !important;
}

#sharetask, #filtertask, #main > #searchtask, #sorttask {
	background:#eee none repeat scroll 0 0 !important;
	border:1px solid #b9c0c1 !important;
	-moz-border-radius: 6px  !important;
	-webkit-border-radius: 6px  !important;
	position:absolute !important;
	right: 1% !important;
	width: 84% !important;
	height: 20px !important;
	padding: 7px 0px 3px 10px !important;
}

#sharetask a, #filtertask a, #main > #searchtask a, #sorttask a {
	color:#111 !important;
	font-weight: bold !important;
}

#filtertask {
	bottom: -73px !important;
}

#sorttask {
	bottom: -108px !important;
}

#main > #searchtask {
	bottom: -143px !important;
}

#sharetask {
	bottom: -178px !important;
}

#action_cancelSort, #action_cancelSearch, #action_cancelFilter, #action_cancelShare {
	display:none !important;
}


#action_searchtask, #action_filtertask, #action_sharetask, #action_sorttask, #action_edittasks, #action_showMap {
	float: none !important;
}

#searchform {
	background:transparent !important;
	border:0px solid #b9c0c1 !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	position:absolute !important;
	left: 5% !important;
	top: 120px !important;
	width: 90% !important;
	height: auto !important;
	padding: 4px 3px 2px 3px !important;
	z-index: 49 !important;
}

#searchform #searchtask {
	border: 1px solid #333!important;
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	-moz-border-radius: 6px  !important;
	-webkit-border-radius: 6px  !important;
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	padding: 7px 5px 3px 5px !important;
}

.rule {
	border: 1px solid #a0a4a8!important;
	background-color: transparent !important;
	-moz-border-radius: 6px  !important;
	-webkit-border-radius: 6px  !important;
}

.rulegroup {
	background-color: transparent !important;
}

#multiedit {
	border: 1px solid #333!important;
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	-moz-border-radius: 6px  !important;
	-webkit-border-radius: 6px  !important;
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	padding: 8px !important;
	position:absolute !important;
	left: 5% !important;
	top: 120px !important;
	width: 90% !important;
	height: auto !important;
	margin-bottom: 5px !important;
	z-index: 50 !important;
}

#multiedit a {
	color: #333 !important;
	font-weight: bold !important;
}




#viewby {
	margin: 0px 0px !important;
	font-weight: normal !important;
	font-size:0.9em !important;
	padding: 7px 8px 7px 12px !important;
	position: absolute !important;
	top: -39px !important;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e4e8), to(#a0a4a8));
	background: -moz-linear-gradient(top, #e0e4e8, #a0a4a8) !important;
	border: 0px solid #333 !important;
	-moz-border-radius: 6px  !important;
	-webkit-border-radius: 6px  !important;
}

#viewby a:link, #viewby a:visited {
	color: #111 !important;
}

#viewby span, #viewby a {
	text-decoration:underline !important;
	padding: 2px 8px  !important;
	-moz-border-radius: 9px  !important;
	-webkit-border-radius: 9px  !important;
	font-weight: bold !important;
	text-decoration: none  !important;
}

#viewby span {
	color: #fff !important;
	background: #666 top right no-repeat !important;
	border: 1px solid #333 !important;
}

#viewby a {
	color: #111 !important;
	background: transparent !important;
	border: 1px solid transparent !important;
}

#viewby a:hover {
	background: #e0e4e8 !important;
	border: 1px solid #b9c0c1 !important;
}

#viewby b {
	visibility: hidden !important;
}

#viewby b > a, #viewby b > span {
	visibility: visible !important;
}




#action_addtask, #addtask {
	position: absolute !important;
	top: -51px !important;
	right: 0px !important;
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	-moz-border-radius-bottomright: 10px  !important;
	-moz-border-radius-bottomleft: 10px  !important;
	-webkit-border-bottom-left-radius: 10px  !important;
	-webkit-border-bottom-right-radius: 10px  !important;
	z-index: 30;
}

#action_addtask {
	border: solid 1px #b9c0c1 !important;
	padding: 9px 12px 0px 12px !important;
	color: #111 !important;
	font-weight: bold !important;
	font-size: 0.9em !important;
	height: 26px !important;
}

#action_addtask:hover {
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#d0d4d8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	color: #020 !important;
}

#addtask {
	border: solid 1px #666 !important;
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	padding: 10px !important;
	color: #333 !important;
	font-weight: bold !important;
	font-size: 0.9em !important;
}

#addtask a, #addtask span, #addtask div, #addtask b  {
	color: #333 !important;
	font-weight: bold !important;
	font-size: 1.0em !important;
}

#addtask a:hover {
	color: #020 !important;
}

#formAddTask input, #formAddTask select, #formAddTask textarea {
	margin-top: 3px !important;
}

.field {
	padding-bottom: 10px !important;
}








#tabs {
	height: auto  !important;
	width: 155px  !important;
	margin: 0px 0px 0px 0px !important;
	position: absolute !important;
	top: 15px !important;
	left: -165px !important;
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(right, #e0e4e8, #b0b4b8) !important;
	padding: 8px 0 8px 0 !important;
	border: 0px solid #333 !important
	border-right: 0px solid #333 !important;
	-moz-border-radius: 6px  !important;
	-webkit-border-radius: 6px  !important;
}


.tab, .tabon {
	margin: 1px 0px !important;
	padding: 4px !important;
	float: none !important;
	height: auto !important;
	display: block  !important;
	text-align: right  !important;
	font-weight: bold !important;
	font-size: 0.9em !important;
	background: transparent !important;
	border: 0px solid !important;
}


.tab a, .tabon a {
	background: transparent !important;
	display: inline  !important;
	margin: 0 0 0 0  !important;
	padding: 0 0 0 0  !important;
	margin: 2px 0px  !important;
	padding: 2px 6px  !important;
	-moz-border-radius: 9px  !important;
	-webkit-border-radius: 9px  !important;
	border: 1px solid transparent !important;
}

#tabs .right {
	margin-left: auto !important;
	margin-right: 4px !important;
	padding: 2px 6px  !important;
	-moz-border-radius: 9px  !important;
	-webkit-border-radius: 9px  !important;
	border: 1px solid transparent !important;
	font-weight: bold !important;
	font-size: 0.9em !important;
	text-decoration: none  !important;
}


.tab a, #tabs .right {
	color: #111 !important;
	background: transparent !important;
	border: 1px solid transparent !important;
}


.tabon a {
	color: #fff !important;
	background: #666 top right no-repeat !important;
	border: 1px solid #333 !important;
}

.tab, .tabon {
	font-size: 0.9em !important;
}

.tab i, .tabon i {
	position: relative !important;
	bottom: 0px !important;
	font-size: 1.0em !important;
}

.tab i {
	color: #111 !important;
}

.tabon i {
	color: #fff !important;
}


#tabs a:hover {
	text-decoration: none !important;
}


.tab a:hover, #tabs .right:hover {
	background: #e0e4e8 !important;
	border: 1px solid #b9c0c1 !important;
}


#tabs .clear {
	width: 0 !important;
	height: 0 !important;
	display: none !important;
}

.tl {
	display: none  !important;
}






#tocc {
	top:4px !important;
	left:130px !important;
}

#toco {
	top:4px !important;
	left:1px !important;
}

#toc {
	left: 0px !important;
	top: 10px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 10px 0px 0px 10px !important;
	background: -webkit-gradient(linear, 100% 0%, 0% 0%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(right, #e0e4e8, #b0b4b8) !important;
	border: solid 0px #666 !important;
	-moz-border-radius-topright: 12px !important;
	-moz-border-radius-bottomright: 12px !important;
	-webkit-border-top-right-radius: 12px !important;
	-webkit-border-bottom-right-radius: 12px !important;
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	z-index:50 !important;
}

#toc a {
	color:#111 !important;
}

.sptoc {
	padding-left: 22px !important;
}

#tocsmall {
	background: #E3EBF3 !important;
	border: 1px solid #111 !important;
	left: 0px !important;
	top: 10px !important;
	height: 24px !important;
	-moz-border-radius-topright: 12px !important;
	-moz-border-radius-bottomright: 12px !important;
	-webkit-border-top-right-radius: 12px !important;
	-webkit-border-bottom-right-radius: 12px !important;
	margin: 0px 0px 0px 0px !important;
	padding: 0px 0px 0px 0px !important;
	z-index:50 !important;
}

.bottom br + br + span {
	display:none !important;
}

.bottom {
	border-top: 1px solid transparent !important;
}



.narrow .sep {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	border:1px solid #b9c0c1 !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	height: auto !important;
	padding: 2px 0px 2px 20px !important;
}

.narrow .sep a {
	color:#111 !important;
	font-size:0.9em !important;
}

.narrow #addtask {
	position: static!important;
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	-moz-border-radius: 10px  !important;
	-webkit-border-radius: 10px  !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
}

table.formbox, table#forum {
	background-color: #eee!important;
	-moz-border-radius: 10px  !important;
	-webkit-border-radius: 10px  !important;
	border: 1px solid #b9c0c1 !important;
}

.formbox th, #forum th {
	-moz-border-radius-topright: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
	-webkit-border-top-left-radius: 10px !important;
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	border: 0px solid #b9c0c1 !important;
	font-size: 1.0em !important;
}

.formbox td, #forum td {
	background-color: transparent !important;
}

#tip {
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF0F0), to(#eFd0d0)) !important;
	border: 1px solid #bb9999 !important;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
}

#noteshield {
	display: none !important;
}

#notebook {
	top: 50px !important;
	left: 50px !important;
	bottom: 50px !important;
	border: solid 1px #666 !important;
	-moz-box-shadow: 3px 3px 4px #333;
	-webkit-box-shadow: 3px 3px 4px #333;
	box-shadow: 3px 3px 4px #333;
	-moz-border-radius: 6px !important;
	-webkit-border-radius: 6px !important;
	padding-top: 10px !important;
	padding-left: 10px !important;
	z-index: 52 !important;
	font-weight: bold !important;
}

#notetext {
	top: 34px !important;
	left: 10px !important;
	right: 10px !important;
	bottom: 10px !important;
	font-weight: normal !important;
}

#notefield {
	top: 56px !important;
	left: 10px !important;
	right: 10px !important;
	bottom: 35px !important;
	height: auto !important;
	width: auto !important;
}

#allowedhtml {
	bottom: 10px !important;
	left: 10px !important;
}

#action_noteedit {
	color: #111 !important;
	border: 1px solid #899091 !important;
	background: transparent !important;
	margin: 10px 0px !important;
	padding: 2px 10px !important;
	-moz-border-radius: 9px !important;
	-webkit-border-radius: 9px !important;
	font-weight:bold !important;
	font-size:0.9em !important;
	text-decoration: none !important;
}

#action_noteedit:hover {
	background: #cccccc!important;
}

#action_notecancel img {
	margin-right: 6px !important;
}

input[value="Save Changes"] {
	
}

.calendar {
	border: 0px solid !important;
}

.cal_month {
	-moz-border-radius-topright: 10px !important;
	-moz-border-radius-topleft: 10px !important;
	-webkit-border-top-right-radius: 10px !important;
	-webkit-border-top-left-radius: 10px !important;
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	border: 1px solid #b9c0c1 !important;
}

.cal_week {
	background: -webkit-gradient(linear, 0% 25%, 0% 100%, from(#e0e4e8), to(#b0b4b8)) !important;
	background: -moz-linear-gradient(top, #e0e4e8, #b0b4b8) !important;
	border-left: 1px solid #b9c0c1 !important;
	border-right: 1px solid #b9c0c1 !important;
	border-top: 1px solid #b9c0c1 !important;
}

.cal_days {
	border-left: 1px solid #b9c0c1 !important;
	border-right: 1px solid #b9c0c1 !important;
}

.calendar + br + .action {
	text-align: center !important;
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	font-weight: bold !important;
}



.narrow table {
	border-color: #666 !important;
}

.narrow th {
	border-color: #666 !important;
	background: -webkit-gradient(linear, 0% 0%, 100% 0%, from(#e0e4e8), to(#d0d4d8)) !important;
	background: -moz-linear-gradient(left, #e0e4e8, #d0d4d8) !important;
}

.narrow td {
	background-color: #f0f4f8 !important;
}
}