﻿body {
	margin: 0;
	padding: 0;
	background-color: #98cbff;
	font-size: 11pt;
	font-family: Verdana;
}
.yellowbutton 
{
	background-color: yellow; height: 35px; width: 200px; font-weight: bold; font-size: 14pt;
}
.bg1 {
	background-image: url(../images/bg1.JPG);
}
.bg2 {
	background-image: url(../images/bg2.JPG);
}
.bg3 {
	background-image: url(../images/bg3.JPG);
	}
.bg4 {
	background-image: url(../images/bg3.JPG);
	cursor: hand;
}
.bg5 {
	background-image: url(../images/bg4.JPG);
	cursor: hand;
}
.bgum {
	background-image: url(../images/UM_BG.gif);
}
.bgmlbar {
	background-image: url(../images/ML_Bar.gif);
}
.bgmr {
	background-image: url(../images/MR_BG.gif);
}
.bglm {
	background-image: url(../images/LM_BG.gif);
}
ul 
{
	margin-left: 15px;
	padding-left: 0;
	margin-top: 5px;
	padding-top:0;
}

.ulextraspace 
{
	margin-bottom:0;
	padding-bottom:0;
}
.ulextraspace > li 
{
	margin-bottom: 15px;
}
/*breadcrumbs*/
.breadcrumbs 
{
	font-size: 8pt;
}
.breadcrumbs>a:link, .breadcrumbs>a:visited 
{
	font-size: 8pt;
}

/*special image formatting*/
.BlueBorder 
{
	border: solid 3px #006699;
}
/*special table formatting*/
.YellowBox 
{
	border: solid 3px #006699;
	background-color: Yellow;
	text-align: center;	
	font-weight: bold;	
}
.YellowBox>tr>td
{
	padding-left: 7px;
	padding-right: 7px;
}


/* to help with editing... */
.normal { border: 0; }
.highlight { border: 2px solid green; }

/*progress bar*/
.progressbar {
  border: solid 1px black;
}
.progressbartitle {
   font-size: 13pt;
}
.progresscompletedtext 
{
    color: #12D403;
}
.progresscurrentsteptext 
{
	color: #363636;
	font-weight: bold;
}
.progresspendingtext 
{
    color: #939394;
}
.hrprogresscompleted {
  background-color: #12D403;
  color: #12D403;
  height: 3px;
}
.hrprogresspending {
  background-color: #939394;
  color: #939394;
  height: 3px;
}
   
/* GENERAL ... */ 

form 
{
	margin: 0;
	padding: 0;
}
h1 
{
	font-family: Verdana;
	font-weight: bold;
	color: black;
	font-size: 14pt;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0;
}
.h1FirstLetter 
{
	font-size: 20pt;	
}
h2
{
	font-family: Verdana;
	font-weight: bold;
	color: black;
	font-size: 12pt;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0;
}
h3
{
	font-family: Verdana;
	font-weight: bold;
	color: black;
	font-size: 11pt;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0;
}
.textFirstLetter 
{
	font-size: 16pt;	
}

hr 
{
	color: #000092;
	background-color: #000092;
	height: 1px;
	text-align: left;
	border: 0;
	margin-left: 0;
	margin-right: 0;
}
a:link, a:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0000CC;
	text-decoration: underline;
}

a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0099CC;
	text-decoration: underline;
}

#mainContentSection 
{
	text-align: left;
	width: 100%;
	overflow: visible;
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#mainContentSection p, #mainContentSection table tr td 
{
	margin: 0;
	padding: 0;
	font-size: 11pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
li 
{
	font-size: 11pt;
}


#footerStyle p, #mainContentSection table tr td
{
	margin: 0;
	padding: 0;
	font-size: 12pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.signature, .signature a:link, .signature a:visited
{
	color: #D8D8D8;	
	font-size: 8pt;
}
.signature a:hover 
{
	color: Black;	
}


/* product */
.productsTable 
{
	background-color: #B9C8DB;
	width: 100%;
}
.productTitle 
{
	font-weight: bold;
}
.productDataLabel 
{
	width: 130px;
}
.productData 
{
  font-style: italic;	
}
.productDescription 
{
	border-bottom: solid 1px #000092;
}

/* ul / li styles for left menu... */
#leftlinksUl 
{
  position: relative;
  left: -11px;
  margin-top: 12px;
  list-style-image : url(../images/arrow.GIF); /* <url> | none    url("../images/BlueArrowBullet.png")*/
  list-style-position: outside; /* inside | outside */
  list-style-type: square; /* disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none*/
}

.leftlink 
{
	
}
#leftlinksUl>.leftlink>a:link, #leftlinksUl>.leftlink>a:visited 
{
	color: #455D81;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: normal;
	text-decoration: none;	
}
#leftlinksUl>.leftlink>a:hover 
{
	color: #ff9900;		
}
#leftlinksUl>.leftlinkselected 
{
	
}
#leftlinksUl>.leftlinkselected>a:link, #leftlinksUl>.leftlinkselected>a:visited 
{
	color: #083986;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	text-decoration: none;	
}
#leftlinksUl>.leftlinkselected>a:hover {
	color: #ff9900;
}




/*******************
 * Sublinks
 *******************/
.leftSublinksUl 
{
  margin-left : 0px;
  padding-left: 12px;
  list-style-image: url("../images/arrow2.GIF"); /* <url> | none */
  list-style-position: outside; /* inside | outside */
  list-style-type: circle;
}
.leftSublinksUl li a:link, .leftSublinksUl li a:visited 
{
	color: #083986;
	font-size: 8pt;
	font-weight: normal;
}
.leftSublinksUl li a:hover 
{
	color: #ff9900;
	font-size: 8pt;
}

/* http://www.dynamicdrive.com/dynamicindex16/showhint.htm */
#hintbox{ /*CSS for pop up hint box */
	position:absolute;
	top: 0;
	background-color: lightyellow;
	width: 150px; /*Default width of hint.*/ 
	padding: 3px;
	border:1px solid black;
	font:normal 11px Verdana;
	line-height:18px;
	z-index:100;
	border-right: 3px solid black;
	border-bottom: 3px solid black;
	visibility: hidden;
}

.hintanchor{ /*CSS for link that shows hint onmouseover*/
	font-weight: bold;
	color: navy;
	margin: 3px 8px;
}