/* CSS Created at 2/16/2026 10:23:32 AM */
/* # 1 global_inc\site_templates\global_base.css */


/* 1: BASIC ELEMENTS */
/* test */
/* 1: END */

/* 2. SPECIAL PURPOSE AND TEMPLATE CLASSES */

.FirstAutoCompleteItem
{
	font-style: italic;
	color: gray;
}

.ui-autocomplete-category 
{
	font-weight:bold;
	padding:.2em .4em;
	margin:.8em 0 .2em;
	line-height:1.5;		
}

.ui-corner-all 
{
    border-radius: 4px 4px 4px 4px;
}

.ui-widget-content 
{
    border: 1px solid #AAAAAA;
    color: #222222;
}

.ui-widget 
{
    font-family: inherit;
    font-size: .9em;
}

.ui-menu 
{
    display: block;
    list-style: none outside none;
    margin: 0;
    padding: 2px;
	width: 18%;
}

.ui-autocomplete 
{
    cursor: default;
    position: relative;
	z-index: 5 !important;
}

#ui-active-menuitem 
{ 
	background-color: #eee; 
}

.ui-menu .ui-menu-item 
{
    margin: 0;
    padding: 0;
    width: 100%;
}

.ui-widget-content 
{
    color: #222222;
}
.ui-widget 
{
    font-size: 1.1em;
}
.ui-menu 
{
    list-style: none outside none;
}
.ui-autocomplete 
{
    cursor: default;
}

.ui-menu .ui-menu-item a 
{
    display: block;
    line-height: 1.5;
    padding: 0.2em 0.4em;
    text-decoration: none;
}

.ui-autocomplete  li
{
	list-style-image: none !important; 
}

.ui-widget-content a {
}

.ui-corner-all 
{
    border-radius: 4px 4px 4px 4px;
	display: block;
}

#FlexiMenu
{
	display: none;
}

.optionGroup
{
    font-weight:bold;
    font-style:italic;
}

.optionChild
{
    padding-left:15px;
}

.CustomFormTable td,Remy
.CustomFormTable th,
.CustomFormResponseTable td,
.CustomFormResponseTable th,
.CustomFormResponseAttachmentsTable td,
.CustomFormResponseAttachmentsTable th
{
	padding:5px 3px 5px 3px;
	text-align:left;
}

.CustomFormTable td.break,
.CustomFormResponseTable td.break
.CustomFormResponseAttachmentsTable td.break
{
	height:20px;
}

.CustomFormTable th,
.CustomFormResponseTable th,
.CustomFormResponseAttachmentsTable th
{
	background-color:Transparent;
	font-weight:bold;
	line-height:21px;
	vertical-align:top;
}

.CustomFormTable th div,
.CustomFormTable th span,
.CustomFormResponseTable th div,
.CustomFormResponseTable th span,
.CustomFormResponseAttachmentsTable th span
{
	line-height:13px;
}

.CustomFormTable th.center,
.CustomFormResponseTable th.center
.CustomFormResponseAttachmentsTable th.center
{
	text-align:center;
}

.DotNetPager
{
	font-weight:bold;
}
.DotNetPager a
{
	font-weight:normal;
	text-decoration:underline;
}
.DotNetPager .pgNavigation /* Reset */
{
    border-spacing: 0px
}
.DotNetPager .pgNavigation td
{
    padding: 0px 1px;
}
.DotNetPager td
{
	padding-top:15px;
}

.DisplayInline label {
    display: inline;
}

.FormTable1 td.label
{
	font-weight:bold;
}
.FormTable1 div
{
	font-weight:normal;
	text-align:left;
}

.ForumAttachments
{
	clear:both;
	padding:0px 4px 8px 4px;
}
	.ForumAttachments div.ForumAttachmentImg
	{
		margin:8px 4px 0px 4px;
		vertical-align:top;
		line-height: 15px;
	}
	.ForumAttachments div.ForumAttachmentImg,
	.ForumAttachments div input
	{
		display: inline-block;
	}

	.ForumAttached div.ForumAttachmentFile
	{
		display: inline-block;
		white-space: nowrap;
	}

	.ForumAttachments div.ForumAttachmentImg input
	{
		vertical-align: top;
	}
	.ForumAttached div.ForumAttachmentFile input
	{
		vertical-align: text-top;
	}

.ForumTopicScore label,
.ForumTopicScore .ScoreControl
{
	display:block;
	float:left;
}
.ForumTopicScore label
{
	margin:4px 0px 13px 0px;
}
.ForumTopicScore .ScoreControl
{
	margin:2px 0px 13px 0px;
}
.ForumTopicScore .ScoreControl .ScoreControl_reset
{
	margin-left:2px;
}

.MemberControlPanel
{
	float:left;
	position: relative;
	width:49.9%;
	height:80px;
}
.MemberControlPanel_Container,
.MemberControlPanel_Container:hover
{
	display:block;
	text-decoration:none;
	padding:8px 8px 10px 8px;
}
.MemberControlPanel_Container:hover
{
	background-color:#eee;
}
.MemberControlPanel_Divider
{
	border-top:dotted 1px #ccc;
	padding-top:16px;
}
.MemberControlPanel_Image
{
	border:0px none;
	display:inline-block;
	margin-right:8px;
}
.MemberControlPanel_ImageDouble
{
	border: 0px none;
	display: inline-block;
	margin-right: 20px;
	/*padding:0px 20px 15px 0px;*/
	vertical-align: top;
}
.MemberControlPanel_Title
{
	font-size:14px;
}
.MemberControlPanel_Description
{
	line-height:14px;
}

.MemberControlPanel_Double
{
	float: left;
	width: 99.8%;
	/*height: 120px;*/
}

.MicroBlog td
{
border-bottom: 1px dashed #dddddd;
}
.MicroBlog td .MicroBlog_FirstPost
{
font-size: 16px;
}

.ordinalPositioner
{
	width:51px;
}

.ordinalPositioner .ordinalPositionerL
{
	float:left;
}
.ordinalPositioner .ordinalPositionerL input
{
	border-width:1px;
	font-size:12px;
	height:22px;
	padding-top:2px;
	text-align:center;
	width:30px;
}

.ordinalPositioner .ordinalPositionerR
{
	float:right;
}
.ordinalPositioner .ordinalPositionerR input
{
	height:10px;
	width:11px;
	padding:2px 0;
}

.ScoreControl_bias
{
	color:Gray;
	display:inline-block;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
	text-align:center;
	vertical-align:top;
	width:30px;
}

.ScoreControl_biasUp { color:Green }
.ScoreControl_biasDn { color:Red }

.SearchItemSynopsis
{
	color:#555555;
	padding:6px 0px 6px 0px;
}
.SearchItemSynopsis .HitHighlight
{
	background-color:#FFFFAA;
	color:#000000;
}
.TabBar
{
	border-bottom:1px solid #dddddd;
}
.TabBar a
{
	display:block;
	font-size:14px;
	text-align:center;
	padding:3px 8px 2px 8px;
}
.TabBar div
{
	float:left;
	margin-right:2px;
}
.TabBar div a
{
	background-color:#eeeeee;
	color:#aaaaaa;
}
.TabBar div a:hover
{
	background-color:#cccccc;
	color:White;
	text-decoration:none;
}
.TabBar div.activeTab
{
	border-bottom:0px none;
	border-top:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-left:1px solid #dddddd;
	margin-bottom:-1px;
}
.TabBar div.activeTab a,
.TabBar div.activeTab a:hover
{
	background-color:#ffffff;
	color:#333333;
	padding-top:2px;
	padding-bottom:3px;
}
.TabBar div.clearBottom
{
	clear:both;
	display:block;
	float:none;
}
/* 2: END */

/* 3. GENERAL CLASSES AND OVERRIDES */
.ComboBox
{
	border:solid 1px #cccccc;
}
.ComboBoxList
{
	background-color:White;
	overflow:auto;
	white-space:nowrap;
}
.ComboBoxList input
{
	margin-bottom:0px;
}

.ComboBoxListItem
{
	font-size:11px;
	height:20px;
	line-height:20px;
}

div.ContributedContent
{
	overflow:auto;
	overflow-x:auto;
	overflow-y:visible;
	width:564px;
}

input.disabled
{
	background-color:#dddddd;
}

ul.fixedpad
{
	margin:5px 5px 0px 5px;
	padding-left:15px;
}

.FacebookProfilePhoto
{
	margin:2px 0px 2px 0px;
}

.ForumBreadcrumbs
{
	padding: 4px 8px;
}

.ForumModerators
{
	padding: 4px 8px !important;
}

.ForumThreadScore
{
	padding: 4px 8px;
}

.ForumAttached
{
	font-size:11px;
	padding: 8px 0px 0px 0px;
	font-style:italic;
	font-weight:bold;	
}

.ForumBody
{
	padding:10px 0px 20px 0px;
}
.ForumQuote
{
	border: 1px solid #666;
	padding: 5px 5px 5px 5px;
	margin-top: 5px;
	background-color: rgba(0, 0, 0, 0.05);
}

.ForumSignature
{
	border-top: 1px solid #999;
}

.ForumSubject
{
	font-size:11px;
	padding:0px 0px 10px 0px;
	
}

.forumPost
{
	width: 100%;
	margin-bottom: 4px;
}

.forumPostHeader
{
	width: 99%;
	background-color: #336699;
	padding: 6px 4px;
	color: white;
}

.forumPosterData
{
	width: 104px;
	vertical-align: top;
	padding: 0 !important;
}

.forumPosterHeadshot
{
	width: 100px;
}

.forumPosterHeadshotImg
{
	width: 100px;
}

.forumPosterInfo
{
	padding: 8px;
}

.forumPosterName
{
	font-size: 10pt;
	font-weight: bold;
}

.forumPosterRole
{
	font-size: 9pt;
	font-weight: bold;
	font-style: italic;
}

.forumPosterPostCount
{
	font-size: 8pt;
}

.forumPostData
{
	display: inline-block;
	width: 82%;
}

.forumPostSubject
{
	width: 100%;
	height: 18px;
	font-weight: bold;
	color: #336699 !important;
	padding-top: 8px !important;
	padding-bottom: 8px !important;
	padding-left: 12px !important;
}

.postAction
{
	float: right;
	height: 16px;
	margin-left: 4px;
}
	.postAction img
	{
		vertical-align: top;
	}

.forumPostBody
{
	min-height: 120px;
	padding: 4px 0 4px 10px !important;
	vertical-align: top;
}
	.forumPostBody iframe
	{
		max-width: 548px;
	}

.forumPostDateLastEdited
{
	float: right;
}

.ForumPrevNextThreads
{
	margin-top: 8px;
	margin-bottom: 8px;
}

.forumQuickReply
{
	margin-top: 12px;
	padding: 4px 0 8px 0;
}


.greenalert
{
	color:Green;
}

.HitHighlight
{
	background-color:Yellow;
	color:Black;
}

.lineitem td
{
	border-bottom:dashed 1px #ccc;
	padding:8px 0px 8px 0px;
}

.RTE_ResMgrLink
{
	background:#D0D4DD;
	padding:4px;
	text-align:right;
}

.ScrollBox
{
	overflow:auto;
}

.securesubmit
{
	height:17px;
	width:16px;
	vertical-align:text-top;
}

.invoice {
	border-right: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
}
.invoice th {
	background-color: #cccccc;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-weight: normal;
	font-family: Arial;
	font-size: 12px;
	text-align: center;
	color: #000000;
	padding: 5px;
}
.invoice td {
	border-left: 1px #000000 solid;
	padding: 5px;
}
.invoice td.lined {
	border-top: 1px #000000 solid;
	padding: 5px;
}

.EventRegistrationPrint {
	border-right: 1px #000000 solid;
	border-bottom: 0px #000000 solid;
}
.EventRegistrationPrint th {
	padding: 4px 0px 4px 8px;
	background-color: #ffffff;
	border-top: none;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
}

.EventRegistrationPrint th.head {
	background-color: #cccccc;
	border-top: 1px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-weight: bold;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
}

.EventRegistrationPrint td {
	padding: 4px 0px 4px 8px;
	background-color: #ffffff;
	border-top: 0px #000000 solid;
	border-left: 1px #000000 solid;
	border-bottom: 1px #000000 solid;
	font-family: Arial;
	font-size: 12px;
	text-align: left;
	color: #000000;
}
/* 3: END */

/* 4. COMMON DOCUMENT OBJECTS */
#ContextualHelp .bd {
	background-color: #ffffff;
}

#FormErrors ul
{
	margin:5px;
	padding-left:15px;
}


#SearchDialogBody
{
	white-space:nowrap;
}

#SearchDialogForm_bst
{
	height:21px;
	width:190px;
}

#SearchDialogForm_btnSubmit
{
	height:21px;
	margin-left:5px;
	width:60px;
}

#SpNavBarSub div.bd
{
	padding-left:0px;
	padding-right:0px;
}
#SpNavBarSub div.bd a,
#SpNavBarSub div.bd a:hover,
#SpNavBarSub div.bd label
{
	background-color:transparent;
	background-image:none;
	clear:both;
	color:#545465;
	display:block;
	line-height:22px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}
#SpNavBarSub div.bd a {}
#SpNavBarSub div.bd a:hover
{
	background-color:#797986;
	color:White;
}
#SpNavBarSub div.bd a img
{
	margin:2px 5px 2px 0px;
}
#SpNavBarSub div.bd #MoreMenuCustomPages
{
	border-top:1px dashed #797986;
	margin-top:10px;
	padding-top:8px;
}
#SpNavBarSub div.bd #MoreMenuCustomPages a
{
	overflow:hidden;
	padding-bottom:1px;
	padding-top:2px;
	white-space:nowrap;
}

#TopAlertBar
{
	height: 21px;
	background:#666;
	border-top:solid 1px #525252;
	width:100%;
	position:fixed;
    bottom:0;
    left: 0;
    z-index: 10000;
}

#TopAlertBar a
{
	color:#fff;
	text-decoration:none;
}
#TopAlertBar a:hover
{
	text-decoration:underline;
}

#TopAlertBarText
{
	color:#fff;
	height:20px;
	font-size:11px;
	line-height:20px;
	text-align:center;
	overflow:hidden;
	padding:0px 6px 0px 6px;
}

/* Profile progress bar */
#profileProgressBar
{
	background-image: none;
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    height: 22px;
    width: 160px;
    z-index: 4;
    padding-right: 10px;
    padding-left: 10px;
}

#datagrid1 .ui-progressbar 
{
	width: 160px;
	-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent); 
	background-color:#ddd;
	border:1px solid #bfbfbf!important;
	height: 22px!important;
	padding: 3px;		
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow:    inset 0 0 5px #999;
   -webkit-box-shadow: inset 0 0 5px #999;
   box-shadow:         inset 0 0 5px #999;         
}

#datagrid1 .ui-progressbar div 
{
	display: inline-block;
	border:1px solid #54b61a;
	height: 20px!important;	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;     
}

/*end profile view styles*/


#ProgressToolBar 
{
    background: url("/global/global_graphics/TopToolBar_bg.gif") repeat-x scroll center bottom #F2F5F9;
    border: 1px solid #c2c2c2;
	border-top:none;
    height: 45px;
    left: 0;
    position: fixed;
    top: 0;
    width: auto;
	border-radius: 0 0 15px 15px;
	background-clip:content-box;
}

#progressBar 
{
    border: medium none;
    border-radius: 5px 5px 5px 5px;
	float: left;
    height: 32px;
    margin-top: 2px;
    width: 300px;
    z-index: 4;
}
	
.ui-progressbar-value 
{
    border-right: medium none;
    margin: 0px;
}

#ProgressBarText 
{
	/*background: url("/global_graphics/bg-currentlvl.png") no-repeat scroll right center transparent;*/
    color: Black;
    display: inline-block;
    float: left;
    font-size: 11px;
    font-weight:bold;
	margin-left:10px; 
    margin-top: 15px!important;
    min-width: 30px;
	padding-right:12px; 
    text-transform: uppercase;
	width:auto; 
}
	
#NextProgressBarText 
{
	/*background: url("/global_graphics/bg-nextlvl.png") no-repeat scroll left center transparent;*/
    color: Black;
    display: inline-block;
    float: left;
    font-size: 11px;
    margin-top: 15px!important;
    margin-right: 10px;
    font-weight:bold;
    min-width: 50px;
	padding-left:12px; 
    text-transform: uppercase;
	width:auto; 
	}

.ui-progressbar 
{
-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent); 
	background-color:#ddd;
	border:1px solid #bfbfbf!important;
	height: 32px;
	padding: 3px;
	width: 350px;
	/*margin: 50px 0;			*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	-moz-box-shadow:    inset 0 0 5px #999;
   -webkit-box-shadow: inset 0 0 5px #999;
   box-shadow:         inset 0 0 5px #999;     
}

.ui-progressbar div 
{
	display: inline-block;
	border:1px solid #54b61a;
	height: 30px!important;	
	float: left;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset;
    -webkit-transition: width .4s ease-in-out;
    -moz-transition: width .4s ease-in-out;
    -ms-transition: width .4s ease-in-out;
    -o-transition: width .4s ease-in-out;
    transition: width .4s ease-in-out;    
}

.ui-progressbar.ui-widget div 
{
	background-color: #a5df41;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#a5df41), to(#4ca916));
	background-image: -webkit-linear-gradient(top, #a5df41, #8ec72c);
	background-image: -moz-linear-gradient(top, #a5df41, #8ec72c);
	background-image: -ms-linear-gradient(top, #a5df41, #8ec72c);
	background-image: -o-linear-gradient(top, #a5df41, #8ec72c);
	background-image: linear-gradient(top, #a5df41, #8ec72c);   

}

.ui-progressbar.ui-widget-content div 
{
	/*-webkit-background-size: 30px 30px;
	-moz-background-size: 30px 30px;
	background-size: 30px 30px;			
	background-image: -webkit-gradient(linear, left top, right bottom,
						color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent),
						color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)),
						color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent),
						to(transparent));
	background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -moz-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -ms-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: -o-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);
	background-image: linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%,
						transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,
						transparent 75%, transparent);            
	
	-webkit-animation: animate-stripes 3s linear infinite;
	-moz-animation: animate-stripes 3s linear infinite;       		
	animation: animate-stripes 3s linear infinite;    */   		
}


