@import url(reset.css);
@import url(typography.css);
@import url(lists.css);

body
{
	padding: 0px;
	margin: 0px;
}

#paperHeader
{
	display: block;
	background-color: transparent;
}


#contentContainer
{
	padding: 10px;
	background-color: #ffffff;
	position: relative;
}

.backButton
{
	position: absolute;
	right: 15px;
	top: 2px;
}

.pageHeader
{
	background: #fcfbfa url(../img/header_bg.gif) no-repeat top left;
	border: 1px solid #83817e;
	padding: 10px 10px 10px 10px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	position: relative;
}

.pageHeader h1
{
	font-size: 160%;
	font-weight: normal;
	margin: 0; padding: 0;
}

.pageHeader p { margin: 0.5em 0 0.5em 0; padding: 0;}

.categoryGroup
{
	border: 1px solid #c0bebc;
	padding: 10px;
		background-color: #fcfbfa;
		margin-bottom: 10px;
}

.categoryGroup h2
{

	clear: both;
	font-size: 133%;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}

#designFields
{
	background: #fcfbfa url(../img/header_bg.gif) no-repeat top left;
	border: 1px solid #83817e;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.5em;
	position: relative;
	float: left;
	width: 300px;
}

#designFields .fieldContainer {padding: 5px 10px 8px 10px; border-top: 1px solid #ebe4e0; position: relative;} 
#designFields .fieldContainer label  { font-weight: bold; display: block; margin: 0;}
#designFields .fieldContainer input, select, textarea  { width: 250px;}
#designFields .fieldContainer textarea  { height: 92px;}
#designFields .fieldContainer img.helpText { position: absolute; top: 10px; right: 10px;}

#proofPreview
{
	margin-left: 315px;
	padding: 0;
	margin-top: 1em;
	margin-bottom: 0.5em;	
	text-align: center;
}

#proofPreview h2
{
	text-align: center;
}

#proofPreview #previewImage
{
	
}

.tool-tip {
	color: #fff;
	width: 220px;
	z-index: 13000;
	background-color: #daf5a6;
	border: 1px solid #3a7100;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #000000;
	padding: 8px 8px 4px;

}
 
.tool-text {
	font-size: 11px;
	padding: 0px 8px 8px;
	color: #000000;
}