﻿/*--------------------------------------------------------------------
GAV-Service Main Styles
Quatico Solutions AG 2011 // www.quatico.com
---------------------------------------------------------------------- */

/*-----------------------------------------
    General Styles
-----------------------------------------*/
html, body
{
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
}

img
{
    border: none;
}

html.gavservice
{
}

body #MainWrapper
{
    position: relative;
    margin: 0 10px 0 10px;
}

select, input
{
    font-family: Verdana,Arial,Geneva,Helvetica,sans-serif;
}

a.skip_link
{
    display: none;
}

a.home
{
    font-size: 13px;
    font-weight: bold;
    line-height: 36px;
}

div.sidebar_title
{
    background: transparent url('../images/bg_suche.gif') top left no-repeat;
    height: 27px;
    line-height: 16px;
    font-weight: bold;
    color: #ffffff;
    padding-left: 4px;
}

.teaser
{
    border-bottom: 1px solid #949494;
    width: 200px;
    margin-bottom: 16px;
    margin-top: 8px;
}

.teaser a.teaser-link
{
    margin: 5px 0px;
    display: block;
}

.teaser img
{
    border: 0px;
}

.related-search-box
{
    padding: 0;
    margin: 4px 0 6px 0;
    width: 95px;
    height: 16px;
}


.advanced-search li
{
    border-top: 1px solid #D6D6D6;
}

.related-link-list ul
{
    padding: 0;
    margin: 0 0 16px 0;
}

.related-link-list li
{
    list-style: none outside none;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
    line-height: 16px;
    margin: 0;
    padding: 4px 0 4px 14px;
    border-bottom: 1px solid #D6D6D6;
}

.related-link-list .last
{
    border-bottom: none;
}


td#middle-spacer
{
    width: 25px;
}

td#teaser-content
{
    width: 180px;
}

.warning-msg
{
    color: Orange;
}

.error-msg
{
    color: Red;
}

.info-msg
{
    color: Green;
}

#metanavigation
{
    display: inline-block;
    float: left;
    padding-top: 10px;
}

.userinfo
{
    padding-top: 5px;
    display: inline;
    padding-left: 20px;
    color: gray;
}

.userinfo-label
{
}

.version-information-panel
{
    padding-top: 4px;
    padding-bottom: 2px;
}

#top-area .infoboxwrapper
{
    position: absolute;
    top: 15px;
    left: 160px;
    width: 450px;
    text-align: center;
}
.infoboxwrapper .infoboxframe
{
    text-align: left;
    border: solid 1px #ff0000;
    background-color: white;
    height: 49px;
    padding: 5px 10px 0 10px;
    overflow: auto;
}
.infoboxwrapper .infoboxcontent
{
    font-size: 11px;
    line-height: 14px;
}

/*-----------------------------------------
    UniaNavigationMaster
-----------------------------------------*/
#unia-nav-master #slogan
{
    color: #ffffff;
    font-size: 26px;
    font-weight: bold;
    padding-bottom: 5px;
    padding-left: 5px;
    font-family: 'Arial Black';
}

#unia-nav-master #mainpart
{
    width: 960px;
    padding-top: 15px;
}

#unia-nav-master .content-table
{
    border-collapse: collapse;
    border: 0 none;
}
#unia-nav-master .content-table .content-table-right
{
    width: 180px;
    padding: 0;
    margin: 0;
    border: 0 none;
}

.content-table-right #contentborder
{
    width: 180px;
    margin: 0;
    height: 100%;
    clear: both;
    position: relative;
}

.content-table-right #contentborder .contentborderfloater
{
    width: 180px;
    padding: 0;
    margin: 0;
}

/*-----------------------------------------
    Lohnrechner
-----------------------------------------*/

table.lohnrechner
{
    width: 100%;
    border-collapse: separate;
    border-top: 1px solid #888888;
    border-bottom: 1px solid #888888;
    margin-top: 20px;
    margin-bottom: 25px;
}

table.dark
{
    background-color: #99CCFF;
}

table.lohnrechner td
{
    vertical-align: top;
    padding: 4px 6px 6px 6px;
}

table.lohnrechner td
{
    border-top: 1px solid #d6d6d6;
}

table.lohnrechner tr.first td
{
    border-width: 0;
}

table.lohnrechner tr.far-part td, table.lohnrechner tr.bottom-first td
{
    border-top: 1px solid #888888;
}

table.lohnrechner tr.top-part td
{
    background-color: #ebebeb;
}

table.lohnrechner tr.bottom-part td
{
    background-color: #dcebfb;
}

table.lohnrechner .unit, table.lohnrechner .text, table.lohnrechner .sub
{
    color: #777;
}

.mobile table.lohnrechner .info span:not(:empty), .mobile table.lohnrechner .sub span:not(:empty)
{
    display: block;
}

table.lohnrechner .unit
{
    width: 10%;
}

table.lohnrechner .title
{
    width: 50%;
}

table.lohnrechner .info
{
    width: 30%;
}

table.lohnrechner .gray_bg
{
    background-color: #ebebeb;
}

table.lohnrechner .gray_bg td
{
    border-top: 1px solid #fff;
}

table.lohnrechner .amount
{
    text-align: right;
    width: 10%;
}

div.more_link
{
    border-top: 1px solid #d6d6d6;
    margin-bottom: 5px;
    padding-top: 5px;
}


/*-----------------------------------------
    TabMenu
-----------------------------------------*/
#TabMenu ul
{
    list-style: none;
    margin: 0;
    padding: 0;
    width: auto;
}

#TabMenu ul li, #TabMenu ul li
{
    list-style: none;
}
#TabMenu ul li a, #TabMenu ul li a
{
    padding-left: 8px;
    padding-right: 8px;
    border-right: 1px solid #fff;
}

#TabMenu ul li a.selected, #TabMenu ul li a.selected
{
    background-color: #cccccc;
}

a.tab, a.tab_active
{
    float: left;
    text-align: center;
    padding: 0 6px 0 6px;
    line-height: 24px;
    border-right: 1px solid #fff;
    background-image: url('../images/tab_top_right.gif');
    background-position: top right;
    background-repeat: no-repeat;
    color: #ffffff;
    font-weight: bold;
}

a.tab_active, a.tab:hover
{
    background-color: #cccccc;
}

.clear-line
{
    clear: both;
}


/*---------------------------------------*/

a.last
{
    background-image: none;
    border-right: none;
}

div.tab a
{
    color: #ffffff;
    font-weight: bold;
}

