/***********************/
/* Semantic Object
     Styles            */
/***********************/

.topic, .topic:visited, .topic a, .topic a:visited {
  color: #8a0;
}

.index, .index:visited, .index a, .index a:visited {
  color: #654500;
}

.kiffetsText { 
  font-family: Palatino Linotype, Book Antiqua3, Palatino6, serif;
  font-weight: bold;
}

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

/*********************/
/* Header and other 
   high level styling */

/* You have to do this for the footer to work */
html { 
  height: 100%;
}

/* *ALL* page content */
body {
  background-color: white;
  color: black;
  font-family: Trebuchet MS, Helvetica, sans-serif;
  /*font-family: Arial, Helvetica, sans-serif;*/
  /*font-family: Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;*/
  font-size: 75%;
  /* IE Changes the font size based on the DPI - this compensates for the change */
  font-size: expression(screen.deviceXDPI > 96 ? 1000 / ((screen.deviceXDPI / 96) * 13.3) + "%" : "75%");
  margin: 0px 0px 0px 0px;  
  width: 100%;
  height: 100%;
}

/* This is needed for the footer to work */
#ultimateOuterContainer { 
  position: relative;
  min-height: 100%;

  width: expression( document.body.clientWidth < 800 ? "800px" : "100%" );
  min-width: 800px;
}

/* A wrapper around all content */
.fullBodyWrapper {
  position: relative;
  width: 100%;
  margin: 0px;
  padding-bottom: 26px;
  overflow: auto;
}

/* The entire top header box */
.header { 
  z-index: 1;
  position: relative;
  left: 0px;
  top: 0px;
  width: 100%;
  /* IE min-width hack */
  width: expression( document.body.clientWidth < 800 ? "800px" : "100%" );
  min-width: 800px;

  background-image: url(/media/img/new/lightBg.gif);
  background-repeat: repeat-x repeat-y;

  /*background-color: #f2f5ec;*/
  padding: 25px 0px 25px 0px;
  margin: 0px 0px 0px 0px;
}

.privateHeader { 
  border-bottom: 4px solid #8a0;

  /* Override the min-width - since private pages don't need it */
  width: 100%;
  min-width: 0px;
}

/* Header content aligned to the top left of the screen */
.statusHeaderControls { 
  position: absolute;
  top: 0px;
  right: 0px;
  margin-right: 20px;
  font-size: 1.2em;
}

/* Header content aligned to the top right of the screen */
.rightHeaderControls { 
  position: absolute;
  background-image: url(/media/img/new/navBarBg.gif);
  background-repeat: repeat-x;
  top: 0px;
  right: 0px;
  height: 26px;
  margin-right: 10px;
  padding-top: 4px;
  padding-left: 10px;
  font-family: Arial, Helvetica, sans-serif;
  /*font-family: Lucida Grande, Trebuchet MS, Verdana, Helvetica, sans-serif;*/
  font-size: 0.9em;
  color: white;
}
.rightHeaderControls .logoutButton { 
  width: 60px;
  height: 18px;
  border: 0px;

  background: url(/media/img/new/logoutButton.gif) no-repeat center center;
  cursor: pointer;

  vertical-align: middle;
}
.rightHeaderControls input { 
  font-size: 0.9em;
}
.rightHeaderControls button { 
  font-size: 0.9em;
}


.parcLogoRight { 
  width: 113px;
  position: absolute;
  right: 15px;
  top: 25px;
}

.homeLoginControls { 
  margin-top: 25px;
}

/* Status messages and such */
.pageHeaderStatus { 
  font-size: 0.75em;
  font-weight: bold;
  color: #ff5900;
}

/* The site logo and such */
.headerTitle { 
  position: relative;

  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 0px;
  cursor: pointer;

  background-image: url(/media/img/new/kiffets-lightbg.gif);
  background-repeat: none;

  width: 161px;
  height: 57px;  

  top: 0px;
  left: 35px;
}

/* The subtitle text below the logo */
.headerSubTitle { 
  position: absolute;
  cursor: pointer;
  top: 35px;
  margin-left: 85px;
  font-size: 0.7em;
  font-weight: bolder;
  width: 25px;
  display: none;
}

