/* DG XHTML 14/07/2007 */
/* non-positional css ---*/
/* default */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset {
margin: 0;
padding: 0;
border: 0;
}
body{
	color:#313031;
	/*background-color: #ADD8E6;*/
	font-family: Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: center;
	/*font-size: 100%; *//* enable IE to resize em fonts */
	font-weight: normal;
	font-size: .8em;
}

/* temp while transfer to pure css */
/* table{
	width: 100%;
	padding: 0em 0em 0em 0em;
	border: 0em none;
}
h4 {	margin-bottom: 10px; }
*/
a{	font-size:1em;
	font-weight: normal;
	color: #18828E;
	text-decoration: underline;
}
a:link, a:visited {
   text-decoration: underline;	
}
a:hover{
color: #4C721D;
   text-decoration: none;	
}
a:active, a:focus	{
   text-decoration: underline;	
}


/* remove a img borders */
a img{border: 0;}

/* wrapper section ------------------------------------------------------- */
#wrapper{
	width: 95%; 
	color: #313031;
 	/*background-color: #F6F7FB; */
	margin:1em auto;
	/*border: 1px solid Black;*/
}

/* top nav section ------------------------------------------------------- */
#header{
	/*border-bottom: 1px solid #000000;*/
	/*text-align: right;*/
	color: Black;
	/*background-color:#828282;*/
}
/* for template logo spacing around text */
#header h1{	padding: .5em;}

#logoleft {
	background-image: url(../images/logo/dhlogo.gif);
	background-position: left;
	background-repeat: no-repeat;
	height: 50px;
}
#logoright {
float: right;	
}

#Greenbanner1 {
margin-top: 5px;
	background-image: url(../images/logo/GreenBanner1.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 127px;
}
#Greenbanner2 {
	background-image: url(../images/logo/GreenBanner2.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 127px;
	padding-left: 2em;
	
}
#Greenbanner2 H2 {
	color: White;
	text-align: left;
	font-size: 1.666em;
	font-weight: normal;
	
	padding-top: 1em;
}
#Greenbanner2 p {
	color: White;
	text-align: left;
}

#Purplebanner1 {
	width: 100%;
	margin-top: 5px;
	background-image: url(../images/logo/PurpleBanner2.png);
	background-position: right;
	background-repeat: no-repeat;
	height: 47px;
	float: right;
}
#Purplebanner2 {
	background-image: url(../images/logo/PurpleBanner1.png);
	background-position: left;
	background-repeat: no-repeat;
	height: 47px;
	width: 100%;
	float: left;
	
}


/* nava = first mennu ----*/
#nava{
	text-align: right;
	padding-top: .25em;
	padding-bottom: .25em; 
}

#nava ul{
	padding: 0;
	margin: 0;
	text-align: right; 
	color: #18828E;
	/*background-color:#828282;*/
}

#nava ul li{
	display: inline;
	padding: 0;
	margin: 0;
}

#nava ul li a{
	font-size: .916em;
	line-height: 1.5em;
	color: #18828E;
	/*background-color:#828282;*/
	text-decoration: none;
	padding: .5em 1.25em .25em 1.25em;
	/*border-left: 1px solid #000000;*/
	text-align: center;
	width: 9em;
}
#nava ul li a:visited {
	color: #6D458A;
	text-decoration: underline;
	/*background-color: #696969;    #6D458A*/
}
/* nava ul li a if you wanted a triangle >> background:#036 url(/images/mainrightnavarrow_off.gif) 0 50% no-repeat;
if youwanted a line >>	border-left: 1px solid #000000;
*/
#nava ul li a:hover, #nava ul li a:focus{
	color: #4C721D;
	text-decoration: underline;
	/*background-color: #696969;    #6D458A*/
}



/* navb = first mennu inside ----*/
#navb{
	text-align: left;
 	padding-top: 1em;
	padding-bottom: .25em;
	padding-left: .8em; 
	/*border-bottom: 1px solid #000000;*/
	color: White;	
	line-height: 1.4em;
	/*background-color:  #696969;*/
}

#navb ul{
/* 	padding: .25em 1.25em 0em 1.25em; */	
/* 	padding: 0;*/
	margin: 0;
	color: White;
	/*background-color: #696969;*/
}

#navb ul li{
	display: inline;
/* 	padding: 0; */
	margin: 0;
}

