/**
 *	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 ********/

/* Rectangles */
.tmRect {
	border: 0px solid white;
	}
.tmRectContrast {
	border: 0px solid black;
	}
.tmRectSelected {
	border: 3px solid rgb(189, 199, 216);
	}
.tmRectContrastSelected {
	border: 1px solid grey;
	}

/* Tooltip (i.e. container for text) */
.tmTooltip {
	border:0px solid rgb(189, 199, 216);
	background:white;
	}
.tmText {
}

/******** Edit mode declarations ********/

/* Rectangle shown when editing */
.tmRectMod {
	border: 1px solid #CCCCCC;
	}
.tmRectContrastMod {
	border: 1px solid #CCCCCC;
	}

/* Corners (handlers) of the rectangle shown when editing */
.tmCorner {
	border:1px solid #CCCCCC;
	background: white;
	}

/* Tooltip shown when editing and related elements */
.tmTooltipMod {
	padding:3px 1px 3px 1px;
	border:1px solid #CCCCCC;
	background:#eceff5;
	}
.tmForm {
	margin:0;
	}
.tmTextArea {
	width:100%;
	height:30px;
	margin-top:3px;
	}
	
.tmSelectBox {
	width:100%;
	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;
	}

.tagButton
{
background-color:#3B5998;
border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
border-style:solid;
border-width:1px;
color:#FFFFFF;
font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
font-size:11px;
padding:2px 3px 2px 3px;
text-align:center;
margin-top:5px;
*margin-top:1px;
margin-right:4px;
margin-bottom:3px;
}