/***********************************************************************
** nbknotes.css
**  Copyright 2005 V.Krishn (mistyfire@autograf.pl)
**  This file is part of NotebookSkin for PmWiki; you can redistribute 
**  it and/or modify it under the terms of the GNU General Public License 
**  as published by the Free Software Foundation; either version 2 of 
**  the License, or (at your option) any later version.  
**  See pmwiki.php for full details.
***********************************************************************/
/***********************************************************************
** This defines styles for all purpose notes for notebook skin. 
** DONOT EDIT THIS FILE DIRECTLY OR YOU MAY LOSE CHANGES WHEN UPGRADING!
** If you want to make changes to these settings, you can create a 
** custom style in pub/css/ or you can use pub/css/local.css to override 
** the settings here. See PmWiki Documentations on PerGroup Settings.
***********************************************************************/
#snotestopcmds, #snotesbotcmds { 
  line-height: 11px;
  text-align: right;
}
#snotestopcmds a, #snotesbotcmds a {
  color: #ccc;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 9px;
  text-decoration: none;
}
#snotestopcmds a:hover, #snotesbotcmds a:hover { color: #000080; }

.gennotes, .snotes, .lftnote, .cennote, .rhtnote {
  position: relative;
  display: block;
  z-index: 10;
  margin-left: 2px;
  padding: 2px;
  padding-left: 3px;
  border-bottom: 3px solid #eee;
  text-align: left;
  font-family: Helvetica, Arial, sans-serif;
}
.snotes {
  width: 158px;
  height: 300px;
  background-color: #def;
  color: #606060;
  overflow: auto;
  font-size: smaller;
}
.gennotes, .lftnote, .cennote, .rhtnote {
  background: url(images/notehead_bg.png) repeat-x;
  font-size: .9em;
  border: 1px solid #ddd;
  overflow: hidden;
  font-size: small;
}
.gennotes img, .snotes img, .lftnote img, .cennote img, .rhtnote img {
  float: left;
}
.gennotes {
  clear: left;
  margin-right: 5px;
}
.lftnote, .cennote, .rhtnote {
  width: 158px;
}
.lft, .lftnote {
  float: left;
}
.rht, .rhtnote {
  float: right;
  margin-right: 5px;
}

#tanotes {
  height: 200px;
  width: 158px;
  margin-left: 1px;
  margin-bottom: 4px;
  border: 0;
  padding: 2px;
  background-color: #fed;
  color: #6C6C6C;
  font-family: Helvetica, Arial, sans-serif;
  font-size: small; 
} 

.listcompact dl {
 	float: left;
 	margin: 0;
 }
.listcompact dl dt {
 	float: left;
 	margin: 0;
 	font-weight: bolder;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small; 
 }
.listcompact dl dt a {
 	text-decoration: none;
 	color: green;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small; 
 }
.listcompact dl dt a:hover {
 	text-decoration: underline;
 }
.listcompact dl dd {
 	float: left;
 	margin: 0;
 	margin-left: 5px;
 	padding-left: 3px;
 	line-height: 18px;
 	border-left: 1px solid #ccc;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small; 
 }
.listcompact dl dd a {
 	text-decoration: none;
 	color: #7777CC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small; 
 }
.listcompact dl dd a:hover {
	border-top: 1px dotted green;
	border-bottom: 1px dotted green;
 	color: blue;
 }

 
.listcompact ul {
 	float: left;
 	margin: 0;
 }	
.listcompact ul li {
 	float: left;
 	margin: 0;
 	margin-left: 2px;
 	padding-left: 3px;
 	line-height: 18px;
 	list-style: inside;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small; 
 }
.listcompact ul li a {
 	text-decoration: none;
 	color: #7777CC;
	font-family: Helvetica, Arial, sans-serif;
	font-size: small; 
 }
.listcompact ul li a:hover {
	border-top: 1px dotted green;
	border-bottom: 1px dotted green;
 	color: blue;
 }