#navb ul li a{
	font-size: 1.05em;
	color: #FFFFFF; 
	/*background-color: #696969;	*/
	text-decoration: none;
 	padding: .25em 1.25em .25em 1.25em; 
	/*border-left: 1px solid #000000;*/
	text-align: center;
	width: 11em;
}
/* navb ul li a if you wanted a triangle >> background:#036 url(/images/mainrightnavarrow_off.gif) 0 50% no-repeat;
if youwanted a line >>	border-left: 1px solid #000000;
*/

#navb ul li a:hover, #navb ul li a:focus{
	/*background-color: #CCCCCC;*/
	color: #FFFFFF; 
	text-decoration: underline;
}
/* if require for current selected highlight */
#navb ul li.sel{
	color: #FFFFFF; 
	
}

/* left nav for doc section ------------------------------------------------------- */
/* 
<div id="navcontainer">					
	<ol id="navlist">
	  <li class="active"><a class="current">Header 1</a></li>
	</ol>
</div>
*/
.navcol{
	color: white;
	background: #828282; 
	width: 173px;
}
#navcontainer{
	float: left;
	clear: both;
	margin: 1em 1em 1em 0em;
	border: thin none White;
/* 	
	text-align: left;
	background: White;  
	color: Black;
	width: 14em;*/
}
#navlist{
	color: white;
	background: #828282; /* #17a;*/ 
	/* border-bottom: 0.2em solid #17a; */
	border-bottom: 0em solid #17a;
	/*border-right: 0.2em solid #17a;*/
	border-right: 0em solid #828282; /* #17a;*/
	/*padding: 0 1px; */
	padding: 0;
	margin-left: 0;
	/*width: 12em;*/
	width: 14em;
	/*font: normal 0.8em Verdana, sans-serif;*/
	font: normal 1em Verdana, sans-serif;
	text-align: left;
}

#navlist li{
	list-style: none;
	margin: 0;
	/*font-size: .9em;*/ /* 1 */
	font-size: 1em;
}

#navlist a{
	display: block;
	text-decoration: none;
	/* margin-bottom: 0.5em;
	margin-top: 0.5em; */
	margin-bottom: 0em;
	margin-top: 0em;
	color: white;
	/*background: #39c; */
	background: #828282;
	border-width: 1px;
	border-style: solid;
	/* border-color: #5bd #035 #068 #6cf; */
	border-color: #696969;
	/* border-left: 1em solid #fc0;*/
	 border-left: .5em solid #fc0;
	padding: 0.25em 0.5em 0.4em 0.75em;
}

#navlist a.current { 
/* border-color: #5bd #035 #068 #f30; */
border-color: #fc0;
}

#navlist a.submitted { 
/* border-color: #5bd #035 #068 #f30; */
 border-left: .5em solid #31FF00;
}

#navlist a{
width: 99%;
/* only necessary for Internet Explorer */
}

#navlist a{
voice-family: "\"}\"";
voice-family: inherit;
/*width: 9.6em;*/
width: 14.8em;
/* Tantek-hack should only used if Internet-Explorer 6 is in standards-compliant mode */
}

#navcontainer>#navlist a{
width: auto;
/* only necessary if you use the hacks above for the Internet Explorer */
}

#navlist a:hover, #navlist a.current:hover, #navlist a.submitted:hover{
/*background: #28b;*/
background: #696969;
/*border-color: #069 #6cf #5bd #fc0;*/
border-color: #000000;
padding: 0.4em 0.35em 0.25em 0.9em;
}

#navlist a:active, #navlist a.current:active, #navlist a.submitted:active{
/*background: #17a;*/
background: #696969;
/*border-color: #069 #6cf #5bd white;*/
border-color: #FFFFFF;
padding: 0.4em 0.35em 0.25em 0.9em;
}

/* left nav for doc expand section ------------------------------------------------------- */
/* 
<div id="navcontainer">					
 <dl id="menu">
  <dt><a class="cur">Header 1</a></dt>
	<dd id="smenu1" class="zz">
	 <ul>
	  <li><a class="cur">section text</a></li>
	 </ul>
	</dd>
	<dt><a>Session 2 Header 2</a></dt>
	<dd style="display: none;" id="smenu2">
	 <ul>
	  <li><a>section text</a></li>
	 </ul>
	</dd>
 </dl>
</div>
*/
/* left nav for doc expand section ------------------------------------------------------- */
dl, dt, dd, ul, li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#menu {
	color: white; 
	background: #B6A2C4;
}
dl#menu {
	width: 14em;
	/*border-color: #674183;*/
	padding: 0;
	margin-left: 0;
	font: normal 0.9em Verdana, sans-serif;
	text-align: left; 
}
dl#menu dt {
	cursor: pointer;
	margin-top: .1em;
	margin-right: .1em;
	text-align: left;
	font-weight: bold;
	border: 2px solid #B6A2C4;
   /*background: #674183;*/
	font-size:0.9em;
}

