#hold
{
margin				: 0px;
padding				: 0px 0px 0px 0px;
font-family			: Arial;
font-size 			: 100%;
color				: #333333;
background-image	: url(img_common/bg_body.jpg);
background-repeat	: repeat-x;
}

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

#login
{
padding				: 0px 10px 0px 0px;
font-weight			: normal;
}

a#homenav
{
font-weight			: normal;
color				: #FFFFFF;
}

a:hover#homenav
{
color				: #8D75B3;
}

.homecontent
{
font-size			: 12px;
color				: #3F4042;
}

.homecontent h1
{
font-size			: 14px;
font-weight			: bold;
margin				: 0px 0px 0px 0px;
padding				: 0px 0px 0px 0px;
color				: #330066;
}

.homecontent a
{
color				: #3F4042;
font-weight			: bold;
}

.homecontent a:hover
{
color				: #3F4042;
font-weight			: bold;
}

h1.internal
{
color				: #330066;
float				: left;
font-size			: 26px;
font-weight			: normal;
line-height			: 28px;
padding				: 0px;
margin				: 20px 8px 0px 0px;
}

h2.internal
{
float				: left;
font-size			: 26px;
font-weight			: normal;
line-height			: 28px;
padding				: 0px;
margin				: 20px 0px 0px 0px;
color				: #3F4042;
}

p.internal
{
width				: 450px;
font-size			: 12px;
padding				: 0px 0px 0px 0px;
margin				: 10px 0px 0px 0px;
line-height			: 15px;
color				: #3F4042;
}

.internal a
{
color				: #3F4042;
font-weight			: bold;
}

.internal a:hover
{
color				: #3F4042;
font-weight			: bold;
text-decoration		: underline;
}

.footer
{
font-size			: 12px;
font-family			: Arial;
color				: #999999;
padding				: 8px 0px 8px 0px;
}

.footer a, a.footerLink
{
text-decoration		: none;
font-weight			: normal;
color				: #999999;
}

.footer a:hover, a:hover.footerLink
{
text-decoration		: none;
font-weight			: normal;
color				: #666666;
}

.clear/*this div make the parent DIV strench to the height of the child - fix for firefox. but the div is 1px high in IE*/
{
clear				: both;
font-size			: 0em;
width				: 0px;
height				: 0px;
line-height			: 0px;
overflow			: hidden;
}

.reg {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #3F4042;
	text-decoration: none;
}

.reg a
{
color				: #333333;
font-weight			: bold;
text-decoration		: none;
}

.reg a:hover
{
color				: #333333;
font-weight			: bold;
text-decoration		: none;
}

.reglink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.reglink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.reglinkdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.reglinkdown:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.regw {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
	/*added 18/11/04 when adding H1 to site - ML */
	vertical-align	: top;
	font-weight: normal;
}
.regwlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 10px 0px 10px;
}
.regwlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #B8ACC8;
	text-decoration: none;
	font-weight: normal;
	padding: 0px 10px 0px 10px;
}
.regwlinkdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}
.regwlinkdown:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #B8ACC8;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
}
.rego {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ff9900;
	text-decoration: none;
}
.regobold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	text-decoration: none;
	font-weight: bold;
}
.regolink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ff9900;
	text-decoration: none;
}
.regolink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
}
.regpwlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
}
.regpwlink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #330066;
	text-decoration: none;
}

.reggbold {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	text-decoration: none;
	font-weight: bold;
}
.regsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #330066;
	text-decoration: none;
}
.regwsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}
.reggsmall {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #999999;
	text-decoration: none;
	width: 150px;
}

.input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	text-decoration: none;
	background-color: #dedede;
	border: 1px solid #330066;
	width: 150px;
}
input.textinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	text-decoration: none;
	background-color: #dedede;
	border: 1px solid #330066;
	width: 150px;
}
input.inputerror {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
	background-color: #cdcdcd;
	border: 1px solid #330066;
	width: 150px;
}
textarea.textinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	text-decoration: none;
	background-color: #dedede;
	border: 1px solid #330066;
	width: 150px;
}
textarea.inputerror {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000;
	text-decoration: none;
	background-color: #dedede;
	border: 1px solid #330066;
	width: 150px;
}
select.textinput {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #330066;
	text-decoration: none;
	background-color: #dedede;
	border: 1px solid #330066;
	width: 150px;
}

.unnamed1 {
	background-color: #FFE3BB;
	border: 1px solid #330066;
}
.regllink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #330066;
	text-decoration: none;
	font-weight: normal;
}
.regllink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #8D75B3;
	text-decoration: none;
	font-weight: normal;
}
.regllinkdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #330066;
	text-decoration: none;
	font-weight: bold;
}
.regllinkdown:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #8D75B3;
	text-decoration: none;
	font-weight: bold;
}
.regwllink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: normal;
}
.regwllink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #8D75B3;
	text-decoration: none;
	font-weight: normal;
}
.regwllinkdown {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.regwllinkdown:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.regwolink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ffffff;
	text-decoration: none;
}
.regwolink:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ff9900;
	text-decoration: none;
}

.normal
{
font-weight : normal;
}

