﻿@charset "UTF-8";
/**
 * BWA interface stylesheet
 * @author  s.rossetti | contreforme.ch
 * @date    2013
 * @version 1
 * @todo delete last 3 examples lines for production
 */

.ENTInactiveItems {
    text-decoration: line-through;
    color: #a7a7a7;
}

* {
    margin: 0;
    padding: 0;
}

html,
body {
    height: 99%;
    font-family: Arial,sans-serif;
}

a img {
    border: none;
}
/* museo sans rounded - use these to style elements */
.msr-300,
.msr-500,
.msr-700 {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
}

.msr-500 {
    font-family: Arial,sans-serif;
}

.msr-700 {
    font-family: Arial,sans-serif;
}

/* general tags */
#bwa input,
#bwa textarea,
#bwa select,
#bwa option {
    font-family: Arial,sans-serif;
}

    #bwa input[type="submit"],
    #bwa input[type="button"],
    #bwa input[type="reset"] {
        cursor: pointer;
    }

#bwa strong {
    font-family: Arial,sans-serif;
}

/* start page */
#bwa-start {
    color: white;
    width: 100%;
    height: 100%;
    font-family: Arial,sans-serif;
    font-size: 1.0666em;
    font-weight: normal;
    font-style: normal;
    background: rgb(78,204,226) url(images/login-bg.jpg) repeat-x left top;
}

    #bwa-start a {
        color: rgb(0,65,91);
        font-family: Arial,sans-serif;
    }

#bwa-logo,
#bwa-flag,
#bwa-yacht,
#bwa_login_form,
#bwa-start-aside {
    position: absolute;
    left: 30px;
    top: 42px;
}

#bwa-flag {
    left: -1px;
    top: 175px;
}

#bwa-yacht,
#bwa-start-aside {
    left: 87%;
    top: -200px;
}

#bwa-start-aside {
    width: 220px;
    top: 0;
    margin-left: 100px;
}

    #bwa-start-aside p {
        margin: 0 0 1em;
    }

#bwa_login_form {
    top: 353px;
    left: 5%;
    width: 510px;
}

    #bwa_login_form label {
        display: block;
        text-align: right;
        font-size: 1.375em;
        margin: 0 0 .3em;
    }

    #bwa_login_form input {
        width: 300px;
        font-size: 1em;
        padding: .2em .5em;
        border-radius: 8px;
        border: 1px solid rgb(0,141,153);
        overflow: hidden;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(188,217,237) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(188,217,237))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcd9ed',GradientType=0 ); /* IE6-9 */
    }

/*
	Edit by Harry [09/10/2014]: added input#bwa-chpass-save,input#bwa-chpass-btlogin, input#bwa-npass-req, input#bwa-npass-btlogin
*/
input#bwa-login-submit, input#bwa-login-newpass, input#bwa-chpass-save, input#bwa-chpass-btlogin, input#bwa-npass-req, input#bwa-npass-btlogin, input#crm-login-submit {
    cursor: pointer;
    padding: .5em;
    border: 1px solid rgb(0,141,153);
    width: auto;
    float: right;
    color: rgb(93,58,0);
    background: rgb(255,220,164); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,220,164) 0%, rgb(255,177,83) 33%, rgb(222,101,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,220,164)), color-stop(33%,rgb(255,177,83)), color-stop(100%,rgb(222,101,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdca4', endColorstr='#de6500',GradientType=0 ); /* IE6-9 */
    box-shadow: 1px 1px 5px rgb(150,150,150);
}

input.button {
    cursor: pointer;
    padding: .5em;
    border: 1px solid rgb(0,141,153);
    width: auto;
    float: right;
    color: rgb(93,58,0);
    background: rgb(255,220,164); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,220,164) 0%, rgb(255,177,83) 33%, rgb(222,101,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,220,164)), color-stop(33%,rgb(255,177,83)), color-stop(100%,rgb(222,101,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(255,220,164) 0%,rgb(255,177,83) 33%,rgb(222,101,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdca4', endColorstr='#de6500',GradientType=0 ); /* IE6-9 */
    box-shadow: 1px 1px 5px rgb(150,150,150);
}

#bwa_login_form a {
    display: block;
    width: 350px;
    text-align: right;
}

#bwa_login_form aside a {
    display: inline;
}

/* default bg and fonts */
#bwa {
    font-family: Arial,sans-serif;
    font-weight: normal;
    font-style: normal;
    font-size: .8em; /* 12/15 */
    background: rgb(223,225,236) url(images/bg.jpg) repeat left top;
    /*padding:0 0 180px 0;*/
}

/* header */
#bwa-header {
    position: relative;
    border-radius: 4px;
    border: 1px solid white;
    height: 130px; /*Original: 130px;*/
    overflow: visible;
    /*width:1020px;
	margin:10px auto;*/
    margin: 5px;
    min-width: 1040px;
    background: -moz-linear-gradient(top, rgba(76,101,121,0.5) 0%, rgba(187,203,226,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(76,101,121,0.5)), color-stop(100%,rgba(187,203,226,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(76,101,121,0.5) 0%,rgba(187,203,226,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(76,101,121,0.5) 0%,rgba(187,203,226,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(76,101,121,0.5) 0%,rgba(187,203,226,0.5) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(76,101,121,0.5) 0%,rgba(187,203,226,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804c6579', endColorstr='#80bbcbe2',GradientType=0 ); /* IE6-9 */
}

    #bwa-header.closed_bar {
        height: 150px; /*original: 255px*/
    }

    #bwa-header.open_bar {
        height: 275px; /*original: 255px*/
    }

    #bwa-header.open_nobar {
        height: 255px; /*original: 255px*/
    }

    #bwa-header a {
        color: white;
        text-decoration: none;
        margin: 0 0 1em;
    }

#bwa #bwa-logo {
    box-sizing: content-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 78px;
    height: 55px;
    padding: 17px 14px;
    z-index: 500;
    background: rgb(116,142,173); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(116,142,173) 0%, rgb(163,184,216) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(116,142,173)), color-stop(100%,rgb(163,184,216))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(116,142,173) 0%,rgb(163,184,216) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(116,142,173) 0%,rgb(163,184,216) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(116,142,173) 0%,rgb(163,184,216) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(116,142,173) 0%,rgb(163,184,216) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#748ead', endColorstr='#a3b8d8',GradientType=0 ); /* IE6-9 */
    box-shadow: 3px 0 15px rgba(50,50,50,.5);
}

#bwa #bwa-flag,
#bwa-header-top,
#bwa-header-bottom,
#bwa-header-bottom-2 {
    position: absolute;
    left: 96px;
    top: 47px;
    z-index: 400;
}

#bwa #bwa-flag {
    left: 80px;
}

#bwa-header-top {
    top: 0;
    right: 0;
    height: 30px;
    line-height: 30px;
    background: rgb(107,121,149); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(107,121,149) 0%, rgb(149,167,185) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(107,121,149)), color-stop(100%,rgb(149,167,185))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(107,121,149) 0%,rgb(149,167,185) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(107,121,149) 0%,rgb(149,167,185) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(107,121,149) 0%,rgb(149,167,185) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(107,121,149) 0%,rgb(149,167,185) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b7995', endColorstr='#95a7b9',GradientType=0 ); /* IE6-9 */
    border-bottom: 1px solid rgb(202,209,227);
    padding: 0 0 0 20px;
}

/* top menus */
a.bwa-top-menu:after {
    content: " ▼";
}

#bwa-top-menu-infos {
    top: 35px;
}

