h1, h2, h3, h4, h5, h6, p, ul, ol
{
	font-family: verdana, Sans-serif, Arial;
}

#ui-datepicker-div {
    font-size: 10px;
}
body {	
    margin: 0 auto;
    padding: 0;
	min-width: 820px;
	min-height: 400px;
	font-size: 12px;
	text-align: center;	
    background-color: #FFF;
    }
    
#pagearea{
    position: relative;
    left: 0em;
    top: 0em;
	margin: 0px auto;
	padding-top: 0px;
	width: 800px;	
	min-height: 320px;
	text-align: left;
	border: 0px solid #b90000;
	#background-color: #D600F4;
	}
		
#pageheader{
	margin-bottom: 0em;
	padding-top: 0px;
	width: 100%;
	height: 78px;
	background-color: #D6E0F4;	
	#background-image: url('images/page-bgtop.png');
	}
		
#leftlogo{
	border: 0;
	margin: 0;
	padding: 36px 0px 0px 4px;
	float: left;
	}
	

#middlehdr {
    position: relative;
	top: 39px;
	left: 0px;
	padding-left: 90px;
	text-align: center;	
	color: #0168b3;
	font: bold 22px Calibri;
	#background-color: #0F4;	
	}

#middlehdr2 {
    position: relative;
    top: 50px;	
    left: 70px;
	color: black;
	font: bold 24px Calibri;
}	
	

#middlehdr3 {
    position: relative;
    top: 39px;	
    left: 72px;
	color: #0168b3;
	font: bold 24px Calibri;
}

#middlehdr4 {
    position: relative;
    top: 38px;	
    left: 120px;
	color: #0168b3;
	font: bold 24px Calibri;
}

#middlehdr5 {
    position: relative;
    top: 38px;	
    left: 70px;
	color: #0168b3;
	font: bold 24px Calibri;
}

#middlehdr6 {
    position: relative;
    top: 38px;	
    left: 40px;
	color: #0168b3;
	font: bold 24px Calibri;
}

#middlehdr7 {
    position: relative;
    top: 38px;	
    left: 80px;
	text-align: left;	
	width: 550px;
	color: #0168b3;
	font: bold 24px Calibri;
}

#middlehdr8 {
    position: relative;
    top: 38px;	
    left: 60px;
	color: #0168b3;
	font: bold 24px Calibri;
}

#middlehdr9 {
    position: relative;
    top: 38px;	
    left: 90px;
	color: #0168b3;
	font: bold 24px Calibri;
}

		
#rightlogo{
	border: 0;
	margin: 0;
	padding: 0px 0px 0px 0px;
	float: right;
	}

#pagefooter {
	clear: both;
	float: left;
	width: 100%;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background-color: #D6E0F4;
	#background-image: url("images/page-bgbottom.png");
	}	
	
#pagefooter h6{
	font-family: verdana, Sans-serif, Arial;
	margin: 0;
	border: 0;
	font-size: 8px;
	text-align: left;
	padding: 5px 0px 5px 16px;
	color: #656565;	
	}		
	
#pagefooter2 {
	clear: both;
	float: left;
	width: 100%;
	height: 20px;
	margin: 0 auto;
	padding: 0;
	background-color: #D6E0F4;
	#background-image: url("images/page-bgbottom.png");
	}
	
#pagefooter2 h6{
	font-family: verdana, Sans-serif, Arial;
	margin: 0;
	border: 0;
	font-size: 10px;
	text-align: left;
	padding: 5px 0px 5px 16px;
	color: #656565;	
	}		
		
	
/*----------horizontal navigation - begin -------------------------*/

#hnav {	
    clear: both;
    font-family: verdana, Sans-serif;
	font-size: 10px;
	font-weight: bold;
    width: 100%;
    height: 24px;
    margin: 0px;
	padding: 0px;
	background-color: #D6E0F4;	
	color: #D6E0F4;
	#background-image: url(images/tabbggreyw05.png);
    }
#hnavdead {
    clear: both;
    float: left;
    width: 50%;
    margin: 0px;
	padding: 7px 0px 4px 0px;
	}
#hnavdead li{
	display: inline;
	list-style: none;
    margin: 0px;	
    padding: 0px 0px 0px 0px;
	}    
#hnavdead li.first{
	padding-left: 15px;
	}	
#hnavdead a{
	text-decoration: none;
	margin: 0;
	padding: 7px 12px 4px 12px;	
	color: #D6E0F4;
	background-color: #D6E0F4;		
	#background-image: url(images/tabbggreyw05.png);	
	}
