/* RadFormDecorator ImageSkin Skin */

/* this gives a background color to the page*/
/* @ Slava>> If you uncomment this you are in trouble, as all the AjaxUpdated elements will have these settings
   @ Slava>> Have a look at SearchPreview.aspx and you'll see what I mean.
.rfdZone
{
    background-color: black;
    color: #ffffff;
}
*/

/*
/* @ Slava>> If you uncomment this you loose your ScrollBar set somewhere else.
.RadForm_ImageSkin.rfdScrollBars
{
	scrollbar-3dlight-color: #1a1a1a; 
	scrollbar-arrow-color: #111111;
	scrollbar-base-color: #f5f5f5; 
	scrollbar-darkshadow-color: #474747; 
	scrollbar-face-color: #393939;
	scrollbar-highlight-color: #474747; 
	scrollbar-shadow-color: #1a1a1a;
	scrollbar-track-color: #272727;
}
*/

/* label settings */
.RadForm_ImageSkin label.ImageSkin
{
    color: #999999;
}

/* checkbox settings */
.RadForm_ImageSkin .rfdCheckboxUnchecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdCheckboxUnchecked:hover,
.RadForm_ImageSkin .rfdCheckboxUnchecked:hover,
.RadForm_ImageSkin .rfdCheckboxChecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdCheckboxChecked:hover,
.RadForm_ImageSkin .rfdCheckboxChecked:hover
{
  padding-left: 15px;
  padding-right: 10px;
}

.RadForm_ImageSkin .rfdCheckboxUnchecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdCheckboxUnchecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 0;
}

.RadForm_ImageSkin .rfdCheckboxUnchecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -200px;
}

.RadForm_ImageSkin .rfdCheckboxChecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdCheckboxChecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -420px;
}

.RadForm_ImageSkin .rfdCheckboxChecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -640px;
}
/* end of checkbox settings */

/* radiobutton settings */
.RadForm_ImageSkin .rfdRadioUnchecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdRadioUnchecked:hover
{
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px 0;
}

.RadForm_ImageSkin .rfdRadioUnchecked:hover
{
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -220px;
}

.RadForm_ImageSkin .rfdRadioChecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdRadioChecked:hover 
{
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -440px;
}

.RadForm_ImageSkin .rfdRadioChecked:hover
{
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -640px;
}

.RadForm_ImageSkin .rfdRadioUnchecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm_ImageSkin .rfdRadioUnchecked:hover,
.RadForm_ImageSkin .rfdRadioChecked,
.RadForm_ImageSkin .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm_ImageSkin .rfdRadioChecked:hover
{
    _background-image: url('FormDecorator/RadioButtonSprites.gif');
}
/* end of radiobutton settings */

/* button settings */
a.RadForm_ImageSkin, a.RadForm_ImageSkin span
{
	background-image: url('FormDecorator/ButtonSprites.gif');
}

a.RadForm_ImageSkin.rfdInputDisabled:hover
{
    background-position: 0 0;
}

a.RadForm_ImageSkin .rfdInner,
a.RadForm_ImageSkin.rfdInputDisabled:hover .rfdInner
{
	margin-right: 4px;
	margin-left: 4px;
	background-position: 0 -21px;
	color: #404040;
	font-weight: bold !important;
	padding-left: 3px !important;
	padding-right: 3px !important;
}

a.RadForm_ImageSkin.rfdInputDisabled:hover .rfdOuter
{
	background-position: right 0;
}

a.RadForm_ImageSkin:hover
{
	background-position: 0 -42px;
}

a.RadForm_ImageSkin:hover .rfdInner
{
	background-position: 0 -63px;
}

a.RadForm_ImageSkin:hover .rfdOuter
{
	background-position: right -42px;
}
/* end of button settings */

/* clicked button styles */
a.RadForm_ImageSkin.rfdClicked
{
    background-image: url('FormDecorator/ButtonSprites.gif');
    background-position: 0 -84px;
    background-repeat: no-repeat;
}

a.RadForm_ImageSkin.rfdClicked span
{
    background-image: url('FormDecorator/ButtonSprites.gif');
}

a.RadForm_ImageSkin.rfdClicked .rfdInner
{
    background-position: 0 -105px;
    background-repeat: repeat-x;
    color: #ffffff;
}

a.RadForm_ImageSkin.rfdClicked .rfdOuter
{
    background-position: right -84px;
    background-repeat: no-repeat;
}
/* end of clicked button styles */

/* do NOT change these settings, otherwise the skinned buttons will be broken when used within a decoration zone */
a.rfdSkinnedButton.RadForm_ImageSkin
{
  -moz-user-select: none !important;
	outline: none !important;
	text-decoration: none !important;
	cursor: default !important;
	text-align: center !important;
	background-color: transparent !important;
	border: 0 !important;
  display: inline-block !important;
}

/* Headings 4-6 */
.RadForm_ImageSkin h4.rfdH4
{
	color: #fbfbfb;	
	border-bottom: solid 1px #3a3a3a;	
}

.RadForm_ImageSkin h5.rfdH5
{
	color: #fbfbfb;	
	border-bottom: solid 1px #3a3a3a;	
}

.RadForm_ImageSkin h6.rfdH6
{
	color: #fbfbfb;	
}