@-webkit-keyframes animate-stripes { 
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}

@-moz-keyframes animate-stripes {
	0% {background-position: 0 0;} 100% {background-position: 60px 0;}
}



#TopToolBar
{
	background:#E9E9E9 url('/global/global_graphics/TopToolBar_bg.gif') repeat-x;
	border-top:1px solid #D7DCE1;
	width:100%;
	height: 25px;
	position:fixed;
    bottom:0;
	left:0;
}


#TopToolBar a
{
	border-right:1px solid #cdd1d6;
	color:Black;
	padding:6px 6px 7px 6px;
	text-decoration:none;
	white-space:nowrap;
}
#TopToolBar a:hover
{
	background-color:#F2F6F9;
	color:Black;
}

#TopToolBar label
{
	padding:6px 8px 7px 0px;
	border-right:1px solid #cdd1d6;
}

#TopToolBarText
{
	color:#6b849d;
	height:24px;
	font-size:11px;
	line-height:23px;
	overflow:hidden;
	padding:0px 6px 0px 6px;
	text-align:left;

}
/* 4: END */

/* 5. PAGE-SPECIFIC DOCUMENT OBJECTS */
#CustomPageBody
{
	overflow:auto;
	overflow-x:auto;
	overflow-y:visible;
}

#MediaGallery
{
	width:100%;
}

#MediaGallery td
{
	border:solid 2px #eeeeee;
	background-color:#eeeeee;
	height:100px;
	text-align:left;
	vertical-align:top;
	width:33%;
}
#MediaGallery td.placeholder
{
	background-color:Transparent;
	border:none;
}
#MediaGallery td.selected
{
	border-color:Red;
}

#MediaGallery td a.slideshow
{
	display:block;
	float:right;
}

#MediaGallery td div.photo
{
	margin:8px;
}

#MediaGallery td div.selectPhoto
{
	float:right;
}

#PageBase_RaiseAlert
{
	text-align:left;
}

#PhotoCaption
{
	font-style:italic;
	text-align:left;
}

#PhotoMain
{
	overflow:hidden;
	width:552px;
}

#PhotoMatte
{
	background:#eeeeee;
	padding:10px;
}

#PhotoNav
{
	background:#eeeeee;
	padding:5px 0px 5px 0px;
	width:110px;
}
#PhotoNav div
{
	margin:0px 5px 0px 5px;
}
#PhotoNav #PhotoNext
{
	line-height:18px;
	margin-top:5px;
	text-align:right;
}
#PhotoNav #PhotoPrev
{
	line-height:18px;
	margin-bottom:5px;
	text-align:left;
}
#PhotoNav .NoPhoto
{
	border:solid 1px #cccccc;
	color:#aaaaaa;
	padding:18px 0px 17px 0px;
	text-align:center;
}

.AVD_StatusBox {
    text-align: center;
    font-size: 10px;
}

/*.AVD_StatusText {
    font-size: 12px;
    font-weight: bold;
    padding: 4px 4px 4px 4px;
}*/

.AVD_StatusText A {
    font-size: 10px;
    text-decoration: underline;
}

.AVD_StatusImage {
    
}

#TweetWrapper
{
    width: 134px;
    height: 125px;
    overflow: hidden;
    padding: 5px 5px 5px 5px;
}

#TweetWrapper #TweetText
{
    line-height: normal;
}

#TweetWrapper #TweetDate
{
    text-align: right;
}
/* 5: END */

/* Group homepage */
.groupInfobox
{
	margin-top:8px;
	margin-bottom:5px;
}
.groupTableHeadCell
{
}
.groupTableZone1
{
	padding-right:6px;
}
.groupTableZone2
{
	padding-left:6px;
	border-left:dotted 1px #CCC;
}
.groupTableSeperatorLine
{
}
.photoGallery td
{
	vertical-align:middle;
	text-align: left;
}
.photoGalleryCentered td
{
	text-align:center;
	vertical-align:bottom;
}
.photoGalleryImage
{
	padding:3px 3px 8px 3px;
	/*border:solid 2px #DEDEDE;*/
	max-width:100px;
	width: auto !important;
	width:100px;
}
.WallPost{
	padding:5px 0px 5px 0px;
	border-bottom:1px dashed #ccc;
}
#GroupHompageLayout .zone
{
    min-height:300px; /*ff*/
    height: auto !important; /*ie7 */
    height: 300px; /*ie6 */

}
#GroupHompageLayout .zonebox
{
    border:dotted 1px #666666;
    margin:0 0 10px 0;
    padding:5px;
    
    min-height:300px; /*ff*/
    height: auto !important; /*ie7 */
    height: 300px; /*ie6 */
}

#GroupHompageLayout .headzone
{
    max-width:100%;
    width: auto !important;
    width:100%;
    
    min-height:100px; /*ff*/
    height: auto !important; /*ie7 */
    height: 100px; /*ie6 */
}
#tdZone1 .zonebox
{
    margin-right: 5px;
}
#tdZone2 .zonebox
{
    margin-left: 5px;
}

#GroupHompageLayout .ctrl
{
    border:solid 3px #666666;
    margin:5px;
    padding:5px;
    max-width:100%;
    cursor:move;
    background-color:#FFFFFF;
}
#GroupHompageLayout .placeholder 
{
    height:100px;
    width:100%;
    background: #f0f0f0;
    border:1px dashed #ddd;
    visibility: visible !important; 
}

#GroupAdminBarSub div.bd
{
	padding-left:0px;
	padding-right:0px;
}
#GroupAdminBarSub div.bd a,
#GroupAdminBarSub div.bd a:hover,
#GroupAdminBarSub div.bd label
{
	background-color:transparent;
	background-image:none;
	clear:both;
	color:#545465;
	display:block;
	line-height:22px;
	padding:0px 10px 0px 10px;
	text-decoration:none;
}
#GroupAdminBarSub div.bd a {}
#GroupAdminBarSub div.bd a:hover
{
	background-color:#797986;
	color:White;
}
#GroupAdminBarSub div.bd a img
{
	margin:2px 5px 2px 0px;
}


.GroupWidget
{
    margin:8px 0 0 0;
    border-bottom:dotted 1px #CCC;
}
.PhotoWidgetControls
{
    margin:8px 0 0 0;
    border-top:dotted 1px #CCC;
    text-align:right;   
}

.ContentTopDivider
{
	border-top:dotted 1px #CCC;
}


.slide-panel h1 {
	font-family: 'Rock Salt', arial, serif;
	color: #00384f;
	font-size:34px;
	line-height: 59px;
	margin:25px 0px 0px 30px;
	text-shadow: #fff 0 0 1px;
	font-style:normal;
	font-weight:normal;
}

.slide-panel h1.space {
	margin:50px 0px 0px 30px;
}

.slide-panel h1 span {
	color:#ce6e19;
}

.slide-panel h1 span.small {
	color: #00384f;
	font-size:16px;
	line-height:14px;
	}

.slide-panel p {
		width: 475px;
		margin: 40px 0px 0px 30px;
		color:#00384f;
}

.slide-panel img {
	vertical-align:middle;
	text-align:center;
}

/* AddThis / ShareThis override */
#at15s_head {
  color: #4c4c4c;
}

/* YUI Tooltip override */
.yui-skin-sam .yui-tt .bd {
	background-color: #ffffff !important;
	border: solid 1px #aaaaaa !important;
	font-size: 11px;
}

/*Non-YUI Tooltip*/
label.tooltip {outline:none; }
label.tooltip:hover {outline:none;} 

label.tooltip span {
    display:none;
	padding:10px;
	position:relative;
	text-align:left;
    width:270px;
	z-index:999;
}

label.tooltip:hover span{
    display:block; 
	position:absolute; 
    border:1px solid #808080; 
	background:#f2f2f2;}

label.tooltip span
{
    border-radius:4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;   
    -moz-box-shadow: 5px 5px 8px #CCC;
    -webkit-box-shadow: 5px 5px 8px #CCC;
    box-shadow: 1px 1px 3px #CCC;
}

/* Custom Form Tooltips */
label.cform_tooltip
{
	outline: none;
}

	label.cform_tooltip:hover
	{
		outline: none;
	}

	label.cform_tooltip span
	{
		display: none;
		padding: 10px;
		position: relative;
		text-align: left;
		width: 270px;
		z-index: 999;
		-moz-border-radius: 4px;
		-webkit-border-radius: 4px;
		border-radius: 4px;
		-moz-box-shadow: 5px 5px 8px #CCC;
		-webkit-box-shadow: 5px 5px 8px #CCC;
		box-shadow: 1px 1px 3px #CCC;
	}

	label.cform_tooltip:hover span
	{
		display: block;
		position: absolute;
		border: 1px solid #808080;
		background: #f2f2f2;
	}

/* Vertical Gauge chart */
.VGaugeCont1 {	
	border: 2px solid #EBEBEB;
	padding: 5px 8px 3px 8px;
}

.VGaugeContOver {
	
}

.VGaugeCont {
    background-image: url("/global/global_graphics/vg_bg03.png");
    font-family: Arial;
    font-size: 10px;
    width: 180px;
}
.VGaugeCont td {
	height: 235px;
}
.VGaugeBar {
    background: url("/global/global_graphics/vg_bar.png") repeat scroll 0 0 transparent;
    color: #FFFFFF;
    display: block;
    height: 225px;
    text-align: center;
    width: 50px;
    font-size: 10px;
}
.VGaugeBarCont {
	overflow: hidden;
	height: 225px;
}
.VGaugeRcvd {
    background: url("/global/global_graphics/vg_arrow.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    display: block;
    height: 235px;
    text-align: center;
    width: 65px;
    font-size: 10px;
}
.VGaugeGoal {
    background: url("/global/global_graphics/vg_arrow02.png") no-repeat scroll center top transparent;
    color: #FFFFFF;
    display: block;
    height: 235px;
    padding-left: 0px;
    text-align: center;
    width: 65px;
    font-size: 10px;
}

#RadiusSearchContainer
{
	border: solid 1px #CCCCCC;
	padding: 10px;
}

#RadiusSearchHeader
{
	margin-bottom: 0px;
}

.RadiusSearchAddress
{
	padding-left:15px !important;
}

#RadiusSearchAddressPicker
{
	border-color: #CCCCCC;
	border-width: 1px 0px 1px 0px;
	border-style:solid;
}

/* Month View Calendar Styles */
#EventCalendarLegend
{
	margin:4px;padding:8px;
	border:solid 1px #999999;
	width:750px;
	text-align:left;
	line-height: 180%;
}

#EventCalendarLegend span.colorbox
{
	border:solid 1px #BBBBBB;
}

#EventCalendarLegend span.category
{
	margin-right:6px;
	padding:2px;
	display:inline-block;
}

#EventCalendarLegend span.selected
{
	border: solid 1px #999999;
}

/* Custom Field 'Response' styles */
/* Custom Field 'Response' styles */
.CstmFldRow td {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}
.CstmFldLbl {
	color:#555555;
}
.CstmFldVal { }


/* Recent Activity Widget */
#RecentActivityWidget
{
}

#RecentActivityWidget #RecentActivityWidgetHead
{
	font-size:120%;
	font-weight:bold;
}

#RecentActivityWidget .RecentActivityHead
{
	font-weight:bold;
	margin-top:8px;
}

#RecentActivityWidget .RecentActivityContent
{
	
}
/* END Recent Activity Widget */


/* 
	-- Drop Menu Styles  --
	Implimented in /global_inc/js/DropMenu.js
*/

.dropmenu {
    display: inline;
}
.dropmenu .dropmenu_button {
    cursor: pointer;
    width: auto;
    display: inline-block;
    padding-left: 7px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-right: 22px;
    font-weight: bold;
    color: #717780;
    line-height: 16px;
    text-decoration: none !important;
    background: white url("/global/global_graphics/dropmenu_arrow.png") no-repeat 100% -1px;
    vertical-align:bottom;
}
.dropmenu .dropmenu_button:hover {
    color: #4C6899;
    background: #BFD4FF url("/global/global_graphics/dropmenu_arrow.png") no-repeat 100% -1px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 2px;
    -moz-border-radius-bottomleft: 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    border-radius: 2px 2px 2px 2px;
}            
.dropmenu.open .dropmenu_button {
    border: 1px solid #3B5998;
    color: white;
    background: #6D84B4 url("/global/global_graphics/dropmenu_arrow.png") no-repeat 100% -27px;
    -moz-border-radius-topleft: 2px;
    -moz-border-radius-topright: 2px;
    -moz-border-radius-bottomright: 0px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-radius: 2px 2px 0px 0px;
    border-radius: 2px 2px 0px 0px;
    border-bottom-color: #6D84B4;
}
.dropmenu .dropmenu_button img {
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
    margin-right: 5px;
}
.dropmenu .dropmenu_content {
    display: none;
    position: absolute;
    border: 1px solid #777;
    padding: 0px;
    background: white;
    
}
.dropmenu.open .dropmenu_content {
    display: block;
}
.dropmenu .dropmenu_content li {
    list-style: none;
    margin-left: 0px;
    line-height: 16px;
    border-top: 1px solid #FFF;
    border-bottom: 1px solid #FFF;
    margin-top: 0px;
    margin-bottom: 0px;
}
.dropmenu .dropmenu_content li:hover {
    border-top-color: #3B5998;
    border-bottom-color: #3B5998;
    background: #6D84B4;
}
.dropmenu .dropmenu_content li a {
    display: block;
    padding: 2px 7px;
    padding-right: 15px;
    color: black;
    text-decoration: none !important;
}
.dropmenu .dropmenu_content li:hover a {
    color: white;
    text-decoration: none !important;
}
.dropmenu .dropmenu_content li img {
    height: 14px;
    margin-top: 1px;
    margin-bottom: 1px;
    float: left;
    margin-right: 5px;
    border: none;
}
/* End Drop Menu */

/* 
	-- jQuery UI Accordion Styles  --
*/
/* For an h3-header'd accordion */
#accordion h3 {
	height: 26px !important;
}

/* text of the header */
#accordion h3 .header {
	font-size: 14px;
	line-height: 24px;
	padding-left: 18px;
	margin-left: 5px
}

/*target the first div in <div id="accordion"> after a <h3> (i.e. our accorion container but no other divs) */
.ui-accordion .ui-accordion-content, #accordion > div {
	height:100%;
	border-color: #e3e0d4;
	/*width:100%;*/
	padding: 0px 0px 5px 0px;
}

/* For a div-header'd accordion */
#accordionDivHeaded div.header {
	height: 26px !important;
	font-size: 14px;
	line-height: 24px;
	padding-left: 26px;
}

/*target the second div in <div id="accordion"> (i.e. our accorion container but no other divs) */
#accordionDivHeaded:nth-child(2) {
	height:100%;
	border-color: #e3e0d4;
	/*width:100%;*/
	padding: 0px 0px 5px 0px;
}

/* Common to both header types */
.ui-widget-header {
	display:none;
}

.ui-dialog .ui-dialog-content {
	height: 100% !important;
}



#full-slider-wrapper {
    clear: both;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
#full-slider {
    display: block;
    height: 100%;
    left: 0;
    margin: 0 auto;
    position: relative;
    top: 0;
    width: 100%;
}
#full-slider-nav-left {
    float: left;
    position: relative;
	left: 15px;
	bottom:0;
    z-index: 4 !important;
    cursor: pointer;
	 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}
	
#full-slider-nav-right {
    float: right;
    position: relative;
	bottom:0;
    right: 15px;
    z-index: 4 !important;
    cursor: pointer;
		 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";

  /* IE 5-7 */
  filter: alpha(opacity=60);

  /* Netscape */
  -moz-opacity: 0.6;

  /* Safari 1.x */
  -khtml-opacity: 0.6;

  /* Good browsers */
  opacity: 0.6;
}
#full-slider-nav-left:hover, #full-slider-nav-right:hover {
		 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

  /* IE 5-7 */
  filter: alpha(opacity=100);

  /* Netscape */
  -moz-opacity: 1;

  /* Safari 1.x */
  -khtml-opacity: 1;

  /* Good browsers */
  opacity: 1;
  }
.full-slider-nav {
     height: 50px;
    position: relative;
    right: 0;
    top: 45%;
}

#full-slider .slide-panel {
    position: absolute;
    visibility: hidden;
    vertical-align:middle;
}

#full-slider .slide-panel.active {
    visibility: visible;
}

#full-slider .slide-panel.notactive {
    left: -1000px;
}



#full-slider .slide-panel {
    color: #00384f;
	font-family: 'Droid Sans', arial, serif;
	font-size: 12px;
}

/* End jQuery UI Accordion */

/* Custom Form Paging */

.CustomFormPageHeader
{
	font-size: large;
	font-weight: bold;
	margin-top: 10px;
}

#CustomFormPager div,
#CustomFormPagerLegend div
{
	width: 16px;
	height: 16px;
	line-height: 16px;
	padding: 3px;
	border: solid 1px #333;
	margin: 3px 3px 3px 3px;
	display: -moz-inline-stack;
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	cursor: pointer;
	*display: inline;
}

#CustomFormPager .valid,
#CustomFormPagerLegend .valid
{
	background-color: #8AEB8A;
}

#CustomFormPager .invalid,
#CustomFormPagerLegend .invalid
{
	background-color: #FB5252;
}

#CustomFormPager .invalid a,
#CustomFormPagerLegend .invalid a
{
	color: #FFF;
}

#CustomFormPager .current,
#CustomFormPagerLegend .current
{
	background-color: #000;
}

#CustomFormPager .current a,
#CustomFormPagerLegend .current a
{
	color: #FFF;
}

/* End Custom Form Paging */

/*Captcha Box elements*/

.CaptchaQuestion
{
    display: block;
}

.CaptchaAnswer
{
    width:25px !important;
}

