#body
{
	height: 100%;
	width: 100%;
}

#FullPage
{
	height: 100%;
	width: 100%;
	border-collapse:collapse;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none 0px transparent;
}

#FullPageRow
{
	height: 100%;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none 0px transparent;
}

#HCatDiv
{
  width: 100%;
  border-left: solid 100px white;
  clear:both;
  height: 54px;
  	/*include border 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*/
}

#LeftPane
{
	min-width: 340px;
	width: 340px;
	background-color: White;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none 0px transparent;
	overflow:scroll;
}

.LeftSideSplitter
{
  /* width is 250px set in aspx page as property of PaneA
	min-width: 340px;
	width: 340px;
  */
	background-color: White;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none 0px transparent;
	overflow:scroll;
}

#RightPane
{
	background-color: White;
	height: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: none 0px transparent;
	overflow: scroll;
	width: 100%;
}

#TopLeft
{
	background-color:Transparent;
	width: 100%;
	height: 160px;
}

#Left
{
	background-color:Transparent;
	width: 100%;
	height:100%;
	min-width: 340px;
}

#TopRight
{
	width: 100%;
	height: 80px;
	background-color: White;
}

#TopNavigation
{
	background-color: White;
	width:100%;
	height:80px;
	min-width: 935px;
}
#TopCurve
{
	width:100%;
	height:67px;
}

#Right
{
	width: 890px;
	height:100%;
	background-color: White;
}

#ControlDiv
{
	background-color:white;
	width: 900px;
	/*height:100%;*/
	float:left;
	/*include border 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*/
}

div.Nav
{
	height:74px;
	width: 16%;
	float:left;
	min-width: 155px;
}
.NavOuter
{
	height:74px;
	width: 16%;
	float:left;
	min-width: 155px;
}
#Tour
{
	background-image: url(../Images/Tour.png);
	background-repeat: no-repeat;
	min-width: 155px;
}
#Contribute
{
	background-image: url(../Images/Contribute2.png);
	background-repeat: no-repeat;
	min-width: 155px;
}
#SignUp
{
	background-image: url(../Images/SignUp.png);
	background-repeat: no-repeat;
	min-width: 155px;
}
#Refer
{
	background-image: url(../Images/HomePage/Refer.png);
	background-repeat: no-repeat;
	min-width: 155px;
}
#Apply
{
	background-image: url(../Images/Apply.png);
	background-repeat: no-repeat;
	min-width: 155px;
}
#BottomLeft
{
	width: 100%;
	height:100%;
}
div.Container
{
	width: 100%;
	height:600px;
}
.HomeDivLayout
{
	display:block;
	text-align:center;
}

#RightContainer
{
	width: 900px;
	height:690px;
}

* html .minwidth 
{
	padding-left:340px;
}

* html .leftmargin 
{
	margin-left:-340px;
	position: relative;
	background-color: Transparent;
}

/*\*/
* html .minwidth, * html .leftmargin, * html .layout  
{
	height:1px;
}
/**/


.tableHCCDiv
{
	padding-right: 8px;
	float:left;
	width: 650px;
}

.mydocDivLayout
{
	width: 290px;
	float:left;
	height:100%;
	padding-bottom: 20px;
}
.docDescImgContainer
{
	margin-bottom: 15px;
}



.HomePageHeader
{
	margin-top: 10px;
	color: #515E81;
	padding-bottom: 5px;
	padding-top: 10px;
	border-bottom: solid 1px #B2B2B2;
	margin-bottom: 5px;
	padding-left:10px;
	font-family: arial;
	font-size: medium;
	font-weight:bold;
}



.HCCMainDiv
{
  float:left;
	width: 940px;
}

.HomeContainerTable
{
	width: 100%;
}


.HCCNavDiv
{
	float: left;
	overflow: auto;	
	width: 315px;	
	/*height: 100%*/
	height:600px;
}

.HCCNavDiv_ent
{
  float: left;
	overflow: auto;	
	width: 315px;	
	/*height: 100%*/
	height:auto;
}

.HHCContainingDiv
{
	width: 1260px;
}



.BrowserDiv
{
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;
	background-color:gray;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 998;
}

.FirstPageDiv
{
}

.GreyDiv
{
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;
	background-color:gray;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 180;
}

.m_cookieDivHidden
{
	display: none;
}

.m_cookieDiv
{
	display: block;
	position: absolute;
	bottom: 2px;
	left: 2px;
	font-family: verdana;
	font-size: xx-small;
	color: #999999;
}

.MessageDiv
{
	background-image: url(../Images/HomePage/BrowserMessage.png);
	background-color: transparent;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-top: 175px;
	top: 200px;
	height: 279px;
	width: 584px;
	z-index: 999;
}