/* The tab bar at the top of the screen */
.navBar { 
  margin: 0px;

  height: 26px;
  background-image: url(/media/img/new/navBarBg.gif);
  background-repeat: repeat-x;

  list-style-type: none;
  white-space: nowrap;
  font-size: 1.2em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.navBarOptions { 
  height: 22px;
  margin: 0px;
  padding: 0px 15px 0px 15px;
}

.navBarOption { 
  float: left;
  margin: 0px;
  height: 21px;
  padding: 7px 10px 0px 10px;
  color: white;
}

.navBarOption a:hover, .navBarOption a:visited:hover { 
  color: #e4f4a9;
  cursor: pointer;
}

.navBarOption a, .navBarOption a:visited { 
 color: white;
}

.navBarSelectedTab { 
  float: left;
  height: 26px;
}

.navBarSelectedTab img {
  border: 0px;
}

/* Container for content on the left side of the body display */
.leftBar { 
  top: 0px;
  left: 0px;
  float: left;
  width: 205px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px -10px;
  height: 100%;
}

/* Container for content in the middle of the body display */
.content { 
  margin-left: 200px;
}

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

/***********************/
/* Left Bar Components */

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

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

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



/*********************/
/* Standard content 
   styling           */

a { 
  text-decoration: none;
  color: #292b6a;
}

a:visited {  
  color: #292b6a;
}

h1 { 
  font-size: 2.0em;
}

h2 { 
  font-size: 1.4em;
}

h3 { 
  font-size: 1.2em;
  margin-bottom: 5px;
}


.hr { 
  margin-top: 0px;
  padding-top: 0px;
}

.clickable { 
  cursor: pointer;
}

.defaultSpanClickable { 
  color: #292b6a;
}

.clearDiv { 
  height: 0px;
  width: 0px;
  padding: 0px;
  margin: 0px;
  clear: both;
}

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

/*********************/
/* Username text shown with login on all pages */
.userheader { 
  font-weight: bold;
}
/*********************/

/*********************/
/* Login controls */

/* Login/Register table in the main register popup */
.loginRegisterTable { 
}

/* The table cell with the already registered login */
.loginCell { 
  padding-left: 10px;
  border-left: 1px solid black;
}

/* The headers on both sides of the main register popup */
.loginHeader { 
  display: block;
  font-size: 1.2em;
  font-weight: bold;
  padding-bottom: 5px;
}

/* The subheaders on both sides of the main register popup */
.loginSubHeader {
  display: block; 
  font-weight: bold;
}

.loginRememberMe { 
  padding: 5px 0px;
}

/* Forgot my password link */
#registerForgot { 
  font-size: 0.9em;
  margin-top: 5px;
}

/* The alerts to show errors in registration */
#registerAlert { 
  margin-top: 5px;
  display: none;
  color: #ff5900;
  font-weight: bold;
}

/* The alerts to show errors in registration */
#registerLoginAlert { 
  margin-top: 5px;
  display: none;
  color: #ff5900;
  font-weight: bold;
}

/* The login info shown at the top when the user is logged in */
#loggedInfo { 
  padding: 0px;
  margin: 0px;
  border: none;
  border-collapse: collapse;
}
#loggedInfo td { 
  padding: 0px 2px;
  margin: auto;
}

/* Small popup login box that holds the username and password */
#loginFormBox { 
  float: right;
  position: absolute;
  width: 200px;

  top: 0px;
  right: 0px;
  display: none;
  background-color: white;
  border: 1px solid black;
  padding: 5px;
  margin-right: 10px;
}

/* The actual login form element */
#loginForm { 
  margin: 0px;
  padding: 0px;
}

/* The table that holds the username and password fields */
#loginFormTable { 
  font-size: 1em;
  width: 100%;
}

#baseLoginAlert { 
  margin-top: 2px;
  color: #ff5900;
}

#baseForgot { 
  text-align: center;
}

/* The container for the close button for the small login popup */
.hideLoginDiv { 
  width: 100%;
  text-align: right;
  margin: 0px;
  border: 0px;
}

/* The actual close button for the small login popup */ 
#hideLogin {
  font-size: 0.7em;
  font-weight: bold;
  color: gray;
  border: 1px solid gray;
  padding-left: 2px;
  padding-right: 2px;
  cursor: pointer;
}

/* The show link for the small login popup */
#showLogin { 
  cursor: pointer;
}

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

/*********************/
/* Legal text */

#legalPrivacy { 
  position: absolute;
  height: 26px;
  color: white;
  background-image: url(/media/img/new/footerBg.gif);
  background-repeat: repeat-x;
  text-align: center;
  font-size: 0.9em;
  bottom: 0px;
  width: 100%;
}

