/****STYLE SHEET FOR theCenter: thecenter.emagic.com*****************/

body {
background-color: #4B7B90;
margin:0;
padding:0;
font-size:90%;
font-family:Helvetica, Verdana, Arial, sans-serif;
/* needed to center all in IE5/WIN */
text-align:center;
}

/* container centers all and sets a fixed width */
#container {
margin-right:auto;
margin-left:auto;
width: 760px;
/* overwrites IE5/WIN center hack in body */
text-align: left;
font-size: 1em;
border: 1px solid #fff;
}


div#column2home {
position: relative;
margin: 0px;
padding: 0px;
width: 760px;
height: 100%;
background-color: #fff;
}

/**
* html div#column2home  {
width: 762px; /* Width for IE5 
w\idth: 760px; /* Width for IE6
}
 */ 
 
div#column2 {
position: relative;
margin: 0px;
padding: 0px;
width: 760px;
height: 100%;
background-color:#fff;
}
/**
* html div#column2  {
width: 762px; /* Width for IE5 
w\idth: 760px; /* Width for IE6 
} 
*/ 

div#column2search {
position: relative;
margin: 0px;
padding: 0px;
width: 760px;
height: 100%;
background-color: #fff;
_width: 758px;
}

/**
* html div#column2home  {
width: 762px; /* Width for IE5 
w\idth: 760px; /* Width for IE6
}
 */ 


div#column1 {
position: relative;
margin: 0px;
padding: 0px;
/*background-image: url(../images/bkgd_155.gif);*/
background-position: left;
background-repeat: repeat-y;
width: 100%;
height: 100%;
} 

div#column1home {
position: relative;
margin: 0px;
background-image: url(../images/bkgd_home.gif);
background-position: left;
background-repeat: repeat-y;
padding: 0px;
width: 100%;
height: 100%;
} 

/**********************************************main sections*****************************************************/

#utilities {
background:#fff;
color:#753910;
overflow:visible;
}


/***Tasha's dropdown utility bar****/

/* ---- the following styles create the utility bar and are used w/utilitydropdown.js to create the Login mouseover ----- */
div.utilbar,
div.utilbar a.utilbarbutton,
div.menu,
div.menu a.menuItem {
  font-size: .88em;
  color: #753910;
  background-color: #E0EBEF;
  
}

div.utilbar {
  position:relative;
  left: 0;
  padding: 4px 1px 8px 1px;
 /*layout styles copied from #container to get utility bar correctly place in the demo */
  margin-right:auto;
  margin-left:auto;
  width: 760px;
  text-align: left;
  border-top-style:solid;
  border-top-color:#DE7811;
  * padding: 3px 1px 1px 1px; /*IE 6 and 7*/
  
}

* html div.utilbar  {
width: 762px; /* Width for IE5 */ 
w\idth: 760px; /* Width for IE6 */ 
} 

/* this is the top navigation (home, contact us, etc.) */
div.utilbar a.utilbarbutton{
  background-color: transparent;
  border-right: 0px solid #bda768;
  color: #000000;
  cursor: pointer;
  left: 0px;
  margin: 0 1px;
  padding: 2px 10px 2px 10px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}


div.utilbar a.utilbarbutton:hover{
  background-color: transparent;
  border-right: 0px solid #bda768;
  color: #789cab;
  text-decoration:underline;
}

div.utilbar a.utilbarlogin{
  background-color:#9f9341;
  border: 1px inset #000;
  color:#000;
  cursor: pointer;
  font-size: 1em;
  left: 0px;
  margin: 3px 1px;
  padding-top:1px;
  padding-bottom:1px;
  padding-left: 12px;
  padding-right: 12px;
  position: relative;
  text-decoration: none;
  top: 0px;
  z-index: 100;
}


div.utilbar a.utilbarlogin:hover{
  background-color: #9f9341;
  border: 1px inset #000;
  color: #000;
  text-decoration:underline;
}

div.utilbar a.utilbardropdownActive
div.utilbar a.utilbardropdownActive:hover {
  background-color: #9f9341;
  border: 1px inset #000;
  color: #fff;
  left: 1px;
  top: 1px;
}



div.utilbar div.ralign {
float: right;
clear: left;
margin:0 165px 2px 0; 
padding-top:0;
padding-right:2px;
padding-left:2px;
}

div.utilbar div.search {
float: right;
clear: left;
margin:0; 
padding-left:2px;
padding-right:5px;
padding-bottom: 1px;
font-size: .88em;
}


/* the next three styles are for the Search button -- demo purposes only */
#minisearch input.searchbtn {
font-size: .9em;
background-color: #DE7811;
color: #ffffff;
text-align: center;
width: 60px;
height: 17px;
margin-top: 3px;
border: 0px solid #000;
}

#minisearch input[type="submit"]:hover { 
border: 1px solid #789cab;
color: #789cab;
}



#minisearch input.btnhov{
font-size: .9em;
background-color: #fff;
text-align: center;
width: 60px;
height: 17px;
margin-top: 3px;
border: 1px solid #789cab;
color: #789cab;
}

chat {
background-image: url(../images/chat_sm.gif);
font-size: .9em;
background-color: #000000;
color: #ffffff;
text-align: center;
width: 25px;
height: 17px;
margin-top: 3px;
border: 0px solid #000;
}