/* info bubble --- top and left position are handled by ID or JS according to necessity */
.bwa-menu-infos {
    display: none;
    box-shadow: 1px 1px 3px rgba(0,0,0,.3);
}

    .bwa-menu-infos,
    .bwa-menu-infos p {
        background-color: rgb(78,93,124);
        border-radius: 4px;
        width: 240px;
        position: absolute;
        height: 80px;
        z-index: 1000;
    }

        .bwa-menu-infos:before {
            content: " ";
            position: absolute;
            top: 8px;
            left: 10px;
            border-style: solid;
            border-width: 9px 9px;
            border-color: transparent rgb(78,93,124) transparent transparent;
        }

        .bwa-menu-infos p {
            left: 1px;
            top: 1px;
            width: 218px;
            height: 58px;
            padding: 10px;
            background-color: white;
            z-index: 100;
        }

            .bwa-menu-infos p:before {
                content: " ";
                position: absolute;
                top: 8px;
                left: 10px;
                border-style: solid;
                border-width: 8px 9px;
                border-color: transparent white transparent transparent;
            }

        .bwa-menu-infos .bwa-menu-infos-closer {
            position: absolute;
            top: 2px;
            right: 5px;
            z-index: 100;
        }

        /* bubble tip on the right side of bubble variant */
        .bwa-menu-infos.right:before {
            left: -17px;
        }

        .bwa-menu-infos.right p:before {
            left: -16px;
        }

/* logout form - changed to div*/
/*implemented CANNOT HAVE RUNAT=SERVER*/
#divLogOut {
    float: right;
    width: 33px;
    background: rgb(129,141,177); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(129,141,177) 10%, rgb(76,86,134) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgb(129,141,177)), color-stop(90%,rgb(76,86,134))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(129,141,177) 10%,rgb(76,86,134) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(129,141,177) 10%,rgb(76,86,134) 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(129,141,177) 10%,rgb(76,86,134) 90%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(129,141,177) 10%,rgb(76,86,134) 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#818db1', endColorstr='#4c5686',GradientType=0 ); /* IE6-9 */
    border-left: 1px solid rgb(202,209,227);
    overflow-y: hidden !important;
    overflow-x: hidden !important;
    height: 30px;
    max-height: 30px;
}
/*implemented*/
.btnLogOut {
    background: url(images/i_shutdown.png) no-repeat 7px 5px;
    border: none;
    color: transparent;
    font-size: 0px;
    width: 0;
    padding: 15px 0 10px 30px;
    cursor: pointer;
}

/* header special links */
/*implemented CANNOT HAVE RUNAT=SERVER*/
#divLoginUser {
    float: right;
}
/* implemented aspxlabel */
.lblCurrUser {
    text-decoration: underline;
    padding: 3px 5px 2px 20px;
    background: url(images/i_user.png) no-repeat 2px center;
    margin: 0 33px 0 0;
    color: rgb(240,240,242);
}

/* implemented BNCOSelector Comboboxes */
.cmbbncolist {
    background-color: #000000;
}

.cmbbnco {
    color: rgb(240,240,242);
    background: transparent;
    -webkit-appearance: none;
    /*    content:" ▼";*/
}

.cmbbncolabel {
    color: rgb(240,240,242);
    background: transparent;
}

/* STRANGE!!! */
#bwa a#loginuser {
    float: right;
    text-decoration: underline;
    padding: 3px 5px 2px 20px;
    background: url(images/i_user.png) no-repeat 2px center;
    margin: 0 33px 0 0;
}

#bwa-header a strong {
    font-family: Arial,sans-serif;
}

/* main navigation */
#bwa-header nav {
    /*    position:absolute;
	top:40px;
	left:450px;*/
    position: relative;
    margin-top: 40px;
    width: 600px;
    float: right;
}

    #bwa-header nav a {
        float: right;
        margin: 0 1em 0 0;
        text-align: center;
        width: 36px;
        height: 36px;
        line-height: 36px;
        border: 1px solid rgb(136,142,172);
        border-radius: 4px;
        background: rgb(76,86,134); /* Old browsers */
        background: -moz-linear-gradient(top, rgba(76,86,134,0.5) 10%, rgba(129,141,177,0.5) 90%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(76,86,134,0.5)), color-stop(90%,rgba(129,141,177,0.5))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(76,86,134,0.5) 10%,rgba(129,141,177,0.5) 90%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(76,86,134,0.5) 10%,rgba(129,141,177,0.5) 90%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(76,86,134,0.5) 10%,rgba(129,141,177,0.5) 90%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(76,86,134,0.5) 10%,rgba(129,141,177,0.5) 90%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#804c5686', endColorstr='#80818db1',GradientType=0 ); /* IE6-9 */
    }

.locked {
    border: 1px solid rgb(175,0,0);
    background: rgb(175,0,0); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(175,0,0,0.5) 10%, rgba(230,0,0,0.5) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(175,0,0,0.5)), color-stop(90%,rgba(230,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(175,0,0,0.5) 10%,rgba(230,0,0,0.5) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(175,0,0,0.5) 10%,rgba(230,0,0,0.5) 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(175,0,0,0.5) 10%,rgba(230,0,0,0.5) 90%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(175,0,0,0.5) 10%,rgba(230,0,0,0.5) 90%); /* W3C */
}

#bwa-header nav a img {
    vertical-align: middle;
}

#bwa-header nav a:hover,
#bwa-header nav a.selected {
    border: 1px solid rgb(164,78,0);
    background: rgb(255,169,61); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,169,61) 10%, rgb(203,68,15) 90%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgb(255,169,61)), color-stop(90%,rgb(203,68,15))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,169,61) 10%,rgb(203,68,15) 90%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,169,61) 10%,rgb(203,68,15) 90%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,169,61) 10%,rgb(203,68,15) 90%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(255,169,61) 10%,rgb(203,68,15) 90%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa93d', endColorstr='#cb440f',GradientType=0 ); /* IE6-9 */
}

/* counter for "pending" icon */
span.bwa-pending-counter {
    text-align: center;
    padding: 2px;
    border-radius: 4px;
    background-color: black;
    color: white;
    border: 2px solid white;
}

/* quick search form */
.quicksearchdiv {
    float: right;
    padding: 4px 0px 4px 4px;
    margin-right: 30px;
    border-radius: 4px;
    border: 1px solid white;
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(188,217,237) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(188,217,237))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcd9ed',GradientType=0 ); /* IE6-9 */
}

.quicksearchtext {
    float: left;
    background: none;
    margin: 4px 25px 4px 4px;
    width: 150px;
    font-size: 1.2397em;
    font-weight: normal;
}

.quicksearchbutton {
    width: 0;
    border: 0;
    color: transparent;
    font-size: 0px;
    margin: 0px 0px 0 -30px;
    padding: 20px 0 0 20px;
    background: transparent url(images/i_quicksearch.png) no-repeat 4px center;
    cursor: pointer;
}

#bwa-quicksearch,
#bwa-quicksearch input {
    float: right;
}

    #bwa-quicksearch input[type="text"] {
        border-radius: 4px;
        font-size: 1.2397em;
        padding: 9px 30px 9px 9px;
        border: 1px solid white;
        background: rgb(255,255,255); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(188,217,237) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(100%,rgb(188,217,237))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(188,217,237) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bcd9ed',GradientType=0 ); /* IE6-9 */
    }

    #bwa-quicksearch input[type="submit"] {
        width: 0;
        border: 0;
        color: transparent;
        font-size: 0px;
        margin: 10px 0 0 -30px;
        padding: 20px 0 0 30px;
        background: transparent url(images/i_quicksearch.png) no-repeat 4px center;
        cursor: pointer;
    }

/* header bottom*/
#bwa-header-bottom,
#bwa-header-bottom-2,
a.bwa-bottom-menu {
    top: 90px;
    left: 0;
    right: 0;
    height: 40px;
    line-height: 40px;
    background: rgb(149,167,185); /* Old browsers */
    background: -moz-linear-gradient(top, rgba(149,167,185,.67) 0%, rgba(107,121,149,.67) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(149,167,185,.67)), color-stop(100%,rgba(107,121,149,.67))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(149,167,185,.67) 0%,rgba(107,121,149,.67) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(149,167,185,.67) 0%,rgba(107,121,149,.67) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(149,167,185,.67) 0%,rgba(107,121,149,.67) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(149,167,185,.67) 0%,rgba(107,121,149,.67) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#95a7b9', endColorstr='#6b7995',GradientType=0 ); /* IE6-9 */
}

