@font-face
{
    font-family: 'DefaultFont';
    src:    url('../fonts/OpenSans-Light-webfont.eot') format('embedded-opentype'),
            url('../fonts/OpenSans-Light.ttf?#iefix') format('truetype')
}

html
{
    /*-webkit-font-smoothing: subpixel-antialiased;*/
}
body
{
    margin: 0;
    padding: 0 0 0 0;
    font-size: 80%;
    background: #ffffff;
    background-repeat: repeat-y;
}
body img
{
    border: 0
}
div#appContainer
{
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    position: absolute;
    overflow: hidden;
}
div#HeaderContainer
{
    height: 120px;
    width: 100%;
}
div#MainContent
{
    position: absolute;
    top: 122px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: auto;
    zoom: 1;
    overflow: hidden;
}
div#InfoBar
{
    padding: 10px;
    position: absolute;
    color: #fff;
    left: 221px;
    top: 0;
    right: 0;
    height: 64px;
    border-left: 1px solid #000;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;
    z-index: 10;
    display: none;
    width: 400px;
    left: 50%;
    margin-left: -179px;
}
div#InfoBarContent
{
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS,Verdana, Tahoma, Arial;
    font-size: 1.8em;
    width: 100%
}
#MainProgressBar
{
    display: none;
    color: #fff;
    width: 90%
}

div#InfoBar #ProgressBar
{
    width: 100%;
    color: #fff;
}

div#RightContent
{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 221px;
    z-index: 2;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}
div#LeftContent
{
    position: absolute;
    top: 0;
    left: 0;
    width: 220px;
    background: #F3F3F3;
    border-right: 1px #D5D5D5 solid;
    border-bottom: 1px #D5D5D5 solid;
    height: 100%;
    z-index: 3;
    overflow-y: auto;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}
div#CloudPanel
{
    position: absolute;
    height: 100%;
    top: 0;
    width: 0;
    right: 0;
    bottom: 0;
    background: #f3f3f3;
    display: none;
    border-left: 1px solid #c0c0c0;
    font-family: Segoe UI, DefaultFont, Trebuchet MS,Verdana, Tahoma, Arial;
    font-size: 1.15em;
    color: #323232;
    z-index: 9999;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}
div#CloudPanelHeader
{
    font-size: 1.4em;
    padding: 5px;
    color: #fff;
}
div#CloudPanelFilter
{
    margin-top: 15px;
    margin-left: 10px;
    margin-bottom: 5px;
    font-size: 1.2em;
}
div#CloudPanel span
{
    font-size: 1.5em;
    font-weight: normal;
    margin-top: 15px;
    cursor: pointer;
}
div#CloudPanel div#CloudPanelContent
{
    margin-left: 10px;
    margin-top: 10px;
}
div#CloudPanel div#CloudPanelFooter
{
    position: absolute;
    bottom: 0;
    margin-bottom: 10px;
    color: #004686;
    text-align: right;
    width: 100%;
    right: 10px;
}
div#CloudPanel a
{
    text-decoration: none;
    color: #323232;
    font-weight: lighter;
    margin-left: 10px;
    font-size: 1.2em;
}
div#CloudPanel a:hover
{
    text-decoration: underline;
}



#tableMenu
{
    width: 100%;
    border: 0;
    border-spacing: 0;
}

#tableMenu th
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS,Verdana, Tahoma, Arial;
    font-size: 1.4em;
    font-weight: lighter;
    color: #323232;
    height: 32px;
    text-align: left;
    text-indent: 5px;
}
#tableMenu td
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS,Verdana, Tahoma, Arial;
    font-size: 1.2em;
    text-align: left;
    height: 24px;
    padding: 0;
    text-indent: 8px;
    vertical-align: middle;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#tableMenu td:hover
{
    background: #a0a0a0;
    cursor: pointer;
}

#tableMenu th a
{
    text-decoration: none;
    color: #808080;
    height: 100%;
}

#tableMenu td a
{
    display: inline-block;
    text-decoration: none;
    color: #323232;
    width: 100%;
    height: 100%;
    vertical-align: middle;
}
#HelpMenu
{
    /*color: #4073B9 !important;*/
}

.contentHeader
{
    width: 100%;
}

.contentHeader th
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS,Verdana, Tahoma, Arial;
    font-weight: lighter;
    font-size: 1.4em;
    color: #828282;
    height: 32px;
    text-align: left;
    padding-left: 5px;
    padding-top: 1px;
}

.vertSplitter
{
    height: 1px;
    background: #c0c0c0;
    margin-left: 5px;
    margin-right: 5px;
}

.menuSplit
{
    height: 0px;
    display: none;
}

#divHeader
{
    height: 80px;
    vertical-align: top;
}

#ProgressInfo
{
    width: 100%;
    font-size: 2em;
    height: 100%;
    text-align: center;
}

#ResultBar
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS,Verdana, Tahoma, Arial;
    font-size: 1.2em;
    font-size: 100%;
    width: 100%;
    padding: 4px;
}
#ResultBar .activeLink
{
    font-size: 1.1em;
    font-weight: bolder;
    text-decoration: none;
    height: 32px;
    border: 1px solid #000;
    color: #fff;
    display: block;
}
#ResultBar .inactiveLink
{
    font-size: 1.1em;
    text-decoration: none;
    height: 32px;
    background-color: #f3f3f3;
    border: 1px solid #c0c0c0;
    color: #323232;
}
#ResultBar .inactiveLink:hover
{
    /*color: #fff;*/
}

.library_f
{
    font-family: 'Nunito', Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS,Verdana, Tahoma, Arial;
    color: #8cc63f;
    font-size: 1.9em;
    font-weight: lighter;
    text-shadow: 1px 1px 1px #101010;
    -webkit-font-smoothing: subpixel-antialiased;
}

.libraryaddr_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #101010;
    font-size: 1.1em;
}

