/* CSS Document */

/* ------------------------------------------ */
/* General Layout */

#pageWrapper{
	width:875px;
	margin: 0 auto;
}

#pageHeader{

}
#pageHeader .toprow {
  background-color:#c685e8;
}

#pageHeader .topmenu {
  background-color:#85adad;
  text-align:right;
  margin-top:1px;
  margin-bottom:1px;
  height:18px;
  padding:4px;
}


#pageHeader .topmenu a:link,
#pageHeader .topmenu a:visited,
#pageHeader .topmenu a:active
{
  color:white;
  text-decoration:none;
  padding-right:6px;
  font-size: 10px;
}
#pageHeader .topmenu a:hover
{
  color:#C2F8F8;
  text-decoration:none;
  padding-right:6px;
  font-size: 10px;
}
#pageHeader .topmenu .menudiv{
	position:relative;
	top:2px;
	padding-right:2px;
	right:2px;
}
#pageHeader .topmenu .menuicon{
	position:relative;
	top:1px;
}
#pageHeader .graphic {
  background-image: url(../images/a1f.jpg);
  background-repeat:repeat-x;
}

#pageHeader .graphic2 {
  background-image: url(../images/hbllc-egg-donor_bg.jpg);
  background-repeat:repeat-x;
}

#pageHeader   .line {
    background-color:#c685e8;
    height:4px;
      margin-top:1px;
  margin-bottom:1px;
    
}

#pageMenu {
  background-color:#85adad;
}
#pageMenu{

}

#contentContainer {
	padding-left:22px;
	padding-right:22px;
}

#footerContainer{
	margin-top:40px;
	margin-bottom:50px;
}

/* ------------------------------------------ */
 /* Pagination Classes */
.pagination{
  margin: 10px 0;
  
}
.pagination .pagination-summary{}
.pagination .pagination-pages{}
.pagination .pagination-pages span{
  
}
.pagination .pagination-pages span a{
  display:inline-block;
  padding:3px;
  text-decoration: none;
  font-weight:bold;
  color: #000;
}
.pagination .pagination-pages span a:hover{
  text-decoration: underline;
  color: #9D2FBF;
}

.pagination .pagination-link{}
.pagination .pagination-disablelink{}
.pagination .pagination-pages .pagination-disablelink a{
  color: #555;
}
.pagination .pagination-pages .pagination-disablelink a:hover{
  text-decoration: none;
  color: #555;
}
.pagination .currentpage{
  font-size:140%;
}
.pagination .pagination-pages .currentpage a:hover{
  text-decoration: none;
  color: #000;
}
.pagination .pagination-summary{}


 /* ------------------------------------------ */
 /* General Use Classes */
 .clear{
   clear:both;
 }
 .left{
   text-align:left;
 }
 .right{
   text-align:right;
 }
 .center{
   text-align:center;
 }
 .floatleft{
   float:left;
 }
.floatright{
   float:right;
 }
 .indent{
   padding-left:25px;
 }
 .label{
   font-weight:bold;
 }
.space-bottom{
	padding-bottom: 40px;
}
tr.normrow, tr.norm {
	background-color: #FFF;
}
tr.altrow,  tr.alt{
	background-color: #f1e1f8;
}
.form-complete{
	margin: 10px auto;
	text-align: center;
	width: 300px;
}
.form-complete p{
	margin: 10px;
	font-weight: bold;
}
a.edit-link{
	font-weight: bold;
	background-image:url(../images/edit.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
a.delete-link{
	font-weight: bold;
	background-image:url(../images/delete.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
a.linkbutton{
	text-decoration: none;
	font-weight:bold;
	color: black;
	display: block;
	width: 160px;
	*width: 196px;
	margin-bottom:15px;
	background-color:#9f87b4;
	border: solid 2px #8c4cb5;
	padding: 6px 4px 6px 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a.iconbutton{
	text-decoration: none;
	font-weight:bold;
	color: black;
	display: block;
	width: 160px;
	*width: 196px;
	margin-bottom:15px;
	background-color:#9f87b4;
	border: solid 2px #8c4cb5;
	background-repeat: no-repeat;
	background-position: 6px center;
	padding: 6px 4px 6px 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
a.linkbutton:hover, a.iconbutton:hover{
	background-color:#C685E8;
}

ul.errors ,ul.error{
  color:#BF0000;
  font-weight:bold;
}

 /* ------------------------------------------ */
 /* Specific Form Styles */

/* Donor Application Form */
#form-application td.element {
  white-space:nowrap;	
}
#form-application td.element label{
  font-weight: normal;
}
#form-application h3.form-header {
	margin: 20px 0;
	font-size: 140%;
}
#form-application .subform td{
 	border-bottom: solid 1px #ccc;
 	padding: 10px 4px;
}
#form-application table.subform tr.hint td{
 	border-bottom:0px;
}
#form-application table td.button {
	border-bottom:0px;
}
#form-application table td.no-border{
	border-bottom:0px;
}
/* End Donor Application Form */

