/* Bang & Bonsomer 2006 
 * Color Chart:
 * ------------
 * Page background: #dadada
 * Orange border: #ff6600
 * Frontpage grey above "bridging and lorem ipsum": #eaeaea
 * Navi bg & Noston yläosa: #2fcdcd
 * dark tealish text: #046868
 * lighter tealish text: #088080
 * Latest news header: #2d2d2d
 * (subpage?) Header text: #333
 * Sub level: #d9f6f6
 * Footer border-top: #c1c1c1
 */

/* Start of shared css */

body
{
    background-color: #dadada;
    font-size: 62.5%;
    margin: 0;
    font-family: "Arial", sans-serif;
    text-align: center;
}

#container
{
    background: #fff url('../img/container-rounded-top.gif') no-repeat top left;
    margin: 25px auto;
    padding: 26px 10px 0 10px;
    text-align: left;
    width: 900px;
}

#container font
{
    font-size: 1em;
}

#container span
{
    font-size: 1em;
}

.clear
{
    clear: both;
}

#container form select
{
    font-family: "Arial", sans-serif;
    font-size: 1.1em;
}

#container .navigation a,
#container #sidebar a,
#container #footer a,
#container #content a,
#container #content #productsearch .alphabet #listing a:hover,
#container #content #productsearch #results li a:hover,
#container #content #contact-search #tabs li a
{
    text-decoration: none;
}

#container #content a:hover,
#container #footer a:hover
{
    text-decoration: underline;
}

#container #content
{
    font-size: 1.2em;
}

#container #sidebar h1,
#container #content h1
{
    font-size: 1.5em;
    color: #333;
}

#container #sidebar h1
{
    font-size: 1.8em;
}

body.frontpage #container #content h1
{
    font-size: 1.5em;
}

/* Branding/header specific */

#container #branding
{
    width: 900px;
    padding-bottom: 14px;
    border-bottom: 5px solid #ff6600;
    text-align: center;
}

#container #branding #grouplogo
{
    width: 292px;
    margin: 0 auto;
}

#container #branding #grouplogo img
{
    border: none;
}

/* [Main] Navigation specific */

#container .navigation
{
    float: left;
    width: 200px;
}

#container .navigation ul
{
    width: 180px;
    display: block;
    background-color: #2fcdcd;
    list-style-type: none;
    margin: 0px;
    padding: 30px 10px;
}

#container .navigation ul li a
{
    background: url('../img/nav-main-normal-bg.gif') no-repeat top left;
    padding: 2px 3px 4px 10px; /* 2 3 4 10 */
    font-size: 1.2em;
    color: #fff;
    width: 167px; /* 180px in IE */
    display: block;
    margin-bottom: 2px;
}

#container .navigation ul li a:hover,
#container .navigation ul li.selected a,
body.frontpage #container .navigation ul li.home a
{
    background: url('../img/nav-main-selected-bg.gif') no-repeat top left;
}

#container .navigation ul li.selected ul
{
    height: auto;
    border-top: 1px solid #cdf3f3;
    border-bottom: 1px solid #cdf2f2;
    background-color: #d9f6f6;
    margin: 0 -10px 2px -10px;
    padding: 3px 10px;
}

#container .navigation ul li.selected ul li a
{
    background: url('../img/nav-main-sub-seperator.gif') no-repeat 0% 100%;
    color: #046868;
}

#container .navigation ul li.selected ul li a:hover,
#container .navigation ul li.selected ul li.selected a
{
    background: url('../img/nav-sub-selected-bg.gif') no-repeat top left;
    color: #ff6600;
} 

#container .navigation ul li.untranslated a
{
    border: 1px dashed red;
}

#container .navigation ul li.selected ul li.selected ul
{
    border: none;
    list-style-image: url('../img/list-item-arrow.gif');
    padding-left: 35px;
    width: 155px; /* 200 in IE */
}

#container .navigation ul li.selected ul li.selected ul li a
{
    padding: 1px 0px;
    padding-left: 0px;
    background: none;
    color: #676767;
}