.BrowserDivSubscription
{
	filter:alpha(opacity=30);
	-moz-opacity:.3;
	opacity:.3;
	background-color:gray;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	z-index: 998;
}

.MessageContainerDivSubscription
{
	background-color: transparent;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 999;
}

.MessageDivSubscription
{
  background-color: White;
	text-align: center;
	vertical-align: middle;
	margin-left: 250px;
	margin-right: auto;
	margin-top: 175px;
	top: 200px;
	height: 450px;
	width: 584px;
	z-index: 999;
}

.MessageDivSubscriptionHidden
{
  background-color:Blue;
  display:none;
}

.MessageContainerDiv
{
	background-color: transparent;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 999;
}

.CookieDiv
{
	background-color: transparent;
	height: 500px;
	width: 995px;
	z-index: 999;
	margin-top: 50px;
}

.OperaDiv
{
	background-color: transparent;
	height: 279px;
	width: 584px;
	z-index: 999;
	margin-top: 150px;
}

.CookieDivNonIE
{
	background-color: transparent;
	height: 500px;
	width: 995px;
	z-index: 999;
	margin-top: 150px;
}

.CookieContainerDiv
{
	background-color: transparent;
	position: absolute;
	top: 0px;
	left:0px;
	z-index: 999;
	text-align: center;
	margin: auto;
}

.helpBubbleToggleOn,
.helpBubbleToggleOff,
.TourBubbleOn,
.TourBubbleOff
{
	cursor: pointer;
	font-size: 0px;
  background: url('../images/TourBubbles/Tours_All.png') no-repeat;  
	float: right;
	margin: 0 0 0 0;
	margin-top: 2px;
}
.helpBubbleToggleOn
{
	height: 11px;
	width: 35px;
	background-position: -467 -46;
}
.helpBubbleToggleOff
{
	height: 11px;
	width: 35px;
	background-position: -467 -57;
}
.TourBubbleOn
{
	height: 11px;
	width: 35px;
	background-position: -426 -46;
}
.TourBubbleOff
{
	height: 11px;
	width: 35px;
	background-position: -427 -56;
}


.MessageText
{
	float: left; 
	width:1002px; 
 	font-size: 10px;
	font-family: Arial;
	font-weight:200;
	color: #4F4F4F; 
	text-align:center;
}

.HomePageCentralContainer,
.WelcomeHeader
{
	width:950px; 
	margin-right: auto; 
	margin-left: auto; 
	margin-top: 0px;
	font-family: Arial;	
}

.WelcomeHeader
{
	position:absolute;
	top:0px;
	left:120px;
}

.Welcome_RightPaneStyle
{
	overflow:auto; height:100%; width:100%;
}

.Welcome_RightPaneStyle_LeftOpen
{
	overflow:auto; left:280px; position:absolute;
}

.HomePageCentralContainerWithLeftPane
{ 
	/*margin-right: 20px; 
	margin-left: 20px; */
	font-family: Arial;	
	/*height:100%;*/
	float:left;
	width:980px;
	
}

.LHSColumn
{
	width:650px;
	float:left;
	margin-top:50px;
	margin-left:20px;
}


.RHSColumn
{
	width:240px;
	float: left;
	margin-top:65px;
	margin-right:20px;
}


.KnowledgeGenesName /* used to draw to take logo image */
{
  width: 575px;
  height: 30px;
  font-family: Arial;
  font-size: 22px;
  font-weight: 800;
  color: #515E81;
  float: left;
  clear: both;
  margin-left: 3px;
  display: inline;
  text-align: left;
  margin-top:10px;
}
.KnowledgeGenesNameR /* used to draw to take logo image */
{
  font-size: 12px;
}

.KnowledgeGenesLogoImage
{
	background-position: 0px 0px;   
  width:436px;
  height:53px;
  float:left;
  margin-left:3px;
  margin-top:10px;
}
.BuiltOnText
{
  cursor:pointer;
  width:350px;
  height:11px;
  font-family: Arial;
  font-size: 12px;
  font-weight: 200;
  color: #515E81;
  float:left;
  clear: both;
  margin-left:200px;
  display: inline;
  text-align:left;
    
}
.BuiltOnTextTM
{
  font-size:6px;
}

.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/HomePage/HomePage_All.png') no-repeat;  
}

.RegisterOption1,
.RegisterOption2,
.RegisterOption3
{
	background: url('../images/Registration/RegistrationImages.png') no-repeat;  
}

.RegisterOption1
{
	background-position: -20px -20px;
	width: 180px;
	height: 100px;
	margin-left: 75px;
}

.RegisterOption2
{
	background-position: 0px -170px;
	width: 250px;
	height: 115px;
	margin-left: 30px;
}

