/* STYLESHEET FORMAT GUIDE *****************************************************
SEPIA MEMORY theme for Geeklog 1.4.1                                Version 1.2
Designed by Firewind Productions            http://www.firewindproductions.com/
Released for the Geeklog community under the GNU general public license.

I've kept the formatting as similar as possible to the Professional theme to
aid in style changes.

  split the following sections:
  - semantics (direct formatting for <td>, <a > etc
  - classes (.whatever)
  - common plugin CSS
  - navbar
  Within these sections, entries are to be strictly alphabetized.

  SAMPLE:
  .poll-vote,
  .poll-vote-results {
    background:transparent;
    color:#000000;
    font-size:smaller;
  }

  These are the rough rules:
  - always put a ';' after the last entry
  - always a linebreak before .
  - always a linebreak after , ; { and }
  - always a . before all classes
  - two spaces indent
  - no tabs
  - no spaces after colons
*/

/* SEMANTICS ******************************************************************/
a:link.non-ul {
  color:#ffffff;
  background: transparent;
  text-decoration: none;
}
a:visited.non-ul {
  color:#ffffff;
  background: transparent;
  text-decoration: none;
}
a:hover.non-ul {
  color:#cccc99;
  background: transparent;
  text-decoration: none;
}
a:active.non-ul {
  color:#cc0000;
  background: transparent;
  text-decoration: none;
}


a:link {
  background:transparent;
  color:#666666;
	text-decoration:underline;
}
a:visited {
  background:transparent;
	color:#666666;
	text-decoration:underline;
}
a:hover {
  background:transparent;
  color:#cccc99;
	text-decoration:none;
}
a:active {
  background:transparent;
  color:#cccccc;
  text-decoration: none;  
}


body {
  background:#999966;
  background-repeat:no-repeat;
  color:#cccc99;
  font:.75em helvetica,arial,sans-serif;
  padding:0px;
  margin:0px auto;
  text-align:left;
  float:center;
  width:800px;
}
fieldset {
  margin-bottom:1em;
}
fieldset p {
  padding:5px;
  margin:0px;
}
fieldset p {
  margin-top:5px;
  margin-bottom:0px;
}
fieldset legend {
  font-size:.9em;
}
form {
  margin-top:5px;
  margin-bottom:5px;
}
form div.notes p,
form div small {
  line-height:125%;
}

form div.notes li {
  margin-left:10px;
}
form fieldset div.notes {
  float:right;
  width:150px;
  height:auto;
  margin:0px 0px 10px 10px;
  padding:5px;
  border:1px solid #666666;
  background-color:#ffffe1;
  color:#666666;
  font-size:.75em;
}

form fieldset div.notes h4 {
  background-image:url(images/icon_info.png);
  background-repeat:no-repeat;
  background-position:top left;
  padding:3px 0px 2px 27px;
  border-width:0px 0px 1px 0px;
  border-style:solid;
  border-color:#666666;
  color:#666666;
  margin-bottom:5px;
  margin-top:0px;
  font-size:1.3em;
}

form fieldset div.notes p {
  margin:0em 0em 1.2em 0em;
  color:#666666;
}

form fieldset div.notes p.last {
  margin:0em;
  padding-bottom:5px;
}
h1 {
  font-size: 1.25em;
  border-bottom:1px solid #cccc99;
  margin:0;
}
h1 a:link, 
h1 a:visited, 
h1 a:hover,
h1 a:active {
  background:transparent;
	text-decoration: none;
}

h2 {
  color:#663300;
  font-size: 1.05em;
  background:transparent;
  border-bottom:1px solid #666666;  
  padding:5px;
  margin-top:0;
  margin-bottom:3px;
}
h3 {
  font-size: 1.0em;
  margin:0px;
  padding-left:3px;
  padding-bottom:2px;
}
img {
  border:0;
}
input {
  color:#000000;
  font-size:.9em;
}
input,
submit,
td {
  color:#000000;
}
textarea {
  color:#000000;
  font-family:arial,sans-serif,verdana,tahoma,helvetica;
}
th {
  color:#000000;
  background-color:#DAE0ED;
  font-weight:bold;
  font-size:larger;
  padding-left:3px;
  text-align:left;
}
p {
  margin-top:5px;
}
select {
  color:#000000;
  font-size:.9em;
}

