/*************************************
 * Photoprint
 *************************************/

@font-face {
    font-family: 'arial, sans-serif';
    font-weight: normal;
    font-style: normal;
}

select {
	vertical-align:top;
}

#img_list {
	width:100%;
	display:table;
}

.item_content {
	margin:0 10px 0;
	width:100%;
	height:180px;
	display:table;

	border:solid 1px #ccc;
	border-bottom-style: none;
}

.item_photo_col {
	width: 22%;
	text-align: center;
	display:table-cell;
}

.item_photo {
	margin-top:10px;
	margin-bottom:10px;
	margin-left: auto;
	margin-right: auto;

	width: 130px;
	height: 130px;

	/*padding-left:auto;*/
	/*padding-right:auto;*/

	/*width:100%;*/
	/*max-width:100%;*/
	/*height:100px;*/
/*	display:table-cell;*/

	background-size:contain;
	background-repeat:no-repeat;
	background-position:50% 50%;
}

.item_photo:hover {
	cursor:pointer;
}

.q_item {
	width:100%;
	margin:10px 0 10px;
}

.image_caution {
	width: 100%;
	color:red;
	text-align:center;
	display:none;
	font-size:12px;
	margin-top:-5px;
}

.item_info_col {
	width: 60%;
	height:100%;
	display:table-cell;
	padding:0 10px;
	border-left:solid 1px #ccc;
}

.item_detail {
	padding:0 5px 5px 5px;
/*	height:80%; */
	line-height: 1.5em;
}

.item_select_photo_print {
	margin:5px 0;
}

.item_quantity {
	margin:5px 0;
}

.item_add_date_ck {
	margin-top:5px;
}

.upload_btn_div {
	width:100%;
	margin:0 10px 10px;
	display:table;

	border:solid 1px #ccc;
}

#img_upload_btn {
	margin:10px;
}

.item_edit_div {
	vertical-align:top;
	padding-top:10px;
}

.item_edit_div .edit-item-btn {
	margin: 0 20px 20px;
	padding: 5px 20px;
	font-size: 12pt;
}

.item_edit_col {
	width: 18%;
	text-align: center;
	vertical-align: top;
	padding-top:10px;
	display:table-cell;
	border-left:solid 1px #ccc;
}

.item_edit_col .remove-item-btn {
	width: 86%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
	font-size: 12pt;
}

.item_edit_col .copy-item-btn {
	width: 86%;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
	font-size: 12pt;
}

.dlg_confirm {
	width: 300px;
	height: 50px;
	overflow:hidden;
}

.dlg_progress {
/*	width: 350px;*/
	width: 250px;
	height: 50px;
	overflow:hidden;
}

.dlg_contents {
/*	width: 380px*/;
	width: 280px;
	height: 350px;
	overflow:hidden;
}

#dlg_edit_img {
	width: 380px;
	height: 330px;
	margin: 10px;
	position: absolute;
	overflow: auto;
}

#edit_img_cvs {
	border: dashed 2px #f00;
}

#edit_move_photo {
	opacity:0.3;
	position:absolute;
	left:0;
	top:0;
	background-repeat: no-repeat;
}

#edit_move_area {
	margin-top:0px;
	margin-left:0px;
/*	border: solid 1px #aaa;*/
	position:absolute;
}

#dlg_img_controllers {
	width:400px;
	height: 60px;
/*	border: solid 1px #aaa;*/

	display:table;
	table-layout: fixed;
}

#dlg_edit_size_div {
	display:table-cell;
	padding-right:5px;
/*	border: solid 1px #acc;*/
}

#dlg_edit_rotate_div {
	display:table-cell;
	padding-left:5px;
/*	border: solid 1px #cca;*/
}

#rotate_ipt {
	width:50px;
}

.slider_ruler {
	width:100%;
	height:5px;
	margin-left:auto;
	margin-right:auto;
}

.ruler {
	width:100%;
	height:5px;
}
.ruler td {
	border-left: solid 1px #ccc;
}
.ruler td:last-child {
	border-right: solid 1px #ccc;
}

#size_slider {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

#rotate_slider {
	width:100%;
	margin-left:auto;
	margin-right:auto;
}

.slider_controll {
	width:100%;
	height:20px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	margin-top:10px;
}

.rotate_controll {
	margin-top:10px;
	text-align:center;
}

/* item file info */
.item_file_info {
	display: table-cell;
	padding: 10px 0;
	margin-top: 0;
}

/* quality */
.item_img_quality {
	width:160px;
	height:25px;
	border:solid 1px #555;
/*	display:table-cell;*/
	position:relative;
	overflow:hidden;
	margin:0 auto 0;
}
.quality_ruler {
	width:100%;
	height:25px;
	border:none;

	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#FF6675, endcolorstr=#17CDFF));
	/* IE8 IE9 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#FF6675, endcolorstr=#17CDFF))";
	zoom: 1;
	background: -moz-linear-gradient(left, #FF4000, #0040FF);
	background: -webkit-gradient(linear, left top, right top, from(#FF4000), to(#0040FF));
	background: -ms-linear-gradient(left, #FF4000, #0040FF);/* IE10+, W3C */

}
.quality_ruler td {
	width:25%;
	border-right: solid 1px #aaa;

	color:white;
	font-size:small;
	text-align:center;
	vertical-align: top;
	padding-top:3px;
}
.quality_ruler td:last-child {
	border-right: none;
}

/* q-point */
.q-point {
	position:absolute;
	top:6px;
	left:-12px;
	color: #ffff80;
	padding-left:0%;
	padding-right:0%;
}

/* button color */
.button-orange {
	background-color: #f0ad4e;
}

.button-red {
	background-color: #d9534f;
}

.button-green {
	background-color: #5cb85c;
}

.button-blue {
	background-color: #337ab7;
}

/* tooltip */
.custom-tooltip-styling {
	position: fixed !important;
	padding:10px;
}


/* collective setting */
.collective_setting {
	margin:0 10px 10px;
	width:100%;
	display:table;
	border:solid 1px #ccc;
}

.collective_setting_title {
	display:table-cell;
	width :22%;
	margin: 10px 20px;
	text-align:center;
	border-right:solid 1px #ccc;
}

.collective_setting_contents {
	width:60%;
	margin:10px;
	line-height: 1.5em;
	display:table-cell;
	padding:5px 10px;
}

.collective_setting_btn_div {
	width:18%;
	display:table-cell;
	text-align:center;
	border-left:solid 1px #ccc;
}

#collective_setting_btn {
	width: 86%;
	font-size: 12pt;
	padding: 10px 15px;
}

#delete_all_images_btn {
	width: 86%;
	font-size: 12pt;
	padding: 10px 15px;
}