body {
    font-family: Arial!important;
    margin: 8px;
    font-size: 1.05em!important;
    line-height: 1.4em!important;
    padding-top: 0px;
    margin-top: 0px;
}

#page {
    /*float: left;
    width: 100%;
    border: 1px solid silver;*/
    margin-left: auto;
    margin-right: auto;
    width: 968px;
    /*border-top: 1px solid silver;
    border-left: 1px solid silver;
    border-right: 1px solid silver;*/
}

#banner {
    /*height: 85px!important;*/
    padding: 13px;
    background-color: #4B9443;
}

/* header menu */
/*#menu {
    margin-top: 2px;
    clear: both;
    float: none;
    width: 100%;
    margin-bottom: 0px;
    height: 30px;
    background-color: #4B9443;
}

#menu ul {
    margin: 0px;
    padding: 0px;
    display: inline-block;
}

#menu li {
    float: left;
    margin: 0;
    padding: 0;
    display: inline-block;
    height: 30px;
    color: white;
}

#menu a {
    float: left;
    display: block;
    padding-top: 6px;
    padding-right: 12px;
    padding-left: 12px;
    padding-bottom: 6px;
    color: #FFFFFF;
    text-decoration: none;
    background-color: #4B9443;
    font-weight: normal;
}

#menu a:hover {
    text-decoration: underline;
}*/

/* sub_menu */
#sub_menu {
    width: 968px;
    font-size: 14px;
    float: left;
}

#sub_menu ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

#sub_menu li {
    display: inline;
    float: left;
    padding: 5px 15px 5px 0px;
}

#sub_menu a {
    /*color: #4B9443;*/
    color: #944377;
    text-decoration: none;
    font-weight: normal;
}

#sub_menu a:hover {
    text-decoration: underline;
}

#main {
    width: 100%;
    font-size: 15px;
}

h1 {
    font-size: 1.6em;
    line-height: 1.15em;
}

p {
    font-size: 1em;
    line-height: 1.5em;
}

.ui-icon {
    width: 16px;
    height: 16px;
    color: red;
    /*background-image: url("/biab/resources/images/pass.png");*/
    background-repeat: no-repeat !important;
}

.inputText {
    width: 500px;
    height: 25px;
    color: black;
    padding-left: 3px;
    padding-right: 3px;
}

/*#searchForm .searchButton .ui-button-text {
    padding: 5px;
}

#searchForm .ui-button {
    top: -1px;
}

#searchForm .ui-state-hover {
    background-color: #f0f0f0;
    border-color: #dddddd;
    color: #1c94c4;
}

#searchForm .ui-state-focus {
    background-color: #e3e3e3;
    border-color: #dddddd;
}*/

.inputText2 {
    width: 500px;
    height: 25px;
    border-radius: 3px;
    /*border: 1px solid #174c11;*/
    border: 1px solid #afacac;
    padding: 2px 5px;
}

input[type="text"] {
    font-size: 14.4px;
    border: 1px solid #c5c5c5;
}

select {
    font-size: 14.4px;
    border: 1px solid #c5c5c5;
}

.searchButton {
    padding: 2px 5px;
    border-radius: 3px;
    font-size: 1em;
}

.selectMenu {
    height: 31px;
    margin-right: 4px;
    border-radius: 2px;
    /*border: 1px solid #174c11;*/
    /*border: 1px solid #afacac;*/
    border: 1px solid #c5c5c5;
}

#resultsLeftDiv {
    float: left;
    width: 20%;
}

#resultsCenterDiv {
    float: left;
    padding-left: 25px;
    width: 75%;
}

/*#resultsRightDiv {
    float: left;
    width: 15%;
}*/

/*.facetHeading {
    border: 1px solid silver;
    border-radius: 2px 2px 0px 0px;
}

.facetHeading a {
    color: #0e6903;
    text-decoration: none;
}

.facetHeading a:hover {
    text-decoration: underline;
}*/

.facet {
    margin-bottom: 15px;
    border: 1px solid #b9b9b9;
    /*border: 1px solid #ddd;*/
    border-radius: 3px;
}

.facetHeader {
    width: 100%;
    /*border-radius: 3px 3px 0px 0px;*/
    /*background-color: #4B9443;*/
    /*background-color: #d6d6d6;*/
    background-color: #e2e2e2;
    /*border-color: #a8a8a8;*/
    color: black;
    padding: 5px 0px 8px 0px;
    text-transform: capitalize;
}