/* CLASSES ********************************************************************/

/* Admin lists ****************************************************************/
.admin-menu-icon {
  float:left;
  padding:5px;
}
.admin-menu { /* the box around the menu */
  padding:5px;
  border:1px solid #EEEEEE;
}
.admin-menu-text { /* the text below the links */
  padding:5px;
}
.admin-menu-item { /* a single link in the menu */
  padding: 0px 5px 0px 5px;
}
.admin-list-table {
  width:100%;
  text-align:left;
  border-spacing:1px;
}
.admin-list-table form {
  margin:0px;
}
.admin-list-search {
  text-align:center;
  margin-top:5px;
  margin-bottom:5px;
}
.admin-list-field {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
}
.admin-list-headerfield {
  text-align:left;
  padding-left:5px;
  padding-right:5px;
  font-size:larger;
}
/* Menus in blocks *****************************************************************/
.blocklist ul {
  list-style:none;
  padding:0px;
  margin:0px;
}
/* general alignment classes **************************************************/
.alignleft {
  text-align:left;
}
.alignright {
  text-align:right;
}
.aligncenter {
  text-align:center;
}
.aligntop {
  vertical-align:top;
}
.floatright {
  float:right;
}
.floatleft {
  float:left;
}
.clearboth {
  clear:both;
}
/* clear floats by applying the clearfix class to float-encasing block !*******/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
/* general formatting classes **************************************************/
.b {
  font-weight:bold;
}
.ext-link {
  background-color: transparent;
  background: url(./images/external.png) center right no-repeat;
  background-attachment: scroll;
  padding-right: 13px;
}
.ext-link-rtl {
}
.feed-link {
  background-color: transparent;
  background: url(./images/feed.png) center right no-repeat;
  background-attachment: scroll;
  padding: 2px 16px 2px 0px;
}
.feed-link-rtl {
}
.strike {
  text-decoration: line-through;
}
/* Blocks *********************************************************************/
.block-box-left {
  padding:5px 10px 15px 10px;
  background:#f7f7f7;	
  color:#330000;
  border-bottom:5px solid #e7e7e7;
  clear:both;
}
.block-box-left a:link {
  background:transparent;
  text-decoration:none;
}
.block-box-left a:visited {
  background:transparent;
  text-decoration:none;  
}
.block-box-left a:hover {
  background:transparent;
  text-decoration:none;  
}
.block-box-left a:active {
  background:transparent;
  text-decoration:none;  
}
.block-box {
  padding:5px 10px 15px 10px;
  background:#f7f7f7;	
  color:#330000;
  border-bottom:5px solid #e7e7e7;
  clear:both;
	
}
.block-box-right {
  padding:5px 10px 15px 10px;
  background:transparent;	
  color:#ffffff;
  border-top:3px solid #cccc99;
  border-bottom:5px solid #666666;
  clear:both;
}
.block-box-right a:link {
  background:transparent;
  text-decoration:none;
  font-weight:bold;
  color:#ffffcc
}
.block-box-right a:visited {
  background:transparent;
  text-decoration:none;  
  font-weight:bold;
  color:#ffffcc
}
.block-box-right a:hover {
  background:transparent;
  text-decoration:none;  
  font-weight:bold;
  color:#cccc99
}
.block-box-right a:active {
  background:transparent;
  text-decoration:none;  
  color:#ffffff
}
.block-box-right h2 {
  color:#ffffff;
  font-size: 1.05em;
  font-style:italic;
  background:#666666;
  border-bottom:1px solid #cccc99;
  padding-top:5px;
  margin-top:0;
  margin-left:0;
  margin-right:0;
  margin-bottom:3px;
}
.block-box-left ul,
.block-box-right ul {
  /* do not indent lists in the blocks too much */
  padding-left:13px;
  list-style-type: square;
  color:#cccc99;
}
.block-bg-left {
  background:#f7f7f7;
}
.block-bg-right {
  background:transparent;
}
.block-bg-spreader,
.block-bg-spreader-left {
  /* this is making sure that the blocks have a minimum width */
  background:transparent;
  width:165px;
  height:1px;
}
.block-bg-spreader-right {
  /* this is making sure that the blocks have a minimum width */
  background:transparent;
  width:200px;
  height:1px;
}
.block-contactinfo a:hover {
  color:#cccc99;
}
.block-content,
.block-content-left,
.block-content-right {
  background:transparent;
  color:#000000;
  padding: 3px;
  font-size:.7em;  
  clear:both;
}
.block-content-left ul,
.block-content-right ul,
.block-content ul {
  margin-top:0;
  margin-bottom:0;
  margin-left:3px;
  padding-left:0;
  border:none;
}
.block-divider {
}
.block-divider-left {
}
.block-divider-right {
}
.block-featured-left {
  background:#ffffff;
  border-top:6px solid #cccc99;
  border-right:2px solid #cccc99;
}
.block-featured-right {
  background:#666666;
  border-left: 1px solid #cccc99;
  border-top: 2px solid #cccc99;
}
.block-helpicon {
  padding:0px;
  text-align:right;
  float:right;
}
.block-outerborder-left {
  
}
.block-outerborder-right {
  
}
.block-title,
.blocktitle,
.block-title-left,
.block-title-right {
  background:#666666;
  color:#ffffff;
  font-weight:bold;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
}

