/* FORM DECORATOR "WEB20" SKIN */

.radfd_Web20.radfd_ScrollBars
{
	scrollbar-3dlight-color: #959695; 
	scrollbar-arrow-color: #3e3e3e;
	scrollbar-base-color: #f5f5f5; 
	scrollbar-darkshadow-color: #e7f1fa; 
	scrollbar-face-color: #e7f1fa;
	scrollbar-highlight-color: #e7f1fa; 
	scrollbar-shadow-color: #6787bb;
	scrollbar-track-color: #fff;
}

/* label settings */
.radfd_Web20 label.Web20
{
    color: #626262;
}

/* checkbox settings */
.radfd_Web20 .radfdCheckboxUnchecked,
.radfd_Web20 .radfdCheckboxUnchecked.radfdInputDisabled:hover
{
	background: transparent url(FormDecorator/CheckBoxSprites.gif) no-repeat 0 0;
}

.radfd_Web20 .radfdInputDisabled.radfdCheckboxUnchecked:hover
{
	background: transparent url(FormDecorator/CheckBoxSprites.gif) no-repeat 0 0 !important;
}

.radfd_Web20 .radfdCheckboxUnchecked:hover
{
	background: transparent url(FormDecorator/CheckBoxSprites.gif) no-repeat 0 -200px !important;
}

.radfd_Web20 .radfdCheckboxChecked,
.radfd_Web20 .radfdInputDisabled.radfdCheckboxChecked:hover
{
	background: transparent url(FormDecorator/CheckBoxSprites.gif) no-repeat 0 -420px;
}

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

/* radiobutton settings */
.radfd_Web20 .radfdRadioUnchecked,
.radfd_Web20 .radfdInputDisabled.radfdRadioUnchecked:hover
{
	background: transparent url(FormDecorator/RadioButtonSprites.gif) no-repeat 1px 0;
}

.radfd_Web20 .radfdRadioUnchecked:hover
{
	background: transparent url(FormDecorator/RadioButtonSprites.gif) no-repeat 1px -220px;
}

.radfd_Web20 .radfdRadioChecked,
.radfd_Web20 .radfdInputDisabled.radfdRadioChecked:hover 
{
	background: transparent url(FormDecorator/RadioButtonSprites.gif) no-repeat 1px -440px;
}

.radfd_Web20 .radfdRadioChecked:hover
{
	background: transparent url(FormDecorator/RadioButtonSprites.gif) no-repeat 1px -640px;
}
/* end of radiobutton settings */

/* button settings */
a.radfd_Web20, a.radfd_Web20 span
{
	background-image: url(FormDecorator/ButtonSprites.gif);
	/* font: bold 11px Verdana, Verdana, Arial, Sans-serif; */
	color: #fff;
}

a.radfd_Web20.radfdInputDisabled:hover span
{
    color: #fff;
}

a.radfd_Web20
{
	padding-left: 4px;
}

a.radfd_Web20 span:hover
{
    color: #006;
}

a.radfd_Web20 span
{
	line-height: 21px;
}

a.radfd_Web20 .radfdInnerSpan
{
	margin-right: 4px;
	background-position: 0 -21px;
}
/* end of button settings */

/* clicked button styles */
a.radfd_Web20.radfd_Clicked
{
    background-image: url(FormDecorator/ButtonSprites.gif);
    background-position: 0 -42px;
    background-repeat: no-repeat;
}

a.radfd_Web20.radfd_Clicked span,
a.radfd_Web20.radfd_Clicked:hover span
{
    background-image: url(FormDecorator/ButtonSprites.gif);
    color: #fff;
}

a.radfd_Web20.radfd_Clicked .radfdInnerSpan
{
    background-position: 0 -63px;
    background-repeat: repeat-x;
}

a.radfd_Web20.radfd_Clicked .radfdOuterSpan
{
    background-position: right -42px;
    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.radfdSkinnedFormButton.radfd_Web20
{
    -moz-user-select: none !important;
	outline: none !important;
	text-decoration: none !important;
	cursor: default !important;
	text-align: center !important;
	background-color: transparent !important;
    position: absolute !important;
    display: inline !important;
}

.radfd_Web20 h4.radfd_h4,
.radfd_Web20 h5.radfd_h5,
.radfd_Web20 h6.radfd_h6
{		
	color: #6788be;
}

/* Headings 4-6 */
.radfd_Web20 h4.radfd_h4
{
	border-bottom: solid 1px #f0f2f3;	
}

.radfd_Web20 h5.radfd_h5
{
	border-bottom: solid 1px #f0f2f3;	
}

/* LABEL */
.radfd_Web20 label.radfd_label
{	
	color: #000000;
}

/* FIELDSET & LEGEND */
.radfd_Web20 table.radfd_roundedWrapper_fieldset legend,
.radfd_Web20 fieldset.radfd_fieldset legend
{
	/*Mandatory to set the height of the legend, so as to be able to calculate the rounded corners in IE properly*/
	font-size: 12px;
	height:30px;
	line-height:30px;
	color: #6788be;
}

.radfd_Web20 table.radfd_roundedWrapper_fieldset fieldset,
.radfd_Web20 fieldset.radfd_fieldset
{	
	border: solid 1px #6788be;
	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*/
.radfd_Web20 table.radfd_roundedWrapper input,
.radfd_Web20 table.radfd_roundedWrapper textarea,
.radfd_Web20 input.radfd_input, 
.radfd_Web20 textarea.radfd_textarea
{
	border: solid 1px #6788be;
	background: #ffffff;	
	color: #000000;
	overflow: hidden;
}

.radfd_Web20  table.radfd_roundedWrapper input[disabled="disabled"]:hover,
.radfd_Web20  table.radfd_roundedWrapper textarea[disabled="disabled"]:hover
{
	border: solid 1px #8e8e8e;
	background: #ffffff;	
	color: #171717;
	overflow: hidden;
	filter: alpha(opacity=30);
	-moz-opacity: .3;
	opacity: .3;
}

/* add classes for HOVER effect */
.radfd_Web20  table.radfd_roundedWrapper input:hover,
.radfd_Web20  table.radfd_roundedWrapper textarea:hover,
.radfd_Web20 table.radfd_roundedWrapper:hover .radfd_roundedInnerSpan,
.radfd_Web20 input.radfd_input:hover, 
.radfd_Web20 textarea.radfd_textarea:hover
{
	border-color: #a5bedf !important;
	background: #ffffff;
}

.radfd_Web20 table.radfd_roundedWrapper:hover .radfd_roundedOuterSpan
{	
	background-color: #a5bedf !important;
}