.divQuickBar
{
    border-bottom: 1px solid #c0c0c0;
    width: 100%;
    height: 40px;
    background: #F3F3F3;
}

div#divQuickTooltip
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.3em;
    height: 100%;
    float: left;
    margin-right: 20px;
    margin-top: 6px;
}


#HomeButton
{
    width: 221px;
    height: 32px;
    float: left;
    vertical-align: middle;
    display: block;
}
#HomeButton img
{
    margin-top: 4px;
    height: 32px;
    width: 32px;
    border: 0;
    margin-left: 10px;
}

.divQuickSearch
{
    border: 1px solid #828282;
    padding: 1px;
    margin-top: 6px;
    display: inline;
    background: #fff;
}

.divQuickSearch input
{
    margin-top: 0px;
    outline-style: none;
    outline-color: invert;
    outline-width: 0px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    margin-bottom: 0px;
    float: left;
    color: #808080;
    font-size: 1.2em;
    border: 0;
    width: 300px;
    background: #fff;
}

.divQuickSearch IMG
{
    margin-top: 1px;
    width: 18px;
    float: left;
    height: 18px;
    border: 0;
}

.menu_f:hover
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 1.3em;
    font-weight: lighter;
    text-decoration: underline;
}

.menu_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 1.5em;
    text-decoration: none;
}

.tableSimple
{
    border: 1px solid #D5D5D5;
    background: #f3f3f3;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
}

.tableSimple td
{
    font-size: 1.1em;
}

.tableSimple input[type=text]
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.1em;
}

.MarcView
{
    font-family: Courier News Gothic;
    font-size: 1.3em;
    z-index: 9999;
    line-height: 1.4em;
}

.MarcView span
{
    color: #4073B9;
}

.MarcView table
{
    border: 1px solid #c0c0c0;
    width: 100%;
}

/* Search Form*/
#SearchForm
{
    border: 1px solid #c0c0c0;
    background: #f3f3f3;
    color: #323232;
    padding: 4px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.1em;
}

#SearchForm input[type=text]
{
    font-size: 1.1em;
    border: 1px solid #c0c0c0;
    outline: none;
}

#SearchForm select
{
    font-size: 1.1em;
    outline: none;
    border: 1px solid #c0c0c0;
    color: #323232;
    display: table-cell;
}

/* Advanced Search form*/
.AdvancedSearchForm
{
    font-size: 100%;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
}
.AdvancedSearchForm table
{
    font-size: 100%;
    background: #F3F3F3;
}
.AdvancedSearchForm select
{
    font-size: 1em;
    outline: none;
    border: 1px solid #c0c0c0;
    min-width: 80px;
}
.AdvancedSearchForm input[type=text]
{
    font-size: 1.3em;
    outline: none;
    border: 1px solid #c0c0c0;
    width: 99.5%;
}


#GuestBookEntries
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 100%;
    width: 99%;
    display: none;
}
#GuestBookEntries tr
{
    height: 28px;
}
#GuestBookEntries td
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.1em;
    padding: 5px;
    min-width: 200px;
    color: #323232;
}
#GuestBookEntries tr:hover
{
    background: #f3f3f3;
    cursor: auto;
}

/* Teavik Tile*/
.Tile
{
    width: 450px;
    height: 250px;
    color: #fff;
    font-size: 100%;
    font-family: Segoe UI Light, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    float: left;
    margin: 10px;
    white-space: nowrap;
    cursor: pointer;
    position: relative;
}
.Tile:hover
{
    opacity: .95;
}
.Tile .TileLibTitle
{
    color: #fff;
    font-family: Segoe UI Light, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.5em;
    padding: 3px;
}
.Tile .TileImage
{
    height: 100%;
    float: left;
    position: relative;
}
.Tile .TileContent
{
    overflow: hidden;
}
.Tile .TileBookTitle
{
    font-family: Segoe UI Light, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    text-indent: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.6em;
}
.Tile .TileBookAuthor
{
    font-family: Segoe UI Light, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-style: italic;
    text-indent: 5px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 1.4em;
}
.Tile .TileTitle
{
    text-align: left;
    font-size: 1.5em;
    font-weight: bolder;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.Tile .TileTitleCount
{
    font-size: 1.9em;
    font-weight: bolder;
    position: absolute;
    right: 0;
    top: 0;
    padding: 5px;
}


.sform_lang_tr
{
    background-color: #f8f8f8;
}

.sform_sel_tr
{
    background-color: #d5dbd7;
}

.resinfo_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 10pt;
    font-weight: lighter;
}

.curpage_f
{
    padding-bottom: 2px;
    margin: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #000;
    font-size: 13pt;
    padding-top: 2px;
    font-weight: bold;
    border: 1px solid #c0c0c0;
    padding: 2px;
    background: #fff;
}

.linkbar_f
{
    padding: 2px;
    margin: 2px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #a0a0a0;
    font-size: 1.2em;
    text-decoration: none;
}

.linkbar_tr
{
    border-bottom: #a0a0a0 1px solid;
    border-left: dimgray 1px;
    background-color: white;
    height: 28px;
    border-top: dimgray 1px;
    border-right: dimgray 1px;
}

.titletext_f
{
    background-color: transparent;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 1.1em;
    font-weight: lighter;
}

.rownumber_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 9pt;
}

.saved_f
{
    border-bottom: #a0a0a0 1px solid;
    text-align: center;
    border-left: #a0a0a0 1px solid;
    background-color: ivory;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 10pt;
    border-top: #a0a0a0 1px solid;
    border-right: #a0a0a0 1px solid;
    text-decoration: none;
}


.date_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #101010;
    font-size: 10pt;
}

.visits_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 9pt;
}

.checkbox
{
    border-bottom: gray 1px;
    border-left: gray 1px;
    border-top: gray 1px;
    border-right: gray 1px;
}