#hnavleft {
    float: left;
    width: 200px;
    margin: 0px;
	padding: 7px 0px 4px 0px;
	}
#hnavleft li{
	display: inline;
	list-style: none;
    margin: 0px;	
    padding: 0px 0px 0px 0px;
	}
#hnavleft li.first{
	padding-left: 15px;
	}	
#hnavleft li.last{
    padding-right: 0px;
    }
#hnavleft a{
	text-decoration: none;
	margin: 0;
	padding: 7px 12px 4px 12px;	
	background-color: #E1E1E1;		
	#background-image: url(images/tabbggreyw05.png);	
	}
#hnavleft a:link{
	color: #656565;
	background-color: #D6E0F4;
	#background-image: url(images/tabbggreyw05.png);			
	}
#hnavleft a:visited{
	color: #656565;
	background-color: #D6E0F4;
	##background-image: url(images/tabbggreyw05.png);	
	} 
#hnavleft a:active {
	color: #333333;
	background-color: #FFFFFF;	
	#background-image: url(images/tabbgwhite05.png);	
	}
#hnavleft a:hover {
	color: #333333;
	background-color: #CCCCCC;	
	##background-image: url(images/tabbgbluew05.png);	
	}
#hnavright {
    width: 300px;
    float: right;
    text-align: right;
    margin: 0px;
	padding: 5px 0px 4px 0px; 
	}
#hnavright li{
	display: inline;
	list-style: none;
    margin: 0px;	
    padding: 0px 0px 0px 0px;
    }
#hnavright li.first{
	padding-left: 0px;
	}	
#hnavright li.last{
    padding-right: 25px;
    }	
#hnavright a{
	text-decoration: none;
	margin: 0;
	padding: 5px 6px 6px 6px;	 
	background-color: #E1E1E1;		
	#background-image: url(images/tabbggreyw05.png);
	}
#hnavright a:link{
	color: #656565;
	background-color: #D6E0F4;
	#background-image: url(images/tabbggreyw05.png);			
	}
#hnavright a:visited{
	color: #656565;
	background-color: #D6E0F4;
	#background-image: url(images/tabbggreyw05.png);	
	} 
#hnavright a:active {
	color: #333333;
	background-color: #FFFFFF;	
	#background-image: url(images/tabbgwhite05.png);	
	}
#hnavright a:hover {
	color: #333333;
	background-color: #CCCCCC;	
	#background-image: url(images/tabbgbluew05.png);	
	}

/*----------horizontal navigation - end -------------------------*/

/* main-container 1 - background of column 5 - width of column 4 */
#main-container1 {
    float: right;
    width: 100%;
    position: relative;
    left: 5px;
	background-color: #D6E0F4;
	min-height: 360px;
	#background-image: url(images/thingreytowhite.png);
    }

/* main-container 2 - background of column 4 - width of column 3 */
#main-container2 {
    float: right;
    width: 100%;
    position: relative;
    left: 780px;
	background-color: #fff;			
}
#main-container2.menu {
    left: 605px;
	background-color: #D6E0F4;		
}

/* main-container 3 - background of column 3 - width of column 2 */
#main-container3 {
    float: right;
    width: 100%;
    position: relative;
    left: 5px;
	background-color: #fff; 	
}
#main-container3.menu {
    left: 180px;
}

/* main-container4 - background of column 2 - width of column 1 */
#main-container4 {
    float: right;
    width: 100%;
    position: relative;
    left: 5px;
	background-color: #D6E0F4;  		  
}
#main-container4.menu {
	background-color: #D6E0F4;	
	#background-image: url(images/leftgradiantgrey180.png);
	  
}

/* main-container 5 - background of column 1 - width of column 5(hidden) */
#main-container5 {
    float: right;
    width: 100%;
    overflow: hidden;
    position: relative;
	background-color: #D6E0F4;	
	#background-image: url(images/thingreytowhite.png);	  
}

#maincolumn1 {
	float: left;
	width: 5px;
    position: relative;
    right: 795px;
	background-color: #D6E0F4; 
	#background-image: url(images/thingreytowhite.png);
	}
	
#maincolumn1.menu{
   	color: black;
    }
    
#maincolumn2{
	float: left;
	width: 5px;
    position: relative;
    right: 795px;
	background-color: #D6E0F4; 		       	
}
#maincolumn2.menu{
	width: 180px;
 	#background-image: url(images/leftgradiantgrey180.png);
	background-color: #D6E0F4;
   	color: black;			       	
    }
    
