.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.clearfix {
  display: inline-block;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.hidden {
  display: none;
}

.underline {
  text-decoration: underline;
}

/*****************/
/* ICONS         */
/*****************/
a.add_element {
  background: url('images/icon_add.gif') no-repeat 0 0;
  color: #666;
  display: block;
  height: 20px;
  outline: hidden;
  padding-left: 25px;
  text-decoration: none;
}

a.delete_element {
  background: url('images/icon_remove.gif') no-repeat 0 0;
  color: #666;
  display: block;
  height: 20px;
  outline: hidden;
  overflow: hidden;
  text-indent: -999em;
  text-decoration: none;
  width: 20px;
}

/********************/
/* BIO FORM         */
/********************/
.bio_tabs {
  float: left;
  margin: 0;
  padding-top: 58px;
  width: 160px;
}

.bio_tabs li {
  list-style: none;
  text-align: right;
  margin-bottom: 18px;
}

.bio_tabs li {
  background-image: url('images/bio_button_sprite.gif');
  background-repeat: no-repeat;
  height: 19px;
  padding-right: 35px;
}

#content .bio_tabs li a {
  color: #666;
  font-weight: bold;
  text-decoration: none;
}

#content .bio_tabs li.current a,
#content .bio_tabs li.hover a,
#content .bio_tabs li a:hover,
#content .bio_tabs li a:active {
  color: #000;
}

.bio_tabs li.basic_info { background-position: 100% -777px }
.bio_tabs li.basic_info.has_data { background-position: 100% -911px; }
.bio_tabs li.current,
.bio_tabs li.hover {
  background-position: 100% -644px;
}
.bio_tabs li.submitter { background-position: 100% -777px }
.bio_tabs li.submitter.has_data { background-position: 100% -911px; }
.bio_tabs li.current,
.bio_tabs li.hover {
  background-position: 100% -644px;
}

.bio_tabs li.attachments { background-position: 100% -796px }
.bio_tabs li.attachments.has_data { background-position: 100% -930px; }
.bio_tabs li.attachments.current,
.bio_tabs li.attachments.hover {
  background-position: 100% -663px;
}

.bio_tabs li.relations { background-position: 100% -815px }
.bio_tabs li.relations.has_data { background-position: 100% -949px; }
.bio_tabs li.relations.current,
.bio_tabs li.relations.hover {
  background-position: 100% -682px;
}

.bio_tabs li.organizations { background-position: 100% -834px }
.bio_tabs li.organizations.has_data { background-position: 100% -968px; }
.bio_tabs li.organizations.current,
.bio_tabs li.organizations.hover {
  background-position: 100% -701px;
}

.bio_tabs li.accomplishments { background-position: 100% -853px }
.bio_tabs li.accomplishments.has_data { background-position: 100% -987px; }
.bio_tabs li.accomplishments.current,
.bio_tabs li.accomplishments.hover {
  background-position: 100% -720px;
}

.bio_tabs li.schools { background-position: 100% -872px }
.bio_tabs li.schools.has_data { background-position: 100% -1006px; }
.bio_tabs li.schools.current,
.bio_tabs li.schools.hover {
  background-position: 100% -739px;
}

.bio_tabs li.employers { background-position: 100% -891px }
.bio_tabs li.employers.has_data { background-position: 100% -1025px; }
.bio_tabs li.employers.current,
.bio_tabs li.employers.hover {
  background-position: 100% -758px;
}

/***********************/
/* FORM SPECIFIC STUFF */
/***********************/
.person_add_form,
.person_edit_form {
  margin-left: 260px;
}

#PersonAddForm legend,
#PersonEditForm legend {
  display: none;
}

#PersonAddForm div.input,
#PersonEditForm div.input {
  clear: left;
  margin-bottom: 1.5em;
}

#PersonAddForm div.input label,
#PersonEditForm div.input label {
  display: block;
  float: left;
  width: 120px;
}

#PersonAddForm div.input input,
#PersonAddForm div.input textarea,
#PersonEditForm div.input input,
#PersonEditForm div.input textarea {
  border: 1px solid #666;
}

#PersonAddForm div.input.radio legend,
#PersonEditForm div.input.radio legend {
  color: #666;
  display: block;
  float: left;
  width: 120px;
}

#PersonAddForm div.input.radio label,
#PersonEditForm div.input.radio label {
  display: inline;
  float: none;
  margin-right: 1em;
  width: auto;
}

#PersonAddForm div.input.radio input,
#PersonEditForm div.input.radio input {
  display: inline;
  margin-right: 0.5em;
}

#PersonAddForm div.submit_text,
#PersonEditForm div.submit_text {
  background-color: #500;
  left: -31px;
  padding: 35px 53px;
  position: relative;
  top: 1px; /* This is to cover up the border on the top of the footer */
  width: 934px;
}

#PersonAddForm div.submit_text p,
#PersonEditForm div.submit_text p {
  color: #fff;
  float: left;
  font-family: 'Times New Roman', Times, serif;
  font-size: 161.6%;
  line-height: 1.25em;
  margin: 0 75px 0 0;
  width: 500px;
}

#PersonAddForm div.submit_text .save,
#PersonEditForm div.submit_text .save{
  padding-top: 25px;
}

#PersonAddForm div.g-recaptcha,
#PersonEditForm .g-recaptcha {
  /*float: left;*/
  display: inline-block;
}
#personAddForm div.g-recaptcha iframe {
  float: left;
}

#PersonAddForm div.submit_text .save input,
#PersonEditForm div.submit_text .save input {
  background: transparent url('images/save_button.png') no-repeat 0 0;
  border: none;
  cursor: pointer;
  display: block;
  height: 35px;
  text-indent: -999em;
  width: 128px;
  float: right;
  margin-right: 55px;
}