div.utilbar a.searchButton {
background:#99b3c0;
border-top: 1px solid #efefef;
border-left: 1px solid #efefef;
border-right: 1px solid #999;
border-bottom: 1px solid #999;
padding:0 4px;
color:#220262;
font-size:.9em;
margin-left:3px;
text-decoration:none;
font-weight:normal;
}


div.utilbar a.searchButton:hover{
border-top: 1px inset #efefef;
border-left: 1px inset #efefef;
border-right: 1px inset #efefef;
border-bottom: 1px inset #efefef;
text-decoration:none;
font-weight:normal;
}
div.utilbar a.searchButton:active{
background:#efefef;
text-decoration:none;
font-weight:normal;
}


/* end Search button styles */



/* div.menu styles create the dropdown list. probably should have changed the name of this style, but didn't */
div.menu {
  background-color: #9f9341;
  border: 2px outset #000;
  text-align: left;
  left: 0px;
  padding: 0px 1px 1px 0px;
  position:absolute;
  top: 0px;
  visibility: hidden;
  z-index: 101;
}

div.menu a.menuItem {
  color: #000;
  cursor: pointer;
  display: block;
  padding: 3px 1em;
  text-decoration: none;
  white-space: nowrap;
}

div.menu a.menuItem:hover, div.menu a.menuItemHighlight {
  background-color: #e0df93;
  color: #9f9341;
}


/* end of styles for utility bar */

#banner {
background-image:url(../images/HelpCenterHeader.gif);
background-repeat:no-repeat;
background-color: #fff;
height: 120px;
}


#tabs {
	background:#E0EBEF;
	padding-bottom: 3px;
	padding-top: 1px;
	padding-left: 15px;
	font-size: .87em;
}

#tabs noscript p a {
color: #753910 !important;
text-decoration:underline !important;
padding: .1em;
}

#tabs noscript p a:hover {
color: #fff !important;
}


#belowtabshome {
background-color: #fff;
width: 760px;
padding: 0px;
/*border-top: 3px solid #789cab;
border-bottom: 3px solid #789cab;*/ 
* margin-top: 2px; /** IE6 and IE7 hack*/
}

#belowtabshome h1{
color: #fff;
font-size: 1.4em;
font-weight: bold;
padding-top: 45px;
}


/*a.tabssearch{
margin:50px;
font-size:.50em;
padding:10px 8px;
text-decoration:none;
color:#789cab;
  cursor: pointer;
  position: relative;
  top: 0px;
  z-index: 50;
  background-color: #B1CBD5;
}

a.tabssearch:hover{
text-decoration:none;
color:#fff;
background-color: #B1CBD5;
}*/



a.tabssearch{
margin:1px;
font-size:.9em;
padding:10px 8px;
text-decoration:none;
color:#789cab;
  cursor: pointer;
  position: relative;
  top: 0px;
  z-index: 100;
  background-color: #b1cbd5;
}


a.tabssearch:hover{
text-decoration:none;
color:#fff;
background-color: #b1cbd5;
}


#contentsearch {
width:758px;
margin: 0px;
padding: 0px;
border-top: 1px solid #e0ebef;
}


/*#contentsearch {
width:756px;
margin: 0px;
padding: 0px;
border-top: 1px solid #E0EBEF;
}*/

div#leftnav {
float: left;
clear: right;
width: 155px;
height: 100%;
margin-top: 20px;
padding:0;
}


div#contenthome {
width: 760px;
margin: 0px;
padding:0;
}

div#leftnavhome {
float: left;
width: 278px;
height: 100%;
margin: 0px;
padding:0;
}

div#middlenavhome {
float: left;
clear: right;
width: 280px;
height: 100%;
margin: 0px;
padding-bottom: 15px;
/*border-left: 1px solid #789cab;
border-right: 1px solid #789cab; */
}

div#rightnavhome {
float: left;
clear: right;
width: 200px;
height: 100%;
/*background-color: #DFE5B5;
border-bottom: 1px solid #789cab; */
}
#rightnavhome a:link, #middlenavhome a:visited {
text-decoration:underline;
color: #753910;
}
#rightnavhome a:hover {
text-decoration:underline;
color: #789cab;
}
#rightnavhome a:active {
text-decoration:underline;
color:#000;
}

#content {
float: right;
width:605px;
padding: 0px;
* margin-top: 2px;
}

div#middlecolumn {
float: left;
width: 501px;
padding: 0px 25px;
font-size: .9em;
background-color: #fff;
margin:0;
height: 100%;
}

* html div#middlecolumn  {
width: 455px; /* Width for IE5 */ 
w\idth: 451px; /* Width for IE6 */ 
} 



div#middlecolumnhome {
float: left;
width: 265px;
padding: 0px 2px;
font-size: .9em;
background-color: #fff;
margin:0;
height: 100%;
}

* html div#middlecolumnhome  {
width: 504px; /* Width for IE5 */ 
w\idth: 500px; /* Width for IE6 */ 
} 


div#rightcolumn{
float: right;
width: 150px;
height: 100%;
padding-top: 10px;
margin: 0;
text-align: center;
background-color:#fff;
}

div#welcomeleft {
float: left;
width: 120px;
padding: 10px 10px;
font-size: .9em;
background-color: #fff;
margin:0;
height: 100%;
}