.ThirtyDayFreeTrial
{
	background-position: -494px -815px;
	width: 50px;
	height: 50px;
	margin-left: 5px;
}

.RegisterOption3
{
	background-position: 0px -360px;
	width: 315px;
	height: 100px;
	margin-left: 15px;
	cursor: pointer;
}

.RegisterButton1,
.RegisterButton2
{
	float: left;
}

.RegisterButton1
{
	background-position: -580px -577px;
	width: 132px;
	height: 52px;
	margin-left: 90px;
	display: block;
}

.RegisterButton2
{
	background-position: -580px -637px;
	width: 132px;
	height: 52px;
	margin-left: 90px;
	display: block;
}

.RegisterButton3
{
	background: url('../images/SendMeInformation.png') no-repeat;  
	float: left;
	background-position: -0px -0px;
	width: 148px;
	height: 52px;
	margin-left: 90px;
	display: block;
}

.RegisterButton3Red
{
	background-position: -12px -887px;
	width: 135px;
	height: 56px;
	display: block;
	float:left;
	margin-left:40px;
	margin-top: 30px;
	cursor: pointer;
}

.EnterpriseContactButton
{
  cursor: pointer;
  margin-left:450px;
}

.WhyLoopButton
{
	float: left;
	background: url('../images/ContactWhyLoop.png') no-repeat;  
	width: 333px;
	height: 128px;
	display: block;
	cursor: pointer;
	margin-top: 15px;
	margin-left: 90px;
}

.SendMeInformationButton
{
	float: left;
	background: url('../images/SendMeInformation.png') no-repeat;  
	width: 148px;
	height: 58px;
	display: block;
	cursor: pointer;
	margin-top: 15px;
	margin-left: 460px;
}

.WhatIsArrow,
.WhatIsArrowGrey
{
	width: 54px;
	height: 45px;
	float: left;
	clear: both;
	cursor: pointer;
}
.WhatIsArrow
{
	background-position: -500px -520px; 
}
.WhatIsArrowGrey
{
	background-position: -502px -609px; 
}

.middleCircle
{
	background-position: -630px -523px;
	width: 15px;
	height: 15px;
	font-size: 0px;
	float: left;
}

.WhatArrow,
.WhatArrowGrey
{
	width: 54px;
	height: 45px;
	float: left;
	clear: both;
	cursor: pointer;
}

.WhatArrow
{
	background-position: -500px -565px; 
}
.WhatArrowGrey
{
	background-position: -502px -655px; 
}

.WhatWhatIsArrowImage
{
	margin-top: 5px;
	width: 54px;
  height:105px;
  float: left;
  position: absolute;
  top: 4px;
  z-index:2;
}

.HowArrow,
.HowArrowGrey,
.WhyArrow,
.WhyArrowGrey
{
  width: 62px;
  height:21px;
  float: left;
}

.HowArrow
{
	background-position: -644px -520px;  
}

.WhyArrow
{
	background-position: -570px -520px;  
}

.HowArrowGrey
{
	background-position: -644px -542px;  
}

.WhyArrowGrey
{
	background-position: -570px -542px;  
}

.HowWhyArrowImage
{
	display: none;
  width: 139px;
  height: 21px;
  position:absolute;
  left:50%;
  margin-left:-70px; /* half the width, to center it*/
  /*
  position:relative;
  top:-22px; /*22px is height of the ObjectiveChanged div above it, want them to overlap
  margin-left: auto; /*center it
  margin-right: auto;
  */
  z-index:198; /* above the knowdes, but below text box and message boxes, and ObjectiveChanged message */
}



.KGLogoText
{
  font-family: Arial;
  font-weight: 700;
  font-size:34px;
  color: #515E81;
}

.KGLogoTextTM
{
  font-size: 14px;
  font-weight: 500;
}

.KGLogoCodeText
{
  font-family: Arial;
  font-weight: 200;
  font-size:18px;
  color: #515E81;
}

.KGLogoCodeTextTM
{
  font-size: 6px;
  font-weight: 200;  
}

.KGLogoMain
{
	background: url('../images/HKLogo/KGLogoMain.png') no-repeat;  
  cursor:default;
  width: 305px;
  height:66px;
	float:left;
	clear:both;
	display: inline;  
	margin-top:10px;  
}

.CompassAndMatrixLogo
{
	background: url('../images/HomePage/CompassAndMatrixLogo.png') no-repeat;  
  cursor:pointer;
  width: 288px;
  height:123px;
	float:left;
	clear:both;
	margin-left:133px;
	display: inline;  
	margin-top:20px;	
}

.TextboxAndButtonSection
{
  float:left;
  margin-top:20px;
  /*margin-left:80px;*/
  width: 450px;
  display:inline;
  padding-right:1em;
  padding-bottom:5px;
  padding-left:5em;
}

