@charset "UTF-8";

body {
    font-family: Verdana;
    font-size: 10px;
    margin: 0;
    padding: 0;
    border: none;
    color: black;
    background-color: #E3E3D7;
}

form,div {
    padding: 0;
    margin: 0;
}

img,iframe {
    border: none;
    margin: 0;
    padding: 0;
}

/*********************
 Global container
 *********************/
table.interface {
    background-color: #FFFFFF;
}

/* left and right columns */
td.side_column {
  width:24em;
  min-width:24em;
  max-width:24em;
}

tr.interface-contentrow {
    height: 40em;
    min-height: 40em;
}

/*********************
 Print preview popup container
 *********************/
body.printinterface {
    background-color: #FFFFFF;
}

dif.printcontent {
    margin: 1em;
}

/*********************
 Top menu
 *********************/
.top_menu_option {
    font-weight: bold;
    font-size: 1.2em;
    font-family: Verdana;
    cursor: pointer;
}

.header-links {
    padding: 1.2em 2em 0.4em 0;
}

/**************************
Bottom panel
***************************/
.footer-topmargin {
    height: 2em;
}

.footer-bg {
    height: 10em;
    background: transparent url(../img/pfp_rp_bg.png) repeat-x;
}

.footer-credits {
    font-family: Verdana;
    font-size: 1.1em;
    color: #000000;
    margin: 1.5em 0 0 1.5em;
}

.footer-credits-links,.footer-credits-links a {
    color: #CF2533;
}

/*********************
 Search box
 *********************/
div#search_form {
    width: 24em;
}

div#search_box {
    width: 24em;
}

img#fold_search_button {
    margin: 0.3em;
    cursor: pointer;
}

div#search_box .header {
    background: transparent url(../img/qsp_tp_bg.png) no-repeat;
    height: 2.7em;
}

div#search_box.folded  .header {
    background: transparent url(../img/vcsp_tp_bg.gif) no-repeat;
}

div#search_box .header  span {
    vertical-align: 60%;
}

/* normal state, unfolded */
div#search_box span.fold_arrow {
    background: transparent url(../img/qsp_tp_darrow.gif) no-repeat;
    font-size: 1.5em;
    padding-right: 1.5em;
}

div#search_box.folded span.fold_arrow {
    background: transparent url(../img/qsp_tp_larrow.gif) no-repeat;
    font-size: 1.5em;
    padding-right: 1.5em;
}

.searchoption-btn {
    width: 14.1em;
    height: 2em;
    color: #7F9DB9;
    padding: 0.5em 0 0 1.2em;
    margin-top: 1em;
    margin-left: 1em;
    border: 1px solid #7F9DB9;
    background-color: #E5ECF9;
    cursor: pointer;
}

#advsearch-box {
    display: block;
    padding: 0.5em;
    margin: 0.6em 1em 0 0.6em;
    border: 1px solid #7F9DB9 !important;
}

#advsearch-box .folded {
    display: none;
}

#advsearch-box select {
    width: 15.5em;
}

#advsearch-box.folded div.container {
    display: none;
}

/*********************
 Top menu
 *********************/
.websitelogo-bg {
  min-width: 50em;
  height: 7.8em;
  min-height: 7.8em;
  max-height: 7.8em;
}

/*********************
 Main panel
 *********************/
div#content {
    margin: 0 1em 1em 1em;
}

/*********************
 Login box
 *********************/
div#loginbox .grey_box {
    padding: 0.3em;
}

div#loginbox .header {
    background: transparent url(../img/ulp_bg.gif) no-repeat;
    height: 2.5em;
}

div#loginbox span.logo {
    background: transparent url(../img/ulp_logo.gif) no-repeat;
    font-size: 2em;
    padding-right: 1.5em;
}

div#loginbox .header span {
    vertical-align: -30%;
}

.headerLogged {
  text-align: right;
  height: 4.7em;
  margin-top: 0.4em;
  margin-bottom: 0.2em;
  padding-top: 0.3em;
  padding-right: 1.8em;
  background: transparent url(../img/uip_bg.gif) no-repeat right;
}

div#loginbox .form_label {
    font-weight: normal;
    width: 8em;
}

div#loginbox .form_input {
    width: 10em;
}

/*********************
 Entry formatting
 *********************/
a.backToResuts {
    font-family: Verdana;
    font-size: 1.1em;
    color: #000000;
}

div#entryContent {
    margin-top: 2em;
}

span.S-PRO {
    vertical-align: bottom;
}

.folding_sign {
    padding-right: 1.1em;
    margin-right: 1em;
    cursor: pointer;
    background: transparent url(../img/fold.gif) no-repeat;
}