div.rootline
{
    margin-top: 11px;
    padding-left: 3px;
    width: auto;
}

div.rootline a
{
    color: #EC0404;
}

#content
{
    padding-left: 4px;
}

table #content
{
    width: 751px;
}

h1
{
    margin-bottom: 0;
}

h2
{
    margin-top: 0;
    margin-bottom: 34px;
    font-size: 18px;
    font-weight: normal;
}


div.branche
{
    margin-top: 18px;
    border-bottom: 1px solid #949494;
    padding-bottom: 6px;
    margin-left: -6px;
    padding-left: 6px;
}

div.gav
{
    padding-top: 5px;
    padding-bottom: 6px;
    border-bottom: 1px solid #d6d6d6;
    padding-left: 6px;
}

div.geltungsbereich
{
    margin-top: -10px;
    padding-top: 0px;
    border: none;
}

div.gav a.title
{
    display: block;
    width: 600px;
}

select, input
{
    border: 1px solid #abadb3;
    font-size: 11px;
}

input
{
    padding-left: 2px;
}

.search-wrapper
{
    padding-top: 4px;
}

.search-ListKanton
{
    padding: 0;
    margin: 5px 0 0 0;
    width: 250px;
    height: 24px;
    font-size: 12px;
    float: right;
    right: 0;
}
.kanton-wrapper
{
    position: absolute;
    right: 0;
}

.kanton-wrapper span
{
    display: block;
}

.search-AZNavigationLabel
{
    float: left;
    border-bottom: 1px solid #949494;
    padding: 1px 0 2px 5px;
    width: 365px;
    color: #949494;
}
.search-AZNavigationLabel a, .search-AZNavigationLabel span
{
    margin: 0;
    padding: 0;
    text-align: center;
    float: left;
    width: 14px;
}

.search-StichwortSuchen
{
    position: relative;
    margin: 5px 0;
}

.search-StichwortSuchen .search-label
{
    display: block;
}

.search-StichwortSuchen .big
{
    font-weight: bold;
    margin-bottom: 5px;
}




.search-stichwort-button
{
    height: 24px;
    margin-left: 2px;
    width: 92px;
    font-size: 14px;
}

.search-textbox, .search-textbox-wrapper
{
    display: inline-block;
    float: left;
}

.search-textbox
{
    position: relative;
}

.search-textbox .rotator
{
    position: absolute;
    z-index: 1;
    top: 4px;
    right: 2px;
}

.search-textbox .search-InputSearch
{
    padding: 0 0 0 5px;
    margin: 0;
    font-size: 12px;
    height: 22px;
    width: 367px;
    background-color: transparent;
}

.completion_list, .completion_list_footer, .completion_list_hit_enter
{
    margin-top: 0;
    margin-left: 0;
    padding: 0;
    font-size: 12px;
    background-color: #ffffff;
    width: 368px;
}

.completion_list, .completion_list_footer
{
    border-bottom: 1px solid #949494;
    border-left: 1px solid #abadb3;
    border-right: 1px solid #abadb3;
}

.completion_list li, .completion_list_footer div, .completion_list_hit_enter div
{
    border-top: 1px solid #949494;
    padding: 0 4px 2px 6px;
    line-height: 24px;
    list-style: none;
}

.completion_list_hit_enter
{
    border-color: #fff !important;
    color: #666;
}

.completion_list li
{
    list-style: none;
}
.completion_list li.completion_highlighted_item
{
    cursor: pointer;
    color: #EC0404;
}

.completion_list_hit_enter
{
    position: absolute;
}

.completion_list_hit_enter div
{
    padding: 0;
    border-top: 0 none;
}

.completion_list_footer
{
    position: absolute;
}
.completion_list_footer .completion_morecount
{
    border-top: 0 none;
    text-align: center;
    background-color: #f8f8f8;
    color: #606060;
}

.result-wrapper
{
    padding-top: 10px;
    padding-left: 2px;
}

.result-wrapper .result-message
{
    margin-top: 16px;
    padding: 5px;
    text-align: center;
}

.frontpage h1 span.small
{
    font-size: 10px;
}

.frontpage .box-wrapper
{
    padding: 0;
    margin: 0;
    border: none;
    position: relative;
}

ul.top10
{
    padding-bottom: 5px;
    margin-top: 10px;
    margin-bottom: 18px;
    margin-left: 0;
    padding-left: 0;
    line-height: 14px;
}

ul.top10 li
{
    list-style: none outside none;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-position: 0px 5px;
    padding-left: 14px;
}

.top10-message
{
    padding-top: 4px;
}

ul.top10 li.more
{
    margin-top: 14px;
    font-weight: normal;
}

ul.top10 li.more a
{
    font-weight: normal;
    font-size: 11px;
}

.frontpage .recently-changed-wrapper
{
    border-top: 1px solid #949494;
}

.frontpage .recently-changed-wrapper DIV.rss-icon
{
    position: absolute;
    top: 3px;
    right: 0;
}
.frontpage .recently-changed-wrapper DIV.rss-icon IMG
{
    border: none;
}
.frontpage .recently-changed-wrapper ul.top10 li SPAN
{
    display: block;
}
.frontpage .recently-changed-wrapper ul.top10 li.no-link
{
    background-image: url(../images/arrow_grey.png);
}
.frontpage .recently-changed-wrapper ul.top10 li.no-link A
{
    color: #666666;
}

p
{
    line-height: 14px;
}

a.link
{
    padding-left: 22px;
}

h3
{
    border-bottom: 1px solid #d6d6d6;
    margin-bottom: 0;
    padding-bottom: 11px;
    margin-left: -4px;
    padding-left: 4px;
}

.subtitle
{
    font-weight: normal;
    font-size: 11px;
}

div.branches h3
{
    padding-top: 6px;
    padding-bottom: 6px;
}

div.gav
{
    position: relative;
}

div.gav a.geltungsbereich
{
    padding-right: 12px;
}

a.auf
{
    background: url('../images/aufklappen.gif') center right no-repeat;
}

a.zu
{
    background: url('../images/zuklappen.gif') right 0 no-repeat;
}

a.auf:hover
{
    background-image: url('../images/aufklappen_rollover.gif');
}

a.zu:hover
{
    background-image: url('../images/zuklappen_rollover.gif');
}

a.aufklappen
{
    background-image: url('../images/zuklappen.gif');
}

a.aufklappen:hover
{
    background-image: url('../images/zuklappen_rollover.gif');
}