#legalPrivacyRelative { 
  position: absolute;
  height: 26px;
  padding-top: 0px;
  bottom: 0px;
  color: white;
  background-image: url(/media/img/new/footerBg.gif);
  background-repeat: repeat-x;
  text-align: center;
  font-size: 0.9em;
  width: 100%;
}

#legalPrivacy a, #legalPrivacy a:visited, #legalPrivacyRelative a, #legalPrivacyRelative a:visited { 
  color: white;  
  text-decoration: underline;
}

.legalPrivacyMarginDiv { 
  padding-top: 5px;
}

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

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

/* Header block for meta collections */
.collectionHeader { 
  font-size: 2em;
  font-weight: bold;
  text-align: center;
  padding-top: 5px;
  padding-bottom: 5px;
}

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

/*********************/
/* Tab with link to the Community Manager wiki */
.communityManagerLink { 
  color: black;
}
/*********************/

/*********************/
/* Voting controls */

/* The vote counter and buttons for doi pages */
.doiVotingInfo { 
  vertical-align: top;
  width: 40px;
}

/* The vote counter and buttons for titles pages */
.titlesVotingInfo { 
  vertical-align: top;
  width: 40px;
}

/* The vote box on doi pages */
.votebox { 
  font-size: 0.9em;
  margin: 5px 0px 0px 3px;
  width: 40px;
}

/* The vote box on titles pages */
.titlesVotebox {
  font-size: 0.9em;
  margin: 0px 0px 0px 3px;
  width: 40px;
}

/* The upvoter button */
.upvoter { 
  cursor: pointer;
  /*background-color: #ddd;*/
  background-color: #edefd9;
  font-size: 1em;
  font-weight: bold;
}

/* The downvoter button */
.downvoter { 
  cursor: pointer;
  /*background-color: #ddd;*/
  background-color: #edefd9;
  font-size: 1em;
  font-weight: bold;
}

/* The style for highlighted vote buttons */
.votehilite { 
  background-color: #800080;  
  color: white;
}

/* The vote counter text */
.voteCounter { 
  font-size: 1em;
  font-weight: bold;
  border: solid 1px #000000;
  text-align: center;  
  width: 40px;
}
/*********************/


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

.collectionCommunityTitleBar { 
  /*background-color: lightGrey;*/
  font-size: 1.2em;
  font-weight: bold;
  border-bottom: 2px solid black;
  padding: 5px 5px 5px 5px;
  margin-bottom: 5px;
}

/*********************/
/* Article list styles */

/* An entire article list box */
.articlesList { 
  padding: 0px 0px 10px 0px;
}

/* A List of all articles */
.allArticlesList { 
  margin-top: 5px;
  margin-right: 10px;
  padding-bottom: 10px;
  width: 100%;
}

/* A list of reading articles */
.articleReadingList { 
  padding: 5px;
  padding-top: 0px;
  padding-right: 15px;
}

/* The article's title */
.articleTitle { 
  font-size: 1.3em;
  font-weight: bold;
  font-family: Trebuchet MS, Helvetica, sans-serif;
}

.articleTitle:visited { 
  color: #7f337f;
  /*color: #7b9aff;*/
  /*color: #b5c3ff;*/
  /*color: gray;*/
}

/* Article details like host and date */
.articleDetails { 
  float: left;
}

/* The article's description */
.articleDescription { 
  font-size: 1.2em;
  font-family: Times New Roman, Times, serif;
  /*font-family: Palatino Linotype, Book Antiqua, Palatino, Times, serif;*/
  /*font-family: Georgia, serif;*/
}

/* An empty cell for padding between articles */
.articlePadding { 
  border-top: 1px dotted lightGrey;
  padding-bottom: 3px;
}

/* The article host name text */
.articleHost { 
  font-size: 0.9em;
  font-weight: bold;
  color: #777;
}

/* The article date text */
.articleDate { 
  font-size: 0.8em;
  color: #777;
}

/* The article's cluster */
.articleClusterLink {
  padding-left: 10px;
  font-size: 1.1em;
  text-decoration: underline;
  /*font-weight: bold;*/
}

.articleBlockLinks { 
}

/* Link to click for more articles */
.moreArticlesLink { 
  display: inline;
  padding-left: 10px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 0.9em;
  font-weight: bold;
}

.olderArticlesLink { 
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 5px;
  font-size: 0.9em;
  font-weight: bold;  
}
/*********************/

/*********************/
/* Topic article controls */