#maincolumn3 {
	float: left;
	width: 780px;
    position: relative;
    right: 795px;
	background-color: #fff;
}
#maincolumn3.menu {
	width: 605px;	
}

#maincolumn4 {
	float: left;
	width: 5px;
    position: relative;
    right: 795px; 
	background-color: #fff;
}
#maincolumn4.menu{
    }

#maincolumn5 {
	float: left;
	width: 5px;
    position: relative;
    right: 795px;
	background-color: #D6E0F4;
	#background-image: url(images/thingreytowhite.png);	
	}
#maincolumn5.menu{
      	
    }

/* Start of page content ========================================== */

.centered {
  margin: 0 auto;
  }


ht {
	font-size: 18px;		
}


sup {
 	font-size: 8px;
}

#mainheading {
	width: 80%;
	margin: 30px auto;
	text-align: center;
  	border: 0px solid #333333; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;    
	padding: 10px 0px 0px 0px; 
	background-color: #fff;  
	color: black;
}
	
.indexinstruct {
  	padding: 0px 0px 0px 0px;
  	font-size: 1.2em;
    color: #72551D;  	
	}
	
.homeinstruct {
  	padding: 0px 0px 10px 0px;
  	font-size: 1.2em;
    color: #72551D;  	
	}
	
.unavailableinstruct {
  	padding: 0px 0px 0px 0px;
  	font-size: 1.2em;
    color: #72551D;  	
	}
	
.errorline {
  	padding: 2px 0px 2px 0px;
	text-align: center;
	#border-radius: 6px; 	
	#-moz-border-radius: 6px; 	
	background-color: #FF9F9F;
	border: solid 2px #ff7777;
}

#maincontent {
  width: 96%; 
  margin: 0px auto;
  background-color: #FFF;  
   
}
.indexpage {
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.welcomepage {
  padding: 0px 0px 0px 0px;
  text-align: center;
}

.unavailablepage {
  padding: 0px 0px 0px 0px;
  text-align: center;
}

  
.mailpage {
  padding: 13px 0px 0px 0px;
  text-align: center;
}

#mailtacb{
	width: 96%;
	margin: 0px auto;
	text-align: center;
	
}



#buttonrow {
  width: 96%;
  margin: 0px auto;
  background-color: #FFF; 
  padding: 0px 0px 0px 0px;
  text-align: center;
}

#buttonrow button {
  font-size: 12px ;
}

#buttonrow.index {
  padding: 10px 0px 10px 0px;
}

#buttonrow.welcome {
  padding: 10px 0px 10px 0px;
}

/* =============== login =============================================== */

fieldset.loginfields {
  width: 80%;
  border: 2px solid #ddd; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;   
  margin: 50px auto;  
  padding: 20px 0px 0px 0px;
}

#loginForm table td{
   padding: 5px;
}

#loginForm .adminguidelink{
	float: right;
    padding: 0px 5px 0px 0px;	
}