div.gav a.geltungsbereich:hover
{
    color: #fc5454;
}

div.gav p.beschreibung
{
    color: #666666;
    margin: 0;
}

div.gav p.detail
{
    font-weight: bold;
    margin-top: 14px;
    margin-bottom: 5px;
    color: #666666;
}

div.gav div.tabs
{
    line-height: 22px;
    background-color: #ebebeb;
    margin-top: 8px;
    margin-left: -6px;
    padding-left: 6px;
    padding-bottom: 2px;
    margin-bottom: 8px;
}

div.gav div.tabs a
{
    border-right: 1px solid #ABADB3;
    margin-right: 7px;
    padding-right: 7px;
}

div.gav a#TabArchivedVersions
{
    border-right: none;
}

div.gav div.tabs a.selected
{
    font-weight: bold;
    color: #666666;
}

div.gav div.tabs a.tablink
{
    color: red;
}


div.gav div.tabs a.inactive
{
    color: #666666;
}

div.gav ol
{
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 21px;
    line-height: 14px;
}

div.gav ol li
{
    margin-bottom: 14px;
}

div.gav ol ol
{
    padding-left: 0;
    margin-bottom: 0;
}

div.gav ol ol li
{
    margin-bottom: 0;
}

div.gav p
{
    margin-bottom: 0;
}

.print-logo
{
    display: none;
}

div.header
{
    background-image: url(../images/unia_original_dateien/header_image_uniafueralle.gif);
    background-repeat: no-repeat;
    background-position: top right;
    height: 65px;
    overflow: hidden;
}

div.header .header_title
{
    padding-top: 15px;
    font-weight: bold;
    font-size: 25px;
    text-align: right;
    padding-right: 10px;
}

#header-banner
{
    background-color: #ff0000;
    width: 960px;
    height: 96px;
}

#header-banner table
{
    background-color: #ff0000;
    height: 96px;
}


div.options
{
    float: right;
    margin-top: 5px;
}

div.branches .options
{
    float: right;
    margin: 0;
}

div.branches .no-results
{
    padding-top: 16px;
}


div.version_option .options
{
    margin: 0;
    position: absolute;
    right: 0;
    top: 0;
}


div.options a
{
    border-right: 1px solid #ABADB3;
    margin-right: 3px;
    padding-right: 7px;
}

div.options a.last
{
    border-right: none;
}

div.options a.zu, div.options a.auf
{
    margin-right: 10px;
    padding-right: 12px;
    margin-left: 3px;
}

div.gav_version
{
    border: 1px solid #abadb3;
    padding-top: 0;
    padding-bottom: 0;
}

p.gav_title
{
    font-weight: bold;
    margin-top: 17px;
}

div.gav_version div.tabs
{
    margin-top: 0;
    margin-bottom: 0;
}

div.gav_version .choose
{
    margin-top: 4px;
    margin-bottom: 10px;
}

div.gav_version p.choose-header
{
    margin-top: 0;
    margin-bottom: 6px;
    padding-left: 14px;
}

div.gav_version span.ave-header
{
    _left: 312px;
}

.KurzInfo
{
    display: block;
    color: #666666;
}

div.gav_version p.choose span.datum
{
    left: 176px;
}
div.gav_version a.geltungsbereich, div.gav_version a.geltungsbereichzu
{
    top: 29px;
}

div.version_option
{
    margin-left: -6px;
}

div.version_option
{
    padding-top: 5px;
    padding-bottom: 5px;
}

div.version_option label
{
    margin-left: 2px;
}

div.version_option span.version-label
{
    font-weight: normal;
}

div.gav_version div.option
{
    border-top: 1px solid #d6d6d6;
}

div.mitarbeiter_kategorie
{
    border: 1px solid #abadb3;
    padding: 6px;
}

div.mitarbeiter_kategorie p.choose
{
    margin-top: 4px;
    margin-bottom: 10px;
}

div.mitarbeiter_kategorie div.option
{
}

div.mitarbeiter_kategorie div.option div.radiobutton
{
    margin: 0;
    padding: 0;
    line-height: 18px;
    clear: both;
}

div.mitarbeiter_kategorie div.option div.radiobutton input
{
    display: block;
    float: left;
    border-style: none;
    margin-right: 5px;
}

div.mitarbeiter_kategorie div.option div.radiobutton label
{
    display: block;
    margin-left: 25px;
}

div.mitarbeiter_kategorie div.option span.caption
{
    display: block;
    margin-top: 5px;
}

div.gav_version div.version_option
{
    border-top: 1px solid #d6d6d6;
    overflow: hidden;
}

div.gav_version div.version_option a.geltungsbereich
{
    top: 0;
    right: 10px;
}

div.version_option label
{
    position: relative;
    display: block;
    padding-left: 18px;
}

div.version_option input
{
    margin: 0;
    position: absolute;
    left: 2px;
    _left: -19px;
    top: 1px;
    _top: -3px;
    border: none;
}

div.gav_version span.unia-header
{
    width: 297px;
    display: inline-block;
}

div.gav_version span.unia
{
    width: 300px;
    float: left;
}


div.gav_version span.ave
{
    width: 250px;
    float: left;
}

div.gav_version div.selected span
{
    font-weight: bold;
}

div.inputformreset
{
    margin-top: 5px;
    margin-bottom: 10px;
    text-align: right;
}

div.inputformdelim
{
    margin-top: 10px;
    margin-left: -4px;
}

div.inputformdelim .pin
{
    height: 19px;
    width: 755px;
    background: url('../images/klammer.gif') no-repeat 0 0;
}

div.inputformstate
{
    display: none;
    margin: 2px 0;
    padding: 1px 2px;
    font-size: 10px;
    color: #a0a0a0;
    border: dotted 1px #808080;
}

form .input-missing
{
}

.criterion-marker
{
    background: transparent url('../images/pfeil_senkrecht.gif') top left no-repeat;
    padding-left: 16px;
    padding-top: 17px;
}

.criterion-marker .criterion-marker
{
    margin-left: 0;
}

.criterion-marker span.title
{
    padding-left: 6px;
    padding-bottom: 6px;
    display: block;
    font-weight: bold;
}

.criterion-marker span.inactive
{
    color: #949494;
}

.criterion-marker select
{
    background-color: #FFFFFF;
    width: 735px;
    height: 24px;
    line-height: 24px;
}

.criterion-marker option.please_choose
{
    font-weight: bold;
}

