/* ============================================================
	Generic page style
============================================================ */

body {
	background-image: url("../images/framework/body_bg_myjoeshirt.jpg");
}


/* ============================================================
	Orders
============================================================ */

.designheader {
	background-image: url("../images/myjoe/myjoe_banner_view.jpg");
	background-position: left top;
	background-repeat: repeat-y;
	height: 106px;
}

	.designheader h1,
	.designheader h2 {
		display: none;
	}

.designlogout {
	background-image: url("../images/myjoe/myjoe_repeater.jpg");
	background-position: left top;
	background-repeat: repeat-y;
	padding: 4px 8px 0 0;
	text-align: right;	
}
	
.designcontainer {
	background-image: url("../images/myjoe/myjoe_repeater.jpg");
	background-position: left top;
	background-repeat: repeat-y;
	font-family: sans-serif;
	padding: 0 20px 20px 20px;
}

	.designcontainer .accountheader {
		color: #3e4962;
		font-size: 1.5em;
		margin-top: 0;
		text-transform: uppercase;
	}

	.designcontainer table .sorry {
		color: #3e4962;
		font-weight: bold;
		text-transform: uppercase;
	}	
	
	.designcontainer table.orders {
		margin: 0 auto 0 auto;
	}
	
	.designcontainer table.orders th {
		color: #3e4962;
		font-size: smaller;
		text-align: left;
		text-transform: uppercase;
	}
		
	.designcontainer .incomplete {
		color: #9e3217;
	}
	
	.designcontainer table.orders td.field {
		background-color: white;
		border: 1px solid gray;
		padding: 2px;
	}

	.designcontainer table.orders td.viewdesign {
		background-color: transparent;
		border-width: 0;
		padding: 0;
		width: 102px;
	}

.designfooter {
	background-image: url("../images/myjoe/myjoe_footer.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 29px;
	width: 758px;
}


/* ============================================================
	Proof
============================================================ */

.proofheader {
	background-image: url("../images/myjoe/myjoe_banner_designproof.jpg");
	background-position: left top;
	background-repeat: repeat-y;
	height: 106px;
}

	.proofheader h1,
	.proofheader h2 {
		display: none;
	}

.proofcontainer {
	background-image: url("../images/myjoe/myjoe_repeater.jpg");
	background-position: left top;
	background-repeat: repeat-y;
	font-family: sans-serif;
	padding: 0 0 16px 0;
	text-align: center;
}

	.proofcontainer .textblock {
		color: #3e4962;
		margin: 0 auto 0 auto;
		padding: 1em 0 1em 0;
		text-align: left;
		width: 670px;
	}
	
	.proofcontainer .textblock .number {
		color: #de6a14;
	}

.prooffooter {
	background-image: url("../images/myjoe/myjoe_footer.jpg");
	background-position: left top;
	background-repeat: no-repeat;
	height: 29px;
	width: 758px;
}