/*--------------------------------------OLD YOURPHOTOTOPAINTING CSS-----------------------------------------------------*/

img {
	border:	0;	
}

fieldset {
	border:		1px solid #A9AF8E;
	padding:	10px;
	margin:		10px 0;
}

.form-buttons {
	border:			1px solid #CCC;
	border-bottom:	2px solid #CCC;
	padding:		5px;
	margin:			0 0 5px 0;
	text-align:		center;
}

fieldset legend {
	font-weight:	bold;
	padding:		4px 8px;
	border:			2px solid #A9AF8E;
	margin:			0;
	font-size:		14px;
	background:		#EDEFE0;
	color:			#8B8F11;
}

fieldset .notes {
	padding:	5px;
	width:		231px;
	float: 		right;
		
	border-left:		2px solid #A3EAA3;
	border-right:		2px solid #A3EAA3;
	background-color:	#DFFAD0;
}

fieldset .notes h3 {
	border-bottom:	1px dotted;
	padding: 		0;
	margin:	 		0 0 5px 0;
	font-weight:	bold;
}

.required,
.optional {
	display:			inline-block;
	margin:				0 0 5px 0;
	padding:			10px 10px;
	width:				385px;
	border-left:		2px solid #A9AF8E;
	border-right:		2px solid #A9AF8E;
	background-color:	#EDEFE0;
	font-size:14px;
}

.required label {
	font-weight:	bold;
	font-size:12px;
}

label {
	display:	block;
}

#info-box {
	padding:			10px 10px;
	width:				400px;
	border-top:			1px solid #E3E3E3;
	border-bottom:		1px solid #E3E3E3;
	border-left:		2px solid #E3E3E3;
	border-right:		2px solid #E3E3E3;
	background-color:	#fafafa;
	margin:				0 auto;
}

.form-error {
	display:	 	block;
	clear:			both;
	margin-left: 	0;
	padding:	 	2px 0 0 0;
	font-weight:	normal;
	color:			red;
}

#quick-login {
	font-size:	90%;
	margin:		0;
}

#quick-login .field {
	width:	100px;
}

.section-header {
	background-color:	#F3F3F3;
	display:			block;
	clear:				both;
	vertical-align:		middle;
	margin-bottom:		5px;
	font-size:14px;
}

.section-header h1,
.section-header h2,
.section-header h3,
.section-header h4,
.section-header h5 {
	padding:			0 25px;
	background-color: 	#FFF;
	display:			inline;
	margin:				0 0 0 0;
	border-left:		5px solid #DDD;
	border-right:		5px solid #DDD;
}

.section-part {
	margin:		5px 0;
	padding:	5px;
	clear:		both;
	display:	block;
	zoom:		1;
	border:		1px solid #DDD;
	overflow:		auto;
	font-size:12px;
}

.section {
	margin:			15px 0;
	clear:			both;
	display:		block;
	overflow:		auto;
}

.checkbox {
	float: 		left;
	display:	block;
	margin:		0 5px 0 0;
}

.checkbox-text {
	float:		left;
	width:		325px;
	line-height: 20px;
}

.checkbox-more {
	font-size:	95%;
	color: 		#000; 
	font-style: italic;	
}

.required .immage img,
.optional .immage img {
	margin-top: 5px;
} 

#notification {
	position:			absolute;
	background-color: 	#F3FFC9; 
	margin: 			0;
	padding: 			10px; 
	border: 			1px solid #CCC;
	width:				260px;
	line-height:		120%;
	font-size:			140%;
	z-index:			1;
	vertical-align:		top;
}

#notification #close {
	text-align:	right;
	padding:	0;
	width:		260px;
	color:		#F00;
}

#notification .title {
	border-bottom:	1px dotted #F00;
	color:			#F00;
}

#yptp-menu {
	margin-bottom:	10px;

	text-align:		left;
	width:			100%;
	overflow:		auto;
	zoom:			normal;
}

#yptp-menu ul {
	list-style:	none;
	margin:		0;
	padding:	0;
	width:		100%;
	display:	table;
	zoom:		normal;
}

#yptp-menu li {
	margin:				0 10px 5px 0;
	float:				left;
	padding:			4px 4px 2px 2px;
	white-space:		nowrap;
	border-bottom:		1px solid #CCC;
	border-left:		1px solid #CCC;
	background-color: 	#F9F9F9;
}