/*This class is used by the row that displays the available quantity in the View Order page
In order for a client to hide this value, just add "display: none;"  */
.QuantityAvailable
{
    
}

/* Idea Box */

.ideatitle
{
	font-size: 130%;
	font-weight: bold;
}

.ideastatus
{
	font-size: 130%;
	font-weight: bold;
	color: Gray;
}

.ideavote
{
	font-size: 130%;
	font-weight: bold;
}

.votebutton
{
	height:22px; 
	line-height:20px; 
	background: #fefefe url('/global/global_graphics/bg-votebtn.png') repeat-x bottom;
	border:1px solid #a0a0a0;
	padding: 3px 5px 3px 5px;
	border-radius: 5px;
}
.votebutton:hover
{
	background-color: #EEE;
}
.votebutton img
{
	margin: 0px 5px -3px 0;
	border: none;
}

.ideadates
{
	font-size: smaller;
}

/* End Idea Box */

/* Slide-show fix for IE8 */
#FeatureSlides {
    text-align: left !important;
}
/* Slide-show fix */


/* ---------------------------------------------------
	Store
/* --------------------------------------------------- */
/* GRID VIEW */
.productTileGrid
{
	width: 264px;
	height: 264px;
	background-color: #EBEBEB;
	border: solid 1px #CCC;
	margin: 10px;
	overflow: hidden;
	position: relative;
}
.productTileGrid:hover
{
	border-color: #EBEBEB;
}
.productTileGrid img
{
	width: 264px;
	overflow: hidden;
	text-align: center;
}

.productTileGridData
{
	width: 264px;
	height: 85px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 3;
	padding: 0 10px 0 10px;
	text-align: left;
}
.productTileGridDataFade
{
	width: 264px;
	height: 85px;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 2;
	background-color: #000;
	padding: 0 10px 0 10px;
	opacity: 0.5;
	
	/* IE8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	
	/* IE5-7 */
	filter:alpha(opacity=50);
}

.productNameGrid
{
	width: 232px;
	color: White;
	font-size: 16px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	z-index: 3;
	border-bottom: solid 1px #333;
	padding: 8px 6px 1px 6px;
	text-shadow: 1px 1px 0 #000;
}
.productNameGrid a
{
	color: #EBEBEB;
}
.productNameGrid a:hover
{
	color: White;
}

.productDescGrid
{
	width: 232px;
	z-index: 3;
	border-top: solid 1px #EBEBEB;
	padding: 5px 6px 2px 6px;
}

.productPriceGrid
{
	width: 142px;
	color: White;
	font-size: 11px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
	line-height: 14px;
}
.productPriceGrid img
{
	width: auto;
	border: none;
	vertical-align: top;
	position: relative;
	right: 0;
}
.priceStrikeOut
{
	color: #AAA;
	font-style: italic;
	text-decoration: line-through;
}

.percentCorner
{
	position: absolute;
	left: 0;
	top: 0;
	width: 0px;
	height: 0px;
	border-top: 55px solid red;
	border-right: 55px solid transparent;
	z-index: 4;
	opacity: 0.9;
	filter:alpha(opacity=90);
}
.percentText
{
	position: absolute;
	left: 0px;
	top: 8px;
	text-transform: uppercase;
	color: White;
	font-size: 12pt;
	font-weight: bold;
	z-index: 5;
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-sand-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* LIST VIEW */
#ProductListTable tr td
{
	padding:12px !important;
}
.productPriceList {
    font-size: 11px;
    font-weight: bold;
    vertical-align: top;
    width: 130px;
	white-space: nowrap;
}

.productTileList {
    border-top: 1px solid #AAAAAA;
    height: auto;
    padding: 20px;
}
.productTileListAlt {
    background-color: #EBEBEB;
    border-top: 1px solid #AAAAAA;
    height: auto;
    padding: 20px;
}

.productNameList {
    font-size: 14pt;
    font-weight: bold;
    white-space: normal;
}
.productDescList {
    font-size: 14px;
    height: auto;
}

.productImageList
{
	width: 100px;
	height: 100px;
	background-color: White;
	border: solid 1px #AAA;
	text-align: center;
}
.productImageList img
{
	width: 100px;
	height: 100px;
	text-align: center;
}

.productDataList
{
	vertical-align: top;
	padding: 10px 6px 0px 6px;
}


/* Paging */
.storePaging
{
	margin: 0px 0px 10px 0px;
}
.storePageNumbers 
{
	margin: 8px 4px 4px 4px;
	padding: 4px;
}
.storePageNumbers.current
{
	font-weight: bold;
	border: solid 1px #DDD;
}


    /* Store Hompage GRID VIEW */ 
.categoryTileGrid 
{ 
width: 264px; 
height: 264px; 
background-color: #EBEBEB; 
border: solid 1px #AAA; 
margin: 10px; 
overflow: hidden; 
position: relative; 
float:left;
} 
.categoryTileGrid:hover 
{ 
background-color: #F9F9F9; 
border-color: #EBEBEB;
} 
.categoryTileGrid img 
{ 
width: 264px; 
overflow: hidden; 
text-align: center; 
} 

.categoryTileGridData 
{ 
width: 264px; 
height: 75px; 
position: absolute; 
bottom: 0; 
z-index: 3; 
padding: 0 10px 0 10px; 
} 
.categoryTileGridDataFade 
{ 
width: 264px; 
height: 75px; 
position: absolute; 
bottom: 0; 
z-index: 2; 
background-color: #000; 
opacity: 0.5; 
filter:alpha(opacity=50); 
padding: 0 10px 0 10px; 
} 

.categoryNameGrid 
{ 
width: 232px; 
color: White; 
font-size: 16px; 
font-weight: bold; 
overflow: hidden; 
text-overflow: ellipsis; 
white-space: nowrap; 
z-index: 3; 
padding: 8px 6px 1px 6px; 
} 
.categoryNameGrid a 
{ 
color: #EBEBEB; 
} 
.categoryNameGrid a:hover 
{ 
color: White; 
} 

.categoryDescGrid 
{ 
width: 232px; 
z-index: 3; 
padding: 5px 6px 2px 6px; 
} 

.categoryPriceGrid 
{ 
width: 230px;
height: 32px;
color: White; 
font-size: 12px; 
font-weight: bold; 
} 

	
/* Store Hompage List View */
.storeCategoryElement {clear:both; background-color: #EEE; padding:8px; margin-bottom: 8px; min-height: 125px; }
.storeCategoryElement h3 { margin-top: 8px; font-size: 16px; }
.storeCategoryElement span { float:left;height:115px; overflow:hidden; margin:8px 8px 8px 16px; display:block; }
.storeCategoryElement span img { width:115px; border:solid 1px #DDD; }
.storeCategoryElement .itembox {  }
.storeCategoryElement .itembox ul { height:85px; list-style: none; padding: 10px 0 0 0; margin: 0;  }
.storeCategoryElement .itembox ul li { float: left; display:inline; margin: 0 0px 0 10px; padding: 1px; text-align:center; width:75px; }

.productthumb { border:solid 2px #DDD; margin: 0 auto 0 auto; width: 75px; height: 75px; overflow:hidden; }
.productthumb img { width: 75px; }

/* Store Search Nav Callout */
.store-callout
{
	background: #f1f1f1;
	border:1px solid #ccc!important;
}
.store-callout input, 
.store-callout select
{
	height:26px;
	line-height:24px;
	border:1px solid #ccc;
	padding-top: 0;
	padding-bottom:0;
    padding-left: 2px;
    padding-right: 2px;
}
.store-callout select
{
	padding:3px;
}
	
.store-callout .formbutton, 
.productDescGrid .formbutton,
.productPriceList .formbutton
{
	display:block;
	height:24px;
	line-height:24px;
	cursor:pointer;
	padding: 0 7px;
	border-radius:4px;
	background: #000 url('/global/global_graphics/store-button.jpg') repeat-x top;
	border:1px solid #000;
	color:#fff;
	text-shadow:1px 1px #000;
	text-align: center;
	font-size: 11px;
}

.store-callout .formbutton:hover, 
.productDescGrid .formbutton:hover,
.productPriceList .formbutton:hover
{
	background: #333;
	text-decoration:none;
	font-size: 11px;
}
/* ---------------------------------------------------
	END Store
/* --------------------------------------------------- */


/*Address Validation PopUp Selector Styles*/
/*#AVD_InvalidAddress {
    background-color: #EEEEEE;
    border: solid 1px #DDDDDD;
    padding: 4px;
}

.ADV_Sug_Radio {
    border:solid 1px #DDD;
}

.ADV_Sug_Radio:hover {
    border:solid 1px #AAA;
    background-color: #cccccc;
}

.ADV_Sug_Radio input {
    display: none;
}

#AVD_ButtonRow td {
    text-align:right;
    padding: 20px;
    margin: 10px;
}

.ADV_Sug_Radio_Selected {
    background-color:#FFFFFF;
}*/

/* Fixes layering issues in the right rail of the FX templates */
#right .zone { clear:both; }

#sub-snapshots .zone-content-surveys,
#sub-snapshots .zone-content-news,
#sub-snapshots .zone-content-featured,
#sub-snapshots .zone-content-calendar {
    width:23%;
    margin-left:1.5%;
    float:left;
}

/* Handle notification bubbles on Member Profile page */
.noti_bubble {
        font-family:sans-serif;
	font-size:14px;
	font-weight:bold;
	position:absolute; 
	display:block; 
	height: 20px;
    line-height: 20px;
    padding: 2px 8px;
	border:none;
	width:auto; 
	top:22px;
	left: -3px;
	text-align:center;  
	color:#fff;
	border-radius: 20px;
	background: #43c6f7;
	/* BEGIN ANIMATION */
	-webkit-animation: trans-notification .5s infinite linear;
	-moz-animation: trans-notification .5s infinite linear;
	-o-animation: trans-notification .5s infinite linear;
	-ms-animation: trans-notification .5s infinite linear;
	animation: trans-notification .5s infinite linear;
	/* BEGIN EASING */
	-webkit-transition: all .25s ease-out 0.1s;
	-moz-transition: all .25s ease-out 0.1s;
	-o-transition: all .25s ease-out 0.1s;
	-ms-transition: all .25s ease-out 0.1s;
	transition: all .25s ease-out 0.1s;
}


.noti_bubble_store {
    font-family:sans-serif;
	font-size:12px;
	font-weight:bold;
	position:absolute; 
	display:block; 
	height: 18px;
    line-height: 18px;
    padding: 2px 8px;
	border:none;
	width:auto; 
	top:-5px;
	left: -15px;
	text-align:center;  
	color:#fff;
	border-radius: 18px;
	background: #FF9933;
	/* BEGIN ANIMATION */
	-webkit-animation: trans-notification-store .5s infinite linear;
	-moz-animation: trans-notification-store .5s infinite linear;
	-o-animation: trans-notification-store .5s infinite linear;
	-ms-animation: trans-notification-store .5s infinite linear;
	animation: trans-notification-store .5s infinite linear;
	/* BEGIN EASING */
	-webkit-transition: all .25s ease-out 0.1s;
	-moz-transition: all .25s ease-out 0.1s;
	-o-transition: all .25s ease-out 0.1s;
	-ms-transition: all .25s ease-out 0.1s;
	transition: all .25s ease-out 0.1s;
}


@keyframes trans-notification {
	0%       {}
	50%		{background:#18a2d6;}
	100%     {}
}

@keyframes trans-notification-store {
	0%       {}
	50%		{background:#F6AC62;}
	100%     {}
}

/* Innova editor workaround */
.isdd_over h1,
.isdd_over h2,
.isdd_over h3,
.isdd_over h4,
.isdd_over h5,
.isdd_over h6,
.isdd_over p,
.isdd_over pre,
.isdd_over div
{
    color: white !important
}

/*Styles for category based search results grids*/
#SearchResultsGridView,
#SearchResultsGridView tr td
{
	border: none;
	border-collapse:collapse;
	width: 100%;
}

.categoryRow
{
	padding: 5px;
}

.category-header a
{
	float: right;
	color: #286287;
	text-decoration: none;
	font-weight: normal;
	font: 14px Arial bold;
	text-transform: none;
	text-shadow: none;	
}

.CategoryResult
{
	border-bottom:dashed 1px #ccc;
	padding: 5px;
}

/* Styles for new Product Details page (all divs)*/
#dvItemOptions
{
	float: right;
	line-height: 27px;
	width: 275px;
}

.dvPriceLabel
{
	/*float: left;*/
	font-weight: bold;
	/*vertical-align: top;*/
	width: 85px;
	white-space: nowrap;
}

.ItemIndent
{
	float: left;
	margin-left: 42px;
	position: relative;
}

.ItemPriceNote {
	padding-left: 20px;
}

.dvPercentDown
{
	clear: both;
}

.dvStatusLabel, .dvQuantityLabel
{
	/*float: left;*/
	font-weight: bold;
	/*vertical-align: top;*/
	width: 85px;
}

.QuantityTextBox
{
	text-align:center;
}

.dvColorLabel, .dvSizeLabel, .dvCustomLabel
{
	/*float: none;
	clear: both;*/
	font-weight: bold;
	/*vertical-align: top;*/
}

#tdViewProduct
{
	/*float: left;*/
	width:350px;
}

#dvAdditionalImages
{
	background: none repeat scroll 0 0 #EEEEEE;
    padding: 5px 0;
    width: auto;
}

#dvAdditionalImages img
{
	padding:0;
	margin: 4px 0px 0px 2px;
	border: solid 2px #eee;
	opacity: 0.8;
}

#dvAdditionalImages img:hover
{
	opacity: 1;
	cursor: pointer;
}

#AddItemRow
{
	float:right;
	margin-top:8px;
	margin-bottom: 8px;
}


.module:after
{
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}

/* float clearing for IE6 */
* html .module
{
	height: 1%;
	overflow: visible;
}

/* float clearing for IE7 */
* + html .module
{
	min-height: 1%;
}

/* Breadcrumb Styles
 ---------------------------------------------------------------------*/

.breadCrumb
{
	margin: 0 0 0 8px;
	
	float: left;
	display: block;
	height: 21px;
	padding:5px;
	/*border:solid 1px #dedede;*/
	background:#fff;
    text-align:left;
    padding-left:0px;
}
.breadCrumb ul
{
	margin: 0;
	padding: 0;
	height: 21px;
	display: block;
}
.breadCrumb ul li
{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	
	line-height: 21px;	
}

.breadCrumb ul li span.bc-separator
{
	display: block;
	overflow: hidden;
    font-weight:bolder;
    height: 21px;
	line-height: 21px;
	
	float: left;
    padding-right:5px;
    padding-left:5px;
}
.breadCrumb ul li a
{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	
	float: left;
}

	/*----- Shopping Cart -------*/
	#shopping-cart
	{
		float: right;
		margin: 0 10px;
		padding: 3px 10px;
		position: relative;
	}

		#shopping-cart.hover
		{
		}

		#shopping-cart .arrow
		{
			display: none;
		}

		#shopping-cart.hover .arrow
		{
			background: url('/global/global_graphics/icons/shoppingcartarrow.png') no-repeat 50% 0;
			content: '';
			display: block;
			height: 15px;
			left: 0;
			position: absolute;
			top: 100%;
			width: 100%;
			z-index: 999999;
		}

		#shopping-cart i
		{
			font-size: 16px;
		}

		#shopping-cart .counter
		{
		}

			#shopping-cart .counter b
			{
			}

	#shopping-cart-details
	{
		background: #fff;
		border: 1px solid #888;
		border-radius: 6px;
		box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.3);
		display: none;
		left: 0;
		margin: 9px -185px;
		overflow: hidden;
		position: absolute;
		top: 100%;
		width: 300px;
		z-index: 9999;
		-moz-border-radius: 6px;
		-moz-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.3);
		-webkit-border-radius: 6px;
		-webkit-box-shadow: 0px 1px 6px -1px rgba(0,0,0,0.3);
		color: #333;
	}


		#shopping-cart-details .shopping-cart-list
		{
			margin-top: 10px;
			overflow: auto;
		}

		#shopping-cart-details .shopping-cart-list a
		{
			color: #666;
			line-height:12px;
		}
		#shopping-cart-details .shopping-cart-list a:hover
		{
			color: #999;
		}

		#shopping-cart-details .shopping-cart-item
		{
			border-bottom: 1px dashed #eee;
			clear: both;
			padding: 0 10px;
            height: 50px;
		}

		

			#shopping-cart-details .shopping-cart-item .image
			{
				float: left;
				padding: 0 10px 10px 0;
			}

				#shopping-cart-details .shopping-cart-item .image img
				{
					height: auto;
					max-height: 45px;
					max-width: 45px;
					width: auto;
				}

			#shopping-cart-details .shopping-cart-item .itemdescription
			{
				overflow: hidden;
                margin-bottom: 5px;
			}

				#shopping-cart-details .shopping-cart-item .itemdescription a
				{
                    margin: 0px;
                    padding-left: 0px;
				}

					#shopping-cart-details .shopping-cart-item .itemdescription a:hover
					{
                        color: #898989;
					}

			#shopping-cart-details .shopping-cart-item .quantity
			{
                margin-bottom: 5px;
			}

		#shopping-cart-details .cart-show-button
		{
			text-align: center;
			margin-bottom:5px;
            margin-top:0px;
		}

			#shopping-cart-details .cart-show-button input.formbutton
			{
				margin: 10px;
			}

	#shopping-cart .imgcart
	{
		margin: 7px 0px;
        vertical-align: bottom;
	}


table.tblCTACG, table.tblCTOther
{
	width: 800px;
}

table.tblCTACG td.tdGroupHeader
{
	color: #286287;
	font: 18px bold;
}

table.tblCTACG th, table.tblCTOther th
{
	color: #286287;
	font: 14px bold;
	text-align: left;
}

table.tblCTACG td.tdSubTotal
{
	color: #286287;
	font: 14px bold;
	text-align: right;
}

table.tblCTACG td.tdSubTotal span.CreditTypeName
{
	color: #333;
}


.validatorerror
{
    background-color: #CC0000;
}

.FavoriteControl
{
	float: right;
}

/*Social*/
.btn-connect.facebook {
    background-color: #3d5998;
    color: #fff;
    font-weight: normal!important;
    margin-bottom:10px;
}

.btn-connect.facebook:hover {
    background-color: #2a447e;
    color: #fff;
}

.btn-connect.linkedin {
    background-color: #007bb6;
    color: #fff;
    font-weight: normal!important;  
}

.btn-connect.linkedin:hover {
    background-color: #0070a6;
    color: #fff;
}

.btn-connect {
    -moz-user-select: none;
    background-image: none;
    border: medium none;
    border-radius: 4px;
    color: #3e76da;
    cursor: pointer;
    display: table;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 0;
    padding: 4px 10px 4px 5px;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

.btn-secure {
    -moz-user-select: none;
    background-image: none;
    border: medium none;
    border-radius: 4px;
    color: #fff;
    background-color: #898989;
    cursor: pointer;
    display: table;
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 10px;
    padding: 12px 10px 13px 5px;
    text-decoration: none !important;
    transition: all 0.3s ease 0s;
    vertical-align: middle;
    white-space: nowrap;
    width: 100%;
    box-sizing: border-box;
}

#LoginForgot, #LoginRegister
{
    margin-bottom:10px;
}

.securelogin-icon{
    display: table-cell;
    text-align: center;
    width: 25px;
    height: 15px;
    line-height: 16px;
}

.facebook-icon, .linkedin-icon {
    display: table-cell;
    padding: 6px 10px 6px 6px;
    text-align: center;
    width: 24px;
}

.btn-connect img {
    height: 18px;
    vertical-align: middle;
}

.facebook-text, .linkedin-text, .securelogin-text {
    display: table-cell;
    font-family: Arial,Helvetica,Verdana,sans-serif;
    font-size: 14px;
    color: #fff !important; 
}

.or-option {
    display: block;
    text-align: center;
    width: 100%;
    margin: 10px 0;
}  

/* Back to engagement community CSS - sitewide */
.backToCommunity {
    padding-top: 42px;
}
#back_to_platform {
	background: #f1f1f1;
	position: absolute;
	top: 0;
	width: 100%;
	padding: 12px 15px;
	border-bottom: 2px solid #e5e5e5;
	box-sizing: border-box;
	height: 42px;
	line-height: 16px;
    text-align: left;
}
#back_to_platform .fa {
	margin-right: 5px;
	font-size: 15px;
}
#back_to_platform a {
	color: #777777;
	text-decoration: none;
	font-size: 13px;
	font-family: Arial;
}
#back_to_platform a:hover {
	color: #418bca;
	text-decoration: none;
}