div#welcomemiddle {
float: left;
width: 415px;
padding: 0px 2px;
font-size: 1.0em;
background-color: #fff;
margin:0;
height: 100%;
border-right: 1px solid #789cab;
}

div#welcomeright {
float: right;
clear: right;
width: 200px;
height: 100%;
background-color: #d7e2e6;
padding-bottom: 15px;
}

p.welcomerightnav{
font-size: 1.0em;
font-weight: bold;
color: #753910;
padding-bottom: 30px;
margin-top: 30px;
margin-left: 20px;
margin-right:10px;
}

#welcomeright a:link, a:visited{
text-decoration:underline;
color:#753910;
}
#welcomeright a:hover {
text-decoration:underline;
color:#753910;
}
#welcomeright a:active {
text-decoration:underline;
color:#753910;
}

.clear {
    clear: both;
    display: block;
    height: 1px;
    overflow: hidden;
    margin: 0;
    padding: 0;
	background-color: #fff;
}

/************************************************************* Styles used for section tabs and left-hand nav **************************/

/*tab button */
/*#tabs span {
padding:1px 8px;
margin: 6px 3px;
text-align:center;
background-color: #B1CBD5;
}

#tabs a {
margin:1px;
font-size: .95em;
padding:1px 0px;
}*/

#tabs span {
padding:1px 1px;
margin:6px 3px;
text-align:left;
background-color: #b1cbd5;
}

#tabs a {
margin:1px;
font-size:.95em;
padding:1px 8px;
}






/*text color */
#tabs a:link, #tabs a:visited {
text-decoration:none;
color:#4B7B90;
}

#tabs a:hover {
text-decoration:none;
color:#fff;

}
#tabs a:active {
text-decoration:none;
color:#4B7B90;
}


#tabs span.on {
background:#fff;
color: #789cab;
/* border:1px solid #fff; */
}

/**********Left Nav formatting****************/
#leftnav_content ul{
list-style-type:none;
/*width:150px;*/
font-size: .8em;
padding:0;
margin:0;
}

#leftnav_content li {
list-style-type:none;
padding:0;
margin:0;
}

#leftnav_content li.iebug {
list-style-type:none;
padding:0;
margin:0;
}

* html #leftnav_content li.iebug  {
margin-top:-15px;
} 

#leftnav ul ul {
font-size: 1em;
padding: 0;
margin: 0;
}

#left nav ul ul li {
font-size: 1em;
margin: 0;
padding:0;
}

#leftnav_content ul li a {
	display: block;
	padding: 0 0 1px 11px;
	color: #753910;
	_height: 1em; /** for IE6 **/
	}

#leftnav_content ul ul li a {
	display: block;
	padding: 0 0 1px 22px;
	color: #789cab;
	border-left:2px solid #789cab;
	border-right:2px solid #789cab;
	_height: 1em; /** for IE6 **/
}

#leftnav_content ul ul ul li a {
	display: block;
	padding: 0 0 1px 33px;
	color: #789cab;
	border-left:2px solid #789cab;
	border-right:2px solid #789cab;
	_height: 1em; /** for IE6 **/
}

#leftnav_content ul li a:link, #leftnav_content li a:visited {
	text-decoration: none;
}

#leftnav_content ul li a:hover {
	color: #789cab;
	text-decoration: none;
}

#leftnav_content ul li a:active {
	text-decoration: none;
}

#leftnav_content ul ul li a:link, #leftnav_content li a:visited {
	text-decoration: none;
}

#leftnav_content ul ul li a:hover {
	color: #335868;
	text-decoration: none;
}

#leftnav_content ul ul li a:active {
	text-decoration: none;

}



/**************************************elements to highlight current section and sub-section*****************************************/
#section_name {
font-weight: bold;
text-align: center;
padding-top: 5px;
font-size: .85em;
height:20px;
border-bottom:1px solid #789cab;
margin-bottom: 3px;
}

#section_name a {
	color: #753910;
	text-decoration: none;
}

#section_name a:hover {
	color: #335868;
	
}

#leftnav_content ul li a.current {
	border-left: 2px solid #789cab;
	border-right: 2px solid #789cab;
	font-weight: bold;
	color: #789cab;
}

#leftnav_content ul li a:hover.current {
	color:#335868;
}

#leftnav_content ul ul li a.current {
	border-left: 2px solid #789cab;
	border-right: 2px solid #789cab;
	font-weight: bold;
	color: #789cab;
}


p.quote {
margin-top: 2em;
border-top: .1em dotted #ccc;
font-size: .75em;
color: #b8470b;
}


/*********************************************** page elements ***********************************************/
#footerhome{
clear:both;
background:#fff;
color: #000;
margin:0;
min-height: 25px;
border-top: 1px solid #789cab;
}



#footer {
clear:both;
background:#fff;
background-image: url(../images/bkd_footer_155.gif);
background-repeat:no-repeat;
color: #000;
margin:0;
min-height: 25px;
}
  
#footer, #footerhome ul {
list-style-type:none;
margin:0;
padding:0;
color:#000;
}

#footer, #footerhome li{
display:inline;
border-right: 1px solid #99b3c0;
margin-left: 4px;
margin-right: 3px;
}

#footer, #footerhome a {
color:#000;
margin:0;
padding-right:10px;
text-decoration: none;
}


