/*
Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

Reset
*/
@import "link_styles.css";
@import "icon_styles.css";

/*
html {
    color: #000;
    background: #FFF;
}
*/

html, body /*, table, tr, th, td*/
{
    margin: 0;
    padding: 0;
}

body {
    font-size:        12px !important;
    /*
    font-family:      Verdana, Arial, Helvetica, sans-serif;
    color:            #313131;
    */
}

strong {
    font-weight: bold;
}

em {
    font-style: italic;
}

hr {
    line-height: 1px;
    border-top: 1px solid black;
}


p {
    margin-top: 5px;
}

.iframe-login {
    width: 100%;
    height: 700px;
    border: 1px solid #DFDFDF;
}

img {
    border: 0px;
}

.clear {
    clear: both;
}

.curved-large {
    border-radius: 5px;
}

.loading {
    background: #FFFFFF url('../images/ajax-loader.gif') no-repeat center;
}

.hidden {
    visibility: hidden;
    display: none;
}

.vertical-middle {
    vertical-align: middle;
}

.full-width {
    width: 100%;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.text-center {
    text-align: center;
}

.text-red {
    color: #AA3333;
}

.text-bold {
    font-weight: bold;
}

.no-wrap {
    white-space: nowrap;
}

.scroll-vertical {
    overflow: scroll;
    overflow-x: hidden;
}

.border {
    border: 1px solid black;
}

.float-left {
    float: left;
}

.float-right {
    float: right;
}

.light-gray-border {
    border: 1px solid #CFCFCF;
}

/**
 * Draws an arrow point down
 */
.arrow-down {
    border-color: #0088CC transparent transparent;
    border-style: solid dashed dashed;
    border-width: 4px 4px 0;
    display: inline-block;
}

#header-content {
    background-color: #FFFFFF;
    height: 0.5em;
    position: fixed;
    width: 100%;
    z-index: 2;
    /*    border: 1px solid #DADADA; */
}

#header-container {
    width: 100%;
    height: inherit;
    /*	border-bottom: 1px solid black; */
}

#header-left {
    float: left;
    position: relative;
    font-size: 3em;
    /* The width is same as of the background image */
    width: 190px;
    height: inherit;
    border-right: 1px solid #DFDFDF;
    background-image: url('../images/logo_bvf.jpg');
    background-repeat: no-repeat;
}

#header-right {
    text-align: right;
    /*	background-color: #428725; */
    background-color: white;
    height: 1em;
    border-right: 1px solid #DFDFDF;
}

#mc-overview-head {
    background-color: #FFFFFF;
    margin-top: 10px;
    height: 5em;
}

#mc-overview-main {
    float: left;
    position: relative;
    text-align: left;
    width: 48%;
    padding: 5px 5px 5px 15px;
}

#client-quick-search-container {
    float: right;
    line-height: 40px;
}

#client-quick-search-container > form {
    display: inline;
}

#notices {
    position: relative;
    padding: 5px 30px 5px 30px;
    text-align: left;
}

/****************************
 * TOP MENU SETTINGS
****************************/

#menu-top-container {
    width: 100%;
    background-color: #FFFFFF;
    float: left;
    border-bottom: 1px solid #DFDFDF;
    border-top: 1px solid #DFDFDF;
}

#menu-top {
    padding: 5px 10px;
    background-color: #FFFFFF;
    width: 99%;
    float: left;
}

#menu-top form {
    display: inline-block;
}

.menu-more {
    background-color: #FFFFFF;
    border: 1px solid #0088AA;
    box-shadow: 3px 3px 5px #777777;
    position: absolute;
    white-space: nowrap;
    z-index: 2;
}

.menu-more-item li.menu-more-item {
    display: block;
}

.menu-more-item li.menu-more-item div.menu-more {
    margin-left: 10px;
}

.menu-more-left {
    left: 0px;
}

.menu-more-right {
    right: 0px;
}

.menu-list {
    list-style: none outside none;
    display: block;
    padding: 0px;
    margin: 0px;
}

.menu-list li.clickable:hover, input[type='submit'].menu:hover {
    background-color: #EFEFEF;
}

.menu-list-item {
    display: inline-block;
    line-height: 25px;
    position: relative;
    vertical-align: top;
}

.menu-list > li.clickable > a {
    display: inline-block;
/*    width: 100%;*/
    line-height: 12px;
}

.menu-more-clicked {
    /*    background-color: #FFFFFF; */
    padding-bottom: 6px;
    border-color: #3366CC;
    border-top: 1px solid;
    border-right: 1px solid;
    border-left: 1px solid;
    background-color: white;
}

/**************************
 *
 **************************/

#household-container {
    /*
    border-left: 1px dotted #CFCFCF;
    padding-left: 10px;
    width: 100%;
    */
}

#household-container{
    display: table-cell;
    vertical-align: top;
}