.first_sign {
    background: transparent url(../img/unfold.gif) no-repeat;
    display: inline !important;
}

.folded_section *[HIDE=yes] {
    display: none !important;
}

.folded_section .folding_sign {
    display: none;
}

@media print {
    .folding_sign {
        display: none;
    }
}

/*********************
 Locale buttons / Lang Box
 *********************/
table#locale_table {
  height: 78px;
  background-color: #B41D1D;
  background-repeat: no-repeat;
  
}

div#locale_container {
  float:right;
  margin-left:4em;
  width: 35em;
  min-width: 35em;
  max-width: 35em;
}


 
.langbox {
    float: left;
    width: 9em;
    height: 2em;
    margin: 4.5em 1.5em 0 0;
    cursor: pointer;
}

.langbox-left {
    width: 0.4em;
    background: transparent url(../img/langbox-left.gif) no-repeat;
}

.langbox-middle {
    text-align: center;
    text-transform: capitalize;
    padding: 0 05em;
    background: transparent url(../img/langbox-middle.gif) repeat-x;
}

.langbox-right {
    width: 0.4em;
    background: transparent url(../img/langbox-right.gif) no-repeat;
}

.langbox-middle a {
    font-family: Arial;
    font-size: 9pt;
    font-weight: bold;
    color: #EECBCB;
}

/*********************
 form_user
 *********************/
.section {
    margin-top: 1em;
    border-top: 1px dotted #D2D3D5;
}

.title {
    border-top: thin solid rgb(226, 226, 214);
    border-bottom: thin solid rgb(226, 226, 214);
    line-height: 2em;
    margin-bottom: 1em;
}

.form_user_label {
    width: 30em;
}

.form_user_help {
    color: #666666; 
    text-align: justify;
}
div#form_user {
    font-size: 1.1em;
    margin: 0.5em;
}

div#form_user h2 {
    color: #0000CC;
    font-size: 1.3em;
    font-family: Verdana;
    font-weight: normal;
}

div#form_user h3 {
    font-size: 1.2em;
    font-weight: normal;
}

.detailsTitle {
    background-color: #D2D3D5;
    padding-bottom: 0.2em;
    padding-left: 0.5em;
    padding-right: 0.5em;
    padding-top: 0.1em;
}

div#user_details td {
    vertical-align: text-top;
}

div#form_user ul {
    font-size: 1.1em;
    list-style-image: url(../img/icon-tick.gif);
}

div#form_user a:hover,div#form_user a:active {
    color: #777E99;
}

div#form_user a {
    color: #0000CC;
    text-decoration: none;
}

div#form_user .step1 td {
    vertical-align: top;
    padding-right: 2em;
}


div#form_user .note {
    clear: left;
    color: #808080;
    float: left;
    font-size: 1em;
    font-style: italic;
    margin: 2em 0pt 0pt;
    width: 100%;
}

.registerMessage {
    text-align: center;
    font-size: 1.2em;
}

/*********************
 Generic stuff
 *********************/
.grey_box {
    background-color: #F3F3EA;
    padding-bottom: 1em;
}

div.view_options {
    height: 2em;
    padding-top: 1em;
}

.opt_arrow {
    cursor: pointer;
}

.view_option {
    font-family: Georgia;
    font-size: 1.2em;
    color: #484846;
    font-weight: bold;
    margin: 0.5em;
}

.view_option.disabled {
    color: #8c8c88;
}

.browse_arrow.disabled {
    cursor: default;
    color: #8C8C88;
}

hr.view_separator {
    width: 22em;
    color: white;
    border: none;
    border-top: 1px solid #e2e2d6;
}

.form_label {
    margin-left: 0.5em;
    font-family: Arial;
    font-weight: bold;
    font-size: 1.2em;
    margin-top: 0.2em;
}

.form_input, .form_lookup_input{
    margin-left: 0.5em;
    font-family: Arial;
    font-size: 1.1em;
    width: 17em;
}

.form_error {
    color: red;
    font-family: Arial;
    font-size: 1em;
}

.switch_button {
    font-size: 1.1em;
    color: #fff;
    padding: 0.4em;
    padding-right: 1.6em;
    background: transparent url(../img/sp_pd.png) no-repeat;
    margin-left: 1em;
    cursor: pointer;;
    background: transparent url(../img/sp_pd.png) no-repeat;
}

.ok_button  ,.ok_button_popup {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.1em;
    color: #fff;
    padding: 0.4em;
    background: transparent url(../img/sp_ok.png) no-repeat;
    margin-left: 0.4em;
    cursor: pointer;
}