/* ubar for the horizontal placement of the utility bar contents -- links and search*/ 
div.ubar {
  clear: both;
  padding:2px;
  font-size:.75em;
  }
  
div.ubar div.left {
  float: left;
  text-align: left;
  margin-left:6px;
  margin-top:4px;
  }
  
div.ubar div.right {
  float: right;
  width: 175px;
  text-align: right;
  margin-right:5px;
  } 


div.fbar {
  clear: both;
  padding:2px;
  font-size:.75em;  
  margin: 0;
  }
  
div.fbar div.left {
  float: left;
  width: 500px;
  text-align: left;
  margin-left:6px;
  margin-top:4px;
  }
  
div.fbar div.right {
  float: right;
  width: 225px;
  text-align: right;
  margin-right:5px;
  margin-top:4px;
  } 


#underfooter{
clear:both;
background:#fff;
margin-top:10px;
min-height: 85px;
}

div.squares {
float: left;
width: 165px;
min-height: 74px;
margin-top: 4px;
margin-bottom: 2px;
}

* html div.squares {
margin-bottom:5px;
height: 74px;
}

div.disclaimer {
float: right;
text-align: left;
color: #753910;
font-size: .75em;
width: 560px;
margin-top: 3px;
margin-bottom: 7px;
margin-right:10px;
}
/* html div.disclaimer {
margin-top:5px;
height: 74px;
}*/

div.circle {
float: right;
clear: left;
text-align: center;
width: 150px;
min-height: 74px;
margin-bottom: 2px;
}

* html div.circle {
margin-bottom:5px;
height: 74px;
}

/************************** PRINTABLE POP UP WINDOWS ********************************************************/
div#popup {
margin: 0px auto;
padding: 0px;
width: 610px;
text-align: left;
background-color: #fff;
}

/*Larger style added for loan folder popup page*/
div#popup_large {
margin: 0px auto;
padding: 0px;
width: 825px;
text-align: left;
background-color: #fff;
}

div#bannerpop {
position: relative;
width:610px; 
min-height: 85px;
overflow: visible;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #753910;
background-color: #fff;
_height:85px;
}

/*Larger style added for loan folder popup page*/
div#bannerpop_large {
position: relative;
width:825px; 
min-height: 85px;
overflow: visible;
margin: 0px;
padding: 0px;
border-bottom: 1px solid #753910;
background-color: #fff;
_height:85px;
}

div#popuplogo{
float: left;
width: 110px;
}

div#popuplabel{
float: left;
color: #753910;
font-weight: bold;
text-align: left;
font-size: 1.9em;
margin-top: 15px;
margin-left: 10px;
width: 360px;
}

/*Smaller style added for comparison calc pages*/
div#popuplabelsmall{
float: left;
color: #753910;
font-weight: bold;
text-align: left;
font-size: 1.5em;
margin-top: 15px;
margin-left: 10px;
width: 360px;
}

/*Larger style added for loan folder popup page*/
div#popuplabellarge {
float: left;
color: #753910;
font-weight: bold;
text-align: center;
font-size: 1.9em;
margin-top: 15px;
margin-left: 10px;
width: 560px;
}

div#underheader{
float: right;
margin-top: 2px;
margin-bottom: 0;
padding: 0px;
width: 120px;
}

#underheader a:link {
text-decoration:underline;
color:#789cab;
}

#underheader a:visited {
text-decoration: underline;
color:#789cab;
}

#underheader a:hover {
text-decoration:underline;
color:#335868;
}

#underheader a:active {
text-decoration:underline;
color:#789cab;
}

/*Close Window link in pop-up windows*/
#popupclose {
margin-right: 5px;
text-align: right;
font-size: .75em;
margin-bottom: 15px;
}

#popupprint {
margin-right: 5px;
text-align: right;
font-size: .75em;
margin-bottom: 0;
}

#popupprint img {
margin-left: 22px;
}

#popupnav {
margin-right: 5px;
text-align: right;
font-size: .75em;
margin-bottom: 15px;
}


div#popupmain {
width:590px;
padding: 5px;
background-color: #fff;
color: #000;
font-size: 80%;
line-height: normal;
text-align: left;
}

div#popupline {
background-color: #fff;
color: #000;
font-size: 80%;
line-height: normal;
}

#popupline p.linenav{
font-size: .95em;
font-weight: normal;
border-bottom: 1px solid #753910;
color: #753910;
}

#popupmain h1 {
font-size: 1.4em;
background-color: #753910;
color: #fff;
font-weight: bold;
text-align: left;
padding: 4px;
margin: 0;
}

#popupmain h2 {
font-size: 1.4em;
color: #000;
}


#popupmain h3 {
font-size: 1.6em;
color: #de7811;
text-align:center;
font-style:italic;
font-weight:bold;
}

#popupmain p {
font-size: 1.1em;
}

#popupmain p.textnav{
font-size: .95em;
text-align:right;
padding-top: 10px;
font-weight: normal;
color: #753910;
}

#popupmain p.textnav a:link {
color: #753910;
text-decoration: underline;
}

#popupmain p.textnav a:visited {
color:  #753910;
}

#popupmain p.textnav a:hover {
color: #789cab;
}

#popupmain p.textnav a:active {
color: #753910;
}

#popupmain p.textnav2{
font-size: 0.95em;
text-align:left;
padding-top: 10px;
font-weight: normal;
color: #753910;
}

