/* RadComboBox Simple skin */

/*global*/

.RadComboBox_cbx_ecal,
.RadComboBox_cbx_ecal .rcbInput,
.RadComboBoxDropDown_cbx_ecal
{
   font-family: 'metric', arial;
    font-size: 16px;
    color: #000;
    cursor: pointer; 
}

/* combobox */
.RadComboBox .rcbReadOnly td.rcbArrowCell, .RadComboBox .rcbReadOnly td.rcbArrowCell a {
    width: 40px;
}

.haserror div.RadComboBox_cbx_ecal
{
    border-color: #f00;
}

.haserror div.RadComboBox_cbx_ecal table td.rcbInputCell 
{
   /* border-width: 2px 1px 2px;
    border-style: solid; */
    border-color: #f00;
}

div.RadComboBox_cbx_ecal table td.rcbInputCell
{
	height: 22px;
	line-height: 22px;
	border: solid #ccc;
	background: #ffffff;
}

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


div.RadComboBox_cbx_ecal table td.rcbArrowCell
{
	border-style: solid; 
	border-color: #ccc;
	background: #ffffff url('../img/cbx_arrow_34.gif') no-repeat center;
}
div.RadComboBox_cbx_ecal table td.rcbArrowCellLeft
{
	border-width: 0 1px 0 2px !important;
}
div.RadComboBox_cbx_ecal table td.rcbArrowCellRight
{
	border-width: 0 2px 0 1px !important;
}

div.RadComboBox_cbx_ecal table td.rcbInputCellLeft  
{
    border-width: 0 0 0 2px !important;
    height: 34px; 
}
div.RadComboBox_cbx_ecal table td.rcbInputCellRight 
{ 
    border-width: 0 2px 0 0 !important;
    height: 34px; 
}

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

.RadComboBox_cbx_ecal .rcbInputCell .rcbEmptyMessage
{
	color: #666666;
}


.RadComboBox_cbx_ecal .rcbHovered .rcbInputCell .rcbInput,
.RadComboBox_cbx_ecal .rcbFocused .rcbInputCell .rcbInput,
div.rcbDefaultSelected .rcbInput 
{ 
    color: rgb(0, 150, 213) !important; 
 	cursor: pointer; 
}

.haserror div.RadComboBox_cbx_ecal table td.rcbArrowCell
{
    border: 2px solid #f00;
}

div.RadComboBox_cbx_ecal
{ 
    border-color: #ccc;
	border-width: 2px 0 2px 0 !important;
	border-style: solid;
	}

/*div.RadComboBox_cbx_ecal .rcbReadOnly .rcbArrowCellLeft,
div.RadComboBox_cbx_ecal .rcbArrowCellHidden.rcbArrowCellLeft { border-width: 2px 1px 2px 2px; }
div.RadComboBox_cbx_ecal .rcbReadOnly .rcbArrowCellRight,
div.RadComboBox_cbx_ecal .rcbArrowCellHidden.rcbArrowCellRight { border-width: 2px 2px 2px 1px; }*/

.RadComboBox_cbx_ecal td.rcbArrowCell { background-position: center; }
.RadComboBox_cbx_ecal .rcbHovered .rcbArrowCell { background-position: center; }
.RadComboBox_cbx_ecal .rcbFocused .rcbArrowCell { background-position: center; }
.RadComboBox_cbx_ecal .rcbDisabled .rcbArrowCell { background-position: center; }

.RadComboBox_cbx_ecal .rcbReadOnly td.rcbArrowCell { background-position: center; }
.RadComboBox_cbx_ecal .rcbHovered .rcbReadOnly .rcbArrowCell { background-position: center; }
.RadComboBox_cbx_ecal .rcbFocused .rcbReadOnly .rcbArrowCell { background-position: center; }
.RadComboBox_cbx_ecal .rcbDisabled .rcbReadOnly .rcbArrowCell { background-position: center; }

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


