/* body {
	margin: 0 auto;
} */

.modal2 {
	width: 100%;
	height: 100%;
/* 	margin: 0 auto; */
	display: none;
	z-index: 9999;
	position: fixed;
	background-color: rgba(0,0,0,0.5);
	left: 0;
	top: 0;
}


.modal-content-crop {
  	font-family: 'Source Sans Pro';

	position: relative;
	max-width: 640px;
	top: 20px;
	margin: 0 auto;
	background-color: #ffffff;
	border-style:solid;
	border-width:1px;
	border-color: #d5d5d5;
}


.modal-header {
  	border-bottom: 1px solid #d5d5d5;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
	font-style: normal;
  	font-weight: 400;
	font-size: 17px;
}

.close-modal {
	float:right;
	margin-right: 10px;
	margin-top: 9px;
}



/*.btn {*/
    /*font-weight: normal;*/
    /*font-size: 15px;*/
    /*margin-right: 5px;*/
    /*height: 35px;*/
    /*width: 70px;*/
    /*cursor:pointer;*/
    /*border-radius:5px;*/
/*}*/



.orange-upload {
	background-color: #f57041;
    border: 1px solid #f87749;
    color: #ffffff;
	margin-right: 0px;
	margin-top: 5px;
}


.orange-upload:hover {
    color: #f57041;
    background-color: #fff;
    background-image: -webkit-linear-gradient(top, #fff 0, #f0eeee 100%);
    background-image: -moz-linear-gradient(top, #fff 0, #f0eeee 100%);
    background-image: -ms-linear-gradient(top, #fff 0, #f0eeee 100%);
    background-image: -o-linear-gradient(top, #fff 0, #f0eeee 100%);
    background-image: linear-gradient(top, #fff 0, #f0eeee 100%);
}

.orange-upload:active {
    -moz-box-shadow: inset 0 3px 5px #e6e6e6;
    -o-box-shadow: inset 0 3px 5px #e6e6e6;
    -webkit-box-shadow: inset 0 3px 5px #e6e6e6;
    box-shadow: inset 0 3px 5px #e6e6e6;
}



.grey {
	background-color: #fff;
    border: 1px solid #d3d3d3;
    color: #7c7c7c;
	margin-top: 2px;
}

.grey:hover {
    color: #f57041;
    background-color: #fff;
}

.grey:active {
    -moz-box-shadow: inset 0 3px 5px #e6e6e6;
    -o-box-shadow: inset 0 3px 5px #e6e6e6;
    -webkit-box-shadow: inset 0 3px 5px #e6e6e6;
    box-shadow: inset 0 3px 5px #e6e6e6;
} 


.cancel {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    color: #7c7c7c;
    font-weight: normal;
    font-size: 13px;
    text-shadow: 1px 1px 1px #f5f5f5;
    margin-right: 5px;
	margin-left: -25px; /* Position HAX */
    height: 35px;
    width: 70px;
    cursor:pointer;
    border-radius:5px;
}

.cancel:hover {
    color: #f57041;
    background-color: #fff;
}

.cancel:active {
    -moz-box-shadow: inset 0 3px 5px #e6e6e6;
    -o-box-shadow: inset 0 3px 5px #e6e6e6;
    -webkit-box-shadow: inset 0 3px 5px #e6e6e6;
    box-shadow: inset 0 3px 5px #e6e6e6;
}

.newupload {
	border: 3px dashed rgba(0,0,0,0.04);
	background: rgba(0,0,0,0.02);
	width: 100%;
	height: 70px;
	display: block;
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 25px;
	border-style:dashed;
	border-width:1px;
	border-color: #6f6f6f;
	padding-top: 20px;
	font-family: 'Source Sans Pro';
  	font-style: normal;
  	font-weight: 200;
  	font-size: 15px;
  	text-align: center;
	cursor:pointer;
}
.newupload:hover {
	background: rgba(0,0,0,0.01);
}


.previewBox {
	
	height: 435px;
	
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-bottom: 25px;
	
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 20px;
	padding-bottom: 75px;
	
	border: 3px dashed rgba(0,0,0,0.04);
	background-color: #FAFAFA;
	display: block;
	text-align: center;
	
	border-style:dashed;
	border-width:1px;
	border-color: #6f6f6f;
}

.imgQuality {
	display: block;
	width: 23%;
	margin-top: 13px;
	float: left;
}


.left-cmd {
	float: left;
	width: 35%;
	margin-top: 2px;
}


.right-cmd {
	float: right;
	width: 35%;
}


.smallImg {
	padding-top: 5px;
}