.OverviewTextSection
{
  margin-top: 10px;
  text-align: left;
  float: left;
  width:650px;
  display:inline;
}

.OverviewTextLine
{
  margin-bottom: 5px;
  text-align: left;
  float: left;
  /*width:700px;*/
  color: #515e81;
  font-family: Calibri;
  font-weight: 500;
  font-size: 23px;
  display:inline; 
}

.accolades
{
	/*background: url('../images/HomePage/Accolades.png') no-repeat;    
	height:78px;
	width:649px;
	float:left;
	margin-left:0px;
	margin-top:20px;*/
	color: #515e81;
  font-family: Calibri;
  float:left;
  font-size:11pt;
  text-align:left;
  margin-top:20px;	
}

.AccoladesContainer
{
	float:left;
	padding-top:4em;
	padding-right:1.5em;
	padding-bottom:0.5em;
}

.LinksSection
{
  float:left;
	width:550px;
	margin-top:40px; 
	display:inline;
	overflow:auto;
}

.BlogsBG
{
  margin-top:0px;
	background: url('../images/HomePage/BlogsLogo.png') no-repeat;    
  float:left;
	margin-left:90px;
  width:53px;
  height:40px;
  cursor: pointer;
}


.BlogsLink
{
  float:left;
  color: #515e81;
  font-family: Calibri;
  font-weight: 500;
  font-size: 16px;
	text-align: left;
	margin-left:5px;
  margin-top:9px;
  cursor: pointer;
}

.TwitterBG
{
  margin-top:0px;
	background: url('../images/HomePage/TwitterLogo.png') no-repeat;    
  float:left;
	margin-left:70px;
  width:39px;
  height:40px;
  cursor: pointer;
}
.TwitterLink
{
  float:left;
  color: #515e81;
  font-family: Calibri;
  font-weight: 500;
  font-size: 16px; 
	text-align: left;
	margin-left:5px;
	margin-top:9px;
  cursor: pointer;
}

.RssFeedBG
{
	background: url('../images/HomePage/RSSFeedLogo.png') no-repeat;    
  float:left;
  margin-left: 70px;
  width:39px;
  height:40px;
  margin-top:0px;
  cursor: pointer;
}


.RssFeedLink
{
  float:left;
  color: #515e81;
  font-family: Calibri;
  font-weight: 500;
  font-size: 16px; 
	text-align: left;
	margin-left:5px;
	margin-top:9px;
  cursor: pointer;
}


.CopyrightSection
{
  float:left;
	width:220px; 
	color:#4F4F4F; 
	font-size:10px;
	margin-top:10px; 
	margin-right:10px;
}

.AboutUs
{
	float: left; 
	width:220px; 
	color:#4F4F4F; 
	font-size:10px; 
	text-align: left;
	margin-top:0px;
	margin-left:11px;
}
.AboutUsAnchor
{
	color:#4F4F4F; 
	font-size:11px;
}
.AboutUsBlogAnchor
{
	color:#4F4F4F; 
	font-size:11px;
}


.RHSOptions
{
 width: 240px;
 float: left;
 /*margin-top: 65px; */
}

.RHSOption1, .RHSOption2, .RHSOption3, .RHSOption4, .RHSOption5, .RHSOption6
{
  width:240px;
  /*height:45px;
  float:left;*/
  cursor:pointer;
  margin-bottom:30px;
  text-align:left;
}

.RHSOption6
{
  margin-bottom:17px;
}



.Option1Image, .Option2Image, .Option3Image, .Option4Image, .Option5Image, .Option6Image
{
  float:left;
  width:70px;
  height:40px;
}

.Option1Image
{
	background: url('../images/HomePage/RHSOption1.png') no-repeat;    
}

.Option2Image
{
	background: url('../images/HomePage/RHSOption2.png') no-repeat;    
}

.Option3Image
{
	background: url('../images/HomePage/RHSOption3.png') no-repeat;  
	margin-top:20px;  
}

.Option4Image
{
	background: url('../images/HomePage/RHSOption4.png') no-repeat;    
}

.Option5Image
{
	background: url('../images/HomePage/RHSOption5.png') no-repeat;    
}

.Option6Image
{
	background: url('../images/HomePage/RHSOption6.png') no-repeat;    
}

.RHSOptionText, .RHSOptionText6
{
  text-align: left;
  /*float: left;*/
  width: 200px;
  color: #515e81;
  font-family: Calibri;
  font-weight: 500;
  font-size: 16px;
  /*display:inline;*/
  margin-left:2px;   
}

div.RHSOptionText:hover
{
	color: #33CC33;
	text-decoration: none;
}

