﻿/****
* Item lists/grids
*/

.items-header
{
    clear: both;
    background-color: #F7F8F9; 
    border-bottom:1px solid white;
    padding:4px;
}

.items-footer 
{
    clear:both;
    background-color: #F7F8F9; 
    padding: 6px 6px 6px 6px;
  /*  display:inline-block;
    width:100%;*/
    /* Added for esthetics, needed due to bug fix for #295058 */
    border-top: 1px solid #DDE1EB;
}

.items-header .actions {float:left;}
html[dir="rtl"] .items-header .actions {float:right;}

.items-header .list-title
{
    float:left;
    font-size:0.8em;
    color: #2895D5 !important;
    font-weight: bold;
    margin-bottom: 5px;
    text-align: left;
}

html[dir="rtl"] .items-header .list-title
{
    float:right;
    text-align: right;
}
.items-header .pagerBox { float: right; }
.items-footer .pagerBox { float: right; }

html[dir="rtl"] .items-header .pagerBox { float: left; }
html[dir="rtl"] .items-footer .pagerBox { float: left; }

.items-selector { padding: 0px; }

.items th.first-col {
    width:30px;
}

.items-footer .downloadLink {
    font-size: 0.75em;
    padding: 8px;
}

.items-footer .downloadLink > a {
    background-color: transparent;
}

.downloadLink img
{
    background-image: url(../../Images/Icons16_Light_Enabled.png);
    background-repeat: no-repeat;
    background-position: -20px -40px;
    border:0px;
    margin-right:3px;
}

html[dir="rtl"] .downloadLink img
{
    margin-left:5px; 
}

.items-list .items
{
    overflow: auto;
    height: 100%;
    background-color:White;
    min-height: 25px
}

#printerListContainer 
{
    /* min-height required for bug #295058 */
    min-height: 230px;
}

.items table, table.items
{
    width:100%;
    border-collapse:collapse;
    vertical-align:top;
}

.items .no-content
{
    padding:4px;
    font-size:0.8em;

    /* accessibility*/
    color:#333;
    background-color:#fff;    
}

.items column-header,.items th
{ 
    font-size: 0.75em;
    font-weight:bold;
    text-align: left;
    padding: 4px;
    background-color:#F7F8F9;
    color:#4a4e56;
    /*always allow white-space wrap to support long string language such as German*/
    /*white-space: nowrap;*/
}

html[dir='rtl'] .items column-header, html[dir='rtl'] .items th
{ 
    text-align:right; 
}

.items tbody tr
{
    vertical-align:top;
}
.items tbody tr:hover
{
    background-color: #FFDEAE;
    cursor: default;
}

.items tbody tr#filler:hover
{
    background-color: white;
    cursor: default;
}

.items td  
{
    font-size: 0.75em; 
    white-space: nowrap;
    padding: 4px;
    border-bottom:1px solid #F7F8F9;
}

.items td.text-wrap {
   white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
white-space: -webkit-pre-wrap; /*Chrome & Safari */ 
white-space: -pre-wrap;      /* Opera 4-6 */
white-space: -o-pre-wrap;    /* Opera 7 */
white-space: pre-wrap;       /* css-3 */
word-wrap: break-word;       /* Internet Explorer 5.5+ */
word-break: break-all;
white-space: normal;
}

.items th a 
{
    text-decoration: none;
    color: #4A4E56;
}
.items th a:hover { text-decoration: underline; }


.items th.sortable
{
    background-image: url(/images/icon_Descending.png);
    background-repeat: no-repeat;
    background-position: center left;
    padding-left: 18px;
}

html[dir='rtl'] .items th.sortable
{
    background-position: center right;
    padding-right: 18px;
    padding-left: 0px;
}

.items th.sortable:hover { background-image: url(/images/icon_Ascending.png); }
.items th.sortable.dsc
{
    background-image: url(/images/icon_Ascending.png);
}
.items th.sortable.dsc:hover { background-image: url(/images/icon_Descending.png); }

.items-selector-box-allpages, .enabled-items-selector-box-allpages {
    background-image: url(/Images/checkbox/16UncheckAllPgs_Enabled.gif);
    background-repeat: no-repeat;
    background-position: bottom;
    min-width: 16px;
    min-height: 16px;
    display: inline-block;
}

.items-selector-box-allpages-selected, .enabled-items-selector-box-allpages-selected {
    background-image: url(/Images/checkbox/16CheckAllPgs_Enabled.gif);
}

.list-item 
{
    padding: 4px 4px;
    min-height: 36px;
    font-size: 0.75em;
    border-top: 1px solid #DDE1EB;
    overflow: auto;
}

/** status ICON */
.list-item .status {
    font-weight: normal;
    float: left;
    word-wrap: break-word;
    /* how far between the left action column and the Name column*/
    padding-left: 2px;
    padding-right: 2px;
}

/** details grid columns*/
.list-item .column {  
    word-wrap: break-word;
    margin-left: 5px;
    padding-right: 5px
}

.column.first {
    float: left;
    width: 280px;
}