.facetMain {
    font-size: 0.8em;
}

.facetMain2 {
    /*border: 1px solid silver;*/
    padding: 5px 8px;
    /*border-radius: 0px 0px 3px 3px;*/
}

.facetMain2 a {
    color: black;
    font-weight: normal;
}

.facet .ui-corner-all {
    /*border-radius: 0px 0px 3px 3px;*/
}

.facet .ui-widget-content a {
    /*color: #0e6903;*/
    color: black;
    font-weight: normal;
}

.resultsTable a {
    color: #0e6903;
    text-decoration: none;
}

.resultsTable a:hover {
    text-decoration: underline;
}

.downloadButton {
    font-size: 1em;
    background-color: #4B9443;
    color: #FFFFFF;
    border-radius: 5px;
    text-decoration: none;
    padding: 3px 7px;
}

.downloadButton:hover {
    text-decoration: none;
}

#searchDetail td {
    padding: 8px 5px;
    font-size: 1em;
    vertical-align: top;
}

/* ViewTable */
/*.viewTable table {
    border: 1px solid silver;
    font-size: 0.9em;
    empty-cells: show;
    table-layout: fixed;
    width: 100%;
}

.viewTable th {
    background-color: #e0dede;
}

.viewTable td {
    padding: 3px;
    text-align: center;
}

.col8 {
    width: 8%;
}

.col40 {
    width: 40%;
}

.seriesCol1 {
    width: 52%;
}

.seriesCol2, .seriesCol3, .seriesCol4, .seriesCol5 {
    width: 12%;
}*/

.buttonSmall {
    font-size: 0.7em;
}

.buttonMedium {
    font-size: 0.9em;
}

.sortOrder {
    position: relative;
    top: 1px;
    font-weight: bold;
    font-size: 1.1em;
}

.sortOrder a {
    font-weight: normal;
}

.sortOrder img {
    height: 13px;
}

/* End */

#menu .highlighted {
    background-color: #f4fff3;
}

#menu .highlighted a {
    color: #4B9443;
    background-color: transparent;
}

#sub_header_menu .highlighted a {
    background-color: #93c78e;
    color: #FFFFFF;
}

.browseLink {
    color: #2d9822;
    text-decoration: none;
    padding: 0px 5px;
}

.browseLink:hover {
    text-decoration: underline;
}

.adminDates {
    margin-left: 100px;
    font-size: 0.7em;
    text-decoration: none;
    font-weight: normal;
}

.adminDates a {
    color: #4B9443;
}

.viewForm table {
    border-right: 0.1em solid #ACADB7;
    border-bottom: 0.1em solid #ACADB7;
    border-spacing: 0px;
    width: 100%;
}

.viewForm th {
    text-align: left;
    font-weight: normal;
    background-color: #EFEFEF;
    padding: 5px 7px 7px 8px;
    height: 27px;
    border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;
}

.viewForm td {
    background-color: #F8F8F8;
    padding: 5px 7px 7px 8px;
    height: 27px;
    border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;
}

.highlighted2 {
    background-color: #93c78e !important;
    color: #FFFFFF !important;
}

#header_menu .highlighted2 a {
    background-color: #93c78e !important;
    color: #FFFFFF !important;
}

.viewForm .noBorder table {
    border: none !important;
    padding: 0px;
}

.viewForm .noBorder td {
    border: none;
    padding: 0px;
}

.viewForm input[type="text"] {
    border: 1px solid #ACADB7;
    width: 95%;
    height: 25px;
    padding: 3px 5px;
}

.viewForm textarea {
    border: 1px solid #ACADB7;
    width: 95%;
    height: 60px;
    padding: 3px;
    font-family: Arial;
    font-size: 0.9em;
}

.viewForm select {
    height: 27px;
}

.viewFormTh {
    width: 220px;
    font-weight: normal;
    padding-left: 10px !important;
}

.ui-button-text {
    padding: 3px 5px !important;
}

input[type="submit"] {
    padding: 3px 5px !important;
}

#bmAuthorInputDiv table {
    width: 97%;
}

#issueDialog_title {
    font-size: 1.2em;
}