#container .navigation ul li.selected ul li.selected ul li a:hover,
#container .navigation ul li.selected ul li.selected ul li.selected a
{
    background: none;
    color: #676767;
    text-decoration: underline;
}

/* Hide n.n.static articles inside the contact navigation */
#container .navigation ul li.contact ul li
{
    display: none;
}
/* But display other types */
#container .navigation ul li.contact ul li.net_nemein_personnel,
#container .navigation ul li.contact ul li.no_odindata_quickform
{
    display: block;
}

#container .navigation #country-selection
{
    background: url('../img/nav-country-select-bg.gif') repeat-x top left;
}
#container .navigation #country-selection form
{
    background: url('../img/nav-country-select-round.gif') no-repeat top left;
    height: 27px; /* 37 in IE */
    padding: 10px 0 0 10px;
    margin: 0px;
}

#container .navigation #country-selection select
{
    margin: 0;
    padding: 0;
    width: 180px;
}

#container .navigation #country-selection form select option.null
{
    color: #444;
}

/* Content specific */

#container #content
{
    float: left;
    width: 464px; /* 502 */
    margin-right: 8px;
    color: #333;
    padding: 0 9px 0 29px;
}

#container #content a
{
    color: #088080;
}

#container #content #header
{
    margin: 0 -9px 0 -29px;
}

/* Boxi jossa on 3 täbiä, perus tiedot alla */
#container #content #contact-search,
#container #content #lift
{
    margin-left: -10px;
}

#container #content #contact-search
{
    border-top: 1px solid #d8d8d8;
    margin-top: 10px;
    padding-top: 10px;
}

#container #content #contact-search #main
{
    clear: left;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    padding: 10px;
}

#container #content #contact-search #main form
{
    border-top: 1px solid #d8d8d8;
    margin-top: 10px;
    padding-top: 10px;
}

#container #content #contact-search #main form label
{
    display: block;
}

#container #content #contact-search #main form label strong
{
    float: left;
}

#container #content #contact-search #main form select
{
    margin-left: 150px;
    width: 300px;
    display: block;
}

#container #content #contact-search #main form input
{
    margin-top: 10px;
    clear: left;
}

/* Tabs */

#container #content #contact-search #tabs
{
    background: url('../img/sub-contact-search-left.gif') no-repeat top left;
}
 
#container #content #contact-search #tabs ul
{
    float: left; 
    margin: 0;
    padding: 0 0 0 4px;
    background: url('../img/sub-contact-search-left.gif') no-repeat top left;
    list-style-type: none;
}

#container #content #contact-search #tabs ul li
{
    margin: 0;
    padding: 0;
    float: left;
}

#container #content #contact-search #tabs ul li a
{
    background: url('../img/sub-contact-search-right.gif') no-repeat top right;
    padding: 5px 6px 10px 5px;
    margin: 0;
    font-size: 1.1em;
    color: #088080;
    height: 15px;
    display: block;
}

#container #content #contact-search #tabs ul li a:hover,
#container #content #contact-search #tabs ul li.selected a
{
    color: #ff6600;
}

/* Product search */
#container #content div.productsearch,
#container #content div.suppliersearch,
#container #content div.businessselector
{
    border: 1px solid #a6eaea;
    padding: 6px;
    margin-top: 10px;
    margin-bottom: 4px;
}

#container #content div.businessselector
{
    background-color: #D9F6F6;
    padding: 6px 0 0 0;
}

#container #content div.businessselector form label
{
    color: #1f9595;
    padding: 6px;
}

#container #content div.businessselector form span
{
    background: transparent url(../img/sub-productsearch-alpha-bg.gif) repeat-x scroll left top;
    display: block;
    padding: 1px 0 1px 6px;
    margin-top: 3px;
}

#container #content div.businesssselector form label span select
{
    font-size: 11px;
}

#container #content div.productsearch,
#container #content div.suppliersearch
{
    padding: 0;
}

#container #content table.products
{
    width: 100%;
}