.results_tbl
{
    background-color: white;
    border-left: 1px solid #c0c0c0;
}

.title_td1
{
    sborder-bottom: lightgrey 1px solid;
    sborder-left: dimgray 1px;
    background-color: #fafafa;
    margin: 1px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 10pt;
    border-top: lightgrey 1px;
    border-right: dimgray 1px;
}
.title_td1:hover
{
}
.title_td2:hover
{
}
.title_td2
{
    sborder-bottom: gainsboro 1px solid;
    sborder-left: medium none;
    background-color: transparent;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 10pt;
    border-top: medium none;
    border-right: medium none;
}

.title_td3
{
    background-color: white;
    height: 24pt;
}

.error_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: red;
    font-size: 12pt;
    font-weight: bolder;
    text-align: center;
}

.marc_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 10pt;
    font-weight: bolder;
}

.text_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial, 'Times New Roman';
    font-size: 10pt;
}

.ekstbl_f
{
    background-color: transparent;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    text-decoration: none;
}

.ekstbl_th
{
    height: 28px;
    text-indent: 5px;
}

.ekstbl
{
    background-color: #a0a0a0;
}

.ekstbl td
{
    text-indent: 5px;
}

.ekstbl_tr
{
    background-color: white;
    color: dimgray;
}

.exb_f:hover
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: gray;
    font-size: 9pt;
    text-decoration: underline;
}

.exb_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 9pt;
    text-decoration: none;
}

.date_td
{
    text-align: right;
    background-color: transparent;
}

.tree_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    text-decoration: none;
}

.tree_lnk:hover
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #366699;
    font-size: 10pt;
    font-weight: bolder;
    text-decoration: underline;
}

.tree_lnk
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
    text-decoration: none;
}

.title_td
{
    border-left: slategray 2px;
    background-color: transparent;
    font-size: 10pt;
}

.menutitle_td
{
    border-bottom: #c0c0c0 1px solid;
    text-align: left;
    border-left: #c0c0c0 1px;
    background-attachment: scroll;
    background-repeat: repeat-x;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    background-position: left top;
    height: 28px;
    font-size: 1.15em;
    border-top: 1px solid #fff;
    border-right: #c0c0c0 1px;
}


.welcometitle_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #707070;
    font-size: 1.7em;
    text-align: left;
}

.welcome_f
{
    line-height: 15px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #808080;
    font-size: 1.14em;
    text-align: left;
}

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

.title_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #323232;
    font-size: 1.3em;
    text-decoration: none;
}

.lang_f:hover
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 7pt;
    font-weight: bolder;
    text-decoration: underline;
}

.lang_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #101010;
    font-size: 7pt;
    font-weight: bolder;
    text-decoration: none;
}

.saved_f:hover
{
    border-bottom: black 1px solid;
    text-align: center;
    border-left: black 1px solid;
    background-color: ivory;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 10pt;
    border-top: black 1px solid;
    border-right: black 1px solid;
}


.dropdown
{
    border-bottom: slategray 1px solid;
    border-left: slategray 1px solid;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 10pt;
    border-top: slategray 1px solid;
    border-right: slategray 1px solid;
}

.src_txt
{
    border-bottom: darkgray 1px inset;
    text-align: center;
    border-left: darkgray 1px inset;
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 11pt;
    border-top: darkgray 1px inset;
    font-weight: bolder;
    border-right: darkgray 1px inset;
}

.link_f
{
    line-height: 180%;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #173c57;
    font-size: 10pt;
}
.mloend_f
{
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    padding: 5px;
    color: #323232;
    font-size: 2em;
    text-decoration: none;
    }
.mloend_f:hover
{
    text-decoration: underline;
}

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

.mlist_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #323232;
    font-size: 1.1em;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.gbook_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
}

.gbook_txt
{
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Verdana, Tahoma, Arial;
    color: slategray;
    font-size: 10pt;
    border-top: black 1px solid;
    border-right: black 1px solid;
}

.gbook_tbl
{
    border-bottom: black 1px;
    border-left: black 1px;
    border-top: black 1px;
    border-right: black 1px;
}

.gbook_name
{
    border-bottom: white 1px;
    border-left: white 1px;
    background-color: transparent;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: darkgray;
    font-size: 10pt;
    border-top: white 1px;
    font-weight: bolder;
    border-right: white 1px;
}


.gbook_email
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: black;
    font-size: 10pt;
    font-weight: bolder;
    text-decoration: underline;
}


.gbook_lnk
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
    text-decoration: underline;
}

.login_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: slategray;
    font-size: 10pt;
}

.login_cmd
{
    border-bottom: slategray 1px solid;
    border-left: slategray 1px solid;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 24px;
    color: dimgray;
    font-size: 9pt;
    border-top: slategray 1px solid;
    border-right: slategray 1px solid;
}

.login_txt
{
    border-bottom: dimgray 1px solid;
    border-left: dimgray 1px solid;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: slategray;
    font-size: 10pt;
    border-top: dimgray 1px solid;
    border-right: dimgray 1px solid;
}

.list_tbl
{
    background-color: dimgray;
}

.list_th
{
    background-color: lightgrey;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
}

.list_lnk
{
    background-color: white;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
    text-decoration: none;
}

.list_f
{
    background-color: white;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    text-decoration: none;
}
/* Login table*/
.tableLogin
{
    border: 1px solid #c0c0c0;
    background: #F3F3F3;
    text-align: left;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 100%;
    padding-right: 10px;
    width: 380px;
}

.tableLogin td
{
    font-size: 1.3em;
}

.tableLogin #tdLoginImage
{
    background: #dfdfdf;
    width: 74px;
}

.tableLogin input[type=text], input[type=password]
{
    border: #828282 1px solid;
    background: #fff;
    width: 100%;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 22px;
    color: #707070;
    font-size: 100%;
    outline: #fff none 0px;
}