.RHSOptionText6
{
  margin-top:8px;
}




.SectionHeaderText, .SectionHeaderAnchor
{
  width:375px;
  font-family:Arial;
  font-size: 16px;
  font-weight:700;  
  float:left;
  color:#515E81;
  text-align: left;  
	cursor:pointer;
	margin-bottom: 1px;
}

.SectionHeaderAnchor
{
  text-decoration: none;
}

.SectionHeaderAnchor:hover
{
  text-decoration: none;
  color:#515E81;  
}


.RightHandColouredBar
{
  width:109px;
  height:4px;
	background: url('../images/HomePage/RightHandSectionColourBar.png') no-repeat;
	float:left;
	margin-top:0px;
	font-size:0px;
	margin-bottom:5px; 
}
.BulletsSection
{
  float:left;
  clear:both;
  Margin-top:0px;
}
.RightHandBullet
{	   
  width:445px;
  float:left;
  margin-bottom:2px;  
}
.BulletImage
{
	background-position: -700px -213px;   
	width:8px;
  height:12px;
	float:left;
}
.BulletText
{
  width:420px;
  color:#4F4F4F;
  font-family:Arial;
  font-size:13px;
  text-align:left; 
  float:left;
  margin-left: 7px;
}
.BulletTextR
{
  font-size:12px;  
}
.BulletTextAnchor
{

  color:#4F4F4F;
  font-family:Arial;
  font-size:13px;
  text-align:left;  
  float:left; 
  text-decoration:none;
}
.BulletTextAnchor:hover
{
  cursor:pointer;
  text-decoration:none;
  color:#4F4F4F;
}



.jointLinkStyle
{
	width: 210px; 
	float:right; 
	text-align: left;
	line-height: 11pt;
}
.jointLinkStyleAnchor
{
	width: 210px; 
	height: 50px;
	float:right; 
	clear: both; 
	text-align: left;
	line-height: 11pt;
	font-size: 9pt;
	color: #4F4F4F; 
}

.AuthorTour1,
.Tour1,
.Tour2,
.Tour3,
.Tour4,
.Tour5,
.Tour6,
.Tour7,
.Tour8,
.Tour9
{
	width: 340px;
	display: none;
	position: absolute; 
	z-index: 800;
}
.AuthorTour1
{
	width: 360px;
	top: 130px; 
	left: 60px; 
}
.Tour1
{
	top: 100px; 
	left: 30px; 
}
.Tour2
{
	top: 100px; 
	left: 30px; 
}
.Tour3
{
	top: 100px; 
	left: 30px; 
}
.Tour4
{
	top: 100px; 
	left: 30px; 
}
.Tour5
{
	top: 100px; 
	left: 30px;  
}
.Tour6
{
	top: 100px; 
	left: 30px;  
}
.Tour7
{
	top: 100px; 
	left: 50px; 
}
.Tour8
{
	top: 100px; 
	right: 30px; 
}
.Tour9
{
	top: 100px; 
	right: 30px; 
}

.TourTop,
.TourTopPointer,
.TourBottom,
.TourBottomPointer,
.TourDirections,
.AuthorTourTop,
.AuthorTourTopPointer,
.AuthorTourBottom,
.TourBullet1,
.TourBullet2,
.TourBullet3,
.TourBullet4,
.TourBackButton,
.TourForwardButton,
.TourBlankBackButton,
.TourBlankForwardButton
{
  background: url('../images/TourBubbles/Tours_All.png') no-repeat;  
}

.TourBullet1
{
  margin-left:5px; 
  height:17px; 
  width:16px;
	background-position: 0px -370px;
}

.TourBullet2
{
  margin-left:5px; 
  height:17px; 
  width:16px;
	background-position: -25px -370px;
}

.TourBullet3
{
  margin-left:5px; 
  height:17px; 
  width:16px;
	background-position: -50px -370px;
}

.TourBullet4
{
  margin-left:5px; 
  height:17px; 
  width:16px;
	background-position: -72px -371px;
}

.TourTop
{
	font-size: 0px; 
	width: 340px; 
	height: 10px; 
	float: left;
	background-position: 0px -129px;  
}
.TourTopPointer
{
	font-size: 0px; 
	width: 334px; 
	height: 34px; 
	background-position: 0px -220px;  
	float: left;
}


.TourMiddle
{
	padding-bottom: 5px; 
	width: 340px; 
	background-image: url(../Images/TourBubbles/TourMiddleNew.png); 
	background-position: 0px;
	background-repeat: repeat-y; 
	float: left;
}

.TourText
{
	font-family: Arial;  
	width:316px; 
	float: left; 
	margin-left: 12px; 
	font-size: 10pt; 
	color:#5D608D;
}