/* Ancestor topics shown in the topic title bar */
.topicBreadcrumb { 
  font-size: 0.75em;
}

.topicArticleControls { 
  float: right;
  
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;

  padding: 2px;

  font-size: 0.9em;
  font-weight: bold;
  color: #777;
}

.topicArticleControl { 
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 5px;
  padding-right: 3px;
  margin-right: 10px;
  border: 1px solid #d8dfea;
  cursor: pointer;
}

.topicArticleControl:hover { 
  background-color: #777;
  color: white;
}

.topicArticleControlDisabled { 
  padding-left: 5px;
  padding-right: 3px;
  margin-right: 10px;
  border: 1px solid #777;
  color: #bbbbbb;
  cursor: default;
}

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

.topicMoreArticles { 
  display: inline;
  padding-left: 15px;
  padding-right: 15px;
  font-weight: bold;
}

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

/*********************/
/* Default simple search home page parameters */

/* All home content below the navigation */
.homeContent { 
  position: relative;
  margin: auto;
  padding-top: 125px;
  width: 775px;
}

/* The Kiffets Icon and subtitle */
.homeIcon { 
  position: relative;
  width: 475px;
  text-align: center;
}

/* The Kiffets subtitle */
.homeSubtitle { 
  position: relative;
  top: -40px;
  font-size: 1.6em;
  font-weight: bold;
  text-align: right;
  padding-right: 100px;
  display: none;
}

/* The home description text */
.homeDescBox { 
  position: relative;
  padding-top: 5px;
  width: 475px;
  font-size: 2.0em;
  text-align: center;
}

/* The home title text above the description */
.homeTitleText { 
  font-weight: bold;
}

/* The home search form controls */
.homeSearchForm { 
  position: relative;
  padding-top: 35px;
  width: 475px;
  text-align: center;
}

.homeSearchForm #searchQueryInput { 
  font-size: 1.6em;
}

.homeSearchForm .searchButton { 
  font-size: 1.6em;
}

/* The containing box around the hot indexes on the home page */
.homeHotIndexes { 
  position: absolute;
  top: 125px;
  right: 0px;
  width: 275px;
}

/* The title label on the hot index box */
.homeHotIndexesTitle { 
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 2px solid black;
}

/* The actual hot index list */
.homeHotIndexesList { 
  font-size: 1.4em;
  height: 275px;
  overflow: auto;
}

.homeHotIndexesList ul { 
  margin-top: 10px;
  margin-left: 0px;
  padding-left: 5px;
  padding-right: 5px;
}

.homeHotIndexesList li { 
  padding-top: 2px;
  padding-left: 5px;
  padding-right: 3px;
  padding-bottom: 2px;
  list-style-type: none;
  border-bottom: 1px solid gray;
}

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

/*********************/
/* News (hot_home) page parameters */

/* The index box on the homepage */

.hotHomeIndexBox { 
  position: relative;
  float: left;
  margin-top: 0px;
  padding-left: 10px;
  max-width: 200px;  
}

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

/* Container for content in the middle of the body display */
.hotContent {
  margin-top: 20px;
  margin-left: 185px;
  margin-right: 255px;
  min-width: 245px;
}

/* The box holding the top headline story */
.hotTopicsTopStoriesBox { 
  margin-top: 5px;
}

/***********************/
/* The "Top Stories Label" */
.hotTopicTopStoriesLabel { 
  font-size: 1em;
  font-weight: bold;
  border-bottom: 1px solid gray;
  padding-right: 10px;
}

.hotTopicsNoStories { 
  font-size: 1.6em;
  font-style: italic;
  padding: 20px;
  padding-top: 10px;
  margin-top: 20px;
}

.topStoryTabBar { 
  border-bottom: 2px solid black;
  /* This padding is needed for IE to show the border */
  padding-top: 2px;
}

/* Selected Top Story Tab */
.selectedTopStoryTab { 
  font-size: 1em;
  font-weight: bold;

  padding-right: 10px;
  padding-left: 10px;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 0px;
  
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;

  cursor: default;

  color: black;
  /*background-color: #ddd;*/
  background-color: #eff0de;
}

/* Unselected top story tab */
.unselectedTopStoryTab, .unselectedTopStoryTabHover { 
  font-size: 1em;
  font-weight: bold;

  padding-right: 10px;
  padding-left: 10px;
  margin-right: 2px;
  margin-left: 2px;
  margin-bottom: 0px;

  cursor: pointer;

  color: #bbb;
  /*background-color: #ddd;*/
  background-color: #eff0de;
}

