body {
	margin: 0px;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-color: #808080;
}

.selectionRect {
	border: 1px dashed blue;
}

.opacityRect {
	background-color: black;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
}

.resizeRect {
	border: 1px solid blue;
	width: 7px;
	height: 7px;
}

#imageWrapper {
	position: absolute;
	left: 20px;
	top: 46px;
	width: 640px;
	height: 480px;
	overflow: scroll;
	z-index: 1;
	cursor: crosshair;
	border: 1px solid black;
	background-color: #C0C0C0;
}

#imageWrapper {
/*		width: 600px;
	height: 480px;
	overflow: auto;*/
}

#processingDialog {
	position: absolute;
	left: 240px;
	top: 240px;
	width: 210px;
	height: 30px;
	border: 1px solid black;
	background-color: white;
	z-index: 3000;
	display: none;
}

#processingMsg {
	position: relative;
	left: 10px;
	top: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}

.toolbar {
	background-color: #D4D0C8;
	border-bottom: 1px solid black;
	height: 30px;
}

.tools {
	float: left;
	margin-top: 2px;
	margin-left: 2px;
}

form {
	padding: 0px;
	margin: 0px;
}

.inputtext {
	background: #FFFFFF;
	border: 1px solid #cccccc;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 40px;
}

.inputcheckbox {
	padding: 0px;
	margin: 0px;
}

label {
	margin-left: 3px;
}

.mceButtonNormal, .mceButtonOver, .mceButtonDown, .mceSeparator, .mceButtonDisabled, .mceButtonSelected {
	margin-top: 1px;
	margin-left: 1px;
}

.mceButtonNormal {
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #F0F0EE;
	cursor: arrow;
}

.mceButtonOver {
/*	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;*/
	border: 1px solid #0A246A;
	cursor: arrow;
	background-color: #B6BDD2;
}

.mceButtonDown {
/*	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;*/
	cursor: arrow;
	border: 1px solid #0A246A;
	background-color: #8592B5;
}

.mceButtonSelected {
	border: 1px solid;
	border-color: #333333;
	cursor: arrow;
}

.mceButtonDisabled {
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
	border-top: 1px solid;
	border-left: 1px solid;
	border-bottom: 1px solid;
	border-right: 1px solid;
	border-color: #F0F0EE;
	cursor: arrow;
}

.mceSeparator {
	border-top: 1px solid buttonhighlight;
	border-left: 1px solid buttonhighlight;
	border-bottom: 1px solid buttonshadow;
	border-right: 1px solid buttonshadow;
	margin-right: 2px;
	margin-left: 2px;
}

.mceSeparatorLine {
	margin:2px;
	margin-left: 4px;
	background-color: #F0F0EE;
	border-top: 1px solid buttonshadow;
	border-left: 1px solid buttonshadow;
	border-bottom: 1px solid buttonhighlight;
	border-right: 1px solid buttonhighlight;
	width: 0px;
	height: 15px;
}

#resizePanel {
	float: left;
	margin-left: 10px;
	display: none;
}

.resizeDimentions {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

#cropPanel {
	float: left;
	margin-left: 10px;
	display: none;
}

.cropDimentions, .saveImage {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
}

.confirmAction {
	float: left;
	margin-top: 2px;
}

#saveAs {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 640px;
	height: 480px;
}

#savePanel {
	float: left;
	margin-left: 10px;
	display: none;
}

#saveFileAs {
	width: 200px;
}
