/* RadComboBox Simple skin */

/*global*/

.RadComboBox_test,
.RadComboBox_test .rcbInput,
.RadComboBoxDropDown_test
{
	font: 12px "Segoe UI", Arial, sans-serif;
	color: #333333;
}

/* combobox */

div.RadComboBox_test table td.rcbInputCell
{
	height: 28px;
	line-height: 18px;
	border: solid #AFD1FF;
	background: #ffffff;
}

.Error div.RadComboBox_test table td.rcbInputCell
{
	border-color: #FF6702;
}



* html div.RadComboBox_test table td.rcbInputCell
{
	height /**/: 20px;
	line-height /**/: 20px;
}

div.RadComboBox_test table td.rcbInputCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_test table td.rcbInputCellRight { border-width: 1px 1px 1px 0; }

* html div.RadComboBox_test .rcbInputCell .rcbInput
{
	height /**/: 16px;
	padding /**/: 2px 0; /* This should fix the ajax introduced height in IE7 and not break IE6 */
}

.RadComboBox_test .rcbInputCell .rcbEmptyMessage
{
	color: #AFD1FF;
}


.RadComboBox_test .rcbHovered .rcbInputCell .rcbInput,
.RadComboBox_test .rcbFocused .rcbInputCell .rcbInput { color: #5f7087; }

div.RadComboBox_test table td.rcbArrowCell
{
	border: 1px solid #AFD1FF;
	background: #ffffff url('ComboBox/rcbSprite.png') no-repeat -1px 50%;
}

.Error div.RadComboBox_test table td.rcbArrowCell
{	
	border-color: #FF6702;
}

div.RadComboBox_test .rcbReadOnly .rcbArrowCellLeft,
div.RadComboBox_test .rcbArrowCellHidden.rcbArrowCellLeft { border-width: 1px 0 1px 1px; }
div.RadComboBox_test .rcbReadOnly .rcbArrowCellRight,
div.RadComboBox_test .rcbArrowCellHidden.rcbArrowCellRight { border-width: 1px 1px 1px 0; }

.RadComboBox_test td.rcbArrowCell { background-position: -1px 50%; }
.RadComboBox_test .rcbHovered .rcbArrowCell { background-position: -21px 50%; }
.RadComboBox_test .rcbFocused .rcbArrowCell { background-position: -41px 50%; }
.RadComboBox_test .rcbDisabled .rcbArrowCell { background-position: -61px 50%; }

.RadComboBox_test .rcbReadOnly td.rcbArrowCell { background-position: -2px 50%; }
.RadComboBox_test .rcbHovered .rcbReadOnly .rcbArrowCell { background-position: -22px 50%; }
.RadComboBox_test .rcbFocused .rcbReadOnly .rcbArrowCell { background-position: -42px 50%; }
.RadComboBox_test .rcbDisabled .rcbReadOnly .rcbArrowCell { background-position: -62px 50%; }

.RadComboBox_test td.rcbArrowCellHidden,
.RadComboBox_test .rcbHovered td.rcbArrowCellHidden,
.RadComboBox_test .rcbFocused td.rcbArrowCellHidden,
.RadComboBox_test .rcbReadOnly td.rcbArrowCellHidden,
.RadComboBox_test .rcbHovered .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_test .rcbFocused .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_test .rcbDisabled .rcbReadOnly .rcbArrowCellHidden,
.RadComboBox_test table.rcbDisabled td.rcbArrowCellHidden { background: none; }


.RadComboBox_test .rcbHovered .rcbArrowCell,
.RadComboBox_test .rcbHovered .rcbReadOnly .rcbInputCell,
.RadComboBox_test .rcbHovered .rcbReadOnly .rcbArrowCellHidden { background-color: #e0eeff; }
.RadComboBox_test .rcbFocused .rcbArrowCell,
.RadComboBox_test .rcbFocused .rcbReadOnly .rcbInputCell,
.RadComboBox_test .rcbFocused .rcbReadOnly .rcbArrowCellHidden { background-color: #b8d7ff; }

div.RadComboBox_test .rcbHovered .rcbArrowCell,
div.RadComboBox_test .rcbHovered .rcbInputCell { border-color: #8ba6c9; }
div.RadComboBox_test .rcbFocused .rcbArrowCell,
div.RadComboBox_test .rcbFocused .rcbInputCell { border-color: #8fa8c9; }
div.RadComboBox_test .rcbDisabled .rcbArrowCell,
div.RadComboBox_test .rcbDisabled .rcbInputCell { border-color: #b0b0b0; }

div.RadComboBox_test .rcbArrowCell a
{
	height: 20px;
}

div.RadComboBox_test td.rcbArrowCellHidden,
div.RadComboBox_test .rcbArrowCellHidden a
{
	width: 1px;
}

div.RadComboBox_test td.rcbArrowCellHidden.rcbArrowCellRight
{
	border-left: 0;
}

/* Read-only styles */

/* dropdown */

.RadComboBoxDropDown_test
{
	background: #ffffff;
	border-color: #616161;
}

.RadComboBoxDropDown_test .rcbHeader,
.RadComboBoxDropDown_test .rcbFooter
{
	background: #e3e3e3;
	color: #000000;
}

.RadComboBoxDropDown_test .rcbHeader
{
	border-bottom-color: #7d7d7d;
}

.RadComboBoxDropDown_test .rcbFooter
{
	border-top-color: #7d7d7d;
}

.RadComboBoxDropDown_test .rcbItem em
{
	background: #e6e6e6;
	
}

div.RadComboBoxDropDown_test .rcbHovered
{
	background: #e0eeff;
	color: #5f7087;
	border: 1px solid #8ba6c9;
	padding: 1px 5px;
}

.RadComboBoxDropDown_test .rcbCheckAllItems,
.RadComboBoxDropDown_test .rcbCheckAllItemsHovered {
	color: #000000;
	background-color: #e0eeff;
}
.RadComboBoxDropDown_test .rcbCheckAllItemsHovered {
	color: #000000;
}

.RadComboBoxDropDown_test .rcbSeparator
{
    color: #ffffff;
    background: #8a8a8a;
}

.RadComboBox_test .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_test .rcbDisabled
{
	color: #787878;
}

.RadComboBoxDropDown_test .rcbLoading
{
	background: #f0f0f0;
}

.RadComboBoxDropDown_test .rcbMoreResults
{
	border-top-color: #c2c2c2;
	background: #e3e3e3;
	color: #8a8a8a;
}

.RadComboBoxDropDown_test .rcbMoreResults a
{
	background: url('ComboBox/rcbSprite.png') no-repeat -1px -85px;
}


 div.RadComboBox_test .rcbInputCell {

	border-color: rgb(175, 209, 255) transparent rgb(175, 209, 255) rgb(175, 209, 255);

	padding-top: 3px;

	padding-bottom: 6px;
}

 div.RadComboBox_test .rcbArrowCell {

	border-color: rgb(175, 209, 255);

	color: rgb(0, 0, 0);

	width: 29px;

	padding-right: 0px;

	padding-left: 0px;

	margin-left: 0px;

}