.criterion-marker .criterion-marker select
{
    border-color: #abadb3;
    width: 719px;
}

.criterion-marker .criterion-marker .criterion-marker select
{
    border-color: #abadb3;
    width: 703px;
}

div.lang a.selected
{
    font-weight: bold;
    color: #000000;
}

/*-----------------------------------------
    Search
-----------------------------------------*/

.search-result-link
{
    float: left;
}

.vergleichsliste-link
{
    float: right;
}

.highlight
{
    border-bottom: 1px dotted #0000FF;
}

.search-type-label
{
    font-style: italic;
}

ul#search-result-list
{
    padding: 0;
    margin: 0 0 8px 0;
}

ul#search-result-list li
{
    list-style: none;
    border-bottom: 1px solid #D6D6D6;
    padding-bottom: 8px;
    margin-bottom: 4px;
}

ul#search-result-list ul.sub-results li
{
    clear: both;
    border: none;
    padding: 8px 0 0 0;
    margin: 0 0 0 2px;
}

.query-box
{
    height: 24px;
    margin-left: 20px;
    width: 430px;
    font-size: 14px !important;
    vertical-align: middle;
}

.search-button
{
    height: 24px;
    margin: 0 0 0 16px;
    width: 92px;
    font-size: 14px !important;
    vertical-align: middle;
}


.search-panel select
{
    margin-top: 4px;
    height: 20px !important;
    width: 100%;
}

.search-table
{
    padding: 8px 8px 8px 8px;
    border: 1px solid #ABADB3;
    margin: 8px 0 16px 0;
}

.search-table input
{
    margin-top: 4px;
    height: 16px;
    width: 300px;
}

#canton-branche-table
{
    width: 100%;
}

#canton-branche-table td
{
    width: 50%;
    padding: 3px 0;
    margin: 0;
}

#special-filter-table
{
    width: 100%;
    margin: 0 0 0 16px;
    padding: 0;
}

#special-filter-table td
{
    width: 33%;
    padding: 0;
    margin: 0;
    vertical-align: top;
}

#special-filter-table td input
{
    float: left;
    border: none;
}

#special-filter-table td label
{
    line-height: 18px;
}
/*---------------------------------------*/


/*-----------------------------------------
    Criterion Selector
-----------------------------------------*/
#criterion-selector
{
    border: 1px solid #ABADB3;
    overflow: hidden;
    margin-bottom: 15px;
}

#criterion-selector .tabs
{
    background-color: #EBEBEB;
    line-height: 22px;
    position: relative;
    padding-bottom: 2px;
    padding-left: 6px;
}

#criterion-selector .sub-tabs
{
    border-top: 1px solid #ABADB3;
    overflow: hidden;
}

#criterion-selector .sub-tabs select
{
    margin-top: 4px;
}

#criterion-selector .tabs a
{
    border-right: 1px solid #ABADB3;
    margin-right: 3px;
    padding-right: 7px;
}

#criterion-selector .tabs a.selected
{
    color: #666666;
    font-weight: bold;
}

#criterion-selector a.settings-toggle
{
    padding-right: 12px;
    border: none;
    margin-right: 11px;
    background: url("../images/aufklappen.gif") no-repeat scroll right center transparent;
}

#criterion-selector a.settings-toggle:hover
{
    background-image: url("../images/aufklappen_rollover.gif");
}

#criterion-selector a.zu
{
    background: url("../images/zuklappen.gif") no-repeat scroll right top transparent;
}

#criterion-selector a.zu:hover
{
    background: url("../images/zuklappen_rollover.gif") no-repeat scroll right top transparent;
}

#criterion-selector input
{
    border: none;
}

#criterion-selector .tabs a.last
{
    border-right: none;
}

#criterion-selector .tabs input
{
    padding-left: 0;
    margin-left: 0;
}

#criterion-selector .tabs .selected
{
    color: #000000;
}

#criterion-selector a.no-border
{
    margin: 0;
    padding-right: 0;
    border: none;
}

#criterion-selector a.reset-settings
{
    color: #666666;
}


#criterion-selector-overview table
{
    width: 100%;
    border-top: 1px solid #D6D6D6;
    padding: 0;
    margin: 0;
}

#criterion-selector-overview table td
{
    vertical-align: top;
    padding: 2px 0;
    width: 33%;
}

.arrow
{
    padding-left: 10px;
    background: url("../images/arrow.gif") no-repeat scroll left center transparent;
}

.arrow:hover
{
    background: url("../images/arrow_rollover.gif") no-repeat scroll left center transparent;
}

#criterion-selector-overview a, #criterion-selector-overview span
{
    display: block;
    background-position: 0 3px;
}

#criterion-selector-overview span
{
    color: #666666;
}

#criterion-selector-overview td.sub-group
{
    padding-left: 7px;
}

#criterion-selector-overview h1
{
    font-size: 16px;
    border-top: 1px solid #ABADB3;
    font-weight: bold;
    padding: 15px 0 19px 9px;
}

#criterion-selector-overview h1.first
{
    border: none;
}

#criterion-selector-overview h2
{
    font-size: 11px;
    font-weight: bold;
    margin: 0;
}

#criterion-selector-choices .main-group-header
{
    font-weight: bold;
    font-size: 16px;
    padding-bottom: 19px;
    padding-top: 15px;
    border-top: 1px solid #ABADB3;
}

#criterion-selector-choices .first
{
    border-top: none;
}

#criterion-selector-choices table
{
    width: 100%;
    border-top: 1px solid #D6D6D6;
    padding-top: 3px;
}

#criterion-selector-choices table td
{
    width: 33%;
    vertical-align: top;
}

#criterion-selector-choices td.sub-group
{
    font-weight: bold;
    padding-left: 19px;
    padding-right: 17px;
}

#criterion-selector-choices td .criterion
{
    margin-bottom: 3px;
}

#criterion-selector-choices td input
{
    width: 13px;
    height: 13px;
    padding: 0 5px 0 0;
    margin: 0 5px 0 0;
    vertical-align: bottom;
    position: relative;
    top: -1px;
}

#criterion-selector-choices td label
{
    display: block;
    padding-left: 0;
    text-indent: -17px;
}

/*-----------------------------------------
    GAVShow
-----------------------------------------*/

div.GAVShow h1
{
    margin-bottom: 19px;
    font-size: 16px;
}

div.GAVShow h2
{
    border-bottom: 1px solid #D6D6D6;
    line-height: 23px;
    margin-bottom: 0;
    font-size: 16px;
}