.header, .header_right {
    font-family: Georgia;
    font-weight: bold;
    color: #cf2533;
    font-size: 1.2em;
    text-transform: uppercase;
    padding-left: 1em;
    padding-top: 0.4em;
    background: transparent url(../img/lp_tp_bg.gif) no-repeat;
    height: 2em;
    cursor: pointer;
    padding-top: 0.4em;
    height: 2em;
}

.header {
    background: transparent url(../img/lp_tp_bg.gif) no-repeat;
}

.header_right {
    background: transparent url(../img/lp_tp_right_bg.gif) no-repeat;
}

.folded .header {
    background: transparent url(../img/sp_vcb.gif) no-repeat;
    height: 3em;
}

.folded .header_right {
    background: transparent url(../img/sp_vcb_right.gif) no-repeat;
    height: 3em;
}

/* normal state, unfolded */
.fold_arrow {
    margin-right: 0.5em;
    padding-right: 1.1em;
    padding-bottom: 0.5em;
    font-size: 1.1em;
    cursor: pointer;
    background: transparent url(../img/sp_vc_circle_down.gif) no-repeat;
}

.folded .fold_arrow {
    background: transparent url(../img/sp_vc_circle_right.gif) no-repeat;
}

/* hide the arrows in the right colum */
.header_right .fold_arrow {
  display: none;
}

/* browse list */
.browse_box {
    margin: 1em;
}

.browse_arrow {
    cursor: pointer;
}

/* Button  box */
.redbox {
    margin: 0.7em 0 0 0.5em; 
}

.redbox-left {
    width: 0.4em;
    height: 2em;
    background: transparent url(../img/redbox-left.png) no-repeat;
}

.redbox-middle {
    text-align: center;
    padding: 0 0.5em;
    height: 2em;
    background: transparent url(../img/redbox-middle.png) repeat-x;
}

.redbox-right {
    width: 0.4em;
    height: 2em;
    background: transparent url(../img/redbox-right.png) no-repeat;
}

.greenbox-left {
    width: 0.4em;
    height: 2.3em;
    background: transparent url(../img/greenbox-left.png) no-repeat;
}

.greenbox-middle {
    text-align: center;
    padding: 0 0.5em;
    height: 2.3em;
    background: transparent url(../img/greenbox-middle.png) repeat-x;
}

.greenbox-right {
    width: 0.4em;
    height: 2.3em;
    background: transparent url(../img/greenbox-right.png) no-repeat;
}

.graybox-left {
    width: 0.8em;
    height: 1.7em;
    background: transparent url(../img/graybox-left.png) no-repeat;
}

.graybox-middle {
    text-align: center;
    padding: 0 0.5em;
    height: 1.7em;
    background: transparent url(../img/graybox-middle.png) repeat-x;
}

.graybox-right {
    width: 0.8em;
    height: 1.7em;
    background: transparent url(../img/graybox-right.png) no-repeat;
}

.graybox-middle a     ,.redbox-middle a,.greenbox-middle a {
    text-decoration: none;
    font-family: Arial;
    font-size: 8pt;
    font-weight: bold;
    color: white !important;
}

/**********************
Search page formatting
***********************/
.page_details {
/*    width: 47em;*/
    margin: 0.5em 0;
    padding: 0.3em 0;
    border: 0;
    border: 1px solid #FFFFFF;
    border-top-color: #E2E2D6;
    border-bottom-color: #E2E2D6;
}

.page_info,.current_page_number {
    font-weight: bold;
}

.page_details,.page_details a {
    font-family: Verdana;
    font-size: 1.1em;
    color: #000000;
    text-decoration: none;
}

.page_details img {
    vertical-align: text-bottom;
    margin: 0 0.5em;
}

.page_details .page_number,.page_details .current_page_number {
    margin: -0.2em 0 0 0;
    vertical-align: text-top;
}

.search_term {
    font-family: Verdana;
    font-weight: bold;
    font-size: 1.5em;
    color: #146ABB;
}
.nav-btn {
    margin: 0 2em;
}

.nav-btn a {
    text-decoration: none;
    color: #000000;
}

.search_info {
/*    width: 47em;*/
    margin-left: 1em;
}

.resbypage-select {
    width: 5em;
    height: 1.6em;
    font-family: Arial;
    font-size: 1.1em;
    color: #000000;
}

/* Language resources box */
#lang_box {
  height: 47em;
  min-height: 47em;
}

#lang_box .header_right {
  cursor: auto;
}

/*************************
* Highlight              *
**************************/
.SNIPPET .hilite1 { background-color: #ff0; }