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

.indexMainWrapper {
  padding-top: 0px;
  width: 100%;
  /* IE min-width hack */
  width: expression( document.body.clientWidth < 800 ? "800px" : "100%" );
  min-width: 800px;
  top: 0px;
}

/* The main content section */
#indexMainContent, #sourceMainContent, #clusterMainContent {
  margin-left: 235px;
  min-width: 245px;
  border-top: 1px solid lightGrey;
}

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

/*********************/
/* Some header blocks */

/* Header block for community pages */
.communityHeader { 
  padding-top: 3px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 350px;
  font-size: 2.4em;
  font-weight: bold;
}

/* Community detail text (like creator name) that goes below
   the header text on community pages */
.communityDetails {
  margin-bottom: 2px;
  margin-left: 10px;
  font-size: 1em;
  font-weight: bold;
}
.communityDetails em {
  font-size: 1.2em;
}

/* Header breadcrumbs for topic pages */
.breadcrumb {   
  padding-top: 6px;
  padding-bottom: 0px;
  font-size: 2.2em;
  margin-right: 350px;
}

.topicIndexBreadcrumb { 
  font-size: 0.6em;
  font-weight: bold;
}

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

/*********************/
/* Styles for Various Box Titles */

/* The entire title section at the top of an index */
.communityTitleSection, .topicTitleSection, .communityHotTopicTitleSection { 
  padding-left: 15px;
  border-bottom: 2px solid lightGrey;
}

.communityPagingTitle { 
  padding-top: 22px;
}

.communityHotTopicsTitleSection { 
  padding-top: 16px;
  padding-bottom: 5px;
  padding-left: 0px;
  border-bottom: 2px solid lightGrey;
}

/* Title bar for a box of articles with the community
   name at the top */
.communityTitleBar { 
  /*background-color: lightGrey;*/
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 2px solid black;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
}

/* Title bar for a box of articles with the topic name
   at the top */
.topicTitleBar { 
  font-size: 1.8em;
  padding: 2px 20px 2px 5px;
  background: url(/media/img/new/lightBg.gif) repeat;
  border-top: 2px solid #654500;
  border-bottom: 2px dotted lightGrey;
  margin-bottom: 5px;
}

/* Title bar for a box of articles on a topic search page */
.topicSearchTitleBar { 
  font-size: 1.3em;
  font-weight: bold;
  height: 25px;
  padding: 5px 20px 5px 5px;
  background: url(/media/img/new/lightBg.gif) repeat;
  border-top: 2px solid #654500;
  border-bottom: 2px dotted lightGrey;
  margin-bottom: 5px;
}

/* All title bars in the left column */
.leftTitleBar { 
  color: #555;
  font-size: 1.2em;
  font-weight: bold;
}

/* Title bar for the index box */
.indexActionsTitleBar, .topicTreeTitleBar, .indexSearchTitleBar, .sourceBoxTitleBar { 
  padding: 10px 5px 5px 5px;
  margin-right: 10px;
}

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


/*********************/
/* Topic index related styles */

/* All of the index tree - not including title bar */
.topicTreeContent, .sourceBoxContent { 
  padding: 0px 0px 0px 0px;
  width: 210px;
}

.indexActionsBoxToggler, .myIndexBoxToggler, .indexBoxToggler, .sourceBoxToggler { 
  position: absolute;
  top: 12px;
  right: 14px;
  font-size: 0.8em;
  line-height: 14px;
  font-weight: bold;
  border: 1px solid black;
  padding-left: 5px;
  padding-right: 4px;
  cursor: pointer;
}

.indexActionsWrapper, .topicTreeWrapper, .sourceBoxWrapper { 
  padding-bottom: 10px;
  padding-left: 20px;
  position: relative;
  border-top: 2px dotted grey;
}

.indexSearchWrapper { 
  position: relative;
  padding-left: 20px;
  padding-bottom: 20px;
}

/* The scrollable box around the topic tree */
.topicTreeScrollBox, .sourceBoxTable {
  border-top: 1px solid lightGrey;
  max-height: 400px;
  overflow: auto;

  /* Just for IE7 */
  zoom: 1;
}

.sourceBoxTable { 
  padding: 2px;
  border-bottom: 1px solid lightGrey;
}

