/* RadFormDecorator for ASP.NET Vista Skin */

/* CSS class for styling the decoration zone or the <html /> tag of the page */
.RadForm_CustomVista.rfdZone
{
}

/* Decorate scrollbars */
.RadForm_CustomVista.rfdScrollBars
{
    scrollbar-3dlight-color: #959695;
    scrollbar-arrow-color: #3e3e3e;
    scrollbar-base-color: #f5f5f5;
    scrollbar-darkshadow-color: #5f6e93;
    scrollbar-face-color: #d1d1d4;
    scrollbar-highlight-color: #fff;
    scrollbar-shadow-color: #a0ad8a;
    scrollbar-track-color: #f0f0f0;
}

/* Decorate <input type="button | submit | reset" /> and <button type="button | submit | reset" /> - look if there is a secondary .rfdButton class applied to the root element */
.RadForm_CustomVista.rfdButton a.rfdSkinnedButton, .RadForm_CustomVista.rfdButton input[type="button"].rfdDecorated, .RadForm_CustomVista.rfdButton input[type="reset"].rfdDecorated, .RadForm_CustomVista.rfdButton input[type="submit"].rfdDecorated, .RadForm_CustomVista.rfdButton .rfdSkinnedButton button
{
    background-image: url('FormDecorator/ButtonSprites.gif');
    color: #000000;
}

.RadForm_CustomVista.rfdButton a.rfdSkinnedButton, .RadForm_CustomVista.rfdButton a.rfdSkinnedButton *
{
    _background-image: url('FormDecorator/ButtonSprites.gif');
}

/* OPERA width fix - do not remove (and check if it is still necessary) */
@media screen and (min-width:1px)
{
    /* 
           the hack below fixes a strange behavior under Opera - 
           input and button have a different CSS display when in anchor tag 
        */
    .RadForm_CustomVista.rfdButton a.rfdSkinnedButton input
    {
        display: block;
        float: left;
    }
}

/* Decorate <h4|5|6 /> */
.RadForm_CustomVista.rfdHeading h4
{
    color: #567db0;
    border-bottom: solid 1px #a0a0a0;
}

.RadForm_CustomVista.rfdHeading h5
{
    color: #000000;
    border-bottom: solid 1px #a0a0a0;
}

.RadForm_CustomVista.rfdHeading h6
{
    color: #000000;
}

/* Decorate <label /> */
.RadForm_CustomVista.rfdLabel label
{
    color: #000000;
}

/* Decorate <input type="checkbox" /> */
.RadForm_CustomVista .rfdCheckboxUnchecked, .RadForm_CustomVista .rfdInputDisabled.rfdCheckboxUnchecked:hover
{
    background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 0;
}

.RadForm_CustomVista .rfdCheckboxUnchecked:hover
{
    background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -200px;
}

.RadForm_CustomVista .rfdCheckboxChecked, .RadForm_CustomVista .rfdInputDisabled.rfdCheckboxChecked:hover
{
    background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -420px;
}

.RadForm_CustomVista .rfdCheckboxChecked:hover
{
    background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -640px;
}

/* Decorate <input type="radio" /> */
.RadForm_CustomVista .rfdRadioUnchecked, .RadForm_CustomVista .rfdInputDisabled.rfdRadioUnchecked:hover
{
    background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px 0;
}

.RadForm_CustomVista .rfdRadioUnchecked:hover
{
    background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -220px;
}

.RadForm_CustomVista .rfdRadioChecked, .RadForm_CustomVista .rfdInputDisabled.rfdRadioChecked:hover
{
    background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -440px;
}

.RadForm_CustomVista .rfdRadioChecked:hover
{
    background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -640px;
}

/* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */
.RadForm_CustomVista .rfdRadioUnchecked, .RadForm_CustomVista .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm_CustomVista .rfdRadioUnchecked:hover, .RadForm_CustomVista .rfdRadioChecked, .RadForm_CustomVista .rfdInputDisabled.rfdRadioChecked:hover, .RadForm_CustomVista .rfdRadioChecked:hover
{
    _background-image: url('FormDecorator/RadioButtonSprites.gif'); /* IE6 hack */
}

/* <fieldset /> and <legend /> */
.rfdRoundedInner
{
    width: 1px;
    font-size: 1px;
    background-repeat: no-repeat;
}