#container #content table.products thead
{
    background-color: #D9F6F6;
}

#container #content table.products thead th
{
    padding-left: 6px;
    padding-right: 6px;
}
#container #content table.products tr td
{
    /*color: #046868;*/
    padding-left: 6px;
    padding-right: 6px;
}
#container #content table.products tr.odd
{
    background-color: #fcfefe !important;
}

/* Product result */ 

#container #content table.product-view
{
    width: 100%;
    border: 1px solid #d8d8d8;
    padding: 10px 15px;
    background-color: #fafafa;
}

#container #content table.product-view tbody tr
{
    font-size: 0.9166667em;
}

#container #content table.product-view tbody tr td.property
{
    width: 100px;
    font-weight: bold;
    margin-right: 5px;
}

/* Personnel listaus */

#container #content ul.contactlist
{
    list-style-type: none;
    margin: 0 0 0 10px;
    padding: 0;
}

#container #content ul.contactlist li.vcard
{
    border-top: 1px solid #d8d8d8;
    padding-top: 12px;
    margin-bottom: 13px;
    clear: left;
}

#container #content ul.contactlist li.vcard img.photo
{
    margin-right: 10px;
    float: left;
    margin-bottom: 13px;
}

#container #content ul.contactlist li.vcard a.fn
{
    font-size: 1.1em;
    font-weight: bold;
}

/* Product search aakkoslistaus */

#container #content .productsearch p,
#container #content .suppliersearch p
{
    background-color: #d9f6f6;
    color: #1f9595;
    font-size: 1em;
    height: 16px;  /* 20 w/ border top */
    padding: 3px 0 0 9px;
    margin: 0px;
}

#container #content .productsearch .alphabet,
#container #content .suppliersearch .alphabet
{
    height: 18px; /* 22 w/border bottom */
    background: url('../img/sub-productsearch-alpha-bg.gif') repeat-x top left;
    margin: 0;
    padding: 3px 0 0 5px;
    list-style-type: none;
}

#container #content .suppliersearch .alphabet
{
    color: #ff6600;
    font-weight: bold;
}

#container #content .productsearch .alphabet a,
#container #content .productsearch .alphabet a
{
    font-weight: bold;
    color: #1f9595;
    text-decoration: underline;
    margin: 0 2px;
}

#container #content h2.productheading
{
    color: #333;
    font-size: 1.4em;
    font-weight: bold;
    background-color: #fafafa;
    border: 1px solid #d8d8d8;
    height: 20px;
    padding: 5px 0 0 8px;
    margin: 3px 0px;
}

/* Listaus, zebra värit */

#container #content .products
{
    border: 1px solid #baefef;
    list-style-type: none;
    margin-top: 3px;
    padding: 0;
    width: 460px;
    margin: 2px 0 0 1px;
    border-collapse: collapse;
}

#container #content .products th
{
    border: none;
}

#container #content .products tr
{
    background-color: #d9f6f6;
}

#container #content .products tr td a
{
   /* color: #fcfefe; */
    display: block;
    font-size: 1.1em;
    height: 17px;
    padding: 3px 0 0 8px;
    text-decoration: underline;
}

#container #content .products tbody tr.odd
{
    background-color: #088080;
}

/* Suppliers specific */

#container #content .suppliers
{
    width: 462px;
    border-collapse: collapse;
}

#container #content .suppliers thead tr th
{
    padding: 5px 10px;
    font-size: 1em;
    color: #333;
}

#container #content .suppliers tbody
{
    border: 1px solid #a6eaea;
}

#container #content .suppliers tbody tr
{
    background-color: #d9f6f6;
}

#container #content .suppliers tbody tr.even
{
    background-color: #fcfefe;
}

#container #content .suppliers tbody tr td
{
    padding: 8px 10px;

}

/* Sidebar specific */

#container #sidebar
{
    float: left;
    width: 190px;
}