.unselectedTopStoryTabHover {
  color: #292b6a;
}


/* The Box holding the headline story and it's details */
.topHotStoryBox { 
  width: 100%;
  padding-top: 5px;
  border-bottom: 1px dotted lightGrey;
  margin-bottom: 7px;
}

/* Title on the overall top story */
.hotTopicTopStoryTitle { 
}
.hotTopicTopStoryTitle a:visited { 
  color: #7f337f;
}

/* Host, date, etc. for overall top story */
.hotTopicTopStoryDetails { 
}

/* Topic name for overall top hot story */
.hotTopicTopStoryTopicName { 
  font-weight: bold;
}

/* Story description for overall top stroy */
.hotTopicTopStoryDesc { 
}

.hotTopicTopRelatedTopics { 
}

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

/* Fixed size article boxes to hold hot topic content */
.fixedSizeHotBox { 
  margin-bottom: 10px;
  min-width: 245px;  
}

/* A box holding a group of hot topic articles */
.hotTopicArticleBox {  
  /*line-height: 18px;*/
  border-bottom: 1px dotted lightGrey;
  padding-bottom: 3px;
}

/* The actual list of hot topic articles */
.hotArticleTitleList {  
  font-size: 1em;
}

/* A normal article title for a hot topic */
.hotArticleTitle { 
}

/* A wrapper around a line of hot topic names */
.hotTopicNameLine { 
  line-height: 1em;
}

/* A normal hot topic name for a hot topic */
.hotTopicName { 
  font-size: 1.1em;
  font-weight: bold;
  line-height: 1em;
}

.hotTopicNoTopicName { 
  font-size: 0.9em;
}

/* The list of top hot articles on the hot topics page */
.hotArticlesList { 
  margin-bottom: 5px;
  width: 100%;
}

/* Extra space between the top stories */
.hotArticlePadding {  
  height: 3px;
}

/* The title bar on hot topic box */
.hotTitleBar {
  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;
}

.hotCollectionMore { 
  padding-left: 15px;
  font-weight: bold;
}

/****************************/
/* CSS Classes for the list of popular indexes 
   on the default home page */

.popIndexPane {
  float: right;
  width: 250px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.popIndexTitle { 
  font-size: 1.4em;
  font-weight: bold;
  border-bottom: 2px solid black;
}

.popIndexList { 
  margin-top: 5px;
  margin-bottom: 10px;
  margin-left: 0px;
  padding-left: 0px;
  padding-bottom: 0px;
  font-size: 1.2em;
  font-weight: bold;
  list-style-type: none;
}

.popIndexList li { 
  margin-left: 0px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid gray;
}

.popIndexKey { 
  padding-left: 5px;
  font-weight: bold;
}

.popIndexValue { 
  font-size: 1.1em;
  padding-left: 20px;
  padding-bottom: 10px;
}
/********************/

/********************/
/* CSS classes for the list of featured indexes
   on the home page and my kiffets pages */

.featuredIndexBox { 
  border: 1px solid black;
  margin-top: 5px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 20px;
  overflow: none;
}

.featuredIndexTitle { 
  font-size: 1.4em;
  font-weight: bold;
}

.featuredIndexName { 
  padding-top: 5px;
  padding-left: 5px;
  font-size: 1.2em;
  font-weight: bold;
}

.featuredIndexArticle { 
  padding-top: 5px;
  padding-bottom: 5px;
}

.featuredIndexArticle a:visited { 
  color: #7f337f;
}

.featuredArticleHost { 
  font-size: 0.85em;
  font-weight: bold;
  color: #777;
}

.featuredIndexTopicName { 
  font-weight: bold;
  font-size: 1.2em;
}

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


/*********************/
/* Styles for the Categories boxes
   that are shown on pages that
   don't have indexes */

/* The category box title bar */
.categoriesTitleBar {
  border-bottom: 1px solid black;
  color: black;
  font-size: 1.4em;
  font-weight: bold;
  padding: 0px 5px 5px 5px;  
}

/* The box containing the category list */
.categoriesContent {
  padding: 5px 0px 0px 0px;
  width: 150px;
  overflow: auto;
}

/* A category label */
.category { 
  font-size: 1.2em;
  font-weight: bold;
  cursor: pointer;
  padding-left: 5px;
  padding-bottom: 2px;
}

/* Alternating background for category labels */
.alternateCategoryBg { 
  background-color: #e4f4a9;
}

/* Label style if the category has no articles */
.noArticleCategory, .noArticleCategory:visited { 
  color: #7b9aff;
}

.noArticleIndex, .noArticleIndex:visited {  
  color: #654500;
}

/* If there are no categories */
.categoriesEmpty { 
  font-size: 1em;
  font-weight: bold;
  font-style: italic;
}

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

/*********************/
/* Overridding some yahoo tree view styles */

.ygtvrow .ygtvlabel {
  font-weight: bold;
}

.ygtvrow .ygtvlabel:hover { 
  color: black;
  background-color: #e4f4a9;
}

/* Override the highlight colors on the tree labels */
.ygtvrow .ygtvfocus, .ygtvrow .ygtvfocus .ygtvlabel, .ygtvrow .ygtvfocus .ygtvlabel:hover { 
  background-color: #7b9aff;
  color: white;
  font-weight: bold;
}

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

/*********************/
/* Search parameters */

/* Wraps the search controls on every page */
.searchWrapper { 
  position: absolute;
  width: 100%;
  margin-top: 10px;
}

.searchPadding { 
/*  margin-left: 250px;*/
}

.searchTable { 
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  text-align: center;
  vertical-align: middle;
}

#searchQueryInput {
  /*border: 1px solid black;*/
  font-size: 1.3em;
  background: url(/media/img/new/searchBox.gif) no-repeat top center;
  border: 0px;
  padding: 3px 2px 0px 2px;
  width: 253px;
  height: 22px;
}

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