dl#menu dd {
/* border: 0em none;*/
}
dl#menu li {
	font-size:0.9em;
	text-align: left;
/*	background: #828282;*/
/*background: red; */
/*	margin-bottom: -.1em;*/
	margin-left:.6em;
}

dl#menu li a, dl#menu dt a{
	color: #674183;
	text-decoration: none;
	display: block;
	/*border: 0 none;*/
	margin-bottom: 0em;
	margin-top: 0em;
	background: #E2DAE8;
/*	border-width: 0em;
	border-style: solid;
	border-color: white;
*/
	border-left: .5em solid #E2DAE8;
	border-top: 0 none; /* required for ie5 */
	border-bottom: 0 none; /* required for ie5 */			
	padding: 0.2em 0.5em 0.4em 0.7em;
	/* non ie browsers*/
	height: 100%;  
}
dl#menu dt a{
/*font-weight: bold;*/
color: white;
background: #674183;
border-left: .5em solid #674183;
}
dl#menu ul{
	margin-right: .17em;
	display: block;
	/*border: 1px none;*/
}

 * html dl#menu li a, * html dl#menu dt a{ /* IE only */ 
 /* height: 1.1em;*/	/* i.e. 5.x */ 
/*  h\eight: 100%; */ /* other ie */ 
  height: 100%; /* other ie */ 
}
dl#menu dt a.cur {
	color: white;
	border-left: .5em solid #674183;
	background: #674183;
}
dl#menu li a.cur{
	color: #674183;
	font-weight: bold;
	margin-left: 0em;
	border-left: .5em solid white;
	background: white;
}
dl#menu li a.sub{
	margin-left: 0em;
	border-left: .5em solid #028673;	
}
dl#menu dt a.sub {
	border-left: .5em solid #028673;
}
dl#menu li a:hover, dl#menu dt a:hover {
	/*background: #B6A2C4;
	border-left: .5em solid #B6A2C4;*/
	text-decoration: underline;
}
dl#menu li a.cur:hover{
	/*margin-left: 0em;
	border-left: .5em solid #E9E9E9;	*/
}
dl#menu dt a.cur:hover {
	/*border-left: .5em solid #E9E9E9;	*/
}
dl#menu li a.sub:hover, dl#menu dt a.sub:hover {
	/*border-left: 0.5em solid #C0C266;*/
}

/* start EJ addition for no headings vertical menu */
#navcontainer {
	width: 14em;
	/*border-color: #674183;*/
	padding: 0;
	margin-left: 0;
	font: normal 0.9em Verdana, sans-serif;
	text-align: left; 
}
#navcontainer h3 {
	text-align: center;
}
#navcontainer li {
	font-size:0.9em;
	text-align: left;
/*	background: #828282;*/
/*background: red; */
/*	margin-bottom: -.1em;*/
	margin-left:.6em;
}
#navcontainer li a, #navcontainer a{
	color: #674183;
	text-decoration: none;
	display: block;
	/*border: 0 none;*/
	margin-bottom: 0em;
	margin-top: 0em;
	background: #E2DAE8;
/*	border-width: 0em;
	border-style: solid;
	border-color: white;
*/
	border-left: .5em solid #B6A2C4;
	border-top: .1em solid #B6A2C4; /*0 none;*/ /* required for ie5 */
	border-right: .2em solid #B6A2C4;
	border-bottom: .1em solid #B6A2C4; /* required for ie5 */			
	padding: 0.2em 0.5em 0.4em 0.7em;
	/* non ie browsers*/
	height: 100%;  
}
#navcontainer ul{
	margin-right: .17em;
	display: block;
	/*border: 1px none;*/
}
 * html #navcontainer li a{ /* IE only */ 
 /* height: 1.1em;*/	/* i.e. 5.x */ 