#container #content #lift h1,
#container #sidebar h1,
body.frontpage #container #content h1
{
    margin: 0;
    padding: 10px 0px 10px 18px;
    font-weight: normal;
    background: #fff url('../img/header-bg-normal.gif') no-repeat top right;
}
body.frontpage #container #content #lift h1,
body.frontpage #container #content h1
{
    padding: 12px 0px 8px 18px;
}

#container #sidebar #sales-offices h1
{
    background: url('../img/header-bg-sales-offices.gif') no-repeat top right;
    border-bottom: 1px solid #fff;
}

#container #sidebar #sales-offices ul
{
    list-style-type: none;
    float: left;
    margin: 8px 0 10px 6px;
    padding: 0 0 0 0px;
    border-top: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
    width: 178px;
}

#container #sidebar #sales-offices ul li
{
    border-right: 1px solid #dfdfdf;
    border-bottom: 1px solid #dfdfdf;
    padding: 0;
    margin: 0;
    width: 88px;
    float: left;
}

#container #sidebar #sales-offices ul li a
{
    padding-left: 9px;
    background: url('../img/sidebar-countries-bg.gif') repeat-x top left;
    width: 77px; /* 86 in IE */
    font-size: 1.1em;
    color: #088080;
    display: block;
    border: 1px solid #fff;
    height: 13px;
}

#container #sidebar #sales-offices ul li a:hover
{
    color: #ff6600;
}

#container #sidebar #sales-offices ul li a:before
{
    content: url('../img/list-item-arrow.gif');
    margin-left: -4px;
    padding-right: 4px;
}

#container #sidebar #sales-offices .last
{
    margin-left: 0;
}

#container #sidebar #sales-offices .last li
{
    border-left: none;
}

#container #sidebar #latest-news
{
    clear: left;
    border-top: 5px solid #2fcdcd;
    background: url('../img/header-bg-normal.gif') no-repeat top right;
}

#container #sidebar #latest-news h1
{
    background: url('../img/sidebar-news.gif') no-repeat 0px 0px;
}

#container #sidebar #latest-news ul,
#content ul.hfeed
{
    padding-left: 18px;
    list-style-image: url('../img/list-item-arrow.gif');
}

#container #sidebar #latest-news ul li.hentry,
#content ul.hfeed li.hentry
{
    color: #bebebe;
    padding: 2px 5px 4px;
    font-size: 1.1em;
    border-bottom: 1px dotted #eaeaea;
    margin: 3px 0 0;
}

#container #sidebar #latest-news ul li.hentry a,
#content ul.hfeed li.hentry a
{
    color: #088080;
}

/* News */

#container #content .hentry .published
{
    color: #BEBEBE;
    margin-top: 0;
}

#container #content .hentry .entry-title
{
    margin: 0;
}

/* Cluster */

#container #content #cluster
{
    margin: 5px 0 0 -20px;
    padding: 0;
    width: 484px;
    height: 202px;
}

#container #content #cluster li
{
    background: url('../img/sub-cluster-orange.gif') no-repeat top left;
    float: left;
    height: 100px;
    margin: 0 1px 1px 0;
    padding-left: 10px;
    width: 236px; /* 246 */
    display: block;
    color: #6b6b6b;
    font-size: 0.909090em;
    clear: both;
    font-size: 0.91666667em;
}

#container #content #cluster li p
{
    margin: 0;
    padding: 0;
}

#container #content #cluster li.even
{
    clear: none !important;
    padding-left: 0px;
}

#container #content #cluster li h3
{
    float: left;
    margin: 5px 0 10px 0;
    font-size: 1.2em;
    color: #333;
    width: 130px;
}

#container #content #cluster .ajax_editable_window li h3
{
    float: none;
    margin: 0;
}

#container #content #cluster li.even h3
{
    float: right;
    margin: 5px 0 10px 0;
    text-align: left;
}

#container #content #cluster li.blue
{
    background-image: url('../img/sub-cluster-blue.gif');
    background-position: top right;
}

#container #content #cluster li.pale-blue
{
    background-image: url('../img/sub-cluster-pale-blue.gif');
}

