/* RadFormDecorator Transparent Skin */
.RadForm_VIBE_1_0
{
    font-size: 11px;
    font-family : "Droid Sans", Verdana, Arial, Sans !important;
}

.RadForm_VIBE_1_0.rfdTextbox input[type="text"], 
.RadForm_VIBE_1_0.rfdTextbox input[type="password"], 
.RadForm_VIBE_1_0.rfdTextarea textarea, 
.RadForm_VIBE_1_0.rfdTextarea textarea[disabled]:hover, 
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="text"]:hover, 
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="password"]:hover,
.RadForm_VIBE_1_0 .rfdCheckboxChecked, 
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdCheckboxChecked:hover,
.RadForm_VIBE_1_0 .rfdCheckboxUnchecked, 
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdCheckboxUnchecked:hover,
.RadForm_VIBE_1_0.rfdLabel label,
.RadForm_VIBE_1_0 .rfdRadioUnchecked, 
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdRadioUnchecked:hover, 
.RadForm_VIBE_1_0 .rfdRadioUnchecked:hover, 
.RadForm_VIBE_1_0 .rfdRadioChecked, 
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdRadioChecked:hover, 
.RadForm_VIBE_1_0 .rfdRadioChecked:hover,
.RadForm_VIBE_1_0 .riTextBox, /* prevents text flcikering in IE8, when TadTextBox is used with RDF */
.RadForm_VIBE_1_0 .rfdValidationSummaryControl,
.RadForm_VIBE_1_0 .rfdLoginControl,
.RadForm_VIBE_1_0 legend,
.RadForm_VIBE_1_0.rfdButton a.rfdSkinnedButton .rfdDecorated, 
.RadForm_VIBE_1_0.rfdButton a.rfdSkinnedButton .rfdDecorated *
{
	font-family: "Droid Sans", Verdana, Arial, Sans !important;
}

/* CSS class for styling the decoration zone or the <html /> tag of the page */
.RadForm_VIBE_1_0.rfdZone
{
    
}

/* Decorate scrollbars */
.RadForm_VIBE_1_0.rfdScrollBars
{
	scrollbar-3dlight-color: #ccc; 
	scrollbar-arrow-color: #292929;
	scrollbar-base-color: #ff6347; 
	scrollbar-darkshadow-color: #595959; 
	scrollbar-face-color: #e4e4e4;
	scrollbar-highlight-color: #fff; 
	scrollbar-shadow-color: #a3a3a3;
	scrollbar-track-color: #f0f0f0;
}

/* 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_VIBE_1_0.rfdButton a.rfdSkinnedButton,
.RadForm_VIBE_1_0.rfdButton input[type="button"].rfdDecorated,
.RadForm_VIBE_1_0.rfdButton input[type="reset"].rfdDecorated,
.RadForm_VIBE_1_0.rfdButton input[type="submit"].rfdDecorated,
.RadForm_VIBE_1_0.rfdButton .rfdSkinnedButton button
{
	background-image: url('FormDecorator/ButtonSprites.png');
	color: #484848;
}

/* 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_VIBE_1_0.rfdButton a.rfdSkinnedButton input
	{
	    display: block;
	    float: left;
	}
}

/* Decorate <h4|5|6 /> */
.RadForm_VIBE_1_0.rfdHeading h4
{
	color: #484848;
	border-bottom: solid 1px #a0a0a0;	
}

.RadForm_VIBE_1_0.rfdHeading h5
{
	color: #484848;
	border-bottom: solid 1px #a0a0a0;	
}

.RadForm_VIBE_1_0.rfdHeading h6
{
	color: #484848;
}

/* Decorate <label /> */
.RadForm_VIBE_1_0.rfdLabel label
{	
	color: #484848;
}

/* Decorate <input type="checkbox" /> */
.RadForm_VIBE_1_0 .rfdCheckboxUnchecked,
.RadForm_VIBE_1_0 .rfdCheckboxChecked,
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdCheckboxUnchecked,
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdCheckboxChecked
{
	-moz-appearance: none;
    -o-appearance:none; 
	background-image: url('FormDecorator/CheckBoxSprites.png');
}

/* Decorate <input type="radio" /> */
.RadForm_VIBE_1_0 .rfdRadioUnchecked,
.RadForm_VIBE_1_0 .rfdRadioChecked,
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdRadioUnchecked,
.RadForm_VIBE_1_0 .rfdInputDisabled.rfdRadioChecked
{
	-moz-appearance: none;
    -o-appearance:none; 
	background-image: url('FormDecorator/RadioButtonSprites.png');
}

/* <fieldset /> and <legend /> */

