body {
    background-color:                   #fff;
    color:                              #333;
    font-size:                          15px;
}

h1, h2, h3, h4, h5, h6 {
    color:                              #999;
}

a {
    color:                              #666;
    text-decoration:                    none;
}

#content, #header, #footer, #toolbar {
    clear:                              both;
}
#header {
    margin-top:                         25px;
    height:                             100px;
}

#toolbar {
    height:                             20px;
}

.featuresListIndex {
    padding:                            10px 10px 2px 10px;
    background-color:                   #DDD;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    width:                              360px;
}
.registrationFormIndex {
    padding:                            10px;
    background-color:                   #DDD;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    width:                              400px;
}

#toolbar a {
    background-color:                   #eee;
    width:                              80px;
    display:                            block;
    border:                             1px #ddd solid;
    -moz-border-radius-topleft:         5px;
    -moz-border-radius-topright:        5px;
    -webkit-border-top-left-radius:     5px;
    -webkit-border-top-right-radius:    5px;
    border-top-left-radius:             5px;
    border-top-right-radius:            5px;
    border-bottom:                      0px;
    text-align:                         center;
}

#content {
    background-color:                   #eee;
    overflow:                           hidden;
    padding:                            0px;
    padding-top:                        30px;
    padding-bottom:                     30px;
}

#footer {
    text-align:                         center;
    -moz-border-radius-bottomleft:      5px;
    -moz-border-radius-bottomright:     5px;
    -webkit-border-bottom-left-radius:  5px;
    -webkit-border-bottom-right-radius: 5px;
    border-bottom-left-radius:          5px;
    border-bottom-right-radius:         5px;
    background-color:                   #ddd;
    padding-top:                        2px;
    padding-bottom:                     2px;
}

#add_todo {
    display:                            block;
    height:                             40px;
    margin-top:                         10px;
    font-size:                          20px;
}
#add_todo .label {
    font-size:                          20px;
    text-align:                         center;
}

#add_todo #todo_title {
    height:                             25px; 
    width:                              785px;
    font-size:                          20px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             0px;
}

#todo_list .todolistitem, #todo_list .todolistdone, #todo_lists .todolist, #reminders_list .reminderlistitem {
    background-color:                   #fff;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             1px #CCC solid;
    padding:                            5px;
    margin-bottom:                      5px;
    overflow:                           hidden;
    width:                              775px;
}

#todo_list .todoTitle, #todo_lists .todoListTitle, #reminders_list .reminderTitle {
    width:                              680px;
    margin-left:                        5px;
    font-size:                          20px;
    padding-bottom:                     5px;
    float:                              left;
}
#todo_list .todoTitle:hover {
    cursor:                             move;
}

#reminders_list .reminderTitle {
    width:                              610px;
}

#todo_list .todoTitle {
    display:                            block;
    min-height:                         25px;
}

#todo_list .todoEdit .text {
    width:                              650px;
    margin-left:                        5px;
    font-size:                          20px;
    padding-bottom:                     5px;
    float:                              left;
}

#todo_lists .todoListTitle {
    width:                              475px;
}
#todo_list .todolistdone {
    background-color:                   #eee;
    color:                              #ccc;
}

#todo_list .todoDelete, 
#todo_list .todoLink, 
#todo_lists .listExtras,
#reminders_list .reminderDelete,
#reminders_list .reminderTweet,
#reminders_list .reminderEmail,
#reminders_list .reminderDeleteBox img{
    height:                             30px;
    font-size:                          20px;
    padding-bottom:                     5px;
    padding-right:                      5px;
    padding-left:                       5px;
    display:                            block;
    float:                              right;
    color:                              #ccc;
}
#todo_list .todoDelete {
    width:                              10px;
    padding-left:                       2px;
} 
#todo_list .todoLink,
#todo_list .todoLink img{
    height:                             15px;
    width:                              15px;
    padding-top:                        4px;
    padding-right:                      1px;
    font-size:                          17px;
}
 
#todo_list .itemExtras, 
#todo_lists .listExtrasContainer {
    clear:                              both;
    overflow:                           hidden;
}

#todo_list .confirmDelete, #todo_lists .confirmDelete, #reminders_list .confirmDelete {
    font-size:                          15px;
    display:                            block;
    float:                              right;
    width:                              90px;
    background-color:                   #900;
    color:                              #fff;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    padding:                            0px 4px;
    margin-top:                         4px;
    text-align:                         center;
}
#todo_list .remindMe {
    font-size:                          15px;
    display:                            block;
    float:                              right;
    width:                              100px;
    background-color:                   #009;
    color:                              #fff;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    padding:                            3px 4px;
    margin-top:                         4px;
    text-align:                         center;
    clear:                              right;
    border:                             0px;
}
#todo_list .remindMeConfirm {
    font-size:                          15px;
    display:                            block;
    float:                              right;
    width:                              40px;
    background-color:                   #009;
    color:                              #fff;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    padding:                            2px 4px;
    margin-top:                         1px;
    text-align:                         center;
    clear:                              right;
    border:                             0px;
}
#todo_list .remindMe:hover {
    cursor:                             pointer;
}