.column.first.w-220 {    
    width: 220px;
}

.column.first.w-max-250 {
    max-width:250px;
    width:auto;
    text-overflow:ellipsis;
}

.column.first.w-max-200 {
    max-width: 200px;
    width: auto;
    text-overflow: ellipsis;
}

.column.first.w-max-220 {
    max-width: 220px;
    width: auto;
    text-overflow: ellipsis;
}

.column.first.dock-full {
    float: left;
    width: auto;
}

.column .title {
    font-weight:bold;
}

.column .label {
    font-style:italic;
}

.list-item .last {
    float: right;
}

/** float right data properites */
.list-item .properties {
    float: right;
    word-wrap: break-word;
    padding-right: 3px;
    padding-left: 3px;
    display: table;
}

.properties .item {
    display: table-row;
    height: 20px;
}

.properties .item .text {
    display: table-cell;
    padding-right: 3px;
    text-align: right;
    font-style: italic;
    color: #333;
    vertical-align: top; /*align with the icon*/
    padding-left: 5px;
}

.properties .item .cell-icon {
    background-repeat: no-repeat;
    padding-left: 20px;
    padding-right: 1px;
    display: inline-block;
    color: #999;
    min-height: 16px;
}

.item-enabled {
    background-image: url(../images/icon_Yes_16onLt_Enabled.png);
}

.item-disabled {
    background-image: url(../images/icon_No_16onLt_Enabled.png);
}

.properties .item .text.value {
    font-style: normal;
    padding-left: 2px;
    text-align:left;
}

.properties .item .textValue {
    display: table-cell;
    font-weight: bold;
}

/** float right data properites */

.item .textValue.light {
    font-weight: normal;
}

.list-item.selectable:hover
{
    background-color: #FFDEAE;
    cursor: pointer;
}

.list-item.selected
{
    background-color: #FFDEAE;
    cursor: default;
}

.list-item a {
    /*color: #2895D5;*/
    color: #155fbb;
    text-decoration: none;
}

.list-item a:hover { text-decoration: underline; }

.list-item .selector  
{
    width: 25px;
    height: auto;
    float: left;
}

.list-item .selector.w-auto {
    width: auto;
}

html[dir="rtl"] .list-item .selector  
{
    float: right;
}

.userEmailItem
{
    color: #2895d5;
    cursor: pointer;
}

.list-item .row-status {
    font-weight: normal;
    float: left;
    word-wrap: break-word;
    /* how far between the left action column and the Name column*/
    padding-left: 2px;
    padding-right: 2px;
}

html[dir="rtl"] .list-item .row-status {
    float: right;
}

.row-status .enabled {
    min-height: 15px;
    background-image: url(/Images/PrinterGrid/icon_Okay.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 1px;
    cursor: default;
}

.row-status .not-enabled {
    min-height: 16px;
    background-image: url(/Images/PrinterGrid/icon_Unsupported.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 1px;
    cursor: default;
    display: block;
}

/* single text data column for each row */

.list-item.simple {
    display: table;
    font-size: .75em;   
}

.list-item.simple .data-row {
    min-height: 2px !important;
    display: table-row;
    background-color: #fff;
}

.data-row .data-column {
    font-weight: normal;
    word-wrap: break-word;
    padding-left: 5px;
    padding-right: 5px;
    display: table-cell;
    clear: right;
}

.list-item.simple .caption {
    min-height: 24px;
    line-height: 24px;
    font-weight: bold;
    background-color: #F7F8F9;
    border-bottom: 1px solid #fff;
    display: table-row;
}

.caption .col-caption {
    padding-left: 24px !important;
    display: table-cell;
}

.caption .col-caption.first {
    padding-left: 4px;
}

/** Enable / Disable ICON */

.items td.cell-icon {
    text-align:center;
    width:auto;
    vertical-align: middle;
}

.cell-icon.w-80 {    
    width: 80px;
}

.cell-icon .enabled {
    min-height: 15px;
    background-image: url(/Images/PrinterGrid/icon_Okay.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 1px;
    cursor: default;
}

.cell-icon .disabled {
    min-height: 16px;
    background-image: url(/Images/PrinterGrid/icon_Unsupported.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 1px;
    cursor: default;
    display: block;
}

.enable-icon {
    min-height: 15px;
    background-image: url(/Images/PrinterGrid/icon_Okay.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 1px;
    cursor: default;
}

.disable-icon {
    min-height: 16px;
    background-image: url(/Images/PrinterGrid/icon_Unsupported.png);
    background-repeat: no-repeat;
    padding-left: 16px;
    padding-right: 1px;
    cursor: default;
    display: block;
}

.warn-icon {
	min-height: 15px;
	background-image: url(/Images/icon_Warn_Enabled.png);
	background-repeat: no-repeat;
	padding-left: 16px;
	padding-right: 1px;
	cursor: default;
}

.items .empty-caption {
    width:0px;
}

.items-list.driver-type-items {
    max-height:250px;
    overflow:auto;
}

.items .selector.level-2 {
    padding-left:15px;
}