/* RadFormDecorator for ASP.NET Black Skin */ /* CSS class for styling the decoration zone or the
tag of the page */ .RadForm_Black.rfdZone { background-color: #292929; color: white; } /* Decorate scrollbars */ .RadForm_Black.rfdScrollBars { scrollbar-3dlight-color: #1a1a1a; scrollbar-arrow-color: #111111; scrollbar-base-color: #f5f5f5; scrollbar-darkshadow-color: #474747; scrollbar-face-color: #393939; scrollbar-highlight-color: #474747; scrollbar-shadow-color: #1a1a1a; scrollbar-track-color: #272727; } /* Decorate and - look if there is a secondary .rfdButton class applied to the root element */ .RadForm_Black.rfdButton a.rfdSkinnedButton, .RadForm_Black.rfdButton input[type="button"].rfdDecorated, .RadForm_Black.rfdButton input[type="reset"], .RadForm_Black.rfdButton input[type="submit"].rfdDecorated, .RadForm_Black.rfdButton button { background-image: url('WebResource.axd?d=M4i0OfnojHNZSX9UV20qAkanROu2SfdqQoA1WOeifTe-aiNJAQVehpQ3zLcB-rmUb9dHFwIhQMMS-PREaP2wOPSs5CQqiuY46FTZsT22gOyIt4hLNVGfN7HdZ5GQriVRzzGpC-nHjc_NNz_yoPsAeb4OsaMKT1awxQocgcXkxhrHCXv20&t=633819774940000000'); color: #ffffff; } .RadForm_Black.rfdButton a.rfdSkinnedButton * { _color: white; /* IE6 */ } .RadForm_Black.rfdButton .rfdSkinnedButton:hover * { color: #9eda29; } .RadForm_Black.rfdButton a.rfdSkinnedButton, .RadForm_Black.rfdButton a.rfdSkinnedButton * { _background-image: url('WebResource.axd?d=M4i0OfnojHNZSX9UV20qAkanROu2SfdqQoA1WOeifTe-aiNJAQVehpQ3zLcB-rmUb9dHFwIhQMMS-PREaP2wOPSs5CQqiuY46FTZsT22gOyIt4hLNVGfN7HdZ5GQriVRzzGpC-nHjc_NNz_yoPsAeb4OsaMKT1awxQocgcXkxhrHCXv20&t=633819774940000000'); } /* 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_Black.rfdButton a.rfdSkinnedButton input { display: block; float: left; } } /* Decorate */ .RadForm_Black.rfdHeading h4 { color: #9eda29; border-bottom: solid 1px #3a3a3a; } .RadForm_Black.rfdHeading h5 { color: #9eda29; border-bottom: solid 1px #3a3a3a; } .RadForm_Black.rfdHeading h6 { color: #9eda29; } /* Decorate */ .RadForm_Black.rfdLabel label { color: #ffffff; } /* Decorate */ .RadForm_Black .rfdCheckboxUnchecked, .RadForm_Black .rfdInputDisabled.rfdCheckboxUnchecked:hover { background: transparent url('WebResource.axd?d=7U_mvK48fH4rbShyz2H3KJAj42Rv4bRaV6Tl55Cp4i7NwiBKv4uKY7-MyikB7Fj5h5tf0GtsIDPmB5I2vXLSZMjY5PzinxnlbmNMx26FdW3mwBfC689h34w441bVFr7EFbo7zWMMGOJIiQiuZ7bJc8RYXSG8d6-UI8l0sOBlZx8nfOrp0&t=633819774940000000') no-repeat 0 0; } .RadForm_Black .rfdCheckboxUnchecked:hover { background: transparent url('WebResource.axd?d=7U_mvK48fH4rbShyz2H3KJAj42Rv4bRaV6Tl55Cp4i7NwiBKv4uKY7-MyikB7Fj5h5tf0GtsIDPmB5I2vXLSZMjY5PzinxnlbmNMx26FdW3mwBfC689h34w441bVFr7EFbo7zWMMGOJIiQiuZ7bJc8RYXSG8d6-UI8l0sOBlZx8nfOrp0&t=633819774940000000') no-repeat 0 -200px; } .RadForm_Black .rfdCheckboxChecked, .RadForm_Black .rfdInputDisabled.rfdCheckboxChecked:hover { background: transparent url('WebResource.axd?d=7U_mvK48fH4rbShyz2H3KJAj42Rv4bRaV6Tl55Cp4i7NwiBKv4uKY7-MyikB7Fj5h5tf0GtsIDPmB5I2vXLSZMjY5PzinxnlbmNMx26FdW3mwBfC689h34w441bVFr7EFbo7zWMMGOJIiQiuZ7bJc8RYXSG8d6-UI8l0sOBlZx8nfOrp0&t=633819774940000000') no-repeat 0 -420px; } .RadForm_Black .rfdCheckboxChecked:hover { background: transparent url('WebResource.axd?d=7U_mvK48fH4rbShyz2H3KJAj42Rv4bRaV6Tl55Cp4i7NwiBKv4uKY7-MyikB7Fj5h5tf0GtsIDPmB5I2vXLSZMjY5PzinxnlbmNMx26FdW3mwBfC689h34w441bVFr7EFbo7zWMMGOJIiQiuZ7bJc8RYXSG8d6-UI8l0sOBlZx8nfOrp0&t=633819774940000000') no-repeat 0 -640px; } /* Decorate */ .RadForm_Black .rfdRadioUnchecked, .RadForm_Black .rfdInputDisabled.rfdRadioUnchecked:hover { background: transparent url('WebResource.axd?d=ykj8L3a-b7oBPYo7xbZQmAQDyDhvWsTKZedpUzTYmkK7ByD-9x631aDd_q8pTv92EaLOJkWj6hxwxXFgqWGOE4x8sWq-KKMkK8itAIrjVgPmXmEn4FwfrGrqzeTcG2lylhMKrXIdk9XYH0hRUFub2VDaaPbEJZyF7TrX_GhGz2sigQIj0&t=633819774940000000') no-repeat 1px 0; } .RadForm_Black .rfdRadioUnchecked:hover { background: transparent url('WebResource.axd?d=ykj8L3a-b7oBPYo7xbZQmAQDyDhvWsTKZedpUzTYmkK7ByD-9x631aDd_q8pTv92EaLOJkWj6hxwxXFgqWGOE4x8sWq-KKMkK8itAIrjVgPmXmEn4FwfrGrqzeTcG2lylhMKrXIdk9XYH0hRUFub2VDaaPbEJZyF7TrX_GhGz2sigQIj0&t=633819774940000000') no-repeat 1px -220px; } .RadForm_Black .rfdRadioChecked, .RadForm_Black .rfdInputDisabled.rfdRadioChecked:hover { background: transparent url('WebResource.axd?d=ykj8L3a-b7oBPYo7xbZQmAQDyDhvWsTKZedpUzTYmkK7ByD-9x631aDd_q8pTv92EaLOJkWj6hxwxXFgqWGOE4x8sWq-KKMkK8itAIrjVgPmXmEn4FwfrGrqzeTcG2lylhMKrXIdk9XYH0hRUFub2VDaaPbEJZyF7TrX_GhGz2sigQIj0&t=633819774940000000') no-repeat 1px -440px; } .RadForm_Black .rfdRadioChecked:hover { background: transparent url('WebResource.axd?d=ykj8L3a-b7oBPYo7xbZQmAQDyDhvWsTKZedpUzTYmkK7ByD-9x631aDd_q8pTv92EaLOJkWj6hxwxXFgqWGOE4x8sWq-KKMkK8itAIrjVgPmXmEn4FwfrGrqzeTcG2lylhMKrXIdk9XYH0hRUFub2VDaaPbEJZyF7TrX_GhGz2sigQIj0&t=633819774940000000') no-repeat 1px -640px; } /* IE6 - we set .gif")%> image instead of .png")%> due to the lack RGBA support */ .RadForm_Black .rfdRadioUnchecked, .RadForm_Black .rfdInputDisabled.rfdRadioUnchecked:hover, .RadForm_Black .rfdRadioUnchecked:hover, .RadForm_Black .rfdRadioChecked, .RadForm_Black .rfdInputDisabled.rfdRadioChecked:hover, .RadForm_Black .rfdRadioChecked:hover { _background-image: url('WebResource.axd?d=C0YRFt_5wxaDyYRxPwOMFiSeY2M1Fob4NYIUSwoIoIDFtZArTGyU4-iiHJJAwkWCD3O8PHZfAxWe_x3bh3J816LfukVsiRCwGQnWT1gAG69qYA_KqakwWYcrfEhZqNVECUSQjL6tUlXPO6fCVRbyVjQ-9NZtFkWMevwm6l0VhYm0RJ7h0&t=633819774940000000'); /* IE6 hack */ } /* and */ .rfdRoundedInner { width: 1px; font-size: 1px; background-repeat :no-repeat; } .rfdRoundedOuter { width: 1px; font-size: 0px; } table.rfdRoundedWrapper, table.rfdRoundedWrapper_fieldset { display: -moz-inline-box; /* FF2 */ display: inline-block; /* FF3, Opera, Safari */ _display: inline; /* IE6 */ vertical-align: middle; border-width: 0px !important; } table.rfdRoundedWrapper td, table.rfdRoundedWrapper_fieldset>tbody>tr>td { padding: 0px !important; border: 0px !important; } /* IE7 */ *+html table.rfdRoundedWrapper, *+html table.rfdRoundedWrapper_fieldset { display: inline; } table.rfdRoundedWrapper td, table.rfdRoundedWrapper_fieldset td { vertical-align: middle; } .RadForm_Black.rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_Black fieldset.rfdFieldset legend { color: #9eda29; } .RadForm_Black table.rfdRoundedWrapper:hover div.rfdRoundedInner { background-color: #ffffff; border-color: #9eda29 !important; } /* this selector styles the hover of the side bars of the rounded elements */ .RadForm_Black table.rfdRoundedWrapper:hover .rfdRoundedOuter { background-color: #9eda29 !important; } /* Decorate and */ /* For all browsers except IE6 we are using attribute selectors - single or double */ .RadForm_Black.rfdTextbox input[type="text"], .RadForm_Black.rfdTextbox input[type="password"], .RadForm_Black.rfdTextarea textarea, .RadForm_Black.rfdTextarea textarea[disabled]:hover, .RadForm_Black.rfdTextbox input[disabled][type="text"]:hover, .RadForm_Black.rfdTextbox input[disabled][type="password"]:hover { border: solid 1px #080808; background-color: #444444; color: white; } .RadForm_Black.rfdTextbox .rfdDecorated:hover, .RadForm_Black.rfdTextbox .rfdDecorated:hover, .RadForm_Black.rfdTextarea textarea:hover { border: solid 1px #9eda29; } /* Decorate */ .RadForm_Black.rfdFieldset fieldset { border: solid 1px #080808; background-image: url('WebResource.axd?d=q3fAUpEkuJUghTJUu3iD_WoLj2FhFcEEtEqU8oj_tMxiZumOm3ux_140xMkEinOO19Y5IsDJJBPd12VEYouTaFNPeVn2yN8K9EKsB550lzkQ8c3n3qSW_wcc8QA0Evtz37dJahBbgf0LrMzcd8CgLV-pIctEYd0J8AYWcE7BcGFwaQvN0&t=633819774940000000'); /* having a background image on a fieldset is not okay with IE */ } /* Decorate and */ .RadForm_Black.rfdFieldset table.rfdRoundedWrapper_fieldset legend, .RadForm_Black.rfdFieldset fieldset.rfdFieldset legend { color: #9eda29; } .RadForm_Black.rfdFieldset table.rfdRoundedWrapper_fieldset fieldset, .RadForm_Black.rfdFieldset fieldset.rfdFieldset { border: solid 1px #080808; background-image: url('WebResource.axd?d=q3fAUpEkuJUghTJUu3iD_WoLj2FhFcEEtEqU8oj_tMxiZumOm3ux_140xMkEinOO19Y5IsDJJBPd12VEYouTaFNPeVn2yN8K9EKsB550lzkQ8c3n3qSW_wcc8QA0Evtz37dJahBbgf0LrMzcd8CgLV-pIctEYd0J8AYWcE7BcGFwaQvN0&t=633819774940000000'); /* having a background image on a fieldset is not okay with IE */ } /* 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_Black table.rfdRoundedWrapper input, .RadForm_Black table.rfdRoundedWrapper textarea, .RadForm_Black input.rfdInput, .RadForm_Black textarea.rfdTextarea { border: solid 1px #080808; background: #444444; color: #000000; } .RadForm_Black textarea.rfdTextarea, .RadForm_Black table.rfdRoundedWrapper textarea { overflow: auto; color: white; } /* */ .rfdSelect_Black, .rfdSelect_Black:hover, .rfdSelect_Black .rfdSelectOuter, .rfdSelect_Black:hover .rfdSelectOuter, .rfdSelect_Black .rfdSelectArrow span, .rfdSelectBox_Black .rfdSelect_selected, .rfdSelectBox_Black li:hover, .rfdSelect_Black.rfdSelectDisabled:hover, .rfdRtl .rfdSelect_Black, .rfdRtl .rfdSelect_Black:hover, .rfdRtl .rfdSelect_Black .rfdSelectOuter, .rfdRtl .rfdSelect_Black .rfdSelectOuter:hover { background-image: url('WebResource.axd?d=VVDxJx3JNwHG3varIaWitbpdWlFaWE1zfEbZ1WS5Xg94_Tix-zchsvYgawmLjNAS0TlJOL2cIbwN5k2dZdRlitjKU8Q7-BMeIdrKpP_HtEht3_OhiNxWzGyzqOY5fjt029rHUShI06HcPhiPFfevp9UxZ5LBnO1y_s4KiBFD8Gq2_emr0&t=633819774940000000'); background-repeat: no-repeat; background-color: transparent; } .rfdSelect_Black .rfdSelectOuter, .rfdSelect_Black.rfdSelectDisabled:hover .rfdSelectOuter { color: white; } .rfdSelect_Black:hover .rfdSelectOuter { color: #9eda29; } /* dropdown settings */ .rfdSelectBox_Black { background-color: #363636; border: solid 1px #080808; color: #fff; } .rfdSelectBox_Black li { padding: 0 0 0 3px; background-image: none !important; } .rfdSelectBox_Black .rfdSelect_selected, .rfdSelectBox_Black li:hover { color: #9eda29; background-color: #1e1e1e; } .rfdSelectBox_Black .rfdSelectBox_optgroup_label:hover { background: none; color: #fff; } .rfdSelectDisabled.rfdSelectBox_Black li { color: #fff; } /* IE6 disabled state fix - this should not be added to the base stylesheet, but at the bottom of the skin file */ * html .rfdSkinnedButton.rfdInputDisabled { _filter: alpha(opacity=50); } * html .RadForm_Black.rfdButton a.rfdInputDisabled:hover { _background-position: 0 0; } * html .RadForm_Black.rfdButton a.rfdInputDisabled:hover * { _background-position: right -21px; _color: #000000; } .RadForm_Black.rfdTextbox input.rfdIE6TextBox, .RadForm_Black.rfdTextbox textarea.rfdIE6TextBox { _border: solid 1px #080808; _color: white !important; _background-color: #444444; }