/* Styling for top level search controls */
.topSearchForm {
  text-align: left;
}

/* Styling for community search controls */
.commTopicSearchForm {
  text-align: left;
}

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

/*********************/
/* Login controls */

.topLoginRegisterControls { 
  position: absolute;
  right: 15px;
  font-weight: bold;
  font-size: 1.3em;
  color: #292b6a;
  bottom: 0px;
}

.topLoginButton { 
  background: url(/media/img/new/navBarBg.gif) repeat-x;
  height: 30px;
  border: 1px solid #292b6a;
  border-width: 1px 1px 0;
  color: white;
  padding: 0px 5px;
  cursor: pointer;
}

.topLoginButton:visited { 
  color: white;
}

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

/*********************/
/* The date controls */

.homeDateControls { 
  position: relative;
  top: 15px;
  margin-left: 20px;
  font-size: 1.2em;
}

.collectionDateControls { 
  position: absolute;
  top: 27px;
  left: 20px;
  font-size: 1.2em;
}

.dateControlLabel { 
  padding-right: 5px;
}

/* Selected date */
.selectedDate { 
  font-size: 0.9em;
  font-weight: bold;
  /*border: 1px solid black;*/
  /*background-color: #eff0de;*/
  height: 18px;
  width: 60px;
  border: none;
  padding: 0;
  margin: 0;
  margin-top: -3px;
  background: url(/media/img/new/roundedBtn.png) no-repeat;
  color: #464484;
  cursor: default;
  text-align: center;
}

.unselectedDate { 
  padding: 0 2px;
}

.unselectedDate:hover { 
  color: black;
  background-color: #e4f4a9;
}

.disabledDate, .disabledDate:visited { 
  color: gray;
  cursor: pointer;
  padding: 0 2px;
}

.clickableDate, clickabledDate:visited { 
  color: #464484;
  cursor: pointer;
  padding: 0 2px;
}

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

/*********************/
/* Collection page styles */

/* The top of the hot articles on a collection page - since this is
   usually handled by the tabs on the home and my kiffets pages */
.collectionBoxTop { 
  border-top: 2px solid black;
}

/* The text shown when a collection has no topics with articles */
.collectionEmpty { 
  padding: 30px;
  font-size: 1.4em;
  font-weight: bold;
  font-style: italic;
}

.collectionNoBorderBox {  
  padding-left: 5px;
  padding-right: 10px;
}

.communityBoxMoreArticles { 
  padding-left: 15px;
  font-weight: bold;
}

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

/*********************/
/* Related topic styles for community and topic pages */

.relatedTopicsBox {
  padding-left: 5px;
  padding-top: 5px;
  padding-bottom: 3px;
  margin-top: 0px;
}

.relatedLabel {
  color: #555;
  font-size: 1.0em;
  font-weight: bold;
  padding-right: 5px;
  padding-left: 10px;
}

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