#bwa-header-bottom-2 {
    height: 166px;
    line-height: 1em;
}

    #bwa-header-bottom h1,
    #bwa-header-bottom-2 h1 {
        font-family: Arial,sans-serif;
        font-weight: normal;
        font-style: normal;
        line-height: 1.2em;
        letter-spacing: .1em;
        background: url(images/small_yacht.png) no-repeat 10px center;
        padding: 10px 0 0 95px;
        margin: 0 10px 0 0;
        color: white;
        font-size: 1.6153em;
        display: inline-block;
    }

    #bwa-header-bottom-2 table {
        /*border-spacing:0;*/
        /*width:100%;*/
    }

        #bwa-header-bottom-2 table td {
            width: 160px;
            vertical-align: top;
            padding-left: 3px;
            height: 56px;
        }

    #bwa-header-bottom-2 span.country {
        display: block;
        margin: 0 0 0 10px;
    }

        #bwa-header-bottom-2 span.country img {
            margin: 0 56px 0 0;
        }

    #bwa-header-bottom-2 table table {
        border-spacing: 0;
        width: 164px;
        font-size: 0.8461em;
        color: rgb(94,104,141);
    }

        #bwa-header-bottom-2 table table td {
            background-color: rgb(240,240,242);
            width: 50%;
            height: 25px;
            vertical-align: middle;
            padding: 2px;
        }

            #bwa-header-bottom-2 table table td:last-of-type {
                font-family: Arial,sans-serif;
                border-left: 1px solid rgb(172,181,222);
            }

        #bwa-header-bottom-2 table table tr:nth-child(odd) td {
            background-color: rgb(223,225,236);
        }

    #bwa-header-bottom-2 td.small {
        width: 10%;
        text-align: center;
        height: 25px;
    }

    #bwa-header-bottom-2 a {
        color: black;
    }

    #bwa-header-bottom-2 table table a {
        color: rgb(94,104,141);
        text-decoration: underline;
    }

/* header bottom menu */
a.bwa-bottom-menu {
    padding: 7px 6px 5px;
    border: 1px solid rgb(136,142,172);
}

#bwa-header a.bwa-bottom-menu:hover {
    color: black;
}

a.bwa-bottom-menu img {
    vertical-align: middle;
    border-right: 1px solid rgb(136,142,172);
    padding: 0 3px 0 0;
    margin: 0 3px 0 0;
}

/* open all links */
#bwa a.bwa-open-link {
    color: black;
    text-decoration: underline;
    float: right;
    margin: 0 10px 0 0;
}

    #bwa a.bwa-open-link:hover {
        color: white;
    }

    #bwa a.bwa-open-link:after {
        content: " +";
        font-family: Arial,sans-serif;
        font-size: 1.35em;
    }

/* open header style */
#bwa-header.open_bar .bwa-open-link:after {
    content: " -";
}

#bwa-header.open_nobar .bwa-open-link:after {
    content: " -";
}

#bwa-header.open_bar #bwa-header-bottom,
#bwa-header #bwa-header-bottom-2 {
    display: none;
}

#bwa-header.open_nobar #bwa-header-bottom,
#bwa-header #bwa-header-bottom-2 {
    display: none;
}

#bwa-header.open_bar #bwa-header-bottom-2 {
    display: block;
}

#bwa-header.open_nobar #bwa-header-bottom-2 {
    display: block;
}


/* dashboard */
#bwa-dashboard {
    width: 1020px;
    margin: 10px auto;
    position: relative;
}

    #bwa-dashboard aside {
        float: right;
    }

/* tables */
.bwa-table-form {
    background-color: rgb(245,245,245);
    border: 1px solid rgb(172,181,222);
    border-radius: 4px;
    width: 720px;
    text-align: right;
    margin: 0 0 1em;
}

aside .bwa-table-form {
    width: 288px;
}

    aside .bwa-table-form table {
        width: 270px;
    }

.bwa-table-form table {
    text-align: left;
    border-collapse: separate;
    border-spacing: 0;
    width: 700px;
    margin: 10px;
}

.bwa-table-form h1 {
    border-radius: 4px 4px 0 0;
    padding: 3px 0;
    text-align: left;
    position: relative;
    line-height: 34px;
}

    .bwa-table-form h1 img {
        vertical-align: middle;
        margin: 0 5px;
    }

.bwa-table-form .table-menu {
    float: right;
    margin: 0 10px 0 0;
}

    .bwa-table-form .table-menu a {
        display: inline-block;
        width: 23px;
        height: 23px;
        line-height: 23px;
        text-align: center;
        border: 1px solid rgb(169,173,195);
        background: -moz-linear-gradient(top, rgba(125,162,167,0.5) 10%, rgba(203,208,223,0.5) 90%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(125,162,167,0.5)), color-stop(90%,rgba(203,208,223,0.5))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(125,162,167,0.5) 10%,rgba(203,208,223,0.5) 90%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(125,162,167,0.5) 10%,rgba(203,208,223,0.5) 90%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(125,162,167,0.5) 10%,rgba(203,208,223,0.5) 90%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(125,162,167,0.5) 10%,rgba(203,208,223,0.5) 90%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#807da2a7', endColorstr='#80cbd0df',GradientType=0 ); /* IE6-9 */
        border-radius: 4px;
    }

        .bwa-table-form .table-menu a img {
            vertical-align: middle;
            margin: 0;
        }

        .bwa-table-form .table-menu a.list-view {
            background: transparent none;
            border: none;
            width: auto;
            line-height: 1em;
            font-size: 0.6842em; /* 13/19 */
            color: rgb(94,104,141);
            text-decoration: none;
        }

            .bwa-table-form .table-menu a.list-view:hover {
                text-decoration: underline;
            }

.bwa-table-form a {
    color: black;
}

.bwa-table-form h1,
.bwa-table-form th {
    border-bottom: 1px solid rgb(172,181,222);
    background: rgb(255,255,255); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(255,255,255) 35%, rgb(235,235,235) 65%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(35%,rgb(255,255,255)), color-stop(65%,rgb(235,235,235))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(255,255,255) 35%,rgb(235,235,235) 65%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(255,255,255) 35%,rgb(235,235,235) 65%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(255,255,255) 35%,rgb(235,235,235) 65%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(255,255,255) 35%,rgb(235,235,235) 65%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 ); /* IE6-9 */
}

.bwa-table-form td,
.bwa-table-form th {
    border-left: 1px solid rgb(172,181,222);
    padding: 0 8px;
    line-height: 30px;
}

.bwa-table-form th {
    padding: 4px;
    text-align: center;
    border-top: 1px solid rgb(172,181,222);
}

    .bwa-table-form th:first-child {
        -moz-border-radius: 4px 0 0 0;
        -webkit-border-radius: 4px 0 0 0;
        border-radius: 4px 0 0 0;
    }

    .bwa-table-form th:last-child {
        -moz-border-radius: 0 4px 0 0;
        -webkit-border-radius: 0 4px 0 0;
        border-radius: 0 4px 0 0;
    }

    .bwa-table-form th:only-child {
        -moz-border-radius: 4px 4px 0 0;
        -webkit-border-radius: 4px 4px 0 0;
        border-radius: 4px 4px 0 0;
    }

    .bwa-table-form td:last-child,
    .bwa-table-form th:last-child {
        border-right: 1px solid rgb(172,181,222);
    }

.bwa-table-form tr:last-child td {
    border-bottom: 1px solid rgb(172,181,222);
}

.bwa-table-form td input {
    width: 98%;
    padding: .3em;
    margin: .3em 0;
    border: none;
}

.bwa-table-form tfoot td {
    padding: 5px;
    text-align: right;
}

    .bwa-table-form tfoot td input {
        width: 20px;
        margin: 0;
    }

.bwa-table-form tfoot img {
    opacity: .4;
}