.searchBox {
    width: 725px;
    border-radius: 5px;
    /*background-color: #4B9443;*/
    background-color: #F0F0F0;
    padding: 20px 20px 30px 20px;
    /*border: 1px solid #757373;*/
    border: 1px solid #afacac;
}

.searchBox2 {
    width: 750px;
    height: 30px;
    border-radius: 5px;
    /*background-color: #4B9443;*/
    background-color: silver;
    padding: 20px 20px 30px 20px;
    /*border: 1px solid #757373;*/
    border: 1px solid #868484;
    margin-left: 50px;
}

.searchBoxIcon {
    position: relative;
    top: 11px;
    left: 2px;
}

.searchBoxIconSmall {
    position: relative;
    top: 8px;
    left: 2px;
}

.greenLink a {
    color: #0e6903;
    text-decoration: underline;
}

.greenLink a:hover {
    color: #0f4f02;
    text-decoration: underline;
}

.searchBox input[type="text"] {
    font-size: 16px;
}

#searchBtn {
    /*font-size: 16px;*/
}

a {
    /*    color: #0e6903;*/
    color: #944377;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.viewDetail table {
    /*border-right: 1px solid #ACADB7;
    border-bottom: 1px solid #ACADB7;*/
    border-spacing: 3px;
    width: 95%;
    border-radius: 3px;

}

.viewDetail th {
    background-color: #EAEAEA;
    padding: 5px;
    height: 27px;
    /*border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;*/
}

.viewDetail td {
    background-color: #F8F8F8;
    padding: 5px;
    height: 27px;
    /*border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;*/
}

.error {
    color: red;
    font-style: italic;
}

#query .queryTermBox {
    border-color: #cccccc;
}

#query h4 {
    float: left;
    margin: 0px;
    padding: 0px;
}

#query .queryTermBox {
    float: left;
    font-size: 1em;
    padding-top: 2px;
    padding-bottom: 1px;
    padding-right: 1px;
    padding-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    margin-top: 10px;
    border-width: 1px;
    border-style: solid;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#query .queryTermBox h4 {
    padding-top: 1px;
}

#query .queryTermHeader {
    display: inline-block;
    float: left;
}

#query .queryTermList {
    max-height: 80px;
    overflow: auto;
    margin-right: 10px;
    float: left;
    margin-left: 10px;
}

#query .queryTermList ul, #query .queryTermList li {
    list-style-type: none;
    overflow: hidden;
}

#query .queryTermList ul {
    padding: 0px;
    margin: 0px;
}

#query .queryTermList li {
    white-space: nowrap;
    display: block;
}

#query a {
    display: inline-block;
}

#query .queryTermList ul li a img.queryRemove {
    display: inline;
    background-color: #78919B;
    margin-left: 5px;
    width: 10px;
}

.col_small {
    width: 80px;
}

.col_extra_small {
    width: 70px;
}

.col_medium {
    width: 150px;
}

.col_medium_small {
    width: 100px;
}

.col_large {
    padding-left: 8px;
    padding-right: 8px;
    width: 350px;
}

.col_padding {
    padding-left: 8px;
    padding-right: 8px;
}

tr.jsfcrud_odd_row {
    background-color: #fefeff;
    color: #4e6a71;
}

tr.jsfcrud_even_row {
    /*background-color: #eff5fa;*/
    background-color: #f8f8f8;
    color: #4e6a71;
}

/* ViewTable */
.viewTable table {
    border: 1px solid silver;
    font-size: 1em;
    empty-cells: show;
    /*table-layout: fixed;*/
    width: 100%;
}

.viewTable th {
    background-color: grey;
    border: 1px solid silver;
    border-bottom: 1px solid grey;
    border-top: 1px solid grey;
    color: white;
    padding: 7px 0px;
}

.viewTable td {
    padding: 3px;
    text-align: center;
    border: 1px solid silver;
}

.viewTable2 table {
    font-size: 1em;
    empty-cells: show;
    min-width: 30%;
    border-spacing: 0px;
    border-collapse: separate;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
}

.viewTable2 th {
    color: #4e4e4e;
    background-color: #eaeaea;
    text-align: left;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 5px;
    width: 150px;
}

.viewTable2 td {
    text-align: left;
    padding: 5px 10px 5px 10px;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    background-color: #f7f5f5;
}

.tab2 table {
    border-collapse: collapse;
    margin: 7px;
    width: 60%
}

