﻿.TabStrip, .LeftTabStrip, .SelectedTab, .VisibleTab, .VisibleLeftTabWhatIcon, .SelectedLeftTabWhatIcon
{
	display: block;
	float: left;
	line-height: 15px;
	font-family: Verdana;
	color: #1F497D;
	font-size: 12px;
}

.SelectedTab
{
	color: #33CC33;
	font-weight:bold;
}

a.VisibleTab:hover, a.SelectedTab:hover
{
	color: #33CC33;
	text-decoration: none;
}

a.SelectedTab:active
{
	color: #33CC33;
	text-decoration: none;
	font-weight:bold;
}

.TabStripContainer
{
	margin-left: 15px;
	margin-right: auto;
	text-align: center;
}

.LeftTabStripContainer
{
	/*position: absolute;
	margin-top: 8px;*/
	left: 0px;
	/*width: 240px;*/
	text-align: center;
	height:100%;
}

.LeftTabStrip
{
	display: none;
}

.LeftTabContainer
{
	display: block;
	margin-left: 50px;
}

.TabStrip
{
	float: none;
	background-image: none;
	color: #6B619C;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}

.LeftTabNoIcon
{
	display: none;
}

.VisibleLeftTabWhatIcon
{
	width: 13px;
	background-position: -71px 0px;
}

.SelectedLeftTabWhatIcon
{
	width: 15px;
	background-position: -55px 0px;
}

/**************************Left Pane Expander Option Box **********************/

.LeftPaneCollapseArrow
{
	background-position: -334px -257px;
	width: 19px;
	height: 12px;
	font-size: 0;
	position: absolute;
	cursor: pointer;
	top: 19px;
	right: -1px;
	z-index:200;
}


.LeftPaneExpandWhyMostObjectiveOptionBoxShow,
.LeftPaneExpandConceptOptionBoxShow,
.LeftPaneExpandWhyMostObjectiveOptionBoxHide,
.LeftPaneExpandConceptOptionBoxHide,
.KeepKGYouMapsContainer
{
	top: 43px;	
	position: absolute;
	text-align: center;
	background-color:White;
	font-size: 0px; 
	line-height: 0px;
	/*z-index:2;*/
}

.LeftPaneExpandOptionBoxShow,
.LeftPaneExpandOptionBoxHide
{
	top: 35px;	
	position: relative;
	text-align: center;
	font-size: 0px; 
	line-height: 0px;
	text-align:center;
	cursor:pointer;
	height: 1px;
	padding:0;
	margin:0;
	z-index:0;
}

.LeftPaneExpandOptionBoxShow,
.LeftPaneExpandOptionBoxHide
{
	width:0px;
	left: 30px;
}


.KeepKGYouMapsContainer
{
	width: 74px;	
}

.LeftPaneExpandConceptOptionBoxShow,
.LeftPaneExpandConceptOptionBoxHide
{
	width: 69px;	
}

.LeftPaneExpandWhyMostObjectiveOptionBoxShow,
.LeftPaneExpandWhyMostObjectiveOptionBoxHide
{
  width: 99px;
}


.LeftPaneExpandConceptOptionBoxShow,
.LeftPaneExpandConceptOptionBoxHide
{
	left: 185px;
	height: 30px;
}

.LeftPaneExpandWhyMostObjectiveOptionBoxShow,
.LeftPaneExpandWhyMostObjectiveOptionBoxHide
{
	left: 3px;
	height: 30px;
}



.LeftPaneExpandWhyMostObjectiveOptionBoxShow,
.LeftPaneExpandConceptOptionBoxShow,
.KeepKGYouMapsContainer
{
	border: solid 1px #D9D9D9;
}



.LeftPaneExpandWhyMostObjectiveOptionBoxHide,
.LeftPaneExpandConceptOptionBoxHide
{
	border:none 0px white;
	/*display: none;*/
}

.LeftPaneExpandWhyMostObjectiveOptionBoxHideHide,
.LeftPaneExpandConceptOptionBoxHideHide
{
	display:none;
}

.LeftPaneExpandOptionBoxHidden,
.LeftPaneExpandWhyMostObjectiveOptionBoxHidden,
.LeftPaneExpandConceptOptionBoxHidden
{
	display:none;
}

.LeftPaneExpanderWhatIsArrow,
.LeftPaneExpanderWhatArrow,
.LeftPaneExpanderWhatIsArrowGrey,
.LeftPaneExpanderWhatArrowGrey
{
	left: 3px;
	position: absolute;
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	height: 13px;	
	width: 22px;
	cursor:pointer;
	font-size: 0px;
	line-height: 0px;
}

.LeftPaneExpanderWhatIsArrow
{
	background-position: -500px -250px;
	top: 0px;
}

.LeftPaneExpanderWhatArrow
{
	background-position: -500px -278px;
	top: 14px;
}

.LeftPaneExpanderWhatIsArrowGrey
{
	background-position: -523px -250px;
	top: 0px;
}

.LeftPaneExpanderWhatArrowGrey
{
	background-position: -523px -270px;
	top: 20px;
}

.LeftPaneExpandOptionText,
.LeftPaneExpandOptionText_Selected,
.LeftPaneExpandWhyMostObjectiveOptionText,
.LeftPaneExpandWhyMostObjectiveOptionText_Selected,
.LeftPaneExpandConceptOptionText,
.LeftPaneExpandConceptOptionText_Selected,
.KeepKGYouMapsText
{
	font-family: Verdana;
	color: #1F497D;
	font-size: 12px;
	float: left;
	line-height: 12px;
}

.LeftPaneExpanderWhyMostObjectiveText
{
	font-family: Verdana;
	color: #1F497D;
	font-size: 12px;
	float: left;
	line-height: 12px;
}



.LeftPaneExpandOptionText,
.LeftPaneExpandOptionText_Selected,
.LeftPaneExpandConceptOptionText,
.LeftPaneExpandConceptOptionText_Selected,
.LeftPaneExpandWhyMostObjectiveOptionText,
.LeftPaneExpandWhyMostObjectiveOptionText_Selected,
.KeepKGYouMapsText
{
	margin-top: 8px;
	margin-left: 3px;
}


.LeftPaneExpandOptionText,
.LeftPaneExpandOptionText_Selected
{
	position:absolute;
}

.LeftPaneExpandOptionText_Selected,
.LeftPaneExpandConceptOptionText_Selected,
.LeftPaneExpandWhyMostObjectiveOptionText_Selected
{
	color: #33CC33;
	font-weight:bold;
}


.LeftPaneExpandWhyMostObjectiveOptionText_Selected
{
	color: #4BB34A;
	font-weight:bold;
}
.LeftPaneExpandWhatOptionText_Selected
{
	color: #4BB34A;
	font-weight:bold;
}

.LeftPaneExpandOptionArrowShow,
.KeepKGYouMapsArrow
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat;  */
	background-position: -365px -254px;
	width: 17px;
	height: 16px;
	position: absolute;
	top: 20px;
	right: -4px;
	cursor: pointer;
	display:block;
}