.bwa-table-form tfoot a img {
    opacity: .7;
}

.bwa-table-form tfoot a:hover img {
    opacity: 1;
}

.bwa-table-form tr:nth-child(odd) td {
    background-color: rgb(223,225,236);
}

.bwa-table-form td.small {
    width: 60px;
    text-align: center;
}

.bwa-table-form input[type="submit"] {
    position: relative;
    background: rgb(201,209,221); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(201,209,221) 9%, rgb(142,147,177) 47%, rgb(111,118,156) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(9%,rgb(201,209,221)), color-stop(47%,rgb(142,147,177)), color-stop(100%,rgb(111,118,156))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(201,209,221) 9%,rgb(142,147,177) 47%,rgb(111,118,156) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(201,209,221) 9%,rgb(142,147,177) 47%,rgb(111,118,156) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(201,209,221) 9%,rgb(142,147,177) 47%,rgb(111,118,156) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(201,209,221) 9%,rgb(142,147,177) 47%,rgb(111,118,156) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9d1dd', endColorstr='#6f769c',GradientType=0 ); /* IE6-9 */
    border-radius: 4px;
    border: 1px solid rgb(174,175,197);
    padding: .3em 1em;
    color: white;
    font-size: 1.2727em;
    margin: 0 10px 10px;
}

aside .bwa-table-form input[type="submit"] {
    font-size: 1em;
}

.bwa-table-form .bwa-pending-counter {
    font-size: 0.4em;
    position: absolute;
    left: 22px;
    top: 12px;
    line-height: 1.2em;
}

.bwa-table-form ul {
    padding: 5px 0 5px 20px;
}

.bwa-table-form li {
    text-align: left;
}

.bwa-table-form label {
    display: block;
    margin: 7px 20px 7px 7px;
}

.bwa-table-form select {
    width: 121px;
}

/* quick links */

#bwa_quicklinks {
    position: fixed;
    z-index: 1000000;
    width: 100%;
    height: 0px;
    bottom: 0;
    margin: 60px 0 0 0;
    box-shadow: 0 0 50px rgba(0,0,0,.6);
    background: rgb(172,187,217); /* Old browsers */
    background: -moz-linear-gradient(top, rgb(172,187,217) 4%, rgb(134,146,177) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(4%,rgb(172,187,217)), color-stop(100%,rgb(134,146,177))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgb(172,187,217) 4%,rgb(134,146,177) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgb(172,187,217) 4%,rgb(134,146,177) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgb(172,187,217) 4%,rgb(134,146,177) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgb(172,187,217) 4%,rgb(134,146,177) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#acbbd9', endColorstr='#8692b1',GradientType=0 ); /* IE6-9 */
}

    #bwa_quicklinks.open {
        height: 300px;
        z-index: 1000000;
    }

    #bwa_quicklinks h1 {
        position: absolute;
        z-index: 1000000;
        left: 50%;
        margin: 0 0 0 -90px;
        top: -60px;
        width: 180px;
        height: 0px;
        border: 30px solid rgb(172,187,217);
        border-color: transparent transparent rgb(172,187,217) transparent;
        text-align: center;
    }

        #bwa_quicklinks h1 a {
            padding: 0 0 0 30px;
            z-index: 1000000;
            background: url(images/i_quicklinks.png) no-repeat left center;
            line-height: 2em;
            color: white;
            text-decoration: none;
        }

    #bwa_quicklinks section {
        float: left;
        width: 30%;
        z-index: 1000000;
        margin: 5px 1%;
        min-width: 300px;
        display: none;
    }

    #bwa_quicklinks.open section {
        display: block;
        z-index: 1000000;
    }

    #bwa_quicklinks h2 {
        color: white;
        z-index: 1000000;
        border-bottom: 1px solid white;
        margin: 0 0 10px;
    }

    #bwa_quicklinks ul {
        position: relative;
        /*height:50px;*/
        z-index: 1000000;
        -moz-column-count: 2;
        -moz-column-gap: 100px;
        -webkit-column-count: 2;
        -webkit-column-gap: 100px;
        column-count: 2;
        column-gap: 100px;
        overflow: scroll;
        scrollbar-face-color: rgb(78,204,226);
        scrollbar-base-color: rgb(0,124,169);
        text-overflow: clip;
    }

.QuickLinkStar {
    background-image: url(images/i_quicklinks.png);
    cursor: pointer;
    width: 22px;
    height: 21px;
    background-position: top left;
}

.QuickLinkStaroff {
    background-image: url(images/i_quicklinksoff.png);
    cursor: pointer;
    width: 22px;
    height: 21px;
    background-position: top left;
}

.SectionItemDiv {
    margin: 10px;
    color: white;
    z-index: 1000000;
    /*border-bottom:1px solid white;*/
    width: 30%;
    height: 280px;
    overflow-y: auto;
    font-size: 20px;
    font-weight: bold;
    float: left;
}

.ItemDivTd {
    vertical-align: top;
}

.ItemDiv {
    font-size: 12px;
    width: 160px;
    float: left;
    padding: 0px;
    margin: 2px;
    /*border:1px solid #ff0000;*/
    overflow: hidden;
    height: 20px;
    text-decoration: none;
    color: #ffffff;
    line-height: 20px;
    font-weight: normal;
}

    .ItemDiv a {
        text-decoration: none;
        color: #ffffff;
    }

#bwa_quicklinks li a {
    z-index: 1000000;
    color: white;
    text-decoration: none;
}
/*#bwa_quicklinks li a:before{ content:"•";}
#bwa_quicklinks li a.remover:before{ content:""; }
#bwa_quicklinks li a.remover{ float:right; }
*/

