* {
	font-size: 1em;
}
body {
	font-family:Geneva, Arial, Helvetica, sans-serif;
	background-color: #eeeed2;
	color: #000000;
	font-size: 80%;
}

table.baseTable {
}

table.baseTable td {
	text-align: left;
}

table.baseTable td.content {
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	padding: 15px 10px 5px 10px;
}

table.baseTable td.step {
	color: #ffffff;
	font-size: 110%;
	font-weight: bold;
	padding: 5px 10px 5px 10px;
	background-color: #555555 !important;
	background-image: url(lib/btn/img/gradient.png) !important;
	background-position: bottom !important;
}

#overlay {
	position: relative;
	width: 600px;
	height: 400px;
	top: 0px;
	left: 0px;
	z-index:40;
	display: block;
}

#overlay td {
	background: url(i/gray.gif) 0px 0px repeat;
	background-color: #555555;
	filter: alpha(opacity=30);
	opacity: 0.8;
	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
}

#overlay .lens {
	background-color: #ffffff;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	z-index:10;
}


#dragger {
	background-color: #EEEEEE;
	filter: alpha(opacity=0);
	opacity: 0;
	-moz-opacity: 0;
	-khtml-opacity: 0;
	z-index:10;
	position: relative;
	width: 600px;
	height: 400px;
	top: -400px;
	left: 0px;
	cursor: move;
	z-index:50;
}

#cropper {
	margin-top: 5px;
	width: 600px;
	height:400px;
	border: #555555 1px solid;
}

#cropArea {
	width: 600px;
	height: 400px;
	overflow: hidden;
	z-index: 3;
	position: relative;
	top: 0px;
	left: 0px;
	background-color: #FFFFFF;
}

#cropAreaBox {
	width: 600px;
	height:400px;
	z-index: 2;
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
}

#cropImg {
	top: 0px;
	left: 0px;
	position: relative;
	width: 600px;
	height: 400px;
	display: block;
}


#cropImgBox {
	width:600px;
	height:400px;
	display: block;
	position: relative;
	top: -800px;
	left: 0px;
}

.slider {
	margin: 0.5em auto;
	position: relative;
	width: 300px;
	height: 30px;
	background: url(lib/slider/img/bg.gif) 50% 50% repeat-x;
}

.slider img {
	position: absolute;
	top: 0px;
	left: 0px;
}

.slider .left, .slider .right {
	height: 30px;
	width: 2px;
	position: absolute;
	top: 0px;
}

.slider .left {
	left: 0px;
	background: url(lib/slider/img/left.gif) 2px 0px no-repeat;
}

.slider .right {
	right: 0px;
	background: url(lib/slider/img/right.gif) 2px 0px no-repeat;
}

.head {
	color: #2e4188;
	font-size: 105%;
 	font-weight: bold;
}

.note {
	font-weight: normal;
	color: #2e4188;
	font-size: 95%;
}

.link {
	font-weight: bold;
	color: #e96c07;
	font-size: 95%;
	text-decoration: underline;
	cursor: pointer;
}

#sliderTable td.head {
	padding-right: 10px;
	padding-bottom: 5px;
}

#sliderTable td.control {
	padding-right: 10px;
	padding-bottom: 5px;
}

#sliderTable td.value {
	padding-bottom: 5px;
}

#sliderTable td.value div {
	background-color: #777777;
	font-size: 80%;
 	font-weight: bold;
	color: #ffffff;
	margin: 5px;
	padding: 3px 5px 3px 5px;
	width: 30px;
	text-align: center;
}

.ieOnly {
	display: none;
}

.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; }
.btn * { font-weight: bold; font-size: 150%; background-image: url(lib/btn/img/btn.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn:hover { background-color: #a00; background-image: url(lib/btn/img/gradient.png); background-position: bottom;}
/* .btn:active { background-color: #444; } */
.btn[class] {  background-image: url(lib/btn/img/gradient-white.png); background-position: bottom; }
* html .btn { border: 3px double #aaa; }
* html .btn:hover { border-color: #a00; }

.btn.green { background: #2dcb02; }
* html .btn.green { border-color: #2dcb02; }
.btn.green:hover { background: #26a604;}
* html .btn.green:hover { border-color: #26a604;}

.btn.orange { background: #dea802; }
* html .btn.orange { border-color: #dea802; }
.btn.orange:hover { background: #b78b04;}
* html .btn.orange:hover { border-color: #b78b04;}

.btn.blue { background: #2ae; }
* html .btn.blue { border-color: #2ae; }

table.baseTable p .btn { margin-right: 1em; }
textarea { margin: 1em 0;}

#page {
	border: #555555 1px dotted;
}

#page td {
	background-color: white;
}

.copyright {
	color: #BD5316;
}

.copyright * {
	color: #BD5316;
}

.feedback {
	color: #127189;
}

.feedback * {
	color: #127189;
}

h1 {
	color: #555555;
	font-size: 140%;
	text-decoration: underline;

}

p {
	clear: both;
	color: #555555;
	font-size: 120%;
	text-decoration: none;

}