table.changepasswdques { width:100%; border:0px solid #bbb; background-color:#fff; border-spacing:1px; text-align:left; margin:5px auto; }
table.changepasswdques th, table.changepassword td { padding: 2px 3px; text-align:left; }
table.changepasswdques th { background-color:#ddd; font-weight:normal;}
table.changepasswdques td { width:80%; background-color:#FFF; border:none; }
table.changepasswdques td.label{ width:20%; text-align:right; background-color:#fff; border:none; }
table.changepasswdques td.cpqinstruct{ color: black; text-align: center}

table.answerpasswdques { width:100%; border:0px solid #bbb; background-color:#fff; border-spacing:1px; text-align:left; margin:5px auto; }
table.answerpasswdques th, table.changepassword td { padding: 2px 3px; text-align:left; }
table.answerpasswdques th { background-color:#ddd; font-weight:normal;}
table.answerpasswdques td { width:80%; background-color:#FFF; border:none; }
table.answerpasswdques td.label{ width:20%; text-align:right; background-color:#fff; border:none; }
table.answerpasswdques td.cpqinstruct{ color: black; text-align: center}

table.changepassword { width:100%; border:0px solid #bbb; background-color:#fff; border-spacing:1px; text-align:left; margin:5px auto; }
table.changepassword th, table.changepassword td { padding: 2px 3px; text-align:left; }
table.changepassword th { background-color:#ddd; font-weight:normal;}
table.changepassword td { width:53%; background-color:#FFF; border:none; }
table.changepassword td.label{ width:47%; text-align:right; background-color:#fff; border:none; }

#seceditcall {
  width: 88%; 
  margin: 0px auto;
  background-color: #FFF; 
  padding: 100px 0px 10px 0px;
  text-align: left;
}

#seceditcall2 {
  width: 88%; 
  margin: 0px auto;
  background-color: #FFF; 
  padding: 140px 0px 10px 0px;
  text-align: left;
}

/* ============= all form pages ============================================ */

#privacyline {
	margin: 0px;
	padding-left: 20px;
	border: 0px;
	height: 12px;
	font-size: 9px;
	background-color: #ffffff;
	text-align: left;	
	position: absolute;
    bottom: 0px;
}		

#privacyline a {
    text-decoration: underline;
    color: #A4874F;
}
#privacyline a:hover{
    text-decoration: underline;
    color: #000000;
	background-color: #FEE1A9;    
}

/*button text element */
.ui-button .ui-button-text { 
	display: block; 
        font-family: verdana, Sans-serif, Arial;
	font-size: 12px; 
	line-height: 6px;  }


/* jquery accordion adapted to vertical menu */

.ui-accordion { width: 175px; 
	font-family: verdana, Sans-serif, Arial;
	font-size: 12px;
	padding: 0px; 
	
	}

#accordion ul,ol { 
   list-style: none; 
   font-family: verdana, Sans-serif, Arial;
	font-size: 10px; 
	margin: 0px;
	padding: 0px; 
  
   }

#accordion h3 a { 
	color: black;
  }

.ui-accordion .ui-accordion-header-active {
    font-family: verdana, Sans-serif, Arial;
	font-size: 10px; 
	line-height: 10px; 

	}

.ui-accordion .ui-accordion-content { 
	padding: 0em 0em; 
	font-size: 10px; 
	overflow: hidden;
	}    
	    
#accordion .ui-widget-content li { 
	margin: 0px;
	padding: 0px;

	}
  
#accordion .ui-widget-content a {
	display: block;
	width: 137px;
	margin: 0px;
    text-decoration: none;
	background: #f3f3f3 url('images/icons/door.png') no-repeat 10px center;; padding-left:36px; padding-right:0px; padding-top:5px; padding-bottom:5px
	} 

#accordion .ui-widget-content a.building {
	background: #f3f3f3 url('images/icons/building.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.lock {
	background: #f3f3f3 url('images/icons/lock.png') no-repeat 10px center;
	}  
 	
#accordion .ui-widget-content a.group {
	background: #f3f3f3 url('images/icons/group.png') no-repeat 10px center;
	} 
#accordion .ui-widget-content a.folderuser {
	background: #f3f3f3 url('images/icons/folder_user.png') no-repeat 10px center;
	} 	
	
#accordion .ui-widget-content a.signed {
	background: #f3f3f3 url('images/icons/rosette.png') no-repeat 10px center;
	} 
#accordion .ui-widget-content a.assign {
	background: #f3f3f3 url('images/icons/script_edit.png') no-repeat 10px center;
	} 
#accordion .ui-widget-content a.email {
	background: #f3f3f3 url('images/icons/email.png') no-repeat 10px center;
	} 
#accordion .ui-widget-content a.table {
	background: #f3f3f3 url('images/icons/table.png') no-repeat 10px center;
	} 
#accordion .ui-widget-content a.matching {
	background: #f3f3f3 url('images/icons/table_relationship.png') no-repeat 10px center;
	} 	
#accordion .ui-widget-content a.provider {
	background: #f3f3f3 url('images/icons/doctor_assistant-16.png') no-repeat 10px center;
	} 	
#accordion .ui-widget-content a.scriptgear {
	background: #f3f3f3 url('images/icons/script_gear.png') no-repeat 10px center;
	} 	
#accordion .ui-widget-content a.other {
	background: #f3f3f3 url('images/icons/add.png') no-repeat 10px center;
	} 		

/* Active menu items */

#accordion .ui-widget-content a.welcome {
	background: #f3f3f3 url('images/icons/house.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.logout {
	background: #f3f3f3 url('images/icons/door_out.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.register {
	background: #f3f3f3 url('images/icons/vcard.png') no-repeat 10px center;
	}	
#accordion .ui-widget-content a.updatecontact {
	background: #f3f3f3 url('images/icons/vcard.png') no-repeat 10px center;
	}	