.logout {
	float:	right !important;
	margin:	0 0 5px 10px !important;
}

#yptp-menu a,
.data-table a {
	color: #00F;
}

#yptp-menu a:hover,
.data-table a:hover {
	color:	#F00;
}

#yptp-page {

}

.data-table tbody td {
	padding:			5px;
	background-color:	#F3F3F3;
	border:				1px solid #CCC;
}

.data-table .alternate td {
	background-color:	#F9F9F9;
}

tr .mouseover td {
	background-color:	#FFF;
}

tr .active_row {
	cursor: pointer; cursor: hand;
}

.data-table thead td
 {
	background-color: 	#555;
	color:				#FFF;
	font-weight:		bolder;
	padding:			5px;
	border:				1px solid #333;
}

.row-titles td {
	color:				#000;
	font-weight:		bolder;
	text-align:			center;
	text-transform:		capitalize;
}

.data-table caption {
	margin:				0	2px;
	background-color: 	#555;
	color:				#FFF;
	font-weight:		bolder;
	padding:			5px;
	border:				1px solid #000;
}

.data-table .more-details {
	margin:	5px 0;
}

#yptp-page a,
#yptp-content a {
	color: #00F;
}

#yptp-page a:hover,
#yptp-content a:hover {
	color:	#F00;
}

.photo_info,
.photo_status {
	color: #099;	
}

.photo_info b {
	color:	#666;
}

.photo_status {
	display: inline;
}


form input,
form select,
form textarea {
	/*
		margin-bottom:	2px;
	*/
	padding:		2px;
	line-height:	125%;
}

.short-label,
.middle-label,
.long-label {
	margin-bottom:	5px;
	clear:			left;	
}

.short-label label,
.middle-label label,
.long-label label {
	text-align:	 	right;
	display:		inline-block;
	float:			left;
	margin-right:	5px;
	padding-top:	2px;
}

.short-label label {
	width:			85px;
}

.middle-label label {
	width:	105px;
}

.long-label label {
	width:	125px;
}

.inline-block {
	display:	inline;
}

.data-field {
	float:			left;
	width:			100px;
	text-align: 	right;
	padding-right: 	10px;
	font-weight:	bold;
}

.small-thumb,
.large-thumb {
	padding:			5px;
	border:				1px solid #CCC;
	display:			block;
	float:				left;
	margin:				2px;
	text-align:			center;
	background-color:	#FFF;
}

.small-thumb {
	width:	85px;
	height:	95px;
}

.large-thumb {
	width:	250px;
}

.small-thumb:hover,
.large-thumb:hover {
	background-color:	#FAFAFA;
}

.small-thumb img,
.large-thumb img {
	border: 1px solid #DDD;
}

.thumb img {
	margin-bottom: 5px;
}

.icon {
	margin:				0;
	padding: 			0;
	vertical-align:		middle;
	border: 			none;
	text-decoration: 	none;
}

.actions {
	text-align:	left;
}

.actions a {
	display:	list-item;
	list-style:	none;
	clear:		both;
	padding:	5px;
	margin:		0;
}

.pagination {
	font-size:		90%;
	line-height:	140%;
}

.pagination a {
	text-decoration:	none;
	display:			inline-block;
	padding:			2px 7px;
	background-color:	#FFF;
	border:				1px solid #CCC;
	vertical-align:		middle;
	margin:				1px;
}

.pagination .current-page {
	background-color:	#DDD;
}

.pagination .jmp_btn {
	border:				1px solid #CCC;
	background-color:	#FFF;
	padding:			0 5px;
	height:				25px;
}

.pagination .jump .jmp_btn:hover {
	background-color:	#F3FFC9;
}

.the-thumb,
.the-thumb img,
.the-thumb a {
	padding:	1px 1px;
	margin:		0;
	float:		left;
}


/*------------------------------------END OLD YOURPHOTOTOPAINTING CSS---------------------------------------------------*/

div.adminbody {
position:relative;
display:block;
width:685px;
margin:10px auto 10px auto;
clear:both;
font-family:Tahoma;
color:#373737;
}

div.adminbody a {
font-size:12px;
font-weight:normal;
color:Blue;
text-decoration:none;
}

div.adminbody a:hover {
color:Red;
text-decoration:none;
}


div.adminmenu {
position:relative;
display:block;
float:left;
width:685px;
margin:10px auto 10px auto;
clear:both;
}

