/*
 * File:	oclcpica.css
 * Purpose:	OCLC PICA website styling
 * Method:	CSS
 * 17-03-2006	huizers : recreated under SCCS
 * 14-12-2007	huizers : changed styling
 *
 * SCCS ident : @(#)oclcpica.css	1.4 12/14/07
 **********************************************************************/
body {
    /*
     * The defaults for all components
     */
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    color:                  black;
    background-color:       #FFFFFF;
    margin-left:            0pt;
    margin-right:           0pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
    text-align:             left;
    line-height:	    130%;
}

body.homepage {
    /*
     * The defaults for all components
     */
    font-family:            Arial, Verdana, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              10pt;
    color:                  black;
    background-color:       #FFFFFF;
    margin-left:            0pt;
    margin-right:           0pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
    text-align:             left;
}

/*
 * Set the link colors and suggest no underlining
 */
a:link     { text-decoration: underline; color: #2178B5; }
a:active   { text-decoration: underline; color: #2178B5; background-color: #EFEFEF; }
a:hover    { text-decoration: underline; color: #2178B5; background-color: #EFEFEF; }
a:visited  { text-decoration: underline; color: #2178B5; }

a.menu_home_oclcpica {
    color:		    #FFFFFF;
    font-weight:	    bold;
    font-size:		    8pt;
    margin-left:	    5px;
}
a.menu_home_sisis {
    color:		    #003366;
    font-weight:	    bold;
    font-size:		    8pt;
    margin-left:	    5px;
}
/*
 * The headers are sans-serif
 */
h1, h2, h3, h4, h5 {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-style:             normal;
    font-size:              9pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}

h1 {
    font-size:              14pt;
    font-weight:            normal;
    color:                 #999999;
    background-color:       transparent;
    margin-left:            0pt;
    margin-top:             10pt;
    margin-bottom:          5pt;
}
h1.notopspace {
    font-size:              14pt;
    font-weight:            normal;
    color:                 #666666;
    background-color:       transparent;
    margin-left:            0pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}
h1.leftspace {
    font-size:              14pt;
    font-weight:            normal;
    color:                 #666666;
    background-color:       transparent;
    margin-left:            10pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}
h2 {
    font-size:              9pt;
    font-weight:            bold;
    color:                 #666666;
    background-color:       transparent;
    margin-left:            0pt;
    margin-top:             10pt;
    margin-bottom:          0pt;
}
h2.notopspace {
    font-size:              9pt;
    font-weight:            bold;
    color:                 #666666;
    background-color:       transparent;
    margin-left:            0pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}
h2.leftspace {
    font-size:              9pt;
    font-weight:            bold;
    color:                 #666666;
    background-color:       transparent;
    margin-left:            10pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}
h3 {
    color:                  #000000;
    background-color:       transparent;
    margin-top:             10pt;
    margin-bottom:          0pt;
}
h3.notopspace {
    font-size:              9pt;
    font-weight:            bold;
    color:                  #000000;
    background-color:       transparent;
    margin-left:            0pt;
    margin-top:             0pt;
}
h3.leftspace {
    font-size:              9pt;
    font-weight:            bold;
    color:                  #000000;
    background-color:       transparent;
    margin-left:            10pt;
    margin-top:             0pt;
}
h3.glossary {
    color:                  #000000;
    background-color:       transparent;
    margin-top:             0pt;
    margin-bottom:          0pt;
}

p {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    margin-top:             0pt;
    margin-bottom:          5pt;
    margin-right:           0pt;
    margin-left:            0pt;
    text-align:             left;
    text-indent:            0em;
}

p.home_support {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    margin-top:             10pt;
    margin-bottom:          20pt;
    margin-right:           0pt;
    margin-left:            70pt;
    text-align:             left;
    text-indent:            0em;
}

p.kmcdoc {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    margin-top:             5pt;
    margin-bottom:          0pt;
    margin-right:           0pt;
    margin-left:            0pt;
    text-align:             left;
    text-indent:            0em;
}

dl,ol {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
}

dt,dd,li {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
}

li {
    margin-top:             5pt;
}

.sm {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              8pt;
}
.xsm {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              6pt;
}

ul {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              9pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}
/*
 * home page menu oclcpica sisis
 */
td.oclcpica_menu {
    white-space:	    nowrap;
    background-color:	    #669999;
}
td.sisis_menu {
    white-space:	    nowrap;
    background-color:	    #c8d8e6;
}
/*
 * The two entries below are used for the sitemap
 */
li.sm {
    margin-top:             0pt;
    margin-bottom:          0pt;
    margin-left:            -15pt;
}
ul.sm {
    margin-top:             5pt;
}

ul         { list-style-type:   square; }
strong     { font-weight:       bold;   }
em         { font-style:        italic; }
span.small { font-size:         6pt;    }
.c         { text-align:        center; }
.r         { text-align:        right;  }
.l         { text-align:        left;   }

blockquote {
    margin-left:            5%;
    margin-right:           5%;
}
pre, tt, code, kbd, samp, .fixed {
    font-family:            monospace;
    font-size:              9pt;
}
table {
    color:                  black;
    background-color:       transparent;
    margin-left:            0pt;
    margin-right:           0pt;
}
table.alert {
    border-width:           1pt;
    border-color:           white;
    background-color:       #FFD9B7;
}
th.alert {
    background-color:       #FF7600;
    color:                  white;
    border-color:           #FF7600;
    text-align:             left;
    padding-left:           8pt;
    padding-right:          8pt;
}
td.alert {
    border-width:           1px;
    border-color:           white;
    vertical-align:         top;
}
td.alert p {
    color:                  black;
    font-size:              9pt;
    text-align:             left;
    margin-top:             0pt;
    margin-bottom:          5pt;
    padding-left:           8pt;
    padding-right:          8pt;
}
table.jobopening,table.newsitem {
    border-width:           1pt;
    border-color:           white;
    background-color:       #EFEFEF;
}
th.jobopening,th.newsitem {
    background-color:       #FF7600;
    color:                  white;
    border-color:           #FF7600;
    text-align:             center;
}
td.jobright,td.newsleft {
    border-width:           1px;
    border-color:           white;
    vertical-align:         top;
    padding-left:           8pt;
    padding-right:          8pt;
}
td.jobleft p {
    font-size:              8pt;
    text-align:             left;
    margin-top:             0pt;
    margin-bottom:          5pt;
    padding-left:           8pt;
    padding-right:          8pt;
}
td.newsright p {
    font-size:              8pt;
    text-align:             right;
    white-space:            nowrap;
    margin-top:             0pt;
    margin-bottom:          5pt;
    padding-left:           8pt;
    padding-right:          8pt;
}
td.jobright p,td.newsleft p {
    font-size:              9pt;
    text-align:             left;
    margin-top:             0pt;
    margin-bottom:          5pt;
    padding-left:           8pt;
    padding-right:          8pt;
}
td.jobleft h2,td.jobright h2,td.newsleft h2,td.newsright h2 {
    font-size:              9pt;
    font-weight:            bold;
    text-align:             left;
    margin-top:             5pt;
    margin-bottom:          0pt;
    padding-top:            0pt;
    padding-bottom:         0pt;
    padding-left:           8pt;
    padding-right:          8pt;
}
th {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-style:             normal;
    font-size:              9pt;
    white-space:            nowrap;
    text-align:             center;
    color:                  black;
    background-color:       #EEEEEE;
}
form, form option, form input, form select, form textarea {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}
input.button {
    font-family:            arial,verdana,helvetica,sans-serif;
    font-size:              10pt;
    background-color:       #CCCCCC;
    border-width:           thin;
    border-style:           solid;
    border-color:           #EEEEEE;
    color:                  black;
}
td {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    text-align:             left;
}
th.code {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-style:             normal;
    font-size:              9pt;
    text-align:             center;
}
td.code {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    text-align:             left;
}
td.modified {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              8pt;
    text-align:             right;
    color:                  #9C9C9C;
}
td.modified a:link {text-decoration:none;}
td.modified a:visited {text-decoration:none;}
p.endnode {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              8pt;
    text-align:             left;
    margin-top:             0pt;
    margin-bottom:          0pt;
}

//
// Styles below are used on the navigation area
//
table.navigation {
    background-color:       #FFFFFF;
    color:                  #000000;
}
table.body {
    background-color:       #FFFFFF;
    color:                  #000000;
}
td.body {
    text-align:             left;
    font-size:              9pt;
    background-color:       #FFFFFF;
    color:                  #000000;
    line-height:	    130%;
}
td.whitefiller {
    background-color:       #FFFFFF;
    color:                  #000000;
}
td.greenfiller {
    background-color:       #FF7600;
    color:                  #FFFFFF;
}
td.banner1 {
    text-align:             center;
    font-size:              9pt;
    background-color:       #B9DECE;
    color:                  #000000;
}
td.banner0 {
    text-align:             center;
    font-size:              24pt;
    background-color:       #787C7B;
    color:                  #ffffff;
    overflow:               auto;
}
td.language {
    text-align:             right;
    font-size:              9pt;
    color:                  #FFFFFF;
}
td.barwhiteleft {
    text-align:             left;
    font-size:              9pt;
    background-color:       #FFFFFF;
    color:                  #FF7600;
}
td.barwhiteright {
    text-align:             right;
    font-size:              9pt;
    font-weight:            bold;
    background-color:       #FFFFFF;
    color:                  #FF7600;
}
td.barblackleft {
    text-align:             left;
    vertical-align:         middle;
    background-color:       #FFFFFF;
    color:                  #EFEFEF;
}
td.barblackright {
    text-align:             right;
    vertical-align:         middle;
    background-color:       #FFFFFF;
    color:                  #EFEFEF;
}
form.search {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              9pt;
    padding-top:            0pt;
    padding-bottom:         0pt;
    margin-top:             0pt;
    margin-bottom:          0pt;
}
span.search {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    text-align:             right;
    color:                  #FF7600;
}
span.searchbar {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              9pt;
    color:                  #FFFFFF;
    background-color:       #FFFFFF;
}
span.header {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-size:              9pt;
    color:                  #FF7600;
}
span.footeritem {
    font-size:              8pt;
    color:                  #0066CC;
    background-color:       transparent;
}
span.footersep {
    font-size:              8pt;
    color:                  #FFFFFF;
    background-color:       transparent;
}
span.pathitem {
    font-size:              8pt;
}
span.pathsep {
    font-size:              8pt;
}
span.barblack {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            bold;
    font-size:              9pt;
}
span.barblacklight {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              9pt;
}
span.barwhiteright {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              9pt;
    font-weight:            bold;
    color:                  #FF7600;
    background-color:       transparent;
}
span.searchinput {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-size:              9pt;
    font-weight:            normal;
    color:                  #000000;
    background-color:       #ffffff;
}
span.hidden {
    font-family:            Verdana, Arial, Helvetica, sans-serif;
    font-weight:            normal;
    font-style:             normal;
    font-size:              8pt;
    color:                  #9C9C9C;
}
td.bar0 {
    text-align:             left;
    background-color:       #455560;
    color:                  #FFFFFF;
}
td.bar0 a:link {text-decoration:none;}
td.bar0 a:visited {text-decoration:none;}
td.bar1 {
    text-align:             left;
    background-color:       #F2EFEC;
    color:                  #666666;
}
td.bar1 a:link {text-decoration:none;}
td.bar1 a:visited {text-decoration:none;}
span.bar0 {
    font-size:              9pt;
    background-color:       #455560;
    color:                  #FFFFFF;
}
span.bar1 {
    font-size:              9pt;
    background-color:       #F2EFEC;
    color:                  #666666;
}
span.bar2 {
    font-size:              9pt;
    background-color:       #FFFFFF;
    color:                  #000000;
}
td.newbar0 {
    font-size:              9pt;
    background-color:       #455560;
    color:                  #FFFFFF;
}
td.newbar1 {
    font-size:              9pt;
    background-color:       #F2EFEC;
    color:                  #666666;
}
td.newbar2 {
    font-size:              9pt;
    background-color:       #FFFFFF;
    color:                  #000000;
}
td.newsep0 {
    background-color:       #455560;
    color:                  #455560;
}
td.newsep1 {
    background-color:       #F2EFEC;
    color:                  #F2EFEC;
}
table.tight {
    margin-top:             0pt;
    margin-bottom:          0pt;
}