/* FORM DECORATOR "WEBBLUE" SKIN */

.radfd_WebBlue.radfd_ScrollBars
{
	scrollbar-3dlight-color: #90979e; 
	scrollbar-arrow-color: #787878;
	scrollbar-base-color: #f5f5f5; 
	scrollbar-darkshadow-color: #e7f1fa; 
	scrollbar-face-color: #c7d0d9;
	scrollbar-highlight-color: #e7f1fa; 
	scrollbar-shadow-color: #6787bb;
	scrollbar-track-color: #f0f2f4;
}

/* label settings */
.radfd_WebBlue label.WebBlue
{
    color: #626262;
}

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

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

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

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

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

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

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

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

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

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

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

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

a.radfd_WebBlue span:hover
{
    color: #e1e4e9;
}

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

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

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

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

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

a.radfd_WebBlue.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_WebBlue
{
    -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_WebBlue h4.radfd_h4,
.radfd_WebBlue h5.radfd_h5,
.radfd_WebBlue h6.radfd_h6
{		
	color: #333333;
}

/* Headings 4-6 */
.radfd_WebBlue h4.radfd_h4
{
	border-bottom: solid 1px #b8cce4;	
	background: #dfeeff;
}

.radfd_WebBlue h5.radfd_h5
{
	border-bottom: solid 1px #b8cce4;	
}

/* LABEL */
.radfd_WebBlue label.radfd_label
{	
	color: #333333;
}

/* FIELDSET & LEGEND */
.radfd_WebBlue table.radfd_roundedWrapper_fieldset legend,
.radfd_WebBlue 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: #333333;
}

.radfd_WebBlue table.radfd_roundedWrapper_fieldset fieldset,
.radfd_WebBlue fieldset.radfd_fieldset
{	
	border: solid 1px #69798c;
	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_WebBlue table.radfd_roundedWrapper input,
.radfd_WebBlue table.radfd_roundedWrapper textarea,
.radfd_WebBlue input.radfd_input, 
.radfd_WebBlue textarea.radfd_textarea
{
	border: solid 1px #8b9cac;
	background: #ffffff;	
	color: #32327f;
	overflow: hidden;
}

.radfd_WebBlue  table.radfd_roundedWrapper input[disabled="disabled"]:hover,
.radfd_WebBlue  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_WebBlue  table.radfd_roundedWrapper input:hover,
.radfd_WebBlue  table.radfd_roundedWrapper textarea:hover,
.radfd_WebBlue table.radfd_roundedWrapper:hover .radfd_roundedInnerSpan,
.radfd_WebBlue input.radfd_input:hover, 
.radfd_WebBlue textarea.radfd_textarea:hover
{
	border-color: #8b9cac !important;
	background: #f0f2f4 !important;
	background: #f0f2f4;
}

.radfd_WebBlue table.radfd_roundedWrapper:hover .radfd_roundedOuterSpan
{	
	background-color: #8b9cac !important;
}