/* 
	icons.css
	Manning School for Girls
	
	This stylesheet provides information for icons printed 
	within the iconWrapper div and for the CMS::fnPrintIcons 
	static function.
*/
.iconWrapper
{
	position: relative;
	float: right;
	margin: 1px 10px 1px 1px;
	cursor: pointer;	
}
.default-icon{
	float: left;
	margin: 2px;
}
img.default-icon{
	width: 32px;
	opacity: 0.9;
	padding: 2px 4px;
}
img.default-icon:hover{
	opacity: 1;
	background-image:url("/image/icons/icon-highlight.png");
}
div.default-icon{
	font-size: 14px;
	background-color: #D5D5D5;
	border: 1px inset #EAEAEA;
	margin-top: 3px;
}
div.right-align{
	float:right;
	clear: both;
}
.default-icon p{
	padding: 4px;
	color: #000;
}
div.default-icon:hover{
	border: 1px solid #FFF;
	color: #000;
}
/* APPAC specific - move from here - needs to cascade before div.selected{} */
div.iconNC{
	background-color: #969696;
	-moz-user-select: none;
	cursor: e-resize;
}
div.selected{
	background-color: #FF8000;
	-moz-user-select: none;
}

/* goldcrest logo */
#app-logo{
	margin-left: 20px;
	border: 1px solid black;
	width: 32px;
	padding: 0px;
	opacity: 1;
}
#app-logo:hover{
	background-image: none;
}
img.vis-icons{
	border: none;
	width: 15px;
	cursor: pointer;
}
img.vis-icons:hover{
	background-image: none;
}


/* 

	This CSS code is redundant but may be useful to restore the APPAC system to it's development
	state. Therefore the code has been left inside this stylesheet commented.
*/
/*
.iconWrapper>div
{
	position: relative;
	display:	block;
	float: 		left;
	
	margin: 1px 1px 1px 1px;	
	background-color:#EEEEEE; 

	border-style:solid;
	border-width:1px;
}
.iconWrapper>div:hover		{	padding: 1px 1px;	margin: 3px;	}	/* increase padding and decrease margin by 1 on hover */
/*
.iconWrapper>div>p			{	padding: 2px 2px 2px 2px;			
								color: #777777;						}
.iconWrapper>div.selected	{	margin: 2px 1px 2px 1px;				/* increase margin and decrease padding by 1 on selected */
/*
								border-color:#222222;				}
.iconWrapper>div.selected>p {	padding: 1px 2px 1px 2px;	
							color:#00FF00;

								background-color:#222222;			}	
/*
.iconWrapper>div.iconNC
{
	margin-left: 0px ;
	margin-right: 0px ;
	-moz-user-select: all;
	background-color:#555555; 
	padding:1px;
}

/*
img#iconSave
{
	position:relative;
	float:left;
	display:block;
	border:none;
	padding:1px;
}
*/