.rfdRoundedOuter
{
    width: 1px;
    font-size: 0px;
}

table.rfdRoundedWrapper, table.rfdRoundedWrapper_fieldset
{
    display: -moz-inline-box; /* FF2 */
    display: inline-block; /* FF3, Opera, Safari */
    _display: inline; /* IE6 */
    vertical-align: middle;
    border-width: 0px !important;
}

table.rfdRoundedWrapper td, table.rfdRoundedWrapper_fieldset > tbody > tr > td
{
    padding: 0px !important;
    border: 0px !important;
}

/* IE7 */
* + html table.rfdRoundedWrapper, * + html table.rfdRoundedWrapper_fieldset
{
    display: inline;
}

table.rfdRoundedWrapper td, table.rfdRoundedWrapper_fieldset td
{
    vertical-align: middle;
}

.RadForm_CustomVista.rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_CustomVista fieldset.rfdFieldset legend
{
    color: #a0a0a0;
}

.RadForm_CustomVista table.rfdRoundedWrapper:hover div.rfdRoundedInner
{
    background-color: #ffffff;
    border-color: #c5daed !important;
}

/* this selector styles the hover of the side bars of the rounded elements */
.RadForm_CustomVista table.rfdRoundedWrapper:hover .rfdRoundedOuter
{
    background-color: #c5daed !important;
}

/* Decorate <input type="text | password" /> and <textarea /> */
/* For all browsers except IE6 we are using attribute selectors - single or double */
.RadForm_CustomVista.rfdTextbox input[type="text"], .RadForm_CustomVista.rfdTextbox input[type="password"], .RadForm_CustomVista.rfdTextarea textarea, .RadForm_CustomVista.rfdTextarea textarea[disabled]:hover, .RadForm_CustomVista.rfdTextbox input[disabled][type="text"]:hover, .RadForm_CustomVista.rfdTextbox input[disabled][type="password"]:hover
{
    border: solid 1px #707070; /*#abadb3*/
    background-color: #ffffff;
    /*border-left: none;
    border-right: none;*/
}

.RadForm_CustomVista.rfdTextbox input[disabled][type="text"]
{
    border-left: solid 1px #707070;
    border-right: solid 1px #707070;   
}

.RadForm_CustomVista.rfdTextbox .rfdDecorated:hover, .RadForm_CustomVista.rfdTextbox .rfdDecorated:hover, .RadForm_CustomVista.rfdTextarea textarea:hover
{
    /*border: solid 1px #c5daed;
    border-left: none;
    border-right: none;*/
}

/* Decorate <fieldset /> */
.RadForm_CustomVista.rfdFieldset fieldset
{
    border: solid 1px #e0e0e0;
    background-image: url('FormDecorator/FieldsetBgr.png'); /* having a background image on a fieldset is not okay with IE */
}

/* Decorate <fieldset /> and <legend /> */
.RadForm_CustomVista.rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_CustomVista.rfdFieldset fieldset.rfdFieldset legend
{
    color: #a0a0a0;
}

.RadForm_CustomVista.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset, .RadForm_CustomVista.rfdFieldset fieldset.rfdFieldset
{
    border: solid 1px #e0e0e0;
    background-image: url('FormDecorator/FieldsetBgr.png'); /* having a background image on a fieldset is not okay with IE */
}

/* Because of a glitch in IE the following 2 CSS classes must be declared separately for correct parsing of the textarea class in IE6*/
.RadForm_CustomVista table.rfdRoundedWrapper input, .RadForm_CustomVista table.rfdRoundedWrapper textarea, .RadForm_CustomVista input.rfdInput, .RadForm_CustomVista textarea.rfdTextarea
{
    border: solid 1px #abadb3;
    background: #ffffff;
    color: #000000;
    /*border-left: none;
    border-right: none;*/
}

.RadForm_CustomVista textarea.rfdTextarea, .RadForm_CustomVista table.rfdRoundedWrapper textarea
{
    overflow: auto;
    border-left:none;
    border-right:none;
}