/*CSS TOOLTIP

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
	z-index:10;display:none; padding:14px 20px;
	margin-top:-30px; margin-left:28px;
	width:240px; line-height:16px;
}
a.tooltip:hover span{
	display:inline; position:absolute; color:#111;
	border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
	
a.tooltip span
{
	border-radius:4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 5px 5px 8px #CCC;
	-webkit-box-shadow: 5px 5px 8px #CCC;
	box-shadow: 5px 5px 8px #CCC;
}

END OF CSS TOOLTIP */
/* CSS3 TOOLTIP DARK */
a.tooltip {
    outline: none;
    text-decoration: none;
}

    a.tooltip strong {
        line-height: 30px;
    }

    a.tooltip > span {
        width: 200px;
        padding: 10px 20px;
        margin-top: 20px;
        margin-left: -85px;
        opacity: 0;
        visibility: hidden;
        z-index: 10;
        position: absolute;
        font-family: Arial;
        font-size: 12px;
        font-style: normal;
        -webkit-border-radius: 14px;
        -moz-border-radius: 14px;
        -o-border-radius: 14px;
        border-radius: 14px;
        -webkit-box-shadow: 2px 2px 2px #999;
        -moz-box-shadow: 2px 2px 2px #999;
        box-shadow: 2px 2px 2px #999;
        -webkit-transition-property: opacity, margin-top, visibility, margin-left;
        -webkit-transition-duration: 0.2s, 0.3s, 0.2s, 0.3s;
        -webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        -moz-transition-property: opacity, margin-top, visibility, margin-left;
        -moz-transition-duration: 0.2s, 0.3s, 0.2s, 0.3s;
        -moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        -o-transition-property: opacity, margin-top, visibility, margin-left;
        -o-transition-duration: 0.2s, 0.3s, 0.2s, 0.3s;
        -o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
        transition-property: opacity, margin-top, visibility, margin-left;
        transition-duration: 0.2s, 0.3s, 0.2s, 0.3s;
        transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
    }

    /*a.tooltip > span:hover,*/
    a.tooltip:hover > span {
        opacity: 0.7;
        text-decoration: none;
        visibility: visible;
        overflow: visible;
        margin-top: 35px;
        display: inline;
        margin-left: -20px;
    }

    a.tooltip span b {
        width: 15px;
        height: 15px;
        margin-left: 20px;
        margin-top: -19px;
        display: block;
        position: absolute;
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        transform: rotate(-45deg);
        -webkit-box-shadow: inset -1px 1px 0 #fff;
        -moz-box-shadow: inset 0 1px 0 #fff;
        -o-box-shadow: inset 0 1px 0 #fff;
        box-shadow: inset 0 1px 0 #fff;
        /*display: none\0/;*/
        *display: none;
    }

    a.tooltip > span {
        color: #FFFFFF;
        background: #aa2200;
        background: -moz-linear-gradient(top, #aa2200 0%, #999999 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa2200), color-stop(100%,#999999));
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#999999',GradientType=0 );
        border: 1px solid #000000;
    }

    a.tooltip span b {
        background: #aa2200;
        border-top: 1px solid #000000;
        border-right: 1px solid #000000;
    }

/* CSS3 TOOLTIP LIGHT 

 a.tooltip {outline:none;text-decoration:none;border-bottom:dotted 1px blue;}
	a.tooltip strong {line-height:30px;}
	a.tooltip > span 
	{
		width:200px;
		padding: 10px 20px;
		margin-top: 20px;
		margin-left: -85px;
		opacity: 0;
		visibility: hidden;
		z-index: 10;	   
		position: absolute;

		font-family: Arial;
		font-size: 12px;
		font-style: normal;  
				
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		-o-border-radius: 3px;
		border-radius: 3px;
		
		
		-webkit-box-shadow: 2px 2px 2px #999;
		-moz-box-shadow: 2px 2px 2px #999;		
		box-shadow: 2px 2px 2px #999;	    
		
		-webkit-transition-property:opacity, margin-top, visibility, margin-left;
		-webkit-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
		-webkit-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
		-moz-transition-property:opacity, margin-top, visibility, margin-left;
		-moz-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
		-moz-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
		-o-transition-property:opacity, margin-top, visibility, margin-left;
		-o-transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
		-o-transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	
		transition-property:opacity, margin-top, visibility, margin-left;
		transition-duration:0.4s, 0.3s, 0.4s, 0.3s;  
		transition-timing-function: ease-in-out, ease-in-out, ease-in-out, ease-in-out;
	}
	*/
/*a.tooltip > span:hover,*/
/*
	a.tooltip:hover > span
	{
		opacity: 1;
		text-decoration:none;
		visibility: visible;
		overflow: visible;
		margin-top:50px;
		display: inline;
		margin-left: -60px;		
	}

	a.tooltip span b {
	
		width: 15px;
		height: 15px;
		margin-left: 20px;
		margin-top: -19px;
			
		display: block;
		position: absolute;

		-webkit-transform: rotate(-45deg);
		-moz-transform: rotate(-45deg);
		-o-transform: rotate(-45deg);
		transform: rotate(-45deg);
			
		-webkit-box-shadow: inset -1px 1px 0 #fff;
		-moz-box-shadow: inset 0 1px 0 #fff;
		-o-box-shadow: inset 0 1px 0 #fff;
		box-shadow: inset 0 1px 0 #fff;
			
		display: none\0/;
		*display: none;
	}
	
a.tooltip > span {
	color: #000000; 

	background: #f0f0f0;
	background: -moz-linear-gradient(top, #f0f0f0 0%, #fdfdfd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#fdfdfd));
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#fdfdfd',GradientType=0 );
		
	border: 1px solid #666666;	     
}    
	  
a.tooltip span b {
	background: #f0f0f0;
	border-top: 1px solid #666666;
	border-right: 1px solid #666666;
}    


END OF CSS3 TOOLTIP LIGHT */


/* CONTENT */
.content_wrapper {
    position: relative;
    /*overflow:hidden;*/
    overflow: auto;
    margin: 5px;
    /*width:inherit;*/
    min-width: 1020px;
    background-color: rgb(240,240,242);
    padding: 10px;
    border-radius: 4px;
    border: 1px solid rgb(78,93,124);
    text-align: center;
    font-size: 0.8em;
}

#content_wrapper {
    /*
	width:1020px;
	margin:0  auto;
	width:95%;
	margin:2%;
	*/
    position: relative;
    /*overflow:hidden;*/
    margin: 5px;
    width: inherit;
    min-width: 1020px;
    /*This is a copy of the section wrapper - section has an issue and doesnt seem to work
	position:absolute;*/
    background-color: rgb(240,240,242);
    padding: 10px;
    border-radius: 4px;
    border: 1px solid rgb(78,93,124);
    text-align: center;
}

    #content_wrapper section {
        position: absolute;
        /*background-color:rgb(240,240,242) ;*/
        background-color: rgb(200,200,242);
        margin: 10px 0 0;
        padding: 10px;
        border-radius: 4px;
        border: 1px solid rgb(78,93,124);
        text-align: center;
    }

        #content_wrapper section nav {
            position: absolute;
            top: -19px;
            width: 100%;
        }

            #content_wrapper section nav a {
                font-family: Arial,sans-serif;
                border-radius: 4px 4px 0 0;
                padding: 5px 10px;
                color: white;
                text-decoration: none;
                background: rgb(159,169,184); /* Old browsers */
                background: -moz-linear-gradient(top, rgb(159,169,184) 0%, rgb(98,109,144) 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(159,169,184)), color-stop(100%,rgb(98,109,144))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgb(159,169,184) 0%,rgb(98,109,144) 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgb(159,169,184) 0%,rgb(98,109,144) 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgb(159,169,184) 0%,rgb(98,109,144) 100%); /* IE10+ */
                background: linear-gradient(to bottom, rgb(159,169,184) 0%,rgb(98,109,144) 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fa9b8', endColorstr='#626d90',GradientType=0 ); /* IE6-9 */
            }

                #content_wrapper section nav a.active {
                    color: rgb(94,104,141);
                    border: 1px solid rgb(78,93,124);
                    background-color: rgb(240,240,242);
                    background-image: none;
                    border-width: 1px 1px 0 1px;
                }

#bwa #content_wrapper section nav a.bwa-open-link {
    font-family: Arial,sans-serif;
    background: none;
    filter: none;
    position: absolute;
    top: -7px;
    right: 0;
}

/* personnal data links */
#bwa-personnal-data {
    float: right;
    position: relative;
}

    #bwa-personnal-data a {
        color: black;
        margin: 0 3px;
    }

        #bwa-personnal-data a:hover {
            color: white;
        }

        #bwa-personnal-data a img {
            vertical-align: middle;
        }

/* history info bubble */
#bwa-history-infos {
    top: 30px;
    left: 92px;
}

/* service status */
#content_status {
    /*margin:0 0 40px;*/
    margin: 5px;
    font-family: Arial,sans-serif;
    font-weight: bold;
    font-style: normal;
    font-size: 1.5em; /* 12/15 */
}

    #content_status a,
    #content_status a.more:after {
        padding: 3px;
        border: 1px solid rgba(88,96,162,.5);
        color: white;
        text-decoration: none;
        background: -moz-linear-gradient(top, rgba(129,141,177,0.5) 10%, rgba(76,86,134,0.5) 90%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgba(129,141,177,0.5)), color-stop(90%,rgba(76,86,134,0.5))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(129,141,177,0.5) 10%,rgba(76,86,134,0.5) 90%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(129,141,177,0.5) 10%,rgba(76,86,134,0.5) 90%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(129,141,177,0.5) 10%,rgba(76,86,134,0.5) 90%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(129,141,177,0.5) 10%,rgba(76,86,134,0.5) 90%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80818db1', endColorstr='#804c5686',GradientType=0 ); /* IE6-9 */
        overflow: hidden;
    }

        #content_status a strong {
            font-family: Arial,sans-serif;
        }

        #content_status a img {
            vertical-align: middle;
            height: 19px;
        }

        #content_status a.more {
            background-image: none;
            color: black;
            border: none;
        }

            #content_status a.more:after {
                color: black;
                border: none;
                border-radius: 3px;
                content: "▾";
                margin: 3px;
            }