/*********************/
/* Error Message when services are not available */
.noCommunities { 
  position: absolute;
  top: 100px;
  padding-left: 20px
}
.noCommunities h2 { 
  font-size: 1.4em;
}

.topicUpdating {
  margin: 15px;
  padding: 5px 20px;
  border: 1px solid black;
  font-size: 1.4em;
  font-style: italic;
  text-align: center;
}

.topicNoArticles { 
  margin-top: 15px;
  margin-left: 15px;
  font-size: 1.6em;
  font-style: italic;
  padding-bottom: 15px;
}
/*********************/

/*********************/
/* Error Message when services are not available */

.highlight {
  color: #ff5900;
}

.errorHeader { 
  font-size: 1.5em;
  font-style: italic;
  font-weight: bold;
  padding-left: 20px;
  padding-top: 20px;
}

.errorContent { 
  padding-top: 5px;
  padding-left: 20px
}

.genericErrorHeader { 
  font-size: 1.3em;
  font-weight: bold;
  margin-left: 20px;
  margin-top: 20px;
}

.errorMessage { 
  font-size: 1.6em;
  font-weight: bold;
  font-style: italic;
  margin-top: 20px;
}

.searchErrorText { 
  margin-left: 20px;
  margin-top: 20px;
  font-size: 1.5em;
}

.httpErrorMessage { 
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 20px;
}

/* The alerts to show errors in registration */
.errorAlert { 
  margin-top: 10px;
  color: #ff5900;
}

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

/*********************/
/* Email Styles */

.email_share_button { 
  float: left;
  margin: 0px 3px;
  width: 18px;
  height:18px;
  /*border:1px solid #d8dfea;*/
  background: url(/media/img/new/email.png) no-repeat center center;
  color: #777;
  cursor: pointer;
} 

.email_share_button:visited { 
  color: #777;  
}

.email_share_button:hover { 
  color:#fff; 
  /*border-color:#295582; */
  background:url(/media/img/new/email.png) no-repeat top left; 
  text-decoration:none; 
} 

.hot_topic_share_button {
   line-height: 14px;
}

#emailArticleAlert { 
  display: none;
  font-size: 1.2em;
  font-weight: bold;
}

#emailArticleResultMessage {  
  margin: 10px 0;
  font-size: 1.4em;
  font-weight: bold;
}

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

/*********************/
/* Facebook Styles */

.fb_share_button { 
  float: left;
  margin: 0 3px;
  width: 18px;
  height:18px;
  /*border:1px solid #d8dfea; */
/*  background:url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat center center;*/
  background:url(/media/img/new/facebook.png) no-repeat center center;
  color: #777;
  cursor: pointer;
} 

.fb_share_button:visited { 
  color: #777;  
}

.fb_share_button:hover { 
  color:#fff; 
  /*border-color:#295582; */
/*  background:#333 url(http://b.static.ak.fbcdn.net/rsrc.php/zAB5S/hash/4273uaqa.gif) no-repeat top left; */
  background: url(/media/img/new/facebook.png) no-repeat top left;
  text-decoration:none; 
} 

.fbLoginPrivacy { 
  position: relative; 
  margin-top: 20px; 
  margin-bottom: 10px;
  text-align: center;
  color: gray;
  font-size: 0.9em;
}

.fbLoginPrivacy a, .fbLoginPrivacy a:visited {
  color: gray;  
  text-decoration: underline;
}

.fbLoginLeftCell { 
  padding-left: 10px;
}

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

/*********************/
/* Other Button Styles */

.offTopicButton, .offTopicButtonDisabled, .onTopicButton, .onTopicButtonDisabled, .diffTopicButton, .diffTopicButtonDisabled { 
  float: left;
  width: 65px;
  height: 18px;
  margin: 0 5px 0 0px;
  padding: 2px 0 0 2px;
  font-size: 0.9em;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
  color: #555;
}

.diffTopicButton, .diffTopicButtonDisabled {
  width: 100px;
}

.offTopicButton:hover, .onTopicButton:hover, .diffTopicButton:hover { 
  background-color: #e4f4a9;
}

.offTopicButtonDisabled { 
  color: #ff5900;
  cursor: default;
  padding-top: 5px;
  padding-bottom: 0px;
  height: 12px;
}

.onTopicButtonDisabled {
  color: #8a0;
  cursor: default;
  padding-top: 5px;
  padding-bottom: 0px;
  height: 12px;  
}