.RadForm_VIBE_1_0.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_VIBE_1_0 fieldset.rfdFieldset legend,
.RadForm_VIBE_1_0.rfdFieldset fieldset legend
{
	color: #484848;
}

div.rfdRoundedInner
{
	background: url('Common/TransContent.png');
}

.RadForm_VIBE_1_0 table.rfdRoundedWrapper:hover div.rfdRoundedInner
{
    background-color: #fff;
    border-color: #515151 !important;
}

/* this selector styles the hover of the side bars of the rounded elements */
.RadForm_VIBE_1_0 table.rfdRoundedWrapper:hover .rfdRoundedOuter
{	
	background-color: #515151 !important;
}

/* Decorate <input type="text | password | search | url | tel | email" /> and <textarea /> */
/* For all browsers except IE6 we are using attribute selectors - single or double */
.RadForm_VIBE_1_0.rfdTextbox input[type="text"],
.RadForm_VIBE_1_0.rfdTextbox input[type="password"],
.RadForm_VIBE_1_0.rfdTextbox input[type="search"],
.RadForm_VIBE_1_0.rfdTextbox input[type="url"],
.RadForm_VIBE_1_0.rfdTextbox input[type="tel"],
.RadForm_VIBE_1_0.rfdTextbox input[type="email"],
.RadForm_VIBE_1_0.rfdTextarea textarea,
.RadForm_VIBE_1_0.rfdTextarea textarea[disabled]:hover,
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="text"]:hover,
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="password"]:hover,
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="search"]:hover,
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="url"]:hover,
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="tel"]:hover,
.RadForm_VIBE_1_0.rfdTextbox input[disabled][type="email"]:hover
{
    /*-moz-box-shadow:    inset 0px 1px 5px #8e8e8e;
    -webkit-box-shadow: inset 0px 1px 5px #8e8e8e;
    box-shadow: inset 0px 1px 5px #8e8e8e;
    border: inset 1px #8e8e8e;
    background: url('Common/TransContent.png');
    border-width: 0px;*/
    font:12px "Droid Sans", Verdana, Arial, Sans; 
	border-color:#000000 #e3e3e3 #e3e3e3 #000000;
	border-color:rgba(142,142,142,0.38) rgba(204,204,204,0.55) rgba(204,204,204,0.55) rgba(142,142,142,0.38);
	background:url('Common/TransContent_42.png');
	color: #484848;
	border-width: 1px;
	border-style:solid;
}

.RadForm_VIBE_1_0.rfdTextbox .rfdDecorated:hover,
.RadForm_VIBE_1_0.rfdTextbox .rfdDecorated:hover,
.RadForm_VIBE_1_0.rfdTextarea textarea:hover
{
    border: solid 1px #515151;
}

/* Decorate <fieldset /> and <legend /> */
.RadForm_VIBE_1_0.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_VIBE_1_0.rfdFieldset fieldset.rfdFieldset legend
{
	color: #484848;
}

.RadForm_VIBE_1_0.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_VIBE_1_0.rfdFieldset fieldset.rfdFieldset
{	
	border: solid 1px #828282;
	background-image: url('FormDecorator/FieldsetBgr.png'); /* having a background image on a fieldset is not okay with IE */	
}

.RadForm_VIBE_1_0 fieldset
{
	border: 1px solid #999;
}

/* 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_VIBE_1_0 table.rfdRoundedWrapper input,
.RadForm_VIBE_1_0 table.rfdRoundedWrapper textarea,
.RadForm_VIBE_1_0 input.rfdInput, 
.RadForm_VIBE_1_0 textarea.rfdTextarea
{
	border: solid 1px #8e8e8e;
	background: #ffffff;	
	color: #484848;
}

.RadForm_VIBE_1_0 textarea.rfdTextarea,
.RadForm_VIBE_1_0 table.rfdRoundedWrapper textarea
{
    overflow: auto;
}

/* <select /> */
.rfdSelect_VIBE_1_0,
.rfdSelect_VIBE_1_0:hover,
.rfdSelect_VIBE_1_0 .rfdSelectOuter,
.rfdSelect_VIBE_1_0:hover .rfdSelectOuter,
.rfdSelect_VIBE_1_0 .rfdSelectArrow span,
.rfdSelectBox_VIBE_1_0 .rfdSelect_selected,
.rfdSelectBox_VIBE_1_0 li:hover,
.rfdSelect_VIBE_1_0.rfdSelectDisabled:hover,
.rfdRtl .rfdSelect_VIBE_1_0,
.rfdRtl .rfdSelect_VIBE_1_0:hover,
.rfdRtl .rfdSelect_VIBE_1_0 .rfdSelectOuter,
.rfdRtl .rfdSelect_VIBE_1_0 .rfdSelectOuter:hover
{
    background-image: url('FormDecorator/ComboSprites.png');
    background-repeat: no-repeat;
	background-color: transparent;
}

