/**
 * 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: 10px;
	left: 100px;
	background-color: #FFFFE0;
	width: 12em;
	min-height: 10em;
	border: 1px solid gray;
	font-family: Verdana,Helvetica, Arial, sans-serif;
	font-size: small;
	margin: 0;
	padding: 0.5em;
	z-index: 100;
}

div.postits a {
	height: 10px;
	width: 10px;
	float: right;
	background: url(images/close.gif) no-repeat;
}

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

div.postits h1 {
	display: inline;
	font-size: 90%;
	color: darkblue;
	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;
}

#postit_0 {
	top: 50px;
	left: 700px;
	background-color: #FF1;
}	

#postit_1 {
	top: 100px;
	left: 100px;
	background-color: #2E2;
}	

#postit_2 {
	top: 150px;
	left: 330px;
	background-color: #FE4;
}	

#postit_3 {
	top: 300px;
	left: 500px;
	background-color:#FCD;
}	

#postit_4 {
	top: 280px;
	left: 700px;
	background-color: #BBB;
}	

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

table.postits thead, table.postits thead tr:hover { background-color: #DFE1E5;}
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; }