@CHARSET "UTF-8";

#uploadedImage
{
	padding: 5px;
	margin: 10px 0 0 0;

	background-color: #eeeeee;
	border: 1px solid #dddddd;

	min-height: 50px;
	text-align: center;
}

#option-photo div
{
	margin-bottom: 8px;
}

#uploadedImageTitle
{
	position: absolute;
	width: 498px;

	color: #cccccc;

	font-size: 10;
	text-align: center;
}

#optionPhoto
{
	margin: 6px 0;
	height: 20px;
}

#opt_photo
{
	float: left;
}

#photo-box-valid-demo
{
	width: 150px;
	margin: 18px auto 0px auto;
}

#photo-box-valid-demo .option-photo-box-text
{
	color: white;
	font-size: 5.0em;
	text-shadow: #666666 1px 1px, #666666 -1px 1px, #666666 -1px -1px, #666666 1px -1px;

	background-image: url('../../images/pic-bg.png');
	background-repeat: no-repeat;
	background-position: center center;
}

#image-loader-error
{
	color: red;
	font-size: 0.94em;
	font-weight: normal;

	width: 350px;

	position: absolute;
	margin: 6px 0 0 170px;
}

#image-loader
{
	float: right;
	display: inline-block;
	border: 1px solid #dedede;
	width: 350px;
	height: 28px;
}

#image-loader div
{
	width: 0%;
	height: 30px;

	background-image: url('../../images/fog.png');
	background-color: #6EA602;
}

#image-loader-message
{
	font-size: 10px;
	margin: 8px 0 12px 0;
}

.photo-box
{
	border-radius: 4px;

	*width: 30% !important;


	border: 2px solid gray;
}

.photo-box-title
{
	background-color: gray;

	text-align: center;
	color: #fefefe;
}

.option-photo-box
{
	padding: 2px;
	min-height: 90px;

	background-image: url(../../images/pic-bg.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.uploadRemove
{
	cursor: pointer;
}

.pickfile
{
	display: block-inline;
}

.photo-box-valid-show
{
	padding-top: 30px;
	height: 250px;

	text-align: center;
	background-image: url(../../images/fog.png);
}


.photo-box-valid-hide
{
	text-align: left;
	min-height: none;
}

.photo-more-box
{
	display: none;
}

.photo-more-box .option-photo-box-hide
{
	background-image: url('../../images/fog.png');
	background-repeat: repeat;
}

.option-photo-box-hide div
{
	display: none;
}

.error-box
{
	width: 100%;
	margin: 15px 0;

	font-weight: bold;
	text-align: center;
}