/* <select /> */
.rfdSelect_CustomVista, .rfdSelect_CustomVista:hover, .rfdSelect_CustomVista .rfdSelectOuter, .rfdSelect_CustomVista:hover .rfdSelectOuter, .rfdSelect_CustomVista .rfdSelectArrow span, .rfdSelectBox_CustomVista .rfdSelect_selected, .rfdSelectBox_CustomVista li:hover, .rfdSelect_CustomVista.rfdSelectDisabled:hover, .rfdRtl .rfdSelect_CustomVista, .rfdRtl .rfdSelect_CustomVista:hover, .rfdRtl .rfdSelect_CustomVista .rfdSelectOuter, .rfdRtl .rfdSelect_CustomVista .rfdSelectOuter:hover
{
    background-image: url('FormDecorator/ComboSprites.gif');
    background-repeat: no-repeat;
    background-color: transparent;
}

.rfdSelect_CustomVista .rfdSelectOuter, .rfdSelect_CustomVista.rfdSelectDisabled:hover .rfdSelectOuter
{
    color: black;
}

/* dropdown settings */
.rfdSelectBox_CustomVista
{
    background: white;
    border: solid 1px #c6c7d2;
    color: #000;
}

.rfdSelectBox_CustomVista li
{
    padding: 0 0 0 3px;
    background-image: none !important;
}

.rfdSelectBox_CustomVista .rfdSelect_selected, .rfdSelectBox_CustomVista li:hover
{
    color: white;
    background-color: #3399ff;
}

.rfdSelectBox_CustomVista .rfdSelectBox_optgroup_label:hover
{
    background: none;
    color: black;
}

.rfdSelectDisabled.rfdSelectBox_CustomVista:hover li
{
    color: black;
}

/* IE6 disabled state fix - this should not be added to the base stylesheet, but at the bottom of the skin file */
* html .rfdSkinnedButton.rfdInputDisabled
{
    _filter: alpha(opacity=50);
}

* html .RadForm_CustomVista.rfdButton a.rfdInputDisabled:hover
{
    _background-position: 0 0;
}

* html .RadForm_CustomVista.rfdButton a.rfdInputDisabled:hover *
{
    _background-position: right -21px;
    _color: #000000;
}

.RadForm_CustomVista.rfdTextbox input.rfdIE6TextBox, .RadForm_CustomVista.rfdTextbox textarea.rfdIE6TextBox
{
    _border: solid 1px #abadb3;
    _background-color: #ffffff;
}

/* the styling of radiobuttons and checkboxes in Safari and Chrome is already fully achieved with CSS */
@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    /* checkboxes */
    .rfdCheckbox input[type="checkbox"], .rfdCheckbox input[type="checkbox"][disabled]:hover
    {
        background-image: url('FormDecorator/CheckBoxSprites.gif');
    }

    /* radio buttons */
    .rfdRadio input[type="radio"], .rfdRadio input[type="radio"][disabled="disabled"]:hover
    {
        background-image: url('FormDecorator/RadioButtonSprites.png');
    }
}

/* ----------------------------------------------- Skin-specific Scrollbar Settings for WebKit ----------------------------------------------- */

/* the scrollbar face color */
.RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-thumb:vertical, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-thumb:horizontal, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-thumb:vertical, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-thumb:horizontal
{
    background-color: #d1d1d4;
}

/* scrollbar track background color */
.RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-track-piece, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-track-piece
{
    background-color: #f0f0f0;
}

.RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:vertical:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:vertical:increment, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:horizontal:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:horizontal:increment, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-thumb:vertical, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-thumb:horizontal, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:vertical:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:vertical:increment, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:horizontal:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:horizontal:increment, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-thumb:vertical, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-thumb:horizontal
{
    border-color: #ffffff #a0ad8a #a0ad8a #ffffff;
}

/* increment / decrement button settings */
.RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:vertical:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:vertical:increment, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:horizontal:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista textarea::-webkit-scrollbar-button:horizontal:increment, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:vertical:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:vertical:increment, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:horizontal:decrement, .RadForm.rfdScrollBars.RadForm_CustomVista div::-webkit-scrollbar-button:horizontal:increment
{
    background-image: url('FormDecorator/ButtonSprites.gif');
    background-color: #d1d1d4;
}

.RadForm_CustomVista.rfdTextbox input[type="text"]:hover
{
	border:solid 1px #e0e0e0;	
}