/* Just for IE7 */
.ie7ZoomBox { 
  zoom: 1;
}

/* The collapse/expand all controls */
.treeControls { 
  display: none;
  padding: 5px 0px 5px 0px;
  margin: 5px 0px 5px 0px;
  width: 210px;
}

/* The main table of blocks containing topic articles */
.topicTable { 
  width: 100%;
}

/* Inner table to add spacing to the topic table */
.innerTopicTable {
  margin-top: 5px;
  margin-bottom: 10px;
}

/* A wrapper for the single topic pages */
.topicAllArticlesContent { 
  margin-right: 10px;
}

/* The left cell in the topic table - to add a bar between
   columns */
.topicBoxLeftColumn { 
}

/* The right cell in the topic table - to add a bar between
   columns */
.topicBoxRightColumn { 
  padding-left: 10px;
}

.topicTreePadder { 
  padding: 3px;
}

.treeview li a:hover, .treeview li span:hover { 
  color: #292b6a;
}

.treeview .selected:hover { 
  color: #292b6a;
}

/* The topic node shown in the current view */
.treeview .topicSelectedNode, .treeview .selected { 
  color: #292b6a;
  background-color: white;
  font-weight: bold;
  font-size: 1.1em;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
}

.treeview .topicRootSelectedNode { 
  color: #292b6a;
  background-color: white;
  font-weight: bold;
  cursor: pointer;
  padding-left: 2px;
  padding-right: 2px;
}

/* A topic node shown as a search match */
.topicFocusNode, .topicFocusNode:visited { 
  color: #ff5900;
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  padding-left: 2px;
}

/* A topic node shown as a secondary search match */
.topicVisibleNode, .topicVisibleNode:visited {
  color: #8a0;
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  padding-left: 2px;
}

/* A regular topic node */
.topicNode { 
  font-weight: bold;
  cursor: pointer;
  padding-left: 2px;
}

/* This is needed for tree selection */
.treeview .hover {
  color: #292b6a;
  background-color: white;
  font-weight: bold;
  cursor: pointer; 
}

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

/*********************/
/* My Index List */

/* Container for content on the left side of the body display */
.indexLeftBar { 
  top: 0px;
  left: 0px;
  float: left;
  width: 235px;
  padding-right: 10px;
  margin: 0px 0px 0px -10px;
  background-image: url(/media/img/new/lightBg.gif);
  background-repeat: repeat-x repeat-y;  
}

/* Added to have a right hand border on the left hand pane that goes the full size of the index */
.indexLeftBorderBox { 
  border-right: 1px solid lightGrey;  
  margin-right: -11px;
}

/* Wrapper around All the My Indexes content */
.myIndexesBox { 
  position: relative;
  margin-top: 0px;
  padding-left: 20px;
  padding-bottom:15px;
  border-bottom: 2px dotted grey;
}


/* The box containing the indexes list */
.myIndexesContent {
  padding: 0px 0px 0px 0px;
  width: 210px;
}

/* The My Kiffets index title bar */
.myIndexesTitleBar {
  padding: 10px 5px 0px;  
  margin-right: 10px;
}

#indexListWrapper { 
  width: 100%;
}

#myIndexList { 
  max-height: 300px;
  padding: 2px;
  overflow: auto;
  /* For IE7 to scroll correctly */
  zoom: 1;
  background: none;
  border-top: 1px solid lightGrey;
  border-bottom: 1px solid lightGrey;
}

.myIndexListEntry { 
  font-size: 1em;
  font-weight: bold;
  padding-left: 5px;
  line-height: 11px;
  border-bottom: 1px solid lightGrey;
  cursor: pointer;
}

.myIndexListEntry:hover { 
  color: #292b6a;
}

.myIndexNameDisplay { 
  display: inline;
}

/* If there are no indexes in MyKiffets */
.myIndexesListEmpty { 
  font-size: 1em;
  font-style: italic;
  padding: 5px;
}

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

/*********************/
/* Index action buttons */

.indexActionsBox {
  margin-top: 15px;
  margin-left: 5px;
  padding-left: 10px;
  max-width: 200px;
}

.indexActionsContent { 
  max-width: 300px;
  cursor: pointer;
  position: relative;
  font-weight: bold;
}