/*  h\eight: 100%; */ /* other ie */ 
  height: 100%; /* other ie */ 
}
#navcontainer li a.cur{
	color: #674183;
	font-weight: bold;
	margin-left: 0em;
	border-left: .5em solid #B6A2C4;
	background: white;
}
#navcontainer li a.sub{
	margin-left: 0em;
	border-left: .5em solid #028673;	
}
#navcontainer li a:hover {
	/*background: #B6A2C4;
	border-left: .5em solid #B6A2C4;*/
	text-decoration: underline;
}
#navcontainer li a.cur:hover{
	/*margin-left: 0em;
	border-left: .5em solid #E9E9E9;	*/
}
#navcontainer li a.sub:hover {
	/*border-left: 0.5em solid #C0C266;*/
}
/* END addition EJ for no heading menu */

/* expand & contract */
#navcontainer a.explst{
	font-size:0.8em;
	text-decoration: none;
}
#navcontainer a.explst:hover{
	text-decoration: underline;
}

/* left nav for doc expand section ------------------------------------------------------- */
/* left nav for doc expand section ------------------------------------------------------- */
/* left nav for doc expand section ------------------------------------------------------- */

/* bottom nav section ------------------------------------------------------- */
#footer {
	/* border-top: 1px solid #000000;
	background-color: #828282;*/
	color: #18828E;
	text-align: left;
}

#footer ul{
	padding: 0;
	margin: 0;
}
#footer ul li{
	display: inline;
	padding: 0;
	margin: 0;
}
#footer ul li a{
	font-size: 0.916em;
	line-height: 1.5em;
	color: #18828E;
	/*background-color: #828282;	*/
	text-decoration: none;
	padding: 0 10px 0 10px;
	text-decoration: underline;
}

#footer ul li a:visited {
	/*background-color: #696969;  	#6D458A*/
	color: #6D458A;
}

#footer ul li a:hover, #footer ul li a:focus{
	/*background-color: #696969;  	#6D458A*/
	color: #4C721D;
}


#footer div a:hover{
		/*background-color: #4C721D;	*/
		text-decoration: underline;		
}

/* ------------------------------------------------------------------ */
#content, #contentReview{
	text-align: left;
	padding: 10px 10px 10px 10px;
	/*background: #F5F5F5;*/
	/* keep small for older maxwidth dumb browsers */
	width: 65%; 
	/* keep small for older maxwidth dumb browsers */	
	max-width: 740px; 
	margin-left: auto; 
	margin-right: auto;
/*	border-left: 1px solid gray;
	float: right;
 	margin-left: 175px; 	
	margin-left:10em;
	text-align: left;
	padding: 10px 20px 10px 20px;
	border: 1px solid #828282;
	margin: 0 0 0 250px;
	*/
}

#contentSub{
	text-align: left;
	margin-left: 17em;
	padding: 10px 10px 10px 10px;
/*  	max-width: 75em; */
}
/* 6 lines added by rjk to fix indent in content caused by menu 29/8/2007
If in IE6 the vertical nav menu on submission page has indent problem, use the following style to fix it
* html #contentSub{
	float: right;
	margin-left: 1.25em;
}
added by rjk to fix indent in content caused by menu 29/8/2007 */
#content p, #contentSub p{
margin: 0 5em 1em 0;
}
#content h1, #contentSub h1{
color: #028673;
margin: 3em 0 1em 0;
font-size: 1.6em;
}
#content h2, #contentSub h2 {
color: #028673;
margin: 1em 0 1em 0;
font-size: 1.2em;
}
#content h3, #contentSub h3{
margin: 1em 0 1em 0;
font-size: 1.1em;
}
#content h4, #contentSub h4 {
margin: 1em 0 1em 0;
font-size: 1em;
}
#content h5, #contentSub h5 {
margin: 1em 0 1em 0;
font-size: 0.9em;
}

#content li, #contentSub li{
list-style: disc;
 margin-left: 25px;
}
#content table, #contentSub table{
	margin:1em auto;
}
/* forms ---*/
form.FRMlogin {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:100% verdana,arial,sans-serif;
  margin: 0;
  padding: 0;
/*  
	min-width: 40em;
  max-width: 70em;
  width: 40em; 
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
  */
}

form.FRMlogin fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #028673;
  border-width: 1px;
  border-style: solid;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 0;
}
form.FRMlogin legend {
	font-size: 1em;
	font-weight:bold;
	color: #028673;
}
form.FRMlogin label{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 

/*	margin-bottom:0;
	padding:0;
*/
}