/* Donor General Form */
#form-general tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-general td.button {
	text-align:center;
	padding-top: 20px;
}
/* End Donor Genearal Form */

/* Donor Education Form */
#form-education tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-education td.button {
	text-align:center;
	padding-top: 20px;
}
/* End Donor Education Form */

/* Donor Personality Form */
#form-personality table {
	margin: 0 auto;
}
#form-personality label {
	display: block;
	width: 250px;
}
#form-personality tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-personality td.button {
	text-align:center;
	padding-top: 20px;
}
#form-personality textarea {
	height: 80px;
	width: 350px;
}
/* End Donor Personality Form */

/* Donor Children Form */
#form-child{
	margin: 20px 0;
}
#form-child fieldset{
	border: solid 1px #ccc;
	padding: 6px;
	margin: 0 auto;
	width: 500px;
}
#form-child legend{
	font-weight:bold;
	font-size: 125%;
	margin-left: 15px;
}
#form-child table{
	width: 600px;
}
.child-details{
	border: solid 1px #ccc;
	margin:10px 0 25px 0;
}
.child-details td{
	border-bottom: solid 1px #ccc;
}
.child-details .left-column {
	width: 200px;
}
.child-details .right-column {
	border-left: solid 1px #ccc;
	width: 200px;
}

/* End Donor Sibling Form */
/* Donor Children Form */
#form-sibling{
	margin: 20px 0;
}
#form-sibling fieldset{
	border: solid 1px #ccc;
	padding: 6px;
	margin: 0 auto;
	width: 500px;
}
#form-sibling legend{
	font-weight:bold;
	font-size: 125%;
	margin-left: 15px;
}
#form-sibling table{
	width: 600px;
}
.sibling-details{
	border: solid 1px #ccc;
	margin:10px 0 25px 0;
}
.sibling-details td{
	border-bottom: solid 1px #ccc;
}
.sibling-details .left-column {
	width: 200px;
}
.sibling-details .right-column {
	border-left: solid 1px #ccc;
	width: 200px;
}

/* End Donor Sibling Form */

/* Donor Mother Form */
#form-mother tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-mother td.button {
	text-align:center;
	padding-top: 20px;
}
/* End Donor Mother Form */

/* Donor Mother Form */
#form-father tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-father td.button {
	text-align:center;
	padding-top: 20px;
}
/* End Donor Mother Form */

/* Surrogate Additional Form */
#form-additional tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-additional td.button {
	text-align:center;
	padding-top: 20px;
}
/* End Surrogate Additional Form */

/* Donor Grandparents Form */
#form-grandparents{
	width: 600px;
	margin: 20px auto;
}
#form-grandparents fieldset{
	margin-top: 20px;
}
#form-grandparents legend{
	font-weight:bold;
	font-size: 150%;
}
#form-grandparents p.hint {
	margin-top:20px;
	text-align:center;
}
#form-grandparents .button,  #form-grandparents div.element{
	text-align:center;
	padding-top: 20px;
}
/* End Donor Grandparents Form */

/* Donor Health Form */
#form-health tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-health td.button {
	text-align:center;
	padding-top: 20px;
}
/* End Donor Health Form */

/* Donor FDA Health Form */
#form-fda tr.hint td.complete {
	padding-top: 20px;
	text-align:center;
}
#form-fda td.button {
	text-align:center;
	padding-top: 20px;
}
/* End FDA Donor Health Form */