div.adminmenu img {
position:relative;
display:block;
float:left;
margin-bottom:-4px;
margin-right:5px;
}

span.am_photos {
position:relative;
display:block;
float:left;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
}

span.am_customers {
position:relative;
display:block;
float:left;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
margin-left:8px;
}

span.am_orders {
position:relative;
display:block;
float:left;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
margin-left:8px;
}

span.am_staff {
position:relative;
display:block;
float:left;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
margin-left:8px;
}

span.am_products {
position:relative;
display:block;
float:left;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
margin-left:8px;
}

span.am_coupons {
position:relative;
display:block;
float:left;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
margin-left:8px;
}

span.am_logout {
position:relative;
display:block;
float:right;
border-left:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
padding:5px;
}

div.photo_repeater {
position:relative;
display:block;
float:left;
width:685px;
height:319px;
clear:both;
background:#dcdcdc;
}

span.t_customer {
position:absolute;
top:0px;
left:0px;
display:block;
width:196px;
height:20px;
padding-top:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
text-align:center;
font-weight:bold;
font-size:13px;
}

span.d_customer {
position:absolute;
top:28px;
left:0px;
display:block;
width:188px;
height:85px;
padding:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
font-size:12px;
overflow:hidden;
}

span.t_original {
position:absolute;
top:0px;
left:200px;
display:block;
width:93px;
height:20px;
padding-top:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
text-align:center;
font-weight:bold;
font-size:13px;
}

span.d_original {
position:absolute;
top:28px;
left:200px;
display:block;
width:85px;
height:85px;
padding:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
font-size:11px;
overflow:hidden;
text-align:center;
}

span.d_original img {
border:0px;
}

span.t_proof {
position:absolute;
top:0px;
left:297px;
display:block;
width:93px;
height:20px;
padding-top:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
text-align:center;
font-weight:bold;
font-size:13px;
}

span.d_proof {
position:absolute;
top:28px;
left:297px;
display:block;
width:85px;
height:85px;
padding:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
font-size:11px;
overflow:hidden;
text-align:center;
}

span.d_proof img {
border:0px;
}

span.t_info {
position:absolute;
top:0px;
left:394px;
display:block;
width:289px;
height:20px;
padding-top:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
text-align:center;
font-weight:bold;
font-size:13px;
}

span.d_info {
position:absolute;
top:28px;
left:394px;
display:block;
width:281px;
height:270px;
padding:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
font-size:11px;
overflow:hidden;
}

span.t_actions {
position:absolute;
top:126px;
left:0px;
display:block;
width:390px;
height:20px;
padding-top:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
text-align:center;
font-weight:bold;
font-size:13px;
}

span.d_actions {
position:absolute;
top:155px;
left:0px;
display:block;
width:382px;
height:143px;
padding:4px;
border:1px solid #CCCCCC;
background:#f3f3f3;
color:#373737;
font-size:12px;
overflow:hidden;
}

div.messagebox {
position:fixed;
top:0px;
right:0px;
display:table;
padding: 10px;
background:#ffffff;
border-left:4px solid #000000;
border-bottom:4px solid #000000;
z-index:200;
text-align:center;
font-size:14px;
font-weight:bold;
}

.a_proofreview {
position:absolute;
display:block;
top:3px;
left:80px;
}

.a_processors {
position:absolute;
display:block;
top:30px;
left:64px;
}

.btnUpdateProof {
position:absolute;
display:block;
top:120px;
left:85px;
background:#69723D;
color:#ffffff;
border:1px solid #000000;
font-weight:bold;
}

img.imgdelete {
position:absolute;
display:block;
top:122px;
left:200px;
}

.lnkDelete {
position:absolute;
display:block;
top:123px;
left:221px;
}

span.htitle {
position:relative;
display:block;
float:left;
width:100%;
clear:both;
padding:8px;
font-weight:700;
font-size:15px;
border-bottom:dotted 1px #000000;
margin-bottom:15px;
}

div.sortstatusl {
position:relative;
display:block;
float:left;
width:336px;
clear:none;
font-size:12px;
}

div.sortstatusr {
position:relative;
display:block;
float:right;
width:336px;
clear:none;
font-size:12px;
}

span.statustitle {
position:relative;
display:block;
float:left;
width:336px;
padding-top:20px;
font-weight:bold;
padding-bottom:5px;
margin-bottom:15px;
font-size:14px;
border-bottom:dotted 1px #000000;
}

