/* This file is css for the cropper page, used across partners */
	/* crop images */
#divCropperIntro p {
	padding: 0;
	margin: 0;
	position: relative;
	top: 5px;
	left: 3px;
}

#divLoadingInfo {
	text-align: center;
	margin-bottom: 2em;
}

#divCroppers {
	width: 100%;
}

.imageframeandcontrols {
	display: block;
	width: 99.5%;
	border: solid 1px #ddd;
	position: relative;
	float: left;
	margin-bottom: 1em;
	min-height: 250px;
	overflow: hidden;
}

.imageframe {
	float: left;
	background: white !important;
	color: #000048;
	border: solid 1px #ccc;
	padding: 10px !important;
	margin: 15px 1px;
}

p.croppernumber {
	position: relative;
	padding: 1px 0 1px 0;
	margin: 3px;
	color: black;
	background: #f9f9f9;
}

p.croppernumber span {
	background: #c8c3c3;
	width: 22px;
	text-align: center;
	padding: 0.2em 0.4em;
}

p.croppernumber span.quantity {
	background: none;
	padding: 0;
}

div.imagewrapper {
	position: relative;
	float: left;
	overflow: hidden;
	cursor: pointer;
	background: url(../images/orangehash.png);
	color: white;
}

div.imagewrapper .imageerror {
	width: 240px;
	height: 125px;
	padding-top: 55px;
	text-align: center;
}

div.imagewrapper img {
	position: absolute;
}

div.cropper {
	color: #FFFFFF;
	position: absolute;
	text-align: center;
	border: solid 1px #FF0000;
	font-weight: bold;
	height: 30px;
	width: 60px;
}

div.croppermask {
	background: #808080;
	z-index: 97;
	position: absolute;
	-moz-opacity: 0.6 !important;
	filter: alpha(opacity = "60") !important;
	opacity: 0.6 !important;
}

div.croppermask2 {
	background: #808080;
	z-index: 97;
	position: absolute;	
}

div.dragger {
	z-index: 98;
	-moz-opacity: 0 !important;
	filter: alpha(opacity = "0") !important;
	opacity: 0 !important;
	background: white;
	cursor: move;
}

.scrollcontrol {
	margin-top: 100px;
	width: 358px;
	border: solid 1px #e3e3e3;
	height: 33px;
	padding: 20px 5px 5px 15px;
	position: relative;
	margin-right: 5px;
	}

div.slidertrack {
	width: 188px;
	height: 14px;
	background: url(../images/slidetrack.png) bottom left no-repeat;
	position: relative;
	left: 15px;
}

span.zoomHelpSmall {
	position: absolute;
	top: 21px;
	left: 5px;
	font-size: 19px;
}

span.zoomHelpBig {
	position: absolute;
	top: 11px;
	right: 150px;
	font-size: 34px;
}

div.slider {
	width: 16px;
	height: 18px;
	cursor: pointer;
	position: relative;
	top: 6px;
}

.sliderinfo {
	border-left: solid 0px #e3e3e3;
	position: absolute;
	right: 0;
	top: 0;
	width: 123px;
	height: 60px;
	text-align: center;
}

.zoompercent {
	position: relative;
	top: 20px;
}

div.imagecontrols {
	position: relative;
	float: right;
	margin-right: 0;
	margin-top: 40px;
	font-size: 16px;
	width: 390px;
}

div.imagecontrols li a {
	display: block;
	height: 30px;
	padding-top: 50px;
	border: solid 1px #e3e3e3;
	margin: 0 2px;
	text-align: center;
}

div.count2 li a {
	width: 183px;
}

div.count3 li a {
	width: 118px;
}

p.warningmessage {
	font-size: 13px;
	width: 100%;
	height: 58px;
	display: none;
	line-height: 26px;
	background-color: #808080;
	color: #FFFFFF;
}

#divPreviewVertical,#divPreviewHorizontal,#divPreviewSquare {
	position: absolute;
	z-index: 99;
	border: solid 6px white;
	text-align: center;
}

#divPreviewVertical img,#divPreviewHorizontal img,#divPreviewSquare img
	{
	position: absolute;
	border: none;
	padding: 0;
	border-bottom-width: 0 !important;
	top: 0;
}

#divClose,#divClose {
	font-size: 16px;
	position: absolute;
	bottom: 2px;
	left: 0;
	display: block;
	text-align: center;
	width: 100%;
}

#divPreviewHorizontal {
	width: 364px;
	height: 185px;
	background: url(../images/horizontalshadow.png) no-repeat;
}

#divPreviewHorizontal #imgPreviewPopup {
	top: 6px;
	left: 6px;
}

#pDownloadWarning {
	font-size: 13px;
}

#divPreviewVertical #pDownloadWarning {
	padding: 80px 10px;
}

#divPreviewHorizontal #pDownloadWarning {
	padding: 80px 10px;
}

#divPreviewVertical {
	width: 156px;
	height: 382px;
	background: url(../images/verticalshadow.png);
}

#divPreviewVertical #imgPreviewPopup {
	top: 5px;
	left: 7px;
}

#divPreviewVertical #imgLoading {
	position: absolute;
	top: 40px;
	left: 80px;
}

#divPreviewHorizontal #imgLoading {
	position: absolute;
	top: 40px;
	left: 176px;
}

#divPreviewSquare {
	width: 364px;
	height: 382px;
	background: url(../images/notecardshadow.png);
}

#divPreviewSquare #imgPreviewPopup {
	top: 6px;
	left: 6px;
}

#divPreviewSquare #imgLoading {
	position: absolute;
	top: 40px;
	left: 80px;
}

#divPreviewSquare #imgLoading {
	position: absolute;
	top: 40px;
	left: 176px;
}

#divPreviewSquare #pDownloadWarning {
	padding: 80px 10px;
}

#divMask {
	z-index: 30;
	background: #333;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.3 !important;
	filter: alpha(opacity = "30") !important;
	opacity: 0.3 !important;
}

.photomask {
	z-index: 60;
	background: white;
	width: 100%;
	height: 500px;
	position: absolute;
	top: 0;
	left: 0;
	-moz-opacity: 0.6 !important;
	filter: alpha(opacity = "60") !important;
	opacity: 0.6 !important;
}

.ignorephoto {
	position: relative;
	float: left;
	left: 20;
	height: 100%;
	width: 90%;
	background: transparent;
	padding: 0 10px 0 18px;
	z-index: 90;
	top: -6px;
}

.ignorephoto input {
	z-index: 90;
}

.ignorephoto label {
	padding-left: 0.3em;
	color: #6f6f6f;
	position: relative;
	top: -2px;
}

.ignoreimage {
	font-size: 11px;
	color: #808080;
	clear: left;
	position: relative;
	top: -18px;
	left: -3px;
	margin-top: 20px;
	text-align: left;
	z-index: 70;
}

#btnsStage3 {
	padding-top: 8px;
}