/* FORM DECORATOR "WEB20" SKIN */

.RadForm_Web20.rfdScrollBars
{
	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 */
.RadForm_Web20 label.Web20
{
    color: #626262;
}

/* checkbox settings */
.RadForm_Web20 .rfdCheckboxUnchecked,
.RadForm_Web20 .rfdInputDisabled.rfdCheckboxUnchecked:hover
{
	background: transparent url(FormDecorator/CheckBoxSprites.gif) no-repeat 0 0;
}

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

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

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

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

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

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

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

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

a.RadForm_Web20.rfdInputDisabled:hover span
{
    color: #fff;
}

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

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

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

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

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

a.RadForm_Web20.rfdClicked .rfdInner
{
    background-position: 0 -63px;
    background-repeat: repeat-x;
}

a.RadForm_Web20.rfdClicked .rfdOuter
{
    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.rfdSkinnedButton.RadForm_Web20
{
    -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;
}

.RadForm_Web20 h4.rfdH4,
.RadForm_Web20 h5.rfdH5,
.RadForm_Web20 h6.rfdH6
{		
	color: #6788be;
}

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

.RadForm_Web20 h5.rfdH5
{
	border-bottom: solid 1px #f0f2f3;	
}

/* LABEL */
.RadForm_Web20 label.rfdLabel
{	
	color: #000000;
}

/* FIELDSET & LEGEND */
.RadForm_Web20 table.rfdRoundedWrapper_fieldset legend,
.RadForm_Web20 fieldset.rfdFieldset 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;
}

.RadForm_Web20 table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_Web20 fieldset.rfdFieldset
{	
	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*/
.RadForm_Web20 table.rfdRoundedWrapper input,
.RadForm_Web20 table.rfdRoundedWrapper textarea,
.RadForm_Web20 input.rfdInput, 
.RadForm_Web20 textarea.rfdTextarea
{
	border: solid 1px #6788be;
	background: #ffffff;	
	color: #000000;
	overflow: hidden;
}

.RadForm_Web20  table.rfdRoundedWrapper input[disabled="disabled"]:hover,
.RadForm_Web20  table.rfdRoundedWrapper 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 */
.RadForm_Web20  table.rfdRoundedWrapper input:hover,
.RadForm_Web20  table.rfdRoundedWrapper textarea:hover,
.RadForm_Web20 table.rfdRoundedWrapper:hover .rfdRoundedInner,
.RadForm_Web20 input.rfdInput:hover, 
.RadForm_Web20 textarea.rfdTextarea:hover
{
	border-color: #a5bedf !important;
	background: #ffffff;
}

.RadForm_Web20 table.rfdRoundedWrapper:hover .rfdRoundedOuter
{	
	background-color: #a5bedf !important;
}

/* skinned combobox begin */

.rfdSelect_Web20,
.rfdSelect_Web20.rfdSelect_disabled:hover
{
	border: solid 1px #6788be;
	background: white;
}

.rfdSelect_Web20:hover
{
    background: #a0b8db;
}

.rfdSelect_Web20 .rfdSelect_textSpan,
.rfdSelect_Web20.rfdSelect_disabled:hover .rfdSelect_textSpan
{
    color: #6788be;
}

.rfdSelect_Web20:hover .rfdSelect_textSpan
{
    color: white;
}

.rfdSelect_Web20 .rfdSelect_arrowSpan
{
	margin: 1px;
}

.rfdSelect_Web20 .rfdSelect_arrowSpan span,
.rfdSelect_Web20.rfdSelect_disabled:hover .rfdSelect_arrowSpan span
{
	background: url('FormDecorator/ComboSprites.gif') no-repeat 0 0;
}

.rfdSelect_Web20:hover .rfdSelect_arrowSpan span
{
    background-position: -14px 0;
}

/* dropdown settings */
.rfdSelectbox_Web20
{
    background: white;
    border: solid 1px #6788be;
    color: #6788be;
}

.rfdSelectbox_Web20 li
{
    padding-left: 3px;
}

.rfdSelectbox_Web20 .rfdSelect_selected,
.rfdSelectbox_Web20 li:hover
{
    background: #a0b8db;
    color: white;
}

.rfdSelectbox_Web20 .rfdSelectbox_optgroup_label:hover
{
    background: none;
    color: #373737;
}

/* skinned combobox end */