.remindMeLater {
    clear:                              both;
    overflow:                           hidden;
    height:                             40px;
    padding-top:                        3px;
    
}
#todo_list .remind_date {
    font-size:                          13px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             2px #ccc solid;
    background:                         #fff;
    padding:                            0px 4px;
    margin-top:                         4px;
    width:                              130px;
    clear:                              right;
    color:                              #000;
}

#todo_list .todoInfo {
    font-size:                          15px;
    display:                            block;
    float:                              right;
    width:                              50px;
    background-color:                   #090;
    color:                              #fff;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    padding:                            0px 4px;
    margin-top:                         4px;
    margin-right:                       3px;
    text-align:                         center;
}

#todo_lists .setDefault, #todo_lists .currentDefault {
    display:                            block;
    width:                              90px;
    text-align:                         center;
    vertical-align:                     middle;
    float:                              right;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    font-size:                          15px;
    height:                             28px;
    padding:                            2px 4px 0px 4px;
    margin-right:                       5px;
}
#todo_lists .setDefault {
    color:                              #fff;
}
#todo_lists .setDefault:hover {
    background-color:                   #ccc;
}

#todo_lists .currentDefault {
    color:                              #ccc;
}

#todo_list  img, #todo_lists img, #reminders_list img {
    height:                             30px;
    float:                              left;
}

#todo_list .itemInfo {
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    background-color:                   #fff;
    margin:                             5px;
    width:                              550px;
    float:                              left;
}

#todo_list .itemInfo ul {
    list-style-type:                    none;
    margin-left:                        10px;
}

#todo_list .itemControls {
    width:                              200px;
    float:                              left;
}


#todo_list_title {
    text-align:                         left;
    width:                              785px;
    height:                             30px;
    margin-left:                        5px;
}
#todo_list_title_edit {
    font-size :                         23px;
    font-weight:                        bold;
    border:                             0px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    text-align:                         left;
    width:                              750px;
    color:                              #999;
    margin-bottom:                      23px;
    margin-left:                        5px;
}

#cancel_title_edit {
    font-weight:                        bold;
    padding-left:                       5px;
    color:                              #999;
}

.shareList {
    float:                              right;
}
#listInfo {
    text-align:                         right;
    font-size:                          23px;
    font-weight:                        bold;
    color:                              #999;
}

#listInfoContainer .sharelinktext {
    background-color:                   #eee;
}

.listInfo, #listInfoContainer {
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    margin-left:                        5px;
    margin-top:                         10px;
    margin-bottom:                      5px;
    padding:                            5px;
    font-size:                          20px;
    overflow:                           hidden;
    background-color:                   #EFEFEF;
}

#listInfoContainer {
    background-color:                   #fff;
    display:                            none;
    padding:                            10px;
}

.addtoaddressbook {
    font-size:                          10px;
    color:                              #00f;
    margin-left:                        10px;
}
.addtoaddressbook img {
    height:                             20px;
}

.sharelinktext {
    border:                             0px;
    width:                              475px;
    font-size:                          20px;
    float:                              right;
    -webkit-border-radius:              3px;
    -moz-border-radius:                 3px;
    border-radius:                      3px;
    padding:                            2px;
    background-color:                   #fff;
}

#notifications {
    background-color:                   #ccc;
    color:                              #fff;
    position:                           fixed;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    top:                                5px;
    right:                              5px;
    padding:                            5px;
}

#cancelLogout, #confirmLogout {
    display:                            block;
    height:                             30px;
    padding:                            5px;
    border-bottom:                      1px #000 solid;
    border-right:                       1px #000 solid;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    text-align:                         center;
    vertical-align:                     middle;
    
}
#confirmLogout {
    color:                              #fff;
    background-color:                   #900;
}
#cancelLogout {
    color:                              #fff;
    background-color:                   #090;
}

.label {
    font-size:                          20px;
}
input.text {
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             0px;
    font-size:                          20px;
    background-color:                   #fff;
    padding-top:                        5px;
    padding-bottom:                     5px;
}
input.smalltext {
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             0px;
    font-size:                          10px;
    background-color:                   #ddd;
    padding-top:                        5px;
    padding-bottom:                     5px;
    width:                              105px;
}

