/* ***** application styles for Verex Press ***** */

/* ----- colors # -----
#e52 - heading orange
background-color:#fff7e5; // very light tan background

----------------------- */


body {
	margin:0px;
	padding:0px;
	padding:18px 1px;
	font:13pt verdana,sans-serif;
	background-image: url("../vp/img/ws/bg3.jpg");
	background-repeat:repeat;	
}


/* --- page defaults --- */
a {color: #33f;}
a:visited {color: #40b;}
a:hover {color:#005;}


#container {
	vertical-align: top;
	margin:auto;
	width:850px;
	background-color:#fff;
	border:1px solid #820;
	position:relative;
}


#hdr{
	display:block;
	height:123px;
	width:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	background-color:#e52;
}



#hdlogo{
	float:left;
	height:70px;
	width:120px;
	margin-left:15px;
	margin-right:20px;
	margin-top:1px;
	margin-bottom:2px;
}


#hdrnav{
	position:absolute;
	width:100%;
	top:103px;
	display:block;
	height:19px;
	font:13px verdana,sans-serif;
	background-image: url("../vp/img/ws/hn1.gif");
	background-repeat:repeat-x;
	padding-top:1px;
}

#hdrnav a { vertical-align:-6px;   color: #e5d5d5; text-decoration:none; }
#hdrnav a:hover { color:#fff; }


#content{
	display:block;
	padding:8px 41px;
	color:#300;
	background-color:#fff7e5;
	min-height:380px;
	font: 13pt verdana, sans-serif;
}


#ftr {
	display:block;
	width:100%;
	color:#555;
	background-color:#ffd9b0;
	text-align:center;
	height:16px;
	font: 8pt verdana, sans-serif;
	border-top:1px dotted #820;
	padding-top:1px;
}
#ftr a:link    {color: #955 }
#ftr a:visited {color: #955 }
#ftr a:hover { color:#000}



p {
	font: 13pt verdana,sans-serif;
	text-indent:2em;
}




h1 {	/* page heading */
	font: bold 24pt verdana,sans-serif;
	color:#6b2424;
	text-align:center;
	margin-bottom:8px}
h2 {	/* major section */
	font: 14pt verdana,sans-serif;
	color:#833;
	margin-bottom:2px}
h3 {	/* minor section */
	font:bold 11pt verdana,sans-serif;
	color:#833;
	margin-bottom:0px}
h4 {	/* detail item */
	font: bold 10pt verdana,sans-serif;
	color:#833;
	margin-bottom:0px}

form.order {
	text-align:center;
	font: bold 9pt verdana,sans-serif;
	color:#000;
	font-style:italic;
}





/* ----- "request" form ----- */
table.reqform {
	background-color: #ccc;
	border-collapse:collapse;
	border:1px dashed #610;
	margin:auto}
table.reqform * tr.err {background-color:#f33}
table.reqform * td {padding: 4px; text-align:left}
table.reqform * td.sub {padding: 12px; text-align:center}
table.reqform * th {text-align:right}


/* ----- div for big messages ------ */
.centerbox {
	width:63%; margin-left:15%;
	text-align:center;
	font: 13pt verdana,sans-serif;
	color:#000;
	border:1px solid #f00;
	background-color: #ccc;
	padding:12px;
}



.tinynote {
	font: 8pt verdana,sans-serif;
	color:#000;
	padding:1px;
	margin-top:12px;
}



div.tblk {
	margin-top:0px; margin-bottom:1px
	clear:both; padding:0px 44px; font-size:13pt;
}



.phot {
	float:left;
	margin-left:0px;
	margin-right:22px;
	margin-top:12px;
	margin-bottom:12px;
	border:1px solid #b99;
	background-color:#fff7e5;
}
.cap {
	clear:both;
	text-align:center;
	font:italic 9pt verdana sans-serif;
	color:#833;
	padding:0px 8px;
	margin-top:0px; margin-bottom:1px
}
.flrt {	float:right;
	margin-left:15px;
	margin-right:0px;
}
.photocen {
	clear:both;
 	margin:auto;
	margin-top:12px;
	margin-bottom: 12px;
	/*background-color:#fee; */
	background-color:#fff7e5;
	border:1px solid #b99;
	padding:0px;
}



li {margin-bottom:12px;}



/* ----- simple chart with grid ----- */
.chart {color:#000; background:#fff; font-size: 12pt;}
table.chart {border-collapse:collapse; border:1px solid #000; margin:auto}
table.chart * td {padding: 3px; border:1px #000 solid; }
table.chart * th { color:#000; 	background-color:#ffd9b0; text-align:center;
		font:bold 10pt verdana,sans-serif}

/* ----- simple chart with no grid ----- */
.chartb {color:#000; background:#fff; font-size: 12pt;}
table.chartb {border-collapse:collapse; margin:auto}
table.chartb * td {padding: 1px 5px 0px}
table.chartb * td.wide {padding: 7px 14px}
table.chartb * tr.err {background-color:#f99}
table.chartb * th { color:#000; background:#b76; text-align:center;
		font:bold 10pt verdana,sans-serif}


.loud {color:#f00}
.quiet {color:#999}
.big {font-size: 133%}
.little {font-size: 67%}
.typ {color:black; font: 10pt "courier new",courier,monospace,serif;}
/* .ital {font-style:italic} */
.ital {font-style:oblique}
.bold {font-weight:bold}

.txl {text-align:left}
.txc {text-align:center}
.txr {text-align:right}
.valt {vertical-align:top}
.valb {vertical align:bottom}
.valc {vertical-align:center}
.clr {clear:both}