.tab2 table th {
    width: 120px;
    background-color: #f1f1f1;
    color: black;
    padding: 5px;
    border-top: 1px solid silver;
    border-right: 1px solid silver;
}

.viewTable a {
    font-weight: bold;
}

.next_previous {
    font-weight: normal!important;
    padding: 2px 14px!important;
    background-color: #fff!important;
    border: 1px solid #c5c5c5!important;
    border-radius: 15px!important;
    color: #944377!important;
}

.next_previous:hover {
    text-decoration: none!important;
    background-color: #eeeeee!important;
}

.next_previous_faded {
    color: #c5c4c4!important;
    padding: 5px 14px!important;
    background-color: #fff!important;
    border: 1px solid #ddd!important;
    border-radius: 15px!important;
}

.next_previous2 {
    font-size: 0.9em!important;
}

.viewTable3 table {
    width: 100%;
    border: 1px solid #d0d0d0;
}

.viewTable3 th {
    text-align: center;
    background-color: #eae8e8;
}

.viewTable3 td {
    text-align: center;
    background-color: #f1f0f0;
}

.sortArrow {
    position: relative;
    top: 2px;
    /*width: 24px;*/
    height: 18px;
    text-decoration: underline;
}

.publicationTypeIcon {
    width: 30px;
    position: relative;
    top: 3px;
}

.publicationTypeIcon2 {
    width: 50px;
    position: relative;
    top: 2px;
}

.accessTypeIcon {
    width: 25px;
    position: relative;
    top: 3px;
}

.noTableBorders table {
    border: none;
    text-align: left;
    font-size: 1em;
    min-width: 0px;
}

.noTableBorders th {
    border: none;
    text-align: left;
}

.noTableBorders td {
    padding: 0px 5px 0px 0px;
    border: none;
}

.tickIcon {
    width: 18px;
    position: relative;
    top: 3px;
}

.crossIcon {
    width: 16px;
    position: relative;
    top: 3px;
}

.pf_searchIcon {
    background-image: url(/biab/resources/images/search_icon.png) !important;
}

.cssButton {
    /*background-color: #4B9443;*/
    background-color: #8a8a8a;
    border: none;
    color: white;
    padding: 12px 26px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
    border-radius: 5px;
}

.cssButton:hover {
    text-decoration: none;
    /*background-color: #4fcc41;*/
    background-color: #944377;
    /*background-color: #b52882;*/
}

/*.downloadButton {
    padding: 6px 16px !important;
    border-radius: 6px !important;
    background-color: #4B9443 !important;
}

.downloadButton:hover {
    background-color: #2cbb2c !important;
}*/

.noTable table {
    /*border: 1px solid #cacaca;*/
    border-collapse: collapse;
}

.noTable th {
    border: none;
}

.noTable td {
    /*border: 1px solid #cacaca;*/
    width: 20%;
    text-align: left;
    padding: 5px 5px;
}

.box {
    background-color: #ececec;
    line-height: 30px;
    border: 1px solid silver;
    border-radius: 3px;
}

.backButton {
    text-decoration: none;
    font-size: 0.55em;
    font-weight: normal;
    padding: 3px 6px;
    background-color: lightgray;
    color: #424242;
    border-left: 2px solid #b1b1b1;
    border-bottom: 2px solid #b1b1b1;
    border-top: 1px solid #b1b1b1;
    border-right: 1px solid #b1b1b1;
    border-radius: 5px;
    position: relative;
    bottom: 1px;
}

.backButton:hover {
    text-decoration: none;
    color: #ececec;
    background-color: #942c6f;
    border-color: #942c6f;
}

.personList a {
    font-weight: bold;
    /*line-height: 22px;*/
}

.mag_icon {
    background-color: transparent !important;
    /*background-image: url("/library/javax.faces.resource/images/search_icon_small.png.xhtml") !important;*/
    background-image: url("/library/javax.faces.resource/images/search.png.xhtml") !important;
}

.searchSmall button {
    border: none !important;
    background: none !important;
}

.searchSmall .ui-icon {
    width: 40px!important;
    height: 36px!important;
    top: -7px!important;
    left: 2px!important;
    border-radius: 0px!important;
}

.searchSmall .ui-state-hover {
    box-shadow: none!important;
}

.browseTable {
    font-size: 0.9em;
}

