.RadForm_Simple { /* CSS class for styling the decoration zone or the
tag of the page */ /* Decorate scrollbars */ /* Decorate and - look if there is a secondary .rfdButton class applied to the root element */ /* below are the IE6 fixes - should not be combined with the other CSS */ /* OPERA width fix - do not remove (and check if it is still necessary) */ /* Decorate */ /* Decorate */ /* Decorate */ /* Decorate */ /* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */ /* and */ /* this selector styles the hover of the side bars of the rounded elements */ /* Decorate and */ /* For all browsers except IE6 we are using attribute selectors - single or double */ /* Decorate and */ /* Because of a glitch in IE the following 2 CSS classes must be declared separately for correct parsing of the textarea class in IE6*/ /* */ /* IE6 disabled state fix - this should not be added to the base stylesheet, but at the bottom of the skin file */ /* IE6 only settings - should be at the bottom of the file */ /* the styling of radiobuttons and checkboxes in Safari and Chrome is already fully achieved with CSS */ /* ----------------------------------------------- Skin-specific Scrollbar Settings for WebKit ----------------------------------------------- */ /* the scrollbar face color */ /*GridView, FormView, DetailsView*/ /* Validation Summary Control and Login Control */ } @media screen and (-webkit-min-device-pixel-ratio: 0) { .RadForm_Simple.rfdButton a.rfdSkinnedButton input.rfdDecorated, .RadForm_Simple.rfdButton a.rfdSkinnedButton input.rfdDecorated, .RadForm_Simple.rfdButton a.rfdSkinnedButton input.rfdDecorated:active, .RadForm_Simple.rfdButton a.rfdSkinnedButton input.rfdDecorated:focus { background-color: transparent; border: 0; } .RadForm_Simple.rfdButton input[type="button"].rfdDecorated, .RadForm_Simple.rfdButton input[type="reset"].rfdDecorated, .RadForm_Simple.rfdButton input[type="submit"].rfdDecorated, .RadForm_Simple.rfdButton .rfdSkinnedButton button, .RadForm_Simple.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover * { padding: 0 6px 0 8px !important; } } .RadForm_Simple.rfdScrollBars { scrollbar-3dlight-color: #959695; scrollbar-arrow-color: #3e3e3e; scrollbar-base-color: #f5f5f5; scrollbar-darkshadow-color: #5f6e93; scrollbar-face-color: #d1d1d4; scrollbar-highlight-color: #fff; scrollbar-shadow-color: #a0ad8a; scrollbar-track-color: #f0f0f0; } .RadForm_Simple.rfdButton a.rfdSkinnedButton, .RadForm_Simple.rfdButton input[type="button"].rfdDecorated, .RadForm_Simple.rfdButton input[type="reset"].rfdDecorated, .RadForm_Simple.rfdButton input[type="submit"].rfdDecorated, .RadForm_Simple.rfdButton .rfdSkinnedButton button, .RadForm_Simple.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover, .RadForm_Simple.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover * { background: #c6c6c6; color: black; } .RadForm_Simple.rfdButton a.rfdSkinnedButton, .RadForm_Simple.rfdButton a.rfdInputDisabled.rfdSkinnedButton:hover { border: 1px solid #7e7e7e !important; } .RadForm_Simple.rfdButton a.rfdSkinnedButton:hover { border-color: #c98400 !important; } .RadForm_Simple.rfdButton a.rfdSkinnedButton:hover, .RadForm_Simple.rfdButton a.rfdSkinnedButton:hover * { background: #ffe79c; color: #882501; } .RadForm_Simple.rfdButton a.rfdClickedButton, .RadForm_Simple.rfdButton a.rfdClickedButton:hover { border-color: #ca4b0c !important; } .RadForm_Simple.rfdButton a.rfdClickedButton, .RadForm_Simple.rfdButton a.rfdClickedButton * { background-color: #ffa517 !important; } .RadForm_Simple.rfdButton a.rfdClickedButton.rfdInputDisabled, .RadForm_Simple.rfdButton a.rfdClickedButton.rfdInputDisabled * { background-color: #c6c6c6 !important; color: black !important; } .RadForm_Simple.rfdButton a.rfdSkinnedButton:link, .RadForm_Simple.rfdButton a.rfdSkinnedButton:visited { _border: 1px solid #7e7e7e !important; _background-color: #c6c6c6 !important; _color: black !important; } .RadForm_Simple.rfdButton a.rfdSkinnedButton * { _background-color: #c6c6c6 !important; } .RadForm_Simple.rfdButton a.rfdSkinnedButton:hover { _border: 1px solid #c98400 !important; _background-color: #ffe79c !important; } .RadForm_Simple.rfdButton a.rfdSkinnedButton:hover * { _background-color: #ffe79c !important; _color: #882501 !important; } .RadForm_Simple.rfdButton a.rfdInputDisabled:hover { _border: 1px solid #7e7e7e !important; } .RadForm_Simple.rfdButton a.rfdInputDisabled:hover, .RadForm_Simple.rfdButton a.rfdInputDisabled:hover * { _background-color: #c6c6c6 !important; } @media screen and (min-width:1px) { .RadForm_Simple { /* the hack below fixes a strange behavior under Opera - input and button have a different CSS display when in anchor tag */ } .RadForm_Simple.rfdButton a.rfdSkinnedButton input { display: block; float: left; } } .RadForm_Simple.rfdHeading h4, .RadForm_Simple.rfdHeading h5 { color: black; border-bottom: 1px solid #a0a0a0; } .RadForm_Simple.rfdHeading h6 { color: black; } .RadForm_Simple.rfdLabel label { color: black; } .RadForm_Simple .rfdCheckboxUnchecked, .RadForm_Simple .rfdCheckboxChecked, .RadForm_Simple .rfdInputDisabled.rfdCheckboxUnchecked, .RadForm_Simple .rfdInputDisabled.rfdCheckboxChecked { background-image: url('FormDecorator/CheckBoxSprites.gif'); } .RadForm_Simple .rfdRadioUnchecked, .RadForm_Simple .rfdRadioChecked, .RadForm_Simple .rfdInputDisabled.rfdRadioUnchecked, .RadForm_Simple .rfdInputDisabled.rfdRadioChecked { background-image: url('FormDecorator/RadioButtonSprites.png'); } .RadForm_Simple .rfdRadioUnchecked, .RadForm_Simple .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm_Simple .rfdRadioUnchecked:hover, .RadForm_Simple .rfdRadioChecked, .RadForm_Simple .rfdInputDisabled.rfdRadioChecked:hover, .RadForm_Simple .rfdRadioChecked:hover { _background-image: url('FormDecorator/RadioButtonSprites.gif'); /* IE6 hack */ } .RadForm_Simple fieldset.rfdFieldset legend, .RadForm_Simple.rfdFieldset fieldset legend, .RadForm_Simple.rfdFieldset table.rfdRoundedWrapper_fieldset legend { color: black; } .RadForm_Simple table.rfdRoundedWrapper:hover div.rfdRoundedInner { background-color: white; border-color: #c98400 !important; } .RadForm_Simple table.rfdRoundedWrapper:hover .rfdRoundedOuter { background-color: #c98400 !important; } .RadForm_Simple.rfdTextbox input[type="text"].rfdDecorated, .RadForm_Simple.rfdTextbox input[type="password"].rfdDecorated, .RadForm_Simple.rfdTextbox input[type="search"].rfdDecorated, .RadForm_Simple.rfdTextbox input[type="url"].rfdDecorated, .RadForm_Simple.rfdTextbox input[type="tel"].rfdDecorated, .RadForm_Simple.rfdTextbox input[type="email"].rfdDecorated, .RadForm_Simple.rfdTextarea textarea, .RadForm_Simple.rfdTextarea textarea[disabled].rfdDecorated:hover, .RadForm_Simple.rfdTextbox input[disabled][type="text"].rfdDecorated:hover, .RadForm_Simple.rfdTextbox input[disabled][type="password"].rfdDecorated:hover, .RadForm_Simple.rfdTextbox input[disabled][type="search"].rfdDecorated:hover, .RadForm_Simple.rfdTextbox input[disabled][type="url"].rfdDecorated:hover, .RadForm_Simple.rfdTextbox input[disabled][type="tel"].rfdDecorated:hover, .RadForm_Simple.rfdTextbox input[disabled][type="email"].rfdDecorated:hover { border: 1px solid #616161; background-color: white; } .RadForm_Simple.RadForm.rfdTextbox .rfdDecorated:hover, .RadForm_Simple.RadForm.rfdTextarea textarea:hover, .RadForm_Simple.RadForm.rfdTextbox .rfdDecorated:focus, .RadForm_Simple.RadForm.rfdTextarea textarea:focus { border: 1px solid #c98400; } .RadForm_Simple.rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_Simple.rfdFieldset fieldset.rfdFieldset legend { color: black; } .RadForm_Simple.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset, .RadForm_Simple.rfdFieldset fieldset.rfdFieldset { border: 1px solid #828282; background-image: url('FormDecorator/FieldsetBgr.png'); /* having a background image on a fieldset is not okay with IE */ } .RadForm_Simple table.rfdRoundedWrapper input, .RadForm_Simple table.rfdRoundedWrapper textarea, .RadForm_Simple input.rfdInput, .RadForm_Simple textarea.rfdTextarea { border: 1px solid #616161; background: white; color: black; } .RadForm_Simple textarea.rfdTextarea, .RadForm_Simple table.rfdRoundedWrapper textarea { overflow: auto; } .RadForm_Simple .rfdSelect_Simple, .RadForm_Simple .rfdSelect_Simple:hover, .RadForm_Simple .rfdSelect_Simple .rfdSelectOuter, .RadForm_Simple .rfdSelect_Simple:hover .rfdSelectOuter, .RadForm_Simple .rfdSelect_Simple .rfdSelectArrow span, .RadForm_Simple .rfdSelectBox_Simple .rfdSelect_selected, .RadForm_Simple .rfdSelectBox_Simple li:hover, .RadForm_Simple .rfdSelect_Simple.rfdSelectDisabled:hover, .RadForm_Simple .rfdRtl .rfdSelect_Simple, .RadForm_Simple .rfdRtl .rfdSelect_Simple:hover, .RadForm_Simple .rfdRtl .rfdSelect_Simple .rfdSelectOuter, .RadForm_Simple .rfdRtl .rfdSelect_Simple .rfdSelectOuter:hover { background-image: url('FormDecorator/ComboSprites.gif'); background-repeat: no-repeat; background-color: transparent; } .RadForm_Simple .rfdSelect_Simple .rfdSelectOuter, .RadForm_Simple .rfdSelect_Simple.rfdSelectDisabled:hover .rfdSelectOuter { color: black; } .RadForm_Simple .rfdSelect_Simplee:hover .rfdSelectOuter { color: #882501; } .RadForm_Simple.rfdButton a.rfdInputDisabled:hover { _background-position: 0 0; } .RadForm_Simple.rfdButton a.rfdInputDisabled:hover * { _background-position: right -21px; _color: #824703; } .RadForm_Simple.rfdTextbox input.rfdIE6TextBox, .RadForm_Simple.rfdTextbox textarea.rfdIE6TextBox { _border: 1px solid #616161; _background-color: white; } @media screen and (-webkit-min-device-pixel-ratio: 0) { .RadForm_Simple { /* checkboxes */ /* radio buttons */ } .RadForm_Simple.rfdCheckbox input[type="checkbox"], .RadForm_Simple.rfdCheckbox input[type="checkbox"][disabled]:hover { background-image: url('FormDecorator/CheckBoxSprites.gif'); } .RadForm_Simple.rfdRadio input[type="radio"], .RadForm_Simple.rfdRadio input[type="radio"][disabled="disabled"]:hover { background-image: url('FormDecorator/RadioButtonSprites.png'); } } .RadForm_Simple.rfdScrollBars { /* scrollbar track background color */ /* increment / decrement button settings */ } .RadForm_Simple.rfdScrollBars body::-webkit-scrollbar, .RadForm_Simple.rfdScrollBars body::-webkit-scrollbar-thumb:vertical, .RadForm_Simple.rfdScrollBars body::-webkit-scrollbar-thumb:horizontal, .RadForm_Simple.rfdScrollBars div::-webkit-scrollbar, .RadForm_Simple.rfdScrollBars div::-webkit-scrollbar-thumb:vertical, .RadForm_Simple.rfdScrollBars div::-webkit-scrollbar-thumb:horizontal form::-webkit-scrollbar, .RadForm_Simple.rfdScrollBars form::-webkit-scrollbar-thumb:vertical, .RadForm_Simple.rfdScrollBars form::-webkit-scrollbar-thumb:horizontal { background-color: #d1d1d4; } .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-track-piece, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-corner { background-color: #f0f0f0; } .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-thumb:vertical, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-thumb:horizontal { border-color: #fff #a0ad8a #a0ad8a #fff; } .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:vertical:decrement, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:vertical:increment, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:horizontal:decrement, .RadForm_Simple.rfdScrollBars ::-webkit-scrollbar-button:horizontal:increment { background-image: url('FormDecorator/ButtonSprites.gif'); background-color: #d1d1d4; } .RadForm_Simple.rfdGrids .rfdTable { border: 1px solid #616161; background: white; color: black; font: 12px "Segoe UI", Arial, Helvetica, sans-serif; } .RadForm_Simple.rfdGrids .rfdTable th { border-bottom: 1px solid #616161; border-left: 1px solid #616161; background: #eaeaea; color: black; } .RadForm_Simple.rfdGrids .rfdTable a { color: #892500; } .RadForm_Simple .rfdValidationSummaryControl, .RadForm_Simple .rfdLoginControl { background-color: white; border: 1px solid #848484; } .RadForm_Simple a.rfdLoginControl { color: black; } .RadForm_Simple a.rfdLoginControl:active, .RadForm_Simple a.rfdLoginControl:hover { color: #882501; } .RadForm_Simple a.rfdLoginControl:visited { color: #303030; } * + html.RadForm_Simple.rfdButton a.rfdSkinnedButton:hover, * + html.RadForm_Simple.rfdButton a.rfdSkinnedButton:hover * { background: #ffe79c; color: #882501; } /* dropdown settings */ .rfdSelectBox_Simple { background: white; border: 1px solid #616161; color: black; border-radius: 0; border-radius: 0; } .rfdSelectBox_Simple li { padding: 0 0 0 3px; background-image: none !important; } .rfdSelectBox.rfdSelectBox_Simple .rfdSelect_selected, .rfdSelectBox.rfdSelectBox_Simple li:hover { background-color: #ffe79c; } .rfdSelectBox .rfdSelectBox_optgroup_label:hover { background: none; color: black; }