/**
 *	Tipmage - Base StyleSheet
 *	version 1.0
 *
 *	Tipmage is a javascript class aimed at creating and managing tooltips
 *	(or "notes") over images.
 *	Tipmage makes it possible to mark rectangular portions of an image and
 *	attach a description to each one of them. The description will be shown
 *	as a tooltip when the mouse is over the right section of the image.
 *	The class can work in two ways: in _normal_ mode it just shows the tooltips,
 *	while in _edit_ mode it also allows the user to edit them.
 *	Tipmage supports the use of special callback functions to perform operations
 *	related to the editing of a tooltip (for example AJaX calls to access a database).
 *	An external CSS stylesheet allows to customize the appearance of the user interface.
 *
 *	See: http://www.simbul.net/stuff/tipmage.php
 *
 *	Copyright (C) 2005 by
 *	Alessandro Morandi
 *	www.simbul.net
 *
 *	Feel free to redistribute under the GPL
 *	http://www.gnu.org/copyleft/gpl.html
 */

/******** Normal mode declarations ********/

/*.tmRect { border: 1px solid #ffffff; }

.tmRectContrast { border: 1px solid #000000; }

.tmRectSelected { border: 1px solid #ece28a; }

.tmRectContrastSelected { border: 1px solid #9b5400; }
*/
.tmRectMod { border: 1px dashed #ece28a; }

.tmRectModLarge { border: 1px dashed #ece28a; }

.tmRectModSmall { border: 3px dashed #ece28a; }

.tmRectContrastMod { border: 1px dashed #9b5400; }

.tmCorner { border: 1px solid #9b5400; background: #ffffff; }

/*.tmTooltip { border:2px solid #b46100; margin:0; padding:0.2em; background:#ece28a; -moz-border-radius:8px; opacity: .85; filter: alpha(opacity=85); } */

.tmTooltip { border:2px solid #b46100; margin:0; padding:0.2em; background:#0065B3; color:#ffffff; -moz-border-radius:8px; opacity: .85; filter: alpha(opacity=85); } 


.tmTooltipMod { border:2px solid #b46100; margin:0; padding:0.5em; background:#ece28a; -moz-border-radius:8px; }

.tmText { font: 0.8em/1em Verdana, Arial, Helvetica, sans-serif; }

.tmForm { margin: 0; }

.tmTextArea { width:95%; height:100px; }

.tmButton {
			font: 0.8em/0.8em Verdana,Arial,Helvetica,sans-serif;
			border:2px solid #888;
			background:#CCCCCC;
			margin-right:5px;
			margin-top:5px;
		}