.rfdSelect_VIBE_1_0 .rfdSelectOuter,
.rfdSelect_VIBE_1_0.rfdSelectDisabled:hover .rfdSelectOuter
{
	color: #484848;
}

/* dropdown settings */
.rfdSelectBox_VIBE_1_0
{
    background-image: url('Common/TransContent.png') !important;
    border: solid 1px #828282;
	color: #484848;
}

.rfdSelectBox_VIBE_1_0 ul li
{
    padding: 0 0 0 3px;
    height: 17px;
    line-height: 17px;
}

.rfdSelectBox_VIBE_1_0 li:hover
{
    background-position: left -176px;
    color: #fff;
}

.rfdSelectBox_VIBE_1_0 .rfdSelect_selected
{
	background-position: left -193px;
    color: #000;
}

.rfdSelectBox_VIBE_1_0 .rfdSelectBox_optgroup_label:hover
{
    background: none;
    color: #000;
}

/* IE6 disabled state fix - this should not be added to the base stylesheet, but at the bottom of the skin file */
* html .RadForm_VIBE_1_0.rfdButton a.rfdInputDisabled:hover
{
	_background-position: 0 0;
}

* html .RadForm_VIBE_1_0.rfdButton a.rfdInputDisabled:hover *
{
	_background-position: right -21px;
	_color: #824703;
}

.RadForm_VIBE_1_0.rfdTextbox input.rfdIE6TextBox,
.RadForm_VIBE_1_0.rfdTextbox textarea.rfdIE6TextBox
{
    _border: solid 1px #938879;
    _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
    {
        -webkit-appearance: none;
        background-image: url('FormDecorator/CheckBoxSprites.png');
    }
    
    /* radio buttons */
    .rfdRadio input[type="radio"],
    .rfdRadio input[type="radio"][disabled="disabled"]:hover
    {
        -webkit-appearance: none;
        background-image: url('FormDecorator/RadioButtonSprites.png');
    }
}

/* ----------------------------------------------- Skin-specific Scrollbar Settings for WebKit ----------------------------------------------- */

/* the scrollbar face color */
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 body::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 body::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 body::-webkit-scrollbar-thumb:horizontal,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 div::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 div::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 div::-webkit-scrollbar-thumb:horizontal
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 form::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 form::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 form::-webkit-scrollbar-thumb:horizontal
{
    background-color: #e4e4e4;
    -webkit-opacity: .6;
}

/* scrollbar track background color */
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-track-piece,
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-corner
{
    background-color: #f0f0f0;
    -webkit-opacity: .6;
}

.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:vertical:decrement, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:vertical:increment, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:horizontal:decrement, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:horizontal:increment, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-thumb:vertical, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-thumb:horizontal
{
    border-color: #ccc #a3a3a3 #a3a3a3 #ccc;
    -webkit-opacity: .6;
}

/* increment / decrement button settings */
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:vertical:decrement, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:vertical:increment, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:horizontal:decrement, 
.RadForm.rfdScrollBars.RadForm_VIBE_1_0 ::-webkit-scrollbar-button:horizontal:increment
{
    background-image: url('FormDecorator/ButtonSprites.png');
    background-color: #e4e4e4;
    -webkit-opacity: .6;
}

/*GridView, FormView, DetailsView*/
.RadForm_VIBE_1_0.rfdGrids .rfdTable
{
    border:1px solid #828282;
    background:#fff;
    color:#333;
    font:12px "Droid Sans", Verdana, Arial, Sans;
}

.RadForm_VIBE_1_0.rfdGrids .rfdTable th
{
    border-bottom:1px solid #828282;
    border-left:1px solid #828282;
    background:#eaeaea;
    color:#333;
}

.RadForm_VIBE_1_0.rfdGrids .rfdTable a
{
	color: #484848;
}

/* Validation Summary Control and Login Control  */

.RadForm_VIBE_1_0 .rfdValidationSummaryControl,
.RadForm_VIBE_1_0 .rfdLoginControl
{
	background-color: #fff;
	border: 1px solid #848484;
}

.RadForm_VIBE_1_0 a.rfdLoginControl,
.RadForm_VIBE_1_0 a.rfdLoginControl:active,
.RadForm_VIBE_1_0 a.rfdLoginControl:visited
{
	color: #484848;
}

.RadForm_VIBE_1_0 a.rfdLoginControl:hover
{
	color: #4b4b4b;
}