.ArrowDownRestore
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat;  */
	background-position: -365px -254px;
	width: 17px;
	height: 16px;
	position: absolute;
	top: 2px;
	left: 30px;
  display:inline-block;
	z-index: 110;
	cursor: pointer;
}

.LeftPaneExpandOptionArrowHide,
.HiddenArrowDownRestore
{
	display:none;
}

a.LeftPaneExpandOptionText:hover, a.BottomPaneExpandOptionText:hover, a.LeftPaneExpandOptionText_Selected:hover
{
	color: #33CC33;
	text-decoration: none;
}


a.LeftPaneExpandWhyMostObjectiveOptionText:hover, a.LeftPaneExpandWhyMostObjectiveOptionText_Selected:hover 
{
	color: #4BB34A;
	text-decoration: none;
}

a.LeftPaneExpandWhatOptionText:hover, a.LeftPaneExpandWhatOptionText_Selected:hover
{
	color: #4BB34A;
	text-decoration: none;
}


a.LeftPaneExpandConceptOptionText:hover, a.LeftPaneExpandConceptOptionText_Selected:hover
{
	color: #4BB34A;
	text-decoration: none;
}

/**************************Left Pane Expander Option Box **********************/

.BottomPaneCollapseArrow
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: -387px -257px;
	width: 19px;
	height: 12px;
	margin-top: 5px;
	font-size: 0;
	float: right;
	position: relative;
	cursor: pointer;
	top: 0;
	right: 10px;
}

.BottomPaneExpandOptionBoxShow
{
	width: 90px;
	/*height: 220px;
	border: solid 1px #D9D9D9;*/
	bottom: 10px;
	left: 0px;
	position: absolute;
	z-index: 110;
	text-align: center;
	background-color: white;
}

.BottomPaneExpandOptionBoxHide
{
	display: none;
}

.BottomPaneExpandOptionText
{
	font-family: Verdana;
	color: #1F497D;
	font-size: 12px;
	margin-top: 12px;
	margin-left: 12px;
	float: left;
}

.BottomPaneExpandOptionArrow
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: -387px -254px;
	width: 18px;
	height: 17px;
	position: absolute;
	top: -8px;
	left: 30px;
	cursor: pointer;
}

.BottomPaneExpandOptionArrowFull
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: -337px -278px;
	width: 15px;
	height: 19px;
	position: absolute;
	top: -12px;
	left: 5px;
	cursor: pointer;
}

#BottomPaneExpanderText_Help
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: -407px -278px;
	width: 18px;
	height: 18px;
	padding-left: 25px;
}

/********************************************************************************/

.HiddenTab, .HiddenTabLeft, .HiddenTabMiddle, .HiddenTabRight
{
	display: none;
	/*height:0px;*/
}

#TCC_genes, #TCC_myprofile, #TCC_web, #TCC_more
{
	/*overflow: scroll;
	height:100%;*/
}

#TCC_communities
{

}

#TCC_moretext
{
	border-top: solid 8px #FAFAFA; /*Change back to 38px if toolstrip class is show again in 35px, or 22 to show full doc link, 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*/
	width:98%;
	height:100%;
}

#TCC_genes, #TCC_myprofile, #TCC_web
{
	border-top: solid 5px #FAFAFA; /*Change back to 35px if toolstrip class is show again in 35px, 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*/
}

/**********************************************************************************/

.TopLevelContainer
{
	width: 100%;
	/*height: 100%;*/
	background-color: #FAFAFA;
	color: #6B619C;
	display: block;
}
.TabContainerShown
{
	/*height: 100%;
	overflow:auto;
  */

	display: block;
	
	background-color:#FAFAFA;
}
.TabContainerHidden
{
	display: none;
}

.TabLoadingIcon
{
	width: 100%;
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 300; /* needs to be in front of map toolbar */
}
/**********************************************************************************/

.WebTabControl_WebDocumentIcon, .WebTabControl_WebDocumentTitle, .WebTabControl_WebDocumentSnippet, .WebTabControl_WebDocumentUrl
{
	/*height: 45px;*/
	float: left;
}