/* Donor Cycle Form */
#form-donor-cycle{
	margin: 20px 0;
}
#form-donor-cycle fieldset{
	border: solid 1px #ccc;
	padding: 6px;
	margin: 0 auto;
	width: 500px;
}
#form-donor-cycle legend{
	font-weight:bold;
	font-size: 125%;
	margin-left: 15px;
}
#form-donor-cycle table{
	width: 600px;
}
.cycle-details{
	margin:10px auto 25px auto;
}
.cycle-details td, .cycle-details th{
	border-bottom: solid 1px #ccc;
}

/* End Donor Cycle Form */

/* Donor Family Health Form */
.form-family{
	
	
}
.form-family .header{
	text-align: left;
	padding: 4px 4px 4px 15px;
	font-weight: bold;
	background-color: #fecffb;
}
.form-family th{
	border: solid 1px #ccc;
}
.form-family td{
	text-align: center;
	vertical-align: top;
	border: solid 1px #ccc;
}
.form-family .condition{
	width: 200px;
}
.form-family .family{
	width: 200px;
}
.family-details{
	margin:10px auto 25px auto;
	border: solid 1px #ccc;
}
.family-details td, .family-details th{
	border-bottom: solid 1px #ccc;
}

/* End Donor Family Health Form */

#upload-photo{
	margin: 20px auto;
	width: 350px;
}
#upload-photo fieldset{
	border: solid 1px #ccc;
	padding: 15px;
}

/* Upload Photo */
.photo-detail{
	width: 300px;
	margin: 0 auto;
}
.photo-detail .photo-container{
	width: 100px;
	float: left;
}
.photo-detail .photo-links{
	float: left;
	padding-top: 40px;
	margin-left: 20px;
}
a.makeprimary-link{
	font-weight: bold;
	background-image:url(../images/primary-grey.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
.primary{
	font-weight: bold;
	background-image:url(../images/primary.gif);
	background-repeat: no-repeat;
	padding-left: 18px;
}
/* End Upload Photo */
/* ------------------------------------------ */
/* Donor Detail Page */
#form-list {
	margin: 20px auto;
	
}
#form-list td{
	border-bottom: solid 1px #ccc;
	padding: 10px 5px;
}
#profile {
	border: solid 2px #d795e6;
	background-color: #ffb7ff;
	padding: 10px;
	margin: 10px auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#profile h3{
	border-bottom: solid 2px #a361d9;
}
#profile .checkin{
	font-weight:bold;
	font-size: 175%;
}
#profile .left-column{
	width: 100px;
}
#profile .right-column{
	width: 115px;
}
/* End Donor Detail Page */

/* Intended Parent Detail Page */
#parent-profile{
	border: solid 2px #d795e6;
	background-color: #ffb7ff;
	padding: 10px;
	margin: 10px auto;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	position:relative;
}
#parent-profile h3{
	border-bottom: solid 2px #a361d9;
}
#parent-profile .parent-links{
	position: absolute;
	right:20px;
	top:5px;
}
#profile .left-column{
	width: 100px;
}
#profile .right-column{
	width: 115px;
}
#parent-menu{
	margin: 20px auto;
}
#parent-menu td{
	padding: 10px;
	text-align: center;
}
#parent-menu td a{
	font-weight:bold;
	font-size: 115%;
	color: black;
	text-decoration: none;
}
#parent-donorsearch{
	margin:0 auto;
}
#parent-donorsearch .middle-row{
	width: 150px;
}
#parent-donorsearch label{
	display:block;
	margin-top: 20px;
}
#parent-surrogatesearch{
	margin:0 auto;
}
#parent-surrogatesearch .middle-row{
	width: 150px;
}
#parent-surrogatesearch label{
	display:block;
	margin-top: 20px;
}

