/* RadFormDecorator Metro Skin */

/* CSS class for styling the decoration zone or the <html /> tag of the page */
.RadForm_Texim.rfdZone 
{

}

@media screen and (-webkit-min-device-pixel-ratio: 0)
{
    .RadForm_Texim.rfdButton a.rfdSkinnedButton input.rfdDecorated,
    .RadForm_Texim.rfdButton a.rfdSkinnedButton input.rfdDecorated,
    .RadForm_Texim.rfdButton a.rfdSkinnedButton input.rfdDecorated:active,
    .RadForm_Texim.rfdButton a.rfdSkinnedButton input.rfdDecorated:focus
    {
    	background-color: transparent;
    	border: 0;
			
    }
}

/* Decorate scrollbars */
.RadForm_Texim.rfdScrollBars
{
	scrollbar-3dlight-color: #e5e5e5; 
	scrollbar-arrow-color: #000;
	scrollbar-base-color: #e5e5e5; 
	scrollbar-darkshadow-color: #e5e5e5; 
	scrollbar-face-color: #e5e5e5;
	scrollbar-highlight-color: #e5e5e5; 
	scrollbar-shadow-color: #000;
	scrollbar-track-color: #d5d4d4;
}

/* 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_Texim.rfdButton a.rfdSkinnedButton,
.RadForm_Texim.rfdButton input[type="button"].rfdDecorated,
.RadForm_Texim.rfdButton input[type="reset"].rfdDecorated,
.RadForm_Texim.rfdButton input[type="submit"].rfdDecorated,
.RadForm_Texim.rfdButton .rfdSkinnedButton button,
.RadForm_Texim.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover,
.RadForm_Texim.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover *
{
	background: #fff;
	border: 1px solid #e5e5e5;
	
	cursor:pointer!important;
	font-family:Arial!important;

}

*html .RadForm_Texim a.rfdSkinnedButton,
*html .RadForm_Texim .rfdSkinnedButton button,
*html .RadForm_Texim .rfdSkinnedButton input.rfdDecorated 
{
	background: #fff;
	
	cursor:pointer!important;
	font-family:Arial!important;
}

/*.RadForm_Texim.rfdButton a.rfdSkinnedButton *
{
    padding-left: 4px !important;
}*/

.RadForm_Texim.rfdButton a.rfdSkinnedButton,
.RadForm_Texim.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover
{
    border: solid 1px #e5e5e5 !important;
}

.RadForm_Texim.rfdButton a.rfdSkinnedButton:hover
{
    border-color: #e5e5e5 !important;
} 

.RadForm_Texim.rfdButton a.rfdSkinnedButton:hover,
.RadForm_Texim.rfdButton a.rfdSkinnedButton:hover *
{
    background: #e5e5e5;
    color: #000;
}

.RadForm_Texim.rfdButton a.rfdClickedButton,
.RadForm_Texim.rfdButton a.rfdClickedButton:hover
{
    border-color: #5278B7 !important;
}

.RadForm_Texim.rfdButton a.rfdClickedButton,
.RadForm_Texim.rfdButton a.rfdClickedButton *
{
    background-color: #5278B7 !important;
    color: #fff !important;
}

/* below are the IE6 fixes - should not be combined with the other CSS */
.RadForm_Texim.rfdButton a.rfdSkinnedButton:link,
.RadForm_Texim.rfdButton a.rfdSkinnedButton:visited
{
    _border: solid 1px #e5e5e5 !important;
    _background-color: #fff !important;
	_color: #767676 !important;
}

.RadForm_Texim.rfdButton a.rfdSkinnedButton *
{
    _background-color: #fff !important;
}

.RadForm_Texim.rfdButton a.rfdSkinnedButton:hover
{
    _border: solid 1px #e5e5e5 !important;
    _background-color: #e5e5e5 !important;
}

.RadForm_Texim.rfdButton a.rfdSkinnedButton:hover *
{
    _background-color: #ffe79c !important;
    _color: #882501 !important;
}

.RadForm_Texim.rfdButton a.rfdInputDisabled:hover
{
    _border: solid 1px #e5e5e5 !important;
}

.RadForm_Texim.rfdButton a.rfdInputDisabled:hover,
.RadForm_Texim.rfdButton a.rfdInputDisabled:hover *
{
    _background-color: #fff !important;
}

/* 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_Texim.rfdButton a.rfdSkinnedButton input
	{
	    display: block;
	    float: left;
	}
}

/* Decorate <h4|5|6 /> */
.RadForm_Texim.rfdHeading h4,
.RadForm_Texim.rfdHeading h5,
.RadForm_Texim.rfdHeading h6
{
	color: #767676;	
	border-bottom: solid 1px #767676;
	text-transform: uppercase;
}