.browsePerson th {
    width: 125px;
}

.browseDiv {
    padding-top: 2px;
    padding-bottom: 2px;
}

.azHighlight {
    font-weight: bold;
}

.azNoHighlight {
    color: #d499bf;
}

.azHighlight2, .azNoHighlight2 {
    /*background-color: #929191;*/
    background-color: white!important;
    font-size: 0.95em!important;
    padding: 5px 8px 5px 8px!important;
    font-weight: bold!important;
    text-decoration: none!important;
    margin-right: 6px!important;
}

.azHighlight2 {
    /*color: #ffffff;*/
    color: white!important;
    font-weight: bold!important;
    background-color: #944377!important;
    border: 1px solid #944377!important;
}

.azNoHighlight2 {
    /*color: #eaeaea;*/
    color: #5d5d5d!important;
    text-decoration: none!important;
    border: 1px solid #929191!important;
}

.azHighlight2:hover {
    text-decoration: none!important;
}

.other {
    padding: 5px 10px;
}

.hr {
    margin-top: 15px;
    background-color: transparent;
    border-color: transparent;
    border-bottom-color: #e8e8e8;
}

.goButton {
    margin-left: 5px!important;
    padding: 1px 1px!important;
    border-radius: 3px!important;
    background-color: #fff!important;
    border: 1px solid #c5c5c5!important;
    color: #944377!important;
    font-weight: normal!important;
}

.goButton:hover {
    text-decoration: none!important;
    background-color: #eeeeee!important;
    box-shadow: none!important;
}

.loginBox {
    border: 1px solid silver;
    width: 350px;
    padding: 2px;
    border-radius: 3px;
    margin: 0 auto;
}

.loginBox th, .loginBox td {
    padding: 6px;
}

.ui-datascroller-item div {
    color: #c5c0c0;
}

.ui-datascroller-item div a {
}

.ui-datascroller-content {
    border: none !important;
}

tr {
    border: none;
}

resetQuery {
    text-decoration: none;
}

.resetQuery:hover {
    text-decoration: none;
    background-color: #eeeeee;
}

.searchResults table tr:first-child th:first-child {
    border-top-left-radius: 30px;
    color: red;
}

:focus {
    outline: transparent solid 1px;
    box-shadow: none;
}

#collectionTabBlock {
    width: 100%;
    margin-top: 20px;
    border-bottom: 1px solid #868686;
}

#collectionTabBlock ul {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    overflow: hidden;
    width: 100%;
}

#collectionTabBlock li {
    display: inline;
    font-size: 1.1em;
    float: left;
    padding: 6px 10px 6px 10px;
    margin-right: 5px;
    border-width: 1px 1px 0px 1px;
    border-radius: 5px 5px 0px 0px;
    text-align: center;
    /*border-color: #949090;
    background-color: #ada9a9;*/
    color: #FFFFFF;
}

#collectionTabBlock a {
    color: #FFFFFF;;
    text-decoration: none;
    font-weight: normal;
    text-align: center;
}

#collectionTabBlock li:hover {
    background-color: #944377 !important;
    border-color: #944377 !important;
    cursor: pointer;
}

.tabHighlighted {
    background-color: #944377;
    border-color: #944377;
}

.tabNotHighlighted {
    background-color: #ada9a9;
}

.viewTable5 table {
    font-size: 0.9em;
    empty-cells: show;
    min-width: 30%;
    border-spacing: 0px;
    border-collapse: separate;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
}

.viewTable5 th {
    color: #4e4e4e;
    background-color: #ececec;
    text-align: left;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    padding: 5px;
    width: 150px;
}

.viewTable5 td {
    text-align: left;
    padding: 5px 8px 5px 8px;
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    background-color: #f7f5f5;
}

#footer {
    margin-left: auto;
    margin-right: auto;
    width: 970px;
}

#footerText {
    float: right;
    height: 55px;
    font-size: 1em;
    margin: 6px 0px 0px 0px;
}

.footerLink {
    font-size: 12.8px;
}

.footerLink {
    padding: 5px 0px 5px 0px;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 10px;
}

.footerLink a {
    color: #FFFFFF;
    font-weight: normal;
}

#base_bar {
    color: #FFFFFF;
    background-color: #4B9443;
    width: 100%;
    padding-top: 0px;
    margin-top: 0px;
    line-height: initial;
}

