/*
   Global styles used across multiple pages in this skin.
   Styles marked by the comment (EDITOR) should be manually propagated to
   editor.css so the WYSIWYG editor will properly render them.

   author: Eric Byrnes
   modifications:
*/   

/* ========== Generic ========== */

/* General defaults for the page (EDITOR) */
body
{
	background: url(images/body_fade.jpg) top left repeat-x;
	background-color: #333233; /* charcoal */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt; /* base font size */
	font-weight: normal;
	margin: 0 auto;
}

/* General label properties */
label
{
	cursor: pointer;
	cursor: hand; /* for IE compatibility */
	font-size: 10pt; /* base font size */
}

/* Image-based submit buttons don't have borders either, so this would be used
   in conjunction with the "submitbutton" class above */
input[type="image"]
{
	border: 0px;
}
input[type="text"], input[type="password"], select
{
	padding: 1px 0;
}
input[type="radio"]
{
	background-color: transparent;
}

/* This turns off borders around images (EDITOR) */
img
{
	border: 0px;
	margin: 0px;
	padding: 0px;
}

/* Ordinary paragraphs and list-items (EDITOR) */
p, ul, ol
{
	font-size: 100%;
	margin-top: 0em;
	margin-bottom: 0.6em;
	padding-top: 0em;
}

/* Ordinary paragraphs and list-items (EDITOR) */
p, td, a
{
	font-size: 10pt;
}

/* Link styles (EDITOR) */
a, a:link, a:active, a:visited
{
	color: #779DE0; /* light blue */
}
a:link, a:active, a:visited, a:hover
{
	cursor: pointer;
	cursor: hand;
	text-decoration: none;
}
a:hover
{
	color: #1A3D7A;
}
a.arrow
{
	background: url(images/link_arrow.gif) center left no-repeat;
	padding-left: 15px;
}
a.pageLink
{
	font-size: 8pt;
}

/* Error/validation image */
.error-image {
	display: inline;
}

/* Used for messages displayed when performing form validation */
ul.messages
{
	padding-top: 10px;
	padding-bottom: 10px;
}

li.error, .error, li.Error, .Error
{
	color: #FF0000;
	font-weight: bold;
}
li.warning, .warning, li.Warning, .Warning
{
	color: #FF8000;
	font-weight: bold;
}
li.info, .info, li.Info, .Info
{
	color: #00CC00;
	font-weight: bold;
}

/* This can be used to hide text from regular browsers while allowing it appear for text readers */
p.accessibility, li.accessibility
{
	display: none !important;
}


/* ========== DotNetNuke Core Styles ========== */

.SkinObject
{
	background-color: transparent;
	color: #779DE0; /* light blue */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
}

a.SkinObject:link, a.SkinObject:active, a.SkinObject:visited, a.SkinObject:hover
{
	color: #779DE0; /* light blue */
	text-decoration: none;
}


/* ========== DotNetNuke Elements ========== */

