or
...
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
>
</
telerik:RadScriptManager
>
<
telerik:RadAjaxManager
ID
=
"RadAjaxManager1"
runat
=
"server"
DefaultLoadingPanelID
=
"RadAjaxLoadingPanel1"
>
<
AjaxSettings
>
<
telerik:AjaxSetting
AjaxControlID
=
"RadButton1"
>
<
UpdatedControls
>
<
telerik:AjaxUpdatedControl
ControlID
=
"RadGrid1"
UpdatePanelCssClass
=
""
/>
</
UpdatedControls
>
</
telerik:AjaxSetting
>
</
AjaxSettings
>
</
telerik:RadAjaxManager
>
<
telerik:RadAjaxLoadingPanel
ID
=
"RadAjaxLoadingPanel1"
runat
=
"server"
></
telerik:RadAjaxLoadingPanel
>
<
telerik:RadButton
ID
=
"RadButton1"
runat
=
"server"
OnClick
=
"RadButton1_Click"
Text
=
"RadButton"
>
</
telerik:RadButton
>
<
asp:Panel
ID
=
"Panel1"
runat
=
"server"
>
<
telerik:RadGrid
ID
=
"RadGrid1"
DataSourceID
=
"SqlDataSource1"
runat
=
"server"
AllowAutomaticDeletes
=
"True"
AllowAutomaticInserts
=
"True"
AllowAutomaticUpdates
=
"True"
Culture
=
"ko-KR"
Skin
=
"Metro"
>
<
MasterTableView
ClientDataKeyNames
=
"itemcd"
AllowAutomaticDeletes
=
"False"
AllowAutomaticInserts
=
"False"
AllowAutomaticUpdates
=
"False"
AutoGenerateColumns
=
"False"
DataKeyNames
=
"itemcd"
EditMode
=
"Batch"
>
<
Columns
>
<
telerik:GridBoundColumn
DataField
=
"itemcd"
FilterControlAltText
=
"Filter itemcd column"
HeaderText
=
"품목코드"
ReadOnly
=
"True"
SortExpression
=
"itemcd"
UniqueName
=
"itemcd"
>
<
ColumnValidationSettings
>
<
ModelErrorMessage
Text
=
""
></
ModelErrorMessage
>
</
ColumnValidationSettings
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"itemnm"
FilterControlAltText
=
"Filter itemnm column"
HeaderText
=
"itemnm"
SortExpression
=
"itemnm"
UniqueName
=
"itemnm"
>
<
ColumnValidationSettings
>
<
ModelErrorMessage
Text
=
""
></
ModelErrorMessage
>
</
ColumnValidationSettings
>
</
telerik:GridBoundColumn
>
<
telerik:GridBoundColumn
DataField
=
"size"
FilterControlAltText
=
"Filter size column"
HeaderText
=
"size"
SortExpression
=
"size"
UniqueName
=
"size"
>
<
ColumnValidationSettings
>
<
ModelErrorMessage
Text
=
""
></
ModelErrorMessage
>
</
ColumnValidationSettings
>
</
telerik:GridBoundColumn
>
</
Columns
>
</
MasterTableView
>
<
ClientSettings
AllowKeyboardNavigation
=
"true"
>
<
Selecting
CellSelectionMode
=
"MultiColumn"
></
Selecting
>
<
ClientEvents
OnCellSelected
=
"RadGrid1_OnCellSelected"
OnCellDeselecting
=
"RadGrid1_OnCellDeselecting"
OnBatchEditCellValueChanging
=
"RadGrid1_OnBatchEditCellValueChanging"
/>
</
ClientSettings
>
</
telerik:RadGrid
>
</
asp:Panel
>
<
asp:SqlDataSource
ID
=
"SqlDataSource1"
ConnectionString="<%$ ConnectionStrings:DaeMyungDB %>"
SelectCommand="SELECT top 1000 itemcd, itemnm, size FROM biitm01t"
runat="server"></
asp:SqlDataSource
>
</
form
>
</
body
>
...
...
protected
void
Page_Load(
object
sender, EventArgs e)
{
RadScriptManager scriptManager =
new
RadScriptManager();
this
.Form.Controls.Add(scriptManager);
}
protected
void
RadButton1_Click(
object
sender, EventArgs e)
{
RadGrid1.Rebind();
}
...
<
a
runat
=
"server"
id
=
"linkPreview"
rel
=
"lightbox"
>
<
asp:Image
ID
=
"imagePreview"
Height
=
"192px"
Width
=
"272px"
AlternateText
=
"preview"
BorderWidth
=
"0"
runat
=
"server"
ImageUrl
=
"Images/spacer.gif"
/></
a
>
linkPreview.Title = fInfo.comments;
linkPreview.HRef = imagePreview.ImageUrl;
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="WebApplication2.Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html>
<
html
xmlns
=
"http://www.w3.org/1999/xhtml"
>
<
head
runat
=
"server"
>
<
title
></
title
>
</
head
>
<
body
>
<
form
id
=
"form1"
runat
=
"server"
>
<
telerik:RadScriptManager
ID
=
"RadScriptManager1"
runat
=
"server"
></
telerik:RadScriptManager
>
<
telerik:RadEditor
ID
=
"RadEditor1"
runat
=
"server"
>
<
Snippets
>
<
telerik:EditorSnippet
Name
=
"2 Column Div Layout"
>
<!-- Row 1 -->
<
div
class
=
"row"
>
<
div
class
=
"span7"
>
<
div
class
=
"row"
>
<
div
class
=
"span4"
>
<
p
>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.</
p
>
</
div
>
<
div
class
=
"span3"
>
<
p
>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
<!-- Pad -->
<
div
class
=
"pad15"
></
div
>
<!-- Row 2 -->
<
div
class
=
"row"
>
<
div
class
=
"span7"
>
<
div
class
=
"row"
>
<
div
class
=
"span4"
>
<
p
>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et. </
p
>
</
div
>
<
div
class
=
"span3"
>
<
p
>Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et. </
p
>
</
div
>
</
div
>
</
div
>
</
div
>
</
telerik:EditorSnippet
>
</
Snippets
>
</
telerik:RadEditor
>
</
form
>
</
body
>
</
html
>
<
p
> </
p
>
<
p
>
<!-- Row 1 -->
<
div
class
=
"row"
>
<
div
class
=
"span7"
>
<
div
class
=
"row"
>
<
div
class
=
"span4"
>
</
div
>
</
div
>
</
div
>
</
div
>
</
p
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
<
p
>
<
div
class
=
"row"
>
<
div
class
=
"span7"
>
<
div
class
=
"row"
>
<
div
class
=
"span3"
>
</
div
>
</
div
>
</
div
>
</
div
>
<!-- Pad -->
<
div
class
=
"pad15"
> </
div
>
<!-- Row 2 -->
<
div
class
=
"row"
>
<
div
class
=
"span7"
>
<
div
class
=
"row"
>
<
div
class
=
"span4"
>
</
div
>
</
div
>
</
div
>
</
div
>
</
p
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
<
p
> </
p
>
<
p
> </
p
>
<!-- Row 1 -->
<
div
class
=
"row"
>
<
div
class
=
"span7"
>
<
div
class
=
"row"
>
<
div
class
=
"span4"
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
</
div
>
<
div
class
=
"span3"
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
<!-- Pad -->
<
div
class
=
"pad15"
> </
div
>
<!-- Row 2 -->
<
div
class
=
"row"
>
<
div
class
=
"span7"
>
<
div
class
=
"row"
>
<
div
class
=
"span4"
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
</
div
>
<
div
class
=
"span3"
>
<
p
>
Enim ultrices, elementum phasellus. Mauris sed nulla sed, egestas feugiat a dictum libero, nunc sapien tri tique facilisis venenatis risus,
suspendisse ac nec et.
</
p
>
</
div
>
</
div
>
</
div
>
</
div
>
<
telerik:RadMenu
ID
=
"mnuTopBar"
runat
=
"server"
Width
=
"100%"
EnableEmbeddedSkins
=
"false"
Skin
=
"TopBar"
>
<
Items
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Home"
/>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Publishers"
>
<
Items
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"PYP Publishers"
/>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Internet Publishers"
/>
</
Items
>
</
telerik:RadMenuItem
>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"Resources"
/>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"YPMNet"
/>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
"YPM Websites"
/>
<
telerik:RadMenuItem
runat
=
"server"
Text
=
" "
/>
</
Items
>
</
telerik:RadMenu
>
/* <
RadMenu
/ Default> */
.RadMenu_TopBar .rmRootGroup,
.RadMenu_TopBar a.rmLink,
.RadMenu_TopBar .rmGroup .rmText,
.RadMenu_TopBar .rmVertical .rmText,
.RadMenu_TopBar .rmLeftArrow,
.RadMenu_TopBar .rmRightArrow,
.RadMenu_TopBar .rmTopArrow,
.RadMenu_TopBar .rmBottomArrow {
background-image: url('Menu/rmSprite.png');
background-color: transparent;
}
.RadMenu_TopBar .rmRootGroup {
border: 0px solid #828282;
background-repeat: repeat-x;
background-position: 0 -408px;
background-color: none; }
/* <
Root
items> */
.RadMenu_TopBar,
.RadMenu_TopBar a.rmLink {
font: normal 12px/28px "Segoe UI", Arial, Helvetica, sans-serif;
color: #FFF;
text-decoration: none; }
.RadMenu_TopBar a.rmLink,
.RadMenu_TopBar a.rmDisabled,
.RadMenu_TopBar a.rmDisabled:hover {
background-position: 0 -72px; }
.RadMenu_TopBar .rmFirst a.rmLink,
.RadMenu_TopBar .rmFirst a.rmLink:hover,
.RadMenu_TopBar .rmLast .rmText,
.RadMenu_TopBar .rmLast a.rmLink:hover .rmText,
.RadMenu_TopBar .rmVertical a.rmLink,
.RadMenu_TopBar .rmVertical .rmText {
background-repeat: no-repeat;
background-position: 0 500px; }
.RadMenu_TopBar .rmVertical .rmFirst,
.RadMenu_TopBar .rmVertical .rmLast {
background: none; }
.RadMenu_TopBar a.rmLink:hover,
.RadMenu_TopBar a.rmFocused,
.RadMenu_TopBar a.rmSelected {
background-color: #ffc90d; }
.RadMenu_TopBar .rmHorizontal .rmRootLink span.rmText {
display: inline;
padding-left: 12px;
padding-top: 6px; }
.RadMenu_TopBar_rtl .rmRootLink span.rmText {
padding-right: 12px; }
.RadMenu_TopBar_Context_rtl .rmRootLink span.rmText {
padding-right: 28px; }
.RadMenu_TopBar .rmHorizontal a.rmRootLink {
padding-left: 0; }
.RadMenu_TopBar_rtl a.rmRootLink {
margin-left: 0;
padding: 0; }
.RadMenu_TopBar .rmHorizontal .rmItem > a.rmRootLink {
width: 100%; }
.RadMenu_TopBar ul.rmHorizontal .rmLeftImage {
margin: 4px -4px 0 6px; }
.RadMenu_TopBar_rtl ul.rmHorizontal .rmLeftImage {
margin: 4px 6px 0 -4px; }
.RadMenu_TopBar .rmVertical a.rmLink {
padding-top: 1px;
padding-bottom: 1px; }
.RadMenu_TopBar .rmVertical a.rmLink:hover,
.RadMenu_TopBar .rmVertical a.rmFocused,
.RadMenu_TopBar .rmVertical a.rmSelected,
.RadMenu_TopBar .rmVertical a.rmExpanded,
.RadMenu_TopBar .rmVertical a.rmExpanded:hover {
padding-top: 0;
padding-bottom: 0;
border-style: solid;
border-color: #828282;
border-width: 1px 0; }
.RadMenu_TopBar .rmVertical .rmFirst a.rmLink:hover,
.RadMenu_TopBar .rmVertical .rmFirst a.rmFocused,
.RadMenu_TopBar .rmVertical .rmFirst a.rmSelected,
.RadMenu_TopBar .rmVertical .rmFirst a.rmExpanded,
.RadMenu_TopBar .rmVertical .rmFirst a.rmExpanded:hover {
padding-top: 1px;
padding-bottom: 0;
border-top-width: 0; }
.RadMenu_TopBar .rmVertical .rmLast a.rmLink:hover,
.RadMenu_TopBar .rmVertical .rmLast a.rmFocused,
.RadMenu_TopBar .rmVertical .rmLast a.rmSelected,
.RadMenu_TopBar .rmVertical .rmLast a.rmExpanded,
.RadMenu_TopBar .rmVertical .rmLast a.rmExpanded:hover {
padding-bottom: 1px;
padding-top: 0;
border-bottom-width: 0; }
.RadMenu_TopBar .rmVertical .rmItem a.rmDisabled:hover {
padding-top: 1px;
padding-bottom: 1px;
border-width: 0; }
.RadMenu_TopBar a.rmExpanded,
.RadMenu_TopBar a.rmExpanded:hover {
background-color: #ffc90d; }
.RadMenu_TopBar a.rmDisabled,
.RadMenu_TopBar a.rmDisabled:hover {
color: #7d7d7d;
background-color: transparent; }
/* </
Root
items> */
/* <
Submenu
items> */
.RadMenu_TopBar .rmGroup,
.RadMenu_TopBar .rmMultiColumn,
.RadMenu_TopBar .rmGroup .rmVertical {
border: 1px solid #979797;
background: white url('Menu/rmVSprite.png') repeat-y 0 0; }
.RadMenu_TopBar .rmTopFix,
.RadMenu_TopBar .rmBottomFix,
.RadMenu_TopBar .rmRoundedCorners .rmGroup .rmItem,
.RadMenu_TopBar .rmRoundedCorners li.rmFirstGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmFirstGroupColumn li.rmFirstGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners ul.rmHorizontal .rmFirst,
.RadMenu_TopBar_Context.rmRoundedCorners .rmGroup .rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners ul.rmHorizontal .rmFirst {
background-image: url('Menu/rmVSprite.png');
background-color: #fff;
background-repeat: repeat-y; }
* html .rmRoundedCorners_TopBar .rmGroup .rmItem,
* html .rmRoundedCorners_TopBar ul.rmHorizontal .rmFirst {
background-image: url('Menu/rmVSprite.png');
background-color: #fff;
background-repeat: repeat-y; }
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn .rmGroupColumn .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrap .rmVertical,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmGroup,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrap .rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners .rmHorizontal .rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrap .rmVertical {
background-image: none; }
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmGroup,
* html .rmRoundedCorners_TopBar .rmScrollWrap .rmItem,
* html .rmRoundedCorners_TopBar .rmHorizontal .rmItem,
* html .rmRoundedCorners_TopBar .rmScrollWrap .rmVertical {
background-image: none; }
.RadMenu_TopBar .rmRoundedCorners .rmGroupColumn {
background-color: #fff; }
.RadMenu_TopBar .rmBottomLeft,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_TopBar_Context.rmRoundedCorners ul.rmGroup,
.RadMenu_TopBar .rmRoundedCorners ul.rmGroup,
.RadMenu_TopBar .rmRoundedCorners .rmMultiColumn {
background-image: url('Menu/rmRoundedLeft.png');
background-color: transparent;
background-repeat: no-repeat; }
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer,
* html .rmRoundedCorners_TopBar .rmGroup ul.rmGroup,
* html .rmRoundedCorners_TopBar ul.rmGroup {
background-image: url('Menu/rmRoundedLeft.png');
background-color: transparent;
background-repeat: no-repeat; }
.RadMenu_TopBar .rmTopRight,
.RadMenu_TopBar .rmBottomRight {
background-image: url('Menu/rmRoundedRight.png');
background-color: transparent;
background-repeat: no-repeat; }
.RadMenu_TopBar .rmTopFix,
.RadMenu_TopBar .rmBottomFix,
.RadMenu_TopBar .rmRoundedCorners .rmGroup .rmFirst,
.RadMenu_TopBar_Context.rmRoundedCorners .rmGroup .rmFirst,
.rmRoundedCorners_TopBar .rmGroup .rmFirst {
border-color: #979797; }
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmBottomFix,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopFix,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomFix {
background: #FFF; }
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmTopFix,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmBottomFix {
background: #FFF; }
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer .rmRightArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmTopArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmBottomArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmLeftArrow,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer .rmRightArrow {
background-color: #FFF;
border: 0; }
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmTopArrow,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmBottomArrow,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmLeftArrow,
* html .rmRoundedCorners_TopBar .rmScrollWrapContainer .rmRightArrow {
background-color: #FFF;
border: 0; }
.RadMenu_TopBar_rtl .rmBottomLeft,
.RadMenu_TopBar_rtl .rmRoundedCorners ul.rmGroup,
.RadMenu_TopBar_rtl .rmRoundedCorners .rmMultiColumn,
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer,
.RadMenu_TopBar .rmScrollWrapContainer .rmBottomLeft,
.rmRoundedCorners.RadMenu_TopBar_Context_rtl ul.rmGroup,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer {
background-image: url('Menu/rmRoundedLeft_rtl.png'); }
.RadMenu_TopBar_rtl .rmTopRight,
.RadMenu_TopBar_rtl .rmBottomRight {
background-image: url('Menu/rmRoundedRight_rtl.png'); }
.RadMenu_TopBar_rtl li.rmTopFix,
.RadMenu_TopBar_rtl li.rmBottomFix,
.RadMenu_TopBar_rtl .rmRoundedCorners .rmGroup .rmItem,
.rmRoundedCorners.RadMenu_TopBar_Context_rtl .rmGroup .rmItem {
background-position: 101% 0; }
.RadMenu_TopBar .rmSlide .rmScrollWrap {
background-image: none; }
.RadMenu_TopBar_rtl .rmGroup,
.RadMenu_TopBar_rtl .rmMultiColumn,
.RadMenu_TopBar_rtl .rmGroup .rmVertical {
background-position: 100% 0; }
.RadMenu_TopBar .rmRootGroup li.rmItem .rmGroup {
padding-bottom: 0; }
.RadMenu_TopBar .rmRootGroup .rmHorizontal {
background-image: none; }
.RadMenu_TopBar .rmScrollWrap .rmVertical {
border: 0; }
.RadMenu_TopBar .rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.RadMenu_TopBar_Context.rmRoundedCorners .rmScrollWrapContainer li.rmItem,
.rmRoundedCorners_TopBar .rmScrollWrapContainer li.rmItem {
background: none; }
.RadMenu_TopBar .rmGroup .rmItem a.rmLink,
.RadMenu_TopBar .rmGroup .rmItem a.rmLink:hover,
.RadMenu_TopBar .rmGroup .rmItem a.rmFocused,
.RadMenu_TopBar .rmGroup .rmItem a.rmSelected,
.RadMenu_TopBar .rmGroup .rmItem a.rmExpanded {
padding-top: 0;
padding-bottom: 0;
border: 0; }
.RadMenu_TopBar .rmGroup .rmLast a.rmLink,
.RadMenu_TopBar .rmGroup .rmLast a.rmLink:hover,
.RadMenu_TopBar .rmGroup .rmLast a.rmFocused,
.RadMenu_TopBar .rmGroup .rmLast a.rmSelected,
.RadMenu_TopBar .rmGroup .rmLast a.rmExpanded {
padding-bottom: 1px; }
.RadMenu_TopBar .rmGroup a.rmLink,
.RadMenu_TopBar .rmGroup .rmText,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled .rmText,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover .rmText {
background-position: 0 500px;
background-repeat: no-repeat;
background-color: #192960; /*RED*/}
.RadMenu_TopBar .rmGroup a.rmLink:hover,
.RadMenu_TopBar .rmGroup a.rmFocused,
.RadMenu_TopBar .rmGroup a.rmSelected,
.RadMenu_TopBar .rmGroup a.rmExpanded {
background-position: 0 -168px;
background-color: #FFC90D;
}
.RadMenu_TopBar .rmGroup a.rmLink:hover .rmText,
.RadMenu_TopBar .rmGroup a.rmFocused .rmText,
.RadMenu_TopBar .rmGroup a.rmSelected .rmText,
.RadMenu_TopBar .rmGroup a.rmExpanded .rmText {
background-position: 100% -192px;
background-color: #FFC90D;
}
/* <
expand
arrows> */
.RadMenu_TopBar .rmRootGroup .rmExpandRight,
.RadMenu_TopBar .rmGroup .rmExpandDown,
.RadMenu_TopBar_Context .rmGroup .rmExpandRight,
.RadMenu_TopBar .rmRootGroup .rmItem a.rmDisabled .rmExpandRight,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled .rmExpandDown,
.RadMenu_TopBar .rmRootGroup .rmItem a.rmDisabled:hover .rmExpandRight,
.RadMenu_TopBar .rmGroup .rmItem a.rmDisabled:hover .rmExpandDown {
background-position: 100% -216px; }
.RadMenu_TopBar a.rmLink:hover .rmExpandRight,
.RadMenu_TopBar .rmLast a.rmLink:hover .rmExpandRight,
.RadMenu_TopBar a.rmFocused .rmExpandRight,
.RadMenu_TopBar a.rmSelected .rmExpandRight,
.RadMenu_TopBar a.rmExpanded .rmExpandRight {
background-position: 100% -312px; }
.RadMenu_TopBar .rmGroup a.rmLink:hover .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmFocused .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmSelected .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmExpanded .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmLink:hover .rmExpandDown,
.RadMenu_TopBar .rmGroup a.rmFocused .rmExpandDown,
.RadMenu_TopBar .rmGroup a.rmSelected .rmExpandDown,
.RadMenu_TopBar .rmGroup a.rmExpanded .rmExpandDown {
background-position: 100% -240px; }
.RadMenu_TopBar .rmRootGroup a.rmDisabled:hover .rmExpandRight,
.RadMenu_TopBar .rmGroup a.rmDisabled:hover .rmExpandDown {
background-image: url('Menu/rmSprite.png');
background-position: 100% -216px; }
/* </
expand
arrows> */
/* <
rtl
> */
.RadMenu_TopBar_rtl a.rmLink,
.RadMenu_TopBar_rtl .rmRootGroup a.rmDisabled {
background-position: 100% -96px; }
.RadMenu_TopBar_rtl .rmGroup a.rmDisabled {
background: none; }
.RadMenu_TopBar_rtl .rmText {
background-position: 0 -96px; }
.RadMenu_TopBar_rtl .rmVertical a.rmExpanded .rmText,
.RadMenu_TopBar_rtl .rmVertical a.rmExpanded:hover .rmText {
background-position: 0 500px;
background-repeat: no-repeat; }
.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover,
.RadMenu_TopBar_rtl .rmGroup a.rmFocused,
.RadMenu_TopBar_rtl .rmGroup a.rmSelected,
.RadMenu_TopBar_rtl .rmGroup a.rmExpanded {
background-position: 100% -264px; }
.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover .rmText,
.RadMenu_TopBar_rtl .rmGroup a.rmFocused .rmText,
.RadMenu_TopBar_rtl .rmGroup a.rmSelected .rmText,
.RadMenu_TopBar_rtl .rmGroup a.rmExpanded .rmText {
background-position: 0 -288px; }
.RadMenu_TopBar_Context_rtl .rmVertical .rmExpandLeft,
.RadMenu_TopBar_rtl .rmRootGroup .rmExpandLeft {
background-position: 0 -312px; }
.RadMenu_TopBar_rtl .rmVertical a.rmLink:hover .rmExpandLeft,
.RadMenu_TopBar_rtl .rmVertical a.rmFocused .rmExpandLeft,
.RadMenu_TopBar_rtl .rmVertical a.rmSelected .rmExpandLeft,
.RadMenu_TopBar_rtl .rmVertical a.rmExpanded .rmExpandLeft {
background-position: 0 -216px; }
.RadMenu_TopBar_rtl .rmGroup a.rmLink:hover .rmExpandLeft,
.RadMenu_TopBar_rtl .rmGroup a.rmFocused .rmExpandLeft,
.RadMenu_TopBar_rtl .rmGroup a.rmSelected .rmExpandLeft,
.RadMenu_TopBar_rtl .rmGroup a.rmExpanded .rmExpandLeft {
background-position: 0 -336px; }
.RadMenu_TopBar_rtl .rmRootGroup a.rmDisabled:hover .rmExpandLeft {
background-position: 0 -312px; }
/* </
rtl
> */
/* </
Submenu
items> */
/* <
Submenu
offsets (Default - specific, overlapping submenus)> */
.RadMenu_TopBar .rmSlide {
margin: 0 0 0 -1px; }
.RadMenu_TopBar .rmVertical .rmSlide,
.RadMenu_TopBar .rmSlide .rmSlide,
.RadMenu_TopBar_Context .rmGroup .rmSlide {
margin: 0 0 0 -5px; }
.RadMenu_TopBar_rtl .rmSlide {
margin: 0 0 0 0; }
.RadMenu_TopBar_rtl .rmFirst .rmSlide {
margin-left: 1px; }
.RadMenu_TopBar_rtl .rmVertical .rmSlide,
.RadMenu_TopBar_rtl .rmSlide .rmSlide,
.RadMenu_TopBar_Context_rtl .rmGroup .rmSlide {
margin: 0 0 0 5px; }
/* </
Submenu
offsets> */
/* <
Scrolling
arrows> */
.RadMenu_TopBar .rmLeftArrow,
.RadMenu_TopBar .rmRightArrow {
background-color: #E6E6E6; }
.RadMenu_TopBar .rmLeftArrow {
background-position: -8px -312px;
border-right: 1px solid #828282; }
.RadMenu_TopBar .rmRightArrow {
background-position: -482px -216px;
border-left: 1px solid #828282; }
.RadMenu_TopBar .rmTopArrow,
.RadMenu_TopBar .rmBottomArrow,
.RadMenu_TopBar .rmGroup .rmLeftArrow,
.RadMenu_TopBar .rmGroup .rmRightArrow {
background-color: #E6E6E6; }
.RadMenu_TopBar .rmTopArrow {
background-position: 50% -367px;
border-bottom: 1px solid #828282; }
.RadMenu_TopBar .rmBottomArrow {
background-position: 50% -391px;
border-top: 1px solid #828282; }
/* </
Scrolling
arrows> */
/* <
Separators
> */
.RadMenu_TopBar .rmHorizontal .rmSeparator .rmText,
.RadMenu_TopBar .rmVertical .rmHorizontal .rmSeparator .rmText {
height: 22px;
margin: 1px 0 0;
width: 1px;
background-color: #A8A8A8; }
.RadMenu_TopBar_Context .rmSeparator .rmText,
.RadMenu_TopBar .rmHorizontal .rmGroup .rmSeparator .rmText,
.RadMenu_TopBar .rmVertical .rmHorizontal .rmGroup .rmSeparator .rmText {
background-color: transparent;
background-position: 0 -406px; }
/* </
Separators
> */
/* </
RadMenu
/ Default> */