@namespace url(http://www.w3.org/1999/xhtml);

/*
Toodledo Skin - Simple Gray Theme by PeterW - Version 1.8
*/

@-moz-document domain("www.toodledo.com") {

html, body {
text-rendering: OptimizeLegibility !important;
}

#logo {
left: 11px !important;
top: 25px !important;
border: 1px solid #333 !important;
position: absolute !important;
}

#toc { 
background: -moz-linear-gradient(top, #E8E8E8, #EAEAEA) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#EAEAEA)) !important;
color: #333 !important;
margin-top: -19px !important;
padding-top: 60px !important;
border-right: solid 1px #b0b4b8 !important;
border-bottom: solid 1px #b0b4b8 !important;
}

#tocsmall #logo {
display: none !important;
}

#tocc {
left: 145px !important;
top: 41px !important;
position: absolute !important;
z-index: 100; !important
}

#toco { 
left: 20px !important;
top: 21px !important;
position: absolute !important;
z-index: 100; !important
}

body {
background: #fff !important;
}

select, option {
font-size: 11px !important;
font-weight: normal !important
}

#addtask {
background: -moz-linear-gradient(top, #E8E8E8, #ECECEC) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#ECECEC)) !important;
border: 1px solid #939393 !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
margin-bottom: 18px !important;
padding: 10px !important;
}

a#action_cancelAdd {
margin: 4px !important;
text-decoration: underline !important;
font-size: 12px !important;
}

#multiedit {
background-color: #ECECEC !important;
border: 1px solid #939393 !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
}

a:link, a:active, a:visited {
color: #4D699C !important;
outline: none  !important;
}

a:hover { 
color: #1A8922 !important; 
}

#main {
height: 99%  !important;
background: #fff  !important;
}

.sep  {
background: -moz-linear-gradient(top, #E8E8E8, #ECECEC) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#ECECEC)) !important;
border:1px solid #999 !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
margin-top: 1px !important;
height: 15px !important;
padding-top: 4px !important;
font-size: 0.9em !important;
}

#viewby a {
color: #7695B4  !important;
font-weight: bold !important;
}

#viewby {
margin: -6px 0 0 5 !important;
padding: 0px !important;
font-size: 12px !important;
}

#sorttask {
margin-top: -2px  !important;
border-top: none !important;
border-right: none !important;
border-left: none !important;
background: none !important;
font-size: 0.9em !important;
}

#sharetask, #searchtask, #tip {
margin-top: -2px  !important;
margin-bottom: -3px  !important;
background: none !important;
border: none !important;
font-size: 0.9em !important;
}

.rule, .rulegroup {
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
padding:5px !important;
}

.rule {
background-color: #EAEAEA !important;
border: 1px solid #ccc !important;
}

.rulegroup {
background-color:#E8EEFF !important;
border:1px solid #999 !important;
}

#filtertask {
margin-top: -2px  !important;
margin-bottom: -3px  !important;
background: none !important;
border: none !important;
font-size: 1.0em !important;
}

#toolbar {
margin-top: -1px  !important;
background: none  !important;
border: none  !important;
border-bottom: dotted 1px #ddd !important;
font-size: 0.9em !important;
}

#head {
background: -moz-linear-gradient(top, #E8E8E8, #ECECEC) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#ECECEC)) !important;
border: 1px solid #999 !important;
-moz-border-radius: 2px; !important;
-webkit-border-radius: 2px; !important;
margin-top: -1px !important;
padding: 6px !important;
font-size: 0.9em !important;
}

#head h3 {
font-size: 1.0em !important;
color: #4b699c !important;
}

.tab { 
padding: 4px !important;
background: #F7F7F7 !important;
opacity: 0.8 !important;
margin: 0 5px 1px 5px !important;
height: 14px !important;
border: 1px solid #999 !important;
-moz-border-radius: 5px 5px 0 0 !important;
-webkit-border-radius: 5px 5px 0 0 !important;
font-weight: normal !important;
}

.tabon { 
background: #E8E8E8 !important;
border: 1px solid #999  !important;
height: 18px !important;
padding: 4px !important;
margin: 0 !important;
border-bottom: none !important;
-moz-border-radius: 5px 5px 0 0 !important;
-webkit-border-radius: 5px 5px 0 0 !important;
}

.tabon a {
color: #333 !important;
}

#tabs { 
height: 24px !important; 
font-size: 12px !important; 
background: #fff !important;
}

#taboverflow  {
background: -moz-linear-gradient(top, #E8E8E8, #ECECEC) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#ECECEC)) !important;
margin-top: 5px !important;
padding: 8px !important;
border: 1px solid #333 !important;
-moz-border-radius: 5px !important;
-webkit-border-radius: 5px !important;
-moz-box-shadow: 1px 1px 8px #333 !important;
-webkit-box-shadow: 1px 1px 8px #333 !important;
}

