﻿/*ITkey ItkListView Common CSS*/

/*global*/

.ItkListView{font:12px/16px "segoe ui",arial,sans-serif}

.ItkListView .rlvEmpty{font-style:italic} /*empty data*/

.ItkListView .rlvI{} /*item*/
.ItkListView .rlvA{} /*alternating item*/

.ItkListView .rlvISel{} /*selected item*/
.ItkListView .rlvIEdit{} /*edit item*/
.ItkListView .rlvIEmpty{font-style:italic;} /*empty item*/
.ItkListView .rlvIGroup{} /*group item*/
.ItkListView .rlvIInsert{} /*insert item*/

.ItkListView .rlvSItem{} /*item separator*/
.ItkListView .rlvSGroup{} /*group separator*/

/*buttons*/

.ItkListView .rlvBAdd,
.ItkListView .rlvBUpdate,
.ItkListView .rlvBCancel,
.ItkListView .rlvBSel,
.ItkListView .rlvBDel,
.ItkListView .rlvBEdit
{
	width:16px;
	height:16px;
	border:0;
	margin:0;
	padding:0;
	background-color:transparent;
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size:1px;
	cursor:pointer;
}

/*list*/

.ItkListView li.rlvI,
.ItkListView li.rlvA,
.ItkListView li.rlvISel,
.ItkListView li.rlvIEmpty
{
	padding-top:5px;
	padding-bottom:4px;
}

/*flow*/

.ItkListView div.rlvI,
.ItkListView div.rlvA,
.ItkListView div.rlvISel,
.ItkListView div.rlvIEmpty,
.ItkListView div.rlvIEdit
{
	border-bottom:1px solid;
	padding-top:5px;
	padding-bottom:4px;
}

/*grid*/

.ItkListView tr.rlvHeader th
{
	padding-top:5px;
	padding-bottom:4px;
	text-align:left;
	font-weight:normal;
}

.ItkListView tr.rlvHeader th,
.ItkListView tr.rlvI td,
.ItkListView tr.rlvA td,
.ItkListView tr.rlvISel td,
.ItkListView tr.rlvIEmpty td,
.ItkListView tr.rlvIEdit td
{
	padding:5px 7px 4px;
}

.ItkListView tr.rlvIEdit td td
{
	border:0;
	padding:1px;
}

/*single row*/

.ItkListView td.rlvI,
.ItkListView td.rlvA,
.ItkListView td.rlvISel,
.ItkListView td.rlvIEmpty,
.ItkListView td.rlvIEdit
{
	padding:5px 7px 4px;
}

/*editing*/

.ItkListView .rlvEditTable{}

.ItkListView .rlvInput
{
	vertical-align:middle;
	border-width:1px;
	border-style:solid;
	padding:2px 1px 3px;
	font:12px "segoe ui",arial,sans-serif;
}

/* */

.ItkListView .rlvMultiRows .rlvI,
.ItkListView .rlvMultiRows .rlvA,
.ItkListView .rlvMultiRows .rlvIEdit{float:left}
.ItkListView .rlvMultiRows{display:inline-block}
.ItkListView .rlvMultiRows{display:block}
.ItkListView .rlvMultiRows:after{content:"";display:block;visibility:hidden;clear:both}

/*data pager*/

.ItkDataPager{display:inline-block;}
.ItkDataPager{display:block;}
.ItkDataPager:after{content:"";display:block;clear:both;visibility:hidden;height:0;}

.ItkDataPager
{
	min-height:22px;
	padding:3px 0;
}

.ItkDataPager .rdpWrap
{
	float:left;
	padding:0 10px;
	line-height:22px;
	white-space:nowrap;
}

.ItkDataPager .rdpInfoPart
{
	float:right;
}

.ItkDataPager .rdpInfoPart strong
{
	font-weight:normal;
}

.ItkDataPager .rdpPageFirst,
.ItkDataPager .rdpPagePrev,
.ItkDataPager .rdpPageNext,
.ItkDataPager .rdpPageLast
{
	width:22px;
	height:22px;
	border:0;
	margin:0;
	padding:0;
	background-color:transparent;
	background-repeat:no-repeat;
	vertical-align:middle;
	font-size:1px;
	cursor:pointer;
}

.ItkDataPager .rdpPagerButton
{
	height:22px;
	margin:0 14px 0 0;
	padding:0 4px 2px;
	vertical-align:middle;
	cursor:pointer;
}

.ItkDataPager .rdpNumPart a
{
	float:left;
	margin:0;
	padding:0 5px 0 0;
	line-height:22px;
	text-decoration:none;
}

.ItkDataPager .rdpNumPart span
{
	float:left;
	padding:0 0 0 5px;
}

.ItkDataPager .rdpNumPart a:hover span
{
	cursor:pointer;
}

.ItkDataPager .rdpNumPart a.rdpCurrentPage,
.ItkDataPager .rdpNumPart a.rdpCurrentPage:hover,
.ItkDataPager .rdpNumPart a.rdpCurrentPage span,
.ItkDataPager .rdpNumPart a.rdpCurrentPage:hover span
{
	cursor:default;
}

.ItkDataPager .rdpWrap a img
{
	margin:0 8px;
}

.ItkDataPager .ItkSlider
{
	float:left;
	margin:0 10px 0 0;
}

.ItkDataPager .rdpPagerLabel,
.ItkDataPager .rdpPager .ItkComboBox,
.ItkDataPager .rdpPager .ItkInput
{
	margin:0 4px 0 0;
	vertical-align:middle;
}

*+html .ItkDataPager .rdpPager .ItkComboBox{margin-top:-1px;}
* html .ItkDataPager .rdpPager .ItkComboBox{margin-top:-1px;padding:1px 0;}

.ItkDataPager .rdpPagerTextBox
{
	text-align:center;
}