/* Block Lists ****************************************************************/
.list-feed,
.list-new-plugins,
.list-new-comments,
.list-new-trackbacks,
.list-older-stories { 
  margin:0px;padding:0px;
}

/* Comments *******************************************************************/
.commentbar-line1 {
  background:transparent;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commentbar-line2 {
  background:#E7E7E7;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #FFFFFF;
  text-align:center;
}
.commentbar-line3 {
  background:#FFFFFF;
  border-bottom:1px solid #FFFFFF;
  border-top:1px solid #E7E7E7;
  color:#000000;
  padding:3px 3px;
  text-align:center;
}
.commenttitle {
  background:#F7F7F7;
  border-bottom:1px solid #E7E7E7;
  border-left:1px solid #E7E7E7;
  border-right:1px solid #E7E7E7;
  border-top:1px solid #E7E7E7;
  font-weight:bold;
  padding:3px 0px 3px 10px;
}
/******************************************************************************/
.dreamhost-feature {
  color:#000000;
  background:#ffffff;
  font:95%;
  padding:14px;
  text-align:justify;
}
.dreamhost-feature b {
  color:#000066;
  font:105%;
}
.dreamhost-feature a:link {
  color:#999999;
  background: transparent;
  text-decoration: none;
}
.dreamhost-feature a:visited {
  color:#444444;
  background: transparent;
  text-decoration: none;
}
.dreamhost-feature a:hover {
  color:#cccc99;
  background: transparent;
  text-decoration: none;
}
.dreamhost-feature a:active {
  color:#99ccff;
  background: transparent;
  text-decoration: none;
}
/******************************************************************************/
.edit-perm-down {
  text-align:center;
}
.edit-perm-up{
  text-align:center;
  padding-right:10px;
  padding-left:10px;
}
.fieldhelp {
  font-size:0.8em;
  color:#666666;
}
/* Footer *********************************************************************/
.footerblock {
  background:#444444;
  border-top:5px solid #333333;
  border-bottom:2px solid #cccc99;
  color:#ffffff;
  font:85% helvetica,arial,sans-serif;
  padding-bottom:6px;
  padding-top:4px;
  padding-left: 10px;
  padding-right: 10px;
}
.footerblock a:link {
  background:transparent;
  color:#cccc99;
  font:100% helvetica,arial,sans-serif;
  text-decoration:none
}
.footerblock a:visited {
  background:transparent;
  color:#cccc99;
  font:100% helvetica,arial,sans-serif;
  text-decoration:none
}
.footerblock a:hover {
  background:transparent;
  color:#ffffff;
  font:100% helvetica,arial,sans-serif;
  text-decoration:none
}
.footerblock a:active {
  background:transparent;
  color:#ffff00;
  font:100% helvetica,arial,sans-serif;
  text-decoration:none
}
.footer-divider-top {
  border-top:5px solid #666666;
  padding-top:1px;
}
/* Forms **********************************************************************/
.form-description {
  font-weight:bold;
  float:left;
  width:100px;
  text-align:right;
  padding-right:5px;
  display:block;
}
.form-field {
  padding-bottom:5px;
  margin-left:105px;
}
/* Header *********************************************************************/
.header-graphic {
  font:.9em helvetica,arial,sans-serif;
  font-weight: bold;
  color: #ffffff;
  background:#cccc99 url(images/header-graphic.gif);
  background-repeat: no-repeat;
  height:120px;
  padding-left:50px;  
  padding-right:20px;
}
.header-graphic a:link {
  background:transparent;
  color:#ffffff;
  font:3.5em helvetica,arial,sans-serif;
  letter-spacing:-.05em;  
  font-weight:bold;
  text-decoration:none
}
.header-graphic a:visited {
  background:transparent;
  color:#ffffff;
  font:3.5em helvetica,arial,sans-serif;
  letter-spacing:-.05em;  
  font-weight:bold;  
  text-decoration:none
}
.header-graphic a:hover {
  background:transparent;
  color:#ffffcc;
  font:3.5em helvetica,arial,sans-serif;
  letter-spacing:-.05em;  
  font-weight:bold;  
  text-decoration:none
}
.header-graphic a:active {
  background:transparent;
  color:#ffffff;
  font:3.5em helvetica,arial,sans-serif;
  letter-spacing:-.05em;  
  font-weight:bold;  
  text-decoration:none
}

.header-graphic_current A {
  background:transparent;
  color:#ffffff;
  font:3.5em helvetica,arial,sans-serif;
  letter-spacing:-.05em;  
  font-weight:bold;  
  text-decoration:none
}
.header-graphic-container {
  background:transparent;
}
.header-navigation-container {
  font:1.2em times new roman,times,sans-serif;
  letter-spacing:-.02em;  
  background:#666666;
  padding-top:5px;
  padding-bottom:5px;  
  padding-right:5px;
}
.header-navigation-container a:link {
  background:transparent;
  color:#e7e7e7;
  text-decoration:none
}
.header-navigation-container a:visited {
  background:transparent;
  color:#e7e7e7;
  text-decoration:none
}
.header-navigation-container a:hover {
  background:transparent;
  color:#ffffff;
  text-decoration:none
}
.header-navigation-container a:active {
  background:transparent;
  color:#f7f7f7;
  text-decoration:none
}
.header-navigation-line {
  background:transparent;
  color:#cccc99;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
  font-size:.9em;
}
.header-navigation-line a:link {
  background:transparent;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#cccccc;
  font-size:.9em;
  text-decoration:none;
}
.header-navigation-line a:visited {
  background:transparent;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#cccccc;
  font-size:.9em;
  text-decoration:none;
}
.header-navigation-line a:hover {
  background:#444444;
  padding-top:12px;
  padding-bottom:8px;
  padding-left:10px;
  padding-right:10px;
  border-bottom:4px solid #cccc99;
  color:#ffffff;
  font-size:.9em;
  text-decoration:none;
}
.header-navigation-line a:active {
  background:#cccc99;
  padding-top:12px;
  padding-bottom:8px;
  padding-left:10px;
  padding-right:10px;
  border-top:3px solid #cccc99;
  color:#666633;
  font-size:.9em;
  text-decoration:none;
}
.header-welcomeanddate {
  background:#ffffcc;
  color:#666666;
  font-size:.8em;
  padding:3px;
  text-align:center;
  width:100%;
}
/******************************************************************************/
.highlight {
  color:#000000;
  background-color:yellow;
  text-decoration:none;
}
.inputTable td {
  padding:4px;
  vertical-align:top;
}
.inputTable label {
  font-weight:bold;
  float:right;
  white-space:nowrap;
}
.moderation-cc {
  width:100%;
}
.moderation-cc-row {
  clear:both;
  height:80px;
  width:100%;
}
.moderation-cc-item {
  float:left;
  text-align:center;
}
.nowrap {
  white-space:nowrap;
}
.pagenav {
  text-align:center;
}
.row_center td {
  text-align:center;
}
.searchauth {
  background:transparent;
  color:#000000;
  text-align:left;
}
.searchdate {
  background:transparent;
  color:#000000;
  text-align:right;
}
.searchform-box {
  background:#E7E7E7;
  text-align:right;
  border-bottom:1px solid #CCCCCC;
  height:52px;
  padding:0px 4px 0px 1px;
  margin:0px;
}
.searchform-elements {
  display:inline;
  position:relative;
  top:6px;
}
.searchform-elements input {
  font-size:0.9em;
}
.searchhits {
  background:transparent;
  color:#000000;
  text-align:right;
}
.searchresult-byline {
  color:green;
}
.site-slogan {
  color:#ffffff;
  background:transparent;
}
.sysmessage img {
  border:none;
  float:left;
  padding-bottom:3px;
  padding-right:5px;
}
/* Stats **********************************************************************/
.stats-list-count {
  text-align:right;
  padding-left:5px;
  padding-right:5px;
}
.stats-header-title {
  text-align:left;
  width:90%;
  padding-left:5px;
  padding-right:5px;
}
.stats-header-count {
  text-align:left;
  width:10%;
  padding-left:5px;
  padding-right:5px;
}
/* Story **********************************************************************/
.story {
  /* the frame around all elements of one story */
  border-top:3px solid #cccc99;
  background:transparent;
  color:#000000;
}

.story h1{
  /* the title of a story */
  background:#444444;
  color:#cccc99;
  font:bold 100% helvetica,arial,sans-serif;
  padding-top:3px;
  padding-bottom:3px;
  padding-left:7px;
  padding-right:5px;
  margin:0;
}
.story-body {
  /* this is the actual content of the story */
  padding:15px;
  background:#ffffff;
}
.story-featured {
  /* the frame around all elements of a featured story */
  background:transparent;
  color:#000000;
}
.story-featured h1 {
  /* the title of a featured story */
  background:#330000;
  color:#cccc99;
  font:bold italic 130% helvetica,arial,sans-serif;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:7px;
  padding-right:5px;
  margin:0;
}

.story-icons {
  /* print & mail icons in a storybox */
  float:right;
}
.story-container {
  /* frame around all stories & centerblocks*/
  background:#ffffff;     
  padding-top:0px;
  padding-bottom:5px;
  padding-left:3px;
  padding-right:3px;
}
.story-container p,ul,li {
  margin-left:3px;
  margin-right:3px;
}
.story-footer {
  /* the bottom of the story with edit-links etc */
  background:#ffffff;
  border-top:1px solid #f7f7f7;
  padding:3px;
  text-align:center;
  font-size:85%;
}
.story-information {
  /* the author, views and date of a story */
  background:f7f7f7;
  padding:5px;
  color:#444444;
  border-bottom: 1px solid #e7e7e7;
  font:85% helvetica,arial,sans-serif
}
/* Quotes *********************************************************************/
.quotes {
  font: smaller helvetica,arial,sans-serif;
  font-style: italic;	
  display: block;
  padding: 0 60px;
  width: 350px;
	text-align:justify;
	color:#000000;
}
.quotes:before, .quotes:after {
	color: #cccc99;
	display: block;
	font-size: 700%;
	width: 50px;
}
.quotes:before {
	content: open-quote;
	height: 0;
	margin-left: -0.55em;
}
.quotes:after {
	content: close-quote;
	height: 50px;
	margin-top: -50px;   
	margin-left: 360px;
} 
p.quotes b {
	color: #666666;
}

/******************************************************************************/
.topicoption,
.topicoption-off {
}
.warning {
  background:transparent;
  color:#FF0000;
  font-weight:bold;
}
.warningsmall {
  background:transparent;
  color:#FF0000;
}

/* Default Plugin CSS Declarations */
/* Recommended CSS to be used by Plugin Authors - allows easier site themeing */

.plugin {
  color:#000000;
  background-color:#EFEFEF;
  font-weight:normal;
  border:1px solid #CCCCCC;
}
.plugin th {
  color:#000000;
  background-color:#B7C1DC;
  padding:5px;
  text-align:left;
}
.plugin tr {
  vertical-align:top;
}
.plugin td {
  padding:2px 5px 2px 5px;
}
.pluginBG {
  color:#FEFEFE;
  background-color:#7398BA;
}
.pluginAltBG {
  background-color:#7398BA;
}
.pluginAltBG td {
  color:#FFFFFF
}
.pluginCellTitle {
  color:#FFFFFF;
  font-weight:bold;
  background-color:#7398BA;
  padding:5px;
}
.pluginCellFill {
  background-color:#F8FAFD;
}
.pluginCellText {
  color:#636363;
  font-weight:normal;
}
.pluginHeader {
  color:#204275;
  font-weight:bolder;
  padding-top:3px;
  padding-bottom:3px;
}
.pluginFooter, .pluginFooter td {
  background-color:#507AA1;
  color:#FFFFFF;
  }
.pluginAlert {
  padding:5px 15px 5px 15px;
  color:#D8010E;
  background-color:#FEF1B4;
  font-weight:bold;
}
.pluginInfo {
  padding:5px 15px 5px 15px;
  color:#707070;
  background-color:#FEF1B4;
  font-weight:normal;
}
.pluginSubTable {
  color:#000000;
  background-color:#CCCCCC;
  font-weight:normal;
  border:1px solid #CCCCCC;
}
.pluginSubTable th {
  color:#000000;
  background-color:#C9D1E4;
  padding:5px;
  text-align:left;
}
.pluginSubTable tr {
  vertical-align:top;
}
.pluginSolidOutline {
  background-color:#CCCCCC;
}
.pluginSolidFill {
  background-color:#1A3955;
}
.pluginTitle {
  background-color:#507AA1;
  color:#F5F9FF;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginCellSubTitle {
  background-color:#F7F7F7;
  color:#000000;
  padding:4px;
  padding-left:6px;
  padding-right:6px;
}
.pluginTinyText {
  font-size:0.80em;
}
.pluginSmallText {
  font-size:0.9em;
}
.pluginMediumText {
  font-size:1em;
}
.pluginLargeText {
  font-size:1.25em;
}
.pluginAltText {
  color:#FFFFFF;
}
.pluginRow1, .pluginRow1 td {
  color:#000000;
  background-color:#F7F7F7;
  line-height:120%;
}
.pluginRow2, .pluginRow2 td {
  color:#000000;
  background-color:#E7E7E7;
  line-height: 120%;
}
.pluginRow1 .pluginRollOver,
.pluginRow2 .pluginRollOver,
.pluginRollOver {
  color:#000000;
  background-color:#FFFFFF;
  line-height:120%;
}
.pluginRow1 .pluginRollOut,
.pluginRow2 .pluginRollOut,
.pluginRollOut {
  color:#000000;
  background-color:#F7F7F7;
  line-height:120%;
}
.pluginLinks A:link {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginLinks A:visited {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginLinks A:hover {
  color:#000000;
  font-style:normal;
  font-weight:normal;
  text-decoration:underline;
}
.pluginBreadCrumbs,
.pluginBreadCrumbs A:link {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:visited {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
.pluginBreadCrumbs A:hover {
  color:#FFFFFF;
  font-style:normal;
  font-weight:normal;
  text-decoration:none;
}
a.pluginButton:link, a.pluginButton:visited {
  color:#000000;
  text-align:center;
  padding-top:2px;
  display:block;
  height:19px;
  text-decoration:none;
  background-color:transparent;
}
a.pluginButton:hover {
  color:blue;
  text-align:center;
  padding-top:2px;
  background:center url(navbar/images/button_over.gif);
  background-repeat:repeat-x;
  display:block;
  height:19px;
  text-decoration:none;
  background-color:transparent;
}

/* Navbar Class CSS ***********************************************************/
#navcontainer {
  float:left;
  width:100%;
  font-size:93%;
  line-height:normal;
  border-bottom:1px solid #24618E;
  }
#navcontainer ul {
  margin:0px;
  padding:10px 10px 0 50px;
  list-style:none;
}
#navcontainer li {
  display:inline;
  margin:0px;
  padding:0px;
}
#navcontainer a {
  float:left;
  background:url("navbar/images/tableftJ.gif") no-repeat left top;
  margin:0px;
  padding:0px 0px 0px 5px;
  text-decoration:none;
}
#navcontainer a span {
  float:left;
  display:block;
  background:url("navbar/images/tabrightJ.gif") no-repeat right top;
  padding:5px 15px 4px 6px;
  color:#24618E;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#navcontainer a span {
  float:none;
}
/* End IE5-Mac hack */
#navcontainer a:hover span {
  color:#FFFFFF;
}
#navcontainer a:hover {
  background-position:0% -42px;
}
#navcontainer a:hover span {
  background-position:100% -42px;
}
#navcontainer a#current span {
  background:url("navbar/images/tabrightI.gif") no-repeat left top;
  background-position:100% -42px;
  color:#FFFFFF;
}
#navcontainer a:link#current,
#navcontainer a:visited#current,
#navcontainer a:hover#current {
  background:url("navbar/images/tableftI.gif") no-repeat left top;
  background-position:0% -42px;
}