.dets_top {
padding-top:2px !important;
}

.del {
margin-right:0 !important
}

.det {
width:auto !important;
} 

.row:hover .det span,.row:hover .dets_top span,.row:hover .dets_top2 span,.row:hover .note div {
border: none !important;
padding:3px !important;
}

.det span:hover {
text-decoration:underline !important;
color: #4BAD08 !important;
} 

.note {
margin: 0px !important;

} 

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

.ednote {
margin-bottom: 6px !important;
height: 200px !important;
font-size: 11.5px !important;
}

.date1 {
color: #085DB7 !important;
}

.date2 {
color: #3E7AB4 !important;
}

.date3 {
color: #f73b42 !important;
font-weight: bold !important;
font-style: italic !important;
}

.pri1 {
background-color: #DFF2B6 !important;
color: #111 !important;
}

.pri2 {
background-color: #9ed5f7 !important;
color: #111 !important;
}

.pri3 {
background-color: #FCFC1B !important;
color: #d61a1a !important;
}

#colhead, #colheadnew {
border-bottom: dotted 1px #ddd !important;
}

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

#brg  {
background: #ECECEC !important;
border: solid 1px #234014 !important;
padding: 10px  !important;
}

#stat {
margin-bottom: 20px !important;
}

.tl {
display: none !important;
}

#moretabs {
background: -moz-linear-gradient(top, #E8E8E8, #ECECEC) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E8E8E8), to(#ECECEC)) !important;
border:1px solid #999 !important;
margin-top: 0px  !important;
padding: 2px 11px !important;
-moz-border-radius: 4px 4px 4px 4px !important;
-webkit-border-radius: 4px 4px 4px 4px !important;
}

.bottom {
border-top: 1px solid #999 !important;
}

.cal_month, .cal_week {
background: -moz-linear-gradient(top, #ECECEC, #F5F5F5) !important;
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#ECECEC), to (#F5F5F5)) !important;
border-bottom: 1px solid #bfc5c9 !important;
-moz-border-radius: 3px 3px 3px 3px !important;
-webkit-border-radius: 3px 3px 3px 3px !important;
}

#forum th, .formbox th  {
background-color: #ECECEC !important;
border-bottom: 1px solid #bfc5c9 !important;
-moz-border-radius: 3px 3px 3px 3px !important;
-webkit-border-radius: 3px 3px 3px 3px !important;
}

#forum, .formbox td, table.formbox, table.info, .calendar {
border: 1px solid #bfc5c9 !important;
font-size: 9pt !important;
-moz-border-radius: 3px 3px 3px 3px !important;
-webkit-border-radius: 3px 3px 3px 3px !important;
}


.info th {
background: #ECECEC !important;
border-right: 1px solid #bfc5c9 !important;
z-index: 100; !important
}

.cols span, .cols .note {
-moz-border-radius:5px 5px 5px 5px !important;
-webkit-border-radius:5px 5px 5px 5px !important;
cursor: pointer !important;
padding: 1px 1px 1px 6px !important;
}

.task {
font-weight:normal !important;
}

.subtasks {
font-weight: normal !important;
}

.subtasks .row {
border-top: 1px solid #eee !important;
border-bottom: none !important;
}

.moresubs {
margin-top: -2px !important;
font-size: 0.9em !important;
color: #666666 !important;
}

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

.row:hover {
background: #E5ECF5 !important;
-moz-border-radius: 2px !important;
-webkit-border-radius: 2px !important;
}

.rowcomp {
opacity: 0.7 !important;
text-decoration: line-through !important;
}

.subtasks {
margin-left: 21px !important;
font-size: 10pt !important;
}

.subtasks .row:hover {
background: #D6D6D6 !important;
}

#formReassignSubmit {
background-color: #EBEBEB; !important;
-moz-border-radius: 5px 5px 5px 5px !important;
-webkit-border-radius: 5px 5px 5px 5px !important;
}

#formReassignCancel {
display: none !important;
}

#startdiv, #duediv, #actiondiv, #tagdiv, #repdiv {
background: #F1F1F1 !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
z-index: 40 !important;
}

#sbhover, #chhover, #tagfilt, #confilt, #tagfiltc, #confiltc, #filediv {
margin-top: 10px !important;
background: #F1F1F1 !important;
-moz-border-radius: 3px !important;
-webkit-border-radius: 3px !important;
-moz-box-shadow: 3px 3px 4px #333 !important;
-webkit-box-shadow: 3px 3px 4px #333 !important;
width: 300px !important;
font-size: 9pt !important;
z-index: 40 !important;
}

#chhover, #actiondiv {
margin-top: 10px !important;
width: 200px !important;
font-size: 9pt !important;
}

}