/* service wrapper */
#content_wrapper section form {
    width: 28%;
    display: inline-block;
    border-left: 1px solid rgb(172,181,222);
    margin: 0 10px;
    padding: 10px;
    line-height: 2.5em;
    vertical-align: top;
}

    #content_wrapper section form.plain {
        border: none;
        background-color: rgb(223,225,236);
    }

    #content_wrapper section form label {
        display: block;
        text-align: right;
    }

    #content_wrapper section form input,
    #content_wrapper section form select {
        text-align: left;
        width: 60%;
    }

        #content_wrapper section form input[readonly] {
            background-color: rgb(226,226,226);
        }

    #content_wrapper section form textarea {
        width: 100%;
    }

/* Collapsible panel sub-section with opener used wherever we have collapsible horizontal  panels, usually for bgrids */
/* panel */
/*YACHTIINFO PANEL BY MANOS*/

.bpanel, .bpanelclosed {
    background-color: #fafaff;
    margin: 5px;
    padding: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid rgb(78,93,124);
    /*overflow-x:visible;*/
}

.bpanel {
    min-height: 300px;
}

.bpanelclosed {
    height: 31px !important;
}

    /* panel heading */
    .bpanel h2, .bpanelclosed h2, .bpanel .aaa, .bpanelclosed .aaa, .bpanel .ppanellink, .bpanelclosed .ppanellink {
        font-weight: bold;
        padding: 5px;
        margin: 0px;
        font-size: 1.4em;
        border-bottom: 1px solid rgb(130,131,164);
        background: -moz-linear-gradient(top, rgba(168,183,203,0.6) 0%, rgba(221,229,241,0.6) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,183,203,0.6)), color-stop(100%,rgba(221,229,241,0.6))), url(images/arrow-up.gif) no-repeat right; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%), url(images/arrow-up.gif) no-repeat right; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99a8b7cb', endColorstr='#99dde5f1',GradientType=0 ); /* IE6-9 */
    }

        /* panel heading on rollover */

        .bpanel .ppanellink:hover, .bpanel h2:hover, .bpanelclosed h2:hover, .bpanelclosed .ppanellink:hover, .bpanel .aaa:hover, .bpanelclosed .aaa:hover {
            background-color: #A9BCEF;
        }

    /* heading of a collapsed panel */
    .bpanelclosed h2, .bpanelclosed .aaa, .bpanelclosed .ppanellink {
        background: -moz-linear-gradient(top, rgba(168,183,203,0.6) 0%, rgba(221,229,241,0.6) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,183,203,0.6)), color-stop(100%,rgba(221,229,241,0.6))), url(images/arrow-dn.gif) no-repeat right; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%), url(images/arrow-dn.gif) no-repeat right; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99a8b7cb', endColorstr='#99dde5f1',GradientType=0 ); /* IE6-9 */
    }

/* panel content - do not set borders or paddings */
.bpanelcontent {
    margin: 0px;
    overflow: hidden;
    /*
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;   
box-sizing: border-box;
*/
}

/* collapsed panel content */
.bpanelclosed .bpanelcontent {
    display: none;
}


/*YACHTIINFO PANEL BY MANOS*/

.bwapanel, .bwapanelcollapsed {
    background-color: #fafaff;
    margin: 5px;
    padding: 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border: 1px solid rgb(78,93,124);
    /*  width:100%; added by manos 2014 02 01*/
}

.bwapanelcollapsed {
    height: 31px !important;
}

    /* panel heading */
    .bwapanel h2, .bwapanelcollapsed h2, .bwapanel .aaa, .bwapanelcollapsed .aaa {
        padding: 5px;
        margin: 0px;
        font-size: 1.4em;
        border-bottom: 1px solid rgb(130,131,164);
        background: -moz-linear-gradient(top, rgba(168,183,203,0.6) 0%, rgba(221,229,241,0.6) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,183,203,0.6)), color-stop(100%,rgba(221,229,241,0.6))), url(images/arrow-up.gif) no-repeat right; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%), url(images/arrow-up.gif) no-repeat right; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99a8b7cb', endColorstr='#99dde5f1',GradientType=0 ); /* IE6-9 */
        /*
	font-size: 18px;
	font-weight: normal;
	margin: 0px;
	padding: 4px;
	background: #CCC url(images/arrow-up.gif) no-repeat right;
	border-bottom: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	border-left: 1px solid #FFF;
		*/
    }

        /* panel heading on rollover */

        .bwapanel h2:hover, .bwapanelcollapsed h2:hover, .bwapanel .aaa:hover, .bwapanelcollapsed .aaa:hover {
            background-color: #A9BCEF;
        }

    /* heading of a collapsed panel */
    .bwapanelcollapsed h2, .bwapanelcollapsed .aaa {
        background: -moz-linear-gradient(top, rgba(168,183,203,0.6) 0%, rgba(221,229,241,0.6) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,183,203,0.6)), color-stop(100%,rgba(221,229,241,0.6))), url(images/arrow-dn.gif) no-repeat right; /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%), url(images/arrow-dn.gif) no-repeat right; /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99a8b7cb', endColorstr='#99dde5f1',GradientType=0 ); /* IE6-9 */
    }

/* panel content - do not set borders or paddings */
.bwapanelcontent {
    margin: 10px;
    overflow: hidden;
    /* width:100%;  added by manos 2014 02 01*/
}

/* collapsed panel content */
.bwapanelcollapsed .bwapanelcontent {
    display: none;
    /* width:100%; added by manos 2014 02 01*/
}


.collapsiblepanels h1 {
    border-radius: 4px;
    padding: 10px;
    margin: -10px;
    font-size: 1.4em;
    background: -moz-linear-gradient(top, rgba(168,183,203,0.6) 0%, rgba(221,229,241,0.6) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,183,203,0.6)), color-stop(100%,rgba(221,229,241,0.6))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* IE10+ */
    background: linear-gradient(to bottom, rgba(168,183,203,0.6) 0%,rgba(221,229,241,0.6) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#99a8b7cb', endColorstr='#99dde5f1',GradientType=0 ); /* IE6-9 */
}

.collapsiblepanels-opener {
    font-family: Arial,sans-serif;
    font-size: 1.3809em;
    color: white;
    text-decoration: none;
    border-left: 1px solid rgb(78,93,124);
    padding: 5px 12px 6px;
    margin: -10px;
    float: right;
}

.collapsiblepanels.open h1 {
    border-bottom: 1px solid rgb(78,93,124);
    border-radius: 4px 4px 0 0;
}

/* controls buttons */
#bwa-controls {
    width: 1024px;
    margin: 0 auto;
    padding: 20px 0;
}

    #bwa-controls input {
        padding: 3px 10px;
        border-radius: 4px;
        font-size: 1.2727em;
        color: white;
        border: 1px solid rgb(130,131,164);
        background: rgb(178,187,206); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(178,187,206) 0%, rgb(142,147,177) 21%, rgb(102,108,131) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(178,187,206)), color-stop(21%,rgb(142,147,177)), color-stop(100%,rgb(102,108,131))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(178,187,206) 0%,rgb(142,147,177) 21%,rgb(102,108,131) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(178,187,206) 0%,rgb(142,147,177) 21%,rgb(102,108,131) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(178,187,206) 0%,rgb(142,147,177) 21%,rgb(102,108,131) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(178,187,206) 0%,rgb(142,147,177) 21%,rgb(102,108,131) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b2bbce', endColorstr='#666c83',GradientType=0 ); /* IE6-9 */
        box-shadow: 0 0 5px rgba(0,0,0,.5);
    }

    #bwa-controls .cancel {
        margin: 0 460px 0 0;
    }

    #bwa-controls .save {
        margin: 0 0 0 100px;
    }

        #bwa-controls .save input {
            border: 1px solid rgb(131,43,0);
            background: rgb(222,126,93); /* Old browsers */
            background: -moz-linear-gradient(top, rgb(222,126,93) 0%, rgb(187,61,0) 21%, rgb(126,33,0) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(222,126,93)), color-stop(21%,rgb(187,61,0)), color-stop(100%,rgb(126,33,0))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgb(222,126,93) 0%,rgb(187,61,0) 21%,rgb(126,33,0) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgb(222,126,93) 0%,rgb(187,61,0) 21%,rgb(126,33,0) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgb(222,126,93) 0%,rgb(187,61,0) 21%,rgb(126,33,0) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgb(222,126,93) 0%,rgb(187,61,0) 21%,rgb(126,33,0) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#de7e5d', endColorstr='#7e2100',GradientType=0 ); /* IE6-9 */
        }

