html,p,body,td {
    font-family: "Open Sans";
    font-size: 12pt;
    color: #202020;
}

a {
  color: #b2d234;
}
.wrapper {
    width: 1120px;
    margin: 0 auto;
}

div#logo {
    float: left;
    max-width: 483px;
    height: auto;
    margin: 20px 0;
}
div#menu-container {
    display: block;
    float: left;
    width: 100%;
    height: 56px;
    border-top: 1px solid #e5e5e5;
    background: #eee;
    box-shadow: inset 0 -5px 0 #b2d234;
}


div.error {
    margin: 20px auto 10px auto;
    color: red;
    width: 300px;
}
div.login-logo {
    margin: 80px auto 20px auto;
    width: 250px;
}
div.login {
    margin: 20px auto;
    width: 300px;
    border: 1px solid #a6a6a6;
    padding: 30px;
}

div.login-info {
    padding: 10px 0px;
    font-size: 12pt;
}
div.buttons {
    padding: 10px 0px;
}
.fields input {
    border: 1px solid #808080;
    width: 240px;
    margin: 4px 0px;
    padding: 5px;
}
button {
    padding: 4px 6px;
    background-color: #b2d234;
    color: white;
    border: none;
}
.forgot {
    padding-top: 20px;
}
div.errors {
    background-color: #ffcaca;
    width: 100%;
    padding: 10px;
    font: bold 12pt Arial;
    color: red;
    margin: 20px auto;
}

table td {
    padding: 4px;
    vertical-align: top;
}
div.member-info {
    margin: 20px auto;
    width: 800px;
}

div.member-info input {
    border: 1px solid #c0c0c0;
    width: 240px;
    padding: 4px;
    margin: 4px;
}
.details-heading {
    font-weight: bold;
}
.field-label {
    font-weight: normal;
    margin-right: 20px;
    min-width: 250px;
}

.edit {
    font-weight: bold;
    font-size: 11pt;
    color: #b2d234;
    cursor: pointer;
}

.o_title, .o_suffix, .preferred_title, .preferred_suffix{ 
    width: 60px !important;
}
.o_first_name, .o_last_name, .preferred_first_name, .preferred_last_name {
    width: 150px !important;
}

.o_home_street, .o_home_street_2, .o_home_street_3, .o_home_city,
.o_business_street, .o_business_street_2, .o_business_street_3, .o_business_city {
    display: block;
}

.field-text {
    white-space: pre-line;
}

img.id-image, img.spare-image, img.photo {
  max-width: 100px;
  max-height: 180px;
  width: auto;
  height: auto; /* Autoscale & keep aspect ratio */
}
div.id-image, div.spare-image {
  max-width: 120px;
  max-height: 200px;
  padding: 10px 10px 10px 0px;
}
.photo-unapproved {
  font-style: italic; 
  color: red;
  padding-top: 5px; 
  font-size: 9pt
}
.photo-approved {
  font-style: italic; 
  color: black;
  padding-top: 5px; 
  font-size: 9pt
}
.edit-profile {
min-width: 600px;
min-height: 250px;
}
.remaining {
display: block;
color: #808080;
font-size: 8pt;
}




/************************** Search form **************************/
div.search, div.page {
 padding: 20px 0px;
}

.search .search-label {
  display: inline-block;
  line-height: 140%;
  width: 120px;
  color: black;
  font-weight: bold;
}

.search .field {
  padding-bottom: 10px;
}

.search-button {
  margin-left: 120px;
}

.personal, .subjects, .qualifications {
  white-space: pre-line;
}
.email {
  color:  #b2d234;
  font-weight: bold;

}

.results .odd {
  background-color: #eeeeee;
}
table.results  {
  width: 100%;
}
table.results .heading {
  font-weight: bold;
}

table.results td {
  padding: 15px 10px;
}

div.results-pager {
 float: right;
 position: relative;
   vertical-align: middle;
}
.pagination > li > a {
  color: #096b37;
}
.pagination > .active > a {
  background-color: #b2d234;
  border-color: #b2d234;
}

.profile {
  max-width: 200px;
  font-size: 9pt;
}

.total {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    position: relative;
    margin-right: 10px;
    top: -30px;
}