﻿.comboBox
{
    float:left;
    position:relative;
}

.comboBoxLabel
{
    float:left;
}

.comboBoxTextBox
{
	float:left;
	height:20px;
	padding:1px 20px 0 2px;
	border:1px solid #ccc;
}

.comboBoxButton
{
    position:absolute;
    top:1px;
    right:1px;
    height:16px;
    padding:2px 0px 2px 1px;
    cursor:pointer;
}

.comboBoxDataContainer
{
    position:fixed;
    top:19px;
    z-index:10;
    border:1px #ccc solid;
}

comboBoxData
{
    position:relative;
    display:table;
    z-index:10;
    white-space:nowrap;
}

.comboBoxData .header
{
    display:table-row;
    height:16px;
    background:#c8d7e5;
    border:0;
}

.comboBoxData .header div
{
    display:table-cell;
    padding:1px 5px 2px 5px;
    font:bold 12px Arial;
    cursor:default;
}

.comboBoxData .row
{
    display:table-row;
    cursor:pointer;
}

.comboBoxData .row div
{
    display:table-cell;
    padding:1px 5px 2px 5px;
    font:normal 11px Verdana;
}

.comboBoxData .row:nth-child(even)
{
    background:#ffffff;
}

.comboBoxData .row:nth-child(odd)
{
    background:#ebf0f2;
}

.comboBoxData .selected:nth-child(n)
{
    background:#ffe8a6;
}

.comboBoxData .row:hover, .comboBoxData .hover:nth-child(n)
{
    background:#c8dccc;
}

.comboBoxData .header .hidden, .comboBoxData .row .hidden
{
    display:none;
}

.comboBox[disabled="disabled"] span
{
    color:#ccc;
}