/* ------------------------------------ */
/* --- --- --- other themes --- --- --- */
/* ------------------------------------ */

/* LIGHTBLUE */
#bwa.lightblue {
    background-image: none;
    background-color: rgb(139,204,226);
}

    #bwa.lightblue #bwa-logo {
        background: rgb(78,204,226); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(78,204,226) 0%, rgb(31,129,174) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(78,204,226)), color-stop(100%,rgb(31,129,174))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ecce2', endColorstr='#1f81ae',GradientType=0 ); /* IE6-9 */
    }

    #bwa.lightblue #bwa-header-top {
        background: rgb(0,124,169); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(0,124,169) 0%, rgb(38,88,124) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,124,169)), color-stop(100%,rgb(38,88,124))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ca9', endColorstr='#26587c',GradientType=0 ); /* IE6-9 */
    }

    #bwa.lightblue #bwa-logout-form {
        background: rgb(0,61,93); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(0,61,93) 0%, rgb(0,104,139) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,61,93)), color-stop(100%,rgb(0,104,139))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(0,61,93) 0%,rgb(0,104,139) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(0,61,93) 0%,rgb(0,104,139) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(0,61,93) 0%,rgb(0,104,139) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(0,61,93) 0%,rgb(0,104,139) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d5d', endColorstr='#00688b',GradientType=0 ); /* IE6-9 */
    }

    #bwa.lightblue #bwa-header {
        background: rgb(78,204,226); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(78,204,226) 0%, rgb(56,154,202) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(78,204,226)), color-stop(100%,rgb(56,154,202))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(78,204,226) 0%,rgb(56,154,202) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(78,204,226) 0%,rgb(56,154,202) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(78,204,226) 0%,rgb(56,154,202) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(78,204,226) 0%,rgb(56,154,202) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ecce2', endColorstr='#389aca',GradientType=0 ); /* IE6-9 */
    }

    #bwa.lightblue #bwa-header-bottom,
    #bwa.lightblue #bwa-header-bottom-2,
    #bwa.lightblue a.bwa-bottom-menu {
        background: rgb(105,182,197); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(105,182,197) 0%, rgb(80,150,192) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(105,182,197)), color-stop(100%,rgb(80,150,192))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(105,182,197) 0%,rgb(80,150,192) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(105,182,197) 0%,rgb(80,150,192) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(105,182,197) 0%,rgb(80,150,192) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(105,182,197) 0%,rgb(80,150,192) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69b6c5', endColorstr='#5096c0',GradientType=0 ); /* IE6-9 */
    }

    #bwa.lightblue #content_wrapper section a {
        background: rgb(56,169,202); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(56,169,202) 0%, rgb(6,114,164) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(56,169,202)), color-stop(100%,rgb(6,114,164))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(56,169,202) 0%,rgb(6,114,164) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(56,169,202) 0%,rgb(6,114,164) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(56,169,202) 0%,rgb(6,114,164) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(56,169,202) 0%,rgb(6,114,164) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#38a9ca', endColorstr='#0672a4',GradientType=0 ); /* IE6-9 */
    }

        #bwa.lightblue #content_wrapper section a.active {
            background: rgb(255,255,255); /* Old browsers */
            background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(193,227,234) 90%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(90%,rgb(193,227,234))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* IE10+ */
            background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1e3ea',GradientType=0 ); /* IE6-9 */
        }

    #bwa.lightblue #content_wrapper section,
    #bwa.lightblue .bwa-table-form {
        background-color: rgb(193,227,234);
    }

        #bwa.lightblue #content_wrapper section form.plain {
            background-color: rgb(168,216,226);
        }

        #bwa.lightblue .bwa-table-form h1,
        #bwa.lightblue .bwa-table-form th,
        #bwa.lightblue .collapsiblepanels h1 {
            background: rgb(105,174,197); /* Old browsers */
            background: -moz-linear-gradient(top, rgb(105,174,197) 0%, rgb(162,214,232) 99%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(105,174,197)), color-stop(99%,rgb(162,214,232))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgb(105,174,197) 0%,rgb(162,214,232) 99%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgb(105,174,197) 0%,rgb(162,214,232) 99%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgb(105,174,197) 0%,rgb(162,214,232) 99%); /* IE10+ */
            background: linear-gradient(to bottom, rgb(105,174,197) 0%,rgb(162,214,232) 99%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#69aec5', endColorstr='#a2d6e8',GradientType=0 ); /* IE6-9 */
        }

    #bwa.lightblue #bwa-controls input {
        color: black;
        background: rgb(215,245,247); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(215,245,247) 0%, rgb(196,215,230) 22%, rgb(71,106,126) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(215,245,247)), color-stop(22%,rgb(196,215,230)), color-stop(100%,rgb(71,106,126))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(215,245,247) 0%,rgb(196,215,230) 22%,rgb(71,106,126) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(215,245,247) 0%,rgb(196,215,230) 22%,rgb(71,106,126) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(215,245,247) 0%,rgb(196,215,230) 22%,rgb(71,106,126) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(215,245,247) 0%,rgb(196,215,230) 22%,rgb(71,106,126) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d7f5f7', endColorstr='#476a7e',GradientType=0 ); /* IE6-9 */
    }

    #bwa.lightblue #bwa-controls .save input {
        background: rgb(255,220,164); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(255,220,164) 0%, rgb(255,192,101) 22%, rgb(222,101,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,220,164)), color-stop(22%,rgb(255,192,101)), color-stop(100%,rgb(222,101,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdca4', endColorstr='#de6500',GradientType=0 ); /* IE6-9 */
    }

    #bwa.lightblue #bwa_quicklinks {
        background: rgb(0,124,169); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(0,124,169) 0%, rgb(38,88,124) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,124,169)), color-stop(100%,rgb(38,88,124))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ca9', endColorstr='#26587c',GradientType=0 ); /* IE6-9 */
    }

        #bwa.lightblue #bwa_quicklinks h1 {
            border-bottom-color: rgb(0,124,169);
        }

    #bwa.lightblue a.bwa-open-link,
    #bwa.lightblue #content_status a.more,
    #bwa.lightblue #bwa-personnal-data a,
    #bwa.lightblue #content_wrapper h1 {
        color: white;
    }