.privacy-widget {
    position: fixed;
    bottom: 0;
    margin: 0;
    padding: 25px;
    z-index: 100000;
    width:100%;
    background: #f4f4f4;
    border-top: 4px solid #C7C7C7;
    color: #333;
    font-size: 14px;
}

/* Directory Styles */
:root {
    --directory-results-primary-color: 85, 85, 85; /*#555555*/
    --directory-results-secondary-color: 148, 136, 148; /*#948894*/
}


/* # 2 global_inc\dhtmlcalendar.css */

/*	Begin Calendar Popup Styles */

.Style1_cpContainer
	{
	position:absolute;
	visibility:hidden;
	background-color:#f5f5f5;
	layer-background-color:#f5f5f5;
	z-index:2;
	}
.Style1_cpYearNavigation,
.Style1_cpMonthNavigation
	{
	background-color:#DDDDDD;
	text-align:center;
	vertical-align:center;
	text-decoration:none;
	color:#444444;
	font-weight:normal;
	}
.Style1_cpDayColumnHeader,
.Style1_cpYearNavigation,
.Style1_cpMonthNavigation,
.Style1_cpCurrentMonthDate,
.Style1_cpCurrentMonthDateDisabled,
.Style1_cpOtherMonthDate,
.Style1_cpOtherMonthDateDisabled,
.Style1_cpCurrentDate,
.Style1_cpCurrentDateDisabled,
.Style1_cpTodayText,
.Style1_cpTodayTextDisabled,
.Style1_cpText
	{
	font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-size:8pt;
	}
TD.Style1_cpDayColumnHeader
	{
	text-align:right;
	border:solid thin #CCCCCC;
	border-width:0 0 1 0;
	}
.Style1_cpCurrentMonthDate,
.Style1_cpOtherMonthDate,
.Style1_cpCurrentDate
	{
	text-align:right;
	text-decoration:none;
	}
.Style1_cpCurrentMonthDateDisabled,
.Style1_cpOtherMonthDateDisabled,
.Style1_cpCurrentDateDisabled
	{
	color:#D0D0D0;
	text-align:right;
	text-decoration:line-through;
	}
.Style1_cpCurrentMonthDate A
.Style1_cpCurrentMonthDate A:active,
.Style1_cpCurrentMonthDate A:hover,
.Style1_cpCurrentMonthDate A:link,
.Style1_cpCurrentMonthDate A:visited
	{
	color:#000000;
	font-weight:normal;
	}
.Style1_cpCurrentDate
	{
	color:#000000;
	font-weight:bold;
	}
.Style1_cpOtherMonthDate A,
.Style1_cpOtherMonthDate A:active,
.Style1_cpOtherMonthDate A:hover,
.Style1_cpOtherMonthDate A:link,
.Style1_cpOtherMonthDate A:visited
	{
	color:#999999;
	}
TD.Style1_cpCurrentDate
	{
	background-color:White;
	border:solid 1px #444444;
	}
TD.Style1_cpCurrentDate A
TD.Style1_cpCurrentDate A:active,
TD.Style1_cpCurrentDate A:hover,
TD.Style1_cpCurrentDate A:link,
TD.Style1_cpCurrentDate A:visited
	{
		color:#000000;
	}
TD.Style1_cpCurrentDateDisabled
	{
	border-width:1;
	border:solid thin #FFAAAA;
	}
TD.Style1_cpTodayText,
TD.Style1_cpTodayTextDisabled
	{
	border:solid thin #CCCCCC;
	border-width:1 0 0 0;
	}
A.Style1_cpTodayText,
SPAN.Style1_cpTodayTextDisabled
	{
	height:20px;
	}
A.Style1_cpTodayText,
A:active.Style1_cpTodayText,
A:hover.Style1_cpTodayText,
A:link.Style1_cpTodayText,
A:visited.Style1_cpTodayText
	{
	color:#000000;
	font-weight:normal;
	text-decoration:underline;
	text-transform:uppercase;
	}
SPAN.Style1_cpTodayTextDisabled
	{
	color:#D0D0D0;
	}
.Style1_cpBorder
	{
	}
			
/*	End Calendar Popup Styles */


/* # 3 global_inc\site_templates\HTML_5\YM-FX-02-A\base.css */

@charset "utf-8";
/* CSS Document */

.container {
    padding-left:8px;
    padding-right: 8px;
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative;
}

.row {
    margin-right: -8px!important;
    margin-left: -8px!important;
}

#itoolbar_bg {
    background-color: #333;
    min-height: 35px;
    height: auto;
}

#itoolbar a {
    font-size: 12px;
    line-height: 33px;
    text-decoration: none;
}

#isearch {
    height: auto;
    min-height:35px;
}

#isearch .btn {
    padding: 3px 10px;
    font-size: 12px;
}

#isearch .input-group {
    margin-top: 4px;
}

#isearch .form-control {
    font-size: 11px;
    height: 25px;
    padding: 3px 8px;
}

#header {
    height:100px;
    background-color: #f1f1f1;
}

#mainmenu {
    background-color: #333;
    height: 50px;
    line-height: normal;
} 

#islideshow {
    background-color: #666666;
    height: 0;
    padding-bottom: 32%;
}

#hp-main .content {
    padding: 15px;
}

#LoginForm .small {
    background: #fff;
    border: medium none;
    border-radius: 0;
    color: #999;
    font-size: 13px;
    height: 32px;
    line-height: 32px;
    margin: 0;
    padding: 0 15px;
    width: 100%;
}

.formbutton {
    background: #000 none repeat scroll 0 0;
    border: 1px solid #ccc;
    color: #fff;
    cursor: pointer;
    height: auto;
    line-height: 18px;
    padding: 5px 15px;
    text-align: center;
}

#hp-left {
    height:auto;
    min-height:180px;
}



#hp-main .zone {
    background-color: #f1f1f1;
    height:auto;
    min-height: 250px;
    padding: 0;
}

#right .zone {
    background-color: #f1f1f1;
    height:auto;
    padding: 0;
}

.irailhead {
    background-color: #000;
    color:#fff;
    height: 35px;
    line-height: 35px;
    padding: 0 15px;
    text-align: left;
}

.irailcontent {
    padding: 15px;
    text-align: left;
}

.LatestNewsItemDate {
    display: block;
}

#bottomcontentarea {
    background-color: #d1d1d1;
    padding: 20px;
}

#FooterContentArea {
    background-color: #666;
	height:auto;
	min-height:35px;
}

#icopyright {
    background-color: #333;
    padding: 10px;
}

#copyright-inner {
    color: #fff;
    text-align: center;
}

#SpTitleBar {
    background: #ebebeb;
    font-size: 24px;
    height:auto;
    padding: 15px;
}

#SpContent {
    padding: 15px;
    width: 100%;
}

#SpContent_Container {
    padding: 15px;
}

.breadCrumb ul {
    list-style: none;
}

.breadCrumb ul li {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    position: relative;
}

#right {
    padding-left: 15px;
}

.navbar-toggle {
    background-color: #999;
    background-image: none;
    border: medium none;
    border-radius: 4px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 8px;
    padding: 9px 10px;
    position: relative;
}

.navbar-toggle .icon-bar {
    background-color: #fff;
}

.mtop-0 {margin-top: 0px;}
.mtop-5 {margin-top: 5px;}
.mtop-10 {margin-top: 10px;}
.mtop-15 {margin-top: 15px;}
.mtop-20 {margin-top: 20px;}
.mtop-25 {margin-top: 25px;}
.mbottom-0 {margin-bottom: 0px;}
.mbottom-5 {margin-bottom: 5px;}
.mbottom-10 {margin-bottom: 10px;}
.mbottom-15 {margin-bottom: 15px;}
.mbottom-20 {margin-bottom: 20px;}
.mbottom-25 {margin-bottom: 25px;}
.mbottom-30 {margin-bottom: 30px;}
.mright-5 {margin-right: 5px;}
.mright-10 {margin-right: 10px;}
.mright-15 {margin-right: 15px;}
.mright-20 {margin-right: 20px;}
.mright-25 {margin-right: 25px;}
.mleft-5 {margin-left: 5px;}
.mleft-10 {margin-left: 10px;}
.mleft-15 {margin-left: 15px;}
.mleft-20 {margin-left: 20px;}
.mleft-25 {margin-left: 25px;}
.ptop-15 {padding-top: 15px;}
.pleft-15 {padding-left: 15px;}
.pright-0 {padding-right: 0;}
.pleft-0 {padding-left: 0;}
@media (min-width:768px) {
	.container {
		width: 750px;
	}
}
@media (min-width:960px) {
	.container {
		width: 900px;
	}
}
@media (min-width:1200px) {
	.container {
		width: 1016px;
	}
}
@media (max-width: 1200px) {
	.calloutbox table.filtertable td {
		float: left;
		margin-bottom: 5px;
		width: 100%;
	}
	#ProductListTable tr td {
		display: block;
		padding: 12px !important;
		width: 100%;
	}
	#tblProduct td {
		display: block;
		width: 100%;
	}
	.CustomFormTable td {
		float: left;
		width: 100% !important;
	}
	.CustomFormTable th {
		float: left;
		width: 100%;
	}
	.CustomFormTable th label {
		width: 100% !important;
	}
	.CustomFormTable td input[type="text"], .CustomFormTable td select, .CustomFormTable td textarea {
		width: 100% !important;
	}
}

@media (max-width: 991px) {
    .MemberControlPanel {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .container {
		padding-left: 15px;
		padding-right: 15px;
    }
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		min-height: 1px;
		padding-left: 15px;
		padding-right: 15px;
		position: relative;
	}
	.row {
		margin-right: -15px!important;
		margin-left: -15px!important;
	}
    .FormTable1 td {
        display: block;
        width: 100%;
    }
	.zone .yui-skin-sam {
		display: none;
	}
}

@media (max-width: 600px) {
	.calloutbox.store-callout table td {
		display: block;
		margin-bottom: 10px;
		width: 100%;
	}

	.calloutbox.store-callout td img {
		display: none;
	}
}

@media (max-width: 480px) {
    .FormTable1 td input[type="text"], .FormTable1 td select, .FormTable1 td textarea {
            width: 100%!important;
    }
    .FormTable1 td .calloutbox input[type="text"] {
        width: auto!important;
    }  
}

input[type="radio"], input[type="checkbox"] {
	line-height: normal;
	margin: 4px 4px 0 0;
}

/* 0. Begin Template Styles */
/*********************************************/

a img {border:none;}


/* Toolbar & search styling */

#itoolbar {
    color: #FFFFFF;
}
#itoolbar a {
    color: #FFFFFF;
    text-decoration: none;
    white-space: nowrap;
}
#itoolbar a:hover {
    color: #999999;
}

#PrintPage img {
	display:none;
}

.navbar-collapse {
    background-color: #333;
    border-top: medium none !important;
    position: relative;
    z-index: 999999;
    max-height: 600px;
}
.navbar-nav .open .dropdown-menu > li > a {
    color: #428bca;
    line-height: 20px;
}
/* Begin main menu styling */

/* Begin Public Menu Style */
.RadMenu_YMPublic
{
	width: 100%;
	height: inherit;
	cursor: pointer;
}

.RadMenu_YMPublic .rootGroup .item
{
	width: 14%;
	text-align: center;
	cursor:pointer;
	display: inline-block;
}

.RadMenu_YMPublic .rootGroup .link
{
	color: #fff;
	padding:0;
	margin:0;
	line-height: 60px;
	height:60px;
	font-size: 100%;
	cursor:pointer;
	text-decoration: none;
}
.RadMenu_YMPublic .link:hover,
.RadMenu_YMPublic .focused,
.RadMenu_YMPublic .expanded
{
	background-color: #666 !important;
}
.radmenu a.link {
	cursor:pointer!important;
}
/*    Fly-out Menu */
.RadMenu_YMPublic .group
{
	width:auto;
	min-width:160px;
}
.RadMenu_YMPublic .group .item {
	min-width:184px;
	width:auto;
}
.RadMenu_YMPublic .group .link
{
    min-width: 160px;
	width:auto;
	text-align:left;
	padding:0 12px;
	line-height: 36px;
    color: #fff;
	background-color: Black;
}
.RadMenu_YMPublic .group .link:hover,
.RadMenu_YMPublic .group .focused,
.RadMenu_YMPublic .group .expanded
{
    background-color: #ccc;
}
/* End Public Menu Style */
.FeaturedMemberTile a {
	display:block;
}

/* Slideshow styling */

#full-slider-wrapper
{
	width: 100% !important;
	height:0px!important;
	padding-bottom:32% !important;
}
.slide-panel
{
	width: inherit;
}
.slide-panel .active
{
	width: inherit;
}

/* Begin Hp/Sp zone styling */

.LatestNewsItemDate {
	display:block;
}

#RememberMe input {
	margin-right:5px;
}

#members img {
	margin-right:10px;
	margin-bottom:8px;
	}
#members .FeaturedMemberTile {
	font-size:11px;
	clear:both;
	display:block;
	margin-top:15px;
	}
#members .FeaturedMemberTile a {
	font-weight:bold; 
	margin: 5px 0; 
	font-size:12px;
	}

/* Subpage title and navbar styling */

#SpNavBar form {
    float: left;
}
#SpNavBar select {
    margin-right: 5px;
}
#SpNavBar {
   background: none repeat scroll 0 0 #FFFFFF;
    height: 30px;
    line-height: 23px;
    padding: 5px 10px;
}
#SpNavBar a {
   font-size: 11px;
   float:left;
   color: #000;
   margin: 0 5px;
}

#SpNavBar a:hover {
	color:#999;
	}
	
#SpNavBar img {
	margin-right:5px;
}
#SpSubHead
{
	width: 100%;
	margin:0 auto;
}
#GroupPagesMenuLink
{
	float: left;
}
#GroupMoreMenuLink
{
	float: left;
}

/* These are bars in member pg content + */

.datagrid1 tr.header td
{
    background-color: #fff;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px;
}
.datagrid1 tr.header a
{
    color: #000;
    text-decoration: none;
    text-transform: none;
    font-size: 10px;
    padding: 7px 4px 7px 4px;
}
.datagrid1 tr.header a:hover
{
    text-decoration: none;
    color: #999;
    background-color: #fff;
}

.datagrid1 tr.item td
{
    background-color: #ebebeb;
	padding:5px;
}

.datagrid1 tr.altitem td
{
    background-color: #fff;
	padding:5px;
}
.datagrid1 td {
	height:auto!important;
}

.ForumSubject {
    font-size: 12px !important;
}
.FormTable1 th
{
    background-color: #fff;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 30px;
	line-height:30px;
}
.FormTable1 th a
{
    color: #000;
    text-decoration: none;
    text-transform: none;
    font-size: 10px;
    padding: 7px 4px 7px 4px;
}
.FormTable1 th a:hover
{
    text-decoration: none;
    text-transform: none;
    font-size: 10px;
    padding: 7px 4px 7px 4px;
    color: #999;
    background-color: #fff;
}

.FormTable1 tr td {
    padding-bottom: 15px;
}

/* These are bars in latest news & calendar content + */

ViewTable1 {
    margin-bottom: 10px;
}

.ViewTable1 th
{
    background-color: #fff;
    color: #000;
    font-size: 11px;
    font-weight: bold;
    text-transform: none;
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    height: 30px;
	line-height:30px;
}
.ViewTable1 th a
{
    color: #000;
    font-size: 10px;
    text-decoration: none;
}
.ViewTable1 th a:hover
{
    color: #999;
    font-size: 10px;
    text-decoration: none;
}