.RadComboBox_cbx_ecal .rcbHovered .rcbArrowCell,
.RadComboBox_cbx_ecal .rcbHovered .rcbReadOnly .rcbInputCell,
.RadComboBox_cbx_ecal .rcbHovered .rcbReadOnly .rcbArrowCellHidden { background-color: #ffffff; }

.RadComboBox_cbx_ecal .rcbFocused .rcbArrowCell,
.RadComboBox_cbx_ecal .rcbFocused .rcbReadOnly .rcbInputCell,
.RadComboBox_cbx_ecal .rcbFocused .rcbReadOnly .rcbArrowCellHidden { background-color: #ffffff; }

/*
div.RadComboBox_cbx_ecal .rcbHovered .rcbArrowCell,
div.RadComboBox_cbx_ecal .rcbHovered .rcbInputCell { border-color: #c9c9c9; }
div.RadComboBox_cbx_ecal .rcbFocused .rcbArrowCell,
div.RadComboBox_cbx_ecal .rcbFocused .rcbInputCell { border-color: #c9c9c9; }
div.RadComboBox_cbx_ecal .rcbDisabled .rcbArrowCell,
div.RadComboBox_cbx_ecal .rcbDisabled .rcbInputCell { border-color: #b0b0b0; }
*/

div.RadComboBox_cbx_ecal .rcbArrowCell a
{
	height: 32px;
}

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

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

/* Read-only styles */

/* dropdown */

.haserror .RadComboBoxDropDown_cbx_ecal
{
    border-color: #f00;
}
.RadComboBoxDropDown_cbx_ecal
{
	background: #ffffff;
	border-color: #5A5A5A !important;
	border-width: 2px !important;
}

.RadComboBoxDropDown_cbx_ecal .rcbHeader,
.RadComboBoxDropDown_cbx_ecal .rcbFooter
{
	background: #fff;
	color: #000000;
}

.RadComboBoxDropDown_cbx_ecal .rcbHeader
{
	border-bottom-color: #ccc;
}

.RadComboBoxDropDown_cbx_ecal .rcbFooter
{
	border-top-color: #ccc;
}

.RadComboBoxDropDown_cbx_ecal .rcbItem em
{
	background: #fff;
}


div.RadComboBoxDropDown_cbx_ecal .rcbHovered
{
	background: rgb(0,150,213);
	color: rgb(255,255,255);
	/* border: 1px solid #c9c9c9;
	padding: 1px 5px;*/
}


.RadComboBoxDropDown_cbx_ecal .rcbCheckAllItems,
.RadComboBoxDropDown_cbx_ecal .rcbCheckAllItemsHovered {
	color: #000000;
	background-color: #ffffff;
}
.RadComboBoxDropDown_cbx_ecal .rcbCheckAllItemsHovered {
	color: #000000;
}

.RadComboBoxDropDown_cbx_ecal .rcbSeparator
{
    color: #ffffff;
    background: #ccc;
}

.RadComboBox_cbx_ecal .rcbDisabled .rcbInputCell .rcbInput,
.RadComboBoxDropDown_cbx_ecal .rcbDisabled
{
	color: #787878;
}

.RadComboBoxDropDown_cbx_ecal .rcbLoading
{
	background: #f0f0f0;
}

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

.RadComboBoxDropDown_cbx_ecal .rcbMoreResults a
{
	background: url('./ComboBox/rcbSprite.png') no-repeat center;
}








 div.RadComboBox_cbx_ecal .rcbInputCell {

	background-image: none;

	border-bottom-color: #ccc;

}

 div.RadComboBox_cbx_ecal .rcbArrowCell {

	background-image: url('../img/cbx_arrow_34.gif');

	width: 40px;
	height: 32px;

	border-bottom-style: solid;

	border-bottom-width: 1px;

	border-right-style: solid;

	border-right-width: 1px;

	line-height: 34px;

	font-family: 'metric', arial;

	text-indent: 5px;

	background-position: 0% 0%;

	font-size: 12px;

}

/*
 div.RadComboBox_cbx_ecal .rcbHovered .rcbArrowCell {

	border-right: 0px solid rgb(201, 201, 201);

	border-bottom-style: solid;

	border-bottom-width: 0px;

	width: 40px;

	height: 34px;

	line-height: 34px;

	background-position: 0% 0%;

	font-size: 12px;

	font-family: "HPSimplified",arial;

}
*/

/*
 div.RadComboBox_cbx_ecal .rcbFocused .rcbInputCell {

	border-color: rgb(102, 102, 102);

}
*/

/*
 div.RadComboBox_cbx_ecal .rcbFocused .rcbArrowCell {

	background-position: 0% 0%;

	border-right: 0px solid rgb(102, 102, 102);

	border-bottom: 0px solid rgb(102, 102, 102);

	width: 40px;

	height: 34px;

	font-size: 12px;

	line-height: 34px;

	font-family: "HPSimplified",arial;

	padding-bottom: 1px;

	padding-right: 1px;

}
*/

 div.RadComboBox_cbx_ecal .rcbDisabled .rcbInputCell {

	border-color: rgb(187, 187, 187);

}

/*
 div.RadComboBox_cbx_ecal .rcbDisabled .rcbArrowCell {

	background-position: 0% 0%;

	border-right: 0px solid rgb(187, 187, 187);

	border-bottom: 0px solid rgb(187, 187, 187);

	width: 40px;

	height: 34px;

	font-size: 12px;

	line-height: 34px;

	font-family: "HPSimplified",arial;

	border-color: rgb(187, 187, 187);

}
*/

 div.RadComboBoxDropDown_cbx_ecal .rcbHeader {

	font-size: 13px;

	text-indent: 5px;

	line-height: 34px;

	font-family: 'metric', arial;

	padding-left: 5px;

	padding-right: 5px;

	border-bottom: 0px solid transparent;

}

 div.RadComboBoxDropDown_cbx_ecal .rcbItem {

	text-indent: 0px;

	font-size: 13px;

	line-height: 20px;

	padding-left: 5px;

	padding-right: 5px;

	font-family: inherit;
	
	border-top: 1px solid #CCCCCC;
	border-left: none;
	border-right: none;

}

.blackBorder
{
    border:solid 2px #5A5A5A !important;
}

div.blackBorder table td.rcbInputCell, div.blackBorder table td.rcbArrowCell
{
    border-color:#5A5A5A !important;
}