/* DARKBLUE */
#bwa.darkblue {
    background-image: none;
    background-color: rgb(0,48,81);
}

    #bwa.darkblue #bwa-logo {
        background: rgb(78,204,226); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(78,204,226) 0%, rgb(31,129,174) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(78,204,226)), color-stop(100%,rgb(31,129,174))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(78,204,226) 0%,rgb(31,129,174) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4ecce2', endColorstr='#1f81ae',GradientType=0 ); /* IE6-9 */
    }

    #bwa.darkblue #bwa-header-top {
        background: rgb(12,58,89); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(12,58,89) 0%, rgb(48,87,114) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(12,58,89)), color-stop(100%,rgb(48,87,114))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(12,58,89) 0%,rgb(48,87,114) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(12,58,89) 0%,rgb(48,87,114) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(12,58,89) 0%,rgb(48,87,114) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(12,58,89) 0%,rgb(48,87,114) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0c3a59', endColorstr='#305772',GradientType=0 ); /* IE6-9 */
    }

    #bwa.darkblue #bwa-logout-form {
        background: rgb(63,89,116); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(63,89,116) 10%, rgb(98,138,166) 90%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(10%,rgb(63,89,116)), color-stop(90%,rgb(98,138,166))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(63,89,116) 10%,rgb(98,138,166) 90%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(63,89,116) 10%,rgb(98,138,166) 90%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(63,89,116) 10%,rgb(98,138,166) 90%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(63,89,116) 10%,rgb(98,138,166) 90%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f5974', endColorstr='#628aa6',GradientType=0 ); /* IE6-9 */
    }

    #bwa.darkblue #bwa-header {
        background: rgb(50,111,159); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(50,111,159) 0%, rgb(25,76,129) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(50,111,159)), color-stop(100%,rgb(25,76,129))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(50,111,159) 0%,rgb(25,76,129) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(50,111,159) 0%,rgb(25,76,129) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(50,111,159) 0%,rgb(25,76,129) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(50,111,159) 0%,rgb(25,76,129) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#326f9f', endColorstr='#194c81',GradientType=0 ); /* IE6-9 */
    }

    #bwa.darkblue #bwa-header-bottom,
    #bwa.darkblue #bwa-header-bottom-2,
    #bwa.darkblue a.bwa-bottom-menu {
        background: rgb(71,129,167); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(71,129,167) 0%, rgb(26,88,134) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(71,129,167)), color-stop(100%,rgb(26,88,134))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(71,129,167) 0%,rgb(26,88,134) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(71,129,167) 0%,rgb(26,88,134) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(71,129,167) 0%,rgb(26,88,134) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(71,129,167) 0%,rgb(26,88,134) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4781a7', endColorstr='#1a5886',GradientType=0 ); /* IE6-9 */
    }

    #bwa.darkblue #content_wrapper section {
        border-color: rgb(114,130,154);
    }

        #bwa.darkblue #content_wrapper section a {
            background: rgb(42,103,138); /* Old browsers */
            background: -moz-linear-gradient(top, rgb(42,103,138) 0%, rgb(6,58,83) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(42,103,138)), color-stop(100%,rgb(6,58,83))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgb(42,103,138) 0%,rgb(6,58,83) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgb(42,103,138) 0%,rgb(6,58,83) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgb(42,103,138) 0%,rgb(6,58,83) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgb(42,103,138) 0%,rgb(6,58,83) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a678a', endColorstr='#063a53',GradientType=0 ); /* IE6-9 */
        }

            #bwa.darkblue #content_wrapper section a.active {
                background: rgb(255,255,255); /* Old browsers */
                background: -moz-linear-gradient(top, rgb(255,255,255) 0%, rgb(193,227,234) 90%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,255,255)), color-stop(90%,rgb(193,227,234))); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* IE10+ */
                background: linear-gradient(to bottom, rgb(255,255,255) 0%,rgb(193,227,234) 90%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1e3ea',GradientType=0 ); /* IE6-9 */
            }

    #bwa.darkblue #content_wrapper section,
    #bwa.darkblue .bwa-table-form {
        background-color: rgb(193,227,234);
    }

        #bwa.darkblue #content_wrapper section form.plain {
            background-color: rgb(168,216,226);
        }

        #bwa.darkblue .bwa-table-form h1,
        #bwa.darkblue .bwa-table-form th,
        #bwa.darkblue .collapsiblepanels h1 {
            background: rgb(42,103,138); /* Old browsers */
            background: -moz-linear-gradient(top, rgb(42,103,138) 0%, rgb(48,87,114) 100%); /* FF3.6+ */
            background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(42,103,138)), color-stop(100%,rgb(48,87,114))); /* Chrome,Safari4+ */
            background: -webkit-linear-gradient(top, rgb(42,103,138) 0%,rgb(48,87,114) 100%); /* Chrome10+,Safari5.1+ */
            background: -o-linear-gradient(top, rgb(42,103,138) 0%,rgb(48,87,114) 100%); /* Opera 11.10+ */
            background: -ms-linear-gradient(top, rgb(42,103,138) 0%,rgb(48,87,114) 100%); /* IE10+ */
            background: linear-gradient(to bottom, rgb(42,103,138) 0%,rgb(48,87,114) 100%); /* W3C */
            filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2a678a', endColorstr='#305772',GradientType=0 ); /* IE6-9 */
        }

    #bwa.darkblue #bwa-controls input {
        background: rgb(107,162,198); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(107,162,198) 0%, rgb(71,104,136) 22%, rgb(34,76,100) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(107,162,198)), color-stop(22%,rgb(71,104,136)), color-stop(100%,rgb(34,76,100))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(107,162,198) 0%,rgb(71,104,136) 22%,rgb(34,76,100) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(107,162,198) 0%,rgb(71,104,136) 22%,rgb(34,76,100) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(107,162,198) 0%,rgb(71,104,136) 22%,rgb(34,76,100) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(107,162,198) 0%,rgb(71,104,136) 22%,rgb(34,76,100) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ba2c6', endColorstr='#224c64',GradientType=0 ); /* IE6-9 */
    }

    #bwa.darkblue #bwa-controls .save input {
        color: black;
        background: rgb(255,220,164); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(255,220,164) 0%, rgb(255,192,101) 22%, rgb(222,101,0) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(255,220,164)), color-stop(22%,rgb(255,192,101)), color-stop(100%,rgb(222,101,0))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(255,220,164) 0%,rgb(255,192,101) 22%,rgb(222,101,0) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffdca4', endColorstr='#de6500',GradientType=0 ); /* IE6-9 */
    }

    #bwa.darkblue #bwa_quicklinks {
        background: rgb(0,124,169); /* Old browsers */
        background: -moz-linear-gradient(top, rgb(0,124,169) 0%, rgb(38,88,124) 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(0,124,169)), color-stop(100%,rgb(38,88,124))); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* IE10+ */
        background: linear-gradient(to bottom, rgb(0,124,169) 0%,rgb(38,88,124) 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007ca9', endColorstr='#26587c',GradientType=0 ); /* IE6-9 */
    }

        #bwa.darkblue #bwa_quicklinks h1 {
            border-bottom-color: rgb(0,124,169);
        }

    #bwa.darkblue a.bwa-open-link,
    #bwa.darkblue #content_status a.more,
    #bwa.darkblue #bwa-personnal-data a,
    #bwa.darkblue #content_wrapper h1 {
        color: white;
    }


/* --- this is for example purposes only, to be delete --- */
.collapsiblepanels.open {
    height: 300px;
}
/* --- --- --- --- --- --- --- --- --- --- --- --- --- */

/* CUSTOM BGRID ROWS
	*/
.bgridrow_active,
.bgridrow_active:focus {
    background-color: rgb(255,220,164);
}

    .bgridrow_active:hover {
        background-color: rgb(230,200,124);
    }



/* ANTONIS CSS*/

/* Previous Names info bubble */
#bwa-previous-names-infos {
    top: 5px;
    left: 330px;
}

/* Added by Maik on 11/3/2014 - Used in DA and Invoice to show the credit popup*/
.creditTable {
    border-spacing: 0px;
    width: 100%;
    border-collapse: collapse;
}

    .creditTable td {
        padding-right: 5px;
        padding-left: 5px;
        padding-bottom: 1px;
        border: 2px ridge gray;
    }

.crdTblHeader {
    background-color: lightgray;
}

.truncCell {
    text-overflow: ellipsis;
}

.ui-dialog {
    z-index: 100001 !important;
}


/* Added by maik on 20/1/2016 - Used to style jQuery UI CRM popups*/
.no-close .ui-dialog-titlebar-close {
    display: none;
}

.no-title .ui-dialog-titlebar {
    display: none;
}

.ui-dialog {
    box-shadow: 2px 3px 5px 1px rgba(153,153,153,1);
    border: 1px solid #16335C;
    padding: 0 !important;
}

.framePopup .ui-dialog-content {
    padding: 0px !important;
    overflow: hidden !important;
}