#PersonAddForm div.submit_text .save input:hover,
#PersonAddForm div.submit_text .save input.hover,
#PersonEditForm div.submit_text .save input:hover,
#PersonEditForm div.submit_text .save input.hover {
  background-position: 0 100%;
}

input.error,
submit.error {
  border: 1px dotted #c00 !important;
}

label.error {
  color: #c00 !important;
}

table.extra {
  width: 100%;
}

table.extra td {
  border: none;
  border-bottom: 1px solid #ddd;
}

table.extra tr:nth-child(2n) td {
	background: #f5f5f5;
}

/************************/
/* ACTIONS **************/
/************************/
.actions a,
a.action,
.submit input {
  font-weight:normal;
	padding: 4px 8px;
	background:#e6e49f;
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#999));
	background-image: -moz-linear-gradient(top, #eee, #999);
	color: #333;
	border:1px solid #999;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
}

/****************************/
/* SEARCH FORM **************/
/****************************/
.search_form {
  background-color: #500;
  color: #fff;
  left: -30px; /* padding */
  padding: 21px 60px;
  position: relative;
  top: -14px;
  width: 920px; /* #content + padding */
}

.search_form h3 {
  color: #fff;
  font-family: 'Times New Roman', Times, serif;
  font-size: 153.9%;
  font-weight: normal;
  margin-top: 0;
  text-transform: uppercase;
}

.search_form .fieldset {
  float: left;
  font-size: 86%;
  margin-right: 18px;
  width: 162px;
}

.search_form .fieldset.exception {
  background: url('images/fieldset_border.gif') no-repeat 100% 100%;
  padding-right: 18px;
}

.search_form .fieldset.last {
  margin-right: 0;
}

.search_form .fieldset p {
  margin-bottom: 5px;
}

.search_form .fieldset .input,
.search_form .fieldset .submit {
  height: 20px;
  line-height: 20px;
  margin-bottom: 15px;
}

.search_form .fieldset .submit input  {
  background: url('images/search_button.png') no-repeat 0 0;
  border: none;
  cursor: pointer;
  display: block;
  height: 33px;
  text-indent: -999em;
  width: 148px;
}

.search_form .fieldset .submit input:hover,
.search_form .fieldset .submit input.hover {
  background-position: 0 100%;
}

.search_form .input {
  width: 100%;
}

.search_form .fieldset .text input,
.search_form .fieldset .select select  {
  width: 162px;
}

.search_form .fieldset .radio label,
.search_form .fieldset .checkbox label {
  margin: 0 10px 0 5px;
}

/********************/
/* SMALL BIO        */
/********************/
.people {
  margin: 1em 0;
}

.people .person {
  display: block;
  float: left;
  height: 150px;
  margin: 0 1% 1em 0;
  width: 32%;
}

.people .person .image {
  float: left;
  height: 120px;
  overflow: hidden;
  width: 120px;
}

.people .person .image img {
  width: 120px;
}

.people .person .info {
  margin-left: 130px;
}

.people .person .info h4 {
  margin-bottom: 0.25em;
}

.people .person .info h4 a {
  color: #000;
  text-decoration: none;
}

.people .person .info h4 a:hover,
.people .person .info h4 a:active,
.people .person.hover .info h4 a {
  color: #620000;
}

.people .person .info p {
  color: #504e4f;
  font-size: 86%;
  line-height: 1em;
  margin-bottom: 0.5em;
}

.people .person .info .icons {
  margin-bottom: 0.5em;
}

.people .person .info .icons .icon {
  margin-right: 2px;
}

.people .person .action {
  color: #000;
}

.people .person .action:hover,
.people .person .action:active {
  color: #c00;
}

.icons {
  display: block;
  height: 23px;
  margin: 0;
}

.icons .icon {
  background-image: url('images/bio_button_sprite.gif');
  background-repeat: no-repeat;
  display: block;
  float: left;
  height: 19px;
  margin: 0 1px 0 0;
  text-indent: -999em;
  width: 19px;
}

/*
.icons li.basic_info.no { background-position: 0 0 }
.icons li.basic_info.yes { background-position: 0 -23px }

.icons li.attachments.no { background-position: 0 -46px }
.icons li.attachments.yes { background-position: 0 -69px }

.icons li.relations.no { background-position: 0 -92px }
.icons li.relations.yes { background-position: 0 -115px }

.icons li.organizations.no { background-position: 0 -138px }
.icons li.organizations.yes { background-position: 0 -161px }

.icons li.accomplishments.no { background-position: 0 -184px }
.icons li.accomplishments.yes { background-position: 0 -207px }

.icons li.schools.no { background-position: 0 -230px }
.icons li.schools.yes { background-position: 0 -253px }

.icons li.employers.no { background-position: 0 -276px }
.icons li.employers.yes { background-position: 0 -299px }
*/

/* Element icons */
 .icons li.basic_info.yes { background-position: 0 -644px }
 .icons li.basic_info.no { background-position: 0 -777px }

 .icons li.attachments.yes { background-position: 0 -663px }
 .icons li.attachments.no { background-position: 0 -796px }

 .icons li.relations.yes { background-position: 0 -682px }
 .icons li.relations.no { background-position: 0 -815px }

 .icons li.organizations.yes { background-position: 0 -701px }
 .icons li.organizations.no { background-position: 0 -834px }

 .icons li.accomplishments.yes { background-position: 0 -720px }
 .icons li.accomplishments.no { background-position: 0 -854px }

 .icons li.schools.yes { background-position: 0 -739px }
 .icons li.schools.no { background-position: 0 -873px }

 .icons li.employers.yes { background-position: 0 -758px }
 .icons li.employers.no { background-position: 0 -892px }