.textCounter {
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             0px;
    font-size:                          12px;
    line-height:                        12px;
    background-color:                   transparent;
    position:                           absolute;
    top:                                0px;
    right:                              -40px;
    width:                              35px;
    height:                             30px;
    text-align:                         center;
    color:                              #999;
    padding-right:                      5px;
}
#add_reminder .textCounter {
    right:                              5px;
}

.editCounter {
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             0px;
    font-size:                          12px;
    line-height:                        15px;
    background-color:                   transparent;
    top:                                0px;
    right:                              -40px;
    width:                              30px;
    height:                             30px;
    text-align:                         right;
    color:                              #ccc;
    padding-right:                      5px;
    float:                              left;
    vertical-align:                     middle;
    text-align:                         center;
}

.tinygrey {
    font-size:                          12px;
    color:                              #bbb
}

#register_index {
    font-size:                          20px;
}

.outline {
    border:                             1px #000 solid;
}
#show_completed {
    font-size:                          10px;
    color:                              #aaa;
}

.successMsg {
    background-color:                   #3f3;
    color:                              #fff;
    text-align:                         center;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
}
.errorMsg {
    background-color:                   #f33;
    color:                              #fff;
    text-align:                         center;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
}

#add_reminder {
    background-color:                   #ccc;
    padding:                            10px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    margin-bottom:                      10px;
    width:                              767px;
}

#reminder_title, #reminder_date {
    font-size:                          15px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    border:                             0px;
    padding:                            3px;
}
#reminder_title {
    width:                              700px;
    margin-left:                        5px;
    margin-bottom:                      10px;
}

#reminder_date {
    width:                              390px;
    margin:                             0px 5px;
}

.remindme_label {
    font-size:                          15px;
    font-weight:                        bold;
}
#reminderErrors {
    width:                              785px;
    height:                             37px;
    -webkit-border-radius:              3px;
    -moz-border-radius:                 3px;
    border-radius:                      3px;
    text-align:                         center;
    vertical-align:                     middle;
    color:                              #fff;
    background:                         #bb0000;
    margin-bottom:                      5px;
    overflow:                           hidden;
}
#reminderErrors .close {
    float:                              right;
    -webkit-border-radius:              3px;
    -moz-border-radius:                 3px;
    border-radius:                      3px;
    color:                              #bb0000;
    background:                         #fff;
    margin:                             3px;
    padding:                            3px;
}

.updateAlert {
    font-size:                          30px;
    -webkit-border-radius:              3px;
    -moz-border-radius:                 3px;
    border-radius:                      3px;
    color:                              #FFF;
    width:                              16px;
    height:                             16px;
    background:                         url('/img/star.png') center;
    text-align:                         center;
    padding:                            2px;
    overflow:                           hidden;
    display:                            inline-block;
    top:                                0px;
}

#bookmarklet {
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    background-color:                   #eee;
    margin:                             5px;
    width:                              430px;
    padding:                            5px;
    overflow:                           hidden;
    height:                             125px;
}

#bookmarklet .text, #bookmarklet .logintext {
    width:                              425px;
    clear:                              both;
}
#bookmarklet .logintext {
    width:                              315px;
    clear:                              right;
}
#bookmarklet .logintitle {
    display:                            inline-block;
    width:                              100px;
    clear:                              right;
    text-align:                         right;
}
#bookmarklet select {
    width:                              200px;
}

#bookmarklet .title {
    font-weight:                        bold;
    font-size:                          30px;
    color:                              #999;
    float:                              left;
    width:                              200px;
}

#bookmarklet .done {
    font-weight:                        bold;
    font-size:                          25px;
    color:                              #999;
    width:                              430px;
    text-align:                         center;
    padding-top:                        40px;
    display:                            block;
}

#bookmarklet .userLists {
    float:                              right;
    width:                              230px;
    padding-top:                        15px;
}

#bookmarklet .marginbox {
    margin:                             10px 0px;
}
#bookmarklet .forgot {
    float:                              right;
}

ul#help_index {
    list-style-type:                    none;
    margin-left:                        10px;

}

#help_index .help_answer {
    display:                            none;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    background-color:                   #ccc;
    padding:                            5px;
    margin:                             5px;
}

#trytododdlebtn {
    display:                            block;
    width:                              130px;
    -webkit-border-radius:              5px;
    -moz-border-radius:                 5px;
    border-radius:                      5px;
    background-color:                   #999;
    color:                              #ccc;
    padding:                            5px;
    margin:                             5px auto;
    clear:                              both;
    text-align:                         center;
}