.whiteout {
	color: #ffffff;
	display: inline;
}

.box,
.dropbox {
	border: 1px solid #cccccc;
	height: 14px;
	font-size: 10px;
}

textarea {
	padding: 2px;
	color: #000000;
	background-color: #ffffff;
	border: 1px solid #cccccc;
	font-family: arial, verdana, sans serif;
	font-size: 11px;
}

.code {
	color: #000000;
	font-family: courier new, arial, verdana, sans serif;
}

.submit {
	background-image: url(../images/submit.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 125px;	
}

.reset {
	background-image: url(../images/reset.gif);
	background-repeat: no-repeat;
	background-color: #ffffff;
	border: 0px;
	width: 46px;	
}

label {
	font-size: 11px;
	font-family: Trebuchet MS;
}

.hrgrey {
	height: 1px;
	background: #ffffff url(../images/grey.gif) repeat scroll center;
	margin: 5px 0 0 0;	
}

.hrgrey hr{
  display: none;
}

.hrwhite {
	height: 1px;
	background: #ffffff,;
	margin: 5px 0 0 0;	
}

.hrwhite hr{
  display: none;
}


.hrblue {
	height: 1px;
	background: #ffffff url(/progress/images/hr.jpg) repeat scroll center;
	margin: 5px 0 0 0;	
	overflow: hidden;
}

.hrblue hr{
  display: none;
}
.error		{ font-family: verdana, arial, sans serif; font-size: 10px; color: #cc0000; }

.label		{ color: #666666; font-family: verdana, arial, sans serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: uppercase; }
.labelreq	{ color: #cc0000; font-family: verdana, arial, sans serif; font-size: 10px; font-style: normal; font-weight: normal; text-transform: uppercase; }

.pagetitle	{ color: black; font-family: verdana, arial, sans serif; font-size: 16px; font-style: normal; font-weight: bold; text-transform: uppercase; }
.sectiontitle	{ color: #3366cc; font-family: verdana, arial, sans serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #3366cc; width:513px;}
.sectiontitle1	{ color: #3366cc; font-family: verdana, arial, sans serif; font-size: 12px; font-style: normal; font-weight: bold; text-transform: uppercase; border-bottom: 1px solid #3366cc; width:500px;}



/* ELEMENTS */
.elementLeft,
.elementTextLeft {
	float: left;
	width: 190px;
	padding-right: 10px;
}

.elementRight,
.elementTextRight {
	float: right;
	width: 190px;
	padding-left: 10px;
}

.elementLeftDynamic,
.elementTextLeftDynamic {
	float: left;
	padding-right: 10px;
}

.elementRightDynamic,
.elementTextRightDynamic {
	float: right;
	padding-left: 10px;
}

.contentBoxBody p.title,
.hlBoxBody p.title,
.elementRight p.title,
.elementLeft p.title,
.elementTextRight p.title,
.elementTextLeft p.title {
	font-size: 1em;
	font-family: arial, verdana, sans serif;
	font-weight: 900;
	color: #8198cd;	
}

.elementRight p,
.elementLeft p,
.elementTextRight p,
.elementTextLeft p {
	font-size: .7em;
	font-family: arial, verdana, sans serif;
	color: #8198cd;
}

/* Elements Cont.  -  Highlight and Content style box Config*/
/* set the image to use and establish the lower-right position */ 
.hlBox, .hlBoxBody, .hlBoxHead, .hlBoxHead h2 { 
	background: #ffffff url(/images/highlightBox.gif) no-repeat bottom right; 
} 

/* Content Box (different box - no header content area, thinner border) */
.contentBox, .contentBoxBody, .contentBoxHead, .contentBoxHead h2 { 
	background: #ffffff url(/images/contentBox.gif) no-repeat bottom right; 
} 

.hlBox, .contentBox { 
	/*width: 335px; /* intended total box width - padding-right(next) */ 
	/*width: 320px; /* IE Win = width - padding */ 
	padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
	/*margin: 20px auto; /* use to position the box */ 
} 

/* set the top-right image */
.hlBoxHead, .contentBoxHead { 
	background-position: top right; 
	margin-right: -15px; /* pull the right image over on top of border */ 
	padding-right: 20px; /* right-image-gap + right-inside padding */ 
} 

/* set the top-left image */ 
.hlBoxHead h2 { 
	background-position: top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 10px 0 5px 15px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: auto; /*!important;  */
	/*height: 1%; /* IE Holly Hack */ 
	font-family: arial, verdana, sans serif;
	font-size: 1.3em; 
	color: #ffffff;
} 

.boxNoHeader{ 
	background: #ffffff url(/images/contentBox.gif) no-repeat top left; 
	margin: 0; /* reset main site styles*/ 
	border: 0; /* ditto */ 
	padding: 0px 0 0px 0px; /* padding-left = image gap + interior padding ... no padding-right */ 
	height: 10px; 
	font-size: 0.1em;
} 

/* set the lower-left corner image */ 
.hlBoxBody, .contentBoxBody { 
	background-position: bottom left; 
	margin-right: 5px; /* interior-padding right */ 
	padding: 5px 0 5px 15px; /* mirror .hlBoxHead, .contentBoxHead right/left */ 
} 
/* End element config */