.justify p {
    text-align: justify;
}

.generalTable {
    border-right: 1px solid silver;
    border-bottom: 1px solid silver;
    width: 100%;
    font-size: 0.9em;
}

.generalTable th {
    width: 190px;
    background-color: #EAEAEA;
    vertical-align: top;
    padding: 9px 5px;
    font-weight: normal;
}

.generalTable td {
    padding: 7px 5px;
}

.generalTable th, .generalTable td {
    text-align: left;
    border-top: 1px solid silver;
    border-left: 1px solid silver;
}

.generalTable th {
    font-weight: bold;
}

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
}

.info, .success, .warning, .error, .validation {
    border: 1px solid;
    margin: 10px 0px;
    padding: 15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}

.info {
    color: #00529B;
    background-color: #BDE5F8;
}

.success {
    color: #4F8A10;
    background-color: #DFF2BF;
}

.warning {
    color: #9F6000;
    background-color: #FEEFB3;
}

.error {
    color: #D8000C;
    background-color: #FFBABA;
}

.label {
    font-weight: bold !important;
}

.tip {
    position: relative;
    display: inline-block;
    border-bottom: 1px dotted black;
}

.tip .tiptext {
    visibility: hidden;
    width: 120px;
    background-color: black;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;
    position: absolute;
    z-index: 1;
}

.tip:hover .tiptext {
    visibility: visible;
}

.formError {
    margin: 5px 0px;
    padding: 7px 6px;
    background-color: #FFBABA;
    color: #D8000C;
    display: block;
    width: 99%;
}

.formError2 {
    margin: 5px 0px;
    padding: 7px 6px;
    background-color: #FFBABA;
    color: #D8000C;
    display: block;
    width: 95%;
}

.formNoError {
    margin: 5px 0px;
    padding: 7px 6px;
    background-color: #4B9443;
    color: #FFFFFF;
    display: block;
    width: 99%;
}

.formAsterisk {
    color: #ce3232;
    font-weight: bold;
    font-size: 1.1em;
}

#authorTable table {
    width: 97%;
}

.viewForm #ref1PanelGrid {
    width: 100%;
}

.eyeLink {
    background-image: url('../resources/images/eye.png');
}

.noresult {
    text-shadow: 1px 1px 1px rgba(NaN, NaN, NaN, 1);
    font-weight: normal;
    color: #000000;
    letter-spacing: 1pt;
    word-spacing: 2pt;
    font-size: 38px;
    text-align: left;
    font-family: arial, helvetica, sans-serif;
    line-height: 1;
}

.viewForm .noBorder .autoPersonTable td {
    padding: 6px;
}

.autoDisplayPeople table {
    border-bottom: 1px solid #ACADB7!important;
    border-right: 1px solid #ACADB7!important;
}

.autoDisplayPeople td {
    background-color: #cce0ce!important;
    padding: 5px 7px 7px 8px!important;
    height: 27px!important;
    border-top: 1px solid #ACADB7!important;
    border-left: 1px solid #ACADB7!important;
}

.transparent {
    color: transparent;
    font-size: 1.2em;
    font-weight: bold;
}

.authorDialog {
    font-size: 0.9em;
}

.tooltip {
    display: inline-block;
    margin-right: 4px;
}

.tooltipIcon {
    position: relative;
    top: 4px;
    width: 20px;
}

.tooltipTitle {
    font-weight: bold;
    margin: 3px 0px 5px 0px;
    text-align: left;
}

.tooltiptext {
    visibility: hidden;
    max-width: 300px;
    background-color: white;
    text-align: justify;
    color: black;
    border-radius: 6px;
    padding: 10px;
    position: absolute;
    border: 1px solid silver;
    z-index: 1;
    text-transform: none!Important;
}

.tooltipLink {
    margin-top: 5px;
}

.tooltip:hover .tooltiptext {
    visibility: visible;
}

.noBackground td {
    background-color: transparent;
}