.WebTabControl_WebDocumentIcon
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: -50px -250px;
	width: 36px;
	margin-right: 10px;
	height: 36px;

}
.WebTabControl_WebDocument
{
	width: 900; /*654*/
	white-space: nowrap;
	padding-left: 1em;
	padding-bottom: 1em;
	height: 65px;
}
.WebTabControl_WebDocumentTitle
{
	height: 20px;
	color: #2200C1;
	width: 900px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: arial;
	font-size: 16px;
	cursor: pointer;
	text-decoration: underline;
}
.WebTabControl_WebDocumentSnippet
{
	height: 20px;
	color: #444444;
	width: 900px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: verdana;
	font-size: 13px;
	padding-top: 2px;
}
.WebTabControl_WebDocumentUrl
{
	height: 20px;
	color: #999999;
	width: 654px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	font-family: verdana;
	cursor: pointer;
}

/**********************************************************************************/

.GenesTabControl_GenesDocumentIcon, .GenesTabControl_GeneDocumentTitle, .GenesTabControl_GenesDocumentDescription, .GenesTabControl_GeneDocumentLink, .GenesTabControl_GenesDocumentAvatarHolder, .GenesTabControl_GenesDocumentAvatar, .GenesTabControl_GenesDocumentAvatarName
{
	/*height: 45px;*/
	float: left;
}

.GenesTabControl_GenesDocumentIcon
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: 0px -252px;
	width: 36px;
	height: 36px;
	margin-right: 10px;
}
.GenesTabControl_GenesDocument
{
	width: 624px;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	padding-left: 1em;
	padding-bottom: 1em;
	height: 65px;
}
.GenesTabControl_GeneDocumentTitle
{
	height: 20px;
	color: #2200C1;
	width: 604px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: arial;
	font-size: 16px;
	cursor: pointer;
	text-decoration: underline;
}
.GenesTabControl_GenesDocumentDescription
{
	height: 20px;
	color: #444444;
	width: 604px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: verdana;
	font-size: 13px;
	padding-top: 2px;
}
.GenesTabControl_GeneDocumentLink
{
	height: 20px;
	width: 604px;
	color: #999999;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 12px;
	font-family: verdana;
	cursor: pointer;
	margin-top: -1px;
}

.GenesTabControl_GeneDocumentLink a:hover 
{
  text-decoration:underline;
}
.doc_Url
{
	color: #999999;
	float: left;
	width: 700px;
	padding-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 10px;
}
A.doc_Url
{
	color: #999999;
	float: left;
	width: 604px;
	padding-top: 2px;
	overflow: hidden;
	text-overflow: ellipsis;
	font-size: 10px;
}
.GenesTabControl_GenesDocumentAvatar
{
	margin-left: 16px;
	width: 40px;
	height:40px;
	text-align: center;
	cursor: pointer;
}
.GenesTabControl_GenesDocumentAvatarName
{
	width: 68px;
	/*height: 11px;*/
	font-size: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: #929292;
	cursor: pointer;
}
.GenesTabControl_GenesDocumentAvatarHolder
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 68px;
	height: 100%;
	float: left;
}
.GenesTabControl_SwitchHomePage
{
	text-decoration: underline;
	float: left;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	text-align: center;
	cursor: pointer;
	font-family: Verdana;
	font-size: 10px;
	width: 100%;
}

.KGSpliterPanePageContentDivOverFlow
{
	width: 100%;
	overflow: auto;
	padding: 0;
	border-collapse: collapse;
	float: left;
	text-align: left;
}

/***************************** Left Pane KG Tab & Keep KG popup List**********************************/

.LeftPaneMyKGControl_GenesDocumentIcon, .LeftPaneMyKGControl_GeneDocumentTitle, .LeftPaneMyKGControl_GenesDocumentDescription, .LeftPaneMyKGControl_GenesDocumentAvatarHolder, .LeftPaneMyKGControl_GenesDocumentAvatar, .LeftPaneMyKGControl_GenesDocumentAvatarName, LeftPaneMyKGControl_GenesDocumentAuthorName,
.KeepKGPopupControl_GenesDocument, .KeepKGPopupControl_GenesDocumentIcon, .KeepKGPopupControl_GeneDocumentTitle, .KeepKGPopupControl_GenesDocumentDescription, .KeepKGPopupControl_GenesDocumentAvatarHolder, .KeepKGPopupControl_GenesDocumentAvatar, .KeepKGPopupControl_GenesDocumentAvatarName
{
	height: 45px;
	float: left;
}

.LeftPaneMyKGControl_Empty_GenesDocument
{
	height: 45px;
	/*float:left;*/
}

.LeftPaneMyKGControl_GenesDocument 
{
	float: left;
	width:400px;
	padding-top:8px;
	padding-bottom:3px;
	position: relative;
}

.LeftPaneMyKGControl_GenesDocumentIcon
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: 0px -252px;
	float: left;
	width: 36px;
	height: 36px;
	margin-right: 10px;
}

.LeftPaneMyKGControl_GenesDocument,
.KeepKGPopupControl_GenesDocument,
.LeftPaneMyKGControl_Empty_GenesDocument
{
	/*width: 184px;*/
	overflow: hidden;
	white-space: nowrap;
}
/*
.LeftPaneMyKGControl_GenesDocument
{
	width: 226px;
	float:left;
	padding-top: 5px;
	position: relative;
}
*/