#accordion .ui-widget-content a.managecontacts {
	background: #f3f3f3 url('images/icons/group.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.changepw {
	background: #f3f3f3 url('images/icons/key.png') no-repeat 10px center;
	} 	
#accordion .ui-widget-content a.manageaccounts {
	background: #f3f3f3 url('images/icons/email.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.trustanchor {
	background: #f3f3f3 url('images/icons/anchor.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.individualcerts {
	background: #f3f3f3 url('images/icons/table_key.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.reports {
	background: #f3f3f3 url('images/icons/report.png') no-repeat 10px center;
	}
#accordion .ui-widget-content a.reportshome {
	background: #f3f3f3 url('images/icons/page_white_stack.png') no-repeat 10px center;
	}
		
	
	
	
#accordion .ui-widget-content a:hover {
   color:  #4f6f9c;
   background-color: #ddd;
   }  
 	
#accordion .ui-widget-content a:active {
   color:  #4f6f9c;
   background-color: #ddd;   
   }  
   
  
#accordion .ui-widget-content a.dead {
	color: #D6B981;
    background: #f3f3f3 url('images/icons/door.png') no-repeat 10px center;	
	} 			
		 
#accordion .ui-widget-content a.dead:hover {
   color:  #D6B981;
   background-color: #f3f3f3;
   } 

#form {
    margin: 0;
    padding: 0;
	font-size: 12px;
	   background-color: #00FF00;
}

/* ============= register ============================================== */


#registerFormxx {
  width: 70%;
  border: 2px solid #ddd; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;   
  margin: 10px auto;  
  padding: 20px 0px 0px 0px;
}

.breakform {
  width: 88%;
  border: 2px solid #ddd; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;   
  margin: 5px auto;  
  padding: 0px 0px 0px 0px;
}

.invisible {
  width: 88%;
  margin: 0px auto;  
  padding: 0px 0px 0px 0px;
  font-size: 0px;
}

.register {
  padding: 0px 0px 0px 0px;
}


table.register { width:92%; border:0px solid #bbb; background-color:#fff; border-spacing:1px; text-align:left; margin:5px auto; }
table.register th, table.register td { padding: 2px 3px; text-align:left; }
table.register th { background-color:#ddd; font-weight:normal;}
table.register td { background-color:#FFF; border:none; }
table.register td.label{ width:35%; text-align:right; background-color:#fff; border:none; }
table.register td.instruct{ color: black; }
table.register td.avail-instruct{ color: black; text-align:center; }
table.register td.domain-instruct{ color: black; text-align:center; }
table.register td.domain-instruct2{ color: black; text-align:center; }
table.register td.authrepinstruct { text-align: left; color: black;}
table.register td.authcodeinstruct { text-align: center; color: black;}
table.register td.addrepalert { text-align: left; color: #D50000; font-weight:bold;}
table.register td.addrepalert span { text-align: left; color: #D50000; font-weight:normal;}
table.register td.instruct2{ color: black; font-size: 11px;}
table.register td.side button { margin: 0px 0px 0px 4px; }
table.register td.side button .ui-button-text { font-size: 10px; margin: 3px 2px 1px 2px; padding: 2px 4px 5px 4px;}

.ui-dialog-titlebar {
	background-color: #D6E0F4;
	color: #0168b3;	
	border: 0px;
	padding: 0em;
	margin: 0em;
	}

.ui-dialog-titlebar .ui-icon {background-image: url(images/ui-icons_2e83ff_256x240.png); }

.ui-dialog {
	background-color: #FFF;
	color: black;
	padding: 0em;
}

.ui-dialog-title { margin: 0; }
	
.help { 
	width: 16px;
	height: 16px;
	border: 0;
	background-color: #FFFFFF;
	background-image: url(images/help-static-gray.png);
		}
		
.help:hover { 		
	background-image: url(images/help-hover-dkrbluegray.png);
	}
	
.help-text { 
	font-family: Lucida Grande,sans-serif;
	margin: 0;
	border: 0;
	border-spacing: 0;
	padding: 0;
	line-height: 1;
	font-size: 12px;
	text-decoration: underline;
	color: blue;
	background-color: #FFFFFF;
		}

.help-text:hover { 
	color: maroon;
	background-color: #d6e0f4;	
		}
		
#help-about-authreprole {
	text-align: left;
	font-weight: bold;
	font-style: italic;	
	}

#help-about-authreprole a {
	color: black;
	}
	
#help-about-authreprole a:hover {
	color: maroon;
	background-color: #d6e0f4;	
	}	

#help-authcode { 
	position: absolute;
	top: 390px;
	left: 536px;
	}
	
#help-domain { 
	position: absolute;
	top: 358px;
	left: 536px;
	}
	
#help-password { 
	position: absolute;
	top: 600px;
	left: 536px;
	}

