.note-page
{
    width:calc(100% - 80px);
    height:100%;
    background-color: #c9c9c9;
    position: fixed;
    left:80px;

}
.note-page tr
{
    width:100%;
}

.note-page>table
{
    width:100%;
    height:100%;
    border-collapse: collapse;
}

.note-page>table>tbody>tr>td
{
    height:100%;
}
div.note-list
{
    height: 100%;
    width: 300px;
    background-color: #f6f6f6;
    border-right: solid 1px #6a6a6a;

}
div.note-list >table
{
    height:100%;
}
div.note-list .search-bar
{
    width:100%;
    padding-left: 0;
    padding-right: 0;

}
div.note-list table
{
    width:100%;

}
div.note-view
{
    height:100%;
    max-width: 100%;
    background-color: #f6f6f6;
}
div.note-view table
{
    width:100%;
    height:100%;
    border-collapse: collapse;
}

div.note-view table input
{
    width:100%;
    height:30px;

}
div.note-view table textarea
{
    width:99%;
    height:100%;

}
div.note-row
{
   /* width:290px;*/
    overflow-x: hidden;
    cursor:pointer;
    background-color: #f6f6f6;
    border-bottom: solid 1px #AAAAAA;
}
div.note-row:hover
{
    background-color: #e0e0e0;
}
div.note-row.selected
{
    background-color: #cacaca;
}
div.note-row h1,div.note-row h2
{
    font-family: HelveticaNeue-Light, Helvetica, Arial;
    padding: 2px;
    margin: 0;
}
div.note-list-content
{
    width:100%;
    height:100%;
}
div.note-row h1
{
    color: #000000;
    font-size: 16px;
}
div.note-row h2
{
    color: #999999;
    font-size: 14px;
}
div.note-row .flagged
{
    background: url('../res/note_flagged.png') no-repeat;
}
div.note-row .note
{
    background: url('../res/note.png') no-repeat;
}

div.note-row div.image
{

    height:70px;
    width:70px;
    outline : none;
    border : 0;
    background-size:100%;

}
.notes-top-bar
{
    width:calc(100% - 80px);
    height:100px;
    background-color: #f6f6f6;

}
.notes-top-bar-heading
{

    font-size: 40px;
    color: #AAA;
    font-family: HelveticaNeue-Light, Helvetica, Arial;
    padding: 0;
    margin: 0;
    cursor:default;
}
.notes-top-bar-subheading {

    font-size: 20px;
    color: #AAA;
    font-family: HelveticaNeue-Light, Helvetica, Arial;
    padding: 0;
    margin: 0;
    cursor:default;
}
.notes-search-bar
{
    width:300px;
    height:20px;
    padding:5px;
    margin: 0;
}
.notes-top-bar .notes-top-bar-menu-item
{
    width:30px;
    height: 30px;
    padding-bottom: 5px;
    padding-right:10px;
    padding-left:10px;
    padding-top: 5px;
    vertical-align:bottom;
    cursor: pointer;
}