.LeftPaneMyKGControl_GenesDocument:hover
{
	background-color: #fafafa;
}

.LeftPaneMyKGControl_Empty_GenesDocument
{
	width: 160px;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #D9D9D9;
}

.KeepKGPopupControl_GenesDocument
{
	width:300px;
}

.KeepKGPopupControl_GeneDocumentTitle
{
	height: 17px;
	color: #434e81;
	float: left;
	/*width: 200px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: arial;
	font-size: 12px;
	cursor: pointer;
}

.LeftPaneExampleKGHeader
{
	font-size: 12px;
	font-family: arial;
	color: #4F79A9;
	font-size: 11px;
	text-align:left;
	margin:0 0 8 0;
}

.LeftPaneMyKGControl_GeneDocumentTitle
{
	width:220px;
	height: 18px;
	color: #434e81;
	float: left;
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: arial;
	font-size: 12px;
	cursor: pointer;
}

.LeftPaneMyKGControl_GeneDocumentLeftDiv
{
	float: left;
	width: 30px;
}
.LeftPaneMyKGControl_GeneDocumentRightDiv
{
	float: left;
	width: 230px;
	padding-left: 3px;
}

.KeepKGPopupControl_GeneDocumentTitle
{
	width:300px;
}

.LeftPaneMyKGControl_GenesDocumentDescription,
.KeepKGPopupControl_GenesDocumentDescription
{
	height: 12px;
	color: #444444;
	float: left;
	/*width: 200px;*/
	overflow: hidden;
	text-overflow: ellipsis;
	font-family: verdana;
	font-size: 10px;
}

.LeftPaneMyKGControl_GenesDocumentDescription
{
	width:200px;
}

.KeepKGPopupControl_GenesDocumentDescription
{
	width:300px;
}
.LeftPaneMyKGControl_GeneDocumentLink
{
	font-family: Verdana;
	margin-top: -3px;
	height: 15px;
	color: #999999;
}
.LeftPaneMyKGControl_GeneDocumentPublish
{
	font-family: Verdana;
  margin-top: 3px;
	height: 15px;
	color: #434e81;
	float:left;
	font-size:10px;
	margin-left: 30px;
}
.LeftPaneMyKGControl_GeneDocumentRemoveShow
{
	display:block;
	float:right;
	/* Move to sprite css central file
	BACKGROUND: url(../images/BaseControls/BasicImages_All.png) no-repeat -30px -15px;	 */
	background-position: -30px -15px;
	CURSOR: pointer;
	font-family: Arial;
	font-size:0px;
	height: 14px;
	width: 14px;
	top: 0px;
	right: 0px;
	position: absolute;
}
.LeftPaneMyKGControl_GeneDocumentRemoveHide
{
	display:none;
}


.LeftPaneMyKGControl_PublicVersionText
{
	float:left;
	clear:both;
}

#LeftHandSortableNavigationControl_LeftPaneMyKnowledgeControl_Grid tr:hover
{
	background-color: #f7f7f7;	
	/*outline:solid 1px black;
	border:solid 1px black;*/
}
.KeepKGPopupControl_GenesDocumentAvatar
{
	margin-left: 16px;
	width: 30px;
	height: 30px;
	text-align: center;
	cursor: pointer;
}
.LeftPaneMyKGControl_GenesDocumentAvatar
{
	width: 30px;
	height: 30px;
	cursor: pointer;
	margin-right:5px;
}
.LeftPaneMyKGControl_GenesDocumentAvatarName,
.KeepKGPopupControl_GenesDocumentAvatarName
{
	width: 63px;
	height: 11px;
	font-size: 9px;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: center;
	color: #929292;
	cursor: pointer;
}
.LeftPaneMyKGControl_GenesDocumentAuthorName
{
	width: 220px;
	height: 14px;
	font-size: 10px;
	font-family: verdana;
	overflow: hidden;
	text-overflow: ellipsis;
	text-align: left;
	color: #929292;
	cursor: pointer;
}
.LeftPaneMyKGControl_GenesDocumentAvatarHolder,
.KeepKGPopupControl_GenesDocumentAvatarHolder,
.LeftPaneMyKGControl_Empty_GenesDocumentAvatarHolder
{
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	width: 63px;
}

.LeftPaneMyKGControl_GenesDocumentAvatarHolder,
.KeepKGPopupControl_GenesDocumentAvatarHolder
{
	height: 100%;
	float: left;
}

.LeftPaneMyKGControl_Empty_GenesDocumentAvatarHolder
{
	float:left;
	height: 45px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 1px #D9D9D9;
}

.LeftPaneMyKGControl_Empty_Header
{
	border-bottom: solid 1px #D9D9D9;
	padding-bottom: 15px;
}

.LeftPaneRowHighlight
{
	background-color: #E8EFF6;
}

.LeftPaneMyKGControl_GeneShare
{
	/* Move to sprite css central file
	background: url('../images/BaseControls/BasicImages_All.png') no-repeat;  */
  width:57px;
  height:14px;
  background-position: -519px -71px;
  cursor: pointer;
  float: left;
}

.LeftPaneMyKGControl_GeneNoShare
{
	/* Move to sprite css central file
	background: url('../images/BaseControls/BasicImages_All.png') no-repeat;   */
  width:57px;
  height:14px;
  background-position: -519px -511px;
  float: left;
}

.LeftPaneMyKGControl_ToCopy
{
	float:left;
	width:21px;
	height:17px;
	/* Move to sprite css central file
  background: url('../images/BaseControls/BasicImages_All.png') no-repeat; */
  background-position: -460px -30px; 
  cursor:pointer;
  margin-top: -4px;
}

