/* todo.css
 * written by jason moiron for jmoiron.net
 * part of the todo application (http://jmoiron.net/todo/)
 * license: public domain
 */

h2.todo {
    background-color: #fbfbfb;
    border-top: 1px solid #eee;
    border-bottom: 1px dotted #922;
    padding-left: 1em;
}

h2.todo a {
    color: #922;
    text-decoration: none;
}

div.todo { padding-left: 2em; }

form.todo_detail select { display: block; margin-top: 4px;}
form.todo_detail input,
form.todo_detail textarea {
    display: block;
    /* width of 100% was causing a bug in IE */
    width: 98%;
    margin-right: -6px;
    margin-top: 4px;
    border: 1px dashed #ccc;
    background-color: #fbfbfb;
    font-family: sans-serif;
    padding: 3px;
}

form.todo_detail input:hover, 
form.todo_detail textarea:hover {
    border-color: #a6a6a6;
}
form.todo_detail textarea { height: 14em; }
form.todo_detail a { text-decoration: none; }

form.todo_detail label { 
    font-weight: bold; 
    font-family: Garamond, Georgia, Serif; 
    color: black; 
    text-decoration: underline;
}

form.todo_detail .input_large { font-size: 1.5em; }
form.todo_detail .input_small { font-size: 0.9em; }

/* add button */
form.todo_detail p.add_button { text-align: right; margin-top: 3px; margin-bottom: 3px; }
form.todo_detail button img { margin-bottom: -4px; }
/* form.todo_detail button { padding: 3px; border: 1px dotted #ddd; background-color: #fbfbfb;} */

#id_task_pk { display: none; }
#id_group_pk { display: none; }

/* div.indent p { padding: 5px; background-color: #f4f4f4; margin-bottom: 5px; margin-right: 2px; border: 1px solid #bbb; } */
div.indent p.add_button { background-color: #fff; border: 0; }

/* jazzy! */
.input_highlight { background-color: #fffae1; }
.input_regular { background-color: #fbfbfb; }

/* name field */
p.input_name { border-bottom: 2px solid gray; margin-bottom: 5px; padding-bottom: 2px;}

.actions { list-style: none; padding-left: 1em; margin-bottom: 1em; }
.actions li a { text-decoration: none; }

#task_priority {
    border: 1px solid #ccc;
}

.display_large { font-size: 1.5em; border: 1px dotted #eee; background-color: #fbfbfb;}
.display_small { font-size: .9em; border: 1px dotted #eee; background-color: #fbfbfb; padding: 3px;}

#todo_list {
    float: left;
    width: 20em;
}

#todo_list a { border-bottom: 0; }
.group_title a:hover { color: #ccc; background-color: transparent; }

#todo_list ul, #group_list li ul {
    list-style: none;
    background-image: none;
    margin: 0;
    padding: 0 0 5px 0;
}

#todo_list ul li {
    background-image: none;
    padding: 0;
    margin-left: 0;
    border-bottom: 1px solid #ccc;
}

#todo_list li a {
    list-style: none;
    display: block;
    padding: 4px 4px 4px 0.5em;
    color: #fff;
    margin: 0;
}

#todo_list li a:hover { }

/* styles dealing with color coding tasks of various priorities */

li.priority_5vl a {
    background-color: #788c54;
    border-left: 10px solid #57663e;
    border-right: 10px solid #93ab69;
}

li.priority_5vl a:hover {
    background-color: #889c64;
    border-left: 10px solid #67764e;
    border-right: 10px solid #a3bb79;
}

li.priority_4l a {
    background-color: #97c14d;
    border-right: 10px solid #aede5b;
    border-left: 10px solid #6d8f32;
}

li.priority_4l a:hover {
    background-color: #a7d15d;
    border-right: 10px solid #beee6b;
    border-left: 10px solid #7d9f42;
}

li.priority_3n a {
    background-color: #4b73ae;
    border-left: 10px solid #395580;
    border-right: 10px solid #5a86c9;
}

li.priority_3n a:hover {
    background-color: #5b83be;
    border-left: 10px solid #496590;
    border-right: 10px solid #6a96d9;
}

li.priority_2h a {
    background-color: #de9f32;
    border-left: 10px solid #ac7c28;
    border-right: 10px solid #e7b633;
}

li.priority_2h a:hover {
    background-color: #eeaf42;
    border-left: 10px solid #bc8c38;
    border-right: 10px solid #f7c643;
}

li.priority_1vh a {
    background-color: #c1422d;
    border-right: 10px solid #ed4f35;
    border-left: 10px solid #933222;
}

li.priority_1vh a:hover {
    background-color: #d1523d;
    border-right: 10px solid #fd5f45;
    border-left: 10px solid #a34232;
}

li.group_title {
    border: 1px solid #444;
    border-left: 0;
    background-color: #6e6e6e;
    background-image: url("/media/img/menubg.png");
    background-position: top left;
    background-repeat: repeat-x;
    margin-bottom: 1em;
    font-weight: bold;
    margin-left: 0;
    padding: 0;
}

.titleHolder a { color: blue; }
.titleHolder a:hover { color: green; }

ul.task_list li a { text-decoration: underline; }
ul.task_list li { font-weight: normal; }

#edit_area {
    margin-left: 22em;
}

div.display {
    padding: 3px;
    border-bottom: 1px solid #999;
}

div.display p {
    border-left: 2px solid #ddd;
    padding: .25em;
    margin: .25em;
}

div.control {
    text-align: right;
    padding: 3px;
    font-size: .9em;
    margin-bottom: 0;
    border-bottom: 1px solid #999;
}

div.expandHolder {  text-align: right; margin-top: -1.25em; }
div.titleHolder { height: 1em; padding: 3px; margin-bottom: 3px; }


#edit_area li { background-image: none; padding: 2px; padding-left: 5px; margin: 0;}
#edit_area ul { margin: 0; }

.selected:hover { }

.wselect {
    width: 10em;
    border: 1px solid gray;
}

#aboutpopup {
    position: absolute;
    top: 100px;
    width: 70%;
    height: 75%;
    overflow: auto;
    margin-left: 15%;
    margin-right: 15%;
    padding: 2em; 
    z-index: 210;
    background-color: white;
    border: 5px solid #849b64;
}

#aboutpopup h2 { color: #426d9d; text-align: center;}

.inline { display: inline !important; }
.indent { margin-left: 2em; }

/* non-staff todo items */
.todo_detail { }
.todo_detail h2 { font-size: 1.5em; border-bottom: 2px solid gray; margin-bottom: 5px; padding-bottom: 2px; font-weight: normal;}
.todo_detail p { border: none; background-color: white; }
.todo_detail span.label { 
    font-weight: bold; 
    font-family: Garamond, Georgia, Serif; 
    color: black; text-decoration: underline; display: block; 
}
.todo_detail ul { list-style-position: inside; }
.todo_detail span.priority { color: white; padding: 3px 5px; border: 1px solid; }
.todo_detail div.priority { padding: 5px; }
.todo_detail div.description { margin-left: .75em; }
.todo_detail div.description ul { margin-left: 1em; }
.todo_detail span.task_priority_1vh { border-color: #ed4f35; background-color: #ED4F35; }
.todo_detail span.task_priority_2h { border-color: #ac7c28; background-color: #E7B633; }
.todo_detail span.task_priority_3n { border-color: #395580; background-color: #5A86C9; }
.todo_detail span.task_priority_4l { border-color: #7d9f42; background-color: #AEDE5B; }
.todo_detail span.task_priority_5vl { border-color: #57663e; background-color: #93AB69; }