/* Table Qucik Search*/
.tableQuickSearch
{
    text-align: left;
    width: 400px;
    border: 1px solid #828282;
    border-spacing: 5px;
    background: #f3f3f3;
    font-size: 1.2em;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    padding: 15px;
    margin-left: auto;
    margin-right: auto;
}

.tableQuickSearch input[type=text]
{
    font-size: 1.2em;
    border: 1px solid #828282;
    outline: #fff none 0px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    text-indent: 5px;
    width: 100%;
}
.tableQuickSearch input[type=checkbox]:checked
{
    color: red;
    outline: none;
}
.tableQuickSearch .tableQuickSearchButtonCell
{
    text-align: right;
}

.baseButton
{
    /*background-color: #004686;*/
    border: 1px solid #000;
    color: #fff;
    height: 32px;
    width: auto;
    min-width: 90px;
    font-size: .9em;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    -webkit-appearance: none;
}


.cmd_src
{
    background-image: url(images/hdr_bgr2.png);
    border-bottom: dimgray 1px solid;
    border-left: dimgray 1px solid;
    background-color: lightgrey;
    width: 75px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 22px;
    color: dimgray;
    font-size: 10pt;
    border-top: dimgray 1px solid;
    border-right: dimgray 1px solid;
}

.tips
{
    z-index: 1;
    border-bottom: dimgray 1px solid;
    position: absolute;
    border-left: dimgray 1px solid;
    background-color: ghostwhite;
    width: 400px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 280px;
    visibility: hidden;
    color: dimgray;
    font-size: 9pt;
    border-top: dimgray 1px solid;
    border-right: dimgray 1px solid;
    top: 0px;
    left: 0px;
}

/* Messagebox*/
.msgbox
{
    z-index: 9999;
    border: 2px solid #323232;
    background-color: #fff;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    display: none;
    color: #323232;
    font-size: 100%;
    margin-left: auto;
    margin-right: auto;
    position: fixed;
    padding: 10px;
}
.msgbox TD
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma;
    text-align: left;
    color: #000;
    font-size: 1.1em;
}


.tip_f
{
    font-style: italic;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: darkblue;
    font-size: 9pt;
}

.user_welcome
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #828282;
    font-size: 2.5em;
    margin-bottom: 20px
}

.user_alert
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: crimson;
    font-size: 10pt;
    font-weight: bolder;
}


.pernum_td
{
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    background-color: #f0f0f0;
    color: dimgray;
    border-top: black 1px solid;
    border-right: black 1px solid;
}

.pernum_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 9pt;
    font-weight: lighter;
}

.pernum_num
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #336699;
    font-size: 9pt;
    font-weight: bolder;
    text-decoration: underline;
}

.pernum_status1
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: seagreen;
    font-size: 9pt;
    font-weight: lighter;
    text-decoration: none;
}

.pernum_status2
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: brown;
    font-size: 9pt;
    font-weight: lighter;
}

.pernum_bgr
{
    background-color: lightslategray;
}

.tabel
{
    border-bottom: medium none;
    border-left: medium none;
    padding-bottom: 1px;
    background-color: black;
    margin: 1px;
    padding-left: 1px;
    padding-right: 1px;
    border-top: medium none;
    border-right: medium none;
    padding-top: 1px;
}

.tabel TR
{
    border-bottom: medium none;
    border-left: medium none;
    background-color: transparent;
    border-top: medium none;
    border-right: medium none;
}

.tabel TR TD
{
    background-color: white;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma;
    color: midnightblue;
    font-size: 12pt;
}

.tabel TR TH
{
    background-color: dimgray;
    color: white;
}


.username
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma;
    color: white;
    font-size: 9pt;
    font-weight: bolder;
    text-decoration: none;
}

.legend
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma;
    color: dimgray;
    font-size: 10pt;
}

.fieldset
{
    width: 50%;
}

.title_tbl
{
}

.homelib_tr
{
    background: #4073B9;
    color: #ffffff;
}

.counter_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 9pt;
    font-weight: bolder;
}

.f773
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: midnightblue;
    font-size: 9pt;
}


.f500
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: mediumblue;
    font-size: 9pt;
}

.resultDiv
{
    position: absolute;
    width: 100%;
    height: 80%;
    overflow: auto;
}

.comment_td
{
    border-bottom: #a0a0a0 1px solid;
    border-left: #a0a0a0 1px solid;
    padding-bottom: 3px;
    background-color: ghostwhite;
    text-indent: 4px;
    padding-left: 3px;
    padding-right: 3px;
    font-family: 'Times New Roman' , Verdana, Verdana, Tahoma, Arial;
    color: black;
    font-size: 11pt;
    border-top: #a0a0a0 1px solid;
    border-right: #a0a0a0 1px solid;
    padding-top: 3px;
}

.comment_th
{
    background-image: url(images/hdr_bgr4.png);
    border-bottom: #a0a0a0 1px solid;
    border-left: #a0a0a0 1px solid;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: gray;
    font-size: 10pt;
    border-top: #a0a0a0 1px solid;
    font-weight: bolder;
    border-right: #a0a0a0 1px solid;
}

.comment_title
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 14pt;
    font-weight: bolder;
    text-decoration: none;
}

.lnkBack
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #ffffff;
    font-size: 1.2em;
    font-weight: lighter;
    text-decoration: none;
    padding: 6px;
    position: relative;
    height: 32px;
}

.NumItems
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #006699;
    font-size: 9pt;
}

.NumItems TABLE
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #006699;
    font-size: 9pt;
}

.NumItems TABLE TR
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #006699;
    font-size: 9pt;
}

.numTitle
{
    text-align: left;
    width: 95%;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #006699;
    font-size: 14pt;
    font-weight: bolder;
    text-decoration: underline;
}

.asperrortext
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: brown;
    font-size: 12pt;
    font-weight: bolder;
}

.asperrorhead
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: orangered;
    font-size: 19pt;
    font-weight: bolder;
}