/* Common CSS for on-hover tooltip feature */
a.tooltip {
  position: relative; /*this is the key*/
  z-index:10;
  color:#000;
  text-decoration:none;
}
a.tooltip:hover  {
  z-index:100;
  text-decoration:none
}
a.tooltip span {
  display: none
}
a.tooltip:hover span {
  /*the span will display just on :hover state*/
  z-index:100;
  color:#033666;
  font-style:normal;
  font-size:.8em;
  line-height: 125%;
  display:block;
  position:absolute;
  border:1px solid #C8DAF7;
  background-color:#E5EFFF;
  padding:4px;
  text-align: left;
  text-decoration:none;
  left:-20px;
  top:10px;
  min-width:150px;
}
/* End of common CSS for on-hover info feature */

/* End of Common Plugin CSS */




/* Modification ***************************************************************/

.button-navigation-container {
	font:1.3em helvetica,arial,sans-serif;
  letter-spacing:-.02em;  
  background:#3d6141;
  padding-top:5px;
  padding-bottom:5px;  
  padding-right:5px;
}
.button-navigation-container a:link {
  background:transparent;
  color:#e7e7e7;
  text-decoration:none
}
.button-navigation-container a:visited {
  background:transparent;
  color:#e7e7e7;
  text-decoration:none
}
.button-navigation-container a:hover {
  background:transparent;
  color:#ffffff;
  text-decoration:none
}
.button-navigation-container a:active {
  background:transparent;
  color:#f7f7f7;
  text-decoration:none
}
.button-navigation-line {
  background:transparent;
  color:#cccc99;
  padding-top:5px;
  padding-bottom:5px;
  text-align:left;
  font-size:.9em;
}
.button-navigation-line a:link {
  background:transparent;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#cccccc;
  font-size:.9em;
  text-decoration:none;
}
.button-navigation-line a:visited {
  background:transparent;
  padding-top:5px;
  padding-bottom:5px;
  padding-left:10px;
  padding-right:10px;
  color:#cccccc;
  font-size:.9em;
  text-decoration:none;
}
.button-navigation-line a:hover {
  background:#444444;
  padding-top:12px;
  padding-bottom:8px;
  padding-left:10px;
  padding-right:10px;
  border-bottom:4px solid #cccc99;
  color:#ffffff;
  font-size:.9em;
  text-decoration:none;
}
.button-navigation-line a:active {
  background:#cccc99;
  padding-top:12px;
  padding-bottom:8px;
  padding-left:10px;
  padding-right:10px;
  border-top:3px solid #cccc99;
  color:#666633;
  font-size:.9em;
  text-decoration:none;
}


