/* Sprite Images, please leave this section in the top of this document */

.HeaderLinkIcon1, 
.HeaderLinkIcon2,
.HeaderLinkIcon3, 
.HeaderLinkIcon4,
.HeaderLinkIcon5, 
.HeaderLinkIcon6,
.HeaderLinkIcon7,
.docList_KGIcon,
.GroupMembers_Add,
.GroupMembers_AddAll,
.GroupMembers_Remove,
.GroupMembers_RemoveAll,
.FooterLinkIcon_OrganizationSmall, 
.FooterLinkIcon_Organization,
.FooterLinkIcon_LifeSmall, 
.FooterLinkIcon_Life,
.FooterLinkIcon_CollaborationSmall, 
.FooterLinkIcon_Collaboration,
.FooterLinkIcon_ThinkSmall, 
.FooterLinkIcon_Think,
.FooterLinkIcon_LearnSmall, 
.FooterLinkIcon_Learn,
.FooterLinkIcon_Bullet,
.FooterLinkIcon_BulletSmall,
.FooterLinkIcon_Divider_Enterprise,
.FooterLinkIcon_Divider_EnterpriseSmall,
.FooterLinkIcon_Divider_Life,
.FooterLinkIcon_Divider_LifeSmall,
.HeaderLinkIcon1, 
.HeaderLinkIcon2,
.HeaderLinkIcon3, 
.HeaderLinkIcon4,
.HeaderLinkIcon5, 
.HeaderLinkIcon6,
.HeaderLinkIcon7,
.docList_Subscribed,
.docList_IELogo,
.docList_NewsLogo,
.docList_BlogLogo,
.docList_TextLogo,
.docList_KGIcon,
.docList_StarNone,
.docList_Sponsored,
.docList_NonSponsored,
.docList_LinkGlobe,
.ToFullTextView,
.ToSingleTextView,
.Profile_ReferralButtonMyNW,
.UserDescription_SaveButton,
.UserDescription_CancelButton,
.ProfilePageCreateNewKG,
.MyHKRemoveImage,
.MyHKKGIconImage,
.MyHKWebDocImage,
.MyHKNewsImage,
.MyHKBlogImage,
.noNetwork,
.myNetworkTopAuthorRemoveButton,
.myNetworkListRemoveButton,
.CloseButtonImage,
.ResizeButtonImage,
.OpenInNewWindowButtonImage,
.DockInPageButtonImage,
.UnDockButtonImage,
.MaximiseButtonImage,
.RestoreButtonImage,
.SwirlBlueImage,
.SwirlGreenImage,
.UnPublishImage,
.PublishImage,
.NextLevelImage,
.UnPublishNextLevelImage,
.PublishToFolderImage,
.PublishedFolderImage,
.PublishFoldersImage,
.SignInButtonImage,
.SignUpButtonImage,
.HideResendButton,
.ShowResendButton,
.LoginImageButtonDiv,
.PadlockImage,
.UserIconImage,
.CloseTickerIcon,
.KGUserObjectSummaryControl_Details,
.KGUserObjectSummaryControl_Delete,
.KGUserObjectSummaryControl_Published,
.KGUserObjectSummaryControl_ToPublish,
.KGUserObjectSummaryControl_ToCopy,
.knowdeResizeArea,
.ObjectiveChanged,
.WhatCloseBtn,
.WhatHasHowsIndicator,
.MapToolbarLinkNewKG,
.KnowdeBoxBG,
.WhyMostKnowdeArrow,
.FadingLine,
.VisibilityControlShow,
.VisibilityControlHide,
.SearchButtonImage,
div.msgBoxAuthorButton,
div.msgBoxAuthorButton_MouseOver,
div.msgBoxNavigateButton,
div.msgBoxNavigateButton_MouseOver,
.arrowUp,
.arrowDown,
.LeftPaneCollapseArrow,
.LeftPaneExpanderWhatIsArrow,
.LeftPaneExpanderWhatArrow,
.LeftPaneExpanderWhatIsArrowGrey,
.LeftPaneExpanderWhatArrowGrey,
.LeftPaneExpandOptionArrowShow,
.KeepKGYouMapsArrow,
.ArrowDownRestore,
.BottomPaneCollapseArrow,
.BottomPaneExpandOptionArrow,
.BottomPaneExpandOptionArrowFull,
#BottomPaneExpanderText_Help,
.WebTabControl_WebDocumentIcon,
.GenesTabControl_GenesDocumentIcon,
.LeftPaneMyKGControl_GenesDocumentIcon,
.LeftPaneMyKGControl_GeneDocumentRemoveShow,
.LeftPaneMyKGControl_GeneShare,
.LeftPaneMyKGControl_GeneNoShare,
.LeftPaneMyKGControl_ToCopy,
.LeftPaneWhatTabImage,
.KeepKGPopupControl_Register_New,
.KeepKGPopupControl_SignIn_New,
.KeepKGPopupControl_No_New,
.KeepKGPopupControl_Register_Leave,
.KeepKGPopupControl_SignIn_Leave,
.KeepKGPopupControl_No_Leave,
.KeepKGPopupControl_Cancel,
.KeepKGPopupControl_OK,
.KeepKGPopupControl_Register_MouseOver,
.KeepKGPopupControl_SignIn_MouseOver,
.KeepKGPopupControl_No_MouseOver,
.KeepKGPopupControl_OK_MouseOver,
.KGShareSettingRemoveButton,
.KGWhatControlWhatIsArrow,
.KGWhatControlWhatArrow,
.KGWhatControlArrow,
.KGWhyMostObjectivesFilterByArrow,
.LHNav_BingSearchIcon,
.LHNav_GenesSearchIcon,
.LHNav_TextViewIcon,
.LHNav_InfoIcon,
.LHNav_DiscussionIcon,
.KGui-icon,
.WelcomeContactUsImage

{
	background: url('../Images/Sprite/BasicImages_All.png') no-repeat;
}