/* Decorate <label /> */
.RadForm_Texim.rfdLabel label,
.RadForm_Texim.rfdLabel .rfdAspLabel
{	
	/* color: #767676; */
}

/* Decorate <input type="checkbox" /> */
.RadForm_Texim .rfdCheckboxUnchecked,
.RadForm_Texim .rfdCheckboxChecked,
.RadForm_Texim .rfdInputDisabled.rfdCheckboxUnchecked,
.RadForm_Texim .rfdInputDisabled.rfdCheckboxChecked
{
	background-image: url('../../images/CheckBoxSprites.gif');
}

/* Decorate <input type="radio" /> */
.RadForm_Texim .rfdRadioUnchecked,
.RadForm_Texim .rfdRadioChecked,
.RadForm_Texim .rfdInputDisabled.rfdRadioUnchecked,
.RadForm_Texim .rfdInputDisabled.rfdRadioChecked
{
	background-image: url('../../images/RadioButtonSprites.png');
}

/* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */
.RadForm_Texim .rfdRadioUnchecked,
.RadForm_Texim .rfdInputDisabled.rfdRadioUnchecked:hover,
.RadForm_Texim .rfdRadioUnchecked:hover,
.RadForm_Texim .rfdRadioChecked,
.RadForm_Texim .rfdInputDisabled.rfdRadioChecked:hover,
.RadForm_Texim .rfdRadioChecked:hover
{
    _background-image: url('../../images/RadioButtonSprites.gif'); /* IE6 hack */
}

/* <fieldset /> and <legend /> */

.RadForm_Texim.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_Texim.rfdFieldset fieldset legend
{
	/* color: #767676; */
}

.RadForm_Texim table.rfdRoundedWrapper:hover div.rfdRoundedInner
{
    background-color: #fff;
    border-color: #767676 !important;
}

/* this selector styles the hover of the side bars of the rounded elements */
.RadForm_Texim table.rfdRoundedWrapper:hover .rfdRoundedOuter
{	
	background-color: #767676 !important;
}

/* Decorate <input type="text | password" /> and <textarea /> */
/* For all browsers except IE6 we are using attribute selectors - single or double */
.RadForm_Texim.rfdTextbox input[type="text"],
.RadForm_Texim.rfdTextbox input[type="password"],
.RadForm_Texim.rfdTextarea textarea,
.RadForm_Texim.rfdTextarea textarea[disabled]:hover,
.RadForm_Texim.rfdTextbox input[disabled][type="text"]:hover,
.RadForm_Texim.rfdTextbox input[disabled][type="password"]:hover
{
  
   
	font-family:arial!important;
	padding:4px 2px 4px 2px!important;
}


.RadForm_Texim.rfdTextbox .rfdDecorated:hover,
.RadForm_Texim.rfdTextbox .rfdDecorated:hover,
.RadForm_Texim.rfdTextarea textarea:hover
{

}

.RadForm_Texim.rfdTextbox .rfdDecorated:focus,
.RadForm_Texim.rfdTextbox .rfdDecorated:focus,
.RadForm_Texim.rfdTextarea textarea:focus,
.RadForm_Texim.rfdTextbox .rfdDecorated:active,
.RadForm_Texim.rfdTextbox .rfdDecorated:active,
.RadForm_Texim.rfdTextarea textarea:active
{
 
}

/* Decorate <fieldset /> and <legend /> */
.RadForm_Texim.rfdFieldset table.rfdRoundedWrapper_fieldset legend,
.RadForm_Texim.rfdFieldset fieldset.rfdFieldset legend
{
	/* color: #767676; */
}

.RadForm_Texim.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset,
.RadForm_Texim.rfdFieldset fieldset
{	
	border: solid 1px #e5e5e5;
}

/* 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_Texim table.rfdRoundedWrapper input,
.RadForm_Texim table.rfdRoundedWrapper textarea,
.RadForm_Texim input.rfdInput, 
.RadForm_Texim textarea.rfdTextarea
{
	border: solid 1px #e5e5e5;
	background: #fff;	
	/* color: #767676; */
}

.RadForm_Texim textarea.rfdTextarea,
.RadForm_Texim table.rfdRoundedWrapper textarea
{
    overflow: auto;
} 

/* <select /> */
.rfdSelect_Texim,
.rfdSelect_Texim:hover,
.rfdSelect_Texim .rfdSelectOuter,
.rfdSelect_Texim:hover .rfdSelectOuter,
.rfdSelect_Texim .rfdSelectArrow span,
.rfdSelectBox_Texim .rfdSelect_selected,
.rfdSelectBox_Texim li:hover,
.rfdSelect_Texim.rfdSelectDisabled:hover,
.rfdRtl .rfdSelect_Texim,
.rfdRtl .rfdSelect_Texim:hover,
.rfdRtl .rfdSelect_Texim .rfdSelectOuter,
.rfdRtl .rfdSelect_Texim .rfdSelectOuter:hover
{
    background-image: url('../../images/ComboSprites.gif');
    background-repeat: no-repeat;
    background-color: transparent;
}