#popupmain .indentleft {
text-indent:1em;
}

#popupmain .indentleft2ems {
text-indent:2em;
}

#popupmain p.mini {
font-size: .85em;
margin-bottom: 4px;
color: #000;
}

#popupmain p .redtext {
color:#FF0000;
}

#popupmain img {
border: 2px solid #753910;
margin-top: 3px;
}

.imageborder {
border: 2px solid #753910;
margin-top: 3px;
}

#popupmain img.noborder {
border: none;
margin-top: 3px;
}

#popupmain a:link {
color: #753910;
text-decoration: underline;
}

#popupmain a:visited {
color:  #753910;
}

#popupmain a:hover {
color: #789cab;
}

#popupmain a:active {
color: #753910;
}

#popupmain ol {
font-size: 1.9em;
font-weight: bold;
color: #753910;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#popupmain ol li {
font-size: 75%;
}

#popupmain ol li p{
font-size: .8em;
font-weight: normal;
color: #000;
margin-top: -10px;
margin-bottom: 10px;
font-family: Helvetica, Arial, Verdana, sans-serif;
}


#popupmain ol li ol {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1.2em;
color: #000;
}

#popupmain ol li ol li {
list-style-type:decimal;
margin-bottom: 3px;
color: #000;
}

#popupmain ul {
font-size: 1.1em;
}

#popupmain ul li {
list-style-type:square;
line-height: 1.4em;
font-size: 1em;
margin-bottom: 10px;
}


ul.nestedbullets {
font-weight: normal;

}

ul.nestedbullets li {
list-style-type: square !important;
font-size: .8em !important;
}

div.leftlogo {
float:left;
margin:10px;
border:none;
}

div.righttext {
margin:10px;
border:none;
font-size:1em;
padding-top:4px;
}

#popupmain ul li ul {
font-size: 1em;
line-height: 1.3em;
margin-bottom: 2px;
}

#popupmain ul li ul li {
list-style-type:none;
margin-bottom: 2px;
margin-top: 3px;
}

#popupmain ol li ul {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1em;
color: #000;
}

#popupmain ol li ul li {
list-style-type:upper-alpha;
margin-bottom: 3px;
}

#popupmain ol li ul li p{
font-size: 1em;
font-weight: normal;
color: #000;
margin-top: 1px;
}


#popupmain ol li ul.bullets {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: .8em;
margin-bottom: 1em;
}

#popupmain ol li ul.bullets li {
list-style-type:disc;
font-weight: normal;
}



#popupmain ol li ul.defs {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: .9em;
color: #753910;
}

#popupmain ol li ul.defs li {
list-style-type:upper-alpha;
margin-bottom: 2px;
}

#popupmain ol li ul.defs li p{
font-size: .9em;
font-weight: normal;
color: #000;
margin-top: -2px;
}

#popupmain ol li ul.defs li ul {
font-family: Helvetica, Arial, sans-serif;
font-size: .9em;
}

#popupmain ol li ul.defs li ul li {
list-style-type: square;
padding: 0;
margin: 0;
}

#popupmain ol li ul.defs li ul li p{
font-size: .9em;
font-weight: normal;
color: #000;
margin-top: -12px;
}

#popupmain ol li ol.upper_alpha li {
list-style-type:upper-alpha;
padding: 0;
margin: 0;
}



/** <dl> list - as on the Trio Troubleshooting pages **/
#popupmain dl {
margin-left: 8px;
}

#popupmain dt {
font-size: 1.1em;
font-weight: bold;
margin-bottom: 2px;
margin-top: 10px;
}

#popupmain dd {
font-size: 1em;
margin-bottom:3px;
}

#popupmain dl ul {
font-size: 1em;
}
#popupmain dl ul li {
margin-bottom: 1px;
}

#popupmain dl.billing {
margin-left: 8px;
font-size: 1em;
margin-bottom: 0;
}

#popupmain dl.billing dt {
font-weight: bold;
margin-bottom: 2px;
}

#popupmain dl.billing dt dd {
margin-bottom: 15px;
}


/**Credit Reference number table for DU Credit ***/

table.creditreference{
font-family: Helvetica, Arial, Verdana, sans-serif;
width: 65%;
border: 1px solid #753910;
margin-left: 75px;
margin-bottom: 10px;
}

.creditreference th {
font-weight: bold;
font-size: .7em;
color: #000;
text-align: left;
}

.creditreference td {
font-weight: normal;
font-size: .7em;
color: #000;
text-align: left;
border-bottom: 1px dashed #753910;
}


/**LP.com status table for LP Troubleshooting page ***/

table.status{
width: 75%;
border: 1px solid #753910;
margin-left: 75px;
margin-bottom: 10px;
}

.status th {
font-weight: bold;
font-size: 1em;
color: #fff;
background-color: #753910;
text-align: left;
padding: 2px;
}

.status td {
font-weight: normal;
font-size:1em;
color: #000;
text-align: left;
border: 1px solid #753910;
padding: 2px;
}

/**DO/DU and LP errors table **/


table.errors{
font-family: Helvetica, Arial, Verdana, sans-serif;
width: 100%;
background-color: #789cab;
margin-bottom: 5px;
}


table.errors th {
font-weight: bold;
font-size: 1em;
color: #000;
text-align: center;
vertical-align:middle;
background-color: #fff;
padding: 2px;
}