.donor-container{
	border: solid 1px #ccc;
	margin: 20px 0;
	padding: 8px;
}
.donor-container img{
	float:left;
	margin-right: 20px;
}
.donor-container table{
	float:left;
}
.surrogate-container{
	border: solid 1px #ccc;
	margin: 20px 0;
	padding: 8px;
}
.surrogate-container img{
	float:left;
	margin-right: 20px;
}
.surrogate-container table{
	float:left;
}
hr.separator{
	border:solid 1px #a361d9;
	margin: 20px auto;
}
#photos{
}
#photos .photo-container{
	float: left;
	margin:10px;
}
#left_column{
	float: left;
	width: 300px;
}
#left_column ul{}
#left_column ul li{
	list-style-type: none;
	margin-bottom: 10px;
}
#left_column ul li a{
	color: black;
	text-decoration: none;
	font-weight:bold;
	font-size: 110%;
	
}
#right_column{
	float:right;
	text-align: right;
}
#right_column ul{}
#right_column ul li{
	text-align: left;
	list-style-type: none;
}
#right_column ul li a{
	text-decoration: none;
	font-weight:bold;
	color: black;
	display: block;
	width: 160px;
	*width: 196px;
	margin-bottom:15px;
	background-color:#9f87b4;
	border: solid 2px #8c4cb5;
	background-repeat: no-repeat;
	background-position: 6px center;
	padding: 6px 4px 6px 30px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#right_column ul li a:hover{
	background-color:#C685E8;
}
.removebookmark a{
	background-image:url(../images/award_star_delete.png);
	*background-image:url(../images/award_star_delete.gif);
}
.addbookmark a{
	background-image:url(../images/award_star_add.png);
	*background-image:url(../images/award_star_add.gif);
}
.print a{
	background-image:url(../images/print.png);
	*background-image:url(../images/print.gif);
}
.detail-table {
	
}
.detail-table td{
	padding:10px 4px;
}
.donor-detail-grandparent, .surrogate-detail-grandparent{
	border: solid 1px #ccc;
	margin:5px 0 20px 0;
}
.donor-detail-child, .surrogate-detail-child{
	border: solid 1px #ccc;
	margin:5px 0 20px 0;
}
.donor-detail-sibling, .surrogate-detail-sibling{
	border: solid 1px #ccc;
	margin:5px 0 20px 0;
}
.surrogate-detail-additional td.label{
	width: 300px;
}
/* End Intended Parent Detail Page */


/* Tabs */
.tab-container{
	margin: 20px 0;
}
ul.tabs{
	border-bottom: solid 1px #000;
	clear:both;
	height:24px;
}
ul.tabs li{
	float:left;
	list-style-type: none;
	margin-left: 10px;
	
}
ul.tabs li:hover{
	
}
ul.tabs li a{
	display:inline-block;
	background-color: #C685E8;
	text-decoration: none;
	padding: 3px 15px;
	color: black;
	border-top:solid 1px #000;
	border-right:solid 1px #000;
	border-left:solid 1px #000;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
}
ul.tabs li a:hover{
	text-decoration: none;
	color: black;
	background-color: #FECFFB;
}

ul.tabs li.active{
	
}
ul.tabs li.active a{
	background-color: white;
	border-bottom: solid 1px white;
	*border-bottom:0; /* Double borders if this not set in IE */
}
ul.tabs li.active a:hover{
	background-color: white;
}

/* End Tabs */



.question {
	color : #cc0099;
	font-wieght: bold;
}


#pageTitle {
	background-image:url(../images/title_line.png);
	background-position:center;
		background-repeat:repeat-x;
}

#pageTitle h2 {
background:#FFFFFF;
	background-image:url(../images/pageTitle_doda.gif);
	background-repeat:no-repeat;
	background-position:2px;
	padding-left: 38px;
	color:#85ADAD;
	font-size:16px;
	display:inline-block;
	padding-right:5px;
	
}


#footerContainer .copyright {
	margin-left:22px;
	margin-right:22px;
	margin-top:4px;
	color:#666666;

}

#footerContainer .copyright a:link,
#footerContainer .copyright a:active,
#footerContainer .copyright a:visited
   {
	color:purple;
	text-decoration:none;
}

#footerContainer .copyright a:hover {
color:purple;
	text-decoration:underline;
}


#form-recommend-site #fieldset-form-recommend-site{
}
  
#form-recommend-site div.form-row{
	margin: 10px 0;
  
}
#form-recommend-site div.element{
	margin-left:200px;
	clear:right;
}
#form-recommend-site div label.form-label{
	display: block;
	float:left;
	width: 200px;
	clear:both;
	height:20px;
}
#form-recommend-site div.email-addresses .element{
  
}
#form-recommend-site div.email-addresses input{
	display: block;
	margin: 5px 0;
}
#form-recommend-site div.captcha img{
	float:left;
	display:block;
}
#form-recommend-site div.captcha input{
  margin-left:200px;
  clear:both;
  display:block;
}
#form-recommend-site .captcha-errors{
	margin-left:200px;
}