#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*/
}

.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;
}

.AskToRegister
{
	background: url('../Images/Dialog.png') no-repeat;
	z-index: 999;
	text-align: center;
	margin: auto;
	margin-top: 150px;
}

.DialogText
{
	color: #08c;
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	line-height: 1.5;
	padding: 37 20 0 20;
	margin: 00 0 0 0;
	float: left;
	width: 100%;
}

.DialogButton
{
	cursor: pointer;
	width: 132px;
	height: 39px;
	z-index: 999;
	float: left;
	margin-top: 23px;
	margin-left: 121px;
}

.DialogButton:hover
{
	cursor: pointer;
	background: url('../Images/DialogButton.png') no-repeat;
	width: 132px;
	height: 39px;
	z-index: 999;
	float: left;
	margin-top: 23px;
	margin-left: 121px;
}

.DialogClose
{
	cursor: pointer;
	width: 23px;
	height: 24px;
	float: right;
	z-index: 999;
}

.DialogClose:hover
{
	cursor: pointer;
	background: url('../Images/DialogClose.png') no-repeat;
	width: 23px;
	height: 24px;
	float: right;
	z-index: 999;
}

.helpBubbleToggleOn,
.helpBubbleToggleOff,
.TourBubbleOn,
.TourBubbleOff
{
	cursor: pointer;
	font-size: 0px;
	/* Move to sprite css central file
  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;
}

.BoxOutline:nth-child(n)
{
  border: medium none;
}

.BoxOutline:nth-child(1n)
{
  border: none;
}


.BoxOutlineSquare
{
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #E5E5E5 #DBDBDB #D2D2D2;
  border-radius: 0px;
  -moz-border-radius: 0px;
  -webkit-border-radius: 0px;
  -o-border-radius: 0px;
  -khtml-border-radius: 0px;
  border-style: solid;
  border-width: 1px;
  box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px;
  -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 2px;
  padding: 3px;
}

.BoxOutline
{
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background: none repeat scroll 0 0 #FFFFFF;
  border-color: #E5E5E5 #DBDBDB #D2D2D2;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-style: solid;
  border-width: 1px;
  box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
  -webkit-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
  -moz-box-shadow: rgba(0, 0, 0, 0.45) 0 1px 3px;
  padding: 3px;
}

.GradientBG
{
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #FDFDFD), to(#F2F2F2));
  background: -moz-linear-gradient(center top , #FDFDFD 50%, #F2F2F2) repeat scroll 0 0 transparent;
}

.NavGradientBG
{
  background: -webkit-gradient(linear, left top, left bottom, from(#FAFAFA), to(#EEEEEE));
  background: -moz-linear-gradient(center top , #FAFAFA, #EEEEEE) repeat scroll 0 0 transparent;
}

.NavGradientBGSelected
{
  background: -webkit-gradient(linear, left top, left bottom, from(#FDFDFD), to(#FDFDFD));
  background: -moz-linear-gradient(center top , #FDFDFD, #FDFDFD) repeat scroll 0 0 transparent;
}

.FeatureBoxDiv
{
	width:960px; 
	font-family: Arial;	
	clear:both;
	position: relative;
	left:7px;	
}

.HomePageCentralContainer
{
	width:980px !important; 
	margin-right: auto; 
	margin-left: auto; 
	margin-top: 30px;
}

.HomePageCentralContainerWithLeftPane
{ 
	width:1010px !important; 
	margin-right: auto; 
	margin-left: auto; 
	margin-top: 15px;
}

.NavBoxContainer
{
	width:1006px; 
	margin-top: -20px;
	clear: both;
	position: relative;
}

.NavBox
{
	width:230px;
	float: left;
	font-size: 11px;
	margin-left:7px;
}


.NavBoxWide
{
	width:237px;
	float: left;
	font-size: 11px;
	margin-left:23px;
}

.NavBoxMarginLeft
{
	margin-left: 7px;
}

.NavBoxContent
{
	text-align: center;
  background-color: #EEEEEE;
  cursor: pointer;
  padding-bottom: 10px;
  padding-top: 2px;
  font-size: 12px;
}

.NavBoxHeader
{
	color: #18427b;
	font-weight: bold;
	padding: 6px;
}

.WelcomeHeader
{
	width:720px; 
	margin-right: auto; 
	margin-left: auto; 
	margin-top: 0px;
	font-family: Arial;	
	
	position:absolute;
	top:0px;
	left:120px;
}

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


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


.LHSColumn
{
	text-align: center;
  background-color: #FDFDFD;
}


.WelcomPageCenter
{
	width:750px;
	text-align:center;
	float:none;
}

.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;
}

.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;
	display: block;
	margin-left: 10px;
}

.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;
}

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

.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 */
}



.KGLogoBackground
{
	background: url('../images/HKLogo/KGLogoBackground.png') no-repeat; 	 
 	width: 320px;
 	height: 44px;
 	float:left;
 	margin: 0 0 0 0;
 	
}

.WelcomePageHeader
{
	width: 100%;
	margin-top: 20px;
	height: 16px;
}

.WelcomeMainContentSlides
{
	width: 960px;
	overflow: hidden;
	
}


.ContentSlidePage
{
	display: none; 
	width:1000px;
	height:auto;
	background-color: White; 
	text-align: left;
	overflow: hidden;
}

.KGLogo
{
	float:left;
}

.KGLogoText
{
  color: #515e81;
  font-family: Arial;  
  font-weight: 700;
  font-size:34px;
  float: left;
  margin: 0 0 0 0;
}


.KGLogoSubtext
{	
	color: #515e81;
	font-family: arial;
	font-weight: bold;	
	font-size: 12;
	text-align:center;
	clear: left;
	margin: 0 0 0 0;
}


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

.WelcomeLinkSection
{
	float:left;
	margin-top: 0px;
	width: 450px;
	text-align: right;
	font-size: 12;
	font-weight: bold;	
	font-family: arial; 	
}

.KGQuoteSection
{
	float:left;
	margin-top:5px;
	width: 100%;
	text-align: center;
	font-size: 14px;
	font-weight: bold;	
	font-family: arial; 	
	margin-left: auto;
	margin-right: auto;
}
	
.KGQuote
{
	font-size: 14px;
	color: Gray;
	font-family: arial; 	
}

.KGQuoteAuthor
{
	color: #515e81;
	margin-right: 10px;
	font-family: arial; 	
	font-size: 14px;
}