.TourHeader
{
	font-size: 16px; 
	font-family: Arial; 
	line-height: 16px; 
	font-weight: bold;
	height: 20px;
}
.TourTitle
{
	color:#5D608D;
}
.TourBackButton
{
  height:16px; 
  width:10px;
	background-position: -107px -376px;
	margin-right:2px;
	cursor:pointer; 
	display:inline-block; 
}
.TourBlankBackButton, .TourBlankForwardButton
{
  height:16px; 
  width:10px;
	background-position: -120px -376px;
	margin-right:2px;  
	display:inline-block; 

}
.TourForwardButton
{
  height:16px; 
  width:10px;
	background-position: -95px -376px;
	margin-right:2px;
	cursor:pointer;  
	display:inline-block; 

}


.DidYouKnowTitle
{
	font-size: 16px; 
	font-family: Arial; 
	line-height: 16px; 
	font-weight: bold;
	height: 20px;
	color:#5D608D;	  
}
.TourSteps
{
	color:#9A9CB8;
}
.TourBottom
{
	width: 340px; 
	height: 21px; 
	background-position: 0px -271px;
	float: left;
}
.TourBottomPointer
{
	width: 334px; 
	height: 41px; 
	background-position: 0px -170px;
	float: left;
}
.TourAnchor
{
	font-size: 12px; 
	color:#5D608D;
}
.TourAnchor:hover
{
	text-decoration: underline;
}
.TourDirections
{
  margin-top:5px;
	width: 310px; 
	height: 68px; 
	background-position: 0px -300px;
	float: left;
	margin-bottom:5px;
}
.AuthorTourTop
{
	font-size: 0px; 
	width: 347px; 
	height: 10px; 
	background-position: 0px 0px;
	float: left;
}
.AuthorTourTopPointer
{
	font-size: 0px; 
	width: 360px; 
	height: 34px; 
	background-position: 0px -80px;
	float: left;
}
.AuthorTourMiddle
{
	padding-bottom: 5px; 
	width: 347px; 
	background-image: url(../Images/Middle_All.png); 
	background-position: -300px;
	background-repeat: repeat-y; 
	float: left;
}
.AuthorTourText
{
	width:326px; 
	float: left; 
	margin-left: 7px; 
	font-size: 12px; 
	font-family: Arial;
	color:#5D608D;
}
.AuthorTourBottom
{
	width: 347px; 
	height: 21px; 
	background-position: 0px -51px;
	float: left;
}
.WelcomeHeaderLink
{
	width: 30px;
	height: 30px;
	font-size: 0px;
	float: left;
}

.HeaderLinkIcon1, 
.HeaderLinkIcon2,
.HeaderLinkIcon3, 
.HeaderLinkIcon4,
.HeaderLinkIcon5, 
.HeaderLinkIcon6,
.HeaderLinkIcon7
{
	font-size: 0px;
	float: left;
	background: url('../images/BaseControls/BasicImages_All.png') no-repeat;
	width: 28px;
	height: 30px;
}

.HeaderLinkIcon1
{
	background-position: 0 -448;
	margin-right: 0px;
}
.HeaderLinkIcon2
{
	background-position: -30 -448;
	margin-right: 0px;
}
.HeaderLinkIcon3
{
	background-position: -60 -448;
	margin-right: 0px;
}
.HeaderLinkIcon4
{
	background-position: -90 -448;
	margin-right: 0px;
}
.HeaderLinkIcon5
{
	background-position: -120 -448;
	margin-right: 0px;
}
.HeaderLinkIcon6
{
	background-position: -150 -448;
	margin-right: 0px;
}
.HeaderLinkIcon7
{
	background-position: -180 -448;
	margin-right: 0px;
}

.NavigationLinksWelcome
{
	float: left;
	margin-top: 10px;
	font-size: xx-small;
	margin-right: 0px;
	font-family: Arial;
	color: #4F4F4F;
}
A.NavigationLinksWelcome:hover
{
	float: left;
	margin-top: 10px;
	font-size: xx-small;
	margin-right: 0px;
	font-family: Arial;
	color: #4F4F4F;
}

/*CLASSES*/


.LayoutCell
{
	vertical-align:top;
	text-align:center; 
	font-family:Verdana; 
	font-size:x-small;
}	

.OptionTable
{
	margin-top:20px;
}

.OptionTitle
{
	text-align:left;
	font-size:small;
	font-weight:bold;
	color:Gray;
}

.OptionText
{
	color:Gray;
	text-align:left;
}


div.COMMONPANEA
{
	overflow:hidden;
	height:100%;
	min-width: 300px;
	min-height: 610px;
}

div.COMMONPANEB
{
	height:100%;
}

div.BG
{
	background-color: White;
}