form.FRMlogin input{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.FRMlogin input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form.FRMlogin textarea { overflow: auto; }

form.FRMlogin small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.FRMlogin .required{font-weight:bold;} /* uses class instead of div, more efficient */

form.FRMlogin br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

/* registration form --------------------------------------------------------------*/
form.reg {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
	font:100% verdana,arial,sans-serif;
	margin: 0;
	padding: 0;
	min-width: 40em;
/*
	max-width: 70em;
  width: 40em; 
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
  */
}

form.reg fieldset {
  /* clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  border-color: #000;
  border-width: 1px;
  border-style: solid;
  padding: 20px;      /* padding in fieldset support spotty in IE */
  margin: 0;
}
form.reg fieldset.noborder {
  border-width: 0px;
  border-style: none;
  }

form.reg legend {
	font-size: 1em;
	font-weight:bold;
	color: #028673;
}
form.reg legend.noborder {
  border-width: 0px;
  border-style: none;
  color: Red;
}

form.reg label{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
/*	margin-bottom:0;
	padding:0;
*/
}

form.reg div.pseudolabel{
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
/*	margin-bottom:0;
	padding:0;
*/
}
form.reg label.rem{
	position: absolute;
	left: -999em;
}
form.reg label.free{
	display: inline;  /* block float the labels to left column, set a width */
	float: none; 
	width: inherit; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form.reg input, form.reg select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form.reg input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

form.reg textarea { 
overflow: auto; 
margin:5px 0 0 10px;
}

form.reg small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form.reg .req{
font-size: 0.9em;
font-weight:bold;} /* uses class instead of div, more efficient */

form.reg br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}



/*---------------------------------------------------------------------------------------*/
/* dom's new styles for doc review - DR */
/* submisison page question header box */
form.sub{
	border-width: 1px;
	border-style: solid solid solid solid;
	border-color: #003366;
	margin: 0 5em 0em 0em;
}
/*
.quesheadbox {
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #006699;
	background: #ffebd6;
	padding: .5em .5em .5em .5em;	
}
*/
.quesheadbox {
	border-width: 0px 0px 1px 0px;
	border-style: none none solid none;
	border-color: #003366;
	background: White;
	color: Black;
	padding: .5em .5em .5em .5em;	
/*	margin: 0 5em 0em 0em; */

}
.quesheadbox p{
padding: .5em;
margin: 1em;
}

/* alternating question table style*/
.quesinput {
/* 	width: 100%; */
	border-width: 1px;
	border-style: none none solid none;
	border-color: #006699;
	background: #EEEEEE; 
	padding: .5em .5em .5em .5em;
}
.quesinput2 {
/* 	width: 100%; */
	border-width: 1px;
	border-style: none none solid none;
	border-color: #666666;
	background: #EEEEEE; 
	padding: .5em .5em .5em .5em;
}
.qtext{
	font-weight: bold;
}
/* submisison page footer box*/
.drquestionfooter {
	border-width: 1px;
	border-style: solid;
	border-color: #666666;
	background: #EEEEEE;
}
.drqfooter{
	border-width: 0px 0px 1px 0px;
	border-style: none none none none;
	border-color: #003366;
/*
	border-width: 1px;
	border-style: none solid solid solid;
	border-color: #003366;
*/
	background: #EEEEEE;
	color: Black;
	padding: .5em .5em .5em .5em;		
/*	margin: 0 5em 0em 0; */
}
.draright{
text-align: right;
}
.draleft{
text-align: left;
}
.drfleft{
float: left;
text-align: left;
clear: right;
}
/* submisison answer text - text area - monospace for layout*/
/* !! don not use a class called clled anstext in ie6 */
textarea {
/* do not use i.e6 has difficulty
textarea {white-space: pre;}
*/
	width: 98%;
	height: 10em;
 	font-family: "Courier New", Courier, monospace;
 	font-size: .9em;  
 	color: #333333;
	background: White;
}
textarea.reg {
	width: 28em;
	height: 10em;
 	font-family: Verdana, Arial, Helvetica, sans-serif; 
 	font-size: .9em;  
 	color: Black;
	background: White;
}
/* submisison text counter - monospace*/
.tcounter{
	color: Black;
	background: #f5f5f5;
   font-size: 0.9em; 
}

/* DR review previous sections--------------------------------------------------*/
table.DRgroups{
	border: 1px solid #A9A9A9;
	width: 100%;
	background: #ffebd6;
	padding: 0em 0em 0em 0em;	
}
caption{
	text-align: left;
	font-weight: bold;
}
.bk{
	background: #DCDCDC;	
	}
table.DRgroups .groups{
text-align: center;	
width: 60%;
}
table.DRgroups .num{
text-align: center;	
width: 38%;
}
table.DRgroups .uid{
text-align: left;	
width: 15%;
vertical-align: text-top;
padding: .5em .5em .5em .5em;	
}
table.DRgroups .grpap{
text-align: left;	
vertical-align: text-top;
padding: .5em .5em .5em .5em;	
}
table.DRgroups .com{
text-align: left;	
vertical-align: text-top;
padding: .5em .5em .5em .5em;	
}




/* general ------------------------------------------*/
.clear{
    clear:both;
/*    height:1px;
    overflow:hidden;
	*/
}
.dclear {clear:both; padding:0; margin:0; line-height:0}
.fleft{
float: left;
clear:none;
}
.left{
float: left;
}
.fright{
	float: right;
}
.centralarea{
	text-align: center;
}
.skiplink, .audioonly {
display: none;
	font-size: 0em;
	left: -999em;	
}
 #right{
	position: absolute;
	right: 30px;
	top:20px;
}

