/* RadComboBox Simple skin */

/*global*/

.RadComboBox_MySkin_Metro, .RadComboBox_MySkin_Metro .rcbInput, .RadComboBoxDropDown_MySkin_Metro
{
    font: 12px "Segoe UI" , Arial, sans-serif;
    color: #3f6bb5;
}

/* combobox */
div.RadComboBox_MySkin_Metro table
{
    border-collapse: separate !important;
    border-spacing: 0 !important;
}

div.RadComboBox_MySkin_Metro table td.rcbArrowCell
{
    /*-webkit-border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -moz-border-radius-bottomright: 3px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;*/
}
div.RadComboBox_MySkin_Metro table td.rcbInputCell
{
    height: 25px;
    _height: 20px;
    line-height: 18px;
    _line-height: 20px;
    border: solid #6fa3cf;
    background: #ffffff;
}

div.RadComboBox_MySkin_Metro table td.rcbInputCellLeft
{
    border-width: 1px 0 1px 1px;
    /*-moz-border-radius-topleft: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;*/
}
div.RadComboBox_MySkin_Metro table td.rcbInputCellRight
{
    border-width: 1px 1px 1px 0;
}

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

.RadComboBox_MySkin_Metro .rcbInputCell .rcbEmptyMessage
{
    color: #999999;
}

.RadComboBox_MySkin_Metro .rcbHovered .rcbInputCell .rcbInput, .RadComboBox_MySkin_Metro .rcbFocused .rcbInputCell .rcbInput
{
    color: #061d71;
}

.RadComboBox_MySkin_Metro .rcbFocused .rcbReadOnly .rcbInputCell .rcbInput
{
    color: #061d71;
}

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

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

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

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

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

.RadComboBox_MySkin_Metro .rcbHovered .rcbArrowCell, .RadComboBox_MySkin_Metro .rcbHovered .rcbReadOnly .rcbInputCell, .RadComboBox_MySkin_Metro .rcbHovered .rcbReadOnly .rcbArrowCellHidden
{
    background-color: #ccdfee;
}
.RadComboBox_MySkin_Metro .rcbFocused .rcbArrowCell, .RadComboBox_MySkin_Metro .rcbFocused .rcbReadOnly .rcbInputCell, .RadComboBox_MySkin_Metro .rcbFocused .rcbReadOnly .rcbArrowCellHidden
{
    background-color: #ccdfee;
}

div.RadComboBox_MySkin_Metro .rcbHovered .rcbArrowCell, div.RadComboBox_MySkin_Metro .rcbHovered .rcbInputCell
{
    border-color: #81afd5;
}
div.RadComboBox_MySkin_Metro .rcbFocused .rcbArrowCell, div.RadComboBox_MySkin_Metro .rcbFocused .rcbInputCell
{
    border-color: #81afd5;
}
div.RadComboBox_MySkin_Metro .rcbDisabled .rcbArrowCell, div.RadComboBox_MySkin_Metro .rcbDisabled .rcbInputCell
{
    border-color: #81afd5;
}

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

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

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

/* Read-only styles */

/* dropdown */

.RadComboBoxDropDown_MySkin_Metro
{
    border-color: #81afd5; /*#e5e5e5; #FFCC66*/
    background-color: #ffffff; /* rounded corners*/
    /*-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;*/
}

.RadComboBoxDropDown_MySkin_Metro .rcbHeader, .RadComboBoxDropDown_MySkin_Metro .rcbFooter
{
    padding-top: 2px;
    padding-bottom: 2px;
    color: #676767;
    background-color: #e5e5e5;
}

.RadComboBoxDropDown_MySkin_Metro .rcbHeader
{
    border-bottom-color: #e5e5e5;
}

.RadComboBoxDropDown_MySkin_Metro .rcbFooter
{
    border-top-color: #e5e5e5;
}

html .RadComboBoxDropDown_MySkin_Metro .rcbHeader, html .RadComboBoxDropDown_MySkin_Metro .rcbFooter
{
    margin: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    border: 0;
}

.RadComboBoxDropDown_MySkin_Metro .rcbItem em
{
    background: #e5e5e5;
}

div.RadComboBoxDropDown_MySkin_Metro .rcbHovered
{
    padding: 1px 5px;
    border: 1px solid #81afd5;
    color: #061d71;
    background-color: #ccdfee;
}

div.RadComboBoxDropDown_MySkin_Metro .rcbCheckAllItems
{
    color: #767676;
    background-color: #e5e5e5;
}
div.RadComboBoxDropDown_MySkin_Metro .rcbCheckAllItemsHovered
{
    color: #ffffff;
    background-color: #25a0da;
}

.RadComboBoxDropDown_MySkin_Metro .rcbSeparator
{
    color: #ffffff;
    background-color: #e5e5e5;
}

.RadComboBox_MySkin_Metro .rcbDisabled .rcbInputCell .rcbInput, .RadComboBoxDropDown_MySkin_Metro .rcbDisabled
{
    color: #3f6bb5;
    text-decoration: line-through;
}

.RadComboBoxDropDown_MySkin_Metro .rcbLoading
{
    background: #e5e5e5;
}

.RadComboBoxDropDown_MySkin_Metro .rcbMoreResults
{
    border-top-color: #e5e5e5;
    background: #e5e5e5;
    color: #767676;
}

.RadComboBoxDropDown_MySkin_Metro .rcbMoreResults a
{
    background: url('ComboBox/mySprite.png') no-repeat -85px -3px;
}