.KGQuoteAuthor:hover
{
	color: #515e81;
	margin-right: 10px;
	font-family: arial; 	
	font-size: 14px;
	text-decoration: none;
}

.KGFollow
{
	font-size: 10px;
	color: Gray;
	font-family: arial; 	
	font-weight: normal;
	margin-top: 10px;
}

.KGSocialIcons
{
	height: 25px;
	width: 85px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
	margin-bottom: 15px;
}

.KGSocialIconTwitter,
.KGSocialIconBlog,
.KGSocialIconFacebook
{
	height: 25px;
	width: 25px;
	display: block;
	float: left;
	background: url('../images/WelcomeTwitter.png') no-repeat;  
}

.KGSocialIconTwitter
{
	margin-right: 5px;
}

.KGSocialIconBlog
{
	margin-right: 5px;
	background-position: -25px -0px;
}

.KGSocialIconFacebook
{
	background-position: -50px -0px;
}

.KGLogoMain_NoStrapline
{
	background: url('../images/HKLogo/KGLogoMain_NoStrapline.png') no-repeat;  
  cursor:default;
  width: 305px;
  height:42px;
	float:left;
	clear:both;
	display: inline;  
	margin-top:10px;  
	border: solid 0 white;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.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;	
}

.TheWhyCodeSection
{
	float: left;
	text-align: left;	
}

.TheWhyCode
{
	color: #515e81;
	margin-left:auto;
	margin-right:auto;
	font-size:14px;
	font-size: 21px; 
	line-height: 170%;
}

.TheWhyCode:Hover
{
	text-decoration: none;
}

.BeginWhyCoding
{
	cursor: pointer;
	color: #303270;
	font-size:14px;	
	text-decoration: underline;	
}

/*#BeginWhyCodingLink
{
	cursor: pointer;
	font-size:14px;	
	position:absolute;
	top:240;
	left:520;
	z-index:100;
	text-decoration: underline;	
}

#BeginWhyCodingLink:Hover
{
	cursor: pointer;
	font-size:14px;	
	position:absolute;
	top:240;
	left:520;
	z-index:100;
	text-decoration: underline;	
}*/

.BeginWhyCoding1:Hover
{
	cursor: pointer;
	color: #303270;
	font-size:14px;	
	text-decoration: underline;	
	position:absolute; 
	top:0em; 
	left:0em;
	margin-left:0em;
}

.BeginWhyCopy
{
	cursor: pointer;
	color: #303270;
	font-size:14px;	
	text-decoration: underline;	
	position:relative; 
	top:320px; 
	left:510px;
}

.FakeKnowdeVisible
{
	width: 180px; 
	height: 37px; 
	margin-top: 0px; 
	/*position: absolute; 
	top: 234px; 
	left: 550px;*/
	position: relative;
	bottom: 200px;
	right: 221px;
	border:none;
	font-size: 10px;
	color: gray;
	padding-top: 5px;
	font-family: Verdana;
	font-style: italic;
}

.FakeKnowdeVisible:focus {
  outline-width:0;
}

.FakeKnowdeHidden
{
	float:left;  
	margin-top: 0px; 
	position: absolute; 
	top: 160px; 
	left: 491px;
	border:none;	
	width:0;
	height:0;
}

#ImgFYO
{
	border: 0;
	width: 904px; 
	height: 470px; 
	top: 0px; 
	left: 130px;
	position:relative;	
	margin:0;
	padding:0;	
}

.TradeMark
{
	font-size:10px;
	font-weight: bold;
	vertical-align:top;
}

.WelcomePageImage
{
	border-style:none;
}

#TheWhyCodeID
{
	cursor: default;
	width: 150px;
}

.TextboxAndButtonSection
{  
	/*margin-top:20px;		*/
}

.LinksSection
{  
	margin-top:30px; 
}

.ButtonAndLinksSection
{
	width: 750px;
	text-align: center;		
	float: left;		
	/*margin-left:80px; 	*/
	margin-top:20px;
}

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

.OverviewTextSection
{
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	margin-right: auto;
	/*background-color: #f6f6f6;*/
	padding-top: 35px;
	padding-bottom: 35px;
	clear: both;
	position: relative;
}

.OverviewTextLine_Current
{
  text-align: center;    
  color: #515e81;
  font-family: arial;
  font-weight: 500;
  font-size: 21px;
	width: 1000px;
	position: relative;
	margin: 0 auto;
	overflow: auto;
}

.WelcomePageMainTextSection
{
	width:200px;
	float: left;
	text-align: center;		
}

.WelcomePageMainText
{
	margin: 0px 0px 0px 0px;
	font-family: arial;
	font-weight: 500;
	font-size: 30px;
	cursor: pointer;
	margin-left:auto;
	margin-right:auto;		
	color: #515e81;
}

.WelcomePageMainText:hover
{	
	text-decoration: none;
}

a.WhatHowWhyLine
{
	font-size: 24px;
	font-family: arial;
	text-align: center;		
	margin: 2px 10px 10px 40px;
	margin-left: auto;
	margin-right: auto;
}
a.WhatHowWhyLine:hover
{
	font-size: 24px;
	font-family: arial;
	text-align: center;		
	margin: 2px 10px 10px 40px;
	text-decoration: none;
	margin-left: auto;
	margin-right: auto;
}

.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;
}

.ExamplesLink
{
  color: #3252C8;
  font-size: 14px;
  font-family: Arial, sans-serif;
  width:60px;
  cursor:pointer; 
  text-decoration: none;
}

.ExamplesLink:hover
{
  color: #3252C8;  
  text-decoration: underline;
}

.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; 
}