.LeftPaneMyKGControl_ToCopySpacer
{
	float:left;
	width:21px;
	height:17px;
  margin-top: -4px;
}

/*********************************************************************************
ToolStrip
**********************************************************************************/
.ToolStrip
{
	display: block;
	/*height: 35px;
  Hide the toolstrip for new layout*/
	height: 0px;
	line-height: 22px;
	font-family: verdana;
	font-size: 10px;
	color: #6B619C;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	position:absolute;	
	top:0px;
	width:100%; /*800px;*/
	background-color:#FAFAFA;
	left:50px;
}

.LeftToolStrip
{
	display: block;
	height: 22px;
	width: 100%;
	line-height: 22px;
	font-family: verdana;
	font-size: 10px;
	color: #6B619C;
	float: left;
}

.ToolStripUCDiv
{
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	display: none;
}

#KGToolStrip_WhatIntoKnowde
{
	margin-right: 0px;
}

.ToolStripUCDivLeft
{
	/* Move to sprite css central file
	background-image: url(../Images/Middle_All.png);*/
	background-position: -1140px;
	background-repeat: repeat-y;
	width: 215px;
	height: 100%;
	text-align: left;
	display: block;
	float: right;
	margin-top: 5px;
	margin-left: 56px;
}

.ToolStripUCSearchBox
{
	font-size: xx-small;
	width: 200px;
	float: left;
	margin-top: 2px;
	margin-left: 2px;
	height: 18px;
}

.ToolStripUCSearchButton
{
	text-decoration: underline;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	cursor: pointer;
	font-family: Verdana;
	font-size: 10px;
}

.ToolStripUCAddLink
{
	text-decoration: underline;
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	cursor: pointer;
	font-size: 9px;
}

.ToolStripFullTextViewLink
{
	float: left;
	margin-top: 0px;
	margin-left: 5px;
	cursor: pointer;
	color:Black;
}

a.ToolStripFullTextViewLink:hover
{
	color: #33CC33;
	text-decoration: none;
}

/*********************** Left Pane Header ***************************/

.LeftPaneHeaderDiv
{
	width: 270px;
	/*height: 25px;
	float: left;*/
	color: #1F497D;
	font-size: 14px;
	text-align: center;
	position:absolute;
}

/*********************** Left Pane Tab Strip ************************/

.LeftPane_EmptyMapsConatainer
{
  -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: absolute;
  /*float:left;*/
  margin:auto;
  width:90%;
  overflow:auto;
  top:100px;
  left: 15px;
}

.LeftPaneSelectedTab, .LeftPaneVisibleTab
{
	display: block;
	float: left;
	margin-left: 35px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 12px;
	padding-top: 3px;
}

.LeftPaneSelectedTab
{
	color: #33CC33;
}

.LeftPaneVisibleTab
{
	color: #1F497D;
}

a.LeftPaneVisibleTab:hover, a.LeftPaneSelectedTab:hover
{
	color: #33CC33;
	text-decoration: none;
}

.LeftPaneWhatTabImage
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	background-position: -409px -252px;
	width: 11px;
	height: 21px;
}

/*#LTHC_whats
{
	background-position: -409px -252px;
	padding-left: 15px;
	height: 21px;	
}*/

/* ----- LeftPane Grid Override styles------------------------------- */
.LeftPaneListView_Grid
{
	font-size: x-small;
	color: #434e81;
	font-family: arial;
	clear: both;
}

.KeepKGPopupListView_Grid
{
	border: solid 1px white;
	font-size: x-small;
	color: #434e81;
	font-family: arial;
	margin: auto;
	clear: both;
}

.KeepKGPopupListView_Grid
{
	/*width:450px;*/
	margin-left:30px;
}

.LeftPaneListView_Grid td
{
	border-top: solid 1px #e6e6e6;
	border-bottom: solid 1px #e6e6e6;
}

.ListView_Grid a:hover
{
	text-decoration: underline;
}



/*********************** Sem Tree Control *******************************/

.SemTreeContainer
{
	display: block;
	overflow: auto;
	margin-top: 5px;
	margin-left: 5px;
}


/***************************** Keep KG Popup Control **********************/

.KeepKGPopupControl
{
	position:absolute;
	float:left;
	top:100px;
	height:300px;
	overflow:auto;
	width:495px;
	/*width:100%;*/
}

.KeepKGPopupControl_Header
{
	font-size:20px;
	/*position:absolute;
	float:left;
	top:20px;*/
	padding-bottom:120px;
	text-align:center;
	width:500px;
}

.KeepKGPopupControl_Register_New,
.KeepKGPopupControl_SignIn_New,
.KeepKGPopupControl_No_New,
.KeepKGPopupControl_Register_Leave,
.KeepKGPopupControl_SignIn_Leave,
.KeepKGPopupControl_No_Leave,
.KeepKGPopupControl_Cancel,
.KeepKGPopupControl_OK,
.KeepKGPopupControl_Register_MouseOver,
.KeepKGPopupControl_SignIn_MouseOver,
.KeepKGPopupControl_No_MouseOver,
.KeepKGPopupControl_OK_MouseOver
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat; */
	width: 80px;
	height: 28px;
	float:right;
	cursor:pointer;
}

.KeepKGPopupControl_SignIn_New,
.KeepKGPopupControl_SignIn_Leave
{
	background-position: -247px -390px;	
}

.KeepKGPopupControl_Register_New,
.KeepKGPopupControl_Register_Leave
{
	background-position: -331px -390px;	
}