input[type=text],
input[type=file],
input[type=number],
input[type=integer],
input[type=password],
input[type=email],
select,
textarea {
    border: 1px solid #DADADA;
    background: white url(../images/field-background.gif) repeat-x left top;
    padding: 5px 6px;
    color: #565656;
    /*    font-family: 'Lucida Sans Unicode', 'Lucida Grande', Verdana, Arial, Helvetica, sans-serif;
        font-size:   12px; */
}

textarea[required],
input[required],
select[required] {
    border: 1px solid red;
}

input[type=submit].email {
    border: 1px solid #868686;
    background: #E6E6E6 url(../images/icons/email.png) no-repeat 5px center;
    padding: 5px 5px 5px 25px;
    color: #565656;
    cursor: pointer;
}

input[type=submit].save {
    border: 1px solid #868686;
    background: #E6E6E6 url(../images/icons/disk.png) no-repeat 5px center;
    padding: 5px 5px 5px 25px;
    color: #565656;
    cursor: pointer;
}

input[type=submit].search {
    border: 1px solid #868686;
    background: #E6E6E6 url(../images/icons/magnifier.png) no-repeat 5px center;
    padding: 5px 5px 5px 25px;
    color: #565656;
    cursor: pointer;
}

input[type=submit].login {
    border: 1px solid #868686;
    background: #E6E6E6 url(../images/icons/lock.png) no-repeat 5px center;
    padding: 5px 5px 5px 25px;
    color: #565656;
    cursor: pointer;
}

input[type=submit].menu {
    border: 0px;
    background-color: white;
    color: #0088CC;
    cursor: pointer;
}

input[type=text].normal-size,
input[type=file].normal-size,
input[type=number].normal-size,
input[type=integer].normal-size,
input[type=password].normal-size,
input[type=email].normal-size {
    width: 150px;
}

select.normal-size {
    width: 164px;
}

input[type=text].double-size,
input[type=file].double-size,
input[type=number].double-size,
input[type=integer].double-size,
input[type=password].double-size,
input[type=email].double-size {
    width: 300px;
}

input[disabled], textarea[disabled] {
    background: none repeat scroll 0 0 #CCCCCC;
}

input.search_init {
    width: 85%;
}

select.double-size {
    width: 314px;
}

select {
    padding: 2px;
}

textarea {
    width: 300px;
    height: 90px;
}

.flash-message {
    padding: 10px;
    margin: 5px;
    margin-top: 15px;
    background-color: #ffe;
}

/************************************
 * TABLE STYLES
 ***********************************/
/*
table{
    border-collapse:separate;
    border-spacing: 5px;
    width: auto;
}
*/
table.searchable > tfoot {
    display: table-header-group;
}

table.colored-rows tbody > tr:nth-child(even) {
    background-color: #FAFAFA;
}

table.colored-rows tbody > tr:nth-child(odd) {
    background-color: #EFEFEF;
}

table.colored-rows tbody > tr:last-row {
    background-color: white;
}

table.collapse {
    border-collapse: collapse;
    border-spacing: 0px;
}

table.vertical-table th {
    width: 150px;
    padding-right: 10px;
}

table.vertical-table {
    width: 50%;
    padding-right: 20px;
    padding-left: 20px;
}

tr.contract-header-container-top {
    background-color: #DFDFDF;
    border-top: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    cursor: pointer;
}

tr.contract-header-container-bottom {
    background-color: #DFDFDF;
    border-bottom: 1px solid;
    border-left: 1px solid;
    border-right: 1px solid;
    cursor: pointer;
}

table.colored-rows tbody > tr.codie, tr.codie {
    background-color: #FFE4A0;
}

table.colored-rows tbody > tr.contract, tr.contract {
    background-color: #A0DEFF;
}

tr.contract-alternative {
    background-image: url('../images/bgtile_bvf.gif');
}

tr.clickable:hover,
tr.hoverable:hover,
table.colored-rows tbody > tr.clickable:hover,
table.colored-rows tbody > tr.hoverable:hover {
    background-color: #DADADA;
}

tr.hoverable:hover {
    cursor: default;
}

tr.clickable:hover {
    cursor: pointer;
}

tr.codie {
    /*border: 1px solid #AFAFAF;*/
}

tr.row-selected,
table.colored-rows,
tbody tr.row-selected {
    background-color: #9EACAC !important;
}

/*************************
 * OVERVIEW STYLES
 *************************/
.codie {
    background-color: #FFE4A0 !important;
}

.appointment-contract {
    background-color: #A0DEFF;
}

#mc-overview-table a.closed, #mc-overview-table a.opened {
    padding: 0 3px 3px;
}

/*************************
 * EXPORTER LIST STYLE
 *************************/

#exporter-list ul {
    width: 112px;
}

#exporter-list li.menu-more-item:hover {
    background-color: inherit;
}

#exporter-list div.menu-more li {
    padding-top: 3px;
    padding-bottom: 3px;
}

/*
==============================
*/

#mc-overview-quickselect-letters-table {
    width: 100%;
    margin-bottom: 1.1em;
}

