.listView {
    color: #555;
    background-color: #fff;
}

.clear {
    clear: both;
}

.listView-left {
    width: 47%;
    float: left;
    border : 1px solid #303130;
    padding: 10px;
    color: #fff;
    background-color: #222222;
}

.listView-right {
    width: 47%;
    float: right;
    border: 1px solid #303130;
    padding: 10px;
    color: #fff;
    background-color: #222222;
}

.listView .item {
    width: 100%;
    float: left;
    background-color: #EFEFEF;
    border-bottom: 1px solid #c8c8c8;
    color: #444;
    line-height: 34px;
    height: 45px;
}

.listView .item:nth-child(2n) {
    background-color: #fff;  
    color: #444;
}

.listView .item:hover {
    color: #FFA618;
    background-color: #fff;
}

.listView .item-selected {
    background-color: #8c6db5;   
}

.listView .edit {
    cursor: pointer;
}

.listView .delete {
    cursor: pointer;
}

.listView .headerSearchbar {
    position: relative; 
    height: 50px;
}

.listView .header {
    padding: 5px;
    color: #fff;
    background-color: #444444;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top: 1px solid #202020;
    border-left: 1px solid #202020;
    border-right: 1px solid #202020;
    line-height: 30px;
    height: 40px;
    font-size: 13px;
    white-space: nowrap;
}

.loadingScreen {
    background-color: #fff;
    display: none;
    filter: alpha(opacity=80);
    opacity: 0.8;
    -moz-opacity: 0.8;
}

.loadingScreen img {
    position: relative;
    left: 50%;
    top: 50%;
    margin-left: -16px;
    margin-top: -16px;
}

.listView .firstCellHead {
    float: left; 
    padding: 5px; 
    text-align: center; 
    font-weight: bold;
    width: 10%;
}

.listView .secondCellHead {
    float: left; 
    padding: 5px; 
    text-align: center; 
    font-weight: bold;  
    width: 35%;
}

.listView .thirdCellHead {
    float: left; 
    padding: 5px; 
    text-align: center; 
    font-weight: bold;  
    width: 20%;
}

.listView .fourthCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold; 
    width: 10%; 
}

.listView .fifthCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 10%;  
}

.listView .sixthCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 10%;  
}

.listView .defaultCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 5%;  
}

.listView .firstCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%;
}

.listView .secondCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 35%;
}

.listView .thirdCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 20%; 
}

.listView .fourthCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%; 
}

.listView .fifthCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%; 
}

.listView .sixthCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%; 
}

.listView .defaultCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 5%; 
}

.listView .emptyCell {
    border: 0;
    background-color: #fff;
}

.listViewSearchbar {
    position: relative;
}

/*   ListView-left categories   */

.listView-left .header .Id {
    color: #fff;
}

.listView-left .header .Name {
    color: #fff;
}

.listView-left .item {
    background-color: #303130;
    color: #fff;
    border-bottom: 1px solid #202020;
}

.listView-left .item:last-child {
    background-color: #303130;
    color :#fff;
    border-bottom: 0 solid #202020; 
}

.listView-left .item:hover {
    background-color: #303130;
    color: #ccc;
    background-color: #808080;
}

.listView-left .firstCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 10%;
    color: #fff;
}

.listView-left .secondCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold; 
    width: 60%;
}

.listView-left .thirdCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 10%;
}

.listView-left .fourthCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 10%; 
}

.listView-left .firstCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%; 
}

.listView-left .secondCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 60%;
}

.listView-left .thirdCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%;
    font-size: 10px;
}

.listView-left .thirdCell a {
    color: #fff;
}

.listView-left .fourthCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%;
    font-size: 10px;
}

.listView-left a.assignmentLink img {
    margin-left: 20px;
    margin-top: 5px;  
    cursor: hand;
}

.listView-left .emptyCell {
    border: 0;
    background-color: #fff;
}

/*   ListView-right categories   */

.listView-right .header .Id {
    color: #fff;
}

.listView-right .header .Name {
    color :#fff;
}

.listView-right .item {
    background-color: #303130;
    color: #fff;
    border-bottom: 1px solid #202020;
}

.listView-right .item:last-child {
    background-color: #303130;
    color: #fff;
    border-bottom: 0 solid #202020;
}

.listView-right .item:hover {
    background-color: #303130;
    color: #ccc;
    background-color: #808080;
}

.listView-right .firstCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 10%;
    color: #fff;
}

.listView-right .secondCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 60%;
}

.listView-right .thirdCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold;
    width: 10%;
}

.listView-right .fourthCellHead {
    float: left;
    padding: 5px;
    text-align: center;
    font-weight: bold; 
    width: 10%; 
}

.listView-right .firstCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%; 
}

.listView-right .secondCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 60%;
}

.listView-right .thirdCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%;
    font-size: 10px;
}

.listView-right .thirdCell a {
    color: #fff;
}

.listView-right .fourthCell {
    float: left;
    padding: 5px;
    text-align: center;
    width: 10%;
    font-size: 10px;
}

.listView-right a.assignmentLink img {
    margin-left: 20px;
    margin-top: 0;
    cursor: hand;
}

.listView-right .emptyCell {
    border: 0;
    background-color: #fff;
}

.listView .item:last-child {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    margin-bottom: 50px;
}

.listViewSortAsc {
    margin-left: 10px;
    cursor: pointer;
}

.listViewSortDesc {
    margin-left: 10px;
    cursor: pointer; 
}

.listViewSortAsc img {
    border: 0;
    vertical-align: middle;
}

.listViewSortDesc img {
     border: 0;
     vertical-align: middle;
}

.pager {
    border: 0 solid #dfdfdf;
    padding: 10px;
    text-align: center;
}

.listView .pager a {
    margin-left: 10px;
    color: #202020;
    border: 1px solid #444;
    padding: 10px;
    text-decoration: none;
}

.listView .pager a.active {
    font-weight: bold;
    background-color: #444;
    color: #ffffff;
}

.listView .pager a:hover {
    font-weight: bold;
    background-color: #444;
    color: #ffffff;
}

.listView-left .pager a {
    margin-left: 10px;
    color: #fff;
}

.listView-left .pager a.active {
    font-weight: bold;
}

.listView-left .pager a:hover {
    color: #fff;
}

.listView .item .image {
    height: 25px;
    margin-top: 4px;
}