/****************************************************************
* Styles that make the favorite marker user-interface look pretty
*****************************************************************/

.markerArea, .markerArea a{
	cursor: url(http://images.telkku.com/favmarker/icons/marker_red.cur), crosshair;
}

.eraser, .eraser a{
	cursor: url(http://images.telkku.com/favmarker/icons/eraser.cur), crosshair;
}

div.button{
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
}

.favmarkerControls{}

div.bigButton{
	width: 65px;
	height: 30px;
	background-repeat: no-repeat;
}

table.controlPanel{}

td.controlPanelContainer{
	width: 298px;
	height: 109px;
}

div.realBigButton{
	width: 116px;
	height: 32px;
	background-repeat: no-repeat;
}
		
div.redbutton{
	width:69px;
	height: 109px;
	background-repeat: no-repeat;
}

/*******************************************
* Customizable styles for different markers
*******************************************/

.default{
	color: #000000;
	background-color: #FFFFFF;
}

/* markerRed */
.mR{
	color: #FF5655;
}

/* markerYellow */
.mY{
	color: #EBD000;
}

/* markerGreen */
.mG{
	color: #06B300;
}

/* markerRedHighlight */
.mRH{
	color: #000000;
	background-color: #FF6E5B;
	padding: 1px 4px 1px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* markerYellowHighlight */
.mYH{
	color: #000000;
	background-color: #FFC859;
	padding: 1px 4px 1px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* markerGreenHighlight */
.mGH{
	color: #000000;
	background-color: #5AFB5D;
	padding: 1px 4px 1px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*****************************
* Styles for Favorite Viewer
*****************************/

.notifyWrapper{
	height: 50px;
	width: 200px;
}

#notifyArea{
	display: none;
	background-color: #1693A5;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}