.ViewTable1 tr td {
    padding: 6px 0;
}

/* Button & Callout Styling */

.specialContent, .specialcontent, .SpecialContent
{
    background-color: #ebebeb;
    border: 0 none;
}
.formbutton
{
    background-color: #000;
    color: #fff;
    text-align: center;
    padding: 0 5px 0 5px;
}
.formbutton:hover {
	background: #666;
	}

.calloutbox, .infobox
{
    background-color: #ebebeb;
    border: 0 none;
    padding: 12px 15px;
}

#classyears .bigyear {
    background: none repeat scroll 0 0 #DDDDDD!important;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0;
    padding: 5px;
}

#classyears .main {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DDDDDD!important;
    font-size: 12px;
    height: 100%;
}
#frmWallPost #btnSubmitWallPost {
}


#strWallText, #ctl00_PageContent_ctl01_txtWallText {border:1px solid #ccc!important;}

#ctl00_PageContent_ctl01_txtWallText {margin-bottom:5px;}

/* TabBar Styling (Search and Member Profile)  */
				   
.TabBar div.activeTab a, .TabBar div.activeTab a:hover 
{
background-color: #FFFFFF;
color: #9C1E08 !important;
padding-bottom: 3px;
padding-top: 2px;
}
.TabBar div a 
{
background-color: #EEEEEE;
color: #AAAAAA;
}

#Calendar th.Head 
{
  font-size: 18px;
 padding: 5px;
 text-align:center;
}
#Calendar td.MonthPrevNext 
{
 
}

.MemberControlPanel:hover,.MemberControlPanel_Container:hover {
	background-color:#eee;
}

.CaptchaQuestion {
    white-space: normal;
}

/* Begin Custom Form Styles */

#CustomFormPager .current, #CustomFormPagerLegend .current {
    background-color: #000000;
}
 
#CustomFormPager .invalid, #CustomFormPagerLegend .invalid {
    background-color: #FB5252;
}
 
#CustomFormPager .valid, #CustomFormPagerLegend .valid {
    background-color: #8AEB8A;
}
#CustomFormPager div, #CustomFormPagerLegend div {
    border: 1px solid #333333;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 3px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 16px;
}
#CustomPageBody {
	width: auto;
	clear:both;
}
#full-slider-nav-left {
	margin-top:15%;	
}

#full-slider-nav-right {
	margin-top:15%;	
}

@media only screen and (max-width: 760px), (min-device-width: 768px) and (max-device-width: 1024px) {
	.datagrid1 table.pgNavigation,
	.datagrid1 table.pgNavigation thead,
	.datagrid1 table.pgNavigation tbody,
	.datagrid1 table.pgNavigation th,
	.datagrid1 table.pgNavigation td,
	.datagrid1 table.pgNavigation tr
	{
		display:inline;
	}
	.datagrid1 table.pgNavigation td:before { content: ""; }
	.datagrid1 td.td_pgNavigation:before { content: "" !important; }

	/* Force table to not be like tables anymore */
	table.datagrid1:not(.nonresponsive),
	 .datagrid1:not(.nonresponsive) thead,
	 .datagrid1:not(.nonresponsive) tbody,
	 .datagrid1:not(.nonresponsive) th,
	 .datagrid1:not(.nonresponsive) td,
	 .datagrid1:not(.nonresponsive) tr {
		display: block;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.datagrid1:not(.nonresponsive) thead tr, .datagrid1:not(.nonresponsive) tr.header, .datagrid1:not(.nonresponsive) tr.altheader, .datagrid1:not(.nonresponsive).altheader {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.datagrid1:not(.nonresponsive) tr.header { border: 1px solid #ccc; }

	.datagrid1:not(.nonresponsive) tr.item td, .datagrid1:not(.nonresponsive) tr.altitem td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		padding-left: 50%;
		text-align:left !important;
		width: auto !important;
	}

	.datagrid1:not(.nonresponsive) tr.item td::before, .datagrid1:not(.nonresponsive) tr.altitem td::before {
		background: inherit;
		color: inherit;
		font-weight: bold;
		text-align: left;
		left: 0;
		padding: 6px 10px 7px 6px;
		position: absolute;
		top: 0;
		white-space: nowrap;
		width: 45%;
	}

	.datagrid1:not(.nonresponsive) tr.item td, .datagrid1:not(.nonresponsive) tr.altitem td {
		border-color: transparent;
	}
}

/* mobile menu */
.mobile-menu {
    color: #fff;
    font-size: 15px;
    line-height: 15px;
}
.mobile-icon {
    margin-top: 1px;
}
.caret.navbar-toggle.sub-arrow,
.navbar-nav.sm-collapsible .caret,
.navbar-nav.sm-collapsible ul .caret {
	background: transparent none repeat scroll 0 0;
    border: medium none;
    color: inherit;
}
.navbar-nav.sm-collapsible .caret::before {
	content: "\f107";
	font-family: FontAwesome;
	font-weight: bold;
}
.navbar-nav.sm-collapsible .open > a > .caret:before {
	content: '\f107';
	font-weight: normal;
}

/* correct image size for slider */
div.slide-panel > img {
    width: 100%;
}

#ContextualHelp {
    width: 100% !important;
	max-width: 400px !important;
}


/* #  global_inc\site_templates\HTML_5\YM-FX-02-A\sp.css */




/* # 4 /styles/custom.css */
@charset "utf-8";
/* CSS Document */

/* Root Variables */
:root {
    --directory-results-primary-color: 0, 48, 108;
    --directory-results-secondary-color: 239, 138, 29;
}
#content-fullArea {width: 100% !important; }

/*About Us
Membership
Education
Advocacy*/

.container, .myContainer, .lgContainer, .myContainer2 {
    padding-left:8px;
    padding-right: 8px; }

.myContainer, .myContainer2 {
    margin: auto;}

.toolbar-out {
    position: fixed;
	background-color: #00000078;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100; 
    -webkit-transition: all 200ms ease-in 0s; 
		-moz-transition: all 200ms ease-in 0s; 
		-o-transition: all 200ms ease-in 0s; 
		transition: all 200ms ease-in 0s;
}

.header-out {
    box-shadow: rgba(0, 0, 0, 0.04) 0px 3px 5px;
    position: fixed;
	background-color: transparent;
    top: 40px;
    left: 0;
    width: 100%;
    z-index: 101; 
    -webkit-transition: all 200ms ease-in 0s; 
		-moz-transition: all 200ms ease-in 0s; 
		-o-transition: all 200ms ease-in 0s; 
		transition: all 200ms ease-in 0s;
}

.mainmenu-out {
  position: fixed;
    background: transparent;
  top: 60px;
  width: 100%;
  z-index: 102; 
    -webkit-transition: all 200ms ease-in 0s; 
		-moz-transition: all 200ms ease-in 0s; 
		-o-transition: all 200ms ease-in 0s; 
		transition: all 200ms ease-in 0s;
}

#sp-main::before { }

#sp-main {margin-top: 0;}

#sp-main #left {
  padding-top: 160px; }

#right {
  padding-top: 140px; }



/* styles for social link bar */
.backToCommunity #back_to_platform {
    position: fixed;
    z-index: 10000; }

#back_to_platform {
    background: #00306c;
    border-bottom: 2px solid transparent;
    top: 0; }

#back_to_platform a {
    color: #000; }

#back_to_platform a:hover {
    color: #44afec; }

.backToCommunity .toolbar-out {
    top: 40px; }

.backToCommunity .header-out {
    top: 75px; }

.backToCommunity .mainmenu-out {
    top: 160px; }


.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    min-height: 1px;
    padding-left: 8px;
    padding-right: 8px;
    position: relative; }

.FormTable1 tr td {
color: #000; } 

.label {
color:#000; }

.slide-panel img {
width:100%; }

blockquote {
	font-style: italic;    
    color: #6d6d6d;
	border-left: 5px solid #f05b55; }
	
#Calendar th {
	text-align:center; }
	
#SpPopup_Container {
	background: #fff;
	height: 1500px;
	vertical-align: top; }

h1 {font-family: "Montserrat", sans-serif;font-size:38px; font-weight:600; margin: 3px 0 10px; color:#000;}
h2 {font-family: "Montserrat", sans-serif;font-size:35px; font-weight:600; margin: 3px 0 10px; color:#000;}
h3 {font-family: "Montserrat", sans-serif;font-size:32px; font-weight:700; margin: 3px 0 10px; color:#000;}
h4 {font-family: "Montserrat", sans-serif;font-size:28px; font-weight:700; margin: 3px 0 10px; color:#000;}
h5 {font-family: "Montserrat", sans-serif;font-size:26px; font-weight:600; margin: 3px 0 10px; color:#000;}
h6 {font-family: "Montserrat", sans-serif;font-size:24px; font-weight:600; margin: 3px 0 10px; color:#000;}

body,
input,
select,
textarea,
td,
th
{
 font-family: "PT Serif", serif;
  font-weight: 400;
  font-style: normal;
    color: #444;
    font-size: 16px; }
	
a {
	transition: all 225ms ease-in-out 0s;
	color: #384191; }
	
a:hover  {
	color: #f05b55;
 	text-decoration: none; }

.row {
    margin-right: -8px!important;
    margin-left: -8px!important; }

/* Toolbar & search styling */
#itoolbar_bg {
    background-color: transparent;
    min-height: 40px;
    height: auto;
    position: relative; }

#itoolbar {
    margin: 10px 75px 0 0;
    font-size: 0;
    float: right;}

#itoolbar a {
    color: #ffffff;
    font-family: montserrat, sans-serif;
    font-size: 13px;
    line-height: 22px;
    text-decoration: none;
    white-space: nowrap;
    padding: 0 4px;
    margin-left: 10px;
    font-weight: 400;
}


#itoolbar a:hover {
    color: #a8a8a8; }


/* Collapsible Search */

#isearch {
    height: auto;
    min-height: 30px;
    position: absolute;
    top: 4px;
    width: auto;
    right: 40px;
    padding: 0;}

#isearch .input-group {
    margin-top: 0; }

#isearch .form-control {
    font-size: 12px;
    height: 30px;
    padding: 3px 8px;
    border: none;
	box-shadow:none; }

#isearch input[name="bst"] {
    background-color:transparent;
    background-image: url(https://cdn.ymaws.com/ecomm-alliance.site-ym.com/graphics/search.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 18px;
    color: #666;
    font-size: 14px;
    font-family: inherit;
    font-weight: normal;
    cursor: pointer;
    border: none;
    border-radius: 0;
    box-shadow: none;
    height: 36px;
    padding: 0 0 0 35px;
    outline: medium none;
    transition: all 0.5s ease 0s;
    border-bottom: 1px solid transparent;
    opacity: 1;
    width: 0; }

#isearch input[name="bst"]:hover {
    background-color: transparent;
    background-image: url(https://cdn.ymaws.com/ecomm-alliance.site-ym.com/graphics/search.png);
    opacity: 1; }

#isearch input[name="bst"]:focus {
    background-color: #fff;
    background-size: 17px;
    background-position: left 6px center;
    background-image: url(https://cdn.ymaws.com/ecomm-alliance.site-ym.com/graphics/search.png);
    color: #000;
    cursor: auto;
    padding-left: 30px;
    padding-right: 10px;
    width: 210px;   
    margin-top: 0px;
	opacity: 1; }

#isearch .input-group-btn {
    display: none; }

#isearch .btn {
    color: #173967;
    padding: 3px 10px;
    font-size: 15px;
    background-color: transparent;
    border: none;
    height: 25px;}

#isearch .btn:hover{
	  background-color:#555; }


/*
#isearch {
    float: right;
    height: auto;
    min-height:35px; }

#isearch .btn {
    padding: 4px 10px;
    font-size: 12px;
    background: transparent;
    border: none;
    border-radius: 0;
    color: #692686; }

#isearch .input-group {
    margin-top: 4px; }

#isearch .form-control {
    font-size: 13px;
    height: 28px;
    padding: 3px 8px;
    background: #f0efef;
    border: 0px solid #e4e7e4;
    border-radius: 20px 0 0 20px;
    color: #000;
    box-shadow: none;}

#isearch .btn-default {
    border-radius: 0 20px 20px 0;
    transition: .3s all;
	color: #fff !important;
    background-color: #ce0e2d !important;
	transition: all 225ms ease-in-out 0s; }
	
#isearch .btn-default:hover {
	color: #fff !important;
	background-color: #ff1238 !important; }
*/


#isearch .form-control::-moz-placeholder{
    color: #444; }

#isearch .form-control::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    color: #444; }

#isearch .form-control:-ms-input-placeholder { /* IE 10+ */
    color: #444; }

#isearch .form-control:-moz-placeholder { /* Firefox 18- */
    color: #444; }




/* Header Section */
#header {
    height: 80px;
	transition: 0.5s;
    background-color: transparent;
	position: relative; }

.logo img {
    width: 165px;
    transition: all 225ms ease-in-out 0s;
    margin-top: 13px;}

.logo img:hover{
    opacity: .8;}

#mainmenu {
    float: right;
    background-color: transparent;
    height: 0;    
    line-height: normal;
    margin: -0 0px 0 0; }



/* Head Social */
.headSocial {
    float: right;
    margin-top: -39px;
    background: radial-gradient(at bottom left, #f05b55e3, #90256ee0, #394191); }

.headSocial i {
    color: #fff;
    font-size: 18px;
    padding: 11px 0px 10px;
    transition: .3s all;
    width: 34px;
    text-align: center;}

.headSocial i:hover {
    background: #394191;
    color: #fff;}



/* BEGIN SHRINK STYLES */
.toolbar-hide {
background: #000000;
}
.header-shrink {
   background: #000000;
}


#hp-main {
    margin-top: 1px;
}

#hp-main .content {
    padding: 0px; }

#hp-center .content {
    padding: 0; }


/* ---Login Zone--- */
.formbutton {
    box-shadow: rgba(0, 0, 0, 0.25) 0px 0.0625em 0.0625em, rgba(0, 0, 0, 0.25) 0px 0.125em 0.5em, rgba(255, 255, 255, 0.1) 0px 0px 0px 1px inset;
    color: #fff;
    margin-top: 10px;
    display: inline-block;
    cursor: pointer;
    height: auto;
    line-height: 15px;
    padding: 12px 30px;
    font-size: 15px;
    font-weight: 500;
    text-align: center;
    transition: 700ms all;
    background: #f05b55;
    text-transform: uppercase;
    font-family: 'Montserrat', sans-serif;
    border: 0; }

.formbutton2 {
    margin-top: 10px;
    cursor: pointer;
    padding: 7px 8px 7px 17px;
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    line-height: 25px;
    background: #ce0e2d;
    transition: 200ms all;
    border-radius: 50px;
    display: inline-block;
    margin-right: 30px;
    text-align: left;
    text-shadow: none;}

.formbutton2:after{
    content: '\f105';
    font-family: fontawesome;
    display: block;
    width: 27px;
    height: 27px;
    line-height: 27px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 50px;
    float: right;
    padding: 0px 8px;
    transition: 200ms all;
    margin-left: 10px;
}

.formbutton2 i {
    text-align: right;
    border: 1px solid #fff;
    border-radius: 50px;
    float: right;
    padding: 5px 8px;
    transition: 200ms all;}

.formbutton2:hover:after {
    background: #004987; 
    color: #fff; 
    border-color: #004987;}

.formbutton:hover, .formbutton2:hover {
    background: #90246d;
    color: #fff; }


#login .securesubmit {
  display: none; }

#LoginForgot, #LoginRegister {
    margin-bottom: 0;}

#LoginForgot a, #LoginRegister a {
    font-size: 13px !important;}

#LoginForm .small {
    background: #fff;
    border-radius: 0px;
    color: #333;
    font-size: 13px;
    height: 40px;
    line-height: 32px;
    margin: 0;
    padding: 0 15px;
    width: 100%; }

.or-option { 
    display: none;}

.facebook, .linkedin {
    display: none;}

#RememberMe {
    color:#fff !important;
    font-weight: 300; 
    font-size:14px !important;
    margin-bottom: 3px;}

#hp-main #login #RememberMe label {
    font-size: 13px;
    color: #fff;
    font-weight: normal;}

#RememberMe input {
	margin-right:5px;
}

#hp-main #login #LoginSubmit {
    margin-bottom: 20px;}

.hp-left-out {
    display: none;
    background: linear-gradient(90deg, rgb(1 29 65 / 85%) 0%, rgb(1 29 65 / 85%) 100%), url(https://cdn.ymaws.com/ohug.site-ym.com/graphics/zonebg.jpg);
    background-attachment: fixed;
    background-size: cover;
    padding: 70px 0;}    

/* .hp-left-out:before {
    content: '';
    background: url(https://cdn.ymaws.com/ohug.site-ym.com/graphics/wave-divider.png);
    height: 127px;
    background-position: center;    
    background-size: cover;
    display: block;
    width: 100%;
    margin-top: -80px;
} */

#hp-left {
    height: auto;
    margin-bottom: 0;
    background: transparent;
    color: #fff;    
    min-height: 430px;}

#hp-left h3 {
    color: #fff;
    font-weight: 700; 
    margin-bottom: 20px; 
}



/* --- Bottom / Zone Section -- */
.bottom-left-out {
    padding: 0px;
}
.bottom-left-out .container {
    width: 100%; }

.bottom-left-out .news, .bottom-left-out .calendar {
    display: none;
}

#bottom-left {
    width: 100%;
    padding: 0;
}
#hp-main #bottom-left .zone {
    padding: 0; 
}



#hp-main .zone {
    min-height: auto;
    background: transparent;
    padding: 30px;}


#hp-main #login .irailhead {
    color: #fff;
}
#hp-main #login .irailcontent {
    color: #fff;
}

#news .zone, #calendar .zone {
    position: relative;
    background-color: #ffffffcc;
    height:auto;
    min-height: 400px;
    padding: 20px; }

.irailhead {
    font-family: montserrat, sans-serif;
    background-color: transparent;
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight: 700; 
    margin-bottom: 20px;
    padding: 0;}

