#RegInfo {
	margin-left: 65px;
}

#RegHistory {
	margin-right: 65px;
	text-align: right;
}

*.PAGE1 {

}

*.PAGE2 {

}

*.PAGE3 {

}

*.PAGE4 {

}

*.OCTable {
	font-size: xx-small;
	text-align: left;
}


/* setup the background image of the British Isles */
.uk {padding:0; margin:0; list-style-type:none;  position:relative; z-index:100;}
/* move the text off screen */
.uk li a {text-indent:-999px; display:block; width:8px; height:8px; background:#000; position:absolute; line-height:8px;}
/* make the images and description invisible and an absolute position so that it does not take up any space */
.uk li a em {visibility:hidden; position:absolute;}
/* position the square markers */
.uk li a.ln {}
/* move the text back into view on hover */
.uk li a:hover {background:#600; text-indent:0; height:1.2em; font-size:1em; color:#fff; line-height:1em; padding:2px 10px; width:90px;}
/* hack for IE5.x */
* html .uk li a:hover {width:110px; height:1.5em; w\idth:90px; he\ight:1.2em;}
/* make the descriptive text visible, give it a size and position */
.uk li a:hover em {visibility:visible; margin-left:5px; background:#fff; border:1px solid #600; width:150px; color:#600; padding:25px;font-style:normal; top:-135px; font-family:tahoma, geneva, "lucida sans unicode", "lucida grande", arial, sans-serif; letter-spacing:1px; line-height:1.5em;}
/* hack for IE5.x */
* html .uk li a:hover em {width:200px; w\idth:150px;}
/* give the image a border and margin */
.uk li a:hover em img {border:1px solid #000; display:block; margin-bottom:10px;}
/* style the empty span (I know it's not semantically correct) into an arrow point */
.uk li a:hover em span {display:block; width:0; height:0; overflow:hidden; border:15px solid #fff; border-width:15px 0 15px 15px; border-left-color:#600; position:absolute; left:0; top:128px;}
/* hack for IE5.x */
* html .uk li a:hover em span {width:30px; height:30px; w\idth:0; he\ight:0;}

/* LINK TOOL LINK */
#info p {margin-left:15px; margin-right:20px;}
#info img {margin:15px; float:left;}
#info h1 {margin-left:15px;}


.hov table {position:absolute; border:0; border-collapse:collapse; left:0;}
.hov a {background:#9c9; color:#000; text-decoration:none;}
.hov b {display:none; font-weight:normal;}
.hov:hover {position:relative; z-index:100;}
.hov a:hover,.hov:hover a{border:0; text-decoration:none; position:relative;}
.hov:hover b, .hov a:hover b{display:block; visibility:visible; position:absolute; left:-10px; top:1em; background:#ffc; cursor:pointer; border:1px solid #888; padding:5px 10px;}
.hov b a {white-space:nowrap; color:#000; text-decoration:none; background:transparent; display:block;}
.hov b a:hover {text-decoration:underline;}



/* the style for Error Fields starts here */
a.tooltip2 {color:red;}
a.tooltip2 b {display:none;}
a.tooltip2:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip2:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip2:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}

/* the style for Edit Fields starts here */
a.tooltip {color:blue;}
a.tooltip b {display:none;}
a.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
a.tooltip:hover b {display:block; position:absolute; top:20px; left:-25px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:150px;}
a.tooltip:hover b em {position:absolute; left:20px; top:-6px; width:11px; height:6px; background:#fff url(tooltip.gif) 0 0; display:block; font-size:1px;}



.clear {clear:both;}



.ErrorField {
	color: red;
	font-weight: bold;
	font-size: 14px;
}
.ErrorField a{
	color: red;
	font-size: 14px;
	font-weight: bold;
}

.ErrorField a:hover{
	color: red;
}

.EditField {
	color: blue;
}

.NewField {
	color: green;
}

.TDdata {
	font-size: xx-small;
	text-align: left;
}

.THdata {
	font-size: xx-small;
	text-align: center;
}

.DDHeading {
	font-size: xx-small;
}

.TableHeading {
	font-size: xx-small;
}

.LabelHeading {
	color: red;
	font-size: xx-small;
}

.ddoverlap{
	border-bottom: 1px solid #bbb8a9;
}

.ddoverlap ul{
padding: 0;
margin: 0;
font: bold 90% default;
list-style-type: none;
}

.ddoverlap li{
display: inline;
margin: 0;
}

.ddoverlap li a{
padding: 3px 7px;
text-decoration: none;
padding-right: 32px; /*extra right padding to account for curved right edge of tab image*/
color: blue;
background: transparent url(righttabdefault.gif) 100% 1px no-repeat; /*give illusion of shifting 1px down vertically*/
border-left: 1px solid #dbdbd5;
position: relative;
display: block;
float: left;
margin-left: -20px; /*shift tabs 20px to the left so they overlap*/
left: 20px;
}

.ddoverlap li a:visited{
color: blue;
}

.ddoverlap li a:hover{
text-decoration: underline;
}

.ddoverlap li.selected a{ /*selected tab style*/
color: black;
z-index: 100; /*higher z-index so selected tab is topmost*/
top: 1px; /*Shift tab 1px down so the border beneath it is covered*/
background: transparent url(righttabselected.gif) 100% 0 no-repeat;
}

.ddoverlap li.selected a:hover{
text-decoration: none;
}

.ddoverlap{
height: 1%;  /*Apply Holly 3px jog hack to get IE to position bottom border correctly beneath the menu*/
}