.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; 
	/* Move to sprite css central file
  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;
	/* Move to sprite css central file
	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;
  padding: 10px;
  padding-top: 15px;
  display: none;
  text-align:left;
}

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

.WebSearchEngineMessage
{
	color:#666666;
	font-size:10px;
	font-weight:normal;
	margin-left:10px;
	width:600px;
	float:left;
	clear:both;
}


.WebSearchEngineMessageText
{
	float: left;
	padding-top: 10px;
}


.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:85px;
  margin-left:290px;
}

.PermissionMessageActualTxt
{
  float:left;
  width:320px;
  text-align:center;
  font-family:Arial;
  font-size:16px;
  color:#1F497D;
}

.PermissionMessageTxtLink
{
  text-align:center;
  font-family:Arial;
  font-size:16px;
  color:#1F497D;
  text-decoration: underline;  
}

.PermissionMessageTxtLink:hover
{
  text-align:center;
  font-family:Arial;
  font-size:16px;
  color:#1F497D;
  text-decoration: underline;  
}

.ReferralMessageTxt
{
  float:left;
  width:245px;
  text-align:left;
  margin-top:75px;
  margin-left:335px;
}

.ReferralMessageActualTxt
{
  float:left;
  width:250;
  text-align:left;
  font-family:Arial;
  font-size:14px;
  color:#1F497D;
}

.ReferralMessageTxtLink
{
  text-align:center;
  font-family:Arial;
  font-size:14px;
  color:#1F497D;
  text-decoration: underline;  
}

.ReferralMessageTxtLink:hover
{
  text-align:center;
  font-family:Arial;
  font-size:14px;
  color:#1F497D;
  text-decoration: underline;  
}

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

.MapMessageDiv
{
  width:680px;
  height:180px;
  margin-top:50px;
  margin-left:auto;
  margin-right:auto;
	background-image: url(../Images/MapViewIcons/MapMessage.png);    
	background-repeat: no-repeat;	
}

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

.LeftPaneStyle
{
  height:100%;
  overflow:hidden;
  float:left;
  display: block;
  border-right: 1px solid #cccccc;
  width:228px;
}

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

.WelcomeYourGenome
{
	font-size:12px;
	font-weight:bold;
	text-align:left;
	padding: 5 0 0 5;
	color:#2F7CBB;
	background-color:#99CCFF;
	height:23px;
	width:100%;
}

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

.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;
	/* Move to sprite css central file
	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: 590px;
	text-align: left;
}

/************ REFERRAL PAGE ***************/
.privacyStatement
{
	font-family:Arial;
	color: #34648C;
	font-size: 14px;
}

.multipleRecipient
{
	color: #34648C;
	font-size: 10px;
	margin-left: 37px;
}

.referralSubheader
{
	font-family: Arial;
	color: #34648C;
	font-size: 14px;
}

.ReferralContainerControl
{
	color: #34648C;
	width: 680px;
}

.enterpriseShareStatement
{
	font-family: Arial;
	color: #34648C;
	font-size: 14px;
}

#KGReferralControl_SenderName
{
	width: 300px;
}

#KGReferralControl_RecipientEmail
{
	height: 55px;
	width: 300px;
}

.DirectingAnchor
{
	width: 100%; 
	font-family: Arial; 
	font-size: 14px; 
	text-align: left;
	color: blue;
}

/************ END REFERRAL PAGE ***************/

.PremiumServicesContainer
{
	width: 240px;
	text-align: left;
	margin-bottom: 30px;
}

.OurServicesContainer
{
	width: 240px;
	text-align: left;
	margin-bottom: 30px;
	float: right;
	position: relative;
	left: 150px;
	bottom: 20px;
}

.StandardPageText
{
	color: #34648C;
	font-family: Arial;
	font-size: 14px;
}

.LargePageText
{
	color: #34648C;
	font-family: Arial;
	font-size: 16px;
}

.VeryLargePageText
{
	color: #34648C;
	font-family: Arial;
	font-size: 18px;
}

.Large22PageText
{
	color: #34648C;
	font-family: Arial;
	font-size: 22px;
}

.StandardPageTextV
{
	color: #34648C;
	font-family: verdana;
	font-size: 14px;
}

.LargePageTextV
{
	color: #34648C;
	font-family: verdana;
	font-size: 16px;
}

.VeryLargePageTextV
{
	color: #34648C;
	font-family: verdana;
	font-size: 18px;
}

.PopupServiceBox
{
	position: absolute; 
	top: 100; 
	left: 0; 
	width: 410px; 
	border: solid 2px #34648C;
	background-color: White;
	padding: 8px 8px 8px 8px;
	display: none;
}

.FYOTopImage,
.FYOMiddleImage,
.FYOBottomImage,
.EnterpriseOverview
{
	background-image: url('../images/KnowledgeForYourOrganization.jpg');  
	background-repeat: no-repeat;
	display: block;
	float: left;
	clear: none;
}

.FYOTopImage
{
	width: 1020px;
	height: 130px;
	background-position: 0 0;
}
.FYOMiddleImage
{
	margin-top: 0px;
	margin-left: 140px;
	width: 900px;
	height: 200px;
	background-position: -160 -130;
}
.FYOBottomImage
{
	width: 250px;
	height: 130px;
	background-position: 0 -360;
	margin-left: 400px;
}

.EnterpriseOverview
{
	margin-top: 0px;
	width: 710px;
	height: 200px;
	background-position: -160 -130;
	top:10px;
	position:relative;
}

.MMTopImage,
.MMMiddleImage,
.MMBottomImage
{
	background-image: url('../images/KnowledgeMindMap.jpg');  
	background-repeat: no-repeat;
	display: block;
	float: left;
	clear: none;
}

.MMTopImage
{
	width: 1020px;
	height: 130px;
	background-position: 0 0;
}
.MMMiddleImage
{
	margin-top: 0px;
	width: 1000px;
	height: 210px;
	background-position: -20 -130;
}
.MMBottomImage
{
	width: 250px;
	height: 130px;
	background-position: 0 -360;
	margin-left: 400px;
}
.DailyWHYNoPermission
{
	font-family: Arial;
	font-size: 14px;
	color: Black;
}

.ContentSmallHeader
{
	color: #08c; font-weight: bold;
}

.ContentLargeHeader
{
	color: #515e81; 
	font-weight: bold;
	font-size:18px;
}


.ContentImageAdjusted
{
	width: 1000px;
	margin-left: -40px;
}

.ContentPageText
{
	font-family: Arial;
	font-size: 14px;
	text-align: left;
}

.ContentPageTextLink
{
	font-family: Arial;
	font-size: 14px;
	text-align: left;
	cursor:pointer;
}

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



.ContentPageBottomDiv
{
	text-align: center; 
	padding-bottom: 20px; 
	margin-bottom:0px;
	padding-top:0;
	margin-top:0;
	width: 1000px; 
	float: left; 
	clear: both;
	position:relative;
}

.ContentPageBottomLink
{
	font-family: Arial;
	font-size: 13px;
	text-decoration:underline; 
	margin-right: 15px; 
	color: #34648c;
}

