/* ------------------------------------------------------
	CSS for the Dihedrals.com Webascent System 
	Place this file into the header of any web page that 
	makes use of the DWA Editing system.
-------------------------------------------------------*/

/* ------------------------------------------------------
	Goal is to only have the absolute minimum amount of 
	css required to display the DWA system when it is
	inactive. All the active css code used by the Toolbox
	when it is active is located in the toolbox.css file.
-------------------------------------------------------*/

.DWAEditActivate {
	outline: 2px blue dotted;
	cursor: default;
}
.DWAEditSelect {
	outline: 2px lime solid;
	cursor: default;
}
.limeBackground {
	background-color: lime !important;
}
.limeOutline {
	outline: 3px lime solid;
}




.DWAEditChromeAnchor {
	width: 0px;
	height: 0px;
	position: relative;
	z-index: 1009;
}
.DWAEditButton {
	position: absolute;
	top: 0;
	left: 0;
	width: 84px;
	height: 53px;
	cursor: pointer;
	z-index: 1010;
	background: url(toolbox/images/dwaeditbox-logo-small.png) no-repeat;
}
.DWAElementEditButton {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 20px;
	z-index: 1020;
	background: url(toolbox/images/elementedit.gif) top left no-repeat;
	cursor: pointer;
}
.DWAElementEditButton:hover {
	background: url(toolbox/images/elementedit.gif) center left no-repeat;
}
.DWAElementEditButtonSelected {
	position: absolute;
	top: 0;
	left: 0;
	width: 56px;
	height: 20px;
	z-index: 1020;
	background: url(toolbox/images/elementedit.gif) bottom left no-repeat;
	cursor: pointer;
}
.DWAElementEditButtonSelectedORIGINAL {
	position: absolute;
	top: -18px;
	left: -10px;
	width: 56px;
	height: 20px;
	z-index: 1020;
	background: url(toolbox/images/elementedit.gif) bottom left no-repeat;
	cursor: pointer;
}



.DWAElementEditLabel {
	position: absolute;
	top: 0;
	left: 18px;
	width: 33px;
	height: 19px;
	z-index: 1030;
	background: url(toolbox/images/elementedit-label.gif) 0px 0px no-repeat;
}

.DWAElementEditImgWrapper {
	background: url(toolbox/images/img-edit-background3.gif) repeat;
}



/* Component Element Edit */
.DWAComponentEditChromeAnchor {
	float: right;
	display: inline;
	width: 0px;
	height: 0px;
	position: relative;
	z-index: 1029;
}
.DWAComponentElementEditButton {
	position: absolute;
	top: 0;
	left: -12px;
	width: 12px;
	height: 12px;
	z-index: 1030;
	visibility: visible !important;
	background: url(toolbox/images/component-edit.gif) top left no-repeat;
	cursor: pointer;
}
.DWAComponentElementEditButton:hover {
	background: url(toolbox/images/component-edit.gif) bottom left no-repeat;
}
.DWAComponentElementEditButtonSelected {
	position: absolute;
	left: -12px;
	width: 12px;
	height: 12px;
	height: 12px;
	z-index: 1030;
	background: url(toolbox/images/component-edit.gif) bottom left no-repeat;
	cursor: pointer;
}









/* Element Edit */
.DWAElementEditBox {
	outline: 1px gray dotted;
}
.DWAElementEditBoxSelected {
	outline: 2px red solid;
}




/* Updating Image Chrome */
.DWAUpdatingImage {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 100%;
	opacity: 0.85;
	filter: alpha( opacity = 85 );
	background: white url(toolbox/images/smallwaiting.gif) center center no-repeat;
}
.DWATransWait {
	position: absolute;
	background: url(toolbox/images/smallwaiting.gif) center center no-repeat;
	width: 35px;
	height: 35px;
	z-index: 520;
}
.DWATransWait p {
	position: absolute;
	width: 100%;
	top: 50%;
	height: 1.2em;
	margin-top: 1.2em;
	z-index: 530;
	font-weight: bold;
}





/* Context Menu (non-YUI) */
ul.SimpleContextMenu {
	display: none;
	position: absolute;
	z-index: 2000;
	margin: 0px;
	padding: 0;
	width: 120px;
	font: 0.9em/1em verdana, arial, sans-serif;
	list-style-type: none;
	border: 1px solid rgb(40%,40%,40%);
	text-align: left;
	background: white;
}

	ul.SimpleContextMenu li {
		display: block;
		color: rgb(70%,70%,70%);
		text-indent: 7px;
		margin: 2px 0 0 0;
	}
		ul.SimpleContextMenu li a {
			display: block;
			margin: 2px;
			padding: 1px 5px 1px 5px;
			text-decoration: none;
			text-indent: 0;
			color: black;
			border-bottom: none;
			cursor: default;
		}
		ul.SimpleContextMenu li a:hover {
			background: rgb(90%,90%,90%);
			text-decoration: none;
			color: blue;
			border-bottom: none;
		}
		ul.SimpleContextMenu .SimpleContextMenuSeperator {
			display: block;
			margin: 4px 5px 4px 5px;
			padding: 0;
			height: 1px;
			background-color: rgb(80%,80%,80%);
		}