
.radfd_fieldset
 {
      position: relative;
      top:0px;
 }
/* CSS class for styling the decoration zone or the <html /> tag of the page */
.RadForm_Sabafon.rfdZone
{
	background-color: #C0C0C0;
	color: #fff;
}



/* 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_Sabafon.rfdButton a.rfdSkinnedButton,
.RadForm_Sabafon.rfdButton input[type="button"].rfdDecorated,
.RadForm_Sabafon.rfdButton input[type="reset"],
.RadForm_Sabafon.rfdButton input[type="submit"].rfdDecorated,
.RadForm_Sabafon.rfdButton .rfdSkinnedButton button
{
	background-image: url('z-FormDecorator/ButtonSprites.gif');
	color: #666;
	
}

.RadForm_Sabafon.rfdButton a.rfdSkinnedButton:hover,
.RadForm_Sabafon.rfdButton input[type="button"]:hover.rfdDecorated,
.RadForm_Sabafon.rfdButton input[type="reset"]:hover,
.RadForm_Sabafon.rfdButton input[type="submit"]:hover.rfdDecorated,
.RadForm_Sabafon.rfdButton .rfdSkinnedButton button:hover
{
	color: #666;
	
}

*html .RadForm_Office2007 a.rfdSkinnedButton,
*html .RadForm_Office2007 .rfdSkinnedButton button,
*html .RadForm_Office2007 .rfdSkinnedButton input.rfdDecorated,
.RadForm_Sabafon.rfdButton a.rfdSkinnedButton,
.RadForm_Sabafon.rfdButton a.rfdSkinnedButton *
{
	background-image: url('z-FormDecorator/ButtonSprites.gif');
	color: #fff;
}

.RadForm_Sabafon.rfdButton .rfdSkinnedButton:hover *
{
    color: #666;
}

/* OPERA width fix - do not remove (and check if it is still necessary) */
@media screen and (min-width:1px)  
{
	/* 
       the below fixes a strange behavior under Opera - 
       input and button have a different CSS display when in anchor tag 
    */
	.RadForm_Sabafon.rfdButton a.rfdSkinnedButton input
	{
	    display: block;
	    float: right;
	}
}

/* Decorate <h4|5|6 /> */
.RadForm_Sabafon.rfdHeading h4
{

   font-family: 'Helvetica',Arial;
    font-size: 11px;
    color: #666;
}

.RadForm_Sabafon.rfdHeading h5
{
		
	 font-family: 'Helvetica',Arial;
    font-size: 11px;
    color: #666;
}

.RadForm_Sabafon.rfdHeading h6
{
	font-family: 'Helvetica',Arial;
    font-size: 11px;
    color: #666;
}

/* Decorate <label /> */
.RadForm_Sabafon.rfdLabel label
{	
	 font-family: 'Helvetica',Arial;
    font-size: 11px;
    color: #666;
}

/* Decorate <input type="checkbox" /> */
.RadForm_Sabafon .rfdCheckboxUnchecked
{

	background: transparent url('z-FormDecorator/checkbox-21.png') no-repeat 0 -200px;
font-family: 'Helvetica',Arial;
    font-size: 1em;
    color: #777;
    cursor:pointer;
}

.RadForm_Sabafon .rfdInputDisabled.rfdCheckboxUnchecked:hover,
.RadForm_Sabafon .rfdCheckboxUnchecked:hover
{
    color: #000;
}

.RadForm_Sabafon .rfdCheckboxChecked
{
	background: transparent url('z-FormDecorator/checkbox-21.png') no-repeat 0 -640px;
	font-family: 'Helvetica',Arial;
    font-size: 1em;
    color: #777;
    cursor:pointer;
    line-height:24px ;
}
.RadForm_Sabafon .rfdInputDisabled.rfdCheckboxChecked:hover,
.RadForm_Sabafon .rfdCheckboxChecked:hover
{
    color: #000;
}



/* Decorate <input type="radio" /> */
.RadForm_Sabafon .rfdRadioUnchecked
{
	background: transparent url('z-FormDecorator/RadioButton-21.png') no-repeat 1px 0;
    font-family: 'Helvetica',Arial;
    font-size: 1em;
    color: #777;

}
.RadForm_Sabafon .rfdInputDisabled.rfdRadioUnchecked:hover
{
    color: #000;
}