table.errors th.large {
font-weight: bold;
font-size: 1.1em;
color:#FFFFFF;
text-align: center;
vertical-align:middle;
background-color:#789cab;
padding: 2px;
}

table.errors td {
font-weight: normal;
font-size: 1em;
color: #000;
text-align: left;
vertical-align:top;
background-color: #fff;
padding: 2px;
}


table.errors td.left {
font-weight: bold;
font-size: 1.2em;
color: #000;
text-align: left;
vertical-align:top;
background-color: #fff;
padding: 2px;
}


table.errors td.center {
font-weight: bold;
font-size: 1.2em;
color: #000;
text-align:center;
vertical-align:top;
background-color: #fff;
padding: 2px;
}


table.errors td.right {
font-weight:normal;
font-size: 1.0em;
color: #000;
text-align:right;
vertical-align:top;
background-color: #fff;
padding: 2px;
}


table.errors td.left_small {
font-weight: bold;
font-size: 1.0em;
color: #000;
text-align: left;
vertical-align:top;
background-color: #fff;
padding: 2px;
}

table.errors td.status {
font-weight: bold;
font-size: 1em;
color: #000;
text-align: left;
vertical-align:top;
background-color: #fff;
padding: 2px;
}


table.errors td.blue {
font-weight: bold;
font-size: 1.3em;
color: #000;
text-align: left;
vertical-align:top;
background-color: #789cab;
padding: 2px;
}

caption {
font-size: 1.3em;
font-weight: bold;
padding-bottom: 3px;
text-align: left;
}



/** Virtual Training Modules table ***/
table.training{
font-family: Helvetica, Arial, Verdana, sans-serif;
width: 90%;
border: 1px solid #753910;
margin-bottom: 10px;
margin-left: 8px;
}

.training th {
font-weight: bold;
font-size: .85em;
color: #000;
text-align: left;
}

.training td {
font-weight: normal;
font-size: .85em;
color: #000;
text-align: left;
}

/**Trio Pricing Grid **/

table.pricing{
font-family: Helvetica, Arial, Verdana, sans-serif;
width: 40%;
margin-bottom: 5px;
background-color: #789cab;
}

table.pricing th {
font-weight: normal;
font-size: 1em;
color: #000;
text-align: right;
vertical-align:top;
padding-right: 5px;
background-color: #fff;
}
table.pricing th.left {
font-weight: bold;
font-size: 1em;
color: #000;
text-align: right;
vertical-align:middle;
padding-right: 5px;
background-color: #fff;
}
table.pricing th.right {
font-weight: bold;
font-size: 1em;
color: #000;
text-align: left;
vertical-align:middle;
padding-left: 5px;
background-color: #fff;
}

table.pricing td {
font-weight: normal;
font-size: 1em;
color: #000;
text-align:left;
vertical-align:top;
background-color: #fff;
padding-left: 5px;
}

/** Vendor Contact Info table ***/
table.vendors{
font-family: Helvetica, Arial, Verdana, sans-serif;
width: 100%;
border: 1px solid #753910;
margin-bottom: 15px;
margin-left: 8px;
}

.vendors th {
font-weight: bold;
font-size: .85em;
color: #000;
text-align: left;
vertical-align:top;
}

.vendors td {
font-weight: normal;
font-size: .85em;
color: #000;
text-align: left;
vertical-align:top;
}

.vendors caption {
font-weight: bold;
color: #fff;
background-color: #753910;
font-size: 1em;
margin-left: 8px;
padding: 1px 3px;
}

/************************************************** link styles ************************************************/
#utilities a:link, #utilities a:visited {
text-decoration:none;
color:#fff;
}

#utilities a:hover {
text-decoration:underline;
color:#789cab;
}

#utilities a:active {
text-decoration:none;
color:#fff;
}


#leftnavhome a:link, #leftnavhome a:visited {
text-decoration:none;
color: #753910;

}
#leftnavhome a:hover {
text-decoration:none;
color: #789cab;
}
#leftnavhome a:active {
text-decoration:none;
}

#footer, #footerhome a:link, #footer a:visited {
text-decoration:none;
color:#000;
}
#footer, #footerhome a:hover {
text-decoration:underline;
color:#789cab;
}
#footer, #footerhome a:active {
text-decoration:none;
color:#000;
}


#middlenavhome a:link, #middlenavhome a:visited {
text-decoration:underline;
color: #753910;
}

/*what's new link style*/
#middlenavhome .new a:link, #middlenavhome .new a:visited {
/*text-decoration:underline;*/
color:#0B7FB5;
}

#middlenavhome a:hover {
text-decoration:underline;
color: #789cab;
}

/*what's new link hover style*/
#middlenavhome .new a:hover {
/*text-decoration:underline;*/
color:#789cab;
}

#middlenavhome a:active {
text-decoration:underline;
color:#000;
}


#middlecolumn a:link, #middlecolumn a:visited {
text-decoration:underline;
color: #753910;
}

/*what's new link style*/
#middlecolumn .new a:link, #middlecolumn .new a:visited {
/*text-decoration:underline;*/
color:#0B7FB5;
font-weight:normal;
}

#middlecolumn a:hover {
text-decoration:underline;
color: #789cab;
}