.rfdSelect_Texim .rfdSelectOuter,
.rfdSelect_Texim.rfdSelectDisabled:hover .rfdSelectOuter
{
   /*  color: #767676; */
}

.rfdSelect_Texim:hover .rfdSelectOuter
{
    color: #000;
}

/* dropdown settings */
.rfdSelectBox_Texim
{
    background: #fff;
    border: solid 1px #e5e5e5;
    color: #767676;
     border-radius: 0;
    -webkit-border-radius: 0;
	-moz-border-radius: 0;
}

.rfdSelectBox_Texim li
{
    padding: 0 0 0 3px;
    background-image: none !important;
}

.rfdSelectBox_Texim li:hover
{
    background-color: #e5e5e5;
    color: #000;
}

.rfdSelectBox_Texim .rfdSelectBox_optgroup_label:hover
{
    background: none;
    color: #000;
}

.rfdSelectBox_Texim .rfdSelect_selected
{
	background-color: #5278B7;
	color: #fff;
}

/* IE6 disabled state fix - this should not be added to the base stylesheet, but at the bottom of the skin file */
* html .RadForm_Texim.rfdButton a.rfdInputDisabled:hover
{
	_background-position: 0 0;
}

* html .RadForm_Texim.rfdButton a.rfdInputDisabled:hover *
{
	_background-position: right -21px;
	_color: #824703;
}

/* IE6 only settings - should be at the bottom of the file */
.RadForm_Texim.rfdTextbox input.rfdIE6TextBox,
.RadForm_Texim.rfdTextbox textarea.rfdIE6TextBox
{
    _border: solid 1px #e5e5e5;
    _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
    {
        background-image: url('../../images/CheckBoxSprites.gif');
    }
    
    /* radio buttons */
    .rfdRadio input[type="radio"],
    .rfdRadio input[type="radio"][disabled="disabled"]:hover
    {
        background-image: url('../../images/RadioButtonSprites.png');
    }
}

/* ----------------------------------------------- Skin-specific Scrollbar Settings for WebKit ----------------------------------------------- */

/* the scrollbar face color */
.RadForm.rfdScrollBars.RadForm_Texim body::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_Texim body::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_Texim body::-webkit-scrollbar-thumb:horizontal,
.RadForm.rfdScrollBars.RadForm_Texim div::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_Texim div::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_Texim div::-webkit-scrollbar-thumb:horizontal
.RadForm.rfdScrollBars.RadForm_Texim form::-webkit-scrollbar,
.RadForm.rfdScrollBars.RadForm_Texim form::-webkit-scrollbar-thumb:vertical,
.RadForm.rfdScrollBars.RadForm_Texim form::-webkit-scrollbar-thumb:horizontal
{
    background-color: #e5e5e5;
}

/* scrollbar track background color */
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-track-piece,
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-corner
{
    background-color: #d5d4d4;
}

.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:vertical:decrement, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:vertical:increment, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:horizontal:decrement, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:horizontal:increment, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-thumb:vertical, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-thumb:horizontal
{
    border-color: #e5e5e5 #000 #000 #e5e5e5;
}

/* increment / decrement button settings */
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:vertical:decrement, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:vertical:increment, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:horizontal:decrement, 
.RadForm.rfdScrollBars.RadForm_Texim ::-webkit-scrollbar-button:horizontal:increment
{
    background-image: url('../../images/ButtonSprites.gif');
    background-color: #e5e5e5;
}

/*GridView, FormView, DetailsView*/
.RadForm_Texim.rfdGrids .rfdTable
{
    border:1px solid #e5e5e5;
    background:#fff;
   /*  color:#c7c7c7; */
    font:12px arial,sans-serif;
}

.RadForm_Texim.rfdGrids .rfdTable th
{
    border-bottom:1px solid #e5e5e5;
    border-left:1px solid #e5e5e5;
    background:#fff;
    color:#000;
}

.RadForm_Texim.rfdGrids .rfdTable a
{
  /*   color:#c7c7c7; */
}

/* Validation Summary Control and Login Control  */

.RadForm_Texim .rfdValidationSummaryControl,
.RadForm_Texim .rfdLoginControl
{
	background-color: #fff;
	border: 1px solid #e5e5e5;
}

.RadForm_Texim a.rfdLoginControl,
.RadForm_Texim a.rfdLoginControl:active,
.RadForm_Texim a.rfdLoginControl:hover,
.RadForm_Texim a.rfdLoginControl:visited
{
	color: #000;
}