.ContentPageBackLink
{
	font-family: Arial;
	font-size: 10px;
	color: #08c; 
}

.DetailsOverlayCodeOfKnowledge
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -5 -60;
	width: 160px;
	height: 90px;
}
.DetailsOverlaySocialisationAndInnovation
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -205 -55;
	width: 190px;
	height: 90px;
}
.DetailsOverlayPlaybooksAndExecution
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -410 -55;
	width: 170px;
	height: 90px;
}
.DetailsOverlayAlertsAndDashboards
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -650 -65;
	width: 140px;
	height: 85px;
}

.DetailsOverlayNotes
{
	height: 130px;
	width: 93px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -937 -890;
	margin-right: 30px;
	margin-top:0px;
}
.DetailsOverlayDiscussion
{
	height: 145px;
	width: 93px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -936 -753;
	margin-right: 20px;
}
.DetailsOverlayWeb
{
	height: 140px;
	width: 93px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -936 -600;
	margin-right: 30px;
}
.DetailsOverlayShare
{
	height: 180px;
	width: 230px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -858 -173;
	margin-right: 0px;
}
.DetailsOverlaySearch
{
	height: 120px;
	width: 240px;
	background-repeat: no-repeat;
	background-position: 0 -600;
}
.DetailsOverlayApp
{
	height: 120px;
	width: 240px;
	background-repeat: no-repeat;
	background-position: -250 -600;
}

.DetailsOverlayAPI
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -850 -55;
	width: 240px;
	height: 90px;
}
.DetailsOverlayProcessMapping
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -0 -150;
	width: 800px;
	height: 205px;
}
.DetailsOverlayCompliance
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -0 -350;
	width: 640px;
	height: 160px;
	margin-left: 100px;
	margin-bottom:20px;
}
.DetailsOverlayLearning
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -0 -515;
	width: 630px;
	height: 225px;
	margin-left: 100px;
}
.DetailsOverlayKnowledgeManagement
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');   */
	background-repeat: no-repeat;
	background-position: -0 -755;
	width: 577px;
	height: 225px;
	margin-left: 135px;
}
.DetailsOverlaySocialNetworking
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -0 -380;
	width: 810px;
	height: 155px;
	margin-left: 10px;
}
.DetailsOverlayTabsBox
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -935 -753;
	width: 120px;
	height: 130px;
}
.DetailsOverlayTabsBox2
{
	float: left;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */
	background-repeat: no-repeat;
	background-position: -250 -600;
	width: 130px;
	height: 130px;
	border-right: 20px solid white
}
.DetailsOverlayDashboard
{
	float: right;
	line-height: 0px;
	font-size: 0px;
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');   */
	background-repeat: no-repeat;
	background-position: -730 -370;
	width: 348px;
	height: 184px;
}

.DetailsOverlayGear
{
	background-repeat: no-repeat;
	background-position: -550 -600;
	width: 210px;
	height: 170px;
	margin-bottom:10px;
}
.DetailsOverlayIT
{
	background-repeat: no-repeat;
	background-position: -850 -600;
	width: 210px;
	height: 165px;
}
.DetailsOverlayTickbox
{
	line-height: 0px;
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: 0 -800;
	width: 35px;
	height: 30px;
	float: left;
}
.DetailsOverlayWHWInput
{
	font-size: 0px;
	background-repeat: no-repeat;
	background-position: -50 -800;
	height: 28px; 
	width: 320px; 
	float:left;
	margin-top:10px;
	padding:0px;
	margin-left:0px;
}

.WelcomeContactUsDiv
{
	position:relative;
	float:right;
	padding-right: 4px;
}

.WelcomeContactUsLink
{
	font-size:11pt;
	font-family: Arial;
	color:#303270;	
	float:left;
}
.WelcomeContactUsImage
{
	background-position:-10 -595;
	background-repeat: no-repeat;
	width:30px;
	height:20px;
	float:left;
	margin-top:2px;
	margin-left:2px;
}

.ContentSlideAdditionalInfoContainer
{
	position:relative;
	float:left;
	margin-top:10px;
	clear:both;
}


.ContentSlideLink,
.ContentSlideLinkText
{
	line-height:1.3;
	color:#18427B;
	font-size:16px;
	margin-top:12px;
}

.ContentSlideDocumentLink
{
	line-height:1.6;
	color:rgb(24,183,243);
	font-size:20px;
}


.ContentSlideLink,
.ContentSlideDocumentLink
{
		cursor:pointer;
}

.ContentSlideExample
{
	line-height:1.3;
	color:rgb(24,183,243);
	font-size:20px;
	float:none;

}

.LogoUnderline
{
	font-size: 0px;
	line-height: 0px;
	height: 2px;
	width: 180px;
	position: relative;
	bottom: 7px;
	float: left;
}

.logoUnderlineRed
{
	font-size: 0px;
	line-height: 0px;
	background-color: #DA1111;
	height: 2px;
	width: 30px;
	float: left;
}

.logoUnderlineGreen
{
	font-size: 0px;
	line-height: 0px;
	background-color: #017F01;
	height: 2px;
	width: 30px;
	float: left;
	margin-left: 53px;
}

.logoUnderlineBlue1
{
	font-size: 0px;
	line-height: 0px;
	background-color: #131E8B;
	height: 2px;
	width: 15px;
	float: left;
}

.logoUnderlineBlue2
{
	font-size: 0px;
	line-height: 0px;
	background-color: #131E8B;
	height: 2px;
	width: 15px;
	float: left;
	margin-left: 12px;
}

.backHomeImage
{
	
		background-repeat: no-repeat;
		background-position: -205 -191;
		width:22px;
		height:22px;
		float:left;
		margin:5 5 0 3;
		padding:0;
		position:relative;
}

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

.backHomeImageLink
{
		float:right;
		margin-right:3px;
		font-size:12px;
		padding-top:4px;
		padding: 4 0 0 0;
		font-family:calibri;
		
}



.WhyCloud
{
	background-repeat: no-repeat;
	background-position: -700px -170px;
	width: 340px;
	height: 242px;
	display: block;
}

.WhyCloudText
{
	background-repeat: no-repeat;
	background-position: -10px -170px;
	width: 400px;
	height: 70px;
	display: block;
}

.WhyCodeText
{
	background-repeat: no-repeat;
	background-position: -10px -334px;
	width: 460px;
	height: 70px;
	display: block;
}