/*what's new link hover style*/
#middlecolumn .new a:hover {
/*text-decoration:underline;*/
color: #789cab;
}

#middlecolumn a:active {
text-decoration:underline;
}


#bigmiddle a:link, #bigmiddle a:visited {
text-decoration:underline;
color: #6a4503;
font-weight:bold;
}
#bigmiddle a:hover {
text-decoration:underline;
color: #bda768;
font-weight:bold;
}
#bigmiddle a:active {
text-decoration:underline;
font-weight:bold;
}

/**************************************reusable elements*****************************************/
div.spacer {
clear: both;
height: 1px;
overflow: hidden;
}

.hide {
display:none;
}

.small {
font-size:.85em;
}

.smallnobold {
font-size:.85em;
font-weight: normal;
}

.midi {
font-size:.9em;
}

.mini {
font-size: .7em;
margin-bottom: 4px;
}

.required {
font-size: 1.5em;
font-weight: bold;
color: #c61802;
}

.important {
color: #c61802;
font-weight: bold;
}

.important_small {
color: #c61802;
font-size:0.95em;
line-height:1.45em;
}

.caption {
font-size: .85em;
font-weight: bold;
margin-top: -1em;
text-align: center;
}

p.brown {
font-size: .75em;
color: #753910;
}

p.brownrightnav {
font-size: .75em;
color: #753910;
padding-bottom: 30px;
margin-top: 00px;
margin-left: 12px;
margin-right:10px;
}

p.returntopopup {
text-align:right;
font-size: .75em;
}

p.top {
text-align:left;
font-size: .75em;
}


/*********************** text elements **********************************/
h1 {
font-size: 1.4em;
color: #753910;
line-height: 1em;
margin-left: 8px;
padding-top: .2em;
* padding-top: 1em; /** For IE6 and IE7 **/
}


#middlecolumnhome h1 {
font-size: 1.4em;
color: #527381;
line-height: 1em;
margin-left: 8px;
padding-top: .2em;
* padding-top: 1em; /** For IE6 and IE7 **/
}

h2 {
font-size: 1em;
color: #000;
margin-left: 8px;
margin-bottom:0px;
}


h2.bar {
font-size: 1.4em;
background-color: #753910;
color: #fff;
font-weight: bold;
text-align: left;
padding: 4px;
margin: 0;
}


.dashed {
padding-bottom: 10px;
padding-top: 12px;
margin-left: 20px;
margin-right: 20px;
border-bottom: 1px dashed #AF907B;
}

.dashedimage {
padding-bottom: 8px;
padding-top: 0px;
margin-top: 14px;
margin-left: 16px;
margin-right: 16px;
border-bottom: 1px dashed #AF907B;
}

.solidline {
margin-left: 100px;
margin-right: 100px;
font-size: .75em;
border-bottom: 2px solid #753910;
padding-bottom: 10px;
padding-top: 10px;
margin-left: 65px;
margin-right: 65px;
text-align:center;
}

.topbottomline {
padding-bottom: 8px;
padding-top: 8px;
margin-left: 10px;
margin-right: 25px;
border-bottom: 1px solid #753910;
border-top: 1px solid #753910;

}

h3 {
font-size: 1.2em;
color:  #000;
font-weight: bold;
margin-top: 1.5em;
margin-bottom: .2em;
margin-left: 8px;
}

h5 {
font-size: 1em;
color:  #000;
margin-left: 8px;
font-style:italic;
margin-bottom: 2px;
}

h6 {
font-size: 1.25em;
padding: 0px 2px;
color:  #753910;
font-family:Arial, Helvetica, sans-serif;
margin-top: 5px;
margin-bottom: 0px;
}


#middlenavhome h4 {
line-height:1.2;
color: #753910;
font-size: .90em;
font-weight: normal;
padding-bottom: 1px;
padding-top: 1px;
margin-left: 12px;
margin-right: 20px;
}

p {
line-height:1.4;
padding:5px 10px;
margin:0;
font-size: .90em;
}

#leftnavhome ul li {
line-height: .8;
margin-left: 0px; 
margin-top:2px;
}


#middlecolumn ul {
line-height:1.4;
margin-left: 0; 
padding-left: 2.5em;
margin-top:2px;
}

#middlecolumn ul li {
list-style-type:disc;
list-style-position:outside;
margin-bottom: 4px;
}

#middlecolumn ul li.brown {
font-size: 1em;
color: #753910;
font-weight: bold;
list-style-type:disc;
list-style-position:outside;
margin-bottom: 4px;
}


#middlecolumn ul li ul li{
list-style-type:none;
list-style-position:outside;
}

#middlecolumn ol{
line-height:1.4;
margin-left: 0; 
padding-left: 2.5em;
margin-top:2px;
}

#middlecolumn ol li {
list-style-position:outside;
margin-bottom: 4px;
color: #753910;
}

#middlecolumn ol.instruction {
font-size: 1.4em;
font-weight: bold;
color: #753910;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

#middlecolumn ol.instruction li {
font-size: .7em;
font-family: Helvetica, Arial, Verdana, sans-serif;

}

#middlecolumn ol.instruction li p{
font-size: 1em;
font-weight: normal;
color: #000;
margin-top: -7px;
margin-bottom: 10px;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

#middlecolumn ol.instruction li ul.defs {
font-family: Helvetica, Arial, Verdana, sans-serif;
font-size: 1.1em;
color: #753910;
}