div.RHSOptions
{
	/*width: 100%;*/
	height: 15%;
}

#LogInWoman
{
	float:left;
}

#LogInHeader
{
	float:right;
}

#MYHYPERKNOWLEDGE
{
	text-align: center;
}

#OPTIONCONTROL
{
	float:left;
}

#CONCEPTCONTROL
{
	float: right;
	height: 50%;
}

#OPTCONCONTAINER
{
	min-width: 380px;
}



#SEARCH-HEADER
{
	height: 10%;
}

#LHS
{
	overflow:hidden;
}

#INTERESTS
{
	height: 14%;
}

#Woman
{
	width:49%;
	height: 100%;
}

.HOMETEXT
{
	text-align:left;
	font-size:x-small;
	color:Gray;
}

#WOMAN
{
	display: inline;
	vertical-align: top;
	width:49%;
}

#LEFT-PARTITION
{
	text-align:center;
	/*float:left;
	height: 100%;
	width: 69%;*/
}
#RIGHT-PARTITION
{
	text-align:center;
	/*
	float:right;
	height: 100%;
	width: 30%;
*/
}

/*ID's*/
#HEADER
{
	margin:0px;
	padding:0px;
	max-width: 100%;
	height: 25%;
	text-align:center;
}
#MIDDLE
{
	margin:0px;
	padding:0px;
	max-width: 100%;
	max-height: 49%;
	height: 50%;
}
.Footer
{
	margin:0px;
	padding:0px;
	text-align:center;
	color:#bbbbbb;
}

#ShowKGNewKnowledgeGeneImg
{
  cursor:pointer;
}


/*********************************************************************************
Message Divs
**********************************************************************************/

.ComingSoon_Container
{
  -moz-border-radius-bottomleft:5px;
  -moz-border-radius-bottomright:5px;
  -moz-border-radius-topleft:5px;
  -moz-border-radius-topright:5px;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box; /*safari*/
  font-family:arial;
  color:#434e81;	
  font-size:11px;	
  font-weight:bold;
  border:dashed 1px #CECECE;
  display:block;
  padding: 8px;
  text-align: left;
  position: relative;
  background-color: White;
}

.ComingSoon_ComingSoon
{
  color:#515E81;
}


.ComingSoon_TopParagraph
{
  margin: 0px;
}

.ComingSoon_Paragraph
{
  margin: 0px;
  margin-top: 10px;
}

.GenesTabMessageDiv,
.WebTabMessageDiv
{
  clear:both;
  float:none;
  margin:auto;
}

.GenesTabMessageDiv
{
  width: 520px;
  text-align: center;
  padding: 10px;
  padding-top: 15px;
  display: none;
}

.WebTabMessageDiv
{
  width: 500px;
  text-align: center;
  padding: 10px;
  padding-top: 15px;
  clear:both;
  float:none;
  margin:auto;
}

.SemanticTreeMessageDiv,
.WebTabMessageImg,
.CommunityTabMessageImg,
.ProfileTabMessageImg,
.ProfileAlertMessageImg,
.KnowdeWhatMessageImg,
.KnowdeWhatIsMessageImg,
.PermissionMessageImg
{
  background: url('../images/HomePage/HomePage_All.png') no-repeat;  
}

.SemanticTreeMessageDiv
{
	background-position: -481px -258px; 
  width: 236px;
  height:247px;
	display: block;
}

.WebTabMessageImg
{
	background-position: 0px -200px; 
  width: 370px;
  height:50px;
	display: block;
}

.CommunityTabMessageImg
{
	background-position: -365px -200px; 
  width: 360px;
  height:40px;
	display: block;
}

.ProfileTabMessageDiv
{
  width: 700px;
  padding: 10px;
  padding-top: 20px;
  padding-left: 20px;
  clear:both;
  float:none;
  margin:auto;
  position: relative;
  margin-top: 25px;
}

.ProfileTabMessageDivLeft
{
  width: 320px;
  padding: 0px;
  clear:both;
  float:left;
  position: absolute;
  top: 0px;
  left: 60px;
  display: block;
  float: left;
  background-color: White;
}

.ProfileTabMessageDivRight
{
  width: 500px;
  padding: 0px;
  clear:both;
  float:left;
  position: absolute;
  top: 80px;
  left: 160px;
  display: block;
  background-color: White;
}

.ProfileTabMessageImg
{
	background-position: -0px -245px; 
  width: 470px;
  height:215px;
	display: block;
}

.AlertMessageDiv
{
  width: 400px;
  height: 300px;
  padding: 10px;
  padding-top: 20px;
  clear:both;
  float:none;
  margin:auto;
  position: relative;
  margin-top: 25px;
}