.showHelpWrapper { 
  margin-right: 10px;
  padding-bottom: 15px;
  padding-top: 15px;
}

.showHelpBtn { 
  text-align: center;
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 20px;
  padding-right: 0px;
  padding-top: 8px;
  margin-left: 40px;
  color: white;
  background: url(/media/img/new/helpMeBtn.png) no-repeat;
  width: 146px;
  height: 24px;
}

.showHelpBtn:hover { 
  color: #e4f4a9;
}

.myActions { 
  border-bottom: 2px dotted grey;
  border-top: 2px dotted grey;  
}

.myOverviewAction { 
  padding-left: 25px;
  padding-right: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: -1px;
}

.myOverviewAction:hover { 
  background-color: #e4f4a9;
}

#hotNewsLbl { 
  color: #ff5900;;
}

#topClustersLbl { 
  /*color: #292b6a;  */
}

.overviewActionWrapper { 
  padding-bottom: 0px;
  padding-left: 0px;
  position: relative;
}


.indexActionControl { 
  font-size: 1.1em;
  padding-left: 15px;
  padding-right: 5px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-right: 10px;
}

.indexActionControl:hover { 
  background-color: #e4f4a9;
}

.indexActionButton { 
  font-size: 0.9em;
  /*font-weight: bold;*/
  cursor: pointer;
  color: black;
  background: none;
  border: none;

  padding-top: 2px;
  padding-right: 3px;
  padding-left: 0px;
  margin-right: 5px;
  margin-left: 3px;
}

.indexActionButton:hover { 
  background-color: #e4f4a9;
} 

.indexActionButtonText { 
  display: inline; 
  position: relative; 
  top: -4px;
}

.indexActionsButtonBox { 
  padding: 3px;
  padding-left: 5px;
}

/*********************/
/* Inline  action controls 
   these show up on the 
   right side with the content */

.allIndexControls { 
  position: absolute;
  padding-top: 10px;
  right: 10px;
}

.inlineIndexActions { 
  text-align: right;
}

.inlineIndexActionLabel { 
}

.inlineIndexActionControl { 
  font-size: 0.9em;
  font-weight: bold;
  color: black;
  padding: 0px 0px;
  cursor: pointer;
  margin-left: 5px;
  background: none;
  border: none;
}

.inlineIndexActionControl:hover { 
  background-color: #e4f4a9;
}

.inlineIndexActionControlText { 
  display: inline; 
  position: relative; 
  top: -3px;
}h

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

/*********************/
/* Controls for removing from myIndexes list */
.removeFromMyIndexesCell { 
  padding: 0px;
}
/*********************/

/*********************/
/* Sources box styles */

.sourceBoxItem, .sourceBoxItemNoBorder {
  border-bottom: 1px solid lightGrey;
  padding-left: 5px;
  width: 100%;
}

.sourceBoxItemNoBorder { 
  border-top: none;
}

.deleteSource {  
  cursor: pointer;
  color: #ff5900;
}

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

/*********************/
/* Sources and cluster page styles */

.sourceHeader, .clusterHeader, .indexTunerHeader { 
  padding-left: 15px;
  padding-top: 32px;
  padding-bottom: 5px;
  margin-bottom: 0px;
  font-size: 1.6em;
  font-weight: bold;
  border-bottom: 2px solid lightGrey;
}

/* The main table of blocks containing source articles */
.sourceContent, .clusterContent { 
  width: 100%;
  margin-right: 10px;
}

.sourceNoArticles, .clusterNoArticles { 
  margin-top: 30px;
  margin-left: 20px;
  font-size: 1.4em;
  font-style: italic;
}

.sourceArticleBlock, .clusterArticleBlock { 
  padding-top: 0px;
  padding-left: 10px;
  padding-right: 10px;
}

/* A List of all articles */
.sourceArticlesList, .clusterArticlesList { 
  margin-top: 5px;
  padding-left: 5px; 
  width: 100%;
}

.sourceArticleCounter, .topicArticleCounter, .clusterArticleCounter { 
  margin-top: 5px;
  padding-top: 5px;
  padding-bottom: 5px;
  padding-right: 5px;
  text-align: right;
  font-weight: bold;
  font-size: 1.2em;
  color: #464484;
  /*background: url(/media/img/new/lightBg.gif) repeat;*/
  /*border-top: 2px solid #654500;*/
  border-bottom: 2px dotted grey;
}