.infoFont
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: darkred;
    font-size: 10pt;
    font-weight: bolder;
}

.clsDiv
{
    background-image: url(images\hdr_bgr_4.jpg);
    border-bottom: gray 1px solid;
    border-left: gray 1px solid;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 11pt;
    border-top: gray 1px solid;
    font-weight: bolder;
    border-right: gray 1px solid;
    text-decoration: none;
}

.title_l
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 14pt;
    font-weight: lighter;
    text-decoration: underline;
}

.userStat
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: brown;
    font-size: 10pt;
    font-weight: lighter;
}

.divShadow
{
    z-index: 1;
    position: relative;
    background-color: dimgray;
    width: 400px;
    height: 160px;
    left: 0px;
}

.QuickSearch
{
    z-index: 0;
    border-bottom: 1px;
    border-left: 1px;
    text-indent: 0pt;
    border-top: 1px;
    border-right: 1px;
    padding-top: 0px;
    text-align: left;
}

.tips TH
{
    background-image: url(Images/hdr_bgr2.png);
    border-bottom: dimgray 1px solid;
    text-align: left;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 24px;
    color: dimgray;
    font-size: 11pt;
    font-weight: bolder;
}

.tips TD
{
    text-align: left;
    color: gray;
    font-size: 10pt;
    font-weight: bolder;
}

.tips TD DIV
{
    clip: rect(5pt 5pt 5pt 5pt);
    position: relative;
    text-align: left;
    width: 99%;
    float: right;
    left: 5px;
}

.tips TD SPAN
{
    background-color: white;
    font-style: italic;
    color: brown;
    font-size: 10pt;
    font-weight: bolder;
}

.kv_f
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 9pt;
    font-weight: bolder;
}

.osateavikud_f
{
    background-color: transparent;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
}

.tblSubList
{
    z-index: 0;
    border-bottom: black 1px solid;
    border-left: black 1px solid;
    padding-bottom: 0px;
    background-color: white;
    margin: 0px;
    padding-left: 0px;
    padding-right: 0px;
    border-top: black 1px solid;
    border-right: black 1px solid;
    padding-top: 0px;
}

.tblSubList TH
{
    background-image: url(images/hdr_bgr_2.jpg);
    border-bottom: dimgray 1px solid;
    text-align: left;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
}

.tblSubList TD
{
    background-color: transparent;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 16px;
    color: dimgray;
    font-size: 10pt;
    font-weight: lighter;
}

.tblSubListContainer
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 9pt;
    font-weight: lighter;
}

.tblSubList TD A
{
    color: dimgray;
    font-size: 10pt;
    font-weight: lighter;
    text-decoration: underline;
}

.tblSubList TD A:hover
{
    color: blue;
    font-size: 10pt;
    font-weight: lighter;
}

.info_td
{
    border-bottom: 1px;
    border-left: 1px;
    background-color: white;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: crimson;
    font-size: 10pt;
    border-top: 1px;
    font-weight: bolder;
    border-right: 1px;
}

.important_td
{
    background-color: white;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 1.05em;
    color: red;
    font-size: 1.3em;
}

.library_sf
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
}

.blockshadow
{
    background-image: url(../Images/shadow.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: left top;
}

.divAjaxSrc
{
    z-index: 0;
    border-bottom: dimgray 1px solid;
    position: absolute;
    border-left: dimgray 1px solid;
    background-color: white;
    visibility: hidden;
    border-top: dimgray 1px solid;
    font-weight: bolder;
    border-right: dimgray 1px solid;
    top: 0pt;
    left: 0pt;
}

.divAjaxSrc A
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma,Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
    text-decoration: none;
}

.divAjaxSrc TH
{
    border-bottom: gray 2px solid;
}

.divAjaxSrc TD
{
    clip: rect(auto auto auto 10px);
    text-align: left;
    padding-left: 5px;
    margin-left: 5px;
    clear: left;
}

.QuickSearch .txtQSearch
{
    border: 1px solid #c0c0c0;
    text-indent: 5px;
    outline-style: none;
    outline-color: invert;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Tahoma, Verdana, Arial;
    color: #505050;
    font-size: 1.1em;
    font-weight: lighter;
}

.QuickSearch TD
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #808080;
    font-size: 1.1em;
}

.tips TH A
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 12pt;
    font-weight: bolder;
    text-decoration: none;
}

.img-shadow
{
    margin: 12px 0px 0px 10px;
    background: url(../images/shadow.gif) no-repeat right bottom;
    float: right;
    text-align: center;
    display: block;
}

.img-shadow DIV
{
    border: 1px solid #a9a9a9;
    padding: 4px;
    background-color: #ffffff;
    margin: -6px 6px 6px -6px;
}

.divBlurScreen
{
    z-index: 100;
    background-repeat: repeat;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    background-color: #004686;
    width: 100%;
    height: 100%;
    visibility: hidden;
}

.typeImage
{
    filter: alpha(opacity=40);
    opacity: 0.4;
    z-index: -1;
}

.typeImage:hover
{
    filter: alpha(opacity=100);
    opacity: 0.9;
    z-index: -1;
}

.row1
{
    background-color: #ffffff;
}

.row2
{
    background: #ffffff;
}
.ArticleRow
{
    background: #fff;
    color: #004686;
    font-style: italic;
}


.row3
{
    background-color: mediumseagreen;
}

.listTable
{
    background: #c0c0c0;
    width: 100%;
    font-size: 100%;
    border-spacing: 1px;
    border: 0;
}

.listTable TH
{
    background: #dfdfdf;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 24px;
    color: #323232;
    font-size: 1.2em;
    font-weight: bolder;
    padding: 3px;
}

.listTable td
{
    padding: 3px;
    font-size: 1.2em;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
}

.listTable TH A
{
    text-decoration: underline;
    color: #323232;
}