#container #content #cluster li.pale-orange
{
    background-image: url('../img/sub-cluster-pale-orange.gif');
    background-position: top right;
}

#container #content #cluster li img
{
    float: right;
    margin-left: 6px;
}

#container #content #cluster .ajax_editable_window li img
{
    float: none;
    margin-left: 0;
} 

#container #content #cluster li.even img
{
    float: left;
    margin: 0 6px 0 0;
}

/* Footer specific */

#container #footer
{
    margin: 10px -10px 0;
    padding: 0px 10px 20px 10px;
    clear: left;
    background: url('../img/container-rounded-bottom.gif') no-repeat bottom left;
    -moz-border-radius-bottomleft: none;
    -moz-border-radius-bottomright: none;
    -moz-border-radius-topleft: none;
    -moz-border-radius-topright: none;
    background-color:#FFFFFF;
    border:none;
    float: none;
    font-size: 1em;
    height: auto;
    overflow:visible;
    width: auto;
}

#container #footer a
{
    color: #a3a3a3;
}

#container #footer .left
{
    float: left;
    width: 185px;
    padding: 5px 0 0 15px;
    color: #a4a4a4;
}

#container #footer .right
{
    float: left;
    background: url('../img/footer-bg.gif') no-repeat 0px 15px;
}

#container #footer .right p
{
    border-top: 5px solid #c1c1c1;
    color: #333;
    height: 20px;
    text-align: right;
    padding-top: 5px;
    padding-right: 0px;
    width: 683px; /* 700 in IE */
    background: url('../img/footer-rounded-right.gif') no-repeat top right;
    padding-right: 17px;
}

/* Frontpage specific - main content */

body.frontpage #container #content
{
    width: 502px;
    padding: 0;
}

body.frontpage #container #content #abstract
{
    margin: -3px 10px 0 0;
    width: 302px;
    float: left;
}

body.frontpage #container #content #abstract h1
{
    padding-left: 29px;
}

body.frontpage #container #content #abstract p
{
    line-height: 1.2em;
    margin-left: 29px;
    padding-right: 5px;
    margin-bottom: 0px;
    font-size: 0.916666667em;
}

body.frontpage #container #content #business-selection
{
    background: url('../img/fp-business-selection.jpg') no-repeat top left;
    height: 123px;
    margin-top: -3px;
    width: 190px;
    float: left;
}

body.frontpage #container #content #business-selection h1
{
    padding-left: 11px;
    padding-right: 20px;
    color: #fff;
    background: none;
}

body.frontpage #container #content #business-selection .separator
{
    height: 2px;
    font-size: 2px; /* Fixes the height to 2px for IE6 */
    display: block;
    background: url('../img/fp-business-separator.gif') repeat-y top left;
}

body.frontpage #container #content #business-selection form
{
    height: 49px;
}

body.frontpage #container #content #business-selection form select
{
    margin-top: 11px;
    margin-left: 8px;
    width: 171px;
}

/* Frontpage specific - lift */

#container #content #lift,
body.frontpage #container #content #lift
{
    border-top: 5px solid #2fcdcd;
    margin: 15px 0 0 -10px;
}

body.frontpage #container #content #lift
{   
    margin-left: 28px;
    clear: left;
}

#container #content #lift .left,
body.frontpage #container #content #lift .left
{
    float: left;
}

#container #content #lift .right,
body.frontpage #container #content #lift .right
{
    width: 260px; /* 284 */
    float: left;
    padding-left: 14px;
    padding-right: 10px;
    font-size: 0.916666667em;
}

#container #content #lift .right h1,
body.frontpage #container #content #lift .right h1
{
    margin: 0px -10px 8px -14px;
    font-size: 1.64em;
}

/* Form specific css */

#container #content form.datamanager fieldset.contact label input.shorttext,
#container #content form.datamanager fieldset.contact label textarea.longtext,
#container #content form.datamanager fieldset.contact label select,
#container #content form.datamanager fieldset.job label input.shorttext,
#container #content form.datamanager fieldset.job input.date,
#container #content form.datamanager fieldset.job label select,
#container #content form.datamanager fieldset.cv label input.shorttext,
#container #content form.datamanager fieldset.more label textarea.longtext
{
    width: 232px;
    float: left;
    border: 1px solid #2FCDCD;
    height: 14px;
    padding: 1px;
    margin-top: -13px; 
}