.moreSourceSearchArticles, .moreTopicArticles, .moreClusterTopicArticles { 
  text-align: center;
  font-weight: bold;
  font-size: 1.3em;
  padding-bottom: 10px;
}


/*********************/
/* Topic search styles */

/* The box of topic search article results */
.topicSearchArticles, .topicSearchTopics { 
  margin-right: 10px;
}

/* One of the primary title labels on the topic search results for topics and articles */
.topicSearchTitle { 
  margin-top: 15px;
  margin-bottom: 15px;
  font-size: 1.4em;
  font-weight: bold;

  padding-left: 10px;
  padding-bottom: 3px;
  padding-top: 3px;
  
  color: black; 
 background: url(/media/img/new/lightBg.gif) repeat;
  border-top: 1px solid #8a0;
  border-bottom: 1px solid #8a0;
}

/* Text if no artices matched */
.topicSearchNoArticles { 
  font-size: 1.3em;
  font-style: italic;
}

/* Text if no topics matched */
.topicSearchNoTopics {
  font-size: 1.3em;
  font-style: italic;
}

/* The link to more search articles */
.moreTopicSearchArticles { 
  margin-left: 10px;
  font-weight: bold;
}

#topicSearchQueryInput {
  margin-left: 10px;
  font-size: 1.3em;
  background: url(/media/img/new/searchBoxShort.gif) no-repeat top center;
  border: 0px;
  padding: 3px 2px 0px;
  width: 128px;
  height: 22px;  
}

.topicSearchButton { 
  font-size: 1.3em;
  border: none;
  background: url(/media/img/new/search.gif) no-repeat bottom center;
  width: 38px;
  height: 25px;
  cursor: pointer;
}

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

/*********************/
/* Community page styles */

.communityContent, .topicContent { 
  margin-left: 10px;
}

.communityHotTopics { 
  padding-top: 10px;
  padding-left: 15px;
  padding-right: 10px;
}

.communityHotTopicLabel { 
  color: black;
  font-size: 1.25em;
  font-weight: bold;
  padding-bottom: 3px;
  margin-bottom: 3px;
  border-bottom: 2px dotted grey;
}

.communityHotTopicsMore { 
  padding-left: 10px;
  padding-bottom: 5px;
  font-weight: bold;
}

.communityHotTopicsArticles { 
  padding-top: 10px;
  padding-left: 10px;
}

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

/*********************/
/* Date controls */

.commDateControls { 
  position: relative;
  margin-left: 10px;
  padding-top: 7px;
  font-size: 1em;
  font-weight: bold;
  text-align: right;
}

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

/*********************/
/* The topic controls popup */

#topicControlsPopup { 
  position:absolute;
  border: 1px solid black;
  top: 255px;
  left: 145px;
  padding: 2px;
  background-color: white;
  z-index: 1;

  /* Popup hidden to start */
  display: none;
}

.topicControlsEdit {
  background: none;
  padding: 4px 6px;
  margin: 0px;
  border: 1px solid white;
  float: left;
}

.topicControlsEdit:hover {
  background-color: #e4f4a9;
  border: 1px solid black;
}

.controlImage { 
  vertical-align: middle;
  padding-bottom: 2px;
}

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

/*********************/
/* The rearrange topics controls */

/* The rearrange index popup box */
.rearrangeTopicsPopup {  
  position:absolute;
  padding-top:3px;
  padding-bottom:3px;
  border: 1px solid black;
  top: 625px;
  left: 145px;
  width: 300px;
  height: 400px;
  background-color: #e4f4a9;
  /*background-color: white;*/

  /* Popup hidden to start */
  display: none;
  visibility: hidden;
}

/* The close X in the upper left of the box */
.rearrangeTopicsCloseBtn { 
  position: absolute;
  right: 2px;
  top: 2px;
  font-size: 8px;
  font-weight: bold;
  padding-left: 2px;
  padding-right: 2px;
  border: 1px solid grey;
  color: grey;
  cursor: pointer;  
}

#rearrangeContent {
  margin: 15px 20px 0px 20px;
}

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