.YourText
{
	background-repeat: no-repeat;
	background-position: -470px -7px;
	width: 176px;
	height: 70px;
	display: block;
	float:left;
}

.ShortWhyCodeText
{
	background-repeat: no-repeat;
	background-position: -135px -335px;
	width: 336px;
	height: 70px;
	display: block;
	float:left;
}

.OrganizationsText
{
	background-repeat: no-repeat;
	background-position: -10px -247;
	width: 450px;
	height: 70px;
	display: block;
	float:left;
}

.CodeYourText
{
	background-repeat: no-repeat;
	background-position: -290px -6px;
	width: 350px;
	height: 70px;
	display: block;
	float:left;

}



.WhyText
{
	background-repeat: no-repeat;
	background-position: -10px -170px;
	width: 160px;
	height: 75px;
	display: block;
	float:left;
}

.ProcessText
{
	background-repeat: no-repeat;
	background-position: -5px -6px;
	width: 270px;
	height: 75px;
	display: block;
	float:left;
	margin-left:15px;
}

.LeadershipText
{
	background-repeat: no-repeat;
	background-position: -6px -246px;
	width: 405px;
	height: 75px;
	display: block;
	float:left;
clear:both;

}

.ComplianceText
{
	background-repeat: no-repeat;
	background-position: -655px -6px;
	width: 400px;
	height: 75px;
	display: block;
	float:left;
	margin-left:15px;
}

.LearningText
{
	background-repeat: no-repeat;
	background-position: -6px -82px;
	width: 290px;
	height: 75px;
	display: block;
	float:left;
	margin-left:15px;
}

.WorkText
{
	background-repeat: no-repeat;
	background-position: -305px -82px;
	width: 190px;
	height: 75px;
	display: block;
	float:left;
	margin-left:15px;
}

.LifeText
{
	background-repeat: no-repeat;
	background-position: -501px -82px;
	width: 135px;
	height: 75px;
	display: block;
	float:left;
	margin-left:15px;
}

.MapsText
{
	background-repeat: no-repeat;
	background-position: -640px -82px;
	width: 190px;
	height: 75px;
	display: block;
	float:left;
	margin-left:15px;
}

.ITText
{
	background-repeat: no-repeat;
	background-position: -831px -82px;
	width: 70px;
	height: 75px;
	display: block;
	float:left;
}



.WhyOrganization
{
	background-repeat: no-repeat;
	background-position: -2px 0px;
	width: 360px;
	height: 320px;
	display: block;
	float:left;
	margin-top:-6px;
}
.WhyThinking
{
	background-repeat: no-repeat;
	background-position: -400px 0px;
	width: 240px;
	height: 350px;
	display: block;
	float:left;
	margin-left:50px;
	margin-top:-17px;
}
.WhyPaperGuy
{
	background-repeat: no-repeat;
	background-position: -670px 0px;
	width: 270px;
	height: 340px;
	display: block;
	float:left;
	margin-left:60px;
	margin-top:-7px;	
}
.WhyRedBlueGuy
{
	background-repeat: no-repeat;
	background-position: -970px 0px;
	width: 370px;
	height: 250px;
	display: block;
	float:left;	
	margin-top:-33px;
}
.WhySuccessBlocks
{
	background-repeat: no-repeat;
	background-position: 0px -390px;
	width: 330px;
	height: 240px;
	display: block;
	float:left;
	margin-top:20px;
}
.WhyGuyOnBooks
{
	background-repeat: no-repeat;
	background-position: -400px -380px;
	width: 375px;
	height: 250px;
	display: block;
	float:right;	
	float:left;
	margin-left:35px;
	margin-top:10px;
}
.WhyWomanWithKnowdes
{
	background-repeat: no-repeat;
	background-position: -872px -361px;
	width: 395px;
	height: 295px;
	display: block;
	float:left;	
	margin-left:58px;	
	margin-top:-13px;
}

.WhyMapAndCompass
{
	background-repeat: no-repeat;
	background-position: 0px -660px;
	width: 320px;
	height: 195px;
	display: block;
	float:left;		
	margin-left:100px;
	margin-top:35px;
}









.WHWSearchBox
{
	overflow: hidden; 
	height: 28px; 
	width: 290px; 
	visibility: visible; 
	font-family: arial; 
	font-size: 12px; 
	z-index: 200; 
	display: block; 
	margin:0px;
	padding: 5 0 0 6;
	border: none;
	resize: none;
	color: gray; 
	font-style: normal;
	margin:  0 0 0 0;
	float:left;
	border:1px solid #AAAAAA;

}

.GoButtonClickBox
{
	overflow: hidden;  		
	visibility: visible; 
	font-family: arial; 
	font-size: 12px; 
	z-index: 999; 	
	display: block; 
	margin:0px;
	padding: 0px;
	border: none;
	resize: none;
	margin:  0 0 0 0;
	float:left;
	border:1px solid #66CCFF;	
}


.GoButtonClickBoxImage
{
	background-position: -2px -65px;
	width: 28px; 
	height: 26px;
}

.GoButtonClickBoxImageHover,
.GoButtonClickBoxImage:hover
{
	background-position: -5px -117px;
	width: 28px; 
	height: 26px;
}

.HomeItemTitleDiv
{
	font-weight: bold; 
	font-size: 16px; 
	color: #515e81;
	float: left;
	padding-top: 5px;
}




.MapBgBox_10
{
	background-position: -880 -1040;
	margin-top:20px;
	left: -20px;
	width: 130px;
	background-repeat: no-repeat;	
	/* Move to sprite css central file
	background-image: url('../images/DetailsOverlaySprite.png');  */	
}

.Welcome_WhyLoop
{
	width:150px;
	height: 39px;
	display: block;
	/* Move to sprite css central file
  background-image: url(../images/DetailsOverlaySprite.png); */
  background-position: -529px -250px; 
  background-repeat: no-repeat;
	float: left;
	margin-top: 2px;
	margin-bottom:0px;
	margin-left: 30px;
	margin-right: 0px;
}


.CopyRightStyle
{
	font-size: 10px; 
	margin-top: 30px; 
	color: Gray; 
	margin-left: auto; 
	margin-right: auto; 
	width: 100%; 
	display: block;
	float:left;
	text-align:center;
	font-family: Arial;
}


.WelcomeAboutUs
{
		color: Gray; 
		font-size: 10px; 
		margin-right:10px;
}


