/**
 * Page module: PostIts
 *
 * This module allows you to send virtual post its to other users.
 * Requires some modification in the index.php file of the template and frontend login enabled.
 *
 * This file contains the CSS definitions for the frontend.
 * 
 * LICENSE: GNU General Public License 3.0
 * 
 * @author	Christian Sommer (doc)
 * @copyright	(c) 2006-2009
 * @license	http://www.gnu.org/licenses/gpl.html
 * @version	0.33
 * @platform	Website Baker 2.7
 *
*/

div.postits {
  position:absolute;
  top:50px;
  left:600px;
  width:12em;
  min-height:10em;
  background-color:#FF8;
  border:1px solid gray;
  font-family:Verdana,Helvetica, Arial, sans-serif;
  font-size:small;
  margin:0;
  padding:6px;
  z-index:100;
}

div.postits a {
  display:block;
  position:absolute;
  left:92%;
  top:2%;
  background: url(images/close.gif) no-repeat;
  width:10px;
  height:10px;
}

div.postits a:hover {
  background: url(images/close_active.gif) no-repeat;
}

div.postits h1 {
  font-size: 85%;
  color: #00c;
  padding: 0;
  margin: 0 0 5px 0;
  font-weight:bold;
}

div.postits p {
  font-size: 80%;
  margin:0;
  padding:0;
}

div.postits p.sendby {
  margin: 3px 0 3px 0;
  font-size: 70%;
  color:#555;
  font-style: italic;
}

th.postits {
  background-color:#FFDD2F;
  border-bottom:1px solid #000;
  font-weight:bold;
}

table.postits thead, table.postits thead tr:hover { color: #fff;background-color: #689;}
table.postits td { font-size: 95%; color:#666; line-height: 0.4em;}
table.postits tr.odd { background-color: #F7F7F7; }
table.postits tr:hover { background-color: #FFFFE0}


.hide { display: none; }