/* 
 * $Id: mandant.css 258 2012-01-25 08:58:07Z wampfler $
 *
 * Copyright 2010 by GLUE Software Engineering AG, Bern, Switzerland
 *
 * This program is free software: you can redistribute it and/or modify
 * it under the terms of the GNU Affero General Public License as
 * published by the Free Software Foundation, either version 3 of the
 * License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful,
 * but WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
 * GNU Affero General Public License for more details.
 *
 * You should have received a copy of the GNU Affero General Public License
 * along with this program.  If not, see <http://www.gnu.org/licenses/>.
 */

/* blaues und rotes Icönli */
span.fe_info_img, span.fe_message_img {
    margin-left: 4px;
    margin-right: 0px;
}

div.fe_info {
    background-color: lightblue;
    border: 1px solid darkblue;
    display: none;
    font-weight: normal;
    padding: 2px;
    position: absolute;
    width: auto;
    z-index: 9999;
}

.full_width select {
    width: 400px;
}

/*
* specific layout for mandant FINMA
*/
/* ------------------------------------------------------------------- 
  inner elements
---------------------------------------------------------------------- */
#content div.block, #content p {
    color: #111111;
    display: block;
    font-family: "FrutigerLTW01-45Light";
    font-size: 1em;
    font-weight: normal;
    line-height: 22px;
    max-width: 90%;

    margin: 16px 0;
}

div.buttons {
    font-family: 'Frutiger LT W01_65 Bold';
    font-size: 0.875em;
    font-weight: normal;
    color: #ffffff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 16px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    background: #0a3f80;
    background: -moz-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%,
    #06336b 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #0a3f80),
    color-stop(50%, #0a3f80), color-stop(51%, #06336b),
    color-stop(100%, #06336b));
    background: -webkit-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%,
    #06336b 100%);
    background: -o-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%, #06336b 100%);
    background: -ms-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%,
    #06336b 100%);
    background: linear-gradient(165deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%, #06336b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a3f80',
    endColorstr='#06336b', GradientType=1);
}

#content .error {
    background-color: #f97171;
}

#content .error-sedex {
    background-color: #f97171;
    padding: 5px
}

#content div.block table {
    width: 80%;
}

#content div.block td {
    vertical-align: top;
    margin: 20px;
}

div.buttons .button {
    margin: 10px;
    padding: 5px 2px 5px 2px;
    width: 10em;
}

/*
 * img in the legend
*/
.legend img, .legend strong {
    display: block;
    float: left;
    margin: 0 5px 0 0;
}

.legend strong {
    width: 16px;
    text-align: right;
}

.legend span {
    margin: 0;
}

.legend div {
    clear: both;
    margin: 5px;
}

/* ------------------------------------------------------------------- 
  form-engine adaptions
---------------------------------------------------------------------- */
/*
*  buttons for the FE screens
*/
div.fe_reset, div.fe_cancel, div.fe_submission, div.ctype_submit {
    clear: none;
    float: left;
    margin-left: 0;
    margin-right: 0;
    margin-top: 0;
    margin-bottom: 0;
    padding: 4px 0;
}

/*
*  label of cancel button button with no content (should also not use space) - to achieve left alignment of the buttons
*/
div.ctype_submit div.fe_label {
    width: 0px;
    padding-right: 0px;
}

div.fe_submission #submit:hover, div.fe_submission input:hover, div.fe_submission #cancel:hover,
div.ctype_submit button:hover {
    background: #003CA0;
}

div.fe_submission #submit:active, div.fe_submission input:active, div.fe_submission #cancel:active,
div.ctype_submit button:active,
div.fe_submission #submit:focus, div.fe_submission input:focus, div.fe_submission #cancel:focus,
div.ctype_submit button:focus {
    background: #06346b none repeat scroll 0 0;
}