.KeepKGPopupControl_Cancel,
.KeepKGPopupControl_No_New,
.KeepKGPopupControl_No_Leave
{
	background-position: -414px -390px;	
}

.KeepKGPopupControl_OK
{
	background-position: -497px -390px;	
}

.KeepKGPopupControl_SignIn_MouseOver
{
	background-position: -247px -422px;	
}

.KeepKGPopupControl_Register_MouseOver
{
	background-position: -331px -422px;	
}

.KeepKGPopupControl_No_MouseOver
{
	background-position: -414px -422px;	
}

.KeepKGPopupControl_OK_MouseOver
{
	background-position: -497px -422px;	
}
												
.KeepKGPopupControl_Cancel
{
	left: 265px;
	top:150px;
}
.KeepKGPopupControl_OK
{
	left: 115px;
	top:150px;
}

a.KeepKGPopupControl_Cancel:hover,
a.KeepKGPopupControl_OK:hover
{
	text-decoration:none;
	border:solid 2px #FFC411;
	outline: #FFAC42 solid 3px;
}

.KeepKGPopupControl_Loading
{
	position:absolute;
	top:200px;
}

.KeepKGYouMapsContainer
{
	top: 65px;
	left:15px;
	height:30px;
}

.KGCommunityControl_OptionDiv
{

	width:495px;
  height: 45px;  
  display: block;
  z-index:200000;

}

.KGCommunityControl_OptionDivHidden
{
  display: none;
}

.KGCommunityControl_AlertsCheckbox
{
  width:20px;
  height:25px;
  float:left;
  margin-left:0px;
  margin-top: 0px;
  clear:left;
}

.KGCommunityControl_AlertsLabel
{
  float:left;
  width: 190px;
  height:30px;
  font-family: Arial;
  font-size: 10px;
  color: #1F497D;
  margin-left:7px;
  margin-top:2px;
  text-align: left;
}

.KGCommunityControl_FilterLabel
{
  float:left;
  width: 100px;
  height:15px;
  font-family: Arial;
  font-size: 10px;
  color: #1F497D;
  text-align:left;
  margin-left:10px;
  margin-top:3px;
}

.KGCommunityControl_Filter
{
  float:left;
  width:155px;
  height:15px;
  font-family: Arial !important;
  font-size: 10px !important;
  color: #1F497D;
  margin-left:1px;  

}

/* hack for now */
#TCC_ctl02_AppOptionsNavigationControl_CommunityFilter
{
  float:left;
  width:155px;
  height:15px;
  font-family: Arial;
  font-size: 10px;
  color: #1F497D;
  margin-left:0px;  
  margin-top:1px;
}





/***************************** Share Settings Control **********************/

.KGShareSettingControlDiv
{
	position:absolute;	
	z-index:1000;
}

.KGShareSettingControlLoadingDiv
{
	position:absolute;
	display: block;
	font-family:Verdana;
	font-size:xx-small;
	background-color:White;
	width:120px;
	padding: 5px;
	text-align:center;
	vertical-align:middle;
	border: 1px;
	border-style: solid;
	border-color: Gray;
}


/* Settings for edit permissions section */ 
.KGShareSettingEditPermissionsListContainer
{
	position:relative;
	clear:both;
	padding-top:7px;
	left:7px;
	float:left;
	display:none;
}

.KGShareSettingEditPermissionsList
{
	 position:relative;
	 width:450px;	
	 height:100px;
	 overflow:auto;	

}

.KGShareSettingEditPermissionsLabel
{
	position:relative;
	font-size: 14px;
	left:7px;
	top:10px;
	font-family: Arial;
	color: #515E81;
	float:left;
	width:402px;
}


.KGShareSettingShareImage
{
	background: url('../Images/ShareEnv.png') no-repeat;
	background-repeat: no-repeat;
	width: 70px; 
	height: 60px;
	top:10px;	
	position:relative;
	float:left;
	clear:right;
}



.KGShareSettingTableEmailCell,
.KGShareSettingTablePermissionCell,
.KGShareSettingTableRemoveCell,
.KGShareSettingTablePermissionHeaderCell,
.KGShareSettingTableEmailHeaderCell,
.KGShareSettingTableRemovePermissionHeaderCell
{
	font-family: Verdana;
	font-size:  12px;
	float: left;
}


.KGShareSettingTableEmailCell,
.KGShareSettingTableEmailHeaderCell
{
	width:250px;
	overflow:hidden;
}


.KGShareSettingTablePermissionCell,
.KGShareSettingTablePermissionHeaderCell
{
	width: 120px;
}


.KGShareSettingTableRemoveCell,
.KGShareSettingTableRemovePermissionHeaderCell
{
	width:60px;
}


.KGShareSettingRemoveButton
{
	width:20px;
	height:20px;
	background-position: -530px 0px;	
	cursor:pointer;	
	text-align:center;
	left: 15px;
	position:relative;
}


.KGShareSettingDropdownlist
{
	width:90px;
	float:left;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	
}

.KGShareSettingSharedRow
{
	clear:both;
}


/* List Header Label */
.KGShareSettingListHeader
{
	position:relative;
	padding-top:25px;	
	padding-left:7px;
	font-family: Verdana;
	color: #515E81;
	display:none;
}


.KGShareSettingNoSharingMessage
{
	position:absolute;
	font-family: Arial;
	font-size: 12px;
	color: blue;
	width: 300px;
	float:left;
	clear:both;
	top:0px;
	
}