/* The container <div> - needed to position the dropdown content */
.leftDropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.leftDropdown-content {
    display: none;
    position: absolute;
    background-color: white;
    padding: 1px;
    min-width: 180px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.leftDropdown-content a {
    color: black;
    padding: 7px 5px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.leftDropdown-content a:hover {
    /*background-color: #f4fff3;*/
}

.leftDropdown-main {
    /*color: #4B9443;*/
    color: #944377;
    /*font-weight: bold;*/
}

.leftDropdown-main:hover {
    cursor: default;
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.show {
    display: block;
}

#profileUserForm td {
    /*padding: 5px 0px*/
}

.previewBox {
    margin-top: 20px;
    float: left;
    padding: 15px 10px;
    border-radius: 3px;
    border: 1px solid silver;
}

.extractedKeywordBox {
    width: 100%;
    float: left;
}

.viewForm3 table {
    border-right: 1px solid #ACADB7;
    border-bottom: 1px solid #ACADB7;
    border-spacing: 0px;
    width: 100%;
}

.viewForm3 th {
    background-color: #EAEAEA;
    padding: 5px 7px 7px 8px;
    height: 27px;
    border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;
}

.viewForm3 td {
    background-color: #F8F8F8;
    padding: 5px 7px 7px 8px;
    height: 27px;
    border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;
    text-align: left;
}

.moreAboutYou td {
    padding: 7px 0px;
}

.moreAboutYou select {
    height: 30px;
}

.recentTabHighlighted {
    background-color: purple;
    color: white;
    padding: 7px 10px;
    border-radius: 3px;
    font-weight: bold;
}

.recentTabNotHighlighted {
    background-color: #e0dede;
    color: grey;
    padding: 7px 10px;
    border-radius: 3px;
    font-weight: normal;
}

/*.recentlyUpdatedButton {
    background-color: #a5a2a2;
    color: white;
    padding: 7px 10px;
    border-radius: 3px;
    font-weight: bold;
}

.recentlyUpdatedButton:hover {
    background-color: purple;
    color: white;
    padding: 7px 10px;
    border-radius: 3px;
    font-weight: bold;
    text-decoration: none;
}*/

.viewForm10 table {
    border-right: 1px solid #ACADB7;
    border-bottom: 1px solid #ACADB7;
    border-spacing: 0px;
    width: 100%;
}

.viewForm10 th {
    text-align: left;
    font-weight: normal;
    background-color: #EAEAEA;
    padding: 5px 7px 7px 8px;
    height: 27px;
    border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;
}

.viewForm10 td {
    background-color: #F8F8F8;
    padding: 5px 7px 7px 8px;
    height: 27px;
    border-top: 1px solid #ACADB7;
    border-left: 1px solid #ACADB7;
}

.addReference ul {
    padding-left: 17px;
    margin-top: 10px;
}

.addReference li {
    padding: 3px 0px;
}

#subMenu {
    float: left;
}

#menu .menu_login a {
    color: #FFFFFF;
    padding: 9px;
}

#menu .menu_login a:hover {
    color: #FFFFFF;
    background-color: #FFFFFF;
    color: #4B9443;
}

#adminPage textarea {
    width: 250px;
    height: 75px;
    padding: 2px 2px;
}

#adminPage input[type="text"] {
    width: 100px;
    height: 20px;
    padding: 2px 2px;
}

.adminList li {
    padding-top: 3px;
    padding-bottom: 3px;
}

.error_message {
    margin: 5px 0px;
    padding: 7px 6px;
    background-color: #FFBABA;
    color: #D8000C;
    display: block;
    width: 100%;
}

.ul_no_padleft ul {
    padding-left: 0px;
}

.message_general {
    margin: 10px 0px;
    padding: 7px 6px;
    display: block;
    width: 99%;
}

.message_error {
   background-color: #d22b2b;
   color: white;
}

.message_warning {
   background-color: orange;
   color: white;
}

.message_success {
   background-color: green;
   color: white; 
}

.viewForm input[type="password"] {
    border: 1px solid #ACADB7;
    width: 95%;
    height: 25px;
    padding: 3px 5px;
}

.noTableBorders2 table {
    border: none;
    text-align: left;
    font-size: 1em;
    min-width: 0px;
}

.noTableBorders2 th {
    border: none;
    text-align: left;
}

.noTableBorders2 td {
    padding: 2px 5px 2px 0px;
    border: none;
}

.font_bold {
    font-weight: bold;
}

input.hButton, a.hButton {
    color: black;
    font-weight: normal;
    font-size: 1em;
    padding: 3px;
    width: 60px;
    border-top: 1px solid #b5b5b5;
    border-right: 1px solid #6f6f6f;
    border-bottom: 1px solid #6f6f6f;
    border-left: 1px solid #b5b5b5;
    border-radius: 3px;
    border-width: 1px;
    background-color: #dddddd;
}