/* <label> */
.RadForm_ImageSkin label.rfdLabel
{	
	color: #fff;
}

/* <fieldset> and <legend> */
.RadForm_ImageSkin table.rfdRoundedWrapper_fieldset legend,
.RadForm_ImageSkin fieldset.rfdFieldset legend
{
	color: #71716f;
}

.RadForm_ImageSkin table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_ImageSkin fieldset.rfdFieldset
{	
    color: #ffffff;
	border: solid 1px #080808;
	background-image: url('FormDecorator/FieldsetBgr.png'); /* having a background image on a fieldset is not okay with IE */	
	background-repeat: no-repeat;/*Mandatory to use because of incorrect IE positioning of the image*/		
}


/* Due to a glitch in IE the following 2 classes must be declared separately for correct parsing of the textarea class in IE6*/
.RadForm_ImageSkin table.rfdRoundedWrapper input,
.RadForm_ImageSkin table.rfdRoundedWrapper textarea,
.RadForm_ImageSkin input.rfdInput, 
.RadForm_ImageSkin textarea.rfdTextarea
{
	border: solid 1px #080808;
	border-color: #71716f !important;
	background: #000000;	
	color: #999998; /*@ when mouse cursor out of control */
	padding-left: 4px; 
	padding-top: 2px; 
	font-size: 14px;
	height: 19px;
}

.RadForm_ImageSkin textarea.rfdTextarea,
.RadForm_ImageSkin table.rfdRoundedWrapper textarea
{
    overflow: auto;
}

.RadForm_ImageSkin  table.rfdRoundedWrapper input[disabled="disabled"]:hover,
.RadForm_ImageSkin  table.rfdRoundedWrapper textarea[disabled="disabled"]:hover
{
	border: solid 1px #080808;
	background: #444444;	
	color: #ffffff;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
}

/* add classes for HOVER effect */
.RadForm_ImageSkin  table.rfdRoundedWrapper input:hover,
.RadForm_ImageSkin  table.rfdRoundedWrapper textarea:hover,
.RadForm_ImageSkin table.rfdRoundedWrapper:hover .rfdRoundedInner,
.RadForm_ImageSkin input.rfdInput:hover, 
.RadForm_ImageSkin textarea.rfdTextarea:hover
{
	border-color: #f8b913 !important;
	background: #444444;
	color: #eaeaea; /*@ when mouse cursor in control */
}

.RadForm_ImageSkin table.rfdRoundedWrapper:hover .rfdRoundedOuter
{	
	background-color: #fbfbfb !important;
}

/* <select> */
.rfdSelect_ImageSkin,
.rfdSelect_ImageSkin:hover,
.rfdSelect_ImageSkin .rfdSelectOuter,
.rfdSelect_ImageSkin:hover .rfdSelectOuter,
.rfdSelect_ImageSkin .rfdSelectArrow span,
.rfdSelectBox_ImageSkin .rfdSelect_selected,
.rfdSelectBox_ImageSkin li:hover,
.rfdSelect_ImageSkin.rfdSelectDisabled:hover
{
    background-image: url('FormDecorator/ComboSprites.gif');
    background-repeat: no-repeat;
    background-color: white;
}

.rfdSelect_ImageSkin.rfdSelectDisabled:hover
{
    background-position: 0 0;
}

.rfdSelect_ImageSkin
{
	padding-left: 3px !important;
}

.rfdSelect_ImageSkin:hover
{
	background-position: 0 -44px;
}

.rfdSelect_ImageSkin .rfdSelectOuter,
.rfdSelect_ImageSkin.rfdSelectDisabled:hover .rfdSelectOuter
{
    background-position: right -22px;
    padding: 2px 0;
}

.rfdSelect_ImageSkin:hover .rfdSelectOuter
{
    background-position: right -66px;
}

.rfdSelect_ImageSkin .rfdSelectText,
.rfdSelect_ImageSkin.rfdSelectDisabled:hover .rfdSelectText
{
    color: #ffffff;
}

.rfdSelect_ImageSkin:hover .rfdSelectText
{
    color: #fbfbfb;
}

.rfdSelect_ImageSkin .rfdSelectArrow
{
	margin: 1px 2px 0 0;
}

.rfdSelect_ImageSkin .rfdSelectArrow span,
.rfdSelect_ImageSkin.rfdSelectDisabled:hover .rfdSelectArrow span
{
	background-position: 0 -88px;
}

.rfdSelect_ImageSkin:hover .rfdSelectArrow span
{
    background-position: -14px -88px;
}

/* dropdown settings */
.rfdSelectBox_ImageSkin
{
    background: #363636;
    border: solid 1px #080808;
    color: #fff;
}

.rfdSelectBox_ImageSkin li
{
    padding-left: 3px !important;
    line-height: 16px;
    height: 16px;
    background-image: none;
}

.rfdSelectBox_ImageSkin .rfdSelect_selected,
.rfdSelectBox_ImageSkin li:hover
{
    color: #fbfbfb;
    background-image: none;
    background-color: #1e1e1e;
}

.rfdSelectBox_ImageSkin .rfdSelectBox_optgroup_label:hover
{
    background: none;
    color: black;
}

/* skinned combobox end */