#mc-overview-quickselect-letters-table td {
    font-weight: bold;
    text-align: center;
    cursor: pointer;
}

#mc-overview-quickselect-letters-table a {
    text-decoration: none;
}

#mc-overview-quickselect-letters {
    width: 100%;
}

#mc-overview-quickselect-letters td.selected {
    background-color: #cbcbcb;
}

#mc-overview-quickselect-window {
    display: none;
    background-color: white;
}

#mc-overview-quickselect-window table {
    width: auto;
}

.positionable {
    position: absolute;
    display: block;
}

.clickable {
    cursor: pointer;
}

#client-form-create th {
    width: 50px;
}

#client-form-create td {
    text-align: left;
    padding: 2px;
}

/************************************
 * HOUSEHOLD MENU BAR
 ***********************************/
#mc-household-members {
    font-size: inherit;
    /*
    width: 30px;
    padding-right: 10px;
    */
}

#mc-household-members .menu-more {
    background-color: #FFFFFF;
    border: 1px solid #DFDFDF;
    /*    box-shadow: 3px 3px 5px #CCCCCC; */
    position: absolute;
    white-space: nowrap;
    z-index: 2;
    float: left;
    margin-left: 35px;
}

#mc-household-members > .menu-list > .menu-list-item {
    border: 1px solid;
    border-color: #DFDFDF;
}

#mc-household-members .menu-more-link > span.header {
    border-right: 1px dotted black;
    padding-right: 5px;
    font-size: 23px;
}

#mc-household-menu-container a {
    padding: 5px 10px;
    float: left;
    /*    color: #3C78B5; */
    text-decoration: none;
    font-weight: 400;
    /*    font-size: 14px;
        font-family: Arial,Helvetica,sans-serif; */
}

#mc-household-menu, #mc-household-submenu {
    width: 100%;
    display: block;
    float: left;
}

#mc-household-menu {
    border-bottom: 1px solid #868686;
}

#mc-household-menu a.selected, #mc-household-menu a.selected:hover {
    border-bottom: 5px solid #3C78B5;
}

#mc-household-menu a:hover {
    border-bottom: 5px solid olivedrab;
}

#mc-household-submenu a:hover, #mc-household-submenu a.selected {
    background-color: #E6E6E6;
}

/************************************
 * HOUSEHOLD CONTENT
 ***********************************/
/*
#household-content {
    clear: left;
}


.contract{
	margin: 10px 10px 20px;
	border-left: 1px solid black;
	border-right: 1px solid black;
	width: 900px;
}


div.contract tr.table-header{
    background-color: #DFDFDF;
    padding-bottom: 5px;
}

div.contract table.contract-indicators{
    padding: 5px;
    border: 1px solid #DFDFDF;
}
*/
/***************************
 * DOCUMENTS TABLE (DOCTOOL)
 ****************************/
#documents table {
    width: 100%;
    border-spacing: 0px;
}

#documents tr {
    line-height: 2em;
}

#documents .document {
    border: 1px solid #ddd;
    background: #f8f8f8;
}

#documents .document2 {
    margin: 5px 0;
    padding: 3px 3px 0 3px;
    border: 1px solid #ddd;
    background: #efefef;
}

#documents .document_name {
    width: 70%;
}

#documents .document_link {
    width: 10%;
}

#documents .document_link img {
    vertical-align: middle;
}

#doctoolform > .row {
    margin-bottom: 10px;
}

/***************************
 * MESSAGES STYLES
 ****************************/

#notifications span.caption {
    background-repeat: no-repeat;
    background-position: 5px 4px;
    padding-left: 23px;
    padding-top: 5px;
    font-weight: bold;
    display: block;
}

#notifications > div {
    padding: 5px;
}

.messages-error {
    border: 1px solid #a50000;
    background-color: #ffd3d3;
}

.messages-error span.caption {
    background-image: url('../images/icons/exclamation.png');
}

.messages-notice {
    border: 1px solid #c2b200;
    background-color: #fff47f;
}

.messages-notice span.caption {
    background-image: url('../images/icons/error.png');
}

.messages-success {
    border: 1px solid #6ba900;
    background-color: #c6ff63;
}

.messages-success span.caption {
    background-image: url('../images/icons/tick.png');
}

/***************************
 * EXTENDED SEARCH STYLES
 ****************************/
#search_extended div {
    width: 48%;
    float: left;
}

/***************************
 * TOGGLE BOX STYLES
 ****************************/

.toggle-box {
    /*    padding: 5px; */
    margin-bottom: 10px;
}

.toggle-box-header {
    background-color: #DFDFDF;
    border-bottom: 1px solid black;
    border-top: 1px solid black;
    cursor: pointer;
    padding: 5px;
}

.toggle-box-open {
    background-image: url('../images/icons/plus.png');
}

.toggle-box-close {
    background-image: url('../images/icons/minus.png');
}

.toggle-box-content {
    background-color: #FFFFFF;
}