input.hButton:hover, a.hButton:hover {
    color: white;
    text-decoration: none;
}

input.hButtonGreen:hover, a.hButton:hover {
    background-color: green;
    border-color: green;
}

input.hButtonOrange:hover {
    background-color: orange;
    border-color: orange;
}

input.hButtonRed:hover {
    background-color: #d00909;
    border-color: #d00909;
}

.no_top_margin p {
    margin-top: 0px;
}

.home_col {
    box-shadow: 0px 4px 8px 0px lightgray;
    float: left;
    width: 28%;
    min-height: 525px;
    padding: 10px;
}

.container {
    width: 970px!important;
    padding: 0px!important;
}

.carousel-control {
    width: 0px!important;
    background-image: none!important;
    background-color: transparent!important;
    padding-left: 0px!important;
}

.glyphicon-chevron-left {
    margin-left: 12px!important;
    color: white!important;
}

.glyphicon-chevron-right {
    margin-right: 12px!important;
    color: white!important;
}

.home_page_menu ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

.home_page_menu li {
  float: left;
}

.home_page_menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.home_page_menu li a:hover:not(.active) {
  background-color: #4CAF50;
}

.home_page_menu .active {
  background-color: #4B9443;
}

img {
    vertical-align: baseline!important;
}

/*.carousel-inner>.item {
    -webkit-transition: -webkit-transform 3.2s ease-in-out !important;
    -o-transition: -o-transform 3.2s ease-in-out !important;
    transition: transform 3.2s ease-in-out !important;
}*/

#home_page_menu ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #444444;
    background-color: #000000;
}

#home_page_menu li {
    float: left;
}

#home_page_menu li a, #home_page_menu .dropbtn2 {
    display: inline-block;
    color: white;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

#home_page_menu li a:hover, #home_page_menu .dropdown2:hover .dropbtn2 {
    color: white;
    background-color: #4B9443;
}

#home_page_menu li.dropdown2 {
    display: inline-block;
}

#home_page_menu .dropdown-content2 {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

#home_page_menu .dropdown-content2 a {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    text-align: left;
    font-weight: normal!important;
}

#home_page_menu .dropdown-content2 a:hover {
    color: white;
    background-color: #4B9443;
}

#home_page_menu .dropdown2:hover .dropdown-content2 {
    display: block;
}

.carousel-indicators {
    bottom: -25px;
}

.carousel-control {
    top: 402px;
    opacity: 1.0!important;
}

.glyphicon {
    color: #dcdada!important;
    background-color: #a2a2a2;
}

.glyphicon:hover {
    color: #dcdada!important;
    background-color: #4B9443;
}

.glyphicon-chevron-left {
    height: 42px!important;
    width: 40px!important;
    padding-top: 4px;
    top: -2px!important;
}

.glyphicon-chevron-right {
    height: 42px!important;
    width: 40px!important;
    padding-top: 4px;
    top: -2px!important;
}

.carousel-caption {
    left: 760px;
    right: 10px;
}

.carousel-caption a {
    color: white;
    text-decoration: underline;
}

.carousel-caption a:hover {
    color: #7dc175;
    text-decoration: underline;
}

/*input[type='text'].inputText:focus {
    outline: #4242ca solid 1px;
}

.searchBoxIcon:focus {
    outline: #4242ca solid 1px;
}*/

.skip {
    position: absolute;
    left: -999em;
    width: 990em;
}

.personOrgTable td {
    width: 20%;
    padding: 3px 5px;
}

.personOrgTable table {
    border: none;
    border-collapse: collapse;
}

#keywordType_panel.ui-selectonemenu-panel {
    font-size: 0.9em!important;
}

#category_panel.ui-selectonemenu-panel {
    font-size: 0.9em!important;
}

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

body .ui-datascroller .ui-datascroller-content {
    font-family: Arial;
    padding: 2px 2px 2px 5px;
    font-size: 0.8em!important;
}

.ui-button-text-only {
    color: #000000!important;
    font-size: 1em!important;
    background-color: #F8F8F8!important;
    border-color: #ACACAC!important;
}

.ui-inputfield {
    padding: 0px 15px 0px 15px!important;
}