.info-lists {
  /* do not indent lists in the blocks too much */
  padding-left:13px;
  list-style-type: square;
}

/* EXTENDED TYPOGRAPHY******************************/
blockquote {
background:transparent url(images/quote-l.png) no-repeat scroll left top;
color:#666;
font-size:1.0em;
font-style:italic;
line-height:1.5em;
padding-left:40px;
width:auto;
margin:0;
min-height:3.0em;
}

blockquote p {
background:transparent url(images/quote-r.png) no-repeat scroll right bottom;
padding-right:40px;
margin:10px;
min-height:3.0em;
}

ul.arrow li {
background:transparent url(images/arrow.png) no-repeat scroll 2px;
}

ul.bug li {
background:transparent url(images/bug.png) no-repeat scroll 2px;
}

ul.cart li {
background:transparent url(images/cart.png) no-repeat scroll 2px;
}

ul.check li {
background:transparent url(images/check.png) no-repeat scroll 2px;
}

ul.script li {
background:transparent url(images/script.png) no-repeat scroll 2px;
}

ul.bullet-blue li {
background:transparent url(images/bullet-blue.png) no-repeat scroll 2px;
}

ul.bullet-grey li {
background:transparent url(images/bullet-grey.png) no-repeat scroll 2px;
}

ul.bullet-plus li {
background:transparent url(images/bullet-plus.png) no-repeat scroll 2px;
}