.offTopicIcon, .onTopicIcon, .diffTopicIcon { 
}

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


/**************************/
/* Classify dialog styles */

#classifyArticleDlg {
  background-color: white;
}

.classifyArticleTreeWrapper {
  font-size: 1.2em;
  width: 550px;
  padding: 5px;
  margin-bottom: 10px;
  max-height: 300px;
  overflow: auto;
  border: 1px solid lightGrey;
}

#classifyDlgCloser {
  float: right;
  color: grey;
  border: 1px solid grey;
  font-size: 0.8em;
  padding: 0px 3px;
  cursor: pointer;
}

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


/******************************/
/* new user popup             */
/******************************/

#helpDlg { 
  display: none;
  /*background-color: #e4f4a9;  */
}

.helpPopupContent { 
  font-size: 1.4em;
  padding-right: 15px;
}

.dlgCloser {
  padding: 2px 4px 2px 5px;
  border: 1px solid black;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 0.8em;
  position: absolute;
  top: 5px;
  right: 5px;
  cursor: default;
}

.dlgOKButton { 
  margin-top: 10px;
}

.helpDlgList li { 
  padding: 3px 0;
}


.basicHeadedPageContent { 
  border-top: 1px solid lightGrey;
  padding-left: 20px;
}

.basicCenteredContent { 
  width: 700px;
  margin: auto;
}

.basicCenteredContent p, .basicCenteredContent ul { 
  font-size: 1.4em;
  font-family: Times New Roman, Times, serif;
}

.basicTitle { 
  border-bottom: 2px dotted grey;
  margin-left: -5px;
  padding-left: 5px;
}

.howtoList { 
  padding-left: 20px;
}
.howtoList li { 
  padding-bottom: 10px;
}

/******************************/
/* generic input popup        */
/******************************/

#genericInputPopup { 
  width: 400px;
  top: 40%;
}

#genericInputPopupPromptTitle, #genericInputPopupConfirmTitle, #genericInputPopupAlertTitle { 
  font-size: 1.3em;
  margin-bottom: 5px;
}

#genericInputPopupConfirmTitle, #genericInputPopupAlertTitle { 
  text-align: center;
}

.genericInputPopupButtons { 
  margin-top: 5px;
  text-align: center;
}

/******************************/
/* Rounded corner hackery     */

/* This was described on - http://www.sperling.com/examples/box/ */

.roundedBox {
  position: relative;
  margin: 5px;
}

.rbxContent { 
  /*
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  */
  padding: 10px;

  /* TODO DISABLE IF USING IMG BORDER */
  border: 1px solid gray;
}

/* ---=== border code follows ===--- */
/*
	rbxTlc = top left corner
	rbxTrc = top right corner
	rbxBlc = bottom left corner
	rbxBrc = bottom right corner
	rbxLb = left border
	rbxRb = right border
	rbxTb = top border
	rbxBb = bottom border 
*/

/**
 * Rounded Box disabled for now

.roundedBox .rbxTlc, .roundedBox .rbxTrc, .roundedBox .rbxBlc, .roundedBox .rbxBrc {
  background-color: transparent;
  background-repeat: no-repeat;
}

.roundedBox .rbxTlc {
  background-image:url(/media/img/roundy/tlc.gif);
  background-position: 0% 0%;
}

.roundedBox .rbxTrc {
  background-image:url(/media/img/roundy/trc.gif);
  background-position: 100% 0%;
}

.roundedBox .rbxBlc {
  background-image:url(/media/img/roundy/blc.gif);
  background-position: 0% 100%;
}

.roundedBox .rbxBrc {
  background-image:url(/media/img/roundy/brc.gif);
  background-position: 100% 100%;
}

.roundedBox .rbxTb, .roundedBox .rbxBb {
  background-color: transparent;
  background-repeat: repeat-x;
}

.roundedBox .rbxTb {
  background-image:url(/media/img/roundy/tb.gif);
  background-position: 0% 0%;
}

.roundedBox .rbxBb {
  background-image:url(/media/img/roundy/bb.gif);
  background-position: 50% 100%;
}

.roundedBox .rbxRb {
  background-image:url(/media/img/roundy/rb.gif);
  background-position: 100% 0%;
  background-repeat: repeat-y;
}

.roundedBox .rbxLb {
  background-color: white;
  background-image:url(/media/img/roundy/lb.gif);
  background-position: 0% 100%;
  background-repeat: repeat-y;
}
*/

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