body {
    background: #CAECE9;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
}

a {
    color: #26776F;
}

a:hover {
    color: #333;
}

input[type="text"],
input[type="password"] {
    background: white;
    border: 1px solid #BFE6E2;
    padding: 2px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: #105751;
    max-width: 100%;
}

input[type="submit"], button {
    background: #105751;
    border: 1px solid #073B36;
    padding: 1px 3px;
    font-family: 'Trebuchet MS', sans-serif;
    font-size: 14px;
    font-weight: bold;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    color: white;
}

div.page {
    background: white;
    border: 1px solid #6ECCC4;
    max-width: 700px;
    margin: 30px auto;
}

div.page h1 {
    background: #6ECCC4;
    margin: 0;
    padding: 10px 14px;
    color: white;
    letter-spacing: 1px;
    text-shadow: 0 0 3px #24776F;
    font-weight: normal;
}

div.page div.navigation {
    background: #DEE9E8;
    padding: 4px 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #eee;
    color: #888;
    font-size: 12px;
    letter-spacing: 0.5px;
}

div.page div.navigation a {
    color: #444;
    font-weight: bold;
}

div.page h2 {
    margin: 0 0 15px 0;
    color: #105751;
    text-shadow: 0 1px 2px #ccc;
}

div.page div.body {
    padding: 10px;
}

div.page div.footer {
    background: #eee;
    color: #888;
    padding: 5px 10px;
    font-size: 12px;
}

div.page div.followstatus {
    border: 1px solid #ccc;
    background: #E3EBEA;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 3px;
    font-size: 13px;
}

div.page ul.messages {
    list-style: none;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #D7D7D7;
    border-left:1px solid #E7E7E7;
    border-right:1px solid #E7E7E7;
}

div.page ul.messages li {
    /*margin: 10px 0;*/
    /*padding: 5px 5px 2px;*/
    background: #fff;
    border-top: 1px solid #D7D7D7;
    /*-moz-border-radius: 5px;
    -webkit-border-radius: 5px;*/
    min-height: 24px;
    display:block;
}
.row-table {width:100%; padding:5px 5px 2px;}
.row-table:hover {background:#e7e7e7;}
.row-table .col {padding: 3px 0; vertical-align: top;}
.checked-text {text-decoration: line-through;}
.row-table .col-move {width: 12px;}
.row-table .col-check, .row-table .col-delete {width: 20px;}
.row-table .col-body {padding:1px 0;}
.icon-checked {background-image: url('../images/checked.png'); }
.icon-check, .icon-checked:hover {background-image: url('../images/checkbox.png');}
.icon-check:hover {background-image: url('../images/checkhover.png');}
.icon {text-indent: -5000px; display:block; height:16px; width:16px; float:left;}
.icon-move {width:10px; background-image: url('../images/drag.gif'); cursor: move!important; margin-right:4px;}
.icon-remove {background-image: url('../images/cross.png'); cursor: pointer!important;}

#todolist-status{visibility:hidden;position:fixed;top:0;left:50%;padding:2px 8px;width:auto;background:#FFF1A8;font-size:12px;font-weight:bold;z-index:1001;-moz-border-radius-bottomright:1px;-moz-border-radius-bottomleft:1px;-webkit-border-bottom-right-radius:2px;-webkit-border-bottom-left-radius:2px;}

div.page ul.messages p {
    margin: 0;
}

div.page ul.messages li img {
    /*float: left;*/
    cursor: pointer!important;
    margin-right:5px;
    /*padding: 0 10px 0 0;*/
}

div.page ul.messages li small {
    font-size: 0.9em;
    color: #888;
}

div.page div.twitbox {
    margin: 10px 0;
    padding: 5px;
    background: #F0FAF9;
    border: 1px solid #94E2DA;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

div.page div.twitbox h3 {
    margin: 0;
    font-size: 1em;
    color: #2C7E76;
}

div.page div.twitbox p {
    margin: 0;
}

div.page div.twitbox input[type="text"] {
    width: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

div.page div.twitbox input[type="submit"] {
    width: 70px;
    margin-left: 5px;
}

ul.flashes {
    list-style: none;
    margin: 10px 10px 0 10px;
    padding: 0;
}

ul.flashes li {
    background: #B9F3ED;
    border: 1px solid #81CEC6;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 4px;
    font-size: 13px;
}

div.error {
    margin: 10px 0;
    background: #FAE4E4;
    border: 1px solid #DD6F6F;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    padding: 4px;
    font-size: 13px;
}

.add-todo {
    border: 1px solid #bfe6e2;
    position: relative;
}

#quickAdd {
    border: none;
    display: block;
    height: 24px;
    line-height: 24px;
    padding-right: 70px;
    width: 100%;
}

#add {
    border: none;
    cursor: pointer;
    display: block;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 60px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}