.RegisterButton1_Registration,
.bullets li,
.SemanticTreeMessageDiv,
.WebTabMessageImg,
.CommunityTabMessageImg,
.ProfileTabMessageImg,
.ProfileAlertMessageImg,
.KnowdeWhatMessageImg,
.KnowdeWhatIsMessageImg,
.PermissionMessageImg,
.BulletImage,
.RssFeedBG,
.TwitterBG,
.BlogsBG,
.RssFeedBGLoggedIn,
.TwitterBGLoggedIn,
.BlogsBGLoggedIn,
.OneHeadImage,
.ForYouImage,
.ForYourOrganizationImage,
.TwoHeadsImage,
.CompassLogoWithHeads,
.CompassLogoWithoutHeads,
.KnowledgeGenesLogoImage,
.MainBulletImage,
.WhatIsArrow,
.WhatIsArrowGrey,
.middleCircle,
.WhatArrow,
.WhatArrowGrey,
.HowArrow,
.WhyArrow,
.HowArrowGrey,
.WhyArrowGrey,
.PrivateSpaceLinkBG,
.RegisterButton1,
.RegisterButton2,
.RegisterButton3Red,
.ThirtyDayFreeTrial,
.RedButton1,
.RedButton2,
.RedButton3,
.RedButtonSmall1,
.RedButtonSmall2,
.RedButtonSmall3,
.CloudLarge
{
	background: url('../Images/Sprite/HomePage_All.png') no-repeat; 
}
	
.HowConnectorOff,
.HowConnectorOn,
.WhyConnectorOff,
.WhyConnectorOn,
.MultipleWhyConnector
{
  background: url('../Images/Sprite/MapViewIcons_All.png') no-repeat;
}

.ourLogo,
.ourLogoWelcome,
/*.ourLogoGlobe,*/
.WelcomeLogo,
.KGLogoImage,
.firstLoadLogo,
.WHWLogo,
.ourLogoLarge,
.ourLogoLH,
.ourLogoSmall,
.backHomeImage

{
	background: url('../Images/Sprite/HKLogo_All.png') no-repeat;
}


.ButtonToolbar_PrintMap,
.ButtonToolbar_PdfExporter,
.ButtonToolbar_WordExporter,
.ButtonToolbar_StartEditing,
.ButtonToolbar_StopEditing,
.ButtonToolbar_SplitView,
.ButtonToolbar_FullView,
.ButtonToolbar_BackToKG,
.ButtonToolbar_DocumentViewBtn,
.ButtonToolbar_BackToAuthor,
.ButtonToolbar_BackToDocList,
.ButtonToolbar_BackToMyHyperknowledge,
.ButtonToolbar_BackToFeaturedKnowledge,
.ButtonToolbar_BackToIndexedDocuments,
.ButtonToolbar_BackToDoc,
.ButtonToolbar_ViewIndexedDoc,
.ButtonToolbar_CreateCommunity,
.ButtonToolbar_NewKG,
.ButtonToolbar_AddToMyHK,
.ButtonToolbar_RemoveFromMyHK,
.ButtonToolbar_AllConcepts,
.ButtonToolbar_KeyConcepts,
.ButtonToolbar_Icons,
.ButtonToolbar_GRC,
.ButtonToolbar_Reset,
.ButtonToolbar_ChangeObj,
.ButtonToolbar_ConnTypeArith,
.ButtonToolbar_ConnTypeLogic,
.ButtonToolbar_Divider,
.ButtonToolbar_PreviewFullTV,
.ButtonToolbar_ViewHyperknowledgeMaps,
.ButtonToolbar_SetKnowdeShortcut,
.ButtonToolbar_KnowdeShortcutsLabel,
.ButtonToolbar_RemoveKnowdeShortcut,
.ButtonToolbar_KnowdePerm
{
  background: url('../Images/Sprite/KGButtonToolbar_All.png') no-repeat;
}

.WhyCloud,
.WhyCloudText,
.WhyText,
.ProcessText,
.LeadershipText,
.ComplianceText,
.LearningText,
.WorkText,
.LifeText,
.MapsText,
.ITText,
.WhyCodeText,
.CodeYourText,
.YourText,
.OrganizationsText,
.ShortWhyCodeText
{
  background: url('../Images/Sprite/WelcomeImages_All.png') no-repeat;
}


.WhyOrganization,
.WhyThinking,
.WhyPaperGuy,
.WhyRedBlueGuy,
.WhySuccessBlocks,
.WhyGuyOnBooks,
.WhyWomanWithKnowdes,
.WhyMapAndCompass
{
  background: url('../Images/Sprite/ContentSlides_All.png') no-repeat;
}

.MapBgBox_1,
.MapBgBox_2,
.MapBgBox_3,
.MapBgBox_4,
.MapBgBox_5,
.MapBgBox_10,
.CloseDetailsOverlay,
.DetailsOverlayCodeOfKnowledge,
.DetailsOverlaySocialisationAndInnovation,
.DetailsOverlayPlaybooksAndExecution,
.DetailsOverlayAlertsAndDashboards,
.DetailsOverlayNotes,
.DetailsOverlayDiscussion,
.DetailsOverlayWeb,
.DetailsOverlayShare,
.DetailsOverlayAPI,
.DetailsOverlayProcessMapping,
.DetailsOverlayCompliance,
.DetailsOverlayLearning,
.DetailsOverlayKnowledgeManagement,
.DetailsOverlayTabsBox,
.DetailsOverlayDashboard
{
	background: url('../Images/Sprite/DetailsOverlay1_All.png') no-repeat;
}

.MapBgBox_6,
.MapBgBox_7,
.MapBgBox_8,
.MapBgBox_9,
.MapBgBox_11,
.MapBgBox_12,
.MapBgBox_13,
.DetailsOverlaySearch,
.DetailsOverlayApp,
.DetailsOverlaySocialNetworking,
.DetailsOverlayTabsBox2,
.DetailsOverlayGear,
.DetailsOverlayIT,
.DetailsOverlayTickbox,
.DetailsOverlayWHWInput,
.WhyLoopIcon,
.Help_AddWhys,
.Help_AddHows,
.Help_WhyLoop,
.Welcome_WhyLoop
{
	background: url('../Images/Sprite/DetailsOverlay2_All.png') no-repeat;
}