/* End Settings for edit permissions section */ 



/*
This section is all the styles for the add users section
*/
.KGShareSettingAddPermissions
{
	position:relative;
	width: 475px;	
	font-family: Verdana;
	font-size: 12px;
	color: #515E81;
	float:left;
	clear:both;
	height:inherit;
	
}

.KGShareSettingAddPeopleLabel
{
	position:relative;
	width: 200px;
	height:100%;
	font-size: 14px;
	font-family: Arial;
	color: #515E81;		
	float:left;
	left:7px;
	margin: 0 0 0 0;
	clear:both;
	padding-bottom: 5px;
	padding-top: 5px;

}

.KGShareSettingPermissionSelector
{
	position:absolute;
	float:left;
	width:86px;
	left: 375px;
	top: 41px;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	display:none;

}

.KGShareSettingRecipientEmail
{
	position:relative;
	height: 70px;
	width: 450;
	clear:left;
	float:left;
	left:7px;
	padding-top:1px;
	font-family: Arial;
	color:Gray;
	font-size:12px;
}

.KGShareSettingMessageBody
{
	height: 55px;
	width: 300px;
}

.KGShareSettingPersonalMessage
{
	position:relative;
	height: 80px;
	width: 450px;
	padding-top:2px;
	float:left;
	left:7px;
	padding-top:0px;
	margin-left:0px;
	margin-right:0px;
	font-family: Arial;
	font-size:12px;
	padding-top: 0 0 0 0;
	color:Gray;

}

.KGShareSettingSendButton
{
	background: url('../Images/ButtonBG.png') no-repeat;
	background-repeat: no-repeat;
	width: 55px; 
	height: 28px;
	padding-top:9px;
	padding-left:13px;
	left:5px;
	position:relative;
	float:left;
	clear:left;
	cursor:pointer;
	font-size: 10px;
	margin-top:5px;
	

}

.KGShareSettingSenderName
{
	width: 300px;
}

.KGShareSettingLabelAddPeopleComment
{
	margin-left:0px;
	margin-right:0px;
	clear:both;
	float:left;
	position:relative;
	padding-top:5px;
	padding-bottom:7px;
	width:370px;
	left:8px;	
	height: 30px;
	font-size:10px;
	font-weight:bold;
}


.KGShareSettingFeedbackMessageHolder
{
	width: 300px;	
	float:left;
	clear:both;
	position:relative;
	padding-top:55px;
	overflow:hidden;	
}

.KGShareSettingFeedbackMessageDisplay
{
	margin-left:0px;
	margin-right:0px;
	clear:both;
	float:left;
	position:relative;
	padding-bottom:5px;
	padding-top:5px;
	width:380px;
	left:8px;	
	height: auto;
	font-size:10px;

}

/***************************** End Share Settings Control **********************/


/**** Why Most Objective styles ********/

.KnowdeBoxBG,
.WhyMostKnowdeArrow
{
	/* Move to sprite css central file
	background: url( '../images/BaseControls/BasicImages_All.png' ) no-repeat;	*/
	float:left;
}

.WhyMostKnowdeArrow
{
	background-position: -20px -578px;
	width: 10px;
	height: 10px;	
	position: absolute;
	top:11px;
	left:95px;
}

.WhyMostKnowdeText
{
	position:absolute;
	font-size:12px;
	left:5px;
	top: 5px;
	font-family: Arial;
	color: #515E81;
	padding-left:40px;
	
}  


.KnowdeBoxBG
{
	background-position: -260px -550px;
	width: 175px;
	height: 36px;
	margin-left:9px;
}

.WhyMostKndTextBox
{
  font-size: 11px;
  font-family: Arial;
  text-align: left;
  width: 152px; 
  top: 4px; 
  left: 25px; 
  cursor: pointer;
  position:absolute;
  color:Black;
  
}

.WhyMostKnowdeRow,
.WhyMostKndRow,
.WhyMostKndRowHover
{
  position: relative; 
  width: 205px;
  height: 40px; 
  cursor: pointer; 
  float:left;
  clear:both;
}

.WhyMostKndRowHover
{
  background-color: #F5F6FF;
}


.UltimateObjectivesContainer
{
	width: 100%;	
	position:relative;
	margin: 0 0 0 0;
	float:left;
	clear:both;
	
}


.whymostobjectiveContainer
{
	display: block;
	margin-left: 5px;
	position:relative;
}


.KGWhyMostObjectiveLoadingDiv
{
	font-family:Verdana;
	font-size:xx-small;
	background-color:White;
	width:120px;
	height:25px;
	padding:5px;
	margin:0px;
	text-align:center;
	vertical-align:middle;
	border: 1px solid gray;
	z-index: 1000;
	top:40px;
	left:40px;
	position:absolute;
	display:none;
	
}

.NoUltimateWhyObjectivesMessageContainer
{
	float:left;
	clear:both;
	position:relative;
	width: 200px;
	height: 120px;
	border: 1px dashed #515E81;
	font-size:12px;
	font-family: Calibri;
	margin-top:10px;
	margin-right:5px;
	margin-bottom:10px;
	left:5px;
	color:#515E81;
	/*background-color: #F5F6FF;*/
}


.NoUltimateWhyObjectivesMessage
{
	text-align:left;
	margin-left:12px;
	margin-top:12px;
}

/* add styles for the filter by section */

.FilterByControl
{
	width:100%;	
	font-size:12px;	
	height:40px;	
	left:10px;
	float:left;
	clear:both;
	color: #34648C;
	cursor:pointer;
	padding-top:5px;
	display:none;
}