/* Featured KG Styles*/
.FeaturedKG
{
	float:left;
	clear:both;
	margin-top:8px;
	cursor:pointer;
}

.FeaturedKGImage
{
  width:80;
  height:60;  
  float:left;
}

.FeaturedImage1
{
	background: url('../images/BalancedScorecard.jpg') no-repeat;	
}
.FeaturedImage2
{
	background: url('../images/IdeaLightbulb.jpg') no-repeat;
}

.FeaturedKGTextContainer
{
	float:left;
	font-family: arial; 
	font-size: 12pt; 
	width:260px;
	margin-left:10px;
	clear:right;
}

.FeaturedKGHeader
{
	font-weight:bold;
	color:#444444;
	font-size:16px;
}

.FeaturedKGSubtext
{
	line-height:1.2;
	font-size: 14px;
	color: gray;
	margin-top:0px;
}
/* Featured KG Styles*/

.HomePageList
{	
	line-height:1.25;
	font-size:18;
	padding-left:0;
	left:-10px;
	position:relative;
}

.SessionTimeOutImage
{

	background: url('../Images/SessionTimeout.png') no-repeat;
	background-position: 1 -1;
	width:75px; 
	height:63px;
	display:block;
	float:left;
	margin-top:-12px;
	padding:0;
}




.MapPaneHeader
{
	position: relative; 
	height:90px; 
	width:100%; 
	overflow:hidden;
	border-bottom:1px solid #CCCCCC;
}  


  
.ConceptTreeDiv
{
	float:left;
	height:70px;
	background: url('../Images/SessionTimeout.png') no-repeat;
	margin:10px;
	font-size:14px;
	font-family:calibri, Verdana;
	width:120px;
	font-weight:bold;
	padding-top:48px;
	color:#333333;

}


.ConceptTreeDiv:hover
{
	float:left;
	height:70px;
	margin:10px;
	font-size:14px;
	font-family:calibri, Verdana;
	width:120px;
	font-weight:bold;
	padding-top:55px;
	color:Red;

}

/*************start of new ui styles ********************/

.YourGenomeDiv
{
	font-size:12px;
	width:103px;
	font-family:calibri, Verdana;
	padding-top:0;
	font-weight:normal;
	height:35px;
	cursor:pointer;
	color:#333333;	
	margin-left:40px;
}

.YourGenomeDivHover,
.YourGenomeDiv:hover
{
	font-size:12px;
	width:103px;
	font-family:calibri, Verdana;
	padding-top:0;
	font-weight:normal;
	height:35px;
	cursor:pointer;
	color:red;	
	margin-left:40px;
}


.YourGenomeDivImage
{	
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:26px;
	font-weight:normal;
	background-position: -25 -66;
	height:26px;
	width:80px;
	margin:2 0 0 20;
	margin-top:2px;
	cursor:pointer;
	font-size:12px;
	padding-left:22px;
}

.YourGenomeDivImageHover
{	
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:26px;
	font-weight:normal;
	height:26px;
	width:80px;
	margin:2 0 0 20;
	margin-top:2px;
	cursor:pointer;
	font-size:12px;
	padding-left:22px;
	background-position: -28 -118;
	color:Red;
	
}


.YourGenomeDivImage:hover
{	
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:26px;
	font-weight:normal;
	height:26px;
	width:80px;
	margin:2 0 0 20;
	margin-top:2px;
	cursor:pointer;
	font-size:12px;
	padding-left:22px;
	background-position: -28 -118;
}


.YourGenomeLink
{
	font-size:12px; 
	font-weight:normal;
	color:#333333;	
}

.YourGenomeLinkHover
{
		font-size:12px; 
	font-weight:normal;
		color:Red;
}


.YourGenomeWelcomeImageDiv
{
	background: url('../Images/Sprite/BasicImages_All.png') no-repeat;
	background-position: -65 -623;
	height:44px;
	width:70px;
	cursor:pointer;
	margin-left:0px;
	color:#333333;
}

.YourGenomeWelcomeImageDiv:hover
{
	background: url('../Images/Sprite/BasicImages_All.png') no-repeat;
	background-position: -65 -623;
	height:44px;
	width:70px;
	cursor:pointer;
	margin-left:0px;
	color:Red;
}


.YourGenomeWelcomeDiv
{
	position:absolute;
	width:92px;
	text-align:left;
	font-family:calibri;
	font-size:14;	
	margin-left:20px;
	cursor:pointer;
	color:#333333;
}

.YourGenomeWelcomeDiv:hover
{
	position:absolute;
	width:92px;
	text-align:left;
	font-family:calibri;
	font-size:14;	
	margin-left:20px;
	color:red;
	cursor:pointer;
}


.YourGenomeLink
{
	font-size:12px; 
	font-weight:normal;
	color:#333333;	
}

.YourGenomeLinkHover
{
	font-size:12px; 
	font-weight:normal;
	color:Red;
}


.UltimateWhysDiv
{
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:0;
	font-weight:normal;
	height:35px;
	cursor:pointer;
	color:#333333;	
	margin-left:0px;
}

.UltimateWhysDivHover
{
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:0;
	font-weight:normal;
	height:35px;
	cursor:pointer;
	color:red;	
	margin-left:0px;
}


.UltimateWhysImage
{
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:25px;
	font-weight:normal;
	background-position: -210 -65;
	height:26px;
	width:42px;
	margin-left:33px;
	margin-top:2px;
	cursor:pointer;
	font-size:12px;	
	
}
.UltimateWhysImage:hover,
.UltimateWhysImageHover
{
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:25px;
	font-weight:normal;
	background-position: -213 -118;
	height:26px;
	width:42px;
	margin-left:33px;
	margin-top:2px;
	cursor:pointer;
	font-size:12px;
	color:Red !important;
}


.UltimateWhysLink
{
	font-size:12px; 
	font-weight:normal;
	color:#333333;	
}

.UltimateWhysLinkHover
{
	font-size:12px; 
	font-weight:normal;
	color:Red;
}

.KnowledgeGeneDiv
{
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:24px;
	font-weight:normal;
	height:35px;
	cursor:pointer;
	color:#333333;	
	margin-left:3px;
}

.KnowledgeGeneDiv:hover,
.KnowledgeGeneDivHover
{
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top:24px;
	font-weight:normal;
	height:35px;
	cursor:pointer;
	color:red;	
	margin-left:3px;
}