#container #content form.datamanager fieldset.job input.date
{
    margin-top: 0px;
    width: 92px;
}

#container #content form.datamanager fieldset.job button.date
{
    height: 18px;
    margin-left: 10px;
}

#container #content form.datamanager fieldset.date
{
    border: none;
}

#container #content form.datamanager fieldset.contact label input,
#container #content form.datamanager fieldset.contact label select,
#container #content form.datamanager fieldset.contact label textarea,
#container #content form.datamanager fieldset.job label input
{
    margin-left: 120px;
} 

#container #content form.datamanager fieldset.job fieldset.job fieldset
{
    margin-top: -20px;
    margin-left: 109px;
    float: left;
    width: 211px;
}

#container #content form.datamanager fieldset.job fieldset.job span.field_text
{
    width: 50px;
}

#container #content form.datamanager fieldset.job #midcom_helper_datamanager_field_dob_label span
{
    padding-top: 8px;
    width: 120px;
}

#container #content form.datamanager fieldset.contact label 
span.field_text,
#container #content form.datamanager fieldset.job label span.field_text,
#container #content form.datamanager fieldset.cv label span.field_text
{
    padding-top: 4px;
    font-weight: normal;
    clear: left;
    float: left;
}
#container #content form.datamanager fieldset.job label select,
#container #content form.datamanager fieldset.more label span.field_text
{
    font-weight: normal;
    float: left;
}

#container #content form.datamanager fieldset.contact label select,
#container #content form.datamanager fieldset.job label select
{
    margin-left: 120px;
    width: 236px;
    height: 18px;
}

#container #content form.datamanager fieldset.contact label textarea.longtext,
#container #content form.datamanager fieldset.more label textarea.longtext
{
    clear: left;
    float: left;
    height: 55px;
    margin-top: 0px;
}

/* Contact us form */

#container #content form.datamanager fieldset.contact,
#container #content form.datamanager fieldset.job,
#container #content form.datamanager fieldset.cv,
#container #content form.datamanager fieldset.more
{
    border: 1px solid #2FCDCD;
    background-color: #d9f6f6;
    width: 360px;
}

#container #content form.datamanager fieldset.job fieldset
{
    width: 200px;
    float: left;
}

#container #content form.datamanager fieldset.job fieldset#midcom_helper_datamanager_field_dob_fieldset
{
    margin-left: 0px;
    padding: 7px 0px 0px 0px 
}

#container #content form.datamanager fieldset.contact legend,
#container #content form.datamanager fieldset.more legend
{
    display: none;
}

#container #content #quickform
{
    margin-top: 20px;
}

#container #content #quickform form.datamanager .form_toolbar
{
    width: 400px;
}

#container #content #quickform form.datamanager .form_toolbar input.cancel,
#container #content #quickform form.datamanager .form_toolbar input.save
{
    text-transform: uppercase;
    margin-right: 18px;
    text-align: center;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #d9f6f6;
    background-image: none;
    border: 1px solid #2FCDCD;
    float: left;
}

#container #content #quickform form.datamanager .form_toolbar input.save
{
    float: right;
}

/* Ajax Editable Window */

div.ajax_editable_window input.shorttext
{
    clear: both;
    /*display: block;*/
}

div.ajax_editable_window {
    height: 475px;
}

.mceEditor {
    margin-top: 30px;
}


.fairbanner
{
    clear: left;
    float: left;
    text-align: center;
    width: 180px;
    padding-top: 19px;
    font-size: 1.1em;
    color: #333333;
}

.fairbanner img
{
    margin: 5px;
}

.fairbanner a
{
   color:#FF6600;
}

#bbtechnics
{
    margin-left: 28px;
    margin-top: 80px;
}