div.fe_submission #submit, div.fe_submission input, div.fe_submission #cancel,
div.ctype_submit button {
    font-family: 'Frutiger LT W01_65 Bold';
    font-size: 0.875em;
    font-weight: normal;
    color: #ffffff;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    padding: 10px 16px;
    text-decoration: none;
    display: inline-block;
    position: relative;
    background: #0a3f80;
    background: -moz-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%,
    #06336b 100%);
    background: -webkit-gradient(left top, right bottom, color-stop(0%, #0a3f80),
    color-stop(50%, #0a3f80), color-stop(51%, #06336b),
    color-stop(100%, #06336b));
    background: -webkit-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%,
    #06336b 100%);
    background: -o-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%, #06336b 100%);
    background: -ms-linear-gradient(-15deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%,
    #06336b 100%);
    background: linear-gradient(165deg, #0a3f80 0%, #0a3f80 50%, #06336b 51%, #06336b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0a3f80',
    endColorstr='#06336b', GradientType=1);

    border: 0;
    margin: 0 4px 0 0;
}

div.fe_submission {
    /* to move the buttons from each other */
    margin-left: 4px;
}

/**
to enlarge width of text-input-field
*/
div.fe_c_content input[type="text"], div.fe_c_content input[type="password"],
div.fe_c_content textarea {
    width: 290px;
    border: 1px solid #ADB5CE;
}

/**
to enlarge width of text-input-field for IE7
*/
div.width_extended input {
    width: 300px;
}

div.label_as_title div.fe_label {
    width: 500px;
    padding-top: 15px;
    padding-bottom: 10px;
}

div.label_extended_width div.fe_label {
    width: 250px;
}

div.minimize_padding div.fe_label {
    padding-bottom: 5px;
}

div.maximize_padding {
    padding-bottom: 15px;
}

/*
achieve linebreaks in radio-choise text/labels
*/
div.text-wrap label {
    /* works with all, except CHROME
       font-size: 76%;
       */
    white-space: pre-wrap;
}

/*
achieve linebreaks in radio-choise text/labels
targets only chrome and safari
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    div.text-wrap label {
        white-space: pre-line;
    }
}

/*
radion-choises on suisseIdPage.vm and text on receipt screen
*/
span.min_fontsize, td.min_fontsize {
    font-size: 76%;
}

/*
radion-choises on suisseIdPage.vm and text on receipt screen
targets only chrome and safari
*/
@media screen and (-webkit-min-device-pixel-ratio: 0) {
    span.min_fontsize, td.min_fontsize {
        font-size: 100%;
    }
}

div.wrap_file_upload fieldset div table tbody label, div.wrap_file_upload div.fe_label {
    width: 250px;
}

fieldset {
    width: 470px;
}

/* ------------------------------------------------------------------- 
  style-class additions for form-engine components
---------------------------------------------------------------------- */
div.long_textfield div.fe_c_content div input {
    width: 308px;
}

div.big_textfield div.fe_c_content div input {
    width: 472px;
}

p.attention {
    background-color: #ffffff;
    border: 3px solid #ffabab;
    padding: 10px;
}

/* indention for labels on screen1 */
div.label_indented div.fe_label label {
    margin-left: 20px;
}

div.label_no_padding {
    padding: 0px;
}

/*
used on captchaPage and receipt page (red-colored box)
*/
div.attention {
    background-color: #ffffff;
    border: 3px solid #ffabab;
    padding: 1px;
    text-align: center;
    font-size: 120%;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    line-height: 1.5em;
}

/*
new fileupload component since FE 1.7.2 (class for repeat)
*/
.glue_fieldset_no_border fieldset {
    border: none;
}

div.mainnavigation li a {
    color: #003388;
    display: inline-block;
    font-family: "FrutigerLTW01-45Light";
    font-size: 1em;
    font-weight: normal;
    padding: 4px 4px 4px 0;
    text-decoration: none;
}

#content h1 {
    border-bottom: 3px solid #003388;
    color: #111111;
    display: inline-block;
    font-family: "FrutigerLTW01-45Light";
    font-size: 1.375em;
    font-weight: normal;
    margin-bottom: -1px;
    padding-bottom: 2px;
}

#heading_underline {
    border-bottom: 1px solid #ccc;
    margin-bottom: 32px;
    position: relative;
}

#content h2 {
    color: #003388;
    font-family: "FrutigerLTW01-45Light";
    font-size: 1.375em;
    font-weight: normal;
    line-height: 26px;
    margin-bottom: 10px;
    margin-top: 40px;
}

#content label {
    font-family: "Frutiger LT W01_65 Bold";
    font-size: 1em;
    font-weight: normal;
    color: #000000;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}

#content ol {
    list-style-type: decimal;
    counter-reset: item;
}

#content ol li {
    /* color: #003388;  we have no span around label*/
    font-family: "FrutigerLTW01-55Roman";
    font-size: 1em;
    font-weight: normal;
    margin-left: 22px;
}

div.fe_label {
    float: left;
    padding-right: 10px;
    min-width: 170px;
    word-wrap: break-word;
}

div.fe_label label {
    font-weight: normal;
}

#content a {
    color: #003388;
}

.relatedParagraphTitle {
    background-color: none;
    border-top: none;
    color: #000000;
    font-weight: normal;
    line-height: normal;
    padding-left: 4px;
    padding-top: 1px;
    border-bottom: 1px solid #ccc;
    margin-bottom: 16px;
    position: relative;
}

#content li {
    margin-bottom: 8px;
}

div.fe_c_fields {
    font-family: "FrutigerLTW01-55Roman";
}

div.fe_address {
    font-family: "FrutigerLTW01-45Light";
    font-weight: normal;
    max-width: 300px;
}

#wrapper {
    background: none repeat scroll 0 0 #FFFFFF;
    height: auto !important;
    margin: 0 auto;
    box-sizing: content-box;
    float: left;
}

/* Pl-Upload error notify area */
.ui-state-error{
	display: none;
}

#myErrorDiv {
    background-color: antiquewhite;
    padding: 10px 10px 0px 10px;
    border: solid red 1px;
    margin-bottom: 10px;
}

#myErrorDiv li {
	list-style-type: disc;
	margin-bottom: 4px;
	margin-left: 8px;
}

.closeErrorBox {
	float: right;
	padding: 5px;
	cursor: pointer;
}

#filelistcontainer {
    margin-top: 20px;
    overflow-y: scroll;
    height: 150px;
    background-color: lightgray;
}

#totalPage {
    float: left;
    height: 100%;
    width: 100%;
}

#content_all {
    float: left;
    width: 100%;
    height: 100%;
    background: #f6f6f6 url("../images/background-image-grey.png") no-repeat scroll center top;
    border-top: 1px solid #c5c5c5;
    padding-top: 32px;
}

#briefkasten .briefkasten .navLevel1div a, #impressum .impressum .navLevel1div a {
    color: #c00;
}

#content b, strong {
    font-family: 'Frutiger LT W01_65 Bold';
    font-weight: normal;
    color: #111111;
}