div.GAVShow h3
{
    border-bottom: 1px dashed #D6D6D6;
    line-height: 23px;
    margin: 6px 0 5px 0;
    padding: 0;
    font-size: 14px;
    font-weight: bold;
}

div.GAVShow a
{
    font-size: 10px;
    font-weight: normal;
    margin-left: 5px;
}

div.GAVShow .criterion-group-1
{
    border-bottom: 1px solid #ABADB3;
    margin-bottom: 17px;
}
div.GAVShow .criterion-group-2
{
    margin-bottom: 19px;
}

div.GAVShow .criterion-group-3
{
    margin-top: 6px;
}

div.GAVShow div.GAVShow
{
    clear: both;
}
.small-header
{
    border-bottom: 1px solid #ABADB3;
    overflow: hidden;
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.small-header span
{
    float: left;
    font-weight: bold;
}

.small-header a
{
    float: right;
    display: block;
    color: #666666;
    padding-right: 12px;
}

.toggleable
{
    float: left;
    padding-left: 14px;
    background: url("../images/minus.gif") no-repeat scroll 0 1px transparent;    
}

.toggleable.closed
{
 
    background: url("../images/plus.gif") no-repeat scroll 0 1px transparent;    
}

.no-criterions-found
{
    display: block;
    margin-bottom: 17px;
}

/*---------------------------------------*/

/*-----------------------------------------
    Special Nav
-----------------------------------------*/
#special-nav-container
{
    position: relative;
    width: 100%;
    margin: 10px 0;
}

#special-nav-container.top-on-page
{
    margin-top:0;
}

ul#navigation-1
{
    position: absolute;
    right: 0;
    top: 9px;
    margin: 0;
    padding: 0;
    list-style: none;
    height: 22px;
}

ul#navigation-1 li
{
    margin: 0;
    padding: 0;
    display: block;
    float: left;
    position: relative;
    z-index: 1000;
}

ul#navigation-1 li p
{
    margin: 0;
    padding: 0;
    color: #666666;
}

ul#navigation-1 li p, ul#navigation-1 li a:link, ul#navigation-1 li a:visited
{
    padding: 4px 0;
    display: block;
    text-decoration: none;
    padding-left: 6px;
    background: url("../images/aufklappen.gif") no-repeat scroll 159px center transparent;
    background-color: #EBEBEB;
    width: 170px;
    height: 13px;
    border: 1px solid #949494;
}

ul#navigation-1 li ul.navigation-2
{
    margin: 0;
    padding: 0 0 1px 0;
    list-style: none;
    display: none;
    background: #ffffff;
    width: 176px;
    position: absolute;
    left: 0;
    top: 22px;
    border: 1px solid #949494;
    border-top: none;
}
ul#navigation-1 li:hover ul.navigation-2
{
    display: block;
}
ul#navigation-1 li ul.navigation-2 li
{
    width: 176px;
    clear: left;
    width: 176px;
    border-top: 1px solid #949494;
}

ul#navigation-1 li ul.navigation-2 li a:link, ul#navigation-1 li ul.navigation-2 li a:visited
{
    clear: left;
    padding: 5px 0 5px 6px;
    border: none;
    background: none;
}

#special-nav
{
    margin: 0;
    width: 100%;
    font-weight: bold;
    border-bottom: 1px solid #949494;
    float: left;
    list-style: none outside none;
    padding: 0;
    font-size:14px;
}

#special-nav li
{
    display: block;
    float: left;
    margin: 0;
    line-height: 30px;
}

#special-nav li a, #special-nav li span
{
    background-color: transparent;
    display: block;
    padding: 0 6px;
    position: relative;
    text-decoration: none;
    top: 2px;
}

#special-nav li.active span
{
    background-color: #FFFFFF;
    color: #666666;
    text-decoration: none;
    cursor: default;
}

#special-nav li.active
{
    border-top: 1px solid #949494;
    border-left: 1px solid #949494;
    border-right: 1px solid #949494;
}

#special-nav li .disabled
{
  
	color: #666666;
	text-decoration: none;
	cursor: default;


}

/*---------------------------------------*/

/*-----------------------------------------
    Merkliste
-----------------------------------------*/
#merkliste-container
{
    margin-bottom: 16px;
}

#merkliste, #merkliste-options
{
    /*  margin: 0 0 24px 0;*/
    padding: 0;
    margin: 0;
}

#merkliste p
{
    color: #666666;
    margin: 0;
}


#merkliste ul, #merkliste li, #merkliste-options ul, #merkliste-options li
{
    padding: 0;
    list-style: none outside none;
}

#merkliste li
{
    padding-left: 14px;
    background-image: url('../images/arrow.png');
    background-repeat: no-repeat;
    background-position: 0 10px;
}

#merkliste li, #merkliste-options li
{
    border-bottom: 1px solid #D6D6D6;
    position: relative;
    overflow: hidden;
}

#merkliste-options li
{
    padding: 4px 0;
}

#merkliste-options li.option, #merkliste-options li.last
{
    border-color: #ABADB3;
}

#merkliste a, #merkliste-options a
{
    display: block;
    margin-right: 20px;
}

#merkliste a
{
    line-height: 23px;
}

#merkliste-options a
{
    line-height: 15px;
}

#merkliste-options a
{
    padding-left: 14px;
}

#merkliste img
{
    border: 0;
}

#merkliste a.delete
{
    position: absolute;
    border: none;
    padding: 0;
    margin: 0;
    top: 8px;
    right: 10px;
}

#merkliste-options li.option
{
    margin: 0;
}

#merkliste-options li.option a.inactive
{
    color: #666666;
}


#merkliste-options
{
    border-top: 1px solid #D6D6D6;
    margin: 12px 0 0 0;
}

/*---------------------------------------*/

/*-----------------------------------------
    Vergleich
-----------------------------------------*/
#comparison
{
    border: 1px solid #ABADB3;
    float: left;
}


#comparison .tabs
{
    background-color: #EBEBEB;
    padding-bottom: 2px;
    padding-left: 6px;
    position: relative;
}

#comparison .tabs span
{
    border-right: 1px solid #ABADB3;
    margin-right: 3px;
    padding-right: 7px;
    line-height: 22px;
}

#comparison .tabs span.no-border
{
    border: none;
}

#comparison .tabs input
{
    vertical-align: text-bottom;
    margin: 0 3px 0 0;
    padding: 0;
    border: 0;
}

#comparison .tabs p
{
    color: #666666;
    font-weight: bold;
    padding: 7px 0;
    margin: 0;
}

#comparison table
{    
    table-layout: fixed;
    border-collapse: separate;
    border-spacing: 0;
    margin: 10px 0;
}

#comparison tr, #comparison th, #comparison td
{
    margin: 0;
    padding: 0;
}

#comparison th, #comparison td
{
    vertical-align: top;
    padding: 0 10px 0 0;
}

#comparison th
{
    text-align: left;
    padding: 5px 10px;
}

#comparison th.title, #comparison td.title
{
    width: 260px;
    padding-left: 8px;
}

#comparison th div
{
    position: relative;
}

#comparison th span.contract-title
{
    display: block;
    margin-right: 35px;
}

#comparison th a.delete
{
    border: medium none;
    margin: 0;
    padding: 0;
    position: absolute;
    right: 22px;
    top: 3px;
}

#comparison th a.delete img
{
    height: 10px;
    width: 10px;
}

#comparison tr.main-group td, #comparison tr.main-group th
{
    border-top: 1px solid #ABADB3;
    padding-top: 13px;
    padding-bottom: 19px;
}

#comparison tr.sub-group td, #comparison tr.sub-group th
{
    border-top: 1px solid #D6D6D6;
}

#comparison tr.criterions td, #comparison tr.criterions th
{
    border-top: 1px dashed #D6D6D6;
    padding: 4px 10px 10px 10px;
}

#comparison tr.criterions td.title
{
    padding: 0 10px 0 8px;
}

#comparison .alternate
{
    background-color: #EBEBEB;
}

#comparison h1
{
    font-size: 16px;
}

#comparison h2
{
    margin: 0;
    line-height: 23px;
    font-size: 11px;
    font-weight: bold;
}

#comparison h3
{
    line-height: 23px;
    color: #666666;
    padding: 0;
    margin: 0;
    border: none;
}



#comparison .horizontal td
{
    padding: 4px 10px 10px;
}

#comparison .horizontal th, #comparison .horizontal td
{
    border-top: 1px solid #ABADB3;
    padding-bottom: 13px;
}

#comparison .horizontal tr.header th
{
    width: 300px;
    border: 0;
}

#comparison .horizontal tr.header th.title
{
    width: 260px;
}

#comparison table.criterion-table
{
    border-collapse: collapse;
    table-layout: auto;
}

#comparison table.criterion-table th, #comparison table.criterion-table td
{
    border: 1px solid #666666;
    padding: 5px;
}

#comparison table.criterion-table th
{
    background-color: #CCCCCC;
}

/*---------------------------------------*/

/*-----------------------------------------
    Messages
-----------------------------------------*/
.message
{
    text-align: center;
    padding: 8px;
    margin: 10px 0;
    border: 1px solid #999999;
    background-color: #EBEBEB;
}

.message p
{
    font-weight: bold;
    color: #000000;
    margin: 0 0 5px 0;
}

.warning
{
    border-color: #FF0000;
    background-color: #FFFF7A;
}


/*---------------------------------------*/


/*-----------------------------------------
    Footnote
-----------------------------------------*/
div.footnote
{
    margin-top: 4px;
    padding-left: 5px;
}

div.footnoteID
{
    float: left;
}

div.footnoteText
{
    margin-left: 25px;
}
/*---------------------------------------*/


div.CriterionOverview
{
    float: left;
    margin-right: 40px;
}

div.CriterionOverview .SubCriterionOverview
{
    padding-left: 10px;
}

.ajax__tab_default .ajax__tab_tab
{
    overflow: visible;
}

.criterion-table
{
    margin: 5px 0 10px 0;
    padding: 0;
    border-collapse: collapse;
    width: 100%;
}

.criterion-table td, .criterion-table th
{
    border: 1px solid #cccccc;
    padding: 5px;
    margin: 0;
    text-align: left;
}

table.criterion-table th
{
    background-color: #ebebeb;
}

/*-----------------------------------------
    TabControl
-----------------------------------------*/
#top-area
{
    position: relative; /* padding-top: 5px;     margin-top: 14px;*/
    background-repeat: no-repeat;
    background-position: right 14px;
}
.mainnavigation
{
    position: relative;
    height: 24px;
    border-bottom: 1px solid #FFFFFF;
    background-color: #FF0000;
}



.mainnavigation .bottom-right-logo
{
    position: absolute;
    bottom: 0;
    right: 2px;
}

.side-menu-wrapper
{
    display: none;
}

.mainnavigation .side-menu
{
    border-bottom: 1px solid #939393;
}


/*-----------------------------------------
    Textfilter Styles
-----------------------------------------*/
.ave
{
    font-weight: bold;
}

.nonave
{
    font-weight: normal;
}

.star
{
    display: block;
    font-style: italic;
    font-weight: normal;
    padding-bottom: 15px;    
}
/*---------------------------------------*/


/*-----------------------------------------
    CompareEditions
-----------------------------------------*/
.diff_equal
{
}

.diff_insert
{
    background-color: #EAFFC1;
}

.diff_delete
{
    background-color: #BBDDFF;
}

.left_label
{
    background-color: #D6E4E1;
}

.right_label
{
    background-color: #EAFFC1;
}

.compare_table
{
    width: 100%;
}

.compare_table .left_column
{
    width: 30%;
    vertical-align: top;
    background-color: #D6E4E1;
}

.compare_table .right_column
{
    width: 30%;
    vertical-align: top;
    background-color: #EAFFC1;
}

.compare_table .diff_column
{
    width: 30%;
    vertical-align: top;
}

.compare_table .content_panel
{
    float: left;
    padding: 4px;
    margin-bottom: 16px;
}

.compare_table .group-heading-1
{
    font-weight: bold;
    border-bottom: 1px solid #999999;
    padding: 4px;
}

.compare_table .group-heading-2
{
    font-weight: bold;
    padding: 4px;
    padding-left: 8px;
}

.compare_table .first
{
    padding-left: 4px;
}

.compare_table .criterion-header
{
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    line-height: 20px;
    color: #666666;
    font-weight: bold;
    margin-bottom: 5px;
    padding-left: 4px;
    background-color: #eeeeee;
}

.CompareEditionsLanguage
{
    background-color: #CCCCCC;
    border-top: 1px solid #999999;
    border-bottom: 1px solid #999999;
    line-height: 25px;
    padding-left: 2px;
}

div.CompareEditionsLanguage a.selected
{
    color: Black;
    font-weight: bold;
}

/*---------------------------------------*/

.page-breaker
{
    display: block;
    clear: both;
    page-break-after: always;
}


/* Progress bar */

dl.progress, dl.progress *
{
    margin: 0;
    padding: 0;
}

dl.progress
{
    padding: 1px;
    border: 1px solid #ddd;
    height: 20px;
    width: 300px;
}

.progress dt
{
    width: 0;
    height: 0;
    overflow: hidden;
}

.progress .done, .progress .left
{
    height: 100%;
    float: left;
}

.progress .done
{
    background-color: #FF0000;
}

.progress .done
{
    width: 0%;
}
.progress .left
{
    width: 77%;
}

.progress p
{
    display: block;
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-top: 2px;
}


.rotator
{
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    background: url('../images/rotator.gif') no-repeat 0 0;
}

/*---------------------------------------*/

DIV.blockMsg DIV.rotator-large
{
    position: absolute;
    left: -16px;
    width: 32px;
    height: 32px;
    background-image: url(../images/rotator_large.gif);
    background-repeat: no-repeat;
}
DIV.blockMsg DIV.rotator
{
    position: absolute;
    left: -8px;
    width: 16px;
    height: 16px;
    background-image: url(../images/rotator.gif);
    background-repeat: no-repeat;
}

.dynamic-feedback-messages
{
    display: none;
}

.floater
{
    position: absolute;
    z-index: 999;
    display: none;
    margin: 0;
}

.floater .frame
{
    position: relative;
    text-align: left;
    border: solid 1px #999999;
    background-color: #ebebeb;
    margin: 20px 100px 0 100px;
    padding: 17px 24px 19px 24px;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -khtml-box-shadow: 0 0 10px rgba(0, 0, 0, 0.75);
    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#000000')"; /* ie8 */
}

.floater .frame .close
{
    position: absolute;
    top: 5px;
    right: 5px;
    width: 10px;
    height: 10px;
    background: url('../images/close_black.png') no-repeat 0 0;
    cursor: pointer;
}

.floater .content
{
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    color: black;
    text-align: center;
}

.updated-legend
{
    margin-top: 3px;
    color: gray;
}

/* Branchenuebliche Löhne */
#uel
{
    position: relative;
}

#uel h2
{
    font-weight:bold;
    margin-bottom: 0;    
}

#uel .progress-wrapper
{
    width: 200px;
    display: inline-block;
}
#uel .progress-bar
{
    background-color: #EC0404;
    display: inline-block;
    height: 10px;
}
#uel .percent-label
{
    display: inline-block;
}
#uel .category-title
{
    display: block;
}

#uel #Button
{
    margin-top: 10px;
    position: absolute;
    padding: 10px;
    right: 5px;
}

.uel-contract-list
{
    margin: 15px 0;
}

.uel-branche-selector
{
    margin-bottom: 17px;
    border: 1px solid #abadb3;
}
.uel-branche-selector span
{
    display: block;
    font-weight: bold;
    padding: 5px 0 5px 5px;
}

.uel-branche-selector ul
{
    margin: 0;
    padding: 0;
}

.uel-branche-selector li
{
    list-style: none;
    padding: 5px 0;
    border-top: 1px solid #d6d6d6;
}

.uel-branche-selector li label
{
    display: block;
    color: #EC0404;
}

.uel-branche-selector li label:hover
{
    cursor: pointer;
    color: #fc5454;
}


.uel-branche-selector li input
{
    float: left;
    margin-top: 0;
}

.uel-branche-selector li label
{
    margin-left: 25px;
}

.uel-branche-selector li.selector
{
    display:none;
}

.uel-error
{
    padding: 20px 5px;
}
.uel-branches .gav span
{
    font-weight: bold;
}

.uel-branches .options .zu:hover, .uel-branches .options .auf:hover
{
    background-position: left;
}

.uel-branches .options .zu, .uel-branches .options .auf
{
    background-position: left;
    margin: 0 0 0 5px;
    padding: 0 10px 0 10px;
}

.uel-branches .options .arrow
{
    background: url("../images/arrow.gif") no-repeat scroll left center transparent;
    padding: 0 10px;
    margin: 0 0 0 5px;
}

.uel-branches .options .auf
{
    background: url('../images/aufklappen.gif') no-repeat scroll left center transparent;
}

.uel-branches .options .zu
{
    background: url('../images/zuklappen.gif') no-repeat scroll left center transparent;
}

.contract-selector
{
    margin: 10px 0 0 5px;
    padding: 5px;
    background-color: #eee;
}

.contract-selector .small-header span
{
    font-weight: normal;
}

.contract-selector .small-header
{
    border-color: #d6d6d6;
}

#uel .search-Suchen
{
    position: relative;
    overflow: hidden;
}

#uel .search-Suchen .search-options
{
    display: inline-block;
    
}

#uel .search-dropdown
{
    position: absolute;
    display: inline-block;
    bottom: 0;
    float: right;
    right: 0;
}

#uel .category-header
{
    margin-bottom: 6px;
}

#uel .criterion-marker span.title
{
    display:inline;
    padding-left:0;
}

.contract-selected
{
   background-color: #FFFF00;
}

#uel .criterion-marker .information
{
   color:#666;
}

#uel .result,
#uel #result
{
    margin:20px 0;
}

.category-info
{
    margin:10px;    
}

.category-info h2 {    
    border-bottom: 1px solid #ABADB3;
    margin-top:15px;
    padding-bottom: 6px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: bold;
}

.category-info .category-info-exclude
{
    font-weight: bold;
}

#uel .validation-error, 
#uel .validation-summary
{
    color:Red;
}

#uel .validation-summary
{
    margin-top: 10px;
    float:left;
    font-weight:bold;
}

#uel .validation-summary ul
{
    font-weight:normal;
    margin-bottom:0;
}

#uel .uel-calculator
{
    margin-bottom:60px;
}

.uel-hint-section {
    padding-left: 5px;
    font-size: 11px;
}

.internal-contract
{  
   background: transparent url('../images/unia_internal.png') top left no-repeat;

   background-color:#ffe5e5;
}

.internal-contract-branche
{  
   padding-left: 16px;
   background: transparent url('../images/unia_internal_small.png') top left no-repeat;
   background-color:#ffe5e5;
}

.internal-contract-search, div.internal-contract-keywords
{
    background-position: 2px 2px;
    padding-left: 20px;
}

.criterions-output
{
    margin-top: 15px;
}

.asset-indicator
{
   padding: 3px 0 3px 6px;
   margin: 17px 0;
   background-color: #ebebeb;
   border: 1px solid #abadb3;
}

.asset-indicator div
{
    background: transparent url('../images/pdf_icon.png') top left no-repeat;
    font-size: 12px;    
    padding-left: 35px;
    line-height:32px;
}

#results .validity-indicator
{
    padding: 1px 5px;
	display: inline-block;  
    margin: 1px 0 0 0;    
    border-width: 1px;
    border-style: solid;
}

#results .expired
{   
    background-color: #FFB4B4;   
    border-color: #FF6A6A;
}

#results .future-valid
{
    background-color: #FFC489;   
    border-color: #FF7F00;
}

.gav-selector
{
    padding: 3px 6px;
    background-color: #ebebeb;
    border: 1px solid #abadb3;
}

.gav-selector p
{
    margin: 0 0 5px 0;
}

.gav-selector select
{   
    width:100%;
    height: 24px;
    line-height: 24px;
}

.search-homepage
{     
    padding: 20px 0;
    margin-bottom: 10px;        
    border: 1px solid #D6D6D6
}

.search-homepage .search-StichwortSuchen
{
    width: 560px; 
    height: 90px;
    margin: 0 auto;
    margin-bottom: 10px;
}

.search-homepage .completion_list_hit_enter
{
    position:static;
}

.search-homepage,
.search-homepage .completion_list_hit_enter
{
    background-color: #F2F2F2;    
}

.search-homepage input   
{
    float: right;
    margin: 5px 0 0 0;
    background-color: #FFF;

}

.search-homepage #InputSearch
{ 
    background: #FFFFFF;
    padding: 0px 10px;
    width: 450px;
}

.search-homepage .search-textbox .search-InputSearch
{    
    background-color: #FFF;
}   

.search-homepage #StichwortSearchButton
{
    width: 82px;
    height: 24px;
    background: url("../images/search-btn.png") 10px 0px no-repeat;
    background-color: #FF0000;
    border: 0px;
    cursor: pointer;
}

.search-homepage .contract-selector-wrapper
{
   
    width: 560px;
    margin: 10px auto 0 auto;
}

.search-homepage .contract-selector-wrapper select
{
    margin-top: 5px;
    width: 554px;
    height: 24px;
    line-height: 24px;
}

.search-homepage .contract-selector-wrapper span
{
    display: block;
}

.search-homepage .contract-selector-wrapper span.big
{    
    font-weight: bold;
    margin-bottom: 5px;
}

.search-homepage .or-indicator
{
    position: relative;
    width: 650px;
    height: 15px;
    margin: 0 auto;
    overflow: hidden;
}

.search-homepage .or-indicator hr
{
    width: 100%;
    margin: 5px auto;
    border-color: #D6D6D6;
}

.search-homepage .or-indicator div
{
    position: absolute;
    text-align: center;

    margin-left: auto;
    margin-right: auto;
    left: 0;
    right: 0;
    top:0;
}

.search-homepage .or-indicator span
{
    background-color: #F2F2F2;
    padding: 0 10px;
    color: #949494;
}

div.bullet-graph {
    position: relative;
    margin: 20px 0;
    height: 10em;  
}

div.bullet-graph div.graph {
    position: relative;
    width: 100%;
    height: 2.4em;
}

div.bullet-graph div.graph div[class^='region-'],
div.bullet-graph div.graph div[class*=' region-'] {
    float: left;
    height: 100%;
    background-image: linear-gradient(top, rgba(0,0,0,0), rgba(0,0,0,0.2));
}

div.bullet-graph div.region-1 { background-color: #dfdfdf; }
div.bullet-graph div.region-2 { background-color: #cfcfcf; }
div.bullet-graph div.region-3 { background-color: #dfdfdf; }

div.bullet-graph div.region-label {   
    width: 100%;
    text-align: center;
    line-height: 2.4em;
    border-left: 1px solid #8f8f8f;
}

div.bullet-graph div.region-label.first {
    border: none;
}

div.bullet-graph div.scale {
    position: relative;  
    width: 100%;
    height: 4em;
}

div.bullet-graph div.tick {
    position: absolute;
    height: 40%;
    width: 1px;
    background-color: #8f8f8f;
}

div.bullet-graph div.tick.medium {
    height: 100%;
}

div.bullet-graph div.tick-label {
    font-size: 0.9em;
    position: absolute;
    bottom: -1.4em;
    white-space: nowrap;
}

div.bullet-graph div.tick-label-text {
    position: relative;
    left: -40%;
    font-size: 14px;
    top: 5px;
}


div.image-graph {
     /*   position: relative;
    margin: 20px 0;
 height: 10em;  */

}

div.image-graph div.region-label {   
 /*   width: 100%;
    text-align: center;
    line-height: 2.4em;
    border-left: 1px solid #8f8f8f;*/
}

div.image-graph div.region-label.first {
  /*   border: none;*/
}

div.image-graph div.scale {
/* position: relative; */
/* width: 100%; */
/* height: 4em; */
    height: 30px;
      margin: 20px 0;
}

div.image-graph div.tick {
    position: absolute;
    color: #AB1214;
    font-size: 30px;
/* height: 40%; */
/* width: 1px; */
/* background-color: #8f8f8f; */
}

div.image-graph div.tick.medium {
   /* height: 100%; */
   color: #660000;
   font-size: 36px;
}

div.image-graph div.tick-label {
    font-size: 0.9em;
    position: absolute;
  /*  bottom: -1.4em;*/
    white-space: nowrap;
}

div.image-graph div.tick-label-text {
    position: relative;
    left: -40%;

    font-weight: bold;
   /* top: 5px;*/
}


.uel-result
{
    margin:20px 0;
}

.uel-result p
{
    margin:0;
}

h2 {    
    margin-bottom: 10px;
}

#uel .profile-table
{    
    width: 100%;
    border-spacing: 0;
}

#uel .profile-table th
{    
    text-align: left;
}

#uel .profile-table th,
#uel .profile-table td
{    
    padding: 5px;
    border: 1px solid #fff;
}

#uel .profile-table .td_profix
{
    font-weight: bold;   
}

#uel .profile-table tbody tr:nth-of-type(even) {
  background-color: #ebebeb;
}

#uel .profile-table thead tr
 {
  background-color: #CFCFCF;
}