#middlecolumn ol.instruction li ul.defs li {
list-style-type:upper-alpha;
margin-bottom: 2px;
font-size: 1em;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

#middlecolumn ol.instruction li ul.defs li p{
font-size: .9em;
font-weight: normal;
color: #000;
margin-top: -2px;
font-family: Helvetica, Arial, Verdana, sans-serif;
}

#middlecolumn ol.instruction li ul.defs li ul li{
list-style-type: square !important;
}


#middlecolumn dl.trio {
margin-left: 25px;
border: 0;
}

#middlecolumn dl.trio dt {
background-color: #fff;
color: #000;
font-size: .95em;
font-weight: bold;
padding: 2px;
margin-bottom: 2px;
margin-left: 8px;
}

#middlecolumn dl.trio dt dd {
font-size: 1em;
margin-bottom:10px;
}

#middlecolumn dl.trio ul {
font-size: 1em;
margin-left: 0;

}
#middlecolumn dl.trio ul li {
margin-bottom: 1px;
list-style-type:circle;
margin-left: -20px;
}


#middlecolumn dl {
margin-left: 8px;
border:1px solid #753910;
}



#middlecolumn dt{
background-color: #753910;
color: #fff;
font-size: 1.1em;
font-weight: bold;
padding: 2px;
margin-bottom: 2px;
margin-top: 10px;
}

#middlecolumn dd {
font-size: 1em;
margin-bottom:3px;
}

#middlecolumn dl ul {
font-size: 1em;
}
#middlecolumn dl ul li {
margin-bottom: 1px;

}

#middlecolumn .upperalpha {
color:#000000;
list-style-type:upper-alpha;
font-weight:normal;
}

#middlecolumn .numeric {
color:#000000;
list-style-type:decimal;
font-weight:bold;
}

#middlecolumn .normal {
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:1.0em;
font-weight:normal;
}


/*----------Webinars Class Schedule styles (schedule.html)------------*/
table#schedule {
margin-left:1em;
margin-bottom:2em;
padding:0;
border-collapse:collapse;
border: 1px solid #dbd9d1;
font-weight:normal;
text-align:left;
width:480px;
}
	
table#schedule td {
padding: 1em 1em 1.5em 1em;
vertical-align: top;
color:#000000;
}

table#schedule td h2 {color:#999999; font-size: 2em; margin-top:0px;}

table#schedule td ul {
font-weight:normal;
font-size:.9em;
}

/*Level 2 of outline*/
table#schedule td ul li ul li {
font-weight:normal;
font-size:1.19em;
list-style-type:square;
}

/*Level 3 of outline*/
table#schedule td ul li ul li ul li {
font-weight:normal;
font-size:1.0em;
list-style-type:circle;
}

table#schedule td p {font-size:.9em; margin-top:0p}

table#schedule a {
font-size:.9em;
}


td.bkgd {
background-color: #ccc;
margin-left:0em;
text-align:left;
}

table#schedule td.bkgd h2 {
font-size:1em;
color:#333333;

}



a span, h2 span{
font-weight:lighter;
display:block;
}

span.full {
color:gray;

}


/*.timezonemap{
font-size:x-small;}*/


/* ------ Sitemap Grid Styles -----------*/



tr.training_format {	
background:#E0EBEF;
}

table.sitemap_grid td {height:2em; padding:0em .5em;}



table.sitemap_grid td.sub {padding-left:1em;}


#middlecolumn th.grid{
/* same as middlecolumn dt*/
background-color: #753910;
color: #fff;
font-size: 1.1em;
font-weight: bold;
padding: 2px;
margin-bottom: 2px;
margin-top: 10px;
text-align:left;
}

table.sitemap_grid td a img {border:0px;}
#middlecolumn td em {font-weight:normal; padding-left:1em;}


#middlecolumn table.sitemap_grid tr:hover{

background-color:#E0EBEF;

}

tr.icons {background-color:#EOEBEF;}

.bkg_odd_rows {background-color:#eeeeee;}
tr.bkg_odd_rows:hover {background-color:#eoebef;}
/* Icon styles*/

.tutorial { padding:1px 0 1px 28px; background-image:url(../images/video_arrow_icon.gif);background-repeat:no-repeat;  }
.webinar { padding:1px 30px; background-image:url(../images/webinar_icon.gif);background-repeat:no-repeat;  }
.html { padding:1px 30px; background-image:url(../images/html_icon.gif);background-repeat:no-repeat;  }



/*.ppt { padding:3px 20px; background-image:url(../images/icon_ppt.gif);background-repeat:no-repeat; background-position:0 50%;}
.xls { padding:3px 20px; background-image:url(../images/icon_xls.gif);background-repeat:no-repeat; background-position:0 50%;}
.doc { padding:3px 20px; background-image:url(../images/icon_doc.gif);background-repeat:no-repeat; background-position:0 50%;}
.top{ padding:3px 20px; background-image:url(../images/icon_top.gif);background-repeat:no-repeat; background-position:0 50%;}
.popup{ padding:3px 20px; background-image:url(../images/icon_popup.gif);background-repeat:no-repeat; background-position:0 50%;}
.htm { padding:3px 20px; background-image:url(../images/icon_htm.gif);background-repeat:no-repeat; background-position:0 50%;}*/