.RadForm_Sabafon .rfdRadioUnchecked:hover
{
	 color: #000;
}

.RadForm_Sabafon .rfdRadioChecked
{
	background: transparent url('z-FormDecorator/RadioButton-21.png') no-repeat 1px -440px;
font-family: 'Helvetica',Arial;
    font-size: 11px;
    color: #1E1E1E;

}
.RadForm_Sabafon .rfdInputDisabled.rfdRadioChecked:hover 
{
	 color: #D24332;
}

.RadForm_Sabafon .rfdRadioChecked:hover
{
	 color: #D24332;
}

/* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */
.RadForm_Sabafon .rfdRadioUnchecked,
.RadForm_Sabafon .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm_Sabafon .rfdRadioUnchecked:hover,
.RadForm_Sabafon .rfdRadioChecked,
.RadForm_Sabafon .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm_Sabafon .rfdRadioChecked:hover
{
    _background-image: url('z-FormDecorator/RadioButtonSprites.gif'); /* IE6 hack */
   font-family: 'Helvetica',Arial;
    font-size: 11px;
    color: #1E1E1E;
}

/* <fieldset /> and <legend /> */

.RadForm_Sabafon.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_Sabafon fieldset.rfdFieldset legend
{font-family: 'Helvetica',Arial;
    font-size: 11px;
    color: #666;
}

.RadForm_Sabafon table.rfdRoundedWrapper:hover div.rfdRoundedInner
{
    background-color: #fff;
    border-color: #666 !important;
}

/* this selector styles the hover of the side bars of the rounded elements */
.RadForm_Sabafon table.rfdRoundedWrapper:hover .rfdRoundedOuter
{	
	background-color: #666 !important;
}