ul.bullet-rss li {
background:transparent url(images/bullet-rss.png) no-repeat scroll 2px;
}

ul.bullet-star li {
background:transparent url(images/bullet-star.png) no-repeat scroll 2px;
}

li.num-1 {
background:transparent url(images/number-1.png) no-repeat scroll 0;
}

li.num-2 {
background:transparent url(images/number-2.png) no-repeat scroll 0;
}

li.num-3 {
background:transparent url(images/number-3.png) no-repeat scroll 0;
}

li.num-4 {
background:transparent url(images/number-4.png) no-repeat scroll 0;
}

li.num-5 {
background:transparent url(images/number-5.png) no-repeat scroll 0;
}

li.num-6 {
background:transparent url(images/number-6.png) no-repeat scroll 0;
}

li.num-7 {
background:transparent url(images/number-7.png) no-repeat scroll 0;
}

li.num-8 {
background:transparent url(images/number-8.png) no-repeat scroll 0;
}

li.num-9 {
background:transparent url(images/number-9.png) no-repeat scroll 0;
}

ul.arrow li,ul.bug li,ul.cart li,ul.check li,ul.script li,ul.bullet-blue li,ul.bullet-grey li,ul.bullet-plus li,ul.bullet-rss li,ul.bullet-star li,ul.number li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:10px;
margin-left:2em;
padding-bottom:3px;
padding-left:28px;
}

span.alert {
background:#FFD6D6 url(images/alert.png) no-repeat scroll 5px 50%;
border:3px solid #FE7B7A;
color:#C00;
}

span.down {
background:#EEF7DD url(images/download.png) no-repeat scroll 5px 50%;
border:3px solid #9ACC2E;
color:green;
}

span.help {
background:#f9ecd3 url(images/help.png) no-repeat scroll 5px 50%;
border:3px solid #ffba42;
color:orange;
}

span.idea {
background:#FABFFF url(images/idea.png) no-repeat scroll 5px 50%;
border:3px solid #F56FFF;
color:purple;
}

span.info {
background:#D8E5F8 url(images/sysmessage.png) no-repeat scroll 5px 50%;
border:3px solid #629DE3;
color:#05B;
}

span.note {
background:#FEF6D8 url(images/note.png) no-repeat scroll 5px 50%;
border:3px solid #FDE179;
color:#B79000;
}

span.alert,span.help,span.down,span.idea,span.info,span.download,span.note {
display:block;
margin:15px 0;
padding:10px 10px 10px 45px;
}


/* Auto Translations css */
.autotranslations ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:-7px;
padding:0;
width:160px;
display:block;
}
.autotranslations ul li {
float:left;
padding:3px 3px 0;
}