/* styled bttons ie only ---------------------------------*/
input.btn{
/*   color:#050; *?
   font-family:'trebuchet ms',helvetica,sans-serif;
   font-size:84%;
   font-weight:bold;
   background-color:#fed; 
   border-top-color:#696;
   border-left-color:#696;
   border-right-color:#363;
   border-bottom-color:#363;
*/
	font-size: 0.75em;
	background-color: #b0bbd1;
   border: 1px solid;
	width: 60px;	
   border-top-color: #385B94;
   border-left-color: #385B94;
   border-right-color: #1F3250;
   border-bottom-color: #1F3250;
/*   filter:progid:DXImageTransform.Microsoft.Gradient
      (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');
   filter:progid:DXImageTransform.Microsoft.Gradient (GradientType=0,StartColorStr='#ffffffff',EndColorStr='#b0bbd1'); 
*/
}

input.btnhov{
   border-top-color:#c63;
   border-left-color:#c63;
   border-right-color:#930;
   border-bottom-color:#930;
	}

/* require for long email button */
#butemail{
 	width:12em;
 }

 
.blue3dbar {
	background-image: url(../images/blue3dbar.gif);
	background-repeat: repeat-x;
	margin-bottom: 0;
}

#eval fieldset{
	border: thin;
	padding: 6px;
	margin-bottom: 10px;
}


/* right link dbyd website, added by erwin apr 07---*/
.link { 
padding: .3em;
margin: 0;
font-size: 70%;
color: #FFFFFF;
text-align: right;
text-decoration: none;
}

/* copyright ---*/
#copy { 
	font-size: 0.916em;
	text-align: right;
	padding: .3em;
	margin: 0;
	color: #18828E;
	visibility: hidden;
}
#copy a:link {
font-size: 100%;
	text-decoration: none;
	color: #18828E;
}
#copy a:active {
font-size: 100%;
	text-decoration: none;
	color: #18828E;
	}
#copy a:visited {
font-size: 100%;
	text-decoration: none;
	color: #18828E;
	}	
#copy a:focus {
font-size: 100%;
	text-decoration: none;
	color: white;
	}		
#copy a:hover {
font-size: 100%;
	text-decoration: none;
	color: #4C721D;
	/*background-color: #18828E;*/
}
.docrevframe {
	border: 1px solid #674183;
	padding: 4px 4px;
}
.ok {font-weight: bold;
}
.warning {
	color: red;
	font-weight: bolder;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tblplain {
border: 1px solid black;
border-collapse: collapse;
border-spacing: 0px;
text-align: left;
}
.tblplain th {
border: 1px solid black;
font-weight: bold;
padding: 0.5em;
}
.tblplain td {
border: 1px solid black;
padding: 0.5em;
border-spacing: 0px;
vertical-align: top;
text-align: left;
}
#content table.tblplain, #contentSub table.tblplain{
	margin: 1em 0;
}

.alert p {
	background: #E4EAF2;
	padding: 1em 0 1em 0.4em;
}

.usercom {
	border-width: 1px 1px 1px 1px;
	border-style: solid solid solid solid;
	border-color: #003366;
	background: #EEEEEE; 
	color: Black;
	padding: .5em .5em .5em .5em;
}

/*.main {
	width: 100%;
	clear: both;
}*/

/* leave this at the bottom of the file please */
#clear{
	clear: both;
}
.xx {
	font-size: 100%;
	font-weight: bold;
}

.lightgreen {
	background: #CCEFEC;
	padding: 10px 0px 0.5px 15px;
}