.helpBubbleToggleOn,
.helpBubbleToggleOff,
.TourBubbleOn,
.TourBubbleOff,
.TourTop,
.TourTopPointer,
.TourBottom,
.TourBottomPointer,
.TourDirections,
.AuthorTourTop,
.AuthorTourTopPointer,
.AuthorTourBottom,
.TourBullet1,
.TourBullet2,
.TourBullet3,
.TourBullet4,
.TourBackButton,
.TourForwardButton,
.TourBlankBackButton,
.TourBlankForwardButton,
.tLeft, 
.bLeft,
.bubblePointerTL
{
	background: url('../Images/Sprite/Tours_All.png') no-repeat;  
}

.BkmksImg_HK,
.BkmksImg_delicious,
.BkmksImg_digg,
.BkmksImg_reddit,
.BkmksImg_facebook,
.BkmksImg_stumbleUpon
{
	background: url('../Images/Sprite/BookMarking_All.png') no-repeat;
}

.AuthorTourMiddle,
.contentHolder,
.ToolStripUCDivLeft
{
	background-image: url('../Images/Sprite/Middle_All.png');
}

.DemoSlideMainMap,
.DemoSlideInfoBackground,
.DemoSlideHowExpand,
.DemoSlideWhyExpand,
.DemoSlideWhyExpandNoHighlight,
.DemoSlideKnowdeHighlight,
.DemoSlideWhatBackground,
.DemoSlideWhatBackgroundArrow,
.DemoSlideWhyAuditLink,
.DemoSlideSignUpLink,
.DemoSlideContactUsLink,
.DemoSlideApplicationsLink,
.DemoSlideWhyCodeLink
{
	background-image:url('../Images/Sprite/Demo_All.png');
}


.DemoContentAlerts,
.DemoContentIndexedDocuments,
.DemoContentTNI,
.DemoContentDiscussions,
.DemoContentDashboards,
.DemoContentAnything
{
	background-image:url('../Images/Sprite/DemoContent_All.png');
}

.MapToolBarShare, 
.MapToolBarPublish,
.MapToolBarLinkGene,
.MapToolBarHelp,
.MapToolBarAdd,
.MapToolBarAuthor,
.MapToolBarReset,
.MapToolBarCut,
.MapToolBarCopy,
.MapToolBarPaste,
.MapToolBarLinkGene,
.MapToolBarKnowdePermission,
.MapToolBarDetails,
.MapToolBarDelete,
.MapToolBarSetStart,
.MapToolBarEdit,
.MapToolBarEditHover,
.MapToolBarLinkRepublish,
.MapToolBarRefocus,
.MapToolBarPrint,
.MapToolBarPoster,
.KnowledgeGeneDivImage,
.KnowledgeGeneDivImageHover,
.YourGenomeDivImage,
.YourGenomeDivImageHover,
.UltimateWhysImage,
.UltimateWhysImageHover,
.WebSearchDivH,
.GenesSearchDivH,
.DiscussionsDivH,
.AttachedTextDivH,
.WebSearchDivHhover,
.GenesSearchDivHhover,
.DiscussionsDivHhover,
.AttachedTextDivHhover,
.ApplicationPaneCloseButton,
.InformationPaneDivV,
.WebSearchDivV,
.GenesSearchDivV,
.DiscussionsDivV,
.AttachedTextDivV,
.InformationPaneDivVhover,
.WebSearchDivVhover,
.GenesSearchDivVhover,
.DiscussionsDivVhover,
.AttachedTextDivVhover,
.GoButtonClickBoxImage,
.GoButtonClickBoxImageHover,
.GoogleCSE
{
	background-image: url('../Images/Sprite/MapToolbarButtons.png'); 
	background-repeat: no-repeat;
	cursor:pointer;	
}




/* Not in used 

	background-image: url(../Images/Sprite/MiddleV_All.png);
*/



/**** JQueryUI styles ********/

/* Layout helpers
----------------------------------*/

/*
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
/*
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
*/
/* end clearfix */

/*
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }
.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
*/

/* Icons
----------------------------------*/
.ui-icon,.KGui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }
.ui-icon { width: 16px; height: 16px; background-image: url(../Images/JQueryUI/ui-icons_217bc0_256x240.png); }

.ui-icon-minusthick { background-position: -77px -568px; cursor: pointer;   width: 50px; height: 25px; }
.ui-icon-plusthick { background-position: -40px -568px; cursor: pointer;  width: 50px; height: 25px; }

.ui-icon-downarrow{ background-position: -64px -16px; cursor: pointer;}
.ui-icon-uparrow{ background-position: -0px -16px; cursor: pointer;}

/************************************************/

.ui-tabs { position: absolute; padding:0; zoom: 1; height:100%} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; margin:0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left;text-decoration: none; color: #333333; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {  }
/*.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }*/
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
/*.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; margin:0; width:100%; position:absolute; padding:0; height:100%; top:0px;}*/
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; background: none; margin:0; width:100%; position:absolute; padding:0;  height:830px}
.ui-tabs .ui-tabs-hide { display: none !important; }
/*.ui-tabs ui-widget ui-widget-content{ padding-top:0.23m;}*/

/************** Misc Visuals *******************/

.NoDisplay
{
	display: none;
}


/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/************************************************/