.irailhead a {
    text-transform: lowercase;
    border: 0px solid transparent;
    padding: 5px 8px;
    color: #ffffff;
    font-size: 13px;
    line-height: 15px;
    font-weight: 600;
    background: transparent;
    margin-top: 5px;
}

.irailhead a:hover{
    background: #000;
    color: #fff;}



.irailcontent {
    padding: 0;}

#news .irailcontent, #calendar .irailcontent {
        color: #fff;
    position: relative;
    padding: 10px 0;
    text-align: unset; }

.irailcontent p {
    font-weight: 700;
    color: #464646;
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    margin-bottom: 24px;
    background: transparent;
    transition: .3s all; }


#right .irailcontent p { 
    color: #fff;
}


.irailcontent a {
    color: #fff;
    font-size: 16px;
    font-weight: 300;}

#right .irailcontent a {
    font-size: 16px;
}

.irailcontent a:hover{
    color: #000;}

.LatestNewsItemDate {    
    font-family: montserrat, sans-serif;
    font-weight: 500;
    color: #fff;
    letter-spacing: 2px;
    display: block; }




/* ---SECONDARY PAGE ZONES--- */
#right {
    padding-left: 15px; }


#right .zone {
    background: radial-gradient(ellipse at bottom left, #91256e, #90256e, #6d1350);
    height: auto;
    padding: 20px; }

#right #login {
    background: radial-gradient(ellipse at right top, #630f48 0%, #0b1146 47%, #000000 100%);
    color: #fff;
    padding: 20px;
    position: relative;
}
#right #login a:hover {
    color: rgb(255 255 255 / 70%);
}

#right #news .irailcontent p {
    border-bottom: 1px solid #f05b55;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

#right .irailhead {
    font-size: 26px;
}

/* ---Bottom Content Area--- */
.bottomcontentarea-out {
    padding: 40px 0 40px;
}


#bottomcontentarea {
    background-color: transparent;
    padding: 20px 0; }


#bottomcontentarea h3 {
    text-align: center !important;
    padding-bottom: 20px;
    margin: 0 0 40px;
    color: #000;
    font-size: 36px;
    font-weight: 700;
    text-transform: uppercase;
}





/* --FOOTER-- */
#FooterContentArea {   
    background:radial-gradient(ellipse at right top, #630f48 0%, #0b1146 47%, #000000 100%);
    padding: 50px 0;
    text-align: center;
    font-size: 14px;
  color: #fff;
  background: #111;}

#FooterContentArea ul {
    margin: 0;
    padding: 0;   
}
#FooterContentArea ul li {
    list-style: none;
    font-size: 16px;
    padding: 0;
    margin: 4px 0;
}


#FooterContentArea a {
    color: #fff;}

#FooterContentArea a:hover{
    color: #f05b55;}

.hpFoot {
    font-family: montserrat, sans-serif;}

.hpFoot img {
    display: inline-block;
    max-width: 20px;}

.footSocial {
    padding-top: 10px; }

#icopyright {
    background: rgb(240,91,85);
background: radial-gradient(circle, rgba(240,91,85,1) 0%, rgba(145,37,110,1) 56%, rgba(56,65,145,1) 100%);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

#copyright-inner {
    color: #fff;
    font-size: 12px;
}

#copyright-inner a {
    color: #fff;
	font-weight: 400; }
		
#copyright-inner a:hover {
    color: #8dc6e8; }




/* START CUSTOM SECTION STYLES */

/* Hero Slideshow */
#hp-center {
    margin-bottom: 0; }

.hp-center-out .container {
	width: 100%;
	padding: 0px; }

#heroCarousel {
    position: relative;
    max-width: 100% !important;
  overflow: hidden;
  margin-top: 0;
  background: #1e2767; }

#heroCarousel .container {
    width: auto;
}

#heroCarousel .item a img {
    cursor: pointer;}

#heroCarousel .carousel-control {
  width: 3%;
  padding: 0;
  color: #fff;
  opacity: 1.0;
  background-image: none !important;
  text-shadow: none; }

#heroCarousel .carousel-control .fas {
    font-size: 38px;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: auto; }

#heroCarousel .carousel-indicators {
    position: absolute;
    margin-left: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    list-style: none;
    right: 0;
    max-width: 1400px;
    padding-right: 30px;
    z-index: 15;
    bottom: 20px; }

#heroCarousel .carousel-indicators li {
    border-radius: 50px;
    background: transparent;
    border: 2px solid #fff;
    height: 20px;
    width: 20px;
    margin: 0 2px; }

#heroCarousel .carousel-indicators .active {
    background: #fff; }

#heroCarousel .carousel-caption {
    padding: 40px;
    max-width: 700px;
    margin: 50px auto 0;
    text-align: center;
    bottom: auto;
    top: 50%;
    transform: translateY(-50%);
    background: transparent; }

#heroCarousel .carousel-caption h3{
    margin-bottom: 15px;
    font-size: 42px;
    text-transform: uppercase;
    color: #fff;
    font-weight: 700;
}

#heroCarousel .carousel-caption p {
    font-size: 20px;
    font-weight: 400;
    margin-bottom: 30px;}

#heroCarousel .item:before {
    background: rgb(0, 0, 0);
    background: linear-gradient(180deg, rgb(0 0 0 / 51%) 0%, rgb(67 8 47 / 63%) 40%, rgb(23 32 110 / 62%) 100%), url(https://cdn.ymaws.com/ecomm-alliance.site-ym.com/graphics/hero-overlay.png);
    background-position: -20%;
    background-size: contain;
    background-repeat: no-repeat;
    display: block;
    content: '';
    position: absolute;
    width: 100%;
    height: 100%; }

#heroCarousel .formbutton {
    text-shadow: none;
}

#heroCarousel .herobtn {
    padding: 7px 8px 7px 17px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    font-size: 15px;
    line-height: 25px;
    background: #ef8a1d;
    transition: 200ms all;
    border-radius: 50px;
    display: inline-block;
    margin-right: 30px;
    text-align: left;
    text-shadow: none;}

#heroCarousel .herobtn i {
    margin-left: 10px;
    text-align: right;
    float: right;
    padding: 5px 8px;
    transition: 200ms all;}



#heroCarousel .herobtn:hover {
    background: #CCDBE7;
    color: #004987;}

#heroCarousel .carousel-indicators {display: none;}



.hptier {
    padding: 80px 0;
}

/* CTA */

.hpCta {
    position: relative;
}

.hpCta img {
    object-fit: cover;
    width: 100%;
    height: 400px;
}

.hpCta-wrap {
    position: relative;
    margin: 0 15px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}




.cta-text {
    font-family: montserrat, sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .6);
    font-size: 34px;
    font-weight: 600;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);    
    text-align: center;
    width: 100%;
    transition: .3s all;
}

.cta-text a {
    color: #fff;
    border: 1px solid #ffffff;
    padding: 20px 20px;
   /*background: #0000006e;*/
    transition: .3s all;
}

.hpCta-wrap {
    position: relative;    
    margin: 0 15px;
        /*clip-path: polygon(-5% 55%, 40% 100%, 100% 100%, 100% 0%, 0 0);*/
}

.hpCta-wrap:before {
    content: '';
    width: 100%;
    height: 100%;
    display: block;
    background: rgb(0 0 0 / 70%);
    /* background: linear-gradient(0deg, rgb(240 91 86 / 91%) 0%, rgb(144 37 110 / 83%) 29%, rgb(0 0 0 / 14%) 100%);*/
    top: 0;
    position: absolute;
    clip-path: polygon(-5% 55%, 40% 100%, 100% 100%, 100% 0%, 0 0);
    transition: .3s all;
}


.hpCta-wrap:after {
    content: '';
    background:url(https://cdn.ymaws.com/ecomm-alliance.site-ym.com/graphics/blackarrow.png);
    height: 50px;
    width: 50px;
    background-size: contain;
    display: block;
    background-repeat: no-repeat;
    background-position: top right;
    position: absolute;
    bottom: 20px;
    left: 20px;
    transition: .3s all;
}

.hpCta.one:hover .hpCta-wrap:before {
    background: rgb(144 37 110 / 75%);
    clip-path:  polygon(-5% 8%, 88% 100%, 100% 100%, 100% 0%, 0 0);
}
.hpCta.two:hover .hpCta-wrap:before {
    background:rgb(56 65 145 / 75%);
    clip-path:  polygon(-5% 8%, 88% 100%, 100% 100%, 100% 0%, 0 0);
}
.hpCta.three:hover .hpCta-wrap:before {
    background: rgb(240 90 86 / 75%);  
    clip-path:  polygon(-5% 8%, 88% 100%, 100% 100%, 100% 0%, 0 0);
}

.hpCta:hover .hpCta-wrap:after {
    background-position: 0px;
    width: 100px;
    height: 75px;
}

.hpCta:hover .cta-text a {
    border: 1px solid transparent;
    background: #000000;
}

.hpCta:hover .cta-text {
    margin-top: -10px;
}


/* NEWS */
#hpNews-out {
    background: url(https://images.pexels.com/photos/3184660/pexels-photo-3184660.jpeg) no-repeat;
    background-attachment: fixed;
    background-size: cover;
    padding: 0;
}

#hpNews-out .rss-item {
    display: flex;
    flex-direction: column;    
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f05a55;
}

#hpNews-out .rss-item:last-child {
    border-bottom: 0;
}
#hpNews-out .rss-item a {
    color: #fff;
    order: 2;
}
#hpNews-out .rss-item a:hover {
    color: #000000c9;
}
#hpNews-out .rss-item br {
    display: none;}

#hpNews-out .rss-item-date {
    order: 1;    
    font-family: montserrat, sans-serif;
    font-size: 14px;    
    letter-spacing: 2px;
    color: #fff;
}

/*.hpNews-colWrap {
background: url(https://images.pexels.com/photos/3184660/pexels-photo-3184660.jpeg) no-repeat;
    
  
    background-size: cover;
    background-attachment: fixed;
}*/

.hpNews-feedWrap {
    /*margin-left: 250px;*/
    padding: 50px;   
    background: linear-gradient(90deg, rgb(144 38 111 / 88%) 0%, rgb(144 37 110 / 83%) 29%, rgb(241 90 86 / 86%) 100%);
        background: radial-gradient(at bottom left, #f05b55e3, #90256ee0, #000000d1);
}





/* BLOG */
#hpBlog-out {
    /*background: radial-gradient(ellipse at right top, #f9f9f9 0%, #e1e4e8 62%, #d1d6db 100%);*/
}
.hpBlog-wrap {
    margin: 0 15px;
}

#hpBlog-out h2 {
    text-align: center;
    margin-bottom: 40px;
    text-transform: uppercase;
    font-weight: 700;
}

#hpBlog-out .hpBlog-title {
    font-size: 24px;
    line-height: 30px;
    font-weight: 600;
}

.hpBlog-wrap img {
    margin-bottom: 30px;
    box-shadow: rgba(0, 0, 0, 0.07) 0px 1px 2px, rgba(0, 0, 0, 0.07) 0px 2px 4px, rgba(0, 0, 0, 0.07) 0px 4px 8px, rgba(0, 0, 0, 0.07) 0px 8px 16px, rgba(0, 0, 0, 0.07) 0px 16px 32px, rgba(0, 0, 0, 0.07) 0px 32px 64px;
}

.hpBlog-title a {
    color: #000;
}
.hpBlog-desc a {
    color: #000;
}
.hpBlog-btn {
    border-top: 5px solid #f05b55;
    margin-top: 30px;
    display: inline-block;
    padding-top: 7px;
    font-family: 'Montserrat', sans-serif;
    font-weight: 600;
    font-size: 12px;
    text-transform: uppercase;
    color: #f05b55;
}
.hpBlog-btn:hover{
    color: #384191;
    border-color: #384191;
}

/* NEWSLETTER */
#hpNewsletter-out {
    background: #384190;
    background: radial-gradient(ellipse at right top, #630f48 0%, #0b1146 47%, #000000 100%);
    color: #fff;
}

.hpNewsletter-leftWrap {
        max-width: 500px;
}

#hpNewsletter-out h1{
    color: #fff;    
    padding-bottom: 10px;
}
#hpNewsletter-out .hpSubhead {
    font-family: montserrat, sans-serif;
    letter-spacing: 6px;
    text-transform: uppercase;
    padding-bottom: 20px;
    color: #95a0ff;
    font-weight: 600;
}

#hpNewsletter-out .formbutton {
    margin-top: 25px;
}
.hpNewsletter-textWrap {
    border-bottom: 1px solid #ffffff3d;
    padding: 20px 0;
    transition: .3s all;
    display: flex;
    align-items: center;
}

.hpNewsletter-rightWrap i {
    color: #fff;
    font-size: 40px;
}

.hpNewsletter-name a {
    color: #ffffff;
    font-size: 21px;
}

.hpNewsletter-date {
    font-family: 'Montserrat', sans-serif;
    font-size: 24px;
    font-weight: 100;
    letter-spacing: 2px;
}





.hpNewsletter-item:hover .hpNewsletter-textWrap {
    background: #ffffff17;
}

.hpNewsletter-item:last-child .hpNewsletter-textWrap {
    border-bottom: 0;
}

/* JOIN */
.flex-row {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}
.hpJoin-out {
    background: linear-gradient(101deg, rgba(239, 138, 29, .7) 0%, rgba(0, 30, 80, .7) 100%), url(https://cdn.ymaws.com/ohug.site-ym.com/graphics/joinbg.jpg);
    background-position: center;
    padding: 90px 0; }

.hpJoin-col.two .hpJoin-wrap {
    max-width: 490px;
}

.hpJoin-out h2 {
    color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    border-left: 4px solid #00295d;
    padding-left: 30px;
}

.hpJoin-out p {
    color: #fff;
    font-weight: 300;
    font-size: 18px;
}

.hpJoin-out .formbutton{
    padding-left: 55px;
    padding-right: 55px;
}


/* Banner Ad  */
.ad-banner {
    padding: 50px 0 0;
}
.ad-banner img {
    border: 1px solid #ddd;
}

/* Awards Section */
.hpAwards-out {
    padding: 50px 0;
}

.hpAwards-wrap {
    padding: 10px 10px;
    border-radius: 16px;
    border: 1px solid #ccc;
    margin: 0 10px;
    min-height: 295px;
    text-align: center;
    box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.hpAwards-wrap img {
    margin: auto;
}

.hpAwards-out h3{
    font-size: 26px;
    color: #00306c;
    font-weight: 600;
    padding-bottom: 15px;
}
.hpAwards-out p {
    font-weight: 500;
    color: #00306c;
    padding-top: 6px;
    font-size: 14px;
}

/* RSS FEED */

.hpFeeds .rss-item {
    position: relative;
    margin-left: 55px;
}

.hpFeeds .rss-item:before {
    content: '\f073';
    font-family: fontawesome;
    border: 1px solid #fff;
    display: block;
    height: 40px;
    width: 40px;
    border-radius: 50px;
    text-align: center;
    line-height: 40px;    
    margin-left: -55px;
    position: absolute;
    transition: 700ms all;
}

.hpFeeds #news .rss-item:before {
    content: '\f1ea';
    font-family: fontawesome;
}


.hpFeeds .rss-item-date {
    color: #ef8a1d;
    font-weight: 600;
    font-size: 13px;
}

.rss-item:hover:before {
    color: #87b7e1;
}

/* Influencer Section */
.hpInfluencers {
    background: #2b64ab;
    background-image: url(https://cdn.ymaws.com/ohug.site-ym.com/graphics/influencerbg.png);
    background-repeat: no-repeat;
    background-size: cover;
    border-top: 2px solid #fff;
    position: relative;
    padding-bottom: 100px;
}

.hpInfluencers:after {
    content: '';
    background: url(https://cdn.ymaws.com/ohug.site-ym.com/graphics/influencer-divider.png);
    background-repeat: no-repeat;
    background-size: cover;
    height: 120px;
    display: block;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0;
}
.hpInfluencers-wrap {
    padding: 0 50px;
}
.hpInfluencers-title {
    text-transform: uppercase;
    background: #ef8a1d;
    color: #fff;
    font-weight: 700;
    font-size: 36px;
    text-align: center;
    margin: -50px auto 0px;
    max-width: 630px;
    padding: 30px 0;
}

.hpInfluencers img {
    border: 10px solid #fff;
}

.hpInfluencers img {
    margin: auto;
    border: 10px solid #fff;
    border-radius: 5px;
    box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
}

.hpInfluencer-textWrap {
    margin-top: 50px;
}

.hpInfluencers-text {
    color: #fff;
    font-size: 18px;
    padding: 10px 0px;
    margin: 0 25px;
}

.hpInfluencer-col.two {
    text-align: center;
}
.hpInfluencers .formbutton {
    font-weight: 500;
    margin-top: 30px;
    font-size: 15px;
}
.hpInfluencers .formbutton:hover {
    color: #001e50;
}

.hpInfluencer-titleText {
    position: relative;
}
.hpInfluencer-titleText:before {
    content: '';
    height: 40px;
    width: 4px;
    background: #2b64ab;
    display: block;
    position: absolute;
    left: -23px;
    top: 4px;
}

.col-5 {
    float: left;
    width: 20%;
}





/* Image Rotator */
#hpGallerySlider-out {
    margin: 20px 0;
}
.hpGallery-out h2 {
    color: #163967;
    text-transform: uppercase;
    font-size: 30px;
    margin-bottom: 30px;}

.hpGallery-out p {
    font-size: 24px;
    color: #3b3b3b;}



#hpGallerySlider .bx-wrapper {
    border: 0;
    box-shadow: none;
    padding: 0;
    margin: 0;
    overflow: hidden;}

#hpGallerySlider {
    padding: 0;}

#hpGallerySlider .bx-wrapper .bx-viewport {
    background: none;
    border: none;
    box-shadow: none;
    left: 0px;
    max-height: 424px;
    min-height: 238px;}

#hpGallerySlider ul.bxslider {
    padding-left: 0px;}

#hpGallerySlider ul.bxslider li.slide img {
    max-width: 100%;
    max-height: 424px;
    min-height: 238px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);
    transition: .3s all;}