.statTable
{
    background-color: #c0c0c0;
}

.statTable TH
{
    background: #dfdfdf;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #707070;
    font-size: 1.15em;
}

.statTable TD
{
    background-color: #ffffff;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #404040;
    font-size: 1.1em;
}

.linkf
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: gray;
    font-size: 1em;
    text-decoration: none;
    font-weight: normal;
}

.linkf:hover
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: gray;
    font-size: 1em;
    text-decoration: underline;
}

.linkf2
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #ffffff;
    font-size: 1em;
    text-decoration: none;
    font-weight: normal;
}

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

.infoDiv
{
    background: #fff;
    border: 1px solid #000;
    z-index: 9999;
    position: absolute;
    text-align: left;
    width: 330px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 90px;
    visibility: hidden;
    color: white;
    font-size: 12pt;
    font-weight: bolder;
    left: 50%;
    top: 50%;
    margin: -100px 0 0 -150px;
}

.infoDiv TD
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #939393;
    font-size: 16pt;
    font-weight: bolder;
}

.tblBrowser
{
    border-bottom: dimgray 1px solid;
    border-left: dimgray 1px solid;
    background-color: white;
    border-top: dimgray 1px solid;
    border-right: dimgray 1px solid;
}

.tblBrowser TD
{
    text-align: center;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Verdana, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: lighter;
}

.tblBrowser A
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Tahoma, Verdana, Arial;
    color: dimgray;
    font-size: 10pt;
    font-weight: bolder;
    text-decoration: underline;
}

.tblBrowser TD SPAN
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Tahoma, Verdana, Arial;
    color: firebrick;
    font-size: 12pt;
    font-weight: bolder;
}

.lnkAuthor
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS,Tahoma, Verdana, Arial;
    color: brown;
    font-size: 10pt;
    font-weight: lighter;
}

.sgTitle
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 9pt;
    font-weight: bolder;
    text-decoration: underline;
}

.sgAuthor
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 9pt;
    font-weight: lighter;
}

.sgTable
{
    border-bottom: gainsboro 1px;
    border-left: gainsboro 1px;
    background-color: transparent;
    border-top: gainsboro 1px;
    border-right: gainsboro 1px;
}

.sgTable TH
{
    border-bottom: gainsboro 1px solid;
    text-align: left;
    background-color: transparent;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: slategray;
    font-size: 12pt;
}

.f_otherLibs
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #c0c0c0;
    font-size: 1.3em;
    text-decoration: underline;
}

.userAlerts
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: crimson;
    font-size: 11pt;
    font-weight: bolder;
}


.highlight
{
    border-bottom: slategray 1px solid;
    border-left: slategray 1px solid;
    padding-bottom: 0px;
    background-color: #FF9900;
    padding-left: 1px;
    padding-right: 1px;
    color: black;
    border-top: slategray 1px solid;
    font-weight: lighter;
    border-right: slategray 1px solid;
    padding-top: 0px;
}

.wordMatch
{
    border-bottom: lightgrey 1px solid;
    border-left: dimgray 1px;
    background-color: cornsilk;
    border-top: dimgray 1px;
    border-right: aliceblue 1px;
}

.link_f:hover
{
    background-color: ivory;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: royalblue;
    font-size: 10pt;
}

.wordMatch2
{
    background-image: url(images/hdr_bgr2i.png);
}

.libCombo
{
    border: 1px solid #c0c0c0;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 28px;
    color: #808080;
    font-size: 10pt;
    padding-top: 2px;
    outline: none;
}

.divResultHeader
{
    background-image: url(images/imgMenuHeaderBackground.png);
    border-bottom: dimgray 1px solid;
    text-align: left;
    width: 100%;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 28px;
    color: dimgray;
    font-size: 10pt;
    border-top: dimgray 1px solid;
    font-weight: bolder;
}

.lnkNext
{
    text-align: right;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: slategray;
    font-size: 10pt;
    font-weight: bolder;
}

.divPatronCard
{
    z-index: 9999;
    position: absolute;
    border: 1px solid #000;
    background-color: #fff;
    width: 600px;
    height: 400px;
    display: none;
    left: 50%;
    top: 50%;
    margin-left: -300px;
    margin-top: -200px;
}

.patronCardPatronName
{
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 2.5em;
}

.patronCardLeftPane
{
    padding-left: 10px;
    padding-right: 20px;
    width: 140px;
    float: left;
    height: 400px;
    border-right: lightgrey 1px solid;
    text-align: center;
}


.divPatronCard input[type=button]
{
    position: absolute; 
    bottom: 0; 
    right: 0; 
    margin-right: 10px; 
    margin-bottom: 10px
}

.patronCardFont
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #808080;
    font-size: 1.1em;
    font-weight: lighter;
}

.patronCardFont2
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #000;
    font-size: 1.1em;
    text-decoration: underline;
}

.patronCardFont3
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.1em;
}


.homeLibraries
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #808080;
    font-size: 1.1em;
}



.similarWords
{
    z-index: 0;
    text-transform: uppercase;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #808080;
    font-size: 1.3em;
}

.menutitle_td DIV
{
    text-align: right;
}
.tdLinkBar1
{
    border-bottom: #c0c0c0 1px solid;
    background-color: white;
    width: 200px;
    height: 32px;
    padding-top: 2px;
}

.tdLinkBar2
{
    border-bottom: darkgray 1px solid;
    width: 201px;
}

.tdLinkBar3
{
    border-bottom: #c0c0c0 1px solid;
    padding-left: 0px;
    margin-left: -20px;
    border-top: c0c0c0 1px solid;
}

.tblTop
{
    background-image: url(images/imgMenuHeaderBackground.png);
    border-top: #c0c0c0 1px solid;
}

.rowOverDue
{
    background-color: white;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: tomato;
    font-size: 10pt;
    font-weight: bolder;
}