#help-password-chg { 
	position: relative;
	top: 0px;
	left: 0px;
	}


#help-about-domain {
	text-align: left;
	}

#help-about-domain bg{
	background-color: #cfcfcf;
	}	

#help-authrep { 
	position: absolute;
	top: 500px;
	left: 536px;
	}
		
#help-about-authcode {
	text-align: left;
	}

#help-about-authcode a {
	color: black;
	}
	
#help-about-authcode a:hover {
	color: maroon;
	background-color: #d6e0f4;	
	}	
		
#help-about-authrep {
	text-align: left;
	}
	
#help-about-authrep mn{
	color: #a4874f;
	}
	
#help-about-authrep bg{
	background-color: #cfcfcf;
	}

#help-about-authrep a {
	color: black;
	}
	
#help-about-authrep a:hover {
	color: maroon;
	background-color: #d6e0f4;	
	}	

#help-about-password {
	text-align: left;
	}
	
#help-about-password mn{
	color: #a4874f;
	}
	
#help-about-password bg{
	background-color: #cfcfcf;
	}

#help-about-password a {
	color: black;
	}
	
#help-about-password a:hover {
	color: maroon;
	background-color: #d6e0f4;	
	}	

#help-about-password ul.sq{
	list-style-type: square;
	}
		
#help-about-password-chg {
	text-align: left;
	}
	
#help-about-password-chg mn{
	color: #a4874f;
	}
	
#help-about-password-chg bg{
	background-color: #cfcfcf;
	}

#help-about-password-chg a {
	color: black;
	}
	
#help-about-password-chg a:hover {
	color: maroon;
	background-color: #d6e0f4;	
	}	

#help-about-password-chg ul.sq{
	list-style-type: circle;
	}	
	
	
/* CSS for modal form dialog box ============================= Start */

#mailaccts-add { }
#mailaccts-add-form { margin: 0 auto; width: 95%; font-size: 50%; }
#mailaccts-fieldset { text-align: left; width: 100%; }				
#mailaccts-fieldset input {width: 95%; background-color: #FFF; }
#mailaccts-fieldset input.text{   margin-bottom:0px; padding: .1em; }
#mailaccts-fieldset { padding:0; border:0; margin-top: 10px; }
#mailaccts-form .ui-dialog .ui-state-error { padding: .3em; }
#mailaccts-add.validateTips { border: 4px solid maroon; padding: 0.1em; }

#contacts-add { }
#contacts-form { margin: 0 auto; width: 95%; font-size: 80%;}
#contacts-fieldset { text-align: left; width: 100%; }				
#contacts-fieldset input {width: 95%; background-color: #FFF; }
#contacts-fieldset input.text{   margin-bottom:0px; padding: .1em; }
#contacts-fieldset { padding:0; border:0; margin-top: 10px; }
#contacts-form .ui-dialog .ui-state-error { padding: .3em; }
#contacts-add.validateTips { border: 4px solid maroon; padding: 0.1em; }
         
div.rowd1{ width: 100%; height: 28px; }

div.rowd1 span.labeld1 {
  float: left;
  width: 30%;
  text-align: right;
  font-size: 12px;
  padding: 10px, 5px 5px, 5px; 
  vertical-align: bottom;
  }

div.rowd1 span.inputd1a {
  float: left;
  width: 60%;
  padding: 0px, 0px 0px, 0px; 
  text-align: left;
  font-size: 12px;
  }
div.rowd1 span.inputd1b {
  float: left;
  width: 40%;
  padding: 0px, 50px 0px, 0px;   
  text-align: left;
  font-size: 12px;
  }
  
  
.breakform2 {
  width: 80%;
  border: 2px solid #ddd; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;   
  margin: 20px auto;  
   margin-bottom: -30px;   
  padding: 5px 0px 0px 0px;
}

table tr.passwd-instruct { text-align: center; font-size: 12px; }
table tr.small-instruct { text-align: center; font-size: 11px; }



/* CSS for modal form dialog box ============================= End */


/* ======================================================================================== */
/* =============================== Below not used yet in admin-ui ========================= */
/* ======================================================================================== */