/* Decorate <input type="text | password" /> and <textarea /> */
/* For all browsers except IE6 we are using attribute selectors - single or double */
.RadForm_Sabafon.rfdTextbox input[type="text"],
.RadForm_Sabafon.rfdTextbox input[type="password"],
.RadForm_Sabafon.rfdTextarea textarea,
.RadForm_Sabafon.rfdTextarea textarea[disabled]:hover,
.RadForm_Sabafon.rfdTextbox input[disabled][type="text"]:hover,
.RadForm_Sabafon.rfdTextbox input[disabled][type="password"]:hover
{
    background-color: transparent;
    color: #666;
   font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.RadForm_Sabafon.rfdTextbox .rfdDecorated:hover,
.RadForm_Sabafon.rfdTextbox .rfdDecorated:hover,
.RadForm_Sabafon.rfdTextarea textarea:hover,
.RadForm_Sabafon.rfdTextbox .rfdDecorated:focus,
.RadForm_Sabafon.rfdTextbox .rfdDecorated:focus,
.RadForm_Sabafon.rfdTextarea textarea:focus
{
    
}

/* Decorate <fieldset /> */
.RadForm_Sabafon.rfdFieldset fieldset
{	
	/* having a background image on a fieldset is not okay with IE */	
}

/* Decorate <fieldset /> and <legend /> */
.RadForm_Sabafon.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_Sabafon.rfdFieldset fieldset.rfdFieldset legend
{
	 background-color: transparent;
    color: #666;
   font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.RadForm_Sabafon.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_Sabafon.rfdFieldset fieldset.rfdFieldset
{	
	 /* 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_Sabafon table.rfdRoundedWrapper input,
.RadForm_Sabafon table.rfdRoundedWrapper textarea,
.RadForm_Sabafon input.rfdInput, 
.RadForm_Sabafon textarea.rfdTextarea
{
	 background-color: transparent;
    color: #666;
  font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.RadForm_Sabafon textarea.rfdTextarea,
.RadForm_Sabafon table.rfdRoundedWrapper textarea
{
    background-color: transparent;
    color: #666;
  font-family: 'Helvetica',Arial;
    font-size: 13px;
}

/* <select /> */
.rfdSelect_Sabafon,
.rfdSelect_Sabafon:hover,
.rfdSelect_Sabafon .rfdSelectOuter,
.rfdSelect_Sabafon:hover .rfdSelectOuter,
.rfdSelect_Sabafon .rfdSelectArrow span,

.rfdSelectBox_Sabafon .rfdSelect_selected,
.rfdSelectBox_Sabafon li:hover,
.rfdSelect_Sabafon.rfdSelectDisabled:hover,
.rfdRtl .rfdSelect_Sabafon,
.rfdRtl .rfdSelect_Sabafon:hover,
.rfdRtl .rfdSelect_Sabafon .rfdSelectOuter,
.rfdRtl .rfdSelect_Sabafon .rfdSelectOuter:hover
{
    background-image: url('z-FormDecorator/Combo.gif');
    background-repeat: no-repeat;


    
}

.rfdSelect_Sabafon .rfdSelectOuter,
.rfdSelect_Sabafon.rfdSelectDisabled:hover .rfdSelectOuter
{
    background-color: transparent;
    color: #666;
    font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.rfdSelect_Sabafon:hover .rfdSelectOuter
{
      background-color: transparent;
    color: #666;
  font-family: 'Helvetica',Arial;
    font-size: 13px;
   
    /*ff0000*/
}

/* dropdown settings */
.rfdSelectBox_Sabafon
{
    background-color: transparent;
    color: #666;
    font-family: 'Helvetica',Arial;
    font-size: 13px;

    
}

.rfdSelectBox_Sabafon li
{
    padding: 0 0 0 3px;
    background-image: none !important;
}

.rfdSelectBox_Sabafon .rfdSelect_selected,
.rfdSelectBox_Sabafon li:hover
{
     background-color: transparent;
    color: #666;
    font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.rfdSelectBox_Sabafon .rfdSelectBox_optgroup_label:hover
{
     background-color: transparent;
    color: #666;
    font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.rfdSelectDisabled.rfdSelectBox_Sabafon li
{
     background-color: transparent;
    color: #666;
    font-family: 'Helvetica',Arial;
    font-size: 13px;
}

/* 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_Sabafon.rfdButton a.rfdInputDisabled:hover
{
	_background-position: 0 0;
}

* html .RadForm_Sabafon.rfdButton a.rfdInputDisabled:hover *
{
	_background-position: 0 0px;
	_color: #666;
}

.RadForm_Sabafon.rfdTextbox input.rfdIE6TextBox,
.RadForm_Sabafon.rfdTextbox textarea.rfdIE6TextBox
{
    _border: solid 0px #666;
    _color: #666 !important;
    _background-color: #fff;
}

/* 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('z-FormDecorator/checkbox-21.png');
    }
    
    /* radio buttons */
    .rfdRadio input[type="radio"],
    .rfdRadio input[type="radio"][disabled="disabled"]:hover
    {
        background-image: url('z-FormDecorator/RadioButton-21.png');
    }
}

/* ----------------------------------------------- Skin-specific Scrollbar Settings for WebKit ----------------------------------------------- */

/* the scrollbar face color */
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-thumb:horizontal,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-thumb:horizontal
{
    background-color: #fff;
}

/* scrollbar track background color */
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-track-piece,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-track-piece
{
    background-color: #fff;
}

.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:horizontal:increment,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-thumb:horizontal,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:horizontal:increment,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-thumb:horizontal
{
    border-color: #fff #fff #fff #fff;
}

/* increment / decrement button settings */
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon textarea::-webkit-scrollbar-button:horizontal:increment,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:vertical:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:vertical:increment,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:horizontal:decrement,
.RadForm.rfdScrollBars.RadForm_Sabafon div::-webkit-scrollbar-button:horizontal:increment
{
    background-image: url('z-FormDecorator/ButtonSprites.gif');
    background-color: #fff;
}

/*GridView, FormView, DetailsView*/
.RadForm_Sabafon.rfdGrids .rfdTable
{
    background-color: transparent;
    color: #666;
    font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.RadForm_Sabafon.rfdGrids .rfdTable th
{
     background-color: transparent;
    color: #666;
   font-family: 'Helvetica',Arial;
    font-size: 13px;
}

.RadForm_Sabafon.rfdGrids .rfdTable a
{
     background-color: transparent;
    color: #666;
   font-family: 'Helvetica',Arial;
    font-size: 13px;
}