h1.h1
{
font-size	: 12px;
font-weight : bold;
}

h4
{
font-size	: 18px;
font-weight : normal;
}


h1.oldh4
{
font-size	: 18px;
font-weight : normal;
}

h2.h2
{
font-size	: 12px;
font-weight : bold;
}

img.hrwizard
{
margin-top 		: 2px;
margin-bottom 	: 2px;
margin-left 	: 0px;
margin-right 	: 0px;
}

a
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #330066;
	text-decoration: none;
	font-weight:	bold;
	}

a:hover
	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #ff9900;
	text-decoration: none;
	font-weight:	bold;
	}

input.newbury
{
font-family		: Arial, Helvetica, sans-serif;
border			: 1px solid #CCCCCC;
width			: 100px;
margin-right	: 10px;
margin-left		: 5px;
}

div.newbury
{
width		: 720px;
padding		: 10px;
background-color	: #EEEEEE;
}

h1.home
{
font-size		: 110%;
line-height		: 18px;
color			: #FFFFFF;
font-weight		: bold;
margin			: 0px 0px 0px 0px;
}

h2.home
{
font-size		: 100%;
line-height		: 18px;
color			: #FFFFFF;
font-weight		: normal;
margin			: 10px 0px 0px 0px;
width			: 140px;
}



/* PROMO BOX FOR HCM TOOL */

#promo
{
float 					: right;
width 					: 160px;
background-color		: #EEEEEE;
margin					: 0px 0px 5px 5px;
padding					: 0px;
border 					: 1px solid #FF9900;
}

#promo h1
{
width					: 140px;
font-size				: 120%;
padding					: 5px 10px 5px 10px;
background-color		: #FF9900;
line-height				: 15px;
margin					: 0px 0px 10px 0px;
}

#promo h2
{
font-size				: 95%;
font-weight				: normal;
padding					: 5px 10px 5px 10px;
color					: #330066;
line-height				: 14px;
margin					: 0px 0px 0px 0px;
}


#promo img
{
margin					: 5px 0px 0px 8px;
}

p.terms
{
font-size				: 95%;
font-weight				: normal;
padding					: 5px 10px 5px 10px;
color					: #330066;
line-height				: 14px;
margin					: 0px 0px 0px 0px;
background-color		: #DDDDDD;
}

p.terms a:link, p.terms a:visited
{
font-size				: 100%;
font-weight				: normal;
color					: #330066;
line-height				: 14px;
margin					: 0px 0px 0px 0px;
}

p.terms a:hover
{
font-size				: 100%;
font-weight				: normal;
color					: #330066;
line-height				: 14px;
margin					: 0px 0px 0px 0px;
text-decoration			: underline;
}

p.termssmall
{
font-size				: 80%;
font-weight				: normal;
padding					: 5px 10px 5px 10px;
color					: #330066;
line-height				: 14px;
margin					: 0px 0px 0px 0px;
background-color		: #DDDDDD;
}


/* END PROMO BOX FOR HCM TOOL */


/* CASE STUDY ADDITION */

.casestudy
{
width					: 480px;
padding					: 0px 0px 0px 0px;
margin					: 20px 0px 0px 0px;
border-bottom			: 1px dashed #330066;
}

p.logo
{
margin					: 0px 0px 10px 0px;
}

p.title
{
line-height				: 15px;
margin					: 0px 0px 15px 0px;
}

.casestudy p
{
line-height				: 15px;
margin					: 0px 0px 15px 0px;
}

#bottom
{
width					: 480px;
}

#bottom p
{
line-height				: 15px;
margin					: 0px 0px 15px 0px;
}

div.right
{
float					: right;
margin					: 0px 0px 0px 0px;
}

div.left
{
float					: left;
margin					: 5px 0px 0px 0px;
}

.clearfix
{
clear					: both;
}

hr
{
padding				: 0px;
margin				: 0px 0px 15px 0px;
height				: 0px;
border-top			: 1px solid #333333;
}

p.pop_internallink
{
font-size 			: 80%;
margin				: 2px;
}

.pop_internallink a, .pop_internallink a:hover
{
color				: #FFFFFF;
}

p.pop_internallink2
{
font-size 			: 75%;
margin				: 1px;
}

.pop_internallink2 a, .pop_internallink2 a:hover
{
color				: #FFFFFF;
}

p.pop_internallink3
{
font-size 			: 70%;
margin				: 0px;
}

.pop_internallink3 a, .pop_internallink3 a:hover
{
color				: #FFFFFF;
}

td.pop_internallink
{
border-top			: 1px solid #FFFFFF;
background-color	: #C3B7C1;
border-bottom		: 1px solid #999999;
}

td.pop_internallink2
{
border-top			: 1px solid #FFFFFF;
background-color	: #D7D0D6;
border-bottom		: 1px solid #999999;
padding-left		: 20px;
}

td.pop_internallink3
{
border-top			: 1px solid #FFFFFF;
background-color	: #E4DEE3;
border-bottom		: 1px solid #999999;
padding-left		: 40px;
}

.error_title {
color: #C00;
font-weight: bold;
}
.error {
color: #C00;
}