span.lblError {
position:relative;
display:block;
float:left;
width:100%;
clear:both;
margin-top:5px;
margin-bottom:5px;
font-weight:bold;
color:Red;
}

/*------------------------------------FRAME PRICES-----------------------------------------*/

table.frame_grid {
position:relative;
display:block;
border:1px;
margin-left:auto;
margin-right:auto;
}

table.frame_grid td {
text-align:center;
width:150px;
font-size:12px;
padding-top:3px;
padding-bottom:3px;
}


/*-------------------------------------CUSTOMERS--------------------------------------------*/

div.customersearch {
position:relative;
display:block;
float:left;
width:100%;
clear:both;
font-size:12px;
font-weight:bold;
padding-top:10px;
padding-bottom:10px;
border-top:5px solid #555555;
border-bottom:5px solid #555555;
}
table.customergrid {
position:relative;
display:table;
width:100%;
float:left;
font-size:12px;
}

table.customergrid td {
padding:8px;
background:#dcdcdc;
border-bottom:2px solid #ffffff;
}

tr.alt_tr td {
background:#556B2F;
color:#ffffff;
font-weight:bold;
}

tr.alt_tr td a {
color:#ffffff;
font-weight:bold;
}

tr.alt_tr td a:hover {
color:#ffffff;
}

td.td_id {
text-align:center;
width:50px;
}

td.td_View {
text-align:center;
width:50px;
}

td.td_price {
text-align:center;
width:60px;
}

td.td_active {
text-align:center;
width:50px;
}

/*---------------------COUPONS-----------------------------*/

span.coupon_id {
position:relative;
display:block;
float:left;
font-size:12px;
}

span.coupon_id span {
font-weight:bold;
}

span.coupon_title {
position:relative;
display:block;
float:left;
font-size:14px;
}

span.coupon_title span {
font-weight:bold;
}

span.coupon_code {
position:relative;
display:block;
float:left;
font-size:12px;
margin-left:15px;
}

span.coupon_code span {
font-weight:bold;
}

span.coupon_discount {
position:relative;
display:block;
float:left;
font-size:12px;
margin-left:15px;
}

span.coupon_discount span {
font-weight:bold;
}

span.coupon_type {
position:relative;
display:block;
float:left;
font-size:12px;
margin-left:15px;
}

span.coupon_type span {
font-weight:bold;
}

span.coupon_date {
position:relative;
display:block;
float:right;
font-size:12px;
width:100px;
text-align:center;
}

span.coupon_date span {
font-weight:bold;
}

span.coupon_edit {
position:relative;
display:block;
float:left;
font-size:12px;
clear:left;
margin-top:10px;
}

span.coupon_edit span {
font-weight:bold;
}

span.coupon_delete {
position:relative;
display:block;
float:left;
font-size:12px;
margin-left:585px;
margin-top:-20px;
}

span.coupon_delete span {
font-weight:bold;
}

span.coupon_title_edit {
position:relative;
display:block;
float:left;
font-size:14px;
font-weight:bold;
width:42%;
margin-bottom:10px;
}

span.coupon_code_edit {
position:relative;
display:block;
float:left;
font-size:14px;
font-weight:bold;
width:33%;
}

span.coupon_code_edit input {
width:80px;
}

span.coupon_discount_edit {
position:relative;
display:block;
float:left;
font-size:14px;
font-weight:bold;
width:25%;
}

span.coupon_discount_edit input {
width:20px;
}

span.coupon_date_edit {
position:relative;
display:block;
float:left;
font-size:14px;
font-weight:bold;
clear:left;
width:100%;
margin-bottom:10px;
}

span.coupon_type_edit input {
width:20px;
}

span.coupon_type_edit {
position:relative;
display:block;
float:left;
font-size:14px;
font-weight:bold;
clear:left;
width:100%;
margin-bottom:10px;
}

a.lnkOptionA {
float:left;
clear:none;
width:80%;
}

a.lnkDeleteA {
float:left;
clear:none;
width:80%;
}

span.lblSizeError {
font-weight:bold;
color:green;
}

.lblContactError 
{
    color:#ff0000;
    font-weight:bold;
    margin-left:5px;
    font-size:12px;
}

span.id_photo 
{
    position:relative;
    display:block;
    margin-left:0px;
}