/*

The overall container: always has class="fn-container", and also one of:

container-inactive container-active

*/



.fn-container {

 position: relative;
 margin-left:3px;

}



.fn-container img {

 border-width: 0;

}
*html .fn-container img {

 border-width: 0;
 margin-left:10px;

}


.fn-area 

{

	position: absolute;

	border:none;

	border: 0px solid #D4D82D;

	margin:1px;

}



.fn-area-blackborder

{

	border: 1px solid #000;

}



.fn-area-whiteborder

{

	border: 1px solid #FFF;	

}







.fn-area-inner

{

	border: 1px solid #000000;

	background-color:#FFF;

	filter:alpha(opacity=0);

	-moz-opacity:0;

	cursor: pointer;

}



.fn-note 

{

	position: absolute;

	max-width: 200px;

	

	padding: 5px;

	display:none;

	cursor:default;
	color:#666666;

	z-index:5000;

}



.fn-note-text

{

	background-color: #FFEECC;

	border: 1px solid #000000;

	padding: 5px;

	-moz-border-radius: 7px; /* Non-standard */

}



.fn-note-edit-text

{

	background-color: #FFEECC;

	border: 1px solid #000000;

	padding: 5px;

	-moz-border-radius: 7px; /* Non-standard */

}

.fn-note-edit

{

	display:none;

}



.fn-note-edit TEXTAREA

{

	background-color:#FFEECC;

	border:0;

	overflow:visible;

	margin-bottom:10px;

	padding:0;

	width:180px;

	font-size: 10pt;

	margin:0;

}





.DeleteButt { color: #000000; background: #C0C0C0; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #C0C0C0; border-right-color: #C0C0C0; border-bottom-color: #C0C0C0; border-left-color: #C0C0C0; font: 14px Arial, Helvetica, sans-serif; 
height: 23px;
width: 68px;}
.CancelButt 

{ 

	color: #000000; 

	background: #99CC00; 

	border-top-width: 1px; 

	border-right-width: 1px; 

	border-bottom-width: 1px; 

	border-left-width: 1px; 

	border-top-style: solid; 

	border-right-style: solid; 

	border-bottom-style: solid; 

	border-left-style: solid; 

	border-top-color: #99CC00; 

	border-right-color: #99CC00; 

	border-bottom-color: #99CC00; 

	border-left-color: #99CC00; 

	font: 14px Arial, Helvetica, sans-serif; 
    height: 23px;
	width: 68px;


	margin-right:4px;	

}
.Butt 

{
	font: normal 14px Arial, Helvetica, sans-serif;
	color: #000000;
	background:#FF3300;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FF3300;
	border-right-color: #FF3300;
	border-bottom-color: #FF3300;
	border-left-color: #FF3300;
	margin-right:4px;
	margin-top:5px;
    height: 23px;
	width: 68px;

}






/* Note drag/resize UI */



.dragresize {

 position: absolute;

 width: 5px;

 height: 5px;

 font-size: 1px;

 background: white;

 border: 1px solid black;

}



.dragresize-tl {

 top: -8px;

 left: -8px;

 cursor: nw-resize;

}

.dragresize-tm {

 top: -8px;

 left: 50%;

 margin-left: -4px;

 cursor: n-resize;

}

.dragresize-tr {

 top: -8px;

 right: -8px;

 cursor: ne-resize;

}



.dragresize-ml {

 top: 50%;

 margin-top: -4px;

 left: -8px;

 cursor: w-resize;

}

.dragresize-mr {

 top: 50%;

 margin-top: -4px;

 right: -8px;

 cursor: e-resize;

}



.dragresize-bl {

 bottom: -8px;

 left: -8px;

 cursor: sw-resize;

}

.dragresize-bm {

 bottom: -8px;

 left: 50%;

 margin-left: -4px;

 cursor: s-resize;

}

.dragresize-br {

 bottom: -8px;

 right: -8px;

 cursor: se-resize;

}