/* RadFormDecorator for ASP.NET Black Skin */

/* CSS class for styling the decoration zone or the <html /> tag of the page */
.RadForm_DWDS.rfdZone
{
    background-color: #292929;
    color: white;
}

/* Decorate scrollbars */
.RadForm_DWDS.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;
}

/* 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_DWDS.rfdButton a.rfdSkinnedButton,
.RadForm_DWDS.rfdButton input[type="button"].rfdDecorated,
.RadForm_DWDS.rfdButton input[type="reset"],
.RadForm_DWDS.rfdButton input[type="submit"].rfdDecorated,
.RadForm_DWDS.rfdButton button
{
	background-image: url('FormDecorator/ButtonSprites.png');
	color: #ffffff;
	font-family:Verdana, Arial, Sans-serif !important;
	font-size:10px !important; font-weight:bold !important;
    white-space: nowrap;
    background-repeat: repeat-x;
    width: auto !important;
    
}

/*clear button ".btnGray" */
.RadForm_DWDS.rfdButton .btnGray  a.rfdSkinnedButton,
.RadForm_DWDS.rfdButton .btnGray input[type="button"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnGray input[type="reset"],
.RadForm_DWDS.rfdButton .btnGray input[type="submit"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnGray button
{
	background-image: url('FormDecorator/ButtonSprites_Gray.png') !important;
	color: #ffffff;
}

/*green button ".btnGreen" */
.RadForm_DWDS.rfdButton .btnGreen  a.rfdSkinnedButton,
.RadForm_DWDS.rfdButton .btnGreen input[type="button"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnGreen input[type="reset"],
.RadForm_DWDS.rfdButton .btnGreen input[type="submit"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnGreen button
{
	background-image: url('FormDecorator/ButtonSprites_Green.png') !important;
	color: #ffffff;
	
}


/*red button ".btnRed" */
.RadForm_DWDS.rfdButton .btnRed  a.rfdSkinnedButton,
.RadForm_DWDS.rfdButton .btnRed input[type="button"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnRed input[type="reset"],
.RadForm_DWDS.rfdButton .btnRed input[type="submit"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnRed button
{
	background-image: url('FormDecorator/ButtonSprites_Red.png') !important;
	color: #ffffff;
}



/*blue button ".btnBlue" */
.RadForm_DWDS.rfdButton .btnBlue  a.rfdSkinnedButton,
.RadForm_DWDS.rfdButton .btnBlue input[type="button"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnBlue input[type="reset"],
.RadForm_DWDS.rfdButton .btnBlue input[type="submit"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnBlue button
{
	background-image: url('FormDecorator/ButtonSprites_Blue.png') !important;
	color: #ffffff;
}


/*yellow button ".btnYellow" */
.RadForm_DWDS.rfdButton .btnYellow  a.rfdSkinnedButton,
.RadForm_DWDS.rfdButton .btnYellow input[type="button"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnYellow input[type="reset"],
.RadForm_DWDS.rfdButton .btnYellow input[type="submit"].rfdDecorated,
.RadForm_DWDS.rfdButton .btnYellow button
{
	background-image: url('FormDecorator/ButtonSprites_Yellow.png') !important;
	color: #ffffff;
}



.RadForm_DWDS.rfdButton a.rfdSkinnedButton *
{
    _color: white; /* IE6 */
    
}

.RadForm_DWDS.rfdButton .rfdSkinnedButton:hover *
{
    color: #9eda29;
   
}

.RadForm_DWDS.rfdButton .rfdSkinnedButton .rfdDecorated
{
	padding-bottom:4px;
	
}

.RadForm_DWDS.rfdButton .rfdSkinnedButton .rfdDecorated:hover
{
	color:#fba01b; 
	cursor:pointer;
	text-decoration:none;
}

.RadForm_DWDS.rfdButton a.rfdSkinnedButton,
.RadForm_DWDS.rfdButton a.rfdSkinnedButton *
{
    _background-image: url('FormDecorator/ButtonSprites.png');
    
}



/* 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_DWDS.rfdButton a.rfdSkinnedButton input
	{
	    display: block;
	    float: left;
	}
}

/* Decorate <h4|5|6 /> */
.RadForm_DWDS.rfdHeading h4
{
	color: #9eda29;	
	border-bottom: solid 1px #3a3a3a;	
}

.RadForm_DWDS.rfdHeading h5
{
	color: #9eda29;	
	border-bottom: solid 1px #3a3a3a;	
}

.RadForm_DWDS.rfdHeading h6
{
	color: #9eda29;	
}

/* Decorate <label /> */
.RadForm_DWDS.rfdLabel label
{	
	color: #ffffff;	
}

/* Decorate <input type="checkbox" /> */
.RadForm_DWDS .rfdCheckboxUnchecked,
.RadForm_DWDS .rfdInputDisabled.rfdCheckboxUnchecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 0;
}

.RadForm_DWDS .rfdCheckboxUnchecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -200px;
}

.RadForm_DWDS .rfdCheckboxChecked,
.RadForm_DWDS .rfdInputDisabled.rfdCheckboxChecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -420px;
}

.RadForm_DWDS .rfdCheckboxChecked:hover
{
	background: transparent url('FormDecorator/CheckBoxSprites.gif') no-repeat 0 -640px;
}

/* Decorate <input type="radio" /> */
.RadForm_DWDS .rfdRadioUnchecked,
.RadForm_DWDS .rfdInputDisabled.rfdRadioUnchecked:hover
{
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px 0;
}

.RadForm_DWDS .rfdRadioUnchecked:hover
{
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -220px;
}

.RadForm_DWDS .rfdRadioChecked,
.RadForm_DWDS .rfdInputDisabled.rfdRadioChecked:hover 
{
	background: transparent url('FormDecorator/RadioButtonSprites.png') no-repeat 1px -440px;
}

.RadForm_DWDS .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_DWDS .rfdRadioUnchecked,
.RadForm_DWDS .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm_DWDS .rfdRadioUnchecked:hover,
.RadForm_DWDS .rfdRadioChecked,
.RadForm_DWDS .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm_DWDS .rfdRadioChecked:hover
{
    _background-image: url('FormDecorator/RadioButtonSprites.png'); /* 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_DWDS.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_DWDS fieldset.rfdFieldset legend
{
	color: #9eda29;
}

.RadForm_DWDS table.rfdRoundedWrapper:hover div.rfdRoundedInner
{
    background-color: #ffffff;
    border-color: #9eda29 !important;
}

/* this selector styles the hover of the side bars of the rounded elements */
.RadForm_DWDS table.rfdRoundedWrapper:hover .rfdRoundedOuter
{	
	background-color: #9eda29 !important;
}

/* Decorate <input type="text | password" /> and <textarea /> */
/* For all browsers except IE6 we are using attribute selectors - single or double */
.RadForm_DWDS.rfdTextbox input[type="text"],
.RadForm_DWDS.rfdTextbox input[type="password"],
.RadForm_DWDS.rfdTextarea textarea,
.RadForm_DWDS.rfdTextarea textarea[disabled]:hover,
.RadForm_DWDS.rfdTextbox input[disabled][type="text"]:hover,
.RadForm_DWDS.rfdTextbox input[disabled][type="password"]:hover
{
    border: solid 1px #080808;
    background-color: #444444;
    color: white;
}

.RadForm_DWDS.rfdTextbox .rfdDecorated:hover,
.RadForm_DWDS.rfdTextbox .rfdDecorated:hover,
.RadForm_DWDS.rfdTextarea textarea:hover
{
    border: solid 1px #9eda29;
}

/* Decorate <fieldset /> */
.RadForm_DWDS.rfdFieldset fieldset
{	
	border: solid 1px #080808;
	background-image: url('FormDecorator/FieldsetBgr.png'); /* having a background image on a fieldset is not okay with IE */	
}

/* Decorate <fieldset /> and <legend /> */
.RadForm_DWDS.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_DWDS.rfdFieldset fieldset.rfdFieldset legend
{
	color: #9eda29;
}

.RadForm_DWDS.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_DWDS.rfdFieldset fieldset.rfdFieldset
{	
	border: solid 1px #080808;
	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_DWDS table.rfdRoundedWrapper input,
.RadForm_DWDS table.rfdRoundedWrapper textarea,
.RadForm_DWDS input.rfdInput, 
.RadForm_DWDS textarea.rfdTextarea
{
	border: solid 1px #080808;
	background: #444444;	
	color: #000000;
}

.RadForm_DWDS textarea.rfdTextarea,
.RadForm_DWDS table.rfdRoundedWrapper textarea
{
    overflow: auto;
    color: white;
}

/* <select /> */
.rfdSelect_DWDS,
.rfdSelect_DWDS:hover,
.rfdSelect_DWDS .rfdSelectOuter,
.rfdSelect_DWDS:hover .rfdSelectOuter,
.rfdSelect_DWDS .rfdSelectArrow span,
.rfdSelectBox_DWDS .rfdSelect_selected,
.rfdSelectBox_DWDS li:hover,
.rfdSelect_DWDS.rfdSelectDisabled:hover,
.rfdRtl .rfdSelect_DWDS,
.rfdRtl .rfdSelect_DWDS:hover,
.rfdRtl .rfdSelect_DWDS .rfdSelectOuter,
.rfdRtl .rfdSelect_DWDS .rfdSelectOuter:hover
{
    background-image: url('FormDecorator/ComboSprites.gif');
    background-repeat: no-repeat;
    background-color: transparent;
}

.rfdSelect_DWDS .rfdSelectOuter,
.rfdSelect_DWDS.rfdSelectDisabled:hover .rfdSelectOuter
{
    color: white;
}

.rfdSelect_DWDS:hover .rfdSelectOuter
{
    color: #9eda29;
}

/* dropdown settings */
.rfdSelectBox_DWDS
{
    background-color: #363636;
    border: solid 1px #080808;
    color: #fff;
}

.rfdSelectBox_DWDS li
{
    padding: 0 0 0 3px;
    background-image: none !important;
}

.rfdSelectBox_DWDS .rfdSelect_selected,
.rfdSelectBox_DWDS li:hover
{
    color: #9eda29;
    background-color: #1e1e1e;
}

.rfdSelectBox_DWDS .rfdSelectBox_optgroup_label:hover
{
    background: none;
    color: #fff;
}

.rfdSelectDisabled.rfdSelectBox_DWDS li
{
    color: #fff;
}

/* 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_DWDS.rfdButton a.rfdInputDisabled:hover
{
	_background-position: 0 0;
}

* html .RadForm_DWDS.rfdButton a.rfdInputDisabled:hover *
{
	_background-position: right -21px;
	_color: #000000;
}

.RadForm_DWDS.rfdTextbox input.rfdIE6TextBox,
.RadForm_DWDS.rfdTextbox textarea.rfdIE6TextBox
{
    _border: solid 1px #080808;
    _color: white !important;
    _background-color: #444444;
}