#hpGallerySlider ul.bxslider li.slide img:hover{
    -webkit-filter: none;
    filter: none;}

#hpGallerySlider ul.bxslider li.slide {
    margin-right: 0 !important;}


/* END CUSTOM HP SECTION STYLES */


/* SECONDARY PAGE STYLES */
#SpTitleBar {
    font-family: montserrat, sans-serif;
    background: transparent;
    font-size: 36px;
    height: auto;
    padding: 15px;
    color: #384191;
    font-weight: 700; }

#SpContent {
    padding: 15px;
    width: 100%;
    table-layout: fixed; }

#SpContent_Container {
    padding: 15px;}

.breadCrumb ul {
    list-style: none;}

.breadCrumb ul li {
    display: inline-block;
    height: 21px;
    line-height: 21px;
    position: relative; }

#newestmembers {
    margin-bottom: 15px;}

#members img {
	margin-right:10px;
	margin-bottom:8px;
	}
#members .FeaturedMemberTile {
	font-size:11px;
	clear:both;
	display:block;
	margin-top:15px;
	}
#members .FeaturedMemberTile a {
	font-weight:bold; 
	margin: 5px 0; 
	font-size:12px;
	}

.FeaturedMemberTile a {
	display:block;
}



/* 0. Begin Template Styles */
/*********************************************/

a img {border:none;}


#PrintPage img {
	display:none;
}

/* BEGIN MAIN MENU STYLES */

/* to move the navigation */
/*.navbar-left {
    float: right !important;
    margin-top: -91px; } */

.navbar-toggle {
    transition: .3s all;
    background-color: #394191;
    background-image: none;
    border: medium none;
    border-radius: 0px;
    float: right;
    margin-bottom: 8px;
    margin-right: 15px;
    margin-top: 9px;
    padding: 9px 10px;
    position: relative; }

.navbar-toggle:hover{
    background:#91256e;}

.navbar-toggle .icon-bar {
    background-color: #fff; }

.navbar-collapse {
    background-color: transparent;
    border-top: medium none !important;
    position: relative;
    z-index: 999999;
    max-height: 600px; }

.navbar-nav .open .dropdown-menu > li > a {
    color: #428bca;
    line-height: 20px; }

.navbar-nav > li > a .caret { display: none; }


/* Main link */
.navbar-nav > li > a {
    color: #fff;
    font-weight: 400;
    font-size: 18px;
    padding: 20px 17px;
    background: transparent;
    transition: all .3s ease-out;
    border-radius: 0px; }



/* HoverState1 */
.navbar-nav>li>a:hover,
.navbar-nav>li>a:focus{
    color: #fff;
    background-color: #f05b55;} 


/* HoverState2 */
.nav .open>a,
.nav .open>a:hover,
.nav .open>a:focus{
    color: #fff;
    background-color: #f05b55; } 


/* Dropdown BG */
.dropdown-menu {
    border-radius: 0;
    border: 0;
	background: #fff;  }


/* Eliminate Dropdown Flicker */
.navbar-nav > li:first-child li > a,
.navbar-nav > li:nth-child(2) li > a,
.navbar-nav > li:nth-child(3) li > a,
.navbar-nav > li:last-child li > a
{
    background: #ffffff;
}

.dropdown-menu > li > a {
	font-size: 16px;
    background: #fff;
	color: #000; }

/* Sub nav link */
.navbar-nav .open .dropdown-menu > li > a {
    background: #fff;
	font-size: 16px;
	color: #000;  }


.navbar-nav .open .dropdown-menu > li > a:hover,
.navbar-nav .open .dropdown-menu > li > a:focus{
    color: #f05b55;
    background-color: #fff; } 

.collapse.navbar-collapse.navbar-ex1-collapse {
    padding: 0;}


/* Begin Public Menu Style */
.RadMenu_YMPublic
{
	width: 100%;
	height: inherit;
	cursor: pointer;
}

.RadMenu_YMPublic .rootGroup .item
{
	width: 14%;
	text-align: center;
	cursor:pointer;
	display: inline-block;
}

.RadMenu_YMPublic .rootGroup .link
{
	color: #fff;
	padding:0;
	margin:0;
	line-height: 60px;
	height:60px;
	font-size: 100%;
	cursor:pointer;
	text-decoration: none;
}
.RadMenu_YMPublic .link:hover,
.RadMenu_YMPublic .focused,
.RadMenu_YMPublic .expanded
{
	background-color: #666 !important;
}
.radmenu a.link {
	cursor:pointer!important;
}
/*    Fly-out Menu */
.RadMenu_YMPublic .group
{
	width:auto;
	min-width:160px;
}
.RadMenu_YMPublic .group .item {
	min-width:184px;
	width:auto;
}
.RadMenu_YMPublic .group .link
{
    min-width: 160px;
	width:auto;
	text-align:left;
	padding:0 12px;
	line-height: 36px;
    color: #fff;
	background-color: Black;
}
.RadMenu_YMPublic .group .link:hover,
.RadMenu_YMPublic .group .focused,
.RadMenu_YMPublic .group .expanded
{
    background-color: #ccc;
}
/* End Public Menu Style */





/* Built-in Slide Show */

.islideshow-out {
  display: none; }

#islideshow {
    background-color: #666666;
    height: 0;
    padding-bottom: 32%; }

#islideshow img {
    width: 100% !important; }

#full-slider-wrapper
{
	width: 100% !important;
	height:0px!important;
	padding-bottom:32% !important;
}
.slide-panel
{
	width: inherit;
}
.slide-panel .active
{
	width: inherit;
}


/* Subpage title and navbar styling */

#SpNavBar form {
    float: left; }

#SpNavBar select {
    margin-right: 5px; }

#SpNavBar {
   background: none repeat scroll 0 0 #FFFFFF;
    height: 30px;
    line-height: 23px;
    padding: 5px 10px; }

#SpNavBar a {
   font-size: 11px;
   float:left;
   margin: 0 5px; }

#SpNavBar a:hover {
	color:#008FC5; }
	

#SpNavBar img {
	margin-right:5px; }

#SpSubHead
{
	width: 100%;
	margin:0 auto;
}
#GroupPagesMenuLink
{
	float: left;
}
#GroupMoreMenuLink
{
	float: left;
}

/* These are bars in member pg content + */

.datagrid1 tr.header td
{
    background-color: #384191;
    
    color: #fff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.datagrid1 tr.header a
{
    background-color: transparent;
    
    color: #fff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.datagrid1 tr.header a:hover
{
    background-color: transparent;
    color: #9ca6ff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.datagrid1 tr.item td
{
    background-color: #384191;
	padding:5px;
}

.datagrid1 tr.altitem td
{
    background-color: #fff;
	padding:5px;
}
.datagrid1 td {
	height:auto!important;
}
.ForumSubject {
    font-size: 12px !important;
}
.FormTable1 th
{
    background-color: #384191;
    
    color: #fff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.FormTable1 th a
{
    background-color: transparent;
    
    color: #fff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.FormTable1 th a:hover
{
    background-color: transparent;
    color: #9ca6ff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.FormTable1 tr td {
    padding-bottom: 10px;
}

/* These are bars in latest news & calendar content + */

ViewTable1 {
    margin-bottom: 10px;
}

.ViewTable1 th
{
    background-color: #384191;
    
    color: #fff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.ViewTable1 th a
{
    background-color: transparent;
    
    color: #fff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.ViewTable1 th a:hover
{
    background-color: transparent;
    color: #9ca6ff;
    font-size: 12px !important;
    font-weight: 400 !important;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent;
    height: 30px;
	line-height:30px;
	padding:0 5px 0 5px; }

.ViewTable1 tr td {
    padding: 6px 0;
}

/* Button & Callout Styling */

.specialContent, .specialcontent, .SpecialContent
{
    background-color: #ebebeb;
    border: 0 none;
}

.calloutbox, .infobox
{
    background-color: #ecf0f2;
    border: 0 none;
	font-style: italic;
    padding: 12px 15px; }

#classyears .bigyear {
    background: #e5e5e5 !important;
    color: #000000;
    font-size: 14px;
    font-weight: bold;
    margin-left: 0;
    padding: 5px; }

#classyears .main {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #e5e5e5 !important;
    font-size: 12px;
    height: 100%;
}
#frmWallPost #btnSubmitWallPost {
    font-weight: 600 !important;
	padding: 6px 16px !important;
	color: #fff !important;  }

#strWallText, #ctl00_PageContent_ctl01_txtWallText {border:1px solid #ccc!important;}

#ctl00_PageContent_ctl01_txtWallText {margin-bottom:5px;}

#ctl00_PageContent_fpb_pForumsQuickSearch { margin: 0px 25px 0 6px !important; }

/* TabBar Styling (Search and Member Profile)  */
	
.TabBar { border-bottom: 1px solid #ccc; }

.TabBar div.activeTab a, .TabBar div.activeTab a:hover {
    background-color: #f05b55;
    color: #fff !important;
padding-bottom: 3px;
padding-top: 2px; }

.TabBar div a {
    font-weight: 500;
background-color: #91256e;
color: #fff; }

.TabBar div a:hover {
background-color: #f05b55;
color: #fff !important; }



#Calendar th.Head {
  font-size: 18px;
 padding: 5px;
 text-align:center;
}

#Calendar td.MonthPrevNext {
 
}

.MemberControlPanel  {
	border:1px solid transparent; }
	
.MemberControlPanel:hover {
    background-color: transparent;
 	border:1px solid transparent; }
	
.MemberControlPanel_Container {
	border:1px solid transparent; 
    color: #000;
}
	
.MemberControlPanel_Container:hover {
    height: auto;
    min-height: 65px;
    background-color: #f3f6f9;
    border: 1px solid transparent;
    color: #0e1e51; }


.CaptchaQuestion {
    white-space: normal;}

.MemberControlPanel_Title {
    font-size: 18px;}

/* Begin Custom Form Styles */

#CustomFormPager .current, #CustomFormPagerLegend .current {
    background-color: #000000;
}
 
#CustomFormPager .invalid, #CustomFormPagerLegend .invalid {
    background-color: #FB5252;
}
 
#CustomFormPager .valid, #CustomFormPagerLegend .valid {
    background-color: #8AEB8A;
}
#CustomFormPager div, #CustomFormPagerLegend div {
    border: 1px solid #333333;
    cursor: pointer;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    margin: 3px;
    padding: 3px;
    text-align: center;
    vertical-align: middle;
    width: 16px;
}
#CustomPageBody {
	width: auto;
	clear:both;
}
#full-slider-nav-left {
	margin-top:15%;	
}

#full-slider-nav-right {
	margin-top:15%;	
}
#DisplayCurrMenu_c {
    left: -60px !important;
}

#GalleryFormsPanel {
    max-width: 680px;
    width: 100% !important;
}

#JournalEntryFormPanel {
    max-width: 640px;
    width: 100% !important;
}

#JournalEntryFormPanel_c {
    left: 40px !important;
}

#ctl00_PageContent_isTwitterEnabled {
    max-width: 400px;
    width: 100% !important;
}

.DescriptionPanel.yui-module.yui-overlay.yui-panel {
    max-width: 350px;
    width: 100% !important;
}

.FeaturedMemberTile {
    clear: both;
    min-height: 80px;
    padding-bottom: 10px;
}

.FeaturedMemberTile a {
    display: block;
    margin-bottom: 5px;
}

.FeaturedMemberTile img {
    margin-bottom: 10px;
    margin-right: 10px;
}

#tblBasicSearch td, .FormTable1 td {
    text-align: left;
}

.redalert {
    color: #d9534f;
}

#SearchForm .formbutton {
    font-style: normal; 
    padding: 8px 20px;
    font-weight: normal;
}

.mtop-0 {margin-top: 0px;}
.mtop-5 {margin-top: 5px;}
.mtop-10 {margin-top: 10px;}
.mtop-15 {margin-top: 15px;}
.mtop-20 {margin-top: 20px;}
.mtop-25 {margin-top: 25px;}
.mbottom-0 {margin-bottom: 0px;}
.mbottom-5 {margin-bottom: 5px;}
.mbottom-10 {margin-bottom: 10px;}
.mbottom-15 {margin-bottom: 15px;}
.mbottom-20 {margin-bottom: 20px;}
.mbottom-25 {margin-bottom: 25px;}
.mbottom-30 {margin-bottom: 30px;}
.mright-5 {margin-right: 5px;}
.mright-10 {margin-right: 10px;}
.mright-15 {margin-right: 15px;}
.mright-20 {margin-right: 20px;}
.mright-25 {margin-right: 25px;}
.mleft-5 {margin-left: 5px;}
.mleft-10 {margin-left: 10px;}
.mleft-15 {margin-left: 15px;}
.mleft-20 {margin-left: 20px;}
.mleft-25 {margin-left: 25px;}
.ptop-15 {padding-top: 15px;}
.pleft-15 {padding-left: 15px;}
.pright-0 {padding-right: 0;}
.pleft-0 {padding-left: 0;}