.KnowledgeGeneDivImage
{	
	font-size:12px;
	font-family:calibri, Verdana;
	padding: 24px 0 0 0;
	font-weight:normal;
	margin-left:15px;	
	height:27px;
	width:45px;
	margin-top:4px;
	cursor:pointer;
	background-position:16 -65;
}

.KnowledgeGeneDivImageHover,
.KnowledgeGeneDivImage:hover
{	
	font-size:12px;
	font-family:calibri, Verdana;
	padding: 24px 0 0 0;
	font-weight:normal;
	margin-left:15px;	
	height:27px;
	width:45px;
	margin-top:4px;
	cursor:pointer;
	color:Red !important;
	background-position:13 -117;
}


.InformationPaneVertical
{
	width:82px;	
	height:100%;
	float:left;
	border-right:1px solid #aaaaaa;
}

.InformationPaneHorizontal
{
	width:750px;
	float:left;
	background-color:#FAFAFA;
	border:0px solid white;
}

.WebSearchDivH,
.GenesSearchDivH,
.DiscussionsDivH,
.AttachedTextDivH,
.ApplicationPaneCloseButton
{
	width:85px;
	height:2px;
	float:left;
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top: 32px;
	font-weight:normal;
	color:#333333;
	cursor:pointer;
	margin-left:15px;
	white-space: nowrap;
	
}

.WebSearchDivH:hover,
.GenesSearchDivH:hover,
.DiscussionsDivH:hover,
.AttachedTextDivH:hover,
.WebSearchDivHhover,
.GenesSearchDivHhover,
.DiscussionsDivHhover,
.AttachedTextDivHhover
{
	width:85px;
	height:2px;
	float:left;
	font-size:12px;
	font-family:calibri, Verdana;
	padding-top: 32px;
	font-weight:normal;
	color:red;
	cursor:pointer;
	margin-left:15px;	
	white-space: nowrap;
}


.InformationPaneDivV
{
		width:100px;
	font-size:12px;
	font-family:Arial, Verdana;	
	z-index:999;
		background-position:-508 -62;
		height:3px;
		padding-top:36px;
		color:#333333;
		position:relative;
		float:left;
		cursor:default;
}




/*.InformationPaneDivV,*/
.WebSearchDivV,
.GenesSearchDivV,
.DiscussionsDivV,
.AttachedTextDivV
{
	cursor:pointer;
	width:100px;
	font-size:12px;
	font-family:Arial, Verdana;	
	z-index:999;
	font-weight:normal;
	color:#333333;
	float:left;

}


.WebSearchDivV:hover,
.WebSearchDivVhover,
.GenesSearchDivV:hover,
.GenesSearchDivVhover,
.DiscussionsDivV:hover,
.DiscussionsDivVhover,
.AttachedTextDivV:hover,
.AttachedTextDivVhover
{
	cursor:pointer;
	width:100px;
	font-size:12px;
	font-family:Arial, Verdana;	
	z-index:999;
	font-weight:normal;
	color:#333333;
	float:left;
	color:red;

}


.GoogleCSE
{
	background-position:-590 -120;
	width:80px;
	height:35px;
	float: left;
position:relative;
clear:right;
}

.WebTabLoadingOuterDiv
{
	float:left;
	clear:both;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	width:100%;
}


.WebSearchDivH
{
	background-position:-290 -60;
	margin-left:30px;
}

.WebSearchDivHhover,
.WebSearchDivH:hover
{
	background-position:-293 -110;
	margin-left:30px;
}



.WebSearchDivV
{
		padding: 34px 0 0 0;
		margin:60px 0 0 0;
		background-position:-288 -61;
		width:80px;
		height:10px;
		
}

.WebSearchDivVhover,
.WebSearchDivV:hover
{
		padding: 34px 0 0 0;
		margin: 60px 0 0 0;
		background-position:-291 -111;
		width:80px;
		height:10px;
}

.GenesSearchDivV
{
		padding-top: 34px;
		margin-top: 14px;		
		width:80px;
height:7px;
		background-position:15 -58;
}

.GenesSearchDivVhover,
.GenesSearchDivV:hover
{
		padding-top: 34px;
		margin-top: 14px;			
		width:80px;
		height:7px;
		background-position:12 -110;
}


.DiscussionsDivV
{
		padding-top: 34px;
		margin-top: 23px;		
		width:80px;
		height:7px;
		background-position:-359 -60;
}

.DiscussionsDivVhover,
.DiscussionsDivV:hover
{
		padding-top: 34px;
		margin-top: 23px;		
		width:80px;
	height:7px;
		background-position:-362 -113;
}

.AttachedTextDivV
{
		padding-top: 34px;
		margin-top: 23px;		
		width:80px;
		height:7px;
		background-position:-427 -60;
		padding-left: 24px;
}

.AttachedTextDivVhover,
.AttachedTextDivV:hover
{
		padding-top: 34px;
		margin-top: 23px;		
		width:80px;
		height:7px;
		background-position:-430 -115;
		padding-left: 24px;
}



.GenesSearchDivH
{
	background-position:16 -57;
}

.GenesSearchDivH:hover,
.GenesSearchDivHhover
{
	background-position:13 -109;
}


.DiscussionsDivH
{
	background-position:-364 -60;
}
.DiscussionsDivH:hover,
.DiscussionsDivHhover
{
	background-position:-367 -113;
}




.AttachedTextDivH
{
	background-position:-433 -58;
	width:70px;
	margin-left: 0px;
	padding-left: 18px;
}
.AttachedTextDivH:hover,
.AttachedTextDivHhover
{
	background-position:-436 -113;
	width:70px;
	margin-left: 0px;
	padding-left: 18px;
}








.ApplicationPaneCloseButton
{
	background-position:-527 -111;
	width:15px;
	height:20px;
	margin-left:3px;
}


.InformationPaneLine
{
	font-size: 0px;
	line-height: 0px;
	position: absolute;
	width: 100%;
	top: 54px;
  left: 0px;
	height: 0px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	z-index: 999;
	border-bottom: solid 1px #DDDDDD;
}



/*********************** This section is for the splitter pane *******************************/

#MySplitter
{
	height: 850px; /*width: 1245px;*/
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #aaa;
	margin-top: 0;
	padding: 0;
	margin-bottom: 0;
	color: #FAFAFA;
}

.splitter-pane {
	overflow: auto;
}