/* Welcome page tabs*/
#MapOfTheWeekTabs { height: 228px; } 
.tabs-bottom { position: relative;  } 
.tabs-bottom .ui-tabs-panel { height: 228px; overflow: hidden; } 
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; top:228px; border-top: 2px solid #ddd; width: 100%;} 
.tabs-bottom .ui-tabs-nav li { margin-top: 0px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px;   margin-right:5px; padding-left:5px; padding-right:5px; }
.tabs-bottom .ui-tabs-panel { }
.tabs-bottom .ui-tabs-selected { top: 0px !important; background-color:#DDDDDD; }

/************************************************/

A.categoryLink, a.categoryLinkWelcome
{
	margin-top: 3px;
	color: #515E81;
	cursor: pointer;
	float: left;
	clear: both;
	margin:5 0 3 5;
}

A.categoryLink
{
	font-family: Arial;
	font-size: 12px;
}

a.categoryLinkWelcome
{
	font-family:Calibri;
	font-size:14px;
}

.categoryLinkSubMenu,
.categoryLinkSubMenuWelcome
{
	color: #515E81;
	cursor: default;
	float: left;

}

.categoryLinkSubMenu
{
	font-family: Arial;
	font-size: 12px;
	padding: 5 0 3 5;
}

.categoryLinkSubMenuWelcome
{
	font-family:Calibri;
	font-size:14px;
}

A.categoryLink:hover, a.categoryLinkWelcome:hover
{
	color: #515E81;
	cursor: pointer;	
	text-decoration: none;
	float: left;
	clear: both;
}

.list_item_category
{
	float: left; 
	width: 100%; 
	height: 24px;	
}

.unordered_list_category,
.unordered_list_collapsedCategoryList
{
	list-style:none none inside; 
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.unordered_list_collapsedCategoryList
{
	width: 135px; 
}

.profileSpacer
{
	height: 40px;
	width: 100%;
}

.globalLink
{
	font-family: Verdana;
	font-size: x-small;
	color: #333399;
	cursor: pointer;
}

.SignInLinks,
.ProfileText,
.LearnMore,
.AspName
{
	font-family: Arial;
	font-size: 12px;
}

.ProfileLink
{
  position: absolute;
  right:5px;
  top:5px;
  text-align:center;
  cursor:pointer;
}

.LearnMore
{
  float:right;
  margin-top: 6px;
  margin-right: 15px;
  cursor: default;
  padding-bottom: 11px;
  z-index: 999;
}

.AspName
{
	float:left;
  margin-left: 400px;
  z-index: 999;
  /*color: #CCF4FF;*/
  color: White;
  margin-top: 6px;
}
/*
.AspName:hover
{
	text-decoration:underline;
}
*/
.ProfileText
{
	clear: both;
	cursor: pointer;
	color: white;
}
A.ProfileText:hover
{
	text-decoration: underline;
}

.WelcomeBack
{
	color:#4F4F4F;
	font-size: xx-small;
	float: right;
}

.WelcomeBackText
{
  float: left;
  white-space:nowrap;
}

#HelpLink
{
	display: none;
}

.searchBox
{
	width: 200px;
	float: left;
	margin-top: 5px;
}

.searchButton
{
	float: left;
	cursor: pointer;
}

.SearchControl
{
	width: 280px;
	float: right;
}


* html .SearchControlMinWidth {
	border-left:280px solid white;
}

* html .SearchControlContainer {
	margin-left:-280px;
	position:relative;
}

/*\*/
* html .SearchControlMinWidth, * html .SearchControlContainer {
	height: 1px;
}
/**/

* html .SiteHeaderMinWidth {
	border-left:960px solid #888888;
}

* html .SiteHeaderContainer {
	margin-left:-960px;
	position:relative;
	background-color:#888888;
}


* html .SiteHeaderContainerL {
	margin-left:-960px;
	position:relative;
	background-color:#888888;
}


/*\*/
* html .SiteHeaderMinWidth, * html .SiteHeaderContainer, * html .SiteHeaderContainerL {
	height: 40px;
}
/**/

.SiteHeaderMinWidthWelcome {
	
}

.SiteHeaderContainerWelcome {
}

.SiteHeaderLinksContainer
{
	margin-top: 0px;
	position:absolute;
	left: 530px;
	top:5px;
}

.SiteHeaderLinksContainerLight
{
  width: 600px;
  min-width: 360px;
	float: left;
	margin-top: 0px;
}

.SiteHeaderLinksContainerWelcome
{
	margin-top: 0px;
	float: left;
}

.SiteHeaderLinks
{
	margin-top: 5px;
	margin-left: 5px;
	position:relative;
	left:0px;
}

.SiteHeaderLinksWelcome
{
	width: 120px;
	margin-top: 15px;
	margin-left: 10px;
float: left;
}

.SiteHeaderLinksLight
{
	width: 600px;
	float: left;
	margin-left: 10px;
}

a.SiteHeaderLink,
a.SiteHeaderLink:hover
{
	font-size: 12px; 
	margin-right: 10px; 
	color: white; 
	float: left; 
	text-decoration:none;
	outline: 0;
}
a.SiteHeaderLink:hover
{
	text-decoration: underline;
}

a:focus
{
	outline:none;
}


.WHWLogo
{
	background-position: 0 -120px;
	width: 175px;
	height: 120px;
	float:left;
	position:relative;
}

.ourLogoLarge
{
	background-position: 0px -250px;
	width: 480px;
	height: 60px;	
	cursor: pointer;
	left:40px;
	float:left;
	position:relative;
}

.ourLogo
{
	width: 200px;
	background-position: 0px -76px; 
	float: left;
	height: 35px;
	margin-top: 13px;
	margin-left:8px;
	z-index:2000;
	position: relative;
}

.ourLogoLH
{
	width: 200px;
	background-position: 0px -76px; 
	height: 35px;
	top: 13px;
	left:8px;
	z-index:2000;
	position: absolute;
}

.ourLogoSmall
{
	width:165px;
	height:20px;
	float:left;
	position:absolute;
	background-position: -205px -191px; 
	cursor: pointer;
	margin-top: 3px;
	margin-left: 15px;
}


.ourLogoContainer
{
	float: left;
	height: 25px;
	/*background-color: White;*/
	position: absolute;
	z-index:950;
	margin-top: 1px;
}

.ourLogoWelcome
{
	width: 228px;
	/* Move to sprite css central file
	background: url(../Images/HKLogo/HKLogo_All.png) no-repeat; */
	background-position: -315px -76px; 
	float: left;
	height: 44px;
	margin-top: 0px;
	margin-left:5px;
	margin-right:15px;
}

.ourLogoContainerWelcome
{
	width: 228px;
	float: left;
	height: 30px;
}


.NavigationLinks,
A.NavigationLinks:hover,
.NavigationLinkEnd,
.NavigationLinkNoHover
{
	font-family: Arial;
	float: left;
	font-size: 12px;
}

.NavigationLinkNoHoverWelcome
{
	font-family: Calibri;
	float: left;
	font-size: 16px;
}


.SignInSignUpLinks,
.SignInSignUpLinks:hover
{
	color: white;
	/*background-color: White;*/
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	margin-left:20px;
	margin-right:5px;
}

.SignInSignUpLinks:hover
{
	text-decoration: underline;
}

.SiteHeaderLinkRight,
.SiteHeaderLinkRight:hover
{
	color: white;
	/*background-color: White;*/
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
}

.SiteHeaderLinkRight:hover
{
	text-decoration: underline;
}

.NavigationLinks,
.NavigationLinkNoHover,
.NavigationLinkNoHoverWelcome
{
	color: white;
	margin-right: 2px;
}

.NavigationLinks:hover
{
	color: white;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	text-decoration: underline;
	float: left;
}

a.NavigationLinks:hover
{
	color: #515E81;
	cursor: pointer;
	font-family: Arial;
	font-size: 12px;
	text-decoration: underline;
	float: left;
}

.NavigationLinkEnd
{
	float: left;
	color:#515e81;
	font-size: x-small;
	margin-left: 5px;
	padding-bottom: 5px;
}

.MyProfileLink
{
	color:#4F4F4F;
	font-size: x-small;
}


.Welcome
{
	font-size: 11px;
	float: left;
	width: 100%;
	text-align: center;
}

.SiteHeaderSignInContainer
{
	width: 100%;
	text-align: center;
}

.SiteHeaderSignIn
{
	width: 100%;
	margin-top: 38px;
}

.SignedInBox
{	
	color:#4F4F4F;
	font-size: xx-small;
	padding-right:5px;
	padding-top: 5px;
}

.SignedOutBox
{
	padding-right: 4px;
}

/*.ourLogoGlobe
{
	 Move to sprite css central file
	background: url(../Images/HKLogo/HKLogo_All.png) no-repeat;
  background-position: -80px 0px; 
	width: 75px;
	height: 29px;
	position: absolute;
	left: 20px;
	top: 45px;
	clear:both;
	display: none;
}

*/

.HeaderGradientBG
{
	/*
  background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), to(#F5F5F5));
  background: -moz-linear-gradient(center top , #F5F5F5, #F5F5F5) repeat scroll 0 0 transparent;  
  box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 1px 2px;	*/
  background-color:#F5F5F5;
}

.SiteHeader,
.SiteHeaderL
{
	height: 44px;
	max-height: 44px;
	width: 100%;
}

.SiteHeader
{
	background-color: #888888;
}

.SiteHeaderL
{
	background-color: #888888;
}

.SiteHeaderMessage
{
	width:110px;
	height:25px;
	padding-top: 4px;
	font-family: Arial, Verdana;
	font-weight:bold;
	color:Black;
	font-size:12px;
	left:26px;
	position:absolute;
	float:left;
	padding-left:10px;
}

.SearchButtonImage
{
	/* Move to sprite css central file
  background: url('../images/BaseControls/BasicImages_All.png') no-repeat; */
  background-position: -60px 0px; 
  width:68;
  height:32;
	float: left;
	cursor: pointer;
	margin-left: 8px;
}

.HomeContentScroll
{
	width: 100%; 
	overflow: auto;
	height: 100%;
	height:expression(document.body.offsetHeight - 104 + 'px');
}

/* Knowde Favourites */

.KnowdeTable
{
 width:100%;
 border:0px;
}

.KnowdeTableTextCell
{
 font-family: Verdana;
 font-size: xx-small;
 color:#808080;
 cursor: pointer;
 width: 90%; 
}

.KnowdeTableImageCell
{
 cursor: pointer; 
}

.KnowdeTableAlertCell
{
 cursor: pointer;  
}

.KnowdeTableBlankAlertCell
{
}

.ConceptTableAlertCell
{
  cursor: pointer;
  vertical-align:top;
  width: 8px;
}

.ConceptTableAlertIcon
{
  cursor: pointer;
}

.ConceptTableBlankAlertCell
{
  vertical-align:top;
  width: 8px;
}

.ConceptTableTreeCell
{
}

.SelectedFavoriatePath
{
  font-family: Arial, Verdana;
  font-size: xx-small;
  color:#000000;
  cursor: pointer;
  font-weight:bold;
}

.NormalNodeRowTable
{
  width:100%;
  font-family: Arial, Verdana;
  color:#808080;
  cursor: pointer;
  border-collapse: collapse;
  padding: 0;
}

.AlertNodeRowTable
{
  width:100%;
  font-family: Arial, Verdana;
  color:#808080;
  cursor: pointer;
  background-image: url(../images/ConceptTree/favourites/ConceptAlertLine_Red.gif);
  background-position: top;
  background-repeat: repeat-x;
  border-collapse: collapse;
  padding: 0;
}

.AlertIconCell
{
	vertical-align: top;
	background-color: White;
	width: 14px;
}

.AlertSettingCell
{
	vertical-align: top;
	background-color: White;
	width: 76px;
}

.GlobeCell
{
	vertical-align: top;
	background-color: Transparent;
	width: 76px;
	padding-left: 5px;
}

.AlertTextCell
{
  background-color: Transparent;
	padding-right: 4px;
  font-family: Arial, Verdana;
  font-size: xx-small;
  color:#808080;
  cursor: pointer;
}
.BkmksCell 
{
  float:right;
  width: 295px;
  height: 100%;
}

.BkmksText 
{
  color:#4F4F4F; 
  font-family:Arial; 
  font-weight:normal;
  margin-right:3px;
  padding-top:6px;
  vertical-align:middle;
  font-size: xx-small;
  float:left;
  height: 100%;
  /*include padding in height like IE http://www.quirksmode.org/css/box.html */
  box-sizing:border-box;      
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; /*safari*/
}

.HyperReferBullet 
{
  margin-right:10px;
  cursor: pointer;
  vertical-align:middle;
  float:left;
  height: 100%;
}

.BkmksImg_HK,
.BkmksImg_delicious,
.BkmksImg_digg,
.BkmksImg_reddit,
.BkmksImg_facebook,
.BkmksImg_stumbleUpon
{
	/* Move to sprite css central file
  background: url('../images/Bookmarking/BookMarking_All.png') no-repeat; */
  display:inline-block;
  display:-moz-inline-box;
  float:left;
  overflow:hidden;
}

.BkmksImg_HK
{
  vertical-align:middle;
  margin-right:2px;
  margin-top:3px;
  cursor: pointer;
  background-position: -120px 0px; 
  width: 19px; height: 19px;
}

.BkmksImg_delicious
{
  vertical-align:middle;
  margin-right:3px;
  margin-top:5px;
  cursor: pointer;
  background-position: -20px 0px; 
  width: 16px; height: 16px;
}

.BkmksImg_digg
{
  vertical-align:middle;
  margin-right:3px;
  margin-top:5px;
  cursor: pointer;
  background-position: -40px 0px; 
  width: 16px; height: 16px;
}

.BkmksImg_reddit
{
  vertical-align:middle;
  margin-right:3px;
  margin-top:5px;
  cursor: pointer;
  background-position: -60px 0px; 
  width: 16px; height: 16px;
}

.BkmksImg_facebook
{
  vertical-align:middle;
  margin-right:3px;
  margin-top:5px;
  cursor: pointer;
  background-position: -80px 0px; 
  width: 16px; height: 16px;
}

.BkmksImg_stumbleUpon
{
  vertical-align:middle;
  margin-right:3px;
  margin-top:5px;
  cursor: pointer;
  background-position: -100px 0px; 
  width: 16px; height: 16px;
}

.BkmkOptionTable
{
  border-width: 1px;
  border-style: solid;
  border-color: #dddddd;
  background-color:#F8F8F8;
}

.BkmkOptionText
{
  color:#6B619C;
  font-family:Verdana; 
  font-size:12px; 
  padding-left: 5px;
  padding-right: 5px;
  cursor:pointer;
  white-space:nowrap;
}

div.SiteHeaderLine
{
	font-size: 0px;
	line-height: 0px;
	position: absolute;
	width: 100%;
	top: 44px;
  left: 0px;
	height: 0px;
	/*background-color: white;
	*/
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 999;
	border-bottom: solid 1px #DDDDDD;
}

.ProcessCatHorizontal,
.LeadershipCatHorizontal,
.ComplianceCatHorizontal,
.LearningCatHorizontal,
.WorkCatHorizontal,
.LifeCatHorizontal,
.MapsCatHorizontal,
.ITCatHorizontal,

.ProcessCatVertical,
.LeadershipCatVertical,
.ComplianceCatVertical,
.LearningCatVertical,
.WorkCatVertical,
.LifeCatVertical,
.MapsCatVertical,
.ITCatVertical
{
	position: absolute; 
	display: none;
	background-color: White; 
	/*border: solid 1px #a1a1a1; 
	border-bottom: solid 3px #a1a1a1;
	border-right: solid 3px #a1a1a1;*/
	border-style: solid;
	border-width: 1px;
	z-index: 999;
}

.TopRightShadowBox,
.BottomLeftShadowBox
{
	position: absolute;
	background-color: white;
	display: block;
	font-size: 0px;
	line-height: 0px;
}

.TopRightShadowBox
{
	top: -1px;
	right: -4px;
	height: 3px;
	width: 4px;
	border-left: solid 1px #a1a1a1;
}

.BottomLeftShadowBox
{
	bottom: -3px;
	left: -1px;
	height: 3px;
	width: 4px;
	border-top: solid 1px #a1a1a1;
}

.ProcessCatHorizontal
{
	top: 19px; 
	left: 541px; 
	width: 300px;
}

.LeadershipCatHorizontal
{
	top: 19px; 
	left: 538px; 
	width: 300px;
}

.ComplianceCatHorizontal
{
	top: 19px; 
	left: 660px; 
	width: 300px;
}

.LearningCatHorizontal
{
	top: 19px; 
	left: 660px; 
	width: 300px;
}

.WorkCatHorizontal
{
	top: 19px; 
	left: 660px; 
	width: 300px;
}

.LifeCatHorizontal
{
	top: 19px; 
	left: 660px; 
	width: 300px;
}

.MapsCatHorizontal
{
	top: 19px; 
	left: 740px; 
	width: 300px;
}

.ITCatHorizontal
{
	top: 19px; 
	left: 660px; 
	width: 300px;
}

.ProcessCatVertical
{
	top: 20px; 
	left: 159px; 
	width: 270px;
}

.LeadershipCatVertical
{
	top: 45px; 
	left: 159px; 
	width: 270px;
}

.ComplianceCatVertical
{
	top: 69px; 
	left: 159px; 
	width: 270px;
}

.LearningCatVertical
{
	top: 93px; 
	left: 159px; 
	width: 270px;
}

.WorkCatVertical
{
	top: 117px; 
	left: 159px; 
	width: 300px;
}


.LifeCatVertical
{
	top: 141px; 
	left: 159px; 
	width: 300px;
}

.MapsCatVertical
{
	top: 165px; 
	left: 159px; 
	width: 300px;
}

.ITCatVertical
{
	top: 188px; 
	left: 159px; 
	width: 300px;
}

.CollapsedPublicCategories
{
	width: 100px; 
	float: left; 
	font-size: 12px; 
	font-family: Arial; 
	color: #515e81; 
	padding-bottom: 11px;
}

.LearnMoreDiv
{
	text-align: left; 
	float:left;	 
	display:none; 
	background-color: White; 
	border-style: outset;
	border-width: 1px;
	z-index: 9999;
	margin-top:24px;
	margin-left:-25px;
}

.CategoriesList
{
	width: 135px; 
	text-align: left; 
	position: absolute; 
	top: 20px; 
	left: 23px; 
	display:none; 
	background-color: White; 
	border-style: solid;
	border-width: 1px;
	border-color:black;
	z-index: 999;
	/*padding: 5 0 1 5;*/
}

.BottomPaneMessage
{
	width: 100%; 
	height: 100%; 
	background-color: white; 
	position: absolute; 
	top: 0px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.BottomPaneMessage_Text
{
	color: #174278;
	width: 1000px;
	font-family: Arial;
	font-size: 40px;
	font-style: italic;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	text-align: center;
}

.BottomPaneMessage_EndorsementsDiv
{
	color: #174278;
	width: 1000px;
	font-family: Arial;
	font-size: 14px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
	text-align: center;
}

.BottomPaneMessage_Endorsement
{
	width: 333px;
	float: left;
	text-align: center;
}
.BottomPaneMessage_EndorsementQuote
{
	color: Red;
}
.BottomPaneMessage_EndorsementAuthor
{
	color: #174278;
}

.VideoContainerDiv
{
	width: 425px;
	height: 300px;
	background-color: white;
	z-index: 999;
}

.AuthorHelpDiv
{
	background-color: white;
	z-index: 999;
}

.staticWHAT
{
  color: #017F01; 
  font-weight: bold;
}

.staticHOW
{
  color: #303270;
  font-weight: bold;
}

.staticWHY
{
  color: #DA1111;
	font-weight: bold;
}

.WHATColor
{
  color: #017F01; 
}

.HOWColor
{
  color: #303270;
}

.WHYColor
{
  color: #DA1111;
}


.staticWHATWelcome
{
  color: #017F01; 
  font-weight: normal;
  font-style: italic;
}

.staticHOWWelcome
{
  color: #303270;
  font-weight: normal;
  font-style: italic;
}

.staticWHYWelcome
{
  color: #DA1111;
	font-weight: normal;
	font-style: italic;
}

.staticWHATIS
{
  color: #ED8238;
	font-weight: bold;
}

.classicRed
{
  color: #DA1111; 
}

.fontSizeXXSmall
{
	font-size: 11px;
}

/*********** Author Help Style ***************/


p.AuthorHelpParagraph
{
	font-size: 20px;
	font-family: calibri;
	color: #34648C;
	width: 100%;
	text-align: left;
	margin-top:3px;  
	margin-bottom:3px; 
	padding: 0 0 0 0;
	float: left;
}

.AuthorHelpRegisterLink
{
	font-size: 13px;
	font-family: arial;
	font-weight: bold;
	color: #4f4f4f;  
}

p.NavigateHelpParagraph
{
	font-size: 13px;
	font-family: arial;
	color: #4f4f4f;
	width: 500px;
	text-align: left;
	margin-left: 10px;
	margin-right: auto;
}

p.NavigateHelpParagraph
{
	width: 270px;
}

p.AuthorHelpSmallBlack,
p.NavigateHelpSmallBlack
{
	font-size: 11px;
	font-family: arial;
	color: #4f4f4f;
	width: 510px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

p.NavigateHelpSmallBlack
{
	width: 280px;
}

p.AuthorHelpSmallBlue,
p.NavigateHelpSmallBlue
{
	font-size: 11px;
	font-family: arial;
	color: blue;
	width: 510px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
}

p.NavigateHelpSmallBlue
{
	width: 280px;
}

img.AuthorHelpImg
{
  width: 40px;
  height: 40px;
  float:left;
}

img.NavigateHelpImg
{
	width: 494px; 
	height: 100px; 
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
img.AuthorHelpImg2,
img.NavigateHelpImg2
{
	width: 78px; 
	height: 50px; 
	float: left;
	margin-left: 10px;
}
div.msgBoxAuthor,
div.msgBoxNavigate
{
	position: absolute;
	left: -100px;
	top: 100px;
	font-family: arial;
	color: #4f4f4f;
	font-size: 12px;
	width: 500px;
	border: solid 1px gray;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
	z-index: 1000px;
}
div.msgBoxAuthorHeader,
div.msgBoxNavigateHeader
{
	width: 500px;
	color: #535165;
	text-align: left;
	background-image: url(../Images/helpBG.png);
	background-repeat: repeat-x;
	height: 25px;
	font-weight: normal;
	font-family: Verdana;
}
.msgBoxAuthorHeaderText,
.msgBoxNavigateHeaderText
{
	margin-left: 5px;
	margin-top: 5px;
	float: left;
}
div.msgBoxAuthorText,
div.msgBoxNavigateText
{
	width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: normal;
	margin-top: 25px;
	font-size: 16px;
}
div.msgBoxAuthorLearnMore,
div.msgBoxNavigateLearnMore
{
	width: 120px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-weight: normal;
	margin-top: 5px;
	height:25px;
}
div.msgBoxAuthorImgText,
div.msgBoxNavigateImgText
{
  width: 95px;
	float: left;
	font-size: 16px;
	text-align:left;
}
img.msgBoxAuthorImg,
img.msgBoxNavigateImg
{
	float: left; 
	margin-top:8px;
	margin-right:3px;
}
div.msgBoxAuthorButton,
div.msgBoxAuthorButton_MouseOver,
div.msgBoxNavigateButton,
div.msgBoxNavigateButton_MouseOver
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	width: 58px;
	height: 28px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	cursor:pointer;
}

div.msgBoxAuthorButton,
div.msgBoxNavigateButton
{
	background-position: -497px -326px;
}

div.msgBoxAuthorButton_MouseOver,
div.msgBoxNavigateButton_MouseOver
{
	background-position: -497px -358px;
}

.msgBoxHeader
{
	width: 400px;
	color: #535165;
	text-align: left;
	background-image: url(../Images/helpBG.png);
	background-repeat: repeat-x;
	height: 25px;
	font-weight: normal;
	font-family: Verdana;
	font-size: 12px;
}
.msgBoxCenterText
{
	text-align: center;
	margin-top: 25px;
	font-size: 12px;
	margin-left: 5px;
	margin-right: 5px;
}

/************** End of Author Help Styles ****************/

.HeaderNewKGHolder
{
	position:absolute;
	left:600px;
	margin-top: 12px;
}

/* NewKG styles for different sizes - also see common styles further below */
/*    normal size */
.NewKGHolder
{
  width:750px;
  height:28px;  
}

.NewKGTextBox
{
  width:495px; /*watch the total width set in the holder is big enough (stops floats slipping)*/
  height:30px;
  font-size:16px;
  text-align: left;
}

.NewKGButton
{
  /*width:66px;*/ /*watch the total width set in the holder is big enough (stops floats slipping)*/
  width:96px;
  height:27px;
  /*background-image:url(../UserControls/Images/NewKG/NewKGButton.png);*/
}

/*    small size - also see common styles further below */
.NewKGHolderSmall
{
  width:290px;
  height:22px;
}

.NewKGTextBoxSmall
{
  width:230px; /*watch the total width set in the holder is big enough (stops floats slipping)*/
  height:22px;
  font-size:12px;
}

.NewKGButtonSmall
{
  width:50px; /*watch the total width set in the holder is big enough (stops floats slipping)*/
  height:22px;
  background-image:url(../UserControls/Images/NewKG/NewKGButtonSmall.png); /*we only have one version of the button on the page at once, so css sprite won't help*/
}

/*    common styles */
.NewKGTextBox,
.NewKGTextBoxSmall
{
  float:left;
  vertical-align:middle; /*put the text box in the middle of the holder, to align with the button*/
  font-family:Calibri, arial;
  color:Gray;
  text-align:center;
  margin-right:2px;
  -webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
}


.NewKGButtonSmall
{
  margin-left:3px; /*watch the total width set in the holder is big enough (stops floats slipping)*/
  float:left;
  vertical-align:middle;
  background-repeat:no-repeat;
  cursor:pointer;
}

.NewKGButton
{
	margin-left:3px; /*watch the total width set in the holder is big enough (stops floats slipping)*/
  float:left;
  vertical-align:middle;
	   -moz-box-shadow: inset 0 3px 8px #4F81BD; /*rgba(0,0,0,.4);*/
   -webkit-box-shadow: inset 0 3px 8px #4F81BD; /*rgba(0,0,0,.4);*/
   box-shadow: inset 0 3px 8px #4F81BD; /*rgba(0,0,0,.24);*/
   cursor:pointer;
border: solid 1px #2F5685;

	background-color:#4F81BD;
	
	color:White;
		text-align: center;
	text-decoration: none;
	font: 18px/100% Calibri, Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);


		-moz-border-radius:.5em; /* Firefox */ 
	-webkit-border-radius:.5em; /* Safari and chrome */ 
	-khtml-border-radius:.5em; /* Linux browsers */ 
	border-radius:.5em; /* CSS3 */


}



.button,
.smallbutton 
{
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	
	
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	
	  
}

.button
{
	font: 16px/100% Calibri, Arial, Helvetica, sans-serif;
	padding: .4em 1.5em .4em;
	width:220px; /*watch the total width set in the holder is big enough (stops floats slipping)*/  
}

.smallbutton
{
	font: 12px/100% Calibri, Arial, Helvetica, sans-serif;
	padding: .3em 0.6em .3em;
	width:40px; /*watch the total width set in the holder is big enough (stops floats slipping)*/  
}

.button:hover {
	text-decoration: none;
}
.button:active {
	position: relative;
	top: 1px;
}

.blue {
	color: #fef4e9;
	border: solid 1px #2F5685;
	background: #4F81BD;
	background: -webkit-gradient(linear, left top, left bottom, from(#4D7EB9), to(#759ECD));
	background: -moz-linear-gradient(top,  #4D7EB9,  #759ECD);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4D7EB9', endColorstr='#759ECD');
}
.blue:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.blue:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

a.TermsText
{
	color: #34648c;
	text-decoration: underline;
	padding-left:8px;
}

.greyedBackground
{
	position:absolute;
	height: 100%;
	width: 100%;
	display: inline-block;
	background-color:gray;
	filter:alpha(opacity=30);
	opacity:.3;
	z-index: 950;
	text-align: center;
	margin: auto;
	top: 0px;
}

.Centralizer
{
	width: 100%;
	height: 100%;
	text-align: center;
	margin: auto;
	color:white;
	filter:alpha(opacity=100);
	opacity:1;
	z-index: 999;
	position: absolute;
}

.QuickConfigureBG
{
	color:white;
	background: url('../images/QuickConfigureBG.png') no-repeat;
  width:685px;
  height:504px;
	text-align: center;
	margin: auto;
	z-index: 999;
	filter:alpha(opacity=100);
	opacity:1;
}

.closeQuickConfigure
{
  width:25px;
  height:82px;
	float: right;
	margin: auto;
	z-index: 999;
	cursor: pointer;
	clear: both;
}

.closeQuickConfigure:hover
{
	background: url('../images/closeQuickConfigure.png') no-repeat;
  width:25px;
  height:82px;
	float: right;
	margin: auto;
	z-index: 999;
	cursor: pointer;
	clear: both;
}

.PopUpText
{
	font-family: Arial;
	line-height: 1.5;
	font-size: 14px;
	color: #34648C;
	margin: 0 0 0 0;
}

.PopUpTextHeader
{
	font-family: Arial;
	line-height: 1.5;
	font-size: 16px;
	color: #0080c0;
	margin: 0 0 0 0;
	font-weight: bold;
}

.QCContentHolder
{
	width: 100%; 
	float: left; 
	clear: both; 
	margin-top: 50px; 
	text-align: left;
}

.QCLeftContent
{
	width:58%; 
	float: left; 
	height: 150px;
	margin-left: 18px;
}

.QCRightContent
{
	 width: 35%; 
	 float: left; 
	 height: 150px;
	 margin-left: 15px;
}

/* Featured WHY Map Static Pages
----------------------------------*/

.ViewMapButtonBG
{
	background-image: url('../Images/ViewMapButton.png'); 
	background-repeat: no-repeat;
	width: 178px;
	height: 65px;
	text-align: center;
	margin-top: 20px;
}

/*----------------------------------*/