.btnMoreResults
{
    background-image: url(images/imgMenuHeaderBackground.png);
    border-bottom: darkgray 1px solid;
    border-left: darkgray 1px solid;
    height: 20px;
    border-top: darkgray 1px solid;
    border-right: darkgray 1px solid;
}

.tdRowMatch
{
    background-color: moccasin;
    height: 22px;
    vertical-align: middle;
}

.divPwdForm
{
    border-bottom: dimgray 1px solid;
    border-left: dimgray 1px solid;
    padding-bottom: 5px;
    background-color: ghostwhite;
    padding-left: 5px;
    padding-right: 5px;
    border-top: dimgray 1px solid;
    border-right: dimgray 1px solid;
    padding-top: 5px;
}

.divPwdForm TABLE
{
    border-bottom: darkgray 1px;
    background-color: dimgray;
}

.divPwdForm TD
{
    background-color: ghostwhite;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 10pt;
}

.divPwdForm TD INPUT
{
    border-bottom: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: slategray;
    font-size: 11pt;
    border-top: lightgrey 1px solid;
    font-weight: bolder;
    border-right: lightgrey 1px solid;
}

.divPwdForm TD #btnSubmitPwd
{
    background-image: url(images/imgMenuHeaderBackground.png);
    border-bottom: darkgray 1px solid;
    border-left: darkgray 1px solid;
    background-color: gainsboro;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 22px;
    color: dimgray;
    font-size: 10pt;
    border-top: darkgray 1px solid;
    font-weight: lighter;
    border-right: darkgray 1px solid;
}

.divBookPreview
{
    z-index: 0;
    background-color: lemonchiffon;
}

.cmbRiksWebs
{
    border-bottom: lightgrey 1px solid;
    border-left: lightgrey 1px solid;
    outline-style: none;
    outline-color: invert;
    outline-width: medium;
    width: 95%;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: dimgray;
    font-size: 1em;
    border-top: lightgrey 1px solid;
    font-weight: lighter;
    border-right: lightgrey 1px solid;
}

.divTileContainer
{
    z-index: 0;
    border-bottom: 1px;
    text-align: center;
    border-left: 1px;
    padding-bottom: 4px;
    padding-left: 4px;
    width: 320px;
    padding-right: 4px;
    float: left;
    height: 220px;
    border-top: 1px;
    border-right: 1px;
    padding-top: 4px;
}

.divTileContainer .divTile
{
    z-index: 0;
    border-bottom: black 1px solid;
    text-align: left;
    border-left: black 1px solid;
    padding-bottom: 3px;
    background-color: #ef6f60;
    padding-left: 3px;
    width: 316px;
    padding-right: 3px;
    height: 210px;
    visibility: visible;
    border-top: black 1px solid;
    border-right: black 1px solid;
    padding-top: 3px;
}

.divTileContainer .divTile .divTileTitle
{
    border-bottom: slategray 1px;
    border-left: slategray 1px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: white;
    font-size: 11pt;
    border-top: slategray 1px;
    font-weight: bolder;
    border-right: slategray 1px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.divTileContainer .divTile .divTileAuthor
{
    font-style: oblique;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: white;
    font-size: 10pt;
}

.divTileContainer .divTile .divTileRating
{
    border-bottom: 1px;
    text-align: center;
    border-left: 1px;
    width: 100%;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: white;
    font-size: 23pt;
    border-top: 1px;
    font-weight: bolder;
    border-right: 1px;
}

.divTileContainer .divTile .divTitleLink
{
    text-decoration: none;
}

.divTileContainer .divTile .divTitleLink:hover
{
    color: gold;
}

.divTileContainer .divTile .divTileData
{
    z-index: 0;
    border-bottom: 1px;
    text-align: center;
    border-left: 1px;
    border-right-width: 1px;
    border-top: 1px;
    margin-right: 0px;
}

.divTileContainer .divTile .divTileBodyContainer
{
    border-bottom: gold 1px;
    text-align: center;
    border-left: gold 1px;
    width: 100%;
    height: 172px;
    border-top: gold 1px;
    border-right: gold 1px;
}

.divTileContainer .divTile .divTileImageContainer
{
    z-index: 0;
    border-bottom: 1px;
    border-left: 1px;
    width: 0px;
    border-top: 1px;
    border-right: 1px;
}

.helpHeader
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    margin-left: 20pt;
}

.helpText
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS;
    font-size: 10pt;
    font-weight: normal;
    text-align: left;
    margin-left: 30pt;
}

.helpIndex
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS;
    font-size: 11pt;
    font-weight: bold;
    text-align: left;
    margin-left: 20pt;
}

.CustomList
{
    float: left;
    width: 320px;
    height: 80px;
    margin: 10px;
    padding: 10px;
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS;
    font-size: 2em;
    color: #000;
    cursor: pointer;
    background: #c0c0c0
}
.CustomList:hover
{
    background: #d0d0d0
}

.divSocialBar
{
    border-bottom: solid 1px #b9b9b9;
    border-right: solid 1px #b9b9b9;
    border-top: solid 1px #b9b9b9;
    border-left: solid 1px #b9b9b9;
    background-color: #f8f8ff;
    height: 28px;
    padding: 8px 4px 4px 4px;
    vertical-align: middle;
    width: 290px;
    position: absolute;
    right: 0;
    margin-top: 2px;
    display: none
}

.divSocialBarContent
{
    margin: 2 2 2 2;
    overflow: hidden;
}

.imgImageClose
{
    position: relative;
    top: -14px;
    left: 4px;
    float: right;
    visibility: hidden;
    clear: left;
    display: block;
    overflow: hidden;
}

.spanFieldCount
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS;
    font-size: 8pt;
    color: #c0c0c0;
}

.fieldList
{
    width: 100%;
    list-style-type: square;
    overflow: hidden;
    text-align: left;
    font-size: 100%;
}