@media (min-width:768px){.container, .myContainer, .myContainer2, #heroCarousel .carousel-indicators{width:750px}}
@media (min-width:960px){.container, .myContainer, .myContainer2, #heroCarousel .carousel-indicators{width:900px}}
@media (min-width:1200px){.container, .myContainer, .myContainer2, #heroCarousel .carousel-indicators {width:1200px}}
@media (min-width:1416px){.container, .myContainer, #heroCarousel .carousel-indicators{width:1400px}}




@media (max-width: 1415px) {
    
    .hpBucket-title {font-size: 22px;}
  
    
    #heroCarousel .carousel-indicators li {height: 17px; width: 17px;}
    #heroCarousel .carousel-indicators {  bottom: 0; }
    #heroCarousel .carousel-caption:after {width: 78%;}
    #heroCarousel .carousel-indicators { margin-bottom: 5px;}
    
    

    #SearchForm_bst {width: 500px;}
  
}

@media (max-width: 1199px) {

    #right .irailhead { font-size: 20px; }

    
    #SearchForm table { width: 100%; }
    #SearchForm input { width:100% !important; float:left !important; }
    #SearchForm td { float:left; width:100%; margin-top: 10px;}
   

 
    #heroCarousel .carousel-caption {  padding: 28px;}
    #heroCarousel .carousel-caption h3 {font-size: 28px;}
    #heroCarousel .carousel-caption:after {width: 90%;}
    #heroCarousel .carousel-indicators { margin-bottom: 0px;}
    #heroCarousel .carousel-caption p { font-size: 18px; }
    
    .cta-text {font-size: 22px;}  
    .hpCta img {height: 280px;}
    
    .hpNewsletter-leftWrap {  max-width: 410px;}
    
    #news .irailhead:before, #calendar .irailhead:before, #facebook .irailhead:before { font-size: 17px;padding: 5px;margin-right: 1px;width: 27px;height: 27px;line-height: 18px;}
    
    .irailhead {font-size: 25px;}
    #hp-main .zone {padding: 12px;}
   
    #FooterContentArea h5 {font-size: 23px;}
    
    

}


@media (max-width: 991px) {
    .MemberControlPanel { width: 100%; }
    #CustomFormForm th, #CustomFormForm td, .CustomFormTable th, .CustomFormTable td { display: block; width: 100% !important; }
    #CustomFormForm th label { width: 100% !important;  }
    #CustomFormForm td input[type="text"], #CustomFormForm td select, #CustomFormForm td textarea, .CustomFormTable td input[type="text"] { width: 100% !important; }
    .CustomFormTable .nameRow input[type="text"] { margin-bottom: 15px; }

    #heroCarousel .carousel-caption {max-width: 100%; right: 10%;
        left: 10%;}
    #heroCarousel .slidetext:after { left: -50px;  right: -50px; width: 100%; display: none; } 
    #heroCarousel .hero-header { font-size: 32px;}
    #heroCarousel .hero-subheader { font-size: 15px;  margin-bottom: 10px; }
    #heroCarousel .slidetext p { font-size: 17px;line-height: 23px; margin-bottom: 24px; }
    #heroCarousel .carousel-indicators li { height: 15px;width: 15px;    }
}

@media (max-width: 959px) {
    
    #sp-main #left, #right {padding-top: 0; margin-top: 0;}
    #SearchForm input { float: left !important; width: 100% !important; }
    #SearchForm td { width: 100%; float: left; margin-bottom: 2%; }
    #SearchForm input { float: left !important; width: 100% !important; }	
    
    .toolbar-out, .header-out, .mainmenu-out {
		position: relative; 
		top: auto;
		-webkit-transition: none; 
		-moz-transition: none; 
		-o-transition: none; 
		transition: none;
        background: #000;
}
   
#header, .logo img, .navbar-left {
		-webkit-transition: none; 
		-moz-transition: none; 
		-o-transition: none; 
		transition: none;
}
.logo img {
		max-width: 150px; 
		top: 0;
    margin-top: 9px;
}
/*.header-shrink #header {
		height: 130px;
}*/

.menu-shrink .navbar-left {
		margin-top: auto;
}
    
    .hptier { padding: 40px 0;}
    
    #hp-main {margin: 0;}


    #itoolbar a {font-size: 13px;}


    .navbar-nav > li > a { font-size: 15px; margin: 0; }	

    #header { height: 70px; }

    .mainmenu-out {background: transparent;}
    #mainmenu { margin-top: -53px; float: none;}
    .navbar-toggle { margin-bottom: 11px; margin-right: 0;}  
    .navbar-collapse.collapse {display: none !important;}
    .navbar-collapse.collapse.in {display: block !important; max-height: none;}
    .navbar-header .collapse, .navbar-toggle {display: block !important;}

    .navbar-header {float:none;}
    
    .mobile-menu {display: none;}
    .mobile-icon {margin-left: 0;}
    .navbar-collapse {background-color: #fff; padding: 0px; box-shadow: 0 3px 5px -2px rgba(32,32,32,0.3)}
    .navbar-nav {float: none !important; margin: 0; width: 100%; background-color: transparent;}
    .navbar-left::after {display: none;} 
    .navbar-nav li {float: none;}	
    .navbar-nav li a {font-size: 16px; line-height: 44px; padding: 0px 15px; color: #000; border: none; margin: 0; letter-spacing: 0;}
    .navbar-nav li a:hover, .navbar-nav li a:focus, .nav .open a, .nav .open a:hover, .nav .open a:focus {background-color: transparent; color: #f05b55; border: none !important;}
    
    .nav .open a, .nav .open a:hover {background: #fff; color: #f05b55; border: 0;}
    
    .navbar-nav .open .dropdown-menu li a, .dropdown-menu li a {background-color: transparent; color: #000; padding: 0px 26px; font-size: 16px; line-height: 36px; border: none;}
    .navbar-nav .open .dropdown-menu li a:hover, .navbar-nav .open .dropdown-menu li a:focus {background-color: #fff; color: #f05b55;}
    .navbar-nav .open .dropdown-menu {position: relative; margin: 0 auto !important; border: none; box-shadow: none; float: none; background-color: #fff;}
    .navbar-nav li a .caret {display: inline-block !important; margin-top: 10px !important;}
    .navbar-nav ul li a .caret {margin-top: 5px !important;}    


    #heroCarousel {margin: 0 0 3px;}	
    #heroCarousel img { height: 330px; width: 100%; object-fit: cover;}      
    #heroCarousel .herobtn {font-size: 15px;}  
    #heroCarousel .carousel-caption {margin-top: 0}

    #hp-left {padding-top: 0; width: 100%}
    .login { width: 100%; padding-bottom: 40px;}
    #hp-main #login {width: 100%; }

    #bottom-left {width: 100%;}    
    #hp-main #bottom-left .zone{min-height: auto;}    
    .news, .calendar { width: 50%; }

    #right .irailhead { font-size: 17px;  }    
    #right .zone {padding: 15px;}

    #hp-left h3 {font-size: 27px;}
    #hp-main #login .irailhead {font-size: 27px;}
    
    
    #FooterContentArea h5 { font-size: 18px; }
    
    .cta-text a {padding: 12px;}
    .hpCta-wrap {margin: 0;}
    .hpCta img {height: 245px; }
    
    .hpBlog-title a { font-size: 22px; line-height: normal;}
    .hpNewsletter-rightWrap {margin-top: 30px;}
    
    #hpNewsletter-out h1 {font-size: 32px;}
    .hpNewsletter-date {font-size: 20px;}
    .hpNewsletter-name a {font-size: 17px;}
    
    .bottomcontentarea-out { padding: 5px 0; }
    
}



@media (max-width: 767px) {
     .container, .myContainer, .myContainer2, .lgContainer {
        padding-left:15px;
        padding-right: 15px; }
    .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
        min-height: 1px;
        padding-left: 15px;
        padding-right: 15px;
        position: relative; }
    .row {
        margin-right: -15px!important;
        margin-left: -15px!important; }
    .FormTable1 td { display: block; width: 100%; }
    .yui-skin-sam { display:none; }	
    .navbar-nav > li > a .caret { display: inline-block; }
    #hp-main .zone { min-height: auto; }


    #right {margin-top: 0;}	
    
    #itoolbar a {font-size: 12px; }

    #heroCarousel .carousel-control { display: none; }	   
    #heroCarousel img { height: 100%; width: 100%; object-fit: cover;}    
    #heroCarousel .carousel-caption { text-align: center;  position: relative; transform: none; padding: 30px 20px 30px; max-width: 100%; left: 0;}
    
    #heroCarousel .item:before {background-position: right; background-size: cover;}
    

    .col-5 { width: 50%;}
    .col-5:last-child {  width: 100%;}
    .col-5:last-child .quicklinks-icon { padding-bottom: 0px;}

    #hp-left {  text-align: center; width: 100%; min-height: auto;background-attachment: scroll;}    


    .login { width: 90%;  margin: auto;}    
    #hp-main #login .irailhead, #hp-main #login .irailcontent { text-align: center;}

    .hp-left-out {background-attachment: scroll; padding: 40px 0 20px;}    
    .hp-left-out:after { margin-top: -28px;}  
    .hp-left-out::before {background-attachment: scroll; background-position: center;}    


    .zones-out { padding: 20px 0 0px;}     
    #hp-main .news, #hp-main .calendar { width: 100%;}    
    #hp-main #news, #hp-main #calendar {text-align: left;}    
    #hp-main #news .irailhead a, #hp-main #calendar .irailhead a { right: auto; left: 30px; bottom: 30px;}   

    #right .irailhead { font-size: 22px; }        

    #FooterContentArea {height:auto;  text-align: center;  }	



    #hp-main .bottomcontentarea-out {padding: 20px 0 0; }   
  

   
    .hp-left-out .login { width: 100%; padding-bottom: 80px;}
    
    .hpCta-wrap {  margin: 30px auto; max-width: 500px; }
    .hpNews-feedWrap {margin-bottom: 20px;}
    .hpBlog-wrap {margin: 0 auto;text-align: center;padding: 0 30px 40px;}
    .hpBlog-wrap img {margin: 0px auto 25px;}
    
    #hpNews-out {background-attachment: scroll;}
    
    .hpNewsletter-leftWrap { max-width: 100%; text-align: center; }
    .hpNewsletter-item img { max-width: 50px;}
    .hpNewsletter-name { width: 100%;}
    .hpNewsletter-date { width: 130px;}
    
}



@media all and (max-width: 640px) {
body {min-width: 100%;}
#PageBody, #pagebody, .wf-active {min-width: 100% !important}
    .hp-left-out {padding: 20px 0;}
    

    
} 



@media (max-width: 600px) {
    .productNameList { word-break: break-all; }
    #ctl00_PageContent_divUpload .nonresponsive td { float: left; width: 100%; }
    
	#heroCarousel .herobtn {  margin-bottom: 10px;  }  

    #itoolbar {margin-right: 25px; margin-left: 0;  position: static;}   

    #hp-left {padding: 20px;}
    
    .headSocial {display: none;} 
    #isearch {right: 0}
}



@media (max-width: 480px) {
    .FormTable1 td input[type="text"], .FormTable1 td select, .FormTable1 td textarea { width: 100%!important; }
    .FormTable1 td .calloutbox input[type="text"] { width: auto!important; }
    #CustomFormForm th label { width: 100% !important; max-width: 280px; }

    .navbar-toggle {margin-right: 0;}
    .mobile-menu {display: none;}
    .mobile-icon {margin-left: 0;}	

    #heroCarousel h1 { font-size: 28px;  margin-bottom: 10px; }   
    
    .hpNewsletter-date {font-size: 18px;}
    .hpNewsletter-item img { max-width: 30px;}
    
    #hpCta-out {padding: 0;}
    
    .hpNews-feedWrap {padding: 25px;}

}


/* # 5 CLIENT - DEFINED STYLES */
<!-- ORIGINAL YM CODE - DO NOT DELETE - START -->
/* Homepage background image behind Latest News section */
#hpNews-out {
    background-image: url(https://images.pexels.com/photos/3184660/pexels-photo-3184660.jpeg);
}

.footList {
    column-count: 1;
}
/* 
.bottomcontentarea-out {
    background-color: var(--secondary, #333f48);
}
#bottomcontentarea {
    padding-top: 30px;
}
*/
.btn-connect.facebook {display: none; 
}
.btn-connect.linkedin {display: none; 
} 
.or-option {display: none; 
} 
#RegSocial {display: none; 
} 
#right {display: none; 
} 
#left {width: 100%; 
}
.header-shrink {
    background: #384191;
}
.toolbar-hide {
    background: #384191;
}
#hpMembership-out {
    background: radial-gradient(ellipse at right top, #630f48 0%, #0b1146 47%, #000000 100%);
}
#hpMembership-out .hpSubhead {
    color: #95a0ff;
}
#hpMembership-out h1 {
    color: #fff;
}
.hpMembership-text {
    color: #fff;
}
@media (max-width: 959px) {
    .toolbar-out, .header-out, .mainmenu-out {
        background: #384191;
    }
}
<!-- ORIGINAL YM CODE - DO NOT DELETE - END -->






.site-footer {
}
.gb-element-0abd59bc {
color: #ffffff;
padding-bottom: 2rem;
padding-top: 8rem;
position: relative;
}
.gbp-section {
padding: 120px 20px 40px 20px;
}
.gb-element-8e4d88dd {
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-bottom: 100px;
border-top: 0px solid #08090a;
border-bottom: .25px solid #f05050;
}
.gb-element-125af5d3 {
column-gap: 3em;
display: grid;
grid-template-columns: 1fr 1fr .75fr 1.5fr;
row-gap: 3em;
}
.gb-media-f83dc086 {
height: auto;
max-width: 85%;
object-fit: cover;
padding-bottom: 40px;
width: auto;
}
.gb-element-a2b638d8 {
column-gap: 18px;
display: flex;
}
.site-footer a {
color: #ffffff; !important;
}
.gb-text-24425b3a {
align-items: center;
color: #ffffff;
column-gap: 0.5em;
display: inline-flex;
font-size: 18px;
}
.gb-text-65a959a5, .gb-text-1f822009, .gb-text-301d9956, .gb-text-5a190543 {
align-items: center;
color: #ffffff;
column-gap: 0.5em;
display: inline-flex;
font-size: 18px;
}
gb-element-d038fb14 {
margin-left: 20px;
}
.gb-text-62129c87, .gb-text-96e55d4c, .gb-text-bb045452 {
color: #ffffff;
margin-bottom: 24px;
}
.gbp-section__tagline {
align-items: flex-start;
display: flex;
font-size: 16px;
font-weight: 700;
letter-spacing: 2px;
line-height: 1;
margin-left: 2px;
padding-left: 14px;
padding-top: 2px;
text-transform: uppercase;
border-left: 4px solid #f05050; !important;
}
.gbp-section__text--sm {
font-size: 16px;
line-height: 24px;
}
.gb-text-5a23a213 {
margin-bottom: 0px;
}
.gb-text-92883546 {
color: #ffffff;
margin-bottom: 0px;
}
.gb-element-3f61a6ab {
margin-left: 30px;
}
.gb-text-7b225b39, .gb-text-8dff317b, .gb-text-7cf2717f, .gb-text-18cbec71, .gb-text-867f0682, .gb-text-f09d8479, .gb-text-7aded075 {
margin-bottom: 0px;
padding-bottom: 4px;
}
.gb-text-67b5a9fd {
margin-bottom: .5rem;
}
.gb-element-8d72f5f8 {
align-items: center;
display: flex;
justify-content: space-between;
margin-left: auto;
margin-right: auto;
max-width: 1200px;
padding-top: 50px;
}
.gb-element-d57b659d {
align-items: center;
column-gap: 1.5rem;
display: flex;
}
.gbp-button--secondary {
background-color: #f05050;
display: inline-flex;
font-size: 20px;
font-weight: 500 !important;
justify-content: center;
text-align: center;
transition: all 0.5s ease 0s;
border-radius: .25rem;
padding: 14px 22px;
}
.gb-text-632d5848:is(:hover,:focus) {
background-color: #91266e;
color: #ffffff !important;
}








body, input, select, textarea, th {
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
color: #08090a;
font-size: 16px;
line-height: 1.5em;
background-color: #f2f5f7;
}

td {
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
color: #08090a;
font-size: 16px;
line-height: 1.75em;
background-color: none;
}



.toolbar-hide {
background: radial-gradient(circle, rgba(240,91,85,1) 0%, rgba(145,37,110,1) 56%, rgba(56,65,145,1) 100%) !important;
width: 100%;
max-width: 1920px;
margin-inline: auto;
position: initial;
}

#header {
height: 130px;
}

.header-out {

}

.header-shrink {
background: #ffffff !important;
width: 100%;
max-width: 1920px;
margin-inline: auto;
position: initial;
}

.header-shrink::after {
content: "";
display: flex;
height: 80px;
background: radial-gradient(ellipse at right top, #630f48 20%, #0b1146 100%, #000000 100%);
color: #ffffff;
padding: 28px 0 0 360px;
}

.logo img {
width: 240px;
margin-top: 24px;
}

.navbar-nav > li > a {
font-weight: 500;
font-size: 16px;
padding: 26px 20px;
color: #08090a;
}

.navbar-nav>li>a:hover, .navbar-nav>li>a:focus {
color: #f05050;
background-color: transparent;
}

#mainmenu {
margin: -180px 0 0 0;
}

.mainmenu-out {
top: 64px;
position: initial;
}

#sp-main #left {
padding-top: 80px;
}

#SpTitleBar {
font-size: 30px;
color: #08090a;
}

.footSocial {
padding-top: 40px;
}

.fa-brands {
padding-right: 15px;
}

#FooterContentArea {
background: radial-gradient(ellipse at right top, #630f48 0%, #0b1146 75%, #000000 100%) !important;
width: 100%;
max-width: 1920px;
margin-inline: auto;
position: initial;
padding: 0;
text-align: inherit;
}

#icopyright {
background: #02030a !important;
width: 100%;
max-width: 1920px;
margin-inline: auto;
position: initial;
}

.toolbar-hide {
background: radial-gradient(circle, rgba(240,91,85,1) 0%, rgba(145,37,110,1) 56%, rgba(56,65,145,1) 100%) !important;
width: 100%;
max-width: 1920px;
margin-inline: auto;
position: initial;
}

#sp-main {
width: 100%;
max-width: 1920px;
margin-inline: auto;
background-color: #ffffff;
}

.row {
margin-left: auto !important;
margin-right: auto !important;
max-width: 1240px;
}

.bottomcontentarea-out {
width: 100%;
max-width: 1920px;
margin-inline: auto;
position: initial;
background-color: #ffffff;
}

#SpContent_Container {
background-color: #ffffff;
}

.FormTable1 tr td {
background-color: #ffffff !important;
padding: 20px 0 0 0 !important;
}

a {
color: #f05050;
}

.calloutbox, .infobox {
background-color: #edeff0;
padding: 25px 30px;
margin: 40px 0 0 0;
border: 1px solid #C3C4C5;
border-radius: .25rem;
}

input {
border-radius: .25rem;
border-width: 1px;
border-style: solid;
border-color: #C3C4C5;
padding: 12px 0px 12px 20px;
background-color: #edeff0;
}

.textbox {
border-radius: .25rem;
border-width: 1px;
border-style: solid;
border-color: #C3C4C5;
padding: 12px 0px 12px 20px;
background-color: #edeff0;
width: 340px;
}

#itoolbar {
    margin-right: 215px;
}
#isearch {
    right: 190px;
}

.headSocial {
background: none;
}

.headSocial i:hover {
background: none;
}

.input-group {
display: none;
}


#Label_strEmail, #Label_Custom_Company, #Label_Custom_PhoneNumber, #Label_Custom_Howdidyouhearaboutus {
width: 100% !important;
}

.CustomFormTable td {
padding: 0px 0px 25px 0px;
background-color: #ffffff;
}


.CustomFormTable input {
border-radius: .25rem;
border-width: 1px;
border-style: solid;
border-color: #C3C4C5;
padding: 12px 0px 12px 20px;
background-color: #edeff0;
width: 340px;
}

#ctl00_PageContent_cblCategories td {
padding: 20px 0px 0px 0px;
background-color: #ffffff;
}


#ctl00_PageContent_cblCategories label {
display: initial;
max-width: 100%;
font-weight: normal;
margin-left: 8px;
}

#ctl00_PageContent_cblCategories input[type=checkbox] {
margin-top: 5px !important;
}

input[type="text"] {
font-family: montserrat, sans-serif;
font-weight: 400;
font-style: normal;
color: #08090a;
font-size: 16px;
line-height: 1.5em;
background-color: none;
width: 340px;
}

#Form1 input[type="text"] {
margin: 10px 0 10px 20px;
}

#Form1 input[type="submit"] {
margin: 10px 0 10px 20px;
}

#Form1 td {
padding: 20px 0 0 0;
}

i {
font-style: normal !important;
}

li {
padding: 5px 0 5px 0;
}

p {
margin: 0 0 15px;
}

.formbutton {
margin-left: 20px;
}


/* # 6 global_inc\RadControls\Menu\Scripts\4_3_2\menu.css */

.radmenu
{
	white-space:nowrap;
	float:left;
	position:relative;
}


.radmenu:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.radmenu ul.horizontal,
.radmenu ul.vertical
{
	margin:0;
	padding:0;
	display:none;
	position:relative;
	left:0;
	float:left;
}

.radmenu .item
{
	float:left;
	position:relative;
	list-style-image: none;
	list-style-position:outside;
	list-style:none;	
	_display:inline;
}


.radmenu .horizontal .item
{
	clear:none;
}

.radmenu .vertical .item
{
	clear:both;
}


.radmenu ul.active,
.radmenu ul.rootGroup
{
	display:block;
}

.radmenu .slide, 
.contextMenu
{
	position:absolute;
	overflow:hidden;
	display:none;
	_height:1px;
	float:left;
}

.contextMenu
{
	z-index:1000;
}

.radmenu .text
{
	display:block;
}

.radmenu a.link
{
	cursor:default;
	display:block;	
}


.scrollWrap
{
	position:absolute;
	float:left;
	overflow:hidden;
}

.radmenu .leftArrow,
.radmenu .topArrow,
.radmenu .bottomArrow,
.radmenu .rightArrow
{
	position:absolute;
	z-index:2000;
	text-indent:-1000em;
}

.radmenu .leftArrowDisabled,
.radmenu .topArrowDisabled,
.radmenu .bottomArrowDisabled,
.radmenu .rightArrowDisabled
{
	display:none;
	text-indent:-1000em;
}

.radmenu .leftImage
{
	border:0;
	float:left;
}

.rtl
{
	float:right;
}

.rtl ul.horizontal,
.rtl ul.vertical
{
	float:right;
}

.rtl .item
{
	float:right;	
}

.rtl .leftImage,
.rtlcontext .leftImage
{
	border:0;
	float:right;
}

.radmenu ul.rootGroup
{
	float:none;
	_float:left;
}

.radmenu .link
{
	width:auto;
}

/* #  YADMIN-CUSTOM CSS */