#breadcrumbs {
    position: relative;
    left: 0px;
    top: 0em;
	margin: 0px;
	padding-left: 5px;
	border: 0px;
	width: 610px;	
	height: 13px;
	background-color: #ffffff;
	background-image: url(images/breadcrumbxx.jpg);		
	text-align: left;	
}	


select { 
  border:1px solid #CCCCCC;
  }

.registerorg {
  width: 100%; 
  margin: 0px auto;
  padding: 0px 0px 0px 0px;
  background-color: #FFFFFF;   
}

#logininfo {
  padding: 10px 10px 0px 0px;
  background-color: #FFFFFF;  
}


#registerinfo {
  padding: 10px 0px 0px 0px;
  background-color: #FFFFFF;  
}

#step1info {
  padding: 10px 0px 0px 0px;
  background-color: #FFFFFF;  
}




.registerinstruct {
	width: 560px;
  	border: 0px solid #333333; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;   
	margin: 10px 5px 0px 5px;  
	padding: 10px 20px 10px 20px; 
	background-color: #eee; 

	}

.logininstruct {
  text-align: center;
	width: 560px;
  	border: 0px solid #333333; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;   
	margin: 5px 5px 0px 5px;  
	padding: 10px 20px 10px 20px; 
	background-color: #eee; 
 
}

.stepinstruct {
  	padding: 5px 0px 0px 0px;
  	font-size: .9em;
	}
	
.constructinstruct {
  	padding: 0px 0px 10px 0px;
  	font-size: 1em;
	}
	
.homeinstruct {
  	padding: 0px 0px 10px 0px;
  	font-size: 1.2em;
    color: #72551D;  	
	}

.centeredmsg {
  text-align: center;
}

fieldset.tablefields {
	width: 595px;
  	border: 2px solid #eee; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;    
	margin: 5px 5px 0px 5px;  
	padding: 0px 0px 5px 0px;
	}
#statusinfo {
	width: 100%;
	margin: 0px 0px 0px 0px;  
	padding: 0px 0px 0px 0px;
	font-family: verdana, Sans-serif, Arial;
	font-size: 12px;	
	}
#statusinfo th, td {
	padding: 2px 5px 2px 5px; 
	}	
#statusinfo tr.heading {
  	background-color: #eee;
	padding: 2px 5px 2px 5px; 
	}
#statusinfo th {	
	font-size: 13px; 	
  	font-weight: bold;
  	}	
#statusinfo tr.light {
	padding: 2px 5px 2px 5px;
  	background-color: #fff;
  	}	
#statusinfo tr.dark {
	padding: 2px 5px 2px 5px;
  	background-color: #eee;
  	}



fieldset.registerfields {
	width: 240px;
  	border: 2px solid #eee; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;    
	margin: 5px 5px 0px 5px;  
	padding: 5px 15px 10px 20px;
	}
	
fieldset.servicesfields {
	width: 562px;
  	border: 0px solid #333333; 
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;    
	margin: 5px 5px 0px 5px;  
	padding: 5px 20px 10px 20px;
	}

fieldset.step1afields {
	width: 562px;
	border: 2px solid #eee;
	#border-radius: 8px; 	
	#-moz-border-radius: 8px;     
	margin: 5px 5px 0px 5px;  
	padding: 5px 15px 10px 20px;
	}


legend{
  padding:2px 5px;
  border:0px solid #CCCCCC;
  font-size: 10px;
  font-weight: bold;
}
 
div.row1 {
  clear: both;
  padding: 4px 0px 4px 0px;
  }
  
div.row1 input { 
  border:1px solid #CCCCCC;
  }

div.row1 span.label {
  float: left;
  width: 138px;
  text-align: right;
  padding-right: 0px;  
  }

div.row1 span.formw {
  float: right;
  width: 220px;
  text-align: left;
  }
div.row1 {
  clear: both;
  padding: 3px 0px 3px 0px;
  }
  
div.checkrow {
  clear: both;
  padding: 3px 0px 3px 0px;
  }

div.subcheck {
  clear: both;
  padding: 3px 0px 3px 0px;
  }
  
div.radiorow {
  clear: both;
  padding: 3px 0px 3px 0px;
  }
  
div.row1 input { 
  border:1px solid #CCCCCC;
  }
  
div.checkrow input { 
  border:1px solid #CCCCCC;
  }

div.subcheck input { 
  border:1px solid #CCCCCC;
  }
  