.fieldList li
{
    float: left;
    width: auto;
    line-height: 20pt;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #a0a0a0;
    font-size: 1em;
    white-space: pre-line;
}

/* tabs*/

#tabs
{
    background: transparent;
    border: none;
    display: none;
}

#tabs .ui-tabs-panel {
	display: block;
	clear: both;
}

#tabs ul
{
    list-style: none;
}
#tabs .ui-tabs-nav
{
    padding-left: 5px;
    padding-bottom: 0
}

#tabs .ui-tabs-nav .ui-state-default a
{
    color: #000;
    text-decoration: none;
    outline: none
}
#tabs .ui-tabs-nav .ui-state-active a
{
    color: #000;
    text-decoration: none;
    outline: none
}
#tabs .ui-tabs-nav li
{
    position: relative;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    background: #f3f3f3;
    border-left: 1px solid #c0c0c0;
    border-right: 1px solid #c0c0c0;
    border-top: 1px solid #c0c0c0;
    margin-right: 5px;
    float: left;
    height: 20px;
    outline: none;
    margin-top: 5px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    width: 80px;
    text-align: center
}

#tabs .ui-tabs-nav li.ui-tabs-active,li.ui-tabs-selected
{
    background: #fff;
    color: #000;
    margin-top: 0px;
    height: 25px
}


/* Sort Dropdown*/
#divSortDropdown
{
    position: absolute;
    border: 2px solid #000;
    z-index: 9999;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 100%;
    display: none;
    line-height: 2.3em;
    width: 200px;
    text-indent: 10px;
    padding-top: 10px;
    padding-bottom: 10px
}

#divSortDropdown a
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.3em;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
    
}
#divSortDropdown a:hover
{
    text-decoration: none;
    background: #c0c0c0
}

/* Dropdwon menu*/
.DropDownMenu
{
    position: absolute;
    border: 2px solid #000;
    z-index: 9999;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 100%;
    display: none;
    line-height: 2.3em;
    width: 200px;
    text-indent: 10px;
    padding-top: 10px;
    padding-bottom: 10px 
}
.DropDownMenu a
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.3em;
    color: #fff;
    text-decoration: none;
    display: block;
    width: 100%;
}
.DropDownMenu  a:hover 
{
    text-decoration: none;
    background: #c0c0c0
}


#divBubble
{
    position: absolute; 
    display: none; 
    height: 32px; 
    width: auto;
    border: 2px solid #000;
    padding: 10px;
    color: #fff;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.3em;
    text-align: center;
    z-index: 9999    
}


#divSuccestions
{
    position: fixed;
    height: 200px;
    width: 350px;
    overflow-x: hidden;
    overflow-y: auto;
    border: 2px solid black;
    color: #000;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.15em;
    text-indent: 10px;
    display: none;
    background: #fff;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left
    
    
}

#divSuccestions div
{
    width: 100%;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

#divSuccestions div:hover
{
    background: #c0c0c0;
    cursor: pointer
}

.smallButton:hover
{
    width: 19px;
    height: 19px;
}


.pscPatronName
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 3em;
    color: #323232
}

.PatronStatTable
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.3em;
    color: #323232;
    border-spacing: 0
}
.PatronStatTable td
{
    padding: 5px;
    padding-left: 10px
}

.PatronStatTable .CellRightBorder
{
    border-right: 1px solid #c0c0c0;
    padding-right: 10px
}

.StatTitle
{
    
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.5em;
    color: #323232;
}

.ImageButton
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1em;
    color: #323232;
    text-align: center;
    width: 80px;
    padding: 8px;
    cursor: pointer;
    float: left
}

.ImageButton:hover span
{
    color: #fff
}
.BrowserUpdate
{
    text-align: center;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 100%;
    text-decoration: none
}
.BrowserUpdate a
{
    font-size: 2em;
}
.BrowserUpdate a:visited
{
    font-size: 2em;
}

.PerListIndex
{
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    color: #fff;
    font-size: 2em;
    display: table-cell;
    width: 48px;
    height: 48px;
    text-align: center;
    vertical-align: middle;
    margin: 5px;
    cursor: pointer;
}

.PerListItem
{
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    float: left;
    width: 340px;
    margin: 5px;
    padding: 10px;
    background-color: #F3F3F3;
    border: 1px solid #c0c0c0;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden
}

.PerListItem:hover
{
    background: #c0c0c0;
}

.PerListItemTitle
{
    font-size: 1.9em;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 15px;
    overflow: hidden
}
.PerListItemCounts
{
    padding-left: 10px;
    font-size: 1.3em;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.PerListSelector
{
     font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
     color: #fff;
     font-size: 2em;
     position: absolute;
     border: 1px solid #303030;
     padding: 10px;
     background: #c0c0c0;
     width: 480px;
     top: 10px;      
     display: none;
     z-index: 9999;
     text-align: center;
     padding: 10px
}

.PerListSelectorItem
{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 48px;
    height: 48px;
    cursor: pointer;
}
.JumpListTooltip
{
    display: none;
    position: absolute;
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.8em;
    width: 500px;
    white-space: nowrap
}

.currentPageNumber
{
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.2em;
    color: #fff;
    text-decoration: none;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: middle
}
.pageNumber
{
    font-family: Segoe UI Light, Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    font-size: 1.2em;
    text-decoration: none;
    width: 24px;
    height: 24px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    color: #303030
}
.selectSentMessages
{
    border: 1px solid #c0c0c0;
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    font-family: Segoe UI, DefaultFont, Trebuchet MS, Verdana, Tahoma, Arial;
    height: 28px;
    color: #808080;
    font-size: 1.2em;
    padding-top: 2px;
    outline: none;
}

.iframeMailBody
{
    width: 100%;
    position: relative;
    box-shadow: 4px 4px 3px #a0a0a0; 
    border: 1px solid #f0f0f0;    
    margin-top: 10px;
    overflow: hidden
}