#tasks
{
    margin: 25px 0 20px 0;
    width: 100%;
    height: auto;
    overflow: hidden;
}


#task_list
{ 
    float: left;
    width: 50%;
    padding: 0 0 0 0;
    margin: 0 0 0 0;
}

#task_list ul
{
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
}

#task_list ul li
{
    list-style: none;
    display: block;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 100%;
    height: 90px;
    overflow: hidden;
}

#task_list ul li a.task
{
    display: block;
    margin: 0;
    padding: 0;
    overflow: hidden;

    -webkit-border-top-left-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;

    -moz-border-radius-topleft: 10px;
    -moz-border-radius-bottomleft: 10px;

    border-top: 1px solid transparent;
    border-right: 1px solid rgb(180, 180, 180);
    border-bottom: 1px solid transparent;
    border-left: 1px solid transparent;
    
    color: rgb(55, 55, 60);
    text-decoration: none;
}

#task_list ul li.task_selected a.task
{
    background-color: rgb(225, 230, 230);

    border-top: 1px solid rgb(180, 180, 180);
    border-right: 1px solid rgb(225, 230, 230);
    border-bottom: 1px solid rgb(180, 180, 180);
    border-left: 1px solid rgb(180, 180, 180);
}

#task_list ul li.task a.task:hover
{
    background-color: rgb(240, 242, 242);
    
    border-top: 1px solid rgb(225, 225, 225);
    border-right: 1px solid rgb(220, 220, 220);
    border-bottom: 1px solid rgb(225, 225, 225);
    border-left: 1px solid rgb(225, 225, 225);
    cursor: pointer;
}

#task_list ul li div.task_intro_picture, #task_list ul li div.task_selected_intro_picture
{
    margin: 7px 7px;

    float: left;

    width: 64px;
    height: 64px;
}

#task_list ul li div.task_intro_text
{
    margin: 7px 5px;
    width: auto;
    height: 64px;
}

#task_list ul li div.placeholder
{
    margin: 0 0 0 0;
    padding: 0;
    width: 1px;
    height: 10px;
    float: right;
    
    border-right: 1px solid rgb(180, 180, 180);
}




#task_descriptions
{
    float: left;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
    width: 400px;
    height: auto;
    background: rgb(225, 230, 230);
    
    -webkit-border-top-right-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;

    -moz-border-radius-topright: 10px;
    -moz-border-radius-bottomright: 10px;

    border-top: 1px solid rgb(180, 180, 180);
    border-right: 1px solid rgb(180, 180, 180);
    border-bottom: 1px solid rgb(180, 180, 180);
}

div.task_description
{
    margin: 0;
    padding: 10px 20px;
    width: auto;
    height: auto;
    text-align: justify;
}

div.task_description img.task_description_picture
{
    display: block;
    margin: 0 auto;
    margin-bottom: 5px;
    width: auto;
    height: 250px;
}