div.radiorow input { 
  border:1px solid #CCCCCC;
  }


div.row1 span.label {
  float: left;
  width: 210px;
  text-align: right;
  font-size: 10px;
  padding-right: 10px;  
  }

div.row1 span.formw {
  float: left;
  width: 320px;
  text-align: left;
  font-size: 11px;
  }
  
div.row1 span.label1 {
  float: left;
  width: 210px;
  text-align: right;
  font-size: 10px;  
  padding-right: 10px;  
  }

div.row1 span.formw1 {
  float: left;
  width: 50px;
  text-align: left;
  font-size: 11px;
  }
  
div.row1 span.label2 {
  float: left;
  width: 80px;
  text-align: right;
  font-size: 10px;
  padding-right: 10px;  
  }

div.row1 span.formw2 {
  float: left;
  width: 120px;
  text-align: left;
  font-size: 11px;  
  }
  
div.row1 span.formck {
  float: left;
  width: 250px;
  text-align: left;
  vertical-align: middle;
  font-size: 9px;
 }
   
  
div.row1 textarea { 
	border: 1px solid #cccccc;
	font-size: 11px;
	height: 36px;
	width: 240px;
  }

div.row1 textarea.digitalid { 
  	border: 1px solid #cccccc;
  	#border-radius: 8px; 	
	#-moz-border-radius: 8px;
  	font-size: 11px;
  	height: 15em;
  	width: 100%;
  	padding: 10px;
  	}
  
div.row1 textarea.digitalidnote { 
  	border: 1px solid #000000;
  	font-size: 11px;
  	width: 100%;
  	padding: 10px;
  	height: 64px;
  	background-color: #FFEFEF;
  	}


div.checkrow span.formck2 {
  float: left;
  width: 410px;
  text-align: left;
  vertical-align: middle;
  font-size: 11px;
 }
 
div.checkrow span.morelink {
  float: left;
  width: 150px;
  text-align: right;
  font-size: 10px;
  padding-right: 0px; 

  }
  
div.subcheck span.formck2 {
  	float: left;
  	width: 360px;
  	text-align: left;
  	padding-left: 40px;
  	vertical-align: middle;
  	font-size: 11px;
 	}
  
 
div.subcheck span.morelink {
  	float: left;
  	width: 160px;
  	text-align: right;
  	font-size: 10px;
  	padding-right: 0px; 
  	}

div.subcheck span.formw1 {
  	float: left;
  	width: 50px;
  	text-align: left;
  	font-size: 11px;
  	}
   
div.radiorow span.formck2 {
  float: left;
  width: 390px;
  text-align: left;
  vertical-align: middle;
  font-size: 11px;

 }
 
div.radiorow span.morelink {
  float: left;
  width: 170px;
  text-align: right;
  font-size: 10px;
  padding-right: 0px; 

  }


div.checkrow span.formckhalf{
  float: left;
  width: 260px;
  text-align: left;
  font-size: 11px;
  padding-left: 15px;  
  }
  
div.checkrow span.label2nd {
  float: left;
  width: 130px;
  text-align: right;
  font-size: 11px;
  padding-right: 10px;  
  }

div.checkrow span.formw2nd {
  float: left;
  width: 130px;
  text-align: left;
  font-size: 11px; 
     
}     
     
.bottombuttonrow {
  clear: both;
  width: 100%;
  padding: 10px 0px 10px 0px;
  text-align: center;  
  background-color: #FFFFFF;   
}

#servicesinfo a {
    text-decoration: underline;
    color: #A4874F;
}

#step1info a {
    text-decoration: underline;
    color: #A4874F;
}

.logininstruct a {
    text-decoration: underline;
    color: #A4874F;
}


#servicesinfo a:hover {
    text-decoration: underline;
    color: #000000;
	background-color: #FEE1A9;    
}

#step1info a:hover {
    text-decoration: underline;
    color: #000000;
	background-color: #FEE1A9;    
}

.logininstruct a:hover {
    text-decoration: underline;
    color: #000000;
	background-color: #FEE1A9;    
}

#contactmsg {
	margin: 10px auto;
	padding: 10px 0px 10px 0px;
	font-size: 14px;
	text-align: center;
	width: 80%; 
    background-color: #D6E0F4;
	color: black;
}

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; }
.ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-top { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-right {  -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; border-top-right-radius: 0px; -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; }
.ui-corner-left { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; border-top-left-radius: 0px; -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; }
.ui-corner-all { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; }