.KGWhyMostObjectivesFilterByLabel
{
	float:left;
	width: 55px;
	padding-top:3px;	
	font-family: Arial;
	padding-left:2px;
}

.KGWhyMostObjectivesFilterByArrow
{
	background-position: -20px -578px;
	width: 10px;
	height: 10px;	
	position: relative;
	top:9px;
	float:left;
	cursor:pointer;

}

.objectivesModeSelector,
.objectivesModeSelectorListContainer,
.objectivesModeSelectorSelected,
.objectivesModeSelectorKG,
.objectivesModeSelectorMaps
{
	position:relative;
	float:left;
	text-align:left;
	vertical-align:middle;
	z-index: 1000;
	font-family:Arial;
}

.objectivesModeSelectorSelected
{
	height:20px;
	font-weight:bold;
	padding-top:3px;
	padding-right:20px;
}

.objectivesModeSelector
{
	height:25px;
}

.objectivesModeSelectorKG,
.objectivesModeSelectorMaps
{
	clear:both;
	height:20px;
	padding-top:2px;
	width: 150px;
	padding-left:3px;
	color: #34648C;
	outline:0;
	font-size:12px;	
}

.objectivesModeSelectorKG:hover,
.objectivesModeSelectorMaps:hover
{
	clear:both;
	height:20px;
	padding-top:2px;
	width: 150px;
	padding-left:3px;
	outline:0;
	font-size:12px;	
	text-decoration:underline;

	color: #34648C;
}

.objectivesModeSelectorListContainer
{	
	clear:both;
	display:none;
	height:43px;
	overflow:visible;
	position:absolute;
	left:-6px;
	top:2px;
	z-index: 1000px;
	background-color:White;
	border: 1px solid #444444;
	width: 150px;
}


/*******************************************/


/********** LeftHand Options  **************/
.LHNav_LinkDiv,
.LHNav_LinkDivSelected
{
	width: 100%;
	cursor: pointer;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: middle;
	clear: both;
}

.LHNav_LinkDivSelected
{
	font-weight: bold;
}

.LHNav_TextLink
{
	font-family: Verdana;
	font-size: 11px;
	float: left;
	color: Black;
	padding-left: 8px;
	padding-top: 3px;
}

.LHNav_BingSearchIcon,
.LHNav_GenesSearchIcon,
.LHNav_TextViewIcon,
.LHNav_AppIcon,
.LHNav_DiscussionIcon
{
	width: 20px;
	height: 18px;
	float: left;
	font-size: 0px;
}

.LHNav_BingSearchIcon
{
  background-position: -569px -550px;
}

.LHNav_GenesSearchIcon
{
  background-position: -478px -550px;
}

.LHNav_TextViewIcon
{
  background-position: -509px -550px;
}

.LHNav_DiscussionIcon
{
  background-position: -538px -550px;
}

.LHNav_AppIcon
{
	background-color: Orange;
}

.LHNav_InfoDiv
{
	width: 205px;
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
}

.LHNav_InfoHeader
{
	width: 100%;
	height: 24px;
	border-top: 1px dotted silver;
	padding-top: 10px;
	padding-bottom: 10px;
	cursor: pointer;
}

.LHNav_InfoHeaderText
{
	padding-left: 8px;
	padding-top: 3px;
	font-family: Verdana;
	font-size: 11px;
	font-style: italic;
  color: Black;
  float: left;
}

.LHNav_InfoContent
{
	width: 100%;
	font-family: Verdana;
	font-size: 11px;
  color: Black;
	padding-top: 5px;
	clear: both;
}

.LHNav_InfoIcon
{
	width: 20px;
	height: 20px;
	float: left;
	font-size: 0px;
  background-position: -450px -550px;
}

.LHNav_InfoHeader .ui-icon
{
	float: right;
	margin-right: 15px;
}




/*******************************************/


/**** LeftHand Sortable Navigation styles ********/

/* Component containers
----------------------------------*/
.LHNav-ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.LHNav-ui-widget .ui-widget { font-size: 1em; }
.LHNav-ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.LHNav-ui-widget-content { color: #222222; border-bottom: 2px solid #e9eff9;}
.LHNav-ui-widget-content a { color: #222222; }
.LHNav-ui-widget-header { border-top: 1px solid #e9eff9; background-color: #fbfbfe; 
                          /* background: #deedf7 url(../Images/JQueryUI/ui-bg_highlight-soft_100_deedf7_1x100.png) 50% 50% repeat-x; 
															border: 1px solid #aed0ea; */
                          color: #4f81bd; font-weight: bold; font-family: Verdana; font-size: 12px; 
                          cursor: move;}
.LHNav-ui-widget-header a { color: #4f81bd; }


.LHNavColumn { width: 228px; height: 100%; float: left; overflow: hidden;  }
.LHNavPortlet { width: 100%; position: relative; }
.LHNavPortlet-header { Padding-top: 12px; padding-bottom: 12px; padding-left: 8px; padding-right: 5px; width: 228px;}
.LHNavPortlet-header .KGui-icon { position: absolute; left: 170px; }
.LHNavPortlet-content { padding: 0.4em; width: 228px; padding-bottom: 10px;}

.SortDisabled
{
}
/************************************************/

.TextTabControlContentOverlay
{
   position:absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   overflow: hidden;
   /*background-image: url(/images/spacer.gif);*/
   z-index: 999999999;
   background-color:White;
		filter:alpha(opacity=10);
	-moz-opacity:.1;
	opacity:.1;
}