#MySplitter .splitter-bar-vertical {
	width: 18px;
	background: url('../Images/SplitterTabStick.png'); 
	background-repeat:repeat-y;
	background-position: 0px 0px;
/*	background: url('../Images/SplitterTabBottom2.png') repeat-y; */
	cursor:w-resize;
	background-color:#FAFAFA;
	top:1px;
}

.SplitterPaneContainer
{
	width:100%;
	height:100%;
}


.HomeSplitterTab
{
	background: url('../Images/tab.png') no-repeat;
	width:50px;
	height:100px;
	position:absolute;
	top:80px;
	left:-32px;
	cursor:w-resize;
}


/* New welcome page */
.HomeGridContainer
{
	width: 978px; 
	height: 456px;
	text-align: left;
	margin-top:20px;
}

.HomeGridContainerRow
{
	width: 976px; 
	height: 228px; 
	border-left: 1px solid #ccc; 
	float: left;
	text-align: left;
}

.HomeGridContainerBox
{
	height: 227px; 
	float: left;
	font-size: 15px;
	font-family: Calibri, arial;
}

.HomeGridContainerBox a
{
	font-size: 15px;
	font-family: Calibri,arial;
	clear:both;
}

#HomeGridContainerBox1
{
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	width: 486px;
	height:30px;
	float:left;
}

#HomeGridContainerBox2
{
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	width: 238px; 
}

#HomeGridContainerBox3
{
	border-bottom: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	width: 238px; 
}

#HomeGridContainerBox4
{
	border-right: 1px solid #ccc; 
	width: 486px;
}

#HomeGridContainerBox5
{
	border-right: 1px solid #ccc; 
	width: 238px; 
}

#HomeGridContainerBox6
{
	border-right: 1px solid #ccc; 
	width: 238px; 
}

.staticwhywelcome 
{
	color: #DA1111;
	font-weight: normal;
}

.statichowwelcome 
{
	color: #303270;
	font-weight: normal;
}

.staticwhatwelcome 
{
	color: #017F01;
	font-weight: normal;
}

.HomeGridContainerBoxContent
{
	width: 225px;
	margin-left: 8px;
	margin-top: 33px;
}

.HomeGridContainerBoxContentWide
{
	width: 486px;
}

.BoxTitle
{
	font-weight: bold;
	font-size: 20px;
	color:#303270;
	

}

.WHYCodeOrgImage,
#HomeGridContainerBox1,
#HomeGridContainerBox2,
#HomeGridContainerBox3,
#HomeGridContainerBox5,
#HomeGridContainerBox6
{
	background-image: url('../Images/HomePageTileImage.png');
	background-repeat: no-repeat;
}

#HomeGridContainerBox1,
.WHYCodeOrgImage
{
	display: block;
	background-position: -6px -4px;
	width: 486px;
	height: 227px;
}

#HomeGridContainerBox2
{ 
	background-position: -493px -0px;
}

#HomeGridContainerBox3
{ 
	background-position: -732px -4px;
}

#HomeGridContainerBox5
{
	background-position: -493px -232px;
}

#HomeGridContainerBox6
{
	background-position: -732px -232px;
}


#HomeGridContainerBox41
{
	background-image: url('../Images/DiscussionOfTheDay.png');
	background-repeat: no-repeat;
}
#HomeGridContainerBox41
{
	background-position: -0px -0px;
}

#HomeGridContainerBox42
{
	background-image: url('../Images/DiscussionOfTheDay2.png');
	background-repeat: no-repeat;
}
#HomeGridContainerBox42
{
	background-position: -0px -0px;
}

#HomeGridContainerBox4ComingSoon
{
	background-image: url('../Images/Jobs-and-Drucker.png');
	background-repeat: no-repeat;
}
#HomeGridContainerBox4ComingSoon
{
	background-position: -0px -0px;
}



#Leadership1,
#Leadership2,
#Leadership3,
#Leadership4,
#Leadership5,
#Information1,
#Information2,
#Information3,
#Information4,
#Information5
{
	float: right;
}

#Leadership1,
#Leadership2,
#Leadership3,
#Leadership4,
#Leadership5,
#Information1,
#Information2,
#Information3,
#Information4,
#Information5,
#Life1,
#Life2,
#Life3,
#ViewDailyMapLink,
#ViewDailyMapLinkText11,
#ViewDailyMapLinkText12,
#ViewDailyMapLinkText21,
#ViewDailyMapLinkText22
{
	line-height: 20px;
	color: #231F20;
	text-decoration: none;
}

#Leadership1:hover,
#Leadership2:hover,
#Leadership3:hover,
#Leadership4:hover,
#Leadership5:hover,
#Information1:hover,
#Information2:hover,
#Information3:hover,
#Information4:hover,
#Information5:hover,
#ViewDailyMapLink:hover,
#Life1:hover,
#Life2:hover,
#Life3:hover,
#ViewDailyMapLinkText11:hover,
#ViewDailyMapLinkText12:hover,
#ViewDailyMapLinkText21:hover,
#ViewDailyMapLinkText22:hover
{
	line-height: 20px;
	color: #231F20;
	text-decoration: underline;
}


/* Styles for the welcome page links */
.WelcomeBanner
{
	width: 1000px; height: 110px; margin-right: auto; margin-top: 0px; margin-left: auto; clear: both; text-align: left;
}
.WelcomeTitleBlurb
{
	float: left; width: 300px; margin-left: 80px;
}
.WelcomeStaticHeader
{
	margin-top: 20px; margin-bottom: 0px; font-family: Calibri, Arial; font-size: 16px; line-height: 1.4; font-weight:normal;
}
.WelcomeTitleImage
{
	 float: left; width: 235px; margin-left: 35px; margin-top: 20px;
}
.WelcomeViewMapButton
{
	float: left; width: 260px; margin-left: 15px;
}

.WelcomeContentArea
{
	width: 1005px; margin-right: auto; margin-top: 15px; margin-left: auto; clear: both;
}
.WelcomeMapArea
{
	float: left; width:600px; text-align: left;
}
.WelcomeTextArea
{
	float: left; width:400px; text-align: left; font-family:calibri, arial; font-size: 14px; line-height: 1.5;
}
.WelcomeMapAreaImage
{
	margin-top:10px; cursor: pointer;
}
.WelcomeInteractiveMapLink
{
	color: #32126C; cursor: pointer; font-family: Calibri, Arial; font-size: 12px; line-height: 1.4; display: block; padding-top: 17px;
}