/* Text style for the selected tab */
.SelectedTab
{
	color: #C0C0C0;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

/* Text style for the unselected tabs */
.OtherTabs
{
	color: #C0C0C0;
	font-size: 11pt;
	font-weight: bold;
	text-decoration: none;
}

/* Text style used for textboxes in the admin and edit pages, for Nav compatibility */
/* Style for module titles (EDITOR) */
.Head
{
	color: #D1261F; /* dark red */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11pt;
	font-weight: bold;
	margin-bottom: 0.4em;
}
a.Head
{
	color: #D1261F; /* dark red */
}
    
/* Style of item titles on edit and admin pages (EDITOR) */
.SubHead
{
	color: #779DE0; /* light blue */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/* Module title style used instead of Head for compact rendering by QuickLinks and Signin modules (EDITOR) */
.SubSubHead
{
	color: #779DE0; /* light blue */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

/* Style of item titles on announcements (EDITOR) */
.ItemTitle
{
	color: #779DE0; /* light blue */
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0.3em;
}

/* Text style used for most text rendered by modules (EDITOR) */
.Normal, .NormalDisabled
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}

/* Bold text (EDITOR) */
.NormalBold
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/* Text box style */
input.NormalTextBox
{
	border: 1px solid #7B9EBD; /* standard border blue */
	padding: 1px 0;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: normal;
}

/* Text style for error messages */
.NormalRed
{
	color: red;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/* Text style for text requiring emphasis */
.NormalBold
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

/* Text style for buttons and link buttons used in the portal admin pages */
.CommandButton
{
	font-family: Helvetica, Arial, sans-serif;
	font-weight: normal;
}
    
/* Hyperlink style for buttons and link buttons used in the portal admin pages */
a.CommandButton:link, a.CommandButton:visited, a.CommandButton:active
{
	color: #779DE0; /* light blue */
	text-decoration: underline;
}

a.CommandButton:hover
{
	color: #D1261F; /* dark red */
	text-decoration: underline;
}

/* button style for standard HTML buttons */
.StandardButton
{
	background: #6F8AA4; /* blue-gray */
	border: 1px outset #779DE0; /* light blue */
	color: white;
	font-size: smaller;
	font-variant: small-caps;
	padding-right: 5px;
	padding-left: 5px;
}

.StandardButton:hover
{
	background: #779DE0; /* light blue */
	border: 1px outset #779DE0; /* light blue */
	color: white;
	cursor: pointer;
	cursor: hand;
	font-size: smaller;
	font-variant: small-caps;
	padding-right: 5px;
	padding-left: 5px;
}

        
/* ========== Skin Object Styles ========== */

/* Top nav style */
.skinLinkTopNav
{
	color: #779DE0;
	font-size: 7.5pt;
	font-weight: normal;
	padding-left: 3px;
	padding-right: 3px;
}
a.skinLinkToolNav:link, a.skinLinkToolNav:visited, a.skinLinkToolNav:active
{
	color: #779DE0;
}
a.skinLinkToolNav:hover
{
	color: #D1261F;
}

.skinFooterNav
{
	color: #779DE0;
	float: right;
	font-size: 7.5pt;
	font-weight: normal;
}
.skinFooterNav .SkinObject
{
	font-size: 7.5pt;
	font-weight: normal;
}
/* General bottom nav style */
.skinFooterNav .skinFooterItem { padding: 3px 0; }
/* [PRIVACY] style */
.skinFooterNav .skinPrivacy {	padding: 3px 0; }
/* [TERMS] style */
.skinFooterNav .skinTerms { padding: 3px 0; }
/* [COPYRIGHT] style */
.skinFooterNav .skinCopyright { padding: 10px 0 0; }
.skinFooterNav .skinCopyright .SkinObject
{
	color: #C0C0C0;
	font-size: 7pt;
}
        
/* [SEARCH] style */
.skinSearch
{
	font-size: 8pt;
}

/* Tool nav style */
.skinLinkTopNav
{
	font-size: 7.5pt;
	padding-left: 5px;
	padding-right: 5px;
}

a.SkinLinkTopNav:hover
{
	color: #D1261F; /* dark red */
}


/* ========== Module Menu Styles ========== */

/* Module Title Menu */
.ModuleTitle_MenuContainer
{
	border: 0 solid white;
}

.ModuleTitle_MenuBar
{
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	height: 16px;
	background-color: transparent;
}

.ModuleTitle_MenuItem
{
	color: black; 
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	font-size: 9pt; 
	font-style: normal; 
	font-weight: bold;
	border-left: 0px solid white;
	border-bottom: 1px solid white; 
	border-top: 1px solid white; 
	border-right: 0px solid white;
	background-color: transparent;
}

.ModuleTitle_MenuIcon
{
	background-color: #EEEEEE;
	border-bottom: 1px solid transparent;
	border-left: 1px solid transparent;
	border-top: 1px solid transparent;
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	height: 21px;
	text-align: center; 
	width: 15px; 
}

.ModuleTitle_SubMenu
{
	background-color: #FFFFFF; 
	border: 0px;
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=3);
	z-index: 1000; 
}

.ModuleTitle_MenuBreak
{
	background-color: #EEEEEE; 
	border-bottom: 1px solid #EEEEEE;
	border-left: 0px solid #EEEEEE;
	border-right: 0px solid #EEEEEE;
	border-top: 1px solid #EEEEEE;
	height: 1px;
}

.ModuleTitle_MenuItemSel
{
	background-color: #C1D2EE;
	color: black; 
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	font-size: 9pt; 
	font-style: normal;
	font-weight: bold; 
}

.ModuleTitle_MenuArrow
{
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-top: 0px solid transparent;
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	font-family: webdings; 
}

.ModuleTitle_RootMenuArrow
{
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	font-family: webdings; 
}

/* ========== Main Menu Styles ========== */

.MainMenu_MenuContainer
{
	border: 0px;
}

.MainMenu_MenuBar
{
	height: 25px;
}

.MainMenu_MenuItem
{
	background-color: #DDBF31;
	border: 0px;
	color: white;
	cursor: pointer;
	cursor: hand; /* for IE compatibility */
	font-size: 10pt;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 25px;
	height: 25px;
}

.MainMenu_MenuIcon
{
	background-color: #909090; /* medium gray */
	border-left: 1px solid transparent;
	border-bottom: 1px solid transparent;
	border-top: 1px solid transparent;
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	height: 25px;
	text-align: center; 
	width: 5px; 
}
* html .MainMenu_MenuIcon
{
	height: 23px;
}

.MainMenu_SubMenu
{
	background-color: #DDBF31;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='DimGray', Direction=135, Strength=6); 
	font-variant: normal;
	z-index: 1000; 
}
.MainMenu_SubMenu .MainMenu_MenuItem
{
	color: #779DE0; /* light blue */
	font-size: 9pt;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 23px;
	height: 23px;
}

.MainMenu_MenuBreak
{
	display: none;
}

.MainMenu_MenuItemSel
{
	background-color: #D7D7D7; /* light gray */
	color: #D1261F; /* dark red */
}

.MainMenu_MenuArrow
{
	border: 1px solid transparent;
	cursor: pointer; 
	cursor: hand; /* for IE compatibility */
	font-family: webdings; 
}
* html .MainMenu_MenuArrow,
* html .MainMenu_MenuItemSel .MainMenu_MenuArrow
{
	border: 0;
}
+ html .MainMenu_MenuItemSel .MainMenu_MenuArrow
{
	border: 0;
}

.MainMenu_RootMenuArrow
{
	display: none;
	font-family: webdings;
	font-size: 10pt;
}

/* Class used for top-level menu items */
.MainMenu_RootMenuItem
{
	color: white;
	font-size: 10pt;
	font-variant: normal;
	line-height: 36px;
	height: 36px;
	padding: 0 10px;
}
tr.MainMenu_RootMenuItem td
{
	padding: 0 10px;
}

/* Class used for top-level menu item during mouse-over */
.MainMenu_RootMenuItemSel
{
	background: url(images/nav_active_gradient.gif) top left repeat-x;
	background-color: #D7D7D7; /* light gray */
	color: #779DE0; /* light blue */
	font-variant: normal;
	font-weight: bold;
	line-height: 36px;
	height: 36px;
	padding: 0 10px;
}
tr.MainMenu_RootMenuItemSel td
{
	padding: 0 10px;
}

/* Class used for top-level active (selected) menu item */
.MainMenu_RootMenuItemActive
{
	background: url(images/nav_active_gradient.gif) top left repeat-x;
	background-color: #D7D7D7; /* light gray */
	color: #779DE0; /* light blue */
	font-variant: normal;
	font-weight: bold;
	line-height: 36px;
	height: 36px;
	padding: 0 10px;
}
tr.MainMenu_RootMenuItemActive td
{
	padding: 0 10px;
}
 
/* Class used for sub-level menu items */
.MainMenu_SubMenuItem
{
}

/* Class used for sub-level selected menu item during mouse-over */
.MainMenu_SubMenuItemSel
{
	background-color: #C0C0C0; /* light gray */
	color: white;
}

/* Class used for sub-level active (selected) menu item */
.MainMenu_SubMenuItemActive
{
	background-color: #C0C0C0; /* medium gray */
	color: white;
}
.MainMenu_SubMenu .MainMenu_SubMenuItemActive
{
	color: white;
}

/* Class used for separator string (between menu items) */
.MainMenu_Separator
{
	background-color: transparent;
	color: white;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
}


/* ========== Page Containers ========== */

/* This holds the upper content area */
#skinTop
{
	background: url(images/top_fade.jpg) top left repeat-x;
	background-color: #D3CDCD; /* gray */
	width: 100%;
}

/* This holds the upper content area, and centers it within the browser window */
#skinTopContent
{
	background-color: white;
	margin: 0 auto;
	text-align: left;
	width: 964px;
}

/* The header holds any content above the menu */
#skinHeader
{
	height: 58px;
	padding: 0px;
	position: relative;
	overflow: hidden;
	width: 100%;
}

/* Header logo container */
#skinHeaderLogo
{
	background-color: white;
	text-align: left;
	overflow: hidden;
	vertical-align: middle;
	width: 100%;
}
#skinHeaderLogo img
{
	margin-top: 16px;
	margin-left: 16px;
	margin-right: 16px;
}

/* Search box and language selection */
#skinHeaderSearchNav
{
	background-color: white;
	margin-top: 2px;
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	white-space: nowrap;
}

/* Header common/tool navigation */
#skinHeaderToolNav
{
	background-color: white;
	color: white;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	white-space: nowrap; 
}

/* Drop-down menu container */
#skinMenuBar
{
	background-color: #EFC000; /* orange */
	border-left: 1px solid #D9AF00;
	border-right: 1px solid #D9AF00;
	clear: both;
	height: 36px;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

#skinMenu
{
	background-color: #EFC000; /* orange */
	width: 100%;
}

/* Page interior area */
#skinInterior
{
	background: url(images/gray_white_fade.jpg) repeat-x;
	background-color: white;
	min-height: 540px;
	padding-bottom: 10px;
}
* html #skinInterior
{
	height: 540px;
	overflow: visible;
}
+ html #skinInterior
{
	height: 540px;
	overflow: visible;
}

/* Breadcrumb nav / submenu container */
#skinSubMenu
{
	background-color: transparent;
	font-family: Helvetica, Arial, sans-serif;
	font-variant: normal;
	height: 1.5em;
	padding-top: 2px;
}

/* Link properties  */
#skinSubMenu a:hover
{
	color: red;
}

/* Breadcrumb nav container */
#skinBreadcrumb
{
	background-color: transparent;
	margin: 0;
	padding: 0;
}

/* Registration nav container */
#skinRegister
{
	background-color: transparent;
	padding-right: 5px;
	white-space: nowrap;
}

/* Page interior area */
#skinContent
{
	background-color: transparent;
}

/* The footer holds various logos and footer links */
#skinBottom
{
	background-color: #333233; /* charcoal */
	background: url(images/bottom_fade.jpg) repeat-x;
	min-height: 130px;
	width: 100%;
}
* html #skinBottom
{
	height: 130px;
}
+ html #skinBottom
{
	height: 130px;
}

/* This holds the upper content area, and centers it within the browser window */
#skinBottomContent
{
	margin: 0 auto;
	padding-top: 3px;
	padding-bottom: 5px;
	text-align: left;
	width: 964px;
}

/* The footer holds various logos and footer links */
#skinFooter
{
	background-color: transparent;
	color: #909090;
	clear: both;
	margin-bottom: 1.0em;
}

/* The footer common navigation (disclaimers, etc.) */
#skinFooterCommonNav
{
	font-size: 8pt;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	white-space: nowrap;
}

/* The footer copyright and contact information */
#skinFooterCopyright
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 7pt;
	padding-left: 5px;
	padding-right: 5px;
	white-space: nowrap;
}


/* ========== X2Vol shared styles ========== */
select
{
	padding: 1px 0 1px;
}

.wneCombo
{
	font-size: 14px;
}

/**  Watermarked text **/
.watermarked
{
	color: #C0C0C0;
	height: 16px;
	padding: 1px;
}

/**  Standard field prompt cell **/
.prompt
{
	color: #6D6D6D;
}
td.prompt
{
	text-align: right;
}
/**  Standard field value cell **/
td.value
{
	text-align: left;
}

/** Section header **/
.SectionTitle
{
	border-bottom: 1px solid black;
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 6px;
	width: 100%;
}
.SectionTitle .instruct
{
	font-size: 80%;
	font-weight: normal;
}

.SubTitle
{
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 4px;
}

.SubSubTitle
{
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 2px;
}

.instruct
{
	font-size: 80%;
}

.SectionArea
{
	border: 1px solid #EEEEEE;
	width: 99%;
}

.SectionTitle
{
	background-color: #DDE2EA;
	color: #1A3D7A;
	border-bottom: 1px solid white;
	padding-top: 10px;
	padding-bottom: 10px;
}
.SectionTitle span
{
	padding-left: 10px;
}

.HeaderTitle, .Normal .HeaderTitle
{
	color: #1A3D7A !important; /** dark blue **/
	font-size: 10pt;
}

/**  Popup styles **/
.Popup { }
.Popup .ButtonContent
{
	text-align: center;
}

/**  Checkbox list styles **/
.checkList input
{
	width: 15px;
}
.checkList label
{
}

.threeColumn td
{
	width: 33%;
}


/* ========== Profile ========== */

/** PAGE 1 **/
.InterestArea
{
	margin-top: 0;
}

.SectionArea .ButtonArea
{
	border-width: 0;
}
.ButtonArea .SectionTitle
{
	padding: 0;
	line-height: 1px;
	height: 1px;
}

/** PAGE 2 **/
/** Container for goal information **/
.GoalArea
{
	border: 1px solid #EEEEEE;
}
.GoalArea .SectionTitle
{
	background-color: #DDE2EA;
	border-bottom: 1px solid white;
}

/** Container for sign-in preferences **/
.SignInArea
{
	border: 1px solid #EEEEEE;
}

/** Container for checkbox field **/
.checkField
{
	display: inline;
	text-align: center;
	width: 40px;
}
/** Container for checkbox prompt **/
.checkPrompt
{
	display: inline;
}


/* ========== Infragistics Controls ========== */
/** Container for notification emails **/
.igdw_Control .igdw_BodyEdgeLeft
{
	border-right: 1px solid whitesmoke;
}
.igdw_Control .igdw_BodyEdgeBottom
{
	border-top: 1px solid whitesmoke;
}
.igdw_Control .igdw_BodyEdgeRight
{
	border-left: 1px solid whitesmoke;
}
.igdw_Control .igdw_BodyContent
{
	background-color: whitesmoke;
}


/* ========== Button styling (see http://www.hedgerwow.com/360/dhtml/css-round-button/demo.php) ========== */
a.button,
span.button,
del.button
{
	display: -moz-inline-box;
	display: inline-block;
	cursor: pointer;
	border: none;
	font-size: 0;
	line-height: 0;
    
	/*
	for Safari, read this first
	http://creativebits.org/webdev/safari_background_repeat_bug_fix
	*/
	background-position: 0 0;
	background-repeat: no-repeat;
	height: 32px;
	text-decoration: none;
	color: #2E523B;
	font-style: normal;
	/* ===== form_buttons.png === 
	margin: 0 6px 0px 0;
	padding: 0 10px 0 0;	
	*/
	/* ===== form_buttons_glass.png === */
	padding: 0px 10px 0px 0px;

	vertical-align: middle;	

	padding-top: -2px;
	_position: relative;
	_width: 10px;	
	_overflow-y: hidden;
}

a.button,
span.button,
del.button,
a.button span,
span.button button,
span.button input,
del.button span {
/*
    background-image: url(images/form_buttons.png);
    _background-image: url(images/form_buttons.gif);
*/
    background-image: url(images/form_buttons_glass.png);
    _background-image: url(images/form_buttons_glass.gif);
	
}

a.button span,
span.button button,
span.button input,
del.button span {
	white-space: nowrap;
	cursor: pointer;
	color: #222;
	display: -moz-inline-box;
	display: inline-block;
	line-height: 1;
	letter-spacing: 0 !important;
	font-family: Arial !important;
	font-size: 12px !important;
	font-style: normal;    
	background-color: transparent;
	background-position: 100% 0;
	background-repeat: no-repeat;
	height: 32px;
	/* ===== form_buttons.png === 
	padding: 8px 20px 0 10px;
	margin: 0 -14px 0 10px;
	*/
	/* ===== form_buttons_glass.png === */
	margin: 0 -25px 0 13px;
	padding: 0px 20px 0 5px;
	
	border: none;
	vertical-align: text-top;
	zoom: 1;
	_position: relative;
	_padding-left: 0px;
	_padding-right: 12px;
	_margin-right: -10px;	
	_display: block;
	_top: 0;
	_right: -5px;
}

span.button button {
	line-height: 2.5; /* Opera needs this */
}

html.safari a.button span, 
html.safari del.button span {
	line-height: 1.3;
}

html.safari span.button button {
	line-height: 2.6;
}

html.safari a.button:focus,
html.safari span.button button:focus {
	outline: none;
}

del.button {
	/* cursor: not-allowed;	*/
	background-position: 0 -120px;
}

del.button span {
	cursor: default;
	color: #aaa !important;
	background-position: 100% -120px;
}

span.button button,
span.button input {
	padding-top: 0px;
	line-height: 2.5; /* Opera need this */
}

/** optional **/
/*
a.button:visited{
	color: #aaa;
}
*/

/* Hover Style */
a.button:hover,
span.button:hover,
a.button:focus, 
a.dom-button-focus,
span.button-behavior-hover {
	background-position: 0 -60px;
	color: #222;
	text-decoration: none;
}

a.button:hover span,
a.button:focus span, 
span.button:hover button,
span.button:hover input,
span.button-behavior-hover button,
span.button-behavior-hover input {
	background-position: 100% -60px;
}

a.button:active,
a.button:focus span {
	color: #444;
}

del.button-behavior-hover,
del.button:hover {
	background-position: 0 -180px;
	/* cursor: not-allowed; */
}

del.button-behavior-hover span,
del.button:hover span {
	background-position: 100% -180px;
	/* cursor: not-allowed; */
}

/*Optional hack for IE6 to simulate :hover selector */
span.button button,
del.button span,
span.button input {
	_behavior: expression(
		(function(el) {
			if( typeof( behavior_onMouseEnter) == 'undefined'){
				behavior_onMouseEnter = function(el) {
					var dEl = this.parentNode;					
					var sClass = dEl.className;
					dEl.__defaultClassName = sClass;
					dEl.className = sClass + ' button-behavior-hover';	
					this.setCapture();
				};
				behavior_onMouseLeave = function(el) {
					var dEl = this.parentNode;
					dEl.className = dEl.__defaultClassName;
					dEl.__defaultClassName = undefined;
					this.releaseCapture();
				};
			};
			el.runtimeStyle.behavior = 'none';
			el.onmouseenter = behavior_onMouseEnter;
			el.onmouseleave = behavior_onMouseLeave;
		})(this));
}