.AlertMessageDivLeft
{
  width: 230px;
  padding: 0px;
  clear:both;
  float:left;
  position: absolute;
  top: 0px;
  left: 10px;
  display: block;
  float: left;
  background-color: White;
}

.AlertMessageDivRight
{
  width: 300px;
  padding: 0px;
  clear:both;
  float:left;
  position: absolute;
  top: 110px;
  left: 40px;
  display: block;
  background-color: White;
}

.ProfileAlertMessageImg
{
	background-position: -0px -460px; 
  width: 270px;
  height:170px;
	display: block;
}

.PermissionMessageImg
{
  background-position: -656px -980px; 
  width: 56px;
  height:74px;
  float:left;
}

.PermissionMessageTxt
{
  float:left;
  width:320px;
  text-align:center;
  margin-top:20px;
}

.PermissionMessageLink
{
  text-decoration:underline;
  cursor:pointer;
}

.PermissionMessageDiv
{
  width:400px;
  height:100px;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
}

.ControlBodyText
{
  font-family: verdana;
  font-size: 10pt;
  color:#4F4F4F;
}

.LeftPaneStyle
{
  height:100%;
  width: 0px;
  overflow:hidden;
  float:left;
  display: none;
}

.RightPaneStyle
{
	height: 100%;
  width: 100%;
  float:left;
}

.WhatWhatIsTabMessageDiv
{
  width: 236px;
  position:absolute;
  top:125px;
  left:17px;
  text-align: left;
  padding: 3px;
  clear:both;
  float:none;
  margin:auto;
}

.KnowdeWhatMessageImg
{
	background-position: -270px -460px; 
  width: 210px;
  height:105px;
	display: block;
}


.KnowdeWhatIsMessageImg
{
	background-position: -270px -570px; 
  width: 210px;
  height:105px;
	display: block;
}

.WhatWhatIsTabMessageDivTop
{
  width: 200px;
  padding: 0px;
  clear:both;
  display: block;
  background-color: White;  
  text-align: left;
  font-size: 11px;
  color: Gray;
}

.WhatWhatIsTabMessageDivBtm
{
  width: 220px;
  padding: 0px;
  clear:both;
  display: block;
  background-color: White;  
  margin-top: 35px;
  position: absolute;
  left: 25;
}

.WhatTabTitle
{
  font-family: Arial;
  font-size: 13px;
  color: #009933;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 0px;
  text-align: left;
  font-weight: bold;
}


.WhatIsTabTitle
{
  font-family: Arial;  
  font-size: 13px;
  font-weight: bold;
  color: #E28700; 
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 5px;
  padding-bottom: 0px;
  text-align: left;
}

.headerSubTitleControls
{
  padding-top: 10px;
}

.SubOptionMessageTitle
{
	color: #515E81;
	margin-left: 10px;
	font-family: verdana;
	font-size: 12px;
	font-weight:bold;
}

.LinksHolderWelcome
{
	position: absolute;
	left: 200px;
	top: 35px;
}

.RegistrationHeader1
{
	margin-top: 30px;
	margin-left: 100px;
	background-image: url(../Images/Registration/RegistrationImages.png);
	width: 310px;
	height: 130px;
	background-position: -315 0;
	float: left;
}

.RegistrationHeader2
{
	margin-top: 15px;
	background-image: url(../Images/Registration/RegistrationImages.png);
	width: 360px;
	height: 180px;
	background-position: -300 -135;
	float: right;
}

.RegistrationHeader3
{
	margin-top: 5px;
	background-image: url(../Images/Registration/RegistrationImages.png);
	width: 350px;
	height: 170px;
	background-position: -313 -320;
	float: right;
}

.bullets
{
	padding: 0 0 0 0;
	float: left;
	margin-top: 5px;
	font-size: 12px; 
	color: #666666;
	margin-left: 0px;
	margin-right: 10px;
	display: inline;
}
.bullets li
{
	list-style: none;
	display: block;
	background: url('../images/HomePage/HomePage_All.png') -697px -213px no-repeat;   
  height:15px;
  padding-left: 20px; 
  margin-bottom: 5px;
}

.bulletsTick
{
	padding: 0 0 0 0;
	float: left;
	margin-top: 5px;
	font-size: 12px; 
	color: #666666;
	margin-left: 0px;
	margin-right: 10px;
	display: inline;
}
.bulletsTick li
{
	list-style: none;
	display: block;
	background-image: url('../images/littleGreenTick.png');
	background-repeat: no-repeat;
  height:12px;
  padding-left: 20px; 
  margin-bottom: 5px;
}

.ExamplesControl
{
	font-size: 13px;
	font-family: Verdana;
	color: #A7A7A7;
	width: 400px;
	text-align: left;
}